﻿body {
    background-color: #5a8bc3 !important;
}

.blue {
    color: #002867;
}

.top-header {
    width: 1200px;
    height: 226px;
    background-image: url("../images/top_banner3.jpg?v=20210629");
    background-color: #002867;
    display: table;
    table-layout: fixed;
    position: relative;
}


    .top-header .logo {
        display: table-cell;
        text-align: right;
        vertical-align: middle;
        padding-top: 10px;
        width: 230px;
        background-color: rgba(0, 45, 115,0.1);
    }

    .top-header .text {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        width: 520px;
        background-color: rgba(0, 45, 115,0.1);
    }

    .top-header .pic {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        overflow: hidden;
        position: absolute;
        height: 219px;
        width: 250px;
        background-color: rgba(0, 45, 115,0.1);
    }

        .top-header .pic .container {
        }

            .top-header .pic .container img {
                display: block;
            }

    .top-header .eng-esp {
        position: absolute;
        top: 10px;
        left: 42px;
    }

.content-gap {
    background-color: #fff;
}

.content-main {
    background-color: #fff;
    padding-top: 16px;
    font-size: 0.9em;
}

    .content-main .main-wrapper {
        margin-right: 10px;
    }

.hide-topbar {
    display: none;
}

/*@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .top-header {
        width: 1000px;
        height: 219px;
        background-image: url("../images/top_banner2@2x.jpg");
        background-color: #002867;
    }
}*/

.defaultSideContent {
    text-align: center;
}

    .defaultSideContent a.sidemenuLink:link, a.sidemenuLink:active, a.sidemenuLink:visited {
        padding-top: 5px !important;
        color: #7999cc !important;
    }

    .defaultSideContent a.sidemenuLink:hover {
        padding-top: 5px !important;
        color: #fff !important;
    }


.sectionContainer {
}

    .sectionContainer .sectionHeader {
        background-color: #f7f7f7;
        padding: 8px 10px;
        border: 1px solid #ECECEC;
        font-size: 1.0em !important;
        font-weight: bold;
    }

        .sectionContainer .sectionHeader a.headerLink:link, a.headerLink:active, a.headerLink:visited {
            text-decoration: none;
            color: #0E24FC !important;
        }

        .sectionContainer .sectionHeader a.headerLink:hover {
            text-decoration: underline;
            color: #0E24FC !important;
        }

        .sectionContainer .sectionHeader a.viewArchive:link, a.viewArchive:active, a.viewArchive:visited {
            font-size: 0.8em !important;
        }

    .sectionContainer .sectionContent {
        background-color: #fff;
        padding: 8px 10px;
        border-right: 1px solid #ECECEC;
        font-size: 0.9em !important;
    }

        .sectionContainer .sectionContent a:link, a:active, a:visited {
            text-decoration: none;
            color: #0E24FC !important;
        }

        .sectionContainer .sectionContent a:hover {
            text-decoration: underline;
            color: #0E24FC !important;
        }

    .sectionContainer .noborder {
        border: 0px solid #ECECEC !important;
    }

    .sectionContainer .h200 {
        height: 200px;
    }

    .sectionContainer .h225 {
        height: 225px;
    }

    .sectionContainer .h100 {
        height: 100px;
    }

    .sectionContainer .center {
        text-align: center;
    }

.imgBackg {
    border: 1px solid #e1e7ec;
    display: table;
    border-color: #e1e7ec;
    -moz-box-shadow: 0 2px 12px rgba(138,148,155,0.15);
    -webkit-box-shadow: 0 2px 12px rgba(138,148,155,0.15);
    box-shadow: 0 2px 12px rgba(138,148,155,0.15);
}

.submitPaymentBtn {
    width: 192px;
    height: 45px;
    background-color: #CD9E0C !important;
    text-shadow: 0px 1px 2px gray;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.5px;
    border-color: #CD9E0C !important;
    -moz-box-shadow: 0 2px 6px rgba(138, 148, 155, 0.15);
    -webkit-box-shadow: 0 2px 6px rgba(138, 148, 155, 0.15);
    box-shadow: 0 2px 6px rgba(138, 148, 155, 0.15);
}

.submitPaymentBtnWide {
    width: 300px;
    height: 45px;
    background-color: #CD9E0C !important;
    text-shadow: 0px 1px 2px gray;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.5px;
    border-color: #CD9E0C !important;
    -moz-box-shadow: 0 2px 6px rgba(138, 148, 155, 0.15);
    -webkit-box-shadow: 0 2px 6px rgba(138, 148, 155, 0.15);
    box-shadow: 0 2px 6px rgba(138, 148, 155, 0.15);
}

.submitPaymentBtnWidest {
    width: 375px;
    height: 45px;
    background-color: #CD9E0C !important;
    text-shadow: 0px 1px 2px gray;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.5px;
    border-color: #CD9E0C !important;
    -moz-box-shadow: 0 2px 6px rgba(138, 148, 155, 0.15);
    -webkit-box-shadow: 0 2px 6px rgba(138, 148, 155, 0.15);
    box-shadow: 0 2px 6px rgba(138, 148, 155, 0.15);
}

.submitPaymentBtn:hover {
    color: #FFF7DE !important;
    background-color: #B98C00 !important;
}

.submitPaymentBtnWide:hover {
    color: #FFF7DE !important;
    background-color: #B98C00 !important;
}

.submitPaymentBtnWidest:hover {
    color: #FFF7DE !important;
    background-color: #B98C00 !important;
}

.submitFormBtn {
    height: 45px;
    background-color: #CD9E0C !important;
    text-shadow: 0px 1px 2px gray;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.5px;
    border-color: #CD9E0C !important;
    -moz-box-shadow: 0 2px 6px rgba(138, 148, 155, 0.15);
    -webkit-box-shadow: 0 2px 6px rgba(138, 148, 155, 0.15);
    box-shadow: 0 2px 6px rgba(138, 148, 155, 0.15);
}

    .submitFormBtn:hover {
        color: #FFF7DE !important;
        background-color: #B98C00 !important;
    }

.faqBtn {
    height: 45px;
    background-color: #CD9E0C !important;
    text-shadow: 0px 1px 2px gray;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.5px;
    border-color: #CD9E0C !important;
    -moz-box-shadow: 0 2px 6px rgba(138, 148, 155, 0.15);
    -webkit-box-shadow: 0 2px 6px rgba(138, 148, 155, 0.15);
    box-shadow: 0 2px 6px rgba(138, 148, 155, 0.15);
    margin-right:5px;
}

    .faqBtn:hover {
        color: #FFF7DE !important;
        background-color: #B98C00 !important;
    }
    
.footer {
}

    .footer .textSmall {
        font-size: 0.7rem !important;
        color: #dbdbdb !important;
    }

a.footer:link, a.footer:active, a.footer:visited {
    font-size: 0.7rem !important;
    color: #7999cc !important;
    text-decoration: none;
}

a.footer:hover {
    font-size: 0.7rem !important;
    color: #dbdbdb !important;
    text-decoration: underline;
}

.table-content {
    background-color: #002D73;
}

.btn-small {
    height:auto !important;
}

.colmerge {
    width: 100%;
}

.fl {
    float: left;
}

.fcl {
    clear: both;
}

.pb5 {
    padding-bottom: 5px;
}

.pt20 {
    padding-top: 20px;
}

.pb40 {
    padding-bottom: 40px;
}

.m20 {
    margin: 0px 40px 20px 40px !important;
}





.socialbar-top {
    text-align: center;
    /*width: 268px;*/
    height: 70px;
    margin-top: -30px;
}

    .socialbar-top .text {
        font-family: Arial;
        font-size: 11px;
        color: white;
    }

    .socialbar-top .iconcol {
        margin: 0 auto;
        width: 150px;
    }

        .socialbar-top .iconcol a {
            padding: 0px 0px !important;
        }

        .socialbar-top .iconcol .fbicon {
            float: left;
            display: table !important;
        }

        .socialbar-top .iconcol .twicon {
            display: table !important;
            float: left;
        }

        .socialbar-top .iconcol .instaicon {
            display: table !important;
            float: left;
        }

        .socialbar-top .iconcol .yelpicon {
            display: table;
            float: left !important;
        }

        .socialbar-top .iconcol .linkedicon {
            display: table;
            float: left !important;
        }


.stayconnectedpopup {
    list-style-type: none;
}

    .stayconnectedpopup .input_group {
        float: left;
        width: 25%;
        padding-right: 2px;
        line-height: 1 !important;
    }

    .stayconnectedpopup input {
        margin-bottom: 0px !important;
        font-size: 0.9rem !important;
        height: 39px;
        width: 98%;
        padding-left: 5px;
    }

    .stayconnectedpopup select {
        margin-bottom: 0px !important;
        line-height: 2 !important;
        font-size: 0.9rem !important;
        height: 39px;
        width: 100%;
    }

    .stayconnectedpopup .email_fields {
        float: left;
        width: 65%;
    }

    .stayconnectedpopup .wireless_fields {
        float: left;
        width: 65%;
    }

    .stayconnectedpopup .button_panel {
        float: left;
        /*width: 10%;*/
    }

    .stayconnectedpopup .form_button {
    }

.close {
    top: 10px;
    position: absolute;
    right: 20px;
}

#popupreminder {
    font-size: 0.7rem;
    width: 100%;
    text-align: center;
    padding-top: 3px;
    margin-bottom: 7px;
    /*background-color: #494A51;*/
    /*background-color: #192B4D;*/
    /*background-color: #100c09;*/
    /*background-color: #002d73;*/
}

    #popupreminder a {
        /*color: #3b9cd6;*/
        color:white;
    }

        #popupreminder a:hover {
            color: #4abded;
        }

#nothanks {
    padding-right: 30px;
}

#remindme {
}

@media (min-width: 1327px) {
    .icon-bar {
        position: fixed;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 999;
    }

        .icon-bar a {
            display: block;
            text-align: center;
            padding: 16px;
            transition: all 0.3s ease;
            color: #fff !important;
            font-size: 20px;
        }

            .icon-bar a:hover {
                color: #fff !important;
                background-color: #000;
            }

    .facebook {
        background: #3B5998;
        color: white;
    }

    .twitter {
        /*background: #55ACEE;*/
        background: black;
        color: white;
    }

    .google {
        background: #dd4b39;
        color: white;
    }

    .linkedin {
        background: #007bb5;
        color: white;
    }

    .youtube {
        background: #bb0000;
        color: white;
    }

    .yelp {
        background: #bb0000;
        color: white;
    }

    .instagram {
        background: #D10869;
        color: white;
    }

    .flus {
        background: #fff;
        padding: 3px;
        font-size: 11px;
        color: gray;
        width: 55px;
    }
}
@media (min-width: 320px) and (max-width: 1326px) {
    .icon-bar {
        position: fixed;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 999;
        display: none;
    }

        .icon-bar a {
            display: block;
            text-align: center;
            padding: 16px;
            transition: all 0.3s ease;
            color: #fff !important;
            font-size: 20px;
        }

            .icon-bar a:hover {
                color: #fff !important;
                background-color: #000;
            }

    .facebook {
        background: #3B5998;
        color: white;
    }

    .twitter {
        background: #55ACEE;
        color: white;
    }

    .google {
        background: #dd4b39;
        color: white;
    }

    .linkedin {
        background: #007bb5;
        color: white;
    }

    .youtube {
        background: #bb0000;
        color: white;
    }

    .yelp {
        background: #bb0000;
        color: white;
    }

    .instagram {
        background: #D10869;
        color: white;
    }

    .flus {
        background: #fff;
        padding: 3px;
        font-size: 11px;
        color: gray;
        width: 55px;
    }
}


#errorModal .modal-dialog {
    max-width: 600px !important;
}

#errorModal .modal-dialog small {
   color: silver;
}

#errorModal .modal-header {
    background-color: #f2f2f2;
    /*
    border-bottom: 1px solid #eee;
    background-color: #ff0004;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;*/
}

#surveyModal .modal-footer {
    background-color: #fff;
}

#surveyModal .modal-dialog {
    max-width: 700px !important;
}

    #surveyModal .modal-dialog small {
        color: silver;
    }

#surveyModal .modal-header {
    background-color: #002D73;
    color: #fff;
    /*
    border-bottom: 1px solid #eee;
    background-color: #ff0004;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;*/
}

    #surveyModal .modal-header .bi {
        width: 1.5em;
        height: 1.5em;
        vertical-align: -.1em;
    }

    #surveyModal .modal-footer {
        background-color: #fff;
    }

.estbackg {
    color:#000 !important;
    background-image: url("../images/estimate_your_new_taxes.jpg") !important; /* The image used */
    background-color: #fff; /* Used if the image is unavailable */
    height: 100px; /* You must set a specified height */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
}

.alertpop {
    float: left;
    width: 100%;
    border: 1px solid #0062d5;
    margin-bottom:10px;
}

.alertbox {
    float: left;
    height: 100px;
    text-align:center;
    font-family:Arial;
}

.alerttitle {
    width: 33.3%;
    padding-top: 30px;
    background-color: #1566ff;
    color: white;
    font-size: 24px;
}

    .alerttitle .icon {
        float: left;
        margin-left: 40px;
    }
    .alerttitle .text {
        float: left;
        margin-left: 10px;
    }

.alertcontent {
    width: 33.3%;
    padding-top: 20px;
    background-color: #eff3fc;
    font-size: 15px;
    font-weight: bold;
    border-left: 1px solid #0062d5;
}

    .alertcontent .clickhere {
        font-size: 10px;
        color: red !important;
    }

.eCheckText {
    font-weight: bold;
    background-color: #FFFF00;
}

.payonline_instruct {
    margin-bottom:30px;
    margin-left:5px;
    margin-right:20px;
}
.payonline_instruct_textbold {
    font-weight: bold;
    font-size: 1.1em;
}
.payonline_instruct_text {
    font-weight:bold;
    font-size:1.1em;
    text-decoration:underline;
}

.underline {
    text-decoration:underline;
}

.blue_text {
    color:Highlight;
    font-weight:bold;
}

.red_text {
    color:red;
}

.green_text {
    color: #00B050;
    font-weight: bold;
}

.search_title {
    margin-bottom: 30px;
}
.search_title_text {
    font-weight: bold;
    font-size: 1.4em;
}

a.surveyLink {
    font-size:12px;
    margin-left:36px;
    margin-top:-13px;
}

a.surveyLink:link, a.surveyLink:visited, a.surveyLink:active {
    color: #f8f8f8 !important;
}

a.surveyLink:hover {
    color: gold !important;
    text-decoration: none;
}

.closeOffice {
    background-color: #CD9E0C;
    color: #0a2c74;
    padding: 20px;
    margin-bottom: 10px;
}
    .closeOffice .italicize {
        font-style: italic;
    }
    .closeOffice .highline {
        font-weight: bold;
    }
    .closeOffice .closed {
        color: #bb0000;
        font-weight: bold;
    }


.openOffice {
    background-color: #0a2c74;
    color: #ba930a;
    padding: 20px;
}

    .openOffice .highline {
        color: #ba930a;
        font-weight: bold;
    }

    .openOffice .clickHere {
        color: #ba930a;
        text-decoration: underline;
        cursor: pointer;
        font-weight: bold;
    }

.installment {
    background-color: #0a2c74; /*#CD9E0C;*/
    color: white;
    padding: 20px;
    margin-top: 10px;
}
    .installment .highline {
        /*color: #0a2c74;*/
        color: #FFD700;
        font-weight: bold;
    }
    .installment .clickHere {
        color: #FFD700; /*#0a2c74;*/
        text-decoration: underline;
        cursor: pointer;
        font-weight: bold;
    }

.mortgageAssist {
    background-color: #0a2c74; /*#FF6907;*/
    color: white;
    padding: 20px;
    margin-top: 10px;
}

    .mortgageAssist .highline {
        color: #ba930a;
        font-weight: bold;
    }

    .mortgageAssist .clickHere {
        color: #ba930a;
        text-decoration: underline;
        cursor: pointer;
        font-weight: bold;
    }
.taxSale {
    background-color: #0a2c74; /*#FF6907;*/
    color: white;
    padding: 20px;
    margin-top: 10px;
}

    .taxSale .highline {
        color: #ba930a;
        font-weight: bold;
    }

    .taxSale .clickHere {
        color: #ba930a;
        text-decoration: underline;
        cursor: pointer;
        font-weight: bold;
    }

.iframeContainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.iframeVideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tot-iframe {
    height: 100vh;
    border: none;
    width: 100%;
}

.closedOffice {
    background-color: #0a2c74;
    color: white;
    padding: 20px;
}

.goldLink {
    color: gold; 
}