@font-face {
    font-family: 'Brandon-Reg';
    src: url(../fonts/Brandon_reg.otf);
}

@font-face {
    font-family: 'Brandon-Medium';
    src: url(../fonts/Brandon_med.otf);
}

@font-face {
    font-family: 'Brandon-Bold';
    src: url(../fonts/Brandon_bld.otf);
}

@font-face {
    font-family: 'Brandon-Black';
    src: url(../fonts/Brandon_blk.otf);
}

.font-medium {
    font-family: 'Brandon-Medium';
}

.font-bold {
    font-family: 'Brandon-Bold';
}

body {
    font-family: 'Brandon-Reg';
    color: #fff;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'Karla', sans-serif;
}

h1 {
    font-size: 72rem;
    font-family: 'Brandon-Bold';
    line-height: 104px;
}

h2 {
    font-size: 48rem;
    color: #292929;
}


/* Header Typography */

header .contact-container ul li p {
    font-size: 16rem;
    font-weight: 390;
}

header .contact-container ul li a {
    font-size: 16rem;
    font-family: 'Brandon-Bold';
    color: #fff;
}

header nav ul li a {
    font-size: 14rem;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 0px !important;
}


/*header nav ul li a {
    font-size: 14rem;
    color: #fff;
    text-transform: uppercase;
    padding: 16px 10px !important;
}*/

/* Banner */

section.banner p {
    font-size: 28rem;
    font-weight: 390;
}

section.banner a {
    font-size: 16rem;
    font-family: 'Brandon-Bold';
    text-transform: uppercase;
}


/* Services Section */

.section-title h2 {
    font-weight: 800;
    font-size: 48rem;
    color: #292929;
}


/* We Serve Section */

.section-title p,
.section-title span {
    font-weight: 390;
    font-size: 18rem;
    color: #292929;
}

section.we-serve .row h2 {
    font-size: 130rem;
    font-weight: 800;
}


/* Testimonial Section */

section.testimonial .testimonial-slider p {
    font-size: 24rem;
    font-weight: 390;
    line-height: 1.9;
}

section.testimonial .testimonial-slider h4 {
    font-family: 'Brandon-Bold';
    font-size: 24rem;
    margin-top: 2.5em;
}


/* Broker Section */

section.broker .broker-info h2 {
    font-size: 36rem;
    font-weight: 800;
    line-height: 1.4;
}

section.broker .broker-content p,
section.broker .broker-content span {
    font-size: 24rem;
    font-weight: 390;
    color: #292929;
}

section.broker .broker-content p {
    margin-bottom: 1.5em;
}

section.broker .broker-content p:nth-of-type(2),
section.broker .broker-content p:nth-of-type(4) {
    margin-bottom: 0;
}


/* Footer */

footer .fmain-col1 li a {
    font-size: 16rem;
    color: #fff;
}

footer .fmain-col1 li span {
    font-size: 14rem;
    color: #fff;
}

footer .finner-col li a,
footer .finner-col li p {
    color: #fff;
    font-size: 14rem;
}


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

section.broker-msg .andy-msg h2 {
    line-height: 1.45;
}

section.broker-msg .andy-msg p {
    color: #000;
    font-size: 24rem;
    font-weight: 390;
    line-height: 1.95;
}


/* Team Section  */

section.services.about-team .serv-btn .modal h3 {
    color: #56A3A6;
    font-size: 36rem;
    font-weight: 700;
}

section.services.about-team .serv-btn .modal p {
    color: #000;
    font-size: 24rem;
    margin-bottom: .5em;
}

section.services.about-team .serv-btn .modal a {
    font-size: 24rem;
    color: #000;
    text-decoration: none !important;
}

section.services.about-team .serv-btn .modal a i {
    color: #56A3A6;
    font-size: 20rem;
    display: inline-block;
    margin-right: 15px;
}


/*/////////////////////////////////////////// Fill Your Vacancie Page */


/* How IT Works Section */

section.how-work .column h3 {
    font-size: 18rem;
    color: #83347A;
    font-family: 'Brandon-Black';
    text-transform: uppercase;
}

section.how-work .column p {
    color: #292929;
    font-weight: 390;
    font-size: 18px;
}

section.investor .column1 {
    font-size: 18rem;
    color: #292929;
    line-height: 1.6;
}

section.investor .column1 .span1 {
    font-family: 'Brandon-Bold';
    display: block;
}


/* We Serve Neighborhood Section */

section.we-serve.neighborhood .section-title h2 span {
    font-weight: unset;
    font-size: unset;
    color: #fff;
    padding: 0.3em 0;
}


/* Responsive */
@media (max-width: 1450px) {
    section.we-serve .row h2 {
        font-size: 98rem;
    }
}
@media (max-width: 1150px) {
	section.we-serve .row h2 {
    	font-size: 69rem;
	}
   }
@media (max-width: 991px) {
    section.we-serve .row h2 {
        font-size: 64rem;
    }
}

@media (max-width: 767px) {
    h1 {
        font-size: 40rem;
        line-height: 58px;
        text-align: center;
    }
    section.banner p {
        font-size: 24rem;
        text-align: center;
        line-height: 36px;
    }
    .section-title h2 {
        font-size: 40rem;
    }
    .section-title p,
    .section-title span {
        font-size: 24rem;
        padding-right: 7%;
    }
    section.we-serve .row h2 {
        font-size: 59rem !important;
        text-align: center;
        -webkit-background-clip: text;
        -moz-background-clip: text;
        -webkit-text-fill-color: transparent;
        -moz-text-fill-color: transparent;
        background-image: linear-gradient(to bottom, #fff 50%, #56A3A6 50%);
    }
    section.we-serve .row2 h2 {
        background-image: linear-gradient(to bottom, #fff 50%, #83347A 50%);
    }
    section.we-serve .row2 h2.second {
        background-image: none;
        color: #83347A !important;
        -webkit-text-fill-color: unset;
    }
    /* Testimonial */
    section.testimonial .testimonial-slider p {
        line-height: 1.5;
    }
    section.testimonial .testimonial-slider h4 {
        margin-top: 1.5em;
    }
    /* Broker section */
    section.broker .broker-info h2 {
        font-size: 24rem;
        line-height: 1.46;
    }
}

@media (max-width: 380px) {
    h1 {
        font-size: 38rem
    }
    section.banner a {
        font-size: 15rem;
    }
    section.we-serve .row2 h2 {
        font-size: 48rem !important;
    }
    section.broker .broker-info h2 {
        font-size: 19rem;
    }
}

@media (max-width: 340px) {
    h1 {
        font-size: 30rem;
    }
    section.banner p {
        font-size: 20rem;
    }
    section.banner a {
        font-size: 12rem;
    }
    section.services .serv-btn a {
        font-size: 14rem;
    }
    section.we-serve .row2 h2 {
        font-size: 40rem !important;
    }
    .section-title h2 {
        font-size: 34rem;
    }
    section.testimonial .testimonial-slider p {
        font-size: 18rem;
    }
}


/* About Us Page */

@media (max-width: 1366px) {
    section.services.about-team .serv-btn .modal p,
    section.services.about-team .serv-btn .modal a {
        font-size: 20rem;
    }
}

@media (max-width: 380px) {
    section.broker-msg .section-title h2 {
        font-size: 32rem;
    }
    section.broker-msg .andy-msg p {
        font-size: 22rem;
    }
}


/* Vacancie Page responsive */

@media (max-width: 1199px) {
    section.banner.vacancie-banner h1 {
        font-size: 60rem;
    }
}

@media (max-width: 991px) {
    section.banner.vacancie-banner h1 {
        font-size: 45rem;
    }
}

@media (max-width: 767px) {
    section.banner.vacancie-banner h1 {
        line-height: 63px;
        font-size: 47rem;
        text-transform: capitalize !important;
    }
    section.how-work .column p {
        font-size: 17px;
    }
    section.investor .column1 {
        font-size: 24rem;
    }
}

@media (max-width: 380px) {
    section.banner.vacancie-banner h1 {
        font-size: 43rem;
    }
    section.testimonial.vacancie h2 {
        font-size: 36rem;
    }
    section.testimonial.vacancie p {
        font-size: 21rem;
    }
    section.investor .column1 a {
        padding: 1em 1.2em !important;
    }
}

@media (max-width: 350px) {
    section.banner.vacancie-banner h1 {
        font-size: 37rem;
    }
    section.banner.vacancie-banner p {
        max-width: 287px;
    }
    section.investor .column1 a {
        font-size: 13rem;
    }
    section.testimonial.vacancie h2 {
        font-size: 30rem;
    }
    section.testimonial.vacancie p {
        font-size: 17rem;
    }
    section.opt-in .section-title p,
    section.opt-in .section-title span {
        font-size: 18rem;
    }
}


/* Responsiove Forclosure Sales Page */

@media (max-width: 991px) and (min-width: 768px) {
    section.banner.foreclosure-banner .overlay {
        padding-top: 17.5%;
    }
    section.banner.foreclosure-banner h1 {
        font-size: 60rem;
    }
}

@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;
    }
}

@media (max-width: 340px) {
    section.we-serve.neighborhood .row h2 {
        font-size: 48rem !important;
    }
}


/* Responsive Probate Sales Page */

@media (max-width: 991px) and (min-width: 768px) {
    section.sales-banner h1 {
        font-size: 54rem;
    }
    section.probate-work .section-title h2 {
        font-size: 43rem;
    }
}


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

section.how-much p,
section.how-much ul li {
    font-size: 24rem;
    color: #000;
}


/* Vertical Slider Section */

section.vertical-slider .txt p {
    font-size: 24rem;
    font-weight: 390;
    font-family: 'Brandon-Reg';
    color: #292929;
    line-height: 1.8;
}

section.vertical-slider .txt h4 {
    color: #292929;
    font-size: 24rem;
    font-family: 'Brandon-Bold';
    margin-top: 2.9em;
}


/* Responsive */

@media (max-width: 991px) and (min-width: 768px) {
    section.commercial-banner h1 {
        font-size: 53rem;
    }
    section.commercial-banner p {
        font-size: 25rem;
    }
}

@media (max-width: 991px) {
    section.vertical-slider .txt p {
        font-size: 20rem;
    }
}

@media (max-width: 767px) {
    section.commercial-banner h1 {
        text-transform: capitalize !important;
    }
}


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

@media (max-width: 991px) and (min-width: 768px) {
    section.homeev-banner h1 {
        font-size: 53rem;
    }
    section.homeev-banner p {
        font-size: 25rem;
    }
}

@media (max-width: 767px) {
    section.homeev-banner h1 {
        font-size: 35rem;
    }
}

@media (max-width: 380px) {
    section.homeev-banner h1 {
        font-size: 32rem;
    }
    section.homeev-banner a {
        font-size: 14rem;
    }
}

@media (max-width: 340px) {
    section.homeev-banner h1 {
        font-size: 27rem;
    }
    section.homeev-banner a {
        font-size: 12rem;
    }
}