/*
Theme Name: Lake Anna Home
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.5.8
Tags: one-column, two-columns, right-sidebar, custom-menu, full-width-template, sticky-post
License: Proprietary
License URI: http://www.agentimage.com
Template: aios-starter-theme
*/

/*

TABLE OF CONTENTS

1. Custom CSS
2. IP styles
3. MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css
  
*/


/*******************************************************
 *
 * 1. Navigation
 *
 *******************************************************/


/* Sub Menu */
#nav li {
    position:relative;
    display: inline-block;
}
  
#nav .sub-menu {
    background: transparent;
    display: block;
    opacity: 0;
    visibility: hidden;
    width: max-content;
    left: 50%;
    transform: translateX(-50%) translateY(-30px);
    padding: 25px 15px 15px;
    position: absolute;
    min-width: 180px;
    list-style: none outside none;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    pointer-events: none;
    top: 100%;
}
#nav .sub-menu a {
    color: #FFFFFF;
    display: block;
    padding: 10px;
}
#nav .sub-menu a:hover {
    background: none repeat scroll 0 0 #b2b2b2;
    color: #000000;
    text-decoration: none;
}
#nav .sub-menu .sub-menu {
    margin-left: 100%;
    top:0;
}
#nav li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
}
#nav .sub-menu li {
    position: relative;
}

li#menu-item-728 > a,
li#menu-item-102 a {
    pointer-events: none;
}

/*******************************************************
 *
 * 2. Custom CSS
 *
 *******************************************************/

/* Global */
@font-face {
    font-family: 'Arsilon';
    src: url('fonts/Arsilon.eot');
    src: local('☺'), url('fonts/Arsilon.woff') format('woff'), url('fonts/Arsilon.ttf') format('truetype'), url('fonts/Arsilon.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bahnschrift';
    src: url('fonts/Bahnschrift.eot');
    src: url('fonts/Bahnschrift.eot?#iefix') format('embedded-opentype'),
        url('fonts/Bahnschrift.woff2') format('woff2'),
        url('fonts/Bahnschrift.woff') format('woff'),
        url('fonts/Bahnschrift.ttf') format('truetype'),
        url('fonts/Bahnschrift.svg#Bahnschrift') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bahnschrift';
    src: url('fonts/Bahnschrift_1.eot');
    src: url('fonts/Bahnschrift_1.eot?#iefix') format('embedded-opentype'),
        url('fonts/Bahnschrift_1.woff2') format('woff2'),
        url('fonts/Bahnschrift_1.woff') format('woff'),
        url('fonts/Bahnschrift_1.ttf') format('truetype'),
        url('fonts/Bahnschrift_1.svg#Bahnschrift') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bahnschrift';
    src: url('fonts/Bahnschrift_2.eot');
    src: url('fonts/Bahnschrift_2.eot?#iefix') format('embedded-opentype'),
        url('fonts/Bahnschrift_2.woff2') format('woff2'),
        url('fonts/Bahnschrift_2.woff') format('woff'),
        url('fonts/Bahnschrift_2.ttf') format('truetype'),
        url('fonts/Bahnschrift_2.svg#Bahnschrift') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bahnschrift';
    src: url('fonts/Bahnschrift_3.eot');
    src: url('fonts/Bahnschrift_3.eot?#iefix') format('embedded-opentype'),
        url('fonts/Bahnschrift_3.woff2') format('woff2'),
        url('fonts/Bahnschrift_3.woff') format('woff'),
        url('fonts/Bahnschrift_3.ttf') format('truetype'),
        url('fonts/Bahnschrift_3.svg#Bahnschrift') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bahnschrift';
    src: url('fonts/Bahnschrift_4.eot');
    src: url('fonts/Bahnschrift_4.eot?#iefix') format('embedded-opentype'),
        url('fonts/Bahnschrift_4.woff2') format('woff2'),
        url('fonts/Bahnschrift_4.woff') format('woff'),
        url('fonts/Bahnschrift_4.ttf') format('truetype'),
        url('fonts/Bahnschrift_4.svg#Bahnschrift') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bahnschrift';
    src: url('fonts/Bahnschrift_5.eot');
    src: url('fonts/Bahnschrift_5.eot?#iefix') format('embedded-opentype'),
        url('fonts/Bahnschrift_5.woff2') format('woff2'),
        url('fonts/Bahnschrift_5.woff') format('woff'),
        url('fonts/Bahnschrift_5.ttf') format('truetype'),
        url('fonts/Bahnschrift_5.svg#Bahnschrift') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bahnschrift';
    src: url('fonts/Bahnschrift_6.eot');
    src: url('fonts/Bahnschrift_6.eot?#iefix') format('embedded-opentype'),
        url('fonts/Bahnschrift_6.woff2') format('woff2'),
        url('fonts/Bahnschrift_6.woff') format('woff'),
        url('fonts/Bahnschrift_6.ttf') format('truetype'),
        url('fonts/Bahnschrift_6.svg#Bahnschrift') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bahnschrift';
    src: url('fonts/Bahnschrift_7.eot');
    src: url('fonts/Bahnschrift_7.eot?#iefix') format('embedded-opentype'),
        url('fonts/Bahnschrift_7.woff2') format('woff2'),
        url('fonts/Bahnschrift_7.woff') format('woff'),
        url('fonts/Bahnschrift_7.ttf') format('truetype'),
        url('fonts/Bahnschrift_7.svg#Bahnschrift') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bahnschrift';
    src: url('fonts/Bahnschrift_8.eot');
    src: url('fonts/Bahnschrift_8.eot?#iefix') format('embedded-opentype'),
        url('fonts/Bahnschrift_8.woff2') format('woff2'),
        url('fonts/Bahnschrift_8.woff') format('woff'),
        url('fonts/Bahnschrift_8.ttf') format('truetype'),
        url('fonts/Bahnschrift_8.svg#Bahnschrift') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bahnschrift';
    src: url('fonts/Bahnschrift_9.eot');
    src: url('fonts/Bahnschrift_9.eot?#iefix') format('embedded-opentype'),
        url('fonts/Bahnschrift_9.woff2') format('woff2'),
        url('fonts/Bahnschrift_9.woff') format('woff'),
        url('fonts/Bahnschrift_9.ttf') format('truetype'),
        url('fonts/Bahnschrift_9.svg#Bahnschrift') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bahnschrift';
    src: url('fonts/Bahnschrift_10.eot');
    src: url('fonts/Bahnschrift_10.eot?#iefix') format('embedded-opentype'),
        url('fonts/Bahnschrift_10.woff2') format('woff2'),
        url('fonts/Bahnschrift_10.woff') format('woff'),
        url('fonts/Bahnschrift_10.ttf') format('truetype'),
        url('fonts/Bahnschrift_10.svg#Bahnschrift') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bahnschrift';
    src: url('fonts/Bahnschrift_11.eot');
    src: url('fonts/Bahnschrift_11.eot?#iefix') format('embedded-opentype'),
        url('fonts/Bahnschrift_11.woff2') format('woff2'),
        url('fonts/Bahnschrift_11.woff') format('woff'),
        url('fonts/Bahnschrift_11.ttf') format('truetype'),
        url('fonts/Bahnschrift_11.svg#Bahnschrift') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bahnschrift';
    src: url('fonts/Bahnschrift_12.eot');
    src: url('fonts/Bahnschrift_12.eot?#iefix') format('embedded-opentype'),
        url('fonts/Bahnschrift_12.woff2') format('woff2'),
        url('fonts/Bahnschrift_12.woff') format('woff'),
        url('fonts/Bahnschrift_12.ttf') format('truetype'),
        url('fonts/Bahnschrift_12.svg#Bahnschrift') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bahnschrift';
    src: url('fonts/Bahnschrift_13.eot');
    src: url('fonts/Bahnschrift_13.eot?#iefix') format('embedded-opentype'),
        url('fonts/Bahnschrift_13.woff2') format('woff2'),
        url('fonts/Bahnschrift_13.woff') format('woff'),
        url('fonts/Bahnschrift_13.ttf') format('truetype'),
        url('fonts/Bahnschrift_13.svg#Bahnschrift') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bahnschrift';
    src: url('fonts/Bahnschrift_14.eot');
    src: url('fonts/Bahnschrift_14.eot?#iefix') format('embedded-opentype'),
        url('fonts/Bahnschrift_14.woff2') format('woff2'),
        url('fonts/Bahnschrift_14.woff') format('woff'),
        url('fonts/Bahnschrift_14.ttf') format('truetype'),
        url('fonts/Bahnschrift_14.svg#Bahnschrift') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



body{
    font-family: 'Montserrat', Helvetica, Georgia, Sans-serif;
    font-size: 14px;
    background: #FFF;
    color: #1a1a1a;
    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; */
}

a:hover, a:focus {
    color: #004aad;
}

.full-container {
    position: relative;
    z-index: 10;
    width: 100%;
}

.outer-container {
    max-width: 1350px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}

.inner-container {
    max-width: 1170px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}

#main-wrapper {
    /* overflow: hidden; */
    height: 100%;
}

.home .textwidget {
    height: 100%;
    width: 100%;
}

.full-section {
    min-height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    padding-top: 101px;
    height: calc(100% - 101px) !important;
}

#fullPage {
    height: 100%;
    /* position: relative; */
}

.full-section .onepage-animate-hide {
    opacity: 0;
}

.full-section .onepage-animate-hide.zoomIn {
    opacity: 1;
}

.section-title {
    width: auto;
    font-size: 50px;
    color: #1a1a1a;
}

.section-title h2 {
    font-weight: 100;
}

.section-title h2 span {
    font-weight: 900;
    color: #ec000d;
}

.hp-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #0e2684;
    height: 60px;
    font-size: 13px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.hp-btn img {
    max-width: 30px;
    margin-right: 10px;
}

.hp-btn:hover, .hp-btn:focus {
    background: #ec000d;
    color: #fff;
}

/* Popup */
.popup-content-container {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    overflow: hidden;
}

.popup-content-container.active {
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
}

.popup-content-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 25px 50px;
    overflow: hidden;
}

.popup-content-main {
    position: relative;
    width: 100%;
    max-width: 1276px;
    margin: 0 auto;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
}

.popup-content-main.active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.popup-close-btn {
    position: absolute;
    top: 39px;
    right: 31px;
    font-size: 8px;
    color: #000;
    z-index: 15;
    cursor: pointer;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.popup-close-btn:hover {
    color: #ec000d;
}

.popup-content {
    /* padding: 85px 20px 45px; */
}

.popup-content:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(images/popup-bg.jpg) no-repeat center center/ cover;
    filter: grayscale(1);
}


.popup-content-inner {
    z-index: 10;
    margin: 0 auto;
    z-index: 2;
    position: relative;
    font-size: 0;
}

.popup-content:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(255,255,255,0.66);
    z-index: 2;
}

.popup-title {
    margin-bottom: 20px;
    position: relative;
    z-index: 10;
    max-width: 870px;
    padding-top: 35px;
}

.popup-title .section-title h2 {
    font-weight: 900;
    font-size: 38px;
    color: #000;
}

.popup-desc {
    margin-bottom: 40px;
    max-width: 680px;
    position: relative;
    z-index: 10;
}

.popup-desc p {
    font-size: 16px;
    line-height: 25px;
    color: #000;
    letter-spacing: -0.02em;
}

.popup-desc p span {
    display: block;
    font-size: 20px;
    font-weight: 900;
    color: #004aad;
    line-height: 1;
}

.popup-download {
    margin-bottom: 20px;
    position: relative;
    z-index: 10;
    max-width: 555px;
    background: #fff;
    border-radius: 5px;
    padding: 5px;
}

.popup-bot-content {
    display: flex;
    position: relative;
    width: 60%;
    align-items: flex-end;
    justify-content: space-between;
}

.popup-team-photo, .popup-logos, .popup-logo {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.popup-logos {
    width: 35%;
    padding-bottom: 30px;
}

.popup-logo {
    width: calc(100% / 2);
    text-align: center;
    padding: 6px;
}

.popup-team-photo img {
    max-width: 100%;
    height: auto;
    width: 100%;
}

.popup-title .section-title h2 span {
    color: #ec000d;
}

.popup-main-logo {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.popup-main-logo img {
    height: auto;
    max-width: 185px;
    width: 100%;
}

.popup-team-photo {
    width: 65%;
}

.popup-logo img {
    max-width: 100%;
    margin: 0 auto;
    height: 103px;
    object-fit: contain;
}

.popup-desc-list, .popup-desc-list ul, .popup-desc-list ul li {
    display: block;
    position: relative;
}

.popup-desc-list ul li {
    font-size: 24px;
    line-height: 1.2;
    padding-left: 25px;
    width: 62%;
    letter-spacing: 0.100em;
}

.popup-desc-list ul li:not(:last-child) {
    margin-bottom: 10px;
}

.popup-desc-list, .popup-title {
    padding-left: 40px;
}



.popup-desc-list ul li em.ai-arrow-icon {
    position: absolute;
    top: 3px;
    left: 0;
    width: 15px;
    height: 22px;
    background-image: url(images/ai-arrow-icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.pd-pull-right img {
    max-width: 115px;
    width: 100%;
}

.pd-btns {
    display: flex;
    align-items: center;
    width: 100%;
}


.pd-buttons a img {
    width: 100%;
}

.pd-btns:last-child img {
    max-width: 120px;
}

.pd-btns:not(:last-child) {
    margin-bottom: 5px;
}



.pd-flex {
    display: flex;
    align-items: center;
}

.pd-left {
    margin-right: 15px;
}

.app-icon img {
    width: 100%;
}

.pd-right {
    text-align: left;
    margin-right: 5px;
}

.pd-right h4 {
    margin-bottom: 4px;
    font-size: 18px;
    font-weight: 400;
    color: #666;
}

.pd-form {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 295px;
}

.pd-form label {
    display: none;
}

.pd-form input {
    width: 100%;
    height: 40px;
    background: #fff;
    border: none;
    padding: 10px 10px 10px 20px;
    font-size: 12px;
    color: #3f3f3f;
    letter-spacing: 0.03em;
    outline: 0;
}

.pd-form input[type="submit"] {
    background: #3d97ee;
    padding: 0;
    font-size: 12px;
    color: #ffffff;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.pd-input {
    max-width: 140px;
    width: 100%;
}

.pd-submit {
    max-width: 155px;
    width: 100%;
}

.pd-form input[type="submit"]:hover {
    background: #0e2684;
}

.pd-text {
    display: block;
    font-size: 13px;
    color: #ffffff;
    letter-spacing: -0.02em;
}

.pd-buttons {
    margin-top: 7px;
    display: flex;
    align-items: center;
    flex-direction: column;
    align-items: flex-start;
}

.pd-buttons a {
    display: block;
    font-size: 0;
    margin-left: 5px;
}

.pd-buttons a:first-child {
    margin-left: 0;
}

.popup-subtitle {
    margin-bottom: 15px;
    font-size: 37px;
    font-weight: 900;
    color: #004aad;
    position: relative;
    z-index: 10;
    max-width: 680px;
}

.popup-phone {
    position: absolute !important;
    max-width: 90%;
    right: -12%;
    bottom: -13%;
    width: 98.42%;
    z-index: 0 !important;
    pointer-events: none;
}

.popup-content-inner > div {
    position: relative;
    z-index: 10;
}

.popup-phone img {
    width: 100%;
}

/* Mobile Logo */
.mobile-logo {
    background: #0e2684;
    padding: 20px;
    text-align: center;
    display: none;
}

.mobile-logo a {
    max-width: 340px;
    display: block;
    margin: 0 auto;
    font-size: 0;
}

.mobile-logo img {
    width: 100%;
}

/* Header */
#main-header {
    position: fixed;
    z-index: 1000;
    width: 100%;
    padding: 25px 0 0;
    top: 0;
    left: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.ip-container #main-header.active {
    background: rgba(0,0,0,0.5);
    padding: 17px 0;
min-height: 100px;}

.main-logo img {
        max-width: 175px;
    }

#main-header .outer-container {
    max-width: 1600px;
    padding: 0 50px 0 90px;
}

.header-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main-logo {
    opacity: 1;
    visibility: visible;
    max-width: 220px;
    width: 18%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.main-logo.hide-logo {
    opacity: 0;
    visibility: hidden;
}

.main-logo a {
    display: block;
    font-size: 0;
}

.main-logo img {
    width: 100%;
}

.header-right {
    display: flex;
    align-items: center;
}

.burger-menu {
    margin-left: 40px;
    width: 50px;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.ip-container #main-header.active .burger-menu {
    margin-top: -20px;
}


.burger-icon {
    width: 50px;
    height: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(255,255,255,0.5);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.burger-icon span {
    display: block;
    max-width: 21px;
    width: 100%;
    height: 2px;
    background: #fff;
}

.burger-icon span:nth-child(2) {
    margin: 3px 0;
}

.burger-menu:hover .burger-icon {
    border-color: #fff;
}

.burger-menu > span {
    text-transform: uppercase;
    color: #ffffff;
    font-size: 10px;
    letter-spacing: 0.05em;
    position: absolute;
    left: 0;
    width: 100%;
    top: 100%;
    margin-top: 10px;
    text-align: center;
}

#nav {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
/* .dark #nav::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -4%;
    transform: translateY(-50%);
    width: 184%;
    height: 50px;
    background: rgba(255,255,255,.60);
    box-shadow: 0 0 6px #cdcdcd;
    transition: all .4s ease-in-out;
    z-index: -1;
}
 */
#nav > li {
    margin-left: 19%;
    white-space: nowrap;
    padding: 25px 0;
}

#nav > li:first-child {
    margin-left: 0;
}

#nav > li > a {
    display: block;
    font-size: 16px;
    color: #fff;
    letter-spacing: 0.025em;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    text-shadow: 0 2px 2px #000;
}

#nav > li:hover > a {
    opacity: 0.5;
}

#nav .sub-menu li {
    display: block;
    text-align: center;
}

#nav .sub-menu li:not(:last-child) {
    margin-bottom: 0.625vw;
}

#nav .sub-menu li a {
    background: #0e2684;
    padding: 15px 10px;
    font-size: 14px;
    letter-spacing: 0.025em;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
#nav .sub-menu li a span {
    color: #ec000d;   
    font-weight: 600;
}
#nav .sub-menu li:hover a span {
    color: #fff;   
}

#nav .sub-menu li:first-child {
    margin-top: 0;
}

#nav .sub-menu li a:hover {
    background: #ec000d;
    color: #fff;
}

.dark #nav > li > a {
    color: #000;
    text-shadow: none;
}

li#menu-item-115 > a,
li#menu-item-116 > a {
    pointer-events: none;
}
li#menu-item-115 > ul {
    column-count: 2;
}

.dark .burger-icon {
    border-color: rgba(0,0,0,0.5);
}

.dark .burger-menu > span {
    color: #000;
}

.dark .burger-icon span {
    background: #000;
}

.dark .burger-menu:hover .burger-icon {
    border-color: #000;
}

/* Expanded Menu */
.expanded-menu {
    position: fixed;
    z-index: 1200;
    right: -100%;
    height: 100%;
    width: 100%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    display: flex;
    align-items: stretch;
}

.expanded-menu.active {
    right: 0;
}

.expanded-menu-whitespace {
    width: 100%;
}

.expanded-menu-inner {
    max-width: 1100px;
    min-width: 1100px;
    padding: 45px 95px 35px 90px;
    height: 100%;
    background: url(images/expanded-bg.jpg) no-repeat center center / cover;
    position: relative;
    overflow: hidden;
    width: 100%;
    justify-content: center;
    color: #fff;
    overflow-y: auto;
}

.expanded-menu-inner:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    min-height: 900px;
    background: rgba(18,18,18,0.7);
}

.emi-inner {
    position: relative;
    z-index: 10;
}

.expanded-menu .close-btn {
    cursor: pointer;
    font-size: 20px;
    color: #fff;
    border: 1px solid rgba(255,255,255,0.5);
    position: absolute;
    right: 50px;
    top: 30px;
    width: 50px;
    height: 50px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.expanded-menu .close-btn:hover {
    border-color: #fff;
    background: #fff;
    color: #000;
}

.expanded-logo {
    margin-bottom: 20px;
    text-align: center;
}

.expanded-logo a {
    display: block;
    font-size: 0;
    max-width: 448px;
    margin: 0 auto;
}

.expanded-logo img {
    width: 100%;
}

.ed-btns {display: inline-block;vertical-align: middle;position: relative;}

.ed-btns:first-child img {
    max-width: 81px;
}

.ed-btns:not(:last-child) {margin-right: 10px;}

#expanded-nav {
    text-transform: uppercase;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    text-align: right;
}

#expanded-nav > li {
    display: block;
    width: 33.33%;
}

#expanded-nav > li > a {
    font-size: 20px;
    letter-spacing: 0.2em;
    display: block;
    font-weight: 500;
}

#expanded-nav .sub-menu {
    margin-top: 25px;
}

#expanded-nav .sub-menu li {
    margin-top: 20px;
}

#expanded-nav .sub-menu li:first-child {
    margin-top: 0;
}

#expanded-nav .sub-menu li a {
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0.1em;
}

#expanded-nav .sub-menu li a span {
    color: #ec000d;
}

#expanded-nav li a {
    color: #fff;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

#expanded-nav li a:hover {
    opacity: 0.5;
}

#expanded-nav > li:last-child > a {
    max-width: 200px;
    margin: -20px 0 0 auto;
}

.expanded-download {
    position: absolute;
    right: 0;
    top: 56%;
    width: 33%;
    text-align: right;
    right: 33%;
    z-index: 5;
}

.ed-flex {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    margin-bottom: 15px;
}

.ed-right {
    max-width: 66px;
    margin-left: 15px;
}

.app-icon {
    text-align: center;
    max-width: 138px;
    font-size: 0;
}



.app-icon img {
    width: 100%;
}

.app-icon span {
    font-size: 12px;
    line-height: 1;
    margin-top: 5px;
    display: block;
    font-weight: 300;
    color: #fff;
}

.ed-left {
    padding-top: 10px;
}

.ed-left h3 {
    font-size: 17px;
    font-weight: 500;
}

.ed-left p {
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    max-width: 135px;
    margin: 15px 0 0 auto;
}

.ed-buttons {
    display: flex;
    justify-content: flex-end;
}

.ed-buttons a {
    font-size: 0;
    max-width: 110px;
    display: block;
    display: block;
}
.ed-buttons a:hover img {
    opacity: .85;
}

.ed-buttons a img{
    max-width: 100%;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}
.expanded-contact-wrap {
    position: absolute;
    right: 0;
    width: 66%;
    top: 540px;
}

.ecw-flex {
    display: flex;
    align-items: flex-end;
    text-align: right;
    /* pointer-events: none; */
}

.ecw-left {
    width: 50%;
}

.ecw-right {
    width: 50%;
    /*padding: 30px 0 0;*/
    padding: 0 0 0 50px;
}
.side-broker-img {
	margin-top: -50px;
	position: relative;
}
.side-broker-img img {
	max-width: 80%;
  margin-left: auto;
}

.expanded-contact {
    width: auto;
}

.expanded-contact h3 {
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.ec-contact {
    margin-top: 13px;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0.06em;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.ec-contact i {
    margin-right: 13px;
}

.ec-contact.location1 {
    line-height: 20px;
    max-width: 150px;
    margin: 0 0 0 auto;
    align-items: flex-start;
}

.ec-contact.location1 i {
    font-size: 16px;
    top: 5px;
}

.loc-label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    display: block;
    margin-top: 10px;
}

.ec-contact a {
    color: #fff;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.ec-contact a:hover {
    opacity: 0.5;
}

.ec-contact .contact-name {
    text-transform: uppercase;
    margin-right: 10px;
}

.expanded-navigation {
    margin-bottom: 30px;
}

.ecw-right .expanded-contact .ec-contact:first-of-type {
    max-width: 165px;
    margin: 0 0 0 auto;
    line-height: 20px;
}

.ec-flex {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.ec-flex a {
    font-size: 18px;
    margin-left: 25px;
    color: #fff;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.ec-flex a:hover {
    opacity: 0.5;
}

.ec-flex .ai-envelope-f {
    font-size: 11px;
}

.expanded-text {
    text-align: justify;
}

.expanded-text p {
    font-size: 11px;
    line-height: 15px;
    font-style: italic;
    color: #999999;
    letter-spacing: 0.007em;
}

/* Left Side Menu */
.main-lsm {
    position: absolute;
    left: 50%;
    height: 100%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    top: 100%;
    margin: 0 auto;
    display: block;
    opacity: 0;
    z-index: 8;
    white-space: normal;
    pointer-events: none;
    transform: translateX(-50%) translateY(-30px);
    padding-top: 0;
}

.main-lsm.active {
    /* left: 0; */
}

.lsm-arrow {
/*     position: absolute;
    left: 100%;
    top: 0;
    width: 60px;
    height: 60px;
    background: #0e2684;
    color: #fff;
    font-size: 23px;
    border: none;
    outline: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out; */
    display: none;
  }


.lsm-arrow i {
    margin: 0 -2px;
    transform: rotate(180deg);
}

.lsm-arrow:hover {
    opacity: 1;
}

.lsm-box {
    position: relative;
    max-width: 390px;
    min-width: 390px;
    padding: 55px 50px 38px;
    background: url(images/left-bg.jpg) no-repeat left center / cover;
    width: 100%;
    color: #fff;
    height: auto;
    margin: 0 auto;
}

.lsm-box:before {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(253,253,252,0.88);
}

.lsm-inner {
    position: relative;
    z-index: 10;
    color: #121212;
}

.lsm-title {
    margin-bottom: 30px;
}

.lsm-title .section-title {
    font-size: 30px !important;
}

.lsm-list {
    margin-bottom: 45px;
    padding-left: 15px;
}

.lsm-list li {
    margin-top: 20px;
    font-size: 13px;
    letter-spacing: 0.02em;
    color: #121212;
    display: flex;
}

.lsm-list li:before {
    width: 16px;
    height: 16px;
    display: inline-block;
    content: '';
    margin-right: 10px;
    background: url(images/star.png) no-repeat center center/ contain;
}

.lsm-btn {
    margin-bottom: 20px;
}

.lsm-btn a {
    padding: 13px 20px 15px;
    display: block;
    text-align: center;
    height: 71px;
    width: 100%;
    border: 1px solid #0e2684;
    /* border-left: 0; */
    /* border-right: 0; */
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #fff;
    line-height: 22px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    max-width: 290px;
    background: #0e2684;
}

.lsm-btn a span {
    font-weight: 700;
    color: #ec000d;
}

.lsm-btn a:hover {
    opacity: 0.7;
}

.lsm-remax {
    text-align: center;
    max-width: 61px;
    margin: 0 auto;
}

.lsm-remax img {
    width: 100%;
}

.main-lsm.active .lsm-arrow {
    color: #ec000d;
    background: #eef0f3;
}

.main-lsm.active .lsm-arrow i {
    transform: none;
}

/* Scroll Button */
.scroll-btn {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 60px;
    z-index: 1000;
    border: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.05em;
    background: rgba(191,191,191,0.6);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.scroll-btn img {
    margin-bottom: 10px;
}

.scroll-btn:hover {
    background: rgba(191,191,191,1);
}

/* Slideshow */
#main-slideshow {
    padding-top: 0;
    height: 100% !important;
}

.slideshow-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.slideshow-container .cycloneslider-template-video .cycloneslider-slides {
    height: 100%!important;
}


.slideshow-content {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    height: 100%;
    left: 0;
    text-align: center;
}

.slideshow-container .cycloneslider,
.slideshow-container .cycloneslider-slides,
.slideshow-container .cycloneslider-slide,
.slideshow-container .cycloneslider-slide canvas {
    height: 100%;
}

.slideshow-container:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(18,18,18,0.1);
    z-index: 10;
}

.slideshow-container .cycloneslider-slide-image{
  background-size: auto!important;
}

.slide-logo {
    margin: 0 auto 40px;
    max-width: 448px;
    width: 40%;
}

.slide-logo a {
    display: block;
    font-size: 0;
}

.slide-logo img {
    width: 100%;
}

.slide-desc {
    margin-bottom: 70px;
}

.slide-desc h1 {
    font-size: 80px;
    font-weight: 900;
    color: #ffffff;
    margin-bottom: 20px;
}

.slide-desc p {
    font-size: 40px;
    color: #fff;
    font-weight: 300;
}

.slide-btn {
    max-width: 364px;
    margin: 0 auto;
}

.slide-btn button {
    width: 100%;
    height: 60px;
    border: 1px solid rgba(255,255,255,0.6);
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    position: relative;
    background: transparent;
}

.slide-btn button:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(14,38,132,0.4);
    opacity: 0.6;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.slide-btn button span {
    position: relative;
    z-index: 10;
}

.slide-btn button:hover:before {
    opacity: 1;
}

/* Why Remax */
#main-wr {
    background: url(images/wr-bg.jpg) no-repeat center center/ cover;
    position: relative;
}

#main-wr:before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: rgba(0,0,0,0.7);
}

#main-wr .outer-container {
    max-width: 1360px;
}

.wr-flex {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.wr-left {
    max-width: 880px;
    width: 67%;
}

.wr-logo {
    margin-bottom: 35px;
    max-width: 523px;
    font-size: 0;
}

.wr-logo img {
    width: 100%;
}

.wr-title {
    margin-bottom: 30px;
}

.wr-title .section-title {
    color: #fff;
}

.wr-desc {
    color: #fff;
}

.wr-desc p {
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 20px;
    letter-spacing: 0.02em;
}

.wr-right {
    width: 30%;
    text-align: center;
}

.wr-pdf-link {
    display: block;
    position: relative;
}

.wr-pdf-link a {
    display: block;
    position: relative;
}

.wr-pdf-link a img {
    max-width: 100%;
}

.wr-pdf-container iframe {
        position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.wr-pdf-container {
        position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
    min-height: 500px;
}

.wr-pdf-container:before{
        display: block;
    content: "";
        padding-top: 56.25%;
}

#wr-pdf-file {
    position: relative;
    height: 100%;
}

body.viewing-page-2 .aiosp-container.aiosp-inline-holder.aiosp-ref-\#wr-pdf-file .aiosp-close {
    background: #fff;
    opacity: 1;
}


body.viewing-page-2 .aiosp-container.aiosp-inline-holder.aiosp-ref-\#wr-pdf-file .aios-popup-body {
    padding: 0;
}



.wr-video {
    text-align: center;
}

.wr-video a {
    display: block;
    color: #fff;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.wr-video a:hover h5 {
    text-decoration: underline;
}


.video-icon {
    margin-bottom: 10px;
}

.video-icon img {
    display: block;
    max-width: 147px;
    margin: 0 auto 20px;
}

.video-icon span {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.wr-video h5 {
    font-size: 20px;
    font-weight: 900;
    /* text-decoration: underline; */
}

.wr-video a:hover {
    opacity: 0.7;
}

/* Free Appraisal */
#main-fa {
    position: relative;
    background: url(images/fa-bg.jpg) no-repeat center center/ cover;
    padding-top: 50px;
    height: 100% !important;
}

#main-fa:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0,0,0,0.2);
}

.fa-flex {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.fa-left {
    max-width: 600px;
    width: 46%;
}

.fa-right {
    margin-left: 30px;
    max-width: 689px;
    width: 53%;
}

.fal-box {
    background: rgba(255,255,255,0.88);
    padding: 55px 20px 35px;
    -webkit-box-shadow: -2px 4px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:    -2px 4px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow:         -2px 4px 20px 0px rgba(0, 0, 0, 0.1);
}

.fal-inner {
    max-width: 510px;
    margin: 0 auto;
}

.fa-title {
    margin-bottom: 25px;
}

.fa-title .section-title {
    font-size: 60px;
}

.fa-title .section-title h2 {
    line-height: 1.2;
}

.fa-desc {
    margin-bottom: 20px;
    padding-right: 30px;
}

.fa-desc p {
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 20px;
    letter-spacing: 0.02em;
}

.fa-note {
    font-size: 11px;
    font-style: italic;
    color: #ec000d;
    line-height: 15px;
    letter-spacing: 0.02em;
}

.far-title {
    margin-bottom: 10px;
}

.far-title h2 {
    font-size: 30px;
    font-weight: 900;
    color: #ffffff;
    margin-bottom: 5px;
    text-shadow: 0 2px 2px #000;
}

.far-title span {
    font-size: 20px;
    color: #ffffff;
    font-weight: 300;
    display: block;
    text-shadow: 0 2px 2px #000;
}

#fa-form {
    width: 100%;
    position: relative;
}

#fa-form > div {
    margin-top: 3px;
    text-align: left;
}

#fa-form > div:first-child {
    margin-top: 0;
}

#fa-form input:not([type=radio]) {
    width: 100%;
    height: 40px;
    background: rgba(14,38,132,0.8);
    color: #fff;
    border: none;
    padding: 10px 20px;
    outline: 0;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    font-weight: 500;
}

#fa-form input[type="radio"] {
    /* height: auto; */
    /* opacity: 0; */
    /* margin-top: 0; */
    /* width: auto; */
    /* outline: none!important; */
    /* margin-right: 10px; */
    /* position: relative; */
}

.faf-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.faf-flex > div {
    width: 100%;
    margin-left: 3px;
}

.faf-flex > div:first-child {
    margin-left: 0;
}

.faf-ptype, .faf-condition, .faf-beds, .faf-baths {
    background: rgba(14,38,132,0.8);
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    color: #fff;
}

.faf-radios {
    width: 100%;
    white-space: nowrap;
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    font-size: 0;
    margin-top: -3px;
}

.faf-radios > label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    font-weight: 500;
    position: relative;
    white-space: nowrap;
    margin-right: 12.5%;
}

.faf-ptype > span, .faf-condition > span, .faf-beds > span, .faf-baths > span {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    font-weight: 500;
}

.faf-radios > span{
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    font-weight: 500;
    width: 100%;
}

.faf-ptype > span {
    min-width: 168px
}

.faf-condition > span, .faf-beds > span, .faf-baths > span {
    min-width: 200px;
}

.faf-radios > label:before {
    width: 10px;
    height: 10px;
    content: '';
    position: absolute;
    right: 100%;
    margin-right: 10px;
    border: 2px solid #fff;
    border-radius: 50px;
    top: 50%;
    transform: translateY(-50%);
}

#fa-form input[type="radio"]:checked + label:before {
    background: #fff;
}

.faf-ptype .faf-radios > label {
    margin-right: 7.5%;
}

.faf-condition .faf-radios > label {
    margin-right: 9%;
}

.faf-radios > label:last-child {
    margin-right: 0 !important;
}

#fa-form textarea {
    width: 100%;
    height: 55px;
    background: rgba(14,38,132,0.8);
    color: #fff;
    border: none;
    padding: 15px 20px;
    outline: 0;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    font-weight: 500;
    min-height: 55px;
    max-height: 55px;
    resize: none;
}

#fa-form > .faf-submit {
    max-width: 190px;
    margin: 10px 0 0 auto;
    position: relative;
}

.faf-submit button {
    border: 1px solid #fff;
    width: 100%;
    height: 60px;
    background: transparent;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    letter-spacing: 0.2em;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.faf-submit .remax-icon {
    width: 30px;
    height: 38px;
    background: url(images/remax-btn.png) no-repeat center center/ contain;
    margin-right: 15px;
}

.faf-submit button:hover {
    background: #fff;
    color: #1a1a1a;
}


#fa-form input[type="radio"] {
    -webkit-appearance: none;
    display: inline-block;
    position: relative;
    background: transparent;
    color: #555;
    clear: none;
    cursor: pointer;
    margin: 0 10px 0 0;
    outline: 0;
    padding: 0 !important;
    text-align: center;
    vertical-align: middle;
    min-width: 10px;
    transition: .05s border-color ease-in-out;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    overflow: hidden;
    border-radius: 50%;
}



#fa-form span.wpcf7-list-item {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#fa-form span.wpcf7-form-control wpcf7-radio {
    display: flex;
    justify-content: space-between!important;
}

#fa-form span.wpcf7-form-control.wpcf7-radio {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#fa-form>.faf-submit input[type=submit] {
    width: 100%;
    height: 100%;
    position: absolute;
    background: transparent;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
}

.fa-right div.wpcf7 .ajax-loader {
    position: absolute;
    bottom: -18px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.fa-right span.wpcf7-not-valid-tip {
    font-size: 12px;
}

.fa-right form div.wpcf7-response-output {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    text-align: center;
    color: #fff!important;
    width: 67%;
    font-size: 12px;
}

.fa-right form {
    position: relative;
}


#fa-form input[type="radio"]:checked {
    background: #fff;
}



/* Customized Marketing */
#main-cm {
    background: url(images/cm-bg.jpg) no-repeat center center/ cover;
    padding-top: 0;
    height: 100% !important;
}

#main-cm:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.3);
    content: '';
}

.cm-box {
    background: rgba(255,255,255,0.88);
    -webkit-box-shadow: -2px 4px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:    -2px 4px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow:         -2px 4px 20px 0px rgba(0, 0, 0, 0.1);
    padding: 70px 20px 55px;
    max-width: 570px;
    margin: 0 0 0 auto;
}

.cm-inner {
    max-width: 430px;
    margin: 0 auto;
}

.cm-title {
    margin-bottom: 30px;
}

.cm-desc {
    width: 100%;
}

.cm-desc p {
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.02em;
}

.cm-desc p.highlight {
    font-size: 20px;
    font-weight: 500;
    color: #0e2684;
}

/* Coming Soon Advertising */
#main-csa {
    padding-top: 0;
    height: 100% !important;
}

.csa-flex {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.csa-left {
    width: 50%;
    background: #fff;
    padding: 101px 20px 0px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.csal-outer {
    max-width: 705px;
    margin: 0 0 0 auto;
    width: 100%;
}

.csal-inner {
    max-width: 620px;
}

.csa-title {
    margin-bottom: 35px;
    white-space: nowrap;
}

.csa-desc {
    margin-bottom: 40px;
    max-width: 540px;
}

.csa-desc p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
}

.csa-logos {
    max-width: 550px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    /* position: absolute;
    bottom: 0; */
}

.csal-left {
    max-width: 290px;
    /* padding-top: 20px; */
}

.coming-soon img {
    width: 290px;
    max-width: 100%;
}

.coming-soon {
    font-size: 0;
    display: block;
    width: 100%;
}

.csal-right {
    width: max-content;
}

.premier-agent {
    max-width: 239px;
    margin: 0 auto 25px;
}

.csal-right img {
    width: 100%;
}

.bright-mls {
    max-width: 220px;
    margin: 0 auto;
}

.csa-right {
    width: 50%;
    background: url(images/csa-photo.jpg) no-repeat center center/ cover;
    position: relative;
    padding: 111px 20px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.csa-dog {
    position: absolute;
    bottom: 0;
    left: -90px;
    max-width: 314px;
    width: 46%;
    font-size: 0;
}

.csa-dog img {
    width: 100%;
}

.csar-outer {
    max-width: 705px;
    width: 100%;
}

.csar-inner {
    max-width: 400px;
    margin: 0 0 0 auto;
    text-align: center;
}

.csar-balloon {
    max-width: 203px;
    margin: 0 auto 25px;
    font-size: 0;
}

.csar-balloon img {
    width: 100%;
}

.csar-title {
    margin-bottom: 25px;
}

.csar-title h2 {
    text-transform: uppercase;
    font-size: 50px;
    color: #fff;
    font-weight: 900;
}

.csar-name {
    margin-bottom: 25px;
}

.csar-name h3 {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 900;
    color: #ffffff;
    margin-bottom: 10px;
}

.csar-name span {
    display: block;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    line-height: 1.2;
    max-width: 325px;
    margin: 0 auto;
}

.csar-text {
    font-size: 22px;
    font-weight: 400;
    font-style: italic;
    color: #ffffff;
    line-height: 1.2;
}

/* Home Preparation and Staging */
#main-hps {
    padding-top: 0;
    height: 100%;
}

.hps-flex {
    display: flex;
    align-items: stretch;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.hps-left {
    width: 44.375%;
    background: url(images/marketing-bg.jpg) no-repeat center center/ cover;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.hps-right {
    width: 55.625%;
    position: relative;
    padding: 101px 50px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.hpsr-etxt {
    font-size: 13px;
    color: #000;
    line-height: 1.5;
    display: block;
    position: relative;
    padding: 19px 0 0;
}

#hps-slider > img {
    height: 470px;
}



.hpsl-inner {
    max-width: 498px;
}

.hps-title {
    margin-bottom: 40px;
}

.hps-title .section-title {
    color: #fff;
}

.hps-desc {
    margin-bottom: 50px;
}

.hps-desc p {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 20px;
    margin-bottom: 20px;
    color: #fff;
}

.hps-desc .highlight {
    font-size: 18px;
}

.hps-video {
    max-width: 500px;
    position: relative;
}
.hps-bottom{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px 0 0;
}
.hps-bottom img{
    max-width: 90px;
    margin: 0 15px 0 0;
}
.hps-bottom span{
    font-family: 'Bahnschrift';
    color: #a5955a;
    text-transform: uppercase;
    font-size: 19px;
}
.hps-video a {
    display: block;
    position: relative;
    width: 100%;
    -webkit-box-shadow: -4px 7px 25px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:    -4px 7px 25px 0px rgba(0, 0, 0, 0.3);
    box-shadow:         -4px 7px 25px 0px rgba(0, 0, 0, 0.3);
}

.hps-img {
    font-size: 0;
    position: relative;
}

.hps-img canvas {
    width: 100%;
}

.hps-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.hps-img:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    z-index: 2;
    content: '';
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.hps-img .play-btn {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hps-img .play-btn img {
    position: relative;
    height: auto;
    max-width: 62px;
}

.hps-video a:hover .hps-img:before {
    background: rgba(0,0,0,0.1);
}

.hps-content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(255,255,255,0.75);
    padding: 14px 25px;
    text-transform: uppercase;
    z-index: 10;
}

.hps-content h3 {
    font-size: 15px;
    font-weight: 700;
    color: #0e2684;
    letter-spacing: 0.1em;
    margin-bottom: 5px;
}

.hps-content p {
    font-size: 12px;
    letter-spacing: 0.1em;
    color: #4c4c4c;
}

.hpsr-inner {
    max-width: 790px;
}

.hpsr-inner h3 {
    margin-bottom: 25px;
    font-size: 25px;
    font-weight: 900;
    color: #0e2684;
}

#hps-slider.beer-slider[data-beer-label]:after, #hps-slider .beer-reveal[data-beer-label]:after {
    background: #0e2684;
    max-width: 140px;
    width: 140px;
    height: 40px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.1em;
    top: unset;
    bottom: 0;
}

#hps-slider.beer-slider[data-beer-label]:after {
    right: 0;
}

#hps-slider .beer-reveal[data-beer-label]:after {
    left: 0;
}

#hps-slider .beer-handle {
    border-radius: 0;
    width: 50px;
    height: 50px;
    background: #fff;
}

#hps-slider .beer-handle:before, #hps-slider .beer-handle:after {
    border-top: 1px solid #ec000d;
    border-left: 1px solid #ec000d;
}

.hps-sliderText {
    font-size: 11px;
    font-style: italic;
    color: #999999;
    text-transform: uppercase;
    display: block;
    margin-top: 10px;
}

/* Professional Photography */
#main-pp {
    padding-top: 0;
    height: 100% !important;
}

.pp-flex {
    display: flex;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.pp-left {
    width: 43.75%;
    background: url(images/pp-bg.jpg) no-repeat top center/ cover;
}

.pp-right {
    width: 56.25%;
}

.ppl-top {
    height: 61.25%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.ppl-bottom {
    height: 38.75%;
}

.pplt-inner {
    max-width: 510px;
}

.pp-title {
    margin-bottom: 35px;
}

.pp-desc {
    width: 100%;
}

.pp-desc p {
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 20px;
    letter-spacing: -0.02em;
}

.pp-desc p strong {
    color: #0e2684;
    font-style: italic;
}

.ppl-img1 {
    font-size: 0;
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.ppl-img1 canvas {
    width: 100%;
    height: 100%;
    background: url(images/pp-img1.jpg) no-repeat center center/ cover;
}

.ppl-img2 {
    font-size: 0;
    position: relative;
    overflow: hidden;
    height: 50%;
}

.ppl-img2 canvas {
    width: 100%;
    height: 100%;
    background: url(images/pp-img2.jpg) no-repeat center center/ cover;
}

.ppl-img3 {
    font-size: 0;
    position: relative;
    overflow: hidden;
    height: 50%;
}

.ppl-img3 canvas {
    width: 100%;
    height: 100%;
    background: url(images/pp-img3.jpg) no-repeat center center/ cover;
}

/* Online Digital Social Media */
#main-ods:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 81.25%;
    height: 100%;
    background: url(images/oadm-bg2.jpg) no-repeat right center/ cover;
    content: '';
}

.ods-flex {
    position: relative;
    z-index: 15;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.ods-tablet {
    position: absolute;
    left: 7%;
    bottom: 7%;
    z-index: 10;
    font-size: 0;
    width: 20%;
    height: 35%;
}

.ods-tablet img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.ods-phone {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 0;
    max-width: 504px;
    z-index: 10;
    width: 31.5%;
}

.ods-phone img {
    width: 100%;
}

.ods-left {
    width: 39.375%;
    padding: 0 20px;
}

.ods-right {
    width: 60.625%;
    padding: 0 20px 0 0;
}

.odsl-inner {
    max-width: 525px;
    margin: 0 0 0 auto;
}


.ods-title {
    margin-bottom: 35px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.ods-yt-icon {
    display: inline-block;
    vertical-align: middle;
    margin-left: 55px;
    margin-top: 5%;
}

.ods-yt-icon a {
    display: block;
    text-align: center;
    position: relative;
}

.ods-yt-icon a span {
    display: block;
    margin-top: 12px;
    text-transform: uppercase;
    font-size: 16px;
}

.ods-desc p {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.429;
    letter-spacing: -0.02em;
}

.ods-desc p strong {
    color: #0e2684;
    font-style: italic;
}

.odsl-inner .ods-desc {
    max-width: 400px;
}

.odsr-inner {
    max-width: 975px;
}

.odsr-top {
    margin-bottom: 30px;
}

.odsrt-flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.odsrt-left {
    max-width: 620px;
    width: 64%;
    /* padding-top: 0%; */
}

.odsrt-right {
    max-width: 344px;
    width: 35%;
    margin-top: 20px;
}

.ods-desktop {
    font-size: 0;
}

.ods-desktop img {
    width: 100%;
}

.odsrt-left .ods-desc {
    max-width: 560px;
}

.odsrt-left .ods-title {
    white-space: nowrap;
}

.odsr-bottom {
    max-width: 630px;
    margin-top: -12%;
}

.odsrb-inner .ods-desc {
    max-width: 600px;
}

.odsrb-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 465px;
}

.megaphone-logo {
    font-size: 0;
    max-width: 240px;
    width: 52%;
}

.ods-smi {
    display: flex;
    font-size: 0;
    align-items: center;
    justify-content: center;
}

.ods-smi a {
    margin-left: 7px;
}

/* Video Walkthrough */
#main-vw {
    padding-top: 0;
    height: 100% !important;
}

.vw-flex {
    display: flex;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.vw-left {
    width: 53.125%;
}

.vw-right {
    width: 46.875%;
    padding: 185px 20px 20px 75px;
    position: relative;
    display: flex;
    justify-content: center;
    position: relative;
}

.vwl-top {
    height: 50%;
    background: url(images/vw-bg.jpg) no-repeat center center/ cover;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px 20px 30px;
}

.vwl-bottom {
    height: 50%;
}

.vwlt-inner {
    max-width: 630px;
}

.vwl-title {
    margin-bottom: 40px;
}

.vwl-title .section-title {
    color: #fff;
}

.vwl-desc p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
    letter-spacing: -0.02em;
    color: #ffffff;
}

.vwl-video {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.vwl-video a {
    position: relative;
    display: block;
    height: 100%;
}

.vwl-img {
    position: relative;
    font-size: 0;
    height: 100%;
}

.vwl-img canvas {
    width: 100%;
    height: 100%;
}

.vwl-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: auto;
    height: 100%;
    transform: translate(-50%, -50%);
    min-width: 100%;
}

.vwl-img .play-btn {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.vwl-img .play-btn img {
    max-width: 82px;
    position: relative;
    top: unset;
    left: unset;
    transform: none;
    height: auto;
    min-width: auto;
}

.vwl-img:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.25);
    content: '';
    z-index: 2;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.vwl-video a:hover .vwl-img:before {
    background: rgba(0,0,0,0.35);
}

.vwr-photo {
    position: absolute;
    right: -4.33%;
    top: 12.5%;
    max-width: 345px;
    width: 46%;
    font-size: 0;
    z-index: 1;
}

.vwr-desc p strong {
    color: #0e2684;
}

.vwr-photo a:not(:last-child) {
    margin-bottom: 15px;
    display: block;
}



.vwr-photo img:not(:last-child) {
    margin-bottom: 18px;
}


.vwr-photo img {
    max-width: 100%;
    display: block;
    width: 100%;
}

.vwr-photo img.vwr-logo-b {
    max-width: 185px;
}

.vwr-photo img.vwr-logo-c {
    max-width: 190px;
}


.vwr-inner {
    max-width: 565px;
}

.vwri-top {
    max-width: 270px;
    margin-bottom: 29px;
}

.vwr-title {
    margin-bottom: 40px;
}

.vwr-desc p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
    color: #1a1a1a;
    letter-spacing: -0.02em;
}

.vwr-btn {
    max-width: 100%;
    margin-top: 28px;
    display: flex;
    justify-content: space-between;
    max-width: 85%;
}


.vwr-desktop-img {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 45%;
}

.vwr-desktop-img img {
    max-width: 100%;
    width: 100%;
    display: block;
}

.vwr-btn a {
    margin-top: 19px;
    max-width: 100%;
    width: 190px;
}

/* Dedicated Property Website */
#main-dpw {
    padding-top: 0;
    height: 100%;
}

.dpw-flex {
    position: relative;
    display: flex;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.dpw-left {
    width: 70.3125%;
}

.dpw-right {
    width: 29.6875%;
    display: flex;
    align-items: flex-end;
    position: relative;
    min-width: 477px;
}

.dpw-photo {
    width: 100%;
    position: relative;
    font-size: 0;
    height: 100%;
    overflow: hidden;
}

.dpw-photo canvas {
    width: 100%;
    height: 100%;
    background: url(images/dpw-photo.jpg) no-repeat center center/ cover;
}

.dpw-box {
    width: 143.1578947368421%;
    position: absolute;
    right: 0;
    top: 14%;
    background: #fff;
    padding: 30px 20px 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 680px;
    z-index: 10;
    min-width: 680px;
}

.dpwr-inner {
    max-width: 555px;
}

.dpw-title {margin-bottom: 25px;}

.dpw-title .section-title span {
    display: block;
}

.dpw-desc p {
    margin-bottom: 15px;
    font-size: 14px;
    color: #1a1a1a;
    line-height: 1.3;
    letter-spacing: -0.02em;
}

.dpw-desc p span {
    color: #0e2684;
    font-weight: 500;
}

.dpw-desc p:last-child span {
    color: #ec000d;
}

.dpw-img {
    width: 100%;
    height: calc(100vh - 420px - 12.5%);
    font-size: 0;
    position: absolute;
    overflow: hidden;
}

.dpw-img canvas {
    width: 100%;
    display: block;
    height: 100%;
    background: url(images/dpw-img.jpg) no-repeat left center/ cover;
}

.dpw-img img {
    position: absolute;
    width: auto;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Full Color Brochure */
#main-fcb {
    background: url(images/fcb-bg.jpg) no-repeat center center/ cover;
    padding-top: 0;
    height: 100% !important;
}

.fcb-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.fcb-left {
    width: 62.6875%;
    height: 100%;
}

.fcb-right {
    width: 37.3125%;
    padding: 30px;
}

.fcb-img {
    font-size: 0;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fcb-img img {
    width: 100%;
}

.fcb-title {
    margin-bottom: 45px;
}

.fcb-desc {
    max-width: 445px;
}

.fcb-desc p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
    color: #1a1a1a;
}

.fcb-desc p a {
    font-weight: 500;
    color: #ec000d;
}

/* Open Houses */
#main-oh {
    padding-top: 0;
    height: 100% !important;
}

.oh-flex {
    position: relative;
    width: 100%;
    height: 100%;
}

.oh-left {
    width: 75.625%;
    height: 100%;
}

.oh-photo {
    height: 100%;
    position: relative;
    font-size: 0;
}

.oh-photo canvas {
    width: 100%;
    height: 100%;
    background: url(images/oh-bg.jpg) no-repeat right center/ cover;
    display: block;
}

.oh-right {
    min-width: 480px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 30%;
}

.oh-box {
    background: rgba(255,255,255,.90);
    padding: 80px 20px 85px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ohb-inner {
    max-width: 355px;
}

.oh-title {
    margin-bottom: 30px;
}

.oh-desc p {
    font-size: 14px;
    color: #1a1a1a;
    line-height: 20px;
    margin-bottom: 20px;
    letter-spacing: -0.02em;
    font-weight: 400;
    -webkit-font-smoothing: subpixel-antialiased;
}

.oh-desc .highlight {
    font-size: 19px;
    color: #0e2684;
    font-weight: 500;
}

/* Luxury Home Marketing */
#main-lhm {
    padding-top: 0;
    height: 100% !important;
}

.lhm-flex {
    display: flex;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.lhm-left {
    width: 75%;
    background: url(images/lhm-lbg.jpg) no-repeat center center/ cover;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 101px 30px 30px;
}

.lhm-right {
    width: 25%;
    background: url(images/lhm-rbg.jpg) no-repeat center center/ cover;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 101px 20px 20px;
    min-width: 400px;
}

.lhml-inner {
    max-width: 1100px;
    margin: 0 0 0 auto;
    width: 100%;
}

.lhm-title {
    margin-bottom: 40px;
}

.lhm-desc {
    max-width: 490px;
    margin-bottom: 55px;
}

.lhm-desc p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #1a1a1a;
}

.lhm-box {
    max-width: 340px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 30px 20px 35px;
    background: url(images/lhm-box.png) no-repeat center center/ cover;
}

.remax-collection {
    max-width: 178px;
    margin: 0 auto 25px;
    font-size: 0;
}

.remax-collection img {
    width: 100%;
}

.learn-more {
    display: block;
    font-family: 'Arsilon';
    font-size: 30px;
    color: #fff;
}

.learn-more img {
    max-width: 84px;
    margin-top: 20px;
}

.lhm-logo {
    margin-top: 30px;
}

.lhm-logo:first-child {
    margin-top: 0;
}

.lhm-logo span {
    font-size: 14px;
    display: block;
    margin-top: 18px;
    letter-spacing: -0.02em;
    line-height: 20px;
    color: #ffffff;
}

.lhm-logo img {
    width: 100%;
}

.twsj-logo {
    max-width: 163px;
    margin: 0 auto;
}

.lhml-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.lhmr-inner {
    max-width: 325px;
    width: 100%;
}

.dupont-registry {
    max-width: 155px;
}

.unique-homes {
    max-width: 152px;
}

.robb-report {
    max-width: 231px;
    margin: 0 auto;
}

.mansion-global {
    max-width: 263px;
    margin: 0 auto;
}

.barrons {
    max-width: 269px;
    margin: 0 auto;
}

/* Managed Access */
#main-ma {
    padding-top: 0;
    height: 100% !important;
}

.ma-flex {
    position: relative;
    width: 100%;
    height: 100%;
}

.ma-left {
    width: 56.25%;
    height: 100%;
}

.ma-showing-logo {
    position: absolute;
    top: 4%;
    left: 7%;
    z-index: 2;
    width: 17%;
}

.ma-showing-logo img {
    width: 100%;
    display: block;
}

.ma-photo {
    font-size: 0;
    height: 100%;
}

.ma-photo canvas {
    width: 100%;
    height: 100%;
    background: url(images/ma-photo.jpg) no-repeat center center/ cover;
}

.ma-right {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    min-width: 790px;
    width: 49.375%;
}

.ma-box {
    background: #fff;
    padding: 65px 20px 5px;
}

.mab-inner {
    max-width: 660px;
    margin: 0 auto;
}

.ma-title {
    margin-bottom: 25px;
}

.ma-list {
    position: relative;
}

.ma-list li {
    position: relative;
    margin-bottom: 20px;
    padding-left: 30px;
}

.ma-list li:before {
    width: 24px;
    height: 21px;
    background: url(images/check.png) no-repeat center center/ contain;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
}

.ma-list li h4 {
    font-size: 19px;
    font-weight: 500;
    color: #0e2684;
    letter-spacing: -0.02em;
}

.ma-list li p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #1a1a1a;
    margin-top: 5px;
}

.ma-images {
    margin-top: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 30px;
}

.ma-phones {
    max-width: 252px;
    width: 40%;
    font-size: 0;
}

.berger-team {
    max-width: 226px;
    font-size: 0;
    width: 40%;
    display: block;
    text-align: right;
    margin-left: auto;
    margin-top: -50px;
}

.berger-team img {
    max-width: 100%;
}

.ma-images img {
    width: 100%;
}

/* Skillful Negotitation */
#main-sn {
    padding-top: 0;
    height: 100% !important;
}

.sn-flex {
    position: relative;
    width: 100%;
    height: 100%;
}

.sn-right {
    width: 71.875%;
    height: 100%;
    margin: 0 0 0 auto;
}

.sn-photo {
    height: 100%;
    font-size: 0;
}

.sn-photo canvas {
    width: 100%;
    height: 100%;
    background: url(images/sn-photo.jpg) no-repeat center center/ cover;
}

.sn-left {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    min-width: 600px;
    width: 37.5%;
    z-index: 10;
}

.sn-box {
    background: #fff;
    padding: 0 20px;
}

.snb-inner {
    max-width: 440px;
    margin: 0 auto;
}

.sn-title {
    margin-bottom: 30px;
}

.sn-desc {
    margin-bottom: 35px;
}

.sn-desc p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
    color: #1a1a1a;
}

.sn-logo {
    max-width: 312px;
    font-size: 0;
}

.sn-logo img {
    width: 100%;
}

/* Expert Transaction Facilitation */
#main-etf {
    padding-top: 0;
    height: 100% !important;
}


.etf-flex {
    position: relative;
    width: 100%;
    height: 100%;
}

.etf-left {
    width: 65.625%;
    height: 100%;
}


.etf-photo {
    height: 100%;
    font-size: 0;
}

.etf-photo canvas {
    width: 100%;
    height: 100%;
    background: url(images/etf-photo.jpg) no-repeat center center/ cover;
}

.etf-right {
    min-width: 690px;
    width: 43.125%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.etf-box {
    background: #fff;
    padding: 75px 20px 55px;
}

.etfb-inner {
    max-width: 565px;
    margin: 0 auto;
}

.etf-title {
    margin-bottom: 35px;
}

.etf-title .section-title h2 span {
    display: block;
}

.etf-desc {
    width: 100%;
}

.etf-desc p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
}

.etf-desc .highlight {
    font-size: 20px;
    font-style: italic;
    font-weight: 700;
    color: #0e2684;
}

/* About */
#main-about {
    padding-top: 0;
    height: 100% !important;
}

.about-flex {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.about-left {
    width: 36.25%;
}

.about-right {
    width: 63.75%;
    background: #f5f5f5;
    padding: 135px 60px 20px;
}

.about-title {
    width: max-content;
    margin: 0 auto 18px;
}

.about-title .section-title {
    color: #ec000d;
}

.about-title .section-title h2 span {
    display: block;
    color: #bfbfbf;
}

.about-photo {
    font-size: 0;
}

.about-photo img {
    width: 100%;
}

.al-top {
    height: 71.25%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.al-bottom {
    height: 28.75%;
}

.about-testimonials {
    height: 100%;
    background: #0e2684;
    padding: 45px 20px 35px;
    color: #fff;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-testimonials:before {
    bottom: 0;
    right: -65px;
    width: 354px;
    height: 266px;
    content: '';
    position: absolute;
    background: url(images/quote.png) no-repeat center center/ contain;
    z-index: 0;
}

.at-slider {
    max-width: 445px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
    width: 100%;
}

.at-item {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
}

.at-item p {
    font-size: 14px;
    line-height: 18px;
    font-style: italic;
}

.at-item p:not(:last-child) {
    margin-bottom: 10px;
}

.at-slider .slick-dots {
    margin-top: 20px;
    display: flex !important;
    align-items: center;
}

.at-slider .slick-dots li {
    margin-left: 25px;
}

.at-slider .slick-dots li:first-child {
    margin-left: 0;
}

.at-slider .slick-dots li button {
    width: 18px;
    height: 18px;
    font-size: 0;
    background: transparent;
    border: none;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0;
}

.at-slider .slick-dots li.slick-active button {
    background: rgba(255,255,255,0.2);
}

.at-slider .slick-dots li button:before {
    width: 6px;
    height: 6px;
    background: rgba(255,255,255,0.2);
    content: '';
    display: inline-block;
    border-radius: 50px;
}

.at-slider .slick-dots li.slick-active button:before {
    background: #fff;
}

.ar-flex {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.ar-flex > div {
    width: 50%;
    max-width: 450px;
}

.ar-flex > .arf-right {
    margin-left: 45px;
}

.about-video {
    margin-bottom: 30px;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
}

.about-video a {
    display: block;
    position: relative;
}

.av-img {
    position: relative;
    font-size: 0;
}

.av-img canvas {
    width: 100%;
}

.av-img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.av-img:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    content: '';
    z-index: 2;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    opacity: 0;
}

.about-video:hover .av-img:before {
    opacity: 1;
}

.av-desc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}

.av-desc span {
    font-size: 12px;
    line-height: 15px;
    color: #1a1a1a;
    font-weight: 300;
}

.avd-right {
    text-align: right;
    width: 43%;
}

.play-video {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.play-video i {
    margin-right: 5px;
    font-size: 11px;
    color: #ec000d;
}

.avd-left {
    width: 57%;
}

.about-desc p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
}

.about-btn .hp-btn {
    background: transparent;
    color: #0e2684;
    border: 1px solid #0e2684;
}

.about-btn .hp-btn span {
    line-height: 1.4;
}

.about-btn {
    max-width: 230px;
    margin: 30px auto;
}

.about-btn .hp-btn:hover {
    background: #0e2684;
    color: #fff;
}

/* Berger Team Qualifications */
#main-btq {
    background: url(images/qualifications-bg.jpg) no-repeat center center/ cover;
}

.btq-title {
    margin-bottom: 40px;
}

.btq-title .section-title {
    color: #fff;
}

.btq-list {
    max-width: 830px;
}

.btq-item {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.btq-logo {
    min-width: 155px;
    text-align: center;
}

.btq-desc {
    max-width: 542px;
    width: 100%;
}

.btq-desc p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #ffffff;
}

.btq-video {
    margin-left: 30px;
    white-space: nowrap;
    margin-top: -10px;
}

.btq-video a {
    display: block;
    position: relative;
    text-align: center;
}

.btq-video .play-icon {
    max-width: 74px;
    font-size: 0;
    margin: 0 auto 10px;
}

.btq-video .play-icon img {
    width: 100%;
}

.btq-video span {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #ffffff;
}

/* Testimonials */
#main-testimonials {
    background: url(images/testi-bg.jpg) no-repeat center center/ cover;
    padding-top: 0;
    height: 100% !important;
}

#main-testimonials:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(255,255,255,0.9);
}

.testi-title {
    margin-bottom: 35px;
}

.testi-title .section-title {
    font-size: 60px;
}

.testi-slider .slick-slide {
    margin: 0 35px;
}

.testi-slider {
    margin-left: -35px;
    margin-right: -35px;
}

.testi-item {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
}

.testi-item p {
    font-size: 14px;
    font-style: italic;
    color: #1a1a1a;
    margin-bottom: 18px;
    line-height: 18px;
}

.testi-desc {
    margin-top: 30px;
}

.testi-item .star-rating {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.testi-item .star-rating i {
    font-size: 29px;
    color: #0e2684;
    margin-right: 6px;
}

.testi-item .author {
    font-size: 19px;
    font-weight: 500;
    color: #ec000d;
}

.testi-slider .slick-dots {
    margin-top: 32px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.testi-slider .slick-dots li {
    margin-left: 25px;
}

.testi-slider .slick-dots li:first-child {
    margin-left: 0;
}

.testi-slider .slick-dots li button {
    width: 19px;
    height: 19px;
    font-size: 0;
    background: transparent;
    border: none;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0;
}

.testi-slider .slick-dots li.slick-active button {
    background: rgba(14,38,132,0.2);
}

.testi-slider .slick-dots li button:before {
    width: 6px;
    height: 6px;
    background: #8c8c8c;
    content: '';
    display: inline-block;
    border-radius: 50px;
}

.testi-slider .slick-dots li.slick-active button:before {
    background: #0e2684;
}

/* Questions */
#main-questions {
    background: url(images/questions-bg.jpg) no-repeat center center/ cover;
    padding-top: 0;
    height: 100% !important;
}

.questions-inner {
    max-width: 710px;
    margin: 0 auto;
}

.questions-title {
    margin-bottom: 30px;
}

.questions-title .section-title {
    font-size: 60px;
}

.questions-desc {
    margin-bottom: 10px;
}

.questions-desc p {
    font-size: 25px;
    font-weight: 300;
    line-height: 1.3;
    color: #ffffff;
}

.questions-box {
    width: 100%;
    position: relative;
}

.git-form {
    width: 100%;
}

.git-form input {
    width: 100%;
    height: 60px;
    background: rgba(255,255,255,0.7);
    border: none;
    outline: 0;
    padding: 10px 20px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    color: #000000;
}

.git-form textarea {
    width: 100%;
    height: 60px;
    background: rgba(255,255,255,0.7);
    border: none;
    outline: 0;
    padding: 25px 20px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    color: #000000;
    min-height: 110px;
    max-height: 110px;
}

.git-form input[type="submit"] {
    background: transparent;
    border: 1px solid #fff;
    padding-left: 50px;
    color: #fff;
    letter-spacing: 0.2em;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.git-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.git-flex > div {
    width: 50%;
    margin-left: 10px;
}

.git-flex > div:first-child {
    margin-left: 0;
}

.git-message {
    font-size: 0;
    margin-bottom: 10px;
}

.git-send {
    max-width: 190px;
    margin: 0 0 0 auto;
    position: relative;
}

.git-send-icon {
    width: 30px;
    height: 38px;
    background: url(images/remax-btn.png) no-repeat center center/ contain;
    position: absolute;
    pointer-events: none;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    margin-left: -35px;
}

.git-send .ajax-loader {
    position: absolute;
}

.git-form input[type="submit"]:hover {
    background: #fff;
    color: #0e2684;
}

.qb-bottom {
    position: absolute;
    bottom: 10px;
    text-align: center;
    width: calc(100% - 210px);
}

.qb-bottom > span {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 0.025em;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.qb-bottom > span:before {
    display: inline-block;
    background: #fff;
    width: 50%;
    height: 1px;
    content: '';
    margin-right: 15px;
}

.qb-bottom > span:after {
    display: inline-block;
    background: #fff;
    width: 50%;
    height: 1px;
    content: '';
    margin-left: 15px;
}

.questions-contact {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.qc-contact {
    font-size: 13px;
    color: #ffffff;
    font-weight: 300;
    letter-spacing: 0.025em;
    display: flex;
    align-items: center;
    margin-left: 18px;
}

.qc-contact i {
    margin-right: 8px;
}

.qs-contact .ai-envelope-f {
    font-size: 9px;
}

.qc-contact:first-child {
    margin-left: 0;
}

.questions-box .wpcf7-response-output {
    position: absolute;
    width: 100%;
    padding: 10px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    letter-spacing: 0.025em;
    margin: 15px 0 0;
}

/* Moving Forward */
#main-mf {
    padding-top: 0;
    height: 100% !important;
}

.mf-flex {
    position: relative;
    width: 100%;
    height: 100%;
}

.mf-right {
    width: 71.875%;
    height: 100%;
    margin: 0 0 0 auto;
}

.mf-left {
    position: absolute;
    max-width: 590px;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.mf-photo {
    height: 100%;
    font-size: 0;
}

.mf-photo canvas {
    width: 100%;
    height: 100%;
    background: url(images/mf-photo.jpg) no-repeat center center/ cover;
}

.mf-box {
    background: #fff;
    padding: 40px 20px 20px;
    position: relative;
}

.mfb-inner {
    max-width: 419px;
    margin: 0 auto;
}

.mf-title {
    margin-bottom: 35px;
}

.mf-desc {
    margin-bottom: 20px;
}

.mf-desc p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
}

.mf-desc p strong{
    color: #0e2684;
   font-style: italic;
}


.mf-signature {
    font-size: 0;
    max-width: 276px;
}

.mf-signature img {
    width: 100%;
}

.mfl-contact {
    position: absolute;
    margin-top: 40px;
    max-width: 230px;
    width: 100%;
}

.mf-contact .hp-btn {
    background: transparent;
    border: 1px solid #0e2684;
    color: #0e2684;
}

.mf-contact .hp-btn:hover {
    background: #0e2684;
    color: #fff;
}

/* Home Buyer Warranty */
section#main-hbw {
    padding-top: 0;
    height: 100% !important;
    background-image: url('images/mv-bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
section#main-hbw::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .7;
    pointer-events: none;
}
.hbw-flex {
    font-size: 0;
    position: relative;
    width: 100%;
}
.hbw-col {
    display: inline-block;
    vertical-align: middle;
}
.hbw-col.col-left {
    width: 45%;
}
.hbw-img canvas {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.hbw-col.col-center{
    width: 23%;
}
.hbw-col.col-right {
    width: 30%;
}
.hbw-table {
    position: relative;
    padding: 0 15px;
}
.hbw-table h2 {
    font-size: 28px;
    color: #0e2684;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
}
.hbw-table-photo canvas {
    display: block;
    max-width: 340px;
    width: 100%;
    height: 545px;
    margin: 0 auto;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
}
.hbw-right {
    position: relative;
}
.hbw-right-top h2 {
    font-size: 26px;
    font-weight: 700;
    color: #000;
    margin-bottom: 16px;
}
.hbw-right-top h2 span {
    color: #ec000d;
}
.hbw-right-top p, .hbw-right-bottom p, .hbw-right-bottom a {
    font-size: 16px;
    color: #000;
    margin-bottom: 16px;
}

.hbw-right-bottom a:hover {
    color: #0e2684;
}
.hbw-right-bottom img {
    max-width: 200px;
    margin-bottom: 20px;
}
.hbw-right-img {
    max-width: 200px;
    margin: 0 auto 16px;
}

.hbw-table-photo {
    display: block;
    position: relative;
    padding: 0 15px;
    width: 100%;
}



/* A Culture Of Caring */
#main-acoc {
    padding-top: 0;
    height: 100% !important;
}

.acoc-flex {
    display: flex;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.acoc-left {
    width: 50%;
    position: relative;
}

.acoc-photo {
    height: 100%;
    font-size: 0;
}

.acoc-photo canvas {
    width: 100%;
    height: 100%;
    background: url(images/coc-photo.jpg) no-repeat center center/ cover;
}

.acoc-right {
    width: 50%;
}

.acoc-bottom {
    height: 48.75%;
    position: relative;
}

.acoc-img {
    font-size: 0;
    position: relative;
    height: 100%;
}

.acoc-img canvas {
    width: 100%;
    height: 100%;
    background: url(images/coc-bbg.jpg) no-repeat left center/ cover;
}

.acoc-top {
    min-height: 51.25%;
    padding: 140px 45px 30px;
    position: relative;
}

.acoct-inner {
    max-width: 700px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}

.acoc-title {
    margin-bottom: 25px;
    position: relative;
    z-index: 10;
}

.acoc-title .section-title {
    font-size: 60px;
}

.acoc-desc p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
}

.acoct-inner:after {
    position: absolute;
    content: '';
    height: 185px;
    max-width: 658px;
    width: 94%;
    background: url(images/coc-tbg.png) no-repeat center center/ contain;
    left: 15px;
    bottom: -25px;
    z-index: 0;
}

.acoc-desc {
    position: relative;
    z-index: 10;
}



.acoc-yt-icon {
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
 }

.acoc-yt-icon a {
    display: block;
    text-align: center;
    position: relative;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.acoc-yt-icon a span {
    display: block;
    margin-top: 12px;
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
}

.acoc-yt-icon a:hover {
    opacity: .85;
}

/* FAQ */
#main-faq {
    background: url(images/faq-bg-new.jpg) no-repeat center center/ cover;
    padding-top: 0;
    height: 100% !important;
}

#main-faq:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(255,255,255,0.6);
}

.faq-title {
    margin-bottom: 30px;
}

.faq-title .section-title {
    font-size: 60px;
}

.faq-wrapper {
    height: 100%;
    max-height: 553px;
    overflow: auto;
    width: 100% !important;
}

.faq-wrapper .jspContainer {
    width: 100% !important;
}

.faq-wrapper .jspPane {
    width: calc(100% - 40px) !important;
}

.faq-item {
    background: rgba(255,255,255,.60);
    margin-bottom: 10px;
    padding: 23px 60px;
    position: relative;
}

.faq-item h3 {
    font-size: 16px;
    font-weight: 900;
    color: #1a1a1a;
    /* margin-bottom: 10px; */
    position: relative;
    letter-spacing: -0.02em;
    line-height: 1;
    font-family: 'Courier Prime', monospace;
}

.faq-item div[data-parent] {
    margin-top: 10px;
}

.faq-item h3 a {
    position: relative;
    display: block;
}

.faq-item h3 a:after {
    width: 4px;
    height: 20px;
    background: #0e2684;
    content: '';
    position: absolute;
    right: 100%;
    top: 50%;
    margin-top: -10px;
    margin-right: 28px;
    opacity: 0;
    visibility: hidden;
}


.faq-item h3 a.collapsed:after {
    opacity: 1;
    visibility: visible;
}

.faq-item h3 a:before {
    width: 20px;
    height: 4px;
    background: #0e2684;
    content: '';
    position: absolute;
    right: 100%;
    top: 50%;
    margin-top: -2px;
    margin-right: 20px;
}

.faq-item p {
    font-size: 14px;
    line-height: 1.429;
    /* color: #0e2684; */
    letter-spacing: -0.02em;
    font-family:  'Courier Prime', monospace;
    color: #000000;
}

.faq-item p a {
    color: #0e2684;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.faq-item p a:hover {
    color: #000;
}

.faq-wrapper .jspTrack {
    background: transparent;
    padding: 0 3px;
}

.faq-wrapper .jspVerticalBar {
    width: 30px;
    background: #e5e5e5;
    -webkit-box-shadow: inset 1px 0px 3px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: inset 1px 0px 3px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 0px 3px 0px rgb(0 0 0 / 20%);
}

.faq-wrapper .jspVerticalBar .jspArrow {
    background: #0e2684;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.faq-wrapper .jspDrag {
    background: #fff;
}

.faq-wrapper .jspVerticalBar .jspArrow:before {
    width: 8px;
    height: 6px;
    content: '';
    border-color: #fff;
    display: inline-block;
}

.faq-wrapper .jspArrow.jspArrowUp:before {
    border-bottom: 6px solid #fff;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.faq-wrapper .jspArrow.jspArrowDown:before {
    border-top: 6px solid #fff;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

#main-faq .outer-container {
    max-width: 1406px;
}

/* Recent Blogs */
#main-rb {
    background: url(images/blogs-bg.jpg) no-repeat center center/ cover;
    padding-top: 0;
    height: 100% !important;
}

#main-rb:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(255,255,255,0.85);
}

.rb-title {
    margin-bottom: 20px;
}

.rb-title .section-title {
    font-size: 60px;
}

.rbt-flex {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin-top: 20px;
}

.rb-tabs .nav.nav-tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#main-rb .outer-container {
    max-width: 1452px;
}

.rb-tabs .tab-pane {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    max-height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 0;
    display: none;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.rb-tabs .tab-pane .jspTrack {
    background: transparent;
    padding: 0 3px;
}

.rb-tabs .tab-pane .jspVerticalBar {
    width: 30px;
    background: #e5e5e5;
    -webkit-box-shadow: inset 1px 0px 3px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: inset 1px 0px 3px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 0px 3px 0px rgb(0 0 0 / 20%);
}

.rb-tabs .tab-pane .jspHorizontalBar {
    opacity: 0;
}

.rb-tabs .tab-pane .jspVerticalBar .jspArrow {
    background: #0e2684;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rb-tabs .tab-pane .jspDrag {
    background: #fff;
}

.rb-tabs .tab-pane .jspVerticalBar .jspArrow:before {
    width: 8px;
    height: 6px;
    content: '';
    border-color: #fff;
    display: inline-block;
}

.rb-tabs .tab-pane .jspArrow.jspArrowUp:before {
    border-bottom: 6px solid #fff;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.rb-tabs .tab-pane .jspArrow.jspArrowDown:before {
    border-top: 6px solid #fff;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}


.rb-tabs .tab-pane {
    position: relative;
}

.rb-tabs .tab-content {
    position: relative;
}

.rb-tabs .tab-pane.active {
    display: block;
    opacity: 1;
}

.rb-tabs .tab-pane.fade.in {
    display: block;
}

.rb-tabs .nav.nav-tabs li a {
    display: block;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    text-align: center;
    white-space: nowrap;
    font-size: 13px;
    text-transform: uppercase;
    color: #ec000d;
    letter-spacing: 0.05em;
    background: #fff;
    position: relative;
}

.rb-tabs .nav.nav-tabs li.active a:after {
    content: '';
    position: absolute;
    left: 0;
    height: 4px;
    background: #0e2684;
    bottom: 0;
    width: 100%;
}

.rb-tabs .nav.nav-tabs li {
    margin: 0 !important;
    width: -webkit-fill-available;
}

.rb-tabs .nav.nav-tabs li.active a {
    background: #ec000d;
    color: #fff;
}

.rb-tabs .nav.nav-tabs li.active a:after {
    content: '';
    position: absolute;
    left: 0;
    height: 4px;
    background: #0e2684;
    bottom: 0;
}

.pets-icon {
    width: 17px;
    height: 19px;
    margin-left: 4px;
    position: relative;
}

.pets-icon:before {
    background: url(images/pets.png) no-repeat center center/ contain;
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
}

.pets-icon:after {
    background: url(images/pets-white.png) no-repeat center center/ contain;
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.rb-tabs .nav.nav-tabs li.active .pets-icon:after {
    opacity: 1;
}

.rb-tabs .nav.nav-tabs li.active .pets-icon:before {
    opacity: 0;
}

.rbt-left {
    max-width: 615px;
    width: 43.25%;
}

.rbt-right {
    width: 56.75%;
    max-width: 767px;
    margin-left: 40px;
}

.rbt-blog {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 40px;
}

.rbt-img {
    position: relative;
    max-width: 430px;
}

.rbt-img a {
    display: block;
    width: 100%;
    font-size: 0;
    position: relative;
}

.rbt-img canvas {
    width: 100%;
    display: block;
}

.rbt-img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.rbt-desc {
    margin-left: 30px;
    padding-top: 25px;
}

.rbt-blog:first-child {
    margin-top: 0;
}

.rbt-img a:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0,0,0,0.2);
    z-index: 2;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.rbt-img a:hover:before {
    opacity: 1;
}

.rbt-desc h3 {
    font-size: 20px;
    color: #0e2684;
}

.rbt-desc .date {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 5px;
    letter-spacing: 0.01em;
    margin-bottom: 15px;
}

.rbt-desc p {
    font-size: 14px;
    line-height: 20px;
    color: #121212;
}

.rbt-box {
    text-align: center;
    padding: 35px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: url(images/signup-bg2.jpg) no-repeat center center/ cover;
}

.rbt-box h2 {
    font-size: 65px;
    font-family: 'Arsilon';
    color: #ffffff;
    transform: rotate(-2deg);
    white-space: nowrap;
    text-shadow: 0 2px 3px rgb(0 0 0 / 70%);
}

.rbt-contact {
    margin: 15px auto 50px;
    width: 100%;
    max-width: 350px;
    position: relative;
}

.rbt-text {
    font-size: 14px;
    font-style: italic;
    color: #000000;
}

.rbt-text a {
    text-decoration: underline;
}

.sun-form {
    width: 100%;
}

.sun-form input {
    width: 100%;
    height: 60px;
    background: rgba(255,255,255,0.7);
    border: none;
    outline: 0;
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.025em;
    color: #000000;
}

.sun-form input[type="submit"] {
    background: transparent;
    border: 1px solid #fff;
    padding-left: 50px;
    color: #fff;
    letter-spacing: 0.2em;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.sun-send-icon {
    width: 30px;
    height: 38px;
    background: url(images/remax-btn.png) no-repeat center center/ contain;
    position: absolute;
    pointer-events: none;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    margin-left: -45px;
}

.sun-send .ajax-loader {
    position: absolute;
}

.sun-form input[type="submit"]:hover {
    background: #fff;
    color: #0e2684;
}

.sun-name {
    margin-bottom: 10px;
}

.sun-email {
    margin-bottom: 30px;
}

.sun-send {
    max-width: 190px;
    margin: 0 auto;
    position: relative;
}

.rbt-contact .wpcf7-response-output {
    position: absolute;
    width: 100%;
    padding: 5px;
    text-align: center;
    color: #fff;
    font-size: 11px;
    letter-spacing: 0.025em;
    margin: 8px 0 0;
}

/* Search Homes */
#main-sh {
    background: url(images/sh-bg.jpg) no-repeat center center/ cover;
    padding-top: 0;
    height: 100% !important;
    position: relative;
}
#main-sh:before{
        content: '';
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0,0,0);
    background: linear-gradient(
180deg, rgba(0,0,0,1) 5%, rgba(0,0,0,0) 40%);
    opacity: 0.2;
}
.sh-banner{
    background: url(images/blogs-bg.jpg) center 75% no-repeat;
    background-size: cover;
    height: 24vh;
    position: relative;
}
.sh-banner:before{
    content:'';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
}
.sh-flex {
    display: flex;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 2vw 0 0;
    position: relative;
    z-index: 2;
}
.sh-flex iframe{
    /*width: 100vw;
    height: calc(100vh - 9.7vw);*/
    height: calc(100vh - 36vh);
}
.sh-left {
    display: flex;
    width: 53.75%;
    align-items: center;
    justify-content: center;
    padding: 101px 20px 20px;
}

.sh-right {
    width: 46.25%;
    background: url(images/sh-rbg.jpg) no-repeat center center/ cover;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 155px 40px 20px 80px;
}

.sh-right:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: url(images/sh-rbg2.png) no-repeat center center/ cover;
}

.shr-inner {
    position: relative;
    z-index: 10;
    max-width: 580px;
    margin: 0 auto 0 0;
    color: #fff;
    width: 100%;
}

.shr-title {
    margin-bottom: 20px;
    position: relative;
    z-index: 10;
}

.shr-title h3 {
    font-size: 30px;
    font-weight: 900;
    color: #f4f4f4;
    line-height: 1.3;
}

.shr-desc {
    margin-bottom: 25px;
    max-width: 445px;
    position: relative;
    z-index: 10;
}

.shr-desc p {
    font-size: 16px;
    line-height: 25px;
    color: #ffffff;
    letter-spacing: -0.02em;
}

.shr-download {
    margin-bottom: 35px;
    position: relative;
    z-index: 10;
}

.shd-flex {
    display: flex;
    align-items: flex-start;
}

.shd-left {
    margin-right: 30px;
    max-width: 77px;
}

.shd-right {
    text-align: left;
    min-width: 276px;
}

.shd-right h4 {
    margin-bottom: 10px;
    font-size: 23px;
    font-weight: 900;
    color: #ffffff;
}

.shd-form {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 295px;
}

.shd-form label {
    display: none;
}

.shd-form input {
    width: 100%;
    height: 40px;
    background: #fff;
    border: none;
    padding: 10px 10px 10px 20px;
    font-size: 12px;
    color: #3f3f3f;
    letter-spacing: 0.03em;
    outline: 0;
}

.shd-form input[type="submit"] {
    background: #3d97ee;
    padding: 0;
    font-size: 12px;
    color: #ffffff;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.shd-input {
    max-width: 140px;
    width: 100%;
}

.shd-submit {
    max-width: 155px;
    width: 100%;
}

.shd-form input[type="submit"]:hover {
    background: #0e2684;
}

.shd-text {
    display: block;
    font-size: 12px;
    color: #ffffff;
    letter-spacing: -0.02em;
    margin-top: 15px;
}

.shd-buttons {
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.shd-buttons a {
    display: block;
    font-size: 0;
    margin-left: 5px;
}

.shd-buttons a:first-child {
    margin-left: 0;
}

.shr-bottom {
    max-width: 295px;
    position: relative;
    z-index: 10;
}

.shr-phone {
    position: absolute;
    right: -70px;
    max-width: 704px;
    font-size: 0;
    width: 111.38%;
    bottom: -30px;
    z-index: 0;
}

.shr-phone img {
    width: 100%;
}

.shs-bottom .tab-pane {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.shs-bottom .tab-pane:first-child {
    position: relative;
}

.shs-bottom .tab-content {
    position: relative;
}

.shs-bottom .tab-pane.fade.show.active {
    visibility: visible;
    opacity: 1;
}

.shs-bottom .tab-pane.fade.in {
    visibility: visible;
}

.shl-inner {
    max-width: 700px;
    margin: 0 auto;
    width: 100%;
}

.sh-title {
    margin-bottom: 30px;
}

.sh-title .section-title {
    font-size: 60px;
}

.sh-search {
    position: relative;
    width: 100%;
}

.shs-top {
    background: #fff;
}

.shs-box {
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow:    0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow:         0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    background: #f2f2f2;
}

.shs-tabs ul {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    text-align: center;
}

.shs-tabs ul li {
    width: 100%;
}

.shs-tabs ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    font-size: 13px;
    color: #ec000d;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 10px 30px;
    white-space: nowrap;
    position: relative;
}

.shs-tabs ul li.active a {
    color: #fff;
    background: #ec000d;
}

.shs-tabs ul li.active a:before {
    position: absolute;
    width: 100%;
    height: 4px;
    background: #0e2684;
    left: 0;
    bottom: 0;
    content: '';
}

.shs-middle {
    padding: 5px 5px 5px 20px;
}

.shsm-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sh-found {
    font-size: 13px;
    text-transform: uppercase;
    color: #595959;
    letter-spacing: 0.05em;
}

.shsm-right {
    max-width: 410px;
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.shsm-left {
    width: 30%;
}

.shsm-right label {
    display: none;
}

.shsm-right input {
    width: 100%;
    height: 40px;
    border: 1px solid #b3b3b3;
    background: transparent;
    font-size: 12px;
    text-transform: uppercase;
    color: #4c4c4c;
    letter-spacing: 0.03em;
    padding: 10px 13px;
    outline: 0;
}

.min-price {
    max-width: 140px;
    width: 35%;
}

.max-price {
    max-width: 140px;
    width: 35%;
    margin-left: 1px;
    margin-right: 7px;
}

.shsm-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
}

.shsm-buttons a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #0e2684;
    margin-left: 1px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.shsm-buttons a:first-child {
    margin-left: 0;
}

.shsm-buttons a:hover {
    background: #fff;
}

.shs-map {
    width: 100%;
}

.shs-map img {
    width: 100%;
}

.home  #listings-results .listings-grid .listings-col {
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 1px;
}

.home  #listings-results .listings-grid .listings-item,
.home  #listings-results .listings-grid .listings-img {
    position: relative;
}

.home  #listings-results .listings-grid .listings-item {
    display: block;
    width: 100%;
    margin: 0 auto;
    text-decoration: none;
    outline: none;
}

.home  #listings-results .listings-grid .listings-img {
    position: relative;
    overflow: hidden;
}

.home  #listings-results .listings-grid .listings-img canvas {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.home  #listings-results .listings-grid .listings-img canvas.alternate-loaded {
    background-size: auto 75% !important;
}

.home  #listings-results .listings-grid .listings-item:hover .listings-img canvas {
    -webkit-transform: scale(1.075);
    transform: scale(1.075);
}

.home  #listings-results .listings-grid .listings-info {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.home  #listings-results .listings-grid .listings-address {
    font-size: 25px;
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
}

.home  #listings-results .listings-grid .listings-address span {
    display: block;
    font-size: 20px;
    color: #fff;
    margin-top: 8px;
}

.home  #listings-results .listings-grid .listings-price {
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    margin-top: auto;
    padding-top: 10px;
    position: relative;
    top: 0;
    -webkit-transition: top 0.3s ease;
    transition: top 0.3s ease;
}

.home  #listings-results .listings-grid .listings-item:hover .listings-price {
    top: -56px;
}

.home  #listings-results .listings-grid .listings-plan {
    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;
    padding-bottom: 16px;
    position: absolute;
    bottom: -56px;
    -webkit-transition: bottom 0.3s ease;
    transition: bottom 0.3s ease;
}

.home  #listings-results .listings-grid .listings-item:hover .listings-plan {
    bottom: 0;
}

.home  #listings-results .listings-grid .listings-plan span {
    display: block;
    position: relative;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
    color: #fff;
}

.home  #listings-results .listings-grid .listings-plan span em {
    display: block;
    font-style: normal;
    color: #fff;
    margin-bottom: 8px;
}

.home  #listings-results .listings-grid .listings-plan span + span {
    margin-left: 30px;
}

.home  #listings-results .listings-grid .listings-plan span.area {
    text-align: right;
}

/* Footer */
#main-footer {
    position: fixed;
    width: 100%;
    text-align: center;
    bottom: 0;
    padding: 15px 0;
}

.footer-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.footer-copyright {
    font-size: 12px;
    letter-spacing: 0.02em;
    color: #919191;
    line-height: 1.3;
-webkit-transition: 0.3s all ease-in-out;transition: 0.3s all ease-in-out;}

.footer-copyright a{
    color: inherit;
-webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}
.footer-copyright a:hover {
    opacity: .7;
}

.footer-mls {
    margin-left: 15px;
    font-size: 16px;
    color: #919191;
-webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;}

.ip-container #main-wrapper {
    height: auto;
}

.ip-container #main-footer {
    position: relative;
    background: #000;
    padding: 30px 0;
}

body.ip-container, html.ip-contents {
    position: relative !important;
    overflow: visible !important;
    height: auto !important;
}


/* 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;
}

html body.pojo-a11y-focusable a:focus {
    outline-style: initial !important;
    outline-width: 1px !important;
    outline-color: #FF0000 !important;
}



/*IDX Properties*/

.hp-idx-widget-slider .ihf-grid-result {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% / 3);
    padding: 0 15px;
    position: relative;
}

.hp-idx-widget-slider .ihf-listing-slider {
    position: relative;
    font-size: 0;
    display: block;
    margin: 0 -15px;
}

.hp-idx-widget-slider .ihf-grid-result-address-container a {
    color: #000;
}

.hp-idx-widget-slider .ihf-grid-result-address {
    font-size: 14px;
    line-height: 20px;
    color: #2a6496;
}

.hp-idx-widget-slider #ihf-main-container .pagination {
    margin: 20px auto 0;
    display: block;
    text-align: center;
}

.hp-idx-widget-slider ul.pagination.ihf-gallery-slider-paging {
    text-align: center;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.hp-idx-widget-slider #ihf-main-container ul.pagination.ihf-gallery-slider-paging li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.hp-idx-widget-slider span.ihf-for-sale-price {
    font-size: 14px;
    color: #fff;
    line-height: 1;
}

.hp-idx-widget-slider #ihf-main-container .ihf-grid-result-price a, 
.hp-idx-widget-slider #ihf-main-container .ihf-grid-result-price a {
    line-height: 1;
    padding: 5px 0;
}

.hp-idx-widget-slider #ihf-main-container .ihf-grid-result-price.title-bar-1 {
    background: #0e2684;
    border-color: #0e2684;
    margin: -20px;
    padding: 3px 8px;
    margin-bottom: 10px;
}


.hp-idx-widget-slider #ihf-main-container ul.pagination.ihf-gallery-slider-paging li a {
    color: #fff;
    background: #0e2684;
    border-color: #0e2684;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.hp-idx-widget-slider #ihf-main-container ul.pagination.ihf-gallery-slider-paging li a:hover {
    opacity: .75;
}

.hp-idx-widget-slider .ihf-listing-slider:not(.slick-initialized) .ihf-grid-result:nth-child(n+3) ~ div {
    display: none;
}

.hp-idx-widget-slider #ihf-main-container .row {
    margin-left: -15px;
    margin-right: -15px;
}

.hp-idx-widget-slider #ihf-main-container .ihf-grid-result-basic-info-item1 {
    padding-right: 6px;
}

.hp-idx-widget-slider #ihf-main-container .ihf-grid-result-basic-info-item2 {
    padding: 0 6px;
}

.hp-idx-widget-slider #ihf-main-container .ihf-grid-result-basic-info-item3 {
    padding-left: 6px;
}

.hp-idx-widget-slider #ihf-main-container .ihf-grid-result-basic-info-container {
    font-size: 14px;
}

.hp-idx-widget-slider #ihf-main-container .col-xs-8 {
    padding: 0 15px;
}

.hp-idx-widget-slider #ihf-main-container .col-xs-3 {
    padding: 0 15px;
}

.hp-idx-widget-slider #ihf-main-container .fs-11 {
    font-size: 11px;
}

.hp-idx-widget-slider #ihf-main-container .mb-5 {
    margin-bottom: 5px;
}

.hp-idx-widget-slider #ihf-main-container .fs-12 {
    font-size: 12px;
}

.hp-idx-widget-slider #ihf-main-container .mt-10, 
.hp-idx-widget-slider .ihf-main-container .mt-10 {
    margin-top: 10px;
}

.hp-idx-widget-slider #ihf-main-container .well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 0;
}

.hp-idx-widget-slider #ihf-main-container .col-xs-12.mt-10 {
    display: none;
}

.hp-idx-widget-slider #ihf-main-container .col-xs-4 {
    padding: 0 15px;
}


.hp-idx-widget-slider #ihf-main-container .ihf-results-grid-photo {
    height: 175px;
}

.hp-idx-widget-slider .ihf-listing-search-results {
    width: 100%;
    max-width: 1060px;
}
 
/*******************************************************
 *
 * 3. IP Styles
 *
 *******************************************************/
.ip-banner{
    position: relative;
    width: 100%;
}
    .ip-banner::before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        /* background: rgba(0,0,0,.2); */
    }
    .ip-banner::after {
        content: "";
        position: absolute;
        top: 57%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 448px;
        height: 80px;
        background-image: url('../../uploads/2021/10/logo.png');
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        pointer-events: none;
    }
    .ip-banner canvas{
        display: block;
        position: relative;
        z-index: 0;
        width: 100%;
        min-height: 250px;
        background-color: #f9f7f7;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .ip-banner .container{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 2;
    }
        .ip-banner h1 {
            font-weight: 700;
            font-size: 32px;
            text-align: center;
            color: #FFF;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            line-height: 1.7;
        }
            .ip-banner h1 span{
                display: block;
                font-size: 24px;
                font-weight: 400;
                text-transform: none;
                letter-spacing: 0.01em;
            }
/* 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: 77.08%; }
#content-full #content { width: 100%; }

/* Adjust width of sidebar */
.sidebar{ width: 20.83%; }

/* 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 { 

}

/* Styles for category/archive/search/etc subheadings (h2) */
#content .archive-subtitle { 

}


#nav > li.lsm-arrow:hover .main-lsm {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
}

#nav > li.lsm-arrow:hover > a {
    /* opacity: 1 */
}


.ed-right .app-icon img {
    max-width: 100%;
}
     
/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */



.pp-floating-form {
    position: absolute;
    top: 50%;
    right: 3%;
    background: #213555;
    padding: 25px 20px;
    width: 100%;
    max-width: 270px;
    transform: translateY(-50%);
}

.pp-floating-form-title {
    position: relative;
    color: #fff;
    line-height: 1;
    font-size: 20px;
    display: block;
    margin-bottom: 11px;
    font-weight: 400;
}

.pp-floating-form-caption {
    display: block;
    position: relative;
}

.pp-floating-form-caption h2 {
    color: #fff;
    line-height: 1.2;
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
}

.pp-floating-form-caption span {
    font-size: 13px;
    color: #fff;
    line-height: 1;
}

.pp-floating-form-title span {
    color: #ec000d;
    text-transform: uppercase;
}

.pp-floating-widget {
    display: block;
    position: relative;
}

.pp-floating-widget form {
    display: block;
    position: relative;
}

.pp-floating-form-main {
    display: block;
    position: relative;
}

.pp-floating-field {
    display: block;
    position: relative;
}

.pp-floating-field:not(:last-child) {
    margin-bottom: 9px;
}

.pp-floating-field input {
    width: 100%;
    height: 34px;
    border: none;
    padding: 0 15px;
    background: #31518C;
    font-size: 13px;
    line-height: normal;
    color: #fff;
    /* text-align: center; */
}

.pp-floating-form-content {}

.pp-floating-form-content {
    display: block;
    position: relative;
    margin-bottom: 18px;
}

.pp-floating-form button.pp-submit {
    width: 100%;
    height: 34px;
    border: none;
    background-color: #31518C;
    font-size: 13px;
    color: #fff;
    line-height: 1;
    text-transform: uppercase;
    padding: 0;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.pp-floating-form button.pp-submit i.ai-icon-logo {
    display: inline-block;
    vertical-align: middle;
    content: '';
    background-image: url(images/lsm-remax.png);
    background-position: center;
    background-size: contain;
    width: 34px;
    height: 30px;
    background-repeat: no-repeat;
}

.pp-floating-widget div.wpcf7-response-output {
    margin: 10px auto 0;
    color: #fff;
    font-size: 11px;
    text-align: center;
}

.pp-floating-widget span.wpcf7-not-valid-tip {
    font-size: 12px;
}

.pp-floating-form button.pp-submit:hover {
    opacity: .70;
}

.hp-idx-widget-slider .ihf-grid-result-address-container a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-id-0 div#inner-page-wrapper > .container {
    width: 100%;
}

.single-post p#breadcrumbs + a {
    float: right;
    width: 200px;
    background: #0e2684;
    text-align: center;
    padding: 8px 0px;
    color: #fff;
}

#listings-details .listings-link-navigation-main {
    display: block !important;
    height: auto !important;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #ff0000!important;
}

.embed-responsive .embed-responsive-item, 
.embed-responsive embed {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.embed-responsive::before {
    display: block;
    content: "";
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}

.grecaptcha-badge {
    z-index: 9999;
	bottom: 80px !important;
}

.dark #nav > li > a {
    color: #fff !important;
    /* text-shadow: none; */
    text-shadow: 0 0 5px #000 !important;
}

.wr-pdf-container .pdfemb-viewer {
    width: 100% !important;
    height: 100% !important;
    overflow-y: scroll;
}

.wr-pdf-container:before {
    display: none;
}

.pp-floating-form button.pp-submit:hover {
    opacity: 1 !important; 
    background-color: #0f3374;
}

.rbt-contact .wpcf7-response-output {
    color: #000 !important;
    background: #fff;
    font-weight: 600;
    margin: 5px 0 !important;
}

#listings-details .listings-slideshow .listings-slideshow-slide:after {
    z-index: 5;
}

.error404  .wpcf7 form .wpcf7-response-output {
    text-align: center;
}

body.error404 * {
    font-family: 'Bahnschrift';
}

.error-page-content-wrapper .error-forms input[type=text], 
.error-page-content-wrapper .error-forms input[type=email], 
.error-page-content-wrapper .error-forms input[type=phone],
.error-page-content-wrapper .error-forms textarea {
    font-family: 'Bahnschrift' !important;
}

body.viewing-page-1 .footer-copyright, 
body.viewing-page-1 .footer-mls, 
body.viewing-page-2 .footer-copyright, 
body.viewing-page-2 .footer-mls, 
body.viewing-page-3 .footer-copyright, 
body.viewing-page-3 .footer-mls, 
body.viewing-page-6 .footer-copyright, 
body.viewing-page-6 .footer-mls, 
body.viewing-page-7 .footer-copyright, 
body.viewing-page-7 .footer-mls, 
body.viewing-page-9 .footer-copyright, 
body.viewing-page-9 .footer-mls, 
body.viewing-page-10 .footer-copyright, 
body.viewing-page-10 .footer-mls, 
body.viewing-page-12 .footer-copyright, 
body.viewing-page-12 .footer-mls, 
body.viewing-page-13 .footer-copyright, 
body.viewing-page-13 .footer-mls, 
body.viewing-page-14 .footer-copyright, 
body.viewing-page-14 .footer-mls, 
body.viewing-page-15 .footer-copyright, 
body.viewing-page-15 .footer-mls, 
body.viewing-page-18 .footer-copyright, 
body.viewing-page-18 .footer-mls, 
body.viewing-page-20 .footer-copyright, 
body.viewing-page-20 .footer-mls, 
body.viewing-page-23 .footer-copyright, 
body.viewing-page-23 .footer-mls, 
body.viewing-page-25 .footer-copyright, 
body.viewing-page-25 .footer-mls {
    color: #fff;
    text-shadow: 0 2px 2px #000;
}


body.viewing-page-5 .footer-copyright, 
body.viewing-page-5 .footer-mls, 
body.viewing-page-8 .footer-copyright, 
body.viewing-page-8 .footer-mls, 
body.viewing-page-19 .footer-copyright, 
body.viewing-page-19 .footer-mls, 
body.viewing-page-21 .footer-copyright, 
body.viewing-page-21 .footer-mls, 
body.viewing-page-22 .footer-copyright, 
body.viewing-page-22 .footer-mls,
body.viewing-page-16 .footer-copyright, 
body.viewing-page-16 .footer-mls,
body.viewing-page-4 .footer-copyright, 
body.viewing-page-4 .footer-mls,
body.viewing-page-11 .footer-copyright, 
body.viewing-page-11 .footer-mls, 
body.viewing-page-17 .footer-copyright, 
body.viewing-page-17 .footer-mls,
body.viewing-page-24 .footer-copyright, 
body.viewing-page-24 .footer-mls{
    color: #121212;
    text-shadow: 0 1px 0px #fff;
}

.ihf-results-template #content-full .entry-title {
    padding: 0 !important;
    width: 100% !important;
}

body #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay p.pojo-a11y-toolbar-title {
	font-size: 14px;
 }

 .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%;
    right: auto;
    width: auto;
    font-size: 11px;
}

.wpcf7-form-control-wrap {
    display: block;
}

.scrl-next {
	right: 0;
  left: auto;
}
.scrl-prev img {
	transform: rotate(-180deg);
}

#inner-page-wrapper .aiosCommunitiesRadiance__image span {
	border: 2px solid #fff;
  color: #fff;
}