@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');/*
Theme Name: Green Acres
Theme URI: none
Author: Mono Software
Author URI: https://mono.software
Description: Website for Green Acre Company.
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: greenacres
Tags: green acres
*//*! 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 {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}/* Text-level semantics
   ========================================================================== *//**
 * Remove the gray background on active links in IE 10.
 */a {
  background-color: transparent;
}/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */b,
strong {
  font-weight: bolder;
}/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}/**
 * Add the correct font size in all browsers.
 */small {
  font-size: 80%;
}/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}sub {
  bottom: -0.25em;
}sup {
  top: -0.5em;
}/* Embedded content
   ========================================================================== *//**
 * Remove the border on images inside links in IE 10.
 */img {
  border-style: none;
}/* Forms
   ========================================================================== *//**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */button,
input { /* 1 */
  overflow: visible;
}/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */button,
select { /* 1 */
  text-transform: none;
}/**
 * Correct the inability to style clickable types in iOS and Safari.
 */button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}/**
 * Remove the inner border and padding in Firefox.
 */button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}/**
 * Restore the focus styles unset by the previous rule.
 */button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}/**
 * Correct the padding in Firefox.
 */fieldset {
  padding: 0.35em 0.75em 0.625em;
}/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */legend {
  -webkit-box-sizing: border-box;
          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"] {
  -webkit-box-sizing: border-box;
          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;
}/**
* Vars .......... postcss-simple-vars plugin for defining variables to use accross the project
*//*------------------------------------*\
    # vars.globals
\*------------------------------------*//**
 * The $unit variable is a global variable to be used
 * in paddings, margins, for sizing and positioning
 *//**
    * Global radius and rounded
    *//*------------------------------------*\
    # vars.typography
\*------------------------------------*//* Import custom typography from font provider *//**
 * Project base line height
 *//**
* Type weights
*//**
* Font stacks
*//*------------------------------------*\
    # vars.colors
\*------------------------------------*//**
* Generic colors
* Color naming taken from: http://www.color-blindness.com/color-name-hue/
*//* Light mode colors *//**
* Utility colors
*//*------------------------------------*\
    # vars.responsive
\*------------------------------------*//* 544px *//* 543px *//* 768px *//* 767px *//* 992px *//* 991px *//* 1200px *//* 1199px *//* 1440px *//* 1439px *//* 1504px *//* 1504px *//*------------------------------------*\
    # vars.shadows
\*------------------------------------*//*you can use grey variables for match your background*//*[grey-1, grey2...]*//*tested on #efefef background and #fff box*//*really close*//*//close/**//*//regular/**//*//smooth/**//*//apple like/**//**
* Tools .......... typography mixin, floted grid and clearfix
*//*------------------------------------*\
    # tools.typomatic
\*------------------------------------*//**
 * Mixin name: typomatic-init
 * Description: creates a vertical rhythm on a page using font-size
 * and line-height on the html element
 * Parameters: 
 * does not take parameters
 *//**
 * Mixin name: type-scale
 * Description: type-scale sets the type to baseline to achieve
 * vertical rhythm.
 * Parameters: 
 * $scale ($base-font-size is default) - font size (unitless) variable
 * $baselines (1 is default) - number of baselines
 *//*------------------------------------*\
    # tools.ricky
\*------------------------------------*//**
 * Custom grid based on flexbox.
 * $f-grid-gutter - amount of space between columns
 * $f-grid-columns - number of columns of the grid
 *//**
 * The flex-col mixin is used for building flexbox grid columns
 *//**
 * The grid-pull mixin is used for pulling columns using margin-left
 * for the space of a number of columns
 *//**
 * Row
 */.row {
    margin-left: -18px;
    margin-right: -18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}.row--align-center {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }.row--justify-center {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }.row--align-end {
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
    }/**
 * Column
 */.col {
    padding-left: 18px;
    padding-right: 18px;
    -webkit-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}/**
* Base .......... base structural stylings for setting the body, typography and other base styles (no classes should be added here)
*//*------------------------------------*\
    # base.globals
\*------------------------------------*//**
 * Initialize typomatic in project (sets font-size and line-height
 * on html selector.
 */html {
    font-size: 100%;
    line-height: 1.25;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}html.menu-is-open {
        height: 100%;
        overflow: hidden;
    }@media (max-width: 47.9375em) {html {
        font-size: 100%
}
    }body {
    min-height: 100%;
    overflow-x: hidden;
    margin: 0;
    background: #EEEEEE;

    font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", sans-serif, Helvetica, Arial, sans-serif;
    line-height: 1.5;
    color: #202020;   
}body.menu-is-open {
        height: 100%;
        overflow: hidden;
    }img {
    max-width: 100%;
    vertical-align: middle;
}svg {
    max-width: 100%;
}*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
            box-sizing: inherit;
}/*------------------------------------*\
    # base.typography
\*------------------------------------*//**
 * Headings
 */h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", sans-serif, Helvetica, Arial, sans-serif;
    font-weight: 700;
}h1 {
    font-size: 24px;
    line-height: 40px;
}@media (min-width: 48em) {h1 {
        font-size: 56px;
        line-height: 55px
}
    }h2 {
    font-size: 24px;
    line-height: 30px;
}@media (min-width: 48em) {h2 {
        font-size: 44px;
        line-height: 50px
}
    }h3 {
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
}@media (min-width: 48em) {h3 {
        font-size: 18px;
        line-height: 45px
}
    }h4 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}@media (min-width: 48em) {h4 {
        font-size: 18px;
        line-height: 25px
}
    }h5, h6 {
    font-size: 16px;
    line-height: 20px;
}/**
 * Paragraphs
 */p {
    margin: 0;
}/**
 * Lists (ol, ul, dd)
 */ol, ul, dl {
    margin: 0;
    padding: 0;
    list-style: none;
}ol {}ol li {}ul {}ul li {}dd {}dl dt {}dl dd {}/**
 * Anchors
 */a {
    color: #39A2AE;
    text-decoration: none;
}a:link {}a:hover {
    color: rgb(56, 116, 122);
}a:focus {
    outline: 0;
    color: rgb(56, 116, 122);
}a:visited {}/**
 * Typographic details
 */hr {
}em {}b, strong {
    font-weight: bold
}address {}small {}pre {}code {}sub {}sup {}strike {}/**
* Components .......... resuable components for all projects
*//*------------------------------------*\
    # component.c-btn
\*------------------------------------*/.c-btn {
        /**
     * Button base
    */
    /* To keep the button inline, and flex container at the same time */
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: center;
        align-self: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

    -ms-touch-action: manipulation;

        touch-action: manipulation;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    text-align: center;

    /**
     * Button base project styling
    */
    font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", sans-serif, Helvetica, Arial, sans-serif;
    font-weight: 500;
    border-radius: 3px;
    -webkit-transition: all 300ms cubic-bezier(0.65, 0, 0.17, 0.98);
    transition: all 300ms cubic-bezier(0.65, 0, 0.17, 0.98);
}.c-btn:focus {
        outline: 0;
    }@media (max-width: 61.9375em) {.c-btn.is-cta {
            display: none
    }
        }.c-btn--sml {
        padding: 4px;
        font-size: 14px;
    }.c-btn--base {
        padding: 12px 20px;
        font-size: 18px;
    }.c-btn--med {
        padding: 14px;
        font-size: 18px;
    }.c-btn--lrg {
        padding: 16px;
        font-size: 20px;
    }.c-btn--primary {
        background-color: #FFB847;
        color: white;
        border: 1px solid transparent;
    }.c-btn--primary:hover, .c-btn--primary:focus {
            color: white;
            background-color: rgb(255, 165, 20);
        }.c-btn--primary.is-hero {
            color: #202020;
        }.c-btn--primary.is-hero:hover, .c-btn--primary.is-hero:focus {
                color: #202020;
            }.c-btn--secondary {
        background-color: #39A2AE;
        color: white;
        border: 1px solid transparent;
    }.c-btn--secondary:hover, .c-btn--secondary:focus {
            color: white;
            background-color: rgb(44, 126, 135);
        }.c-btn--ghost {
        background-color: transparent;
        color: #39A2AE;
    }.c-btn--ghost:hover, .c-btn--ghost:focus {
            background-color: transparent;
            color: rgb(44, 126, 135);
        }.c-btn--ghost:hover .u-icon, .c-btn--ghost:focus .u-icon {
                opacity: 0.8;
            }.c-btn--disabled {
        background-color: #828282;
        color: white;
        border: 1px solid transparent;
    }.c-btn--disabled:hover {
            color: white;
            background-color: #828282;
        }.c-btn--wide {
        width: 100%;
    }.c-btn--rounded {
        border-radius: 9px;
    }/*------------------------------------*\
    # component.nav
\*------------------------------------*/.c-nav--footer li {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
            }.c-nav--footer li a {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    padding: 8px 0;
                    color: #828282;
                    -webkit-transition: all 250ms ease-in-out;
                    transition: all 250ms ease-in-out;
                }.c-nav--footer li a:hover, .c-nav--footer li a:focus {
                        color: #E4E4E4;
                    }.menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
}.menu li a {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            font-size: 18px;
            color: #F3F3F3;
            padding: 4px 8px;
            -webkit-transition: all 250ms ease-in-out;
            transition: all 250ms ease-in-out;
        }.menu li a:hover {
                color: #FFB847;
            }@media (max-width: 61.9375em) {.menu {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 999;

        padding: 32px;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

            -ms-flex-direction: column;

                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        background-color: #75E4B3
}

        .menu.is-active {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

                .menu li.is-placeholder > a {
                    display: none !important;
                }

            .menu li a {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                font-size: 18px;
                color: #202020;
                padding: 4px 8px;
            }
    
                .menu li a:hover {
                    color: #FFB847;
                }
    }.sub-menu {
    display: none;
    position: absolute;
    left: 0;

    
    -webkit-box-orient: vertical;

    
    -webkit-box-direction: normal;

    
        -ms-flex-direction: column;

    
            flex-direction: column;

    background-color: #1c1c1c;

}.sub-menu li {
        display: block;
    }.sub-menu li a {
            display: block;
            padding: 16px;
            white-space: nowrap;
        }@media (max-width: 61.9375em) {.sub-menu {
        display: block;
        position: relative;
        background-color: transparent

}

        .sub-menu a {
            padding-left: 8px !important;
        }
    }.menu-item-has-children {
    position: relative;
    z-index: 9999;
    padding-right: 24px;

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Ctitle%3Earrow-button-down%3C/title%3E%3Cpath d='M.249 7.207l10.984 12.471a1.066 1.066 0 0 0 1.539 0L23.751 7.207a.987.987 0 0 0-.107-1.414l-1.85-1.557a1.028 1.028 0 0 0-1.438.111L12.191 13.8a.25.25 0 0 1-.379 0L3.644 4.346A1.021 1.021 0 0 0 2.948 4a1 1 0 0 0-.741.238L.356 5.793A.988.988 0 0 0 0 6.478a.978.978 0 0 0 .249.729z'/%3E%3C/svg%3E");
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) center;
}.menu-item-has-children:hover .sub-menu {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }@media (max-width: 61.9375em) {.menu-item-has-children {
        background-image: none
}
    }.social-menu li {
    overflow: hidden;
    text-indent: -9999px;
}/*------------------------------------*\
    # component.input
\*------------------------------------*/.c-input {
    /**
     * Input base
     */
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;

    vertical-align: middle;
    cursor: auto;
    -ms-touch-action: manipulation;
        touch-action: manipulation;
    -moz-appearance: none;
         appearance: none;
    -webkit-transition: border-color 200ms;
    transition: border-color 200ms;
    -webkit-appearance: none;
    background-color: #ffffff;

    /**
     * Input base project styling
     */
    color: #202020;
    font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", sans-serif, Helvetica, Arial, sans-serif;
    border: 1px solid #E4E4E4;
    border-radius: 3px;
    -webkit-transition: all 250ms cubic-bezier(0.65, 0, 0.17, 0.98);
    transition: all 250ms cubic-bezier(0.65, 0, 0.17, 0.98);
    caret-color: #202020;

    scrollbar-width: thin;
}.c-input::-webkit-input-placeholder {
        font-size: 18px;
        color: rgba(32, 32, 32, 0.5);
    }.c-input::-moz-placeholder {
        font-size: 18px;
        color: rgba(32, 32, 32, 0.5);
    }.c-input::-ms-input-placeholder {
        font-size: 18px;
        color: rgba(32, 32, 32, 0.5);
    }.c-input::placeholder {
        font-size: 18px;
        color: rgba(32, 32, 32, 0.5);
    }.c-input::-webkit-inner-spin-button,
    .c-input::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }.c-input:invalid {
        border: 1px solid #f44336;
    }.c-input:focus {
        outline: 0;
        border-radius: 3px;
        -webkit-box-shadow: 0 0 0 2px #39A2AE;
                box-shadow: 0 0 0 2px #39A2AE;
    }.c-input[disabled] {
        color: rgba(32, 32, 32, 0.3) !important;
        border-color: rgba(32, 32, 32, 0.3);
    }/**
     * Input sizes
     */.c-input--base {
        font-size: 16;
        padding: 12px 12px;
    }/**
     * Input types
     */.c-input--text {
        width: 100%;
    }.c-input--textarea {
        display: block;
        width: 100%;
        max-width: 100%;
        line-height: 20px;
        padding: 8px 16px;
    }/*------------------------------------*\
    # component.header
\*------------------------------------*/.c-header {
        position: relative;
        z-index: 999;
        background-color: #1c1c1c;
        padding: 32px;
    }.c-header__inner {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
        }#site-title {
    max-width: 240px;
}/*------------------------------------*\
    # component.container
\*------------------------------------*/.c-container {
        width: 100%;
        margin: 0 auto;
    }.c-container--base {
            max-width: 1440px;
        }.c-container--narrow {
            max-width: 768px; 
        }/*------------------------------------*\
    # component.footer
\*------------------------------------*/.c-footer {
        background-color: #202020;
        padding: 48px;

        width: 100%;
    }.c-footer__content { 
            display: -webkit-box; 
            display: -ms-flexbox; 
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            gap: 24px;
            
            width: 100%;
            margin: 0 auto;
            max-width: 1440px;
        }@media (min-width: 62em) {.c-footer__content {
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                    -ms-flex-direction: row;
                        flex-direction: row;
                -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                        justify-content: space-between
        }
            }.c-footer__content h3 {
                color: #ffffff;
                margin-bottom: 8px;
            }.c-footer__copyright {
            background-color: #414141;
            padding: 24px;
        }.c-footer__copyright__inner {
                width: 100%;
                margin: 0 auto;
                max-width: 1440px;
                color: white;
                text-align: center;
            }/*------------------------------------*\
    # component.hero
\*------------------------------------*/.c-hero {
        max-width: 1280px;
        width: 100%;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        
        -webkit-box-align: center;
        
            -ms-flex-align: center;
        
                align-items: center;
        gap: 32px;

        padding: 24px 48px;
    }@media (min-width: 62em) {.c-hero {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            gap: 96px;
            padding: 48px
    }
        }.c-hero__wrap {
            background-color: #202020;
            color: #E4E4E4;
        }.c-hero__title {
            color: #FFB847;
            margin-bottom: 32px;
        }.c-hero__title span {
                color: #39A2AE;
            }.c-hero__sub {
            margin-bottom: 32px;
        }.c-hero--order__text {
                -webkit-box-ordinal-group: 3;
                    -ms-flex-order: 2;
                        order: 2;
            }@media (min-width: 62em) {.c-hero--order__text {
                    -webkit-box-ordinal-group: 2;
                        -ms-flex-order: 1;
                            order: 1
            }
                }.c-hero--order__img {
                -webkit-box-ordinal-group: 2;
                    -ms-flex-order: 1;
                        order: 1;
            }@media (min-width: 62em) {.c-hero--order__img {
                    -webkit-box-ordinal-group: 3;
                        -ms-flex-order: 2;
                            order: 2
            }
                }/*------------------------------------*\
    # component.title
\*------------------------------------*/.c-title--home {
            font-weight: 700;
            color: #55DBCB;
        }/*------------------------------------*\
    # component.banner
\*------------------------------------*/.c-banner {
        background-color: #414141;
        padding: 48px;
        color: #828282;
    }.c-banner h2 {
            font-size: 18px;
            font-weight: 400;
            text-align: center;
            margin-bottom: 16px;
            text-transform: uppercase;
        }.c-banner__list { 
            display: -webkit-box; 
            display: -ms-flexbox; 
            display: flex;
            gap: 48px;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            
        }.c-banner__list__item {
                padding: 16px;

            }.c-banner__list__item img {
                    width: 135px;
                    height: auto;
                    -webkit-filter: grayscale(1);
                            filter: grayscale(1);
                    -webkit-transition: all 250ms ease-in-out;
                    transition: all 250ms ease-in-out;
                }.c-banner__list__item:hover img {
                        -webkit-filter: none;
                                filter: none;
                    }/*------------------------------------*\
    # component.home
\*------------------------------------*/.layout--1 {
        width: 100%;
        margin: 0 auto;
        max-width: 1440px;
        padding: 64px 32px;
    }.layout--1 .is-layout-flex {
            -webkit-box-align: center !important;
                -ms-flex-align: center !important;
                    align-items: center !important;
        }.layout--1 .wp-block-heading {
            font-weight: 700;
            color: #55DBCB;
        }.layout--1 p {
            color: #828282;
        }.layout--1.is-truck .wp-block-heading,
            .layout--1.is-truck p {
                text-align: center;
                position: relative;
                z-index: 3;
                color: #202020;
            }.layout--1.is-truck .wp-block-image.size-full {
                text-align: center;

                position: relative;
                z-index: 1;


                margin-left: auto;
                margin-right: auto;
                margin-top: -48px;

            }@media (min-width: 62em) {.layout--1.is-truck .wp-block-image.size-full {
                    margin-top: -200px;
                    max-width: 80%

            }
                }.layout--1.is-truck .has-bg .wp-block-group__inner-container {
                    background-color: #75E4B3;
                    border-radius: 9px;
                    max-width: 768px;
                    margin-left: auto;
                    margin-right: auto;
                    padding: 24px;
                    padding-bottom: 48px;
                }@media (min-width: 62em) {.layout--1.is-truck .has-bg .wp-block-group__inner-container {
                        padding: 96px;
                        padding-top: 72px;
                        padding-bottom: 200px
                }
                    }.layout--2 {
        background-color: #FFB847;
        padding: 96px 32px;
    }.layout--2 .is-layout-constrained {
            width: 100%;
            margin: 0 auto;
            max-width: 1440px;
        }@media (min-width: 62em) {.layout--2 .is-layout-constrained>.is-layout-flex {
                    gap: 96px
            }
                }.layout--2 .wp-block-image img {
                width: 72px !important;
                height: 72px !important;
            }.layout--2 h3 {
            font-size: 18px;
            line-height: 24px;
            font-weight: 700;
        }@media (max-width: 61.9375em) {.layout--2 .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-orient: vertical;
                        -webkit-box-direction: normal;
                            -ms-flex-direction: column;
                                flex-direction: column;

                        -webkit-box-align: center;

                            -ms-flex-align: center;

                                align-items: center
                }

                        .layout--2 .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow p {
                            text-align: center;
                        }
                    }.layout--3 .home__cards {
                width: 100%;
                margin: 0 auto;
                max-width: 1440px;

                padding: 0 32px 96px 32px;

            }.layout--3 .home__cards .is-layout-flex {
                    gap: 24px;
                }.layout--3 .home__cards .wp-block-image img {
                        width: 100% !important;
                        height: auto !important;
                    }.layout--3 .home__cards .wp-block-column {
                    background-color: #ffffff;
                    padding: 24px;
                    border-radius: 8px;
                    -webkit-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.06);
                            box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.06);
                }.layout--3 .home__cards .wp-block-column p {
                        -webkit-box-flex: 1;
                            -ms-flex-positive: 1;
                                flex-grow: 1;
                    }.layout--3 .home__cards h3 {
                    font-size: 18px;
                    line-height: 24px;
                    font-weight: 700;
                }.layout--3 .home__cards .wp-block-button {
                    width: 100%;
                }.layout--3 .home__cards .wp-block-button__link {
                    background-color: transparent !important;
                    border: 0 !important;
                    color: #39A2AE;
                    padding: 0;
                    -webkit-box-pack: justify;
                        -ms-flex-pack: justify;
                            justify-content: space-between;
                    -webkit-box-align: center;
                        -ms-flex-align: center;
                            align-items: center;
                    width: 100%;
                }.layout--3 .home__cards .wp-block-button__link::after {
                        content: '';
                        display: block;

                        background-repeat: no-repeat;
                        background-position: center center;
                        vertical-align: middle;
                        background-size: contain;

                        -webkit-transition: all 250ms ease-out;

                        transition: all 250ms ease-out;

                        width: 16px;
                        height: 16px;
                        background-size: 16px;

                        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.692 12.803a.748.748 0 0 1-.162.244l-7 7a.748.748 0 0 1-1.06 0 .75.75 0 0 1 0-1.061l5.72-5.72H3a.75.75 0 0 1 0-1.5h16.19l-5.72-5.72a.75.75 0 0 1 1.06-1.061l7 7a.748.748 0 0 1 .162.818z' fill='%2339A2AE'/%3E%3C/svg%3E");
                    }.layout--3 .home__text {
                width: 100%;
                margin: 0 auto;
                max-width: 1440px;

                padding: 48px 32px;
            }.layout--3 .home__text .wp-block-button {
                    -ms-flex-item-align: end;
                        align-self: flex-end;
                }@media (min-width: 62em) {.layout--3 .home__text .wp-block-button .is-layout-flex {
                            gap: 220px;
                            -webkit-box-pack: end;
                                -ms-flex-pack: end;
                                    justify-content: flex-end
                    }
                        }@media (min-width: 62em) {.layout--3 .home__text .wp-block-button {
                        padding: 96px 32px
                }
                    }.layout--5 .wp-block-columns.home__cards {
            -ms-flex-wrap: wrap !important;
                flex-wrap: wrap !important;
        }@media (min-width: 62em) {.layout--5 .wp-block-columns.home__cards {

                -ms-flex-wrap: nowrap !important;

                    flex-wrap: nowrap !important
        }
            }.layout--5 .wp-block-column {
            -ms-flex-preferred-size: 100% !important;
                flex-basis: 100% !important;
        }@media (min-width: 48em) {.layout--5 .wp-block-column {

                -ms-flex-preferred-size: 33.33% !important;

                    flex-basis: 33.33% !important
        }
            }@media (min-width: 62em) {.layout--5 .wp-block-column {

                -ms-flex-preferred-size: 20% !important;

                    flex-basis: 20% !important
        }
            }.layout--5 .home__cards {
                width: 100%;
                margin: 0 auto;
                max-width: 1440px;

                padding: 0 32px 96px 32px;

            }.layout--5 .home__cards .is-layout-flex {
                    gap: 24px;
                }.layout--5 .home__cards .wp-block-image img {
                        width: 100% !important;
                        height: auto !important;
                    }.layout--5 .home__cards .wp-block-column {
                    background-color: #ffffff;
                    padding: 24px;
                    border-radius: 8px;
                    -webkit-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.06);
                            box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.06);
                }.layout--5 .home__cards .wp-block-column p {
                        -webkit-box-flex: 1;
                            -ms-flex-positive: 1;
                                flex-grow: 1;
                    }.layout--5 .home__cards h3 {
                    font-size: 18px;
                    line-height: 24px;
                    font-weight: 700;
                }.layout--5 .home__cards .wp-block-button {
                    width: 100%;
                }.layout--5 .home__cards .wp-block-button__link {
                    background-color: transparent !important;
                    border: 0 !important;
                    color: #39A2AE;
                    padding: 0;
                    -webkit-box-pack: justify;
                        -ms-flex-pack: justify;
                            justify-content: space-between;
                    -webkit-box-align: center;
                        -ms-flex-align: center;
                            align-items: center;
                    width: 100%;
                }.layout--5 .home__cards .wp-block-button__link::after {
                        content: '';
                        display: block;

                        background-repeat: no-repeat;
                        background-position: center center;
                        vertical-align: middle;
                        background-size: contain;

                        -webkit-transition: all 250ms ease-out;

                        transition: all 250ms ease-out;

                        width: 16px;
                        height: 16px;
                        background-size: 16px;

                        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.692 12.803a.748.748 0 0 1-.162.244l-7 7a.748.748 0 0 1-1.06 0 .75.75 0 0 1 0-1.061l5.72-5.72H3a.75.75 0 0 1 0-1.5h16.19l-5.72-5.72a.75.75 0 0 1 1.06-1.061l7 7a.748.748 0 0 1 .162.818z' fill='%2339A2AE'/%3E%3C/svg%3E");
                    }.layout--5 .home__text {
                width: 100%;
                margin: 0 auto;
                max-width: 1440px;

                padding: 48px 32px;
            }.layout--5 .home__text .wp-block-button {
                    -ms-flex-item-align: end;
                        align-self: flex-end;
                }@media (min-width: 62em) {.layout--5 .home__text .wp-block-button .is-layout-flex {
                            gap: 220px;
                            -webkit-box-pack: end;
                                -ms-flex-pack: end;
                                    justify-content: flex-end
                    }
                        }@media (min-width: 62em) {.layout--5 .home__text .wp-block-button {
                        padding: 96px 32px
                }
                    }.wp-block-button__link { 
        display: -webkit-inline-box; 
        display: -ms-inline-flexbox; 
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-item-align: center;
            align-self: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;

        -ms-touch-action: manipulation;

            touch-action: manipulation;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;

        cursor: pointer;
        white-space: nowrap;
        text-decoration: none;
        text-align: center;

        font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", sans-serif, Helvetica, Arial, sans-serif;
        font-weight: 500;
        border-radius: 3px;
        -webkit-transition: all 300ms cubic-bezier(0.65, 0, 0.17, 0.98);
        transition: all 300ms cubic-bezier(0.65, 0, 0.17, 0.98);

        padding: 12px 20px;
        font-size: 18px;

        background-color: #39A2AE;
        color: white;
        border: 1px solid transparent;
    }.wp-block-button__link:focus {
            outline: 0;
        }.wp-block-button__link:hover,
        .wp-block-button__link:focus {
            color: white;
            background-color: rgb(44, 126, 135);
        }/*------------------------------------*\
    # component.page
\*------------------------------------*/.c-page__header {

            color: white;
        }.c-page__cta {
            background-color: #414141;
            padding: 32px;
            text-align: center;
        }.c-page__cta p {
                color: white;
                opacity: 0.5;
                font-size: 14;
                text-transform: uppercase;
                font-weight: 600;
            }.c-page__cta .is-phone .wp-block-group__inner-container {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column;
                gap: 12px;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
            }@media (min-width: 62em) {.c-page__cta .is-phone .wp-block-group__inner-container {
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                        -ms-flex-direction: row;
                            flex-direction: row;
                    gap: 36px
            }
                }.c-page__cta .is-phone .wp-block-group__inner-container h2 {
                    margin: 0;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                        -ms-flex-align: center;
                            align-items: center;
                    color: white;
                    gap: 12px;
                }.c-page__cta .is-phone .wp-block-group__inner-container h2:before {
                        content: '';
                        display: inline-block;

                        background-repeat: no-repeat;
                        background-position: center center;
                        vertical-align: middle;
                        background-size: contain;

                        -webkit-transition: all 250ms ease-out;

                        transition: all 250ms ease-out;
                        min-width: 32px;
                        height: 32px;
                        background-size: 32px;

                        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2375E4B3'%3E%3Cg clip-path='url(%23a)' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.31 7.438h7.5M13.31 4.938l2.5 2.5-2.5 2.5M10.184 9.938v3.75a1.842 1.842 0 0 1-1.875 1.874H3.622a1.842 1.842 0 0 1-1.875-1.874V3.374c0-1.063.812-1.875 1.875-1.875h4.687c1.063 0 1.875.813 1.875 1.875v1.563M1.747 12.75h8.437'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath transform='translate(.778 .531)' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
                    }.c-page__cta.is-green {
                background-color: #FFB847;
            }.c-page__cta.is-green p {
                    color: #202020;
                    opacity: 1;
                }.c-page__cta.is-green .is-phone .wp-block-group__inner-container h2 {
                        color: #202020;
                    }.c-page__cta.is-green .is-phone .wp-block-group__inner-container h2:before {
                            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23202020'%3E%3Cg clip-path='url(%23a)' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.31 7.438h7.5M13.31 4.938l2.5 2.5-2.5 2.5M10.184 9.938v3.75a1.842 1.842 0 0 1-1.875 1.874H3.622a1.842 1.842 0 0 1-1.875-1.874V3.374c0-1.063.812-1.875 1.875-1.875h4.687c1.063 0 1.875.813 1.875 1.875v1.563M1.747 12.75h8.437'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath transform='translate(.778 .531)' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
                        }.c-page__img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
        }/* Ensures the image covers the container */.c-page__img__wrap {
                position: relative;
                width: 100%;
                padding-top: 56.25%; /* 16:9 Aspect Ratio (9 / 16 * 100) */
                overflow: hidden;
            }.c-page__main {
            text-align: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            gap: 36px;

            
            margin: 0 auto 12px auto;
        }@media (min-width: 62em) {.c-page__main {
                width: 70%;
                margin: 0 auto 36px auto
        } 
            }.c-page__entry-content {
            padding: 48px 16px;
        }.c-page__features {
            margin-bottom: 48px;
        }.c-page__features__wrap {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
            }.c-page__features__item {
                width: 100%;
                background-color: white;
                padding: 32px;
                border-radius: 9px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column;
                gap: 16px;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                text-align: center;
            }.c-page__features__item__desc {
                    -webkit-box-flex: 1;
                        -ms-flex-positive: 1;
                            flex-grow: 1;
                }.c-page__features__item h3 {
                    font-weight: 700;
                }.c-page__features__img {
                max-width: 150px;
            }.c-page__add {
            padding-top: 48px;
            padding-bottom: 48px;
            text-align: center;
        }/*------------------------------------*\
    # component.hamburger
\*------------------------------------*/.hamburger,
.popup--close {
    z-index: 9999;
    position: relative;
    display: inline-block;
    width: 56px;
    height: 56px;
    cursor: pointer;
    background-color: #FFB847;
    border-radius: 1000px;

    -webkit-transition: all 250ms cubic-bezier(0.31, 1.21, 0.43, 0.65);

    transition: all 250ms cubic-bezier(0.31, 1.21, 0.43, 0.65);
}.hamburger::before,
    .hamburger::after,
    .popup--close::before,
    .popup--close::after {
        content: "";
        position: absolute;
        top: 22.75px;
        left: 17.5px;

        display: inline-block;
        width: 21px; 
        height: 1px;
        background-color: white;
        -webkit-transform-origin: center;
                transform-origin: center;

        -webkit-transition: all 250ms cubic-bezier(0.31, 1.21, 0.43, 0.65);

        transition: all 250ms cubic-bezier(0.31, 1.21, 0.43, 0.65);
    }.hamburger::before, .popup--close::before {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }.hamburger::after, .popup--close::after {
        -webkit-transform: rotate(0);
                transform: rotate(0);
        top: 33.25px;
    }.hamburger.is-active::before,
        .hamburger.is-active::after,
        .popup--close.is-active::before,
        .popup--close.is-active::after {
            top: 28px;
            width: 21px;
            left: 17.5px;
        }.hamburger.is-active::before, .popup--close.is-active::before {
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
        }.hamburger.is-active::after, .popup--close.is-active::after {
            -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
        }.hamburger.is-active, .popup--close.is-active {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }@media (min-width: 62em) {.hamburger.is-active, .popup--close.is-active {
            display: none;
            visibility: hidden
    }
        }@media (min-width: 62em) {.hamburger,
.popup--close {
        z-index: 3;
        display: none
}
    }.popup--close {
    margin-left: auto;
    display: block;
    position: absolute;
    top: 32px;
    right: 32px;
    z-index: 99;
    -webkit-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}.popup--close::before,
    .popup--close::after {
        top: 28px;
        width: 21px;
        left: 17.5px;
    }.popup--close::before {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
    }.popup--close::after {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
    }.popup--close:hover, 
    .popup--close:focus {
        background-color: #39A2AE;
    }/**
* Utils .......... reusable utilities such as floats, spacers etc.
*//*------------------------------------*\
    # utils.type
\*------------------------------------*//* Font letterform */.u-type--sans {
        font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", sans-serif, Helvetica, Arial, sans-serif;
    }.u-type--serif {
        font-family: Georgia, Times, serif;
    }/* Font sizes */.u-type--tny {
        font-size: 10;
        line-height: 16px;
    }.u-type--xsml {
        font-size: 12 !important;
        line-height: 20px;
    }.u-type--sml {
        font-size: 14;
        line-height: 24px;
    }.u-type--28 {
        font-size: 28px;
        line-height: 28px;
    }.u-type--base {
        font-size: responsive 14 16;
        font-range: 320px 1440px;

        line-height: responsive 20px 24px;
        line-height-range: 320px 1440px;
    }.u-type--med {
        font-size: responsive 16 18;
        font-range: 320px 1440px;

        line-height: responsive 28px 32px;
        line-height-range: 320px 1440px;
    }.u-type--lrg {
        font-size: responsive 18 24;
        font-range: 320px 1440px;

        line-height: responsive 32px 40px;
        line-height-range: 320px 1440px;
    }.u-type--xlrg {
        font-size: responsive 24 44;
        font-range: 320px 1440px;

        line-height: responsive 40px 44px;
        line-height-range: 320px 1440px;
    }/* Font weights */.u-type--wgt--light {
            font-weight: 300;
        }.u-type--wgt--regular {
            font-weight: 400;
        }.u-type--wgt--semibold {
            font-weight: 600;
        }.u-type--wgt--bold {
            font-weight: 700;
        }.u-type--style--italic {
            font-style: italic;
        }/* Type colors */.u-type--color--text {
            color: #202020;
        }.u-type--color--light {
            color: #828282;
        }.u-type--color--opaque {
            color: rgba(32, 32, 32, 0.35);
        }.u-type--color--primary {
            color: #FFB847;
        }.u-type--color--secondary {
            color: #39A2AE;
        }.u-type--color--negative {
            color: white;
        }.u-type--color--warning {
            color: #f44336;
        }.u-type--color--success {
            color: #96aa3a;
        }/* Type case */.u-type--uppercase {
        text-transform: uppercase;
    }.u-type--lowercase {
        text-transform: lowercase;
    }.u-type--narrow {
        letter-spacing: 0.0625em;
    }.u-type--wide {
        letter-spacing: 0.125em;
    }/* Type positioning */.u-type--center {
        text-align: center;
    }.u-type--left {
        text-align: left;
    }.u-type--right {
        text-align: right;
    }.u-type--transparent {
        opacity: 0.5;
    }/*------------------------------------*\
    # utils.cursor
\*------------------------------------*/.u-cursor--pointer {
			cursor: pointer;
		}.u-cursor--grab {
			cursor: -webkit-grab;
			cursor: grab;
		}/*------------------------------------*\
    # utils.display
\*------------------------------------*/.u-display--i {
            display: inline;
        }.u-display--b {
            display: block;
        }.u-display--ib {
            display: inline-block;
        }.u-display--none {
            display: none;
        }.u-display--grid {
            display: grid;
        }.u-display--flex {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }.u-display--flex--jc--center {
                    -webkit-box-pack: center;
                        -ms-flex-pack: center;
                            justify-content: center;
                }.u-display--flex--jc--space-between {
                    -webkit-box-pack: justify;
                        -ms-flex-pack: justify;
                            justify-content: space-between;
                }.u-display--flex--jc--flex-start {
                    -webkit-box-pack: start;
                        -ms-flex-pack: start;
                            justify-content: flex-start;
                }.u-display--flex--jc--flex-end {
                    -webkit-box-pack: end;
                        -ms-flex-pack: end;
                            justify-content: flex-end;
                }.u-display--flex--ai--center {
                    -webkit-box-align: center;
                        -ms-flex-align: center;
                            align-items: center;
                }.u-display--flex--ai--flex-start {
                    -webkit-box-align: start;
                        -ms-flex-align: start;
                            align-items: flex-start;
                }.u-display--flex--ai--flex-end {
                    -webkit-box-align: end;
                        -ms-flex-align: end;
                            align-items: flex-end;
                }.u-display--flex--ai--baseline {
                    -webkit-box-align: baseline;
                        -ms-flex-align: baseline;
                            align-items: baseline;
                }.u-display--flex--wrap {
                -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
            }.u-align--h--center {
                margin-left: auto;
                margin-right: auto;
            }/*------------------------------------*\
    # utils.height
\*------------------------------------*/.u-height--25 {
        height: 25%;
    }.u-height--25--px {
            height: 25px;
        }/*------------------------------------*\
    # util.margins
\*------------------------------------*//** 
* you can use custom multiplyer for huge spacing
* $custom: 15;

* You can use spacers by axis 
---------------------------------
--   x-axis ->  left & right   --
--   y-axis ->  top & bottom   --  
---------------------------------
*/.u-mar--top--micro {
                margin-top: 4px;
            }.u-mar--top--micro--alt {
                    margin-top: 2px;
                }.u-mar--top--tny {
                margin-top: 8px;
            }.u-mar--top--sml {
                margin-top: 16px;
            }.u-mar--top--med {
                margin-top: 24px;
            }.u-mar--top--lrg {
                margin-top: 32px;
            }.u-mar--top--xlrg {
                margin-top: 40px;
            }.u-mar--top--xxlrg {
                margin-top: 64px;
            }.u-mar--top--xxxlrg {
                margin-top: 96px;
            }.u-mar--right--micro {
                margin-right: 4px;
            }.u-mar--right--tny {
                margin-right: 8px;
            }.u-mar--right--sml {
                margin-right: 16px;
            }.u-mar--right--med {
                margin-right: 24px;
            }.u-mar--right--lrg {
                margin-right: 32px;
            }.u-mar--right--xlrg {
                margin-right: 40px;
            }.u-mar--right--xxlrg {
                margin-right: 64px;
            }.u-mar--right--xxxlrg {
                margin-right: 96px;
            }.u-mar--bottom--none {
                margin-bottom: 0;
            }.u-mar--bottom--micro {
                margin-bottom: 4px;
            }.u-mar--bottom--tny {
                margin-bottom: 8px;
            }.u-mar--bottom--xsml {
                margin-bottom: 6px;
            }.u-mar--bottom--sml {
                margin-bottom: 16px;
            }.u-mar--bottom--med {
                margin-bottom: 24px;
            }.u-mar--bottom--lrg {
                margin-bottom: 32px;
            }.u-mar--bottom--xlrg {
                margin-bottom: 40px;
            }.u-mar--bottom--xxlrg {
                margin-bottom: 32px;
            }@media (min-width: 48em) {.u-mar--bottom--xxlrg {
                    margin-bottom: 64px
            }
                }.u-mar--bottom--xxxlrg {
                margin-bottom: 96px;
            }.u-mar--left--micro {
                margin-left: 4px;
            }.u-mar--left--tny {
                margin-left: 8px;
            }.u-mar--left--xsml {
                margin-left: 6px;
            }.u-mar--left--sml {
                margin-left: 16px;
            }.u-mar--left--med {
                margin-left: 24px;
            }.u-mar--left--lrg {
                margin-left: 32px;
            }.u-mar--left--xlrg {
                margin-left: 40px;
            }.u-mar--left--xxlrg {
                margin-left: 64px;
            }.u-mar--left--xxxlrg {
                margin-left: 96px;
            }/*------------------------------------*\
    # utils.overflow
\*------------------------------------*/.u-overflow--x-scroll {
        overflow-x: scroll;
    }.u-overflow--y-scroll {
        overflow-y: scroll;
    }.u-overflow--hidden {
        overflow: hidden;
    }.u-overflow--auto {
        overflow: auto;
    }/*------------------------------------*\
    # util.paddings
\*------------------------------------*//** 
* you can use custom multiplyer for huge spacing
* $custom: 15;

* You can use spacers by axis 
---------------------------------
--   x-axis ->  left & right   --
--   y-axis ->  top & bottom   --  
---------------------------------
*/.u-padd--top--none {
                padding-top: 0;
            }.u-padd--top--tny {
                padding-top: 4px;
            }.u-padd--top--xsml {
                padding-top: 6px;
            }.u-padd--top--sml {
                padding-top: 8px;
            }.u-padd--top--med {
                padding-top: 16px;
            }.u-padd--top--lrg {
                padding-top: 24px;
            }.u-padd--top--xlrg {
                padding-top: 32px;
            }.u-padd--top--xxlrg {
                padding-top: 40px;
            }.u-padd--top--xxxlrg {
                padding-top: 48px;
            }.u-padd--right--tny {
                padding-right: 4px;
            }.u-padd--right--xsml {
                padding-right: 6px;
            }.u-padd--right--sml {
                padding-right: 8px;
            }.u-padd--right--med {
                padding-right: 16px;
            }.u-padd--right--lrg {
                padding-right: 24px;
            }.u-padd--right--xlrg {
                padding-right: 32px;
            }.u-padd--right--xxlrg {
                padding-right: 40px;
            }.u-padd--right--xxxlrg {
                padding-right: 48px;
            }.u-padd--bottom--none {
                padding-bottom: 0;
            }.u-padd--bottom--tny {
                padding-bottom: 4px;
            }.u-padd--bottom--xsml {
                padding-bottom: 6px;
            }.u-padd--bottom--sml {
                padding-bottom: 8px;
            }.u-padd--bottom--med {
                padding-bottom: 16px;
            }.u-padd--bottom--lrg {
                padding-bottom: 24px;
            }.u-padd--bottom--xlrg {
                padding-bottom: 32px;
            }.u-padd--bottom--xxlrg {
                padding-bottom: 40px;
            }.u-padd--bottom--xxxlrg {
                padding-bottom: 48px;
            }.u-padd--left--tny {
                padding-left: 4px;
            }.u-padd--left--xsml {
                padding-left: 6px;
            }.u-padd--left--sml {
                padding-left: 8px;
            }.u-padd--left--med {
                padding-left: 16px;
            }.u-padd--left--lrg {
                padding-left: 24px;
            }.u-padd--left--xlrg {
                padding-left: 32px;
            }.u-padd--left--xxlrg {
                padding-left: 40px;
            }.u-padd--left--xxxlrg {
                padding-left: 48px;
            }.u-padd--x--sml {
                padding: inherit 8px; 
            }.u-padd--x--med {
                padding: inherit 16px; 
            }.u-padd--x--lrg {
                padding: inherit 24px; 
            }.u-padd--x--xlrg {
                padding: inherit 32px; 
            }.u-padd--y--sml {
                padding: 8px inherit; 
            }s
            .u-padd--y--med {
                padding: 16px inherit; 
            }.u-padd--y--lrg {
                padding: 24px inherit; 
            }.u-padd--y--xlrg {
                padding: 32px inherit; 
            }.u-padd--none {
            padding: 0;
        }/*------------------------------------*\
    # utils.positions
\*------------------------------------*/.u-position--stc {
			position: static;
		}.u-position--stk {
			position: sticky;
		}.u-position--rel {
			position: relative;
		}.u-position--fix {
			position: fixed;
		}.u-position--abs {
			position: absolute;
		}/*------------------------------------*\
    # utils.radius
\*------------------------------------*/.u-radius--base {
            border-radius: 9px;
        }.u-radius--full {
            border-radius: 1000px;
        }/*------------------------------------*\
    # utils.width
\*------------------------------------*/.u-width--50 {
        width: 50%;
    }.u-width--50--px {
            width: 50px;
        }.u-width--80 {
        width: 80%;
    }.u-width--80--px {
            width: 80px;
        }.u-width--100 {
        width: 100%;
    }.u-width--100--px {
            width: 100px;
        }@media (min-width: 48em) {.u-width--100--from-med {
                    width: 100%
            }
                }@media (max-width: 61.9375em) {.u-width--100--to-lrg {
                    width: 100%
            }
                }.u-width--300--px {
            width: 300px;
        }/*------------------------------------*\
    # utils.grid
\*------------------------------------*//**
 * Small grid
 */.col-sml-1 {
    width: 8.33333%;
}.col-sml-2 {
    width: 16.66667%;
}.col-sml-3 {
    width: 25%;
}.col-sml-4 {
    width: 33.33333%;
}.col-sml-5 {
    width: 41.66667%;
}.col-sml-6 {
    width: 50%;
}.col-sml-7 {
    width: 58.33333%;
}.col-sml-8 {
    width: 66.66667%;
}.col-sml-9 {
    width: 75%;
}.col-sml-10 {
    width: 83.33333%;
}.col-sml-11 {
    width: 91.66667%;
}.col-sml-12 {
    width: 100%;
}/**
 * Medium grid
 */@media (min-width: 34em) {
    .col-med-1 {
        width: 8.33333%;
    }

    .col-med-2 {
        width: 16.66667%;
    }

    .col-med-3 {
        width: 25%;
    }

    .col-med-4 {
        width: 33.33333%;
    }

    .col-med-5 {
        width: 41.66667%;
    }

    .col-med-6 {
        width: 50%;
    }

    .col-med-7 {
        width: 58.33333%;
    }

    .col-med-8 {
        width: 66.66667%;
    }

    .col-med-9 {
        width: 75%;
    }

    .col-med-10 {
        width: 83.33333%;
    }

    .col-med-11 {
        width: 91.66667%;
    }

    .col-med-12 {
        width: 100%;
    }
}/**
 * Large grid
 */@media (min-width: 48em) {
    .col-lrg-1 {
        width: 8.33333%;
    }

    .col-lrg-2 {
        width: 16.66667%;
    }

    .col-lrg-3 {
        width: 25%;
    }

    .col-lrg-4 {
        width: 33.33333%;
    }

    .col-lrg-5 {
        width: 41.66667%;
    }

    .col-lrg-6 {
        width: 50%;
    }

    .col-lrg-7 {
        width: 58.33333%;
    }

    .col-lrg-8 {
        width: 66.66667%;
    }

    .col-lrg-9 {
        width: 75%;
    }

    .col-lrg-10 {
        width: 83.33333%;
    }

    .col-lrg-11 {
        width: 91.66667%;
    }

    .col-lrg-12 {
        width: 100%;
    }
}/**
 * XLarge grid
 */@media (min-width: 62em) {
    .col-xlrg-1 {
        width: 8.33333%;
    }

    .col-xlrg-2 {
        width: 16.66667%;
    }

    .col-xlrg-3 {
        width: 25%;
    }

    .col-xlrg-4 {
        width: 33.33333%;
    }

    .col-xlrg-5 {
        width: 41.66667%;
    }

    .col-xlrg-6 {
        width: 50%;
    }

    .col-xlrg-7 {
        width: 58.33333%;
    }

    .col-xlrg-8 {
        width: 66.66667%;
    }

    .col-xlrg-9 {
        width: 75%;
    }

    .col-xlrg-10 {
        width: 83.33333%;
    }

    .col-xlrg-11 {
        width: 91.66667%;
    }

    .col-xlrg-12 {
        width: 100%;
    }
}/**
 * XXLarge grid
 */@media (min-width: 75em) {
    .col-xxlrg-1 {
        width: 8.33333%;
    }

    .col-xxlrg-2 {
        width: 16.66667%;
    }

    .col-xxlrg-3 {
        width: 25%;
    }

    .col-xxlrg-4 {
        width: 33.33333%;
    }

    .col-xxlrg-5 {
        width: 41.66667%;
    }

    .col-xxlrg-6 {
        width: 50%;
    }

    .col-xxlrg-7 {
        width: 58.33333%;
    }

    .col-xxlrg-8 {
        width: 66.66667%;
    }

    .col-xxlrg-9 {
        width: 75%;
    }

    .col-xxlrg-10 {
        width: 83.33333%;
    }

    .col-xxlrg-11 {
        width: 91.66667%;
    }

    .col-xxlrg-12 {
        width: 100%;
    }
}/*------------------------------------*\
    # utils.icon
\*------------------------------------*/.u-icon {
    display: inline-block;

    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
    background-size: contain;

    -webkit-transition: all 250ms ease-out;

    transition: all 250ms ease-out;
}.u-icon--flex {
        -ms-flex-negative: 0;
            flex-shrink: 0;
    }.u-icon--sml {
        min-width: 8px;
        height: 8px;
    }.u-icon--base {
        width: 12px;
        height: 12px;
        background-size: 12px;
    }.u-icon--med {
        min-width: 16px;
        height: 16px;
        background-size: 16px;
    }.u-icon--xmed {
        min-width: 16px;
        height: 16px;
        background-size: 16px;
    }@media (min-width: 48em) {.u-icon--xmed {
            min-width: 20px;
            height: 20px;
            background-size: 20px
    } 
        }.u-icon--lrg {
        width: 24px;
        height: 24px;
    }.u-icon--xlrg {
        width: 32px;
        height: 32px;
    }.u-icon--xxlrg {
        width: 48px;
        height: 48px; 
    }.u-icon--xxxlrg { 
        width: 112px; 
        height: 112px;
    }.u-icon--huge {
        width: 220px;
        height: 220px;
    }.u-icon--play {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.133 6.993L8.82 5.68 6.68 3.54a.721.721 0 0 0-1.227.513v7.894c0 .64.773.96 1.227.506L10.133 9a1.42 1.42 0 0 0 0-2.007z' fill='%2339A2AE'/%3E%3C/svg%3E");
    }.u-icon--facebook {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='43' viewBox='0 0 44 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.297.92h23.344a9.104 9.104 0 0 1 9.104 9.104v23.344a9.104 9.104 0 0 1-9.104 9.103H10.297a9.104 9.104 0 0 1-9.103-9.103V10.024A9.104 9.104 0 0 1 10.297.92z' stroke='%23828282' stroke-width='.809'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.315 19.286h-3.472v-2.747c0-.758.622-.687 1.389-.687h1.388V12.42h-2.777a4.19 4.19 0 0 0-2.946 1.206 4.097 4.097 0 0 0-1.22 2.914v2.747H16.9v3.433h2.777v7.554h4.166v-7.554h2.083l1.389-3.433z' fill='%23828282'/%3E%3C/svg%3E");
    }.u-icon--instagram {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='43' viewBox='0 0 44 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.192.92h23.344a9.104 9.104 0 0 1 9.104 9.104v23.344a9.104 9.104 0 0 1-9.104 9.103H10.192a9.104 9.104 0 0 1-9.103-9.103V10.024A9.104 9.104 0 0 1 10.192.92z' stroke='%23828282' stroke-width='.809'/%3E%3Cg clip-path='url(%23a)' fill='%23828282'%3E%3Cpath d='M26.995 16.139a.429.429 0 1 0 .001.858.429.429 0 0 0 0-.858zM21.867 17.896a3.803 3.803 0 0 0-3.799 3.799 3.803 3.803 0 0 0 3.8 3.798 3.803 3.803 0 0 0 3.798-3.798 3.803 3.803 0 0 0-3.799-3.8z'/%3E%3Cpath d='M25.85 12.871h-7.973a4.844 4.844 0 0 0-4.838 4.838v7.973a4.844 4.844 0 0 0 4.839 4.839h7.973a4.844 4.844 0 0 0 4.838-4.839V17.71a4.844 4.844 0 0 0-4.838-4.838zm-3.986 13.666a4.846 4.846 0 0 1-4.841-4.841 4.846 4.846 0 0 1 4.841-4.841 4.847 4.847 0 0 1 4.841 4.84 4.847 4.847 0 0 1-4.841 4.842zm5.13-8.5a1.473 1.473 0 0 1 0-2.942c.811 0 1.471.66 1.471 1.47 0 .811-.66 1.471-1.47 1.471z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' transform='translate(13.04 12.871)' d='M0 0h17.65v17.65H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    }.u-icon--linkedin {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='43' height='43' viewBox='0 0 43 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.508.92h23.344a9.104 9.104 0 0 1 9.103 9.104v23.344a9.104 9.104 0 0 1-9.103 9.103H9.508a9.104 9.104 0 0 1-9.104-9.103V10.024A9.104 9.104 0 0 1 9.508.92z' stroke='%23828282' stroke-width='.809'/%3E%3Cpath d='M16.232 18.84h-3.39v9.925h3.39V18.84zM15.662 14.207a2.14 2.14 0 0 0-1.846-.163 1.99 1.99 0 0 0-.639.39 1.781 1.781 0 0 0-.425.582 1.641 1.641 0 0 0 .19 1.674c.218.292.525.519.885.652.36.134.754.168 1.135.098.38-.07.73-.24 1.003-.49.274-.25.46-.569.535-.915a1.631 1.631 0 0 0-.113-1.029 1.834 1.834 0 0 0-.725-.8zM21.673 18.839h-3.265l-.012 9.946h3.39v-4.912c0-1.292.271-2.543 2.034-2.543 1.762 0 1.762 1.487 1.762 2.636v4.799h3.39V23.32c0-2.677-.69-4.727-4.079-4.727a3.868 3.868 0 0 0-1.854.395 3.438 3.438 0 0 0-1.366 1.204V18.84z' fill='%23828282'/%3E%3C/svg%3E");
    }.u-icon--twitter {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 51 51' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M11.752.92h27.452c5.913 0 10.706 4.793 10.706 10.706v27.452c0 5.913-4.793 10.706-10.706 10.706H11.752c-5.913 0-10.706-4.793-10.706-10.706V11.626C1.046 5.713 5.839.92 11.752.92z' fill='none' stroke='%23828282' stroke-width='.95'/%3E%3Cpath d='M14.697 15.491l8.137 10.88-8.188 8.846h1.843l7.169-7.745 5.792 7.745h6.272l-8.595-11.492 7.621-8.234h-1.842l-6.603 7.133-5.334-7.133h-6.272zm2.711 1.358h2.881l12.722 17.01H30.13l-12.722-17.01z' fill='%23828282' fill-rule='nonzero'/%3E%3C/svg%3E");
    }.u-icon--youtube {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='43' viewBox='0 0 44 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.403.92h23.344a9.104 9.104 0 0 1 9.103 9.104v23.344a9.104 9.104 0 0 1-9.103 9.103H10.403a9.104 9.104 0 0 1-9.104-9.103V10.024A9.104 9.104 0 0 1 10.403.92z' stroke='%23828282' stroke-width='.809'/%3E%3Cpath d='M28.057 27.253H16.092a2.842 2.842 0 0 1-2.842-2.842v-6.933a2.842 2.842 0 0 1 2.842-2.842h11.965a2.842 2.842 0 0 1 2.842 2.842v6.933a2.842 2.842 0 0 1-2.842 2.842z' fill='%23828282'/%3E%3Cpath d='M28.058 14.636h-1.065a2.842 2.842 0 0 1 2.84 2.843v6.93a2.842 2.842 0 0 1-2.84 2.844h1.065a2.842 2.842 0 0 0 2.841-2.844v-6.93a2.842 2.842 0 0 0-2.84-2.843z' fill='%23828282'/%3E%3Cpath d='M19.963 18.472v4.944c0 .328.359.531.64.361l4.095-2.471a.423.423 0 0 0 0-.724l-4.095-2.472a.422.422 0 0 0-.64.362z' fill='%23202020'/%3E%3C/svg%3E");
    }/*------------------------------------*\
    # utils.float
\*------------------------------------*/.u-float--left {
        float: left;
    }@media (min-width: 48em) {.u-float--right {
            float: right
    }
        }/*------------------------------------*\
    # utils.flex
\*------------------------------------*/.u-flex {
    
    display: -webkit-box;
    
    display: -ms-flexbox;
    
    display: flex;
}/*------------------------------------*\
    # plugins.sticky-header
\*------------------------------------*/.p-sticky-header {
        -webkit-transition: background 400ms cubic-bezier(0.25, 0.37, 0.17, 0.96);
        transition: background 400ms cubic-bezier(0.25, 0.37, 0.17, 0.96); 
    }.p-sticky-header[data-scroll="in"] {
        z-index: 9999;
    
        background-color: rgb(242, 177, 71); 
        height: 60px;
        padding: 8px 16px;
    }@media (min-width: 48em) {.p-sticky-header[data-scroll="in"] {
            padding: 16px 16px
    }
        }@media (min-width: 62em) {.p-sticky-header[data-scroll="in"] {
            padding: 16px 56px
    }
        }@media (min-width: 75em) {.p-sticky-header[data-scroll="in"] {
            padding: 16px 92px
    }
        }.p-sticky-header[data-scroll="in"].is-blured {
            backdrop-filter: unset;
            -webkit-transition: none;
            transition: none;
        }.p-sticky-header[data-scroll="in"] .c-header__logo {
            background-image: url("../img/logo_w.svg");
            background-position: center left;
            margin-bottom: 0;
        }.p-sticky-header[data-scroll="in"] .c-header__small {
            display: none;
        }.p-sticky-header[data-scroll="in"] .c-nav--primary__link {
            color: white;
            border-bottom: 0px;
            padding: 4px 8px;
        }.p-sticky-header[data-scroll="in"] .c-nav--primary__link:hover, .p-sticky-header[data-scroll="in"] .c-nav--primary__link:focus {
                color: #39A2AE;
                border-bottom: 0px;
            }.p-sticky-header[data-scroll="in"] .is-btn {
            background-color: #39A2AE;
            padding: 4px 24px !important;
            color: white;
        }.p-sticky-header[data-scroll="in"] .is-btn:hover, .p-sticky-header[data-scroll="in"] .is-btn:focus {
                color: white;
            }@supports (-moz-appearance: none) {
        .p-sticky-header[data-scroll="in"] {
            background-color: #FFB847;
        }
    }