/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 *  Modified 06/12/2018 - Remove all except @font-face for the purposes of local
 *   application and CDN hosting of the fonts and CSS values.
 */
@font-face {
    font-display: swap;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    src: url(https://learn.appfolio.com/apm/www/v3/fonts/font-awesome/webfont.eot?v=4.7.0);
    src: url(https://learn.appfolio.com/apm/www/v3/fonts/font-awesome/webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(https://learn.appfolio.com/apm/www/v3/fonts/font-awesome/webfont.woff2?v=4.7.0) format("woff2"),
        url(https://learn.appfolio.com/apm/www/v3/fonts/font-awesome/webfont.woff?v=4.7.0) format("woff"), url(https://learn.appfolio.com/apm/www/v3/fonts/font-awesome/webfont.ttf?v=4.7.0) format("truetype"),
        url(https://learn.appfolio.com/apm/www/v3/fonts/font-awesome/webfont.svg?v=4.7.0#fontawesomeregular) format("svg");
}
@font-face {
    font-display: swap;
    font-family: HelveticaNowDisplay;
    font-style: normal;
    font-weight: 400;
    src: url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/display/regular.eot);
    src: url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/display/regular.eot) format("embedded-opentype"), url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/display/regular.woff2) format("woff2"),
        url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/display/regular.woff) format("woff"), url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/display/regular.ttf) format("truetype"),
        url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/display/regular.svg) format("svg");
}
@font-face {
    font-display: swap;
    font-family: HelveticaNowDisplayBold;
    font-style: normal;
    font-weight: 400;
    src: url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/display/bold.eot);
    src: url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/display/bold.eot) format("embedded-opentype"), url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/display/bold.woff2) format("woff2"),
        url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/display/bold.woff) format("woff"), url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/display/bold.ttf) format("truetype"),
        url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/display/bold.svg) format("svg");
}
@font-face {
    font-display: swap;
    font-family: HelveticaNowDisplayLight;
    font-style: normal;
    font-weight: 400;
    src: url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/display/light.eot);
    src: url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/display/light.eot) format("embedded-opentype"), url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/display/light.woff2) format("woff2"),
        url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/display/light.woff) format("woff"), url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/display/light.ttf) format("truetype"),
        url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/display/light.svg) format("svg");
}
@font-face {
    font-display: swap;
    font-family: HelveticaNowDisplayMedium;
    font-style: normal;
    font-weight: 400;
    src: url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/display/medium.eot);
    src: url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/display/medium.eot) format("embedded-opentype"), url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/display/medium.woff2) format("woff2"),
        url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/display/medium.woff) format("woff"), url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/display/medium.ttf) format("truetype"),
        url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/display/medium.svg) format("svg");
}
@font-face {
    font-display: swap;
    font-family: HelveticaNowText;
    font-style: normal;
    font-weight: 400;
    src: url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/text/regular.eot);
    src: url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/text/regular.eot) format("embedded-opentype"), url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/text/regular.woff2) format("woff2"),
        url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/text/regular.woff) format("woff"), url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/text/regular.ttf) format("truetype"),
        url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/text/regular.svg) format("svg");
}
@font-face {
    font-display: swap;
    font-family: HelveticaNowTextBold;
    font-style: normal;
    font-weight: 400;
    src: url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/text/bold.eot);
    src: url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/text/bold.eot) format("embedded-opentype"), url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/text/bold.woff2) format("woff2"),
        url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/text/bold.woff) format("woff"), url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/text/bold.ttf) format("truetype"),
        url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/text/bold.svg) format("svg");
}
@font-face {
    font-display: swap;
    font-family: HelveticaNowTextLight;
    font-style: normal;
    font-weight: 400;
    src: url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/text/light.eot);
    src: url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/text/light.eot) format("embedded-opentype"), url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/text/light.woff2) format("woff2"),
        url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/text/light.woff) format("woff"), url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/text/light.ttf) format("truetype"),
        url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/text/light.svg) format("svg");
}
@font-face {
    font-display: swap;
    font-family: HelveticaNowTextMedium;
    font-style: normal;
    font-weight: 400;
    src: url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/text/medium.eot);
    src: url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/text/medium.eot) format("embedded-opentype"), url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/text/medium.woff2) format("woff2"),
        url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/text/medium.woff) format("woff"), url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/text/medium.ttf) format("truetype"),
        url(https://learn.appfolio.com/apm/www/v3/fonts/helvetica-now/text/medium.svg) format("svg");
}
.color-orange,
a {
    color: #ebab3e;
}
a:focus,
a:hover {
    color: #06bcc5;
}
a.link-orange:active,
a.link-orange:active > *,
a.link-orange:focus,
a.link-orange:focus > *,
a.link-orange:hover,
a.link-orange:hover > *,
a.link-orange:visited,
a.link-orange:visited > * {
    color: #ebab3e;
}
a.link-orange:hover,
a.link-orange:hover > * {
    text-decoration: underline;
}



@media screen and (max-width: 20.563em) {
    a {
        overflow-wrap: anywhere;
    }
}
body {
    -moz-font-smoothing: unset;
    -webkit-font-smoothing: unset;
    -osx-font-smoothing: unset;
    -moz-osx-font-smoothing: unset;
    -webkit-osx-font-smoothing: unset;
    background-color: #fff;
    font-family: HelveticaNowText, Helvetica, Arial, Sans-Serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.01em;
    line-height: normal;
    color: #282A2E;
}
@media only screen and (max-width: 16.5em) {
    body {
        overflow-x: hidden;
    }
}
.h1-style,
.h2-style,
.h3-style,
.h4-style,
.h5-style,
.h6-style,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #334f74;
    letter-spacing: 0.01em;
    text-rendering: optimizeLegibility;
}
.h1-style,
h1 {
    font-family: HelveticaNowDisplayMedium, Helvetica, Arial, Sans-Serif;
    font-size: 33px;
    line-height: 41px;
}
.h2-style,
h2 {
    font-family: HelveticaNowDisplayBold, Helvetica, Arial, Sans-Serif;
    font-size: 24px;
    line-height: 30px;
}

h2.title {
    font-family: HelveticaNowDisplay, Helvetica, Arial, Sans-Serif;
    font-size: 33px;
    line-height: 41px;
}



.h3-style,
h3 {
    font-family: HelveticaNowDisplaymedium, Helvetica, Arial, Sans-Serif;
    font-size: 21px;
    --lh: 28px;
    line-height: 28px;
}
.h4-style,
h4 {
    font-family: HelveticaNowDisplayMedium, Helvetica, Arial, Sans-Serif;
    font-size: 18px;
    --lh: 27px;
    line-height: 27px;
}
.h5-style,
h5 {
    font-family: HelveticaNowDisplay, Helvetica, Arial, Sans-Serif;
    font-size: 20px;
    --lh: 26px;
    line-height: 26px;
}
.h6-style,
h6 {
    font-family: HelveticaNowDisplayBold, Helvetica, Arial, Sans-Serif;
    font-size: 20px;
    --lh: 26px;
    line-height: 26px;
}
.text-benefits { padding-top: 10px;}





@media screen and (max-width: 39.9375em) {
    .h1-style,
    h1 {
        font-family: HelveticaNowDisplay, Helvetica, Arial, Sans-Serif;
        font-size: 33px;
        letter-spacing: 1px;
        line-height: 41px;
        padding-bottom: 2rem;
    }
    .h2-style,
    h2 {
        font-size: 22px;
        --lh: 31px;
        line-height: 31px;
    }
}
html {
    scroll-behavior: smooth;
}
img {
    position: relative;
}

p {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
ul {
    list-style-type: none;
    margin-left: 0;
}
.eyebrow,
.eyebrow-sm {
    line-height: 18px;
    text-transform: uppercase;
}
.eyebrow {
    font-family: HelveticaNowTextBold, Helvetica, Arial, Sans-Serif;
    font-size: 13px;
    letter-spacing: 2px;
}
.eyebrow-sm {
    font-size: 12px;
    letter-spacing: 0.1em;
}
.footer-links {
    font-family: HelveticaNowTextMedium, Helvetica, Arial, Sans-Serif;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 21px;
}
.quote {
    font-family: HelveticaNowDisplayBold, Helvetica, Arial, Sans-Serif;
    font-size: 30px;
    letter-spacing: 0.02em;
    line-height: 40px;
}
.quote-xl {
    font-family: HelveticaNowDisplay, Helvetica, Arial, Sans-Serif;
    font-size: 32px;
    letter-spacing: 0.02em;
    line-height: 43px;
}
.text-link {
    font-family: HelveticaNowTextMedium, Helvetica, Arial, Sans-Serif;
    font-size: 16px;
    line-height: 22px;
}
.dead-link {
    cursor: default;
}
.hideViaOpacity {
    opacity: 0;
}
.italic {
    font-style: italic;
}
#js-disabled {
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 15px;
    text-align: center;
}
#js-disabled p {
    color: #a94442;
    font-size: 12px;
    margin: 0;
}
.nowrap {
    white-space: nowrap;
}
@media only screen and (max-width: 430px) {
    .nowrap {
        white-space: normal;
    }
}
.strong {
    font-weight: 700;
}
.button,
a.button {
    background-color: #ebab3e;
    border: 0;
    color: #192747;
    display: inline-flex;
    flex-direction: column;
    font-family: HelveticaNowTextMedium, Helvetica, Arial, Sans-Serif !important;
    font-size: 16px;
    justify-content: center;
    margin: 0 auto;
    padding: 15px 30px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    white-space: nowrap;
}
@media screen and (max-width: 39.9375em) {
    .button,
    .mktoButton,
    a.button {
        white-space: normal;
    }
}
.button:active,
.button:focus,
.button:hover,
.mktoButton:active,
.mktoButton:focus,
.mktoButton:hover {
    background-color: #c18828;
    color: #fff;
    text-decoration: none;
}
.button.small {
    border: 0;
    border-radius: 0;
    color: #2f3237;
    display: inline;
    font-size: 14px;
    line-height: 22px;
    padding: 9px 8px !important;
    white-space: nowrap;
}
.button.small::before {
    content: "\00d7";
    font-family: HelveticaNowTextLight;
    font-size: 22px;
    height: 12px;
    margin-right: 9px;
    vertical-align: text-bottom;
    width: 12px;
}
.button.small.grey {
    background-color: #edeef0;
    color: inherit;
}
.button.small.grey:hover {
    background-color: #cacaca;
    color: inherit;
}
.button.transparent {
    background-color: transparent;
    border: solid 1px #fff;
    color: #fff;
}
.button.transparent:active,
.button.transparent:focus,
.button.transparent:hover {
    background-color: #fff;
    border: solid 1px #fff;
}
.button.transparent.blue {
    border: 1px solid #334f74;
    color: #334f74;
}
.button.transparent.blue:active,
.button.transparent.blue:focus,
.button.transparent.blue:hover {
    background-color: #334f74;
    color: #ffffff;
}
#header-v4 {
    background-color: #ffffff;
    border-bottom: 1.14943px solid #d6dae0;
    width: 100%;
    z-index: 500;
}
@media screen and (min-width: 90em) {
    #header-v4 {
        padding: 26.9px 63px;
    }
}
@media screen and (min-width: 80em) and (max-width: 89.99875em) {
    #header-v4 {
        padding: 26.9px 2.5%;
    }
}
@media screen and (min-width: 80em) {
    #header-v4 {
        height: 100px;
    }
}
@media screen and (max-width: 79.9375em) {
    #header-v4 {
        height: 80.03px;
        padding: 20px;
    }
}
#header-v4 #menu > li {
    float: left;
    font-size: 12px;
    line-height: 21px;
    position: relative;
    z-index: 40;
}
#header-v4 li ul {
    margin: 0;
}
#header-v4 li ul:after,
#header-v4 li ul:before {
    content: " ";
    display: table;
}
#header-v4 li ul:after {
    clear: both;
}
#header-v4 li ul li {
    padding: 0;
}
#header-v4 li .dropdown-1column {
    background: 0 0;
    left: -999em;
    margin: 10px auto 0 1px;
    padding: 15px 0;
    position: absolute;
    top: 15px;
    width: 273.25px;
    z-index: 20000;
}
#header-v4 li:hover .dropdown-1column {
    left: 50%;
    margin-left: -140px;
}
#header-v4 li.about-li .dropdown-1column {
    width: 337px;
}
#header-v4 li.about-li:hover .dropdown-1column {
    left: 35%;
}
#header-v4 li.resources-li .dropdown-1column {
    width: 241px;
}
#header-v4 li.resources-li:hover .dropdown-1column {
    left: 76%;
}
@media only screen and (max-width: 1160px) {
    #header-v4 li:last-child:hover .dropdown-1column {
        left: -50px;
    }
}
#header-v4 ul {
    margin-bottom: 0;
}
#header-v4 .button {
    padding: 15px 30px;
}
#header-v4 #menu li div a {
    color: #334f74;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    margin: 0 0 30.67px;
}
#header-v4 #menu li div li:last-of-type a {
    margin-bottom: 0;
}
#header-v4 #menu li div a:hover {
    color: #06bcc5;
}
#header-v4 .menu-list {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0, rgba(216, 217, 218, 0.2) 100%), linear-gradient(0deg, #fff, #fff), #d8d9da;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    padding: 50px;
}
#header-v4 .trans-menu {
    background-color: transparent;
    height: 23px;
}
.ham-button {
    height: 26px;
    position: relative;
    vertical-align: top;
    width: 30px;
}
.ham-button:focus {
    outline: 0;
}
.ham-button-bar {
    background-color: #334f74;
    height: 2px;
    left: 0;
    position: absolute;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    width: 100%;
}
.ham-button-bar:first-child {
    top: 0;
}
.body-ham-popup {
    top: 0;
}
.body-ham-popup.body-ham-popup-active .ham-button-bar:first-child {
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
.ham-button-bar:nth-child(2) {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.body-ham-popup.body-ham-popup-active .ham-button-bar:nth-child(2) {
    width: 0;
}
.ham-button-bar:nth-child(3) {
    bottom: 0;
}
.body-ham-popup.body-ham-popup-active .ham-button-bar:nth-child(3) {
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -moz-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    -o-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
}
#ham-popup {
    background-color: #fff;
    -webkit-box-shadow: -1rem 0 0.8rem 0 rgba(0, 0, 0, 0.09);
    -moz-box-shadow: -1rem 0 0.8rem 0 rgba(0, 0, 0, 0.09);
    -o-box-shadow: -1rem 0 0.8rem 0 rgba(0, 0, 0, 0.09);
    -ms-box-shadow: -1rem 0 0.8rem 0 rgba(0, 0, 0, 0.09);
    box-shadow: -1rem 0 0.8rem 0 rgba(0, 0, 0, 0.09);
    display: none;
    padding: 28px 34.58px 0;
    top: 80px;
    -webkit-transition: right 0.4s ease 0s, box-shadow 0.4s ease 0s;
    -moz-transition: right 0.4s ease 0s, box-shadow 0.4s ease 0s;
    -ms-transition: right 0.4s ease 0s, box-shadow 0.4s ease 0s;
    -o-transition: right 0.4s ease 0s, box-shadow 0.4s ease 0s;
    transition: right 0.4s ease 0s, box-shadow 0.4s ease 0s;
    width: 375px;
    z-index: 50001;
}
.body-ham-popup #ham-popup {
    display: block;
    position: absolute;
    right: -500px;
}
@media screen and (max-width: 39.99875em) {
    .body-ham-popup #ham-popup {
        right: calc(-100% - 1.5rem);
        width: 100%;
    }
}
.body-ham-popup.body-ham-popup-active #ham-popup {
    right: 0;
}
.body-ham-popup.body-ham-popup-active #ham-popup-menu > li:nth-child(1) {
    left: 0;
    opacity: 1;
    padding-top: 0;
    -webkit-transition: opacity 0.4s ease 0.1s, left 0.4s ease 0.1s;
    -moz-transition: opacity 0.4s ease 0.1s, left 0.4s ease 0.1s;
    -ms-transition: opacity 0.4s ease 0.1s, left 0.4s ease 0.1s;
    -o-transition: opacity 0.4s ease 0.1s, left 0.4s ease 0.1s;
    transition: opacity 0.4s ease 0.1s, left 0.4s ease 0.1s;
}
.body-ham-popup.body-ham-popup-active #ham-popup-menu > li:nth-child(2) {
    left: 0;
    opacity: 1;
    -webkit-transition: opacity 0.4s ease 0.2s, left 0.4s ease 0.2s;
    -moz-transition: opacity 0.4s ease 0.2s, left 0.4s ease 0.2s;
    -ms-transition: opacity 0.4s ease 0.2s, left 0.4s ease 0.2s;
    -o-transition: opacity 0.4s ease 0.2s, left 0.4s ease 0.2s;
    transition: opacity 0.4s ease 0.2s, left 0.4s ease 0.2s;
}
.body-ham-popup.body-ham-popup-active #ham-popup-menu > li:nth-child(3) {
    left: 0;
    opacity: 1;
    -webkit-transition: opacity 0.4s ease 0.3s, left 0.4s ease 0.3s;
    -moz-transition: opacity 0.4s ease 0.3s, left 0.4s ease 0.3s;
    -ms-transition: opacity 0.4s ease 0.3s, left 0.4s ease 0.3s;
    -o-transition: opacity 0.4s ease 0.3s, left 0.4s ease 0.3s;
    transition: opacity 0.4s ease 0.3s, left 0.4s ease 0.3s;
}
.body-ham-popup.body-ham-popup-active #ham-popup-menu > li:nth-child(4) {
    left: 0;
    opacity: 1;
    -webkit-transition: opacity 0.4s ease 0.4s, left 0.4s ease 0.4s;
    -moz-transition: opacity 0.4s ease 0.4s, left 0.4s ease 0.4s;
    -ms-transition: opacity 0.4s ease 0.4s, left 0.4s ease 0.4s;
    -o-transition: opacity 0.4s ease 0.4s, left 0.4s ease 0.4s;
    transition: opacity 0.4s ease 0.4s, left 0.4s ease 0.4s;
}
.body-ham-popup.body-ham-popup-active #ham-popup-menu > li:nth-child(5) {
    left: 0;
    opacity: 1;
    -webkit-transition: opacity 0.4s ease 0.5s, left 0.4s ease 0.5s;
    -moz-transition: opacity 0.4s ease 0.5s, left 0.4s ease 0.5s;
    -ms-transition: opacity 0.4s ease 0.5s, left 0.4s ease 0.5s;
    -o-transition: opacity 0.4s ease 0.5s, left 0.4s ease 0.5s;
    transition: opacity 0.4s ease 0.5s, left 0.4s ease 0.5s;
}
.body-ham-popup.body-ham-popup-active #ham-popup-menu > li:nth-child(6) {
    left: 0;
    opacity: 1;
    -webkit-transition: opacity 0.4s ease 0.6s, left 0.4s ease 0.6s;
    -moz-transition: opacity 0.4s ease 0.6s, left 0.4s ease 0.6s;
    -ms-transition: opacity 0.4s ease 0.6s, left 0.4s ease 0.6s;
    -o-transition: opacity 0.4s ease 0.6s, left 0.4s ease 0.6s;
    transition: opacity 0.4s ease 0.6s, left 0.4s ease 0.6s;
}
#ham-popup-menu {
    margin-bottom: 0;
}
#ham-popup-menu .is-accordion-submenu-parent > a::after {
    border: 0;
    content: "\f107";
    font: normal normal normal 44px/1 FontAwesome;
    height: 73px;
    margin-top: 0;
    padding: 14px 0;
    right: -2px;
    text-align: center;
    top: 0;
    width: 28px;
}
#ham-popup-menu #ham-popup-menu .is-active > .accordion-title:after {
    content: "\f106";
}
.ham-popup-nav #ham-popup-menu > li {
    border-bottom: 0.5px solid #4c9dda;
    left: -20px;
    opacity: 0;
    padding: 0;
    position: relative;
    -webkit-transition: opacity 0s ease 0.4s, left 0s ease 0.4s;
    -moz-transition: opacity 0s ease 0.4s, left 0s ease 0.4s;
    -ms-transition: opacity 0s ease 0.4s, left 0s ease 0.4s;
    -o-transition: opacity 0s ease 0.4s, left 0s ease 0.4s;
    transition: opacity 0s ease 0.4s, left 0s ease 0.4s;
}
.ham-popup-nav #ham-popup-menu > li > a {
    color: #334f74;
    display: block;
    font-size: 20px;
    left: 18px;
    line-height: 21px;
    opacity: 1;
    padding: 26px 0;
    position: relative;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -ms-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    width: calc(100% - 20px);
}
.ham-popup-nav #ham-popup-menu > li > ul {
    padding: 12px 0;
}
.ham-popup-nav #ham-popup-menu > li > ul a {
    color: #334f74;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    padding: 0 0 27px 3px;
}
.ham-popup-nav #ham-popup-menu > li > a.active,
.ham-popup-nav #ham-popup-menu > li > ul a.active {
    color: #06bcc5 !important;
}
.ham-popup-nav #ham-popup-menu > li:nth-child(1) a {
    padding-top: 0;
}
@media (hover: hover) {
    .ham-popup-nav #ham-popup-menu li a:hover {
        color: #06bcc5;
    }
}
.ham-popup-search {
    margin-bottom: 40.5px;
    position: relative;
}
.ham-popup-search button {
    cursor: pointer;
    height: 32.86px;
    position: absolute;
    right: 11.5px;
    top: 0;
    width: 40px;
}
.ham-popup-search button img {
    position: relative;
    top: -2px;
}
.ham-popup-search input {
    background-color: #fff;
    border: 0.966518px solid #e5e5e5;
    border-radius: 16.4308px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #2f3237;
    display: block;
    font-size: 14px;
    height: 32.86px;
    line-height: 21px;
    padding: 0 38px 0 20px;
    -webkit-transition: width 0.4s ease 0s, padding-left 0s ease 0s;
    -moz-transition: width 0.4s ease 0s, padding-left 0s ease 0s;
    -ms-transition: width 0.4s ease 0s, padding-left 0s ease 0s;
    -o-transition: width 0.4s ease 0s, padding-left 0s ease 0s;
    transition: width 0.4s ease 0s, padding-left 0s ease 0s;
    width: 100%;
}
.ham-popup-search input:active,
.ham-popup-search input:focus {
    border: 0.966518px solid #e5e5e5;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.ham-popup-search input::-webkit-input-placeholder {
    color: #5c6c83;
    font-size: 14px;
    line-height: 21px;
    opacity: 1;
}
.ham-popup-search input:focus::-webkit-input-placeholder {
    opacity: 0;
}
.ham-popup-search input::-moz-placeholder {
    color: #5c6c83;
    font-size: 14px;
    line-height: 21px;
    opacity: 1;
}
.ham-popup-search input:focus::-moz-placeholder {
    opacity: 0;
}
.ham-popup-search input:-ms-input-placeholder {
    color: #5c6c83;
    font-size: 14px;
    line-height: 21px;
    opacity: 1;
}
.ham-popup-search input:focus:-ms-input-placeholder {
    opacity: 0;
}
.ham-popup-search input:-moz-placeholder {
    color: #5c6c83;
    font-size: 14px;
    line-height: 21px;
    opacity: 1;
}
.ham-popup-search input:focus:-moz-placeholder {
    opacity: 0;
}
.ham-popup-contact {
    font-size: 20px;
    line-height: 38px;
    margin-bottom: 23.13px;
    padding: 40.5px 0 0 18px;
}
.ham-popup-contact-item {
    padding-bottom: 20.45px;
}
.ham-popup-contact-item a {
    color: #334f74;
    display: inline-block;
    vertical-align: middle;
}
.ham-popup-contact-item a.active,
.ham-popup-contact-item a:hover {
    color: #06bcc5;
}
.ham-popup-contact-item img {
    margin-right: 21.25px;
    width: 23px;
}
.ham-popup-subscribe {
    padding: 31.75px 0;
}
.ham-popup-subscribe .button {
    width: 100%;
}
.header-left {
    float: left;
    padding: 6.95px 0;
}
.header-right {
    float: right;
}
.header-logo-main {
    display: inline-block;
    vertical-align: middle;
}
.header-logo-main a {
    display: block;
}
.header-logo-main a img {
    display: block;
    height: 32.11px;
    width: 199.45px;
}
.header-contact {
    padding-top: 2px;
}
.header-contact,
.header-main-menu {
    display: inline-block;
    vertical-align: middle;
}
.header-main-menu {
    margin-left: 30px;
}
@media screen and (min-width: 94em) {
    .header-main-menu {
        margin-left: 63.85px;
    }
}
.header-contact ul li {
    display: inline-block;
}
.header-contact ul li:first-child {
    padding-left: 16px;
}
.header-contact ul li:last-child {
    padding-right: 16.5px;
}
.header-main-menu ul li:first-child {
    padding-left: 0;
}
.header-main-menu ul li:last-child {
    padding-right: 0;
}
@media screen and (min-width: 91.875em) {
    .header-contact ul li {
        padding-left: 16.5px;
        padding-right: 20px;
    }
    .header-main-menu ul li {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media screen and (min-width: 90em) and (max-width: 91.813em) {
    .header-contact ul li {
        padding-left: 16.5px;
        padding-right: 17px;
    }
    .header-main-menu ul li {
        padding-left: 17px;
        padding-right: 17px;
    }
}
@media screen and (min-width: 90em) {
    .header-subscribe {
        margin-left: 20px;
    }
}
@media screen and (min-width: 81.875em) and (max-width: 89.99875em) {
    .header-contact ul li {
        padding-left: 10px;
        padding-right: 10px;
    }
    .header-main-menu ul li {
        padding-left: 10px;
        padding-right: 14px;
    }
}
@media screen and (min-width: 80em) and (max-width: 81.813em) {
    .header-contact ul li {
        padding-left: 8px;
        padding-right: 10px;
    }
    .header-main-menu ul li {
        padding-left: 10px;
        padding-right: 10px;
    }
}
.header-contact a,
.header-main-menu ul li a {
    color: #334f74;
    font-size: 16.092px;
    line-height: 25px;
    opacity: 1;
    position: relative;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -ms-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
}
.header-contact a:hover,
.header-contact ul li a.active,
.header-main-menu ul li a.active,
.header-main-menu ul li a:hover {
    color: #06bcc5 !important;
}
.header-search {
    display: inline-block;
    height: 36px;
    position: relative;
    vertical-align: middle;
}
.header-search-form {
    position: absolute;
    right: 0;
    top: -2px;
    z-index: 200;
}
.header-search-form button {
    cursor: pointer;
    height: 36px;
    pointer-events: none;
    position: absolute;
    right: 3px;
    top: 0;
    width: 36px;
}
.header-expand-search .header-search button {
    pointer-events: all;
}
.header-search-form input {
    border: 1px solid #e5e5e5;
    border-radius: 20px;
    color: #2f3237;
    font-size: 15px;
    height: 39.8px;
    line-height: 25px;
    padding: 0 39px 0 0;
    -webkit-transition: width 0.4s ease 0s, padding-left 0s ease 0s;
    -moz-transition: width 0.4s ease 0s, padding-left 0s ease 0s;
    -ms-transition: width 0.4s ease 0s, padding-left 0s ease 0s;
    -o-transition: width 0.4s ease 0s, padding-left 0s ease 0s;
    transition: width 0.4s ease 0s, padding-left 0s ease 0s;
    width: 40.42px;
}
.header-expand-search .header-search input {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 19.51px;
    padding-right: 37px;
    position: relative;
    -webkit-transition: width 0.4s ease 0s, padding-left 0s ease 0s;
    -moz-transition: width 0.4s ease 0s, padding-left 0s ease 0s;
    -ms-transition: width 0.4s ease 0s, padding-left 0s ease 0s;
    -o-transition: width 0.4s ease 0s, padding-left 0s ease 0s;
    transition: width 0.4s ease 0s, padding-left 0s ease 0s;
    width: 250px;
}
.header-search-form input:-moz-placeholder {
    font-size: 15px;
    line-height: 25px;
    opacity: 0;
}
.header-search-form input::-moz-placeholder {
    opacity: 0;
}
.header-search-form input:-ms-input-placeholder {
    opacity: 0;
}
.header-search-form input::-webkit-input-placeholder {
    opacity: 0;
}
.header-search-form input:focus:-moz-placeholder {
    opacity: 0;
}
.header-search-form input:focus::-moz-placeholder {
    opacity: 0;
}
.header-search-form input:focus:-ms-input-placeholder {
    opacity: 0;
}
.header-search-form input:focus::-webkit-input-placeholder {
    opacity: 0;
}
.header-subscribe {
    display: inline-block;
    vertical-align: middle;
}
@media screen and (max-width: 79.9375em) {
    .header-contact,
    .header-main-menu,
    .header-search,
    .header-subscribe {
        display: none;
    }
}
.ham-button-container {
    position: absolute;
    right: 30px;
    top: 28px;
    z-index: 505;
}
@media screen and (min-width: 80em) {
    .ham-button-container {
        display: none;
    }
}
@media screen and (max-width: 79.9375em) {
    .ham-button-container {
        display: inline-block;
    }
}
.tertiary-nav {
    position: relative !important;
    width: 100% !important;
    z-index: 300;
}
.tertiary-nav a {
    color: #334f74;
}
.tertiary-nav a.active,
.tertiary-nav a:hover {
    color: #06bcc5;
}
.tertiary-nav a.link-orange {
    display: inline-block;
    padding-left: 0;
    width: auto;
}
.tertiary-nav a.link-orange:active,
.tertiary-nav a.link-orange:active > *,
.tertiary-nav a.link-orange:hover,
.tertiary-nav a.link-orange:hover > * {
    color: #ebab3e;
}
.tertiary-nav ul {
    margin: auto;
    max-width: 1280px;
    width: 100%;
}
#tertiary-nav-container {
    position: -webkit-sticky;
    position: sticky;
    top: -4px !important;
    z-index: 500;
}
@media screen and (orientation: portrait) {
    #tertiary-nav-container {
        position: -webkit-sticky;
        position: sticky;
    }
}
@media screen and (orientation: landscape) {
    #tertiary-nav-container {
        position: -webkit-sticky;
        position: sticky;
    }
}
@media screen and (min-width: 40em) {
    .tertiary-nav {
        background-color: #fff;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
        height: 51px;
        margin-top: 0 !important;
        padding: 0 32px;
    }
    .tertiary-nav.sticky.is-stuck {
        z-index: 300;
    }
    .tertiary-nav ul {
        align-items: center;
        display: flex;
        height: 51px;
    }
    .tertiary-nav ul li {
        display: inline-flex;
        height: 26px;
        padding-right: 50.5px;
    }
    .tertiary-nav ul li a {
        font-size: 15px;
        line-height: 25px;
    }
    .tertiary-nav ul li:last-of-type {
        padding-right: 0;
    }
}
@media screen and (max-width: 39.9375em) {
    .tertiary-nav {
        min-height: 60px;
    }
    .tertiary-nav ul {
        min-height: 60px;
    }
    .tertiary-nav .accordion-heading {
        border: 0;
        border-bottom: 0;
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        line-height: 22px;
        margin-right: 0;
        padding: 19px 32.52px;
        position: relative;
        width: inherit;
        z-index: 200;
    }
    .tertiary-nav .accordion-heading:hover {
        color: #fff;
        text-decoration: underline;
    }
    .tertiary-nav {
        background-color: #334f74;
    }
    .tertiary-nav .accordion-item .is-accordion-submenu {
        background-color: #fff;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
        margin: 0;
        padding: 28.02px 34.51px 60.02px;
        position: absolute;
    }
    .tertiary-nav .accordion-item .is-accordion-submenu li a {
        font-size: 14px;
        font-weight: 600;
        line-height: 22px;
        padding: 11.5px 0;
    }
    .tertiary-nav .accordion-item .is-accordion-submenu li a.active,
    .tertiary-nav .accordion-item .is-accordion-submenu li a:hover {
        color: #06bcc5;
    }
    .tertiary-nav .accordion-item .submenu-toggle {
        height: 60px;
        width: 89px;
        z-index: 100;
    }
    .tertiary-nav .accordion-item .submenu-toggle::after {
        content: none;
    }
    .tertiary-nav .accordion-item .submenu-toggle-text {
        background: url(https://learn.appfolioinvestmentmanagement.com/im/www/images/shared/icons/arrow-white-down.png) no-repeat center center;
        display: inline-block;
        font-size: 0;
        height: 18px !important;
        position: relative !important;
        vertical-align: top;
        width: 29px !important;
    }
    .tertiary-nav .accordion-item .submenu-toggle[aria-expanded="true"] .submenu-toggle-text {
        background: url(https://learn.appfolioinvestmentmanagement.com/im/www/images/shared/icons/arrow-white-up.png) no-repeat center center;
    }
}
section .cell {
    position: relative;
}
.bg-arc-down-dark-blue {
    background: url(https://learn.appfolioinvestmentmanagement.com/im/www/v4/img/shared/arc-dark-blue-down_3360x1427.png) no-repeat bottom center;
    background-size: cover;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.bg-arc-down-light-blue {
    background: url(https://learn.appfolioinvestmentmanagement.com/im/www/v4/img/shared/arc-light-blue-down_3360x1427.png) no-repeat bottom center;
    background-size: cover;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.body-headline,
.hero-headline {
    color: #6cc8ff;
}
.body-tagline,
.hero-tagline {
    font-family: HelveticaNowTextMedium, Helvetica, Arial, Sans-Serif;
    font-size: 33px;
    line-height: 41px;
}
.hero-tagline-jumbo {
    font-family: HelveticaNowDisplayMedium, Helvetica, Arial, Sans-Serif;
    font-size: 43px;
    letter-spacing: 0.02em;
    line-height: 50px;
}
.body-subline,
.hero-subline {
    font-family: HelveticaNowTextLight, Helvetica, Arial, Sans-Serif;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
}
.f-content {
    position: relative;
}
#main-container,
#main-container section {
    position: relative;
    z-index: 20;
}
#main-container .cta-link {
    display: inline-block;
    line-height: 30px;
    text-decoration: inherit;
    vertical-align: top;
    white-space: nowrap;
}
#main-container .cta-link p {
    display: inline-block;
    margin: 0 10px 0 0;
}
#main-container .cta-link .icons-arrow-right {
    margin-top: 4px;
    vertical-align: top;
}
.text-light {
    font-family: HelveticaNowTextLight, Helvetica, Arial, Sans-Serif;
}
@media screen and (min-width: 48em) {
    #main-container {
        padding-top: 0;
    }
}
@media screen and (max-width: 47.938em) {
    #main-container {
        padding-top: 0;
    }
}
@media screen and (min-width: 84.375em) {
    .f-content {
        margin: auto;
        max-width: 1280px;
    }
    #main-container {
        margin-top: 0;
    }
}
@media screen and (max-width: 84.313em) {
    .f-content {
        padding: 0 32px;
    }
    #main-container {
        margin-top: 0;
    }
}
.icons-arrow-angle-down-blue {
    background: url(https://learn.appfolioinvestmentmanagement.com/im/www/v4/img/shared/sprite-icons-2_400x200.png) no-repeat -75px -25px;
    background-size: 460%;
    display: inline-block;
    height: 25px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 37.42px;
}
.icons-arrow-angle-left-blue {
    background: url(https://learn.appfolioinvestmentmanagement.com/im/www/v4/img/shared/sprite-icons-2_400x200.png) no-repeat -80px -25px;
    background-size: 505%;
    display: inline-block;
    height: 27px;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    width: 35px;
}
.icons-arrow-angle-right-blue {
    background: url(https://learn.appfolioinvestmentmanagement.com/im/www/v4/img/shared/sprite-icons-2_400x200.png) no-repeat -80px -25px;
    background-size: 505%;
    display: inline-block;
    height: 27px;
    margin-left: -2px;
    width: 35px;
}
.icons-arrow-down-orange {
    background: url(https://learn.appfolioinvestmentmanagement.com/im/www/v4/img/shared/sprite-icons-2_400x200.png) no-repeat -78px 2px;
    background-size: 630%;
    display: inline-block;
    height: 25px;
    width: 19px;
}
.icons-arrow-left-orange {
    background: url(https://learn.appfolioinvestmentmanagement.com/im/www/v4/img/shared/sprite-icons-2_400x200.png) no-repeat -82.5px 0;
    background-size: 635%;
    display: inline-block;
    height: 25px;
    -webkit-transform: rotate(+90deg);
    -moz-transform: rotate(+90deg);
    -ms-transform: rotate(+90deg);
    -o-transform: rotate(+90deg);
    transform: rotate(+90deg);
    width: 20px;
}
.icons-arrow-left-white {
    background: url(https://learn.appfolioinvestmentmanagement.com/im/www/v4/img/shared/sprite-icons-2_400x200.png) no-repeat -83.25px -22px;
    background-size: 635%;
    display: inline-block;
    height: 25px;
    -webkit-transform: rotate(+90deg);
    -moz-transform: rotate(+90deg);
    -ms-transform: rotate(+90deg);
    -o-transform: rotate(+90deg);
    transform: rotate(+90deg);
    width: 20px;
}
.icons-arrow-right-dark-blue {
    background: url(https://learn.appfolioinvestmentmanagement.com/im/www/v4/img/shared/sprite-icons-2_400x200.png) no-repeat -105.5px -22px;
    background-size: 635%;
    display: inline-block;
    height: 25px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 20px;
}
.icons-arrow-right-orange {
    background: url(https://learn.appfolioinvestmentmanagement.com/im/www/v4/img/shared/sprite-icons-2_400x200.png) no-repeat -82.5px 0;
    background-size: 635%;
    display: inline-block;
    height: 25px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 20px;
}
.icons-arrow-right-white {
    background: url(https://learn.appfolioinvestmentmanagement.com/im/www/v4/img/shared/sprite-icons-2_400x200.png) no-repeat -82px -22px;
    background-size: 635%;
    display: inline-block;
    height: 25px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 20px;
}
.icons-arrow-top-up-orange {
    background: url(https://learn.appfolioinvestmentmanagement.com/im/www/v4/img/shared/sprite-icons-2_400x200.png) no-repeat -35px 0;
    background-size: 380%;
    height: 25px;
    margin: 26px auto 0;
    width: 49px;
}
@media screen and (min-width: 40em) {
    .icons-arrow-angle-left-blue,
    .icons-arrow-angle-right-blue {
        margin-bottom: 20px;
    }
}
@keyframes key-frame-bounce-small {
    0% {
        -webkit-transform: scale(1, 1) translate(0, 0);
        -moz-transform: scale(1, 1) translate(0, 0);
        -ms-transform: scale(1, 1) translate(0, 0);
        -o-transform: scale(1, 1) translate(0, 0);
        transform: scale(1, 1) translate(0, 0);
    }
    57.14286% {
        -webkit-transform: scale(1, 1) translate(0, 0);
        -moz-transform: scale(1, 1) translate(0, 0);
        -ms-transform: scale(1, 1) translate(0, 0);
        -o-transform: scale(1, 1) translate(0, 0);
        transform: scale(1, 1) translate(0, 0);
    }
    74% {
        -webkit-transform: scale(1, 1) translate(0, -5px);
        -moz-transform: scale(1, 1) translate(0, -5px);
        -ms-transform: scale(1, 1) translate(0, -5px);
        -o-transform: scale(1, 1) translate(0, -5px);
        transform: scale(1, 1) translate(0, -5px);
    }
    79% {
        -webkit-transform: scale(1, 1) translate(0, 0);
        -moz-transform: scale(1, 1) translate(0, 0);
        -ms-transform: scale(1, 1) translate(0, 0);
        -o-transform: scale(1, 1) translate(0, 0);
        transform: scale(1, 1) translate(0, 0);
    }
    83% {
        -ms-transform: scale(1, 1) translate(0, -5px);
        -webkit-transform: scale(1, 1) translate(0, -5px);
        transform: scale(1, 1) translate(0, -5px);
    }
    91% {
        -webkit-transform: scale(1, 1) translate(0, 0);
        -moz-transform: scale(1, 1) translate(0, 0);
        -ms-transform: scale(1, 1) translate(0, 0);
        -o-transform: scale(1, 1) translate(0, 0);
        transform: scale(1, 1) translate(0, 0);
    }
    100% {
        -webkit-transform: scale(1, 1) translate(0, 0);
        -moz-transform: scale(1, 1) translate(0, 0);
        -ms-transform: scale(1, 1) translate(0, 0);
        -o-transform: scale(1, 1) translate(0, 0);
        transform: scale(1, 1) translate(0, 0);
    }
}
.animation.bounce-small {
    animation-name: key-frame-bounce-small;
    animation-duration: 3.5s;
    animation-timing-function: ease;
    animation-fill-mode: both;
    animation-play-state: running;
    animation-iteration-count: infinite;
}
.back-to-top-container {
    border-radius: 50%;
    left: 33%;
    position: absolute;
    right: 33%;
    z-index: 200;
}
.back-to-top-container:active p,
.back-to-top-container:focus p,
.back-to-top-container:hover p {
    color: #e2af4e;
}
.back-to-top-container p {
    color: #334f74;
    font-family: HelveticaNowTextBold, Helvetica, Arial, Sans-Serif;
    font-size: 9px;
    letter-spacing: 0;
    line-height: 31px;
    text-align: center;
}
@media screen and (min-width: 40em) {
    .back-to-top-container {
        background-color: #fff;
        height: 108px;
        margin: -44px auto 0;
        width: 108px;
    }
}
@media screen and (max-width: 39.9375em) {
    .back-to-top-container {
        background-color: #192747;
        height: 81.56px;
        margin: -30.78px auto 0;
        width: 81.56px;
    }
    .back-to-top-container p {
        color: #fff;
    }
    .back-to-top-container .icons-arrow-top-up-orange {
        background-position: -28.25px 0;
        background-size: 390%;
        height: 20px;
        margin-top: 18px;
        width: 38px;
    }
}
.icons-check-mark-blue {
    background: url(https://learn.appfolioinvestmentmanagement.com/im/www/v4/img/shared/sprite-icons-2_400x200.png) no-repeat 0 2px;
    background-size: 520%;
    display: inline-block;
    height: 19px;
    width: 25px;
}
.icons-check-mark-dark-blue {
    background: url(https://learn.appfolioinvestmentmanagement.com/im/www/v4/img/shared/sprite-icons-2_400x200.png) no-repeat 0 -17px;
    background-size: 500%;
    display: inline-block;
    height: 19px;
    width: 25px;
}
.icons-check-mark-light-blue {
    background: url(https://learn.appfolioinvestmentmanagement.com/im/www/v4/img/shared/sprite-icons-3_400x200.png) no-repeat -27px -37px;
    background-size: 500%;
    display: inline-block;
    height: 19px;
    width: 25px;
}
.icons-check-mark-white {
    background: url(https://learn.appfolioinvestmentmanagement.com/im/www/v4/img/shared/sprite-icons-2_400x200.png) no-repeat -26px -17px;
    background-size: 500%;
    display: inline-block;
    height: 19px;
    width: 25px;
}
.preload-circle {
    animation: preload-circle 1s linear infinite;
    border: 4px solid #eef4fb;
    border-bottom-color: #ebab3e;
    border-radius: 50%;
    display: inline-block;
    height: 35.14px;
    margin: 0;
    width: 35.14px;
}
@keyframes preload-circle {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
.quote-img {
    background: url(https://learn.appfolioinvestmentmanagement.com/im/www/v4/img/shared/sprite-icons-2_400x200.png) no-repeat -148px 0;
    background-size: 650%;
    height: 21.82px;
    width: 28.23px;
}
.quote-img-container {
    background-color: #fff;
    border-radius: 50%;
    height: 48.87px;
    margin-bottom: 20px;
    padding: 13.5025px 12.34px 13.5025px 10.68px;
    width: 51.25px;
}
.quote-source {
    font-family: HelveticaNowTextBold, Helvetica, Arial, Sans-Serif;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.section-quote-container,
.section-quote-container-2 {
    background-color: #eef4fb;
}
.section-quote-container p,
.section-quote-container q,
.section-quote-container-2 p,
.section-quote-container-2 q {
    color: #334f74;
}
.section-quote-container q,
.section-quote-container-2 q {
    display: block;
    font-family: HelveticaNowDisplayBold, Helvetica, Arial, Sans-Serif;
    font-size: 30px;
    letter-spacing: 0.02em;
    line-height: 40px;
}
.section-quote-container q {
    margin-bottom: 20px;
    quotes: none;
}
.section-quote-container-2 q {
    margin-bottom: 25px;
}
.section-quote-container p,
.section-quote-container-2 p {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 0;
}
.section-quote-container .hero-cta-btn {
    margin-top: 35px;
}
.section-quote-container .rectangle-dots-container,
.section-quote-container-2 .rectangle-dots-container {
    position: absolute;
}
.section-quote-container .rectangle-dots-container {
    right: 58px;
    top: 53px;
}
.section-quote-container-2 {
    overflow: hidden;
}
.section-quote-container-2 .quote-source {
    display: block;
}
.section-quote-container-2 .rectangle-dots-container {
    top: -54px;
}
.section-quote-container-2 .large-2 .rectangle-dots-container {
    right: -12rem;
}
.section-quote-container-2 .large-3 .rectangle-dots-container {
    right: -6rem;
}
@media screen and (min-width: 64em) {
    .section-quote-container .rectangle-dots-container,
    .section-quote-container-2 .rectangle-dots-container {
        width: 306px;
    }
}
@media screen and (max-width: 63.938em) {
    .section-quote-container .rectangle-dots-container,
    .section-quote-container-2 .rectangle-dots-container {
        width: 186px;
    }
    .section-quote-container-2 .rectangle-dots-container {
        display: none;
    }
}
@media screen and (max-width: 24.625em) {
    .section-quote-container .rectangle-dots-container,
    .section-quote-container-2 .rectangle-dots-container {
        display: none;
    }
}
.section-quote-container-dark-blue,
.section-quote-container-green {
    padding-bottom: 273px;
    padding-top: 107px;
}
.section-quote-container-dark-blue p,
.section-quote-container-dark-blue q,
.section-quote-container-green p,
.section-quote-container-green q {
    color: #fff;
}
.section-quote-container-dark-blue q,
.section-quote-container-green q {
    margin-bottom: 45px;
    quotes: initial;
}
.section-quote-container-dark-blue .quote-img-container,
.section-quote-container-green .quote-img-container {
    background-color: unset;
    border-radius: unset;
    height: 78px;
    margin-bottom: 25px;
    padding: 0;
    width: 78px;
}
.section-quote-container-dark-blue .quote-source,
.section-quote-container-green .quote-source {
    display: block;
    margin-right: 0;
}
.section-quote-container-dark-blue {
    background-color: #192747;
}
.section-quote-container-green {
    background-color: #31ae9b;
}
@media screen and (max-width: 63.938em) {
    .section-quote-container-dark-blue.section-quote-container,
    .section-quote-container-dark-green.section-quote-container {
        padding-bottom: 95px;
        padding-top: 80px;
    }
}
.tile-container {
    margin-bottom: 38px;
}
.tile-container a .tile {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    font-size: 24px;
    height: 100%;
    position: relative;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.tile-container a:hover .tile {
    -webkit-transform: translateY(-0.5rem);
    -moz-transform: translateY(-0.5rem);
    -ms-transform: translateY(-0.5rem);
    -o-transform: translateY(-0.5rem);
    transform: translateY(-0.5rem);
}
.tile-container a .tile-content-container {
    color: #334f74;
}
.tile-container a .tile-cta-container {
    background-color: #ebab3e;
    border-radius: 0;
    bottom: 0;
    color: #192747;
    height: 60px;
    left: 0;
    padding: 16.5px 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.tile h2 {
    color: #334f74;
}
.tile-container a .tile-cta-container:hover {
    background-color: #c18828;
    color: #fff;
}
.tile-container a .tile-cta-container:hover .icons-arrow-right-dark-blue {
    display: none;
}
.tile-container a .tile-cta-container:hover .icons-arrow-right-white {
    display: inline-block !important;
}
.tile-container a .tile-cta-container p {
    display: inline-flex;
    font-family: HelveticaNowTextMedium, Helvetica, Arial, Sans-Serif !important;
    font-size: 16px;
    line-height: 27px;
    margin: 0 13px 0 0;
    vertical-align: top;
    white-space: nowrap;
}
.tile-container .icons-arrow-right-orange {
    display: none;
}
.tile-container .tile-cta-container .icons-arrow-right-dark-blue,
.tile-container .tile-cta-container .icons-arrow-right-white {
    margin-top: 2px;
    vertical-align: top;
}
.tile-container .tile-cta-container .icons-arrow-right-white {
    display: none;
}
.tile-container .tile-img-logo-container {
    background-color: #f6f6f6;
    display: flex;
    width: 100%;
}
.tile-container .tile-img-logo-container img {
    margin: auto;
}
@media screen and (min-width: 84.375em) {
    .tile-parent-container.f-content {
        max-width: calc(1280px + 1.875rem);
    }
}
@media screen and (min-width: 40em) and (max-width: 84.313em) {
    .tile-parent-container.f-content {
        padding-left: calc(32px - 0.9375rem);
        padding-right: calc(32px - 0.9375rem);
    }
}
@media screen and (min-width: 64em) {
    .section-quote-container,
    .section-quote-container-2 {
        position: relative;
    }
    .section-quote-container {
        padding-bottom: 150px;
        padding-top: 120px;
    }
    .section-quote-container-2 {
        padding-bottom: 93px;
        padding-top: 108px;
    }
    .section-quote-container .quote-img-container {
        margin-left: auto;
        margin-right: auto;
    }
    .section-quote-content-copy-container {
        text-align: center;
    }
}
@media screen and (min-width: 40em) {
    .tile-container a .tile-content-container {
        padding: 40px;
    }
    .tile-container .tile-img-logo-container {
        padding: 105px 45px;
    }
    .tile-container.cell,
    .tile-parent-container.f-content .tile-copy-container {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
}
@media screen and (max-width: 63.938em) {
    .section-quote-container,
    .section-quote-container-2 {
        padding-bottom: 115px;
        padding-top: 70px;
    }
    .section-quote-container q,
    .section-quote-container-2 q {
        line-height: 40px;
    }
}
@media screen and (max-width: 39.9375em) {
    .tile-container.cell {
        padding-left: 0;
        padding-right: 0;
    }
    .tile-container a .tile-content-container {
        padding: 18px 22px 120px;
    }
    .tile-container .tile-cta-container {
        padding-top: 30px;
    }
    .tile-container .tile-cta-container .icons-arrow-right-orange {
        margin-top: 2px;
        vertical-align: top;
    }
    .tile-container .tile-img-logo-container {
        padding: 82px 32px;
    }
    .tile-parent-container.f-content .tile-copy-container {
        padding-left: 0;
        padding-right: 0;
    }
}
.owl-carousel:focus-visible {
    outline: -webkit-focus-ring-color auto 0;
}
.owl-carousel.owl-theme .owl-nav button.owl-next,
.owl-carousel.owl-theme .owl-nav button.owl-prev {
    height: 35px;
    line-height: 20px;
    margin: 0;
    padding: 5px !important;
}
.owl-item,
.owl-item > * {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}
.owl-nav [class*="owl-"]:focus,
.owl-nav [class*="owl-"]:hover {
    background: 0 0 !important;
    background-color: unset !important;
}
.owl-nav button.owl-next span {
    color: #ebab3e;
    font-size: 17px;
    line-height: 27px;
    text-align: center;
    vertical-align: top;
}
.owl-nav button.owl-next .nav-btn.next-slide {
    margin-left: 21px;
}
.owl-nav button.owl-prev {
    margin-right: 5px !important;
}
.owl-nav button.owl-prev .nav-btn.prev-slide {
    margin-right: 6px;
}
#homev4 #cta-container-1 {
    background-color: #eef4fb;
}
#homev4 #section-1 .body-headline {
    color: #4c9dda;
}
#homev4 #hero {
    background-color: #334f74;
    position: relative;
    z-index: 10;
}
#homev4 .eyebrow {
    margin-top: 13px;
}
#homev4 #footer-subnav-container .back-to-top-container {
    background-color: #f6f9fd;
}
#homev4 #footer-subnav-container .back-to-top-container p {
    color: #334f74;
}
#homev4 .hero-line-1-green {
    border-bottom: 1px solid #0ff;
    border-right: 1px solid #0ff;
    height: 203px;
    margin-left: 50%;
    position: relative;
    right: 77px;
    top: 0;
    width: 46%;
}
#homev4 .hero-line-1-green-container {
    position: absolute;
    width: 100%;
    z-index: 20;
}
#homev4 .hero-line-2-green {
    border-right: 1px solid #0ff;
    float: right;
    height: 276px;
    top: 0;
    width: 65%;
}
#homev4 .hero-line-2-green-container {
    margin-top: -25px;
    padding-right: 14.66666%;
    position: absolute;
    width: 100%;
    z-index: 20;
}
@media screen and (max-width: 79.9375em) {
    #homev4 .hero-line-1-green-container,
    #homev4 .hero-line-2-green-container {
        display: none;
    }
}
#homev4 .hero-tagline,
#homev4 .hero-tagline-jumbo,
#homev4 .hero-tagline-sub {
    color: #fff;
}
@media screen and (min-width: 40em) {
    #homev4 .hero-tagline-sub {
        margin-bottom: 35px;
    }
}
@-webkit-keyframes ripple {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes ripple {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
#homev4 .hero-video-container {
    z-index: 20;
}
#homev4 .hero-video-container .hero-video-play-button:hover .ripple {
    -webkit-animation: ripple 1.8s infinite;
    animation: ripple 1.8s infinite;
    opacity: 0;
    transform-origin: center center;
}
#homev4 .hero-video-container .hero-video-play-button .ripple:nth-child(1) {
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
}
#homev4 .hero-video-container .hero-video-play-button .ripple:nth-child(2) {
    -webkit-animation-delay: 0;
    animation-delay: 0;
}
#homev4 .hero-video-container .wistia_click_to_play {
    height: 143px !important;
    margin: 0 auto;
    width: 143px !important;
}
#homev4 .tile-icon {
    margin-bottom: 28px;
}
#homev4 .tile-icon#icon-bar-chart {
    height: 79px;
    margin-bottom: 18px;
    width: 79px;
}
#homev4 .tile-icon#icon-chat-bubbles {
    height: 68px;
    margin-bottom: 26px;
    width: 86px;
}
#homev4 .tile-icon#icon-eye-chart {
    height: 54px;
    margin-bottom: 40px;
    width: 92px;
}
#homev4 .tile-icon#icon-mobile-device {
    height: 85px;
    margin-bottom: 12px;
    width: 57px;
}
#homev4 .tile-icon#icon-money-exchange {
    height: 81.57px;
    margin-bottom: 12px;
    width: 83px;
}
#homev4 #icon-padlock {
    height: 72px;
    margin-bottom: 25px;
    width: 63px;
}
#homev4 #section-1 a:hover {
    text-decoration: none;
}
#homev4 #section-1 .tile .tile-copy {
    color: #2f3237;
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 26px;
    margin-bottom: 0;
}
#homev4 #section-1 .tile .tile-title {
    color: #334f74;
    font-family: HelveticaNowDisplayBold, Helvetica, Arial, Sans-Serif;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
}
#homev4 #video-container-1 {
    background-color: #192747;
    position: relative;
}
#homev4 #video-container-1 .eyebrow {
    color: #4c9dda;
    margin: 30px 0 14px;
}
#homev4 #video-container-1 .h1-style,
#homev4 #video-container-1 .h3-style {
    text-align: center;
}
#homev4 #video-container-1 .owl-carousel-container {
    color: #1e2430;
}
#homev4 #video-container-1 .owl-carousel-container .owl-carousel .owl-item {
    display: table;
}
#homev4 #video-container-1 .owl-carousel-container .owl-theme .owl-nav {
    margin-top: 53.65px;
}
#homev4 #video-container-1 .owl-carousel-container .w-big-play-button {
    background-image: url(https://learn.appfolioinvestmentmanagement.com/im/www/v4/img/shared/video/play-button-circle-white-2.svg);
}
#homev4 #video-container-1 .owl-carousel-container .w-big-play-button > div,
#homev4 #video-container-1 .owl-carousel-container .w-big-play-button > svg {
    display: none !important;
}
#homev4 #video-container-1 .owl-carousel-container .wistia_swatch img {
    filter: none !important;
    object-fit: cover !important;
}
#homev4 #video-container-1 .video-container-bg-img {
    max-height: 390px;
    width: 100%;
}
#homev4 #video-container-1 .video-heading-container * {
    color: #fff;
}
#homev4 #video-container-1 .video-heading-container p:last-of-type {
    margin-bottom: 0;
}
#homev4 #video-container-1 #video-link-container {
    color: #fff;
    text-align: center;
}
#homev4 #video-container-1 #video-link-container a,
#homev4 #video-container-1 #video-link-container a:active,
#homev4 #video-container-1 #video-link-container a:hover {
    color: #fff;
}
#homev4 #video-container-1 #video-link-container .video-link-name {
    font-size: 20px;
    letter-spacing: 1px;
}
#homev4 #video-container-1 #video-link-container a.active .video-link-name,
#homev4 #video-container-1 #video-link-container a:active .video-link-name,
#homev4 #video-container-1 #video-link-container a:hover .video-link-name {
    font-family: HelveticaNowTextBold, Helvetica, Arial, Sans-Serif;
    text-decoration: underline;
}
#homev4 #video-container-1 .video-player-container {
    background-position: center;
    background-size: cover;
    position: relative;
}
#homev4 #video-container-1 .video-player-container .play-button {
    height: 110px;
    width: 110px;
    z-index: 110;
}
#homev4 #video-container-1 .video-quote-container {
    background-color: #fff;
    color: #1e2430;
}
#homev4 #video-container-1 .video-quote-container p:last-of-type {
    margin-bottom: 0;
}
#homev4 #video-container-1 .video-quote-container q {
    display: block;
    margin-bottom: 25px;
}
#homev4 #video-container-1 .video-quote-container .quote-details,
#homev4 #video-container-1 .video-quote-container .quote-source {
    line-height: 16px;
}
#homev4 #video-container-1 .video-quote-container .quote-details {
    display: block;
}
#homev4 #video-container-1 .video-quote-container .quote-source {
    margin: 0;
}
@media screen and (max-width: 84.313em) {
    #homev4 #video-container-1 > .grid-x.f-content {
        margin: 0 32px;
        padding: 0;
    }
    #homev4 #video-container-1 .owl-carousel-container .owl-item > .f-content {
        padding: 0;
    }
}
@media screen and (min-width: 64em) {
    #homev4 #video-container-1 .owl-carousel-container {
        margin-bottom: 118px;
        margin-top: 85.5px;
        width: 100%;
    }
    #homev4 #video-container-1 .video-heading-container {
        padding-top: 125px;
        margin-bottom: 50px;
    }
    #homev4 #video-container-1 .video-player-container .play-button {
        left: 50%;
        margin-left: -55px;
        margin-top: -55px;
        position: absolute;
        top: 50%;
    }
    #homev4 #video-container-1 .video-quote-container img {
        margin-bottom: 35px;
    }
    #homev4 #video-container-1 .video-item-all-pro-capital .video-quote-container img {
        width: 120px;
    }
    #homev4 #video-container-1 .video-item-dje-texas-management-group .video-quote-container img {
        width: 115px;
    }
    #homev4 #video-container-1 .video-item-nwcrei .video-quote-container img {
        width: 171px;
    }
    #homev4 #video-container-1 .video-item-pacific-apartment-homes .video-quote-container img {
        width: 84px;
    }
    #homev4 #video-container-1 .video-quote-container {
        padding: 53px 48.25px 75px;
    }
    #homev4 #video-container-1 .video-quote-container img {
        margin-bottom: 35px;
    }
}
@media screen and (min-width: 40em) {
    #homev4 #video-container-1 .owl-carousel-container .w-big-play-button {
        height: 120.78px !important;
        width: 120.78px !important;
    }
}
@media screen and (max-width: 63.9375em) {
    #homev4 #video-container-1 .owl-carousel-container {
        margin-top: 42px;
        text-align: center;
    }
    #homev4 #video-container-1 .owl-theme .owl-nav {
        margin: 60px auto;
    }
    #homev4 #video-container-1 .video-container-bg-img {
        display: none;
    }
    #homev4 #video-container-1 .video-heading-container {
        padding-top: 59px;
    }
    #homev4 #video-container-1 #video-link-container {
        display: none;
    }
    #homev4 #video-container-1 .video-player-container .play-button {
        display: block;
        margin: 117px auto;
        position: relative;
    }
    #homev4 #video-container-1 .video-quote-container {
        padding: 35px 18px 50px;
    }
    #homev4 #video-container-1 .video-quote-container img {
        margin: 0 auto 23px;
    }
    #homev4 #video-container-1 .video-item-all-pro-capital .video-quote-container img {
        width: 148px;
    }
    #homev4 #video-container-1 .video-item-dje-texas-management-group .video-quote-container img {
        width: 149px;
    }
    #homev4 #video-container-1 .video-item-nwcrei .video-quote-container img {
        width: 235px;
    }
    #homev4 #video-container-1 .video-item-pacific-apartment-homes .video-quote-container img {
        width: 131px;
    }
}
@media screen and (min-width: 75em) {
    #homev4 #section-1 .tile-container {
        min-height: 23em;
    }
}
@media screen and (min-width: 64em) {
    #homev4 #hero #hero-copy {
        padding-bottom: 10.125em;
        padding-right: calc(71.5px + 40px);
        padding-top: 5.625em;
    }
    #homev4 #hero #hero-image-container {
        height: 100%;
        left: 50%;
        position: absolute;
        top: 0;
        width: 50%;
        z-index: 10;
    }
    #homev4 #hero #hero-image-container .hero-image {
        background: url(https://learn.appfolioinvestmentmanagement.com/im/www/v4/img/desktop/home/hero-bg-3_1680x1182.png) no-repeat center bottom/cover;
        height: 100%;
        position: relative;
        width: 100%;
    }
    #homev4 .hero-video-container {
        left: calc(50% - 71.5px);
        position: absolute;
        top: calc(50% - 71.5px);
    }
    #homev4 #section-1 {
        margin-bottom: 0;
    }
    #homev4 #section-2 {
        margin-bottom: 170px;
        margin-top: 0;
    }
    #homev4 #section-2 .section-2-content-container {
        padding-right: 4.16666rem;
    }
}
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
    #homev4 #section-1 .tile-container {
        min-height: 26em;
    }
}
@media screen and (min-width: 40em) {
    #homev4 .hero-tagline,
    #homev4 .hero-tagline-jumbo {
        margin-bottom: 30px;
    }
    #homev4 #section-1 h1 {
        margin-bottom: 40px;
    }
    #homev4 #section-1 a:hover .tile-copy {
        display: none;
    }
    #homev4 #section-1 a:hover .tile-cta-container {
        display: block;
    }
    #homev4 #section-1 a:hover .tile-title {
        align-items: center;
        display: inline-flex;
        font-family: HelveticaNowDisplayMedium, Helvetica, Arial, Sans-Serif;
        font-size: 33px;
        height: 100%;
        justify-content: center;
        left: 0;
        letter-spacing: 1px;
        line-height: 41px;
        margin-bottom: 0;
        padding: 0 53px;
        position: absolute;
        text-decoration: none;
        top: 0;
        width: 100%;
    }
    #homev4 #section-1 a .tile {
        text-align: center;
    }
    #homev4 #section-1 a .tile-cta-container {
        display: none;
    }
    #homev4 #section-1 .section-1-bg-top {
        background: url(https://learn.appfolioinvestmentmanagement.com/im/www/v4/img/shared/arc-light-blue-down_3360x1427.png) no-repeat bottom center/cover;
        height: 22em;
        position: absolute;
        width: 100%;
    }
    #homev4 #section-1 .section-1-content-container {
        padding-top: 87px;
    }
}
@media screen and (min-width: 50em) and (max-width: 63.9375em) {
    #homev4 #section-1 .tile-container {
        min-height: 21.75em;
    }
}
@media screen and (min-width: 40em) and (max-width: 49.938em) {
    #homev4 #section-1 .tile-container {
        min-height: 31.25em;
    }
}
@media screen and (max-width: 63.9375em) {
    #homev4 #hero {
        background: url(https://learn.appfolioinvestmentmanagement.com/im/www/v4/img/mobile/home/hero-bg-3_750x1090.png) no-repeat center top/100%;
        background-color: #334f74;
        padding-top: 4.435em;
        text-align: center;
    }
    #homev4 .hero-video-container {
        margin: 35px auto 0;
    }
}
@media screen and (min-width: 40em) and (max-width: 63.938em) {
    #homev4 #hero {
        padding-bottom: 5.3em;
    }
    #homev4 #section-2 {
        margin-bottom: 80px;
        margin-top: 80px;
    }
}
@media screen and (max-width: 39.9375em) {
    #homev4 #cta-container-1 {
        display: block;
    }
    #homev4 #cta-container-1 .free-form form {
        width: 100% !important;
    }
    #homev4 #hero {
        padding-bottom: 11.3em;
    }
    #homev4 .hero-mobile-border-container {
        background: url(https://learn.appfolioinvestmentmanagement.com/im/www/v4/img/shared/arc-edge-blue_750x22.png) no-repeat top center/100%;
        height: 22px;
        width: 100%;
    }
    #homev4 .hero-tagline,
    #homev4 .hero-tagline-jumbo {
        margin-bottom: 30px;
    }
    #homev4 #section-1 {
        margin-bottom: -12.4em;
        margin-top: 30px;
    }
    #homev4 #section-1 .body-headline,
    #homev4 #section-1 h1 {
        text-align: left;
    }
    #homev4 #section-1 .section-1-content-container {
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        margin: 0 15px;
        padding: 45px 37px;
        top: -12.4em;
    }
    #homev4 #section-1 .section-1-content-copy h1 {
        margin-bottom: 30px;
        padding: 0;
    }
    #homev4 #section-1 .tile-content-container {
        padding: 0;
        text-align: left;
    }
    #homev4 #section-1 .tile-container {
        margin: 30px 0 36px;
    }
    #homev4 #section-1 .tile-container a .tile {
        box-shadow: none;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }
    #homev4 #section-1 .tile-container a:hover .tile {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
    #homev4 #section-1 .tile-container a:hover .tile-cta-container p {
        text-decoration: underline;
    }
    #homev4 #section-1 .tile .tile-cta-container {
        background: 0 0;
        border-radius: 0;
        color: inherit;
        padding: 30px 0 0;
        position: relative;
        text-align: left;
    }
    #homev4 #section-1 .tile .tile-cta-container p {
        color: inherit;
    }
    #homev4 #section-1 .tile .tile-cta-container .icons-arrow-right-orange {
        display: inline-block;
    }
    #homev4 #section-1 .tile .tile-cta-container .icons-arrow-right-dark-blue {
        display: none;
    }
    #homev4 #section-1 .tile .tile-title {
        font-family: HelveticaNowDisplayMedium, Helvetica, Arial, Sans-Serif;
        font-size: 22px;
        line-height: 31px;
    }
    #homev4 #section-1 .tile-container a:hover .tile-cta-container p {
        text-decoration: underline;
    }
    #homev4 #section-2 {
        margin-bottom: 80px;
        margin-top: 80px;
    }
    #homev4 #section-2 .grid-x.f-content {
        padding: 0;
    }
    #homev4 #section-2 .section-2-content-container {
        padding: 0 32px;
    }
    #homev4 #section-2 .section-2-img-container {
        margin-top: 55px;
    }
}
#blog-syn-container-1 .blog-syn-item-author {
    bottom: 32px;
    margin: 0;
    position: absolute;
}
#blog-syn-container-1 .blog-syn-item-author:active,
#blog-syn-container-1 .blog-syn-item-author:focus,
#blog-syn-container-1 .blog-syn-item-author:hover {
    text-decoration: underline;
}
#blog-syn-container-1 .blog-syn-item-stats {
    color: #334f74;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
}
#blog-syn-container-1 .blog-syn-item-stats .blog-syn-time {
    display: inline-block;
    padding: 0 0 0 17px;
    position: relative;
}
#blog-syn-container-1 .blog-syn-item-stats .blog-syn-time::before {
    background-color: #334f74;
    border-radius: 50%;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    top: 38%;
    width: 5px;
}
#blog-syn-container-1 .blog-syn-item-stats .blog-syn-category {
    color: #334f74;
    padding: 0 13px 0 0;
}
#blog-syn-container-1 .blog-syn-item-stats .blog-syn-category:active,
#blog-syn-container-1 .blog-syn-item-stats .blog-syn-category:focus,
#blog-syn-container-1 .blog-syn-item-stats .blog-syn-category:hover {
    text-decoration: underline;
}
#blog-syn-container-1 .tile .h2-style {
    line-height: var(--lh);
    max-height: calc(var(--lh) * var(--max-lines));
    overflow: hidden;
    padding-right: 16.77px;
    position: relative;
}
#blog-syn-container-1 .tile.tile-cta-external .h2-style {
    padding-left: 16.77px;
}
#blog-syn-container-1 .tile .h2-style::after {
    background: #fff;
    content: "";
    height: 30px;
    position: absolute;
    right: 0;
    width: 16.77px;
}
#blog-syn-container-1 .tile .h2-style::before {
    content: "...";
    position: absolute;
    right: 0;
    top: calc(var(--lh) * (var(--max-lines) - 1));
}
@media screen and (max-width: 39.9375em) {
    #blog-syn-container-1 .tile .h2-style::after {
        height: 31px;
    }
}
#blog-syn-container-1 .tile-content-container {
    padding: 32px;
}
#blog-syn-container-1 .tile-cta-external {
    text-align: center;
}
#blog-syn-container-1 .tile-cta-external .tile-content-container .button {
    bottom: 32px;
    left: 32px;
    position: absolute;
    width: calc(100% - 64px);
}
#blog-syn-container-1 .tile-img-logo-container {
    background-position: center;
    background-size: cover;
    height: 290px;
}
@media screen and (min-width: 76.25em) {
    #blog-syn-container-1 .owl-nav {
        text-align: left;
    }
}
@media screen and (min-width: 64em) {
    #blog-syn-container-1 {
        margin: 75px 0 183px;
    }
    #blog-syn-container-1 .h1-style {
        margin-bottom: 35px;
        max-width: 221px;
    }
    #blog-syn-container-1 .tile .h2-style {
        --max-lines: 5;
    }
    #blog-syn-container-1 .tile-container .tile {
        margin-left: 5px;
    }
    #blog-syn-container-1 .tile-content-container {
        height: 312px;
    }
}
@media screen and (max-width: 63.938em) {
    #blog-syn-container-1 .heading-container {
        text-align: center;
    }
    #blog-syn-container-1 .tile .h2-style {
        --max-lines: 3;
    }
    #blog-syn-container-1 .tile.tile-cta-external .h2-style {
        --max-lines: 4;
    }
}
@media screen and (min-width: 40em) {
    #blog-syn-container-1 .owl-nav {
        margin-top: 0;
    }
}
@media screen and (min-width: 40em) and (max-width: 63.938em) {
    #blog-syn-container-1 {
        margin: 30px 0 100px;
    }
    #blog-syn-container-1 .heading-container {
        margin-bottom: 40px;
    }
    #blog-syn-container-1 .tile-content-container {
        height: 252px;
    }
}
@media screen and (max-width: 39.9375em) {
    #blog-syn-container-1 {
        margin: 0 0 60px;
    }
    #blog-syn-container-1 .heading-container {
        margin-bottom: 12px;
    }
    #blog-syn-container-1 .owl-nav {
        margin-top: 20px;
    }
    #blog-syn-container-1 .tile-container a .tile {
        border: 1px solid rgb(0 0 0 / 10%);
        box-shadow: none;
    }
    #blog-syn-container-1 .tile-content-container {
        height: 262px;
    }
}

.form-wrapper .mktoHtmlText,
.form-legal-container {
	margin-bottom: 0;
	margin-top: 15px;
	width: 100% !important;
}

.form-wrapper .mktoHtmlText p,
.form-wrapper .mktoHtmlText p a,
.form-wrapper .mktoHtmlText p a:hover,
.form-wrapper .mktoHtmlText p a:visited,
.form-legal-container,
.form-legal-container a,
.form-legal-container a:hover,
.form-legal-container a:visited {
	color: #2f3237 !important;
	font-size: 12px !important;
    line-height: 135% !important;
}

.form-wrapper .mktoHtmlText p a {
    text-decoration: underline;
}

#cta-container-1 {
    background-color: #f6f9fd;
    color: #334f74;
    padding: 140px 32px 150px;
    text-align: center;
}
#cta-container-1 .h3-style {
    color: #334f74;
    font-family: HelveticaNowDisplayMedium, Helvetica, Arial, Sans-Serif;
    font-size: 33px;
    line-height: 41px;
}
#cta-container-1 .free-form form {
    margin: 0 auto;
}
#cta-container-1 .mktoForm input {
    background-color: #fff !important;
}
#cta-container-1 .privacy {
    margin: 0 auto;
}
#cta-container-1 .privacy p {
    display: inline-block;
    font-size: 11px;
    line-height: 14px;
    margin: 5px 0 0;
    vertical-align: top;
}
#cta-container-1 .privacy p a {
    color: #334f74;
    text-decoration: underline;
}
#cta-container-1 .privacy span {
    background: url(https://learn.appfolioinvestmentmanagement.com/im/www/v4/img/shared/sprite-icons-2_400x200.png) no-repeat 1px -32px;
    background-size: 550%;
    display: inline-block;
    height: 24px;
    margin: 0 10px 0 0;
    width: 21px;
}
#cta-container-2 {
    background-color: #192747;
    color: #fff;
    text-align: center;
}
#cta-container-2 .h1-style {
    color: #fff;
}
@media screen and (min-width: 90em) {
    #cta-container-1 .free-form form {
        width: 1228px !important;
    }
}
@media screen and (min-width: 64em) and (max-width: 89.99875em) {
    #cta-container-1 .free-form form {
        width: 800px !important;
    }
}
@media screen and (min-width: 64em) {
    #cta-container-1 .free-form form input[type="email"],
    #cta-container-1 .free-form form input[type="number"],
    #cta-container-1 .free-form form input[type="text"] {
        width: 361px !important;
    }
    #cta-container-1 .mktoForm .mktoFormRow.consenttoProcessingContainer {
        display: flex !important;
        justify-content: center !important;
        margin: 0 auto 9px;
        max-width: 396px !important;
    }
    #cta-container-1 .mktoForm .mktoFormRow.consenttoProcessingContainer .mktoFormCol {
        margin: 0 0 30px !important;
    }
    #cta-container-1 .mktoForm .mktoFormRow.visibleField:not(.consenttoProcessingContainer) {
        display: inline-block !important;
    }
    #cta-container-1 .mktoFormCol {
        margin: 0 17.5px 30px !important;
    }
}
@media screen and (min-width: 40em) {
    #cta-container-1 .h3-style {
        margin: 0 0 72px;
    }
    #cta-container-2 {
        padding: 150px 0 104px;
    }
    #cta-container-2 .h1-style {
        font-size: 33px;
        line-height: 41px;
        margin-bottom: 47px;
    }
}
@media screen and (max-width: 63.938em) {
    #cta-container-1 .free-form form {
        width: 50% !important;
    }
    #cta-container-1 .free-form form input[type="email"],
    #cta-container-1 .free-form form input[type="number"],
    #cta-container-1 .free-form form input[type="text"] {
        width: 100% !important;
    }
    #cta-container-1 .mktoFormCol {
        margin: 0 0 30px !important;
    }
}
@media screen and (max-width: 39.9375em) {
    #cta-container-1 {
        display: none;
        padding: 80px 32px 70px;
    }
    #cta-container-1 .h3-style {
        margin: 0 0 60px;
    }
    #cta-container-2 {
        padding: 110px 0 97px;
    }
    #cta-container-2 .h1-style {
        font-size: 24px;
        line-height: 31px;
        margin-bottom: 52px;
    }
}
#faq-container-1 {
    background-color: #192747;
}
#faq-container-1,
#faq-container-1 .h1-style,
#faq-container-1 a {
    color: #fff;
}
#faq-container-1 a {
    text-decoration: underline;
}
#faq-container-1 .faq-container-1-item-content {
    cursor: pointer;
    position: relative;
    transform-style: preserve-3d;
    -webkit-transition: 0.6s 0.1s;
    -moz-transition: 0.6s 0.1s;
    -ms-transition: 0.6s 0.1s;
    -o-transition: 0.6s 0.1s;
    transition: 0.6s 0.1s;
    width: 100%;
}
#faq-container-1 .owl-item.rotate .faq-container-1-item-content {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
#faq-container-1 .faq-container-1-item-a,
#faq-container-1 .faq-container-1-item-q {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}
#faq-container-1 .faq-container-1-item-a {
    background-color: #31ae9b;
    font-size: 20px;
    line-height: 30px;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    z-index: 1;
}
#faq-container-1 .faq-container-1-item-q {
    background-color: #334f74;
    font-size: 24px;
    letter-spacing: 0.02em;
    line-height: 40px;
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
    z-index: 2;
}
#faq-container-1 .faq-container-1-item-q .body-headline {
    margin-bottom: 15px;
}
@media screen and (min-width: 76.25em) {
    #faq-container-1 .owl-nav {
        text-align: left;
    }
}
@media screen and (min-width: 64em) {
    #faq-container-1 .faq-container-1-item-content {
        height: 550px;
        max-width: 405.25px;
    }
    #faq-container-1 .heading-container {
        align-items: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        display: inline-flex;
        padding-right: 38px;
    }
}
@media screen and (max-width: 63.938em) {
    #faq-container-1 .h1-style {
        margin-bottom: 60px;
        text-align: center;
    }
}
@media screen and (min-width: 40em) {
    #faq-container-1 {
        padding: 135px 0 183px;
    }
    #faq-container-1 .faq-container-1-item-a,
    #faq-container-1 .faq-container-1-item-q {
        padding: 36px 38px;
    }
    #faq-container-1 .owl-nav {
        margin-top: 40px;
    }
}
@media screen and (min-width: 40em) and (max-width: 63.938em) {
    #faq-container-1 .faq-container-1-item-content {
        height: 400px;
    }
}
@media screen and (max-width: 39.9375em) {
    #faq-container-1 {
        padding: 70px 0 60px;
    }
    #faq-container-1 .faq-container-1-item-a,
    #faq-container-1 .faq-container-1-item-q {
        padding: 27px 29px;
    }
    #faq-container-1 .owl-nav {
        margin-top: 60px;
    }
}
@media screen and (min-width: 35em) and (max-width: 39.9375em) {
    #faq-container-1 .faq-container-1-item-content {
        height: 400px;
    }
}
@media screen and (min-width: 30em) and (max-width: 34.938em) {
    #faq-container-1 .faq-container-1-item-content {
        height: 480px;
    }
}
@media screen and (max-width: 29.938em) {
    #faq-container-1 {
        display: none;
    }
}
#footer-v4 {
    background-color: #334f74;
    width: 100%;
}
#footer-v4,
#footer-v4 .h3-style {
    color: #fff;
}
#footer-v4 a,
#footer-v4 a:focus,
#footer-v4 a:hover,
#footer-v4 a:visited,
#footer-v4 p {
    color: #c1c7d0;
}
#footer-v4 .h3-style {
    font-family: HelveticaNowTextBold, Helvetica, Arial, Sans-Serif;
    font-size: 14px;
    line-height: 15px;
    margin-bottom: 8px !important;
}
#footer-v4 p {
    font-family: HelveticaNowTextMedium, Helvetica, Arial, Sans-Serif;
    font-size: 13px;
    line-height: 21px;
    margin-bottom: 15px;
}
@media screen and (min-width: 75em) {
    #footer-v4 {
        padding: 4.3rem 3%;
    }
    #footer-v4 .footer-content-container {
        margin: auto;
        max-width: 997px;
    }
}
@media screen and (max-width: 74.9375em) {
    #footer-v4 {
        padding: 55px 50px 40px;
    }
}
#footer-v4 a {
    position: relative;
}
#footer-v4 a::before {
    background-color: #fff;
    bottom: 0;
    content: "";
    height: 0.1rem;
    left: 0;
    opacity: 0;
    position: absolute;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    width: 100%;
}
#footer-v4 a:hover::before {
    opacity: 1;
}
#footer-v4 #footer-about-container p {
    margin-bottom: 28px;
}
#footer-v4 .footer-copy-item-spacer {
    font-size: inherit;
    padding: 0 3px;
}
#footer-v4 .footer-logo-img {
    margin: 0 0 18.12px;
    width: 143.48px;
}
#footer-v4 #join-mailing-list-form-container {
    margin: 30px 0 0;
    min-height: 65px;
    position: relative;
}
#footer-v4 #join-mailing-list-form-container .preload-circle {
    position: absolute;
    top: 0;
    z-index: 5;
}
#footer-v4 #join-mailing-list-image {
    margin-bottom: 30px;
    width: 235px;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    #footer-v4 #join-mailing-list-container-sub {
        margin-top: 15px;
    }
}
@media screen and (max-width: 39.9375em) {
    #footer-v4 #footer-about-container {
        margin-bottom: 7px;
        margin-top: 20px;
    }
    #footer-v4 #join-mailing-list-container-sub {
        margin-bottom: 5px;
    }
}
@media screen and (max-width: 20.563em) {
    #footer-v4 a {
        overflow-wrap: anywhere;
    }
}
.f-content.terms {
    padding: 30px 0.9375rem 0;
}
.f-content.terms a {
    text-decoration: underline;
}
.f-content.terms ol li {
    list-style: decimal;
}
.f-content.terms ul li {
    margin-left: 30px;
}


.slide-in-container {
    height: auto;
    max-height: 2000px;
    opacity: 1;
    overflow: hidden;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}
.slide-in-container.slide-in-action-closed {
    max-height: 0;
    opacity: 0;
}
#mailing-list-confirmation-modal {
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    height: 100%;
    padding: 100px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 70000;
}
#mailing-list-confirmation-modal-close {
    color: #000;
    font-size: 2em;
    margin-bottom: 10px;
    text-align: right;
    width: 100%;
}
.message-modal-container {
    background-color: #fff;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
    max-width: 360px;
}
.message-modal-container .h3-style,
.message-modal-container h2 {
    text-align: center;
}
.message-modal-container h2 {
    color: #334f74;
    font-size: 1.2em;
    line-height: 20px;
}
.message-modal-container .h3-style {
    color: #7d899c;
    font-size: 1em;
    line-height: 18px;
    margin-bottom: 0;
}
.message-modal-container p span.close {
    -webkit-font-smoothing: antialiased;
    color: #7d899c;
    cursor: pointer;
    display: inline-block;
    font-size: 2.3rem;
    line-height: 0.5;
    opacity: 0.7;
    padding: 10px;
}
.message-modal-container p span.close:hover {
    opacity: 1;
}
@media screen and (max-width: 63.9375em) {
    .message-modal-container {
        margin-top: 30px;
    }
    .message-modal-container h1 {
        font-size: 1.8em;
    }
}
.message-modal-container-content {
    padding: 0 30px 50px;
}