/* PERSONAL CSS */
@font-face{
    src: url("../assets/fonts/TT-Norms-Fonts/TTNorms-Bold.otf");
    font-family: "ttnormsbold";
}
@font-face{
    src: url("../assets/fonts/TT-Norms-Fonts/TTNorms-Italic.otf");
    font-family: "ttnormsnormal";
}
.cid-r2IkBBPmw7 .navbar{
    min-height: 85px;
}
.bg-warning{
    background-color: #ffc107!important;
}
.bg-info{
    background-color: #17a2b8!important;
}
.bg-success{
    background-color: #28a745!important
}
#myRate{
        border: 1px solid #e8e8e8;
}

/* .banner{
    background-image: url('../images/mf-banner-home.png');
    min-height: 1000px;
    background-size:   cover;
    background-position: center center;
    background-repeat: no-repeat;
} */

.display-1{
    font-family: Larsseit, Helvetica;
    font-size: 55px;
}
.display-2{
    font-family: Larsseit, Helvetica;
    font-size: 28px;
}

#form{
    position: relative;
}

#personal-sec-2{
    padding: 30px;
}

.card-boxes h1{
    
}

#personal-sec-2 #card-boxes{
    background: #fff !important;
    border-radius: 4px;
    padding: 20px;
    top: -70px;
    position: relative;
}

#personal-sec-2 span{
    font-size: 16px;
    color:#5e5e5e;
}

#personal-sec-3{
    padding:120px;
    background: #00A9CE;
}

#personal-sec-3 h3{
    color: #fff;
    font-size: 42px;
}

#personal-sec-3 p{
    font-size: 16px;
    margin-top: 30px;
    color:#fff;
}


#personal-sec-4{
    padding: 100px;
    text-align: left;
}

#personal-sec-4 h3{
    color: #5b5b5b;
    font-size: 33px;
    margin-bottom: 20px;
    margin-top: 20px
} 

#personal-sec-4 .mtop40{
    margin-top: 40px;
}

#personal-sec-4 .personal-sec-4-right{
    margin-bottom: 20px;
    margin-top: 20px
}

#personal-sec-4 h5{
    color: #5b5b5b;
    font-size: 20px;
    margin-bottom: 20px;
}    

#personal-sec-5{
    padding:37px;
    position: relative;
    margin-top: -42px;
}
#personal-sec-5 h3{
    color: #fff;
    font-weight: bold;
    color: #00A9CE;
}

#personal-sec-5 .find-my-rate-btn{
    background: #00819D;
    color: #fff;
    font-weight: bold;
    margin-top: 40px;
}

.slidecontainer {
    width: 100%;
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 25px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider:hover {
    opacity: 1;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    background: #4CAF50;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    background: #4CAF50;
    cursor: pointer;
}

#formData {
    color: #fff;
    margin-top: 14px;

    margin-left: 0px;
    font-size:24px;

    width: auto;
    height: auto;
}

#step-1-btn{
    background:#009C50;
    color: #fff;
    font-size: 18px;
    margin-top: 30px;
    cursor: pointer;
    border:0;
}

.mauto{
    margin: 0 auto;
}

#prev-1-btn {
    background-color: #009C50;
    color: #fff; 
    font-size: 18px;
    cursor: pointer;
}

#step-2-btn {
    background-color: #009C50;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}

#prev-2-btn {
    background-color: #009C50;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}

#step-3-btn {
    background-color: #009C50;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}

#step-4-btn, #prev-3-btn, #prev-4-btn, #step-5-btn, #prev-5-btn, #submit-btn {
     background-color: #009C50;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}

/* BUSINESS CSS */

#business-sec-2{
    padding:30px;
    background: #f9f9f9;
}

#business-sec-2 h3{
    margin-top:20px;
    margin-bottom:30px;
    color: #5B5B5B;
    font-size: 47px;
}
#business-sec-2 p{
    font-size: 18px;
    color:#5B5B5B;
}

#business-sec-2 ul{
    margin-bottom:30px;
    margin-top:20px;
    font-size: 18px;
}

.business-sec-3-bg{
    padding: 100px;
    background: #00A9CE;
}

#business-sec-3 h3{
    color: #fff;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 47px;
} 

#business-sec-3 .mtop40{
    margin-top: 40px;
}

#business-sec-3 p{
    font-size: 18px;
    text-align: left;
    color:#fff;
}

#business-sec-3 .business-sec-3-right{
    margin-bottom: 20px;
    margin-top: 20px
}

#business-sec-3 h5{
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px;
}    

#business-sec-3 .find-my-rate-btn{
    background: #00819D;
    color: #fff;
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 40px;
}
#business-sec-3 .find-my-rate-btn:hover{
    background: #0793b2;
}

#business-sec-4{
    padding: 30px;
    margin-bottom: 40px;
    background: #fff;
}

#business-sec-4 h3{
    color: #5B5B5B;
    margin-bottom: 40px;
    font-size: 47px;
}
#business-sec-4 p{
    font-size: 18px;
    color: #5B5B5B;
}

#business-sec-4 h5{
    color: #5B5B5B;
    font-weight: bold;
    font-size: 16px;
    margin-top: 60px;
}

#business-sec-4 .table-bordered{
    font-size: 14px;
    text-align: center;
}

#business-sec-4 .table thead th{
    border-bottom: 2px solid #dee2e6;
    font-weight: 100;
    background: #00A9CE;
    color: #fff;
    font-weight: bold;
}

#business-sec-4 .bg-gray{
    font-weight: 100;
    color: #fff;
    background: #00A9CE;
    font-weight: bold;
}

#business-sec-5{
    padding:37px;
    background: #00A9CE;
    position: relative;
    margin-top: -42px;
}
#business-sec-5 h3{
    font-weight: bold;
    color: #fff;
}

#business-sec-5 .find-my-rate-btn{
    background: #00819D;
    color: #fff;
    font-weight: bold;
    margin-top: 40px;
}
#business-sec-5 .find-my-rate-btn:hover{
    background: #0793b2;
}
.display-none{
    display: none;
}
/* CONTACT CSS */

#contact-sec-2{
    padding:30px;
}


#contact-sec-2 #contact-btn{
    background: #00819D !important;
    color: #fff;
    padding: 10px 20px 10px 20px;
}

#contact-sec-2 #contact-btn:hover{
    background: #0da3c4 !important;
}


/* COMPANY CSS */

#company-sec-2{
    padding:30px;
}

#company-sec-2 #right{
    float: right;
}

#company-sec-2 #left{
    font-size: 40px;
    color: #00A9CE !important;
    position: absolute;
    left: -45px;
}

#company-sec-2 #right{
    font-size: 40px;
    color: #00A9CE !important;
    position: absolute;
    right: -45px;
}

#company-sec-2 p{
    font-size: 16px;
    padding: 15px;
    color: #A1A1A1;
}

#company-sec-2 .testimonial-1{
    float: right;
    color: #ccc;
}

#box-white-company #box-white{
    background: #00A9CE;
    padding: 20px;
    border-radius: 25px;
    position: relative;
    top: 60px;
    z-index: 1;
}

#box-white-company .company-sec-2-title{
    color: #fff;
    font-weight: bold;
    font-size: 47px;
}
#box-white-company .company-sec-2-subtitle{
    font-size: 18px;
    margin-top: 30px;
    color: #fff;
}
#box-white-company p{
    margin-left: 10px;
    font-size: 15px;
    font-weight: 300;
    color: #fff;
}

#company-sec-3{
    padding:30px;
}

#company-sec-3 h3{
    color: #fff;
    margin-top: 11%;
    font-size: 40px;
    font-weight: 300;
}

#company-sec-3 h5{
    font-size: 22px;
    color: #fff;
    font-weight: 300;
    letter-spacing: 8px;
}



#company-sec-4{
    padding:38px;
}

#company-sec-4 #right{
    float: right;
}

#company-sec-4 #left{
    font-size: 40px;
    color: #00A9CE !important;
    position: absolute;
    left: -45px;
}

#company-sec-4 #right{
    font-size: 40px;
    color: #00A9CE !important;
    position: absolute;
    right: -45px;
}

#company-sec-4 p{
    font-size: 16px;
    padding: 15px;
    color: #A1A1A1;
}

#company-sec-4 .testimonial-1{
    float: right;
    color: #ccc;
}

#box-white-company-4 #box-white{
    background: #00A9CE;
    padding: 20px;
    border-radius: 25px;
    position: relative;
    top: -60px;
    z-index: 1;
}
#box-white-company-4 .company-sec-4-title{
    font-size: 47px;
    font-weight: bold;
    color: #fff;
}

#box-white-company-4 .company-sec-42-title{
    color: #4a4a4a;
    font-weight: 400;
    letter-spacing: 5px;
}
#box-white-company-4 .company-sec-4-subtitle{
    font-size: 18px;
    margin-top: 30px;
    color: #fff;
}
#box-white-company-4 p{
    margin-left: 10px;
    font-size: 15px;
    color: #fff;
}

#mbot{
    margin-bottom: 500px;
}


/* NEWS CSS */

#news-sec-2{
    padding:30px;
}
#news-sec-2 h3{
    font-size: 47px;
    color: #5B5B5B;
    font-weight: bold;
}
#news-sec-2 .mtop-news{
    margin-top:7%;
}

#news-sec-2 .readmore-news-btn{
    background: #00819D;
    color: #FFF;
}

#news-sec-2 p{
    font-size: 18px;
    color: #5B5B5B;
    font-weight: bold;
}

#news-sec-3{
    padding:30px;
    background:#00A9CE;
    min-height: 250px;
}
#news-sec-3 h3{
    margin-top: 7%;
    color: #fff;
    font-weight: bold;
    font-size: 47px;
}

#news-sec-4 p{
    font-size: 18px;
    font-weight: bold;
    color: #5B5B5B;
}

#news-sec-4{
    padding:30px;
}
#news-sec-4 h3{
    margin-top:30px;
    margin-bottom: 30px;
    font-size: 47px;color: #5B5B5B;
    font-weight: bold;
}

#news-sec-4 .readmore-news-btn{
    background: #00819D;
    color: #FFF;
}

#new-sec-5{
    padding: 30px;
    background: #00A9CE;
}

#new-sec-5 h3{
    color: #fff;
}

#new-sec-5 h3{
    color: #fff;
    font-weight: bold;
    margin-bottom: 23px;
}

#new-sec-5 .news-findmyrate-btn{
    color: #fff;
    background: #00819D;

}

#findmyrate-btn, #getstarted-btn, #clickhere-btn{
    background: #00819D;
    color:#fff;
}

#footer2-3 p{
    color: #333;
}


/* NEWS CSS */

#index-sec-2{
    position: relative;
    background: #00A9CE;
    padding:120px;
}
#index-sec-2 .borderColor{
    border-right: 1px solid #fff;
}
#index-sec-2 h1{
    color:#fff;
    margin-top: 10%;
}
#index-sec-2 .p-top{
    color:#fff;
    font-size: 21px;
}
#index-sec-2 .p-bot{
    color:#fff;
}
#index-sec-2 #clickhere-btn{
    margin-top: 54px;
}

#index-sec-3{
    position: relative;
    background: #fff;
    padding: 120px;
}
#index-sec-3 h1{
    font-weight:bold;
}

#index-sec-3 h2{
    color:#5b5b5b;
    font-size: 47px;
}
#index-sec-3 p{
    color:#5b5b5b;
    font-size: 17px;
    line-height: 29px;
    letter-spacing: 1px;
}
#index-sec-4{
    position: relative;
    margin-bottom: 500px;
    background: #00A9CE;
    padding:143px; 
}

#index-sec-4 h2{
    color:#fff;
    font-size: 47px;
}
#index-sec-4 p{
    color:#fff;
    margin-top: 16px;
    font-size: 16px;
}
#index-sec-4 .div-right{
    background: rgba(0,0,0,.15);
    padding:20px;
}
#index-sec-4 ul li{
    font-size: 27px;
    color: #fff;
    font-weight:bold;
}
#index-sec-4 ul li span{
    border-bottom: 1px solid #fff;
    padding: 2px;
}

.errDebt, .errEst, .errInc, .errEmp, .errRentOwn, .errFname, .errLname, .errCity, .errState, .errZip, .errPhone, .errPhone2, .errEmail, .errEmail2, .errAddress, .errStreet, .errBday, .agreeErr, .errSss, .errOwn{
        color:red;
    }

/* RESPONSIVE CSS */

@media only screen and (max-width: 768px) {
    
    #features5-2{
        margin-bottom: 748px !important;
    }
    .index-title{
            font-size: 38px !important;
    }
    .display-2 {
        font-size:16px !important;
    }
    #business-sec-4 .table-bordered{
        display: none !important;
    }
    #business-sec-4 h5{
        display: none !important;
    }

    #company-sec-4 #left, #company-sec-4 #right, #company-sec-2 #right, #company-sec-2 #left{
        display: none;
    }
    #index-sec-2, #index-sec-3, #index-sec-4{
        padding: 30px;
    }
    #index-sec-2 .borderColor{
        border-right: 1px solid transparent;
    }
    #index-sec-2 h1{
        font-size: 24px;
    }
    #index-sec-3 h2{
        font-size: 22px;
    }
    #index-sec-3 p {
        font-size: 16px;
        margin-top: 12px;
        line-height: 24px;
        letter-spacing: 0px;
    }
    #index-sec-4 h2{
        font-size: 24px;
    }
    #index-sec-4 ul li {
        font-size: 21px;
    }
    #personal-sec-3, #personal-sec-4{
        padding: 30px;
    }
    #personal-sec-3 h3 {
        font-size: 19px;
    }
    #personal-sec-4 h3 {
        font-size: 23px;
    }
    #personal-sec-5 h3 {
        font-size: 23px;
    }
    .business-sec-3-bg{
        padding: 30px;
    }
    #business-sec-2 h3 {
        font-size: 31px;
    }
    #business-sec-2 p{
        font-size: 16px;
    }
    #business-sec-3 h3{
        font-size: 31px;
    }
    #business-sec-3 p {
        font-size: 16px;
    }
    #business-sec-4 h3 {
        font-size: 31px;
    }
    #business-sec-4 p {
        font-size: 16px;
    }
    #business-sec-5 h3 {
        font-size: 18px;
    }
    #box-white-company .company-sec-2-title {
        font-size: 31px;
    }
    #box-white-company p {
        font-size: 15px;
        font-weight: 400;
        margin-top: 15px;
    }
    #company-sec-3 h3 {
        margin-top: 22%;
        font-size: 24px;
        font-weight: bold;
    }
    #company-sec-3 h5 {
        font-size: 17px;
        margin-top: 66px;
        font-weight: 400;
        letter-spacing: 3px;
    }
    #box-white-company-4 .company-sec-4-title {
        font-size: 31px;
    }
    #box-white-company-4 p {
        margin-top: 22px;
    }
    #contact-sec-2 {
        padding: 0px;
    }
    #news-sec-2 {
        padding: 5px;
    }
    #news-sec-2 h3 {
        font-size: 31px;
        padding: 30px;
    }
    #news-sec-3 {
        min-height: 0px;
        padding: 30px;
    }
    #news-sec-3 h3{
        margin-top: 0%;
        font-size: 31px;
    }
    #news-sec-4 h3 {
        font-size: 31px;
    }
    .custom-banner-css{
        background-position: -800px !important;
    }
    .cid-r2IkBBPmw7 img{
        height: 1.8rem !important;
    }
    .personal-title{
        font-size: 48px !important;
    }
    .business-title{
        font-size: 42px !important;
    }
    .company-title{
        font-size: 48px !important;
    }
    .contact-title{
        font-size: 48px !important;
    }
    .news-title{
        font-size: 48px !important;
    }
    #personal-sec-2 #card-boxes{
        padding: 10px;
    }
    #formData label{
        font-size: 14px !important;
    }
    #step-2-btn{
        margin-top: 0px !important;
    }
    #step-3-btn{
        margin-top: 0px !important;
    }
    #submit-btn{
        margin-top: 0px !important;
    }
    #footer2-3{
        bottom:-35px !important;
    }
    

}