/*
Theme Name: Main Realotr
Theme URI: macmar.dev
Author: ABdul Mateen
Author URI: macmar.dev
Description: Our default is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 1.3
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mainrealtor
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/* form messages */
.frm_message p,
.frm_error_style p{
    font-size: 20px !important;
}

/* Header */

header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
    padding-top: 34px;
}

header::before {
    content: '';
    position: absolute;
    background: url(images/nyc.svg) no-repeat;
    background-size: 100% 100%;
    width: 500px;
    height: 250px;
    top: 0;
    left: 9%;
}

header section.top-bar {
    border-bottom: 1px solid rgba(255, 255, 255, .26);
    padding-bottom: 13px;
}

header .logo-container img {
    max-width: 216px;
    padding-top: 16px;
}

header .contact-container {
    padding-top: 8px;
}

header .contact-container ul {
    display: flex;
    justify-content: space-between;
}

header .contact-container ul li::marker {
    font-size: 11rem;
    background: #56A3A6;
    color: #56A3A6;
}
header ul li a{
	text-decoration: none !important;
}
header .contact-container ul li a.header_btn {
    border: 1px solid #fff;
    padding: 16px 0;
    display: inline-block;
    width: 262px;
    text-align: center;
    transition: .3s all ease;
}

header .contact-container ul li a.header_btn:hover {
    text-decoration: none;
    transition: .3s all ease;
    border-color: #56A3A6;
    background: #56A3A6;
}

header .navigation {
    margin-top: 22px;
}

header nav ul li.current_page_item a,
header nav ul li a:hover {
    background: rgba(255, 255, 255, 0.3);
    color: #fff;
}

header nav ul li a{
	text-decoration: none !important;
}
/* Banner Section */

section.banner {
    background: url(images/banner.jpg) no-repeat;
    background-size: cover !important;
    position: relative;
}

section.banner::before {
    content: '';
    position: absolute;
    background: url(images/realtor.svg) no-repeat;
    background-size: 100% 100%;
    width: 1048px;
    height: 250px;
    bottom: 0;
    right: 0;
    z-index: 0;
}

section.banner::after {
    content: '';
    position: absolute;
    background: rgba(255, 255, 255, .26);
    width: 1px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 0;
}

.banner-content a{
    color: #fff;
    padding: 1em 3em;
    background-color: #55a3a5;
}

.banner-content a:hover{
    transition: .3s ease;
    background-color: #fff;
    color: #55a3a5;
    text-decoration: none;
}

.banner-content p{
    margin-bottom: 3em;
}

@media (min-width: 1440px) {
    section.banner {
        background-size: 100% 100% !important;
    }
}

section.banner .overlay {
    background: rgba(0, 0, 0, 0.5);
    min-height: 96vh;
    padding-top: 13.5%;
}

section.banner .overlay::before,
section.banner .overlay::after {
    content: '';
    position: absolute;
    background: rgba(255, 255, 255, .26);
    width: 1px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 0;
}

section.banner .overlay::before {
    left: 14.2%;
}

section.banner .overlay::after {
    right: 14.2%;
}

section.banner h1 span {
    z-index: 1;
}

section.banner h1 span::after {
    content: '';
    position: absolute;
    background: rgba(131, 52, 122, 0.5);
    width: 97%;
    height: 99px;
    left: -34%;
    z-index: -1;
}

section.banner p {
    max-width: 660px;
}

section.banner a {
    margin-top: 3em;
}


/* Services Section */

section.services::before,
section.services::after {
    content: '';
    position: absolute;
    background: #83347A;
    width: 1px;
    height: 76.5%;
    top: 0;
    z-index: -1;
}

section.services::before {
    left: 14.2%;
}

section.services::after {
    right: 14.2%;
    background: #56A3A6;
    height: 65.5%;
}

section.services .overlay::before,
section.services .overlay::after {
    content: '';
    position: absolute;
    background: #83347A;
    width: 22%;
    height: 1px;
    z-index: -1;
}

section.services .overlay::before {
    left: 0;
    top: 26.5%;
}

section.services .overlay::after {
    background: #56A3A6;
    right: 0;
    top: 57.5%;
    width: 32%;
}

section.services .overlay {
    padding: 78px 0 0;
}

section.services .float-name {
    height: fit-content;
    top: 0;
    bottom: -72%;
    right: 2%;
    margin: auto;
    z-index: -1;
}

.section-title {
    margin-bottom: 17em;
}

section.services .serv-btn {
    position: relative;
    margin: -37em auto 0;
    max-width: 91%;
}

section.services .serv-btn a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.3em 1em;
}

section.services .serv-btn a i {
    font-size: 20rem;
}

section.services .serv-btn .modal a {
    padding: 1.3em 1em 0 1em !important;
}

section.services .serv-col {
    margin-bottom: 30em;
}

section.services .bottom-lines .line-overlay {
    min-height: 106px;
    position: relative;
}

section.services .bottom-lines::before,
section.services .bottom-lines::after {
    content: '';
    position: absolute;
    background: #56A3A6;
    height: 1px;
    width: 34%;
    left: 0;
    bottom: 20%;
    z-index: -1;
}

section.services .bottom-lines::after {
    width: 1px;
    height: 429px;
    left: 29%;
}

section.services .bottom-lines .line-overlay::before {
    content: '';
    position: absolute;
    background: #83347A;
    right: 0;
    height: 1px;
    width: 49%;
    bottom: -2px;
}


/* section.services .bottom-lines .line-overlay::after{
    content: '';
    position: absolute;
    background: #83347A;
    width: 1px;
    height: 45%;
    top: -15%;
    right: 19.2%;
    z-index: -1;
} */


/* We Serve Section */

section.we-serve {
    padding: 67em 0 92em;
}

section.we-serve::before {
    content: '';
    position: absolute;
    background: #525151;
    top: 2%;
    right: 0;
    width: 73%;
    height: 1px;
    z-index: -1;
}

section.we-serve::after {
    content: '';
    position: absolute;
    background: #83347A;
    width: 1px;
    height: 8%;
    top: -1.5%;
    right: 19.2%;
    z-index: -1;
}

.we-serve .section-title {
    margin-bottom: 24em;
}

.we-serve .section-title h2 {
    padding-bottom: 14rem;
}

.we-serve .section-title p {
    margin: 0 auto 27rem;
    max-width: 930px;
}


/* Row 1 */

section.we-serve .row1 .column.txt .float-name {
    right: 0;
    top: -91%;
}

section.we-serve .row1 {
    margin-bottom: 94em;
    position: relative;
}

section.we-serve .row1::before,
section.we-serve .row1::after {
    content: '';
    position: absolute;
    background: #83347A;
    z-index: -1;
}

section.we-serve .row1::before {
    width: 51%;
    height: 1px;
    right: 0;
    bottom: 33%;
}

section.we-serve .row1::after {
    width: 1px;
    height: 51%;
    right: 30.4%;
    bottom: 7%;
}


/* Row 2 */

section.we-serve .row2 {
    margin-bottom: 88em;
    position: relative;
}

section.we-serve .row2::before,
section.we-serve .row2::after {
    content: '';
    position: absolute;
    background: #56A3A6;
    z-index: -1;
}

section.we-serve .row2::before {
    width: 51%;
    height: 1px;
    left: 0;
    top: 46%;
}

section.we-serve .row2::after {
    width: 1px;
    height: 40%;
    left: 15.5%;
    bottom: 34%;
}

section.we-serve .row2 .col-md-7 .we-serve-logo {
    right: 2%;
    top: 16%;
}
section.we-serve .row2 .column.txt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    margin-left: -625px;
    top: 0;
    left: 0;
    right: 0;
}

section.we-serve .row2 .column.txt h2.second {
    margin-left: 649px;
}

section.we-serve .row2 .float-name {
    left: -13%;
    bottom: 11%;
    width: 33%;
}

/* Row 3 */

section.we-serve .row3 {
    position: relative;
}

section.we-serve .row3 .column.txt .float-name {
    right: 7%;
    top: 82%;
}

section.we-serve .row3::before,
section.we-serve .row3::after {
    content: '';
    position: absolute;
    background: #83347A;
    z-index: -1;
}

section.we-serve .row3::before {
    width: 51%;
    height: 1px;
    right: 0;
    top: 27%;
}

section.we-serve .row3::after {
    width: 1px;
    height: 51%;
    right: 30.4%;
    top: 2%;
}

@media (min-width: 769px) {
    /* Row 1 */
    section.we-serve .row1 .col-md-6:nth-of-type(1),
    section.we-serve .row3 .col-md-6:nth-of-type(1) {
        flex: 0 0 49%;
        max-width: 49%;
    }
    section.we-serve .row1 .col-md-6:nth-of-type(2),
    section.we-serve .row3 .col-md-6:nth-of-type(2) {
        flex: 0 0 51%;
        max-width: 51%;
    }
    section.we-serve .row1 .column.txt {
        margin-left: -206em;
    }
    /* Row 2 */
    section.we-serve .row2 .col-md-7 {
        flex: 0 0 54.333333%;
        max-width: 54.333333%;
        margin-left: auto;
    }
    section.we-serve .row3 .column.txt {
        margin-left: -306em;
    }
}




/* Testimonial Section */

section.testimonial {
    position: relative;
}

section.testimonial::before,
section.testimonial .overlay::before,
section.testimonial .overlay::after {
    content: '';
    position: absolute;
    background: rgba(255, 255, 255, 0.26);
}

section.testimonial::before {
    height: 1px;
    width: 100%;
    top: 15%;
}

section.testimonial .overlay {
    padding: 118em 0 70em;
    background: url(images/quote.png) no-repeat;
    background-position: center center;
}

section.testimonial .overlay::before {
    width: 1px;
    left: 16%;
    top: 0;
    bottom: 0;
    margin: auto;
}

section.testimonial .overlay::after {
    width: 1px;
    right: 16%;
    top: 0;
    bottom: 0;
    margin: auto;
}

section.testimonial .section-title {
    margin-bottom: 45em;
}

section.testimonial .testimonial-slider p {
    margin: 0 auto;
    max-width: 950px;
}

section.testimonial .testimonial-slider .owl-nav {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: space-between;
    bottom: -24px;
    z-index: 0;
}

section.testimonial .testimonial-slider .owl-nav button {
    outline: 0 !important;
    border: none;
    background: transparent !important;
    font-size: 40rem;
}


/* Broker Section */

section.broker {
    padding-top: 28em;
}

section.broker::before {
    content: '';
    position: absolute;
    background: #56A3A6;
    right: 0;
    top: 47.3%;
    height: 5px;
    width: 49.5%;
    z-index: -1;
}

section.broker .content-wrapper {
    position: relative;
}

section.broker .content-wrapper::before {
    content: '';
    position: absolute;
    background: #56A3A6;
    height: 4px;
    left: -8.5%;
    width: 9%;
    top: 33px;
}

section.broker .broker-info {
    top: 14.7%;
    z-index: 1;
    width: 44%;
}

section.broker .broker-info h2 {
    margin-left: auto;
    max-width: 459px;
    padding: 42px 35px 42px 0;
}

section.broker .broker-content {
    margin-top: -28px;
}


/* Footer */

footer {
    margin-top: 51px;
}

footer section {
    padding: 40em 0 20em;
}

footer .fmain-col1 {
    padding-top: 8em;
}

footer .fmain-col1 li a img {
    max-width: 215px;
    margin-bottom: 11px;
}

footer .fmain-col1 li:nth-of-type(3) {
    margin-top: 35em;
}

footer .finner-col li a {
    margin-bottom: 10px;
    display: inline-block;
    padding: 6px 9px;
    transition: .3s ease all;
    text-decoration: none;
}

footer .finner-col li a:hover,
footer .finner-col li a.active {
    background: rgba(255, 255, 255, 0.3);
    transition: .3s ease all;
    text-decoration: none;
}

footer .finner-col li a i {
    color: #56A3A6;
    margin-right: 10px;
}

footer .finner-col li p {
    margin-bottom: 10px;
}


/* Home Page Responsive */

@media (max-width: 1450px) {
    header {
        padding-top: 5px;
    }
    header::before {
        width: 24%;
        height: 77%;
        top: 17%;
        left: 1%;
    }
    section.banner::before {
        width: 49%;
        height: 18%;
        bottom: 1%;
    }
    section.banner .overlay {
        min-height: 100vh;
    }
    section.banner a {
        margin-top: 2em;
    }
    section.services .float-name {
        width: 30%;
    }
    section.we-serve .row1 .column.txt .float-name {
        top: -89%;
        width: 84%;
    }
    section.we-serve .row1::before {
        bottom: 29%;
    }
    section.we-serve .row1::after {
        right: 29.4%;
        bottom: 4%;
    }
    section.we-serve .row1 .column.txt {
        margin-left: -156em;
    }
    section.we-serve .row2 .column.txt{
    	    margin-left: -470px;
    }
    section.we-serve .row3 .column.txt {
        margin-left: -229em;
    }
    section.we-serve .row2 .column.txt h2.second {
    margin-left: 482px;
	}
    section.we-serve .row2 .float-name {
        width: 34%;
        left: -10%;
    }
    section.we-serve .row3 .column.txt .float-name {
     	top: 76%;
    	width: 68%;
    }
    
}

@media (max-width: 1199px) {
    header .contact-container ul li a.header_btn {
        width: 175px;
    }
    header nav button.navbar-toggler {
        border: none !important;
        outline: 0 !important;
    }
    header nav button.navbar-toggler span {
        width: 36px;
        height: 2px;
        background: #fff;
        margin-bottom: 5px;
    }
    header nav {
        position: relative;
    }
    header nav div#collapsibleNavbar {
        position: absolute;
        top: 0;
        top: 21px;
       	background: #56A3A6;

    }
    header nav div#collapsibleNavbar a{
    	display: block;
    }
    section.banner h1 span::after{
        left: -23%;
    }
    section.broker::before {
        top: 43%;
    }
	section.we-serve .row2 .float-name {
    	width: 32%;
    	left: -2%;
	}   
    section.we-serve .row3 .column.txt .float-name {
    	right: 3%;
    }
}
@media (max-width: 1150px) {

    section.we-serve .row1 .column.txt {
    	margin-left: -108em;
	}
    section.we-serve .row2 .column.txt {
    	margin-left: -331px;
	}
    section.we-serve .row2 .column.txt h2.second {
    	margin-left: 345px;
	}
    section.we-serve .row2 .float-name{
    	left: -9%;
    }
    section.we-serve .row3 .column.txt {
    	margin-left: -162em;
	}
    section.we-serve .row3 .column.txt .float-name{
    	width: 72%;
    }
}
@media (max-width: 991px) {
    header {
        padding-top: 0;
    }
    header .navigation nav {
        position: unset;
        padding: 0;
    }
    header .navigation {
        margin-top: 0;
    }
    header .navigation button.navbar-toggler {
        position: absolute;
        top: 25px;
        right: 14%;
    }
    header nav button.navbar-toggler span.mid {
        width: 28px;
        margin-left: auto;
    }
    header nav div#collapsibleNavbar {
        top: 62px;
        width: 71%;
    }
    section.banner h1 span::after{
        width: 120%;
    }
    section.banner::before {
    	width: 43%;
    	height: 13%;
    	bottom: 1%;
	}
    section.we-serve .row1 .column.txt {
    	margin-left: -101em;
	}
    section.we-serve.neighborhood .row1 .column.txt .float-name {
        top: -43%;
        width: 82%;
    }
    section.we-serve .row2 .column.txt {
    	margin-left: -307px;
	}
    section.we-serve .row2 .column.txt h2.second {
    	margin-left: 318px;
	}
    section.we-serve .row2 .float-name {
    	width: 33%;
    	left: -11%;
    	bottom: 10%;
	}
    section.we-serve .row3 .column.txt {
    	margin-left: -151em;
	}
    section.we-serve .row3 .column.txt .float-name {
        width: 73%;
    }
    section.testimonial .overlay::before {
        left: 10%;
    }
    section.testimonial .overlay::after {
        right: 10%;
    }
    section.broker .content-wrapper::before {
        top: 20px;
    }
    section.broker .broker-info {
        top: 7.7%;
        width: 50%;
    }
    section.broker::before {
        top: 34.47%;
    }
}

@media (max-width: 767px) {
    header {
        padding: 40px 0 0;
    }
    header::before {
        display: none;
    }
    header .logo-container img {
        padding-top: 0;
        max-width: 161px;
    }
    header .navigation button.navbar-toggler {
        top: 44px;
        right: 8%;
    }
    header section.top-bar {
        padding-bottom: 32px;
    }
    section.top-bar .container {
        padding: 0 32px;
    }
    section.top-bar .col-lg-8 {
        margin-top: 14px;
    }
    header nav div#collapsibleNavbar {
        top: 75px;
        width: 100%;
        text-align: center;
        margin-left: -15px;

    }
    header .contact-container ul li p,
    header .contact-container ul li a {
        font-size: 14rem;
    }
    /* header nav div#collapsibleNavbar a{
    } */
    /* Banner Section */
    section.banner .overlay {
        padding: 52.5% 0 136px;
        min-height: auto;
    }
    section.banner::before,
    section.banner::after {
        display: none;
    }
    section.banner h1 span::after {
        height: 59px;
        width: 138%;
    }
    section.banner a {
        margin: 4.7em auto 0;
        display: block;
        width: 94%;
        z-index: 1;
        text-transform: uppercase;
        padding: 1em;
    }
    section.banner .overlay::before {
        left: 27.2%;
    }
    section.banner .overlay::after {
        right: 27.2%;
    }
    /* Services Section */
    section.services::before,
    section.services::after {
        display: none;
    }
    section.services .overlay {
        padding: 46px 11px 0;
    }
    .section-title {
        margin-bottom: 25em;
    }
    section.services .bottom-lines,
    section.services .float-name,
    section.services .overlay::before,
    section.services .overlay::after {
        display: none;
    }
    /* We Serve Section */
    section.we-serve::before {
        width: 67%;
        top: 2%;
    }
    section.we-serve::after {
        height: 6%;
        top: 0%;
        right: 26.2%;
    }
    section.we-serve {
        padding: 108em 0 92em;
    }
    .we-serve .section-title {
        text-align: left !important;
        padding-left: 24em;
        margin-bottom: 43em;
    }
    .we-serve .section-title h2 {
        padding-bottom: 40rem;
    }
    .section-title p,
    .section-title span {
        padding-right: 7%;
    }
    section.we-serve .row1 .column.txt {
        text-align: center;
        margin-top: -35em;
        margin-left: 0;
    }
    section.we-serve .row1 .column.img img {
        height: 241px;
        object-fit: cover;
    }
    section.we-serve .row1 .column.txt .float-name {
        top: unset;
        width: 92%;
        bottom: -64px;
        left: 0;
        right: 0;
        margin: auto;
    }
    section.we-serve .row1 {
        margin-bottom: 133em;
    }
    section.we-serve .row2 {
        flex-direction: column-reverse;
    }
    section.we-serve .row2 .column.txt {
        margin-top: -36px;
        margin-left: 0;
        position: relative !important;
        z-index: 1;
    }
    section.we-serve .row2 .column.txt h2.second{
    	margin-left: 0;
        margin-top: -8px;
    }
    section.we-serve .row2 .float-name {
        width: 45%;
        left: 0;
        right: 0;
        bottom: -52%;
        margin: auto;
    }
    section.we-serve .row2 {
        margin-bottom: 135em;
    }
    section.we-serve .row3 .img img {
        object-fit: cover;
        height: 244px;
    }
    section.we-serve .row3 .column.txt {
        margin: -35px 0 0;
        padding-bottom: 7em
    }
    section.we-serve .row3 {
        position: relative;
        margin-bottom: 34em;
    }
    section.we-serve .row3 .column.txt .float-name {
        width: 82%;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }
    /* Testimonials */
    section.testimonial .testimonial-slider {
        position: unset;
    }
    section.testimonial .testimonial-slider .owl-nav {
        width: 59%;
        bottom: unset;
        top: 18px;
        left: 0;
        right: 0;
        margin: auto;
    }
    section.testimonial .section-title {
        margin-bottom: 35em;
    }
    section.testimonial .slider-item {
        padding: 0 15px;
    }
    section.testimonial .overlay {
        padding: 118em 0 53em;
        background-position: center 30%;
    }
    /* Broker Section */
    section.broker {
        padding-top: 33em;
    }
    section.broker::before {
        top: 24.2%;
        width: 67%;
    }
    section.broker .content-wrapper::before {
        top: 33px;
    }
    section.broker .broker-info {
        top: 7.2%;
        width: 40%;
    }
    section.broker .broker-info h2 {
        padding: 24% 5% 24% 11%;
    }
    section.broker .broker-content {
        margin-top: -9px;
        text-align: center;
        padding: 0 10px;
    }
    section.broker .andy-sig {
        flex-direction: column;
        margin-top: 71em;
    }
    section.broker .andy-sig img {
        display: block;
        margin: auto;
        max-width: 298px;
    }
    /* footer */
    footer {
        margin-top: 94em;
    }
    footer section {
        padding: 33em 10em 20em;
    }
    footer .fmain-col1 li:last-child {
        margin: 12em 0 33em;
    }
    footer .finner-col {
        margin-bottom: 31em;
    }
}

@media (max-width: 380px) {
    section.we-serve .row2 .column.txt {
        margin-top: -31px;
    }
    section.we-serve .row2 .float-name {
        width: 42%;
        bottom: -70%;
    }
    section.we-serve .row3 {
        margin-bottom: 10em;
    }
    section.we-serve .row3 .column.txt {
        padding-bottom: 28em;
    }
    section.broker .content-wrapper::before {
        top: 1.75%;
    }
    section.broker::before {
        top: 20.65%;
    }
}

@media (max-width: 340px) {
    section.banner .overlay {
        padding: 72% 0 70px;
    }
    section.we-serve .row2 .column.txt {
        margin-top: -26px;
    }
    section.broker .content-wrapper::before {
        top: 1.32%;
    }
    section.broker .broker-info {
        top: 4.2%;
        width: 40%;
    }
    section.broker::before {
        top: 15.9%;
    }
}


/*//////////////////////////////////////////////////////// About Us Page */


/* Header */

header.inner-header::before {
    display: none;
}


/* Banner */

section.inner-banner.about {
    background: url(images/aboutus/banner.jpg) no-repeat;
}

section.inner-banner .float-nyc {
    bottom: 24%;
    left: 6%;
}


/* broker Message */

section.broker-msg {
    padding-top: 3em;
    position: relative;
}

section.broker-msg::before {
    content: '';
    position: absolute;
    background: #83347A;
    height: 1px;
    top: 7%;
    width: 21%;
    left: 0;
}

section.broker-msg::after {
    content: '';
    position: absolute;
    background: #56A3A6;
    height: 1px;
    width: 63%;
    right: 0;
    bottom: 2.6%;
    z-index: -1;
}

section.broker-msg .andy-msg {
    padding-top: 44em;
}

section.broker-msg .section-title {
    margin-bottom: 22em;
}

section.broker-msg .andy-msg p {
    width: 48%;
}


/* About Us Section */

section.services.about-team {
    padding-top: 50em;
    margin-bottom: 71em;
}

section.services.about-team .section-title {
    margin-bottom: 48em;
}

section.services.about-team::before,
section.services.about-team::after {
    display: none;
}

section.services.about-team .floating-logo {
    left: 6%;
    top: 0;
}

section.services.about-team .floating-name {
    right: 8%;
    top: 21%;
}

section.services.about-team .serv-btn a {
    padding: 1.3em 1em 1.3em 37%;
    transition: .3s all ease;
}

section.services.about-team .serv-btn a i,
section.services.about-team .serv-btn a .span2 {
    display: none;
    /* transition: .3s all ease; */
}

section.services.about-team .serv-btn a:hover {
    /* justify-content: space-between; */
    transition: .3s all ease;
}

section.services.about-team .serv-btn a:hover .span1 {
    display: none;
}

section.services.about-team .serv-btn a:hover i,
section.services.about-team .serv-btn a:hover .span2 {
    display: inline-block;
    /* transition: .3s all ease; */
}

section.services.about-team .serv-btn .modal {
    right: 0;
    bottom: 0;
    margin: auto;
    height: fit-content;
}

section.services.about-team .serv-btn .modal button.close i {
    color: #56A3A6;
    font-size: 24rem;
}

section.services.about-team .serv-btn .modal .modal-dialog {
    max-width: 900px !important;
}
@media (max-width: 1450px){
    section.services.about-team .serv-btn .modal .modal-dialog{
    	  height: 95vh;
    }
}
section.services.about-team .serv-btn .modal .modal-content {
    border: none;
    padding: 50em;
    border-radius: 20px;
}

section.services.about-team .cta-btn {
    margin: 21em auto 0;
    max-width: 263px;
    text-transform: uppercase;
}

section.services.about-team .cta-btn a {
    padding: 1em;
    background: transparent;
    color: #56A3A6;
    border: 1px solid #56A3A6;
}

section.services.about-team .cta-btn a:hover {
    color: #fff;
    background: #56A3A6;
}

@media (max-width: 767px){
	section.services.about-team .serv-btn .modal{
    	overflow: scroll;
    	height: 95vh;
    }
    section.services.about-team .serv-btn .modal .contact-info{
    	flex-direction: column;
    }
    section.services.about-team .serv-btn .modal .modal-content {
    	padding: 40em;
	}
}
/*/////////////////////////////////////////// Fill Your Vacancie Page */

section.banner.vacancie-banner {
    background: url(images/fillvacancie/banner.jpg) no-repeat;
}

section.banner.vacancie-banner::before,
section.banner.foreclosure-banner::before {
    display: none;
}

section.banner.vacancie-banner h1 span::after {
    width: 110%;
}

section.banner.vacancie-banner p {
    max-width: 680px;
}


/* How IT Works Section */

section.how-work.services::before {
    height: 91.5%;
}

section.how-work.services::after {
    height: 99.5%;
}

section.how-work.services .overlay {
    padding: 64em 0 83em;
}

section.how-work.services .overlay::before {
    top: 19%;
    width: 20%;
}

section.how-work.services .overlay::after {
    top: unset;
    bottom: 8%;
    width: 30%;
}

section.how-work .section-title h2 {
    margin-bottom: 0.3em;
}

section.how-work .section-title p {
    margin-bottom: 1.4em;
}

section.how-work .row {
    border-top: 5px solid #E5E5E5;
    margin: 50.5em 0 0;
}

section.how-work .column {
    padding-top: 53em;
    position: relative;
}

section.how-work .column::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 5px;
    background: #56A3A6;
    top: -1.6%;
    display: none;
    transition: .3s all ease;
}

section.how-work .column:hover {
    cursor: pointer;
}

section.how-work .column:hover::before {
    display: inline-block;
    transition: .3s all ease;
}

section.how-work .column img {
    max-width: 76px;
}

section.how-work .column1 img {
    max-width: 83px;
}

section.how-work .column3 img {
    max-width: 106px;
}

section.how-work .column h3 {
    padding: 1.6em 0 1em;
}


/* Start Every Investor Secton */

section.investor {
    position: relative;
}

section.investor::before,
section.investor::after {
    content: '';
    position: absolute;
    background: #83347A;
}

section.investor::before {
    width: 1px;
    height: 26%;
    top: 1%;
    left: 18.6%;
}

section.investor::after {
    width: 48%;
    height: 1px;
    top: 6.2%;
    left: 0;
}

section.investor .overlay {
    padding-top: 87px;
}

section.investor .overlay::before {
    content: '';
    position: absolute;
    background: #525151;
    width: 55%;
    height: 1px;
    left: 0;
    top: 12%;
}

section.investor .wrapper {
    max-width: 1530px;
    margin-left: auto;
    z-index: 1;
}

@media (min-width: 1090px) {
    section.investor .wrapper {
        max-width: 1071px;
    }
}

@media (min-width: 1280px) {
    section.investor .wrapper {
        max-width: 1245px;
    }
}

@media (min-width: 1380px) {
    section.investor .wrapper {
        max-width: 1293px;
    }
}

@media (min-width: 993px) {
    section.investor .row1 .col-lg-4 {
        flex: 0 0 38%;
        max-width: 38%;
    }
    section.investor .row1 .col-lg-8 {
        flex: 0 0 62%;
        max-width: 62%;
    }
}

section.investor .row .column1 {
    padding-top: 1em;
}

section.investor .floating-nyc {
    left: 6%;
    top: 18%;
    bottom: 0;
    margin: auto;
    height: fit-content;
}

section.investor .column1 .section-title {
    margin-bottom: 1.5em;
}

section.investor .column1 h2 {
    line-height: 1.4;
    margin-bottom: 0.2em;
}

section.investor .column1 ul {
    list-style-position: inside;
}

section.investor .column1 ul li {
    line-height: 1.5;
}

section.investor .column1 ul li::marker {
    content: url(images/fillvacancie/list-arrow.png);
}

section.investor .column1 ul li span {
    display: inline-block;
    margin-left: 10px;
}

section.investor .column1 .span2 {
    margin: 1.4em 0 2.4em;
    color: #83347A;
    font-family: 'Brandon-Bold';
}

section.investor .column1 a {
    text-transform: uppercase;
    padding: 1em 1.6em;
}

section.investor .column2 .floating-logo {
    right: 2.5%;
    top: 15%;
}


/* Testimonials Section */

section.vacancie.testimonial {
    margin: 82em 0 0;
}


/* Opt In Section */

section.opt-in {
    padding: 93em 0 21em;
}

section.opt-in::before,
section.opt-in::after {
    content: '';
    position: absolute;
    background: #83347A;
    z-index: -1;
}

section.opt-in::before {
    height: 1px;
    right: 0;
    width: 58%;
    top: 13%;
}

section.opt-in::after {
    width: 1px;
    top: 0;
    right: 31%;
    height: 22%;
}

section.opt-in .container {
    z-index: 1;
}


/* Setting Container Width */

@media (min-width: 1201px) {
    section.opt-in .container {
        max-width: 1530px;
    }
}


/* Setting Column Width */

@media (min-width: 993px) {
    section.opt-in .row1 .col-lg-7 {
        flex: 0 0 56.333333%;
        max-width: 56.333333%;
    }
    section.opt-in .row1 .col-lg-5 {
        flex: 0 0 43.666667%;
        max-width: 43.666667%;
    }
}

section.opt-in .row1 .column.txt {
    padding: 13em 0 0;
}

section.opt-in .row1 .column.txt h2 {
    margin-bottom: 0.3em;
}

section.opt-in .row1 .column.txt p {
    margin-bottom: 1.5em;
}

section.opt-in .row1 .column.txt a {
    margin-top: 1.7em;
    text-transform: uppercase;
    padding: 1em 1.7em;
}


/* Vacancie Page Responsive */

@media (max-width: 1450px) {
    section.banner .overlay::before,
    section.how-work.services::before,
    section.investor::before,
    section.services::before,
    section.testimonial .overlay::before {
        left: 9.2%;
    }
    section.banner .overlay::after,
    section.how-work.services::after,
    section.services::after,
    section.testimonial .overlay::after {
        right: 9.2%;
    }
}

@media (max-width: 1380px) {
    section.banner .overlay::before,
    section.how-work.services::before,
    section.investor::before,
    section.services::before,
    section.testimonial .overlay::before {
        left: 7%;
    }
    section.banner .overlay::after,
    section.how-work.services::after,
    section.services::after,
    section.testimonial .overlay::after {
        right: 7%;
    }
    section.homeev-banner .overlay::before,
    section.commercial-banner .overlay::before,
    section.how-much.services::before{
    	left: 6%;
    }
}

@media (max-width: 991px) {
    section.banner.vacancie-banner .overlay {
        padding-top: 17.5%;
    }
    section.investor .row .column1 {
        padding: 0 25px;
        margin: 0 auto 30px;
        max-width: 730px;
    }
}

@media (max-width: 767px) {
    section.banner.vacancie-banner .overlay {
        padding-top: 51.5%;
    }
    section.banner.vacancie-banner h1 {
        position: relative;
        z-index: 1;
    }
    section.banner.vacancie-banner h1::before {
        content: '';
        position: absolute;
        background: rgba(131, 52, 122, 0.5);
        width: 108%;
        height: 66px;
        top: 66px;
        left: -4%;
        z-index: -1;
    }
    section.banner.vacancie-banner h1 span {
        display: inline !important;
    }
    section.banner.vacancie-banner h1 span::after {
        display: none;
    }
    section.banner.vacancie-banner p {
        max-width: 335px;
        margin: 15px auto 0px;
    }
    section.banner.vacancie-banner a {
        width: 74%;
        margin: 4em auto 0;
    }
    section.how-work.services .overlay {
        padding: 45em 0 0;
    }
    section.how-work .section-title h2 {
        margin-bottom: 0.6em;
    }
    section.how-work .section-title p {
        margin-bottom: 1.5em;
    }
    section.how-work .section-title p,
    section.how-work .section-title span {
        padding-right: 0;
    }
    section.how-work .row {
        margin: 40.5em 0 0;
        border: none;
    }
    section.how-work .row .column {
        text-align: center;
        padding: 31em 0 64em;
        border-top: 5px solid #E5E5E5;
    }
    section.how-work .row .column3 {
        padding-bottom: 0;
    }
    section.how-work .column::before {
        left: 0;
        right: 0;
        margin: auto;
    }
    section.investor {
        margin-top: -25px;
    }
    section.investor::before {
        left: unset;
        right: 22%;
        top: 37px;
        height: 16%;
    }
    section.investor::after {
        right: 0;
        left: unset;
        width: 67%;
        top: 77px;
    }
    section.investor .overlay {
        padding-top: 161em;
    }
    section.investor .overlay::before {
        width: 100%;
        top: 123px;
    }
    section.investor .floating-nyc {
        display: none;
    }
    section.investor .column1 h2 {
        line-height: 1.2;
        margin-bottom: 0.8em;
        max-width: 332px;
    }
    section.investor .section-title p {
        padding-right: 0;
        line-height: 37px;
    }
    section.investor .column1 .span2 {
        margin: 1.1em 0 1.4em;
    }
    section.investor .column1 {
        margin-bottom: 2.8em !important;
    }
    section.testimonial.vacancie .overlay {
        padding: 117em 9em 53em;
    }
    section.opt-in {
        padding: 72em 0 21em;
    }
    section.opt-in::before {
        width: 100%;
        top: 39px;
    }
    section.opt-in::after {
        right: 0;
        left: -12%;
        margin: auto;
        height: 7%;
    }
    section.opt-in .row1 .column.txt {
        padding: 30em 0 0;
        text-align: center;
    }
    section.opt-in .row1 .column.txt h2 {
        margin-bottom: 0.7em;
    }
    section.opt-in .section-title p,
    section.opt-in .section-title span {
        padding-right: 5%;
    }
}


/* About Us Responsive */

@media (max-width: 1450px) {
    section.banner.inner-banner .overlay {
        padding-top: 16%;
    }
    section.inner-banner .float-nyc {
        width: 20%;
        bottom: 19%;
    }
}

@media (max-width: 1366px) {
    section.services.about-team .section-title {
        margin-bottom: 30em;
    }
}

@media (max-width: 1199px) {
    section.broker-msg::before {
        top: 5.4%;
    }
    section.broker-msg::after {
        bottom: -3%;
    }
}

@media (max-width: 991px) {
    section.banner.inner-banner .overlay {
        padding-top: 23%;
    }
    section.broker-msg {
        padding-top: 39em;
    }
    section.broker-msg .section-title {
        margin-bottom: 30em;
    }
    section.broker-msg .andy-img img {
        object-position: 0 70%;
        object-fit: cover;
        max-height: 1238px;
    }
    section.broker-msg::before {
        display: none;
    }
    section.broker-msg::after {
        bottom: -1%;
    }
    section.services.about-team .floating-logo,
    section.services.about-team .floating-name {
        display: none;
    }
}

@media (max-width: 860px) {
    section.banner.inner-banner .overlay {
        padding-top: 28%;
    }
}

@media (max-width: 767px) {
    section.banner.inner-banner .overlay {
        padding-top: 72%;
        height: 100vh;
    }
    section.broker-msg {
        padding-bottom: 80em;
    }
    section.broker-msg .container {
        padding: 0 25px;
    }
    section.broker-msg .section-title {
        margin-bottom: 47em;
    }
    section.broker-msg .andy-img img {
        max-height: 650px;
        object-position: 0 67%;
    }
    section.broker-msg .andy-msg {
        padding-top: 23em;
    }
    section.broker-msg .andy-msg .msg-txt {
        flex-direction: column;
    }
    section.broker-msg .andy-msg p {
        width: 100%;
        line-height: 1.5;
        display: block;
    }
    section.broker-msg .andy-msg p:first-child {
        margin-bottom: 2.5em;
    }
    section.broker-msg::after {
        width: 100%;
        bottom: 1.2%;
    }
    section.broker-msg::before {
        display: inline-block;
        background: #56A3A6;
        width: 1px;
        height: 3.6%;
        top: unset;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }
    section.services.about-team {
        padding-top: 46em;
    }
    section.services.about-team .section-title {
        margin-bottom: 25em;
    }
    section.services.about-team .container {
        padding: 0 25px;
    }
}

@media (max-width: 380px) {
    section.broker-msg .andy-img img {
        max-height: 584px;
        object-position: 0 71%;
    }
}


/*/////////////////////////////////////////// Forclosure Sales Page */

section.foreclosure-banner {
    background: url(images/foreclosure/banner.jpg) no-repeat;
}

section.foreclosure-banner h1 span::after {
    width: 100%;
}


/* Track progress Section */

section.track-foreclosure.how-work .overlay {
    padding: 64em 0 118em;
}

section.track-foreclosure.how-work .column img {
    max-width: 104px;
}

section.track-foreclosure.how-work .column1 img {
    max-width: 74px;
    margin-left: 14px;
}


/* Broker Section */

section.foreclosure-broker {
    margin-bottom: 48em;
}


/* section.foreclosure-broker::before {
    top: 45.5%;
    width: 50.5%;
} */

section.foreclosure-broker::after {
    content: '';
    position: absolute;
    background: #525151;
    height: 1px;
    right: 0;
    width: 73%;
    bottom: -2%;
}


/* Opt In Section */

section.foreclosure-opt {
    padding: 111em 0 21em;
}

section.foreclosure-opt::before {
    width: 49%;
    top: 5%;
}

section.foreclosure-opt::after {
    right: 19.2%;
    height: 25%;
}

section.foreclosure-opt .overlay::before,
section.foreclosure-opt .overlay::after {
    content: '';
    position: absolute;
    background: #56A3A6;
    z-index: -1;
}

section.foreclosure-opt .overlay::before {
    width: 1px;
    top: 2%;
    height: 14%;
    left: 29%;
}

section.foreclosure-opt .overlay::after {
    height: 1px;
    left: 0;
    top: 2%;
    width: 34%;
}


/* We Serve Neighborhood Section */

section.we-serve.neighborhood {
    margin: 51em 0 0;
    padding: 67em 0 25em;
}

section.we-serve.neighborhood::after,
section.we-serve.neighborhood::before {
    display: none;
}

section.we-serve.neighborhood .section-title h2 span::before {
    content: '';
    position: absolute;
    background: #83347A;
    top: 0;
    bottom: 0;
    right: 0;
    width: 65.6%;
    z-index: -1;
}

@media (max-width: 1620px) {
    section.we-serve.neighborhood .section-title h2 span::before {
        width: 70%;
    }
}

@media (max-width: 1250px) {
    section.we-serve.neighborhood .section-title h2 span::before {
        width: 73%;
    }
}

@media (max-width: 1090px) {
    section.we-serve.neighborhood .section-title h2 span::before {
        width: 76%;
    }
}

.we-serve.neighborhood .section-title {
    margin-bottom: 46em;
}

@media (min-width: 768px) {
    section.we-serve.neighborhood .row1 .column.txt {
        margin-left: -270em;
    }
    section.we-serve.neighborhood .row3 .column.txt {
        margin-left: -398em;
    }
}


section.we-serve.neighborhood .row1 .column.txt .float-name {
    top: -105%;
}

section.we-serve.neighborhood .row1::after {
    right: 29%;
}

section.we-serve.neighborhood .row2::before {
    top: 45%;
}

section.we-serve.neighborhood .row2::after {
    left: 16%;
    height: 45%;
}

section.we-serve.neighborhood .row3 .column.txt .float-name {
    right: 1%;
    top: 98%;
}

section.we-serve.neighborhood .help-btn {
    margin-top: 67em;
    text-transform: uppercase;
}
section.we-serve.neighborhood .row2 .column.txt{
	padding-left: 360px;
    top: -86px;
}
section.we-serve.neighborhood .row2 .float-name {
    left: -12%;
    bottom: 0%;
    width: 57%;
}
/*/////////////////////////////////////////// Forclosure Sales Page */

section.sales-banner::before {
    display: inline-block;
}

section.sales-banner a.btn {
    padding: 1em 1.7em;
}


/* Responsiove Forclosure Sales Page */

@media (max-width: 1450px) {
    section.we-serve.neighborhood .row1 .column.txt .float-name {
        top: -102%;
        width: 100%;
    }
    section.we-serve.neighborhood .row3 .column.txt .float-name {
        width: 104%;
    }
    section.we-serve .row2 .col-md-7 .we-serve-logo {
        right: 1%;
        top: 14%;
        width: 6%;
    }
    section.we-serve.neighborhood .row1 .column.txt {
    	margin-left: -203em;
	}
    section.we-serve.neighborhood .row2 .column.txt{
    	padding-left: 270px;
    }
    section.we-serve.neighborhood .row3 .column.txt {
    	margin-left: -299em;
	}
    
}
@media (max-width: 1199px){
    section.foreclosure-banner h1 span::after{
    	left: -15%;
    }
}
@media (max-width: 1150px) {
 	section.we-serve.neighborhood .row1 .column.txt {
    	margin-left: -143em;
	}
    section.we-serve.neighborhood .row1 .column.txt .float-name{
    	top: -118%;
    }
    section.we-serve.neighborhood .row2 .column.txt {
    	padding-left: 188px;
        top: -48px;
	}
    section.we-serve.neighborhood .row3 .column.txt {
    	margin-left: -211em;
	}
}
@media (max-width: 1050px) {
    section.banner .overlay::before,
    section.how-work.services::before,
    section.investor::before,
    section.testimonial .overlay::before,
    section.services::before {
        left: 4%;
    }
    section.banner .overlay::after,
    section.how-work.services::after,
    section.testimonial .overlay::after,
    section.services::after {
        right: 4%;
    }
    section.how-work.services .overlay::before {
        top: 16%;
    }
}
@media (max-width: 991px) {
	section.we-serve.neighborhood .row1 .column.txt {
    	margin-left: -133em;
	}
    section.we-serve.neighborhood .row2 .column.txt {
    	padding-left: 175px;
	}
    section.we-serve.neighborhood .row2 .float-name{
    	left: -9%;
    }
    section.we-serve.neighborhood .row3 .column.txt {
    	margin-left: -196em;
	}
    section.foreclosure-banner h1 span::after{
    	left: -23%;
        width: 114%;
    }
}
@media (max-width: 950px) {
    section.we-serve.neighborhood .section-title h2 span::before {
        width: 84%;
    }
}

@media (max-width: 767px) {
    section.banner.foreclosure-banner h1 {
        text-transform: capitalize !important;
        font-size: 44rem;
        max-width: 300px;
        margin: auto;
        position: relative;
        z-index: 1;
    }
    section.banner.foreclosure-banner h1::after {
        content: '';
        position: absolute;
        background: rgba(131, 52, 122, 0.5);
        width: 141%;
        height: 65px;
        left: -20%;
        z-index: -1;
        top: 55px;
    }
    section.banner.foreclosure-banner h1 span {
        display: inline !important;
    }
    section.banner.foreclosure-banner h1 span::after {
        display: none;
    }
    section.banner.foreclosure-banner p {
        max-width: 355px;
        margin: 0.7em auto 0px;
    }
    section.banner.foreclosure-banner a {
        width: 86%;
    }
    section.track-foreclosure.how-work .overlay {
        padding: 44em 9em 67em;
    }
    section.track-foreclosure .section-title h2 {
        margin-bottom: 1em;
        padding: 0 0.5em;
    }
    section.foreclosure-broker::after {
        display: none;
    }
    section.foreclosure-opt .overlay::before {
        display: none;
    }
    section.foreclosure-opt .overlay::after {
        top: 85px;
        width: 100%;
    }
    section.foreclosure-opt {
        padding: 134em 0 21em;
    }
    section.foreclosure-opt::before {
        width: 66%;
        top: 39px;
    }
    section.foreclosure-opt::after {
        right: -59.8%;
        height: 123px;
    }
    /* We Serve Neighborhood */
    section.we-serve.neighborhood {
        margin: 3em 0 0;
    }
    .we-serve.neighborhood .section-title {
        padding-left: 0;
    }
    .we-serve.neighborhood .section-title h2 {
        text-align: center !important;
        padding-bottom: 24rem;
    }
    section.we-serve.neighborhood .section-title h2 span {
        position: relative;
    }
    section.we-serve.neighborhood .section-title h2 span::before {
        width: 100%;
        top: 6px;
        height: 60px;
    }
    section.we-serve.neighborhood .section-title p {
        text-align: center;
        padding: 0 15px;
        margin: 0 auto 15rem;
        max-width: 100%;
    }
    section.we-serve.neighborhood .row1 .column.txt,
    section.we-serve.neighborhood .row3 .column.txt{
    	margin-left: 0;
	}
    section.we-serve.neighborhood .row1 .column.txt .float-name {
        top: unset;
        bottom: -89%;
        width: 113%;
        left: -6%;
    }
    section.we-serve.neighborhood .row2 .column.txt{
    	margin-left: 0;
        padding-left: 0;
        top: 0;
        position: relative !important;
    }
    section.we-serve.neighborhood .row2 .float-name{
		left: -5%;
        bottom: -83%;
    	width: 64%;
    }
    section.we-serve.neighborhood .row3 .column.txt .float-name {
        width: 123%;
        right: unset;
        top: 63%;
        left: -12%;
    }
}

@media (max-width: 340px) {
    section.we-serve.neighborhood .row .column.txt {
        margin-top: -30em !important;
    }
}


/*/////////////////////////////////////////// Probate Sales Page */

section.sales-banner {
    background: url(images/probate-sales/banner.jpg) no-repeat;
}


/* Work Section */

section.probate-work .section-title h2 {
    margin: 0 auto 0.3em;
    max-width: 1050px;
    line-height: 1.4;
}

section.probate-broker::after {
    width: 34%;
    left: 0;
    right: unset;
    background: #56A3A6;
}

.probate-serve .section-title::before {
    content: '';
    position: absolute;
    background: #56A3A6;
    width: 1px;
    height: 7%;
    top: -21px;
    left: 29%;
}

section.probate-serve::before {
    background: #83347A;
    width: 49%;
}


/* Responsive Probate Sales Page */

@media (max-width: 991px) {
    section.sales-banner h1 span::after {
        left: -23%;
    }
}

@media (max-width: 1040px) and (min-width: 992px) {
    section.broker .broker-info h2 {
        max-width: 380px;
    }
}

@media (max-width: 767px) {
    section.sales-banner::before {
        display: none;
    }
    section.sales-banner h1 span {
        display: inline !important;
        position: unset !important;
    }
    section.sales-banner h1 {
        margin: auto;
        max-width: 359px;
        z-index: 1;
        position: relative;
    }
    section.sales-banner h1 span::after {
        top: 56px;
        z-index: -1;
    }
    section.probate-work .section-title h2 {
        margin: 0 auto 0.6em;
    }
    section.probate-broker {
        border-top: 1px solid #56A3A6;
        margin-top: 45em;
    }
    .probate-serve .section-title::before {
        width: 100%;
        height: 1px;
        left: 0;
        right: 0;
        top: 78px;
    }
}


/*/////////////////////////////////////////// Commercial Property Evaluation Page */

section.commercial-banner {
    background: url(images/commercial/banner.jpg) no-repeat;
}

section.commercial-banner p {
    max-width: 720px;
}

section.commercial-banner .overlay {
    padding-top: 18.5%;
}

section.commercial-banner h1 span::after {
    width: 117%;
    left: -35%;
}


/* How Much U Can Sell Section */

section.how-much .overlay {
    padding: 53em 0 0;
}

section.how-much h2 {
    max-width: 570px;
    line-height: 1.3;
    margin-bottom: 1.1em;
}

section.how-much p {
    margin-bottom: 1.4em;
}

section.how-much ul {
    margin: 0 0 42em 38em;
}

section.how-much .overlay::before {
    width: 70%;
}

section.how-much .overlay::after {
    top: 17%;
    width: 44%;
}

section.how-much .bottom-lines .line-overlay {
    min-height: 119px;
}

section.how-much .bottom-lines::after {
    height: 107px;
}


/* Vertical Slider */

section.vertical-slider {
    margin: 81em 0 132em;
}

section.vertical-slider .slide-wrapper {
    margin-top: 44em;
}

section.vertical-slider .txt {
    text-align: center;
    background: url(images/commercial/slider/quote.png) no-repeat top center;
    padding: 0 0 10px;
    height: 100%;
}


/*------------------------------ vertical bootstrap slider----------------------------*/

section.vertical-slider .carousel-inner>.carousel-item.carousel-item-next,
section.vertical-slider .carousel-inner>.carousel-item.active.carousel-item-right {
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    top: 0;
}

section.vertical-slider .carousel-inner>.carousel-item.carousel-item-prev,
section.vertical-slider .carousel-inner>.carousel-item.active.carousel-item-left {
    transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    top: 0;
}

section.vertical-slider .carousel-inner>.carousel-item.next.carousel-item-left,
section.vertical-slider .carousel-inner>.carousel-item.carousel-item-prev.carousel-item-right,
section.vertical-slider .carousel-inner>.carousel-item.active {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    ;
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    top: 0;
}


/*------------------------------- vertical carousel indicators ------------------------------*/

section.vertical-slider .carousel-indicators {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 20px;
    left: -16%;
    right: auto;
    width: auto;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

section.vertical-slider .carousel-indicators li {
    display: block;
    margin-bottom: 5px;
    border: 1px solid #56A3A6;
    width: 55px;
    height: 1px;
}

section.vertical-slider .carousel-indicators li.active {
    margin-bottom: 5px;
    background: #56A3A6;
}

section.vertical-slider .carousel-control {
    font-size: 30rem;
    text-decoration: none;
    color: #83347A;
    position: absolute;
}

section.vertical-slider .carousel-control.left {
    top: -7px;
    left: -4.8%;
}

section.vertical-slider .carousel-control.right {
    bottom: -7px;
    left: -4.8%;
}

section.commercial.foreclosure-broker::after {
    display: none;
}


/* Responsive */

@media (max-width: 1040px) {
    section.commercial-banner h1 span::after {
        left: -16%;
    }
    section.vertical-slider .carousel-control {
        left: -2.4% !important;
    }
    section.how-much .overlay::after {
        top: 23%;
    }
    section.vertical-slider .txt h4 {
        margin-top: 0.9em;
    }
}

@media (max-width: 991px) {
    section.commercial-banner h1 span::after {
        left: -22%;
        width: 122%;
    }
    section.how-much h2,
    section.how-much p {
        margin-bottom: 0.5em;
    }
    section.services .overlay::before {
        top: 245px;
    }
    section.how-much .overlay::after {
        top: -259px;
        bottom: 0;
        margin: auto;
        width: 70%;
    }
    section.vertical-slider .carousel-control {
        left: -3.4% !important;
    }
    section.vertical-slider .carousel-indicators li {
        width: 35px;
    }
    section.how-much ul {
        margin: 0 0 18em 26em;
    }
}

@media (max-width: 767px) {
    section.commercial-banner .overlay {
        padding: 62.5% 0 184em;
    }
    section.commercial-banner .banner-content {
        padding: 0 15px;
    }
    section.commercial-banner h1 {
        margin: 0 auto 0.5em;
        max-width: 276px;
    }
    section.commercial-banner h1 span::after {
        left: -25%;
        width: 151%;
    }
    section.commercial-banner a {
        width: 55%;
    }
    section.how-much .overlay {
        padding: 39em 9em 0;
    }
    section.how-much h2 {
        max-width: 350px;
        line-height: 1.2;
        margin-bottom: 0.9em;
    }
    section.how-much p {
        margin-bottom: 1.5em;
        padding-right: 1%;
    }
    section.how-much ul {
        margin: 0 0 36em 37em;
    }
    section.how-much .col-lg-5 {
        padding: 0;
        margin: 27px 0 0;
    }
    section.vertical-slider {
        margin: 57em 0 26em;
    }
    section.vertical-slider .section-title {
        text-align: center;
    }
    section.vertical-slider .slide-wrapper {
        margin-top: 60em;
    }
    section.vertical-slider .txt p {
        font-size: 22rem;
    }
    section.vertical-slider .txt {
        padding: 30em 0 10px;
    }
    section.vertical-slider .commercial-slider .owl-nav button {
        position: absolute;
        top: -37px;
        margin: auto;
        background: none !important;
        border: none;
        outline: 0 !important;
        z-index: 1;
    }
    section.vertical-slider .commercial-slider .owl-nav button.owl-prev {
        left: 11px;
    }
    section.vertical-slider .commercial-slider .owl-nav button.owl-next {
        right: 11px;
    }
    section.vertical-slider .commercial-slider .owl-nav button i {
        font-size: 30rem;
        color: #83347A;
    }
    section.vertical-slider .commercial-slider .owl-dots {
        position: absolute;
        top: -27px;
        width: 100%;
    }
    section.vertical-slider .commercial-slider .owl-dots .owl-dot {
        outline: 0 !important;
    }
    section.vertical-slider .commercial-slider .owl-dots .owl-dot span {
        border-radius: 0;
        /* border: 1px solid #56A3A6; */
        width: 55px;
        height: 2px;
        background: #F3F3FB;
    }
    section.vertical-slider .commercial-slider .owl-dots .owl-dot.active span {
        background: #56A3A6;
    }
}


/*------------------------------- Home Evaluation page ------------------------------*/

section.homeev-banner {
    background: url(images/home-evaluation/banner.jpg) no-repeat;
}

section.homeev-banner p {
    max-width: 740px;
}

/* buttons */

section.services .serv-btn a,
.form-button-div a{
    font-size: 16rem;
    font-family: 'Brandon-Bold';
    text-transform: uppercase;
    color: #fff;
    padding: 1em 3em;
    background-color: #55a3a5;
    border: 1px solid #55a3a5;
}

.form-button-div{
    margin-top: 55px;
}

section.services .serv-btn a:hover,
.form-button-div a:hover{
    text-decoration: none;
    color: #55a3a5;
    background-color: #fff;
}


@media (max-width: 991px) and (min-width: 768px) {
    section.homeev-banner h1 span::after {
        left: -28%;
    }
}

@media (max-width: 767px) and (min-width: 576px) {
    header nav div#collapsibleNavbar {
        width: 76%;
    }
}

@media (max-width: 767px) {
    section.homeev-banner p {
        max-width: 360px;
        margin: 1em auto 0;
    }
    section.homeev-banner a {
        width: 98%;
    }
}

@media (max-width: 380px) {
    section.commercial-banner h1 {
        max-width: 260px;
    }
    section.commercial-banner .overlay {
        padding: 75.5% 0 100em;
    }
}

@media (max-width: 340px) {
    section.commercial-banner h1 {
        max-width: 215px;
    }
}

/* --------------------------------------------- Contact Us Page ----------- */

section.contact-banner .overlay {
    padding: 23.5% 0px 14%;
    min-height: auto;
}

/* #frm_form_7_container{
    padding: 41em;
    box-shadow: 0px 0px 14px 2px rgb(0 0 0 / 50%);
} */

.contact-form{
    margin-top:70em;
}

@media (max-width: 767px) {
    section.contact-banner .overlay {
        padding: 54.5% 0px 29%;
    }
    section.contact .contact-block i,
    section.contact .contact-block a {
        font-size: 20rem !important;
    }
}

@media (max-width: 350px) {
    section.contact-banner .overlay {
        padding: 78.5% 0px 29%;
    }
}

section.contact .contact-block {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 41em 0;
    box-shadow: 0px 0px 14px 2px rgb(0 0 0 / 50%);
}

section.contact .contact-block i,
section.contact .contact-block a {
    font-size: 24rem;
    color: #56A3A6;
    text-decoration: none !important;
}

section.contact .contact-block i {
    margin-right: 1em;
}

section.contact .contact-blocks {
    margin-top: 70em;
}

section.contact .social-media-icons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    max-width: 800px;
    margin: 80em auto;
}

section.contact .social-media-icons a {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #83347A;
    text-decoration: none;
    transition: .3s all ease;
}

section.contact .social-media-icons a:hover {
    background: #E5E5E5;
    transition: .3s all ease;
}

section.contact .social-media-icons a:hover i {
    color: #83347A;
    transition: .3s all ease;
}

section.contact .social-media-icons a i {
    font-size: 30rem;
    color: #fff;
}

@media (max-width: 767px) {
    section.contact .contact-block {
        margin-bottom: 20em;
    }
}



/*** modal forms **/
@media (min-width: 768px){
    .modal-dialog {
        max-width: 70%;
        width: auto;
        top: 25%;
        padding: 50rem;
    }
}