/*******************************************************
 *
 * Global Style
 *
 *******************************************************/
@font-face {
    font-family: 'Love script';
    src: url('../../assets/fonts/Lovescript/Lovescript.woff2') format('woff2'), url('../../fonts/Lovescript/Lovescript.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    /** Font default */
    --body-font: "Outfit", serif;
    --title-font: 'Love script', serif;
    --cormorant: "Cormorant Garamond", serif;
    --font-family-default: "Outfit", serif;
    --font-family-title: 'Love script';
    --font-size-default: 16px;
    --font-size-title: 60px;
    --font-color-default: #000000;
    --font-color-title: #525252;
    /** Use for input, button, and any other element */
    --primary-color: #000000;
    --secondary-color: #e96957;
    --primary: #000000;
    --secondary: #e96957;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --default-transition: 0.3s all ease-in-out;
}

/* Global */
body {
    font-family: var(--body-font);
    font-size: var(--font-size-default);
    background: #FFFFFF;
    color: var(--font-color-default);
    margin: 0;
    /* Remove the comment from line 85 to 86 if the font issue in safari occurs */
    /* -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; */
}

/*CSS Reset*/
a, a:hover, a:visited, a:focus, textarea {
    text-decoration: none;
    outline: 0;
    cursor: pointer;
    color: inherit;
}

a:hover, a:focus {
    color: var(--secondary-color);
}

a {
    -webkit-transition: var(--default-transition);
    -o-transition: var(--default-transition);
    transition: var(--default-transition);
}

.slick-track * {
    outline: none;
}

select::-ms-expand {
    display: none;
}

input:focus, select:focus, textarea:focus {
    outline: none;
}

input[type="radio"] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio;
}

input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
}

textarea {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    border-radius: 0;
}

[class*="ai-icon-"] {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: var(--default-transition);
    -o-transition: var(--default-transition);
    transition: var(--default-transition);
}

#main-wrapper {
    overflow: hidden;
}

.attachment-fixed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.attachment-fixed canvas {
    background-attachment: fixed!important;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.attachment-scroll {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.attachment-scroll canvas {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.site-img {
    display: block;
    position: relative;
}

.site-img canvas {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.site-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    z-index: 1;
    -webkit-transition: var(--default-transition);
    -o-transition: var(--default-transition);
    transition: var(--default-transition);
}

.custom-container {
    padding: 0 15px;
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;
}

.aidefcf-wrapper form {
    position: relative;
}

#get-in-touch .wpcf7 form .wpcf7-response-output {
    position: absolute;
    bottom: -39px;
    left: 0;
    right: 0;
    font-size: 12px;
    color: #000;
    text-align: center;
    margin: 0 auto;
    line-height: 1;
}

#get-in-touch .wpcf7-spinner {
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
    position: absolute;
    top: 20%;
    left: 20%;
    font-size: 12px;
    padding: 0.2em 0.8em;
    width: auto;
}

.wpcf7-form-control-wrap {
    display: block;
}

/* Global Title */
.global-title {
    display: block;
    position: relative;
    z-index: 2;
}

.global-title h2 {
    display: inline-block;
    position: relative;
    text-align: left;
}

.global-title h2 > small {
    display: block;
    font-size: 20px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0.200em;
    text-transform: uppercase;
    color: var(--secondary);
    margin-bottom: 10px;
}

.global-title h2 > span {
    display: block;
    font-size: 100px;
    line-height: 1;
    color: #000;
    font-family: var(--title-font);
}
.global-title h2 > span sup{
    font-size: 0.32em;
    top: -1.5em;
    line-height: 1;
}
.global-title.is-center {
    text-align: center;
}

.global-title.is-white h2 span {
    color: #fff;
}

/* Global Button */
.global-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 260px;
    max-width: 100%;
    height: 70px;
    border: none;
    background-color: transparent;
    color: #000;
    font-size: 15px;
    letter-spacing: 0.200em;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
    text-align: center;
    -webkit-transition: var(--default-transition);
    -o-transition: var(--default-transition);
    transition: var(--default-transition);
    z-index: 1;
    position: relative;
}

.global-btn:before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    width: calc(100% - 10px);
    height: 100%;
    border: 1px solid #f4b4ab;
    border-bottom-right-radius: 10px;
    background-color: transparent;
    z-index: -1;
    -webkit-transition: var(--default-transition);
    -o-transition: var(--default-transition);
    transition: var(--default-transition);
}

.global-btn:after {
    position: absolute;
    content: '';
    top: -10px;
    left: 0;
    width: calc(100% - 10px);
    height: 100%;
    border: 1px solid var(--secondary);
    border-top-left-radius: 10px;
    z-index: -1;
    -webkit-transition: var(--default-transition);
    -o-transition: var(--default-transition);
    transition: var(--default-transition);
}

.global-btn.is-white {
    color: #fff;
}

.global-btn.is-white:before {
    border-color: rgba(255,255,255,.50);
}

.global-btn.is-white:after {
    border-color: #fff;
}

.global-btn:hover, .global-btn:focus {
    color: #fff;
    padding-bottom: 0;
}

.global-btn:focus:after, .global-btn:hover:after {
    border-color: var(--secondary)!important;
}

.global-btn:focus:before, .global-btn:hover:before {
    border-color: var(--secondary)!important;
    background-color: var(--secondary)!important;
}

.is-mobile {
    display: none!important;
}

.is-desktop {
    display: block!important;
}

/*******************************************************
 *
 * Navigation
 *
 *******************************************************/
/* Sub Menu */
.main-nav {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 28.5715%;
    -webkit-transition: var(--default-transition);
    -o-transition: var(--default-transition);
    transition: var(--default-transition);
    z-index: 1;
}

.main-nav > li {
    position: relative;
    display: inline-block;
}

.main-nav > li a {
    font-size: 15px;
    letter-spacing: 0.100em;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    line-height: 1;
}

.main-nav > li > a:before {
    content: '';
    position: absolute;
    pointer-events: none;
    bottom: -6px;
    left: 50%;
    width: calc(100% + 21px);
    height: 2px;
    -webkit-transform: translateX(-50%) scaleX(0);
    -ms-transform: translateX(-50%) scaleX(0);
    transform: translateX(-50%) scaleX(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: var(--default-transition);
    -webkit-transition: var( --default-transition);
    -o-transition: var( --default-transition);
    transition: var( --default-transition);
    background-color: var(--secondary);
}

.main-nav > li:focus-within > a:before, .main-nav > li:hover > a:before {
    -webkit-transform: translateX(-50%) scaleX(1);
    -ms-transform: translateX(-50%) scaleX(1);
    transform: translateX(-50%) scaleX(1);
}

.header-nav .navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 0;
    width: 100%;
}

.main-nav > li .sub-menu {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    min-width: 223px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    -webkit-transition: var(--default-transition);
    -o-transition: var(--default-transition);
    transition: var(--default-transition);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.main-nav > li .sub-menu li a {
    display: block;
    padding: 17px 6px;
    color: #000;
    z-index: 1;
    background-color: rgba(255,255,255,.82);
}

.main-nav > li .sub-menu > li {
    position: relative;
    display: block;
    margin: 0 auto 1px;
    padding: 0;
    z-index: 1;
}

.main-nav > li .sub-menu li:hover > a {
    color: #fff;
    background-color: rgba(233,105,87,.82);
}

.main-nav li:focus-within > .sub-menu, .main-nav li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    padding-top: 26px;
}

.main-nav .sub-menu .sub-menu {
    margin-left: 100%;
    top: 0;
    left: 0;
    padding: 0;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    min-width: 151px;
    padding: 0!important;
}

.main-nav > li .sub-menu .sub-menu .sub-menu {
    margin-left: 100%;
    top: 0;
    left: 0;
    padding: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    min-width: 151px;
}

/*******************************************************
 *
 * Custom CSS
 *
 *******************************************************/
/* Header */
.header-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1028;
    width: 100%;
    font-size: 0;
    -webkit-transition: var(--default-transition);
    -o-transition: var(--default-transition);
    transition: var(--default-transition);
    padding: 26px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

body.admin-bar .header-wrapper {
    top: 32px;
}

.header-wrap {
    width: 100%;
    position: relative;
    text-align: center;
}

.header-nav {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 100%;
}

.header-wrapper>.container {
    width: 100%;
    padding: 0;
}

.logo {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 42.857%;
}

.logo a {
    display: block;
    position: relative;
    width: 293px;
    margin: 0 auto;
    max-width: 100%;
    -webkit-transition: var(--default-transition);
    -o-transition: var(--default-transition);
    transition: var(--default-transition);
}

.logo img {
    max-width: 100%;
    height: auto;
    width: 100%;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    -webkit-transition: var(--default-transition);
    -o-transition: var(--default-transition);
    transition: var(--default-transition);
}

.header-nav .menu-primary-menu-container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/* Fixed Header */
.header-wrapper.active {
    padding: 9px 0;
    min-height: 84px;
    background-color: #fff;
}

.header-wrapper.active .main-nav > li a {
    color: #000;
}

.header-wrapper.active .main-nav li:hover > .sub-menu {
    padding-top: 34px;
}

.header-wrapper.active .logo a {
    width: 178px;
}

.header-wrapper.active .logo img {
    -webkit-filter: none;
    filter: none;
}

.header-wrapper.active:before {
    opacity: 1;
    visibility: visible;
}

.header-wrapper.active .burger-menu-icon span {
    background-color: #000;
}

/*Burger Menu*/
.burger-menu-icon {
    cursor: pointer;
    width: 28px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 1000;
}

.burger-menu-icon span {
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: #fff;
    right: 0;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    top: 0;
    margin: 0 auto;
}

.bm-lines {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.burger-menu-icon span:nth-child(2) {
    top: 6px;
}

.burger-menu-icon span:last-child {
    bottom: 0;
    top: auto;
    width: 100%;
    left: auto;
    right: 0;
}

.burger-menu-icon.active span:nth-child(1) {
    width: 100%;
    -webkit-transform: translate(0px, 6px) rotate(45deg);
    -ms-transform: translate(0px, 6px) rotate(45deg);
    transform: translate(0px, 6px) rotate(45deg);
}

.burger-menu-icon.active span:nth-child(2) {
    width: 100%;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
}

.burger-menu-icon.active span:nth-child(3) {
    width: 100%;
    -webkit-transform: translate(0px, -6px) rotate(-45deg);
    -ms-transform: translate(0px, -6px) rotate(-45deg);
    transform: translate(0px, -6px) rotate(-45deg);
}

.burger-menu-icon.active span {
    background-color: #000;
}

/*Side Menu*/
html.burger-menu-active {
    overflow: hidden!important;
}

.side-menu {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 998;
    width: 100%;
    height: 100%;
    font-size: 0;
    pointer-events: none;
}

.side-menu.active .side-menu-container {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.side-menu-container {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    z-index: 1056;
    background-color: #fff;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}

.side-menu-overlay {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1054;
    width: 100%;
    height: 100%;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: var(--default-transition);
    -o-transition: var(--default-transition);
    transition: var(--default-transition);
    opacity: 0;
    background-color: rgba(0,0,0,.50);
}

.side-menu-overlay.active {
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
}

.side-menu.active {
    visibility: visible;
    pointer-events: auto;
}

.side-menu-inner {
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    z-index: 5;
    display: block;
    position: relative;
    right: 0;
    margin: 0 auto;
    padding: 16px 15px 70px;
}

.side-menu-logo {
    display: block;
    position: relative;
    text-align: left;
    margin-bottom: 45px;
}

.side-menu-logo a {
    display: inline-block;
    position: relative;
}

.side-menu-logo a img {
    max-width: 148px;
    height: auto;
    width: 100%;
}

.side-menu-nav-holder {
    position: relative;
    display: block;
}

.sidemenu-nav {
    position: relative;
    display: block;
}

.sidemenu-nav > li > a {
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0.100em;
    color: #000;
    position: relative;
    text-transform: uppercase;
}

.sidemenu-nav > li > a:hover {
    color: var(--secondary-color);
}

.sidemenu-nav .sub-menu {
    margin-top: 10px;
    width: 100%;
}

.sidemenu-nav .sub-menu li:not(:last-child) {
    margin-bottom: 10px;
}

.sidemenu-nav > li:not(:last-child) {
    margin-bottom: 25px;
}

.sidemenu-nav .sub-menu li a {
    color: #000;
    font-size: 14px;
    letter-spacing: 0.100em;
    line-height: 1;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
}

.sidemenu-nav .sub-menu li a:hover {
    color: var(--secondary-color);
}

.sidemenu-nav > li {
    position: relative;
    display: block;
    text-align: left;
}

.side-menu-nav {
    text-align: right;
    width: 100%;
    margin-left: auto;
    height: 100%;
}

/* Fixed SMI */
#scroll-down ul.aios-section-nav {
    display: none;
}

#fixed-smi {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 22px;
    z-index: 100;
    font-size: 0;
    -webkit-transition: var(--default-transition);
    -o-transition: var(--default-transition);
    transition: var(--default-transition);
}

.fixed-smi-holder ul, .fixed-smi-holder ul li, .fixed-smi-holder, .fixed-smi-label {
    display: block;
    position: relative;
}

.fixed-smi-label span {
    font-size: 10px;
    line-height: 1;
    letter-spacing: 0.300em;
    font-weight: 500;
    color: #9c9c9c;
    text-transform: uppercase;
    display: block;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin: 0 auto;
    position: relative;
}

.fixed-smi-holder ul li a {
    font-size: 23px;
    color: var(--secondary);
    line-height: 1;
    display: block;
}

.fixed-smi-holder ul li:not(:last-child) {
    margin-bottom: 30px;
}

.fixed-smi-holder ul {
    text-align: center;
}

.fixed-smi-label {
    margin-top: 89px;
}

.fixed-smi-label span:before {
    position: absolute;
    content: '';
    top: calc(100% + 25px);
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 1px;
    height: 32px;
    background-color: #9e9e9e;
    pointer-events: none;
}

.fixed-smi-holder ul li a:hover {
    opacity: .75;
}

[sidebar-active-section="footer-main"] #fixed-smi {
    opacity: 0;
}

[sidebar-active-section="slideshow"] .fixed-smi-label span, [sidebar-active-section="slideshow"] .fixed-smi-holder ul li a {
    color: #fff;
}

[sidebar-active-section="slideshow"] .fixed-smi-label span {
    color: #fff;
}

[sidebar-active-section="slideshow"] .fixed-smi-label span:before {
    background-color: rgba(255,255,255,.30);
}

/* Section Indicator */
#section-scroll {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 40px;
    z-index: 1000;
    height: auto;
}

.ip-container #section-scroll {
    display: none;
}

#section-scroll ul.aios-section-nav {
    font-size: 0;
    display: inline-block;
    position: relative;
}

#section-scroll ul.aios-section-nav li .scroll-section-title {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

#section-scroll ul.aios-section-nav li {
    font-size: 12px;
    color: #c7c7c7;
    line-height: 1;
    letter-spacing: 0.300em;
    font-weight: 300;
    text-transform: uppercase;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    position: relative;
}

#section-scroll ul.aios-section-nav li {
    display: none;
}

#section-scroll ul.aios-section-nav li.nav-active-section {
    display: block;
}

#section-scroll ul.aios-section-nav li a em {
    display: none;
}

#section-scroll ul.aios-section-nav li .scroll-section-dot {
    position: absolute;
    bottom: 100%;
    right: 0;
    margin: 0 auto;
    width: auto;
    height: auto;
    display: block;
    pointer-events: none;
}

#section-scroll ul.aios-section-nav li .scroll-section-dot:before {
    content: '01';
    margin: 0 auto 100px;
    font-size: 12px;
    color: var(--secondary);
    display: block;
    text-align: center;
    -webkit-transition: var(--default-transition);
    -o-transition: var(--default-transition);
    transition: var(--default-transition);
}

#section-scroll ul.aios-section-nav li .scroll-section-dot:after {
    position: absolute;
    content: '';
    top: 26px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 1px;
    height: 75px;
    background-color: #ececec;
    -webkit-transition: var(--default-transition);
    -o-transition: var(--default-transition);
    transition: var(--default-transition);
}

#section-scroll ul.aios-section-nav li.aios-scroll-id-slideshow, #section-scroll ul.aios-section-nav li.aios-scroll-id-get-in-touch, #section-scroll ul.aios-section-nav li.aios-scroll-id-footer-main {
    display: none;
}

#section-scroll ul.aios-section-nav li.aios-scroll-id-welcome .scroll-section-dot:before {
    content: '01';
}

#section-scroll ul.aios-section-nav li.aios-scroll-id-statistics .scroll-section-dot:before {
    content: '02';
}

#section-scroll ul.aios-section-nav li.aios-scroll-id-meet-the-team .scroll-section-dot:before {
    content: '03';
}

#section-scroll ul.aios-section-nav li.aios-scroll-id-featured-communities .scroll-section-dot:before {
    content: '04';
}

#section-scroll ul.aios-section-nav li.aios-scroll-id-call-to-action .scroll-section-dot:before {
    content: '05';
}

#section-scroll ul.aios-section-nav li.aios-scroll-id-testimonials .scroll-section-dot:before {
    content: '06';
}

#section-scroll ul.aios-section-nav li.aios-scroll-id-get-in-touch .scroll-section-dot:before {
    content: '07';
}

#section-scroll ul.aios-section-nav li.aios-scroll-id-footer-main .scroll-section-dot:before {
    content: '08';
}

#section-scroll ul.aios-section-nav li.aios-scroll-id-featured-communities .scroll-section-dot:before {
    color: #fff;
    text-shadow: 0px 0px 3px rgba(0,0,0,.60);
}

#section-scroll ul.aios-section-nav li.aios-scroll-id-featured-communities {
    color: #7789a0;
}

#section-scroll ul.aios-section-nav li.aios-scroll-id-featured-communities .scroll-section-dot:after {
    background-color: #7789a0;
}

#section-scroll ul.aios-section-nav li.aios-scroll-id-testimonials .scroll-section-dot:after {
    background-color: #c7c7c7;
}

#section-scroll .scroll-section-title em {
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0 auto;
}

#section-scroll .scroll-section-title em:not(:last-child) {
    margin-bottom: 33px;
}

#section-scroll .scroll-section-title em:not(:last-child):before {
    position: absolute;
    content: '';
    bottom: -16px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #c7c7c7;
}

/* Footer Form */
.ff-container, .ff-main, .ff-form-widget, .ff-form-widget form {
    display: block;
    position: relative;
}

.ff-container {
    font-size: 0;
    padding: 96px 0 129px;
}

.ff-container:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background-color: var(--secondary);
    pointer-events: none;
}

.ff-main .global-title {
    margin-bottom: 45px;
}

.ff-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    position: relative;
}

.ff-form-field {
    display: inline-block;
    vertical-align: middle;
    width: calc(50% - 12px);
    position: relative;
    margin-bottom: 32px;
}

.ff-form-field input:not([type=submit]), .ff-form-field textarea {
    width: 100%;
    height: 55px;
    border: none;
    border-bottom: 2px solid #000;
    color: #525252;
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0.100em;
    font-weight: 300;
    text-transform: uppercase;
    padding: 0;
}

.ff-form-field.full {
    display: block;
    width: 100%;
}

.ff-form-field textarea {
    height: 108px;
    padding: 5px 0;
    resize: none;
}

.ff-form-widget {
    width: 100%;
    max-width: 1096px;
    margin: 0 auto;
}

.ff-form-field.form-submit {
    width: 100%;
    display: block;
    margin: 35px auto 0;
}

.ff-form-field.form-submit button {
    margin: 0 auto;
    width: 320px;
}

/*Footer*/
.footer-container, .footer-main, .footer-contacts, .footer-disclaimer, .copyright, .mls-logo {
    display: block;
    position: relative;
}

.footer-container {
    font-size: 0;
    padding: 132px 0 103px;
}

.footer-container .custom-container {
    max-width: 1170px;
}

.footer-bg {
    background-color: #fff;
}

.footer-bg > div {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.footer-bg:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 80%;
    pointer-events: none;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(241,241,241,1)),color-stop(65%, rgba(241,241,241,1)),to(rgba(241,241,241,0)));
    background: -o-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(241,241,241,1) 65%,rgba(241,241,241,0) 100%);
    background: linear-gradient(to bottom, rgba(241,241,241,1) 0%,rgba(241,241,241,1) 65%,rgba(241,241,241,0) 100%);
    z-index: 2;
}

.footer-bg canvas {
    opacity: .15;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    background-position: bottom -50px center;
}

.footer-main {
    z-index: 5;
}

.footer-logo-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    max-width: 923px;
    margin: 0 auto 34px;
}

.footer-logo {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.footer-logo a {
    display: inline-block;
    position: relative;
}

.footer-logo img {
    max-width: 100%;
    height: auto;
}

.footer-logo:last-child {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 27px;
}

.footer-contacts {
    text-align: center;
    margin-bottom: 49px;
}

.footer-contacts span {
    display: block;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0.005em;
    color: #000;
    font-weight: 500;
    font-family: var(--cormorant);
}

.footer-contacts span:not(:last-child) {
    margin-bottom: 15px;
    letter-spacing: 0.080em;
}

.footer-contacts span:first-child {
    font-size: 30px;
}

/*Copyright*/
.footer-disclaimer {
    text-align: center;
    margin-bottom: 25px;
}

.footer-disclaimer p {
    font-size: 13px;
    line-height: 1.539;
    color: #000;
    width: 96%;
}

.footer-disclaimer p a {
    color: inherit;
}

.footer-disclaimer p a:hover {
    color: var(--secondary);
}

.copyright {
    font-size: 13px;
    line-height: 1.924;
    letter-spacing: 0.020em;
    color: #000;
    margin-bottom: 27px;
    text-align: center;
}

.copyright a {
    color: inherit;
    -webkit-transition: var(--default-transition);
    -o-transition: var(--default-transition);
    transition: var(--default-transition);
}

.copyright a:hover {
    color: var(--secondary-color);
}

.copyright span {
    font-weight: 700;
}

.copyright a + a {
    font-weight: 500!important;
}

.mls-logo {
    text-align: center;
}

.mls-logo span {
    display: inline-block;
    vertical-align: middle;
    font-size: 31px;
    color: #000;
    margin: 0 5px;
}

.mls-logo span:first-child {
    margin-left: 0;
}

.mls-logo span:last-child {
    margin-right: 0;
}

.mls-logo span.ai-font-realtor-mls {
    font-size: 39px;
}

/*Pojo*/
body #pojo-a11y-toolbar {
    bottom: 0 !important;
    top: auto !important;
}

body #pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle {
    top: auto !important;
    bottom: 0 !important;
}

button:focus-visible, a:focus-visible {
    outline-style: solid !important;
    outline-width: 5px !important;
    outline-color: red !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

#pojo-a11y-toolbar .pojo-a11y-btn-grayscale, #pojo-a11y-toolbar .pojo-a11y-btn-light-background, #pojo-a11y-toolbar .pojo-a11y-btn-high-contrast, #pojo-a11y-toolbar .pojo-a11y-btn-negative-contrast {
    display: none !important;
}

body.pojo-a11y-readable-font [class*=ai-font-], body.pojo-a11y-readable-font em[class*=ai-font-] {
    font-family: agentimage!important;
}

/*******************************************************
 *
 * 4. IP Styles
 *
 *******************************************************/
.ip-container #breadcrumbs {
    font-size: 14px;
    text-transform: uppercase;
    color: var(--font-color-title);
    line-height: 1;
    letter-spacing: 0.050em;
}

.ip-container #breadcrumbs a {
    color: inherit;
    -webkit-transition: var(--default-transition);
    -o-transition: var(--default-transition);
    transition: var(--default-transition);
}

.ip-container #breadcrumbs a:hover {
    color: var(--secondary-color);
}

.ip-container #breadcrumbs span.breadcrumb_last {
    color: var(--secondary);
}

.ip-banner {
    position: relative;
    overflow: hidden;
}

.ip-banner:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.70)),to(rgba(0,0,0,0)));
    background: -o-linear-gradient(top, rgba(0,0,0,0.70) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.70) 0%,rgba(0,0,0,0) 100%);
}

.ip-banner:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 33%;
    pointer-events: none;
    z-index: 1;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),to(rgba(0,0,0,0.45)));
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 100%);
}

.ip-banner canvas {
    display: block;
    position: relative;
    z-index: 0;
    width: 100%;
    min-height: 400px;
    background-color: var(--primary-color);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.ip-banner .container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 2;
}

.ip-banner h1 {
    font-weight: 400;
    font-size: var(--font-size-title);
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 1;
}

.ip-banner h1 span {
    display: block;
    font-size: 25px;
}

/* Adjust minimum height of page area */
#content-sidebar, #content-full {
    min-height: 500px;
    margin-top: 20px;
}

/** Adjust width of content columns **/
#content-sidebar #content {
    width: 74.08%;
}

#content-full #content {
    width: 100%;
}

/* Adjust width of sidebar */
.sidebar {
    width: 23.83%;
    margin-top: 80px;
}

/* fullwidth template */
.page-template-template-fullwidth #content {
    padding-left: 15px;
    padding-right: 15px;
}

.page-template-template-fullwidth #content ihf-search[data-eureka-id*=""].ihf-eureka {
    margin-left: -15px;
    margin-right: -15px;
}

/* Adjust line height of page elements */
#content h4, aside h4, #content p, aside p, #content blockquote, aside blockquote, #content ul, aside ul, #content fieldset, aside fieldset, #content form, aside form, #content ol, aside ol, #content dl, aside dl, #content dir, aside dir, #content menu, aside menu {
    line-height: 1.7
}

/* Style .entry-title(post/page) and .archive-title(category/archive/etc) main headings (h1) */
#content .entry-title, #content .archive-title {
    font-size: 100px;
    line-height: 1;
    color: #000;
    font-family: var(--title-font);
    font-weight: 400;
    margin: 30px 0;
}

#content .entry {
    font-size: 18px;
    line-height: 1.556;
    color: var(--font-color-title);
    font-weight: 500;
    font-family: var(--cormorant);
}

#content h2 {
    font-family: var(--title-font);
}

/* Styles for category/archive/search/etc subheadings (h2) */
#content .archive-subtitle {
    font-size: 32px;
    font-size: 100px;
    line-height: 1;
    color: #000;
    font-family: var(--title-font);
    font-weight: 400;
}


body.single-aios-communities .ip-banner canvas {
    background-image: url(/wp-content/uploads/2025/03/new-banner.jpg)!important;
}

#aios-home-valuation-wrap {
	background-image: url('/wp-content/uploads/2025/03/home-valuation.jpg') !important;
}

.rep-cta .global-btn {
	height: 110px;
	padding: 20px 25px 30px;
	width: 350px;
	margin: 50px auto 0;
	font-family: var(--body-font);
	color: #000;
}

.rep-cta .global-btn:hover, .rep-cta .global-btn:focus {
	color: #fff;
	padding-bottom: 20px;
}

.page-id-74 .aiosCommunitiesEquinox--title {
	text-align: left;
}
.single-aios-communities #inner-page-wrapper .container {
	padding-right: 15px !important;
  padding-left: 15px !important;
}

.aios-home-valuation-step-3 .aios-home-valuation-step-3-wrap .aios-home-valuation-agent-photo img {
	height: auto;
}

.category-blogs #content .archive-subtitle {
	font-size: 42px;
}

.category-blogs #content .archive-thumbnail img {
	border-radius: 30px;
}

body #ai-minimalist-properties-results .ai-minimalist-properties-results-map {
    display: none;
}

body.page-id-74 #inner-page-wrapper > .container {
    width: 100%;
    padding: 0;
}

body.page-id-74 .aiosCommunitiesAscend--title {
    padding: 0 15px;
}

body.aios-custom-ihomefinder-details-template #listings-details .listings-slideshow-splide.splide-default .listings-slideshow-splide-text span {
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 1px rgba(0, 0, 0, 0.5);
}

#ihf-main-container.ihf-modal-container .modal .modal-dialog {
    left: inherit !important;
}

#content .ai-minimalist-conceirge-image img {
    aspect-ratio: 320 / 180;
    object-fit: contain;
}

body #agents-results .agents-list .agents-box-col > .agents-box > div .agent-information .agent-name {
    font-family: var(--cormorant);
    font-size: 30px;
    letter-spacing: 0;
    text-transform: uppercase;
}

body #agents-results .agents-list .agents-box-col > .agents-box > div .agent-information .agent-position {
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0.1em;
}

body #agents-single .agents-description p,
body #agents-single .agents-contact li {
    font-family: var(--cormorant);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.556;
    color: rgb(82, 82, 82);
}

.single-aios-concierge #content .entry-title {
	font-family: var(--cormorant);
	font-size: 40px;
}

.ip-grid-layout {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.ip-grid-layout p {
    display: none;
}

.ip-grid-item {
    width: 50%;
    padding: 15px;
}

.ip-grid-item a {
    display: block;
    position: relative;
}

.ip-grid-image {
    position: relative;
    z-index: 1;
}

.ip-grid-image::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.5);
}

.ip-grid-text {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    font-size: 28px;
    font-weight: 700;
    color: rgb(255, 255, 255);
    text-align: center;
    text-transform: uppercase;
    z-index: 3;
    padding: 0px 10px;
    transition: var(--default-transition);
}

.ip-grid-item a:hover .ip-grid-text {
    opacity: 0;
    margin-top: 100%;
}

.ip-grid-text-hover {
    position: absolute;
    width: calc(100% - 20px);
    max-width: 380px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    font-size: 28px;
    font-weight: 700;
    color: rgb(255, 255, 255);
    text-align: center;
    text-transform: uppercase;
    opacity: 0;
    line-height: 1.2;
    z-index: 3;
    margin: 0px auto;
    padding: 15px 10px;
    background: var(--secondary);
    transition: var(--default-transition);
}

.ip-grid-item a:hover .ip-grid-text-hover {
    opacity: 1;
}

#content #rep-accordion .card-header h2 {
	font-family: inherit;
}
#rep-accordion .card-header button {
    /*font-family: var(--title-font);*/
    font-size: inherit;
    color: inherit;
    text-align: left;
    text-decoration: none;
}

#rep-accordion .card-header button:hover {
    color: var(--secondary);
}

.ihf-details-template #listings-details .listings-description h2,
.ihf-details-template #listings-details .listings-accordion h2,
.ihf-details-template #listings-details .listings-form h2,
.ihf-details-template #content .listings-printable-address,
.ihf-details-template #content .listings-printable-git h2,
.ihf-details-template #content .listings-printable-amenities h2 {
	text-transform: none;
	font-family: var(--cormorant);
}
.ihf-details-template #listings-details .listings-smi h2 {
	font-family: var(--cormorant);
}


/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/
@media only screen and (max-width: 1560px) {
    #content .entry-title, #content .archive-title, .global-title h2 > span {
        font-size: 90px;
    }

    .global-title h2 > small {
        font-size: 18px;
    }

    .custom-container {
        max-width: 1280px;
    }

    .ff-form-widget {
        max-width: 1000px;
    }
}

@media only screen and (max-width: 1440px) {
    #content .entry-title, #content .archive-title, .global-title h2 > span {
        font-size: 80px;
    }

    .custom-container {
        max-width: 1200px;
    }

    #fixed-smi {
        right: 15px;
    }

    #section-scroll {
        left: 25px;
    }
}

@media only screen and (max-width: 1366px) {
    .global-btn {
        height: 65px;
        font-size: 14px;
        letter-spacing: 0.150em;
    }

    .custom-container {
        max-width: 1170px;
    }

    #section-scroll ul.aios-section-nav li, #section-scroll ul.aios-section-nav li .scroll-section-dot:before {
        font-size: 11px;
    }

    #section-scroll ul.aios-section-nav li .scroll-section-dot:before {
        margin: 0 auto 75px;
    }

    #section-scroll ul.aios-section-nav li .scroll-section-dot:after {
        top: 25px;
        height: 50px;
    }

    .logo {
        width: 36%;
    }

    .logo a {
        width: 260px;
    }

    .main-nav {
        width: 32%;
    }

    .ff-form-widget {
        max-width: 950px;
    }

    .ff-form-field.form-submit button {
        width: 290px;
    }
}

@media only screen and (max-width: 1280px) {
    html.safari-true canvas {
        background-attachment: scroll!important;
    }

    #content .entry-title, #content .archive-title, .global-title h2 > span {
        font-size: 70px;
    }

    .global-title h2 > small {
        font-size: 16px;
    }

    .custom-container {
        max-width: 1110px;
    }

    #section-scroll {
        left: 20px;
    }

    .main-nav > li a {
        font-size: 14px;
        letter-spacing: 0.050em;
    }

    .ff-form-field input:not([type=submit]), .ff-form-field textarea {
        font-size: 13px;
        letter-spacing: 0.050em;
    }

    .ff-form-widget {
        max-width: 850px;
    }

    .ff-form-field {
        width: calc(50% - 10px);
    }

    .footer-container .custom-container {
        max-width: 1100px;
    }

    .footer-logo-holder {
        max-width: 775px;
    }
}

/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */
@media only screen and (max-width: 1199px) {
    /* html.safari-true .attachment-fixed canvas {
        background-attachment: scroll!important;
        background-size: 170vw!important;
    } */

    .attachment-fixed canvas, html.safari-true .attachment-fixed canvas, .safari-true .attachment-fixed canvas {
        background-attachment: scroll!important;
        background-position: center!important;
        background-size: cover!important;
    }

    #content .entry-title, #content .archive-title, .global-title h2 > span {
        font-size: 60px;
    }

    .global-title h2 > small {
        font-size: 15px;
    }

    .global-btn {
        height: 60px;
        font-size: 13px;
        width: 220px;
    }

    .global-btn:after, .global-btn:before {
        width: calc(100% - 8px);
    }

    .global-btn:after {
        border-top-left-radius: 8px;
        top: -8px;
    }

    .custom-container {
        max-width: 920px;
    }

    .logo a {
        width: 200px;
    }

    .logo a {
        width: 180px;
    }

    .header-wrapper.active .logo a {
        width: 160px;
    }

    .header-wrapper.active .logo a {
        width: 150px;
    }

    .logo {
        width: 33%;
    }

    .main-nav > li a {
        font-size: 13px;
    }

    .main-nav {
        width: 33.5%;
    }

    .main-nav > li .sub-menu {
        min-width: 200px;
    }

    .main-nav > li .sub-menu li a {
        padding: 14px 6px;
    }

    .fixed-smi-holder ul li a {
        font-size: 20px;
    }

    .fixed-smi-holder ul li:not(:last-child) {
        margin-bottom: 20px;
    }

    .fixed-smi-label {
        margin-top: 60px;
    }

    .fixed-smi-label span:before {
        top: calc(100% + 15px);
        height: 30px;
    }

    .ff-form-field {
        margin-bottom: 20px;
    }

    .ff-form-field textarea {
        height: 90px;
    }

    .ff-form-widget {
        max-width: 750px;
    }

    .ff-main .global-title {
        margin-bottom: 25px;
    }

    .ff-container {
        padding: 80px 0;
    }

    .ff-form-field.form-submit button {
        width: 260px;
    }

    .ff-form-field.form-submit {
        margin: 25px auto 0;
    }

    .footer-contacts span:first-child {
        font-size: 25px;
    }

    .footer-contacts span {
        font-size: 18px;
    }

    .footer-container .custom-container {
        max-width: 940px;
    }

    .footer-container {
        padding: 80px 0;
    }

    .footer-logo:first-child img {
        max-width: 225px;
        width: 100%;
    }

    .footer-logo a img {
        max-width: 190px;
        width: 100%;
    }

    .footer-logo:nth-child(3) img {
        max-width: 200px;
        width: 100%;
    }

    .footer-logo:last-child img {
        max-width: 95px;
        width: 100%;
    }

    .mls-logo span.ai-font-realtor-mls {
        font-size: 35px;
    }

    .mls-logo span {
        font-size: 27px;
    }

    .footer-contacts {
        margin-bottom: 35px;
    }
}

/* iPad(portrait) | Galaxy Tab 4(portrait)  */
@media only screen and (max-width: 991px) {
    .attachment-fixed canvas, html.safari-true .attachment-fixed canvas, .safari-true .attachment-fixed canvas {
        background-attachment: scroll!important;
        background-position: center!important;
        background-size: cover!important;
    }

    .is-mobile {
        display: block!important;
    }

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

    #content .entry-title, #content .archive-title, .global-title h2 > span {
        font-size: 60px;
    }

    .global-title h2 > small {
        font-size: 16px;
    }

    .global-btn {
        height: 70px;
        font-size: 15px;
        width: 250px;
    }

    .global-btn:after, .global-btn:before {
        width: calc(100% - 10px);
    }

    .global-btn:after {
        border-top-left-radius: 10px;
        top: -10px;
    }

    .custom-container {
        max-width: 567px;
    }

    .header-wrapper.active .logo a {
        width: 148px;
    }

    .header-wrapper.active {
        padding: 15px 0;
        min-height: 85px;
        z-index: 200;
    }

    .header-wrapper > .custom-container {
        max-width: 100%;
    }

    ul.aios-split-nav.main-nav {
        display: none!important;
    }

    .logo {
        width: 100%!important;
    }

    .header-nav .menu-primary-menu-container {
        display: block;
    }

    .header-nav .navigation {
        display: block;
    }

    .burger-menu-icon.is-mobile {
        display: inline-block!important;
    }

    .logo a {
        margin-left: 0;
        margin-right: auto;
        width: 148px;
    }

    .header-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .header-wrapper {
        padding: 17px 0;
    }

    #fixed-smi, #section-scroll {
        display: none;
    }

    .ff-container {
        padding: 54px 0 69px;
    }

    .footer-bg {
        top: auto;
        bottom: 0;
    }

    .footer-bg canvas {
        background-position: left center;
    }

    .ff-form-field {
        width: 100%;
        margin-bottom: 22px;
    }

    .ff-form-field input:not([type=submit]), .ff-form-field textarea {
        font-size: 14px;
        letter-spacing: 0.100em;
    }

    .ff-form-field textarea {
        height: 143px;
        padding: 40px 0 10px;
    }

    .ff-form-field.form-submit {
        margin: 35px auto 0;
    }

    .ff-main .global-title {
        margin-bottom: 15px;
    }

    .footer-container {
        padding: 50px 0 53px;
    }

    .footer-container .custom-container {
        max-width: 768px;
    }

    .footer-bg:before {
        height: 77%;
    }

    .footer-logo-holder {
        text-align: center;
        margin: 0 auto 30px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .footer-logo {
        display: block;
    }

    .footer-logo:not(:last-child) {
        margin: 0 0 25px!important;
    }

    .footer-logo:last-child {
        margin-top: -15px;
    }

    .footer-contacts span:first-child {
        font-size: 24px;
    }

    .footer-contacts span:last-child {
        font-size: 16px;
        line-height: 1.2;
    }

    .footer-logo:first-child {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .footer-logo:nth-child(2) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .footer-logo:nth-child(3) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .footer-logo:last-child {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .footer-logo a img {
        max-width: 100%;
    }

    .footer-logo:nth-child(3) img {
        max-width: 225px;
    }

    .footer-logo:last-child img {
        max-width: 105px;
    }

    .footer-disclaimer p {
        font-size: 12px;
        line-height: 20px;
        width: 100%;
    }

    .copyright {
        font-size: 12px;
        line-height: 25px;
    }

    .mls-logo span.ai-font-realtor-mls {
        font-size: 39px;
    }

    .mls-logo span {
        font-size: 31px;
    }

    /* The following are used on inner pages. Please edit carefully. */
    .inner {
        width: 100%;
    }

    #content-sidebar, #content-full {
        width: 100%;
    }

    .outer {
        width: 100%;
        min-width: 100%;
    }

    #content-sidebar #content {
        width: 100%;
    }

    #pojo-a11y-toolbar {
        display: none;
    }

    .ip-banner canvas {
        min-height: 350px;
    }

    #content .entry {
        font-size: 16px;
    }

    .ip-grid-item {
        width: 100%;
    }
}

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */
@media only screen and (max-width: 767px) {
    .ip-banner .container {
        width: 100%;
    }
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */
@media only screen and (max-width: 480px) {
    .ff-form-widget .wpcf7 form .wpcf7-response-output {
        bottom: -45px;
    }
}

@media only screen and (max-width: 359px) {
    #content .entry-title, #content .archive-title, .global-title h2 > span {
        font-size: 55px;
    }

    .global-title h2 > small {
        font-size: 15px;
    }

    .global-btn {
        font-size: 14px;
    }
}