/**
 * Theme Name: ROAR! Child Theme
 * Theme URI: https://www.roarwebdesign.com
 * Description: MKS Child Theme for ROAR! Internet Marketing client (Legacy V1 Cleaned - Header/Footer removed)
 * Author: ROAR! Internet Marketing
 * Author URI: https://www.roarwebdesign.com
 * Version: 1.2.37
 * Template: roar-theme
 */

:root {
    --primary-color: #ef4e23;
    --secondary-color: #566166;
    --accent-color: #424b66;
    --futura: futura-pt, sans-serif
}

.team-members-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.team-members-list:last-child {
    margin: 0
}

/* .cw,
[class*=content-width--] {
    margin: 0 auto;
    max-width: 100%;
    padding: 0 1.8rem
}

@media screen and (min-width:600px) {

    .cw,
    [class*=content-width--] {
        max-width: 91.6666666667%;
        padding: 0
    }
}

@media screen and (min-width:768px) {

    .cw,
    [class*=content-width--] {
        max-width: 93.0989583333%
    }
}

@media screen and (min-width:992px) {

    .cw,
    [class*=content-width--] {
        max-width: 94.7580645161%
    }
}

@media screen and (min-width:1200px) {

    .cw,
    [class*=content-width--] {
        max-width: 1140px;
        max-width: 114rem
    }
}

@media screen and (min-width:1366px) {

    .cw,
    [class*=content-width--] {
        max-width: 1280px;
        max-width: 128rem
    }
}

@media screen and (min-width:1800px) {

    .cw,
    [class*=content-width--] {
        max-width: 1440px;
        max-width: 144rem
    }
} */

.typography--white a,
.typography--white h1,
.typography--white h2,
.typography--white h3,
.typography--white h4,
.typography--white h5,
.typography--white h6,
.typography--white ol,
.typography--white ol li,
.typography--white p,
.typography--white span,
.typography--white ul,
.typography--white ul li {
    color: var(--white)
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--h-font);
    font-weight: var(--h-font-weight);
    line-height: 1.1
}

.h1,
h1 {
    font-size: var(--h1-mobile-size)
}

@media screen and (min-width:992px) {

    .h1,
    h1 {
        font-size: var(--h1-size)
    }
}

.h2,
h2 {
    font-size: var(--h2-mobile-size)
}

@media screen and (min-width:992px) {

    .h2,
    h2 {
        font-size: var(--h2-size)
    }
}

.h2.alt,
h2.alt {
    font-weight: 400
}

.h3,
h3 {
    font-size: var(--h3-size)
}

.h4,
h4 {
    font-size: var(--h4-size)
}

.h5,
h5 {
    font-size: var(--h5-size)
}

.h6,
h6 {
    font-size: var(--h6-size)
}

.special-icon-container {
    position: relative;
    z-index: 5
}

.special-icon-container:before {
    background-color: rgba(239, 78, 35, .15);
    border-radius: 50%;
    content: "";
    height: 60px;
    height: 6rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 60px;
    width: 6rem;
    z-index: 10
}

.special-icon-container svg {
    color: var(--primary-color);
    height: 54px;
    height: 5.4rem;
    position: relative;
    top: 50%;
    transform: translate(3rem, -50%);
    width: 54px;
    width: 5.4rem;
    z-index: 15
}

a {
    color: var(--link-color);
    font-weight: var(--link-font-weight);
    -webkit-text-decoration: var(--link-td);
    text-decoration: var(--link-td);
    transition: color .4s cubic-bezier(.39, .575, .565, 1)
}

a:active,
a:visited {
    -webkit-text-decoration: var(--link-td);
    text-decoration: var(--link-td)
}

a:active,
a:focus,
a:visited {
    color: var(--link-color);
    outline: none
}

a:focus,
a:hover {
    text-decoration: underline
}

a:hover {
    color: var(--link-color-hover)
}

.special-link {
    color: var(--primary-color);
    font-family: var(--futura);
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    vertical-align: middle
}

.special-link:active,
.special-link:visited {
    color: var(--primary-color);
    text-decoration: none
}

.special-link:focus,
.special-link:hover {
    color: var(--secondary-color);
    text-decoration: none
}

.special-link:focus svg,
.special-link:hover svg {
    animation: specialLinkSvg .3s cubic-bezier(.455, .03, .515, .955) infinite alternate
}

.special-link span,
.special-link svg {
    display: inline-block;
    line-height: 1;
    vertical-align: middle
}

.special-link svg {
    height: 16px;
    height: 1.6rem;
    margin-left: .5rem;
    transition: transform .2s cubic-bezier(.25, .46, .45, .94);
    width: 16px;
    width: 1.6rem
}

@keyframes specialLinkSvg {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(.5rem)
    }
}

.fw--blog-posts {
    padding: 3rem 0
}

@media screen and (min-width:1200px) {
    .fw--blog-posts {
        padding: 5rem 0
    }
}

.loop__single {
    background-color: var(--white);
    border-radius: 3rem;
    box-shadow: 0 0 30px 0 rgba(129, 146, 154, .25);
    margin-bottom: var(--default-margin);
    padding: calc(var(--default-margin)/1.5)
}

@media screen and (min-width:992px) {
    .loop__single {
        padding: var(--default-margin)
    }
}

@media screen and (min-width:1200px) {
    .loop__single {
        padding: var(--default-margin)
    }
}

.loop__category {
    color: var(--primary-color);
    font-family: var(--futura);
    font-weight: 600;
    margin-bottom: calc(var(--default-margin)/2);
    text-transform: uppercase
}

.loop__title {
    font-size: 32px;
    font-size: 3.2rem
}

.loop__title a {
    text-decoration: none
}

.loop__title a,
.loop__title a:active,
.loop__title a:visited {
    color: var(--link-color)
}

.loop__title a:focus,
.loop__title a:hover {
    color: var(--primary-color);
    text-decoration: none
}

@media screen and (min-width:1200px) {
    .loop__title {
        font-size: 32px;
        font-size: 3.2rem
    }
}

.loop__excerpt .view-article {
    display: none
}

.fw--post-detail {
    padding: 3rem 0
}

@media screen and (min-width:1200px) {
    .fw--post-detail {
        padding: 5rem 0
    }
}

.post-detail {
    background-color: var(--white);
    border-radius: 3rem;
    box-shadow: 0 0 30px 0 rgba(129, 146, 154, .25);
    padding: calc(var(--default-margin)/1.5)
}

@media screen and (min-width:992px) {
    .post-detail {
        padding: var(--default-margin)
    }
}

@media screen and (min-width:1200px) {
    .post-detail {
        padding: var(--default-margin)
    }
}

.post-detail__category {
    color: var(--primary-color);
    font-family: var(--futura);
    font-weight: 600;
    margin-bottom: calc(var(--default-margin)/2);
    text-transform: uppercase
}

.post-detail__title {
    font-size: 32px;
    font-size: 3.2rem
}

.post-detail__title a {
    text-decoration: none
}

.post-detail__title a,
.post-detail__title a:active,
.post-detail__title a:visited {
    color: var(--link-color)
}

.post-detail__title a:focus,
.post-detail__title a:hover {
    color: var(--primary-color);
    text-decoration: none
}

@media screen and (min-width:1200px) {
    .post-detail__title {
        font-size: 32px;
        font-size: 3.2rem
    }
}

.page__row--blog,
.page__row--post {
    align-items: flex-start;
    display: flex;
    flex: 1 0 auto;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.page__content--blog {
    flex-basis: 100%;
    max-width: 100%;
    padding-bottom: var(--default-margin)
}

@media screen and (min-width:992px) {
    .page__content--blog {
        flex-basis: 75%;
        max-width: 75%;
        padding-bottom: 0;
        padding-right: var(--default-margin)
    }
}

.page__content--post {
    flex-basis: 100%;
    max-width: 100%;
    padding-bottom: var(--default-margin)
}

@media screen and (min-width:992px) {
    .page__content--post {
        flex-basis: 75%;
        max-width: 75%;
        padding-bottom: 0;
        padding-right: var(--default-margin)
    }
}

.page__sidebar--blog {
    flex-basis: 100%;
    max-width: 100%
}

@media screen and (min-width:992px) {
    .page__sidebar--blog {
        flex-basis: 25%;
        max-width: 25%
    }
}

.page__sidebar--blog .sidebar-widget {
    background-color: var(--white);
    border-radius: 3rem;
    box-shadow: 0 0 30px 0 rgba(129, 146, 154, .25);
    padding: calc(var(--default-margin)/1.5)
}

@media screen and (min-width:992px) {
    .page__sidebar--blog .sidebar-widget {
        padding: var(--default-margin)
    }
}

@media screen and (min-width:1200px) {
    .page__sidebar--blog .sidebar-widget {
        padding: var(--default-margin)
    }
}

.page__sidebar--blog .sidebar-widget h3 {
    font-family: var(--futura);
    font-weight: 600;
    text-transform: uppercase
}

.page__sidebar--blog .sidebar-widget .wp-block-categories-list {
    color: var(--primary-color)
}

.page__sidebar--blog .sidebar-widget .wp-block-categories-list li {
    color: var(--primary-color);
    padding: .5rem
}

.page__sidebar--blog .sidebar-widget .wp-block-categories-list li a {
    color: var(--primary-color)
}

.page__sidebar--blog .sidebar-widget .widget-box {
    margin-bottom: calc(var(--default-margin)/2)
}

.page__sidebar--blog .sidebar-widget .widget-box:last-child {
    margin-bottom: 0
}

.page__sidebar--post {
    flex-basis: 100%;
    max-width: 100%
}

@media screen and (min-width:992px) {
    .page__sidebar--post {
        flex-basis: 25%;
        max-width: 25%
    }
}

.page__sidebar--post .sidebar-widget {
    background-color: var(--white);
    border-radius: 3rem;
    box-shadow: 0 0 30px 0 rgba(129, 146, 154, .25);
    padding: calc(var(--default-margin)/1.5)
}

@media screen and (min-width:992px) {
    .page__sidebar--post .sidebar-widget {
        padding: var(--default-margin)
    }
}

@media screen and (min-width:1200px) {
    .page__sidebar--post .sidebar-widget {
        padding: var(--default-margin)
    }
}

.page__sidebar--post .sidebar-widget h3 {
    font-family: var(--futura);
    font-weight: 600;
    margin-bottom: calc(var(--default-margin)/2);
    text-transform: uppercase
}

.page__sidebar--post .sidebar-widget .wp-block-categories-list {
    color: var(--primary-color)
}

.page__sidebar--post .sidebar-widget .wp-block-categories-list li {
    color: var(--primary-color);
    padding: .5rem
}

.page__sidebar--post .sidebar-widget .wp-block-categories-list li a {
    color: var(--primary-color)
}

.page__sidebar--post .sidebar-widget .widget-box {
    margin-bottom: calc(var(--default-margin)/2)
}

.page__sidebar--post .sidebar-widget .widget-box:last-child {
    margin-bottom: 0
}

.similar-blog {
    display: block
}

.similar-blog__row {
    align-items: stretch;
    display: flex;
    flex: 1 0 auto;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly
}

.similar-blog__col {
    flex-basis: 100%;
    max-width: 100%;
    padding: 0 calc(var(--default-margin)/3) calc(var(--default-margin)/3)
}

@media screen and (min-width:992px) {
    .similar-blog__col {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }
}

.similar-blog__inner {
    align-items: flex-start;
    background-color: var(--white);
    border-radius: 3rem;
    box-shadow: 0 0 30px 0 rgba(129, 146, 154, .25);
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: flex-start;
    min-height: 0;
    padding: calc(var(--default-margin)/1.5);
    width: 100%
}

@media screen and (min-width:992px) {
    .similar-blog__inner {
        padding: var(--default-margin)
    }
}

@media screen and (min-width:1200px) {
    .similar-blog__inner {
        padding: var(--default-margin)
    }
}

.similar-blog__category {
    color: var(--primary-color);
    font-family: var(--futura);
    font-weight: 600;
    margin-bottom: calc(var(--default-margin)/2);
    text-transform: uppercase
}

.similar-blog__title {
    font-size: 32px;
    font-size: 3.2rem
}

@media screen and (min-width:1200px) {
    .similar-blog__title {
        font-size: 32px;
        font-size: 3.2rem
    }
}

.similar-blog__title-link {
    color: var(--link-color);
    text-decoration: none
}

.similar-blog__title-link:active,
.similar-blog__title-link:visited {
    color: var(--link-color)
}

.similar-blog__title-link:focus,
.similar-blog__title-link:hover {
    color: var(--primary-color);
    text-decoration: none
}

.similar-blog__excerpt .view-article {
    display: none
}

.btn,
.roar-theme .gform_wrapper.gravity-theme .gform_footer button,
.roar-theme .gform_wrapper.gravity-theme .gform_footer input {
    border-radius: var(--border-radius);
    display: inline-block;
    font-weight: 700;
    padding: var(--btn-p-vert) var(--btn-p-horz);
    text-align: center;
    text-decoration: none;
    transition: background-color .4s cubic-bezier(.39, .575, .565, 1), color .4s cubic-bezier(.39, .575, .565, 1)
}

.btn span,
.btn svg,
.roar-theme .gform_wrapper.gravity-theme .gform_footer button span,
.roar-theme .gform_wrapper.gravity-theme .gform_footer button svg,
.roar-theme .gform_wrapper.gravity-theme .gform_footer input span,
.roar-theme .gform_wrapper.gravity-theme .gform_footer input svg {
    color: currentColor;
    display: inline-block;
    vertical-align: middle
}

.btn:active,
.btn:visited,
.roar-theme .gform_wrapper.gravity-theme .gform_footer button:active,
.roar-theme .gform_wrapper.gravity-theme .gform_footer button:visited,
.roar-theme .gform_wrapper.gravity-theme .gform_footer input:active,
.roar-theme .gform_wrapper.gravity-theme .gform_footer input:visited {
    outline: 0
}

.btn:focus,
.btn:hover,
.roar-theme .gform_wrapper.gravity-theme .gform_footer button:focus,
.roar-theme .gform_wrapper.gravity-theme .gform_footer button:hover,
.roar-theme .gform_wrapper.gravity-theme .gform_footer input:focus,
.roar-theme .gform_wrapper.gravity-theme .gform_footer input:hover {
    outline: 0;
    text-decoration: none
}

.btn:focus span,
.btn:focus svg,
.btn:hover span,
.btn:hover svg,
.roar-theme .gform_wrapper.gravity-theme .gform_footer button:focus span,
.roar-theme .gform_wrapper.gravity-theme .gform_footer button:focus svg,
.roar-theme .gform_wrapper.gravity-theme .gform_footer button:hover span,
.roar-theme .gform_wrapper.gravity-theme .gform_footer button:hover svg,
.roar-theme .gform_wrapper.gravity-theme .gform_footer input:focus span,
.roar-theme .gform_wrapper.gravity-theme .gform_footer input:focus svg,
.roar-theme .gform_wrapper.gravity-theme .gform_footer input:hover span,
.roar-theme .gform_wrapper.gravity-theme .gform_footer input:hover svg {
    color: currentColor
}

button {
    background: none;
    border: none;
    cursor: pointer;
    font-family: var(--p-font);
    line-height: 1;
    margin: 0
}

.btn--primary,
.roar-theme .gform_wrapper.gravity-theme .gform_footer button,
.roar-theme .gform_wrapper.gravity-theme .gform_footer input {
    background-color: #ef4e23;
    color: #fff
}

.btn--primary:active,
.btn--primary:focus,
.btn--primary:visited,
.roar-theme .gform_wrapper.gravity-theme .gform_footer button:active,
.roar-theme .gform_wrapper.gravity-theme .gform_footer button:focus,
.roar-theme .gform_wrapper.gravity-theme .gform_footer button:visited,
.roar-theme .gform_wrapper.gravity-theme .gform_footer input:active,
.roar-theme .gform_wrapper.gravity-theme .gform_footer input:focus,
.roar-theme .gform_wrapper.gravity-theme .gform_footer input:visited {
    color: #fff
}

.btn--primary:hover,
.roar-theme .gform_wrapper.gravity-theme .gform_footer button:hover,
.roar-theme .gform_wrapper.gravity-theme .gform_footer input:hover {
    background-color: #d0380f;
    color: #fff
}

.btn--primary-o {
    background-color: rgba(239, 78, 35, 0);
    border: 2px solid #ef4e23;
    color: #ef4e23
}

.btn--primary-o span,
.btn--primary-o svg,
.btn--primary-o:active,
.btn--primary-o:focus,
.btn--primary-o:visited {
    color: #ef4e23
}

.btn--primary-o:hover {
    background-color: #ef4e23;
    color: #fff
}

.btn--secondary {
    background-color: #566166;
    color: #fff
}

.btn--secondary:active,
.btn--secondary:focus,
.btn--secondary:visited {
    color: #fff
}

.btn--secondary:hover {
    background-color: #3f474a;
    color: #fff
}

.btn--secondary-o {
    background-color: rgba(86, 97, 102, 0);
    border: 2px solid #566166;
    color: #566166
}

.btn--secondary-o span,
.btn--secondary-o svg,
.btn--secondary-o:active,
.btn--secondary-o:focus,
.btn--secondary-o:visited {
    color: #566166
}

.btn--secondary-o:hover {
    background-color: #566166;
    color: #fff
}

.btn--accent {
    background-color: #424b66;
    color: #fff
}

.btn--accent:active,
.btn--accent:focus,
.btn--accent:visited {
    color: #fff
}

.btn--accent:hover {
    background-color: #2e3447;
    color: #fff
}

.btn--accent-o {
    background-color: rgba(66, 75, 102, 0);
    border: 2px solid #424b66;
    color: #424b66
}

.btn--accent-o span,
.btn--accent-o svg,
.btn--accent-o:active,
.btn--accent-o:focus,
.btn--accent-o:visited {
    color: #424b66
}

.btn--accent-o:hover {
    background-color: #424b66;
    color: #fff
}

.btn--black {
    background-color: #1c1c1d;
    color: #fff
}

.btn--black:active,
.btn--black:focus,
.btn--black:visited {
    color: #fff
}

.btn--black:hover {
    background-color: #030303;
    color: #fff
}

.btn--black-o {
    background-color: rgba(28, 28, 29, 0);
    border: 2px solid #1c1c1d;
    color: #1c1c1d
}

.btn--black-o span,
.btn--black-o svg,
.btn--black-o:active,
.btn--black-o:focus,
.btn--black-o:visited {
    color: #1c1c1d
}

.btn--black-o:hover {
    background-color: #1c1c1d;
    color: #fff
}

.btn--white {
    background-color: #fff;
    color: #fff
}

.btn--white:active,
.btn--white:focus,
.btn--white:visited {
    color: #fff
}

.btn--white:hover {
    background-color: #e6e6e6;
    color: #fff
}

.btn--white-o {
    background-color: hsla(0, 0%, 100%, 0);
    border: 2px solid #fff;
    color: #fff
}

.btn--white-o span,
.btn--white-o svg,
.btn--white-o:active,
.btn--white-o:focus,
.btn--white-o:visited {
    color: #fff
}

.btn--white-o:hover {
    background-color: #fff;
    color: #566166
}

.fw--blogpage-hero,
.fw--frontpage-hero,
.fw--page-hero {
    background-color: var(--white);
    overflow: hidden;
    position: relative;
    z-index: 10
}

.fw--blogpage-hero .cw,
.fw--frontpage-hero .cw,
.fw--page-hero .cw {
    position: relative;
    z-index: 30
}

.fw--blogpage-hero[class*=fw--],
.fw--page-hero[class*=fw--] {
    padding: calc(var(--base-space)*2.5) 0
}

@media screen and (min-width:600px) {

    .fw--blogpage-hero[class*=fw--],
    .fw--page-hero[class*=fw--] {
        padding: calc(var(--base-space)*3) 0
    }
}

@media screen and (min-width:992px) {

    .fw--blogpage-hero[class*=fw--],
    .fw--page-hero[class*=fw--] {
        padding: calc(var(--base-space)*3.5) 0
    }
}

@media screen and (min-width:1366px) {

    .fw--blogpage-hero[class*=fw--],
    .fw--page-hero[class*=fw--] {
        padding: calc(var(--base-space)*4) 0
    }
}

@media screen and (min-width:1800px) {

    .fw--blogpage-hero[class*=fw--],
    .fw--page-hero[class*=fw--] {
        padding: calc(var(--base-space)*5) 0
    }
}

.fw--frontpage-hero[class*=fw--] {
    padding: calc(var(--base-space)*3) 0
}

@media screen and (min-width:768px) {
    .fw--frontpage-hero[class*=fw--] {
        padding: calc(var(--base-space)*4) 0
    }
}

@media screen and (min-width:992px) {
    .fw--frontpage-hero[class*=fw--] {
        padding: calc(var(--base-space)*5) 0
    }
}

@media screen and (min-width:1366px) {
    .fw--frontpage-hero[class*=fw--] {
        padding: calc(var(--base-space)*6) 0
    }
}

@media screen and (min-width:1800px) {
    .fw--frontpage-hero[class*=fw--] {
        padding: calc(var(--base-space)*8) 0
    }
}

.page-hero {
    align-items: flex-start;
    display: flex;
    flex: 1 0 auto;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: static;
    z-index: 15
}

@media screen and (min-width:992px) {
    .page-hero__video {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 50.5%;
        z-index: 35
    }
}

.page-hero__image {
    background-attachment: scroll;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    height: 100%;
    position: absolute;
    right: 0;
    width: 75%;
    z-index: 15
}

.page-hero__content {
    background-blend-mode: multiply;
    background-color: rgba(66, 75, 102, .8);
    flex-basis: 100%;
    max-width: 100%;
    padding: 2rem;
    position: relative;
    z-index: 20
}

@media screen and (min-width:992px) {
    .page-hero__content {
        flex-basis: 59.1666666667%;
        max-width: 59.1666666667%;
        padding: 4rem
    }
}

@media screen and (min-width:1200px) {
    .page-hero__content {
        padding: 5rem
    }
}

@media screen and (min-width:1366px) {
    .page-hero__content {
        padding: 6rem
    }
}

.page-hero__content a,
.page-hero__content h1,
.page-hero__content p {
    color: var(--white)
}

.page-hero__content .btn--general-cta {
    display: block;
    font-size: 17.5px;
    font-size: 1.75rem;
    max-width: 350px;
    max-width: 35rem
}

.page-hero__content--video {
    background-blend-mode: normal;
    background-color: #424b66;
    z-index: 18
}

@media screen and (min-width:992px) {
    .page-hero__content--video {
        flex-basis: 51%;
        max-width: 51%
    }

    .page-hero__content--front h1 {
        font-size: var(--h1-size)
    }

    .page-hero__content--front p {
        font-size: 20px;
        font-size: 2rem
    }
}

.team-members-list__single {
    margin-bottom: calc(var(--default-margin)*2)
}

.team-members-list__row {
    align-items: center;
    display: flex;
    flex: 1 0 auto;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly
}

.team-members-list__image-container {
    flex-basis: 90%;
    max-width: 90%;
    order: 1;
    padding-bottom: calc(var(--default-margin)*1)
}

@media screen and (min-width:768px) {
    .team-members-list__image-container {
        flex-basis: 40%;
        max-width: 40%
    }
}

@media screen and (min-width:992px) {
    .team-members-list__image-container {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%;
        padding-bottom: 0;
        padding-right: calc(var(--default-margin)*1)
    }
}

.team-members-list__single--even .team-members-list__image-container {
    order: 1
}

@media screen and (min-width:992px) {
    .team-members-list__single--even .team-members-list__image-container {
        order: 2;
        padding-bottom: 0;
        padding-left: calc(var(--default-margin)*1);
        padding-right: 0
    }
}

.team-members-list__single--odd .team-members-list__image-container .image-treatment .image-treatment__box-1 {
    left: auto;
    right: 25%
}

.team-members-list__single--odd .team-members-list__image-container .image-treatment .image-treatment__box-2 {
    left: -5%;
    right: auto
}

.team-members-list__content {
    flex-basis: 100%;
    max-width: 100%;
    order: 1
}

@media screen and (min-width:768px) {
    .team-members-list__content {
        flex-basis: 100%;
        max-width: 100%
    }
}

@media screen and (min-width:992px) {
    .team-members-list__content {
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }
}

.team-members-list__single--even .team-members-list__content {
    order: 2
}

@media screen and (min-width:992px) {
    .team-members-list__single--even .team-members-list__content {
        order: 1
    }
}

.team-members-list__name {
    font-size: var(--h2-mobile-size);
    margin-bottom: calc(var(--default-margin)/2.5)
}

@media screen and (min-width:992px) {
    .team-members-list__name {
        font-size: var(--h2-size)
    }
}

.team-members-list__title {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: calc(var(--default-margin)/2.5)
}

.testimonials-section {
    margin: 0 auto;
    max-width: 95%
}

@media screen and (min-width:992px) {
    .testimonials-section {
        max-width: 85%
    }
}

.testimonials-section__row {
    align-items: flex-start;
    display: flex;
    flex: 1 0 auto;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly
}

.testimonials-section__col--title {
    flex-basis: 100%;
    margin-bottom: var(--default-margin);
    max-width: 100%
}

@media screen and (min-width:992px) {
    .testimonials-section__col--title {
        margin-bottom: calc(var(--default-margin)*2)
    }
}

.testimonials-section__col--left-content {
    flex-basis: 100%;
    max-width: 100%;
    padding-bottom: 1rem
}

@media screen and (min-width:992px) {
    .testimonials-section__col--left-content {
        flex-basis: 50%;
        max-width: 50%;
        padding-bottom: 0;
        padding-right: 1rem
    }
}

.testimonials-section__col--left-content .text-area {
    font-weight: 600
}

.testimonials-section__col--right-content {
    flex-basis: 100%;
    max-width: 100%
}

@media screen and (min-width:992px) {
    .testimonials-section__col--right-content {
        flex-basis: 50%;
        max-width: 50%;
        padding-left: 1rem
    }
}

.testimonials-section__testimonial {
    border-radius: 3rem;
    box-shadow: 0 0 30px 0 rgba(129, 146, 154, .25);
    margin: var(--default-margin) auto;
    max-width: 95%;
    padding: calc(var(--default-margin)*1.5);
    position: relative
}

@media screen and (min-width:992px) {
    .testimonials-section__testimonial {
        max-width: 90%;
        padding: calc(var(--default-margin)*1) calc(var(--default-margin)*2)
    }
}

.testimonials-section__testimonial:first-child {
    margin-top: 0
}

.testimonials-section__testimonial:last-child {
    margin-bottom: 0
}

.testimonials-section__testimonial--white {
    background-color: var(--white)
}

.testimonials-section__testimonial--black {
    background-color: #2b3033
}

.testimonials-section__icon {
    color: var(--primary-color);
    left: 15px;
    left: 1.5rem;
    position: absolute;
    top: 15px;
    top: 1.5rem
}

.testimonials-section__icon svg {
    height: 30px;
    height: 3rem;
    width: 30px;
    width: 3rem
}

.testimonials-section__quote {
    font-family: var(--futura);
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: calc(var(--default-margin)/2)
}

@media screen and (min-width:992px) {
    .testimonials-section__quote {
        font-size: 24px;
        font-size: 2.4rem
    }
}

.testimonials-section__source {
    color: #566166;
    font-size: 18px;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 500
}

@media screen and (min-width:992px) {
    .testimonials-section__source {
        font-size: 22px;
        font-size: 2.2rem
    }
}

.testimonials-section__testimonial--black .testimonials-section__source {
    color: hsla(0, 0%, 100%, .6)
}

.roar-theme .gform_wrapper.gravity-theme .gfield_label {
    font-family: var(--futura);
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700
}

@media screen and (min-width:992px) {
    .roar-theme .gform_wrapper.gravity-theme .gfield_label {
        font-size: 18px;
        font-size: 1.8rem
    }
}

.roar-theme .gform_wrapper.gravity-theme .gfield_required {
    color: var(--error);
    font-family: var(--futura);
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    vertical-align: top
}

@media screen and (min-width:992px) {
    .roar-theme .gform_wrapper.gravity-theme .gfield_required {
        font-size: 18px;
        font-size: 1.8rem
    }
}

.roar-theme .gform_wrapper.gravity-theme .gfield .gfield_checkbox input,
.roar-theme .gform_wrapper.gravity-theme .gfield .gfield_checkbox label,
.roar-theme .gform_wrapper.gravity-theme .gfield .gfield_radio input,
.roar-theme .gform_wrapper.gravity-theme .gfield .gfield_radio label {
    cursor: pointer
}

.roar-theme .gform_wrapper.gravity-theme .gfield .gfield_checkbox label,
.roar-theme .gform_wrapper.gravity-theme .gfield .gfield_radio label {
    font-family: var(--futura);
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 500
}

.roar-theme .gform_wrapper.gravity-theme input[type=color],
.roar-theme .gform_wrapper.gravity-theme input[type=date],
.roar-theme .gform_wrapper.gravity-theme input[type=datetime-local],
.roar-theme .gform_wrapper.gravity-theme input[type=datetime],
.roar-theme .gform_wrapper.gravity-theme input[type=email],
.roar-theme .gform_wrapper.gravity-theme input[type=month],
.roar-theme .gform_wrapper.gravity-theme input[type=number],
.roar-theme .gform_wrapper.gravity-theme input[type=password],
.roar-theme .gform_wrapper.gravity-theme input[type=search],
.roar-theme .gform_wrapper.gravity-theme input[type=tel],
.roar-theme .gform_wrapper.gravity-theme input[type=text],
.roar-theme .gform_wrapper.gravity-theme input[type=time],
.roar-theme .gform_wrapper.gravity-theme input[type=url],
.roar-theme .gform_wrapper.gravity-theme input[type=week],
.roar-theme .gform_wrapper.gravity-theme select,
.roar-theme .gform_wrapper.gravity-theme textarea {
    border: 1px solid #40494d;
    border-radius: .5rem;
    color: var(--black);
    font-family: var(--p-font);
    font-family: var(--futura);
    font-size: 16px;
    font-size: 1.6rem
}

.roar-theme .gform_wrapper.gravity-theme select {
    height: 52px;
    height: 5.2rem
}

@media screen and (min-width:768px) {
    .roar-theme .gform_wrapper.gravity-theme select {
        height: 39px;
        height: 3.9rem
    }
}

.roar-theme .gform_wrapper.gravity-theme .gform_footer button,
.roar-theme .gform_wrapper.gravity-theme .gform_footer input {
    cursor: pointer;
    display: block;
    font-family: var(--futura);
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
    text-transform: uppercase;
    width: 100%
}

.roar-theme .gform_wrapper.gravity-theme .gf-block {
    border-bottom: 3px solid var(--primary-color);
    padding: 1rem 0
}

.roar-theme .gform_wrapper.gravity-theme .gf-block__content {
    color: var(--primary-color);
    font-family: var(--futura);
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 600
}

.acf-map,
textarea {
    width: 100%
}

.acf-map {
    border: 1px solid #ccc;
    height: 400px;
    margin: 20px 0
}

.acf-map img {
    max-width: inherit !important
}