/*Rebrand.css*/


header#topNav {
    background: #00558C !important;
}

div.footer {
    width: 100%;
    z-index: 99;
    background: #00558C;
}
 
.page-footer {
    margin-top: -1rem !important;
    border-radius: 50vw 50vw 0 0/.75rem .75rem 0 0 !important;
    box-shadow: 0 -1rem white, 0 -1rem 8rem rgba(0,0,0,.2) !important;
}

#footer {
    color: #FFF !important;
    display: block;
    vertical-align: bottom;
    background-color: #00558C;
    z-index: 101;
    border-top: none !important;
}

    #footer li a {
        color: #81fcf8 !important;
        text-decoration: none;
        font-size: 14px;
        -webkit-transition: all .2s ease 0s;
        -moz-transition: all .2s ease 0s;
        -o-transition: all .2s ease 0s;
        transition: all .2s ease 0s;
    }


    #footer .altlink-icon {
        width: 35px;
        margin-left: 7px;
    }

.sourcefootnote {
    font-size: 14px;
}

.flexslider .slides .box p a {
    color: #FFF !important;
    font-weight: 500;
    text-decoration: underline;
}


/*------------------------- Spanish Product Tabs -------------------------*/

.spanish_tab h2 {
    font-size: 1.4em;
}

.es_subhead {
    font-size: 2.2em;
    line-height: 42px;
    margin: 0 0 32px 0;
}

/*------------------------- Slider Text -------------------------*/


.slide-title {
    font-size: 36pt;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 10px;
    font-family: 'droid_serifitalic';
    text-shadow: 1px 1px 10px rgb(0 0 0 / 80%);
}


/*------------------------- Cookies Page -------------------------*/

.cookies-h2 {
font-weight: 900;
color: #474C55;
margin-bottom: 1.5rem;
line-height: 1.25;
}

.cookie-accordion.panel-group {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.accordion .cookie-panel-heading {
    background-color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all .10s ease-out;
    -moz-transition: all .10s ease-out;
    -o-transition: all .10s ease-out;
    transition: all .10s ease-out;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.panel-title {
    font-weight: 900;
    color: #474C55;
    margin-bottom: 1.5rem;
    line-height: 1.25;
}

.panel-group.accordion h4 a {
    padding-left: .2rem;
    color: #777;
    border-bottom: 1px solid #aaa;
    font-size: .9rem;
}

.panel-group.accordion h4 a {
    position: relative;
    color: #00558C;
    font-size: 1rem;
    text-decoration: none !important;
    display: block;
    width: 100%;
    padding: 1rem 2.75rem 1rem 1rem;
    transition: color .5s;
}

.panel-title a {
    text-decoration: none;
    display: block;
    color: #098A1D;
}

.panel-default > .panel-heading {
    padding: 11px 15px;
    
    color: #fff;
}

.panel-group.accordion .panel:first-of-type {
    border-top: none;
}
.panel-group.accordion {
    padding: 0 0 4rem 0;
    max-width: 1000px;
}

.panel-group.accordion h4 a:hover, .panel-group.accordion h4 a.collapsed:hover:after {
        color: #00558C;
    }

.table .thead-dark th {
    background-color: #00558C;
    color: #fff;
}

.panel-group.accordion h4 a:hover, .panel-group.accordion h4 a.collapsed:hover:after {
     color: #00558C; 
}
.panel-group.accordion .panel:first-of-type {
    border-top: none;
}
.table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6;
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
}

.cookie-privacy-subtitle {
    font-size: 1.8em;
    letter-spacing: normal;
    line-height: 27px;
    margin: 3rem 0 14px 0;
    font-weight: 600;
}

.hr-cookie {
    border: 0;
    margin: 40px 0;
    border-top: #ddd 1px solid;
    border-bottom: #fff 1px solid;
}

.cookie-subtitle {
    font-weight:500;
    font-size:2.25rem;
}
.cookie-bottom {
    margin-bottom: 60px;
    letter-spacing: 1px !important;
    font-family: 'droid_serifitalic';
    
}



/*------------------------- Sidebar Nocost -------------------------*/
.sidebar-nocost h2 {
    font-size: 1.8em;
    letter-spacing: normal;
    line-height: 27px;
    margin: 0 0 14px 0;
}

/*------------------------- Privacy Subtitle -------------------------*/

.privacy-subtitle {
    font-size: 1.8em;
    letter-spacing: normal;
    line-height: 27px;
    margin: 0 0 14px 0;
}



.claim div.toggle div.toggle-content {
    background: rgb(250 250 250 / .05);
}

ul.side-nav > li.active > a {
    background-color: rgb(0 0 0 / 70%);
}




.fourh-subtitle {
    font-size: 24px;
    letter-spacing: normal;
    line-height: 24px;
    margin: 0 0 32px 0;
}


/*------------------------- Career Icons -------------------------*/

.career-icons {
    line-height: 1;
    margin-bottom: 20px;
    color: #098A1D !important;
    font-weight: 600;
    font-size: 22px;
    margin: 0 0 32px 0;
    margin-top: 12px;
}


/*------------------------- Footer H3 -------------------------*/

.footer-subtitle {
    font-size: 1.4em;
    letter-spacing: normal;
    line-height: 27px;
    margin: 0 0 14px 0;
}





/*------------------------- Shadow buttons on Who We Serve -------------------------*/


@media all and (min-width: 992px) {
    div.tabs ul.nav-tabs .policyholders-options a {
        background: #F0F0F0;
    }
}

@media (min-width: 768px) {

    .whoweserve-main div.tabs ul.nav-tabs li.active a {
        background: #b4ccf685 !important;
    }

    .whoweserve-main div.tabs ul.nav-tabs .policyholders-options a:hover {
        background: #d1daeb;
        color: #000;
    }
}

@media (min-width: 576px) {

    .claim-nums {
        font-size: 3.5rem;
    }

    .btn-primary {
        color: #fff !important;
        border-color: #098A1D !important;
        background-color: #098A1D !important;
    }

        .btn-primary:hover, .btn-primary:focus {
            color: #fff !important;
            border-color: #00558C !important;
            background-color: #00558C !important;
        }


    #topNav ul.nav > li.active > a:after {
        content: ' ';
        background-color: #098A1D;
        height: 3px;
        width: 100%;
        left: 0;
        bottom: -3px;
        position: absolute;
    }

    .p__spacer {
        margin-bottom: 40px;
    }
  

    .callout {
        padding-top: 0px !important;
        padding-bottom: 10px;
        margin-bottom: 5rem;
    }

    a.bread__crum {
        color: #098A1D !important;
        text-decoration: underline;
        font-weight: 500 !important;
    }

        a.bread__crum:hover {
            color: #00558C !important;
            text-decoration: underline !important;
        }

    .breadcrumb {
        /*padding: 8px 15px;*/
        margin-bottom: 20px;
    }

    div.toggle div.toggle-content {
        border: rgba(0,0,0,0.03) 1px solid;
        display: none;
        background: #fff;
        margin-top: -5px;
    }

    /*------------------------- Articles -------------------------*/

    .terms-important {
        font-family: 'Open Sans', Arial, sans-serif !important;
        font-size: 14px;
        line-height: 22px;
        margin: 0 0 20px;
        letter-spacing: normal;
    }

    /*------------------------- Articles -------------------------*/

    div.art__menu {
        width: 100%;
        height: 102px;
        margin-bottom: 40px;
        background: #00558C !important;
        top: 0;
        position: fixed;
        z-index: 9999;
    }


    /*------------------------- Green Bar Underdrop Down Menu -------------------------*/

    .contact__page a {
        color: #098A1D;
    }

        .contact__page a:hover {
            color: #00558C;
        }


    /*------------------------- Footer -------------------------*/

    #footer {
        border-top: 0;
    }

        #footer .about p {
            font-size: 10.5pt !important;
            line-height: 1.5;
        }

            #footer .about p a {
                color: #FED141;
            }


        #footer .copyright {
            background-color: #252525;
            padding: 20px 0;
        }

        #footer li a:hover, #footer a:hover a, #footer li a:focus {
            color: #FED141 !important;
            font-weight: 500;
            text-decoration: underline;
        }



    a.privacy {
        color: #81fcf8 !important;
        text-decoration: none !important;
        font-weight: 500 !important;
    }

        a.privacy:hover, a.privacy:focus {
            color: #FED141 !important;
            text-decoration: underline !important;
        }


    a.home-icons {
        color: #098A1D !important;
        text-decoration: none !important;
    }

        a.home-icons:hover, a.home-icons:focus {
            color: #00558C !important;
            text-decoration: none;
            outline: solid 3px black !important;
            outline-offset: 5px;
        }

    a.contact-info {
        color: #098A1D !important;
        text-decoration: none !important;
    }

        a.contact-info:hover {
            color: #00558C !important;
            text-decoration: none;
        }

    .fsize11 {
        font-size: 12px !important;
        line-height: 15px !important;
    }


    .policyholders-options a h2 b {
        color: #00558C;
    }

    .policyholders-options.active a h2 b, .policyholders-options a:hover h2 b, .policyholders-options.active a:hover h2 b {
        color: #00558c !important;
    }

    .policyholders-options a h4 b {
        color: #00558C;
    }

    .policyholders-options.active a h4 b, .policyholders-options a:hover h4 b, .policyholders-options.active a:hover h4 b {
        color: #00558c !important;
    }


    .policyholders-documents {
        font-size: 1.8em;
    }


    /*------------------------- About Dark link -------------------------*/

    a.aboutdark {
        color: #1e5326 !important;
        text-decoration: none;
        font-weight: 700;
    }

        a.aboutdark:hover {
            color: #2C863A !important;
            text-decoration: none;
            font-weight: 700;
        }

    /*------------------------- Dark Home Button -------------------------*/
    .darkhomebutton {
        background: #098A1D;
    }



    /*------------------------- Info Graphic -------------------------*/

    div.life-infographic div.left div.head, .tir .head {
        font-size: 2.75rem;
        line-height: 3rem;
        color: #fff;
        text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
        margin: 0;
        /* display: block; */
        padding: 20px;
        text-align: center;
        font-weight: 700;
        background: rgba(0, 85, 140, 0.8);
    }

    div.life-infographic div.right div.head {
        font-size: 2.75rem;
        line-height: 3rem;
        color: #fff;
        text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
        margin: 0;
        /*display: block;*/
        padding: 20px;
        text-align: center;
        font-weight: 700;
        background: #00558C;
    }


    div.life-infographic {
        background: #dddddd4f;
        width: 100%;
        display: table;
        margin: 30px 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.25);
        box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.25);
    }

        div.life-infographic div.right div:nth-child(even) {
            background: #d9d5d2;
            background-image: initial;
            background-position-x: initial;
            background-position-y: initial;
            background-size: initial;
            background-repeat-x: initial;
            background-repeat-y: initial;
            background-attachment: initial;
            background-origin: initial;
            background-clip: initial;
            background-color: rgb(243 244 245 / 56%);
        }

        div.life-infographic div.left div:nth-child(even) {
            background: #efebe86e;
            background-image: initial;
            background-position-x: initial;
            background-position-y: initial;
            background-size: initial;
            background-repeat-x: initial;
            background-repeat-y: initial;
            background-attachment: initial;
            background-origin: initial;
            background-clip: initial;
            background-color: rgba(65, 70, 78, 0.05);
        }

        div.life-infographic > div > div > p {
            display: table-cell;
            vertical-align: middle;
            padding: 0 15%;
            text-align: center;
            line-height: 1.2;
            margin: 0;
            font-family: 'Open Sans', Helvetica, Arial, sans-serif;
            font-size: 13pt;
            font-style: normal;
            color: #000;
            position: relative;
            z-index: 5;
        }

    div.tir div p.paragraph {
        font-family: 'Open Sans', Helvetica, Arial, sans-serif;
        padding: 40px;
        color: #63666a;
        font-size: 13pt;
        font-style: normal;
        padding-bottom: 40px !important;
    }

    a, a:active, #topNav ul.nav li li a:hover, .tp-caption a:hover, .featured-box-minimal h4, /*.glyphicon,*/ .wi, ul.side-nav a:hover, ul.side-nav ul li.active > a, .li, div.owl-carousel .caption, .pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, div.mega-price-table .pricing:hover h4, div.mega-price-table .pricing-table i.fa, #blog a > span, #blog h1 > span, .cartContent a.remove_item:hover, .owl-carousel.featured a.figure > span > i, .btn-link, .help-block, .error {
        color: #098A1D;
        /*font-weight: 700;*/
    }

        a.glyphicon:hover {
            color: #FFF;
        }

        a:hover {
            color: #00558c;
        }

    .bold__links {
        font-weight: 700;
    }

    a.srd__bold {
        color: #098A1D;
        text-decoration: none;
        font-weight: 700;
    }

        a.srd__bold:hover {
            color: #00558c;
            text-decoration: none;
            font-weight: 700;
            text-decoration: underline;
        }

    a.careerour__bold {
        color: #098A1D;
        text-decoration: none;
        font-weight: 700;
    }

    a.careerour_bold:hover {
        color: #00558c !important;
        text-decoration: none;
        /*font-weight: 700;*/
        text-decoration: underline;
    }

    .head h2 {
        font-size: 1.40em;
        color: #fff;
    }



    /*------------------------- Timeline -------------------------*/


    .timeline .decade h3 {
        background: #00558c;
        z-index: 500;
        left: 3px;
        border-radius: 5px !important;
    }

    .timeline .timeline-centered .item.pull-right:before, .timeline .timeline-centered .item.pull-left:before {
        background-color: #00558c;
        border-radius: 2px !important;
    }

    .timeline .timeline-centered .item {
        border-radius: 5px !important;
    }

    .timeline p, .timeline img {
        border-radius: 5px;
    }

    p.timelinetop a {
        border-radius: 10px;
        font-size: 1.75rem !important;
    }

    /*------------------------- Find Agent -------------------------*/
    .findanagent.alert.callout {
        padding: 10px;
    }

    /*------------------------- Policy -------------------------*/

    .accountdocs table tbody tr th a {
        display: block;
        margin: 0;
        padding: 8px 15px;
        line-height: 27px;
        font-size: 18px;
        font-weight: 400;
         background: rgba(196, 212, 241, 0.20);
    }

        .accountdocs table tbody tr th a:hover {
            display: block;
            margin: 0;
            padding: 8px 15px;
            line-height: 27px;
            font-size: 18px;
            font-weight: 400;
            /*background: #00558C;*/
            color: #fff;
        }


    .accountdocs table tbody tr:nth-child(odd) {
        background: #f7f3ef;
    }

    section.alternate .divider .fa, section.alternate {
        background-color: rgba(245,243,244,0.50);
    }

    /*------------------------- Toggle -------------------------*/

    div.toggle > label {
        color: #333;
        background: rgba(196,212,241,0.28);
        font-weight: 600;
    }
    /*
        div.toggle > label:hover {
            background: rgba(196,212,241,0.28);
        }*/

    .accountdocs table tbody tr:nth-child(odd) {
        background: rgba(196,212,241,0.28);
    }



    div.search-by-location form button:hover,
    div.search-by-agent form button:hover,
    .racing .btn.orangebutton:hover {
        cursor: pointer;
        background: #00558C;
        -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.25);
        box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.25);
    }


    div.search-by-location form button:active, div.search-by-agent form button:active {
        background: #a5d9f8;
        -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.05);
        -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.05);
        box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.05);
    }



    .phone {
        color: #96B52D;
        font-weight: 600;
    }




    /*------------------------- GREEN STUFF -------------------------*/

    .policyholders-options a h2 b {
        color: #098A1D;
    }

    .policyholders-options a h4 b {
        color: #098A1D;
    }

    .policyholders-options figure {
        background-color: #96B52D;
    }

    .whoweserve-main .container .col-sm-6 p a {
        font-weight: 700;
        color: #96B52D;
    }

        .whoweserve-main .container .col-sm-6 p a:hover {
            font-weight: 700;
            color: #FED141;
        }

    /* Primary Button */


    .btn-white {
        color: #b03e19 !important;
    }

    .alert.alert-default {
        border-left: #098A1D 3px solid;
    }

    ul.list-icon li:before {
        color: #00558C;
        font-size: 16px;
    }

    span.badge, #toTop:hover, #bar, .slider-handle, div.featured-box i.fa, i.featured-icon, .progress-bar-primary, .modal-header, .timeline .timeline-left .item:before, .timeline .timeline-right .item:before, .timeline .timeline-centered .item.pull-right:before, .timeline .timeline-centered .item.pull-left:before, div.mega-price-table .pricing-title, div.mega-price-table .pricing-head, div.mega-price-table .pricing.popular, #topNav ul.nav > li:hover > a:before, #topNav ul.nav > li.active > a:before, .styleBackgroundColor, .policyholders-options a:hover figure {
        background-color: #00558C !important;
    }

    /*.form-control {
    background-color: rgba(196,212,241,0.28);
}*/

    .complaint {
        font-family: 'Open Sans', Arial, sans-serif !important;
        font-size: 2em;
        line-height: 22px;
        margin: 0 0 20px;
        letter-spacing: normal;
    }

    .complaint-list {
        list-style: none;
    }


    /*------------------------- CHANGE BACKGROUND FOR SLIDER -------------------------*/

    .intro-banner::before {
        background-color: rgb(000, 000, 000,.65);
    }


    .overlay-container {
        position: relative;
    }

        .overlay-container::after {
            content: "";
            position: absolute;
            inset: 0;
            background-color: rgba(0, 0, 0, 0.1);
        }

    .box {
        position: relative;
        z-index: 2;
    }


    /*------------------------- CHANGE FORM BUTTON -------------------------*/
    /*.btn-warning {
    color: #fff;
    background-color: #098A1D;
    border-color: ##098A1D;
}*/
    .btn-warning:hover {
        color: #fff;
        background-color: #00558C;
        border-color: #098A1D !important;
    }

    .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover {
        color: #fff;
        background-color: #098A1D !important;
        border-color: #00558C !important;
    }

    .btn-warning.focus, .btn-warning:focus {
        color: #fff;
        background-color: #098A1D !important;
        border-color: #985f0d;
    }


    /*------------------------- GLYPHICONS -------------------------*/


    /*.glyphicon, .wi, ul.side-nav a:hover, ul.side-nav ul li.active > a, .li, div.owl-carousel .caption, .pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, div.mega-price-table .pricing:hover h4, div.mega-price-table .pricing-table i.fa, #blog a > span, #blog h1 > span, .cartContent a.remove_item:hover, .owl-carousel.featured a.figure > span > i, .btn-link, .help-block, .error {
    color: #00558C;
}*/



    .flexslider.flexFull .flex-direction-nav a:hover, .flexslider.flexContent .flex-direction-nav a:hover {
        background-color: #098A1D;
        color: #fff;
    }

    .flexslider .slides .box p a.btn {
        color: #fff;
    }

    .flexslider .slides .box p a.btn {
        color: #fff;
        text-decoration-line: none;
        font-weight: 600;
    }

    .homeslider .flexslider .slides .box p {
        font-size: 11pt;
        line-height: 20pt;
        text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
        font-weight: 600;
    }

    #topNav button.btn-mobile {
        margin: 29px 10px 28px 0px;
        background-color: #098A1D;
        webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        line-height: 1;
        padding: 8px 10px;
    }

        #topNav button.btn-mobile:hover,
        #topNav button.btn-mobile:active {
            background-color: #098A1D;
        }


    #topBar .container {
        padding-bottom: 0px;
    }

    .btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
        clear: both;
    }

    /*------------------------- CHANGE FORM -------------------------*/

    .change_form h1 {
        font-size: 2.2em;
    }


    /*------------------------- SOCIAL -------------------------*/


    a.social {
        color: #fff !important;
    }

        a.social:hover {
            color: #fff !important;
        }

    /*------------------------- GOOGLE SEARCH -------------------------*/


    a.gsc-search-button {
        border: 0px !important;
        background: #098A1D !important;
        transition: all 0.2s;
    }

    .gsc-search-button:hover {
        border: 0px !important;
        background: #00558c !important;
        transition: all 0.2s;
    }

    /*------------------------- CAREER SEARCH -------------------------*/

    .circleimage {
        width: 124px;
        height: 124px;
        background-color: #098A1D !important;
        -webkit-border-radius: 124px;
        -moz-border-radius: 124px;
        border-radius: 124px;
    }

    .careerbuttons h2 {
        color: #098A1D !important;
    }

        .careerbuttons h2:hover {
            color: #00558c !important;
        }

    .btnSearch, .btnViewAllJobs, a.btnApply {
        height: auto;
        background-color: #098A1D !important;
    }
    /*------------------------- LOWER FOOTER -------------------------*/

    ul.side-nav > li > a {
        font-weight: 700;
        color: #098A1D !important;
    }

        ul.side-nav > li > a:hover {
            font-weight: 700;
            color: #00558c !important;
        }

    /*------------------------- RESPONSIVE -------------------------*/



    @media all and (max-width: 1850px) {

        .spanish_tab h2 {
            font-size: 1.15em;
        }

        h2 {
            font-size: 1.40em;
        }
    }

    @media all and (max-width: 1340px) {
        .spanish_tab h2 {
            font-size: 1.15em;
        }

        h2 b {
            margin: 14px 0;
            line-height: 27px;

        }
    }

    @media all and (max-width: 991px) {

        /*#topNav ul.nav > li:hover > a:after, #topNav ul.nav > li.active > a:after {
        background-color: ##098A1D !important;
    }*/

        .gsc-input-box {
            padding-top: 0px !important;
            padding-bottom: 0px;
            border-top-left-radius: 8px;
            border-bottom-left-radius: 8px;
        }



        @media all and (max-width: 1299px) {
            #topNav a.hover {
                color: #00558C;
            }
        }
    }
}