/* Theme base styles */

/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

/* Generic
This is where reset, normalize & box-sizing styles go.
*/

/* ------------------------------------------------------------ *\
	Custom Fonts
\* ------------------------------------------------------------ */

@font-face {
    font-family: 'Cooper Hewitt';
    src: url('https://7477824.fs1.hubspotusercontent-na1.net/hubfs/7477824/CooperHewitt-Medium.woff2') format('woff2'),
        url('https://7477824.fs1.hubspotusercontent-na1.net/hubfs/7477824/CooperHewitt-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cooper Hewitt';
    src: url('https://7477824.fs1.hubspotusercontent-na1.net/hubfs/7477824/CooperHewitt-Light.woff2') format('woff2'),
        url('https://7477824.fs1.hubspotusercontent-na1.net/hubfs/7477824/CooperHewitt-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cooper Hewitt';
    src: url('https://7477824.fs1.hubspotusercontent-na1.net/hubfs/7477824/CooperHewitt-Heavy.woff2') format('woff2'),
        url('https://7477824.fs1.hubspotusercontent-na1.net/hubfs/7477824/CooperHewitt-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cooper Hewitt';
    src: url('https://7477824.fs1.hubspotusercontent-na1.net/hubfs/7477824/CooperHewitt-Thin.woff2') format('woff2'),
        url('https://7477824.fs1.hubspotusercontent-na1.net/hubfs/7477824/CooperHewitt-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cooper Hewitt';
    src: url('https://7477824.fs1.hubspotusercontent-na1.net/hubfs/7477824/CooperHewitt-MediumItalic.woff2') format('woff2'),
        url('https://7477824.fs1.hubspotusercontent-na1.net/hubfs/7477824/CooperHewitt-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cooper Hewitt Book';
    src: url('https://7477824.fs1.hubspotusercontent-na1.net/hubfs/7477824/CooperHewitt-BookItalic.woff2') format('woff2'),
        url('https://7477824.fs1.hubspotusercontent-na1.net/hubfs/7477824/CooperHewitt-BookItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cooper Hewitt';
    src: url('https://7477824.fs1.hubspotusercontent-na1.net/hubfs/7477824/CooperHewitt-SemiboldItalic.woff2') format('woff2'),
        url('https://7477824.fs1.hubspotusercontent-na1.net/hubfs/7477824/CooperHewitt-SemiboldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cooper Hewitt';
    src: url('https://7477824.fs1.hubspotusercontent-na1.net/hubfs/7477824/CooperHewitt-Bold.woff2') format('woff2'),
        url('https://7477824.fs1.hubspotusercontent-na1.net/hubfs/7477824/CooperHewitt-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cooper Hewitt';
    src: url('https://7477824.fs1.hubspotusercontent-na1.net/hubfs/7477824/CooperHewitt-HeavyItalic.woff2') format('woff2'),
        url('https://7477824.fs1.hubspotusercontent-na1.net/hubfs/7477824/CooperHewitt-HeavyItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cooper Hewitt';
    src: url('https://7477824.fs1.hubspotusercontent-na1.net/hubfs/7477824/CooperHewitt-ThinItalic.woff2') format('woff2'),
        url('https://7477824.fs1.hubspotusercontent-na1.net/hubfs/7477824/CooperHewitt-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cooper Hewitt';
    src: url('https://7477824.fs1.hubspotusercontent-na1.net/hubfs/7477824/CooperHewitt-LightItalic.woff2') format('woff2'),
        url('https://7477824.fs1.hubspotusercontent-na1.net/hubfs/7477824/CooperHewitt-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cooper Hewitt Book';
    src: url('https://7477824.fs1.hubspotusercontent-na1.net/hubfs/7477824/CooperHewitt-Book.woff2') format('woff2'),
        url('https://7477824.fs1.hubspotusercontent-na1.net/hubfs/7477824/CooperHewitt-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cooper Hewitt';
    src: url('https://7477824.fs1.hubspotusercontent-na1.net/hubfs/7477824/CooperHewitt-BoldItalic.woff2') format('woff2'),
        url('https://7477824.fs1.hubspotusercontent-na1.net/hubfs/7477824/CooperHewitt-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cooper Hewitt';
    src: url('https://7477824.fs1.hubspotusercontent-na1.net/hubfs/7477824/CooperHewitt-Semibold.woff2') format('woff2'),
        url('https://7477824.fs1.hubspotusercontent-na1.net/hubfs/7477824/CooperHewitt-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* 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 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* 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 */
  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;
}


/* ------------------------------------------------------------ *\
	Base Styles
\* ------------------------------------------------------------ */

html { font-size: 10px; }

body { font-family: "Cooper Hewitt", sans-serif; font-size: 16px; font-weight: 500; color: #191919; }

body p { font-size: inherit; }

h1 { font-size: 32px; font-weight: 600; }
h2 { font-size: 32px; font-weight: 600; }
h3 { font-size: 28px; }

.body-container-wrapper { overflow: hidden; }

img { max-width: 100%; }

@media(max-width: 1024px) {
	h1 { font-size: 28px; }
	h2 { font-size: 28px; }
}

@media(max-width: 767px) {
	h1 { font-size: 24px; }
	h2 { font-size: 24px; }
}

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/

/* Responsive grid */

.row-fluid {
  width: 100%;
}

.row-fluid:before, .row-fluid:after {
  display: table;
  content: '';
}

.row-fluid:after {
  clear: both;
}

.row-fluid [class*='span'] {
  display: block;
  float: left;
  width: 100%;
  min-height: 1px;
  margin-left: 2.127659574%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.row-fluid [class*='span']:first-child {
  margin-left: 0;
}

.row-fluid .span12 {
  width: 99.99999998999999%;
}

.row-fluid .span11 {
  width: 91.489361693%;
}

.row-fluid .span10 {
  width: 82.97872339599999%;
}

.row-fluid .span9 {
  width: 74.468085099%;
}

.row-fluid .span8 {
  width: 65.95744680199999%;
}

.row-fluid .span7 {
  width: 57.446808505%;
}

.row-fluid .span6 {
  width: 48.93617020799999%;
}

.row-fluid .span5 {
  width: 40.425531911%;
}

.row-fluid .span4 {
  width: 31.914893614%;
}

.row-fluid .span3 {
  width: 23.404255317%;
}

.row-fluid .span2 {
  width: 14.89361702%;
}

.row-fluid .span1 {
  width: 6.382978723%;
}

.container-fluid:before, .container-fluid:after {
  display: table;
  content: '';
}

.container-fluid:after {
  clear: both;
}

@media (max-width: 767px) {
  .row-fluid {
    width: 100%;
  }

  .row-fluid [class*='span'] {
    display: block;
    float: none;
    width: auto;
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1139px) {
  .row-fluid {
    width: 100%;
  }

  .row-fluid:before, .row-fluid:after {
    display: table;
    content: '';
  }

  .row-fluid:after {
    clear: both;
  }

  .row-fluid [class*='span'] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.762430939%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  .row-fluid [class*='span']:first-child {
    margin-left: 0;
  }

  .row-fluid .span12 {
    width: 99.999999993%;
  }

  .row-fluid .span11 {
    width: 91.436464082%;
  }

  .row-fluid .span10 {
    width: 82.87292817100001%;
  }

  .row-fluid .span9 {
    width: 74.30939226%;
  }

  .row-fluid .span8 {
    width: 65.74585634900001%;
  }

  .row-fluid .span7 {
    width: 57.182320438000005%;
  }

  .row-fluid .span6 {
    width: 48.618784527%;
  }

  .row-fluid .span5 {
    width: 40.055248616%;
  }

  .row-fluid .span4 {
    width: 31.491712705%;
  }

  .row-fluid .span3 {
    width: 22.928176794%;
  }

  .row-fluid .span2 {
    width: 14.364640883%;
  }

  .row-fluid .span1 {
    width: 5.801104972%;
  }
}

@media (min-width: 1280px) {
  .row-fluid {
    width: 100%;
  }

  .row-fluid:before, .row-fluid:after {
    display: table;
    content: '';
  }

  .row-fluid:after {
    clear: both;
  }

  .row-fluid [class*='span'] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.564102564%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  .row-fluid [class*='span']:first-child {
    margin-left: 0;
  }

  .row-fluid .span12 {
    width: 100%;
  }

  .row-fluid .span11 {
    width: 91.45299145300001%;
  }

  .row-fluid .span10 {
    width: 82.905982906%;
  }

  .row-fluid .span9 {
    width: 74.358974359%;
  }

  .row-fluid .span8 {
    width: 65.81196581200001%;
  }

  .row-fluid .span7 {
    width: 57.264957265%;
  }

  .row-fluid .span6 {
    width: 48.717948718%;
  }

  .row-fluid .span5 {
    width: 40.170940171000005%;
  }

  .row-fluid .span4 {
    width: 31.623931624%;
  }

  .row-fluid .span3 {
    width: 23.076923077%;
  }

  .row-fluid .span2 {
    width: 14.529914530000001%;
  }

  .row-fluid .span1 {
    width: 5.982905983%;
  }
}

/* Clearfix */

.clearfix:before, .clearfix:after {
  display: table;
  content: '';
}

.clearfix:after {
  clear: both;
}

/* Visibilty classes */

.hide {
  display: none;
}

.show {
  display: block;
}

.invisible {
  visibility: hidden;
}

.hidden {
  display: none;
  visibility: hidden;
}

/* Responsive visibilty classes */

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-phone {
    display: inherit !important;
  }

  .hidden-phone {
    display: none !important;
  }

  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1139px) {
  .visible-tablet {
    display: inherit !important;
  }

  .hidden-tablet {
    display: none !important;
  }

  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 1rem;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}

.dnd-section > .row-fluid {
  margin: 0 auto;
}

.dnd-section .dnd-column {
  padding: 0 1rem;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}

/* Elements
Base HMTL elements are styled in this section (<body<, <h1>, <a>, <p>, <button> etc.)
*/

body {
  line-height: 1.4;
  word-break: break-word;
}

html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
  line-break: strict;
  word-break: break-all;
}

/* Paragraphs */

p {
  font-size: 1rem;
  margin: 0 0 1.4rem;
}

/* Anchors */

a {
  cursor: pointer;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 1.4rem;
}

/* Lists */

ul,
ol {
  margin: 0 0 1.4rem;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0;
}

ul.no-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  border-left: 2px solid;
  margin: 0 0 1.4rem;
  padding-left: 0.7rem;
}

/* Horizontal rules */

hr {
  border: none;
  border-bottom: 1px solid #CCC;
}

/* Image alt text */

img {
  font-size: 0.583rem;
  word-break: normal;
}
button,
.button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

button:disabled,
.button:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}

/* No button */

.no-button,
.no-button:hover,
.no-button:focus,
.no-button:active {
  background: none;
  border: none;
  border-radius: 0;
  color: initial;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  transition: none;
}
/* Fields */

.hs-form-field {
  margin-bottom: 1.4rem;
}

/* Labels */

form label {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.35rem;
}

/* Help text */

form legend {
  font-size: 0.875rem;
}

/* Inputs */

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.7rem;
  width: 100%;
}

form fieldset {
  max-width: 100% !important;
}

/* Inputs - checkbox/radio */

form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

form .inputs-list > li {
  display: block;
  margin: 0.7rem 0;
}

form .inputs-list input,
form .inputs-list span {
  vertical-align: middle;
}

form input[type=checkbox],
form input[type=radio] {
  cursor: pointer;
  margin-right: 0.35rem;
}

/* Inputs - date picker */

.hs-dateinput {
  position: relative;
}

.hs-dateinput:before {
  content:'\01F4C5';
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}

.fn-date-picker .pika-table thead th {
  color: #FFF;
}

.fn-date-picker td.is-selected .pika-button {
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
  border-radius: 0 !important;
  color: #FFF;
}

/* Inputs - file picker */

form input[type=file] {
  background-color: transparent;
  border: initial;
  padding: initial;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
  font-size: 0.875rem;
  margin: 0 0 1.4rem;
}

form .hs-richtext img {
  max-width: 100% !important;
}

/* GDPR */

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  margin-left: 1rem !important;
}

/* Validation */

.hs-form-required {
  color: #EF6B51;
}

.hs-input.invalid.error {
  border-color: #EF6B51;
}

.hs-error-msg {
  color: #EF6B51;
  margin-top: 0.35rem;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}
/* Table */

table {
  border-collapse: collapse;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table cells */

td,
th {
  vertical-align: top;
}

/* Table header */

thead th {
  vertical-align: bottom;
}

/* Components
Specific pieces of UI that are stylized. Typically used for global partial styling
*/

/* Partials */


/* ------------------------------------------------------------ *\
    Header
\* ------------------------------------------------------------ */

.header { position: absolute; top: 0; right: 0; left: 0; z-index: 9999; width: 100%; transition: background .4s; }

.header .header__bar { background: #191919; padding: 9px 0 5px; }
.header .header__body { padding: 11px 0; }

.header .shell { display: flex; flex-wrap: wrap; align-items: center; }
.header .header__aside { width: 161px; }
.header .logo { position: relative; z-index: 3; }
.header .logo img { width: 100%; transition: opacity .4s; }
.header .logo img:nth-child(2) { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; }

.header .header__content { width: calc(100% - 161px); }

.header .header__utilities { width: 100%; display: flex; justify-content: flex-end; }
.header .header__utilities > ul { list-style: none; display: flex; flex-wrap: wrap; align-items: center; margin: -5px; }
.header .header__utilities > ul > li { padding: 5px; color: #88bb6e; transition: color .4s; }
.header .header__utilities > ul > li > a { display: block; text-decoration: none; color: #fff; font-size: 12px; font-weight: 500; line-height: 1.1; position: relative; transition: color .4s; color: #88bb6e }
.header .header__utilities > ul > li > a:after { content: ''; position: absolute; bottom: -2px; left: 51%; right: 51%; height: 2px; background: currentColor; opacity: 0; transition: opacity .4s, left .4s, right .4s; }

.header .header__utilities > ul > li > a:hover { text-decoration: none; color: #fff; }
.header .header__utilities > ul > li > a:hover:after { opacity: 1; left: 0; right: 0; }

.header .header__nav { display: flex; justify-content: flex-end; align-items: center; width: 100%; }

.header .header__nav .header__actions { margin-left: 36px; }

.header .header__actions { position: relative; z-index: 3; }

.header .header__actions > ul { padding: 0; list-style: none; display: flex; flex-wrap: wrap; margin: -8px; }
.header .header__actions > ul > li { padding: 8px; }
.header .header__actions > ul > li.js-header-search .header__form { opacity: 0; visibility: hidden; transition: opacity .4s, visibility .4s; }
.header .header__actions > ul > li.js-header-search:hover .header__form { opacity: 1; visibility: visible; }

.header .header__form { width: 100%; overflow: hidden; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background: #fff; padding: 15px 0; }
.header .header__form .form-search { max-width: 255px; margin-left: auto; }

.header .header__btn { line-height: 1.1; min-width: 160px; display: inline-block; padding: 10px 20px; text-align: center; border-radius: 6px 0 6px 6px; background: #fff; color: #17594C; text-decoration: none; transition: color .4s, background .4s; }
.header .header__btn:hover { background: #17594C; color: #fff; text-decoration: none; }


@media(min-width: 1025px) {
	.header:hover { background: #191919; }
}

@media(max-width: 1024px) {
	.header .header__nav { opacity: 0; visibility: hidden; justify-content: flex-start; flex-wrap: wrap; background: #424443; position: absolute; top: 100%; left: 0; width: 100%; padding: 10px 15px 60px; transition: opacity .4s, visibility .4s; }

	.header { transition: background .4s; }
	body.menu-open .header { background: #424443; }
	body.menu-open .header .header__nav { opacity: 1; visibility: visible; }

	.header .header__nav .header__actions { margin-left: 0; margin-top: 10px; width: 100%; }
	.header .header__content .btn-menu { display: block; margin-left: auto; }

	.header .header__aside { width: 100px; }

	.header .header__content { width: calc(100% - 100px); }
}


/* ------------------------------------------------------------ *\
    Footer
\* ------------------------------------------------------------ */

.footer { padding: 68px 0 61px; overflow: hidden; }

.footer .footer__body { margin-bottom: 66px; }
.footer .footer__body:last-child { margin-bottom: 0; }
.footer .footer__body .shell { display: flex; flex-wrap: wrap; }

.footer .footer__aside { width: 255px; }
.footer .footer__widgets { padding-top: 60px; width: calc(100% - 255px); padding-right: 30px; }

.footer .footer__widgets > ul { padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap; margin: -15px; }
.footer .footer__widgets > ul > li { padding: 0; margin: 0; width: 25%; padding: 15px; }

.footer .footer__logo { margin-bottom: 20px; }

.footer .footer__contacts { margin-bottom: 25px; }
.footer .footer__contacts h3 { font-size: 30px; font-weight: 600; line-height: 1.1; margin-bottom: 10px; color: #17594C; }
.footer .footer__contacts ul { list-style: none; padding: 0; }
.footer .footer__contacts ul li { padding: 0; margin: 0; }
.footer .footer__contacts ul li + li { margin-top: 14px; }
.footer .footer__contacts ul li a { line-height: 1.1; text-decoration: none; font-size: 16px; font-weight: 500; display: flex; align-items: center; color: #17594C; }
.footer .footer__contacts ul li a i { padding: 2px; margin-right: 15px; width: 25px; height: 25px; border-radius: 50%; display: flex; justify-content: center; align-items: center; background: #17594C; }
.footer .footer__contacts ul li a i svg { max-width: 100%; max-height: 100%; }
.footer .footer__contacts ul li a span { position: relative; }
.footer .footer__contacts ul li a span:after { content: ''; position: absolute; bottom: -3px; height: 2px; left: 0; right: 100%; background: currentColor; opacity: 0; transition: right .4s, opacity .4s; }
.footer .footer__contacts ul li a:hover span:after { right: 0; opacity: 1;  }

.footer .footer__copyright { text-align: center; margin-bottom: 30px; }
.footer .footer__copyright p { font-size: 12px; font-weight: 500; color: #89BC68; }

.footer .footer__badges > ul { padding: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: -26px; }
.footer .footer__badges > ul > li { padding: 26px; }

@media(max-width: 1280px) {
}

@media(max-width: 1024px) {
	.footer .footer__widgets > ul > li { width: 50%; }
}

@media(max-width: 767px) {
	.footer .footer__aside { order: -1; }
	.footer .footer__widgets { width: 100%; }
	.footer .footer__widgets > ul > li { width: 50%; }

	.footer .footer__contacts h3 { font-size: 24px; }


	.footer .footer__contacts ul li a { font-size: 14px; }
	.footer .footer__contacts ul li a i { margin-right: 10px; width: 20px; height: 20px; }
}

/* Blocks */


/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.nav > ul { padding: 0; list-style: none; display: flex; flex-wrap: wrap; margin: -10px -14px; }
.nav > ul > li { display: block; padding: 10px 14px; }
.nav > ul > li > a { display: block; color: #fff; text-decoration: none; font-size: 16px; font-weight: 500; transition: color .4s; }

.nav .hs-menu-children-container { pointer-events: none; margin-top: -38px; width: 100%; overflow: hidden; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); padding: 57px 0 60px; background: #191919; opacity: 0; visibility: hidden; transition: opacity .4s, visibility .4s; }
.nav > ul > li.hs-item-has-children:hover .hs-menu-children-container { pointer-events: all; opacity: 1; visibility: visible; }

@media(max-width: 1024px) {
	.nav { width: 100%; }
	.nav > ul { display: block; margin: 0; }
	.nav > ul > li { padding: 0; width: 100%; }
	.nav > ul > li > a { padding: 10px 0; }

	.nav .hs-menu-children-container { display: none; background: transparent; position: static; transform: none; opacity: 1; visibility: visible; }
	.nav .hs-menu-children-wrapper { display: block; margin: 0; padding-left: 10px; }
	.nav .hs-menu-children-wrapper > li { padding: 0; }
	.nav .hs-menu-children-wrapper > li > a { padding: 5px 0; color: #fff; font-size: 0.95em; }
}

@media(max-width: 767px) {
}


/* ------------------------------------------------------------ *\
	Nav Breadcrumbs
\* ------------------------------------------------------------ */

.nav-breadcrumbs > ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; color: #89BC68; }
.nav-breadcrumbs > ul > li { padding: 0; margin: 0; }
.nav-breadcrumbs > ul > span { margin: 0 5px; }
.nav-breadcrumbs > ul > li > a { font-size: 14px; font-weight: 500; line-height: 1; text-decoration: none; color: #89BC68; }
.nav-breadcrumbs > ul > li > a:hover { text-decoration: underline; }
/* imports */



/* styles */

.shell {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 15px;
}
/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo { display: inline-block; line-height: 1; }
/* ------------------------------------------------------------ *\
	Link Skip
\* ------------------------------------------------------------ */

.link-skip { height: 1px; left: -1000px; overflow: hidden; position: absolute; text-align: left; top: -1000px; width: 1px; }
/* Menu and simple menu */

.hs-menu-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Horizontal menu */

.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  flex-direction: column;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    flex-direction: column;
  }
}

/* Vertical menu */

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  flex-direction: column;
}

/* Flyouts */

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: flex;
  }
}

.hs-menu-wrapper.flyouts .hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  left: -9999px;
  opacity: 0;
  position: absolute;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  display: block;
  white-space: nowrap;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 0;
  opacity: 1;
  top: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 100%;
  opacity: 1;
  top: 0;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    top: auto;
  }
}

/* CTA, logo, and rich text images */

.hs_cos_wrapper_type_cta img,
.hs_cos_wrapper_type_logo img,
.hs_cos_wrapper_type_rich_text img {
  height: auto;
  max-width: 100%;
}


/* ------------------------------------------------------------ *\
	Btn Search
\* ------------------------------------------------------------ */

.btn-search { padding: 6px; display: inline-flex; justify-content: center; align-items: center; width: 37px; height: 37px; background: #89BC68; border-radius: 6px 0 6px 6px; text-decoration: none; transition: background .4s; }
.btn-search path { transition: fill .4s; }

.btn-search:hover { text-decoration: none; background: #fff; }
.btn-search:hover path { fill: #89BC68; }


/* ------------------------------------------------------------ *\
	Btn
\* ------------------------------------------------------------ */

.btn { position: relative; text-decoration: none; display: inline-block; color: #fff; border-radius: 6px 0 6px 6px; padding: 12px 34px; line-height: 1.1; font-size: 15px; font-weight: 500; background: #89BC68; transition: background .4s, color .4s; }

.btn:after { content: ''; position: absolute; top: 50%; right: 20px; transform: translateY(-50%) rotate(-45deg); width: 10px; height: 10px; border-width: 0 2px 2px 0; border-style: solid; border-color: transparent #fff #fff transparent; opacity: 0; transition: opacity .4s, right .4s; }

.btn--no-arrow:after { display: none; }

.btn:hover { background: #17594C; }
.btn:hover:after { opacity: 1; right: 15px; }

.btn--dark { background: #17594C; }
.btn--dark:hover { background: #89BC68; }

.btn--alt { background: #fff; color: #000; }
.btn--alt:hover { color: #fff; }

.btn--hollow { background: transparent; border: 2px solid #89BC68; }
.btn--hollow:hover { background: #89BC68; }
/* ------------------------------------------------------------ *\
	Btn Menu
\* ------------------------------------------------------------ */

.btn-menu { display: none; vertical-align: middle; font-size: 0; text-align: center; cursor: pointer; appearance: none; width: 24px; height: 18px; position: relative; z-index: 5; }

.btn-menu span { position: absolute; display: block; height: 3px; left: 0; width: 100%; background: #fff; transition: top .2s .25s, opacity .2s .25s, transform .2s 0s, background .2s .3s, width .2s .2s;

}

.btn-menu span:nth-child(1) { top: 0; }

.btn-menu span:nth-child(2) { top: 8px; }

.btn-menu span:nth-child(3) { top: 16px; }

@media (max-width: 1024px) {
	.btn-menu {
		display: inline-block;
	}
}

body.menu-open .btn-menu span {
	transition: background .2s, top .2s, opacity .2s, transform .2s .25s;

}

body.menu-open .btn-menu span:nth-child(1),
body.menu-open .btn-menu span:nth-child(3) {
	top: 8px;
}

body.menu-open .btn-menu span:nth-child(1) {
	transform: rotate(45deg);
}

body.menu-open .btn-menu span:nth-child(2) {
	opacity: 0;
}

body.menu-open .btn-menu span:nth-child(3) {
	transform: rotate(-45deg);
}
/* ------------------------------------------------------------ *\
	Btn Simple
\* ------------------------------------------------------------ */

.btn-simple { display: inline-flex; align-items: center; font-size: 12px; font-weight: 700; color: #89BC68; text-decoration: none; line-height: 1.1; }

.btn-simple span { position: relative; }
.btn-simple span:after { content: ''; position: absolute; bottom: -2px; left: 0; right: 100%; height: 2px; background: currentColor; transition: right .4s; }
.btn-simple:hover span:after { right: 0; }

.btn-simple i { margin-left: 10px; display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 50%; background: #89BC68; }
.btn-simple i svg { transform: rotate(-90deg); }


/* ------------------------------------------------------------ *\
	Btn X
\* ------------------------------------------------------------ */

.btn-x { position: relative; display: inline-block; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 2px 2px 4px rgba(0,0,0,.2); }
.btn-x span { pointer-events: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 2px; height: 14px; background: #89BC68; border-radius: 2px; }
.btn-x span:nth-child(2) { transform: translate(-50%, -50%) rotate(45deg); }


/* ------------------------------------------------------------ *\
	Widget Nav
\* ------------------------------------------------------------ */

.widget-nav > ul { list-style: none; padding: 0; }
.widget-nav > ul > li { padding: 0; margin: 0; }
.widget-nav > ul > li + li { margin-top: 15px;  }
.widget-nav > ul > li > a { position: relative; display: inline-block; font-size: 16px; font-weight: 600; line-height: 1; text-decoration: none; color: #17594C; }
.widget-nav > ul > li > a:after { content: ''; position: absolute; bottom: -3px; height: 2px; left: 0; right: 100%; background: currentColor; opacity: 0; transition: right .4s, opacity .4s; }
.widget-nav > ul > li > a:hover:after { right: 0; opacity: 1; }

@media(max-width: 767px) {
	.widget-nav > ul > li + li { margin-top: 10px; }
	.widget-nav > ul > li > a { font-size: 14px; }
}


/* ------------------------------------------------------------ *\
	Form Search
\* ------------------------------------------------------------ */

.form-search {}
.form-search form { position: relative; }

.form-search form input { border: 2px solid #17594C; border-radius: 6px 0 6px 6px; outline: none; height: 38px; width: 100%; padding: 0 40px 0 13px; font-size: 12px; color: #17594C; }
.form-search form input::placeholder { font-size: 12px; color: #17594C; }

.form-search form button { border: 2px solid #17594C; border-radius: 0 0 6px 0; outline: none; display: flex; justify-content: center; align-items: center; width: 38px; height: 38px; position: absolute; top: 0; right: 0; background: #17594C; transition: background .4s; }
.form-search form button:hover { background: #89BC68; border-color: #89BC68; }

.form-search--light form input { border: 2px solid #89BC68; color: #89BC68; }
.form-search--light form input::placeholder { color: #89BC68; }

.form-search--light form button { border: 2px solid #89BC68; background: #89BC68;}
.form-search--light form button:hover { background: #17594C; border-color: #17594C; }


/* ------------------------------------------------------------ *\
	Boxes
\* ------------------------------------------------------------ */

.boxes > ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; margin: -50px -15px; }
.boxes > ul > li { width: 25%; padding: 50px 15px; }

@media(max-width: 1280px) {
	.boxes > ul { margin: -40px -15px; }
	.boxes > ul > li { width: 33.3%; padding: 40px 15px; }
}

@media(max-width: 1024px) {
	.boxes > ul { margin: -30px -15px; }
	.boxes > ul > li { width: 50%; padding: 30px 15px; }
}

@media(max-width: 500px) {
	.boxes > ul { margin: -15px 0; }
	.boxes > ul > li { width: 100%; padding: 15px 0; }
}

/* ------------------------------------------------------------ *\
	Box
\* ------------------------------------------------------------ */

.box { position: relative; }

.box > a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-decoration: none; z-index: 2; }

.box .box__image { border: 2px solid #17594C; border-radius: 18px 0 18px 18px; box-shadow: 4px 4px 15px rgba(0,0,0,.1); margin-bottom: 20px; background: #F2F0F0; }
.box .box__image:after { content: ''; display: block; padding-bottom: 63%; }

.box .box__image span { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; }

.box .box__image span:before,
.box .box__image span:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 2px; height: 20px; background: #17594C; }
.box .box__image span:after { transform: translate(-50%, -50%) rotate(-45deg); }

.box .box__title { font-size: 18px; font-weight: 600; text-align: center; line-height: 1.1; }

@media(max-width: 1280px) {
	63/100
}

@media(max-width: 1024px) {

}

@media(max-width: 767px) {
	.box .box__image { margin-bottom: 10px; }
	.box .box__title { font-size: 16px; }
}


/* ------------------------------------------------------------ *\
	Section Testimonials
\* ------------------------------------------------------------ */

.slider-testimonials .owl-dots { margin-top: 25px; text-align: center; }
.slider-testimonials .owl-dot { margin: 0 10px; }
.slider-testimonials .owl-dot span { border-radius: 50%; display: inline-block; width: 15px; height: 15px; transition: background .4s; background: transparent; border: 2px solid #89BC68; }
.slider-testimonials .owl-dot.active span { background: #89BC68; }

@media(max-width: 767px) {
	.slider-testimonials .owl-dot { margin: 0 5px; }
	.slider-testimonials .owl-dot span { width: 12px; height: 12px; }
}


/* ------------------------------------------------------------ *\
	Roles
\* ------------------------------------------------------------ */

.roles > ul { list-style: none; padding: 0; margin: 0; }
.roles > ul > li { padding: 0; margin: 0; }
.roles > ul > li + li { margin-top: 100px; }

.roles .boxes > ul { margin: -10px -15px; justify-content: flex-start; }
.roles .boxes > ul > li { padding: 10px 15px; }

@media(max-width: 1280px) {
	.roles > ul > li + li { margin: 80px 0; }
}

@media(max-width: 1024px) {
	.roles > ul > li + li { margin: 60px 0; }
}

@media(max-width: 767px) {

}

/* ------------------------------------------------------------ *\
	Role
\* ------------------------------------------------------------ */

.role .role__title { font-size: 32px; font-weight: 600; line-height: 1.1; margin-bottom: 50px; color: #17594C; }

@media(max-width: 1280px) {
}

@media(max-width: 1024px) {
	.role .role__title { font-size: 28px; }
}

@media(max-width: 767px) {
	.role .role__title { font-size: 24px; margin-bottom: 30px; }
}


/* ------------------------------------------------------------ *\
	List Classes
\* ------------------------------------------------------------ */

.list-classes > ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; margin: -12px -15px; }
.list-classes > ul > li { width: 50%; padding: 12px 15px; }
.list-classes > ul > li > a { font-size: 24px; font-weight: 600; color: #191919; text-decoration: none; transition: color .4s; }
.list-classes > ul > li > a:hover { color: #89BC68; }

.list-classes > h2 { font-size: 24px; margin-bottom: 30px; line-height: 1; }

.list-classes--alt > ul { margin: -14px -15px; }
.list-classes--alt > ul > li { padding: 14px 15px; }
.list-classes--alt  > ul > li > a { font-size: 16px; font-weight: 500; }

@media(max-width: 1024px) {
	.list-classes > ul > li > a { font-size: 20px; }
}

@media(max-width: 767px) {
	.list-classes > ul > li > a { font-size: 18px; }
}

@media(max-width: 500px) {
	.list-classes > ul { margin: -10px 0; }
	.list-classes > ul > li { width: 100%; padding: 10px 0; }
}


/* ------------------------------------------------------------ *\
	HS Form
\* ------------------------------------------------------------ */

.hs-form .hs-form-field { margin-bottom: 28px; }
.hs-form .hs-form-field textarea,
.hs-form .hs-form-field select,
.hs-form .hs-form-field input { width: 100% !important; height: 40px; padding: 0 15px; border-radius: 6px 0 6px 6px; outline: none; font-size: 14px; font-weight: 500; border: 2px solid #17594C; color: #17594C; }
.hs-form .hs-form-field input::placeholder { font-size: 14px; font-weight: 500; color: #17594C; }

.hs-form .hs-form-field textarea { height: 120px; resize: none; padding: 15px; }

.hs-form .hs-submit { text-align: center; }
.hs-form .hs-button { outline: none; border: 0; text-decoration: none; display: inline-block; color: #fff; border-radius: 6px 0 6px 6px; padding: 12px 28px; line-height: 1.1; font-size: 15px; font-weight: 500; background: #89BC68; transition: background .4s, color .4s; }
.hs-form .hs-button:hover { background: #17594C; }

.hs-form .hs-form-field > label { font-size: 14px; font-weight: 700; color: #17594C; }

@media(max-width: 767px) {
	.hs-form .hs-form-field { margin-bottom: 18px; }
}

.form-columns-1 input[type=checkbox] {
    width: auto !important;
    height: 10px;
}


/* ------------------------------------------------------------ *\
	List Benefits
\* ------------------------------------------------------------ */

.list-benefits ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; margin-bottom: -40px; }
.list-benefits ul > li { width: 50%; padding: 0 15px 40px 35px; font-size: 16px; line-height: 1.1; font-weight: 500; position: relative; }
.list-benefits ul > li:before { content: ''; position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 50%; background: #17594C; }
.list-benefits ul > li:after { content: ''; position: absolute; top: 5px; left: 5px; width: 10px; height: 8px; background: url('https://7477824.fs1.hubspotusercontent-na1.net/hubfs/7477824/ico-check.svg') no-repeat center/cover; }

@media(max-width: 500px) {
	.list-benefits ul > li { width: 100%; padding: 0 10px 20px 35px; }
}


/* ------------------------------------------------------------ *\
	Locations
\* ------------------------------------------------------------ */

.locations > ul { padding: 0; list-style: none; display: flex; flex-wrap: wrap; margin: -15px; }
.locations > ul > li { display: flex; flex-direction: column; width: 50%; padding: 15px; }

@media(max-width: 767px) {
	.locations > ul { margin: -15px 0; }
	.locations > ul > li { width: 100%; padding: 15px 0; }
}

/* ------------------------------------------------------------ *\
	Location
\* ------------------------------------------------------------ */

.location { display: flex; flex-direction: column; flex-grow: 1; box-shadow: 4px 4px 15px rgba(0,0,0,.1); padding: 47px 30px 30px; border-radius: 16px 0 16px 16px; background: #fff; overflow: hidden; }
.location .location__image { height: 51px; margin-bottom: 12px; }
.location .location__image img { max-height: 100%; width: auto; }

.location .location__title { font-size: 24px; font-weight: 600; line-height: 1.1; margin-bottom: 14px; color: #17594C; }
.location .location__entry { flex-grow: 1; margin-bottom: 25px; }
.location .location__actions a { display: inline-flex; align-items: center; text-decoration: none; font-size: 12px; font-weight: 700; color: #89BC68; }
.location .location__actions a span { position: relative; }
.location .location__actions a span:after { content: ''; position: absolute; bottom: -2px; left: 0; right: 100%; height: 2px; background: currentColor; transition: right .4s; }
.location .location__actions a:hover span:after { right: 0; }
.location .location__actions a i { display: inline-flex; justify-content: center; align-items: center; margin-left: 7px; width: 16px; height: 16px; border-radius: 50%; background: #89BC68; }
.location .location__actions a i svg { transform: rotate(-90deg); }

@media(max-width: 1024px) {
	.location { padding: 40px 20px 30px; }
	.location .location__title { font-size: 22px; }
}

@media(max-width: 767px) {

}


/* ------------------------------------------------------------ *\
	Slider Logos
\* ------------------------------------------------------------ */

.slider-logos { padding: 16px 42px; }

.slider-logos .slider__clip { position: relative; padding: 0 46px; }
.slider-logos .slider__slides { position: static; }
.slider-logos .owl-item { height: 82px; display: flex; align-items: center; justify-content: center; }
.slider-logos .owl-item img { height: auto; }

.slider-logos .owl-nav { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); display: flex; }
.slider-logos .owl-nav .owl-next { margin-left: auto; }
.slider-logos .owl-nav button { position: relative; width: 20px; height: 20px; }
.slider-logos .owl-nav button span { position: absolute; top: 50%; left: 50%; font-size: 0; display: inline-block; width: 14px; height: 14px; border-width: 0 2px 2px 0; border-style: solid; border-color: transparent #8D8D8D #8D8D8D transparent; transform: translate(-50%,-50%) rotate(-45deg); }
.slider-logos .owl-nav button.owl-prev span { transform: translate(-50%,-50%) rotate(135deg); }

@media(max-width: 767px) {
	.slider-logos { padding: 10px 5px; }

	.slider-logos .slider__clip { position: relative; padding: 0 20px; }

	.slider-logos .owl-nav button { width: 18px; height: 18px; }
	.slider-logos .owl-nav button span { width: 14px; height: 14px; border-width: 0 1px 1px 0; }
}


/* ------------------------------------------------------------ *\
	Filters
\* ------------------------------------------------------------ */

.filters { margin-bottom: 40px; }

.filters.is-affixed { position: fixed; top: 0; right: 0; left: 0; z-index: 999; }

.filters .filters__head { margin-bottom: 18px; }
.filters .filters__head strong { font-size: 24px; font-weight: 600; line-height: 1.42; color: #17594C; }
.filters .filters__head span:not(.js-filters) { margin-left: 6px; font-size: 14px; font-weight: 500; font-style: italic; color: #727272; margin-bottom: -1px; }

.filters .filters__body { padding: 28px 0; background: #F2F0F0; }

.filters .filters__body .shell > ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; margin: -10px -17px; }
.filters .filters__body .shell > ul > li { padding: 10px 17px; }

@media(max-width: 767px) {
	.filters .filters__body .shell > ul > li { width: 100%; }
}

/* ------------------------------------------------------------ *\
	Filter
\* ------------------------------------------------------------ */

.filter { position: relative; }

.filter .filter__head { min-width: 160px; padding: 16px 30px 9px; background: #fff; border-radius: 6px 0 6px 6px; font-size: 15px; font-weight: 500; cursor: pointer; text-align: center; }
.filter .filter__head > span { position: relative; padding-right: 10px; }
.filter .filter__head > span:after { content: ''; position: absolute; top: 4px; right: 0; border-width: 4px 4px 0 4px; border-style: solid; border-color: #191919 transparent transparent transparent; }

.filter .filter__body { position: absolute; top: 100%; left: 0; right: 0; z-index: 999; border-radius: 0 6px 6px 0; display: none; box-shadow: 2px 4px 4px rgba(0,0,0,.1); }
.filter .filter__body ul { list-style: none; padding: 0; margin: 0; box-shadow: inset 0 2px 4px rgba(0,0,0,.1); }
.filter .filter__body ul > li { padding: 0; margin: 0; }
.filter .filter__body ul > li > a { position: relative; display: block; padding: 12px 14px 8px; font-size: 13px; font-weight: 400; background: #fff; text-decoration: none; color: inherit; text-align: center; overflow: hidden; transition: color .4s; }
.filter .filter__body ul > li > a span { position: relative; z-index: 3; }
.filter .filter__body ul > li > a:before { content: ''; position: absolute; bottom: 0; left: 14px; right: 14px; z-index: 2; background: #89BC68; opacity: 0; transition: opacity .4s, top .4s, left .4s, right .4s; }
.filter .filter__body ul > li:not(:last-child) > a:after { content: ''; position: absolute; bottom: 0; left: 14px; right: 14px; height: 1px; background: #727272; opacity: .5; }

.filter .filter__body ul > li > a:hover:before { opacity: .8; top: calc(100% - 6px); }

.filter .filter__body ul > li.is-active > a { color: #fff; }
.filter .filter__body ul > li.is-active > a:before { opacity: .8; top: 0; right: 0; left: 0; color: #fff; }

.filter.is-active .filter__head { border-radius: 6px 0 0 0; }
.filter.is-filtering .filter__head { background: #89BC68; color: #fff; }
.filter.is-filtering .filter__head span:after { border-color: #fff transparent transparent transparent; }
.filter.is-active .filter__head span:after { transform: rotate(180deg); }

.filter .filter__head { position: relative; }
.filter .filter__head .btn-x { position: absolute; top: 0; right: 0; transform: translate(50%,-50%); }
.filter .btn-x { display: none; margin: 0 auto 10px; }
.filter.is-filtering .btn-x { display: block; }

.filter--green-border .filter__head { border: 2px solid #17594C }

@media(max-width: 767px) {
	.filter .filter__body { position: static; }
}
/* ------------------------------------------------------------ *\
	Ico Spinner
\* ------------------------------------------------------------ */

.ico-spinner { display: inline-block; background: url('https://7477824.fs1.hubspotusercontent-na1.net/hubfs/7477824/spinner.svg') no-repeat center/cover; width: 40px; height: 40px; }


/* ------------------------------------------------------------ *\
	Nav Standards
\* ------------------------------------------------------------ */

.nav-standards > ul { list-style: none; padding: 0; margin: 0; }
.nav-standards > ul > li { padding: 0; margin: 0; }
.nav-standards > ul > li > a { display: block; padding: 16px 15px 22px; font-size: 21px; font-weight: 500; text-decoration: none; transition: background .4s; color: inherit; text-align: center; }
.nav-standards > ul > li.is-active > a,
.nav-standards > ul > li > a:hover { background: #F2F0F0; }

@media(max-width: 1280px) {
	.nav-standards > ul > li > a { padding: 12px 15px 18px; font-size: 18px; }
}

@media(max-width: 1024px) {
	.nav-standards > ul > li > a { padding: 10px 15px 14px; font-size: 16px; }
}

@media(max-width: 767px) {
	.nav-standards > ul > li > a { padding: 6px 10px 10px; font-size: 14px; }
}


/* ------------------------------------------------------------ *\
	Slider Image Showcase
\* ------------------------------------------------------------ */

.slider-image-showcase { max-width: 731px; }

.slider-image-showcase .owl-carousel .owl-stage-outer { overflow: visible; }

.slider-image-showcase .owl-carousel .owl-nav { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); display: flex; align-items: center; }

.slider-image-showcase .owl-carousel .owl-nav .owl-prev,
.slider-image-showcase .owl-carousel .owl-nav .owl-next { display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; background: #fff; border-radius: 50%; transition: opacity .4s, visibility .4s; }

.slider-image-showcase .owl-carousel .owl-nav .owl-prev.disabled,
.slider-image-showcase .owl-carousel .owl-nav .owl-next.disabled { opacity: 0; visibility: hidden; }

.slider-image-showcase .owl-carousel .owl-nav .owl-prev { transform: translateX(-50%); }
.slider-image-showcase .owl-carousel .owl-nav .owl-next { transform: translateX(50%); margin-left: auto;  }

.slider-image-showcase .owl-carousel .owl-nav .owl-prev span,
.slider-image-showcase .owl-carousel .owl-nav .owl-next span { display: none; }

.slider-image-showcase .owl-carousel .owl-nav .owl-prev:after,
.slider-image-showcase .owl-carousel .owl-nav .owl-next:after { content: ''; width: 22px; height: 22px; border-width: 0 4px 4px 0; border-style: solid; border-color: transparent #17594C #17594C transparent; transform: rotate(-45deg); margin-left: -6px; }
.slider-image-showcase .owl-carousel .owl-nav .owl-prev:after { transform: rotate(135deg); }

@media(max-width: 1024px) {
	.slider-image-showcase .owl-carousel .owl-nav .owl-prev,
	.slider-image-showcase .owl-carousel .owl-nav .owl-next { width: 60px; height: 60px; }

	.slider-image-showcase .owl-carousel .owl-nav .owl-prev { transform: translateX(-25%); }
	.slider-image-showcase .owl-carousel .owl-nav .owl-next { transform: translateX(25%); }

	.slider-image-showcase .owl-carousel .owl-nav .owl-prev:after,
	.slider-image-showcase .owl-carousel .owl-nav .owl-next:after { border-width: 0 3px 3px 0; }
}

@media(max-width: 767px) {
	.slider-image-showcase .owl-carousel .owl-nav .owl-prev,
	.slider-image-showcase .owl-carousel .owl-nav .owl-next { width: 40px; height: 40px; }

	.slider-image-showcase .owl-carousel .owl-nav .owl-prev:after,
	.slider-image-showcase .owl-carousel .owl-nav .owl-next:after { border-width: 0 2px 2px 0; width: 14px; height: 14px; }
}


/* ------------------------------------------------------------ *\
	Form Blog
\* ------------------------------------------------------------ */

.form-blog { position: relative; }

.form-blog label { font-size: 18px; line-height: 1.1; font-weight: 500; margin-bottom: 20px; color: #17594C; }

.form-blog .form__field input,
.form-blog .form__field select {  outline: none; padding: 0 60px 0 17px; font-size: 12px; font-weight: 500; color: #17594C; height: 50px; border-radius: 10px 0 10px 10px; border: 2px solid #17594C; }

.form-blog .form__field select { cursor: pointer; }

.form-blog .form__field input:focus,
.form-blog .form__field select:focus { border-color: #17594C; outline: none; }

.form-blog .form__field input::placeholder { font-size: 12px; font-weight: 500; color: #17594C; }

.form-blog .form__select { position: relative; }

.form-blog .form__actions { position: absolute; bottom: 0; right: 0; }

.form-blog .form__select span { display: flex; align-items: center; justify-content: center; pointer-events: none; width: 50px; position: absolute; top: 0; right: 0; border-radius: 0 0 10px 0; height: 50px; border: 2px solid #17594C; background: #17594C; transition: background .4s; }

.form-blog .form__select span:hover { background: #fff; }

.form-blog .form__select span:after { content: ''; margin-top: -6px; width: 19px; height: 19px; border-width: 0 2px 2px 0; border-style: solid; border-color: transparent #fff #fff transparent; transform: rotate(45deg); transition: border-color .4s; }

.form-blog .form__actions button { width: 50px; border-radius: 0 0 10px 0; height: 50px; transition: background .4s; border: 2px solid #17594C; background: #17594C; }

.form-blog .form__actions button:hover { background: #fff; }

.form-blog .form__actions button path { transition: fill .4s; }
.form-blog .form__actions button:hover path { fill: #17594C; }

@media(max-width: 767px) {
	.form-blog .form__field input,
	.form-blog .form__field select { height: 42px; }

	.form-blog .form__actions button { width: 42px; height: 42px; }
	.form-blog .form__select span { width: 42px; height: 42px; }

	.form-blog label { font-size: 16px; margin-bottom: 20px; }
}
/* ------------------------------------------------------------ *\
	Widgets
\* ------------------------------------------------------------ */

.widgets > ul { list-style: none; padding: 0; margin: 0; }
.widgets > ul > li { padding: 0; margin: 0; }
.widgets > ul > li + li { margin-top: 44px; }

@media(max-width: 767px) {
	.widgets > ul > li + li { margin-top: 32px; }
}


/* ------------------------------------------------------------ *\
	Socials
\* ------------------------------------------------------------ */

.socials > ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; margin: -10px -22px; }
.socials > ul > li { padding: 10px 22px; }
.socials > ul > li > a { display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; border-radius: 50%; background: #17594C; transition: background .4s; }
.socials > ul > li > a:hover { background: #89BC68; }


/* ------------------------------------------------------------ *\
	Articles
\* ------------------------------------------------------------ */

.articles > ul { padding: 0; list-style: none; display: flex; flex-wrap: wrap; margin: -25px -15px; }
.articles > ul .ico-spinner { display: block; margin: 80px auto; }
.articles > ul > li { display: flex; flex-direction: column; width: 25%; padding: 25px 15px; }

@media(max-width: 1024px) {
	.articles > ul > li { width: 50%; }
}

@media(max-width: 500px) {
	.articles > ul > li { width: 100%; }
}

/* ------------------------------------------------------------ *\
	Article
\* ------------------------------------------------------------ */

.article { border: 2px solid #17594C; overflow: hidden; position: relative; flex-grow: 1; display: flex; flex-direction: column; border-radius: 10px 0 10px 10px; box-shadow: 4px 4px 10px rgba(0,0,0,.1); background: #fff; }
.article > a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; }
.article > a + .article__image img { transition: transform .4s; }
.article > a:hover + .article__image img { transform: scale(1.1); }

.article .article__image:after { content: ''; display: block; padding-bottom: 61%; }

.article .article__content { flex-grow: 1; padding: 20px 14px 33px; }
.article .article__title { font-size: 21px; font-weight: 600; margin-bottom: 11px; line-height: 1.19; }

.article .article__entry { font-size: 14px; line-height: 1.57; font-weight: 500; }

.article.loading .article__image { overflow: hidden; position: relative; background: #cecece; }
.article.loading .article__title { overflow: hidden; position: relative; height: 25px; background: #cecece; }
.article.loading .article__entry span { overflow: hidden; position: relative; height: 25px; display: block; background: #cecece; }

.article.loading .article__image:before,
.article.loading .article__entry span:after,
.article.loading .article__title:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 10%; animation: slide 1s infinite 0s; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(128, 186, 232, 0) 100%); }


/* ------------------------------------------------------------ *\
	Services
\* ------------------------------------------------------------ */

.services > ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; margin: -20px -15px; }
.services > ul > li { display: flex; flex-direction: column; width: 50%; padding: 20px 15px; }

@media(max-width: 500px) {
	.services > ul > li { width: 100%; }
}

/* ------------------------------------------------------------ *\
	Service
\* ------------------------------------------------------------ */

.service { border: 2px solid #17594C; flex-grow: 1; display: flex; flex-direction: column; box-shadow: 4px 4px 15px rgba(0,0,0,.1); border-radius: 10px 0 10px 10px; padding: 48px 30px 30px; background: #fff; }

.service .service__icon { height: 51px; margin-bottom: 12px; }
.service .service__icon img { height: 100%; width: auto; }

.service h3 { font-size: 24px; font-weight: 600; color: #17594C; margin-bottom: 16px; line-height: 1.42; }
.service .service__entry { flex-grow: 1; margin-bottom: 25px; }

@media(max-width: 767px) {
	.service { padding: 30px 15px; }
	.service h3 { font-size: 22px; }
}
/* ------------------------------------------------------------ *\
	Quiz
\* ------------------------------------------------------------ */

.quiz > ul { padding: 0; margin: 0; list-style: none; }
.quiz > ul > li { margin: 0; padding: 0; }
.quiz > ul > li + li { margin-top: 56px; }
.quiz > ul > li > h4 { font-weight: 400; margin-bottom: 23px;  }
.quiz > ul > li > h4 > span { margin-right: 3px; }
/* ------------------------------------------------------------ *\
	List Answers
\* ------------------------------------------------------------ */

.list-answers > ul { list-style: none; padding: 0; margin: 0; }
.list-answers > ul > li { margin: 0; padding: 0; }
.list-answers > ul > li + li { margin-top: 23px; }
/* ------------------------------------------------------------ *\
	Input Radio
\* ------------------------------------------------------------ */

.input-radio input { position: absolute; opacity: 0; }
.input-radio label { position: relative; padding: 0 0 0 33px; }
.input-radio label span { text-transform: uppercase; }
.input-radio label:before { content: ''; position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 50%; border: 2px solid #000; }
.input-radio input:checked + label:before { background: #636363; }
/* ------------------------------------------------------------ *\
	Form Quiz
\* ------------------------------------------------------------ */

.form-quiz .form__head { margin-bottom: 25px; }
.form-quiz .form__title { font-size: 32px; font-weight: 600; margin-bottom: 21px; }
.form-quiz .form__description { margin-bottom: 0; }

.form-quiz .hs-form .hs_error_rollup { display: none; }
.form-quiz .hs-form .hs_quiz_test_answers { display: none; }

.form-quiz .hs-form { display: flex; flex-wrap: wrap; }

.form-quiz .hs-form .hs-firstname,
.form-quiz .hs-form .hs-email { width: 36.3%; }

.form-quiz .hs-form .hs-firstname { padding-right: 29px;  }
.form-quiz .hs-form .hs-email { padding-left: 29px;  }

.form-quiz .hs-form .hs-submit { width: 27.4%; padding-top: 10px;  }

.form-quiz .hs-form .hs-form-field input { border: 2px solid #000; border-radius: 0; height: 53px; }

@media(max-width: 1024px) {
	.form-quiz .hs-form .hs-firstname,
	.form-quiz .hs-form .hs-email { width: 50%; }
	
	.form-quiz .hs-form .hs-firstname { padding-right: 10px; }
	.form-quiz .hs-form .hs-email { padding-left: 10px; }

	.form-quiz .hs-form .hs-submit { width: 100%; padding-top: 20px; }
}

@media(max-width: 767px) {
	.form-quiz .hs-form .hs-firstname,
	.form-quiz .hs-form .hs-email { width: 100%; }

	.form-quiz .hs-form .hs-firstname { padding-right: 0; }
	.form-quiz .hs-form .hs-email { padding-left: 0; }

}


/* ------------------------------------------------------------ *\
	Article Image Text
\* ------------------------------------------------------------ */

.article-image-text { display: flex; flex-wrap: wrap; align-items: flex-start; }
.article-image-text .article__image { width: calc(50% - 15px); margin-right: 15px; border-radius: 16px 0 16px 16px; overflow: hidden; }
.article-image-text .article__image:after { content: ''; display: block; padding-bottom: 73%; }
.article-image-text .article__content { width: 50%; padding-left: 15px; }

.article-image-text .article__content h4 { font-size: 24px; font-weight: 600; color: #fff; margin-bottom: 16px; line-height: 1.42; }
.article-image-text .article__entry { margin-bottom: 20px; }
.article-image-text .article__entry p { color: #fff; margin-bottom: 0; }

.article-image-text .article__actions a { display: inline-flex; font-size: 18px; font-weight: 500; color: #88bb6e; text-decoration: none; }
.article-image-text .article__actions a span { transform: rotate(-45deg); margin-top: 8px; margin-left: 2px; width: 12px; height: 12px;  border-width: 0 4px 4px 0; border-style: solid; border-color: transparent #89BC68 #89BC68 transparent; transition: transform .4s; }

.article-image-text .article__actions a:hover span { transform: translateX(10px) rotate(-45deg); }
.article-image-text .article__actions a:hover span:nth-of-type(1) { transition-delay: .4s; }
.article-image-text .article__actions a:hover span:nth-of-type(2) { transition-delay: .2s; }


/* ------------------------------------------------------------ *\
	Table Schedule
\* ------------------------------------------------------------ */

.table-schedule { width: 100%; }

.table-schedule table { width: 100%; border-spacing: 2px; }
.table-schedule table thead { background: #89BC68; }
.table-schedule table th { font-size: 14px; padding: 5px 10px; }
.table-schedule table td { font-size: 14px; padding: 5px 10px; }

.table-schedule table thead th { text-align: center; color: #fff; font-weight: 600; }
.table-schedule table thead th:first-child { text-align: left; }

.table-schedule table td { text-align: center; }
.table-schedule table td:first-child { text-align: left; }
/* ------------------------------------------------------------ *\
	Search
\* ------------------------------------------------------------ */

.search { margin-bottom: 50px; }

.search .search__input { position: relative; }
.search .search__input input { height: 44px; border: 2px solid #eee; font-size: 18px; padding: 0 50px 0 20px; border-radius: 4px; }
.search .search__input button { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); }

.search button { background: transparent; outline: none; border: 0; line-height: 1; }
.search button svg { width: 20px; height: 20px; }
.search button svg path { fill: #333; }
/* ------------------------------------------------------------ *\
	Btn Back To Top
\* ------------------------------------------------------------ */

.btn-back-to-top { width: 40px; height: 40px; border-radius: 50%; position: fixed; bottom: 20px; right: 20px; z-index: 999; opacity: 0; visibility: hidden; transition: opacity .4s, visibility .4s; background: #17594C; }
.btn-back-to-top span { width: 16px; height: 16px; margin-top: 3px; border-width: 3px 3px 0 0; border-style: solid; border-color: #fff #fff transparent transparent; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); }

body.is-scrolled .btn-back-to-top { opacity: 1; visibility: visible; }

/* Sections */


/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */

.section { position: relative; margin: 100px 0 130px; }

.section .section__actions { margin-top: 40px; text-align: center; }

.section--gray { padding: 100px 0 130px; margin: 0; background: #F2F0F0 }

@media(max-width: 1024px) {
	.section { margin: 80px 0; }
	.section--gray { padding: 80px 0; margin: 0; }
}

@media(max-width: 767px) {
	.section { margin: 60px 0; }
	.section--gray { padding: 60px 0; margin: 0; }
}


/* ------------------------------------------------------------ *\
	Hero
\* ------------------------------------------------------------ */

.section-hero { position: relative; position: relative; padding: 180px 0 136px; background: #000 no-repeat center/cover; }
.section-hero .section__ornament { content: ''; position: absolute; bottom: -86px; left: 50%; transform: translateX(-70.1%); max-width: 2238px; height: auto; z-index: 3; display: none; }
.section-hero .section__ornament--alt { bottom: -54px; }

.section-hero .section__bgvideo { overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;}

.section-hero .section__bgvideo video { position: absolute; top: 50%; left: 50%; z-index: 2; min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translateX(-50%) translateY(-50%); background-size: cover; max-width: none; }

.section-hero .section__body { position: relative; z-index: 4; }
.section-hero .section__body .shell { display: flex; flex-wrap: wrap; align-items: flex-start; }
.section-hero .section__body .section__content { width: calc(100% - 445px); padding-right: 80px;  }
.section-hero .section__body .section__video { position: relative; width: 445px; }

.section-hero .section__body .section__video:before { content: ''; position: absolute; top: -20px; right: -22px; width: 133px; height: 138px; background: #191919; }
.section-hero .section__body .section__video:after { content: ''; position: absolute; bottom: -37px; left: -30px; width: 441px; height: 204px; background: url('https://7477824.fs1.hubspotusercontent-na1.net/hubfs/7477824/pattern-behind-image.png') no-repeat center/cover; }

.section-hero .section__body .section__video .hs-video-widget { position: relative; z-index: 2; overflow: hidden; border-radius: 6px 0 6px 6px; }

.section-hero .section__body .section__breadcrumbs { margin-bottom: 25px; }

.section-hero .section__video .hs-video-container {  }

.section-hero .section__content > h1 { padding-bottom: 20px; position: relative; font-weight: 700; line-height: 1.23; color: #fff; font-size: 52px; font-family: "Open Sans", sans-serif; margin-bottom: 30px; }
.section-hero .section__content > h1 span { color: #89BC68; font-style: italic; }
.section-hero .section__content > h1:after { content: ''; position: absolute; bottom: 0; left: 0; width: 150px; height: 4px; background: #89BC68; }

.section-hero .section__content > h2 { font-weight: 600; line-height: 1.42; color: #fff; font-size: 24px; font-family: "Open Sans", sans-serif; margin-bottom: 16px; }
.section-hero .section__entry { color: #fff; font-weight: 500; font-size: 28px; line-height: 1.29; margin-bottom: 40px; }
.section-hero .section__entry p { color: #fff; font-weight: 500; font-size: 28px; line-height: 1.29; margin-bottom: 40px; }

.section-hero .section__btns > ul { padding: 0; list-style: none; display: flex; flex-wrap: wrap; margin: -19px; }
.section-hero .section__btns > ul > li { padding: 19px; }

.section-hero .section__cta { width: 100%; position: absolute; bottom: 0; left: 50%; z-index: 4; transform: translateX(-50%) translateY(39px); }
.section-hero .section__cta[data-aos] { transform: translateX(-50%) translateY(100%) translateZ(0); }
.section-hero .section__cta[data-aos].aos-animate { transform: translateX(-50%) translateY(39px) translateZ(0); }

.section-hero .section__cta .shell { padding: 0; }
.section-hero .section__cta-inner { overflow: hidden; text-align: center; box-shadow: 4px 4px 15px rgba(0,0,0,0.1); background: #191919; border-radius: 15px 0 15px 15px; padding: 36px 25px; }
.section-hero .section__cta-inner p { font-size: 24px; font-weight: 600; line-height: 1.2; margin-bottom: 0; color: #fff; }

.section-hero .section__cta-text .section__cta-inner { padding: 36px 25px; }


.section-hero { margin-bottom: 180px; }
.section-hero:not(.section-hero--with-logo-slider):not(.section-hero--class) { margin-bottom: 50px; }
.section-hero_wrapper + .section-steps_wrapper { margin-top: -180px; }
.section-hero .section__cta-inner { padding: 0; }

.section-hero--with-overlay { position: relative; }
.section-hero--with-overlay:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: .55; z-index: 2; }

.section-hero--with-logo-slider_wrapper + .section-steps_wrapper .section-steps { padding-top: 150px; }

.section-hero.section-hero--image-short { padding-bottom: 120px; }

@media(max-width: 1280px) {
	.section-hero .section__cta .shell { padding: 0 15px; }
	.section-hero .section__content h1 { font-size: 42px; }
	.section-hero .section__entry { font-size: 24px; margin-bottom: 30px; }
	.section-hero .section__entry p { font-size: 24px; margin-bottom: 30px; }
}

@media(max-width: 1024px) {
	.section-hero .section__ornament { left: auto; right: -20px; transform: none; bottom: -70px; }

	.section-hero .section__content h1 { font-size: 36px; }
	.section-hero .section__entry { font-size: 22px; }
	.section-hero .section__entry p { font-size: 22px; }

	.section-hero .section__body .section__content { width: 100%; padding-right: 0;  }
	.section-hero .section__body .section__video { order: -1; margin-bottom: 50px; }

	.section-hero .section__cta-inner { border-radius: 10px 0 10px 10px; padding: 30px; }
	.section-hero--with-logo-slider .section__cta-inner { padding: 0; }
	.section-hero .section__cta-inner p { font-size: 22px; }
}

@media(max-width: 767px) {
	.section-hero { padding: 130px 0 100px; }
  
  .section-hero.section-hero--image-short .section__body { min-height: unset; }
  
	.section-hero .section__body .section__video { width: 100%; }

	.section-hero .section__content h1 { font-size: 32px; }
	.section-hero .section__entry { font-size: 20px; }
	.section-hero .section__entry p { font-size: 20px; }

	.section-hero .section__btns > ul { margin: -5px; }
	.section-hero .section__btns > ul > li { padding: 5px; width: 100%; }
	.section-hero .section__btns > ul > li > a { width: 100%; text-align: center; }

	.section-hero .section__cta-inner { padding: 20px; }
	.section-hero .section__cta-inner p { font-size: 18px; }

	.section-hero { margin-bottom: 100px; }
	.section-hero_wrapper + .section-steps_wrapper { margin-top: -100px; }
	.section-hero--with-logo-slider .section__cta .shell { padding: 0 10px; }
	.section-hero--with-logo-slider .section__cta-inner { padding: 0; }

	.section-hero--with-logo-slider_wrapper + .section-steps_wrapper .section-steps { padding-top: 80px; }


	.section-hero .section__body .section__video:before { top: -10px; right: -10px; width: 100px; height: 105px; }
	.section-hero .section__body .section__video:after { bottom: -30px; left: auto; right: 20px; }
}

/* --alt */
.section-hero--alt .section__body { position: relative; min-height: 480px; display: flex; align-items: center; }
.section-hero--alt .section__body .shell { align-items: center; width: 100%; }
.section-hero--alt .section__image { position: absolute; top: 0; right: 0; bottom: 0; width: 42%; max-width: 610px; border-radius: 20px 0 0 20px; overflow: hidden; border: 2px solid #89BC68; }

.section-hero--alt .section__entry { font-size: 16px; font-weight: 500; line-height: 1.88; }
.section-hero--alt .section__entry p { font-size: 16px; font-weight: 500; line-height: 1.88; }

@media(max-width: 1280px) {
	.section-hero--alt .section__image { width: 50%; }
	.section-hero--alt .section__body .section__content { width: 50%; padding-right: 50px; }
}

@media(max-width: 1024px) {
	.section-hero--alt .section__image { position: static; width: 100%; order: -1; text-align: right; margin-bottom: 30px; margin-left: auto; margin-right: auto; border: 0; border-radius: 0; }
	.section-hero--alt .section__image img { position: static; border: 2px solid #89BC68; border-radius: 20px 0 20px 20px; }
	.section-hero--alt .section__body .section__content { width: 100%; padding-right: 0; }
}

@media(max-width: 767px) {

}

/* --form */
.section-hero--form .section__content h1 { font-size: 60px; }

.section-hero--form .section__subhead { color: #fff; }
.section-hero--form .section__subhead h2 { color: #fff; font-size: 32px; line-height: 1.1; margin-bottom: 15px; }
.section-hero--form .section__subhead p { color: #fff; font-size: 24px; font-weight: 500; }

.section-hero--form .section__form { width: 445px; background: #fff; padding: 30px; border-radius: 16px 0 16px 16px; box-shadow: 4px 4px 15px rgba(0,0,0,.1); }
.section-hero--form .section-hero__table { width: 445px; background: #fff; box-shadow: 4px 4px 15px rgba(0, 0, 0, .1); }
.section-hero--form .section-hero__table.upcoming-schedule { padding: 30px; }
.section-hero--form .section-hero__table.upcoming-schedule p:only-child { margin-bottom: 0 ; }
.section-hero--form .section__form h3 { text-align: center; font-size: 24px; font-weight: 600; margin-bottom: 30px; }

.section-hero--form .section__form .hs-form { display: flex; flex-wrap: wrap; width: 100%; }
.section-hero--form .section__form .hs-form .hs-form-field { width: 100%; }
.section-hero--form .section__form .hs-form .hs_company { width: 50%; padding-right: 15px; }
.section-hero--form .section__form .hs-form .hs_jobtitle { width: 50%; padding-left: 15px; }
/*.section-hero--form .section__form .hs-form .hs-form-field:not(.hs_select_class_date) > label { position: absolute; opacity: 0; }*/
.section-hero--form .section__form .hs-form .hs_select_class_date { position: relative; }
.section-hero--form .section__form .hs-form .hs_select_class_date .hs-datepicker { bottom: 100%; }
.section-hero--form .section__form .hs-form .hs_select_class_date > label { font-size: 14px; font-weight: 500; color: #17594C; }
.section-hero--form .section__form .hs-form .hs_select_class_date.is-hidden > label { opacity: 0; }
.section-hero--form .section__form .hs-form .hs_select_class_date .hs-dateinput:before { display: none; }
.section-hero--form .section__form .hs-form .hs-submit { width: 100%; }

.section-hero--form .section__form .submitted-message { text-align: center; }
.section-hero--form .section__form .submitted-message h3 { font-size: 24px; font-weight: 700; margin-bottom: 36px; margin-top: 30px; }

.section-hero--form .section__form .hs-form .form-columns-1 { width: 100%; }
.section-hero--form .section__form .hs-form .form-columns-2 { width: 100%; }


@media(max-width: 1280px) {
	.section-hero--form .section__content h1 { font-size: 52px; }
}

@media(max-width: 1024px) {
	.section-hero--form .section__form { width: 100%; margin-top: 30px; }
	
	.section-hero--form .section__content h1 { font-size: 42px; }
	.section-hero--form .section__subhead h2 { font-size: 28px; }
	.section-hero--form .section__subhead p { font-size: 20px; }
}

@media(max-width: 767px) {
	.section-hero--form .section__form { min-height: auto; }

	.section-hero--form .section__content h1 { font-size: 36px; }
	.section-hero--form .section__subhead h2 { font-size: 24px; }
	.section-hero--form .section__subhead p { font-size: 18px; }
}

/* --static-image */
.section-hero--static-image .section__body .section__image { border-radius: 0; position: static; width: 444px; margin-left: 160px; border: 0; }
.section-hero--static-image .section__body .section__image img { border: 2px solid #89BC68; height: auto; }
.section-hero--static-image .section__body .section__content { width: calc(100% - 444px - 160px);  padding-right: 0; }

@media(max-width: 1024px) {
	.section-hero--static-image .section__body .section__image { margin-left: auto; }
	.section-hero--static-image .section__body .section__content { width: 100%; }
}

/* --blog-post */

.section-hero--blog-post { padding: 250px 0 150px; }
.section-hero--blog-post .section__body { min-height: auto; }
.section-hero--blog-post .section__body .section__content { width: 100%; }
.section-hero--blog-post .section__content > h1 { font-size: 68px; }
.section-hero--blog-post .section__entry p { font-size: 16px; }

@media(max-width: 1024px) {
	.section-hero--blog-post { padding: 200px 0 275px; }

	.section-hero--blog-post .section__content > h1 { font-size: 54px; }
}

@media(max-width: 767px) {
	.section-hero--blog-post { padding: 100px 0 100px; }

	.section-hero--blog-post .section__content > h1 { font-size: 36px; margin-bottom: 10px; }
}

/* --sm-entry */

.section-hero--sm-entry .section__entry { font-size: 16px; font-weight: 500; line-height: 1.88; }
.section-hero--sm-entry .section__entry p { font-size: 16px; font-weight: 500; line-height: 1.88; }

/* --slider */

.section-hero--slider .section__cta-inner { padding: 0; }

/* --large-title */
.section-hero--large-title .section__content > h1 { font-size: 68px; }

@media(max-width: 1024px) {
	.section-hero--large-title .section__content > h1 { font-size: 54px; }
}

@media(max-width: 767px) {
	.section-hero--large-title .section__content > h1 { font-size: 36px; margin-bottom: 10px; }
}

/* --class */
.section-hero--class { margin-bottom: 0; }

@media(max-width: 767px) {
	.section-hero--class { margin-bottom: 0; }
}

/* --standard */
.section-hero--standard { margin-bottom: 0; }

@media(max-width: 767px) {
	.section-hero--standard { margin-bottom: 0; }
}

@media screen and (max-width: 1024px) {
 .section-hero__table  {
   margin-top: 50px;
  }
}


/* ------------------------------------------------------------ *\
	Section Steps
\* ------------------------------------------------------------ */

.section-steps { position: relative; padding: 100px 0 65px; background: #191919; }
.section-steps .section__pattern { max-width: 1237px; width: 1237px; height: 618px; position: absolute; bottom: -500px; right: -849px;  }
.section-steps .section__pattern img { width: 100%; height: auto; }

.section-steps .section__head { text-align: center; margin-bottom: 61px; }

.section-steps .section__subtitle { font-size: 14px; font-weight: 600; line-height: 1.1; margin-bottom: 5px; color: #89BC68; }
.section-steps .section__title { font-size: 32px; font-weight: 600; line-height: 1.2; margin-bottom: 0; color: #fff; }

.section-steps .section__steps { margin-bottom: 72px; }
.section-steps .section__steps:last-child { margin-bottom: 0; }

.section-steps .section__actions { text-align: center; }

@media(max-width: 1280px) {
}

@media(max-width: 1024px) {
	.section-steps { padding: 100px 0; }

	.section-steps .section__pattern { width: 742px; height: 370px; position: absolute; bottom: -300px; right: -509px; }
}

@media(max-width: 767px) {
	.section-steps { padding: 80px 0; }

	.section-steps .section__title { font-size: 28px; }
	.section-steps .section__subtitle { font-size: 12px; }
}


/* ------------------------------------------------------------ *\
	Image Text
\* ------------------------------------------------------------ */

.section-image-text { position: relative; margin: 100px 0; }

.section-image-text .section__subtitle { position: absolute; transform-origin: top right; right:0; top:50%; transform: rotate(90deg) translateX(50%); font-size: 69px; line-height: 1.3; font-weight: 900; color: #F2F0F0; text-transform: uppercase; margin: 0; }
.section-image-text.section-image-text--reversed-subtitle .section__subtitle { transform-origin: top left; left:0; top:50%; right: auto; transform: rotate(-90deg) translateX(-50%); }
.section-image-text--reversed:not(.section-image-text--reversed-subtitle) .section__subtitle { transform-origin: top left; left:0; top:50%; right: auto; transform: rotate(-90deg) translateX(-50%); }


.section-image-text .section__ornament { width: 100vw; height: auto; position: absolute; left: -235px; bottom: -42px; opacity: .45; }

.section-image-text:not(.section-image-text--fullwidth) .shell { position: relative; z-index: 2; display: flex; flex-wrap: wrap; align-items: center; }

.section-image-text .section__image { width: 605px; margin-right: 60px; overflow: hidden; }
.section-image-text .section__image .hs-video-container { border-radius: 22px 0 22px 22px; overflow: hidden; }
.section-image-text .section__image img { border: 2px solid #17594C; max-width: 100%; height: auto; border-radius: 22px 0 22px 22px; }
.section-image-text .section__content { width: calc(100% - 605px - 60px); }

.section-image-text .section__title { position: relative; padding-bottom: 16px; font-size: 32px; font-weight: 600; line-height: 1.2; margin-bottom: 30px; color: #17594C }
.section-image-text .section__title:after { content: ''; position: absolute; bottom: 0; left: 0; width: 80px; height: 3px; background: #17594C; }

.section-image-text .section__entry { line-height: 1.88; margin-bottom: 44px; }
.section-image-text .section__entry:last-child { margin-bottom: 0; }
.section-image-text .section__entry h2 { font-size: 32px; font-weight: 600; line-height: 1.2; margin-bottom: 30px; color: #17594C }

.section-image-text .section__content ul { list-style: none; padding: 0; }
.section-image-text .section__content ul:last-child { margin-bottom: 0; }
.section-image-text .section__content ul > li { padding: 0 10px 20px 30px; font-size: 16px; line-height: 1.88; font-weight: 500; position: relative; color: #17594C; }
.section-image-text .section__content ul > li:last-child { padding-bottom: 0; }
.section-image-text .section__content ul > li:before { content: ''; position: absolute; top: 3px; left: 0; width: 20px; height: 20px; border-radius: 50%; background: #17594C; }
.section-image-text .section__content ul > li:after { content: ''; position: absolute; top: 8px; left: 5px; width: 10px; height: 8px; background: url('https://7477824.fs1.hubspotusercontent-na1.net/hubfs/7477824/ico-check.svg') no-repeat center/cover; }

.section-image-text--reversed .shell { flex-direction: row-reverse; }
.section-image-text--reversed .section__image { margin-right: 0; margin-left: 60px; }

.section-image-text--background { background: #F2F0F0; padding: 100px 0; margin: 0; }
.section-image-text--background .shell { align-items: flex-start; }

.section-image-text--background.section-image-text--ornament-overflow { padding-bottom: 250px; }

.section-image-text--background_wrapper.section-image-text--ornament-overflow_wrapper + .section-testimonials_wrapper .section-testimonials { margin-top: 0; }

.section-image-text--x-lists .section__content ul > li:before { background: #DDB797; }
.section-image-text--x-lists .section__content ul > li:after { width: 9px; height: 9px; background: url('https://7477824.fs1.hubspotusercontent-na1.net/hubfs/7477824/x.svg') no-repeat center/cover; }

@media(max-width: 1280px) {

}

@media(max-width: 1024px) {
	.section-image-text .section__image { width: 100%; max-width: 605px; margin-bottom: 20px; }
	.section-image-text .section__image img { border-radius: 22px 0 22px 22px; }
	.section-image-text .section__content { width: 100%; padding-right: 50px; }

	.section-image-text .section__title { font-size: 28px; }
	.section-image-text .section__entry h2 { font-size: 28px; }

	.section-image-text .section__subtitle { right: 0; bottom: 0; top: auto; left: auto; font-size: 52px; writing-mode:vertical-lr; transform: none; transform-origin: initial; }
	.section-image-text.section-image-text--reversed-subtitle .section__subtitle { right: 0; bottom: 0; top: auto; left: auto; font-size: 60px; writing-mode:vertical-lr; transform: none; transform-origin: initial; }
	.section-image-text--reversed:not(.section-image-text--reversed-subtitle) .section__subtitle { right: 0; bottom: 0; top: auto; left: auto; font-size: 60px; writing-mode:vertical-lr; transform: none; transform-origin: initial; }
}

@media(max-width: 767px) {
	.section-image-text { margin: 70px 0; }
	
	.section-image-text .section__image { order: -1; margin-right: 0; margin-left: 0; }
	.section-image-text .section__title { font-size: 24px; }
	.section-image-text .section__entry h2 { font-size: 24px; }

	.section-image-text .section__entry { margin-bottom: 20px; }

	.section-image-text--background.section-image-text--ornament-overflow { padding-bottom: 150px; }

	.section-image-text .section__content ul > li { line-height: 1.5; }
	.section-image-text .section__content ul > li:before { top: 0; }
	.section-image-text .section__content ul > li:after { top: 5px; }
}

/* --fullwidth */

.section-image-text--fullwidth { margin: 100px 0; position: relative; }
.section-image-text--fullwidth .shell { display: flex; align-items: center; }

.section-image-text--fullwidth .section__image { border: 2px solid #17594C; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 49%; margin: 0; border-radius: 0 0 20px 0; overflow: hidden; }
.section-image-text--fullwidth .section__image:after { content: ''; display: block; padding-bottom: 70%; }
.section-image-text--fullwidth .section__image img { height: 100%; border-radius: 0; border: 0; }
.section-image-text--fullwidth .section__content { width: 51%; max-width: 540px; margin-left: auto; padding-left: 125px; }

.section-image-text--fullwidth .section__content p { margin-bottom: 30px; }
.section-image-text--fullwidth .section__content p:last-child { margin-bottom: 0; }

.section-image-text--fullwidth.section-image-text--reversed .shell { flex-direction: row; }
.section-image-text--fullwidth.section-image-text--reversed .section__image { right: 0; left: auto; border-radius: 20px 0 0 20px; }
.section-image-text--fullwidth.section-image-text--reversed .section__image img {  }
.section-image-text--fullwidth.section-image-text--reversed .section__content { margin-left: 0; padding-left: 0; padding-right: 30px; }


/* --two-column-lists */

.section-image-text--two-column-lists .section__content ul { column-count: 2; }

@media(min-width: 1921px) {
	.section-image-text--fullwidth .shell { min-height: 658px; }
}

@media(min-width: 1280px) {
	.section-image-text--fullwidth .section__image { max-height: 658px; }
	.section-image-text--fullwidth .shell { min-height: calc(49vw * 0.7); }
}

@media(min-width: 1025px) and (max-width: 1279px) {

}

@media(max-width: 1280px) {
	.section-image-text--fullwidth .section__content { padding-left: 50px; }
}

@media(max-width: 1024px) {
	.section-image-text--fullwidth { margin: 70px 0; }
	.section-image-text--fullwidth .shell { display: block; }

	.section-image-text--fullwidth .section__image { width: 100%; max-width: 600px; position: relative; transform: none; border-radius: 20px; order: -1; margin: 0 auto 30px; }
	.section-image-text--fullwidth.section-image-text--reversed .section__image { border-radius: 20px; }
	.section-image-text--fullwidth .section__content { max-width: 100%; width: 100%; padding-left: 0; padding-right: 0; margin-left: 0;  }
	.section-image-text--fullwidth.section-image-text--reversed .section__content { padding-left: 0; padding-right: 0; }
}

@media(max-width: 767px) {
	.section-image-text--fullwidth { margin: 60px 0; }
}

@media(max-width: 500px) {
	.section-image-text--two-column-lists .section__content ul { column-count: 1; }
}


/* ------------------------------------------------------------ *\
	Text
\* ------------------------------------------------------------ */

.section-text { position: relative; margin: 100px 0 123px; text-align: center; }

.section-text .section__pattern { position: absolute; left: 0; bottom: -123px;  }
.section-text .section__body { position: relative; z-index: 2; }

.section-text .section__entry { font-weight: 500; margin-bottom: 34px; line-height: 1.88; }

.section-text .section__entry h1,
.section-text .section__entry h2,
.section-text .section__entry h3,
.section-text .section__entry h4,
.section-text .section__entry h5,
.section-text .section__entry h6 { font-weight: 600; color: #17594C; line-height: 1.31; }

.section-text .section__entry:last-child { margin-bottom: 0; }

@media(max-width: 767px) {
	.section-text { margin: 80px 0; }
}


/* ------------------------------------------------------------ *\
	Image Text
\* ------------------------------------------------------------ */

.section-quote { position: relative; background-color: #000; padding: 60px 0; text-align: center; }
.section-quote .shell { max-width: 940px; }
.section-quote .section__pattern-right { width: 574px; position: absolute; top: -26px; right: 0; bottom: 68%; text-align: right; }
.section-quote .section__pattern-right img { height: 100%; width: auto; }

.section-quote .section__pattern-left { position: absolute; top: -80px; bottom: -40px; left: -450px; width: 100%; text-align: left; min-width: 1063px; }
.section-quote .section__pattern-left img { height: 100%; width: auto; }

.section-quote .section__quote { position: relative; z-index: 2; padding: 10px; margin-bottom: 58px; background: #000; }
.section-quote .section__quote:last-child { margin-bottom: 0; }

.section-quote blockquote { display: block; padding: 0; margin: 0; border: 0; text-align: center; color: #fff; font-style: italic; font-size: 24px; font-weight: 500; }
.section-quote blockquote p { margin-bottom: 30px; }
.section-quote blockquote:last-child { margin-bottom: 0; }

.section-quote blockquote cite { display: inline-block; font-size: 18px; font-weight: 500; border-bottom: 1px solid #89BC68;  }

@media(max-width: 767px) {
	.section-quote blockquote { font-size: 20px; }
	.section-quote blockquote cite { font-size: 16px; }

	.section-quote .section__quote { margin-bottom: 40px; }

	.section-quote .section__pattern-right { right: auto; left: 50%; }
	.section-quote .section__pattern-left { left: auto; right: 50%; }
}

@media(max-width: 500px) {
	.section-quote .section__pattern-right { width: 401px; height: 128px; }

	.section-quote .section__pattern-left { top: auto; min-width: 800px; }
}


/* ------------------------------------------------------------ *\
	Section Testimonials
\* ------------------------------------------------------------ */

.section-testimonials { margin-top: 240px; background: #000; padding: 70px 0 0; position: relative; z-index: 2; }

.section-testimonials .section__pattern { width: 1062px; height: 618px; position: absolute; bottom: 164px; left:-448px; }

.section-testimonials .shell { display: flex; flex-wrap: wrap; align-items: flex-start; }

.section-testimonials .section__testimonials { width: 510px; margin-top: -50px; }
.section-testimonials .section__content { width: calc(100% - 510px); padding: 20px 30px 20px 0; background: #000; position: relative; z-index: 2; }
.section-testimonials .section__content-inner { max-width: 400px; }

.section-testimonials .section__title { color: #fff; margin-bottom: 20px; }

.section-testimonials .section__entry { max-width: 350px; margin-bottom: 40px; }
.section-testimonials .section__entry p { color: #fff; }

.section-testimonials .section__btns > ul { padding: 0; list-style: none; display: flex; flex-wrap: wrap; margin: -13px; }
.section-testimonials .section__btns > ul > li { padding: 13px; }

.section-testimonials--alt .section__content { background: transparent; }

@media(max-width: 1280px) {

}

@media(max-width: 1024px) {
	.section-testimonials { padding-bottom: 70px; }

	.section-testimonials .section__testimonials { width: 100%; order: -1; margin-bottom: 30px; }
	.section-testimonials .section__content { width: 100%; padding-right: 0; }
}

@media(max-width: 767px) {
	.section-testimonials .section__testimonials { margin-top: -200px; }
	.section-testimonials .section__btns > ul > li { width: 100%; }
}


/* ------------------------------------------------------------ *\
	Section Boxes
\* ------------------------------------------------------------ */

.section-boxes { margin: 70px 0; }

.section-boxes .section__title { text-align: center; margin-bottom: 50px; font-size: 32px; font-weight: 600; color: #17594C; line-height: 1.1; }

@media(max-width: 1280px) {

}

@media(max-width: 1024px) {
	.section-boxes { margin: 80px 0; }
}

@media(max-width: 767px) {
	.section-boxes { margin: 60px 0; }
	.section-boxes .section__title { font-size: 28px; margin-bottom: 40px; }
}


/* ------------------------------------------------------------ *\
	Section Classlist
\* ------------------------------------------------------------ */

.section-classlist { margin: 100px 0; }

.section-classlist .section__menu { margin-bottom: 40px; }
.section-classlist .section__menu .filter { max-width: 250px; }

@media(max-width: 1280px) {
	.section-classlist { margin: 120px 0; }
}

@media(max-width: 1024px) {
	.section-classlist { margin: 100px 0; }
}

@media(max-width: 767px) {
	.section-classlist { margin: 80px 0; }
}


/* ------------------------------------------------------------ *\
	Section Class Details
\* ------------------------------------------------------------ */

.section-class-details { position: relative; margin: 82px 0 100px; }

.section-class-details .section__shape { position: absolute; top: 96px; right: calc(100% - 600px); transform: scaleX(-1); }

.section-class-details .shell { position: relative; z-index: 2; }
.section-class-details .section__head { display: flex; flex-wrap: wrap; margin-bottom: 95px; }
.section-class-details .section__head:last-child { margin-bottom: 0; }

.section-class-details .section__head-content { width: calc(100% - 445px); padding-right: 125px; font-size: 16px; font-weight: 500; line-height: 1.88; }
.section-class-details .section__aside { width: 445px; }
.section-class-details .section__aside .hs-video-container { border-radius: 10px 0 10px 10px; overflow: hidden; }

.section-class-details h2 { font-size: 32px; font-weight: 600; color: #17594C; }

.section-class-details .section__body h2 { margin-bottom: 60px; }
.section-class-details .section__body ul { list-style: none;  }
.section-class-details .section__body > ul { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin-bottom: -35px;  }
.section-class-details .section__body ul > li { width: 50%; padding: 0 20px 20px 25px; font-size: 16px; line-height: 1.1; font-weight: 500; position: relative; }
.section-class-details .section__body ul > li:before { content: ''; position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 50%; background: #17594C; }
.section-class-details .section__body ul > li:after { content: ''; position: absolute; top: 5px; left: 5px; width: 10px; height: 8px; background: url('https://7477824.fs1.hubspotusercontent-na1.net/hubfs/7477824/ico-check.svg') no-repeat center/cover; }

.section-class-details .section__body > ul ul { padding: 14px 0 0; }
.section-class-details .section__body > ul ul li { padding: 0 14px 14px 26px; font-size: .9em; }
.section-class-details .section__body ul > li:before { width: 16px; height: 16px; }
.section-class-details .section__body ul > li:after { content: ''; position: absolute; top: 5px; left: 4px; width: 8px; height: 6px; }

.section-class-details .section-class-details__form .hs-form .hs-form-field { width: 100%; }

@media(max-width: 1280px) {

}

@media(max-width: 1024px) {
	.section-class-details .section__aside { width: 100%; order: -1; margin-bottom: 30px; }
	.section-class-details .section__head-content { width: 100%; padding-right: 0; }
}

@media(max-width: 767px) {
	.section-class-details .section__body ul > li { width: 100%; }

	.section-class-details .section__body h2 { margin-bottom: 40px; }
}


/* ------------------------------------------------------------ *\
	Section Benefits
\* ------------------------------------------------------------ */

.section-benefits { padding: 75px 0; background: #F2F0F0; }
.section-benefits .shell { max-width: 1045px; }

.section-benefits .section__title { font-size: 32px; font-weight: 600; line-height: 1.1; margin-bottom: 60px; color: #17594C; }


/* ------------------------------------------------------------ *\
	Section Locations
\* ------------------------------------------------------------ */

.section-locations { margin: 110px 0 90px; }

.section-locations .shell { display: flex; flex-wrap: wrap; align-items: flex-start; }

.section-locations .section__head { width: 380px; padding-right: 60px; }
.section-locations .section__title { color: #17594C; }
.section-locations .section__body { width: calc(100% - 380px); }

@media(max-width: 1280px) {

}

@media(max-width: 1024px) {
	.section-locations { margin: 80px 0; }
	.section-locations .section__head { width: 100%; max-width: 400px; padding-right: 0; margin-bottom: 40px; }
	.section-locations .section__body { width: 100%; }
}

@media(max-width: 767px) {
	.section-locations { margin: 60px 0; }
}


/* ------------------------------------------------------------ *\
	Section Classes
\* ------------------------------------------------------------ */

.section-classes { margin: 77px 0 95px; }

.section-classes .section__head { margin-bottom: 80px; }

.section-classes .ico-spinner { display: block; margin: 80px auto; width: 80px; height: 80px; }
.section-classes .list-classes { margin-bottom: 80px; }
.section-classes .list-classes:last-child { margin-bottom: 0; }


.section-classes--alt { margin: 77px 0 130px; }


/* ------------------------------------------------------------ *\
	Section Text Columns
\* ------------------------------------------------------------ */

.section-text-columns { margin: 100px 0; }

.section-text-columns .section__title { font-size: 32px; font-weight: 600; line-height: 1.2; margin-bottom: 20px; color: #17594C; }

.section-text-columns .section__entries > ul { list-style: none; padding: 0; margin: 0; }
.section-text-columns .section__entries > ul > li { padding: 0; margin: 0; }
.section-text-columns .section__entries > ul > li + li { margin-top: 40px; }

@media(max-width: 1280px) {
}

@media(max-width: 1024px) {
	.section-text-columns { margin: 80px 0; }
}

@media(max-width: 767px) {
	.section-text-columns { margin: 60px 0; }
	
	.section-text-columns .section__title { font-size: 28px; }
}


/* ------------------------------------------------------------ *\
	Section Video Boxes
\* ------------------------------------------------------------ */

.section-video-boxes { margin: 130px 0; }

.section-video-boxes .section__head { margin-bottom: 45px; max-width: 540px; }
.section-video-boxes .section__title { font-size: 32px; line-height: 1.1; margin-bottom: 25px; color: #17594C; }

@media(max-width: 1024px) {
	.section-video-boxes { margin: 100px 0; }
}

@media(max-width: 767px) {
	.section-video-boxes { margin: 80px 0; }
}


/* ------------------------------------------------------------ *\
	Section Standards
\* ------------------------------------------------------------ */

.section-standards { margin: 130px 0 100px; }

.section-standards .shell { display: flex; }

.section-standards .section__head h2 { color: #89BC68; text-align: center; padding: 0 15px; }

.section-standards .section__head { align-self: flex-start; margin: 95px 0; position: relative; z-index: 2; width: 320px; padding: 30px 0; border-radius: 16px 0 16px 16px; background: #fff; box-shadow: 4px 4px 15px rgba(0,0,0,.1); }
.section-standards .section__body { position: relative; width: calc(100% - 320px); padding: 95px 0 64px 60px; background: #191919; }
.section-standards .section__body:before { content: ''; position: absolute; top: 0; right: 100%; bottom: 0; width: 220px; background: inherit; border-radius: 20px 0 0 20px; }
.section-standards .section__body:after { content: ''; position: absolute; top: 0; left: 100%; bottom: 0; width: 50vw; background: inherit; }
.section-standards .section__body .standards { padding-top: 30px; }

@media(max-width: 1280px) {
	
}

@media(max-width: 1024px) {
	.section-standards { margin: 100px 0; }
	.section-standards .section__head { width: 280px; margin: 70px 0; }
	.section-standards .section__body { width: calc(100% - 280px); padding: 70px 0 64px 40px; }
}

@media(max-width: 767px) {
	.section-standards { margin: 60px 0; }

	.section-standards .shell { flex-wrap: wrap; padding-right: 0; }

	.section-standards .section__head { width: 100%; margin-top: 0; padding: 15px 0; margin-bottom: 30px; }
	.section-standards .section__body { width: 100%; border-radius: 20px 0 0 20px; padding: 30px 20px; }

	.section-standards .section__body:before,
	.section-standards .section__body:after { display: none; }
}


/* ------------------------------------------------------------ *\
	Section Details
\* ------------------------------------------------------------ */

.section-details { padding: 80px 0; background: #F2F0F0; }

@media(max-width: 1280px) {
}

@media(max-width: 1024px) {
}

@media(max-width: 767px) {
	.section-details { padding: 60px 0; }
}


/* ------------------------------------------------------------ *\
	Section Standard Training
\* ------------------------------------------------------------ */

.section-standard-training { margin: 100px 0; }

.section-standard-training .section__title { margin-bottom: 52px; color: #17594C; }

.section-standard-training .section__entry ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; margin: 0 0 -35px; }
.section-standard-training .section__entry ul li { width: 50%; padding: 0 15px 35px 0; font-size: 24px; font-weight: 700; }
.section-standard-training .section__entry ul li a { color: inherit; text-decoration: none; transition: color .4s; }
.section-standard-training .section__entry ul li a:hover { color: #89BC68; }

@media(max-width: 1280px) {
}

@media(max-width: 1024px) {
	.section-standard-training .section__entry ul li { font-size: 22px; }
}

@media(max-width: 767px) {
	.section-standard-training .section__entry ul li { font-size: 20px; }
}

@media(max-width: 500px) {
	.section-standard-training .section__entry ul li { font-size: 18px; width: 100%; padding: 0 15px 20px 0; }
}


/* ------------------------------------------------------------ *\
	Section Team Members
\* ------------------------------------------------------------ */

.section-team-members { margin: 100px 0 127px; }

.section-team-members .section__title { text-align: center; color: #17594C; margin-bottom: 50px; }

.section-team-members--alt { margin: 0; padding: 75px 0 100px; background: #F2F0F0; }

@media(max-width: 1024px) {
	.section-team-members { margin: 80px 0; }
	.section-team-members--alt { padding: 70px 0 }
}

@media(max-width: 767px) {
	.section-team-members { margin: 60px 0; }
	.section-team-members--alt { padding: 50px 0 }
}


/* ------------------------------------------------------------ *\
	Section Image Showcase Slider
\* ------------------------------------------------------------ */

.section-image-showcase-slider { padding: 75px 0 100px; background: #F2F0F0; }

.section-image-showcase-slider .section__title { margin-bottom: 30px; color: #17594C; }
.section-image-showcase-slider .section__image { border-radius: 16px 0 16px 16px; overflow: hidden; }
.section-image-showcase-slider .section__image:after { content: ''; display: block; padding-bottom: 64%; }

.section-image-showcase-slider_wrapper + .section-testimonials_wrapper .section-testimonials { margin-top: 150px; position: relative; z-index: 1; }
.section-image-showcase-slider_wrapper + .section-testimonials_wrapper .section-testimonials:before { content: ''; position: absolute; bottom: 100%; left: 0; right: 0; height: 240px; background: #F2F0F0; z-index: -1; }


/* ------------------------------------------------------------ *\
	Section Content Sidebar
\* ------------------------------------------------------------ */

.section-content-sidebar { padding: 50px 0; position: relative; z-index: 2; }

.section-content-sidebar:after { content: ''; background: url('https://7477824.fs1.hubspotusercontent-na1.net/hubfs/7477824/ornament-blog-post.png') no-repeat center/cover; width: 1167px; height: 1233px; position: absolute; left: -515px; bottom: -839px; z-index: -1; transform: scaleX(-1); }

.section-content-sidebar .shell { position: relative; z-index: 2; display: flex; flex-wrap: wrap; }
.section-content-sidebar .section__sidebar { width: 335px; margin-left: 45px; }
.section-content-sidebar .section__content { width: calc(100% - 335px - 45px); }

.section-content-sidebar .section__image { position: relative; z-index: 2; margin-top: -250px; margin-bottom: 50px; border-radius: 20px 0 20px 20px; box-shadow: 4px 4px 15px rgba(0,0,0,.1);  }
.section-content-sidebar .section__image:after { content: ''; padding-bottom: 56.25%; display: block; }

.section-content-sidebar .section__entry { min-height: 200px; }

.section-content-sidebar .section__entry h2 { font-size: 24px; margin-bottom: 35px; margin-top: 50px; }
.section-content-sidebar .section__entry p { margin-bottom: 30px; }
.section-content-sidebar .section__entry p:last-child { margin-bottom: 0; }
.section-content-sidebar .section__entry .hs-video-container { margin: 45px 0 66px; border-radius: 20px 0 20px 20px; overflow: hidden; }

.section-content-sidebar .section__foot { display: flex; flex-wrap: wrap; margin-top: 70px; }
.section-content-sidebar .section__foot .socials { width: 195px; }
.section-content-sidebar .section__foot h3 { width: calc(100% - 195px); padding-right: 15px; font-size: 24px; }

@media(max-width: 1024px) {
	.section-content-sidebar .section__sidebar { width: 220px; margin-left: 30px; }
	.section-content-sidebar .section__content { width: calc(100% - 220px - 30px); }
}

@media(max-width: 767px) {
	.section-content-sidebar .section__sidebar { width: 100%; margin-left: 0; }
	.section-content-sidebar .section__content { width: 100%; margin-bottom: 40px; }

	.section-content-sidebar .section__image { margin-top: -140px; }

	.section-content-sidebar .section__entry h2 { margin-bottom: 20px; margin-top: 30px; }
	.section-content-sidebar .section__entry p { margin-bottom: 15px; }
	.section-content-sidebar .section__entry p:last-child { margin-bottom: 0; }
	.section-content-sidebar .section__entry .hs-video-container { margin: 30px 0 30px; }

	.section-content-sidebar .section__foot h3 { width: 100%; padding-right: 0; margin-bottom: 20px; }
}
/* ------------------------------------------------------------ *\
	Section Blog Archives
\* ------------------------------------------------------------ */

.section-blog-archives { margin: 84px 0 100px; }

.section-blog-archives .section__head { margin-bottom: 50px; }

.section-blog-archives .section__filters > ul { padding: 0; list-style: none; display: flex; flex-wrap: wrap; margin: -10px -22px; }
.section-blog-archives .section__filters > ul > li { width: 33.33%; padding: 10px 22px; }

.section-blog-archives .section__actions { margin-top: 50px; text-align: center; }

@media(max-width: 1024px) {
	.section-blog-archives .section__filters > ul > li { width: 50%; }
}

@media(max-width: 767px) {
	.section-blog-archives { margin: 60px 0; }
	.section-blog-archives .section__filters > ul > li { width: 100%; }
}
/* ------------------------------------------------------------ *\
	Section Customer Stories
\* ------------------------------------------------------------ */

.section-customer-stories { margin: 100px 0; }

.section-customer-stories .section__actions { text-align: center; margin-top: 50px; }

@media(max-width: 767px) {
	.section-customer-stories { margin: 60px 0; }
}


/* ------------------------------------------------------------ *\
	Section Services
\* ------------------------------------------------------------ */

.section-services { position: relative; margin: 100px 0 130px; }

.section-services .section__ornament { position: absolute; left: -620px; bottom: -630px; width: 1167px; height: 1233px; max-width: 1167px; }

.section-services .shell { position: relative; z-index: 2; display: flex; flex-wrap: wrap; }

.section-services .section__head { width: 320px; margin-right: 60px; }
.section-services .section__head h2 { color: #17594C; }
.section-services .section__body { width: calc(100% - 320px - 60px); }

@media(max-width: 1024px) {
	.section-services { margin: 80px 0; }

	.section-services .section__head { width: 100%; margin-right: 0; margin-bottom: 40px; }

	.section-services .section__body { width: 100%; }
}

@media(max-width: 767px) {
	.section-services { margin: 60px 0; }
}


/* ------------------------------------------------------------ *\
	Section Two Column List
\* ------------------------------------------------------------ */

.section-two-column-list { margin: 100px 0; }

.section-two-column-list .section__title { color: #17594C; margin-bottom: 60px; }
.section-two-column-list .section__cols { display: flex; flex-wrap: wrap; }
.section-two-column-list .section__col { padding-right: 30px; }
.section-two-column-list .section__col:nth-child(odd) { width: 56%; }
.section-two-column-list .section__col:nth-child(even) { width: 44%; }
.section-two-column-list .section__col.list-benefits ul { display: block; margin: 0; }
.section-two-column-list .section__col.list-benefits ul li { width: 100%; padding: 0 0 40px 35px; }

@media(max-width: 1024px) {
	.section-two-column-list { margin: 80px 0; }
}

@media(max-width: 767px) {
	.section-two-column-list { margin: 60px 0; }

	.section-two-column-list .section__col { padding-right: 0; }

	.section-two-column-list .section__col:nth-child(odd) { width: 100%; }
	.section-two-column-list .section__col:nth-child(even) { width: 100%; }
}


/* ------------------------------------------------------------ *\
	Section Hero Simple
\* ------------------------------------------------------------ */

.section-hero-simple { background: #000; padding: 219px 0 78px; }

.section-hero-simple .section__content { max-width: 690px; }
.section-hero-simple .section__content > h1 { padding-bottom: 20px; position: relative; font-weight: 700; line-height: 1.15; color: #fff; font-size: 68px; font-family: "Open Sans", sans-serif; margin-bottom: 30px; }
.section-hero-simple .section__content > h1 span { color: #89BC68; font-style: italic; }
.section-hero-simple .section__content > h1:after { content: ''; position: absolute; bottom: 0; left: 0; width: 150px; height: 4px; background: #89BC68; }

@media(max-width: 1024px) {
	.section-hero-simple { padding: 180px 0 80px; }
	.section-hero-simple .section__content > h1 { font-size: 52px; }
}

@media(max-width: 767px) {
	.section-hero-simple { padding: 160px 0 60px; }
	.section-hero-simple .section__content > h1 { font-size: 42px; }
	.section-hero-simple .section__content > h1:after { width: 130px; height: 3px; }
}
/* ------------------------------------------------------------ *\
	Section Quiz
\* ------------------------------------------------------------ */

.section-quiz { margin: 64px 0; }

.section-quiz .section__body { display: flex; flex-wrap: wrap; margin-bottom: 57px; }
.section-quiz .section__sidebar { width: 446px; margin-left: 60px; }
.section-quiz .section__sidebar img { height: auto; }
.section-quiz .section__content { width: calc(100% - 446px - 60px); }

.section-quiz .section__content h2 { line-height: 1.35; margin-bottom: 56px; }

@media(max-width: 1024px) {
	.section-quiz .section__sidebar { width: 300px; margin-left: 30px; }
	.section-quiz .section__content { width: calc(100% - 300px - 30px); }
}

@media(max-width: 767px) {
	.section-quiz .section__sidebar { width: 100%; margin-left: 0; margin-bottom: 30px; order: -1; }
	.section-quiz .section__content { width: 100%; }
}
/* ------------------------------------------------------------ *\
	Section Menu
\* ------------------------------------------------------------ */

.section-menu { width: 100%; display: flex; flex-wrap: wrap; }
.section-menu .section__aside { width: 380px; padding-right: 20px; }
.section-menu .section__content { width: calc(100% - 380px); }

.section-menu .section__menu { padding: 0; margin: 0; list-style: none; }
.section-menu .section__menu > li { padding: 0; margin: 0; }
.section-menu .section__menu > li + li { margin-top: 19px; }

.section-menu .section__menu > li > a { text-align: left; font-weight: 400; position: relative; display: block; padding-bottom: 10px; font-size: 18px; color: #fff; text-decoration: none; transition: padding .4s; }
.section-menu .section__menu > li.is-active > a,
.section-menu .section__menu > li > a:hover { text-decoration: none; padding-left: 22px; }

.section-menu .section__menu > li > a:after { content: ''; position: absolute; bottom: 0; left: 0; z-index: 2; right: 100%; height: 3px; opacity: 0; transition: opacity .4s, right .4s, left .4s; background: #89BC68; }
.section-menu .section__menu > li.is-active > a:after,
.section-menu .section__menu > li > a:hover:after { left: 22px; right: 0; opacity: 1; }

.section-menu .section__menu > li > a:before { content: ''; position: absolute; left: 0; top: 50%; transform: translate(-100%, -50%) rotate(-45deg); margin-top: -5px; width: 12px; height: 12px; opacity: 0; border-width: 0 4px 4px 0; border-style: solid; border-color: transparent #89BC68 #89BC68 transparent; transition: transform .4s, opacity .4s; }

.section-menu .section__menu > li.is-active > a:before,
.section-menu .section__menu > li > a:hover:before { transform: translate(0, -50%) rotate(-45deg); opacity: 1; }

.section-menu .section__content > ul { position: relative; padding: 0; margin: 0; }
.section-menu .section__content > ul > li { width: 100%; padding: 0; margin: 0; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; transition: opacity .4s, visibility .4s; }
.section-menu .section__content > ul > li.is-active { position: relative; opacity: 1; visibility: visible;  }

@media(max-width: 1024px) {
	.section-menu .section__content { display: none; }
}

@media(max-width: 767px) {
	.section-menu .section__menu > li > a { font-size: 16px; }
}


/* ------------------------------------------------------------ *\
	Section Four Column Boxes
\* ------------------------------------------------------------ */

.section-four-col-boxes { padding: 80px 0; background: #191919; }

.section-four-col-boxes .section__head { margin-bottom: 60px; text-align: center; }
.section-four-col-boxes .section__head p { margin-bottom: 0; text-transform: uppercase; font-weight: 300; color: #fff; }
.section-four-col-boxes .section__head h2 { font-size: 42px; color: #fff; text-transform: uppercase; }

/* Lists */


/* ------------------------------------------------------------ *\
	Steps
\* ------------------------------------------------------------ */

.steps > ul { padding: 0; list-style: none; display: flex; flex-wrap: wrap; margin: -38px; justify-content: center; }
.steps > ul > li { width: 33.3%; padding: 38px; }

@media(max-width: 767px) {
	.steps > ul { margin: -20px 0; }
	.steps > ul > li { width: 100%; padding: 20px 0; }
}

/* ------------------------------------------------------------ *\
	Step
\* ------------------------------------------------------------ */

.step { text-align: center; }

.step .step__image { text-align: center; margin-bottom: 21px; height: 64px; display: flex; justify-content: center; align-items: center; }
.step .step__image img { max-height: 100%; }
.step .step__title { position: relative; font-size: 24px; font-weight: 600; margin-bottom: 8px; line-height: 1.42; color: #fff; }
.step .step__title span { font-size: 92px; font-weight: 900; line-height: 1; color: #fff; opacity: .1; position: absolute; top: 0; left: 0; }
.step .step__entry p { font-size: 16px; line-height: 1.88; color: #fff; }

@media(max-width: 767px) {
	.step .step__image { margin-bottom: 16px; }
	.step .step__title { font-size: 20px; margin-bottom: 10px; }
	.step .step__entry p { font-size: 15px; }
}


/* ------------------------------------------------------------ *\
	Testimonial
\* ------------------------------------------------------------ */

.testimonial { border: 2px solid #89BC68; position: relative; background: #fff; box-shadow: 4px 4px 15px rgba(0,0,0,.1); border-radius: 16px 0 16px 16px; padding: 72px 30px 40px; }
.testimonial .testimonial__icon { position: absolute; top: 32px; right: 30px; width: 100px; }

.testimonial .testimonial__image { width: 100px; height: 100px; border-radius: 50%; margin-bottom: 24px; }
.testimonial .testimonial__image:after { content: ''; display: block;  padding-bottom: 100%; }
.testimonial .testimonial__quote { margin-bottom: 12px; }
.testimonial .testimonial__quote p { font-weight: 500; color: #17594C; }

.testimonial .testimonial__author { font-weight: 700; font-size: 12px; color: #17594C; }

@media(max-width: 1280px) {

}

@media(max-width: 1024px) {

}

@media(max-width: 767px) {
	.testimonial { padding: 50px 15px 30px; }

	.testimonial .testimonial__icon { top: 20px; right: 20px; width: 60px; }
}


/* ------------------------------------------------------------ *\
	Details
\* ------------------------------------------------------------ */

.details > ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; margin: -25px -10px; }
.details > ul > li { width: 33.33%; padding: 25px 10px; }

@media(max-width: 1280px) {
}

@media(max-width: 1024px) {
	.details > ul > li { width: 50%; }
}

@media(max-width: 767px) {
	.details > ul { margin: -15px -10px; }
	.details > ul > li { padding: 15px 10px; }
}

@media(max-width: 500px) {
	.details > ul > li { width: 100%; }
}

/* ------------------------------------------------------------ *\
	Detail
\* ------------------------------------------------------------ */

.detail > h3 { font-size: 24px; font-weight: 700; color: #17594C; margin-bottom: 14px; line-height: 1.1; }
.detail > p { margin: 0; }


/* ------------------------------------------------------------ *\
	Cols Text
\* ------------------------------------------------------------ */

.cols-text > ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; margin: -20px -15px; }
.cols-text > ul > li { width: 50%; padding: 20px 15px; }

@media(max-width: 1280px) {
}

@media(max-width: 1024px) {
}

@media(max-width: 767px) {
	.cols-text > ul { margin: -20px 0; }
	.cols-text > ul > li { width: 100%; padding: 20px 0; }
}
/* ------------------------------------------------------------ *\
	Boxes Video
\* ------------------------------------------------------------ */

.boxes-video > ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; margin: -15px; }
.boxes-video > ul > li { width: 33.33%; padding: 15px; }

@media(max-width: 1280px) {
}

@media(max-width: 1024px) {
}

@media(max-width: 767px) {
	.boxes-video > ul > li { width: 50%; }
}

@media(max-width: 500px) {
	.boxes-video > ul > li { width: 100%; }
}

/* ------------------------------------------------------------ *\
	Box Video
\* ------------------------------------------------------------ */

.box-video .box__video { border-radius: 22px 0 22px 22px; overflow: hidden; margin-bottom: 30px; }

.box-video .box__iframe { position: relative; }
.box-video .box__iframe:after { content: ''; display: block; padding-bottom: 56.25%; }
.box-video .box__iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.box-video .box__actions { text-align: center; }


/* ------------------------------------------------------------ *\
	Standards
\* ------------------------------------------------------------ */

.standards { width: 100%; display: flex; flex-direction: column; align-self: stretch; }
.standards .standards__title { color: #fff; font-size: 24px; font-weight: 600; margin-bottom: 36px; }
.standards .ico-spinner { display: block; margin: 120px auto; }

.standards .standards__results { flex-grow: 1; }
.standards .standards__results > ul { padding: 0; margin: 0; list-style: none; column-count: 2; column-gap: 30px; }
.standards .standards__results > ul > li { padding: 0; margin: 0; break-inside: avoid; }
.standards .standards__results > ul > li + li { margin-top: 30px; }
.standards .standards__results > ul > li > a { display: block; color: #fff; line-height: 1.88; text-decoration: none; transition: color .4s; }
.standards .standards__results > ul > li > a:hover { color: #61CE42; }

.standards .standards__pagination { margin-top: 60px; }
.standards .standards__pagination > ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-end; margin: -10px -50px; }
.standards .standards__pagination > ul > li { margin: 0; padding: 10px 50px; }
.standards .standards__pagination > ul > li > a { display: block; color: #fff; text-decoration: none; font-size: 18px; padding: 5px; border-radius: 4px 0 4px 4px; transition: background .4s; }
.standards .standards__pagination > ul > li.is-active > a,
.standards .standards__pagination > ul > li.is-active > a:hover { background: #89BC68; }

.standards .standards__title.loading { display: block; width: 100%; height: 34px; overflow: hidden; position: relative; background: #cecece; }
.standards .standards__results > ul > li.loading { padding-top: 6px; }
.standards .standards__results > ul > li.loading span { display: block; width: 100%; height: 15px; margin-bottom: 16px; overflow: hidden; position: relative; background: #cecece; }

.standards .standards__title.loadin:before,
.standards .standards__results > ul > li.loading span:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 10%; animation: slide 1s infinite 0s; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(128, 186, 232, 0) 100%); }

@media(max-width: 1024px) {
	.standards .standards__pagination > ul > li > a { font-size: 16px; }
}

@media(max-width: 767px) {
	.standards .standards__results > ul > li + li { margin-top: 20px; }
	
	.standards .standards__pagination > ul { margin: -10px -20px; }
	.standards .standards__pagination > ul > li { padding: 10px 20px; }
}

@media(max-width: 500px) {
	.standards .standards__results > ul { column-count: 1; }
}


/* ------------------------------------------------------------ *\
	Members Team
\* ------------------------------------------------------------ */

.members-team > ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; margin: -25px -15px; }
.members-team > ul > li { width: 25%; padding: 25px 15px; }

@media(max-width: 1024px) {
	.members-team > ul > li { width: 50%; }
}

@media(max-width: 500px) {
	.members-team > ul > li { width: 100%; }
}

/* ------------------------------------------------------------ *\
	Member Team
\* ------------------------------------------------------------ */

.member-team .member__image { position: relative; z-index: 3; border-radius: 50%; width: 110px; height: 110px; margin: 0 auto -55px; }

.member-team .member__body { background: #fff; position: relative; z-index: 2; border-radius: 16px 0 16px 16px; box-shadow: 4px 4px 10px rgba(0,0,0,.08); padding: 80px 15px 22px; }

.member-team .member__heading { margin-bottom: 18px; }

.member-team .member__title { text-align: center; font-size: 21px; font-weight: 600; margin-bottom: 0; line-height: 1.2; }
.member-team .member__subtitle { text-align: center; font-size: 14px; font-weight: 500; margin-bottom: 0; line-height: 1.1; }

.member-team .member__actions { text-align: center; }
.member-team .member__actions a { position: relative; line-height: 1; display: inline-block; text-align: center; padding: 0 15px; font-size: 10px; color: #17594C; text-decoration: none; transition: transform .4s; }
.member-team .member__actions a:after { content: ''; position: absolute; top: 50%; right: 0; transform: rotate(-45deg); width: 6px; height: 6px; border-width: 0 1px 1px 0; border-style: solid; border-color: transparent #17594C #17594C transparent; margin-top: -2px; }

.member-team .member__foot { display: none; padding: 36px 15px 20px; margin-top: -16px; box-shadow: 4px 4px 10px rgba(0,0,0,.1); border-radius: 0 0 12px 12px; background: #F2F0F0; }

.member-team.is-active .member__actions a:after { transform: rotate(45deg); }


/* ------------------------------------------------------------ *\
	Members Team
\* ------------------------------------------------------------ */

.members-team-alt > ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; margin: -20px -15px; }
.members-team-alt > ul > li { width: 33.33%; padding: 20px 15px; }

@media(max-width: 1024px) {
	.members-team-alt > ul > li { width: 50%; }
}

@media(max-width: 500px) {
	.members-team-alt > ul > li { width: 100%; }
}

/* ------------------------------------------------------------ *\
	Member Team
\* ------------------------------------------------------------ */

.member-team-alt .member__inner { display: flex; flex-wrap: wrap; align-items: center; padding: 15px 15px 15px 19px; background: #fff; position: relative; z-index: 2; border-radius: 16px 0 16px 16px; box-shadow: 4px 4px 10px rgba(0,0,0,.08); }

.member-team-alt .member__image { border-radius: 50%; width: 85px; height: 85px; margin-right: 15px;  }
.member-team-alt .member__content { width: calc(100% - 85px - 15px); }

.member-team-alt .member__title { font-size: 21px; font-weight: 600; margin-bottom: 0; line-height: 1.2; }
.member-team-alt .member__subtitle { font-size: 14px; font-weight: 500; margin-bottom: 0; line-height: 1.1; }

.member-team-alt .member__foot { width: 100%; display: none; padding: 36px 15px 20px; margin-top: -16px; box-shadow: 4px 4px 10px rgba(0,0,0,.1); border-radius: 0 0 12px 12px; background: #F2F0F0; }

.member-team-alt .member__actions a { padding-right: 10px; position: relative; line-height: 1; display: inline-block; font-size: 10px; color: #17594C; text-decoration: none; transition: transform .4s; }
.member-team-alt .member__actions a:after { content: ''; position: absolute; top: 50%; right: 0; transform: rotate(-45deg); width: 6px; height: 6px; border-width: 0 1px 1px 0; border-style: solid; border-color: transparent #17594C #17594C transparent; margin-top: -2px; }


/* ------------------------------------------------------------ *\
	Stories
\* ------------------------------------------------------------ */

.stories > ul { padding: 0; list-style: none; display: flex; flex-wrap: wrap; margin: -25px -15px; }
.stories > ul > li { flex-grow: 1; display: flex; flex-direction: column; width: 33.33%; padding: 25px 15px; }
.stories > ul > .ico-spinner { margin: 0 auto; }

@media(max-width: 1024px) {
	.stories > ul > li { width: 50%; }
}

@media(max-width: 767px) {
	.stories > ul { margin: -15px -10px; }
	.stories > ul > li { padding: 15px 10px; }
}

@media(max-width: 500px) {
	.stories > ul > li { width: 100%; }
}

/* ------------------------------------------------------------ *\
	Story
\* ------------------------------------------------------------ */

.story { flex-grow: 1; display: flex; flex-direction: column; border-radius: 10px 0 10px 10px; overflow: hidden; box-shadow: 4px 4px 15px rgba(0,0,0,.1); }

.story .story__content { flex-grow: 1; background: #fff; padding: 14px 14px 0; }
.story .story__actions { padding: 0 14px 14px; }
.story .story__actions h4 { margin-bottom: 15px; font-size: 21px; font-weight: 600; line-height: 1.33; }
.story .story__actions a { font-size: 16px; text-decoration: none; color: #17594C; }
.story .story__actions a:hover { text-decoration: underline; }

@media(max-width: 767px) {
	.story .story__actions h4 { font-size: 18px; }
	.story .story__actions a { font-size: 14px; }
}


/* ------------------------------------------------------------ *\
	Boxes Images
\* ------------------------------------------------------------ */

.boxes-images > ul { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; margin: -10px; }
.boxes-images > ul > li { width: 25%; padding: 10px; border-right: 1px solid rgba(68, 68, 68, 0.5);  }
.boxes-images > ul > li:first-child { border-left: 1px solid rgba(68, 68, 68, 0.5); }

@media(max-width: 1024px) {
	.boxes-images > ul > li { width: 50%; }
}

@media(max-width: 500px) {
	.boxes-images > ul > li { width: 100%; }
}

/* ------------------------------------------------------------ *\
	Box Images
\* ------------------------------------------------------------ */

.box-image { position: relative; padding: 10px; }

.box-image .box__image { margin-bottom: 20px; opacity: 0; visibility: hidden; transition: opacity .4s, visibility .4s; }
.box-image .box__image:after { content: ''; display: block; padding-bottom: 65%; }

.box-image .box__content { opacity: 0; visibility: hidden; transition: opacity .4s, visibility .4s; }

.box-image .box__heading { position: relative; }
.box-image .box__background { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); filter: grayscale(100%); opacity: .1; transition: opacity .4s, visibility .4s; }
.box-image .box__background:after { content: ''; display: block; padding-bottom: 65%; }

.box-image .box__content p { color: #fff; text-align: center; }
.box-image .box__heading h4 { font-size: 24px; color: #fff; text-transform: uppercase; text-align: center; display: flex; align-items: center; justify-content: center; }
.box-image .box__actions { text-align: center; }

.box-image.is-active .box__image { opacity: 1; visibility: visible; }
.box-image.is-active .box__content { opacity: 1; visibility: visible; }
.box-image.is-active .box__background { opacity: 0; }
/* ------------------------------------------------------------ *\
	Videos Grid
\* ------------------------------------------------------------ */

.videos-grid > ul { list-style: none; display: flex; flex-wrap: wrap; padding: 0; margin: -25px -15px; }
.videos-grid > ul > li { margin: 0; width: 33.3%;  padding: 25px 15px; }

@media(max-width: 1024px) {
	.videos-grid > ul > li { width: 50%; }
}

@media(max-width: 767px) {
	.videos-grid > ul > li { width: 100%; }
}

/* ------------------------------------------------------------ *\
	Video Grid
\* ------------------------------------------------------------ */

.video-grid .video__image .hs-video-container { border-radius: 16px 0 16px 16px; overflow: hidden; }
.video-grid .video__image .hs-embed-wrapper { border-radius: 16px 0 16px 16px; overflow: hidden; }

.video-grid .video__entry { line-height: 1.5; margin-bottom: 30px; }
.video-grid .video__entry:last-child { margin-bottom: 0; }
.video-grid .video__entry h2 { font-size: 28px; font-weight: 600; line-height: 1.2; margin-bottom: 30px; color: #17594C }

.video-grid .video__content { padding: 10px 15px; background: #fff; }

.video-grid .video__content ul { list-style: none; padding: 0; margin-bottom: 16px; }
.video-grid .video__content ul:last-child { margin-bottom: 0; }
.video-grid .video__content ul > li { padding: 0 10px 10px 30px; font-size: 16px; line-height: 1.5; font-weight: 500; position: relative; color: #17594C; }
.video-grid .video__content ul > li:last-child { padding-bottom: 0; }
.video-grid .video__content ul > li:before { content: ''; position: absolute; top: 3px; left: 0; width: 16px; height: 16px; border-radius: 50%; background: #17594C; }
.video-grid .video__content ul > li:after { content: ''; position: absolute; top: 8px; left: 4px; width: 8px; height: 6px; background: url('https://7477824.fs1.hubspotusercontent-na1.net/hubfs/7477824/ico-check.svg') no-repeat center/cover; }

.video-grid .video__content ol { margin: 16px 0; padding-left: 20px; }

/* Utilities
Helper classes with ability to override anything that comes before it
*/

/* For content that needs to be visually hidden but stay visible for screenreaders */

.show-for-sr {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

@media (max-width: 767px) {
  .show-for-sr--mobile {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}

.image-fit { overflow: hidden; position: relative; background-size: cover; background-position: center; }

.image-fit img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.rich-text-entry:after { content: ''; display: block; clear: both; }

@keyframes slide {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}

.hidden { display: none; }