/* 1a. Containers */


  



  


/* 1b. Colors */







/* 1c. Typography */





























/* 1d. Buttons */






























/* 1e. Forms */































/* 1f. Icons */
















/* 1g. Cards */











/* 1h. Tables */













/* 1i. Website header */



























/* 1j. Website footer */













/* Drag and drop layout styles */

.dnd-section {
  padding: 20px 20px;
}

/* Padding on blog post sections */

.blog-post-section {
  padding: 20px 0;
}

/* .content-wrapper is used for blog post and system templates and .header-wrapper is used for the website header module */

.dnd-section > .row-fluid,
.content-wrapper,
.header__wrapper {
  max-width: 2250px;
}





html {
  font-size: 18px;
}

body {
  font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
  background-color: #ffffff;
  color: #333333;
  font-size: 18px;
}

/* Paragraphs */

p {
  font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
}

/* Anchors */

a {
  font-weight: normal; text-decoration: none; font-family: Raleway, sans-serif; font-style: normal;
  color: #00839F;
}

a:hover,
a:focus {
  font-weight: normal; text-decoration: none; font-family: Raleway, sans-serif; font-style: normal;
  color: #0092b3;
}

a:active {
  font-weight: normal; text-decoration: none; font-family: Raleway, sans-serif; font-style: normal;
  color: #50e2ff;
}

/* Headings */

h1 {
  font-family: Raleway, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FFFFFF;
  font-size: 60px;
  text-transform: none;
}

h2 {
  font-family: Raleway, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #333333;
  font-size: 42px;
  text-transform: none;
}

h3 {
  font-family: Raleway, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FFFFFF;
  font-size: 32px;
  text-transform: none;
}

h4 {
  font-family: Raleway, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #0092b3;
  font-size: 24px;
  text-transform: none;
}

h5 {
  font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #333333;
  font-size: 20px;
  text-transform: none;
}

h6 {
  font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #333333;
  font-size: 16px;
  text-transform: none;
}

/* Blockquotes */

blockquote {
  font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  border-left-color: #ffffff;
  color: #666666;
  font-size: 18px;
}

blockquote > footer {
  font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
  font-size: 18px;
}

/* Horizontal rules */

hr {
  border-bottom-color: #4f8d32;
}





/* Primary button */

button,
.button,
.hs-button {
  border: 1px solid #00839F;

  padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;

  font-family: Raleway, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(0, 131, 159, 1.0)

;
  border-radius: 0px;
  color: #ffffff;
  fill: #ffffff;
  font-size: 16px;
  text-transform: none;
}

button:hover,
button:focus,
button:active,
.button:hover,
.button:focus,
.button:active,
.hs-button:hover,
.hs-button:focus,
.hs-button:active {
  border: 1px solid #00839F;

  font-family: Raleway, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(65, 82, 57, 1.0)

;
  color: #ffffff;
  fill: #ffffff;
}

button:active,
.button:active,
.hs-button:active {
  border: 1px solid #00839F;

  font-family: Raleway, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  background-color: rgba(145, 162, 137, 100);
  border-color: #50d3ef;
  color: #ffffff;
  fill: #ffffff;
}

/* Secondary button */

.button.button--secondary {
  border: 1px solid #00839F;

  font-family: Raleway, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  border-radius: 0px;
  color: #00839F;
  fill: #00839F;
  text-transform: none;
}

.button.button--secondary:hover,
.button.button--secondary:focus,
.button.button--secondary:active {
  border: 1px solid #00839F;

  font-family: Raleway, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(0, 131, 159, 1.0)

;
  color: #ffffff;
  fill: #ffffff;
}

.button.button--secondary:active {
  font-family: Raleway, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  background-color: rgba(80, 211, 239, 100);
  border: 1px solid #00839F;

  border-color: #50d3ef;
  color: #ffffff;
  fill: #ffffff;
}

/* Simple button */

.button.button--simple {
  font-weight: normal; text-decoration: none; font-family: Raleway, sans-serif; font-style: normal;
  color: #00839F;
  fill: #00839F;
}

.button.button--simple:hover,
.button.button--simple:focus {
  font-weight: normal; text-decoration: none; font-family: Raleway, sans-serif; font-style: normal;
  color: #0092b3;
  fill: #0092b3;
}

.button.button--simple:active {
  font-weight: normal; text-decoration: none; font-family: Raleway, sans-serif; font-style: normal;
  color: #50e2ff;
  fill: #50e2ff;
}

/* Button sizing */

.button.button--small {
  padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;

  font-size: 14px;
}

.button.button--large {
  padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;

  font-size: 18px;
}





/* Form */

form {
  border: 1px none #ffffff;

  padding: 45px;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 0px;
}

/* Form title */

.form-title {
  border: 1px none #00839F;

  padding: 25px;

  font-family: Raleway, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(0, 131, 159, 1.0)

;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  color: #ffffff;
  font-size: 32px;
  text-transform: ;
}

/* Labels */

form label {
  padding-top: 6px;
padding-right: 0px;
padding-bottom: 6px;
padding-left: 0px;

  font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #333333;
  font-size: 18px;
}

/* Help text */

form legend {
  font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
  color: #333333;
  font-size: 14px;
}

/* Form fields */

form input[type='text'],
form input[type='email'],
form input[type='password'],
form input[type='tel'],
form input[type='number'],
form input[type='search'],
form select,
form textarea {
  border: 1px none #4f8d32;

  padding: 10px;

  font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 0px;
  color: #333333;
  font-size: 18px;
}

/* Form fields - placeholders */

::-webkit-input-placeholder {
  color: #4f8d32;
}

::-moz-placeholder {
  color: #4f8d32;
}

:-ms-input-placeholder {
  color: #4f8d32;
}

:-moz-placeholder {
  color: #4f8d32;
}

::placeholder {
  color: #4f8d32;
}

/* Form fields - date picker */

form .hs-dateinput:before {
  right: 10px;
}

form .pika-table thead th {
  background-color: 

  
  
    
  


  rgba(0, 131, 159, 1.0)

;
  color: #ffffff;
}

form td.is-today .pika-button {
  color: #333333;
}

form .is-selected .pika-button {
  background-color: #ffffff;
  color: #333333;
}

form .pika-button:hover {
  background-color: #00839F !important;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext *,
form .hs-richtext p,
form .hs-richtext h1,
form .hs-richtext h2,
form .hs-richtext h3,
form .hs-richtext h4,
form .hs-richtext h5,
form .hs-richtext h6 {
  font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
  color: #333333;
}

form .hs-richtext a {
  font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
  color: #333333;
}

/* GDPR */

form .legal-consent-container,
form .legal-consent-container .hs-richtext,
form .legal-consent-container .hs-richtext p {
  font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
  color: #333333;
  font-size: 14px;
}

/* Submit button */



  form input[type='submit'],
  form .hs-button {
    border: 1px solid #00839F;

    font-family: Raleway, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
    background-color: 

  
  
    
  


  rgba(0, 131, 159, 1.0)

;
    border-radius: 0px;
    color: #ffffff;
    text-transform: none;
  }

  form input[type='submit']:hover,
  form input[type='submit']:focus,
  form .hs-button:hover,
  form .hs-button:focus {
    border: 1px solid #00839F;

    font-family: Raleway, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
    background-color: 

  
  
    
  


  rgba(65, 82, 57, 1.0)

;
    color: #ffffff;
  }

  form input[type='submit']:active,
  form .hs-button:active {
    border: 1px solid #00839F;

    font-family: Raleway, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
    background-color: rgba(145, 162, 137, 100);
    border-color: #50d3ef;
    color: #ffffff;
}





  form input[type='submit'],
  form .hs-button {
    padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;

    font-size: 16px;
  }



/* Inline thank you message */

.submitted-message {
  border: 1px none #ffffff;

  padding: 45px;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 0px;
}





/* Default icon (regular/dark) */

.icon {
  padding: 15px;

  background-color: 

  
  
    
  


  rgba(99, 32, 91, 1.0)

;
}

.icon svg {
  fill: #ffffff;
  height: 16px;
  width: 16px;
}

/* Light icon */

.icon--light .icon {
  background-color: 

  
  
    
  


  rgba(0, 146, 179, 1.0)

;
}

.icon--light svg {
  fill: #FFFFFF;
}

/* Size */

.icon--small svg {
  height: 12px;
  width: 12px;
}

.icon--small .icon {
  padding: 10px;

}

.icon--large svg {
  height: 24px;
  width: 24px;
}

.icon--large .icon {
  padding: 25px;

}





/* Table */

table {
  border: 1px solid #4f8d32;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Table cells */

th,
td {
  border: 1px solid #4f8d32;

  padding: 10px;

  color: #333333;
}

/* Table header */

thead th,
thead td {
  background-color: 

  
  
    
  


  rgba(0, 131, 159, 1.0)

;
  color: #ffffff;
}

/* Table footer */

tfoot th,
tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #333333;
}





/* Header container */

.header {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Header content color */

.header p,
.header h1,
.header h2,
.header h3,
.header h4,
.header h5,
.header h6,
.header a:not(.button),
.header span,
.header div,
.header li,
.header blockquote,
.header .tabs__tab,
.header .tabs__tab:hover,
.header .tabs__tab:focus,
.header .tabs__tab:active {
  color: #666666;
}

/* Header top bar */

.header__top {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Language switcher */

.header__language-switcher-current-label > span {
  font-family: Raleway, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #333333;
  font-size: 18px;
  text-transform: none;
}

.header__language-switcher:hover .header__language-switcher-current-label > span,
.header__language-switcher:focus .header__language-switcher-current-label > span {
  font-family: Raleway, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #000000;
}

.header__language-switcher-child-toggle svg {
  fill: #333333;
}

/* Language switcher - submenu */

.header__language-switcher .lang_list_class {
  border-color: #4f8d32;
}

.header__language-switcher .lang_list_class li {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header__language-switcher .lang_list_class a:not(.button) {
  font-family: Raleway, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FFFFFF;
  font-size: 18px;
  text-transform: none;
}

.header__language-switcher .lang_list_class a:hover,
.header__language-switcher .lang_list_class a:focus {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #FFFFFF;
}

.header__language-switcher .lang_list_class a:active {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Header bottom */

.header__bottom {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Logo */

.header__logo-company-name {
  font-family: Raleway, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FFFFFF;
  font-size: 60px;
  text-transform: none;
}

/* Menu */

@media (max-width: 767px) {
  .header__menu--mobile {
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }
}

/* Menu items */

.header__menu-link {
  font-family: Raleway, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  font-size: 18px;
  text-transform: none;
}

@media (max-width: 767px) {
  .header__menu-item--depth-1 {
    border-top: 1px solid #4f8d32;
  }
}

/* Menu items - top level */

.header__menu-item--depth-1 > .header__menu-link:not(.button) {
  color: #666666;
}

.header__menu-item--depth-1 > .header__menu-link:hover,
.header__menu-item--depth-1 > .header__menu-link:focus {
  font-family: Raleway, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #666666;
}

.header__menu-item--depth-1 > .header__menu-link:active {
  font-family: Raleway, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #b6b6b6;
}

.header__menu-item--depth-1 > .header__menu-link--active-link:not(.button) {
  font-family: Raleway, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #666666;
}

.header__menu-item--depth-1 .header__menu-child-toggle svg {
  fill: #666666;
}

/* Menu items - submenus */

.header__menu-submenu {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-color: #4f8d32;
}

.header__menu-submenu .header__menu-link:not(.button) {
  color: #666666;
}

.header__menu-submenu .header__menu-item:hover,
.header__menu-submenu .header__menu-item:focus {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header__menu-submenu .header__menu-link:hover,
.header__menu-submenu .header__menu-link:focus {
  font-family: Raleway, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #666666;
}

.header__menu-submenu .header__menu-link:active {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header__menu-submenu .header__menu-link--active-link:not(.button) {
  color: ;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Menu icons */

.header__menu-toggle svg {
  fill: #666666;
}





/* Footer container */

.footer {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Footer content color */

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer p,
.footer a:not(.button),
.footer span,
.footer div,
.footer li,
.footer blockquote,
.footer .tabs__tab,
.footer .tabs__tab:hover,
.footer .tabs__tab:focus,
.footer .tabs__tab:active {
  color: #333333;
}

.footer hr {
  border-bottom-color: #333333 !important;
}

/* Footer menu */

.footer .hs-menu-wrapper a {
  font-family: Raleway, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #333333;
  font-size: 18px;
  text-transform: none;
}

.footer .hs-menu-wrapper a:hover,
.footer .hs-menu-wrapper a:focus {
  font-family: Raleway, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #000000;
}

.footer .hs-menu-wrapper a:active {
  font-family: Raleway, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #505050;
}

.footer .hs-menu-wrapper .active > a {
  font-weight: bold; text-decoration: underline; font-family: Raleway, sans-serif; font-style: normal;
  color: #000000;
}






/* Dark card */

.card--dark {
  border: 1px solid #333333;

  background-color: 

  
  
    
  


  rgba(51, 51, 51, 1.0)

;
  border-radius: 0px;
  color: #ffffff;
}

.card--dark summary,
.card--dark p,
.card--dark h1,
.card--dark h2,
.card--dark h3,
.card--dark h4,
.card--dark h5,
.card--dark h6,
.card--dark a:not(.button),
.card--dark span,
.card--dark div,
.card--dark li,
.card--dark blockquote {
  color: #ffffff;
}

/* Light card */

.card--light {
  border: 1px solid #4f8d32;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 0px;
  color: #333333;
}

.card--light summary,
.card--light p,
.card--light h1,
.card--light h2,
.card--light h3,
.card--light h4,
.card--light h5,
.card--light h6,
.card--light a:not(.button),
.card--light span,
.card--light div,
.card--light li,
.card--light blockquote {
  color: #333333;
}





/* Error templates */

.error-page:before {
  font-family: Raleway, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* System templates */

#email-prefs-form,
#email-prefs-form h1,
#email-prefs-form h2 {
  color: #333333;
}

/* Search template */

.hs-search-results__title {
  font-size: 42px;
}

/* Backup unsubscribe template */

.backup-unsubscribe input[type='email'] {
  font-size: 18px !important;
  padding: padding: 10px;
 !important;
}





/* Accordion */

.accordion__summary,
.accordion__summary:before {
  font-family: Raleway, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  font-size: 24px;
}

.card--dark .accordion__summary:before {
  color: #ffffff;
}

.card--light .accordion__summary:before {
  color: #333333;
}

/* Blog listing, recent posts, related posts, and blog post */

.blog-listing__post-title {
  text-transform: none;
}

.blog-listing__post-title-link {
  font-family: Raleway, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #333333;
}

.blog-listing__post-title-link:hover,
.blog-listing__post-title-link:focus {
  font-family: Raleway, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #000000;
}

.blog-listing__post-title-link:active {
  font-family: Raleway, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #838383;
}

.blog-listing__post-tag {
  color: #333333;
}

.blog-listing__post-tag:hover,
.blog-listing__post-tag:focus {
  color: #000000;
}

.blog-listing__post-tag:active {
  color: #838383;
}

.blog-listing__post-author-name,
.blog-post__author-name {
  color: #333333;
}

.blog-listing__post-author-name :hover,
.blog-listing__post-author-name :focus,
.blog-post__author-name:hover,
.blog-post__author-name:focus {
  color: #000000;
}

.blog-listing__post-author-name :active,
.blog-post__author-name:active {
  color: #838383;
}

/* Image gallery */

.image-gallery__close-button-icon:hover,
.image-gallery__close-button-icon:focus {
  background-color: rgba(19, 0, 11, 1.0);
}

.image-gallery__close-button-icon:active {
  background-color: rgba(179, 112, 171, 1.0);
}

.icon--light .image-gallery__close-button-icon:hover,
.icon--light .image-gallery__close-button-icon:focus {
  background-color: rgba(0, 66, 99, 1.0);
}

.icon--light .image-gallery__close-button-icon:active {
  background-color: rgba(80, 226, 255, 1.0);
}

/* Pagination */

.pagination__link-icon svg {
  fill: #00839F;
  height: 18px;
  width: 18px;
}

.pagination__link:hover .pagination__link-icon svg,
.pagination__link:focus .pagination__link-icon svg {
  fill: #0092b3;
}

.pagination__link:active .pagination__link-icon svg {
  fill: #50d3ef;
}

.pagination__link--active {
  border-color: #4f8d32
}

/* Pricing card */

.pricing-card__heading {
  background-color: #00839F;
}

/* Social follow and social sharing */

.social-follow__icon:hover,
.social-follow__icon:focus,
.social-sharing__icon:hover,
.social-sharing__icon:focus {
  background-color: rgba(19, 0, 11, 1.0);
}

.social-follow__icon:active,
.social-sharing__icon:active {
  background-color: rgba(179, 112, 171, 1.0);
}

.icon--light .social-follow__icon:hover,
.icon--light .social-follow__icon:focus,
.icon--light .social-sharing__icon:hover,
.icon--light .social-sharing__icon:focus {
  background-color: rgba(0, 66, 99, 1.0);
}

.icon--light .social-follow__icon:active,
.icon--light .social-sharing__icon:active {
  background-color: rgba(80, 226, 255, 1.0);
}

/* Tabs */

.tabs__tab,
.tabs__tab:hover,
.tabs__tab:focus,
.tabs__tab:active {
  border-color: #333333;
  color: #333333;
}


























/* External css file for testing start here  */



html {
    font-size: 62.5%;
    font-family: raleway, sans-serif;
    color: #333333;
    background-color: lightgrey; }
    @media (max-width: 1023px) {
      html.navigating {
        overflow: hidden; } }
  
  a:not([href]) {
    cursor: pointer; }
  
  body {
    font-family: raleway, sans-serif;
    background-color: lightgrey;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    color: #333333; }
  
  .site-wrap {
    max-width: 2000px;
    width: 100%;
    margin: 0 auto;
    background-color: #ffffff;
    color: #333333; }
    .site-wrap:not(.ovv) {
      overflow: hidden; }
  
  [v-cloak] {
    display: none; }
  
  a {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    color: inherit; }
  
  .section {
    padding-left: 3rem;
    padding-right: 3rem;
    position: relative; }
    @media (min-width: 768px) {
      .section {
        padding-left: 6rem;
        padding-right: 6rem; } }
    @media (min-width: 1200px) {
      .section {
        padding-left: 6rem;
        padding-right: 6rem; } }
    @media (min-width: 1400px) {
      .section {
        padding-left: 10rem;
        padding-right: 10rem; } }
  
  .section-no-right {
    padding-left: 3rem;
    position: relative;
    padding-right: 3rem; }
    @media (min-width: 768px) {
      .section-no-right {
        padding-left: 6rem;
        padding-right: 6rem; } }
    @media (min-width: 1200px) {
      .section-no-right {
        padding-left: 6rem;
        padding-right: 0; } }
    @media (min-width: 1400px) {
      .section-no-right {
        padding-left: 10rem; } }
  
  img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%; }
  
  .max-wide {
    max-width: 1740px;
    margin: 0 auto;
    position: relative; }
  
  .max-internal {
    max-width: 1480px;
    margin: 0 auto;
    position: relative; }
  
  .max-large {
    max-width: 1500px;
    margin: 0 auto;
    position: relative; }
  
  .max-medium {
    max-width: 992px;
    margin: 0 auto;
    position: relative; }
  
  .max-small {
    max-width: 800px;
    margin: 0 auto;
    position: relative; }
  
  .text-wrap {
    margin: 0 auto; }
  
  .border-green {
    display: inline-block;
    padding-bottom: 5px;
    position: relative; }
    .border-green:after {
      content: '';
      position: absolute;
      bottom: -1px;
      left: 0;
      right: 0;
      height: 5px;
      background: #4D8D23; }
  
  .border-yellow {
    display: inline-block;
    padding-bottom: 5px;
    position: relative; }
    .border-yellow:after {
      content: '';
      position: absolute;
      bottom: -1px;
      left: 0;
      right: 0;
      height: 5px;
      background: #E8A000; }
  
  .border-white {
    display: inline-block;
    padding-bottom: 5px;
    position: relative; }
    .border-white:after {
      content: '';
      position: absolute;
      bottom: -1px;
      left: 0;
      right: 0;
      height: 5px;
      background: #ffffff; }
  
  .border-purple {
    display: inline-block;
    padding-bottom: 5px;
    position: relative; }
    .border-purple:after {
      content: '';
      position: absolute;
      bottom: -1px;
      left: 0;
      right: 0;
      height: 5px;
      background: #4C164A; }
  
  .btn {
    display: inline-block;
    min-width: 236px;
    border: 2px solid #333333;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 18px;
    border-radius: 50px;
    margin: 0;
    padding: 14px 15px 13px 18px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .btn svg {
      margin-top: 3px; }
    .btn.green {
      border-color: #4D8D23;
      color: #4D8D23; }
    .btn.white {
      color: #ffffff;
      border: 1px solid #ffffff;
      min-width: 200px;
      font-size: 16px; }
    .btn.purple {
      border-color: #4C164A;
      color: #4C164A; }
      .btn.purple .a {
        fill: #4C164A !important; }
    .btn.yellow {
      border-color: #E8A000;
      color: #E8A000; }
    .btn.blue {
      border-color: #00839F;
      color: #00839F; }
    .btn.large {
      font-size: 14px; }
      @media (min-width: 992px) {
        .btn.large {
          min-width: 340px;
          font-size: 18px; } }
    .btn.fill {
      background-color: #00839F;
      color: white; }
  
  .date {
    color: #A7A7A7;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase; }
  
  .bg-green {
    background-color: #4D8D23 !important; }
  
  .bg-purple {
    background-color: #4C164A !important; }
  
  .bg-blue {
    background-color: #00839F !important; }
  
  .bg-yellow {
    background-color: #E8A000 !important; }
  
  .bc-green {
    border-color: #4D8D23 !important; }
  
  .bc-purple {
    border-color: #4C164A !important; }
  
  .bc-blue {
    border-color: #00839F !important; }
  
  .bc-yellow {
    border-color: #E8A000 !important; }
  
  .font-green {
    color: #4D8D23 !important; }
    .font-green.on {
      border: 2px solid #4D8D23; }
  
  .font-purple {
    color: #4C164A !important; }
    .font-purple.on {
      border: 2px solid #4C164A; }
  
  .font-blue {
    color: #00839F !important; }
    .font-blue.on {
      border: 2px solid #00839F; }
  
  .font-yellow {
    color: #E8A000 !important; }
    .font-yellow.on {
      border: 2px solid #E8A000; }
  
  .rte-button {
    display: inline-block;
    min-width: 240px;
    border: 2px solid #333333;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    border-radius: 55px;
    margin: 0;
    padding: 15px 15px 13px 15px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    border-color: #00839F;
    color: #00839F;
    position: relative; }
    .rte-button:before {
      background-position: right center; }
  
  .gradient-to-bottom {
    position: relative; }
    .gradient-to-bottom:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 150px;
      width: 100%;
      height: 60%;
      background: transparent linear-gradient(180deg, #FFFFFF 0%, #EFEEEE 100%) 0% 0% no-repeat padding-box; }
  
  .service-block-swoosh {
    position: absolute;
    bottom: 150px;
    right: -10%;
    width: 115%;
    z-index: 2;
    overflow: hidden;
    opacity: 0.8; }
    .service-block-swoosh svg {
      position: relative;
      bottom: -65vw;
      right: 0;
      width: 100%; }
  
  .mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8; }
  
  .mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden; }
  
  .mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box; }
  
  .mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  
  .mfp-align-top .mfp-container:before {
    display: none; }
  
  .mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045; }
  
  .mfp-inline-holder .mfp-content,
  .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto; }
  
  .mfp-ajax-cur {
    cursor: progress; }
  
  .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out; }
  
  .mfp-zoom {
    cursor: pointer;
    cursor: zoom-in; }
  
  .mfp-auto-cursor .mfp-content {
    cursor: auto; }
  
  .mfp-close,
  .mfp-arrow,
  .mfp-preloader,
  .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none; }
  
  .mfp-loading.mfp-figure {
    display: none; }
  
  .mfp-hide {
    display: none !important; }
  
  .mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044; }
  
  .mfp-preloader a {
    color: #CCC; }
  
  .mfp-preloader a:hover {
    color: #FFF; }
  
  .mfp-s-ready .mfp-preloader {
    display: none; }
  
  .mfp-s-error .mfp-content {
    display: none; }
  
  button.mfp-close,
  button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    -ms-touch-action: manipulation;
        touch-action: manipulation; }
  
  button::-moz-focus-inner {
    padding: 0;
    border: 0; }
  
  .mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace; }
  
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  
  .mfp-close:active {
    top: 1px; }
  
  .mfp-close-btn-in .mfp-close {
    color: #333; }
  
  .mfp-image-holder .mfp-close,
  .mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%; }
  
  .mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap; }
  
  .mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent; }
  
  .mfp-arrow:active {
    margin-top: -54px; }
  
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }
  
  .mfp-arrow-left {
    left: 0; }
  
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }
  
  .mfp-arrow-right {
    right: 0; }
  
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }
  
  .mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px; }
  
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  
  .mfp-iframe-holder .mfp-close {
    top: -40px; }
  
  .mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%; }
  
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }
  
  /* Main image in popup */
  img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto; }
  
  /* The shadow behind the image */
  .mfp-figure {
    line-height: 0; }
  
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  
  .mfp-figure figure {
    margin: 0; }
  
  .mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto; }
  
  .mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px; }
  
  .mfp-image-holder .mfp-content {
    max-width: 100%; }
  
  .mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer; }
  
  @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
         * Remove all paddings around the image on small screen
         */
    .mfp-img-mobile .mfp-image-holder {
      padding-left: 0;
      padding-right: 0; }
    .mfp-img-mobile img.mfp-img {
      padding: 0; }
    .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0; }
    .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px; }
    .mfp-img-mobile .mfp-bottom-bar {
      background: rgba(0, 0, 0, 0.6);
      bottom: 0;
      margin: 0;
      top: auto;
      padding: 3px 5px;
      position: fixed;
      box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
    .mfp-img-mobile .mfp-counter {
      right: 5px;
      top: 3px; }
    .mfp-img-mobile .mfp-close {
      top: 0;
      right: 0;
      width: 35px;
      height: 35px;
      line-height: 35px;
      background: rgba(0, 0, 0, 0.6);
      position: fixed;
      text-align: center;
      padding: 0; } }
  
  @media all and (max-width: 900px) {
    .mfp-arrow {
      transform: scale(0.75); }
    .mfp-arrow-left {
      transform-origin: 0; }
    .mfp-arrow-right {
      transform-origin: 100%; }
    .mfp-container {
      padding-left: 6px;
      padding-right: 6px; } }
  
  /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css
  
  a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, 
  canvas, caption, center, cite, code, 
  dd, del, details, dfn, div, dl, dt, 
  em, embed, 
  fieldset, figcaption, figure,  
  h4, h5, h6,  hgroup, html, 
  i, iframe, img, ins, kbd, label, legend, li, 
  main, mark, menu, nav, object, ol, output, pre, q, ruby, 
  s, samp, section, small, span, strike, strong, sub, summary, sup, 
  table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video
  */
  * {
    margin: 0;
    padding: 0;
    border: 0; }
  
  body, h1, h2, h3, h4, h5, h6, header, footer, form, p {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline; }
  
  /* Document
     ========================================================================== */
  /**
   * 1. Correct the line height in all browsers.
   * 2. Prevent adjustments of font size after orientation changes in iOS.
   */
  html {
    line-height: 1.15;
    /* 1 */
    -moz-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
         text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    font-size: 62.5%;
    min-height: 100%;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    /* 2 */ }
    html:not(.ovv) {
      overflow-x: hidden; }
  
  *, *:before, *:after {
    box-sizing: inherit; }
  
  /* Sections
     ========================================================================== */
  /**
   * Remove the margin in all browsers.
   */
  body {
    margin: 0;
    margin: 0;
    min-height: 100%; }
  
  /* Grouping content
     ========================================================================== */
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */ }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */ }
  
  /* Text-level semantics
     ========================================================================== */
  /**
   * Remove the gray background on active links in IE 10.
   */
  a {
    background-color: transparent; }
  
  /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
    /* 2 */ }
  
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  b,
  strong {
    font-weight: bolder; }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  code,
  kbd,
  samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */ }
  
  /**
   * Add the correct font size in all browsers.
   */
  small {
    font-size: 80%; }
  
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }
  
  sub {
    bottom: -0.25em; }
  
  sup {
    top: -0.5em; }
  
  /* Embedded content
     ========================================================================== */
  /**
   * Remove the border on images inside links in IE 10.
   */
  img {
    border-style: none; }
  
  /* Forms
     ========================================================================== */
  /**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */ }
  
  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
  button,
  input {
    /* 1 */
    overflow: visible; }
  
  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
  button,
  select {
    /* 1 */
    text-transform: none; }
  
  /**
   * Correct the inability to style clickable types in iOS and Safari.
   */
  button,
  [type="button"],
  [type="reset"],
  [type="submit"] {
    -webkit-appearance: button; }
  
  /**
   * Remove the inner border and padding in Firefox.
   */
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0; }
  
  /**
   * Restore the focus styles unset by the previous rule.
   */
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText; }
  
  /**
   * Correct the padding in Firefox.
   */
  fieldset {
    padding: 0.35em 0.75em 0.625em; }
  
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
  legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */ }
  
  /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  progress {
    vertical-align: baseline; }
  
  /**
   * Remove the default vertical scrollbar in IE 10+.
   */
  textarea {
    overflow: auto; }
  
  /**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
  [type="checkbox"],
  [type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */ }
  
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto; }
  
  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
  [type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */ }
  
  /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }
  
  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */ }
  
  /* Interactive
     ========================================================================== */
  /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
  details {
    display: block; }
  
  /*
   * Add the correct display in all browsers.
   */
  summary {
    display: list-item; }
  
  /* Misc
     ========================================================================== */
  /**
   * Add the correct display in IE 10+.
   */
  template {
    display: none; }
  
  /**
   * Add the correct display in IE 10.
   */
  [hidden] {
    display: none; }
  
  h1, h2, h3, h4, h5, blockquote {
    margin-bottom: 1em; }
  
  h1 {
    font-size: 4.5rem;
    line-height: 1.26667;
    font-weight: 700; }
    @media (min-width: 1200px) {
      h1 {
        font-size: 6rem;
        line-height: 1.17143; } }
    @media (min-width: 1400px) {
      h1 {
        font-size: 7rem;
        line-height: 1.17143; } }
  
  h2 {
    font-size: 3rem;
    line-height: 1.4;
    font-weight: 700; }
    @media (min-width: 1200px) {
      h2 {
        font-size: 4.2rem;
        line-height: 1.28571; } }
  
  h3 {
    font-size: 2.3rem;
    line-height: 1.52174;
    font-weight: 700; }
    @media (min-width: 1200px) {
      h3 {
        font-size: 3.2rem;
        line-height: 1.375; } }
  
  h4 {
    font-size: 1.8rem;
    line-height: 1.75; }
    @media (min-width: 1200px) {
      h4 {
        font-size: 2.4rem;
        line-height: 1.5; } }
  
  h5 {
    font-size: 1.6rem;
    line-height: 1.75; }
    @media (min-width: 1200px) {
      h5 {
        font-size: 1.8rem;
        line-height: 1.6; } }
  
  p {
    font-size: 1.6rem;
    line-height: 1.75;
    margin-bottom: 1.2em;
    font-family: open-sans, sans-serif;
    font-weight: 300; }
    @media (min-width: 1200px) {
      p {
        font-size: 1.8rem;
        line-height: 1.66667; } }
    p a {
      text-decoration: underline; }
    p.small {
      font-size: 1.4rem; }
  
  ul li, ol li {
    font-size: 1.6rem;
    line-height: 1.75; }
    @media (min-width: 1200px) {
      ul li, ol li {
        font-size: 1.6rem;
        line-height: 1.75; } }
  
  ol {
    padding-left: 20px; }
  
  .text-center {
    text-align: center !important; }
  
  .text-right {
    text-align: right !important; }
  
  #nav, nav, .nav {
    position: relative;
    z-index: 999; }
  
  .nav {
    background-color: #ffffff; }
    .nav:after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: #ffffff;
      z-index: 3; }
    .nav .section {
      position: relative;
      z-index: 4; }
    .nav-flex {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-line-pack: center;
          align-content: center;
      -ms-flex-pack: justify;
          justify-content: space-between;
      padding: 24px 0;
      background-color: #ffffff;
      position: relative;
      z-index: 5; }
      @media (min-width: 768px) {
        .nav-flex {
          padding: 40px 0; } }
      .nav-flex svg {
        margin-top: -10px;
        max-width: 175px; }
        @media (min-width: 768px) {
          .nav-flex svg {
            max-width: 220px; } }
        @media (min-width: 1200px) {
          .nav-flex svg {
            max-width: 270px; } }
      .nav-flex ul {
        display: -ms-flexbox;
        display: flex;
        width: 75%;
        -ms-flex-pack: justify;
            justify-content: space-between;
        list-style: none; }
        @media (min-width: 1024px) {
          .nav-flex ul {
            width: 73%;
            -ms-flex-align: center;
                align-items: center;
            -ms-flex-line-pack: center;
                align-content: center; } }
        @media (min-width: 1200px) {
          .nav-flex ul {
            width: 70%; } }
        @media (min-width: 1400px) {
          .nav-flex ul {
            width: 62%; } }
        .nav-flex ul li {
          font-weight: 700;
          color: #707070;
          text-transform: uppercase;
          font-size: 16px;
          cursor: pointer;
          margin-left: auto; }
          @media (min-width: 1200px) {
            .nav-flex ul li {
              font-size: 18px; } }
          .nav-flex ul li:hover {
            color: #00839F; }
          .nav-flex ul li.green:hover {
            color: #4D8D23; }
          .nav-flex ul li.yellow:hover {
            color: #E8A000; }
          .nav-flex ul li.purple:hover {
            color: #4C164A; }
          .nav-flex ul li.btn {
            text-align: center;
            min-width: 100px;
            width: 150px; }
      .nav-flex .hidemob {
        display: none; }
        @media (min-width: 1024px) {
          .nav-flex .hidemob {
            display: inline-block; } }
        @media (min-width: 1200px) {
          .nav-flex .hidemob {
            display: inline-block; } }
    .nav-drop {
      position: absolute;
      left: 0;
      top: 100%;
      background-color: #4D8D23;
      width: 100%;
      z-index: 2;
      transform: translateY(-100%);
      transition: 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) transform, 0.5s linear opacity;
      opacity: 0.5;
      display: none; }
      @media (min-width: 1024px) {
        .nav-drop {
          display: block; } }
      .nav-drop.on {
        opacity: 1;
        transform: translateY(0); }
      .nav-drop:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        -webkit-animation: fadein ease-in-out 4s infinite alternate both;
                animation: fadein ease-in-out 4s infinite alternate both; }
      .nav-drop.green {
        background: transparent linear-gradient(270deg, #4B7020 0%, #00839F 100%) 0% 0% no-repeat padding-box; }
        .nav-drop.green:before {
          background: linear-gradient(0deg, #00839F, #4B7020); }
      .nav-drop.yellow {
        background: transparent linear-gradient(270deg, #D68100 0%, #D68100 29%, #00839F 74%, #00839F 100%) 0% 0% no-repeat padding-box; }
        .nav-drop.yellow:before {
          background: linear-gradient(200deg, #00839F, #D68100); }
      .nav-drop.purple {
        background: transparent linear-gradient(270deg, #4C164A 0%, #00839F 100%) 0% 0% no-repeat padding-box; }
        .nav-drop.purple:before {
          background: linear-gradient(200deg, #00839F, #4C164A); }
      .nav-drop-flex {
        padding: 70px 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between; }
        .nav-drop-flex-left {
          width: 58%;
          padding-right: 20px; }
          @media (min-width: 1200px) {
            .nav-drop-flex-left {
              width: 38%; } }
          .nav-drop-flex-left h4, .nav-drop-flex-left p {
            max-width: 550px; }
          .nav-drop-flex-left h4 {
            color: #ffffff;
            font-size: 20px; }
            .nav-drop-flex-left h4:first-of-type {
              display: inline-block;
              text-transform: uppercase;
              letter-spacing: 3px;
              font-weight: 500;
              margin-bottom: 0;
              padding-bottom: 30px;
              position: relative; }
              .nav-drop-flex-left h4:first-of-type:after {
                content: '';
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 5px;
                background-color: #ffffff;
                opacity: 0.5; }
          .nav-drop-flex-left h2 {
            color: #ffffff;
            margin: 0;
            margin-top: 30px;
            margin-bottom: 15px; }
            @media (min-width: 1200px) {
              .nav-drop-flex-left h2 {
                font-size: 38px; } }
        .nav-drop-flex-right {
          width: 40%; }
          @media (min-width: 1200px) {
            .nav-drop-flex-right {
              width: 25%; } }
          .nav-drop-flex-right h4 {
            color: #ffffff;
            font-size: 20px;
            display: inline-block;
            text-transform: uppercase;
            letter-spacing: 3px;
            font-weight: 500;
            margin-bottom: 30px;
            padding-bottom: 26px;
            position: relative; }
            .nav-drop-flex-right h4:after {
              content: '';
              position: absolute;
              left: 0;
              bottom: 0;
              width: 100%;
              height: 5px;
              background-color: #ffffff;
              opacity: 0.5; }
          .nav-drop-flex-right ul {
            list-style: none; }
            .nav-drop-flex-right ul li {
              font-size: 20px;
              font-weight: 700;
              margin-bottom: 8px;
              color: #ffffff; }
              @media (min-width: 1200px) {
                .nav-drop-flex-right ul li {
                  font-size: 26px; } }
        .nav-drop-flex-contact {
          display: none; }
          @media (min-width: 1200px) {
            .nav-drop-flex-contact {
              width: 30%;
              display: block; } }
          @media (min-width: 1400px) {
            .nav-drop-flex-contact {
              width: 27%; } }
          .nav-drop-flex-contact h4 {
            color: #ffffff;
            font-size: 20px;
            font-weight: 300;
            margin: 0; }
            .nav-drop-flex-contact h4 span {
              display: inline-block;
              min-width: 24px; }
            .nav-drop-flex-contact h4 a {
              text-decoration: underline; }
          .nav-drop-flex-contact .address {
            margin-top: 30px; }
            .nav-drop-flex-contact .address p {
              margin: 0;
              color: #ffffff; }
      .nav-drop-more {
        padding-top: 10px; }
    .nav-under {
      content: '';
      position: fixed;
      left: -200vw;
      top: 0;
      width: 100vw;
      height: 100vh;
      background-color: black;
      opacity: 0;
      z-index: 1;
      transition: opacity 500ms linear; }
      .nav-under.on {
        left: 0;
        opacity: 0.3; }
  
  nav {
    height: 102px;
    overflow: hidden; }
    @media (min-width: 768px) {
      nav {
        height: 134px; } }
    @media (min-width: 1024px) {
      nav {
        height: auto;
        overflow: visible; } }
  
  .mobnav {
    position: fixed;
    top: 0;
    right: 0;
    background-color: #333;
    width: 100%;
    min-height: 100vh;
    z-index: 50;
    transform: translateX(101%);
    transition: 0.3s cubic-bezier(1, 0, 0, 1) transform;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-top: 102px; }
    @media (min-width: 768px) {
      .mobnav {
        padding-top: 134px; } }
    @media (min-width: 1024px) {
      .mobnav {
        width: 510px;
        padding-top: 135px; } }
    @media (min-width: 1400px) {
      .mobnav {
        width: 580px; } }
    .mobnav-inner {
      padding: 0 20px 0 30px;
      height: calc(100vh - 102px);
      overflow-y: scroll;
      overflow-x: hidden;
      padding-bottom: 200px; }
      @media (min-width: 768px) {
        .mobnav-inner {
          padding-left: 60px;
          height: calc(100vh - 134px); } }
      @media (min-width: 1024px) {
        .mobnav-inner {
          padding: 0 80px;
          overflow-y: hidden;
          overflow-x: hidden; } }
      @media (min-width: 1400px) {
        .mobnav-inner {
          padding: 0 110px 0 100px; } }
    .mobnav.on {
      transform: translateX(0%); }
    .mobnav .hidedesk {
      display: block; }
      @media (min-width: 1024px) {
        .mobnav .hidedesk {
          display: none; } }
    .mobnav .ul-one {
      list-style: none;
      margin-top: 60px; }
      @media (min-width: 1024px) {
        .mobnav .ul-one {
          text-align: right;
          padding-left: 0; } }
      .mobnav .ul-one.mobnav-blue {
        border-left: 6px solid #00839F; }
        @media (min-width: 1024px) {
          .mobnav .ul-one.mobnav-blue {
            border-right: 6px solid #00839F;
            border-left: none; } }
      .mobnav .ul-one .li-one {
        font-size: 20px;
        color: #D1D1D1;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 15px;
        padding-left: 30px; }
        @media (min-width: 1024px) {
          .mobnav .ul-one .li-one {
            padding-left: 0;
            padding-right: 30px; } }
        .mobnav .ul-one .li-one.mobnav-green {
          border-left: 6px solid #4D8D23; }
        .mobnav .ul-one .li-one.mobnav-purple {
          border-left: 6px solid #4C164A; }
        .mobnav .ul-one .li-one.mobnav-yellow {
          border-left: 6px solid #E8A000; }
        .mobnav .ul-one .li-one.mobnav-blue {
          border-left: 6px solid #00839F; }
    .mobnav .ul-two {
      list-style: none;
      padding: 30px 0 10px 0;
      transform: rotateX(90deg);
      max-height: 0;
      transition: transform ease .5s, max-height ease .3s .5s; }
      @media (min-width: 1024px) {
        .mobnav .ul-two {
          text-align: right;
          padding-left: 0;
          padding: 0; } }
      .mobnav .ul-two.on {
        margin-top: 20px;
        transform: rotateX(0);
        max-height: 50vh;
        transition: transform ease .5s .3s, max-height ease .3s; }
      .mobnav .ul-two.bg-blue {
        position: relative; }
        .mobnav .ul-two.bg-blue:after {
          content: "";
          height: 100%;
          width: 150%;
          position: absolute;
          top: 0;
          left: -25%;
          background-color: #00839F; }
      .mobnav .ul-two.bg-green {
        position: relative; }
        .mobnav .ul-two.bg-green:after {
          content: "";
          height: 100%;
          width: 150%;
          position: absolute;
          top: 0;
          left: -25%;
          background-color: #4D8D23; }
      .mobnav .ul-two.bg-yellow {
        position: relative; }
        .mobnav .ul-two.bg-yellow:after {
          content: "";
          height: 100%;
          width: 150%;
          position: absolute;
          top: 0;
          left: -25%;
          background-color: #E8A000; }
      .mobnav .ul-two.bg-purple {
        position: relative; }
        .mobnav .ul-two.bg-purple:after {
          content: "";
          height: 100%;
          width: 150%;
          position: absolute;
          top: 0;
          left: -25%;
          background-color: #4C164A; }
      .mobnav .ul-two .li-two {
        font-size: 18px;
        color: #f3f3f3;
        text-transform: none;
        font-weight: 500;
        margin-bottom: 15px;
        padding-left: 0;
        position: relative;
        z-index: 3; }
        .mobnav .ul-two .li-two.mobnav-green {
          border-left: 6px solid #4D8D23; }
        .mobnav .ul-two .li-two.mobnav-purple {
          border-left: 6px solid #4C164A; }
        .mobnav .ul-two .li-two.mobnav-yellow {
          border-left: 6px solid #E8A000; }
        .mobnav .ul-two .li-two.mobnav-blue {
          border-left: 6px solid #00839F; }
    @media (min-width: 1024px) {
      .mobnav-contact {
        text-align: right;
        margin-top: 50px; } }
    .mobnav-contact h4 {
      color: #ffffff;
      font-weight: 300;
      margin: 0; }
      .mobnav-contact h4 a {
        text-decoration: underline; }
    .mobnav-contact .address {
      margin-top: 30px; }
      .mobnav-contact .address p {
        margin: 0;
        color: #ffffff; }
  
  .hero {
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: black;
    position: relative;
    overflow: hidden; }
    @media (min-width: 1200px) {
      .hero {
        min-height: 700px; } }
    .hero.newsbg {
      background-image: url(/public/img/grad_box.jpg); }
    .hero.news {
      background-size: cover;
      background-position: center center;
      background-repeat: repeat; }
      .hero.news svg {
        fill: black; }
    .hero .back {
      margin: 0;
      margin-bottom: 20px; }
      .hero .back a {
        color: #00839F;
        text-decoration: none;
        font-weight: bold; }
        .hero .back a img {
          display: inline-block;
          margin-bottom: -4px; }
    .hero.small {
      min-height: 300px; }
      @media (min-width: 768px) {
        .hero.small {
          min-height: 500px; } }
      .hero.small .hero-flex {
        height: 300px; }
        @media (min-width: 768px) {
          .hero.small .hero-flex {
            height: 500px; } }
    .hero.home {
      background-position: center bottom; }
      .hero.home .hero-flex h1 {
        font-weight: 300; }
      .hero.home svg {
        position: absolute;
        width: 160%;
        left: -30%;
        bottom: -5%; }
    .hero-contact {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-line-pack: center;
          align-content: center;
      color: #ffffff;
      background-color: #00839F;
      background-image: url(/public/img/contact-arc.png);
      overflow: visible; }
      .hero-contact-inner {
        padding: 100px 0 150px 0; }
        .hero-contact-inner h1 {
          margin: 0; }
      .hero-contact-flex {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        .hero-contact-flex-left {
          width: 100%; }
          @media (min-width: 992px) {
            .hero-contact-flex-left {
              width: 45%; } }
          .hero-contact-flex-left h4 {
            margin: 0;
            font-weight: 300; }
            .hero-contact-flex-left h4:first-of-type {
              font-weight: 400;
              margin: 50px 0; }
        .hero-contact-flex-right {
          width: 100%;
          margin-top: 50px; }
          @media (min-width: 992px) {
            .hero-contact-flex-right {
              width: 45%; } }
          .hero-contact-flex-right .small {
            text-transform: uppercase;
            opacity: .6;
            font-weight: 700; }
    .hero.news h1 {
      font-weight: 400 !important; }
      @media (min-width: 992px) {
        .hero.news h1 {
          font-size: 6.2rem; } }
    .hero.news .hero-flex {
      max-width: 800px; }
    .hero-flex {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      padding: 100px 0;
      max-width: 680px; }
      @media (min-width: 1200px) {
        .hero-flex {
          height: 600px;
          padding: 50px 0; } }
      @media (min-width: 992px) {
        .hero-flex.small {
          min-height: 500px; } }
      .hero-flex h1, .hero-flex h4, .hero-flex p {
        color: #ffffff;
        margin: 0; }
      .hero-flex p {
        max-width: 600px;
        padding-right: 20px; }
      .hero-flex h1 {
        margin-bottom: 30px;
        font-weight: 700; }
        @media (min-width: 1200px) {
          .hero-flex h1.service-heading {
            font-size: 6rem; } }
      .hero-flex h4.border-heading {
        color: #ffffff;
        letter-spacing: 3.6px;
        font-weight: 700;
        padding-bottom: 20px;
        margin-bottom: 20px;
        text-transform: uppercase; }
        @media (min-width: 1200px) {
          .hero-flex h4.border-heading {
            padding-bottom: 30px;
            margin-bottom: 30px; } }
      .hero-flex h4 span {
        font-weight: 700; }
    .hero.hero-svg .section {
      z-index: 2; }
    .hero.hero-svg svg {
      display: block;
      position: absolute;
      right: -10%;
      bottom: -10px;
      width: 165%; }
    @media (min-width: 992px) {
      .hero.hero-svg svg {
        bottom: -40px; }
      .hero.hero-svg:after {
        display: none; }
      .hero.hero-svg:before {
        display: none; } }
  
  .twocolumn {
    padding: 25px 0 0 0;
    position: relative; }
    @media (min-width: 992px) {
      .twocolumn {
        padding: 75px 0 50px 0;
        position: relative;
        z-index: 22; } }
    .twocolumn.gb:after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: calc(100% + 200px);
      background: transparent linear-gradient(180deg, #FFFFFF 0%, #EFEEEE 100%) 0% 0% no-repeat padding-box; }
      @media (min-width: 1024px) {
        .twocolumn.gb:after {
          left: -50%;
          width: 200%;
          height: calc(100% + 390px);
          bottom: auto;
          border-bottom-left-radius: 50%;
          border-bottom-right-radius: 50%; } }
    .twocolumn h2 {
      font-weight: 300; }
    .twocolumn-flex {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      position: relative;
      z-index: 5; }
      .twocolumn-flex-left {
        width: 100%;
        margin-bottom: 20px; }
        @media (min-width: 992px) {
          .twocolumn-flex-left {
            width: 45%;
            margin-bottom: 0; } }
      .twocolumn-flex-right {
        width: 100%; }
        @media (min-width: 992px) {
          .twocolumn-flex-right {
            width: 45%; } }
  
  @media (min-width: 1200px) {
    .home-blocks .twocolumn-flex h4 {
      font-size: 26px; } }
  
  .service-blocks .twocolumn:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100% + 200px);
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #EFEEEE 100%) 0% 0% no-repeat padding-box; }
    @media (min-width: 992px) {
      .service-blocks .twocolumn:after {
        left: -50%;
        width: 200%;
        height: calc(100% + 340px);
        bottom: auto;
        border-bottom-left-radius: 50%;
        border-bottom-right-radius: 50%; } }
  
  @media (min-width: 992px) {
    .service-blocks .twocolumn-flex-left {
      width: 51%; } }
  
  .service-blocks .twocolumn-flex-left h3 {
    font-weight: 300; }
  
  @media (min-width: 992px) {
    .service-blocks .twocolumn-flex-right {
      width: 38%; } }
  
  .service-blocks .twocolumn-flex-right h4 {
    font-weight: 700;
    text-transform: uppercase;
    margin: 1.4em 0 0.7em; }
    .service-blocks .twocolumn-flex-right h4:first-of-type {
      margin-top: 0.3em; }
    @media (min-width: 1200px) {
      .service-blocks .twocolumn-flex-right h4 {
        font-size: 1.9rem; } }
  
  .service-blocks .twocolumn-flex-right ul {
    list-style: disc;
    padding-left: 30px; }
    .service-blocks .twocolumn-flex-right ul li {
      font-size: 1.6rem;
      margin: 2px 0; }
      @media (min-width: 1200px) {
        .service-blocks .twocolumn-flex-right ul li {
          font-size: 1.6rem; } }
  
  @media (min-width: 1200px) {
    .service-blocks .twocolumn-flex-right p {
      font-size: 1.6rem; } }
  
  .furtherlinks {
    padding: 25px 0 50px 0;
    position: relative;
    z-index: 24; }
    @media (min-width: 1024px) {
      .furtherlinks {
        padding: 100px 0 50px 0; } }
    .furtherlinks .carousel:after {
      content: 'flickity';
      display: none; }
      @media (min-width: 1024px) {
        .furtherlinks .carousel:after {
          content: ''; } }
    @media (min-width: 1024px) {
      .furtherlinks-flex {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
    .furtherlinks-flex-item {
      position: relative;
      width: 85%;
      max-width: 400px;
      background-color: #ffffff;
      margin: 10px 20px 20px 0;
      box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 35px; }
      @media (min-width: 1024px) {
        .furtherlinks-flex-item {
          width: 31%;
          margin: 0;
          max-width: 500px; } }
      .furtherlinks-flex-item:hover img {
        -webkit-filter: brightness(0) invert(1);
                filter: brightness(0) invert(1);
        fill: transparent; }
      .furtherlinks-flex-item img {
        margin: 0 auto 20px auto; }
      .furtherlinks-flex-item:hover h4, .furtherlinks-flex-item:hover p {
        color: #ffffff; }
        .furtherlinks-flex-item:hover h4:after, .furtherlinks-flex-item:hover p:after {
          background: white; }
      .furtherlinks-flex-item:hover .btn {
        color: #ffffff;
        border-color: white; }
      .furtherlinks-flex-item:hover.green {
        -webkit-animation: further-green 1.5s linear forwards !important;
                animation: further-green 1.5s linear forwards !important; }
      .furtherlinks-flex-item:hover.yellow {
        -webkit-animation: further-yellow 1.5s linear forwards !important;
                animation: further-yellow 1.5s linear forwards !important; }
      .furtherlinks-flex-item:hover.purple {
        -webkit-animation: further-purple 1.5s linear forwards !important;
                animation: further-purple 1.5s linear forwards !important; }
      .furtherlinks-flex-item-inner {
        padding: 80px 30px 120px 30px; }
        @media (min-width: 1024px) {
          .furtherlinks-flex-item-inner {
            padding: 90px 40px 120px 40px; } }
        @media (min-width: 1200px) {
          .furtherlinks-flex-item-inner {
            padding: 90px 58px 120px 58px; } }
        .furtherlinks-flex-item-inner h4 {
          letter-spacing: 3.6px;
          font-weight: 700;
          text-transform: uppercase; }
          .furtherlinks-flex-item-inner h4.icon-heading {
            text-transform: none;
            letter-spacing: normal;
            margin-bottom: 0; }
        .furtherlinks-flex-item-inner .btn {
          position: absolute;
          bottom: 55px; }
          .furtherlinks-flex-item-inner .btn img {
            margin: 0; }
          @media (max-width: 1240px) {
            .furtherlinks-flex-item-inner .btn {
              font-size: 15px; }
              .furtherlinks-flex-item-inner .btn img {
                margin-left: 12px; } }
  
  @media (max-width: 1023px) {
    .home-blocks .furtherlinks > .section {
      padding-left: 0;
      padding-right: 0; } }
  
  .home-blocks .furtherlinks-flex .furtherlinks-flex-item {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 10px; }
    @media (min-width: 1024px) {
      .home-blocks .furtherlinks-flex .furtherlinks-flex-item {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 35px; } }
  
  @media (max-width: 1023px) {
    .service-blocks .furtherlinks > .section {
      padding-left: 0;
      padding-right: 0; } }
  
  @media (min-width: 1024px) {
    .service-blocks .furtherlinks-flex {
      -ms-flex-pack: center;
          justify-content: center; } }
  
  @media (min-width: 1024px) {
    .service-blocks .furtherlinks-flex.ffx4 .furtherlinks-flex-item {
      width: 23%;
      margin: 0 1%;
      max-width: 320px;
      box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 20px; } }
  
  .service-blocks .furtherlinks-flex-item {
    max-width: 320px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 10px; }
    @media (min-width: 1024px) {
      .service-blocks .furtherlinks-flex-item {
        width: 29%;
        margin: 0 2%;
        max-width: 320px;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 20px; } }
    .service-blocks .furtherlinks-flex-item img {
      margin: 0 auto 40px auto; }
      @media (min-width: 1024px) {
        .service-blocks .furtherlinks-flex-item img {
          margin-bottom: 50px; } }
  
  .service-blocks .furtherlinks-flex-item-inner {
    padding: 70px 20px; }
  
  @-webkit-keyframes further-green {
    0% {
      background: #00839F; }
    100% {
      background: #4B7020; } }
  
  @keyframes further-green {
    0% {
      background: #00839F; }
    100% {
      background: #4B7020; } }
  
  @-webkit-keyframes further-yellow {
    0% {
      background: #00839F; }
    100% {
      background: #D68100; } }
  
  @keyframes further-yellow {
    0% {
      background: #00839F; }
    100% {
      background: #D68100; } }
  
  @-webkit-keyframes further-purple {
    0% {
      background: #00839F; }
    100% {
      background: #4C164A; } }
  
  @keyframes further-purple {
    0% {
      background: #00839F; }
    100% {
      background: #4C164A; } }
  
  @-webkit-keyframes further-grey {
    0% {
      background: white; }
    100% {
      background: #838383; } }
  
  @keyframes further-grey {
    0% {
      background: white; }
    100% {
      background: #838383; } }
  
  .rellinks {
    position: relative;
    padding: 25px 0 50px 0; }
    @media (min-width: 992px) {
      .rellinks {
        padding: 100px 0 50px 0; } }
    .rellinks h2 {
      text-align: center;
      text-transform: uppercase;
      font-weight: 300; }
      @media (min-width: 992px) {
        .rellinks h2 {
          margin-bottom: 50px; } }
    .rellinks-flex {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .rellinks-flex-item {
        font-size: 20px;
        font-weight: 700;
        text-align: center;
        margin-top: 40px;
        width: 100%; }
        @media (min-width: 768px) {
          .rellinks-flex-item {
            width: 48%; }
            .rellinks-flex-item:nth-child(3) {
              display: none; } }
        @media (min-width: 992px) {
          .rellinks-flex-item {
            width: 30%;
            margin-top: 0;
            font-size: 24px; }
            .rellinks-flex-item:nth-child(3) {
              display: block; } }
        .rellinks-flex-item img {
          display: block;
          margin: 0 auto;
          max-width: 78px; }
        .rellinks-flex-item div {
          margin-top: 20px; }
          @media (min-width: 992px) {
            .rellinks-flex-item div {
              margin-top: 30px; } }
          .rellinks-flex-item div span {
            display: inline-block;
            margin-left: 6px; }
  
  .stats {
    padding: 25px 0 0 0;
    position: relative;
    z-index: 25; }
    @media (min-width: 992px) {
      .stats {
        padding: 100px 0 0 0; } }
    .stats-flex {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .stats-flex-item {
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
        color: #707070; }
        @media (min-width: 768px) {
          .stats-flex-item {
            width: 49%; } }
        @media (min-width: 992px) {
          .stats-flex-item {
            width: 23%;
            margin-bottom: 0; } }
        .stats-flex-item:nth-child(2) h2 {
          -webkit-animation-delay: .25s;
                  animation-delay: .25s; }
        .stats-flex-item:nth-child(3) h2 {
          -webkit-animation-delay: .5s;
                  animation-delay: .5s; }
        .stats-flex-item:nth-child(4) h2 {
          -webkit-animation-delay: .75s;
                  animation-delay: .75s; }
        .stats-flex-item h2 {
          position: relative; }
          .stats-flex-item h2:after {
            content: "";
            width: 55px;
            height: 2px;
            background-color: #00839F;
            position: absolute;
            top: 115%;
            left: 50%;
            margin-right: -50%;
            transform: translate(-50%, -50%); }
  
  @media (min-width: 992px) {
    .service-blocks .stats-flex {
      -ms-flex-pack: center;
          justify-content: center; } }
  
  @media (min-width: 768px) {
    .service-blocks .stats-flex-item {
      width: 46%;
      margin: 0 2% 30px; } }
  
  @media (min-width: 992px) {
    .service-blocks .stats-flex-item {
      width: 21%;
      margin: 0 2%; } }
  
  .testimonial {
    padding: 25px 0 0 0;
    position: relative;
    z-index: 22; }
    @media (min-width: 992px) {
      .testimonial {
        padding: 100px 0 0 0; }
        .testimonial:after {
          content: "";
          background: transparent linear-gradient(180deg, #FFFFFF 0%, #EFEEEE 100%) 0% 0% no-repeat padding-box;
          position: absolute;
          height: 70%;
          top: 0;
          left: 0;
          width: 100%;
          z-index: 1; } }
    .testimonial a {
      position: relative;
      z-index: 10;
      display: block; }
      .testimonial a .fa-play {
        font-size: 30px; }
    .testimonial-item {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
      z-index: 14;
      overflow: hidden; }
      .testimonial-item svg {
        position: absolute;
        top: -25%;
        z-index: 1;
        opacity: .4;
        stroke-dasharray: 4800;
        stroke-dashoffset: 4800;
        transition: all ease 2s; }
        .testimonial-item svg path {
          fill: transparent;
          stroke: white; }
      .testimonial-item.noimg.Green {
        background: linear-gradient(90deg, #4B7020, #00839F) center no-repeat; }
        .testimonial-item.noimg.Green:after {
          background: linear-gradient(180deg, rgba(0, 131, 159, 0.4), rgba(75, 112, 32, 0.2)) center no-repeat;
          -webkit-animation: fadein ease-in-out infinite alternate both 4s;
                  animation: fadein ease-in-out infinite alternate both 4s; }
      .testimonial-item.noimg.Yellow {
        background: linear-gradient(90deg, #D68100, #00839F) center no-repeat; }
        .testimonial-item.noimg.Yellow:after {
          background: linear-gradient(180deg, rgba(0, 131, 159, 0.4), rgba(214, 129, 0, 0.2)) center no-repeat;
          -webkit-animation: fadein ease-in-out infinite alternate both 4s;
                  animation: fadein ease-in-out infinite alternate both 4s; }
      .testimonial-item.noimg.Purple {
        background: linear-gradient(90deg, #4C164A, #00839F) center no-repeat; }
        .testimonial-item.noimg.Purple:after {
          background: linear-gradient(180deg, rgba(0, 131, 159, 0.4), rgba(76, 22, 74, 0.2)) center no-repeat;
          -webkit-animation: fadein ease-in-out infinite alternate both 4s;
                  animation: fadein ease-in-out infinite alternate both 4s; }
      .testimonial-item.transitted svg {
        stroke-dasharray: 4800;
        stroke-dashoffset: 0; }
      .testimonial-item:after {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5); }
      .testimonial-item > div {
        padding: 50px 0;
        width: 90%;
        text-align: center;
        margin: 0 auto;
        position: relative;
        z-index: 5; }
        @media (min-width: 992px) {
          .testimonial-item > div {
            padding: 100px 0;
            width: 70%; } }
        .testimonial-item > div h3, .testimonial-item > div p {
          color: #ffffff;
          text-align: center; }
        .testimonial-item > div h3 {
          font-weight: 300; }
        .testimonial-item > div p {
          font-weight: bold;
          text-transform: uppercase; }
  
  @media (min-width: 992px) {
    .service-blocks .testimonial {
      padding-top: 80px; } }
  
  @media (min-width: 992px) {
    .service-blocks .testimonial:after {
      display: none; } }
  
  .service-blocks .testimonial-item.nobg:after {
    opacity: 1; }
  
  @media (min-width: 992px) {
    .service-blocks .testimonial-item > div {
      padding: 90px 0;
      width: 80%; } }
  
  .teampreview {
    padding: 50px 0;
    position: relative;
    z-index: 14; }
    @media (min-width: 992px) {
      .teampreview {
        padding: 100px 0; } }
    .teampreview.swoosh {
      margin-top: 100px;
      position: relative;
      z-index: 2;
      overflow: hidden; }
      .teampreview.swoosh:after {
        background: url(https://www.fairwaygroup.com/public/img/grey_swoosh.png) 50% 0;
        background-color: #f8f8f8;
        border-top-left-radius: 50%;
        border-top-right-radius: 50%;
        content: "";
        position: absolute;
        left: -50%;
        width: 200%;
        top: 0;
        height: 100%;
        z-index: 1; }
      .teampreview.swoosh .teampreview-upper {
        text-align: center;
        -ms-flex-pack: center;
            justify-content: center; }
        .teampreview.swoosh .teampreview-upper P {
          display: none; }
        .teampreview.swoosh .teampreview-upper h2 {
          text-align: center; }
    .teampreview-upper {
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-line-pack: center;
          align-content: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      padding: 10px 0;
      position: relative;
      z-index: 3; }
      @media (min-width: 992px) {
        .teampreview-upper {
          padding: 30px 0;
          display: -ms-flexbox;
          display: flex; } }
      .teampreview-upper h2 {
        text-transform: uppercase;
        font-weight: 300;
        text-align: center; }
        @media (min-width: 992px) {
          .teampreview-upper h2 {
            text-align: left; } }
      .teampreview-upper p {
        font-weight: 700;
        color: #00839F;
        display: none; }
        @media (min-width: 992px) {
          .teampreview-upper p {
            display: block; } }
        .teampreview-upper p a {
          text-decoration: none; }
          .teampreview-upper p a img {
            display: inline-block;
            margin-left: 10px; }
    .teampreview .hidedesk {
      font-weight: 700;
      color: #00839F;
      margin-top: 20px;
      text-align: center; }
      @media (min-width: 992px) {
        .teampreview .hidedesk {
          display: block; } }
      .teampreview .hidedesk a {
        text-decoration: none; }
        .teampreview .hidedesk a svg {
          display: inline-block;
          margin-left: 10px; }
      @media (min-width: 992px) {
        .teampreview .hidedesk {
          display: none; } }
    .teampreview-lower {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-line-pack: center;
          align-content: center;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      position: relative;
      z-index: 3; }
      @media (min-width: 992px) {
        .teampreview-lower {
          margin-top: 50px; } }
      .teampreview-lower-item {
        width: 100%;
        background-color: #ffffff;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 30px 90px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-line-pack: center;
            align-content: center;
        width: 100%;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        max-width: 624px;
        margin: 0 auto 30px auto;
        max-height: 335px; }
        @media (min-width: 992px) {
          .teampreview-lower-item {
            width: 48%;
            margin-bottom: 0;
            margin: 0;
            min-height: 335px; } }
        .teampreview-lower-item-image {
          background-size: cover;
          background-position: 60% center;
          background-repeat: no-repeat;
          height: 100%;
          min-height: 285px;
          width: 50%;
          max-height: 335px;
          position: relative; }
          @media (min-width: 768px) {
            .teampreview-lower-item-image {
              background-position: 70% center; } }
          @media (min-width: 992px) {
            .teampreview-lower-item-image {
              width: 50%;
              min-height: 335px; } }
          .teampreview-lower-item-image:after {
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            height: 100%;
            content: "";
            background: transparent linear-gradient(90deg, #FFFFFF00 0%, #F4F4F415 50%, #FFFFFF 100%) 0% 0% no-repeat; }
        .teampreview-lower-item-text {
          width: 50%; }
          @media (min-width: 992px) {
            .teampreview-lower-item-text {
              width: 45%; } }
          .teampreview-lower-item-text h4 {
            font-weight: 400;
            position: relative;
            margin: 0;
            margin: 10px 10px; }
            @media (min-width: 1200px) {
              .teampreview-lower-item-text h4 {
                margin: 10px 30px; } }
            .teampreview-lower-item-text h4:after {
              content: "";
              bottom: -25px;
              background-color: #00839F;
              width: 40px;
              height: 2px;
              position: absolute;
              left: 0; }
          .teampreview-lower-item-text p {
            font-size: 15px;
            padding: 0 10px; }
            .teampreview-lower-item-text p:first-of-type {
              margin-top: 50px; }
            @media (min-width: 1200px) {
              .teampreview-lower-item-text p {
                padding: 0 30px; } }
            .teampreview-lower-item-text p a {
              color: #00839F; }
  
  .newspreview {
    background: #F0F0F0;
    padding: 50px 0 100px 0;
    position: relative;
    z-index: 14; }
    .newspreview-upper {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-line-pack: center;
          align-content: center;
      -ms-flex-pack: justify;
          justify-content: space-between;
      margin: 50px 0;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .newspreview-upper h2 {
        text-transform: uppercase;
        font-weight: 300; }
      .newspreview-upper p {
        text-transform: uppercase;
        font-weight: 700;
        color: #00839F; }
        .newspreview-upper p a {
          text-decoration: none; }
          .newspreview-upper p a svg {
            display: inline-block;
            margin-left: 10px; }
    .newspreview-lower-flex {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .newspreview-lower-flex-left {
        width: 100%; }
        @media (min-width: 992px) {
          .newspreview-lower-flex-left {
            width: 45%;
            margin-bottom: 0; } }
        .newspreview-lower-flex-left p.small {
          text-transform: uppercase;
          font-size: 14px; }
        .newspreview-lower-flex-left h4 {
          margin: 0;
          margin-bottom: 10px;
          margin-top: 20px; }
          .newspreview-lower-flex-left h4.green {
            color: #4D8D23; }
          .newspreview-lower-flex-left h4.blue {
            color: #00839F; }
          .newspreview-lower-flex-left h4.yellow {
            color: #E8A000; }
          .newspreview-lower-flex-left h4.purple {
            color: #4C164A; }
      .newspreview-lower-flex-right {
        width: 100%;
        display: none; }
        @media (min-width: 992px) {
          .newspreview-lower-flex-right {
            width: 45%;
            display: block; } }
        .newspreview-lower-flex-right-item {
          width: 80%;
          margin-bottom: 50px; }
        .newspreview-lower-flex-right h4 {
          margin: 0;
          margin-bottom: 10px; }
        .newspreview-lower-flex-right p.small {
          text-transform: uppercase;
          font-size: 14px; }
  
  .footer-upper {
    padding: 80px 0; }
    @media (min-width: 1200px) {
      .footer-upper {
        padding: 100px 0; } }
    @media (min-width: 768px) {
      .footer-upper-contact {
        display: -ms-flexbox;
        display: flex; } }
    .footer-upper-contact-right {
      margin-top: 20px; }
      @media (min-width: 768px) {
        .footer-upper-contact-right {
          -ms-flex: 1;
              flex: 1;
          text-align: right;
          margin-top: 0; } }
      .footer-upper-contact-right > div {
        font-size: 16px;
        margin-bottom: 6px; }
        .footer-upper-contact-right > div a {
          color: #00839F;
          text-decoration: underline; }
        .footer-upper-contact-right > div.social {
          font-size: 14px;
          margin: 15px 0 0; }
          @media (min-width: 1024px) {
            .footer-upper-contact-right > div.social {
              font-size: 18px; } }
          .footer-upper-contact-right > div.social a {
            display: inline-block;
            width: 24px;
            height: 24px;
            text-align: center;
            color: white;
            background-color: #00839F;
            line-height: 24px;
            margin-right: 4px;
            border-radius: 50%; }
            @media (min-width: 1024px) {
              .footer-upper-contact-right > div.social a {
                width: 32px;
                height: 32px;
                line-height: 32px;
                margin-right: 0;
                margin-left: 4px; } }
            .footer-upper-contact-right > div.social a i {
              line-height: 24px; }
              @media (min-width: 1024px) {
                .footer-upper-contact-right > div.social a i {
                  line-height: 32px; } }
    .footer-upper-flex {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      padding-top: 50px; }
      .footer-upper-flex-item {
        position: relative;
        width: 100%;
        margin-top: 5px; }
        @media (min-width: 600px) {
          .footer-upper-flex-item {
            width: 49%;
            padding: 0 30px; } }
        @media (min-width: 1024px) {
          .footer-upper-flex-item {
            width: 25%;
            margin-top: 40px; } }
        @media (min-width: 1200px) {
          .footer-upper-flex-item {
            width: 25%; } }
        @media (min-width: 1400px) {
          .footer-upper-flex-item {
            padding: 0 40px; } }
        .footer-upper-flex-item.contact {
          width: 100%; }
          .footer-upper-flex-item.contact p {
            font-size: 16px;
            margin: 0; }
            .footer-upper-flex-item.contact p a {
              color: #00839F; }
            .footer-upper-flex-item.contact p.nwrap {
              width: 100%;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
              .footer-upper-flex-item.contact p.nwrap span {
                display: inline-block;
                min-width: 18px; }
        .footer-upper-flex-item .contact-lower {
          margin-top: 20px; }
          .footer-upper-flex-item .contact-lower p {
            font-size: 16px;
            margin: 0; }
        .footer-upper-flex-item:first-child {
          padding-left: 0; }
          .footer-upper-flex-item:first-child:after {
            display: none; }
        @media (min-width: 600px) and (max-width: 1023px) {
          .footer-upper-flex-item:nth-child(3) {
            padding-left: 0; }
            .footer-upper-flex-item:nth-child(3):after {
              display: none; } }
        @media (min-width: 600px) {
          .footer-upper-flex-item:after {
            content: "";
            height: 100%;
            left: 0px;
            top: 0;
            background-color: #333333;
            opacity: .3;
            position: absolute;
            width: 1px; } }
        .footer-upper-flex-item h4 {
          font-weight: 700;
          font-size: 20px;
          color: #00839F; }
          .footer-upper-flex-item h4.green {
            color: #4D8D23; }
          .footer-upper-flex-item h4.purple {
            color: #4C164A; }
          .footer-upper-flex-item h4.blue {
            color: #00839F; }
          .footer-upper-flex-item h4.yellow {
            color: #E8A000; }
        .footer-upper-flex-item ul {
          display: none;
          list-style: none; }
          @media (min-width: 600px) {
            .footer-upper-flex-item ul {
              display: block; } }
          .footer-upper-flex-item ul li {
            font-size: 14px;
            color: #707070;
            margin-bottom: 15px; }
  
  .footer-lower {
    background-color: #EFEEEE; }
    .footer-lower-flex {
      padding: 50px 0; }
      @media (min-width: 1200px) {
        .footer-lower-flex {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: justify;
              justify-content: space-between;
          -ms-flex-direction: row;
              flex-direction: row;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-line-pack: center;
              align-content: center; } }
      .footer-lower-flex p {
        margin: 0 0 10px 0;
        font-size: 15px; }
        @media (min-width: 1200px) {
          .footer-lower-flex p {
            margin: 0; } }
      .footer-lower-flex ul {
        margin: 0;
        list-style: none; }
        .footer-lower-flex ul li {
          font-size: 14px;
          margin: 5px 10px 5px 0;
          display: inline-block; }
          .footer-lower-flex ul li a {
            text-decoration: underline; }
  
  .green {
    color: #4D8D23; }
  
  .blue {
    color: #00839F; }
  
  .purple {
    color: #4C164A; }
  
  .yellow {
    color: #E8A000; }
  
  .white {
    color: #ffffff; }
  
  .grey {
    color: #707070; }
  
  .lightfont {
    font-weight: 300; }
  
  .regularfont {
    font-weight: 400; }
  
  .mediumfont {
    font-weight: 500; }
  
  .boldfont {
    font-weight: 600; }
  
  .text, textarea {
    font-size: 16px;
    border-radius: 3px;
    padding: 15px; }
    @media (min-width: 992px) {
      .text, textarea {
        padding: 100px 0 0 0; } }
    .text-middle, textarea-middle {
      max-width: 920px;
      margin: 0 auto;
      text-align: center; }
  
  textarea {
    width: 100%;
    height: 100px; }
  
  .umbraco-forms-field-wrapper {
    margin-bottom: 20px; }
    .umbraco-forms-field-wrapper .text, .umbraco-forms-field-wrapper textarea, .umbraco-forms-field-wrapper select {
      font-size: 16px;
      border: solid 1px #00839F;
      border-radius: 3px;
      padding: 15px; }
    .umbraco-forms-field-wrapper .radiobuttonlist, .umbraco-forms-field-wrapper .checkboxlist {
      font-size: 16px;
      font-weight: 500; }
      .umbraco-forms-field-wrapper .radiobuttonlist input, .umbraco-forms-field-wrapper .checkboxlist input {
        margin-right: 5px;
        margin-bottom: 10px; }
  
  legend {
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 20px;
    color: #00839F; }
  
  .umbraco-forms-label {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    font-size: 14px; }
  
  .field-validation-error {
    color: #cc0000;
    font-size: 14px;
    margin-left: 5px; }
  
  .umbraco-forms-page .text, .umbraco-forms-page textarea {
    border: solid 1px #00839F; }
  
  .umbraco-forms-page .btn:hover {
    cursor: pointer;
    background-color: #bababa; }
  
  .umbraco-forms-submitmessage {
    font-weight: bold;
    font-size: 20px;
    color: #00839F; }
  
  .umbraco-forms-navigation .btn {
    min-width: auto;
    padding: 14px 30px; }
  
  .threeimage {
    padding: 25px 0 0 0;
    position: relative;
    z-index: 25; }
    @media (min-width: 992px) {
      .threeimage {
        padding: 75px 0 75px 0; } }
    .threeimage-flex {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-line-pack: center;
          align-content: center;
      -ms-flex-pack: center;
          justify-content: center;
      position: relative;
      z-index: 10; }
      .threeimage-flex-item {
        position: relative;
        width: 28%;
        height: 0;
        padding: 28% 0 0;
        overflow: hidden;
        box-shadow: 0 3px 30px rgba(0, 0, 0, 0.15); }
        @media (min-width: 992px) {
          .threeimage-flex-item {
            width: 25%;
            padding: 25% 0 0;
            margin-top: 0; } }
        .threeimage-flex-item:nth-child(2) {
          width: 40%;
          padding: 40% 0 0;
          -webkit-animation-delay: .25s;
                  animation-delay: .25s;
          margin: 0 10px;
          margin-top: 0; }
          @media (min-width: 992px) {
            .threeimage-flex-item:nth-child(2) {
              width: 35%;
              padding: 35% 0 0; } }
        .threeimage-flex-item:nth-child(3) {
          -webkit-animation-delay: .5s;
                  animation-delay: .5s; }
        .threeimage-flex-item img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
  
  .textaccordion {
    position: relative;
    z-index: 14;
    padding: 25px 0 0 0; }
    @media (min-width: 992px) {
      .textaccordion {
        padding: 100px 0 0 0; } }
    .textaccordion:after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: calc(100% + 200px);
      background: transparent linear-gradient(180deg, #FFFFFF 0%, #EFEEEE 100%) 0% 0% no-repeat padding-box;
      z-index: 1; }
      @media (min-width: 1024px) {
        .textaccordion:after {
          left: -50%;
          width: 200%;
          height: calc(100% + 390px);
          bottom: auto;
          border-bottom-left-radius: 50%;
          border-bottom-right-radius: 50%; } }
    .textaccordion-flex {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      position: relative;
      z-index: 4; }
      .textaccordion-flex-text {
        width: 100%; }
        @media (min-width: 992px) {
          .textaccordion-flex-text {
            width: 54%; } }
        .textaccordion-flex-text h3 {
          font-weight: 300; }
      .textaccordion-flex-acc {
        width: 100%; }
        @media (min-width: 992px) {
          .textaccordion-flex-acc {
            width: 38%; } }
        .textaccordion-flex-acc h4.title {
          font-weight: 700;
          text-transform: uppercase;
          margin-bottom: 7px; }
          @media (min-width: 1200px) {
            .textaccordion-flex-acc h4.title {
              font-size: 1.9rem; } }
  
  .accordion {
    position: relative;
    color: #444;
    cursor: pointer;
    width: 100%;
    font-weight: 700;
    margin: 0;
    padding: 20px 0; }
    @media (min-width: 1200px) {
      .accordion {
        font-size: 1.6rem; } }
    .accordion:after, .accordion:before {
      content: '';
      position: absolute;
      width: 11px;
      height: 1px;
      right: 10px;
      top: 50%;
      background-color: black; }
    .accordion:before {
      height: 11px;
      width: 1px;
      right: 15px;
      top: 50%;
      margin-top: -5px; }
    .accordion.active:after, .accordion.active:before {
      display: none; }
  
  .panel {
    overflow: hidden;
    max-height: 0;
    border-bottom: 1px solid #777;
    transition: max-height 0.2s ease-out; }
    .panel-inner {
      padding-bottom: 20px; }
    .panel ul {
      list-style: disc;
      padding-left: 36px; }
      .panel ul li {
        margin-bottom: 10px;
        font-size: 1.6rem; }
        @media (min-width: 1200px) {
          .panel ul li {
            font-size: 1.6rem; } }
    @media (min-width: 1200px) {
      .panel p {
        font-size: 1.6rem; } }
  
  .people {
    padding: 25px 0;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #EFEEEE 100%) 0% 0% no-repeat padding-box;
    position: relative;
    background-image: url(/public/img/team-swoosh.png);
    background-position: center 60px;
    background-size: 105%; }
    @media (min-width: 992px) {
      .people {
        padding: 100px 0; } }
    .people-flex {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      position: relative;
      z-index: 5; }
      .people-flex-item {
        margin-bottom: 20px;
        box-shadow: rgba(0, 0, 0, 0.1) 0 0 20px 0;
        background-color: white;
        width: 100%;
        position: relative; }
        @media (min-width: 420px) {
          .people-flex-item {
            -ms-flex: 0 0 calc(50% - 5px);
                flex: 0 0 calc(50% - 5px);
            width: calc(50% - 5px); }
            .people-flex-item:not(:nth-child(1n)) {
              margin-right: 0; }
            .people-flex-item:not(:nth-child(2n)) {
              margin-right: 10px; } }
        @media (min-width: 768px) {
          .people-flex-item {
            -ms-flex: 0 0 calc(33.33333% - 13.33333px);
                flex: 0 0 calc(33.33333% - 13.33333px);
            width: calc(33.33333% - 13.33333px); }
            .people-flex-item:not(:nth-child(1n)) {
              margin-right: 0; }
            .people-flex-item:not(:nth-child(2n)) {
              margin-right: 0; }
            .people-flex-item:not(:nth-child(3n)) {
              margin-right: 20px; } }
        @media (min-width: 992px) {
          .people-flex-item {
            -ms-flex: 0 0 calc(25% - 22.5px);
                flex: 0 0 calc(25% - 22.5px);
            width: calc(25% - 22.5px); }
            .people-flex-item:not(:nth-child(1n)) {
              margin-right: 0; }
            .people-flex-item:not(:nth-child(2n)) {
              margin-right: 0; }
            .people-flex-item:not(:nth-child(3n)) {
              margin-right: 0; }
            .people-flex-item:not(:nth-child(4n)) {
              margin-right: 30px; } }
        .people-flex-item-image {
          position: relative; }
        .people-flex-item:hover .people-flex-item-hover {
          display: block; }
        .people-flex-item-hover {
          background-color: #00839F;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          display: none; }
          .people-flex-item-hover-inner {
            width: 80%;
            padding: 30px 0;
            margin: 0 auto; }
            .people-flex-item-hover-inner p {
              color: white; }
              .people-flex-item-hover-inner p:first-of-type {
                text-transform: uppercase;
                font-size: 13px;
                opacity: .6;
                color: white;
                font-weight: bold;
                letter-spacing: 3px;
                margin-bottom: 2px; }
            .people-flex-item-hover-inner .btn {
              border-color: white;
              color: white;
              position: absolute;
              bottom: 25px;
              left: 11%;
              min-width: 0;
              font-size: 15px; }
              .people-flex-item-hover-inner .btn svg {
                margin-left: 20px; }
        .people-flex-item-name-inner {
          width: 80%;
          padding: 20px 0;
          margin: 0 auto; }
          .people-flex-item-name-inner h4 {
            font-size: 18px;
            font-weight: 500;
            margin-bottom: 0; }
            .people-flex-item-name-inner h4:last-of-type {
              color: #707070; }
          .people-flex-item-name-inner p {
            font-size: 15px;
            margin-bottom: 10px; }
    .people-speak {
      text-align: center;
      margin-bottom: 50px; }
      @media (min-width: 992px) {
        .people-speak {
          margin-top: 100px;
          margin-bottom: 0; } }
      .people-speak h4 {
        margin-bottom: 50px; }
  
  .person {
    position: relative;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #EFEEEE 100%) 0% 0% no-repeat padding-box;
    padding-bottom: 50px; }
    @media (min-width: 992px) {
      .person {
        padding-bottom: 100px; } }
    .person .back {
      margin: 0;
      padding-top: 50px; }
      .person .back a {
        color: #00839F;
        text-decoration: none;
        font-weight: bold; }
        .person .back a img {
          display: inline-block;
          margin-bottom: -4px; }
    .person:before {
      content: '';
      position: absolute;
      top: -162vw;
      left: -70vw;
      width: 200vw;
      height: 200vw;
      background-color: #EFEEEE;
      border-radius: 50%;
      opacity: 0.5; }
      @media (min-width: 992px) {
        .person:before {
          top: -170vw;
          opacity: 1;
          left: -60vw; } }
    .person-flex {
      display: -ms-flexbox;
      display: flex;
      padding-top: 25px;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-wrap: wrap-reverse;
          flex-wrap: wrap-reverse; }
      .person-flex-image {
        position: relative;
        margin-bottom: 50px;
        margin: 0 auto;
        margin-top: 20px;
        width: 355px; }
        @media (min-width: 992px) {
          .person-flex-image {
            margin-bottom: 0;
            width: 50%;
            margin: 0; } }
        .person-flex-image-container {
          position: relative; }
        .person-flex-image-test {
          background-color: #00839F;
          display: inline-block; }
          @media (min-width: 500px) {
            .person-flex-image-test {
              position: absolute;
              bottom: -20%;
              left: 0; } }
          .person-flex-image-test-inner {
            padding: 20px;
            max-width: 500px; }
            @media (min-width: 992px) {
              .person-flex-image-test-inner {
                padding: 50px; } }
            .person-flex-image-test-inner p {
              color: #ffffff; }
      .person-flex-text {
        width: 100%; }
        @media (min-width: 992px) {
          .person-flex-text {
            width: 45%; } }
        .person-flex-text-details h4 {
          margin: 0; }
        .person-flex-text-buttons {
          padding: 20px 0; }
          @media (min-width: 992px) {
            .person-flex-text-buttons {
              padding: 50px 0 20px 0; } }
          .person-flex-text-buttons .blue-fill {
            color: #ffffff;
            background-color: #00839F; }
          .person-flex-text-buttons a {
            margin-bottom: 20px;
            min-width: 0; }
            .person-flex-text-buttons a .fas, .person-flex-text-buttons a .fab {
              margin-left: 20px;
              margin-top: 1px; }
        .person-flex-text-bio {
          margin-top: 5%; }
          @media (min-width: 992px) {
            .person-flex-text-bio {
              margin-top: 10%; } }
          @media (min-width: 1200px) {
            .person-flex-text-bio {
              margin-top: 20%; } }
    .person-awards {
      padding-top: 50px; }
      @media (min-width: 500px) {
        .person-awards {
          padding-top: 200px; } }
      .person-awards h5 {
        text-align: center;
        color: #00839F;
        font-weight: 700;
        margin-bottom: 50px; }
      .person-awards-flex {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        .person-awards-flex img {
          max-width: 48%;
          margin-bottom: 40px;
          margin: 0 10px 20px 10px; }
          @media (min-width: 992px) {
            .person-awards-flex img {
              max-width: 24%; } }
    .person-related {
      padding-top: 50px; }
      @media (min-width: 500px) {
        .person-related {
          padding-top: 100px; } }
      .person-related h5 {
        text-align: center;
        color: #00839F;
        font-weight: 700;
        margin-bottom: 50px; }
  
  .news {
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #EFEEEE 100%) 0% 0% no-repeat padding-box;
    padding-bottom: 50px; }
    @media (min-width: 992px) {
      .news {
        padding-bottom: 100px; } }
    .news .backnews {
      margin: 0;
      margin-bottom: 20px; }
      .news .backnews a {
        color: #00839F;
        text-decoration: none;
        font-weight: bold; }
        .news .backnews a img {
          display: inline-block;
          margin-bottom: -4px; }
    .news-upper-flex {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      margin-top: 20px;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      @media (min-width: 992px) {
        .news-upper-flex {
          margin-top: -100px; } }
      .news-upper-flex-item {
        width: 100%;
        margin-bottom: 20px;
        box-shadow: 0 3px 30px rgba(0, 0, 0, 0.15); }
        @media (min-width: 768px) {
          .news-upper-flex-item {
            width: 48%;
            margin-bottom: 0; } }
        .news-upper-flex-item-text {
          background-color: #ffffff; }
          .news-upper-flex-item-text .small {
            color: #A7A7A7;
            text-transform: uppercase;
            font-weight: 700; }
          .news-upper-flex-item-text-inner {
            padding: 30px; }
    .news-main {
      margin-top: 100px; }
      .news-main-flex {
        display: -ms-flexbox;
        display: flex;
        margin-top: 20px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        .news-main-flex-item {
          width: 100%;
          margin-bottom: 40px;
          position: relative;
          box-shadow: rgba(0, 0, 0, 0.1) 0 0 30px 10px; }
          @media (min-width: 768px) {
            .news-main-flex-item {
              -ms-flex: 0 0 calc(50% - 10px);
                  flex: 0 0 calc(50% - 10px);
              width: calc(50% - 10px);
              display: -ms-flexbox;
              display: flex;
              -ms-flex-direction: column;
                  flex-direction: column; }
              .news-main-flex-item:not(:nth-child(1n)) {
                margin-right: 0; }
              .news-main-flex-item:not(:nth-child(2n)) {
                margin-right: 20px; } }
          @media (min-width: 992px) {
            .news-main-flex-item {
              -ms-flex: 0 0 calc(33.33333% - 13.33333px);
                  flex: 0 0 calc(33.33333% - 13.33333px);
              width: calc(33.33333% - 13.33333px); }
              .news-main-flex-item:not(:nth-child(1n)) {
                margin-right: 0; }
              .news-main-flex-item:not(:nth-child(2n)) {
                margin-right: 0; }
              .news-main-flex-item:not(:nth-child(3n)) {
                margin-right: 20px; } }
          .news-main-flex-item .btn {
            position: absolute;
            bottom: 35px;
            left: 20px; }
          .news-main-flex-item-img {
            -ms-flex: 0 0 auto;
                flex: 0 0 auto; }
            .news-main-flex-item-img img {
              width: 100%; }
          .news-main-flex-item-text {
            background-color: #ffffff;
            padding-bottom: 80px;
            -ms-flex: 1 0 auto;
                flex: 1 0 auto; }
            .news-main-flex-item-text .small {
              color: #A7A7A7;
              text-transform: uppercase;
              font-weight: 700; }
            .news-main-flex-item-text-inner {
              padding: 30px; }
      .news-main-none {
        text-align: center; }
  
  .newsitem {
    padding-top: 50px;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #EFEEEE 100%) 0% 0% no-repeat padding-box;
    padding-bottom: 50px; }
    @media (min-width: 992px) {
      .newsitem {
        padding-bottom: 100px; } }
    .newsitem-flex {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .newsitem-flex-col img {
        position: -webkit-sticky;
        position: sticky;
        top: 20px; }
      .newsitem-flex-col:not(:first-child) {
        margin-top: 20px; }
      @media (min-width: 992px) {
        .newsitem-flex-col {
          -ms-flex: 0 0 calc(50% - 10px);
              flex: 0 0 calc(50% - 10px);
          width: calc(50% - 10px); }
          .newsitem-flex-col:not(:nth-child(1n)) {
            margin-right: 0; }
          .newsitem-flex-col:not(:nth-child(2n)) {
            margin-right: 20px; } }
      .newsitem-flex-col-images {
        width: 90%;
        margin: 0 auto; }
        @media (min-width: 992px) {
          .newsitem-flex-col-images {
            width: 80%; } }
        .newsitem-flex-col-images .flickity-button:focus {
          box-shadow: none; }
        .newsitem-flex-col-images .flickity-prev-next-button.previous {
          color: #00839F;
          background: none;
          left: -55px; }
          .newsitem-flex-col-images .flickity-prev-next-button.previous .flickity-button-icon {
            top: 35%; }
          @media (min-width: 768px) {
            .newsitem-flex-col-images .flickity-prev-next-button.previous {
              left: -85px; } }
        .newsitem-flex-col-images .flickity-prev-next-button.next {
          color: #00839F;
          background: none;
          right: -10px; }
          @media (min-width: 768px) {
            .newsitem-flex-col-images .flickity-prev-next-button.next {
              right: -40px; } }
          .newsitem-flex-col-images .flickity-prev-next-button.next .flickity-button-icon {
            top: -15%; }
        .newsitem-flex-col-images .flickity-prev-next-button {
          display: none; }
          @media (min-width: 500px) {
            .newsitem-flex-col-images .flickity-prev-next-button {
              height: 100px;
              width: 100px;
              display: block; } }
        .newsitem-flex-col-images .flickity-button-icon {
          width: 100%;
          height: 100%; }
        .newsitem-flex-col-images img {
          margin: 0 10px;
          width: 80%; }
          @media (min-width: 500px) {
            .newsitem-flex-col-images img {
              width: 48%; } }
          @media (min-width: 992px) {
            .newsitem-flex-col-images img {
              width: 32%; } }
      .newsitem-flex-col-title {
        position: -webkit-sticky;
        position: sticky;
        top: 20px; }
        .newsitem-flex-col-title h1 {
          color: #00839F;
          font-weight: 400; }
          @media (min-width: 992px) {
            .newsitem-flex-col-title h1 {
              font-size: 6.2rem;
              width: 80%; } }
    .newsitem-related {
      margin-top: 50px; }
      @media (min-width: 992px) {
        .newsitem-related {
          margin-top: 100px; } }
      .newsitem-related h5:first-of-type {
        color: #00839F;
        text-transform: uppercase;
        font-weight: 700; }
  
  .hamburger {
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible; }
  
  .hamburger:hover {
    opacity: 0.7; }
  
  .hamburger.is-active:hover {
    opacity: 0.7; }
  
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #707070; }
  
  .hamburger-box {
    width: 55px;
    height: 24px;
    display: inline-block;
    position: relative; }
  
  .hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px; }
  
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 55px;
    height: 3px;
    background-color: #707070;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  
  .hamburger-inner::before {
    top: -10px; }
  
  .hamburger-inner::after {
    bottom: -10px; }
  
  /*
     * 3DX
     */
  .hamburger--3dx .hamburger-box {
    perspective: 80px; }
  
  .hamburger--3dx .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  
  .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  
  .hamburger--3dx.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateY(180deg); }
  
  .hamburger--3dx.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  
  .hamburger--3dx.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }
  
  /*
     * 3DX Reverse
     */
  .hamburger--3dx-r .hamburger-box {
    perspective: 80px; }
  
  .hamburger--3dx-r .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  
  .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  
  .hamburger--3dx-r.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateY(-180deg); }
  
  .hamburger--3dx-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  
  .hamburger--3dx-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }
  
  /*
     * 3DY
     */
  .hamburger--3dy .hamburger-box {
    perspective: 80px; }
  
  .hamburger--3dy .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  
  .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  
  .hamburger--3dy.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(-180deg); }
  
  .hamburger--3dy.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  
  .hamburger--3dy.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }
  
  /*
     * 3DY Reverse
     */
  .hamburger--3dy-r .hamburger-box {
    perspective: 80px; }
  
  .hamburger--3dy-r .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  
  .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  
  .hamburger--3dy-r.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(180deg); }
  
  .hamburger--3dy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  
  .hamburger--3dy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }
  
  /*
     * 3DXY
     */
  .hamburger--3dxy .hamburger-box {
    perspective: 80px; }
  
  .hamburger--3dxy .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  
  .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  
  .hamburger--3dxy.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(180deg) rotateY(180deg); }
  
  .hamburger--3dxy.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  
  .hamburger--3dxy.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }
  
  /*
     * 3DXY Reverse
     */
  .hamburger--3dxy-r .hamburger-box {
    perspective: 80px; }
  
  .hamburger--3dxy-r .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  
  .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  
  .hamburger--3dxy-r.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }
  
  .hamburger--3dxy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  
  .hamburger--3dxy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }
  
  /*
     * Arrow
     */
  .hamburger--arrow.is-active .hamburger-inner::before {
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
  
  .hamburger--arrow.is-active .hamburger-inner::after {
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }
  
  /*
     * Arrow Right
     */
  .hamburger--arrow-r.is-active .hamburger-inner::before {
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
  
  .hamburger--arrow-r.is-active .hamburger-inner::after {
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
  
  /*
     * Arrow Alt
     */
  .hamburger--arrowalt .hamburger-inner::before {
    transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
  
  .hamburger--arrowalt .hamburger-inner::after {
    transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
  
  .hamburger--arrowalt.is-active .hamburger-inner::before {
    top: 0;
    transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
    transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
  
  .hamburger--arrowalt.is-active .hamburger-inner::after {
    bottom: 0;
    transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
    transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
  
  /*
     * Arrow Alt Right
     */
  .hamburger--arrowalt-r .hamburger-inner::before {
    transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
  
  .hamburger--arrowalt-r .hamburger-inner::after {
    transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
  
  .hamburger--arrowalt-r.is-active .hamburger-inner::before {
    top: 0;
    transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
    transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
  
  .hamburger--arrowalt-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
    transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
  
  /*
     * Arrow Turn
     */
  .hamburger--arrowturn.is-active .hamburger-inner {
    transform: rotate(-180deg); }
  
  .hamburger--arrowturn.is-active .hamburger-inner::before {
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
  
  .hamburger--arrowturn.is-active .hamburger-inner::after {
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
  
  /*
     * Arrow Turn Right
     */
  .hamburger--arrowturn-r.is-active .hamburger-inner {
    transform: rotate(-180deg); }
  
  .hamburger--arrowturn-r.is-active .hamburger-inner::before {
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
  
  .hamburger--arrowturn-r.is-active .hamburger-inner::after {
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }
  
  /*
     * Boring
     */
  .hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
    transition-property: none; }
  
  .hamburger--boring.is-active .hamburger-inner {
    transform: rotate(45deg); }
  
  .hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  
  .hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }
  
  /*
     * Collapse
     */
  .hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0.13s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  
  .hamburger--collapse .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  
  .hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  
  .hamburger--collapse.is-active .hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  
  .hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  
  .hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }
  
  /*
     * Collapse Reverse
     */
  .hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0.13s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  
  .hamburger--collapse-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  
  .hamburger--collapse-r .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  
  .hamburger--collapse-r.is-active .hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  
  .hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  
  .hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }
  
  /*
     * Elastic
     */
  .hamburger--elastic .hamburger-inner {
    top: 2px;
    transition-duration: 0.275s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  
  .hamburger--elastic .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease; }
  
  .hamburger--elastic .hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  
  .hamburger--elastic.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(135deg);
    transition-delay: 0.075s; }
  
  .hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  
  .hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-270deg);
    transition-delay: 0.075s; }
  
  /*
     * Elastic Reverse
     */
  .hamburger--elastic-r .hamburger-inner {
    top: 2px;
    transition-duration: 0.275s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  
  .hamburger--elastic-r .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease; }
  
  .hamburger--elastic-r .hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  
  .hamburger--elastic-r.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(-135deg);
    transition-delay: 0.075s; }
  
  .hamburger--elastic-r.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  
  .hamburger--elastic-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(270deg);
    transition-delay: 0.075s; }
  
  /*
     * Emphatic
     */
  .hamburger--emphatic {
    overflow: hidden; }
  
  .hamburger--emphatic .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in; }
  
  .hamburger--emphatic .hamburger-inner::before {
    left: 0;
    transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
  
  .hamburger--emphatic .hamburger-inner::after {
    top: 10px;
    right: 0;
    transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  
  .hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important; }
  
  .hamburger--emphatic.is-active .hamburger-inner::before {
    left: -80px;
    top: -80px;
    transform: translate3d(80px, 80px, 0) rotate(45deg);
    transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
  
  .hamburger--emphatic.is-active .hamburger-inner::after {
    right: -80px;
    top: -80px;
    transform: translate3d(-80px, 80px, 0) rotate(-45deg);
    transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
  
  /*
     * Emphatic Reverse
     */
  .hamburger--emphatic-r {
    overflow: hidden; }
  
  .hamburger--emphatic-r .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in; }
  
  .hamburger--emphatic-r .hamburger-inner::before {
    left: 0;
    transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
  
  .hamburger--emphatic-r .hamburger-inner::after {
    top: 10px;
    right: 0;
    transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  
  .hamburger--emphatic-r.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important; }
  
  .hamburger--emphatic-r.is-active .hamburger-inner::before {
    left: -80px;
    top: 80px;
    transform: translate3d(80px, -80px, 0) rotate(-45deg);
    transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
  
  .hamburger--emphatic-r.is-active .hamburger-inner::after {
    right: -80px;
    top: 80px;
    transform: translate3d(-80px, -80px, 0) rotate(45deg);
    transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
  
  /*
     * Minus
     */
  .hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
    transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; }
  
  .hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
    opacity: 0;
    transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; }
  
  .hamburger--minus.is-active .hamburger-inner::before {
    top: 0; }
  
  .hamburger--minus.is-active .hamburger-inner::after {
    bottom: 0; }
  
  /*
     * Slider
     */
  .hamburger--slider .hamburger-inner {
    top: 2px; }
  
  .hamburger--slider .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  
  .hamburger--slider .hamburger-inner::after {
    top: 20px; }
  
  .hamburger--slider.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  
  .hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0; }
  
  .hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg); }
  
  /*
     * Slider Reverse
     */
  .hamburger--slider-r .hamburger-inner {
    top: 2px; }
  
  .hamburger--slider-r .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  
  .hamburger--slider-r .hamburger-inner::after {
    top: 20px; }
  
  .hamburger--slider-r.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(-45deg); }
  
  .hamburger--slider-r.is-active .hamburger-inner::before {
    transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    opacity: 0; }
  
  .hamburger--slider-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(90deg); }
  
  /*
     * Spin
     */
  .hamburger--spin .hamburger-inner {
    transition-duration: 0.22s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  
  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  
  .hamburger--spin.is-active .hamburger-inner {
    transform: rotate(225deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
  
  /*
     * Spin Reverse
     */
  .hamburger--spin-r .hamburger-inner {
    transition-duration: 0.22s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  
  .hamburger--spin-r .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  
  .hamburger--spin-r .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  
  .hamburger--spin-r.is-active .hamburger-inner {
    transform: rotate(-225deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  
  .hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  
  .hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
  
  /*
     * Spring
     */
  .hamburger--spring .hamburger-inner {
    top: 2px;
    transition: background-color 0s 0.13s linear; }
  
  .hamburger--spring .hamburger-inner::before {
    top: 10px;
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  
  .hamburger--spring .hamburger-inner::after {
    top: 20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  
  .hamburger--spring.is-active .hamburger-inner {
    transition-delay: 0.22s;
    background-color: transparent !important; }
  
  .hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  
  .hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(-45deg); }
  
  /*
     * Spring Reverse
     */
  .hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  
  .hamburger--spring-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }
  
  .hamburger--spring-r .hamburger-inner::before {
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  
  .hamburger--spring-r.is-active .hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  
  .hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; }
  
  .hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }
  
  /*
     * Stand
     */
  .hamburger--stand .hamburger-inner {
    transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  
  .hamburger--stand .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  
  .hamburger--stand .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  
  .hamburger--stand.is-active .hamburger-inner {
    transform: rotate(90deg);
    background-color: transparent !important;
    transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  
  .hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  
  .hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  
  /*
     * Stand Reverse
     */
  .hamburger--stand-r .hamburger-inner {
    transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  
  .hamburger--stand-r .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  
  .hamburger--stand-r .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  
  .hamburger--stand-r.is-active .hamburger-inner {
    transform: rotate(-90deg);
    background-color: transparent !important;
    transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  
  .hamburger--stand-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  
  .hamburger--stand-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  
  /*
     * Squeeze
     */
  .hamburger--squeeze .hamburger-inner {
    transition-duration: 0.075s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
  
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  
  .hamburger--squeeze.is-active .hamburger-inner {
    transform: rotate(45deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
  
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
  
  /*
     * Vortex
     */
  .hamburger--vortex .hamburger-inner {
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  
  .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  
  .hamburger--vortex .hamburger-inner::before {
    transition-property: top, opacity; }
  
  .hamburger--vortex .hamburger-inner::after {
    transition-property: bottom, transform; }
  
  .hamburger--vortex.is-active .hamburger-inner {
    transform: rotate(765deg);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  
  .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  
  .hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  
  .hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg); }
  
  /*
     * Vortex Reverse
     */
  .hamburger--vortex-r .hamburger-inner {
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  
  .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  
  .hamburger--vortex-r .hamburger-inner::before {
    transition-property: top, opacity; }
  
  .hamburger--vortex-r .hamburger-inner::after {
    transition-property: bottom, transform; }
  
  .hamburger--vortex-r.is-active .hamburger-inner {
    transform: rotate(-765deg);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  
  .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  
  .hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  
  .hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }
  
  .cta {
    padding: 20px 0; }
    .cta-box {
      padding: 50px 60px;
      background-color: #00839F;
      color: #fff;
      text-align: left;
      background-image: url("/public/img/circbg.png"); }
      .cta-box a {
        color: #00839F;
        background-color: #fff;
        padding: 10px 15px;
        border-radius: 1.8rem;
        font-size: 1.8rem;
        font-weight: bold;
        display: inline-block; }
        .cta-box a:hover {
          background-color: #e6e6e6; }
      .cta-box-Green {
        background-color: #4D8D23; }
        .cta-box-Green a {
          color: #4D8D23; }
      .cta-box-Purple {
        background-color: #4C164A; }
        .cta-box-Purple a {
          color: #4C164A; }
      .cta-box-Orange {
        background-color: #E8A000;
        color: #000; }
        .cta-box-Orange a {
          color: #000; }
      .cta-box-Dark-Blue {
        background-color: #00406D;
        color: #fff; }
        .cta-box-Dark-Blue a {
          color: #00406D; }
      .cta-box-Center {
        text-align: center; }
      .cta-box-Right {
        text-align: right; }
      .cta-box h1 {
        margin: 0;
        margin-bottom: 10px;
        font-size: 24px;
        font-weight: bold;
        color: #ffffff  }
  
  .quote-block {
    padding: 20px 0; }
    .quote-block-box {
      padding: 40px 40px;
      background-color: #00839F;
      color: #fff;
      text-align: left;
      display: -ms-flexbox;
      display: flex;
      -moz-column-gap: 25px;
           column-gap: 25px;
      -ms-flex-direction: column;
          flex-direction: column; }
      @media (min-width: 768px) {
        .quote-block-box {
          -ms-flex-direction: row;
              flex-direction: row; } }
      .quote-block-box-noimg {
        padding: 50px 60px; }
      .quote-block-box a {
        color: #00839F;
        background-color: #fff;
        padding: 10px 15px;
        border-radius: 1.8rem;
        font-size: 1.8rem;
        font-weight: bold;
        display: inline-block; }
        .quote-block-box a:hover {
          background-color: #e6e6e6; }
      .quote-block-box-Green {
        background-color: #4D8D23; }
        .quote-block-box-Green a {
          color: #4D8D23; }
      .quote-block-box-Purple {
        background-color: #4C164A; }
        .quote-block-box-Purple a {
          color: #4C164A; }
      .quote-block-box-Orange {
        background-color: #E8A000;
        color: #000; }
        .quote-block-box-Orange a {
          color: #000; }
      .quote-block-box-Dark-Blue {
        background-color: #00406D;
        color: #fff; }
        .quote-block-box-Dark-Blue a {
          color: #00406D; }
      .quote-block-box-Center {
        text-align: center; }
      .quote-block-box-Right {
        text-align: right; }
      .quote-block-box h1 {
        margin: 0;
        margin-bottom: 10px;
        font-size: 20px;
        font-weight: bold;
        text-transform: uppercase; }
      .quote-block-box-img {
        width: 100%;
        height: 200px;
        background-repeat: no-repeat;
        background-size: cover;
        margin-bottom: 20px; }
        @media (min-width: 768px) {
          .quote-block-box-img {
            width: 200px;
            height: auto;
            margin-bottom: 0; } }
      .quote-block-box-content {
        -ms-flex: 1;
            flex: 1; }
  
  .logo-main {
    overflow: visible; }
    .logo-main.transitted .letter {
      fill: #2e2e2d;
      opacity: 0;
      -webkit-animation: fadein ease-in-out 1.6s forwards;
              animation: fadein ease-in-out 1.6s forwards; }
      .logo-main.transitted .letter:nth-child(6) {
        -webkit-animation-delay: .1s;
                animation-delay: .1s; }
      .logo-main.transitted .letter:nth-child(7) {
        -webkit-animation-delay: .2s;
                animation-delay: .2s; }
      .logo-main.transitted .letter:nth-child(8) {
        -webkit-animation-delay: .3s;
                animation-delay: .3s; }
      .logo-main.transitted .letter:nth-child(9) {
        -webkit-animation-delay: .4s;
                animation-delay: .4s; }
      .logo-main.transitted .letter:nth-child(10) {
        -webkit-animation-delay: .5s;
                animation-delay: .5s; }
      .logo-main.transitted .letter:nth-child(11) {
        -webkit-animation-delay: .6s;
                animation-delay: .6s; }
    .logo-main.transitted .swoosh {
      transform-origin: 16% 85%;
      -webkit-animation: rotatein ease-in-out 2.5s forwards;
              animation: rotatein ease-in-out 2.5s forwards;
      transition: all;
      transform: rotate(180deg);
      opacity: 0; }
    .logo-main.transitted .swoosh-a {
      fill: #E8A000;
      -webkit-animation-delay: .1s;
              animation-delay: .1s; }
    .logo-main.transitted .swoosh-b {
      fill: #4D8D23;
      -webkit-animation-delay: .5s;
              animation-delay: .5s; }
    .logo-main.transitted .swoosh-c {
      fill: #4C164A;
      -webkit-animation-delay: .9s;
              animation-delay: .9s; }
    .logo-main.transitted .swoosh-d {
      fill: #00839F;
      -webkit-animation-delay: 1.3s;
              animation-delay: 1.3s; }
  
  .arrow-right {
    fill: white; }
  
  .furtherlinks-flex-item:hover .arrow-right, .people-flex-item:hover .arrow-right {
    fill: white !important;
    -webkit-animation: bounceRight 2s forwards;
            animation: bounceRight 2s forwards; }
  
  *:hover .arrow-right {
    -webkit-animation: bounceRight 2s forwards;
            animation: bounceRight 2s forwards; }
  
  .Green .arrow-right, .green .arrow-right {
    fill: #4D8D23; }
  
  .Yellow .arrow-right, .yellow .arrow-right {
    fill: #E8A000; }
  
  .Purple .arrow-right, .purple .arrow-right {
    fill: #4C164A; }
  
  .Blue .arrow-right, .blue .arrow-right {
    fill: #00839F; }
  
  @-webkit-keyframes rotatein {
    0% {
      transform: rotate(180deg);
      opacity: 0; }
    100% {
      transform: rotate(0);
      opacity: 1; } }
  
  @keyframes rotatein {
    0% {
      transform: rotate(180deg);
      opacity: 0; }
    100% {
      transform: rotate(0);
      opacity: 1; } }
  
  @-webkit-keyframes fadein {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  
  @keyframes fadein {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  
  @-webkit-keyframes bounceRight {
    0%, 20%, 50%, 80%, 100% {
      transform: translateX(0); }
    40% {
      transform: translateX(-20px); }
    60% {
      transform: translateX(-15px); } }
  
  .transit {
    -ms-flex-pack: center;
        justify-content: center;
    opacity: 0;
    transition: transform 1.2s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.8s linear; }
    .transit:nth-child(1) {
      transition-delay: 0.2s; }
    .transit:nth-child(2) {
      transition-delay: 0.4s; }
    .transit:nth-child(3) {
      transition-delay: 0.6s; }
    .transit:nth-child(4) {
      transition-delay: 0.8s; }
    .transit:nth-child(5) {
      transition-delay: 1s; }
    .transit:nth-child(6) {
      transition-delay: 1.2s; }
    .transit:nth-child(7) {
      transition-delay: 1.4s; }
    .transit:nth-child(8) {
      transition-delay: 1.6s; }
    .transit:nth-child(9) {
      transition-delay: 1.8s; }
    .transit:nth-child(10) {
      transition-delay: 2s; }
    .transit.transit-top {
      transform: translate(0, -100px); }
    .transit.transit-bottom {
      transform: translate(0, 150px); }
    .transit.transit-left {
      transform: translate(-25%, 0); }
    .transit.transit-right {
      transform: translate(25%, 0); }
  
  .transitted {
    transform: translate(0, 0) !important;
    opacity: 1 !important; }
  
  .filter {
    margin: 100px 0; }
    @media (min-width: 768px) {
      .filter-flex {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
    .filter-flex-item {
      display: block;
      background-color: white;
      color: #00839F;
      font-size: 24px;
      text-decoration: none;
      padding: 20px 50px;
      text-align: center;
      font-weight: 700;
      box-shadow: rgba(0, 0, 0, 0.1) 0 0 20px 0;
      margin-bottom: 20px;
      border-radius: 8px;
      cursor: pointer;
      border: 2px solid transparent; }
      .filter-flex-item.mini {
        padding: 10px 25px; }
      .filter-flex-item:not(:last-child) {
        margin-right: 10px; }
  
  .center {
    text-align: center; }
  
  .contact-select {
    position: relative;
    display: inline-block; }
    .contact-select .department {
      background-color: white;
      color: #00839F;
      text-decoration: none;
      padding: 20px 50px;
      text-align: center;
      box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.2);
      border: none;
      border-radius: 8px;
      cursor: pointer;
      margin-right: 20px;
      text-transform: none;
      margin-bottom: 20px;
      font-size: 16px; }
      @media (min-width: 992px) {
        .contact-select .department {
          margin-bottom: 0;
          font-size: 18px; } }
      .contact-select .department svg {
        margin-left: 10px;
        margin-top: 2px; }
    .contact-select.alt {
      display: block; }
      .contact-select.alt a {
        margin-bottom: 20px;
        display: table; }
        .contact-select.alt a:not(.fill) {
          border-radius: 7px; }
      .contact-select.alt .btn.fill {
        background-color: white;
        color: #00839F; }
    .contact-select a {
      margin: 0 10px; }
    .contact-select-drop {
      position: absolute;
      top: 105%;
      left: 2px;
      background-color: white;
      border-top: 2px solid #00839F;
      box-shadow: rgba(0, 0, 0, 0.2) 0px 30px 90px;
      margin: 0 10px;
      width: calc(100% - 30px);
      display: none;
      z-index: 10; }
      .contact-select-drop.contactp {
        position: relative;
        margin-bottom: 50px; }
      .contact-select-drop.on {
        display: block; }
      .contact-select-drop ul {
        list-style: none;
        color: #00839F;
        padding: 10px 50px;
        text-align: center;
        border: none;
        cursor: pointer;
        margin-right: 20px;
        text-transform: none;
        margin-bottom: 20px;
        font-size: 16px; }
        @media (min-width: 992px) {
          .contact-select-drop ul {
            margin-bottom: 0;
            font-size: 18px; } }
        .contact-select-drop ul li {
          padding: 10px 0;
          font-weight: bold;
          cursor: pointer; }
          .contact-select-drop ul li:not(:last-child) {
            border-bottom: 1px solid #00839F; }
  
  .careers {
    position: relative;
    padding-bottom: 50px; }
    .careers:after {
      content: "";
      background: transparent linear-gradient(180deg, #FFFFFF 0%, #EFEEEE 100%) 0% 0% no-repeat padding-box;
      position: absolute;
      height: 100%;
      top: 0%;
      left: 0;
      width: 100%;
      z-index: 1; }
    .careers-vac {
      color: black;
      text-transform: uppercase;
      margin-bottom: 50px;
      font-weight: 700;
      position: relative;
      z-index: 5; }
    .careers-flex {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      position: relative;
      z-index: 10; }
      .careers-flex-item {
        width: 100%;
        margin-bottom: 100px; }
        @media (min-width: 768px) {
          .careers-flex-item {
            width: 45%; } }
        .careers-flex-item .small {
          color: #A7A7A7;
          text-transform: uppercase;
          font-weight: 700; }
        .careers-flex-item h4 {
          color: #00839F;
          font-weight: 400; }
  
  .career .hero {
    min-height: unset; }
  
  .career .text {
    position: relative;
    z-index: 20;
    padding: 0; }
    .career .text-middle {
      max-width: 920px;
      margin: 0 auto;
      text-align: center; }
    .career .text h2 {
      margin-bottom: 20px; }
    .career .text ul {
      margin-bottom: 20px; }
  
  .career .apply {
    background-color: #4C164A;
    font-weight: bold;
    color: #fff;
    border-radius: 20px;
    padding: 10px 20px;
    font-size: 20px; }
  
  .career .apply:hover {
    background-color: #742171; }
  
  .resources {
    padding: 50px 0 50px 0;
    position: relative;
    z-index: 25; }
    @media (min-width: 992px) {
      .resources {
        padding: 75px 0 75px 0; } }
    .resources .carousel:after {
      content: 'flickity';
      display: none; }
      @media (min-width: 1024px) {
        .resources .carousel:after {
          content: ''; } }
    @media (min-width: 1024px) {
      .resources-flex {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between; } }
    .resources-flex-item {
      margin-bottom: 25px;
      width: 85%;
      margin-right: 20px; }
      @media (min-width: 500px) {
        .resources-flex-item {
          width: 50%; } }
      @media (min-width: 1024px) {
        .resources-flex-item {
          width: 32%;
          margin-right: 0; } }
    .resources-flex h4 {
      font-weight: 700;
      margin-bottom: 10px; }
      .resources-flex h4.green svg {
        fill: #4D8D23; }
      .resources-flex h4.yellow svg {
        fill: #E8A000; }
      .resources-flex h4.purple svg {
        fill: #4C164A; }
      .resources-flex h4.blue svg {
        fill: #00839F; }
      .resources-flex h4 span {
        margin-left: 10px;
        display: inline-block; }
  

@media (max-width: 899px) {
  #hs_cos_wrapper_module_167604611955350 { 
  display: none !important;
  } 
  #hs_cos_wrapper_module_167604139932827 { 
  display: none !important;
  } 
  #hs_cos_wrapper_module_167605286725586 { 
  display: none !important;
  } 
}





@media (min-width: 900px) {
  #hs_cos_wrapper_module_167638850420819 { 
  display: none !important;
  } 
  #hs_cos_wrapper_module_167647641835714{ 
  display: none !important;
  } 
}