﻿
/*Site.css*/




@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900');




body {
    color: #333;
    font-size: 16px;
    font-family: 'Lato', Arial, Verdana;
}

#wrapper section:last-of-type {
    margin-bottom: 60px;
}

p {
    line-height: 1.8;
    margin: 0 0 20px;
}
header#topNav {
    border: 0px;
}

header#topNav a.logo img {
    /*height: 55px !important;*/
    margin-top: 15px;
    margin-left: 0px;
}

h3 {
    letter-spacing: 0px;
    line-height: 1.3;
    margin: 0px 0 25px 0;
    color: #00558c;
}

h1 {
    font-size: 3.0em;
    margin: 0 0 44px 0;
    font-style: normal;
    font-weight: 500;
    /*text-transform: uppercase;*/
}

#topNav ul.nav>li:hover a {
    color: #333;
    background: #fff !important;
}
    #topNav ul.nav > li a:focus {
        outline: 2px solid white!important;
    }

section.page-title h1 {
    font-weight: 600;
    line-height: 0;
    position: relative;
    /*padding: 25px 0 25px 0;*/
    margin: 0 0 0px 0;
    display: block;
    color: #fff;
    font-size: 2.3em;
    font-family: 'Lato', sans-serif;
    letter-spacing: normal;
}

h2 {
    font-size: 1.8em;
    letter-spacing: normal;
    line-height: 24px;
    margin: 0px 0 15px 0;
    color: #333;
}

.panel-title {
    font-weight: 600;
    color: #00558c;
    font-size: 23px;
    line-height: 28px;
    padding-top: 6px;
}

#topNav ul.nav > li:hover > a:before, 
#topNav ul.nav > li.active > a:before {
    content: none;
}

header#topNav {
    background: #00558c;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.25);
}

#topNav div.navbar-collapse {
    float: right;
}

#topNav ul.nav > li a {
    color: #fff;
    font-weight: 400;
    font-size: 0.85em;
    transition: 0ms;
}

    #topNav ul.nav > li a span {
        color: #00558c;
        font-weight: 500;
        font-size: 8pt;
        transition: 0ms;
    }

.spacer {
    margin-top: 30px;
}

.privacystate {
    color: #ddd;
}

section {
    padding-bottom: 30px;
}

    section.page-title {
        padding: 0;
        height: 175px;
        display: block;
        position: relative;
        /*background-color: rgba(175, 104, 104, 0.08);*/
        border-bottom: rgba(0,0,0,0.03) 1px solid;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        /*background-size: cover;*/
        background-color: rgba(0,0,0,.7);
    }

.intitles {
    font-size: 20px;
    margin-top: 0px;
    margin-bottom: 15px;
    line-height: 25px;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    text-align: center;
    font-family: 'Lato', sans-serif;
}

.eserve {
    font-size: 18px;
    color: #333;
}

.eservelogo {
    padding-bottom: 20px;
}

.eservebullets {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.eservelogospace {
    margin-bottom: -40px;
}

.eservespace {
    margin-bottom: 30px;
}



.layercolor {
    background-color: rgba(0,0,0,.6);
    position: absolute;
    height: 100%;
    width: 100%;
}

.layercolor__text {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container, header {
    height: 100%;
}

#topmain {
    margin-top: 35px;
    padding-left: 25px;
}

div.toggle div.toggle-content {
    margin-top: -8px;
    background: none;
    padding-bottom: 1rem;

}

.sky-form .checkbox i, .sky-form .icon-append, .sky-form .icon-prepend, .sky-form .input input, .sky-form .radio i, .sky-form .select select, .sky-form .textarea textarea, .sky-form .toggle i {
    border-color: #999;
}

.sky-form .button {
    background-color: #c56514;
    opacity: 10 !important;
}

    .sky-form .button:hover {
        opacity: 1;
    }

.sky-form .btn, .sky-form .button {
    margin: 0px 0 0 0px;
}

.sky-form .button {
    float: none;
    height: 35px;
    width: 100%;
    overflow: hidden;
    /* margin: 5px 0 10px 0px; */
    padding: 0 25px;
    outline: none;
    border: 0;
    font: 300 20px 'Open Sans', Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    border-radius: 5px;
}

.sky-form .input input, .sky-form .select select, .sky-form .textarea textarea {
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    height: 39px;
    padding: 8px 10px;
    outline: 0;
    border-width: 2px;
    border-style: solid;
    border-radius: 5px;
    background: rgba(71, 76, 85, 0.08);
    font: 15px / 19px 'Open Sans', Helvetica, Arial, sans-serif;
    color: #404040;
    appearance: normal;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.sky-form .select select {
  padding-right: 25px;
}

.sky-form .select {
  position: relative;
}

.sky-form .select::before {
    content: '';
    display: block;
    border: 5px solid transparent;
    border-top-color: #474C55;
    position: absolute;
    right: 10px;
    top: calc(50% - 2px);
}

.content-card {
   padding: 30px;
   border: 1px solid #ddd;
   margin-bottom: 20px;
}
.content-card-title {
    font-size: 23px;
    font-weight: bold;
}


form-control {
    height: 46px;
    border-color: #aaa !important;
    /* border: 1px solid #ccc; */
}

textarea.form-control {
    border-width: 2px !important;
}

.sky-form select.form-control {
    height: 38px;
    border-color: #aaa;
}

.sky-form.boxed {
    border: 0px solid rgba(0, 0, 0, .1) !important; 
}

.form-header {
    font-size: 36px;
    margin-bottom: 10px;
    font-weight: 700;
    /*font-family: 'Roboto Condensed', sans-serif;*/
    text-transform: uppercase;
}

.intro-pic {
    background: transparent url(/Content/images/Esd/esd-3.jpg) no-repeat top center;
    background-size: cover;
    display: table;
    width: 100%;
    background-position: 0% 40%;
}

.esd__payroll {
    color: #333;
    font-weight: 600;
    font-family: 'Lato', sans-serif;
    margin: 0px 0 25px 0;
    font-size: 20px;
}

/*.careerfuturehead {
    line-height: 30px;
    font-family: 'Lato', airial, verdana !important;
    font-weight: 700;
}*/

.esdintrohead {
    color: #333;
    font-size: 28px !important;
    margin-top: 41px;
    line-height: 36px;
    margin-bottom: 20px;
    font-weight: 900;
    font-family: 'Lato', sans-serif;
    letter-spacing: normal;
}

.alert .btn {
    margin-top: 15px;
    font-weight: 600;
}

.footnote {
    font-size: 14px;
    line-height: 1.4em;
}

.footnote__sidebar {
    font-size: .8em;
    line-height: 16px;
}

.side__code {
    font-size: .8em;
}

.btn-default:active, .btn-primary:active {
    background-color: #64CCC9 !important;
}

.sky-form.boxed {
   /* border: 0;
    border-radius: 10px !important;*/
    background-color: #fff;
    /*margin: 30px 0;
    padding: 20px;
    margin-bottom: 60px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.1);*/
}


.customer-top {
    padding-top: 25px;
}

.customer-globe-top {
    padding-top: 18px;
}

.customer-marg-bottom {
    margin-bottom:10px;
}

.customer-button {
    font-size: 16px;
}

.gray-dots-hr {
    display: block;
    width: 100%;
    margin: 30px 0 20px;
    border-top: 4px dotted #ddd !important;
}





@media (max-width: 450px) {
    .sky-form.boxed {
        padding: 0 0 10px;
    }
}


.boy {
    float: right;
}

.grant {
    float: left;
}


.alert.alert-default {
    border-left: none !important;
    margin-top: 10px !important;
    border-radius: 5px;
}

/*.alert-default h4 {
    margin-bottom: 3px;
    font-size: 14pt;

}*/

.table.link-list li a {
    display: block;
    padding: 10px 15px 10px 20px;
}

.table.link-list li {
    display: block;
    background: #eee;
    margin-bottom: 5px;
    border-radius: 5px;
    font-size: 16px;
    color: #00558c;
}


.subtitle-orange {
    color: #c56514;
    display: block;
    font-size: 1.5em;
    font-weight: 600;
    /*margin: 10px 0 10px 0!important;*/
}

.esd__memo {
    font-weight: normal;
}


#topNav ul.dropdown-menu:after {
    content: ' ';
    background-color: #1484c5;
    height: 3px;
    width: calc(100% + 2px);
    left: -1px;
    bottom: -3px;
    position: absolute;
}

.listspace {
    line-height: 20pt;
}

.accordiansubheads {
    font-size: 18px;
    letter-spacing: normal;
    line-height: 24px;
    margin: 1rem 0 10px 0;
    font-weight: 600;
    color: #333;
    font-family: 'Lato', Arial, Verdana;
}

.subtitle-orange {
    color: #c56514;
    display: block;
    line-height: 28px;
    font-size: 1.5em;
    font-weight: 600;
    color: #333;
    /* margin: 10px 0 10px 0!important; */
}

.toporangesubhead {
    color: #00558c;
    font-size: 28px;
    line-height: 34px;
    font-family: 'Lato', Arial, Verdana;
}

.fa-envelope:before {
    content: "\f0e0";
    color: #00558c;
}

.fa-comment:before {
    content: "\f075";
    color: #00558c;
}

.fa-list:before {
    content: "\f03a";
    color: #00558c;
}

.panel-heads {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    letter-spacing: 0px;
    font-family: 'Lato', Arial, Verdana;
}
.panel-heads > i {
    margin-right: 6px;
    width: 16px;

}

.fa-phone:before {
    content: "\f095";
    color: #00558c;
    font-size: 26px;
}

.fa-user:before {
    content: "\f007";
    color: #00558c;
    font-size: 18px;
}

.fa-group:before {
    content: "\f0c0";
    color: #00558c;
    font-size: 18px;
}

.fa-folder-open:before {
    content: "\f07c";
    color: #00558c;
    font-size: 18px;
}

.btn-warning {
    color: #fff;
    background-color: #098A1D !important;
    border-color: #098A1D;
}

div.toggle > label,
div.toggle > .label {
    color: #00558c;
    font-size: 1.5rem;
    letter-spacing: 1px;
}

.panel-body {
    padding: 0px;
}



.paccord {
    line-height: 1.75em;
    /*margin-bottom: 14px;*/
}

.fronticontop {
    margin-top: 15px;
}



.box__text {
    font-size: 36pt;
    font-weight: 900;
    line-height: 1.2;
    margin-bottom: 10px;
    font-family: Lato;
    text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.8);
}

.btn-primary {
    border-color: #098A1D;
    background-color: #098A1D;
    border-radius: 5px !important;
    width: 100%;
    margin-bottom: 30px;
}



.btn-warning:hover {
    color: #fff;
    background-color: #00558c;
    border-color: #d58512;
}

.btn, .btn:hover {
    border: 0;
    padding: 10px 16px;
    margin-bottom: 0px;
    border: rgba(255,255,255,0) 1px solid;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

#footer {
    color: #ccc;
    display: block;
    vertical-align: bottom;
    background-color: #319B42;
    border-top: #fff 0px solid;
    z-index: 101;
}

    #footer li a {
        color: #f4f6ad;
        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 a:hover, #footer li a:hover {
            color: #f4f6ad;
        }

.fegli {
    font-size: 14px;
    font-weight: 600;
    line-height: 2.1em;
    letter-spacing: normal;
}

.bluecolor {
    color: #333;
}

#footer a {
    color: #f4f6add9;
    text-decoration: none;
    font-weight: 500;
}

    #footer a:hover {
        color: #f4f6add9;
    }

#footer li a:hover {
    color: #f4f6ad;
}

.footer active {
    color: #b8d7ff;
}

/*div.toggle >label,*/ 
/*div.toggle >.label {
    font-size: 1.25em;
}*/ 



.select-pay {
    border: 1px solid #5e285f;
    border-radius: 5px;
    height: 46px;
    padding: 10px !important;
    outline: 0;
    width: 100%;
    border: 1px solid #01407366;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
}

.payrollback {
    background-color: #eee;
    border-radius: 5px;
}

.payselect {
    margin-top: 10px;
}

.payroll-state {
    text-align: center;
}


.select-authorization {
    border: 1px solid #5e285f;
    border-radius: 5px;
    height: 46px;
    padding: 3px !important;
    outline: 0;
    width: 90%;
    margin: 10px auto 10px;
    border: 1px solid #01407366;
}



.manage {
    text-align: center;
    font-weight: 500;
}

.Compliance {
    font-weight: 800;
    font-size: 22px;
    color: #333;
    margin-top: 20px;
    margin-bottom: 0px;
    font-family: 'Lato', sans-serif;
}

hr {
    border: 0;
    border-top: #ddd 1px solid;
    border-bottom: #fff 1px solid;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    margin-top: 25px;
}

/*section {
    padding-top: 60px;
    padding-bottom: 30px;
}*/

.summit {
    width: 173px;
    margin-left: auto;
    margin-right: auto;
}


.esd-current-issue {
    display: block;
    width: 100%;
    background-color: #00558c;
}

    .esd-current-issue img {
        margin-top: 10px;
    }

    .esd-current-issue p {
        font-family: 'Lato', sans-serif;
        font-weight: 500;
        color: #fff;
        padding-top: 0px;
        margin-bottom: 2px;
    }

.esdnews {
    background-color: #004073;
    color: #fff;
    display: block;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 3px 0;
    font-size: 14px;
}

    .esd-current-issue:hover,
    .esdnews:hover {
        color: #fff;
        background-color: #1484c5;
    }



.spinnborder {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}


.archivebtn {
    width: 100%;
    margin-top: 10px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #bbb;
    display: inline-block;
    padding: 10px 5px 10px;
    font-size: 14px;
    line-height: 18px;
    /*color: #00558c;*/
    font-weight: 400;
    text-align: center;
    /*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/
    /*background-color: #45a716;*/
    background-repeat: no-repeat;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    /*margin-left: .3em;*/
    /*background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);*/
    background-image: linear-gradient(#ffffff, #ffffff 30%, #e6e6e6);
    border: 1px solid #01407366;
    margin-top: 20px !important;
    font-weight: 600;
}

.archivebtn98 {
    width: 98%;
    height: 98%;
}

.archivestate {
    width: 100%;
    margin-top: 10px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #bbb;
    display: inline-block;
    padding: 4px 10px 4px;
    font-size: 12.25px;
    line-height: 18px;
    color: #098A1D;
    font-weight: 400;
    text-align: center;
    margin-left: .3em;
}

.archivebtn2:hover, .archivebtn:hover {
    color: #00558c;
}

.archivebtn2 {
    width: 100%;
    margin-top: 10px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #bbb;
    display: inline-block;
    padding: 10px 5px 10px;
    font-size: 14px;
    line-height: 18px;
    color: #004073;
    font-weight: 400;
    text-align: center;
    /*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/
    /*background-color: #45a716;*/
    background-repeat: no-repeat;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    margin-left: .3em;
    /*background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);*/
    background-image: linear-gradient(#ffffff, #ffffff 30%, #e6e6e6);
    border: 1px solid #01407366;
    margin-top: 0px !important;
    opacity: 1;
}

ol, ul {
    margin-left: 0px !important;
}

    ul.table > a {
        display: block;
        width: 100%;
        margin: 0;
        border-top: 1px solid #fff;
        padding: 0;
        text-decoration: none;
    }

.greenhead {
    font-size: 18px;
    font-weight: 600;
}

.greenheadmemo {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0px;
}

form {
    padding-left: 0px;
    padding-right: 0px;
}

.bluebullet {
    color: #000;
}


div.toggle > label,
div.toggle > .label {
     color: #fff; 
    background: #00558C;
    cursor: pointer;
    font-size: 1.6rem;
    font-weight: 600;
    padding: 10px 20px;
    position: relative;
    display: block;
    border-bottom: rgba(0,0,0,0.03) 1px solid;
    user-select: none;
    border-radius: 5px;
    text-align: left;
    white-space: normal;
}

    /*div.toggle > label:hover {
        background: rgba(49, 155, 66, 0.25);
}*/
    div.toggle > label:hover,
    div.toggle > .label:hover {
        background: #003a62;
    }


.ualogo {
    margin-top: 30px;
}

.submitround {
    border-radius: 5px;
}

/*.started {
    margin-bottom: 40px;
}*/

.videotop {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.custinfo {
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: -10px;
    color: #00558C;
    font-weight: 600;
}



.custserbox {
    /*background-color: #fff;*/
    padding: 20px 15px 15px 15px;
    width: 100%;
    border-radius: 5px;
    
}


.custsideinfo {
    font-size: 20px;
    line-height: 30px;
    margin: 10px 0 20px;
}

.newmexico {
    margin-top: -15px;
}

#today {
    /* margin-bottom: 3px;*/
    padding-top: 5px;
    /*font-weight: 500;*/
    font-size: 28px;
    line-height: 34px;
    text-align: left;
}

.todayleft {
    margin-bottom: 15px;
    /*font-weight: 500;*/
    font-size: 1.3em;
    line-height: 30px;
    text-align: left;
    letter-spacing: 0px;
}


.todayhr {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: 'Lato', Arial, Verdana;
}

.phonecenter {
    font-size: 1.5em !important;
    letter-spacing: 0px;
    font-family: 'Lato', Arial, Verdana;
}

.skip-links {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .skip-links a {
        position: absolute;
        top: -5em;
    }

/*------------------------------------ ADA Compliant --------------------------------------*/

a:focus {
    background-color: rgba(0,0,0,.05);
}

#topmain a:focus {
    background-color: rgba(0,0,0,.05) !important;
}

#footernav a:focus {
    background-color: black;
}

/*------------------------------------ Agent Login --------------------------------------*/

.agent-login {
    border-color: #45a716;
    background-color: #45a716;
    text-decoration: none;
    width: 100%;
    font-size: 1.75rem;
}



.agent-login-boxes,
.agent-login-boxes > div {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}


    .agent-login-boxes .panel {
        margin-bottom: 0;
    }








.forgotten {
    line-height: 1.7em;
    margin: 0 0 20px;
}

.forgotpass {
    font-size: 1.35rem;
}

.first-visit {
    color: #00558c;
}

.first-reg {
    margin-top: 15px;
    margin-bottom: 0px;
}

.regnow {
    color: #ffffff;
    font-weight: 600 !important;
}

.regeservice {
    width: 300px;
    margin-top: 40px !important;
}


/*------------------------------------- Side Bar -----------------------------------*/

.currentissue {
    border-bottom: 1px;
    border-bottom-color: #fff;
    border-bottom-style: solid;
}


/*---------------------------------------- LOGIN --------------------------------*/
.ualogin {
    margin-left: auto;
    margin-right: auto;
}

.ualoginform {
    margin-top: 100px;
    margin-bottom: 100px;
}

.formpanel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 22px;
    color: inherit;
    padding-bottom: 20px;
}

.panel-light {
    border: rgba(0,0,0,0.1) 1px solid;
}

.form-horz {
    padding-left: 15px;
    padding-right: 15px;
}

.personal-details {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
    background-color: rgba(0,0,0,0.1);
}

.personal-text {
    font-size: 1.75rem;
    font-weight: 600;
    color: #696969;
}

.invalidloginmes {
    font-weight: bold;
    color: #f90b00;
}
/*------------------------------------ LNL Tables--------------------------------------*/


ul.table h2, #accordion h3 {
    text-align: center;
    width: 100%;
    padding: 15px 0;
    margin: 0;
    background: #098A1D;
    background: -moz-linear-gradient(top, #dddddd 0%, #d0d0d0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#45a71678));
    /*background: -webkit-linear-gradient(top, #dddddd 0%,#d0d0d0 100%);
    background: -o-linear-gradient(top, #dddddd 0%,#d0d0d0 100%);
    background: -ms-linear-gradient(top, #dddddd 0%,#d0d0d0 100%);
    background: linear-gradient(to bottom, #dddddd 0%,#d0d0d0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#d0d0d0',GradientType=0 );*/
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-bottom: 5px;
    border-top-style: solid;
    border-top-color: #bef1a6;
    border-right-color: rgba(0,0,0,0.1);
    border-top-width: 1px;
}

.agent-baners {
    max-width: 100%;
}

* {
    -webkit-box-sizing: border-box;
}

.individual ul.table {
    width: 100% !important;
}

ul.table {
    width: 96%;
    /*margin: 30px 0 0px 0;*/
    padding: 0;
    list-style-type: none;
    overflow: hidden;
    /*border: 1px solid #d9d9d9;*/
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.table {
    border-collapse: collapse !important;
}

    .table.link-list h2 {
        background: none;
        text-align: left;
        border: 0;
    }

    .table.link-list li a:hover {
        color: #098A1D;
    }


    .table.link-list li {
        display: block;
        padding: 10px 15px 10px 20px;
        background: #eee;
        margin-bottom: 5px;
        border-radius: 5px;
        font-size: 16px;
        color: #00558c;
    }

.pdficons {
    margin-right: 5px;
    font-size: 18px;
}

.micicons {
    margin-right: 5px;
    font-size: 18px;
}

.agentformheads {
    color: #333;
    font-weight: 600;
    font-family: 'Lato', sans-serif;
    margin: 0px 0 25px 0;
}

/*.table.link-list li.pdf {
    background-image: url('#####.gif') center left no-repeat;

}*/

.disclaimer-life {
    font-style: italic;
    color: #777;
    margin: 20px 0 30px;
    line-height: 1.2;
    font-size: 14px;
}

ol, ul {
    margin-top: 0;
    margin-bottom: 20px;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

user agent stylesheet ul, menu, dir {
    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;
}

ul.table a li {
    display: block;
    margin: 0;
    padding: 9px 20px;
    background: #eaeaea;
    list-style-type: none;
}

.libull {
    line-height: 2.0;
}

li {
    line-height: 1.5;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0px;
}

user agent stylesheet li {
    display: list-item;
    text-align: -webkit-match-parent;
}

a {
    color: #00558c;
    text-decoration: none;
    /*font-weight: 700;*/
    outline: 0;
    border: 0;
    text-decoration: none;
}

ul.table a:hover li {
    text-decoration: none;
    /*color: #45a716;*/
    background: #098A1D;
    background: rgba(49, 155, 66, 0.25);
    font-size: 16px;
}

ul.table a li {
    display: block;
    margin: 0;
    padding: 9px 20px;
    /*background: #eaeaea;*/
    list-style-type: none;
    background: rgba(0, 85, 140, 0.2);
    margin-bottom: 5px;
    border-radius: 5px;
    font-size: 16px;
}

#topmain div.nav-main-collapse, #topNav div.nav-main-collapse.in {
    margin-top: 0px !important;
}

li {
    line-height: 1.5;
}

.contractdisclaim {
    font-size: 0.80em;
    line-height: .95em !important;
}

li {
    display: list-item;
    text-align: -webkit-match-parent;
}

a:focus, a:hover {
    color: #00558c;
    text-decoration: none;
}



a {
    color: #098A1D;
    text-decoration: none;
    /*font-weight: 700;*/
    outline: 0;
    border: 0;
    font-weight: 600;
}

.memtext {
    font-weight: 400 !important;
}
/*
user agent stylesheet a:-webkit-any-link:active {
    color: -webkit-activelink;
}

user agent stylesheet a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline;
}
*/
ul.table h2 a {
    font-size: 20px;
    font-weight: 600;
}


li {
    line-height:1.8;
}

.wistia-embed {
    width: 100%;
    display: table;
    margin: 0 auto 30px;
}

.wistia-embedbottom {
    width: 100%;
    display: table;
    margin: 0 auto 0px;
}

.wistia-embedbottomside {
    width: 100%;
    display: table;
    margin-top: 30px;
}

.wistia_76.thumbnail {
    width: 80% !important;
    height: 80% !important;
}

.wistia_92.big_play_button_background {
    width: 80% !important;
    height: 80% !important;
}

/*.tips {
    text-align: center;
    margin-top: -20px;*/
/*font-weight: 600;*/
/*color: #333;
    line-height: 17px;
}*/

.tips {
    /* text-align: center; */
    /* margin-top: -20px; */
    /* font-weight: 600; */
    color: #333;
    line-height: 17px;
    padding: 10px 15px;
    background: #eee;
    font-size: 10pt;
    font-style: italic;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.tipshome {
    text-align: left;
    margin-top: 20px;
    font-weight: 600;
    color: #00558c;
    line-height: 17px;
}

.tipsvideos {
    margin-left: 9%;
    margin-right: 9%;
}

.wistia-tips {
    width: 80%;
    display: table;
    margin: 30px auto 30px;
}

.code-business {
    margin-top: 10px;
    font-size: 22px;
}

.conduct {
    color: #1f285f;
    font-weight: 700;
}

.LM {
    font-size: 14px;
    color: #8f8f8f;
    font-weight: 600;
    margin-bottom: 0px;
}


.hr-code {
    border: 0;
    border-top: #99b0c1 1px solid;
    border-bottom: #fff 1px solid;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    margin-top: 30px;
}

.hr-botttom {
    border: 0;
    border-top: #99b0c1 1px solid;
    border-bottom: #fff 1px solid;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    margin-top: 20px;
}


#imageborder {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-bottom: 30px;
    margin-top: 30px;
}


.wistia-border {
    cursor: pointer;
    display: block;
    overflow: hidden;
    outline: none;
    position: relative;
    border-radius: 10px !important;
}

.wistia-border {
    cursor: pointer;
    display: block;
    height: 80%;
    overflow: hidden;
    outline: none;
    position: relative;
    width: 80%;
    border-radius: 10px;
}

.wistia-bordersm {
    cursor: pointer;
    display: block;
    overflow: hidden;
    outline: none;
    position: relative;
    border-radius: 10px;
}

.wistia-bordersmcareer {
    margin-top: 50px;
}

#barMain {
    width: auto;
    height: 31px;
    margin-top: 0px;
    line-height: 16px;
}

.dallas {
    margin-bottom: 30px;
    border-radius: 5px;
}

.custphone {

    margin-top: 20px!important;
    font-size: 16px!important;
}



.eserviceregis {
    text-align: center;
    width: 290px !important;
    margin-top: 20px;
    font-size: 1.1em;
    /*margin-left: auto;
    margin-right: auto;*/
}


.underwtiting {
    margin-bottom: -40px;
    font-size: 16px;
    font-weight: 600;
}

.underwtiting-heads {
    font-size: 1.25em;
    margin: 10px 15px 0px;
    font-weight: 600;
}

/*----------------------------------- Flex Slider  -----------------------------------*/

.flexslider .slides .box {
    position: absolute;
    top: 0;
    bottom: 0;
    max-width: 400px;
    color: #fff;
    padding: 340px 0 !important;
    background: none;
    display: table;
}



@media all and (max-width: 768px) {
    .flexslider .slides .box {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        color: #fff;
        padding: 300px 0 !important;
        background: none;
        display: table;
        left: 8px;
        /* text-align: center; */
    }

    .postal {
        background: transparent url(/Content/images/Esd/esd-fed-lg.jpg) no-repeat top center;
        background-size: cover;
        background-position: 20% !important;
    }

    .customersback {
        background: transparent url(/Content/images/Esd/customerserv.jpg) no-repeat top center;
        background-size: cover;
        background-position: 70% !important;
    }
}



@media all and (max-width: 575.98px) {
    .flexslider .slides .box h3 {
        font-size: 30pt;
        font-weight: 300;
        line-height: 1.2;
        margin-bottom: 10px;
        font-family: 'droid_serifitalic';
        text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.8);
        text-align: center;
        margin-right: 20px;
        /*margin-left:40px;*/
    }
}

.sidebar_apply {
    padding: 30px;
    /*border-bottom: 2px solid #b8b8b8;*/
    /*margin-bottom: 35px;*/
    /*-webkit-box-shadow: 0.7px 0.2px 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0.7px 0.2px 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0.7px 0.2px 1px 1px rgba(0,0,0,0.1);
    background: #fafafa;
    background: -moz-linear-gradient(top, #fafafa 0%, #f0f0f066 100%);
    background: -webkit-linear-gradient(top, #fafafa 0%, #f0f0f066 100%);
    background: linear-gradient(to bottom, #fafafa 0%, #f0f0f066 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f0f0f066',GradientType=0 );
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;*/
}

@media (max-width: 500px) {
    section.page-title h1 {
        font-size: 1.7em;
        line-height: 28px;
    }

    .agentformheads {
        color: #00558c;
        font-weight: 600;
        margin-top: 15px;
    }
}

/*----------------------------------- Home  -----------------------------------*/


hr side {
    border: 0;
    margin: 10px 0 20px 0;
    border-top: #ddd 1px solid;
    border-bottom: #fff 1px solid;
}

select {
    border: 2px solid #E5E7E9;
    border-radius: 5px;
    height: 46px;
    padding: 5px;
    outline: 0;
}

/*----------------------------------- Fly in text -----------------------------------*/

.intro-pic h2 {
    margin-top: 350px;
    margin-left: 30px;
    text-align: left;
    font-size: 44px;
    font-family: 'droid_serifitalic';
    font-style: normal;
    font-weight: 500;
    /*text-transform: uppercase;*/
    color: #fff;
    margin-bottom: 20px;
}


/*----------------------------------- Video -----------------------------------*/

.nassau {
    margin-left: auto;
    margin-right: auto;
    display: table;
    /*margin-top: 30px;*/
}

.nassautop {
    margin-top: 30px !important;
}

/*----------------------------------- Agent Login google Search -----------------------------------*/

div#googleSearch {
    /* width: 300px; */
    margin-top: 1px !important;
}



/*----------------------------------- Side Bar -----------------------------------*/



.sidebar-block {
    margin-bottom: 20px;
    /*padding-bottom: 20px;*/
    line-height: 1.6;
}

    .sidebar-block:not(:last-child) {
        border-bottom: 4px dotted #ddd;
    }


.join {
    font-size: 17pt;
    font-weight: 900;
    color: #00467f;
    text-align: left;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.join__careers {
    /* font-size: 1.5em; */
    letter-spacing: normal;
    line-height: 24px;
    margin: 0px 0 25px 0;
    color: #333;
}

.btn-primary {
    border-color: #098A1D;
    background-color: #098A1D;
    text-decoration: none;
    width: 100%;
    letter-spacing: 1px;
    font-weight: 600;
    border-radius: 5px;
}



.sidebar_apply .btn.btn-primary {
    width: 160px;
    font-weight: 700;
    border-radius: 25px;
    text-decoration: none;
    width: 100%;
}

.btn.btn-primary, .btn.btn-warning {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

a, a:visited {
    text-decoration: none;
}

.sidebar_apply {
    padding: 30px;
    /*border-bottom: 2px solid #b8b8b8;*/
    /*margin-bottom: 6px!important;*/
    /*-webkit-box-shadow: 0.7px 0.2px 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0.7px 0.2px 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0.7px 0.2px 1px 1px rgba(0,0,0,0.1);
    background: #fafafa;
    background: -moz-linear-gradient(top, #fafafa 0%, #f0f0f066100%);
    background: -webkit-linear-gradient(top, #fafafa 0%, #f0f0f066 100%);
    background: linear-gradient(to bottom, #fafafa 0%, #f0f0f066 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f0f0f066',GradientType=0 );
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;*/
    /*margin-top: 30px;*/
}

hr {
    border: 0;
    /*margin: 10px 0 40px 0;*/
    border-top: #ddd 1px solid;
    border-bottom: #fff 1px solid;
}

.code {
    font-size: 18px;
}

.nobull {
    list-style-type: none;
}

/*------------ TOP SEARCH BOX ------------*/

#topBar {
    min-height: 1px;
    /*background: rgba(20, 103, 148, 0.1);
    background: -moz-linear-gradient(top, #ffffff 33%, #d6d6d6 100%);
    background: -webkit-linear-gradient(top, #ffffff 33%,#d6d6d6 100%);
    background: linear-gradient(to bottom, #ffffff 33%,#d6d6d6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d6d6',GradientType=0 );
    -webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.25);*/
}



/*----------------------------------- Footer -----------------------------------*/

.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;
    border-top: #fff 0px solid;
    z-index: 101;
    /*font-style: italic;*/
    font-size: 1.5rem;
    /*background: -webkit-linear-gradient(#b0d9d5,#7dc0ba);
    background-color: #fff;*/
}


    #footer .dark {
        height: 200px;
        /*background-color: rgb(255, 255, 255);*/
        background-color: #fff;
    }

    #footer .spaced {
        padding: 0px 15px;
    }

    #footer h2, #footer h3, #footer h4 {
        color: #fff;
    }

    #footer h2, #footer h3, #footer h4 {
        color: #fff;
        font-family: 'Lato', sans-serif;
        font-size: 1.2em;
        letter-spacing: normal;
    }

.footertext {
    font-size: 16px;
}

.links {
    display: inline;
    text-align: center;
    list-style-type: none;
}

#footer ul.nobordered li a {
    padding: 0;
    font-size: 1em;
}

#footer a:hover, #footer li a:hover {
    color: #fFF !important;
}

.footerlinks {
    color: #FED141 !important;
}

#footer li a {
    color: #f4f6ad;
}

#footer .copyright {
    font-style: normal;
}

#topmain {
    margin-top: 35px;
    padding-left: 0px;
}

.agentheader {
    font-size: 2.0em;
    letter-spacing: normal;
    line-height: 34px;
    margin: 0px 0 25px 0;
    color: #333;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
}

.feglisubhead {
    color: #333;
    line-height: 32px;
    font-family: 'Lato', sans-serif;
}

.__virtual-head {
        font-size:2.5rem;
}
.__virtual-block {
        text-align: center;
}
.__virtual-img {
        border-radius: 5px;
}

.claim-policies {
    font-size: 2.75rem;
    font-family: lato, arial, verdana;
    font-weight: 800;
    line-height: 3rem;
    margin-bottom: 25px;
}
/*.currentissue {
    
    
}*/
/*----------------------------------- Media Query -----------------------------------*/
@media all and (min-width: 1200px) {
    /*header#topNav a.logo {
        margin-right: 45px;
    }*/

    #topNav ul.nav > li a {
        padding: 23px 17px;
    }
}

@media (min-width: 992px) {
    section .container .row .col-md-8 {
        padding-right: 50px;
    }

    .layercolor__text {
        justify-content: flex-start;
    }
}


@media (min-width: 991px) {
    #topNav ul.nav > li:hover > a:after,
    #topNav ul.nav > li.active > a:after,
    #topNav ul.nav > li:hover > .submenu-dropdown:after {
        content: ' ';
        background-color: #098A1D;
        height: 3px;
        width: 100%;
        left: 0;
        bottom: -3px;
        position: absolute;
    }
}




@media (min-width: 991px) and (max-width: 1099px) {
    header#topNav a.logo {
        width: 130px;
    }

        header#topNav a.logo img {
            margin-top: 22px;
        }
}





@media (max-width: 990px) {
    #topNav ul.nav > li a {
        padding: 15px !important;
    }

    #topmain div.nav-main-collapse, #topNav div.nav-main-collapse.in {
        margin-top: 15px !important;
    }

    #topmain {
        margin-top: 5px;
    }

    header#topNav a.logo {
        min-height: 0px;
        margin: 0;
    }

        header#topNav a.logo img {
            margin-top: 0;
        }

    #topNav button.btn-mobile {
        margin: 7px 0 0;
    }

    #topNav .container {
        padding: 15px;
    }

    #topNav button.btn-mobile {
        float: right;
        display: inline-block;
        background-color: #098A1D;
        webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        line-height: 1;
        padding: 8px 10px;
    }



    #topNav ul.dropdown-menu,
    #topNav ul.nav > li:hover a.dropdown-toggle,
    #topNav ul.nav > li:hover,
    #topNav nav.nav-main,
    #topNav ul.nav > li > a:after {
        background: none;
        color: #fff;
    }

    #topNav ul.nav > li > a:after {
    }

    #topNav ul.nav > li.resp-active {
        background: #fff;
        border-radius: 5px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        margin-bottom: 5px;
    }

        #topNav ul.nav > li.resp-active a.dropdown-toggle {
            background: #1484c5;
            border-bottom: 0;
            border-top-right-radius: 5px;
            border-top-left-radius: 5px;
        }



    #topNav ul.nav ul.dropdown-menu > li a {
        font-size: 1em;
    }

    #topNav ul.dropdown-menu {
        border: 0;
    }

        #topNav ul.dropdown-menu:after {
            height: 0px;
        }

    section {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }


    .archivebtn {
        font-size: 13px;
    }

    .videotips {
        margin-left: 9%;
        margin-right: 9%;
    }

    #regeservicecen {
        width: 300px;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 990px) {
    #topNav ul.nav > li:hover a {
        color: #333;
        /*background: #fff;*/
    }

    #topNav ul.nav > li.resp-active a.dropdown-toggle {
        background: #1484c5 !important;
        border-bottom: 0;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }

    @media all and (max-width: 991.98px) {

        .todayleft {
            margin-bottom: 20px;
            font-weight: 500;
            font-size: 1.0em;
            line-height: 30px;
            text-align: left;
        }

        .regeservicecen {
            width: 300px;
            margin-top: 20px;
            display: inline-table;
        }

        .eserviceregis {
            text-align: left;
            width: 290px !important;
            margin-top: 20px;
            margin-left: auto;
            margin-right: auto;
        }

        .reglist {
            list-style: none;
            margin-right: 20px;
            text-align: left;
        }

        .side {
            text-align: left;
        }

        .sidetoggle {
            text-align: left;
        }

        .sidetogglenote {
            text-align: left;
        }

        .esdimagebordersm {
            margin: auto;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            margin-bottom: 30px;
            text-align: center;
        }
    }

    @media all and (max-width: 768px) {
        .intro-pic {
            background: transparent url(/Content/images/Esd/esd-3.jpg) no-repeat top center;
            background-size: cover;
            display: table;
            width: 100%;
            background-position: 0% 40%;
        }


        .esdintrohead {
            color: #333;
            font-size: 22px !important;
            margin-top: 20px;
            line-height: 28px;
            margin-bottom: 20px !important;
        }

        section.page-title h1 {
            line-height: 34px;
            font-size: 2.5em;
            font-family: 'Lato', sans-serif;
        }



        .center-block {
            display: table;
            margin-bottom: 10px !important;
            width: 100px !important;
        }
    }




    @media all and (max-width: 414px) {
        .boy {
            display: table !important;
            margin-left: auto !important;
            margin-right: auto !important;
            margin-bottom: 20px !important;
            float: none;
        }

        .grant {
            display: table !important;
            margin-left: auto !important;
            margin-right: auto !important;
            margin-bottom: 20px !important;
            float: none;
        }

        section.page-title h1 {
            font-size: 2.2em;
            line-height: 38px;
            font-family: 'Lato', sans-serif;
        }

        section {
            padding-top: 30px;
            padding-bottom: 0px;
        }

        .complete {
            padding-top: 20px;
            margin-bottom: 10px;
            /*font-size: 2.1em;*/
        }

        .custinfophone {
            font-size: 26pt;
        }

        .parcontact {
            line-height: 21px;
            /*margin: 30px 0 20px;*/
        }

        .table.link-list li a {
            padding: 0px 0px 0px 0px;
        }

        .register-head {
            font-size: 1.60em;
        }

        h2 {
            font-size: 1.6em;
            margin: 0px 0 25px 0;
        }

        .toporangesubhead {
            color: #00558c;
            font-size: 34px;
            line-height: 28px;
            font-family: 'Lato', sans-serif;
            font-size: .90em;
        }

        .layercolor__text {
            padding-top: 0px !important;
        }

            .layercolor__text h1 {
                padding: 0;
                margin: 0;
            }

        .phonecenter {
            text-align: left;
            font-size: 1.5em !important;
            font-family: 'Lato', sans-serif;
        }


        .side {
            margin-bottom: 20px;
            text-align: left;
            line-height: 28px;
            font-size: 1.5em;
        }

        .eservelogo {
            padding-bottom: 10px;
        }

        .esdintrohead {
            color: rgb(51, 51, 51);
            margin-top: 20px;
            line-height: 28px;
            font-size: 22px;
            margin-bottom: 20px !important;
        }

        .esdimagebordersm {
            margin-bottom: 30px;
            text-align: left;
        }
    }

    @media all and (max-width: 375px) {
        section {
            padding-bottom: 0px;
        }

        .parcontact {
            line-height: 22px;
            /*margin: 30px 0 20px;*/
        }

        .complete {
            padding-top: 20px;
        }
        /*.layercolor__contact {
        padding-top: 15px;
    }*/
        /*.layercolor__part {
        padding-top: 45px;
    }*/
    }

    .eservelogo {
        padding-bottom: 20px;
    }


    @media all and (max-width: 320px) {

        section.page-title h1 {
            font-size: 1.9em;
            line-height: 32px;
            font-family: 'Lato', sans-serif;
            padding-top: 25px;
        }

        /*.layercolor__text {
        padding-top: 20px;
    }*/
        /*.layercolor__contact {
        padding-top: 20px;
    }*/
        /*.layercolor__part {
        padding-top: 35px;
    }*/

        .parcontact {
            line-height: 22px;
            margin: 30px 0 20px;
        }

        .eserve {
            font-size: 1.5em;
            color: #333;
            text-align: center;
        }

        .side {
            margin-bottom: 20px;
            text-align: center;
            line-height: 28px;
        }

        .table.link-list li {
            margin-left: 0px;
            padding-left: 0px;
            padding-right: 0px;
            font-size: 15px;
            color: #00558c;
        }

        .agentformheads {
            color: #00558c;
            font-weight: 600;
            margin-top: 10px;
            line-height: 28px;
        }

        .toporangesubhead {
            font-size: 20px;

        }

        .daytime {
            font-size: 12px;
        }

        section {
            padding-bottom: 0px;
        }

        .custinfo {
            font-size: 28px;
            margin-top: 10px;
        }
    }

    /*#skiptocontent a {
        padding: 2px;
        position: absolute;
        top: -40px;
        left: 0px;
        color: white;
        background: #BF1722;
        z-index: 100;
    }*/

}


#skiptocontent a {
    padding: 6px;
    position: absolute;
    top: -40px;
    left: 0;
    color: white !important;
    background: #bf1722 !important;
    z-index: 10000;
}

    #skiptocontent a:focus {
        top: 0px;
    }

/*Slider content - JD Power slide*/
.jdpower-slide {
    position: relative;
    background-image: url(/Content/images/jdpower-slides.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

    .jdpower-slide .btn-primary {
        width: auto !important;
        padding: 15px 20px;
    }

    .jdpower-slide p {
        color: white;
        font-size: 43px;
        font-weight: bold;
        letter-spacing: -.5px;
        line-height: 1;
        margin-bottom: 40px;
    }

.split-banner-panel {
    transform: skew(-28deg);
    background-color: rgba(0,63,104,.77);
    width: 100%;
    height: 100%;
    position: absolute;
    right: 90%;
    border-right: 10px solid #ffdc4f;
    transition: all .7s ease;
}

.flexslider .jdpower-slide .box {
    padding: 55px 0 0 0 !important;
}

.flex-active-slide .split-banner-panel {
    right: 50%;
}

@media all and (max-width: 1199px) {
    .jdpower-slide {
        background-position: 70% center;
    }


        .jdpower-slide p {
            font-size: 40px;
            line-height: 1;
        }

    .split-banner-panel {
        transform: skew(0deg);
        background-color: rgba(0,63,104,.5);
        width: 100%;
        height: 100%;
        position: absolute;
        right: 90%;
        border-right: none;
        transition: all .7s ease;
    }

    .flex-active-slide .split-banner-panel {
        right: 0;
    }
}

@media all and (max-width: 860px) {
    .flexslider .jdpower-slide .box {
        padding: 145px 55px 0 55px !important;
        max-width: 100%;
    }
}

@media all and (max-width: 665px) {
    .flexslider .jdpower-slide .box {
        text-align: center;
        padding: 75px 30px 0 30px !important;
    }

    .jdpower-slide p {
        font-size: 30px;
        line-height: 1.3;
    }
}

.emergency-popup {
    display: none;
    position: relative;
    background: #d60e4f;
    color: #fff;
    font-weight: 700;
    padding: 1.5rem 15px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

    .emergency-popup .container {
        position: relative;
    }

        .emergency-popup .container .ep-close {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            font-size: 30px;
            cursor: pointer;
        }

    .emergency-popup p {
        margin-bottom: 0px;
        color: #fff;
        font-size: 16px;
    }

    .emergency-popup a {
        text-decoration: underline;
        color: #fff !important;
        margin-left: 0.5rem;
        font-weight: 400;
    }

.emergency-popup-custserv {
    display: none;
    position: relative;
    background: #319b42;
    color: #fff;
    font-weight: 700;
    padding: 1.5rem 15px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

    .emergency-popup-custserv .container {
        position: relative;
    }

        .emergency-popup-custserv .container .ep-close {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            font-size: 30px;
            cursor: pointer;
        }

    .emergency-popup-custserv p {
        margin-bottom: 0px;
        color: #fff;
        font-size: 16px;
    }

    .emergency-popup-custserv a {
        text-decoration: underline;
        color: #fff !important;
        margin-left: 0.5rem;
        font-weight: 400;
    }