@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@media all {
    html {
        font-size: 0.875em;
    }
    /* 14px browser default */

    body {
        background-color: white;
        font-family: Helvetica, "Arial"; /*"Segoe UI", Verdana, Tahoma, Arial, sans-serif;*/
        font-weight: 400;
        line-height: 1.45;
        color: #666666;
        margin: 0 auto;
        /**********Background Initial settings**********/
        background-color: #ffffff;
        /*background: #2a8c93;*/
        background-position: center top;
        background-size: auto;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-image: url("/images/bkgd-full-tan.jpg");
    }

    a, button, input:focus, input[type='button'], input[type='reset'], input[type='submit'], textarea:focus, .button, .gallery img {
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        /*-ms-transition: all 0.1s ease-in-out;*/
        -o-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
        -webkit-padding-start: 0;
    }

    hr {
        border: 0;
        height: 1px;
        /*background-color: rgba(0, 0, 0, 0.75);*/
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
        background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
        background-image: linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
        background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
        margin-top: 10px;
        margin-bottom: 20px;
        margin-left: 0;
        width: auto;
    }

    h1, h3, h4 {
        font-weight: bold;
        color: #00573D;
    }

    h1 {
        font-size: 2.571em;
        line-height: 1.4em;
        color: #002B49;
        /*color: #248fa3;OLD*/
        padding: 0 !important;
        margin: 0 !important;
    }

    h2 {
        font-size: 1.786em;
        line-height: 1.3em;
        color: #002B49;
        /*color: #248fa3;OLD*/
        font-weight: 600;
        padding: 0 !important;
        margin: 0 !important;
    }

    h3 {
        font-size: 1.4em;
        line-height: 1.2em;
        color: #002B49;
        /*color: #00573D;OLD*/
        padding: 0 !important;
        margin: 0 !important;
    }

    h4 {
        font-size: 1em;
        line-height: .8em;
        color: #002B49;
        /*color: #00573D;OLD*/
        padding: 0 !important;
        margin: 0 !important;
    }

    h4black {
        font-size: 1em;
        line-height: .8em;
        color: #000;
        padding: 0 !important;
        margin: 0 !important;
    }

    h41 {
        font-size: 1em;
        line-height: .8em;
        color: #0093c9;
        padding: 0 !important;
        margin: 0 !important;
    }

    h5 {
        font-size: 1em;
        line-height: .8em;
        color: cadetblue;
        padding: 0 !important;
        margin: 0 !important;
    }

    small, .font_small {
        font-size: 0.833em;
    }

    div.navbar.navbar-default {
        margin-bottom: 0;
    }

    /*.dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }*/

    ul {
        /*-webkit-padding-start: 0;
        -webkit-margin-after: 0;*/
    }

    label {
        font-weight: normal;
    }

    #getOptionsform label {
        padding-top: 3px;
    }

    .padding-top-10 {
        padding-top: 10px;
    }

    #myCarousel.carousel.slide {
        margin: 0 auto;
    }

    /*.carousel-inner {
        max-width: 600px;
        margin: 0 auto;
    }

        .carousel-inner .item a {
            display: block;
            text-align: center;
        }

    .carousel-control.left, .carousel-control.right {
        background-image: none;
    }

    .carousel-indicators li {
        border-radius: 0;
        background-color: #aaaaaa;
        height: 14px;
        width: 14px;
    }

    .carousel-indicators .active {
        background-color: #000000;
        height: 14px;
        width: 14px;
    }

    .carousel-indicators {
        width: 80%;
        left: 40%;
    }

*/
    .fixed-width-site-overlay {
        background-color: #ffffff;
        background-image: none;
    }

    #bmfLoading {
        opacity: 0;
        visibility: hidden;
        -o-transition: all 1s linear;
        -webkit-transition: all 1s linear;
        transition: all 1s linear;
    }

    .row .col-sm-5 #BFM-Logo {
        height: 100%;
    }

    #BFM-Logo {
        max-width: 100% !important;
        max-height: 100% !important;
        margin-left: 15px;
        position: relative;
        top: 100px;
    }

        #BFM-Logo a {
            display: block !important;
            text-align: center !important;
            text-decoration: none;
            display: block;
        }

            #BFM-Logo a img {
                display: inline;
            }

    .top-header {
        font-size: 1.5em;
        line-height: 1.571rem;
        text-align: center;
        /*background-color: #19384a;OLD*/
        background-color: #fff;
        padding: 2px 30px 2px 15px;
        color: #002B49;
    }

        .top-header a, .top-header a:link {
            text-decoration: none;
            color: #fff;
            display: inline;
        }

    .section-wrap:before {
        content: " ";
        display: table;
    }

    .section-wrap:after {
        clear: both;
        content: " ";
        display: table;
    }

    .section-wrap {
        margin: 0 auto 30px auto;
        padding: 15px 40px 35px 40px;
    }

    .section-header {
        padding: 0 0 10px 0;
    }

    .section-title-anchor {
        color: #333;
        text-decoration: underline #248fa3;
    }

        .section-title-anchor :hover {
            color: #248fa3;
        }

    .section-title {
        padding: 0 0 10px 0;
    }

    .section-title-underline {
        color: #333;
        text-decoration: underline;
        padding-bottom: 10px;
        clear: both;
        float: left;
        margin-top: 5px;
    }

    .section-sub-title {
        color: #636569;
        /*color: #248fa3;OLD*/
        padding: 0 0 10px 0;
    }

    .headline-text {
        text-align: center;
        color: #248fa3;
    }

    .section-text {
        padding: 0 0 10px 0;
    }

        .section-text ul {
            padding: 0 25px 10px 25px;
        }

        .section-text a {
            text-decoration: underline;
            color: #ffffff;
            /*color: #248fa3;OLD*/
        }

    .section-download-img {
        padding: 0 0 10px 0;
    }

    .section-text-no-padding {
        padding: 0 0 0 0;
    }

        .section-text-no-padding ul {
            padding: 0 25px;
        }

        .section-text-no-padding a {
            text-decoration: underline;
            color: #F18A00;
        }

    .row-wrap {
        padding-bottom: 25px;
    }

    .image-container {
        max-width: 100% !important;
        max-height: 100% !important;
        margin: 15px;
    }

        .image-container a {
            display: block !important;
            text-align: center !important;
        }

            .image-container a img {
                display: inline;
            }

    .no-radius a img {
        border-radius: 0;
    }

    .e-pay-express-wrap {
        max-width: 200px;
        margin: 0 auto;
    }

        .e-pay-express-wrap a {
            display: block;
            text-align: center;
        }

            .e-pay-express-wrap a img {
                margin-bottom: 10px;
            }


    /*footer styles - begin*/
    .footer-description {
        padding: 10px 0 10px 0;
        background: #248fa3;
        margin-top: 15px;
        color: #ffffff;
        text-align: center;
        font-size: 0.850em;
    }

    .footer-nav-menu {
        background-color: #248fa3;
        color: #ffffff;
        display: block;
        font-size: 0.825em;
        text-align: center;
        padding-bottom: 15px;
    }

        .footer-nav-menu .menu-item {
            display: inline-block;
        }

            .footer-nav-menu .menu-item a {
                color: #ffffff;
                text-decoration: none;
                display: inline;
            }
    /*footer styles - end*/

    #wildfireStripMessage {
        padding-top: 10px;
        margin-left: 31px;
        margin-right: 31px;
    }

    .version {
        color: #999999;
        background-color: #19384a;
        font-size: 0.825em;
        text-align: right;
        position: relative;
        clear: right;
        float: right;
        padding-right: 1px;
        padding-top: 1px;
    }

    .alert-container {
        position: fixed;
        left: 0;
        right: 0;
        padding-left: 3em;
        padding-right: 3em;
        display: block;
        top: -15px;
    }

    /*Top Header styles - start*/
    .navbar-top-links {
        margin-right: 0;
    }

        .navbar-top-links li {
            display: inline-block;
        }

            .navbar-top-links li:last-child {
                margin-right: 15px;
            }

            .navbar-top-links li a {
                padding: 15px;
                min-height: 50px;
            }

        .navbar-top-links .dropdown-menu li {
            display: block;
        }

            .navbar-top-links .dropdown-menu li:last-child {
                margin-right: 0;
            }

            .navbar-top-links .dropdown-menu li a {
                padding: 3px 20px;
                min-height: 0;
            }

                .navbar-top-links .dropdown-menu li a div {
                    white-space: normal;
                }

        .navbar-top-links .dropdown-messages,
        .navbar-top-links .dropdown-tasks,
        .navbar-top-links .dropdown-alerts {
            width: 310px;
            min-width: 0;
        }

        .navbar-top-links .dropdown-messages {
            margin-left: 5px;
        }

        .navbar-top-links .dropdown-tasks {
            margin-left: -59px;
        }

        .navbar-top-links .dropdown-alerts {
            margin-left: -123px;
        }

        .navbar-top-links .dropdown-user {
            right: 0;
            left: auto;
        }
    /*Top Header styles - End*/

    .login-panel {
        margin-top: 25%;
    }

    [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
        display: none !important;
    }

    .quote-outer70 {
        background-color: #F7F5F5;
        /*background-color: #E9F1F5;OLD
        width: 70%;*/
        margin-left: 20px;
        width: 48%;
        height: 70%;
    }

    .quote-outer80 {
        background-color: #F7F5F5;
        /*background-color: #E9F1F5;OLD*/
        width: 48%;
        margin-left: 20px;
        /*width: 900px;
        height: 518px;*/
    }

    .quote-outer90 {
        background-color: #fff;
        width: 90%;
        margin-left: 20px;
    }

    .quote-outer95 {
        background-color: #fff;
        width: 95%;
        margin-left: 15px;
    }

        .quote-outer90 .section-wrap, .quote-outer95 .section-wrap {
            background-color: #F7F5F5;
            /*background-color: #E9F1F5;OLD*/
        }

    .section-wrap-white {
        background-color: #ffffff;
    }

    .top-div-dark-line {
        background-color: #F18A00;
        /*background-color: #1B8F99;OLD*/
        border-radius: 2px 2px 2px 2px;
        height: 8px;
    }

    .bottom-div-light-line {
        background-color: #1B8F99;
        border-radius: 2px 2px 2px 2px;
        height: 2px;
    }

    .quote-background {
        background-color: #E9F1F5;
        width: 100%;
    }

    .field-help-block {
        font-size: 0.75em;
        margin-top: 5px;
    }

    .allFieldsFequiredText {
        font-size: 0.95em;
        font-style: italic;
        float: right;
        padding-top: 10px;
    }

    .higlighted-cell {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        background-color: #002B49;
        /*background-color: #278CAC;old*/
        color: white;
    }

    .dimmed-cell {
        background-color: #0093c9;
        /*background-color: #91CAD7;old*/
        color: white;
    }

    .well {
        background-color: inherit;
    }

    /* Bootstrap Style overrides*/
    .bootstrap-select > .dropdown-toggle.bs-placeholder,
    .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
    .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
    .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
        color: #999;
    }

    #getOptionsform .bootstrap-select.btn-group.disabled, .bootstrap-select.btn-group > .disabled {
        background-color: #fff;
        color: #999;
        border-width: 1px;
    }

    #getOptionsform .btn-default:focus, .btn-default.focus {
        color: rgba(0, 0, 0, 0.75);
        background-color: #fff;
        border-color: #fff;
    }

    .center-block {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .bootstrap-select .btn-default:active:hover,
    .bootstrap-select .btn-default.active:hover,
    .open > .dropdown-toggle.btn-default:hover,
    .bootstrap-select .btn-default:active:focus,
    .bootstrap-select .btn-default.active:focus,
    .open > .dropdown-toggle.btn-default:focus,
    .bootstrap-select .btn-default.focus:active,
    .bootstrap-select .btn-default.active.focus,
    .open > .dropdown-toggle.btn-default.focus,
    .bootstrap-select .btn,
    .bootstrap-select .btn-default,
    .open > .dropdown-toggle.btn-default:focus {
        background-color: #fff !important;
        color: rgba(0, 0, 0, 0.75);
        border-width: 1px;
        padding-bottom: 12px;
        padding-top: 12px;
    }

    .bootstrap-select.btn-group .dropdown-toggle .caret {
        /*color: #248fa3;OLD*/
        color: #636569;
    }

    .red-tooltip {
        border-bottom: 1px dashed #999;
        /*display: inline;OLD*/
    }

    #getOptionsform {
        text-align: center;
        width: 100%;
    }

    #questionsPage {
        margin-top: 30px;
    }

    #construction, #occupancy {
        width: 300px;
        background-color: white;
        color: black;
    }

    .coverageType {
        margin-top: 10px;
    }

    #getOptionsform .control-label {
        line-height: 1.2em !important;
        margin-bottom: 5px;
    }

    input[type='number'] {
        -moz-appearance: textfield;
    }

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }

    .form-horizontal .control-label {
        text-align: left;
    }

    .card {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        position: relative;
    }

    .front {
        z-index: 2;
    }

    .card {
        background: none repeat scroll 0 0 #F2F2F2;
        border-radius: 5px 5px 5px 5px;
        color: #444444;
    }

    .front {
        color: #000;
        width: 100%;
        border-radius: 5px;
        -webkit-box-shadow: 0 0 19px 0 rgba(0, 0, 0, 0.16);
        -moz-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.16);
        box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.16);
    }

        .front .section-text {
            text-align: center;
            color: #444444;
        }

    .card .content {
        background-color: #fff;
        box-shadow: none;
        padding: 10px 20px 20px;
    }

    /*.well {
        background-color: #fff;
    }*/

    table {
        border-collapse: separate;
    }

    td {
        border: solid 1px #000;
    }

    tr:first-child td:first-child {
        border-top-left-radius: 3px;
    }

    tr:first-child td:last-child {
        border-top-right-radius: 3px;
    }

    tr:last-child td:first-child {
        border-bottom-left-radius: 3px;
    }

    tr:last-child td:last-child {
        border-bottom-right-radius: 3px;
    }

    .higlighted-cell {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        background-color: #002B49;
        /*background-color: #278CAC;old*/
        color: white;
    }

    .dimmed-cell {
        background-color: #0093c9;
        /*background-color: #91CAD7;old*/
        color: white;
    }

    .btn-green, .btn.btn-green {
        background: #F18A00;
        color: #fff;
        /*text-align: center;
        min-height: 41px;
        background-color: hsl(121, 42%, 35%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4db64f", endColorstr="#337e35");
        background-image: -khtml-gradient(linear, left top, left bottom, from(#4db64f), to(#337e35));
        background-image: -moz-linear-gradient(top, #4db64f, #337e35);
        background-image: -ms-linear-gradient(top, #4db64f, #337e35);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4db64f), color-stop(100%, #337e35));
        background-image: -webkit-linear-gradient(top, #4db64f, #337e35);
        background-image: -o-linear-gradient(top, #4db64f, #337e35);
        background-image: linear-gradient(#4db64f, #337e35);
        border-color: #337e35 #337e35 hsl(121, 42%, 31%);
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.26);
        -webkit-font-smoothing: antialiased;
        border-width: 0;*/
    }

    .btn-orange {
        background: #F18A00;
    }

    .btn-gray {
        background: #636569;
    }

    .btn-blue {
        text-align: center;
        color: #fff;
        min-height: 41px;
        background-color: hsl(197, 42%, 35%) !important;
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4d98b6", endColorstr="#33697e");
        background-image: -khtml-gradient(linear, left top, left bottom, from(#4d98b6), to(#33697e));
        background-image: -moz-linear-gradient(top, #4d98b6, #33697e);
        background-image: -ms-linear-gradient(top, #4d98b6, #33697e);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d98b6), color-stop(100%, #33697e));
        background-image: -webkit-linear-gradient(top, #4d98b6, #33697e);
        background-image: -o-linear-gradient(top, #4d98b6, #33697e);
        background-image: linear-gradient(#4d98b6, #33697e);
        border-color: #33697e #33697e hsl(197, 42%, 31%);
        color: #fff !important;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.26);
        -webkit-font-smoothing: antialiased;
        border-width: 0;
    }

    .btn-dark-blue {
        text-align: center;
        color: #fff;
        min-height: 41px;
        background-color: hsl(197, 42%, 35%) !important;
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#295c7a", endColorstr="#1b3e51");
        background-image: -khtml-gradient(linear, left top, left bottom, from(#295c7a), to(#1b3e51));
        background-image: -moz-linear-gradient(top, #295c7a, #1b3e51);
        background-image: -ms-linear-gradient(top, #295c7a, #1b3e51);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #295c7a), color-stop(100%, #1b3e51));
        background-image: -webkit-linear-gradient(top, #295c7a, #1b3e51);
        background-image: -o-linear-gradient(top, #295c7a, #1b3e51);
        background-image: linear-gradient(#295c7a, #1b3e51);
        border-color: #1b3e51 #1b3e51 hsl(197, 42%, 31%);
        color: #fff !important;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.26);
        -webkit-font-smoothing: antialiased;
        border-width: 0;
    }

    .btn-darkgreen, .btn.btn-darkgreen {
        text-align: center;
        min-height: 41px;
        background-color: hsl(121, 42%, 35%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#41ac9a", endColorstr="#067151");
        background-image: -khtml-gradient(linear, left top, left bottom, from(#1b8264), to(#067151));
        background-image: -moz-linear-gradient(top, #41ac9a, #067151);
        background-image: -ms-linear-gradient(top, #41ac9a, #067151);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #41ac9a), color-stop(100%, #067151));
        background-image: -webkit-linear-gradient(top, #41ac9a, #067151);
        background-image: -o-linear-gradient(top, #41ac9a, #067151);
        background-image: linear-gradient(#41ac9a, #067151);
        border-color: #41ac9a #067151 hsl(121, 42%, 31%);
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.26);
        -webkit-font-smoothing: antialiased;
        border-width: 0;
    }

    .btn-grey {
        background-color: #636569;
        color: #fff !important;
        /*text-align: center;
        color: #fff;
        min-height: 41px;
        background-color: hsl(197, 42%, 35%) !important;
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4d98b6", endColorstr="#33697e");
        background-image: -khtml-gradient(linear, left top, left bottom, from(#4d98b6), to(#33697e));
        background-image: -moz-linear-gradient(top, #4d98b6, #33697e);
        background-image: -ms-linear-gradient(top, #4d98b6, #33697e);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d98b6), color-stop(100%, #33697e));
        background-image: -webkit-linear-gradient(top, #4d98b6, #33697e);
        background-image: -o-linear-gradient(top, #4d98b6, #33697e);
        background-image: linear-gradient(#4d98b6, #33697e);
        border-color: #33697e #33697e hsl(197, 42%, 31%);
        color: #fff !important;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.26);
        -webkit-font-smoothing: antialiased;
        border-width: 0;*/
    }

    .bolditalic16 {
        font-weight: bold;
        font-style: italic;
        font-size: 14pt;
    }

    .glyphicon {
        top: 2px;
    }

    .e-pay-express-wrap .btn-blue {
        text-align: left;
    }

    .e-pay-express-wrap .link-text {
        float: left !important;
    }

    .e-pay-express-wrap .glyphicon {
        float: right !important;
        margin-top: 1px;
    }

    .e-pay-express-wrap .btn-blue .glyphicon {
        text-align: left;
        color: #fff;
    }

    .modal-footer {
        padding: 20px 0px;
    }

    .displayHelpText {
        background-color: #D9E7E7;
    }

    .form-labels, .form-labels a, .form-labels a:link {
        text-align: left !important;
        font-weight: 400 !important;
        color: #636569;
        /*color: #248fa3;Old*/
        text-decoration: none;
        line-height: 1.2em !important;
    }

    .text-muted {
        margin-left: 8px;
        font-style: italic;
        text-align: left;
        color: #aaaaaa;
        padding-top: 5px;
        font-size: smaller;
    }

    .input-invalid {
        border-color: #ff0000 !important;
    }

    .errorMessage, .minerrorMessage {
        display: none;
        color: red;
        font-size: smaller;
        margin-top: 3px;
        margin-left: 0px;
    }

    .higlighted-cell a {
        color: #fff;
        text-decoration: none !important;
    }

    .red-tooltip + .tooltip > .tooltip-inner {
        background-color: white;
        border: solid;
        border-color: #636569;
        /*border-color: #248fa3;*/
        color: #000;
        text-align: left;
        box-shadow: 0 6px 9px rgba(0, 0, 0, 0.1);
        min-width: 400px;
        padding: 10px;
    }

    .tooltip ul {
        margin-left: 10px;
    }

    .personalInfoForm .control-label, #ocpEligibilityForm .control-label {
        color: #636569;
    }

    #quoteTotals {
        background-color: #ffffff;
        margin: 0px 0px 30px 0px;
        color: #CEE4E8;
        padding-top: 10px;
        border: 1px solid #636569;
        box-shadow: -1px 1px #636569, -2px 2px #636569, -3px 3px #636569, -4px 4px #636569, -5px 5px #636569;
        border-radius: 5px;
    }

        #quoteTotals h4 {
            line-height: 1.2em;
        }

    #dvAdditionalInterest .control-label {
        line-height: 1.2em;
        padding-top: 0px;
        padding-right: 8px;
    }

    .grayTables {
        border-collapse: separate !important;
        border-spacing: 5px !important;
    }

    input[type="text"], input[type="email"] {
        padding-left: 15px;
    }

    #subBreadcrumb {
        margin-bottom: 10px;
    }

        #subBreadcrumb, #subBreadcrumb table {
            text-align: left;
            width: 100%;
        }

            #subBreadcrumb td {
                padding-left: 5px;
            }

    .text-muted {
        color: #939393;
    }

    .breadcrumbNumber {
        padding-left: 5px;
        padding-right: 5px;
    }

    .emailformcomplete {
        display: none;
    }

    .modal-footer .btn-green {
        background-color: #F18A00;
        /*background-color: #218509;OLD*/
        border-radius: 5px 5px 5px 5px;
        color: #fff;
    }

    .modal-footer .btn-orange {
        background-color: #F18A00;
        border-radius: 5px 5px 5px 5px;
        color: #fff;
    }

    .btn-gray {
        background-color: gainsboro;
    }

    .qqLogoButton {
        text-align: center;
        margin-top: 25px;
        padding-left: 40px;
        padding-right: 40px;
        width: 100%;
    }

    /*#coverages input, #coverages select {
        max-width: 200px;
    }

    #coverages .personalInfoForm input, #coverages .personalInfoForm select {
        max-width: 250px;
    }*/

    .BRText {
        margin: 15px 0px;
        text-align: center;
        /*font-weight: bold;*/
        font-size: 18px;
    }

    .BRMainText {
        margin: 15px 0px;
        font-size: 16pt;
        font-style: italic;
        font-weight: bold;
        text-align: center;
        color: #19384a;
    }

        .BRMainText a {
            color: #19384a;
        }

    div.tarea {
        border: 2px solid;
        border-color: #636569;
        /*border-color: #248fa3;OLD*/
        background-color: white;
        font-style: normal;
        font-size: 13px;
        width: 500px;
        height: 300px; /* or whatever measurements you want */
        overflow: auto; /* in most browsers, this will results in a scrollbar when there's more content than can fit in the dimensions defined above */
    }


    .loadingbody {
        display: flex;
        align-items: center;
        justify-content: center;
        /*background: linear-gradient(#ecf0f1, #fff);*/
    }
    /* Animation */
    @-webkit-keyframes rotate {
        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @keyframes rotate {
        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    /* Variables */
    /* Loading Icon */
    .loading {
        width: 100px;
        height: 100px;
    }

    .loading__ring {
        position: absolute;
        width: 100px;
        height: 100px;
    }

        .loading__ring:first-child {
            -webkit-transform: skew(30deg, 20deg);
            transform: skew(30deg, 20deg);
        }

        .loading__ring:last-child {
            -webkit-transform: skew(-30deg, -20deg) scale(-1, 1);
            transform: skew(-30deg, -20deg) scale(-1, 1);
        }

            .loading__ring:last-child svg {
                -webkit-animation-delay: -0.5s;
                animation-delay: -0.5s;
            }

        .loading__ring svg {
            -webkit-animation: rotate 1s linear infinite;
            animation: rotate 1s linear infinite;
            fill: rgba(0, 0, 0, 0.2);
        }

    #Comingsoon {
        text-align: center;
        font-size: 20px;
        color: hsl(121, 42%, 35%);
        /*color: white;*/
        padding: 5px;
        overflow: hidden;
        font-weight: bold;
    }

    .mrknumbers {
        background: #fff url("/images/bfmdivider.png") center right no-repeat;
    }

    .ticker {
        margin: 20px auto;
        padding: 10px;
        width: 80%;
        text-align: left;
        border: #ccc 0px solid;
        position: relative;
        overflow: hidden;
        /*background-color: #BF263C;
            color: #fff;*/
    }

        .ticker ul {
            width: 100%;
            /*position: relative;*/
        }

            .ticker ul li {
                width: 100%;
                display: none;
                text-align: center;
            }

    .form-control-border {
        border: 1px solid #636569;
        /*border: 1px solid #248fa3; OLD*/
    }

    .primary-color-text {
        color: #636569;
        /*color: #248fa3;Old*/
    }

    .primary-color-text-blue {
        color: #0093c9;
    }

    .primary-color-text-boldgray {
        color: #636569;
        font-weight: bold;
    }

    .primary-color-text-darkblue {
        color: #002B49;
    }

    .secondary-color-text {
        color: #248fa3;
    }

    .secondary-color {
        background-color: #F18A00;
        /*background-color: #1b8f99;old*/
    }

    .form-bg, .form-bg .section-wrap, .quote-outer90 .form-bg, .form-bg .well, .form-bg .modal-content {
        background-color: #F7F5F5;
    }

    .glyphicon.spinning {
        animation: spin 1s infinite linear;
        -webkit-animation: spin2 1s infinite linear;
    }

    @keyframes spin {
        from {
            transform: scale(1) rotate(0deg);
        }

        to {
            transform: scale(1) rotate(360deg);
        }
    }

    @-webkit-keyframes spin2 {
        from {
            -webkit-transform: rotate(0deg);
        }

        to {
            -webkit-transform: rotate(360deg);
        }
    }

    .hashUnderline {
        border-bottom: 1px dashed #999;
    }

    #brbody {
        border: none;
    }

    .card {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        position: relative;
    }

    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .front {
        z-index: 2;
    }

    .card {
        background: none repeat scroll 0 0 #F2F2F2;
        border-radius: 5px 5px 5px 5px;
        color: #444444;
    }

    #d {
        display: none;
    }

    #c:hover ~ #d {
        display: block;
    }

    .front {
        color: #000;
        width: 100%;
        border-radius: 5px;
        -webkit-box-shadow: 0 0 19px 0 rgba(0, 0, 0, 0.16);
        -moz-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.16);
        box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.16);
    }

        .front .section-text {
            text-align: center;
            color: #444444;
        }

    .card .content {
        background-color: #fff;
        box-shadow: none;
        padding: 10px 20px 20px;
    }

    .well {
        background-color: #fff;
    }

    table {
        border-collapse: separate;
    }

    td {
        border: solid 1px #000;
    }

    tr:first-child td:first-child {
        border-top-left-radius: 3px;
    }

    tr:first-child td:last-child {
        border-top-right-radius: 3px;
    }

    tr:last-child td:first-child {
        border-bottom-left-radius: 3px;
    }

    tr:last-child td:last-child {
        border-bottom-right-radius: 3px;
    }



    /*.btn.btn-green {
            color: white;
            background-color: #5cb85c;
        }*/



    /*******************************
        * Does not work properly if "in" is added after "collapse".
        * Get free snippets on bootpen.com
        *******************************/
    .panel-group .panel {
        border-radius: 0;
        box-shadow: none;
        border-color: #EEEEEE;
    }

    .panel-default > .panel-heading {
        padding: 0;
        border-radius: 0;
        color: #212121;
        background-color: #FAFAFA;
        border-color: #EEEEEE;
    }

    .panel-title {
        font-size: 14px;
    }

        .panel-title > a {
            display: block;
            padding: 15px;
            text-decoration: none;
        }

    .more-less {
        float: right;
        color: #212121;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #EEEEEE;
    }

    /* ----- v CAN BE DELETED v ----- */
    body {
        /*background-color: #F18A00;*/
        /*background-color: #26a69a;*/
    }

    .demo {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .red-tooltip + .tooltip > .tooltip-inner {
        background-color: white;
        border: solid;
        border-color: #636569;
        /*border-color: #248fa3;OLD*/
        color: #000;
        text-align: left;
        box-shadow: 0 6px 9px rgba(0, 0, 0, 0.1);
        padding: 10px;
    }

    .displayHelpText {
        background-color: #D9E7E7;
        /*border: InactiveBorder;
            border-color:white;
            color: #000;
            text-align: left;
            box-shadow: 0 6px 9px rgba(0, 0, 0, 0.1);*/
        /*padding: 5px;*/
    }

    .panel-default {
        border-color: #ecf0f1;
    }

    .panel {
        margin-bottom: 21px;
        background-color: #fff;
        border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
        box-shadow: 0 1px 1px rgba(0,0,0,.05);
    }

    .panel-default > .panel-heading {
        padding: 10px 0 0 0;
        border-radius: 0;
        color: #212121;
        background-color: #FAFAFA;
        border-color: #EEEEEE;
    }

    .panel-heading {
        padding: 10px 15px;
        border-bottom: 1px solid transparent;
        border-bottom-color: transparent;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .panel-body {
        padding: 15px;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .poboxAddress ul, .poboxAddress li, .poboxAddress input, .poboxAddress label, .dynAddress ul, .dynAddress li, .dynAddress input, .dynAddress label {
        display: block;
    }

    .poboxAddress ul, .dynAddress ul {
        /*background-color: #fffdfa;*/
        list-style-type: none;
        padding: 0;
    }

    .poboxAddress li, .dynAddress li {
        /*border-bottom: 1px solid #c8c8c8;*/
        /*margin-top: -1px;*/
        margin-bottom: 10px;
        position: relative;
    }

    .poboxAddress label, .poboxAddress input, .dynAddress label, .dynAddress input {
        /*transition: color 0.4s ease, background-color 0.1s ease-in-out;*/
    }

    .poboxAddress label, .dynAddress label {
        color: #aeaeae;
        font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
        font-size: 70%;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        position: absolute;
        top: 2px;
        left: 10px;
    }

    .poboxAddress input:focus + label, .dynAddress input:focus + label {
        color: #0059a6;
        font-weight: bold;
        letter-spacing: -0.01em;
    }

    .poboxAddress input, .dynAddress input {
        /*background-color: transparent;
        border: none;*/
        color: #626262;
        font-size: 15px;
        margin: 9px 0 7px 0;
        margin: 0;
        padding: 20px 10px 15px 10px;
        outline: none;
        width: 100%;
    }

        .poboxAddress input:focus, .dynAddress input:focus {
            color: #000;
            /*background-color: #eeeeee;*/
            /*box-shadow: 0px 3px 4px -2px rgba(0, 0, 115, 0.25) inset;*/
        }

    .homebtns {
        min-width: 220px;
        max-width: 300px;
        margin: 15px auto;
    }

    #selectedAgencytbl {
        margin: 0px;
        border-radius: 5px;
        background-color: #ffffff;
        /*background-color: bisque;OLD*/
        padding-top: 10px;
    }

    #btnRecalculate, #btnRecalculateposting {
        min-width: 120px;
        border-radius: 5px 5px 5px 5px;
        float: left;
        margin: 10px 0px 0px 0px;
    }

    #continueToPurchase, #btnPolicyDetailsSaveForLater, #Continue1, #btnSaveForLater {
        min-width: 170px;
        float: right;
        margin: 10px 0px 0px 10px;
    }
    
    .addInsTbl .control-label {
        line-height: 16px;
    }

    #btnSubmit, #btnSubmit:focus {
        background-color: #F18A00;
        text-align: center;
        width: 165px;
        color: #fff !important;
    }

    #btnRetrieveQuote {
        background-color: #F18A00;
        /*background-color: #248fa3;OLD*/
        text-align: center;
        width: 165px;
    }

    .btn-default.focus {
        color: #333;
        background-color: #636569;
        border-color: #636569;
        /*border-color: #29a1b8;old*/
    }

    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .accordianTitle {
        font-size: 1.4em;
        line-height: 1.2em;
        color: #002B49;
        /*color: #00573D;OLD*/
        padding: 0 !important;
        margin: 0 !important;
        font-weight: bold;
        font-family: 'Open Sans', sans-serif;
    }

    #siteNotifications {
        /*margin: 10px 50px;*/
        /*   text-align: center;
        color: #856404;
        background-color: #fff3cd;
        border-color: #ffeeba;*/
        border-color: #f7f9fa;
        top: 0 !important;
        background-color: #f7f9fa;
        border-radius: 8px;
        text-align: center;
        height: 3rem;
        padding-top: 7px;
        font-family: sans-serif;
        font-weight: bold;
        font-size: 1.1em;
        color: red;
    }

    .pad-right-15 {
        padding-right: 15px !important;
    }

    #LoginMenuSection {
        color: #d7d7d7;
        padding-right: 30px;
        font-size: 15px;
    }

    .logout-btn {
        padding-left: 5px;
        color: #856404;
        color: #d7d7d7;
    }

    #LoginMenuSection .btn {
        padding: 0px;
        font-size: 15px;
        vertical-align: baseline;
        color: #002B49;
    }

    #welcomeMessage {
        padding-right: 10px;
        padding-top: 2px;
        background: url("/images/divider.png") center right no-repeat;
        color: #002B49;
    }

    #LoginHelp {
        cursor: pointer;
        padding-left: 10px;
        color: #d7d7d7;
    }

    #floodMessage, #earthquakeMessage {
        padding-top: 10px;
        background-color: #fcfad9;
        border: solid 1px #e3e29e;
        margin-bottom: 25px;
    }

    .personalizeQuote {
        color: #636569;
        /*color: #377697;OLD*/
        font-weight: bold;
    }

        .personalizeQuote ul {
            list-style: none;
            margin-bottom: 10px;
        }

        .personalizeQuote li::before {
            content: "\2022";
            color: #838383;
            display: inline-block;
            width: 1em;
        }

    .additionalInfoForm {
        /*width: 80%;*/
        margin: 40px 20px;
    }

        .additionalInfoForm textarea {
            height: 150px;
        }

    #emailSent {
        display: none;
        color: #0093c9;
        /*color: #054e00;OLD*/
        font-weight: bold;
    }

    .additionalInfoForm textarea {
        padding: 10px 15px;
    }

    #personalizeQuote .modal-footer {
        padding: 20px 0px 0px;
    }

    .bullet {
        background: url("/images/bullet.png") center center no-repeat;
        width: 20px;
    }

    #autocomplete {
        padding: 0 15px 0 15px;
        width: 100%;
        font-weight: normal;
    }

    .dropdown-menu > li > a {
        color: rgba(0, 0, 0, 0.75);
    }

    .OCPNotification, .WildfireNotification {
        color: #000;
        width: 100%;
        border-radius: 5px;
        padding: 15px 0 5px 0;
        margin-top: 15px;
        -webkit-box-shadow: 0 0 19px 0 rgba(0, 0, 0, 0.16);
        -moz-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.16);
        box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.16);
        background-color: #636569;
        /*background-color: #fff8d5;OLD*/
    }

        .OCPNotification .section-text, .WildfireNotification .section-text {
            text-align: left;
            color: #ffffff;
            /*color: #248fa3;
            font-weight: bold;OLD*/
        }

    .WildfireNotification {
        padding-left: 15px;
        padding-right: 15px;
    }

    .tierTitle {
        font-size: 30px;
        padding-top: 0px;
        text-transform: capitalize;
        color: #ffffff;
        -webkit-text-stroke: 2px #636569;
        /*text-shadow: -1px 0 #636569, 0 1px #636569, 1px 0 #636569, 0 -1px #636569;*/
    }

    .tierValues {
        color: #002B49;
    }

    #quoteOptions .top-div-dark-line {
        margin-top: 8px;
    }

    #quoteOptions .well {
        padding: 15px 0;
        margin-bottom: 0px;
    }

    #quoteOptions #tier-Silver {
        background-color: #C0C0C0;
        /*background-color: #E1E1E1;OLD*/
        border-radius: 5px 5px 5px 5px;
    }

    #quoteOptions #tier-Gold {
        background-color: #D4AF37;
        /*background-color: #FDC689;OLD*/
        border-radius: 5px 5px 5px 5px;
    }

    #quoteOptions #tier-Platinum {
        background-color: #E5E4E2;
        /*background-color: #B7B7B7;OLD*/
        border-radius: 5px 5px 5px 5px;
    }

    #quoteOptions .tier-section-title {
        text-align: left;
        padding: 25px 0px 25px 15px;
    }

    #quoteOptions .front {
        background-color: white;
    }


    #quoteOptions #deductibleLabel {
        text-align: left;
        padding: 20px 0px 0px 15px;
    }

    #quoteOptions #deductibleValue {
        font-weight: bold;
        color: #000;
        padding: 20px 11px 0px 4px;
    }

    #quoteOptions .coveragesLabel {
        text-align: left;
        padding: 5px 0px 0px 15px;
    }

    #quoteOptions .coveragesValues {
        font-weight: bold;
        color: #000;
        padding: 5px 0px 0px 5px;
    }

    #quoteOptions .red-tooltip {
        border-bottom: 1px dashed #999;
        display: inline;
    }

    #quoteOptions .btn-container {
        text-align: center;
        padding: 35px 0 35px 0;
    }

    #quoteOptions .selectTier {
        width: 140px;
        background-color: #F18A00;
        /*background-color: #218509;old*/
        border-radius: 5px 5px 5px 5px;
        color: #fff;
    }

    #quoteOptions #ocpStripMessage, #quoteOptions #wildfireStripMessage {
        width: 97%;
        margin: 0px auto;
    }

    .OCPNotification .section-text {
        border-radius: 5px 5px 5px 5px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .footerReferenceNumber {
        color: #002B49;
        /*color: #00573d;OLD*/
        font-size: 1.4em;
        padding-left: 10px;
        font-weight: bold;
    }

    .footerMedium {
        color: #0093c9;
    }

    #EmailRefNumber .section-wrap {
        padding: 5px;
        margin: 0 auto 0px auto;
    }

        #EmailRefNumber .section-wrap .form-group {
            margin-left: 0px;
            margin-right: 0px;
        }

    #ModalIneligibleQuote .modal-content {
        background-color: #E9F1F5;
    }

    .mediumBold {
        font-weight: bold;
        font-size: medium;
    }

    .smallBold {
        font-weight: bold;
        font-size: small;
    }

    .roundedCorners {
        border-radius: 5px 5px 5px 5px;
    }

    #model-street-name {
        width: 300px;
    }

    #yes-no-continue {
        margin-left: 90px;
    }

    #accordion, #accordionOCP {
        margin-bottom: 0px;
    }

    #totals hr {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .policylabelstotals {
        color: #002B49;
        /*color: #00573D;OLD*/
        font-size: 1.4em;
    }

    .policytotals {
        font-weight: bold;
        color: #0093c9;
        /*color: #23A42D;OLD*/
        font-size: 1.4em;
        text-align: right;
        padding-left: 10px;
    }

    .summaryValues, .summaryValues label {
        font-weight: bold;
        padding-left: 5px;
    }

    .personalInfoForm .control-label label, .paymentForm .control-label label {
        font-weight: bold;
        /*color: #248fa3;OLD*/
        color: #0093c9;
    }

    .control-label-gray {
        font-weight: bold;
        color: #636569;
    }

    .paymentForm #quoteTotals {
        margin-top: 0px;
    }

    #ocpEligibilityForm .row {
        padding-bottom: 10px;
    }

    #dvAdditionalInsured, #dvAdditionalInterest {
        margin: 20px 0px 20px 50px;
    }

    #AInsuredBusinessName, #InterestType, #AIBusinessName, #aistreet_number, #ailocality, #aipostal_code {
        width: 309px;
    }

    #tandcButtons {
        margin: 12px 20px 0px 41px;
    }

    #paymentInfoPage {
        margin: 12px 20px 15px 0px;
        width: 100%;
    }

    #OCPNotAuthorizedMessage {
        margin-bottom: 30px;
    }

    .coverageTitles {
        font-weight: bold;
    }

    .successMessage {
        color: #636569;
        display: none;
        font-size: smaller;
        margin-top: 3px;
        margin-left: 0px;
    }

    #QuoteName {
        width: 340px;
    }

    .helpText {
        font-size: 10px;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .loadingbody {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    #subBreadcrumb .visible-lg {
        display: inline-block !important;
    }
    #myNavbar .navbar-nav .dropdown {
        padding: 0.6rem 0.4rem;
    }
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        margin-left: 40px;
    }
}
@media (min-width: 1500px) {
    #myNavbar .navbar-nav .dropdown {
        padding: 0.6rem 1.8rem;
    }
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        margin-left: -15px;
    }
}


@media print {
    .no-print, .no-print *, .backstretch {
        display: none !important;
    }
}

@media (max-width: 992px) {
    #BFM-Logo {
        top: 10px;
        padding-bottom: 15px;
    }
    .quote-outer70 {
        width: 75% !important;
    }
    .quote-outer80 {
        width: 80% !important;
    }

    .mrknumbers {
        clear: both;
        margin: 20px auto;
        width: 300px;
        display: block;
        background: none;
    }

    #QuoteName {
        width: 225px;
    }    
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .mrknumbers {
        clear: both;
        margin: 20px auto;
        width: 300px;
        display: block;
        background: none;
    }

        .mrknumbers .imgtext {
            float: left;
            line-height: 12px;
            display: block;
            width: 100px;
        }

        .mrknumbers .img-responsive {
            float: left;
            display: block;
            padding-bottom: 20px;
            padding-right: 25px;
        }

    .BRMainText {
        margin: 15px auto;
        width: 300px;
    }

    .clientlogosection {
        display: block;
    }

    #BFM-Logo {
        top: 10px;
        padding-bottom: 15px;
    }    
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    #BFM-Logo {
        top: 10px;
        padding-bottom: 15px;
    }

    #btnLogin, #btnGuest, #btnSubmit, #yes-continue, #no-dont-continue, #btnRecalculate, #btnRecalculateposting, #continueToPurchase, #btnPolicyDetailsSaveForLater, #btnApplyAgency, #Continue1, #btnSaveForLater, #submitform, #submitingform, #emailQuoteSummaryLoggedIn .btn, #emailQuoteSummary .btn, #btnContinue, #Continue1, #getNewQuote, #submitnotifyform, #sendtounderwriter, #createanotherquote, #btnRetrieveQuote, #ContinueToNextPage, #Continue {
        width: 100% !important;
    }

    #btnOption-Silver, #btnOption-Gold, #btnOption-Platinum {
        width: 90% !important;
    }

    #sendtounderwriter {
        margin-bottom: 10px;
    }

    #createanotherquote {
        margin-left: 0px;
    }

    #getOptionsform {
        width: 85%;
    }

    #model-street-name {
        width: 200px;
    }

    #yes-continue {
        margin-left: 0px !important;
    }

    #yes-no-continue {
        margin-left: 0px;
        margin-right: 0px;
    }

    #btnRetrieveQuote {
        margin-top: 15px;
    }

    #accordionOCP {
        margin-left: 15px;
        margin-right: 15px;
    }

    #dvAdditionalInsured, #dvAdditionalInterest {
        margin: 20px 0px 20px 0px;
    }

    #AInsuredBusinessName, #InterestType, #AIBusinessName, #aistreet_number, #ailocality, #aipostal_code {
        width: 250px;
    }

    #tandcButtons {
        margin: 12px 20px 0px 20px;
    }

    #paymentInfoPage {
        margin: 12px 20px 15px 15px;
        width: 90%;
    }
    .carousel-captionhead {
        font-size: 8px !important;
        margin-bottom: 8% !important;
        justify-content: flex-end !important;
    }
    .carousel-caption {
        font-size: 8px !important;
        margin-bottom:0 !important
    }
    .home_banner .h1 {
        font-size: 2.438em !important;
    }
    .collapse.in {
        display: block !important;
    }
    #myNavbar {        
        width: 100%;
    }
    .referenceFooter .col-sm-7, .referenceFooter .col-sm-5{
        width:100% !important
    }
}

@media only screen and (max-width: 400px) {
    #btnRecalculate, #btnRecalculateposting {
        width: 100%;
    }

    #continueToPurchase, #btnPolicyDetailsSaveForLater, #Continue1, #btnSaveForLater {
        width: 100%;
    }

    #btnLogin, #btnGuest, #btnSubmit, #yes-continue, #no-dont-continue, #btnRecalculate, #btnRecalculateposting, #continueToPurchase, #btnPolicyDetailsSaveForLater, #btnApplyAgency, #Continue1, #btnSaveForLater, #submitform, #submitingform, #emailQuoteSummaryLoggedIn .btn, #emailQuoteSummary .btn, #btnContinue, #Continue1, #getNewQuote, #submitnotifyform, #sendtounderwriter, #createanotherquote, #btnRetrieveQuote, #ContinueToNextPage, #Continue {
        width: 100% !important;
    }

    #btnRetrieveQuote {
        margin-top: 15px;
    }

    #accordionOCP {
        margin-left: 15px;
        margin-right: 15px;
    }

    #dvAdditionalInsured, #dvAdditionalInterest {
        margin: 20px 0px 20px 0px;
    }

    #AInsuredBusinessName, #InterestType, #AIBusinessName, #aistreet_number, #ailocality, #aipostal_code {
        width: 250px;
    }

    #tandcButtons {
        margin: 12px 20px 0px 20px;
    }

    #paymentInfoPage {
        margin: 12px 20px 15px 15px;
        width: 90%;
    }
}

@media only screen and (max-width : 375px) {
    #btnLogin, #btnGuest, #btnSubmit, #yes-continue, #no-dont-continue, #btnRecalculate, #btnRecalculateposting, #continueToPurchase, #btnPolicyDetailsSaveForLater, #btnApplyAgency, #Continue1, #btnSaveForLater, #submitform, #submitingform, #emailQuoteSummaryLoggedIn .btn, #emailQuoteSummary .btn, #btnContinue, #Continue1, #getNewQuote, #submitnotifyform, #sendtounderwriter, #createanotherquote, #btnRetrieveQuote, #ContinueToNextPage, #Continue {
        width: 100% !important;
    }

    #btnRetrieveQuote {
        margin-top: 15px;
    }

    #haveAQuote {
        width: 90%;
    }

    .OCPNotification {
        margin-left: 11px;
        margin-right: 11px;
        width: 93%;
    }

    #accordionOCP {
        margin-left: 15px;
        margin-right: 15px;
    }

    #dvAdditionalInsured, #dvAdditionalInterest {
        margin: 20px 0px 20px 0px;
    }

    #AInsuredBusinessName, #InterestType, #AIBusinessName, #aistreet_number, #ailocality, #aipostal_code {
        width: 250px;
    }

    #tandcButtons {
        margin: 12px 20px 0px 20px;
    }

    #paymentInfoPage {
        margin: 12px 20px 15px 15px;
        width: 90%;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
    #BFM-Logo {
        top: 10px;
        padding-bottom: 15px;
    }

    #btnLogin, #btnGuest, #btnSubmit, #yes-continue, #no-dont-continue, #btnRecalculate, #btnRecalculateposting, #continueToPurchase, #btnPolicyDetailsSaveForLater, #btnApplyAgency, #Continue1, #btnSaveForLater, #submitform, #submitingform, #emailQuoteSummaryLoggedIn .btn, #emailQuoteSummary .btn, #btnContinue, #Continue1, #getNewQuote, #submitnotifyform, #sendtounderwriter, #createanotherquote, #btnRetrieveQuote, #ContinueToNextPage, #Continue {
        width: 100% !important;
    }

    #btnRetrieveQuote {
        margin-top: 15px;
    }

    .OCPNotification {
        margin-left: 11px;
        margin-right: 11px;
        width: 93%;
    }

    #accordionOCP {
        margin-left: 15px;
        margin-right: 15px;
    }

    #dvAdditionalInsured, #dvAdditionalInterest {
        margin: 20px 0px 20px 0px;
    }

    #AInsuredBusinessName, #InterestType, #AIBusinessName, #aistreet_number, #ailocality, #aipostal_code {
        width: 250px;
    }

    #tandcButtons {
        margin: 12px 20px 0px 20px;
    }

    #paymentInfoPage {
        margin: 12px 20px 15px 15px;
        width: 90%;
    }
}

#covid19banner {
    color: #194c59;
    background-color: #dadada;
    line-height: 60px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
    font-size: 16px;
}

    #covid19banner .infoicon {
        padding-right: 0px;
        margin-right: 0px;
        width: 50px;
    }

    #covid19banner #covidbannertext {
    }

@media (max-width:767px ) {
    #covid19banner .infoicon {
        display: none;
    }

    #covid19banner {
        line-height: 18px;
        padding-top: 40px;
        padding-bottom: 20px;
    }    
}

@media only screen and (max-width : 480px) {
    #covid19banner .infoicon {
        display: none;
    }

    #covid19banner {
        line-height: 18px;
    }
}

@media only screen and (max-width: 400px) {
    #covid19banner .infoicon {
        display: none;
    }

    #covid19banner {
        line-height: 18px;
    }
}

@media only screen and (max-width : 375px) {
    #covid19banner .infoicon {
        display: none;
    }

    #covid19banner {
        line-height: 18px;
    }
}

@media only screen and (max-width : 320px) {
    #covid19banner .infoicon {
        display: none;
    }

    #covid19banner {
        line-height: 18px;
    }
}

/*== Header Section === */

/* jwbs (color) class, and default styling */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url("../includes/assets/default.css");
@import url("jwbs.css");

html, body {
    overflow-x: hidden;
    font-weight: 400;
    font-family: Roboto, sans-serif;
}

.small, small {
    font-size: .85rem;
}

h1 small, h2 small, h3 small {
    font-size: 85%;
}

.lead {
    font-weight: 400 !important;
}

/*strong, b, .font-weight-bold {
    font-weight: 500 !important;
}*/

a, a:link, a:visited {
    /*color: #0093c9;*/
    font-weight: 500;
}

    a:active, a:hover {
        /*color: #F18A00;*/
    }

.w-2vw {
    width: 2vw;
    min-width: 30px;
}

/* full width */
.full-width {
    position: relative;
}

    .full-width:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: -75rem;
        z-index: -1;
    }

    .full-width.bg-jwbs:before {
        border-left: 99rem solid #002B49;
        box-shadow: 99rem 0 0 #002B49;
    }

.full-width-breakout {
    width: 100vw;
    position: relative;
    left: calc(-1 *(100vw - 100%) / 2);
}

/* colors */
.text-dark-green {
    color: #55b200 !important;
}

.bg-dark-green {
    background-color: #55b200;
}

.border-dark-green {
    border-color: #55b200 !important;
}

.full-width.bg-dark-green:before {
    border-left: 99rem solid #55b200;
    box-shadow: 99rem 0 0 #55b200;
}

.text-light-green {
    color: #93d500 !important;
}

.bg-light-green {
    background-color: #93d500;
}

.border-light-green {
    border-color: #93d500 !important;
}

.full-width.bg-light-green:before {
    border-left: 99rem solid #93d500;
    box-shadow: 99rem 0 0 #93d500;
}

.text-dark-cyan {
    color: #3BBFAD !important;
}

.bg-dark-cyan {
    background-color: #3BBFAD;
}

.border-dark-cyan {
    border-color: #3BBFAD !important;
}

.full-width.bg-dark-cyan:before {
    border-left: 99rem solid #3BBFAD;
    box-shadow: 99rem 0 0 #3BBFAD;
}

.text-dark-blue {
    color: #0085bf !important;
}

.bg-dark-blue {
    background-color: #0085bf;
}

.border-dark-blue {
    border-color: #0085bf !important;
}

.full-width.bg-dark-blue:before {
    border-left: 99rem solid #0085bf;
    box-shadow: 99rem 0 0 #0085bf;
}

.text-light-blue {
    color: #0093c9 !important;
}

.bg-light-blue {
    background-color: #0093c9;
}

.border-light-blue {
    border-color: #0093c9 !important;
}

.full-width.bg-light-blue:before {
    border-left: 99rem solid #0093c9;
    box-shadow: 99rem 0 0 #0093c9;
}

.text-orange {
    color: #F18A00 !important;
}

.bg-orange {
    background-color: #F18A00;
}

.border-orange {
    border-color: #F18A00 !important;
}

.full-width.bg-orange:before {
    border-left: 99rem solid #F18A00;
    box-shadow: 99rem 0 0 #F18A00;
}

.text-dark-grey {
    color: #636569 !important;
}

.bg-dark-grey {
    background-color: #636569;
}

.border-dark-grey {
    border-color: #636569 !important;
}

.full-width.bg-dark-grey:before {
    border-left: 99rem solid #636569;
    box-shadow: 99rem 0 0 #636569;
}

.text-light-grey {
    color: #F7F5F5 !important;
}

.bg-light-grey {
    background-color: #F7F5F5;
}

.border-light-grey {
    border-color: #F7F5F5 !important;
}

.full-width.bg-light-grey:before {
    border-left: 99rem solid #F7F5F5;
    box-shadow: 99rem 0 0 #F7F5F5;
}

.btn-dark-green {
    color: #ffffff !important;
    background-color: #55b200;
    border-color: #55b200;
}

.btn-outline-dark-green {
    color: #55b200 !important;
    background-color: transparent;
    background-image: none;
    border-color: #55b200;
}

    .btn-outline-dark-green:hover {
        color: #343434 !important;
        background-color: #55b200;
        background-image: none;
        border-color: #55b200;
    }

.btn-light-green {
    color: #ffffff !important;
    background-color: #93d500;
    border-color: #93d500;
}

.btn-outline-light-green {
    color: #93d500 !important;
    background-color: transparent;
    background-image: none;
    border-color: #93d500;
}

    .btn-outline-light-green:hover {
        color: #343434 !important;
        background-color: #93d500;
        background-image: none;
        border-color: #93d500;
    }

.btn-dark-cyan {
    color: #ffffff !important;
    background-color: #3BBFAD;
    border-color: #3BBFAD;
}

.btn-outline-dark-cyan {
    color: #3BBFAD !important;
    background-color: transparent;
    background-image: none;
    border-color: #3BBFAD;
}

    .btn-outline-dark-cyan:hover {
        color: #343434 !important;
        background-color: #3BBFAD;
        background-image: none;
        border-color: #3BBFAD;
    }

.btn-dark-blue {
    color: #ffffff !important;
    background-color: #0085bf;
    border-color: #0085bf;
}

.btn-outline-dark-blue {
    color: #0085bf !important;
    background-color: transparent;
    background-image: none;
    border-color: #0085bf;
}

    .btn-outline-dark-blue:hover {
        color: #343434 !important;
        background-color: #0085bf;
        background-image: none;
        border-color: #0085bf;
    }

.btn-light-blue {
    color: #ffffff !important;
    background-color: #0093c9;
    border-color: #0093c9;
}

.btn-outline-light-blue {
    color: #0093c9 !important;
    background-color: transparent;
    background-image: none;
    border-color: #0093c9;
}

    .btn-outline-light-blue:hover {
        color: #343434 !important;
        background-color: #0093c9;
        background-image: none;
        border-color: #0093c9;
    }

.btn-orange {
    color: #ffffff !important;
    background-color: #F18A00;
    border-color: #F18A00;
}

.btn-outline-orange {
    color: #F18A00 !important;
    background-color: transparent;
    background-image: none;
    border-color: #F18A00;
}

    .btn-outline-orange:hover {
        color: #343434 !important;
        background-color: #F18A00;
        background-image: none;
        border-color: #F18A00;
    }

.btn-dark-grey {
    color: #ffffff !important;
    background-color: #636569;
    border-color: #636569;
}

.btn-outline-dark-grey {
    color: #636569 !important;
    background-color: transparent;
    background-image: none;
    border-color: #636569;
}

    .btn-outline-dark-grey:hover {
        color: #343434 !important;
        background-color: #636569;
        background-image: none;
        border-color: #636569;
    }

.btn-light-grey {
    color: #ffffff !important;
    background-color: #F7F5F5;
    border-color: #F7F5F5;
}

.btn-outline-light-grey {
    color: #F7F5F5 !important;
    background-color: transparent;
    background-image: none;
    border-color: #F7F5F5;
}

    .btn-outline-light-grey:hover {
        color: #343434 !important;
        background-color: #F7F5F5;
        background-image: none;
        border-color: #F7F5F5;
    }

/* main nav */
.top_header .navbar-brand img {
    max-height: 75px;
}

.top_header #main-navbar {
    font-weight: 600;
    min-height: 70px;
}

    .top_header #main-navbar .navbar-nav > li > a {
        text-transform: uppercase;
    }

.navbar-light #main-navbar .navbar-nav .nav-link {
    color: #636569;
}

.navbar-light #main-navbar .navbar-nav .text-white .nav-link {
    color: #fff;
}

.navbar-light #main-navbar .navbar-nav .nav-link:hover {
    color: rgba(99, 101, 105, 0.75);
}

.navbar-light #main-navbar .navbar-nav .text-white .nav-link:hover {
    color: rgba(255, 255, 255, 0.75);
}

#main-navbar .navbar-nav a.dropdown-toggle::after, #main-navbar .mr-auto .dropdown-menu:before {
    content: "\f078";
    font-family: "Font Awesome 5 Pro", sans-serif;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: .65rem;
}

#main-navbar .navbar-nav a.dropdown-toggle::after {
    border: none;
    padding-left: .25rem;
}

#main-navbar .mr-auto .dropdown-menu:before {
    position: absolute;
    top: 5px;
    right: 10px;
}

#main-navbar .mr-auto .dropdown-menu {
    padding-top: 1rem;
}

#main-navbar .dropdown-menu li:nth-child(even) {
    background-color: #efefef;
}

#search-form-container {
    right: 20px;
    top: 25px;
    min-width: 250px;
}
/* carousel / banner */
.carousel-caption {
    text-align: left;
}

/* product category links */
.product_link_grid_item {
    max-width: 242px;
}

/* product category blocks */
#industry_blocks .product_grid_item {
    max-width: 142px;
}
@media (min-width: 1900px) {
    #saveDefaultLimits {
        min-width: 170px !important;
        margin: 10px 0px 0px 170px !important;
        margin-right: 13px !important;
    }

    #limistExistsMessage {
        margin-top: 20px;
        color: #0093c9;
        font-weight: bold;
        font-size: small;
        text-align: center;
        margin-left: 190px !important;
    }

    #limistSavedMessage {
        margin-top: 20px;
        text-align: center;
        color: rgb(0, 147, 201);
        font-weight: bold;
        font-size: small;
        margin-left: 220px !important;
    }
}


#saveDefaultLimits {
    min-width: 170px;
    margin: 10px 0px 0px 40px;
    margin-right: 13px;
}

#limistExistsMessage {
    margin-top: 20px;
    color: #0093c9;
    font-weight: bold;
    font-size: small;
    text-align: center;
    margin-left: 132px;
}

#limistSavedMessage {
    margin-top: 20px;
    text-align: center;
    color: rgb(0, 147, 201);
    font-weight: bold;
    font-size: small;
    margin-left: 149px;
}


/* contact section */

/* footer */
footer {
    font-size: .85rem;
    font-weight: 200;
}

    footer .widgettitle {
        text-transform: uppercase;
        font-weight:700;
        font-size: 13px;
        margin-bottom: 1.5rem !important;
        color: #fff !important;
    }

    footer .menu {
        padding-left: 0;
        list-style: none;
        font-size: 13px;
        LINE-HEIGHT: 1.6;
    }

        footer .menu a {
            color: #fff;
            font-weight: 300;
        }

#parent-company {
    background-color: #000;
}

/* media queries */
/* Extra Small Devices, Phones */
@media only screen and (min-width : 576px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    h1, .h1 {
        font-size: 2.00rem;
    }

    h2, .h2 {
        font-size: 2.25rem;
    }

    h3, .h3, .lead {
        font-size: 1.3rem;
    }

    .carousel-caption {
        left: 11% !important;
        top: 20%;
    }
    .carousel-captionhead h1, .h1 {
        font-size: 4.5rem;
    }
    .carousel-captionhead p {
        font-size: 1.5rem !important;
        font-weight:300;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    #industry_blocks .industry_text {
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
        max-width: 400px;
        position: absolute;
    }

    #industry_blocks > div:nth-child(even) .industry_text {
        left: auto;
        right: 0;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1300px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1440px;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1340px;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1500px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1440px;
    }
    #myNavbar {
        display: flex !important;
    }
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
}


.footerhr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

.header-position-relative {
    position: relative !important;
}

header {
    z-index: 1030;
}

.headerd-md-block {
    display: block !important;
}

.headercol-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

.text-white {
    color: #fff !important;
}

.text-center {
    text-align: center !important;
}

.m-auto {
    margin: auto !important;
}

.pb-1, .py-1 {
    padding-bottom: .25rem !important;
}

.pt-1, .py-1 {
    padding-top: .25rem !important;
}

.small, small {
    font-size: .85rem;
}

.headercol-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.header-row {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.header-col {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
}

.top_header .navbar {
    /* position: relative;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: center;*/
    justify-content: space-between;
    padding: .5rem 1rem !important;
    margin-bottom: 30px !important;
}

.top_header .navbar-brand {
    display: inline-block;
    padding-top: .325rem;
    padding-bottom: .325rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
    height: auto;
}

headerzindex a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1);
}

.navbar-expand-lg .navbar-toggler {
    display: none;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}

.navbar-toggler {
    border-width: 0;
}

.ml-auto, .mx-auto {
    margin-left: auto !important;
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
}

header-button, select {
    text-transform: none;
}

header-button, input {
    overflow: visible;
}

header-button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.navbar-header .collapsed .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 20 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(0,0,0,1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}
.navbar-header .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 20 30' xmlns='http://www.w3.org/2000/svg' version='1.1'><g stroke='rgba(0,0,0,1)'><line x1='0' y1='25' x2='20' y2='5' stroke-width='2' /><line x1='0' y1='5' x2='20' y2='25' stroke-width='2' /></g></svg>");
}

.navbar-toggler-icon {
    width: 1em;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
}

.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1);
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
}

header-button, select {
    text-transform: none;
}

.mr-auto, .mx-auto {
    margin-right: auto !important;
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem;
}

#main-navbar {
    font-weight: 600;
}

ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

#main-navbar {
    font-weight: 600;
}

li {
    display: list-item;
    text-align: -webkit-match-parent;
}

.dropdown, .dropleft, .dropright, .dropup {
    position: relative;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
}
/*.dropdown-toggle {
    white-space: nowrap;
}
.dropdown-toggle::after {
    display: inline-block; 
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}*/
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99999;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}

#main-navbar .navbar-nav headerdp-a.dropdown-toggle::after, #main-navbar .mr-auto .dropdown-menu:before {
    content: "\f078";
    font-family: "Font Awesome 5 Pro", sans-serif;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: .65rem;
}

.dropdown-menu > li > a {
    color: #0093c9;
    font-weight: 600 !important;
    font-size: 15px;
    line-height: 1.8;
    /* background:#fff !important;*/
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-menu.show {
    display: block;
}

.h-auto {
    height: auto !important;
}

.w-100 {
    width: 100% !important;
}

img {
    max-width: 100%;
    height: auto;
}

img {
    vertical-align: middle;
    border-style: none;
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
}

.mb-2, .my-2 {
    margin-bottom: .5rem !important;
}

.lead {
    font-weight: 400 !important;
}

.mt-3, .my-3 {
    margin-top: 1rem !important;
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important;
}

.w-100 {
    width: 100% !important;
}

.justify-content-center {
    ms-flex-pack: center !important;
    justify-content: center !important;
}

.d-flex {
    display: ms-flexbox !important;
    display: flex !important;
}

.bg-jwbs {
    background-color: #002B49 !important;
}

.pt-5, .py-5 {
    padding-top: 3rem !important;
}

.pb-3, .py-3 {
    padding-bottom: 1rem !important;
}

body > footer {
    font-size: .85rem;
    font-weight: 200;
}

.fab {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
}

.fa-stack-1x, .fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.fa, .fab, .fad, .fal, .far, .fas {
    moz-osx-font-smoothing: grayscale;
    webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em;
}

.fa-facebook-f:before {
    content: "\f39e";
}

.fa-instagram:before {
    content: "\f16d";
}

*, ::after, ::before {
    box-sizing: border-box;
}

.text-jwbs {
    color: #002B49 !important;
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem !important;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #16181b !important;
    text-decoration: none !important;
    background-color: #f8f9fa !important;
}

.border-jwbs {
    border-color: #002B49 !important;
    margin: 0 auto;
}

.top_header [class*="full-width"].bg-dark-green:before {
    border-left: 99rem solid #55b200;
    box-shadow: 99rem 0 0 #55b200;
}

.top_header.full-width:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -75rem;
    z-index: -1;
}

.top_header nav a {
    font-family: Roboto, sans-serif;
}

.top_header .navbar-light #main-navbar .navbar-nav .nav-link {
    color: #636569;
}

.top_header .nav-link {
    display: block;
    padding: .5rem 1rem;
}

.top_header .dropdown-toggle {
    white-space: nowrap;
}

.top_header #main-navbar .navbar-nav a.dropdown-toggle::after {
    border: none;
    padding-left: .25rem;
}

.top_header #main-navbar .navbar-nav a.dropdown-toggle::after, .top_header #main-navbar .mr-auto .dropdown-menu:before {
    content: "\f078";
    font-family: "Font Awesome 5 Pro", sans-serif;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: .65rem;
}

/*.top_header .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}*/

.top_header .bg-white {
    background-color: #fff !important;
}

.top_header .container {
    width: 1440px;
}

.top_header {
    font-size: 1em !important;
}

    .top_header #main-navbar .dropdown-menu li:nth-child(even) {
        background-color: #efefef;
    }

    .top_header .dropdown-menu {
        top: auto !important;
        left: auto !important;
    }

    .top_header .navbar-light #main-navbar .navbar-nav .text-white .nav-link {
        color: #fff;
    }

    .top_header .pl-4, .top_header .px-4 {
        padding-left: 1.5rem !important;
    }

    .top_header .pr-4, .top_header .px-4 {
        padding-right: 1.5rem !important;
    }

.home_banner h1, .home_banner .h1 {
    font-size: 3.45rem;
}

.top_header .navbar-inverse {
    background-color: #fff;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

    .top_header .navbar-inverse .navbar-nav > li > a {
        color: #636569;
    }

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #636569;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: transparent;
    color: #636569;
}

.top_header .nav-link {
    text-transform: uppercase;
}

.top_header #myNavbar .navbar-nav a.dropdown-toggle::after, .top_header #myNavbar .mr-auto .dropdown-menu:before {
    content: "\f078";
    font-family: "Font Awesome 5 Pro", sans-serif;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: .65rem;
}

.top_header .navbar-inverse .navbar-nav > .active > a, .top_header.navbar-inverse .navbar-nav > .active > a:hover, .top_header.navbar-inverse .navbar-nav > .active > a:focus {
    /*color: rgba(99, 101, 105, 0.75);*/
}

.top_header .navbar-light #myNavbar .navbar-nav .text-white .nav-link {
    color: #fff;
}

.top_header .bg-light-blue .nav-link {
    color: #fff !important;
}

.top_header #myNavbar .dropdown-menu li:nth-child(even) {
    background-color: #efefef;
}

.top_header #myNavbar .navbar-nav a.dropdown-toggle::after, .top_header #myNavbar .open .dropdown-menu:before {
    content: "\f078";
    font-family: "Font Awesome 5 Pro", sans-serif;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: .7rem;
    vertical-align: 0.2em;
    padding-left: 0.01rem;
    margin-left: .255em;
    /*float:right*/
}

.top_header .navbar-nav > li > .dropdown-menu {
    border-top-right-radius: .25rem;
    border-top-left-radius: .25rem;
}

.top_header #myNavbar .open .dropdown-menu:before {
    content: "\f078";
    font-family: "Font Awesome 5 Pro", sans-serif;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: .65rem;
    float: right;
    padding-right: 10px
}

.top_header .navbar-inverse .navbar-toggle .icon-bar {
    background-color: #0094c9;
}

.top_header .navbar-inverse .navbar-toggle:hover, .top_header .navbar-inverse .navbar-toggle:focus {
    background-color: #fff;
}

.top_header .navbar-inverse .navbar-toggle {
    border-color: #0094c9;
    float: right;
}

.top_header .navbar-nav {
    padding: 15px 8px;
}

.top_header .rounded-0 {
    border-radius: 0 !important;
}

.top_header .btn-group-lg > .btn, .top_header .btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;
}

@media (max-width: 767px) {
    .top_header .navbar-nav .dropdown-menu li {
        /*margin-left: 0px !important;*/
        padding:0px;
        text-align:right;
    }

        .top_header .navbar-nav .open .dropdown-menu {
            border: 1px solid #ddd;
        }

    .top_header .nav-link {
        display: block;
        padding: .5rem 0rem;
    }

    .top_header #myNavbar .open .dropdown-menu:before {
        display: none;
    }
    .summarycls{
        width:100% !important;
    }    

    .top_header .container {
        width: 100%;
    }
}

.border-jwbs {
    border-color: #002B49 !important;
}

.main_contactus hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    margin-left: auto;
    margin-right: auto;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Roboto, sans-serif !important;
    font-weight: 500;
    line-height: 1.1;
}

.main_footer .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}


.p-3 {
    padding: 1rem !important;
}

.h-100 {
    height: 100% !important;
}

.rounded {
    border-radius: .25rem !important;
}

.bg-white {
    background-color: #fff !important;
}

.small, small {
    font-size: .85rem;
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important;
}

.mb-4, .mx-4 {
    /*margin-bottom: 1.5rem !important;OLD*/
    margin-bottom: 0rem !important;
}

.w-100 {
    width: 100% !important;
}

.w-25 {
    width: 25% !important;
}

.main_contactus p {
    margin-top: 0;
    margin-bottom: 1rem;
}

.contact_section_item hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    margin-left: auto;
    margin-right: auto;
}

.main_contactus .row {
    flex-wrap: wrap;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

html, body {
    margin: 0;
    padding: 0;
    font-family: Roboto, sans-serif !important;
    color: #212529;
}
#myNavbar .navbar-nav .nav-link {
    font-weight: 500;
    font-size: 1.15rem;
    padding: .5rem 1.5rem;
    line-height: 1.5;
    margin: 0;
}
#myNavbar .navbar-nav .nav-link:hover {
    color: rgba(99, 101, 105, 0.75);
}
.navbar-nav .dropdown {
    padding-right: 1rem;
    padding-left: 1rem;
    z-index:9999999;
}
.py-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important;
}
.dropdown-menu:before{
    display:none
}
.footcls {
    flex: 0 0 75%;
    max-width: 75%;
}
.headerimg img {
    width: 100%;
}
.p-0{
    padding:0 !important;
}
#myNavbar {    
    text-align: right;
    margin-bottom: 10px;
    padding: 0px;
    float: left;
    margin-left: -20px;
}
.headerbtn {
    padding: 0 0.8rem !important;
    margin-top: 8px;
    margin-left: -10px;
}
.carousel-captionhead {
    text-align: left;
}
.lead {
    font-weight: 400 !important;
}
.carousel-captionhead {
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    right: 15%;
    left: 15.4% !important;
    z-index: 10;
    color: #fff;
    margin-top: 6.65%;
}
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
}

.btn-mailchimp {
    color: #fff;
    border: 2px solid #fff;
    border-radius: 0;
}
body .btn-mailchimp:hover {
    color: #002b49;
    background-color: #fff;
}
.summarycls {    
    width: 58%; 
}
#mobileBreadcrumb{
    margin-top:10px;
}

.fade {
    opacity: 0;
}

 .fade.show {
    opacity: 1;
}
.space-padding {
    margin-top: 30px !important;
}
@media (min-width: 768px) {
    .modal-dialog {
        width: 500px;
        margin: 31px auto;
    }
}

#MaintenancePage {
    font-size: 30px;
    padding: 2% 15%;
    font-weight: bold;
    text-align: center;
    z-index: 9999999999;
    background: #fff !important;
    color: #e30015;
    height: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-family: sans-serif;
    font-size: 1.5em;
}

#text {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 50px;
    color: white;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

.bootstrap-select > .dropdown-toggle {
    z-index: 0 !important;
}

.dropdown, .dropleft, .dropright, .dropup {
    z-index: 1 !important;
}

.personalizeQuote .firehydrantanswer label.text-nowrap .tooltip {
    left: -220px !important;
}
.outageimage{
    float:inherit;
    width:70%;
}

/* For the selected text in the button */
.bootstrap-select[data-id="manufacturing"] .filter-option-inner-inner {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* For the options inside the dropdown list */
.bootstrap-select[data-id="manufacturing"] .dropdown-menu.inner li a span.text {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Optional: limit dropdown menu width to avoid expanding beyond container */
.bootstrap-select[data-id="manufacturing"] .dropdown-menu {
    width: 100% !important;
    max-width: 100%;
}

/* Ensure Font Awesome spinner always animates properly */
.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear !important;
    animation: fa-spin 2s infinite linear !important;
}

/* Override any transition rules that might interfere with spinner */
button .fa-spin, a .fa-spin {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}