/*
Theme Name: surfsideouterbanks.com
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.5.9
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
 *
 *******************************************************/

.aios-mobile-header-wrapper {
    z-index: 1001 !important;
}

/* Sub Menu */

#nav li {
    position: relative;
}

#nav li a {
    display: block;
    font-size: 13px;
    letter-spacing: 0.06em;
    line-height: 1.2;
    text-transform: uppercase;
    color: #fff;
}

#nav > li {
    display: inline-block;
    vertical-align: top;
    padding: 0 19.1px;
    border-left: 1px solid rgba(255, 255, 255, 0.6);
}

#nav > li:first-child {
    border-left: 0;
    /*padding-left: 0;*/
}

#nav > li:last-child {
    /*padding-right: 0;*/
}

#nav > li > a {
    font-size: 14px;
    letter-spacing: 0.08em;
}

#nav .sub-menu {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    min-width: 200px;
    transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all .3s ease;
}

#nav > li > .sub-menu {
    left: calc( 50% - 110px);
    padding-top: 7px;
}

#nav .sub-menu a {
    color: #FFFFFF;
    display: block;
    padding: 8px 10px 7px;
    text-align: center;
    background: rgba(0, 84, 164, 0.7);
    transition: all .3s ease;
}

#nav .sub-menu li:hover > a,
#nav .sub-menu li > a:focus {
    background: #e11b22;
}

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

#nav li:hover > .sub-menu {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

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


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


/* Global */


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

#main-wrapper {
    overflow: hidden;
}

a {
    color: inherit;
}

a:hover {}

a:hover,
a:focus,
.slick-slide,
.slick-slide a {
    outline: none;
    text-decoration: none;
}

input,
select,
textarea {
    outline: none;
}

.flex {
    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;
}

.flex:before,
.flex:after {
    display: none;
}

.dir-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
}

.dir-col-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse wrap;
    flex-flow: column-reverse wrap;
}

.dir-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse wrap;
    flex-flow: row-reverse wrap;
}

.al-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.al-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.al-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.ju-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ju-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.ju-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.ju-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.font-barlow-semi-cond {
    font-family: 'Barlow Semi Condensed', sans-serif;
}

.btn-a {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 10px;
    border: 1px solid #e11b22;
    width: 185px;
    height: 50px;
    font-size: 13px;
    letter-spacing: 0.2em;
    color: #e11b22!important;
    text-transform: uppercase;
    position: relative;
    background: transparent;
    transition: all .3s ease;
    outline: none;
}

.btn-a:before {
    content: '';
    position: absolute;
    width: 40px;
    height: 1px;
    background: #e11b22;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -21px;
    transition: all .3s ease;
}

.btn-a:hover,
.btn-a:focus {
    color: #fff!important;
    background: #e11b22;
    border-color: #e11b22!important;
}

.btn-a:hover:before,
.btn-a:focus:before {
    background: #e11b22!important;
    color: #fff!important;
}


/*pullout menu*/

body.burger-menu-pullout-active {
    overflow: hidden!important;
}

.active.burger-menu-pullout {
    transform: translateX(0);
    transition: all .7s cubic-bezier(0.4, 0, 0.2, 1);
}

.active.burger-menu-pullout .container {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    transition: all .4s .7s cubic-bezier(0.4, 0, 0.2, 1);
}

body .burger-menu-pullout {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 9999;
    transition: all .7s .4s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateX(100%);
}

.burger-menu-pullout .container {
    transform: translateX(100px);
    opacity: 0;
    visibility: hidden;
    transition: all .4s cubic-bezier(0.4, 0, 0.2, 1);
}

.burger-menu-logo {
    padding: 53px 0 43px;
    float: none!important;
}

.burger-menu-logo .main-logo {
    /*display: none;*/
}

.burger-menu-logo .main-logo span {
    font-size: 40px;
    margin-top: -3px;
}

.menu-btn-close {
    background: transparent;
    border: none;
    padding: 0;
    font-size: 0;
    outline: none;
    margin-bottom: 6px;
}

.menu-btn-close svg {
    width: 30px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 19px;
    position: relative;
    transform: rotate(180deg);
}

.menu-btn-close svg g {
    fill: #e11b22;
    transition: all .3s ease;
}

.menu-btn-close span {
    font-size: 13px;
    letter-spacing: 0.2em;
    color: #e11b22;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    transition: color .3s ease;
}

.menu-btn-close:hover svg g,
.menu-btn-close:focus svg g {
    fill: #0054a4;
}

.menu-btn-close:hover span,
.menu-btn-close:focus span {
    color: #0054a4;
}

.burger-menu-nav {
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    padding: 25px 0 0;
    min-height: 541px;
}

#burger_nav {
    font-size: 0;
}

#burger_nav > li {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin: 16px 0 17px;
}

#burger_nav > li > a {
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 25px;
    letter-spacing: 0.04em;
    line-height: 1;
    color: #666666;
    text-transform: uppercase;
    font-weight: 500;
    transition: color .3s ease;
}

#burger_nav > li > a:hover,
#burger_nav > li > a:focus,
#burger_nav .sub-menu a:hover,
#burger_nav .sub-menu a:focus {
    color: #e11b22;
}

#burger_nav > li .sub-menu {
    margin-top: 23px;
}

#burger_nav .sub-menu li {
    margin-bottom: 10px;
}

#burger_nav .sub-menu li:last-child {
    margin-bottom: 0;
}

#burger_nav .sub-menu a {
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.1em;
    line-height: 1.2;
    color: #0054a4;
    text-transform: uppercase;
    transition: color .3s ease;
}

.burger-menu-contact-info {
    padding: 41px 0;
    display: flex!important;
}

.burger-menu-contact-info h2 {
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 30px;
    letter-spacing: 0.04em;
    line-height: 1;
    color: #0054a4;
    text-transform: uppercase;
    font-weight: 500;
    margin-right: 6.2%;
}

span.burger-menu-contact.contact-phone {
    font-size: 15px;
    letter-spacing: 0.04em;
    color: #666666;
    padding-top: 2px;
    margin-right: 31px;
}

span.burger-menu-contact.contact-phone i {
    font-size: 12px;
    margin-right: 6px;
    color: #e11b22;
}

span.burger-menu-contact.contact-phone a {
    transition: color .3s ease;
}

span.burger-menu-contact.contact-phone a:hover {
    color: #e11b22;
}

span.burger-menu-contact.contact-smi {
    font-size: 0;
}

span.burger-menu-contact.contact-smi a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    background: #e11b22;
    color: #fff;
    font-size: 16px;
    transition: all .3s ease;
    margin-left: 8px;
}

span.burger-menu-contact.contact-smi a:first-child {
    margin-left: 0;
}

span.burger-menu-contact.contact-smi a:hover,
span.burger-menu-contact.contact-smi a:focus {
    background: #0054a4;
    color: #fff!important;
}


/*fixed header*/

header.header.sticking {
    background: #fff;
    padding: 14px 0 13px;
}

.sticking .header-logo .main-logo span {
    color: #0054a4;
}

.sticking #nav {
    transform: translateY(0);
}

.sticking .header-contact-info {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.sticking #nav > li > a {
    color: #0054a4;
}

.sticking .header-menu {
    padding-bottom: 0;
}

.sticking button.menu-btn-open:before,
.sticking a.menu-btn-open:before {
    border-color: #0054a4;
}


/*header*/

header.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1011;
    padding: 28px 0 0;
    transition: all .3s ease;
}

.header-logo {
    width: 18%;
}

.header-logo a {
    font-size: 0;
}

.header-logo a img {
    height: auto;
}

.header-logo .main-logo span {
    font-size: 28px;
    color: #fff;
    line-height: 1.1;
    transition: color .3s ease;
}

nav.header-navigation {
    flex-grow: 1;
    position: relative;
    text-align: right;
}

#nav {
    font-size: 0;
    transform: translateY(22px);
    transition: all .3s ease;
}

.header-contact-info {
    position: absolute;
    top: -26px;
    right: 0;
    transition: all .3s ease;
    left: 0;
    margin: 0 auto;
    max-width: 873px;
    justify-content: center;
}

.header-contact.contact-text {
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0.2em;
    color: #fff;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.header-contact.contact-text:before,
.header-contact.contact-text:after {
    content: '';
    display: block;
    width: 71px;
    height: 1px;
    background: #bfbfbf;
    opacity: 0.5;
}

.header-contact.contact-text span {
    display: inline-block;
    padding: 0 10px 3px;
}

.header-contact.contact-phone {
    /*font-weight: 500;*/
    font-size: 15px;
    letter-spacing: 0.04em;
    color: #fff;
    padding-top: 2px;
    margin-left: 36px;
}

html:not(.js-focus-visible) .header-contact.contact-phone {
    margin-left: 16px;
}

.header-contact.contact-phone i {
    font-size: 12px;
    margin-right: 6px;
}

.header-contact.contact-phone a {
    transition: color .3s ease;
}

.header-contact.contact-phone a:hover,
.header-contact.contact-phone a:focus {
    color: #e11b22;
}

.header-contact.contact-smi {
    font-size: 0;
    margin-left: 32px !important;
}

.header-contact.contact-smi a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    background: #e11b22;
    color: #fff;
    font-size: 16px;
    transition: all .3s ease;
    margin-left: 8px;
}

.header-contact.contact-smi a:first-child {
    margin-left: 0;
}

.header-contact.contact-smi a:hover,
.header-contact.contact-smi a:focus {
    background: #0054a4;
    color: #fff!important;
}

.header-menu {
    text-align: right;
    width: 9.286%;
    padding-bottom: 12px;
    transition: padding .3s ease;
}

button.menu-btn-open,
a.menu-btn-open {
    outline: none;
    border: none;
    background: none;
    width: 30px;
    height: 30px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

button.menu-btn-open:before,
a.menu-btn-open:before {
    content: '';
    display: block;
    width: 100%;
    height: 9px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transition: all .3s ease;
}

button.menu-btn-open:hover:before,
button.menu-btn-open:focus:before,
a.menu-btn-open:hover:before,
a.menu-btn-open:focus:before {
    border-color: #e11b22;
}

section {
    position: relative;
}


/*section 1*/

section.section-1 {
    position: relative;
}

#slideshow {
    position: relative;
}

#slideshow .cycloneslider:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 150px;
    background: url(images/overlay-slideshow.png) 0 0 repeat-x;
    z-index: 2;
    display: block;
}

#slideshow .cycloneslider-slides {
    z-index: 1;
}

#quick-search {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 84, 164, 0.8);
    /*padding: 21px 60px 28px;*/
    padding: 21px 3.750vw 28px;
}

.slideshow-scroll-text {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    padding: 28px 0;
    letter-spacing: 0.1em;
    text-shadow: 0 1px 1px #000;
}

.slideshow-scroll-text a {
    color: inherit;
    transition: color .3s ease;
}

.slideshow-scroll-text a:hover {}

.qs-inner {
    flex-wrap: nowrap;
}

.qs-title {
    font-weight: 700;
    /*font-size: 28px;*/
    font-size: 1.750vw;
    letter-spacing: 0.2em;
    line-height: 1;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}

.qs-form {
    flex-grow: 1;
    font-size: 0;
    /*padding-left: 28px;*/
    padding-left: 1.750vw;
}

.qs-lg {
    /*width: 200px;*/
    width: 16.4%;
}

.qs-md {
    width: 12.7%;
}

.qs-xs {
    width: 8.2%;
}

.qs-field {
    position: relative;
    display: inline-block;
    vertical-align: top;
    /*padding-right: 11px;
                    margin: 11px 0;*/
    padding-right: 0.688vw;
    margin: 0.688vw 0;
}

.qs-field.no-padding-right {
    padding-right: 0;
}

.qs-field select,
.qs-field input[type="text"] {
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
    border-bottom: 1px solid #fff;
    letter-spacing: 0.1em;
    color: #fff;
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*font-size: 12px;
                        height: 28px;*/
    /*font-size: 0.750vw;*/
    /*height: 1.750vw;*/
    height: 30px;
    transition: border .3s ease, color .3s ease;
    font-size: 13px !important;
    text-overflow: ellipsis;
}

.qs-field .MultiCheckBoxDetail .cont {
    display: flex;
    padding-right: 5px;
}

.qs-field .MultiCheckBoxDetail {
    top: initial;
    bottom: 100%;
    white-space: nowrap;
    max-width: 250px;
    width: auto;
}

.qs-field.dropdown .MultiCheckBoxDetail {
    top: 100%;
    bottom: initial;
}

.qs-field select {
    /*padding-right: 17px;*/
    padding-right: 1.063vw;
    background-image: url(images/icon-dropdown.png);
    background-repeat: no-repeat;
    /*background-position: calc(100% - 10px) center;*/
    background-position: calc(100% - 0.625vw) center;
    padding: 0 5px;
}

#quick-search .qs-field select {
    max-height: 23px;
}

.sb-qs .qs-field select {
    max-height: 17px;
}

.qs-field select option {
    color: #000;
}

.qs-field select:focus,
.qs-field input[type="text"]:focus {
    border-color: #e11b22;
}

.qs-field.qs-btn {
    /*width: 37.4%;*/
    width: 21%!important;
    /*padding-left: 20px;*/
    padding-left: 1.250vw;
    margin-bottom: 0;
    display: inline-flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.qs-btn input {
    /*height: 40px;
                        font-size: 13px;*/
    height: 2.500vw;
    font-size: 0.813vw;
    border: 1px solid #fff;
    background: transparent;
    outline: none;
    border-radius: 10px;
    letter-spacing: 0.2em;
    color: #fff;
    text-transform: uppercase;
    transition: all .3s ease;
}

.qs-btn input:hover,
.qs-btn input:focus {
    background: #e11b22;
    border-color: #e11b22;
}

.qs-btn input[type="reset"] {
    width: 35%!important;
    align-self: flex-start;
    padding: 0!important;
    margin: 0!important;
}

.qs-btn input[type="reset"] {
    background: unset;
    border: 1px solid #fff;
}

.qs-btn input[type="reset"]:hover {
    background: #e11b22;
}

.qs-btn input[type="submit"] {
    /*width: 53.6%;*/
    width: 39%!important;
    align-self: flex-start;
    margin-right: 0!important;
    padding: 0!important;
    background: #e11b22;
    border: unset;
}

button.qs-expand-btn {
    background: transparent;
    font-size: 20px;
    color: #fff;
    border: none;
    outline: none;
}

button.qs-expand-btn[aria-expanded="true"] i {
    transform: rotate(-180deg);
}

button.qs-expand-btn i {
    display: block;
}


/*1 line qs*/

div#slideshow > form.idx-omnibar-form {
    /*  display: none;*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 690px;
}

div#slideshow .idx-omnibar-form button {
    width: 118px !important;
}

div#slideshow input#omnibar {
    border-radius: 20px;
    height: 40px;
    border: 1px solid lightgray;
    /* z-index: -1; */
    position: relative;
    width: 100%;
    font-size: 20px;
    padding: 5px 10px 5px 50px;
    border: 0;
    /* border-radius: 10px; */
    height: 50px;
}

div#slideshow .idx-omnibar-form button {
    -webkit-appearance: button;
    cursor: pointer;
    /* width: 56px !important;*/
    height: 33px;
    border-radius: 10px;
    border: none;
    font-size: 15px !important;
    background-color: transparent;
    margin-top: -42px;
    z-index: 999999;
    position: relative;
}

div#slideshow .idx-omnibar-form input[placeholder] {
    width: 100% !important;
}

div#slideshow .awesomplete {
    width: 100% !important;
}


/*end*/


/*section 2*/

section.section-2 {
    position: relative;
}

#interactive-map-search {
    padding: 111px 20px 20px;
}

.section-title-wrap {
    text-align: center;
}

.section-title {
    display: inline-block;
    font-family: 'Barlow Semi Condensed', sans-serif;
    line-height: 1;
    text-transform: uppercase;
    text-align: right;
}

.section-title-wrap span {
    display: inline-block;
    font-weight: 500;
    font-size: 45px;
    letter-spacing: 0.2em;
    color: #333333;
    position: relative;
    margin-right: -5px;
}

.section-title-wrap span:before,
.section-title-wrap span:after {
    content: '';
    position: absolute;
    right: 100%;
    height: 5px;
    width: 250px;
    background: #bfbfbf;
    top: 3px;
    bottom: 0;
    margin: auto;
    margin-right: 14px;
}

.section-title-wrap span:after {
    left: 100%;
    right: initial;
    margin-right: 0;
    margin-left: 14px;
}

.section-title-wrap strong {
    display: block;
    font-weight: 600;
    font-size: 90px;
    color: #0054a4;
    text-align: center;
    line-height: 0.87;
    letter-spacing: -0.01em;
}

.ims-map {
    position: relative;
    margin-top: 66px;
    border-radius: 10px;
    overflow: hidden;
}

.ims-map img {
    display: block;
    width: 100%;
    height: auto;
}


/*section 3*/

section.section-3 {
    position: relative;
    background: url(images/bg-cta.jpg) center/cover no-repeat;
}

#call-to-action {
    position: relative;
    background: rgba(247, 247, 247, 0.9);
    padding: 160px 0;
}

.cta {
    width: 342px;
    max-width: 100%;
    margin: 15px auto;
    position: relative;
}

.cta-img {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
}

.cta-img canvas {
    display: block;
    width: 100%;
    min-height: 400px;
    background-position: center;
    background-size: cover;
    transition: all .3s ease;
}

.cta-img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(51, 51, 51, 0.5);
    transition: all .3s ease;
    z-index: 1;
}

.cta-details {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    z-index: 1;
}

.cta-details h2 {
    font-family: 'Barlow Semi Condensed', Sans-serif;
    font-size: 80px;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
    transition: color .3s ease;
}

.cta-details h2 span {
    display: block;
    font-weight: 400;
    font-size: 40px;
    letter-spacing: 0.05em;
    margin-top: -4px;
}

.cta-details p {
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 0.025em;
    line-height: 25px;
    max-width: 75%;
    margin: 28px auto 0;
    transition: color .3s ease;
}

.cta-details .btn-a {
    border-color: #fff;
    color: #fff!important;
    margin: 37px auto 0;
}

.cta-details .btn-a:before {
    background: #fff;
}

.cta:hover .cta-img:before,
.cta:focus .cta-img:before {
    background: rgba(255, 255, 255, 0.7)
}

.cta:hover .cta-img canvas,
.cta:focus .cta-img canvas {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.cta:hover .cta-details h2,
.cta:focus .cta-details h2 {
    color: #0054a4;
}

.cta:hover .cta-details h2 span,
.cta:focus .cta-details h2 span {
    color: #333333;
    transition: color .3s ease;
}

.cta:hover .cta-details p,
.cta:focus .cta-details p {
    color: #333333;
}

.cta:hover .cta-details .btn-a,
.cta:focus .cta-details .btn-a {
    background: #e11b22;
    border-color: #e11b22!important;
}

.cta:hover .cta-details .btn-a:before,
.cta:focus .cta-details .btn-a:before {
    background: #e11b22!important;
}


/*section 4*/

section.section-4 {
    position: relative;
}

#obx-areas {
    padding: 98px 0;
}

#obx-areas .section-title-wrap {
    margin-bottom: 45px;
}

#obx-areas .section-title-wrap strong {
    color: #333333;
    position: relative;
}

#obx-areas .section-title-wrap span {
    color: #0054a4;
    margin-top: 8px;
    /*margin-right: 5px;*/
}

#obx-areas .section-title {
    text-align: center;
}

#obx-areas .section-title strong:before,
#obx-areas .section-title strong:after,
#featured-properties .section-title-wrap strong:before,
#featured-properties .section-title-wrap strong:after {
    content: '';
    position: absolute;
    right: 100%;
    height: 5px;
    width: 250px;
    background: #bfbfbf;
    top: 3px;
    bottom: 0;
    margin: auto;
    margin-right: 14px;
}

#obx-areas .section-title strong:after,
#featured-properties .section-title-wrap strong:after {
    left: 100%;
    right: initial;
    margin-right: 0;
    margin-left: 14px;
}

#obx-areas .section-title-wrap span:before,
#obx-areas .section-title-wrap span:after,
#featured-properties .section-title-wrap span:before,
#featured-properties .section-title-wrap span:after {
    display: none;
}

.obx-list {
    position: relative;
}

.obx-item {
    width: 25%;
    padding: 10px;
}

.obx-item a {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.obx-img {
    position: relative;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.obx-img canvas {
    display: block;
    width: 100%;
    background-position: center;
    background-size: cover;
    transition: all .3s ease;
}

.obx-img:before,
.obx-img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 5px;
    z-index: 1;
    transition: all .3s ease;
}

.obx-img:before {
    background: rgba(0, 0, 0, 0.4);
}

.obx-img:after {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    border: 1px solid #fff;
}

.obx-item a:hover .obx-img canvas,
.obx-item a:focus .obx-img canvas {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.obx-item a:hover .obx-img:before,
.obx-item a:focus .obx-img:before {
    background: rgba(255, 255, 255, 0.7);
}

.obx-item a:hover .obx-img:after,
.obx-item a:focus .obx-img:after {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.obx-details {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 25px;
    font-weight: 400;
    letter-spacing: 0.2em;
    line-height: 1.2;
    color: #fff;
    text-transform: uppercase;
    z-index: 1;
    transition: all .3s ease;
}

.obx-item a:hover .obx-details {
    color: #0054a4;
    font-weight: 700;
}


/*section 5*/

section.section-5 {
    position: relative;
}

#featured-properties {
    padding: 34px 0 16px;
}

#featured-properties .section-title-wrap {
    margin-bottom: 91px;
}

#featured-properties .section-title {
    text-align: center;
}

#featured-properties .section-title-wrap strong {
    color: #333333;
    position: relative;
}

#featured-properties .section-title-wrap span {
    color: #0054a4;
    margin-top: 8px;
    /*margin-right: 5px;*/
}

#featured-properties .IDX-showcaseTable {
/*    opacity: 0;*/
}

#featured-properties a.btn-a,
.fp-list[data-id] ~ a.btn-a.btn-center {
    margin: 20px auto 30px;
    width: 220px;
}

.fp-list {
    font-size: 0;
    padding: 0 16px;
}

.fp-list[data-id] .fp {
    /*width: 20%;*/
    width: 33.33333333333333333%;
}

.fp-img canvas {
    min-height: 210px;
    border-radius: 10px;
}

.fp-details {
    text-align: center;
    padding-bottom: 15px;
}

.fp .fp-address {
    font-size: 26px!important;
    line-height: 1;
    text-overflow: ellipsis;
}

.fp-city {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    letter-spacing: 0.1em;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.fp-city div {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.fp-price {
    font-family: 'Roboto', sans-serif;
    font-size: 17.28px;
    letter-spacing: 0.1em;
    line-height: 1;
    margin-bottom: 10px!important;
}

.fp-amenities,
.fp-date-status,
.fp-subdivision {
    font-size: 11.23px;
    letter-spacing: 0.2em;
    line-height: 1;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    margin-top: 4px;
}

.fp-amenities {}

.fp-amenities span:first-child {
    margin-left: 0;
}

.fp-amenities span:last-child {
    margin-right: 0;
}

.fp-amenities span {
    display: inline-block;
    margin: 0 5px;
}

.fp-date-status {}

.fp-subdivision {}

.fp-prop-status-badges {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-flow: column wrap;
}

.fp-prop-status-badges span.status-badge {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    letter-spacing: 0.1em;
    line-height: 1;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    min-width: 100px;
    padding: 7px 9px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 5px;
}

.fp-prop-status-badges span.status-badge.active {
    background: #197b30;
}

.fp-prop-status-badges span.status-badge.sold {
    background: #e11b22;
}

.fp-prop-status-badges span.status-badge.under-contract {
    background: #0054a4;
    /*background: #c88300;*/
}

.fp-prop-status-badges span.sale-badge {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    letter-spacing: 0.1em;
    line-height: 1;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    min-width: 100px;
    padding: 7px 9px;
    font-family: 'Roboto', sans-serif;
    /*background: #8dc63f;*/
    background: #0054a4;
}

.fp-prop-status-badges span.sale-badge.price-reduction {
    /*background: #00aeef;*/
    background: #0054a4;
}

.fp {
    /*width: 20%;*/
    width: 33.3%;
    padding: 3px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.fp a {
    display: block;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.50);
}

.fp-img {
    position: relative;
    overflow: hidden;
}

.fp .fp-img {
    border: none!important;
}

.fp-img canvas {
    display: block;
    width: 100%;
    background-position: center;
    background-size: auto 102%;
    transition: all .3s ease;
    position: relative;
    z-index: 1;
}

.fp-img:before,
.fp-img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all .3s ease;
    z-index: 2;
}

.fp-img:before {
    background: url(images/overlay-fp-hover.png) bottom/auto 100% repeat-x;
    /*opacity: 0.7;*/
}

.fp-img:after {
    background: rgba(255, 255, 255, 0.5);
    opacity: 0;
}

.fp a:hover .fp-img canvas,
.fp a:focus .fp-img canvas {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.fp a:hover .fp-img:before,
.fp a:hover .fp-img:after,
.fp a:focus .fp-img:before,
.fp a:focus .fp-img:after {
    opacity: 1;
}

.fp-details {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    padding: 0 15px 15px;
    z-index: 2;
}

.fp-address {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    font-size: 26px;
    line-height: 1;
    margin-bottom: 16px;
}


/*fp upper details*/

.fp-mlsid,
.fp-prop-status {
    font-size: 17px !important;
    margin-bottom: 12px;
    overflow: hidden !important;
    white-space: nowrap !important;
    max-width: 24ch;
    line-height: 1.3;
}

.fp-prop-status {
    top: 14px;
    /*position: absolute;*/
    z-index: 99999;
    /* width: 115px; */
    color: #fff;
    margin: 20px;
    font-size: 12px;
    /* width: 103%; */
    /* background-color: #ccc; */
}


/*end*/

.post-type-archive-communities .fp-address {
    text-align: center;
}

.fp-status {
    font-weight: 300;
    font-size: 16px;
    line-height: 14;
    letter-spacing: 0.1em;
}

.fp-listID {
    font-weight: 300;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.1em;
    margin-bottom: 23px;
}

.fp-price {
    font-weight: 300;
    font-size: 17px;
    line-height: 1;
    letter-spacing: 0.1em;
    margin-bottom: 23px;
}

.fp-beds {
    font-weight: 300;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.1em;
    margin-bottom: 23px;
}

.fp-baths {
    font-weight: 300;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.1em;
    margin-bottom: 23px;
}

.fp-details .btn-a {
    border-color: #fff;
    color: #fff!important;
    width: 159px;
    height: 43px;
    font-size: 11px;
    display: none;
}

.fp-details .btn-a:before {
    background: #fff;
}

.fp a:hover .fp-details .btn-a,
.fp a:focus .fp-details .btn-a {
    background: #e11b22;
    border-color: #e11b22!important;
}

.fp a:hover .fp-details .btn-a:before,
.fp a:focus .fp-details .btn-a:before {
    background: #e11b22!important;
}

.fp-arrows {
    margin-top: 61px;
}

.fp-arrows button.slick-arrow {
    background: transparent;
    border: none;
    padding: 0;
    font-size: 0;
    margin: 0 59px;
    outline: none;
}

.fp-arrows button.slick-arrow svg {
    width: 30px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 19px;
}

.fp-arrows button.slick-arrow svg g {
    fill: #e11b22;
    transition: all .3s ease;
}

.fp-arrows button.slick-next svg {
    position: relative;
    transform: rotate(180deg);
}

.fp-arrows button.slick-arrow span {
    font-size: 13px;
    letter-spacing: 0.2em;
    color: #e11b22;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    transition: color .3s ease;
}

.fp-arrows button.slick-arrow:hover svg g,
.fp-arrows button.slick-arrow:focus svg g {
    fill: #0054a4;
}

.fp-arrows button.slick-arrow:hover span,
.fp-arrows button.slick-arrow:focus span {
    color: #0054a4;
}

section.section-6 {
    position: relative;
}

#welcome-section {
    position: relative;
}

.welcome-left {
    margin-bottom: 100px;
    position: relative;
    z-index: 1;
    padding-top: 95px;
}

.welcome-left:before,
.welcome-left:after {
    content: '';
    position: absolute;
    top: 0;
    left: calc( (1140px - 100vw) / 2);
    bottom: 0;
    right: 38px;
}

.welcome-left:before {
    background: url(images/bg-welcome-a.jpg) center/cover no-repeat;
    border-bottom-right-radius: 10px;
}

.welcome-left:after {
    background: url(images/overlay-welcome-bg-a.png) top left/auto 100% repeat-x;
}

.welcome-img {
    text-align: right;
    margin-right: -22px;
    position: relative;
    z-index: 1;
}

.welcome-img img {
    display: block;
    max-width: 100%;
    margin-left: auto;
    height: auto;
}

.welcome-right {
    padding: 120px 0 85px;
    position: relative;
}

.welcome-right:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: calc( (1140px - 100vw) / 2);
    left: -168px;
    border-bottom-left-radius: 10px;
    background: url(images/bg-welcome-b.jpg) center/cover no-repeat;
}

.welcome-text {
    text-align: center;
    max-width: 555px;
    margin: 0 15px 0 auto;
    position: relative;
}

.welcome-logo {
    text-align: center;
    margin-bottom: 43px;
}

.welcome-logo h1 {
    display: inline-block;
    text-align: left;
}

.welcome-logo h1 strong {
    display: block;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 40px;
    letter-spacing: 0.05em;
    line-height: 1;
    color: #666666;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 13px;
}

.welcome-text p {
    font-weight: 300;
    letter-spacing: 0.02em;
    line-height: 28px;
    margin: 28px 0;
}

.welcome-text a.btn-a {
    margin-top: 52px;
}


/*section 6*/

section.section-6 {
    position: relative;
}

#why-work-with-us {
    position: relative;
    padding: 98px 0 0;
}

.wwwu-img {
    margin-right: -15px;
}

.wwwu-img img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.wwwu-text {
    background: #f7f7f7;
    margin-left: -15px;
    border-radius: 10px;
    padding: 84px 120px 95px 100px;
}

.wwwu-text .section-title-wrap {
    padding-right: 13%;
    margin-bottom: 69px;
}

.wwwu-text .section-title-wrap span:after {
    display: none;
}

.wwwu-text ul {}

.wwwu-text ul li,
.wwwu-text p {
    font-weight: 300;
    letter-spacing: 0.025em;
    line-height: 25px;
    margin: 35px 0;
}

.wwwu-text ul li {
    padding-left: 40px;
    position: relative;
}

.wwwu-text ul li:before {
    content: "\b0246";
    font-family: agentimage!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    border: 2px solid #666666;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 8px;
    font-weight: 700;
    left: 1px;
    top: 1px;
    line-height: 1;
    padding-top: 1px;
    transform: rotate(45deg);
    color: #666666;
}

.wwwu-text a.btn-a {
    margin-top: 69px;
}


/*section 8*/

section.section-8 {
    position: relative;
}

#what-our-clients-are-saying {
    padding: 100px 0 120px;
}

.wocas-img {
    margin-right: -15px;
}

.wocas-img img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.wocas-title {
    margin-left: -15px;
    border-top-right-radius: 10px;
    background: #0054a4 url(images/icon-qoute-testimonials.png) -18px -20px no-repeat;
    margin-top: 100px;
    max-width: 599px;
    padding: 109px 0 98px;
}

.wocas-title .section-title-wrap {}

.wocas-title .section-title {}

.wocas-title .section-title span,
.wocas-title .section-title strong {
    color: #fff;
    text-align: right;
}

.wocas-title .section-title span:before {
    background: #bfbfbf;
    width: 200px;
}

.wocas-title .section-title span:after {
    display: none;
}

.testi-box {
    border-radius: 10px;
    background: #fff url(images/bg-testimonials.jpg) center/cover no-repeat;
    /*min-height: 500px;*/
    margin-left: -415px;
    padding: 116px 0 84px;
    position: relative;
}

.testi-list {
    max-width: 650px;
    margin: 0 auto;
}

.testi ~ .testi {
    display: none;
}

.testi {
    text-align: center;
}

.testi p {
    font-weight: 300;
    line-height: 25px;
    letter-spacing: 0.025em;
    color: #666666;
}

.testi span {
    display: block;
    font-size: 25px;
    letter-spacing: 0.1em;
    line-height: 1;
    color: #0054a4;
    margin-top: 52px;
}

.testi a.btn-a {
    margin: 73px auto 0;
}

.testi-box button.slick-arrow {
    background: transparent;
    border: none;
    padding: 0;
    font-size: 0;
    outline: none;
    height: 14px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    position: absolute;
}

.testi-box button.slick-prev {
    left: 3.8%;
}

.testi-box button.slick-next {
    right: 3.8%;
}

.testi-box button.slick-arrow svg {
    width: 30px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 19px;
}

.testi-box button.slick-arrow svg g {
    fill: #999999;
    transition: all .3s ease;
}

.testi-box button.slick-next svg {
    position: relative;
    transform: rotate(180deg);
}

.testi-box button.slick-arrow span {
    font-size: 13px;
    letter-spacing: 0.2em;
    color: #999999;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    transition: color .3s ease;
}

.testi-box button.slick-arrow:hover svg g,
.testi-box button.slick-arrow:focus svg g {
    fill: #e11b22;
}

.testi-box button.slick-arrow:hover span,
.testi-box button.slick-arrow:focus span {
    color: #e11b22;
}

section.section-9 {
    position: relative;
    padding: 0 20px;
    z-index: 0;
}

#join-our-network {
    background: url(images/bg-join-our-network.jpg) center/cover no-repeat;
    position: relative;
    z-index: 1;
    border-radius: 10px;
    /*min-height: 650px;*/
    padding: 81px 0 125px;
}

#join-our-network:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    opacity: 0.9;
    z-index: -1;
}

#join-our-network .container {
    max-width: 100%;
    opacity: 1;
}

#join-our-network .section-title-wrap {
    text-align: center;
    margin-bottom: 49px;
}

#join-our-network .section-title {
    text-align: center;
}

.jon-form {
    font-size: 0;
    max-width: 820px;
    margin: 0 auto;
    position: relative;
}

.jon-field-half {
    width: 33.33%;
    margin-bottom: 52px;
}

.jon-field-half-left {
    padding-right: 20px;
}

.jon-field-half-right {
    padding-left: 20px;
}

.jon-field-full {
    width: 100%;
}

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

.jon-field input,
.jon-field textarea {
    width: 100%!important;
    height: 48px!important;
    border: none!important;
    outline: none;
    border-radius: 0!important;
    border-bottom: 1px solid #666666!important;
    font-weight: 300;
    font-size: 13px;
    letter-spacing: 0.1em;
    line-height: 1.2;
    color: #666666;
    text-transform: uppercase;
    background: transparent;
}

.jon-field textarea {
    resize: none;
    padding-top: 6px;
}

.jon-form .btn-a {
    margin: 74px auto 0;
    position: relative;
}

.jon-form .btn-a input {
    position: absolute;
    width: 100% !important;
    height: 100%!important;
    outline: none;
    border: none!important;
    background: transparent;
    border-radius: 10px!important;
    left: 0;
    top: 0;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-top: 0;
}

.jon-form .btn-a .ajax-loader {
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: auto!important;
}

.jon-form .wpcf7-response-output {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    font-size: 15px;
    text-align: center;
    margin: 15px auto 0!important;
    letter-spacing: 0.025em;
}

.jon-form span.wpcf7-not-valid-tip {
    font-size: 13px;
}

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

footer.footer {
    /*min-height: 684px;*/
    position: relative;
    padding: 93px 0 0;
}

.footer-logo {
    text-align: center;
    font-size: 0;
    padding-right: 3%;
    margin-bottom: 43px;
}

.main-logo {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    text-align: right;
}

.main-logo img {
    display: block;
    max-width: 100%;
    height: auto;
}

.main-logo span {
    display: block;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 55px;
    line-height: 1;
    letter-spacing: -0.018em;
    color: #0054a4;
    text-transform: uppercase;
    font-weight: 600;
}

.footernav {
    margin: 0 -30px;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    text-align: center;
    padding: 29px 0 19px;
    display: block!important;
}

.footernav > li {
    display: inline-block;
    vertical-align: top;
    min-width: 140px;
}

.footernav > li > a {
    font-size: 14px;
    letter-spacing: 0.08em;
    line-height: 1.2;
    color: #0054a4;
    text-transform: uppercase;
    font-weight: 500;
    transition: color .3s ease;
}

.footernav > li ul {
    margin-top: 34px;
}

.footernav li ul li a {
    font-weight: 300;
    font-size: 12px;
    /*letter-spacing: 0.06em;*/
    line-height: 1.2;
    color: #8c8c8c;
    text-transform: uppercase;
    transition: color .3s ease;
}

.footernav > li ul li {
    margin-bottom: 13px;
}

.footernav > li ul li:last-child {
    margin-bottom: 0;
}

.footernav > li > a:hover,
.footernav > li > a:focus,
.footernav li ul li a:hover,
.footernav li ul li a:focus {
    color: #e11b22;
}

.footer-copyright {
    text-align: center;
    font-weight: 300;
    font-size: 13px;
    letter-spacing: 0.05em;
    line-height: 1.2;
    color: #666666;
    padding: 37px 0 26px;
}

.footer-copyright span {
    display: block;
    font-size: 23px;
    color: #666666;
    margin-top: 17px;
    letter-spacing: -.02em;
}

.footer-copyright a {
    transition: color .3s ease;
}

.footer-copyright a:hover,
.footer-copyright a:focus {
    color: #e11b22;
}

.footer-copyright p {
    margin-bottom: 20px;
}


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

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

.ip-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 150px;
    background: url(images/overlay-slideshow.png) 0 0 repeat-x;
    z-index: 2;
    display: block;
}

.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) */

.post-page-property-details #content .entry-title span,
#content .archive-title span {
    display: none;
}

#content .entry-title,
#content .archive-title {
    font-weight: 600;
    font-size: 90px;
    color: #0054a4;
    letter-spacing: -0.02em;
    line-height: 1;
    text-transform: uppercase;
    margin-top: 22px;
    background: transparent!important;
    border: none!important;
    padding: 0!important;
    border-radius: 0!important;
    height: auto!important;
    position: relative;
    font-family: 'Barlow Semi Condensed', sans-serif;
    line-height: 1!important;
    text-align: center;
    overflow: hidden;
}

#content .entry-title span,
#content .archive-title span {
    position: relative;
    display: inline-block;
}

#content .community-title {
    text-align: center;
}

#content .entry-title span:before,
#content .archive-title span:before,
#content .entry-title span:after,
#content .archive-title span:after,
#content .community-title span:before,
#content .community-title span:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    right: 100%;
    height: 5px;
    margin: auto 21px auto auto;
    background: #bfbfbf;
}

#content .entry-title span:after,
#content .archive-title span:after,
#content .community-title span:after {
    left: 100%;
    right: initial;
    margin-left: 21px;
    margin-right: initial;
}

#content .community-title:before {
    display: none;
    width: 1000px;
}

#content .community-title span {
    display: inline-block;
    position: relative;
}


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

#content .archive-subtitle {}

#content h2 {
    font-weight: 500;
    font-size: 45px;
    letter-spacing: 0.02em;
    line-height: 1;
}

#content h3 {
    font-weight: 700;
    font-size: 1.750vw;
    letter-spacing: 0.02em;
    line-height: 1;
    font-family: 'Barlow Semi Condensed', sans-serif;
}

#content p {
    font-weight: 300;
    letter-spacing: 0.02em;
    line-height: 1.9;
}


/*sidebar*/

.sb-qs {
    background: #0054a4;
    padding: 10px;
}

.sb-qs .qs-title {
    font-size: 30px;
    letter-spacing: 0;
    text-align: center;
    white-space: normal;
    margin: 0 0 10px;
}

.sb-qs .qs-form {
    padding-left: 0!important;
}

.sb-qs .qs-field {
    padding: 0 5px;
    margin: 5px 0;
}

.sb-qs .qs-field select,
.sb-qs .qs-field input,
.sb-qs .qs-field input[type="text"] {
    font-size: 11px;
}

.sb-qs .qs-lg {
    width: 100%;
}

.sb-qs .qs-xs {
    width: 50%;
}

.sb-qs .qs-field.qs-btn {
    width: 100%;
}

.sb-qs .qs-btn input[type="submit"],
.sb-qs .qs-btn a {
    width: 100%;
    /*border-color: #e11b22;
            color: #e11b22;*/
    margin-bottom: 10px;
    letter-spacing: 0.1em;
    height: 40px;
}

.sb-qs .qs-btn a {
    font-size: 11px;
    border: 1px solid #fff;
    background: transparent;
    outline: none;
    border-radius: 10px;
    color: #fff;
    text-transform: uppercase;
    transition: all .3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 0;
}

.sb-qs .qs-btn a:hover,
.sb-qs .qs-btn input:hover {
    background: #e11b22;
    border-color: #e11b22;
    color: #fff;
}

.sb-qs .MultiCheckBoxDetail {
    bottom: initial !important;
}

.sb-logo {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 27px;
}

.sb-logo .main-logo span {
    font-size: 38px;
}

.sidebar .cta-img canvas {
    min-height: initial;
}

.sidebar .cta-details h2 {
    margin: 0;
    font-size: 60px;
}

.sidebar .cta-details h2 span {
    font-size: 30px;
}

#archive-communities .fc-details {
    line-height: 1;
}

.qs-wrap {
    position: absolute;
    top: 27%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    max-width: 525px;
    width: 100%;
}

.qs-float-form {
    position: relative;
}

.qs-float-form .qs-float-text {
    width: 100%;
    font-size: 20px;
    padding: 5px 10px 5px 50px;
    border: 0;
    border-radius: 10px;
    height: 50px;
}

.qs-float-sub {
    font-size: 0;
    width: 34px;
    height: 34px;
    border: 0;
    background-color: transparent;
    position: absolute;
    left: 7px;
    background-image: url('images/search-btn.png');
    background-repeat: no-repeat;
    background-size: contain;
    padding: 5px 10px;
    top: 8px;
    z-index: 9;
}


/*featured communities*/

section.featured-communities-area {
    position: relative;
    padding: 125px 0;
}

section.ip-featured-communities-area {
    position: relative;
    padding: 50px 0;
}

.fc-list {
    padding: 4px;
    position: relative;
}

.fc-list a {
    display: block;
    position: relative;
}

.fc-photo {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.fc-photo canvas {
    display: block;
    width: 100%;
    background: var(--primary-color);
    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;
}

.fc-list a:hover .fc-photo canvas {
    opacity: .9;
}

.fc-label {
    font-family: var(--primary-font);
    font-weight: 600;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 22px;
    text-align: center;
}

.fc-label span {
    font-weight: 600;
}

.fc-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.fc-holder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -110px;
    font-size: 0;
}

.ip-featured-communities-area .fc-holder {
    margin: 0 auto !important;
}

.fc-col1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 49%;
}

.fc-col1 .fc-list {
    width: 50%;
}

.fc-col1 .fc-list:first-child {
    width: 100%;
}

.fc-col2 {
    width: 26.5%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.fc-col2 .fc-list a,
.fc-col2 .fc-photo,
.fc-col2 .fc-photo canvas {
    height: 100%
}

.fc-col3 {
    width: 24.5%;
}

.fc-list.fc-title {
    position: relative;
}

.fc-title {
    font-size: 27px;
    text-transform: uppercase;
    font-weight: 300;
    font-family: var(--primary-font);
    color: var(--secondary-color);
    line-height: 1.15;
    position: relative;
    text-align: center;
}

.fc-title span {
    display: block;
    font-weight: 600;
}

.fc-title-inner {
    position: absolute;
    top: 0;
    left: 0;
    padding: 4px;
    width: 100%;
    height: 100%;
}

.fc-title-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: solid 1px #ded1c1;
    height: 100%;
}

.fc-col3 .fc-list {
    height: calc(100% / 3);
}


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

select#cityzip,
button.btn.dropdown-toggle.btn-default,
button.btn.dropdown-toggle.btn-default:active,
button.btn.dropdown-toggle.btn-default:hover,
button.btn.dropdown-toggle.btn-default:focus {
    width: 100%;
    font-size: 20px;
    padding: 5px 10px 5px 50px;
    border: 0;
    border-radius: 10px;
    height: 50px;
    border-radius: 20px;
    height: 40px;
    border: 1px solid lightgray;
}

.bootstrap-extend-right {
    margin-right: calc((100vw - 1140px) / -2);
}

.bootstrap-extend-left {
    margin-left: calc((100vw - 1140px) / -2);
}

#content p {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.view-more a {
    margin: auto;
}

span.select2-selection.select2-selection--multiple {
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
    border-bottom: 1px solid #fff;
    letter-spacing: 0.1em;
    color: #fff;
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 0.750vw;
    height: 1.750vw;
    transition: border .3s ease, color .3s ease;
}

select.a_propSubType.select2-hidden-accessible {
    /* padding-right: 17px; */
    padding-right: 1.063vw;
    background-image: url(images/icon-dropdown.png);
    background-repeat: no-repeat;
    /* background-position: calc(100% - 10px) center; */
    background-position: calc(100% - 0.625vw) center;
    padding: 0 5px;
}

.qs-field span.select2-selection.select2-selection--multiple {
    padding: 0 !important;
    border: 0;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    line-height: 1.750vw;
    min-height: auto;
}

.qs-field span.select2-selection.select2-selection--multiple > ul {
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}

.qs-field span.select2-selection.select2-selection--multiple > ul > li {
    background: transparent;
    border: 0;
    margin: 0;
}

.qs-field span.select2-selection.select2-selection--multiple > ul > li button.select2-selection__choice__remove {
    display: none;
}

.qs-field span.select2-selection.select2-selection--multiple > .select2-search {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    height: 100%;
}

.qs-field span.select2-selection.select2-selection--multiple > .select2-search > input {
    margin: 0;
}

.single-communities #inner-page-wrapper {
    padding-top: 0;
}

#inner-page-wrapper {
    padding: 55px 0 0;
}

#inner-page-wrapper > .container {
    max-width: 100%;
}


/*custom idx contact form*/

.idx-custom-contact-form {
    position: relative;
    font-size: 0;
    font-family: 'Roboto', sans-serif;
}

.idx-custom-contact-form-field.field-half {
    width: 50%;
}

.idx-custom-contact-form-field.field-full {
    width: 100%;
}

.idx-custom-contact-form-field.field-3-col {
    width: 33.33%;
}

.idx-custom-contact-form-field {
    display: inline-block;
    vertical-align: top;
    padding: 0 4.5px;
    margin: 4.5px 0;
}

.idx-custom-contact-form-field input,
.idx-custom-contact-form-field textarea,
.idx-custom-contact-form-field select {
    width: 100%;
    height: 40px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    background: #fff;
    font-size: 13px;
    letter-spacing: 0.2em;
    color: #808080;
    text-transform: uppercase;
    padding: 2px 18px 0;
}

.idx-custom-contact-form-field textarea {
    height: 130px;
    padding-top: 9px;
    resize: none;
}

.idx-custom-contact-form-button {
    text-align: center;
    margin-top: 18px;
}

.idx-custom-contact-form-button input[type="submit"],
.idx-custom-contact-form-button input[type="button"],
.idx-custom-contact-form-button input[type="reset"],
.idx-custom-contact-form-button button,
.idx-custom-contact-form-button a {
    display: inline-block;
    vertical-align: top;
    width: 210px!important;
    height: 40px;
    margin: 0 5px 10px;
    border-radius: 10px;
    background: #e11b22;
    color: #fff;
    font-size: 13px!important;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    border: none;
    transition: all .3s ease;
}

.idx-custom-contact-form-button a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.idx-custom-contact-form-button input[type="submit"]:hover,
.idx-custom-contact-form-button input[type="button"]:hover,
.idx-custom-contact-form-button input[type="reset"]:hover,
.idx-custom-contact-form-button button:hover,
.idx-custom-contact-form-button a:hover {
    background: #0054a4;
}

.idx-custom-contact-form-button span.ajax-loader {
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: auto;
}

.idx-custom-contact-form .wpcf7-response-output {
    font-size: 13px;
    text-align: center;
    margin-top: 5px!important;
}

.idx-custom-contact-form span.wpcf7-not-valid-tip {
    font-size: 13px;
}

.idx-custom-contact-form span.wpcf7-form-control-wrap {
    display: block;
}

.qs-field .MultiCheckBoxDetailHeader {
    display: none;
}

.idx-custom-contact-form-field .wpcf7-checkbox,
.idx-custom-contact-form-field .wpcf7-radio {
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-flow: row wrap;
    padding: 8px 20px;
}

.idx-custom-contact-form-field .wpcf7-checkbox .wpcf7-list-item,
.idx-custom-contact-form-field .wpcf7-radio .wpcf7-list-item {
    position: relative;
    display: inline-block;
    margin-right: 30px;
}

.idx-custom-contact-form-field .wpcf7-checkbox .wpcf7-list-item label,
.idx-custom-contact-form-field .wpcf7-radio .wpcf7-list-item label {
    display: flex;
    align-items: center;
    position: relative;
}

.idx-custom-contact-form-field .wpcf7-checkbox .wpcf7-list-item label input,
.idx-custom-contact-form-field .wpcf7-radio .wpcf7-list-item label input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.idx-custom-contact-form-field .wpcf7-checkbox .wpcf7-list-item span:before,
.idx-custom-contact-form-field .wpcf7-radio .wpcf7-list-item span:before {
    content: '';
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 30px;
    height: 30px;
    border-radius: 10px;
    border: 1px solid #cccccc;
}

.idx-custom-contact-form-field .wpcf7-checkbox .wpcf7-list-item input:checked ~ span:before,
.idx-custom-contact-form-field .wpcf7-radio .wpcf7-list-item input:checked ~ span:before {
    background: #e11b22;
    border-color: #e11b22;
}

.idx-custom-contact-form-field .wpcf7-checkbox .wpcf7-list-item span,
.idx-custom-contact-form-field .wpcf7-radio .wpcf7-list-item span {
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    letter-spacing: 0.025em;
    line-height: 1.2;
    color: #404040;
    text-transform: uppercase;
    padding-left: 40px;
}

span.idx-custom-contact-form-field-label {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    letter-spacing: 0.2em;
    color: #808080;
    text-transform: uppercase;
    padding: 5px 20px 0;
}

.idx-custom-contact-form-note {
    padding: 0 4.5px;
    margin: 11px 0 25px;
    font-family: 'Roboto', sans-serif;
    font-style: italic;
    font-size: 13px;
    letter-spacing: 0.015em;
    color: #808080;
    line-height: 22px;
    text-align: center;
}

.idx-custom-contact-form-button.btn-half {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
}

.idx-custom-contact-form-button.btn-half input[type="submit"],
.idx-custom-contact-form-button.btn-half input[type="button"],
.idx-custom-contact-form-button.btn-half input[type="reset"],
.idx-custom-contact-form-button.btn-half button {
    width: calc(50% - 10px)!important;
}

.cusidx-broker-disclaimer {
    text-align: center;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.025em;
    line-height: 1.2;
    color: #808080;
    font-size: 13px;
    margin-bottom: 48px;
}

.cusidx-broker-disclaimer a {
    font-weight: 600;
    text-decoration: underline;
}

.idx-custom-contact-form-note-2 {
    font-weight: 300;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.05em;
    line-height: 23px;
    color: #333333;
    padding: 0 6px;
    margin: 20px 0 5px;
}


/*custom idx contact form*/

#content p#breadcrumbs {
    text-align: left!important;
    font-size: 12px;
    font-family: 'Roboto', Arial, sans-serif;
    letter-spacing: 0.1em;
    color: #bfbfbf;
    text-transform: uppercase;
    max-width: 1140px;
    margin: 0 auto 53px;
}

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

#listings-details.listings-wrap {
    margin: 0 -15px;
}

.post-page-aios-custom-idx-broker-details-page #content p#breadcrumbs {
    display: none;
}

.header #nav {
    text-align: center;
}

.qs-mobile {
    display: none;
}

#content-sidebar #content {
    float: left;
    width: 77.08%;
    padding-right: 50px !important;
}

.sidebar {
    width: 22.8% !important;
}

body > div[style*="width: 54%"] {
    width: 100%!important;
    margin-left: auto!important;
    margin-right: auto!important;
    max-width: 1170px;
    padding: 0 15px;
}


/*IDX Login : START*/

.post-page-idxb-global-wrapper #content .entry-title {
    /*display: block!important;*/
    display: none;
}

.post-page-idxb-global-wrapper #content .entry-title span {
    display: inline-block!important;
}

.post-page-idxb-global-wrapper #breadcrumbs a {
    font-weight: 400;
    text-decoration: none!important;
}

.post-page-idxb-global-wrapper #content #IDX-userSignupText {
    font-size: 13px;
    font-weight: 400!important;
}

div#IDX-main.IDX-page-usersignup div#IDX-Subheader {
    max-width: 800px;
    margin: 0 auto;
}

div#IDX-main.IDX-page-userlogin,
div#IDX-main.IDX-page-usersignup,
div#IDX-forgotPassWrapper {
    text-align: center;
}

#content .IDX-page-userlogin div#IDX-leadLoginForm p,
#content .IDX-page-usersignup div#IDX-signupForm p,
#content div#IDX-forgotPassWrapper p {
    text-align: center!important;
    font-size: 13px;
    padding: 0!important;
    margin-left: 0!important;
}

#content #IDX-forgotPassHeader h3,
#IDX-forgotPassForm #IDX-emailAddress-group {
    width: 100%;
}

#content #IDX-forgotPassHeader ol {
    width: 330px;
    text-align: left;
    margin: 20px auto!important;
    padding: 0 15px;
    max-width: 100%;
}

.IDX-page-userlogin .IDX-additionalInfo,
.IDX-page-usersignup .IDX-additionalInfo {
    display: none;
}

#content .IDX-page-userlogin div#IDX-contactFormWrap,
#content .IDX-page-usersignup div#IDX-contactFormWrap {
    width: 100%;
    padding: 0;
    float: none;
    border: none;
    margin: 0;
}

.IDX-page-userlogin .IDX-control-group,
.IDX-page-usersignup .IDX-control-group,
#IDX-forgotPassForm .IDX-control-group {
    display: inline-block;
    vertical-align: bottom;
    padding: 0 4.5px;
    margin: 4.5px 0;
}

.IDX-page-userlogin .IDX-control-group input[type="text"],
.IDX-page-userlogin .IDX-control-group input[type="password"],
.IDX-page-userlogin .IDX-control-group input[type="tel"],
.IDX-page-userlogin .IDX-control-group input[type="email"],
.IDX-page-userlogin .IDX-control-group textarea,
.IDX-page-userlogin .IDX-control-group select,
.IDX-page-usersignup .IDX-control-group input[type="text"],
.IDX-page-usersignup .IDX-control-group input[type="password"],
.IDX-page-usersignup .IDX-control-group input[type="tel"],
.IDX-page-usersignup .IDX-control-group input[type="email"],
.IDX-page-usersignup .IDX-control-group textarea,
.IDX-page-usersignup .IDX-control-group select,
.IDX-signupLoginContent .IDX-control-group input[type="text"],
.IDX-signupLoginContent .IDX-control-group input[type="password"],
#IDX-forgotPassForm #IDX-emailAddress-group #IDX-emailAddress {
    width: 100%!important;
    height: 40px;
    border-radius: 10px;
    border: 1px solid #bbb;
    background: #fff;
    font-size: 13px;
    letter-spacing: 0.2em;
    color: #808080;
    text-transform: initial;
    padding: 2px 18px 0;
    margin: 0!important;
}

.IDX-signupLoginContent .IDX-control-group label {
    line-height: 1.7;
}

.IDX-page-userlogin label.IDX-control-label .IDX-required,
.IDX-page-usersignup label.IDX-control-label .IDX-required,
#IDX-emailAddress-group .IDX-control-label .IDX-required,
.IDX-signupLoginContent .IDX-control-group label .IDX-required {
    color: #ff0000 !important;
}


.IDX-signupLoginContent .IDX-control-group input[type="text"]::placeholder,
.IDX-signupLoginContent .IDX-control-group input[type="password"]::placeholder {
    font-size: 0;
}

#IDX-forgotPassForm #IDX-emailAddress-group #IDX-emailAddress {
    height: 40px!important;
}

#content .IDX-page-userlogin form#IDX-loginForm,
#content .IDX-page-usersignup form#IDX-signupForm,
#content #IDX-forgotPassForm {
    width: 500px;
    max-width: 100%;
    margin: 0 auto;
    background-color: #e8e8e8;
    padding: 25px;
    border-radius: 10px;
    border: 1px solid gray;
    font-size: 0;
}

.IDX-page-userlogin label.IDX-control-label,
.IDX-page-usersignup label.IDX-control-label,
#IDX-emailAddress-group .IDX-control-label {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    letter-spacing: 0.2em;
    color: #808080;
    text-transform: uppercase;
    padding: 5px 0px 0;
    text-align: left;
    font-weight: 400;
}

.IDX-page-userlogin label.IDX-control-label[for="IDX-password"]:after,
.IDX-page-usersignup label.IDX-control-label.IDX-control-label[for="IDX-password"]:after,
#IDX-emailAddress-group .IDX-control-label[for="IDX-password"]:after {
    content: '*';
    color: red !important;
    font-weight: bold;
}

#IDX-emailAddress-group .IDX-control-label {
    font-weight: 400!important;
}

.IDX-page-userlogin div#IDX-keepLoggedIn,
.IDX-page-usersignup div#IDX-keepLoggedIn {
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    letter-spacing: 0.2em;
    color: #808080;
    text-transform: uppercase;
    margin: 10px 0;
    padding: 0 4.5px;
}

.IDX-page-userlogin #IDX-email-group,
.IDX-page-userlogin #IDX-password-group,
.IDX-page-usersignup #IDX-firstName-group,
.IDX-page-usersignup #IDX-lastName-group,
.IDX-page-usersignup #IDX-email-group,
.IDX-page-usersignup #IDX-phone-group {
    width: 50%;
}

.IDX-page-usersignup #IDX-password-group {
    width: 100%;
}

.IDX-page-userlogin div#IDX-keepLoggedIn label.IDX-checkbox,
.IDX-page-usersignup div#IDX-keepLoggedIn label.IDX-checkbox {
    position: relative;
}

.IDX-page-userlogin div#IDX-keepLoggedIn label.IDX-checkbox input,
.IDX-page-usersignup div#IDX-keepLoggedIn label.IDX-checkbox input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
}

.IDX-page-userlogin div#IDX-keepLoggedIn label.IDX-checkbox span,
.IDX-page-usersignup div#IDX-keepLoggedIn label.IDX-checkbox span {
    position: relative;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    letter-spacing: 0.025em;
    line-height: 1.2;
    color: #404040;
    text-transform: uppercase;
    padding-left: 40px;
}

.IDX-page-userlogin div#IDX-keepLoggedIn label.IDX-checkbox span:before,
.IDX-page-usersignup div#IDX-keepLoggedIn label.IDX-checkbox span:before {
    content: '';
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 30px;
    height: 30px;
    border-radius: 10px;
    border: 1px solid gray;
    background-color: white;
}

.IDX-page-userlogin div#IDX-keepLoggedIn label.IDX-checkbox input:checked ~ span:before,
.IDX-page-usersignup div#IDX-keepLoggedIn label.IDX-checkbox input:checked ~ span:before {
    background: #e11b22!important;
    border-color: #e11b22!important;
}

.IDX-page-userlogin button#IDX-loginSubmit,
.IDX-page-usersignup button#IDX-submitBtn,
.IDX-signupLoginContent button#IDX-submitBtn,
#IDX-forgotPassForm .IDX-formActions button {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 10px)!important;
    height: 40px;
    margin: 0 5px 10px;
    border-radius: 10px;
    background: #e11b22;
    color: #fff;
    font-size: 13px!important;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    border: none;
    transition: all .3s ease;
}

.IDX-signupLoginContent button#IDX-submitBtn {
    width: 100% !important;
    margin: 0;
}

.IDX-page-userlogin button#IDX-loginSubmit:hover,
.IDX-page-usersignup button#IDX-submitBtn:hover,
.IDX-signupLoginContent button#IDX-submitBtn:hover,
#IDX-forgotPassForm .IDX-formActions button:hover {
    background: #0054a4;
}

.IDX-signupLoginContent {
    max-width: 600px;
    margin: 0 auto;
}

#IDX-registrationSignup.IDX-signupLoginContent .IDX-control-group {
    /*width: 100% !important;*/
    width: 49% !important;
    vertical-align: top;
    margin: 0;
    padding: 5px;
}
#IDX-registrationSignup.IDX-signupLoginContent #IDX-password-group {
    width: 100% !important;
}

.IDX-page-userlogin div#IDX-loginResponse,
.IDX-page-usersignup div#IDX-loginResponse {
    font-size: 12px;
    text-align: center;
}

#content .IDX-page-userlogin div#IDX-leadLoginForm p.IDX-errorMessage,
#content .IDX-page-usersignup div#IDX-leadSignUpFormContainer p.IDX-errorMessage,
#content .IDX-page-userlogin div#IDX-leadLoginForm p.IDX-successMessage,
#content .IDX-page-usersignup div#IDX-leadSignUpFormContainer p.IDX-successMessage {
    text-align: left!important;
    display: inline-block;
    margin-top: 0;
    font-size: 13px;
    font-weight: 300;
}

#content .IDX-page-usersignup div#IDX-leadSignUpFormContainer p.IDX-errorMessage,
#content .IDX-page-usersignup div#IDX-leadSignUpFormContainer p.IDX-successMessage {
    margin-bottom: 0;
}

#content .IDX-page-usersignup div#IDX-signupFormResponse {
    margin: 28px 0;
}

#content .IDX-page-usersignup div#IDX-Subheader-Page p,
#content .IDX-page-usersignup #IDX-leadSignUpFormContainer p {
    text-align: center!important;
}

#IDX-leadSignupContainer + div[style] {}

#IDX-leadSignupContainer + div[style] a,
#IDX-leadLoginContainer + div[style] a,
#IDX-forgotPassWrapper + div[style] a {
    margin-left: 0;
    font-weight: bold;
    text-decoration: underline !important;
}
.page-id-5152 #IDX-userLocation #IDX-locationText,
.page-id-5152 #IDX-userLocation .fa-location-arrow:before {
    color: #ffffff !important;
}
.page-id-5152 #IDX-map .leaflet-control-container .leaflet-control-zoom-in,
.page-id-5152 #IDX-map .leaflet-control-container .leaflet-control-zoom-out {
    font-size: 0;
}

/*IDX Login : END*/

.use-floating-validation-tip .wpcf7-not-valid-tip {
    position: absolute;
    width: initial;
    line-height: 1.2;
    top: 20%;
}

#content .IDX-showcaseTable {
    opacity: 0;
}

.post-page-property-details #content .entry-title {
    margin-bottom: 0;
}

#content #idx-mlm-app .flash-message p {
    text-align: center!important;
}

#idx-mlm-app .mlm-property-favorite__inner .fa-stack i {
    font-style: normal!important;
}

#inner-page-wrapper {
    z-index: initial;
}

.IDX-page-scheduleshowing ul.IDX-propertyInfoList * {
    text-align: center;
    align-items: center;
    margin: auto;
}

.grecaptcha-badge {
   /* display: none !important;*/
    /*opacity: 0;*/
    z-index: 999;
}

.ip-container .fp-list[data-id] {
    padding: 0;
    margin: 0 -10px;
}

#idx-mlm-app .mlm-navbar__inverse .mlm-navbar__collapse.in {
    left: 0;
}

#idx-mlm-app .mlm-nav li.mlm-nav__item {
    /*display: none;*/
}

#idx-mlm-app .mlm-nav li.mlm-nav__item:first-child {
    display: block;
}

#idx-mlm-dashboard-nav-links .dropdown-menu a {
    color: #fff !important;
}

#idx-mlm-dashboard-nav-links .dropdown-menu a:hover {
    color: #333b46 !important;
    background-color: #fff !important;
}

.page-template-template-idx-properties .cusidx-filter-select:before {
    pointer-events: none;
}

#listings-details .listings-description h2 {
    margin-top: 0!important;
}

#hp-custom-map .info-image.pull-left img {
    max-height: 100px;
}

#hp-custom-map .infowindow-listing-content.pull-right > div {
    padding: 5px;
}

#hp-custom-map .info-listing-features.info-mt-2 > span {
    padding: 0 5px;
}

.cu-form {
    max-width: 500px;
    margin: 0 auto;
}

.cu-field-group {
    background-color: #e8e8e8;
    padding: 25px;
    border-radius: 10px;
    border: 1px solid gray;
    font-size: 0;
}

.cu-fields {
    display: inline-block;
    vertical-align: bottom;
    padding: 0 4.5px;
    margin: 4.5px 0;
}

.cu-fields label {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    letter-spacing: 0.2em;
    color: #808080;
    text-transform: uppercase;
    padding: 5px 5px 0;
    text-align: left;
}

.cu-fields label.required:after {
    content: '*';
    color: red;
    font-weight: 700;
}

.cu-fields.cu-small {
    width: 50%;
}

.cu-fields.cu-textarea {
    width: 100%;
}

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

.cu-fields input,
.cu-fields textarea {
    width: 100%;
    height: 40px;
    border-radius: 10px;
    border: 1px solid #bbb;
    background: #fff;
    font-size: 13px;
    letter-spacing: 0.2em;
    color: #808080;
    text-transform: uppercase;
    padding: 2px 18px 0;
    margin: 0!important;
}

.cu-fields textarea {
    height: 70px;
    padding-top: 9px;
    resize: none;
    margin: 0!important;
    font-weight: 300;
    font-size: 13px;
    letter-spacing: 0.05em;
    line-height: 23px;
    color: #333333;
    text-transform: inherit;
}

.cu-fields.cu-submit {
    width: 100%;
    text-align: center;
    margin-top: 28px;
    position: relative;
}

.cu-fields.cu-submit input {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 10px)!important;
    height: 40px;
    margin: 0 5px 10px;
    border-radius: 10px;
    background: #e11b22;
    color: #fff;
    font-size: 13px!important;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    border: none;
    transition: all .3s ease;
}

.cu-fields.cu-submit input:hover {
    background: #0054a4;
}

.cu-fields.cu-submit span.ajax-loader {
    position: absolute;
    bottom: -27px;
    left: 0;
    right: 0;
    margin: auto;
}

.cu-fields span.wpcf7-not-valid-tip {
    font-size: 13px;
}

.qs-btn input[type="submit"]:hover {
    background: #e92e35;
}

.page-id-19109 #content p#breadcrumbs,
.page-template-template-idx-home-valuation #content p#breadcrumbs {
    display: none;
}

.page-id-19109 #content .entry .MultiCheckBox,
.page-id-19109 #content .entry .qs-field select,
.qs-field input[type="text"] {
    color: #333333 !important;
}

.page-id-77 #content h3 {
    max-width: 100% !important;
}

div#quick-search .qs-field input[type="text"] {
    color: #fff !important;
}

.idx-custom-contact-form-button input[type="submit"]:hover,
.idx-custom-contact-form-button input[type="button"]:hover,
.idx-custom-contact-form-button input[type="reset"]:hover,
.idx-custom-contact-form-button button:hover,
.idx-custom-contact-form-button a:hover {
    color: #fff !important;
}

.cycloneslider-template-video .cycloneslider-slide.cycloneslider-slide-image {
    background-size: auto;
}

.IDX-page-mapsearch #IDX-mapHeader-Search {
    height: 50px;
}

.page-id-19109 .qs-lg {
    width: 16.4%;
}

.page-id-19109 .qs-field input[type="text"] {
    border-bottom: 1px solid #e2e2e2 !important;
}

#content .entry h4 a:hover {+
    color: #cccccc !important;
}

.sidebar div.MultiCheckBox {
    letter-spacing: 1px!important;
}

.IDX-mapWidgetWrap .IDX-mapHeader {
    height: 27px!important;
}

div#IDX-Subheader img {
    max-width: 100%;
}

body div#wpadminbar {
    display: block !important;
}

div#idx-mlm-saved-properties h2.action__heading {
    line-height: 1 !important;
}

#listings-details .listings-cta > li > a:focus {
    color: #fff !important;
}

.burger-menu-pullout {
    /*display: none !important;*/
}

.custom-hp-banner .canvas-holder {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
}

.custom-hp-banner .main-bg {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;

    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
}

.custom-hp-banner {
    position: relative;
    transform: translateZ(0);
}

.custom-hp-banner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 150px;
    background: url(images/overlay-slideshow.png) 0 0 repeat-x;
    z-index: 2;
    display: block;
}

.category-blog section#content article{
    margin: 0 !important;
}

.update-contact-us-url > a {
    color: #e11b22 !important;
    font-weight: bold !important;
}
.IDX-page-roster .IDX-rosterCategoryLink.IDX-text-center img {
    width: 66% !important;
}

#mob-standard-logo {
  display: inline-block;
  width: 115px !important; height: 36px !important; margin-top: 11px !important
	}


.post-page-property-details #listings-details .listings-slideshow .listings-slideshow-slide::before {
    width: 100%;
    height: 50%;
    content: '';
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    pointer-events: none;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    opacity: 1;
}
.post-page-property-details #IDX-moreinfoContactForm .IDX-form-group input {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.5;
    color: #58595b;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border-radius: 15px;
}
.post-page-property-details #IDX-moreinfoformResponse {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
}
#IDX-showcaseGallery-66941 .IDX-showcaseLink {
    overflow: hidden;
}

/*7-11-2025*/
#idx-mlm-app .mlm-navbar__inverse .mlm-navbar__collapse .mlm-nav>li>a.router-link-exact-active,
#idx-mlm-app .mlm-navbar__inverse .mlm-navbar__collapse .mlm-nav>li>a.router-link-active{
    color: #cccccc !important;
}
#idx-mlm-app .mlm-navbar__inverse .mlm-navbar__collapse .mlm-nav > li .dropdown-menu{
    list-style: none !important
}
#idx-mlm-dashboard-nav-links .dropdown-menu a.router-link-active:hover{
    color: #cccccc !important;
}
.mlm-card__body-titleText .fa-pencil{
    display: block;
}
#content #idx-mlm-app .flash-message p{
    color: #ffffff !important;
}
#idx-mlm-app .mlm-nav li.mlm-nav__item:nth-child(2){
    display: none;
}
#idx-mlm-app #idx-mlm-reset-password-form .mlm-button__info{
    margin-left: 0 !important;
}
#content .mlm-nothing-saved h2{
    line-height: 1 !important;
}
#idx-mlm-market-report-subscriptions .idx-mlm-market-report-subscriptions__unsubscribe--all{
    color: #ffffff !important;
}
.IDX-grid #IDX-results-row-content .IDX-streetInfo span,
.IDX-grid #IDX-results-row-content .IDX-locationInfo span{
    color: #ffffff !important;
}
#listings-details .listings-form .wpcf7 form .wpcf7-response-output{
    margin-top: 70px;
    text-align: center;
}
body:has(.IDX-registrationModal.IDX-registration-force){
    overflow: hidden !important;
}