﻿
/*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;
    }


    .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;
}



/*------------------------- 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%);
}


/*------------------------- 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: #2C863A !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: -webkit-linear-gradient(top, #f2f2f2 0%,rgba(196,212,241,0.28)
        100%);
    }


}

@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;
    }
}


.btn-primary {
    color: #fff !important;
    border-color: #2C863A !important;
    background-color: #2C863A !important;
}

    .btn-primary:hover {
        color: #fff !important;
        border-color: #00558C !important;
        background-color: #00558C !important;
    }


#topNav ul.nav > li.active > a:after {
    content: ' ';
    background-color: #2C863A;
    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: #2C863A!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: #2C863A;
}

    .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 {
            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 {
    color: #FED141!important;
    text-decoration:underline!important;
}


a.home-icons {
    color: #2C863A !important;
    text-decoration: none !important;
}

    a.home-icons:hover {
        color: #00558C !important;
        text-decoration: none;
    }

a.contact-info {
    color: #2C863A !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: #2C863A;
}



/*------------------------- Info Graphic -------------------------*/

div.life-infographic div.left div.head, .tir .head {
    background: rgba(0, 85, 140, 0.8);
}

div.life-infographic div.right div.head {
    border-right: 1px solid #47170d;
    border-top-right-radius: 3px;
    background: #00558C;
}

div.life-infographic .head {
    font-size: 20pt;
    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;
}

div.life-infographic {
    background: #ddd;
    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: rgba(179, 173, 170, 0.55);
}

div.life-infographic div.left div:nth-child(even) {
    background: #efebe8;
    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: #2C863A;
    /*font-weight: 700;*/
}
a.glyphicon:hover {
   color: #FFF;
}

    a:hover {
        color: #00558c;
    }

    .bold__links {
        font-weight:700;
    }
     a.srd__bold {
        color: #2C863A;
        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: #2C863A;
        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: 9998;
    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;
}
.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: #2C863A;
}

.policyholders-options a h4 b {
    color: #2C863A;
}

.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: #2C863A 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: #2C863A;
    border-color: #2C863A;
}*/
.btn-warning:hover {
    color: #fff;
    background-color: #00558C;
    border-color: #2C863A !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: #2C863A !important;
    border-color: #00558C !important;
}

.btn-warning.focus, .btn-warning:focus {
    color: #fff;
    background-color: #2C863A !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: #2C863A;
    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: #2C863A;
    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: #2C863A;
    }


#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: #2C863A !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: #2C863A !important;
    -webkit-border-radius: 124px;
    -moz-border-radius: 124px;
    border-radius: 124px;
}

.careerbuttons h2 {
    color: #2C863A !important;
}
    .careerbuttons h2:hover {
        color: #00558c !important;
    }

.btnSearch, .btnViewAllJobs, a.btnApply 
    {
    height: auto;
    background-color: #2C863A !important;
}
/*------------------------- LOWER FOOTER -------------------------*/

ul.side-nav > li > a {
    font-weight: 700;
    color: #2C863A !important;
}
ul.side-nav > li > a:hover {
    font-weight: 700;
    color: #00558c !important;
}

/*------------------------- RESPONSIVE -------------------------*/



@media all and (max-width: 1520px) {
    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: #2C863A !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;
        }
    }

}
