/*
Theme Name: Donohue Real Estate
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.5.6
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 {
    list-style: none outside none;
    margin: 0;
    background: rgba(0, 0, 0, 0.9) url("images/submenu-fixer.png");
    display: none;
    padding: 0;
    position: absolute;
    width: 100%;
    min-width: 180px;
}

#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 {
    display: block;
}

#nav .sub-menu li {
    position: relative;
}


/*******************************************************
 *
 * 2. Custom CSS
 *
 *******************************************************/


/* Global */

body {
    font-family: Arial, Helvetica, Georgia, Sans-serif;
    font-size: 12px;
    background: #FFF;
    color: #000000;
    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; */
}


/*******************************************************
 *
 * 2. Custom CSS
 *
 *******************************************************/


/* Global */

body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    background: #ffffff;
    color: #555555;
    margin: 0;
    font-weight: 400;
    /* Remove the comment from line 85 to 86 if the font issue in safari occurs */
    /* -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; */
}

body.home {
    background: #ffffff;
}

a,
button {
    outline: none !important;
    text-decoration: none !important;
}

a:hover {
    text-decoration: none;
    color: #1b2759;
    outline: none;
    text-decoration: none;
}

a:link,
a:visited {
    outline: none;
    text-decoration: none;
}

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

#main-wrapper {
    position: relative;
    overflow: hidden;
}


/*** Header Area ***/

.header-main {
    width: 100%;
    z-index: 100;
    margin: 0 auto;
    position: fixed;
    height: auto;
    padding: 35px 0;
}


/*** Header Logo ***/

.hdr-logo {
    display: block;
}

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

.hdr-logo img.og-logo {
    display: block;
}

.hdr-logo img.fixed-logo {
    display: none;
}


/*** Header Contact ***/

.hdr-cont-wrapp {
    text-align: right;
    padding-top: 30px;
}

.info-wrapper {
    position: relative;
}

.hdr-cont-text {
    display: inline-block;
    font-size: 16px;
    color: #ffffff;
    width: auto;
    font-weight: 300;
    margin: 0 auto;
    vertical-align: middle;
    letter-spacing: 0.01em;
}

.hdr-cont-text span {
    margin: 0 auto;
    font-weight: 300;
}

.hdr-cont-text i.ai-font-envelope-f {
    font-size: 12px;
    margin: 0 auto;
    color: #ffffff;
    padding: 0 12px;
}

.hdr-cont-text a {
    color: #ffffff;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

.hdr-cont-text a:hover {
    opacity: 0.8;
}

.smi {
    width: auto;
    display: inline-block;
    vertical-align: middle;
}

.smi a {
    font-size: 18px;
    color: #ffffff;
    display: inline-block;
    margin: 0 6px;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    text-align: center;
}

.smi a:hover {
    color: #1b2759;
}


/** Navigation **/

.navigation {
    position: relative;
    margin-top: 15px;
    display: block;
    width: 100%;
}

#nav {
    display: block;
    text-align: right;
}

#nav li {
    display: inline-block;
    margin: 0 0 0 30px;
    position: relative;
}

#nav li a {
    color: #ffffff;
    font-size: 14px;
    display: inline-block;
    margin: 0;
    outline: none;
    text-decoration: none;
    padding: 0 0 10px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    font-weight: normal;
    text-transform: uppercase;
}

#nav li a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 4px;
    background: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#nav li:hover a:after {
    width: 100%;
    left: 0;
}

#nav .sub-menu {
    min-width: 224px;
    left: 50%;
    margin-left: -114px;
    z-index: 9;
    padding: 13px 10px 0;
    background: none;
    color: #a6a6aa;
    text-align: left;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-top: -200px;
}

#nav li:hover > .sub-menu {
    opacity: 1;
    margin-top: 0px;
}

#nav .sub-menu a {
    padding: 0;
    color: #a6a6aa;
}

#nav .sub-menu li {
    width: 100%;
    position: relative;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.5);
}

#nav .sub-menu li:before {
    display: none;
}

#nav .sub-menu li a {
    width: 100%;
    font-size: 15px;
    font-weight: 300;
    padding: 10px 0px;
    text-transform: none;
    color: #fff;
    border-left: none;
    text-align: center;
    border: 0;
}

#nav .sub-menu li a:after {
    display: none;
}

#nav .sub-menu li a:hover {
    color: #00857d;
    background: rgba(0, 0, 0, 0.5);
}

#nav .sub-menu .sub-menu {
    margin-left: 45%;
    top: 0;
}


/***Header Short***/

.header-main.short {
    z-index: 99999;
    top: 0;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    position: fixed;
    padding: 12px 0;
    background: rgba(2552, 255, 255, 0.9);
}

.home .header-main.short {
    z-index: 1020;
}

.header-main.short .hdr-logo img {
    width: 238px;
}

.header-main.short .navigation {
    margin-top: 30px;
}

.header-main.short #nav li a {
    color: #4c4c4c;
}

.header-main.short #nav .sub-menu li a {
    color: #fff;
}

.header-main.short .info-wrapper {
    display: none;
}

.single-aios_agent .header-main.short .info-wrapper {
    display: flex;
}

.single-aios_agent .header-main.short .navigation {
    margin-top: 10px;
}

.header-main.short .hdr-cont-wrapp {
    padding-top: 0;
}


/* slideshow button */

.slideshow-button {
    position: fixed;
    /*top: 21%;*/
    top: 30%;
    left: -224px;
    max-width: 222px;
    width: 100%;
    z-index: 99;
    background: rgba(0, 0, 0, .80);
    text-align: center;
    padding: 20px 0;
}

.slideshow-button a {
    font-size: 22px;
    color: #fff;
    display: block;
    position: relative;
}

.slideshow-button a:hover {
    opacity: 0.6;
}

.slideshow-button a span {
    font-size: 14px;
    text-transform: uppercase;
}

.slideshow-button a span span {
    line-height: 1.4;
    font-size: 23px;
    text-transform: capitalize;
    color: #00857d;
    display: block;
}

.slideshow-button a em {
    font-style: normal;
    color: #0b9bac;
}

.hpslideshow button.banner-scroll-d {
    position: absolute;
    bottom: 130px;
    right: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: none;
    background-color: transparent;
    border: none;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    pointer-events: auto;
}

.hpslideshow .banner-scroll-d {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: none;
    background-color: transparent;
    border: none;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    pointer-events: auto;
}

.hpslideshow .banner-scroll-d span[class^="ai-font"] {
    display: block;
    font-size: 45px;
    color: #fff;
    bottom: 20px;
    left: 15px;
    opacity: 1;
    position: absolute;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: scrollDown 3s cubic-bezier(0.47, 0, 0.75, 0.72) infinite;
    -moz-animation: scrollDown 3s cubic-bezier(0.47, 0, 0.75, 0.72) infinite;
    -ms-animation: scrollDown 3s cubic-bezier(0.47, 0, 0.75, 0.72) infinite;
    animation: scrollDown 3s cubic-bezier(0.47, 0, 0.75, 0.72) infinite;
}

.hpslideshow .banner-scroll-d span:nth-child(1) {
    animation-delay: 2s;
}

.hpslideshow .banner-scroll-d span:nth-child(2) {
    animation-delay: 1s;
}

.hpslideshow .banner-scroll-d span:nth-child(3) {
    animation-delay: 0s;
}

.hpslideshow .banner-scroll-d span.arrow-label {
    font-size: 25px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .050em;
    -webkit-animation: fadeInOut 4s ease infinite;
    -moz-animation: fadeInOut 4s ease infinite;
    -ms-animation: fadeInOut 4s ease infinite;
    animation: fadeInOut 4s ease infinite;
}

@keyframes scrollDown {
    0% {
        opacity: 0;
        bottom: 70px;
        transform: scale(.6);
    }
    35% {
        opacity: 1;
        bottom: 50px;
        transform: scale(1);
    }
    65% {
        opacity: 1;
        bottom: 35px;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        bottom: 10px;
        transform: scale(.6);
    }
}

@-webkit-keyframes scrollDown {
    0% {
        opacity: 0;
        bottom: 60px;
        transform: scale(.6);
    }
    50% {
        opacity: 1;
        bottom: 40px;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        bottom: 20px;
        transform: scale(.6);
    }
}

@keyframes fadeInOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: .6;
    }
    100% {
        opacity: 1;
    }
}


/* End of slideshow button */


/* Mute BUtton */

.mute-btn-wrap {
    position: absolute;
    bottom: 130px;
    right: 130px;
}

.mute-btn-wrap button.mute-btn {
    height: 60px;
    width: 60px;
    border-radius: 100%;
    border: 0;
    background-color: rgba(24, 187, 176, 1);
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    opacity: .60;
    transition: 400ms ease;
    -webkit-transition: 400ms ease;
}

.mute-btn-wrap button.mute-btn:hover {
    opacity: 1;
}

.mute-btn-wrap .mute-btn span[class*="mute"] {
    display: block;
}

.mute-btn-wrap .mute-btn span[class*="volume"] {
    display: none;
}

.mute-btn-wrap .mute-btn.active span[class*="mute"] {
    display: none;
}

.mute-btn-wrap .mute-btn.active span[class*="volume"] {
    display: block;
}


/* End */


/*** Slide Area ***/

section#hp-slide {
    position: relative;
    /*overflow: hidden;*/
}

.hpslideshow {
    position: relative;
}

.slideshow-fixed {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.slideshow-fixed .textwidget,
.slideshow-fixed .cycloneslider-template-responsive,
.slideshow-fixed .cycloneslider-template-responsive .cycloneslider-slides,
.slideshow-fixed .cycloneslider-template-responsive .cycle-slide,
.slideshow-fixed .cycloneslider-template-responsive .cycloneslider-slide canvas {
    height: 100%;
    width: 100%;
}

#aios-slider-hp-slideshow .aios-slider-volume {
    display: none !important;
}

.slideshow-canvas {
    font-size: 0;
    position: relative;
}

.slideshow-canvas canvas {
    width: 100%;
}

.home .cycloneslider-slide.cycloneslider-slide-image.cycle-slide:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    left: 0;
    right: 0;
    z-index: 2;
}


/*** Quick search ***/

.qs-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 4;
    bottom: 0;
    margin: 0 auto;
    background: rgba(22, 188, 178, 0.8);
}

.qs-field-wrapp {
    display: flex;
    font-size: 25px;
    align-items: center;
    color: #fff; 
    padding: 15px 0;
}

.qs-cont {
    position: relative;
    z-index: 1;
    width: 100%;
    font-size: 0;
    display: inline-block;
    vertical-align: top;
}

.qs-cont form {
    margin: 0 auto;
    text-align: center;
}

.qs-cont .field {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home .qs-cont input {
    color: #000;
    font-size: 14px;
    height: 70px !important;
    line-height: 80px;
    padding: 0 20px;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: transparent;
    background: transparent;
    position: relative;
    font-weight: 300;
    letter-spacing: 0.13em;  
    margin: 0;

}

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

.qs-cont .qs-sub {
    width: 200px;
    height: 80px;
    background: url(images/send-icon.png) no-repeat right #1b2759;
    background-position-x: 140px;
    text-align: center;
    color: #fff;
    appearance: normal !important;
    -webkit-appearance: normal !important;
    -moz-appearance: normal !important;
    border: 0;
    margin: 0 auto;
    display: inline-block;
    line-height: 80px;
    font-size: 16px;
    position: relative;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    float: right;
}

.qs-cont .qs-sub:hover {
    opacity: 0.8;
}

section#about-section {
    pointer-events: relative;
    z-index: 1;
}

.about-wrapper {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    font-size: 0;
    letter-spacing: 0;
}

.about-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    transform: translateZ(0);
}

.about-text {
    width: calc(50% + 13px);
    background: rgba(43, 54, 101, 0.8);
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 4rem 30px 34px 13rem;
    transform: translateZ(0);
}

.awesomplete {
    overflow: hidden;
    width: 80%;
    white-space: nowrap;
    display: block;
    text-align: left;
    font-size: 13px;
    color: inherit;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    background: #fff;
    margin:0;
}

.awesomplete input {
    color: #000;
}

.home .field.forqs button {
    color: #FFF;
    background: #1b2759;
    text-transform: uppercase;
    border: none;
    padding: 0 41px; 
    height: 70px;
}

.about-text-cont {
    position: relative;
}

.about-text-cont:before {
    content: '';
    position: absolute;
    top: 0;
    left: -45px;
    width: 1px;
    height: 100%;
    background: #8f95ad;
}

.about-text-cont h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 70px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: inline-block;
}

.about-text-cont h1 > span {
    font-size: 31px;
    font-weight: 300;
    letter-spacing: 0.7em;
    display: block;
}

.about-text-cont p {
    font-size: 15px;
    color: #fff;
    margin: 20px 0;
    line-height: 28px;
}

.about-text-cont a.r-more {
    display: inline-block;
    width: 195px;
    max-width: 100%;
    line-height: 64px;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    border: 1px solid #fff;
    letter-spacing: 0.2em;
    position: relative;
    text-align: center;
    margin-top: 30px;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

.about-text-cont a.r-more:hover {
    background: #00857d;
    border: 1px solid #00857d;
}

.about-text-cont a.r-more > em {
    font-size: 6px;
    color: #fff;
    vertical-align: middle;
    position: absolute;
    z-index: 2;
    -ms-transform: rotate(45deg);
    -ms-transform-origin: top right;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: top right;
    transform: rotate(45deg);
    transform-origin: top right;
    padding: 0;
    top: 33px;
    /* left: 0; */
    right: 25px;
}

.team-img-wrapp {
    width: calc(50% - 13px);
    background: rgba(43, 54, 101, 0.8);
}

.photo-area {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

.photo-area canvas {
    width: 100%;
    background-size: contain;
    display: block;
    background-position: top center;
    background-repeat: no-repeat;
}


/*** Widget Title ***/

.title-widget {
    font-size: 54px;
    font-weight: 400;
    color: #1b2759;
    text-transform: uppercase;
}

.title-widget span {
    font-size: 18px;
    color: #767676;
    display: block;
}


/****/

a.r-more-d {
    display: inline-block;
    width: 195px;
    max-width: 100%;
    line-height: 64px;
    text-transform: uppercase;
    font-size: 14px;
    color: #00857d;
    border: 1px solid #00857d;
    letter-spacing: 0.2em;
    position: relative;
    text-align: center;
    margin-top: 30px;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

a.r-more-d:hover {
    background: #00857d;
    border: 1px solid #00857d;
    color: #fff;
}

a.r-more-d > em {
    font-size: 6px;
    color: #00857d;
    vertical-align: middle;
    position: absolute;
    z-index: 2;
    -ms-transform: rotate(45deg);
    -ms-transform-origin: top right;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: top right;
    transform: rotate(45deg);
    transform-origin: top right;
    padding: 0;
    top: 33px;
    right: 25px;
    font-weight: 700;
}

a.r-more-d:hover > em {
    color: #fff;
}


/*** Featured Properties ***/

section#fp-section {
    position: relative;
    overflow: hidden;
    z-index: 1;
    background: #fff;
}

.fp-area-wrapper {
    position: relative;
    text-align: center;
    padding-bottom: 95px;
    padding-top: 120px;
    margin: 0 auto;
    width: 1600px;
    max-width: 100%;
}

.fp-list-wrapp {
    position: relative;
    font-size: 0;
    letter-spacing: 0;
    margin-left: -1px;
    margin-right: -1px;
    padding-top: 70px;
}

.fp-list-wrapp > a {
    display: block;
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 1px;
    width: calc(100% / 3);
}

.fp-list {
    width: 100%;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.fp-list .fp-img {
    position: relative;
}

.fp-list .fp-img:before {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.fp-list .fp-img canvas {
    display: block;
    width: 100%;
    background-position: center;
    background-size: cover;
    opacity: 1;
}

span.fp-listingid {
    font-size: 15px;
}

.fp-list .fp-details {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    padding: 0 40px;
    color: #fff;
    z-index: 5;
    text-align: left;
}

.fp-list .fp-details:before {
    position: absolute;
    content: '';
    width: 1px;
    height: 109px;
    background: rgba(0, 0, 0, 0.2);
    z-index: 6;
    left: 39px;
    bottom: -30px;
}


/*This is for popup*/

.ui-widget-overlay {
    z-index: 100999 !important;
}

.transformpopup .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.IDX-registrationModal.IDX-registration-requestRecurring {
    /*    background: #23b7ad;
    position: fixed;
    width: calc(100% / 9 ) !important;
    padding: 0 104px;
    margin: 0 0 0 18%;
    top: 5% !important;
    left: 28% !important;
    z-index: 190210 !important;
    */
    background: #23b7ad;
    width: calc(100% / 9) !important;
    padding: 0 104px;
    margin: 0 0 0 18%;
    /* top: 50% !important;
    transform: translateY(-50%); */
    top: 5% !important;
    left: 24.5% !important;
    z-index: 190210 !important;
    min-height: 450px;
}

.sitemap-list li.page_item.page-item-171,
.sitemap-list li.page_item.page-item-1476,
.sitemap-list li.page_item.page-item-788,
.sitemap-list li.page_item.page-item-2030 {
    display: none;
}

.ui-dialog .ui-dialog-content {
    padding: 8.5em 1em !important;
}

.transformpopup span#ui-dialog-title-IDX-registration {
    display: none;
}

.transformpopup div#IDX-registrationDefaultMessage b {
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 20px !important;
    display: block;
}

.transformpopup div#IDX-registrationDefaultMessage p {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
}

.transformpopup .IDX-customRegistrationFields .IDX-control-group {
    width: 100% !important;
}

.transformpopup .IDX-controls input {
    width: 100%;
    border: 0px;
    background: none;
    outline: none;
    padding: 0 10px;
    border-bottom: 1px solid #e2e2e2;
}

span.ui-icon.ui-icon-closethick {
    background: url(https://donohuerealestate.com/wp-content/uploads/2020/05/closebutton.png) 21px 22px !important;
    opacity: 1;
}

.transformpopup a.ui-dialog-titlebar-close.ui-corner-all.aios-initial-setup-dead-link {
    left: 14px;
}

.transformpopup form#IDX-signupForm {
    margin-top: 40px;
}

.transformpopup label.IDX-control-label {
    font-size: 14px;
    margin-bottom: 9px;
}

.transformpopup button#IDX-submitBtn {
    background: #282c54 !important;
    color: #fff !important;
    text-transform: uppercase;
    border: 0px !important;
    display: block !important;
    margin: 0px auto;
    padding: 15px;
    font-size: 16px;
    font-weight: bold !important;
    width: 100% !important;
    max-width: 224px;
    margin-top: 2px !important;
}

.transformpopup a#IDX-toggleLogIn span {
    color: #fff;
    text-decoration: underline !important;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    display: block;
    text-align: center;
    margin-top: 41px;
}

.transformpopup .IDX-signupLoginToggleWrap {
    width: 54%;
}

.transformpopup a#IDX-toggleLogIn span {
    color: #fff;
    text-decoration: underline !important;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    display: block;
    text-align: center;
    margin-top: 4px;
}

.IDX-registrationModal {
    /* display: none !important; */
}

.transformpopup .IDX-registrationModal,
.transformmobile .IDX-registrationModal {
    /* display: block !important; */
}

.transformpopup div#IDX-registrationSignup p {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
}

.transformpopup .ui-dialog {
    overflow: visible !important;
}

.transformpopup .popupleftbar {
    width: 360px;
    display: block;
    height: 100%;
    background: #fff;
    margin: 0;
    position: absolute;
    top: 0;
    left: -360px;
    z-index: 9999;
}

.transformpopup .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
    /* top: 24px;
    left: -181px; */
    position: absolute;
    top: 0;
    right: 0;
    background: #282c54;
    color: #fff;
    opacity: 1;
    height: 36px;
    line-height: 36px;
    padding-right: 54px;
    padding-left: 11px;
    width: 77px;
    z-index: 99999999;
    border: none !important;
}

.transformpopup img.leftimg {
    position: absolute;
    bottom: 50%;
    right: 0;
    left: 32px;
    max-width: 285px;
}


/*Mobile */

.transformmobile .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.IDX-registrationModal.IDX-registration-requestRecurring {
    background: #23b7ad;
    position: absolute;
    padding: 0;
    top: 55px !important;
    z-index: 101000 !important;
    /* margin: 278px 0 0 0; */
}

.IDX-signupLoginToggleWrap p {
    padding-right: 0;
    margin: 0 0 0 11px;
}

.transformmobile img.leftimg {
    width: 90%;
}

.transformmobile div#IDX-registrationContent {
    padding: 40px 50px 40px 40px;
}

.transformmobile .popupleftbar {
    background: #fff;
    width: 100%;
    display: block;
    text-align: center;
    padding: 12px 0;
}

.transformmobile div#IDX-registrationDefaultMessage b {
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 20px !important;
    display: block;
}

.transformmobile div#IDX-registrationDefaultMessage p {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
}

.transformmobile .IDX-control-group {
    width: 100% !important;
}

.transformmobile .IDX-controls input {
    width: 100%;
    border: 0px;
    background: none;
    outline: none;
    padding: 9px 10px;
    border-bottom: 1px solid #e2e2e2;
}

.transformmobile label.IDX-control-label {
    font-size: 16px;
    color: #fff;
    margin-bottom: 21px;
}

.transformmobile button#IDX-submitBtn {
    background: #282c54 !important;
    color: #fff !important;
    text-transform: uppercase;
    border: 0px !important;
    display: block !important;
    margin: 0px auto;
    padding: 24px;
    font-size: 16px;
    font-weight: bold !important;
    width: 100% !important;
    max-width: 224px;
    margin-top: 75px !important;
}

.transformmobile a#IDX-toggleLogIn span {
    color: #fff;
    text-decoration: underline !important;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    display: block;
    text-align: center;
    margin: 14px 0;
}

.transformmobile .IDX-signupLoginToggleWrap {
    width: 54%;
}

.transformmobile a#IDX-toggleLogIn span {
    color: #fff;
    text-decoration: underline !important;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    display: block;
    text-align: center;
    margin: 11px 0;
}

.transformmobile div#IDX-registrationSignup p {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
}

.transformmobile .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
    right: -10px;
    font-size: 0;
    color: #fff;
    opacity: 1;
    height: 36px;
    line-height: 36px;
    z-index: 99999999;
    border: none !important;
    background: #282c54;
    width: 100px;
    float: right;
    position: absolute;
    top: 117px;
}

.transformmobile div#IDX-registration {
    width: 100% !important;
    padding: 0;
    margin: 0;
}


/*registration form*/

.reg_title {
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
}

.fcol {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}

.ffield {
    display: inline-block;
    vertical-align: top;
}

.flabel {
    display: inline-block;
    vertical-align: top;
    width: 26%;
}

.official_use .flabel {
    display: inline-block;
    vertical-align: top;
    width: 52% !important;
}

.frow.vouchnumber .flabel {
    width: 27% !important;
}

.ffield.vouchernumber {
    width: 67%;
}

.ffield.vouchernumber input {
    width: 100%;
}

.frow.voucherissuedby .flabel {
    width: 14% !important;
}

.frow.realtorassigned .flabel {
    width: 67% !important;
    display: inline-block;
}

.ffield input,
.ifyes input {
    border: none;
    border-bottom: 1px solid;
}

.reg_dash {
    display: block;
    margin: 0 0 56px 0;
    border: dashed;
    padding: 15px;
    position: relative;
}

.reg_dash input.wpcf7-form-control.wpcf7-submit {
    position: absolute;
    right: 114px;
    bottom: 47px;
    background: #282C54;
    color: #fff;
    text-transform: uppercase;
    border: none;
    padding: 9px 29px;
}

.official_use {
    display: block;
    margin: 0 0 56px 0;
    border: 3px solid #e5c16e;
    padding: 15px;
}

.fcol > div {
    margin: 0 0 9px 0;
}

.frow {
    display: block;
    margin: 8px 0;
}


/*end registration form*/

.transformmobile a.ui-dialog-titlebar-close.ui-corner-all.aios-initial-setup-dead-link {
    right: 14px;
}

a.close.psudolink.aios-initial-setup-dead-link {
    display: none;
}


/*end Mobile */


/*end This is for popup*/

.fp-list .fp-details span {
    display: block;
    padding-left: 25px;
}

.fp-list .fp-details span.fp-price {
    font-size: 30px;
    position: relative;
    margin-bottom: 10px;
}

.fp-list .fp-details span.fp-address {
    font-size: 14px;
    font-weight: 400;
}

.fp-list .fp-hover {
    position: absolute;
    width: 100%;
    transform: scale(.725);
    transition: transform .3s, opacity .3s, z-index .3s .3s, visibility .3s;
    z-index: 6;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
}

.home a:nth-child(4) .fp-hover,
.home a:nth-child(1) .fp-hover {
    transform-origin: left center;
}

.home a:nth-child(3) .fp-hover,
.home a:nth-child(6) .fp-hover {
    transform-origin: right center;
}

.fp-list:hover .fp-hover {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    opacity: 1;
    z-index: 6;
    visibility: visible;
    pointer-events: all;
    transition: transform .3s, opacity .3s, visibility .3s;
}

.fp-list .fp-hover canvas {
    width: 100%;
    background-size: cover;
    background-position: center;
}

.fp-list .fp-hover .fp-details-h {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.fp-list .fp-hover .fp-details-h .view {
    position: relative;
    margin-right: 40px;
    top: -60px;
    z-index: 5;
}

.fp-list .fp-hover .fp-details-h .view span.v-details {
    display: inline-block;
    width: 195px;
    max-width: 100%;
    line-height: 64px;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    border: 1px solid #fff;
    letter-spacing: 0.2em;
    position: relative;
    text-align: center;
    margin-top: 30px;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

.fp-list .fp-hover .fp-details-h .view span.v-details > em {
    font-size: 6px;
    color: #fff;
    vertical-align: middle;
    position: absolute;
    z-index: 2;
    -ms-transform: rotate(45deg);
    -ms-transform-origin: top right;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: top right;
    transform: rotate(45deg);
    transform-origin: top right;
    padding: 0;
    top: 33px;
    /* left: 0; */
    right: 18px;
}

a:first-child .fp-list {
    justify-content: flex-start;
}

a:last-child .fp-list {
    justify-content: flex-end;
}

.fp-bttn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fp-bttn a.fp-bttn-link {
    display: inline-block;
    width: 265px;
    max-width: 100%;
    line-height: 64px;
    text-transform: uppercase;
    font-size: 14px;
    color: #00857d;
    border: 1px solid #00857d;
    letter-spacing: 0.2em;
    position: relative;
    text-align: center;
    margin: 60px 15px 0;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

.fp-bttn a.fp-bttn-link:hover {
    background: #00857d;
    border: 1px solid #00857d;
    color: #fff;
}

.fp-bttn a.fp-bttn-link > em {
    font-size: 6px;
    color: #00857d;
    vertical-align: middle;
    position: absolute;
    z-index: 2;
    -ms-transform: rotate(45deg);
    -ms-transform-origin: top right;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: top right;
    transform: rotate(45deg);
    transform-origin: top right;
    padding: 0;
    top: 33px;
    right: 15px;
    font-weight: 700;
}

.fp-bttn a.fp-bttn-link:hover > em {
    color: #fff;
}

.fp-bttn a.fp-bttn-link:last-child > em {
    right: 60px;
}


/*** Featured Communities ***/

section#fc-section {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.fc-area-wrapper {
    position: relative;
    text-align: center;
    background: rgba(246, 246, 246, 0.8);
    padding: 100px 0;
}

.fc-list-wrapp {
    position: relative;
    max-width: 100%;
    width: 1600px;
    margin: 30px auto 0;
}

.fc-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: row;
    padding: 38px 0;
}

.fc-text {
    width: 59.125%;
    text-align: left;
    /* background: #fff; */
    padding: 0 136px 30px 210px;
    position: relative;
    margin-top: 0;
}

.fc-text:before {
    position: absolute;
    width: 100%;
    height: 165px;
    content: '';
    background: #fff;
    left: 0;
    /* border-bottom: 1px solid #acacac; */
}

.fc-text:after {
    position: absolute;
    width: calc(100% - 210px);
    height: 100%;
    content: '';
    background: #fff;
    top: 0;
    z-index: -1;
}

.fc-title {
    font-size: 44px;
    color: #1b2759;
    margin-top: 60px;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
    padding-left: 45px;
}

.fc-title:before {
    position: absolute;
    width: 100%;
    height: 1px;
    content: '';
    background: #acacac;
    left: 0;
    bottom: -15px;
    opacity: 0;
}

.fc-content {
    text-align: left;
    position: relative;
    z-index: 5;
    padding: 0 0 0 45px;
}

.fc-content p {
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0.05em;
    color: #4b4b4b;
    margin: 40px 0 20px;
    position: relative;
    display: inline-block;
}

.fc-image {
    width: 40.875%;
}

.fc-image .img-overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-bottom: 50px;
    background: #fff;
}

.fc-image .img-overlay .color-1,
.fc-image .img-overlay .color-2 {
    position: relative;
    z-index: 1;
}

.fc-image .img-overlay .color-1:before {
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(22, 188, 178, 0.8);
    z-index: 2;
    left: 0;
    top: 0;
    position: absolute;
}

.fc-image .img-overlay .color-2:before {
    background: rgba(27, 39, 89, 0.8);
    width: 100%;
    height: 100%;
    content: '';
    z-index: 2;
    left: 0;
    top: 0;
    position: absolute;
}

.fc-image .img-overlay .color-1 canvas,
.fc-image .img-overlay .color-2 canvas {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    display: block;
    width: 100%;
    background-position: center;
    background-size: cover;
    position: relative;
}

.fc-image .img-overlay .img-top-overlay {
    position: absolute;
    left: -80px;
    z-index: 5;
}

.fc-image .img-overlay .img-top-overlay canvas {
    display: block;
    width: 100%;
    background-position: center;
    background-size: cover;
}

.fc-list:nth-child(even) {
    flex-direction: row-reverse;
}

.fc-list:nth-child(even) .fc-text:after {
    left: 0;
}

.fc-list:nth-child(even) .fc-title,
.fc-list:nth-child(even) .fc-content {
    padding-left: 0;
}

.fc-list:nth-child(even) .fc-content {
    padding-right: 45px;
}

.fc-list:nth-child(even) .fc-text {
    padding: 0 210px 30px 136px;
}

.fc-image .img-overlay .img-top-overlay-r {
    right: -80px;
    left: unset;
}


/*** Area of EXPERTISE ***/

section#ae-section {
    position: relative;
    z-index: 1;
}

.ae-area-wrapper {
    position: relative;
    text-align: center;
    background: rgba(255, 255, 255, 0.8);
    height: 430px;
    padding-top: 78px;
}

.ae-list-wrapp {
    padding-top: 45px;
}

.comm-list {
    display: block;
    text-align: center;
    position: relative;
}

.comm-list:before {
    position: absolute;
    content: '';
    width: 1px;
    height: 100%;
    background: #c2c3c3;
    left: 0;
}

.comm-list a {
    display: block;
    font-size: 15px;
    text-transform: uppercase;
    color: #4b4b4b;
    margin: 15px auto;
    position: relative;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

.comm-list a:hover {
    color: #1b2759;
}


/*** Media ***/

section#media-section {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.media-wrapper {
    position: relative;
    text-align: center;
    background: rgba(255, 255, 255, 1);
    padding-top: 100px;
    padding-bottom: 150px;
}

.media-title {
    font-size: 26px;
    text-transform: uppercase;
    color: #1b2759;
    display: block;
    margin-top: 100px;
    margin-bottom: 30px;
}

.media-dis {
    display: block;
}

.media-dis p {
    font-size: 14px;
    color: #4b4b4b;
    line-height: 28px;
    letter-spacing: 0.05em;
    margin: 10px 0;
}

.on-tv-wrapp {
    position: relative;
    text-align: left;
}

.video-img-wrapp {
    position: relative;
}

.video-img-wrapp a {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

.video-img-wrapp a:hover {
    opacity: 0.8;
}

.video-img-wrapp canvas {
    width: 100%;
    height: 266px;
    background-size: cover;
}

.video-img-wrapp span {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
}

.video-img-wrapp span > i {
    font-size: 50px;
    color: #fff;
}

.media-dis a.r-more-d {
    width: 260px;
}


/*** Right Media ***/

.m-top-wrapper {
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
}

.mtop-cont {
    position: relative;
    padding: 0 15px;
    text-align: left;
}

.yt-img-wrapp {
    position: relative;
}

.yt-img-wrapp a {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

.yt-img-wrapp a:hover {
    opacity: 0.8
}

.yt-img-wrapp canvas {
    width: 100%;
    height: 266px;
    background-size: cover;
}

.yt-img-wrapp span {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
}

.ig-wrapp {
    position: relative;
    text-align: left;
}

.ig-wrapp .media-title {
    margin-top: 20px;
}

.ig-list {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-left: -3px;
    margin-right: -3px;
}

.ig-list div {
    padding: 0 3px;
}

.ig-list canvas {
    width: 159px;
    max-width: 100%;
    background-size: cover;
}

.ig-list div a {
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    opacity: 1;
}

.ig-list div a:hover {
    opacity: 0.6;
}


/*** Blog ***/

section#blog-section {
    position: relative;
    z-index: 1;
    background: rgba(0, 0, 0, 0.8);
}

.blog-wrapper {
    position: relative;
    width: 1600px;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
    font-size: 0;
    letter-spacing: 0;
    padding: 70px 0 65px;
    font-size: 0;
}

.blog-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: row;
    position: relative;
    flex-direction: row-reverse;
}

.blog-cont:nth-child(even) {
    flex-direction: row-reverse;
}

.blog-title {
    width: 20%;
    text-align: center;
}

.blog-title .title-widget {
    color: #fff;
    padding-top: 150px;
}

.blog-list-wrapp {
    display: flex;
    /*align-items: center;*/
    justify-content: center;
    position: relative;
    width: 80%;
    border-right: 1px solid;
    padding-top: 67px;
    padding-bottom: 52px;
}

.blog-list {
    position: relative;
    padding: 0 15px;
    width: 33.333%;
    max-width: 360px;
}

.blog-list a canvas {
    width: 100%;
    background-size: cover;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

.blog-list a:hover canvas {
    opacity: 0.6;
}

.blog-list .blog-text {
    display: block;
}

.blog-list .blog-text strong {
    display: block;
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
}

.blog-list .blog-text p {
    display: block;
    color: #fff;
    font-size: 14px;
    margin: 30px auto;
    line-height: 28px;
    letter-spacing: 0.05em;
}

.blog-list .blog-text a.r-more-d {
    color: #fff;
    border: 1px solid #fff;
}

.blog-list .blog-text a.r-more-d > em {
    color: #fff;
}


/*** Footer ***/

footer#footer-wrapp {
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    padding: 138px 0 30px;
    text-align: center;
    color: #686868;
    background: rgba(255, 255, 255, 0.8);
    position: relative;
    z-index: 1;
}

.top-cont-wrapp {
    position: relative;
    padding-bottom: 45px;
    margin-bottom: 48px;
    border-bottom: 1px solid #bebebe;
}

.ftr-cont-text {
    position: relative;
    text-align: left;
}

.ftr-cont-text span {
    display: block;
    font-size: 17px;
    color: #686868;
    margin-bottom: 20px;
}

.ftr-cont-text span > i.ai-font-envelope-f {
    color: #1b2759;
    font-size: 12px;
    margin-right: 5px;
}

.ftr-cont-text span > i.ai-font-phone {
    font-size: 14px;
    color: #1b2759;
    margin-right: 5px;
}

.ftr-cont-text a {
    color: #686868;
}

.ftr-cont-text a:hover {
    color: #1b2759;
}

.center-cont {
    position: relative;
}

.center-cont img {
    width: 100%;
    /* width:100px;  */
    max-width: 359px;
    margin-bottom: 70px;
    position: relative;
}

.center-cont .smi a {
    color: #1b2759;
}

.center-cont .smi a:hover {
    color: #00857d;
}

.copyright {
    color: #616161;
    padding: 0;
    font-size: 13px;
    text-align: left;
}

.copyright a {
    color: #616161;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

.copyright a:hover {
    color: #847d86;
}

.ftr-logos {
    text-align: right;
    font-size: 22px;
    color: #1b2759;
}


/*** Footer Navigation ***/

.footernav {
    display: block;
    font-size: 0;
    text-align: left;
    margin-left: 80px;
}

.footernav li {
    display: inline-block;
    padding: 10px;
    line-height: 10px;
    color: #fff;
    text-transform: uppercase;
    width: 50%;
    vertical-align: top;
}

.footernav li a {
    color: #686868;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    font-size: 14px;
    font-weight: 400;
}

.footernav li:first-child {
    border: 0;
    padding-left: 0;
}

.footernav li:first-child + li {
    padding-right: 0;
}

.footernav li:first-child + li + li {
    padding-left: 0;
}

.footernav li:first-child + li + li + li {
    padding-right: 0;
}

.footernav li:first-child + li + li + li + li {
    padding-left: 0;
}

.footernav li:first-child + li + li + li + li + li {
    padding-right: 0;
}

.footernav li:first-child + li + li + li + li + li + li {
    padding-left: 0;
}

.footernav li:last-child {
    padding-right: 0;
}

.footernav li a:hover {
    color: #1b2759;
}


/*******************************************************
 *
 * 3. IP Styles
 *
 *******************************************************/

.ip-banner {
    position: relative;
    width: 100%;
    z-index: 0;
}

.ip-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#00000000', GradientType=0);
    /* IE6-9 */
}

.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%;
}

.sidebar .info-wrapper a.asis-mailto-obfuscated-email {
    word-break: break-all;
}

.sidebar .smi {
    display: block;
}


/* fullwidth template */

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

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


/* Adjust line height of page elements */

#content h4,
aside h4,
#content p,
aside p,
#content blockquote,
aside blockquote,
#content ul,
aside ul,
#content fieldset,
aside fieldset,
#content form,
aside form,
#content ol,
aside ol,
#content dl,
aside dl,
#content dir,
aside dir,
#content menu,
aside menu {
    line-height: 1.7
}


/* Style .entry-title(post/page) and .archive-title(category/archive/etc) main headings (h1) */

#content .entry-title,
#content .archive-title {
    font-size: 54px;
    color: #1b2759;
    font-weight: 400;
    text-transform: uppercase;
}


/* Styles for category/archive/search/etc subheadings (h2) */

#content .archive-subtitle {}

#content .yotu-videos ul {
    margin: 0 0 0;
}

#content .yotu-videos h3.yotu-video-title {
    text-align: center;
}

.sidebar .hdr-cont-text {
    display: block;
}

.sidebar .info-wrapper {
    text-align: center;
}

.sidebar .info-wrapper img {
    width: 100%;
}

.sidebar .info-wrapper span,
.sidebar .info-wrapper a {
    color: #000 !important;
    font-size: 18px;
    font-weight: 300;
}

.sidebar .info-wrapper a:hover {
    color: #00857d !important;
}

.sidebar .info-wrapper a.asis-mailto-obfuscated-email {}

.sidebar .info-wrapper .hdr-email {
    word-break: break-all;
}

.sidebar .info-wrapper .hdr-email a i {
    color: #000;
    padding: 0 10px 0 0;
}

.cta-wrap a {
    display: block;
    text-align: center;
    padding: 20px 0;
    margin-bottom: 5px;
    text-transform: uppercase;
    background-color: #282C54;
    color: #fff;
}

.cta-wrap a:hover {
    background-color: #23B7AD;
}

.cta-wrap {
    margin-top: 20px;
}

.bootstrap-select>.dropdown-toggle,
.qs-wrapper #cityid {
    color: #fff !important;
    font-size: 14px;
    height: 80px;
    line-height: 80px;
    padding: 0 20px;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: transparent;
    background: transparent;
    position: relative;
    font-weight: 300;
    letter-spacing: 0.13em;
}

input.form-control {
    color: black;
}


/*** Download App ***/

.aiosp-container {
    overflow: auto;
}

.aiosp-bg {
    background: rgba(0, 0, 0, .9);
}

#capture-form {
    /*     display: block;
width: 95%;
max-width: 1252px;
margin: 0 auto;
background:url(images/pop-bg.jpg);
padding: 60px 50px 100px;
position: relative; */
    display: block;
    width: 95%;
    max-width: 1252px;
    margin: 0 auto;
    background: url(images/popup-bg-new.jpg) no-repeat center/cover;
    padding: 0 50px;
    position: relative;
    height: 700px;
    top: 30px;
}

#capture-form .aiosp-close {
    color: #fff;
    font-size: 70px;
    right: 0;
    font-weight: 100;
    position: absolute;
    top: -60px;
    font-family: 'Montserrat', sans-serif;
}

.user-navigated-from-a-page-on-the-site #capture-form {
    display: none;
}

#capture-form {
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
}

#capture-form .app-cont {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    font-size: 0;
    letter-spacing: 0;
    position: relative;
}

#capture-form .app-cont .cont-left {
    width: 65%;
    display: inline-block;
    vertical-align: top;
    padding-top: 100px;
}

#capture-form .app-cont .cont-left > h2 {
    text-transform: uppercase;
    font-size: 72px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    display: block;
}

#capture-form .app-cont .cont-left > span.title-app {
    color: #ffffff;
    font-size: 35px;
    text-transform: uppercase;
}

#capture-form .app-cont .cont-left > p {
    /*              line-height: 26px;
font-size: 18px;
font-weight: 400;
font-family: 'Roboto Condensed', sans-serif; */
    line-height: 28px;
    font-size: 20px;
    font-weight: 300;
    font-family: 'Roboto Condensed', sans-serif;
    margin: 50px 0;
    color: #fff;
    width: 75%;
}

#capture-form .app-cont .cont-left .btt-app {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

#capture-form .app-cont .cont-left .btt-app a {
    display: block;
    margin: 0 6px;
}

#capture-form .app-cont .cont-left .btt-app a img {
    width: 100%;
    max-width: 219px;
}

#capture-form .app-cont .cont-right {
    width: 35%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    /*top: -90px;*/
}

#capture-form .app-cont .cont-right > img {
    width: 100%;
    max-width: 404px;
    margin: 70px auto;
}

#capture-form .app-cont .cont-left .btt-app a:first-child {
    margin-left: 0;
}

.pu-form {}

.pu-form .pu-close {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    padding: 5px;
    cursor: pointer;
}

.pu-form .pu-close span {
    font-size: 12px;
    color: #333;
}

.pu-form h5 {
    font: 400 18px/1 'Lato';
    color: #333;
    margin: 0 0 20px;
    text-transform: uppercase;
    text-align: center;
}

.pu-form label {
    display: none;
}

.pu-group {
    width: 100%;
    margin: 0 0 5px;
}

.pu-form input[type="text"],
.pu-form input[type="email"],
.pu-form input[type="password"] {
    width: 100%;
    height: 29px;
    border: 1px solid #ddd;
    box-shadow: none;
    border-radius: 0;
    background: #f6f4f4;
    padding: 6px;
    font: 400 14px/1 'Lato';
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
}

.pu-form .input.input-error {
    background-color: #f2dede;
}

.pu-form .divide {
    width: 100%;
    margin: 20px 0;
    text-align: center;
    position: relative;
}

.pu-form .divide:before {
    content: "";
    border-top: 1px solid #e6e6e6;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 0;
}

.pu-form .divide span {
    font: 400 14px/1 'Lato';
    color: #000;
    text-transform: uppercase;
    border: 1px solid #e6e6e6;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    background: #fff;
    position: relative;
    z-index: 10;
    margin: 0 auto;
}

.pu-btn {
    clear: both;
    margin-top: 10px;
    text-align: left;
    overflow: hidden;
}

.pu-btn-form {
    display: inline-block;
    line-height: 25px;
}

.pu-btn a,
.pu-btn-form span {
    font: 400 12px/1 'Lato';
    color: #65cad7;
    cursor: pointer;
    padding: 10px 0px;
}

.pu-form input[type="submit"],
.pu-form input[type="button"] {
    width: 88px;
    height: 33px;
    border: 0;
    border-radius: 3px;
    background: #008f97;
    float: right;
    font: 400 14px/1 'Lato';
    color: #fff !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
}

#login-register-form,
#user-login-form,
#user-register-form {
    max-width: 400px;
    padding: 25px;
}

#user-login-form .form-message,
#user-register-form .form-message {
    background-color: #dff0d8;
    color: #000000;
    font-size: 10px;
    margin-bottom: 5px;
    padding: 5px 10px;
    text-align: left;
}

#user-login-form .error-message,
#user-register-form .error-message {
    background-color: #d9534f;
    color: #ffffff;
}

#user-login-form .hide {
    display: none;
}

#agent-login {
    cursor: pointer;
}

.aiosp-wrap .aiosp-container .aios-popup-body {
    max-width: 400px;
    min-height: 194px;
    padding: 25px;
}

.single-aios_agent .hp-slide canvas {
    display: block;
    position: relative;
    z-index: 0;
    width: 100%;
    background-color: #f9f7f7;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 419px;
}

.bootstrap-select>.dropdown-toggle,
.qs-wrapper #cityid {
    background: #fff !important;
    font-size: 13px !important;
    height: 33px;
    line-height: 33px;
    letter-spacing: initial;
    color: #9b9b9b !important;
    padding: 0px 10px;
    border: none;
    border-radius: 0;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 90%;
    white-space: nowrap;
    display: block;
    text-align: left;
    font-size: 13px;
    color: inherit;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.page-id-2030 #IDX-mapContainer {
    width: 100%;
}

.page-id-2030 #IDX-mapContainer div#IDX-mapControlContainer {
    height: 650px;
}

button.a-left.control-c.prev.slick-prev.slick-arrow {
    height: auto !important;
}

button.a-right.control-c.next.slick-next.slick-arrow {
    height: auto !important;
}

.aiosp-wrap .aiosp-container .signup-idx-popup-body {
    max-width: 1304px;
    width: 100%;
    padding: 0;
}

.su-cont-l img {
    max-width: 408px;
    width: 100%;
    margin: 0px auto;
    display: block;
}

.su-cont-r h2 {
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 20px;
}

.su-cont-r p {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
}

.su-cont-r p a {
    font-weight: bold;
    text-decoration: underline !important;
}

.su-cont-r .aiosp-close {
    top: 24px;
    left: -65px;
    background: #282c54;
    color: #fff;
    opacity: 1;
    height: 36px;
    line-height: 36px;
    padding-right: 54px;
    padding-left: 11px;
}

.su-cont-l {
    position: relative;
    width: calc(100% / 12 * 4.97);
}

.su-cont-r {
    background: #23b7ad;
    padding: 70px 104px;
    position: relative;
    width: calc(100% / 12 * 7.03);
}

.signup-idx-body {
    display: flex;
    align-items: center;
    justify-content: center;
}

.col-h {
    display: inline-block;
    width: calc(100% / 12 * 5.96);
    color: #fff;
}

.col-h input {
    width: 100%;
    border: 0px;
    background: none;
    outline: none;
}

.col-h label span {
    color: red;
}

.su-cont-r form {
    margin-top: 40px;
}

.col-h,
.col-f {
    font-size: 16px;
    color: #fff;
    margin-bottom: 21px;
}

.col-h input {
    width: 100%;
    border: 0px;
    background: none;
    outline: none;
    padding: 9px 10px;
    border-bottom: 1px solid #e2e2e2;
}

.col-h:nth-child(even) {
    padding-left: 20px;
}

.col-h:nth-child(odd) {
    padding-right: 20px;
}

.col-f p span {
    color: red;
}

.page-id-2384 #content .entry-title {
    font-size: 42px;
}

select.no-preference_,
#IDX-agentOwner {
    width: 100%;
    border: 0px;
    background: none;
    outline: none;
    padding: 10px 0px;
    border-bottom: 1px solid #e2e2e2;
    /* color: #fff; */
    color: #000;
}

select.no-preference_ option,
#IDX-agentOwner option {
    color: #000;
}

.col-f p {
    padding: 25px 0px;
}

.idxsubmit {
    background: #282c54;
    color: #fff;
    text-transform: uppercase;
    border: 0px;
    display: block;
    margin: 0px auto;
    padding: 24px;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    max-width: 224px;
    margin-top: 75px;
}

a.idxlogin {
    color: #fff;
    text-decoration: underline !important;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    display: block;
    text-align: center;
    margin-top: 40px;
}


/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */

div#IDX-main ul {
    margin-left: 0;
    margin: 0;
}

#content .entry.entry-content > a {
    color: #00857d !important;
}

.wpcf7-response-output {
    text-align: center;
}

.grecaptcha-badge {
    z-index: 999;
}

div.ask-us-form input[type='submit']:hover {
    background: #00857d !important;
    border: 1px solid #00857d !important;
    color: #fff !important;
}

.hp-quick-search ul.dropdown-menu.inner {
    max-height: 150px !important;
}

.qs-cont form ul.dropdown-menu.inner {
    max-height: 150px !important;
}

.aiosp-container {
    overflow: auto;
}

div.ask-us-form div.wpcf7-validation-errors {
    /*margin: 5px 0 !important;*/
}


/*.IDX-registrationModal{
  display: none;
}*/


/*.aidefcf-wrapper div.wpcf7-response-output{
  width: 48.70%;
}*/

.wb-left,
.wb-right {
    text-align: center;
    color: #00857d;
    font-weight: 500;
    font-size: 16px;
}

.wb-left img,
.wb-right img {
    width: 100%;
}

.wb-right img {
    margin-top: 12px;
}

.wb-center {
    text-align: center;
}

#content .wb-center h2 {
    font-size: 34px;
    font-family: Poppins;
    margin: 0;
    color: #00857d;
    border-bottom: 2px solid #00857d;
    display: inline-block;
}

#content .wb-center p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: #3b72b5;
}

.wb-photos {
    display: flex;
    justify-content: space-between;
}

.wb-photos img {
    width: calc(100% / 3);
}

.wb-photos img:nth-child(2) {
    padding: 0 10px;
}

.woman-build .custom-container::before,
.woman-build .custom-container::after {
    content: '';
    width: 100%;
    height: 70px;
    display: block;
    background-color: #00857d;
    border-radius: 50px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.woman-build .custom-container::before {
    margin-bottom: 20px;
}

.woman-build .custom-container::after {
    margin-top: 20px;
}


/*** ADA Styles ***/

#main-wrapper {
    overflow: hidden;
    background: #000;
}

main {
    background: #fff;
}

#inner-page-wrapper {
    margin-bottom: 0;
    padding-bottom: 30px;
}

body #pojo-a11y-toolbar {
    bottom:0 !important;
    top: auto !important;
}
body #pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle {
    top:auto !important;
    bottom:0 !important;
}
button:focus-visible, a:focus-visible {
    outline-style: solid !important;
    outline-width: 5px !important;
    outline-color: red !important;
    transition: none !important;
}

/* High contrast and Negative contrast break canvas elements with backgrounds */
#pojo-a11y-toolbar .pojo-a11y-btn-high-contrast,
#pojo-a11y-toolbar .pojo-a11y-btn-negative-contrast {
    display:none !important;
}

.aiosp-ref-popup {
    font-family: 'Poppins', sans-serif;
    padding: 0 15px !important;
}

.aiosp-ref-popup .aios-popup-body {
    width: 100% !important;
    max-width: 752px !important;
    min-height: auto !important;
    padding: 80px 60px !important;
    position: relative;
}

.aiosp-ref-popup .aios-popup-body::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-image: url('images/popup-bg.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    filter: grayscale(1);
    opacity: 0.07;
}

.aiosp-ref-popup .aios-popup-body .popup {
    position: relative;
    z-index: 1;
}

.aiosp-ref-popup .aios-popup-body .popup > span {
    display: block;
    font-size: 25px;
    font-weight: 400;
    letter-spacing: 0.2em;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    padding: 0 0 0 0.2em;
}

.aiosp-ref-popup .aios-popup-body .popup > h2 {
    font-size: 50px;
    font-weight: 700;
    color: #23b7ad;
    text-align: center;
    text-transform: uppercase;
    margin: 9px 0;
}

.aiosp-ref-popup .aios-popup-body .popup > p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #000;
    text-align: center;
    padding: 0 0 0 0.05em;
}

.aiosp-ref-popup .aios-popup-body .wpcf7 {
    max-width: 454px;
    margin: 59px auto 0;
    position: relative;
}

.aiosp-ref-popup .aios-popup-body .wpcf7-form-control-wrap {
    display: block;
    margin: 12px 0;
}

.aiosp-ref-popup .aios-popup-body .wpcf7-form-control-wrap input {
    display: block;
    width: 100%;
    height: 59px;
    background: transparent;
    border: 1px solid #a5a5a5;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.05em;
    color: #747474;
    padding: 0 15px;
}

.aiosp-ref-popup .aios-popup-body .wpcf7-submit {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 224px;
    height: 59px;
    background: #282c54;
    border: none;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.05em;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 0 0 0 0.05em;
    margin: 32px auto 0;
}

.aiosp-ref-popup .aios-popup-body .ajax-loader {
    display: block;
    margin: 10px auto 0;
}


p.discc {
    margin-bottom: 20px;
}

.prop-val {
	max-width: 800px;
	margin: 20px auto;
}


.list-court {
	font-size: 16px;
	padding: 20px 0;
	text-align: center;
}

.grecaptcha-badge{
    z-index: 5; 
    bottom: 80px !important;
}

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

.wpcf7 form .wpcf7-response-output {
    text-align: center;
}

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

.page-template-template-listing-detail .wpcf7 form.invalid .wpcf7-response-output, 
.page-template-template-listing-detail .wpcf7 form.unaccepted .wpcf7-response-output, 
.page-template-template-listing-detail .wpcf7 form.payment-required .wpcf7-response-output {
       color: #fff;
       font-size: 11px !important;
}