﻿@font-face {
    font-family: 'droid_serifitalic';
    src: url('/assets/fonts/DroidSerif-Italic-webfont.eot');
    src: url('/assets/fonts/DroidSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/DroidSerif-Italic-webfont.woff') format('woff'), url('/assets/fonts/DroidSerif-Italic-webfont.ttf') format('truetype'), url('/assets/fonts/DroidSerif-Italic-webfont.svg#droid_serifitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: ‘chunk-webfont’;
        src: url(‘/assets/fonts/chunk-webfont.svg’) format(‘svg’);
    }
}



body {
    padding-top: 50px;
    padding-bottom: 20px;
    -webkit-print-color-adjust: exact;
}

form {
    color: #666;
}

.form-control {
    border-color: #ddd;
}

a:focus, a:hover {
    text-decoration: none;
}

p a:focus, p a:hover {
    text-decoration: underline;
}

.btn-mobile:focus,
#topNav a.logo:focus,
#topNav a.dropdown-toggle:focus 
{
    outline: 2px solid white !important;
}

.gsc-search-button:focus {
    outline: 2px solid grey !important;
}


p.dropcap:first-letter {
    font-family: 'droid_serifitalic';
    font-size: 75px;
    padding: 4px 8px 0px 4px;
    margin-top: 0;
}

.colblue {
    color: #b8d7ff !important;
}

    .colblue:hover {
        color: #e89659 !important;
    }

#CPRA {
    scroll-margin-top: 15rem;
}

#footer .alt-link-icon {
    width: 36px;
    margin-left: 5px;
}

@media all and (min-width: 1400px) {
    .container {
        width: 1380px;
    }
}

@media (max-width: 1399px) {
    #topNav .container {
        width: 100%;
    }
}

.yellow-dots-hr {
    display: block;
    width: 100%;
    margin-top: 75px;
    border-top: 5px dotted #fed141;
}

.nz-btn {
    margin-top: 30px;
    display: flex;
    align-items: center;
}

.nz-btn i {
    margin: 5px 10px 5px 15px;
    font-size: 2.7rem;
}



.term__form {
    color: #ede5e3;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    text-align: center;
    font-weight: 500;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    margin-top: -20px;
}

.term__h2 {
    padding: 15px;
}

hr.min-margins {
    margin: 10px 0;
}



.req {
    color: red;
    font-size: 12px;
}



blockquote .small {
    margin-top: 10px;
}

blockquote.stats span {
    line-height: 1.15;
}

    blockquote.stats span.top {
        font-size: 3.4rem;
        display: block;
    }

    blockquote.stats span.mid {
        font-size: 6.5rem;
        font-weight: bold;
        display: block;
    }

@media all and (max-width: 500px) {
    blockquote.stats span.mid {
        font-size: 40px;
    }
}

blockquote.stats span.bottom {
    font-size: 30px;
    display: block;
    margin-bottom: 2.5rem;
}

@media all and (max-width: 767px) {
    .btn {
        white-space: normal;
    }
}

.btn.btn-primary, .btn.btn-warning {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

a:hover .btn {
    text-decoration: none;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default 
input,
select,
textarea {
    max-width: 280px;
}
*/

.breadcrumb > .active {
    color: #000000;
}







@media all and (max-width: 1150px) {
    div#googleSearch.desktopwidth {
        display: none;
    }

    #barMain {
        width: auto;
    }

    div#googleSearch.mobilewidth {
        display: block;
        float: none !important;
        height: 50px;
        width: 100%;
    }

    div#googleSearch .gsc-search-box.gsc-search-box-tools {
        padding: 0 5px;
    }

    #topNav ul.nav > li:hover > a:before, #topNav ul.nav > li.active > a:before {
        height: 0px;
    }

    #topNav ul.nav > li.no-collapse > a:after {
        content: none;
    }

    #topNav div.nav-main-collapse, #topNav div.nav-main-collapse.in {
        margin: 0;
    }
}


@media all and (min-width: 991px) {
    #topNav ul.nav > li, #topNav ul.nav > li > a {
        cursor: default;
    }

        #topNav ul.nav > li.no-collapse, #topNav ul.nav > li.no-collapse > a {
            cursor: pointer;
        }
}


@media all and (min-width: 1050px) {
    #topNav ul.nav > li a {
        padding: 15px 32px;
    }
}

@media all and (min-width: 1200px) {
    #topNav ul.nav > li a {
        padding: 15px 42px;
    }
}


/*----------------------------------- HEADER -----------------------------------*/

header#topNav {
    background: #133c70;
    background: -moz-linear-gradient(top, #133c70 0%, #09223d 100%);
    background: -webkit-linear-gradient(top, #133c70 0%,#09223d 100%);
    background: linear-gradient(to bottom, #133c70 0%,#09223d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#133c70', endColorstr='#09223d',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);
}

#topNav div.navbar-collapse {
    float: right;
}

#topMain {
    margin-top: 18px;
}

header#topNav a.logo {
    margin: 12px 30px 11px 0;
}

    header#topNav a.logo img {
        width: 240px;
        margin-top: 18px;
    }

#topNav,
#topNav ul.nav > li:last-child,
#topNav ul.nav > li {
    border: 0px;
}

    #topNav ul.nav > li:hover {
        background: #fff;
    }

        #topNav ul.nav > li:hover > a:before,
        #topNav ul.nav > li.active > a:before {
            height: 0px;
        }

@media all and (min-width: 991px) {
    #topNav ul.nav > li:hover,
    #topNav ul.nav > li.active {
        -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;
    }


        #topNav ul.nav > li.active > a:after {
            content: ' ';
            background-color: #2C863A;
            height: 3px;
            width: 100%;
            left: 0;
            bottom: -3px;
            position: absolute;
        }


    #topNav ul.dropdown-menu:after {
        content: ' ';
        background-color: #2C863A;
        height: 3px;
        width: 100%;
        left: 0;
        bottom: -3px;
        position: absolute;
    }
}

#topNav ul.dropdown-menu {
    box-shadow: rgba(0,0,0,0.2) 0px 9px 12px;
    border: 0px;
    /* border-top: 1px solid #fff;

-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;*/
}



/*#topNav ul.dropdown-menu li:last-child a {

-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}*/

#topNav ul.nav > li a {
    color: #fff;
    font-weight: 400;
    font-size: 10pt;
    transition: 0ms;
}

    #topNav ul.nav > li a span {
        color: #0c2d52;
        font-weight: 200;
        font-size: 8pt;
        visibility: hidden;
        transition: 0ms;
    }

.nav > li > a:focus, .nav > li > a:hover {
    background-color: #fff;
    color: black !important;
}

#topNav ul.nav > li:hover a span {
    visibility: visible;
}

@media all and (min-width: 1150px) {
    #topNav ul.nav > li a {
        padding: 23px 20px;
    }
}

@media all and (min-width: 1100px) {
    /*#topNav ul.nav > li a {padding: 23px 28px;}*/
}

@media all and (min-width: 1200px) {
    header#topNav a.logo {
        margin-right: 45px;
    }
    /*#topNav ul.nav > li a {padding: 23px 34px;}*/
}

@media all and (max-width: 1150px) {
    .navbar-collapse {
        box-shadow: 0 0;
        border-top: 0;
    }

    #topMain {
        margin-top: 0px;
    }

    #topNav ul {
        border-top: 1px solid rgba(0,0,0,0.07);
    }

        #topNav ul li a {
            border-bottom: 1px solid rgba(0,0,0,0.07);
            border-top: 1px solid rgba(255,255,255,0.07);
        }

        #topNav ul.dropdown-menu > li a {
            /*padding: 12px 35px;*/
            padding-left: 45px;
            /*                background: #164580;
                font-style: italic;*/
            font-size: 9pt;
            color: #ddd !important;
        }

    #topNav nav.nav-main li.resp-active > ul.dropdown-menu {
        margin: 0;
        padding: 0;
        box-shadow: 0 0;
    }

    .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;
    }
}


li.dropdown .dropdown-menu {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}






/*------------ TOP SEARCH BOX ------------*/

#topBar {
    min-height: 1px;
    background: #ffffff;
    /*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);
}

#barMain {
    width: 700px;
    height: 31px;
    margin-top: 0px;
    line-height: 16px;
}

    #barMain .nav > li > a {
        line-height: 21px;
        font-size: 8pt;
    }

        #barMain .nav > li > a:hover, #barMain .nav > li > a:focus {
            background-color: rgba(0,0,0,0.08);
        }


div#googleSearch {
    width: 300px;
    margin-top: 4px !important;
}

    div#googleSearch.mobilewidth {
        display: none;
    }

nav.nav-second {
    width: 400px;
    display: inline-block;
}

div#googleSearch form.gsc-search-box table.gsc-search-box,
div#googleSearch form.gsc-search-box {
    margin-bottom: 0;
}

.gsc-control-cse {
    background: none;
}

div.gsc-control-cse.gsc-control-cse-en {
    background: none;
    border: 0px;
}


.gsst_a .gscb_a {
    position: relative;
    top: 5px;
    right: 5px;
}

#topNav ul.nav > li a.gsst_a {
    padding: 0px;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 5px !important;
}

.gsc-input-box {
    height: 22px !important;
}

table.gsc-search-box td.gsib_a {
    padding-top: 3px;
}

.gsc-search-button-v2 {
    padding: 5px 10px !important;
}

.gsc-search-button {
    border: 0px !important;
    background: #2C863A !important;
    /*background: #b03e19 !important;*/
    transition: all 0.2s;
}

    .gsc-search-button:hover,
    .gsc-search-button:active {
        background: #a12816 !important;
    }

#topNav ul.nav .dropdown-menu > li:hover > a {
    color: #333 !important;
    background: #e3e3e3 !important;
}

/*------------ RESPONSIVE MENU STUFF ------------*/


@media all and (max-width: 1150px) {

    #barMain, nav.nav-second {
        width: auto;
    }

        #barMain > nav > ul {
            padding-right: 10px;
        }


    #topNav ul.nav > li:hover,
    #topNav ul.dropdown-menu,
    #topNav nav.nav-main {
        background: none;
    }

        #topNav ul.nav > li:hover a {
            color: #fff;
        }

    #topNav ul.nav > li a:hover,
    #topNav ul.nav > li a:active,
    #topNav ul.nav .dropdown-menu > li:hover > a {
        color: #fff;
        /*background: #164580;*/
    }


    #topNav ul.dropdown-menu:after,
    #topNav ul.nav > li:hover > a:after,
    #topNav ul.nav > li.active > a:after {
        /*height: 0px;*/
    }

    #topNav ul.nav > li.resp-active > a:after {
        content: "\f106";
    }

    #topNav ul.nav > li.resp-active.no-collapse > a:after {
        /*content: " ";*/
    }

    #topNav button.btn-mobile {
        margin: 28px 10px 27px 0px;
        background-color: #d58347;
        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: #c05c13;
        }

    header#topNav a.logo {
        margin-right: 15px;
        margin-left: 6px;
    }

    #topBar .container {
        padding-bottom: 0px;
    }
}



/*----------------------------------- HEADER & FIXED NAV OFFSETS -----------------------------------*/



.page-title, div.slider.homeslider, #frontRight, .career-search {
    margin-top: 123px;
}


.srd-submenu + .page-title {
    margin-top: 0px !important;
}

.srd-submenutop {
    margin-top: 0px !important;
}


#header {
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 100%;
}

div.slider.homeslider {
    -webkit-box-shadow: 0 0px 0 rgba(0, 0, 0, 0.0);
    -moz-box-shadow: 0 0px 0 rgba(0, 0, 0, 0.0);
    -o-box-shadow: 0 0px 0 rgba(0, 0, 0, 0.0);
    box-shadow: 0 0px 0 rgba(0, 0, 0, 0.0);
}

/*----------------------------------- HOMEPAGE -----------------------------------*/

.homeslider .flexslider .slides .box {
    display: table;
    max-width: 450px;
    padding: 40px;
    position: absolute;
    background: none;
}

.homeslider .box.fullbox .centerbox {
    display: table-cell;
    vertical-align: bottom;
}

.flexslider .slides .box.left {
    left: 25px;
}

.flexslider .slides .box.right {
    text-align: right;
    float: right;
    right: 110px;
}

@media all and (max-width: 500px) {

    .flexslider .slides .box.left {
        left: 0px;
        width: 100% !important;
        max-width: initial !important;
    }

    .flexslider .slides .box.right {
        right: 0px;
        max-width: initial !important;
    }

    .homeslider .flexslider .slides .box {
        padding: 40px 20px;
        background: rgba(0,0,0,0.6);
    }
}

@media all and (max-width: 767.98px) {
    .content-container {
        display: flex;
        flex-direction: column;
    }

    .content-a {
        order: 2;
    }

    .content-b {
        padding-bottom: 20px;
    }
}




.homeslider .flexslider .slides .box h3 {
    font-size: 36pt;
    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);
}

@media all and (max-width: 400px) {
    .homeslider .flexslider .slides .box h3 {
        line-height: 1;
    }
}

.homeslider .flexslider .slides .box p {
    font-size: 11pt;
    line-height: 20pt;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
}

    .homeslider .flexslider .slides .box p a {
        text-shadow: 0px 0px 0px #000;
    }

.homeicons {
    max-width: 1100px;
    margin: 0 auto;
}

    .homeicons > div {
        padding: 30px 0;
    }

        .homeicons > div > a {
            text-align: center;
            display: block;
        }

            .homeicons > div > a img {
                margin-bottom: 10px;
                height: 120px;
            }

            .homeicons > div > a h4,
            .homeicons > div > a p {
                margin-bottom: 0;
                font-weight: 400;
            }

            .homeicons > div > a:hover {
                text-decoration: none;
            }

                    .homeicons > div > a:hover p, .homeicons > div > a:focus p {
                        text-decoration: underline;
                    }

    .homeicons h2 {
        font-size: 20px;
        margin-top: 0px;
        margin-bottom: 0px;
        line-height: 25px;
        font-weight: 500;
    }








/*----------------------------------- FIND AN AGENT MODULE -----------------------------------*/
.findanagent h2,
.findanagent .searchtitle {
    font-size: 1.8em;
    text-align: center;
    margin: 11px 0 13px 0;
    line-height: 24px;
    letter-spacing: -0.8px;
    color: #333;
}

    .findanagent h2 b,
    .findanagent .searchtitle b {
        font-weight: bold;
    }

.findanagent.callout.dark {
    background: #ddd;
}

    .findanagent.callout.dark h2 {
        background: none;
        color: #000;
    }

.findanagent h3 {
    text-align: center;
    margin: 11px 0 13px 0;
    letter-spacing: -0.8px;
}

    .findanagent h3 b {
        font-weight: 500;
    }

.findanagent.callout.dark {
    background: #F0F0F0;
}

    .findanagent.callout.dark h3 {
        background: none;
        color: #000;
    }

.findanagent .btn.input-lg {
    height: 46px;
}

.findanagent .form-control {
    border-width: 1px;
}




/*------ For INTERNAL Find an Agent Module ------*/
@media all and (min-width: 992px) {
    .findanagent.alert.callout .row > .col-md-3 {
        width: 250px;
        padding-left: 0;
    }

    .findanagent.alert.callout .row > .col-md-9 {
        padding: 0;
        width: calc(100% - 250px);
        float: right;
    }
}

/*------ For HOMEPAGE Find an Agent Module ------*/
@media all and (min-width: 768px) {
    .findanagent.callout.dark .row.container > .col-sm-3 {
        width: 250px;
        padding-left: 0;
    }

    .findanagent.callout.dark .row.container > .col-sm-9 {
        padding: 0;
        width: calc(100% - 250px);
        float: right;
    }
}


@media all and (max-width: 767px) {
    .findanagent .agentname .btn.input-lg {
        height: 92px;
    }
}

@media (max-width: 767px ) {
    .findanagent .btn.input-lg {
        font-size: 14px;
        line-height: 1;
    }

    .findanagent .caret {
        position: absolute;
        bottom: 3px;
        left: 50%;
        transform: translateX(-50%);
    }

    .findanagent input,
    .findanagent select {
        font-size: 14px !important;
    }
}


input.input-lg {
    height: 46px;
    font-size: 18px;
    line-height: 1.33333;
    padding: 10px 16px;
    border: 1px solid #ddd;
}

select.input-lg option:hover {
    background: #A94545 !important;
}

hr.top {
    border: 0;
    margin: 0;
    padding: 0;
    border-top: #bbb 1px solid;
    border-bottom: #f9f9f9 1px solid;
}

hr.bottom {
    border: 0;
    margin: 0;
    padding: 0;
    border-bottom: #bbb 1px solid;
}




.findanagent.alert.callout {
    padding: 10px;
}

    .findanagent.alert.callout .btn {
        margin-top: 0;
    }

.findanagent form.input-group-btn {
    padding: 0;
}

.searchbutton {
    height: calc(100% + 2px);
    padding: 0 12px;
}

.dropdown-toggle {
    height: calc(100% + 14px);
}

@media (max-width: 767px) {

    .findanagent {
    }
}



.findanagent.callout.dark.interior {
    background: #A94545;
}

.findanagent.interior {
    padding: 0;
}

    .findanagent.interior > .container.padding-top10 {
        padding-bottom: 10px;
    }

    .findanagent.interior .well {
        margin-bottom: 0;
    }

    .findanagent.interior h3 {
        line-height: 65px;
        margin: 0 0 1px 0;
    }

.searchagents_interior {
    padding: 0;
}






/*----------------------------------- ABOUT -----------------------------------*/



ul.side-nav a:hover {
    background: rgba(0,0,0,0.06);
}

iframe .ytp-large-play-button {
    margin-top: -68px !important;
}

blockquote footer {
    margin-top: 10px;
}






/*----------------------------------- HISTORY -----------------------------------*/

.timeline-centered:after {
    z-index: -1;
}

ul.side-nav > li > a {
    font-weight: 600;
    color: #a12816;
}

    ul.side-nav > li > a:hover {
        text-decoration: underline;
    }

.timeline .decade {
    text-align: center;
}

    .timeline .decade h3 {
        display: inline-block;
        width: 65px;
        height: 65px;
        line-height: 50px;
        text-align: center;
        border: 7px solid #ddd;
        background: #0c2d52;
        color: #fff;
        font-weight: 600;
        font-size: 15px;
        position: relative;
        z-index: 9998;
        left: 3px;
    }


.timeline .timeline-centered .item.pull-right:before, .timeline .timeline-centered .item.pull-left:before {
    background-color: #0c2d52;
}

.timeline p, .timeline img {
    margin-bottom: 15px;
    max-width: 100%;
}

.timeline-centered .item.pull-left {
    width: calc(50% - 33px);
    max-width: none;
}

.timeline-centered .item.pull-right {
    width: calc(50% - 34px);
    max-width: none;
}

div.timeline .decade + .item {
    margin-top: 0px;
}


p.timelinetop {
    text-align: right;
    margin-bottom: 0;
    font-size: 7.5pt;
    font-weight: 700;
    text-transform: uppercase;
}

    p.timelinetop a {
        width: 100%;
        display: block;
        /* padding-right: 15px; */
        background: #FFF;
        text-align: center;
    }



/*----------------------------------- Category Boxes -----------------------------------*/
.catbox {
    margin-bottom: 15px;
}

    .catbox a {
        display: table;
        background-color: #e6ebee;
        border-radius: 5px;
        width: 100%;
        height: 200px;
        padding-top: 50px;
        text-decoration: none;
    }

.careerh2 {
    font-size: 1.4em;
    line-height: 42px;
    margin: 0 0 32px 0;
    font-weight: 500;
    color: #a12816;
}






/*----------------------------------- PUBLICATIONS -----------------------------------*/



.publications img {
    -webkit-box-shadow: 1px 1px 8px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 8px 0px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 8px 0px rgba(0,0,0,0.3);
}

.publications select {
    width: 160px;
}

    .publications select + button {
        margin: 0 0 6px 10px;
    }

.publications .dropdowns p {
    margin: 10px 0 5px 0;
}

.publications .row .col-sm-3 {
    min-width: 260px;
}



/*----------------------------------- COMMUNITY -----------------------------------*/

/*.communityitem h3 {
    margin-bottom: 0px;
}

.communityitem h4 {
    font-weight: 300;
    font-size: 11pt;
    margin-bottom: 25px;
    font-style: italic;
}*/


.communityitem h2 {
    font-weight: 300;
    font-size: 22pt;
    line-height: 1.2;
    margin-bottom: 0px;
}

.communityitem h3 {
    font-weight: 300;
    font-size: 11pt;
    margin-bottom: 25px;
    font-style: italic;
}

@media (max-width: 767px) {

    .communityitem img {
        margin-bottom: 20px;
    }
}



/*----------------------------------- SRD -----------------------------------*/

.srd__h1 {
    margin-bottom: -20px;
}



/*----------------------------------- CAREERS -----------------------------------*/

div.subheading {
    padding: 15px;
    margin-bottom: 20px;
}








/*----------------------------------- WHO WE SERVE -----------------------------------*/

.whoweserve-main div.tabs ul.nav-tabs li.active a {
    background: #d6d6d6;
    background: -moz-linear-gradient(top, #d6d6d6 0%, #adadad 100%);
    background: -webkit-linear-gradient(top, #d6d6d6 0%,#adadad 100%);
    background: linear-gradient(to bottom, #d6d6d6 0%,#adadad 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#adadad',GradientType=0 );
}

    .whoweserve-main div.tabs ul.nav-tabs li.active a div {
        border-left: 1px solid rgba(0,0,0,0.1);
        border-right: 1px solid rgba(0,0,0,0.1);
        padding-bottom: 19px;
        transition: 0ms;
    }


        .whoweserve-main div.tabs ul.nav-tabs li.active a div:after {
            content: "\f107";
            font-family: FontAwesome;
            font-size: 20px;
            display: block;
            text-align: center;
            line-height: 0.5;
        }

.whoweserve-main div.tabs ul.nav > li a {
    padding: 0px;
    height: 85px;
}


    .whoweserve-main div.tabs ul.nav > li a div {
        margin: 0px;
        font-size: 15px;
        padding: 29px 0;
    }

.whoweserve-main div.tabs ul.nav-tabs li.active a serves {
    border-left: 1px solid rgba(0,0,0,0.1);
    border-right: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 19px;
    transition: 0ms;
}

.whoweserve-main div.tabs div.tab-content {
    padding: 0px;
}

.whoweserve-main .container .col-sm-6 {
    padding: 30px;
    background: rgba(0,0,0,0.8);
}

    .whoweserve-main .container .col-sm-6 h2 {
        font-weight: 700;
        font-size: 24pt;
        color: #fff;
        line-height: 1.2;
        padding: 8px 0;
        margin-bottom: 0.5em;
    }

    .whoweserve-main .container .col-sm-6 h3 {
        font-weight: 700;
        font-size: 12pt;
        color: #fff;
        line-height: 1.2;
        padding: 5px 0;
        margin-bottom: .822em;
    }

.whoweserve-main div.tabs div.tab-content .container .col-sm-6 p:last-child {
    margin-bottom: 1em;
}

.whoweserve-main .container .col-sm-6 p, .whoweserve-main .container .col-sm-6 ul li {
    font-size: 9pt;
    line-height: 1.4;
    color: #fff;
}

    .whoweserve-main .container .col-sm-6 p a {
        font-weight: 700;
        color: #d58347;
    }

@media all and (min-width: 768px) {

    .whoweserve-main div.tabs ul.nav-tabs .policyholders-options a:hover {
        background: #d0d0d0;
    }

    .whoweserve-main div.tabs ul.nav-tabs .active.policyholders-options a:hover {
        background: #d6d6d6;
        background: -moz-linear-gradient(top, #d6d6d6 0%, #adadad 100%);
        background: -webkit-linear-gradient(top, #d6d6d6 0%,#adadad 100%);
        background: linear-gradient(to bottom, #d6d6d6 0%,#adadad 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#adadad',GradientType=0 );
    }
}



@media all and (max-width: 767px) {
    .whoweserve-main div.tabs .nav-tabs.nav-justified {
        margin-bottom: 30px;
    }

        .whoweserve-main div.tabs .nav-tabs.nav-justified > li {
            margin: 0 10px;
        }

            .whoweserve-main div.tabs .nav-tabs.nav-justified > li a {
                padding: 10px;
                height: initial;
                background-color: rgba(0,0,0,0.09);
                margin: 0 0 5px 0;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
            }

                .whoweserve-main div.tabs .nav-tabs.nav-justified > li a div {
                    padding: 0;
                    line-height: 1;
                    font-size: 13pt;
                }


            .whoweserve-main div.tabs .nav-tabs.nav-justified > li.active a {
                background: rgba(0,0,0,0.16);
            }

                .whoweserve-main div.tabs .nav-tabs.nav-justified > li.active a div {
                    padding: 0;
                    border: 0;
                }

                    .whoweserve-main div.tabs .nav-tabs.nav-justified > li.active a div:after {
                        display: inline;
                        position: absolute;
                        right: 10px;
                        line-height: 1;
                    }
}




/*.flexslider .slides .box {max-width: 580px; background: rgba(0,0,0,0.8);}

.flex-control-paging li a {border: 1px solid rgba(255,255,255,0.5);}
.flex-control-paging li a.flex-active {border: 0px;}
.flexslider .slides .box h3 {font-weight: 700; font-size: 16pt;}
.flexslider .slides .box h4 {font-weight: 700; font-size: 12pt; color: #fff;}

.flexslider .slides .box p, .flexslider .slides .box ul  {font-size: 9pt; line-height: 1.4;}
.flexslider .slides .box p a {font-weight: 700; color: #d58347;}
.flexslider .slides .box ul {list-style-type: disc;}

.flexslider.flexFull .flex-direction-nav a, .flexslider.flexContent .flex-direction-nav a {
    background: rgba(0,0,0,0.8);
}



@media only screen and (max-width: 600px) {

    .flexslider .container {padding: 0;}
    .flexslider .slides .box {max-width: 600px; width: 100%;}
    .flexslider .slides .box.right {right: -15px;}

    .container.marketsslider {padding: 0;}
    
    .flexslider .slides.height-650, 
    .flexslider .slides.height-650 li>div, 
    .flexslider .slides.height-650 .fullbox {
        height: 750px;
    }
}


@media only screen and (max-width: 450px) {
    .mobiledelete {display: none;}

}*/




/*----------------------------------- PRODUCTS -----------------------------------*/


div.tabs div.tab-content,
div.tabs ul.nav-tabs li.active a {
    background: none;
}

@media all and (min-width: 768px) {

    .products-main div.tabs ul.nav-tabs .policyholders-options a:hover {
        background: #ddd;
    }

    .products-main div.tabs ul.nav-tabs .active.policyholders-options a:hover {
        background: none;
    }
}







/*----------------------------------- LIFE INSURANCE -----------------------------------*/


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 {
        width: 50%;
        display: table;
        float: left;
    }

        div.life-infographic > div > div {
            width: 100%;
            display: table;
            height: 130px;
            position: relative;
        }

            div.life-infographic > div > div.head {
                height: 70px;
            }

                div.life-infographic > div > div.head > .term__h2,
                .tir .head .term__h2 {
                    font-size: 2.75rem;
                    color: #ffffff;
                    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 > div > div > p {
                display: table-cell;
                vertical-align: middle;
                padding: 0 15%;
                text-align: center;
                line-height: 1.2;
                margin: 0;
                font-family: 'Bitter', serif;
                font-size: 13pt;
                font-style: italic;
                color: #6b6159;
                position: relative;
                z-index: 9999;
            }

                div.life-infographic > div > div > p.paragraph {
                    font-family: 'Open Sans', sans-serif;
                    font-size: 9pt;
                    padding: 40px;
                    font-style: normal;
                    text-align: left;
                    color: #434343;
                    line-height: 1.5;
                    height: 225px;
                }



            div.life-infographic > div > div > img {
                position: absolute;
                left: -81px;
                top: 10px;
                z-index: 999;
            }



    div.life-infographic div.left div:nth-child(even) {
        background: #efebe8;
    }

    div.life-infographic div.left div:nth-child(odd) {
        background: #f7f3ef;
    }





    div.life-infographic div.right div:nth-child(even) {
        background: #d9d5d2;
    }

    div.life-infographic div.right div:nth-child(odd) {
        background: #e4e0dc7a;
    }



    div.life-infographic div.right div {
        border-right: 1px solid #c0bcb9;
    }

    div.life-infographic div div:last-child {
        border-bottom: 1px solid #c0bcb9;
    }

    div.life-infographic div.left div:last-child {
        -webkit-border-bottom-left-radius: 3px;
        -moz-border-radius-bottomleft: 3px;
        border-bottom-left-radius: 3px;
    }

    div.life-infographic div.right div:last-child {
        -webkit-border-bottom-right-radius: 3px;
        -moz-border-radius-bottomright: 3px;
        border-bottom-right-radius: 3px;
    }





@media all and (max-width: 1200px) {

    div.life-infographic > div > div > p {
        font-size: 13pt;
    }

        div.life-infographic > div > div > p.paragraph {
            height: 225px;
        }
}

@media all and (max-width: 1050px) {

    div.life-infographic > div > div.head > h2,
    .tir .head h2 {
        font-size: 15pt;
    }

    div.life-infographic > div > div > p.paragraph {
        padding: 20px 30px;
    }

    div.life-infographic > div > div > p {
        font-size: 11pt;
        position: relative;
        z-index: 9;
    }
}


@media all and (max-width: 550px) {

    div.life-infographic div div:nth-child(5) {
        display: none;
    }

    div.life-infographic div.right div:nth-child(4) {
        border-bottom: 1px solid #c0bcb9;
        -webkit-border-bottom-right-radius: 3px;
        -moz-border-radius-bottomright: 3px;
        border-bottom-right-radius: 3px;
    }

    div.life-infographic div.left div:nth-child(4) {
        border-bottom: 1px solid #c0bcb9;
        -webkit-border-bottom-left-radius: 3px;
        -moz-border-radius-bottomleft: 3px;
        border-bottom-left-radius: 3px;
    }

    div.life-infographic > div > div > img {
        width: 120px;
        left: -60px;
        top: 20px;
        z-index: 999;
    }
}

@media all and (max-width: 400px) {

    div.life-infographic div.right div.head {
        font-size: 2rem;
    }

    div.life-infographic div.left div.head, .tir .head {
        font-size: 2rem;
    }
}

@media all and (max-width: 510px) {

    div.life-infographic > div > div.head > h2,
    .tir .head h2 {
        font-size: 19pt;
        line-height: 1;
    }

    div.life-infographic > div > div > p {
        font-size: 10pt;
    }

    div.life-infographic > div > div > img {
        width: 90px;
        left: -45px;
        top: 45px;
        z-index: 999;
    }

    div.life-infographic > div > div {
        height: 195px;
    }

        div.life-infographic > div > div.head > h2 {
            font-size: 16pt;
        }
}


@media all and (min-width: 495px) and (max-width: 510px) {
    div.life-infographic > div > div.head > h2,
    .tir .head h2 {
        font-size: 18pt;
    }
}

@media all and (max-width: 390px) {
    div.life-infographic div.left div.head, .tir .head,
    div.life-infographic div.right div.head {
        font-size: 20px;
    }
}

@media all and (max-width: 380px) {

    div.life-infographic > div > div > p {
        font-size: 9.5pt;
    }

    div.life-infographic > div > div.head > h2,
    .tir .head h2 {
        font-size: 13pt;
    }

    div.life-infographic > div > div {
        height: 170px;
    }
}



.tir {
    background: #efebe80a;
    margin-bottom: 30px;
    -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);
    border-bottom: 1px solid #c0bcb9;
    border-right: 1px solid #c0bcb9;
}

    .tir .head {
        border-right: 1px solid #47170d;
        webkit-border-top-right-radius: 3px;
        -moz-border-radius-topright: 3px;
        border-top-right-radius: 3px;
    }

div.tir div p.paragraph {
    font-family: 'Bitter', serif;
    padding: 40px;
    color: #6b6159;
    font-size: 13pt;
    font-style: italic;
    padding-bottom: 40px !important;
}





/*----------------------------------- NO COST PRODUCTS -----------------------------------*/

.no-cost-videos {
    width: 250px;
    float: left;
    margin: 5px 15px 5px 0;
}

.nocost img {
    float: left;
    margin: 5px 15px 5px 0;
}



@media all and (max-width: 500px) {

    .no-cost-videos, .nocost img {
        margin: 0 0 20px 0;
        width: 100%;
        float: none;
    }
}

/*----------------------------------- CHILD SAFE KIT -----------------------------------*/

ol.sidebar {
    padding: 0;
    margin-left: 20px;
    margin-bottom: -5px;
}

    ol.sidebar li {
        padding-left: 10px;
        margin-bottom: 5px;
    }






/*----------------------------------- DISASTER ASSISTANCE PAGE -----------------------------------*/


.dalist h3 {
    margin-bottom: 15px;
}

.dalist > div > div {
    margin-bottom: 30px;
}







/*----------------------------------- MEMBER BENEFITS -----------------------------------*/

section.page-title.mb {
    background: url('../assets/images/mb-banner.jpg') center right no-repeat;
    background-size: cover;
    padding: 35px 0;
}

    section.page-title.mb h2 {
        padding: 0;
        color: #fff;
        text-shadow: 1px 1px 5px rgba(0,0,0,0.8);
        border: 0;
    }

        section.page-title.mb h2 strong {
            font-weight: 700;
        }

        section.page-title.mb h2 span {
            color: #fff;
            font-size: 10.5pt;
            letter-spacing: -0.5px;
            text-transform: uppercase;
            font-weight: 500;
        }

@media all and (max-width: 910px) {
    section.page-title.mb {
        background: url('../assets/images/mb-banner.jpg') center left no-repeat;
    }
}



form.memberbenefits-checkbox {
    padding: 30px;
    margin: 30px 0;
    background: #0c2d52;
    max-width: 580px;
    -webkit-box-shadow: inset 1px 1px 8px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 1px 1px 8px 0px rgba(0,0,0,0.5);
    box-shadow: inset 1px 1px 8px 0px rgba(0,0,0,0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

@media all and (max-width: 559px) {
    .memberbenefits-checkbox {
        padding: 20px;
    }
}

.memberbenefits-checkbox p {
    margin: 0 0 0 25px;
    font-size: 18.5px;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    font-weight: 200;
}

    .memberbenefits-checkbox p strong {
        font-weight: 500;
    }

.memberbenefits-checkbox .input-group-btn {
    font-size: 0;
    line-height: 1;
    padding: 0;
}

.memberbenefits-checkbox input {
    /* Double-sized Checkboxes */
    -ms-transform: scale(1.3); /* IE */
    -moz-transform: scale(1.3); /* FF */
    -webkit-transform: scale(1.3); /* Safari and Chrome */
    -o-transform: scale(1.3); /* Opera */
    padding: 5px;
}











/*----------------------------------- EVENTS SECTION -----------------------------------*/


/*.events-player-iframe {
    height: 1000px;
}


@media all and (max-width: 800px) {
    .events-player-iframe {
        height: 600px;
    }
}


@media all and (max-width: 662px) {
    .events-player-iframe {
        height: 800px;
    }
}


@media all and (max-width: 300px) {
    .events-player-iframe {
        height: 650px;
    }
}*/









/*------------------------------ EVENTS ------------------------------*/




.events-player-iframe {
    height: 800px;
}

.col-3, .col-2 {
    display: none;
}

.social-stream {
    display: none;
    border: 0 none transparent;
    position: relative;
    top: -1px;
    border-bottom: 1px solid #d6d4cd;
}


@media all and (max-width: 662px) {
    .events-player-iframe {
        height: 600px;
    }

    .col-4-no-social, .col-4 {
        display: none;
    }

    .col-3, .social-stream {
        display: block;
    }
}

@media all and (max-width: 520px) {
    .events-player-iframe {
        height: 550px;
    }

    blockquote.stats span.top {
        font-size: 2rem;
        display: block;
    }

    blockquote.stats span.mid {
        font-size: 3.5rem;
        font-weight: bold;
        display: block;
    }

    blockquote.stats span.bottom {
        font-size: 2rem;
        display: block;
        margin-bottom: 2.5rem;
    }
}

@media all and (max-width: 456px) {
    .events-player-iframe {
        height: 500px;
    }

    .col-3 {
        display: none;
    }

    .col-2 {
        display: block;
    }
}



@media all and (max-width: 400px) {
    .events-player-iframe {
        height: 480px;
    }
}















/*----------------------------------- MAPS SECTION -----------------------------------*/
/* Agent Search styles */
div.locations {
    width: 100%;
    height: 600px;
}

div.locations_list {
    position: relative;
    float: left;
    width: 30%;
    height: 100%;
    overflow: auto;
}

    div.locations_list h1 {
        display: block;
        padding-left: 40px;
        margin: 25px 30px;
        background: url('../images/maps_icon.png') top left no-repeat;
        font-size: 14pt;
        color: #333;
        min-height: 34px;
    }

    div.locations_list h2 {
        display: block;
        color: #333;
        font-size: 11pt;
        margin: 0 30px;
        border-top: 1px dotted #ccc;
        padding-top: 25px;
    }


.locations_list .location_item {
    padding: 25px 30px;
}


.locations_list .locations_container .location_item:nth-child(2n+4) {
    background: rgba(238,238,238,.45);
}


.locations_list .location_item .info {
    display: table-cell;
    float: left;
    width: 60%;
    height: 100%;
}

    .locations_list .location_item .info p {
        margin: 0;
        color: #2e6093;
    }



.locations_list .location_item .mapit {
    display: table-cell;
    width: 40%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    padding: 40px 0 0 40px;
}

    .locations_list .location_item .mapit a, .labelContent {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        left: 0;
        text-decoration: none;
        color: red;
        font-size: 20px;
    }


        .locations_list .location_item .mapit a p {
            margin: 0;
            color: #2e6093;
            font-size: 12pt;
            font-family: 'PT Sans', sans-serif;
            line-height: 0.8;
        }

        .locations_list .location_item .mapit a:hover p {
            color: #f28900;
        }

div.agent_search_results {
    padding-top: 30px;
}

    div.agent_search_results .location_item {
        display: block;
        overflow: auto;
        padding: 15px;
        margin: 0 10px 10px 0;
        background: rgba(238,238,238,.45);
        background: -moz-radial-gradient(center, ellipse cover, rgba(238,238,238,.45) 0%, rgba(238,238,238,1) 100%);
        background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(238,238,238,.45)), color-stop(100%,rgba(238,238,238,1)));
        background: -webkit-radial-gradient(center, ellipse cover, rgba(238,238,238,.45) 0%,rgba(238,238,238,1) 100%);
        background: -o-radial-gradient(center, ellipse cover, rgba(238,238,238,.45) 0%,rgba(238,238,238,1) 100%);
        background: -ms-radial-gradient(center, ellipse cover, rgba(238,238,238,.45) 0%,rgba(238,238,238,1) 100%);
        background: radial-gradient(ellipse at center, rgba(238,238,238,.45) 0%,rgba(238,238,238,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=1 );
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

        div.agent_search_results .location_item .mapit {
            /*position: absolute;
        bottom: 15px;
        right: 30px;*/
            text-align: center;
        }


div.map {
    position: relative;
    float: left;
    height: 100%;
    width: 70%;
    background: #dfdbbd;
}

@media (max-width: 500px) {
    div.agent_search_results .location_item {
        width: 220px;
        float: none;
        display: inline-block;
    }

    div.agent_search_results h3 {
        margin: 0 0 10px 0;
    }
}






/*----------------------------------- POLICYHOLDERS -----------------------------------*/

.container.products_hero {
    background: url('/assets/images/products_hero.jpg') center center no-repeat;
    background-size: cover;
    height: 400px;
}

.products-hero {
    margin: 0;
    padding: 0;
}

    .products-hero .container {
        margin: 0;
        padding: 0;
        width: 100%;
    }


/*.products-main div.tabs ul.nav-tabs li.active a {background-color: rgba(0,0,0,0.08);}*/


.products-main div.tabs ul.nav-tabs li.active a h2:after {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 20px;
    display: block;
    text-align: center;
}

.products-main div.tabs ul.nav-tabs li.active a h4:after {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 20px;
    display: block;
    text-align: center;
}

.policyholders-options figure {
    display: table;
    height: 100px;
    width: 100px;
    border-radius: 100px;
    margin: 0 auto;
    transition: all 0.2s;
}

    .policyholders-options figure a h2,
    .policyholders-options figure a h4 {
        transition: all 0.2s;
    }

    .policyholders-options figure img {
        display: table-cell;
        height: 70px;
        width: 70px;
        margin: 15px;
        transition: all 0.2s;
    }

.policyholders-options a {
    text-align: center;
}

    .policyholders-options a h4, .policyholders-options a h4 b,
    .policyholders-options a h2, .policyholders-options a h2 b {
        margin: 14px 0;
        transition: all 0.2s;
        letter-spacing: normal;
        line-height: 27px;
    }

    .policyholders-options.active a h4 b,
    .policyholders-options a:hover h4 b,
    .policyholders-options.active a:hover h4 b,
    .policyholders-options.active a h2 b,
    .policyholders-options a:hover h2 b,
    .policyholders-options.active a:hover h2 b {
        color: #0c2d52;
    }



@media all and (min-width: 992px) {
    div.tabs ul.nav-tabs .policyholders-options a {
        background: #d3d3d3;
        background: -moz-linear-gradient(top, #d3d3d3 0%, #efefef 100%);
        background: -webkit-linear-gradient(top, #d3d3d3 0%,#efefef 100%);
        background: linear-gradient(to bottom, #d3d3d3 0%,#efefef 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#efefef',GradientType=0 );
        margin-right: 0px;
        -webkit-box-shadow: inset 0px -5px 6px -5px rgba(0,0,0,0.15);
        -moz-box-shadow: inset 0px -5px 6px -5px rgba(0,0,0,0.15);
        box-shadow: inset 0px -5px 6px -5px rgba(0,0,0,0.15);
    }

    div.tabs ul.nav-tabs .active.policyholders-options a {
        box-shadow: none;
    }
}


@media all and (max-width: 1030px) {
    .products-main .policyholders-options a h2,
    .products-main .policyholders-options a h4 {
        font-size: 13pt;
        line-height: 1;
    }
}

@media all and (max-width: 991px) {

    .policyholders-options a h2,
    .policyholders-options a h4 {
        font-size: 13pt;
        line-height: 20px;
        margin: 0;
        text-align: left;
    }

    .nav-tabs.nav-justified > li {
        display: block;
        width: initial;
    }



    .products-main div.tabs ul.nav-tabs {
        margin: 10px 0 30px 0;
    }

        .products-main div.tabs ul.nav-tabs a {
            padding: 10px !important;
            background-color: rgba(0,0,0,0.09);
            margin: 0 0 5px 0;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
        }

    div.tabs ul.nav-tabs li.active a {
        background-color: rgba(0,0,0,0.16);
    }

    .products-main .nav-tabs.nav-justified > li {
        margin: 0 10px;
    }

    .policyholders-options a h2,
    .policyholders-options a h4 {
        margin: 0;
        text-align: left;
    }

    .products-main .tab-pane .col-md-12 {
        padding: 0;
    }

    .products-main div.tabs div.tab-content {
        padding: 0;
    }

    .products-main div.tabs ul.nav-tabs li.active a h4:after {
        display: inline;
        position: absolute;
        right: 10px;
    }
}






/*----------------------------------- MANAGE YOUR POLICY -----------------------------------*/

/*section.manageyourpolicybg {
    background: url('/assets/images/manageyourpolicybg.jpg') bottom right no-repeat;
    background-size: 65%;
}*/

.accountdocs {
    margin-bottom: 50px;
}

    .accountdocs > div {
        margin: 0;
    }

div.accountdocs h4 {
    margin: 0;
    padding-left: 15px;
    color: #fff;
}

.accountdocs table {
    margin-bottom: 0;
    border-top: 1px solid #333;
}

    .accountdocs table thead {
        background: #666;
    }

    .accountdocs table tbody tr th {
        padding: 0;
        border: 0;
    }

    .accountdocs table tbody tr:nth-child(odd) {
        background: rgba(238,238,238,.45);
    }

    .accountdocs table tbody tr:nth-child(even) {
        background: #fff;
    }

    .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 i {
            padding-right: 8px;
            font-size: 22px;
        }


        .accountdocs table tbody tr th a:hover {
            background: #d9d5d2;
            text-decoration: none;
        }

.btn-lg.signin {
    padding: 22px 16px !important;
    margin: 0 auto;
}

.adobe img {
    margin: 10px 0;
    max-width: 100%;
}




@media all and (max-width: 767px) {

    .accountdocs table tbody tr th a {
        font-size: 1em;
    }
}





/*----------------------------------- HIPAA -----------------------------------*/




.faq {
    margin-top: 120px !important;
}



/*----------------------------------- COMPLAINT PROCESS -----------------------------------*/


.country-links {
    margin-bottom: 30px;
}

    .country-links a {
        margin-right: 15px;
        font-weight: bold;
    }

.short {
    margin: 30px 0;
}






/*----------------------------------- CLAIMS -----------------------------------*/

@media all and (min-width: 992px) {
    section.claim {
        background: url('/assets/images/claimsbg.jpg') bottom right no-repeat;
        background-size: 80%;
    }
}


.claim div.toggle > label {
    /*padding: 10px 35px 10px 20px;*/
}

.claim div.toggle div.toggle-content {
    background: rgba(250,250,250,0.8);
    border: rgba(0,0,0,0.05) 1px solid;
}

/*.claim div.toggle > label {background: rgba(220,220,220,0.8)}*/

.insurance-claims ol {
    padding-left: 15px;
}

.insurance-claims .toggle-content > ul {
    margin-bottom: 20px;
}

.insurance-claims ol > li {
    padding-left: 5px;
    font-weight: 700;
}

.insurance-claims ol li p,
.insurance-claims ol li ul {
    margin-bottom: 1em;
    font-weight: 400;
}

.insurance-claims ol li b {
    margin-bottom: 1em;
}

@media (max-width: 767px) {
    .insurance-claims .btn {
        font-size: 14px !important;
        white-space: normal;
        width: 100%;
    }
}




/*------ CLAIMS MODALS ------*/

.mb-0 {
    margin-bottom: 0rem;
}

.mb-1 {
    margin-bottom: .25rem;
}

.mb-2 {
    margin-bottom: .5rem;
}

.mb-3 {
    margin-bottom: 1rem;
}

.mb-4 {
    margin-bottom: 1.5rem;
}

.mb-5 {
    margin-bottom: 3rem;
}


/*---------------- ONLINE CLAIM FORM ----------------*/
.claim-modal .row {
    margin: 0 -7.5px
}

    .claim-modal .row > div {
        padding: 0 7.5px
    }

.claim-modal .modal-content {
    border: 0px;
    background: transparent;
}


.claim-modal label {
    display: none;
}

.claim-modal button.close {
    position: absolute;
    right: 20px;
    top: 50%;
    font-weight: 700;
    font-size: 2.5rem;
    z-index: 1;
    color: #00558C;
    opacity: 1;
    transition: .15s;
    color: #fff;
    text-shadow: none;
    padding-top: 0;
    padding-bottom: 0;
}


    .claim-modal button.close span {
        height: 28px;
        display: block;
        transform: translateY(-10px);
    }


.claim-modal .modal-header {
    background: #00558C;
    position: relative;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

    .claim-modal .modal-header h2 {
        font-weight: 700;
        color: #fff;
    }



.claim-modal .modal-body {
    padding: 2rem;
    background: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.claim-modal input,
.claim-modal select {
    border: 0;
    background: #eee;
}

.claim-modal hr {
    padding-bottom: .25rem;
    border-top-width: 3px;
    margin: 3rem 0;
}


@media (min-width: 768px) {
    .claim-modal .modal-dialog {
        width: 90%;
        max-width: 1200px;
    }
}

@media (max-width: 575px) {
    .claim-modal .modal-content,
    .claim-modal .modal-header,
    .claim-modal .modal-body {
        border-radius: 0;
    }

    .claim-modal .modal-dialog {
        margin: 0;
    }

    .claim-modal .modal-body {
        padding: 2rem 0;
    }
}












/*----------------------------------- SPECIAL RISK DIVISION -----------------------------------*/

/*------ SRD Submenu ------*/

.srd-submenu {
    position: relative;
    z-index: 3;
    background: #b03e19;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
}

    .srd-submenu .logo {
        float: left;
        display: table;
    }

        .srd-submenu .logo img {
            width: 240px;
            padding: 10px 20px;
        }

    .srd-submenu .nav-sub {
        float: right;
    }

    .srd-submenu .btn-mobile {
        display: none;
        float: right;
        margin: 15px 10px 0 0;
        background-color: #d58347;
        border-radius: 3px;
        line-height: 1;
        padding: 8px 10px;
    }

    .srd-submenu button.btn-mobile:hover,
    .srd-submenu button.btn-mobile:focus,
    .srd-submenu button.btn-mobile:active {
        background-color: #c05c13;
    }

    .srd-submenu button.btn-mobile i {
        padding: 0;
        margin: 0;
        font-size: 21px;
        color: #fff;
    }

    .srd-submenu .nav-sub ul li a {
        height: 67px;
        line-height: 67px;
        color: #fff;
        padding: 0;
        width: 110px;
        text-align: center;
        font-size: 9pt;
    }


    .srd-submenu .nav li:hover > ul.dropdown-menu {
        padding: 0;
        display: block;
        z-index: 100;
        margin: 0;
        border: 0;
    }

        .srd-submenu .nav li:hover > ul.dropdown-menu li a {
            margin: 0;
            color: #a12816 !important;
            width: initial;
            text-align: left;
            height: initial;
            line-height: 1;
            padding: 15px 24px;
            border-bottom: 1px solid rgba(0,0,0,0.1);
        }

        .srd-submenu .nav li:hover > ul.dropdown-menu li:last-child a {
            border-bottom: 3px solid #133c70;
        }

    .srd-submenu .nav li > ul.dropdown-menu li a:hover {
        background: rgba(0,0,0,0.1);
    }


    .srd-submenu .nav-sub ul li:hover a,
    .srd-submenu .nav-sub ul li a:active,
    .srd-submenu .nav-sub ul li a:focus {
        background: #fff;
        color: #a12816;
    }

    .srd-submenu .nav-sub ul li a span {
        position: absolute;
        line-height: 1;
        font-size: 8.5px;
        bottom: 16px;
        text-align: center;
        right: 50%;
        transform: translateX(50%);
        width: 90px;
        color: #999;
        visibility: hidden;
    }

    .srd-submenu .nav-sub ul li:hover a span,
    .srd-submenu .nav-sub ul li a:focus span,
    .srd-submenu .nav-sub ul li a:active span {
        visibility: visible;
    }



@media (max-width: 1099px) {
    .srd-submenu .nav-sub ul li a {
        width: 95px;
    }
}


@media (max-width: 1150px) {
    .srd-submenu .nav li:hover > ul.dropdown-menu {
        display: none;
    }

    .srd-submenu .btn-mobile {
        display: block;
    }

    .srd-submenu .container {
        padding: 0;
    }

    .srd-submenu .navbar-collapse {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .srd-submenu .nav-sub {
        width: 100%;
    }

        .srd-submenu .nav-sub ul {
            border-top: 1px solid rgba(0,0,0,0.07);
        }

            .srd-submenu .nav-sub ul li {
                width: 100%;
                margin: 0 !important;
            }

                .srd-submenu .nav-sub ul li a {
                    height: initial;
                    line-height: 1;
                    color: #fff;
                    padding: 12px 23px;
                    width: 100%;
                    text-align: left;
                    font-size: 9pt;
                    border-bottom: 1px solid rgba(0,0,0,0.07);
                    border-top: 1px solid rgba(255,255,255,0.07);
                }

                    .srd-submenu .nav-sub ul li a:hover span {
                        visibility: hidden;
                    }
}



.srd-estimate form {
    padding: 15px;
    background: #f6f6f6;
}



.srd .btn {
    margin: 5px;
    white-space: normal;
}


/*.srd .homeicons > div > a:hover h2 {
    color: #a12816;
}*/

@media all and (min-width: 992px) {
    .col-md-20 {
        width: 20%;
    }
}

.srd .homeicons > div > a > img {
    border-radius: 120px;
    background-color: #083153;
}



.srd .toggle h4 {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(0,0,0,0.06);
    font-weight: 400;
}

.srd .lead {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}


.srd .toggle.faq h4:first-child {
    border-top: 0;
}


.srd .toggle.faq p:last-child {
    padding-bottom: 30px !important;
}


.srd div.toggle div.toggle-content {
    background: none;
    border: 5px solid rgba(0,0,0,0.06);
    border-top-width: 2px;
}


.srd-hero {
    width: 100%;
    background: url('../assets/images/srd-banner.jpg') center top no-repeat;
    background-size: cover;
    padding: 75px;
    padding-top: 0;
    text-align: center;
}

    /*.srd-hero img {
    max-width: 100%;
}


.srd-hero h1 {
    margin: 0;
    font-weight: 800;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
    font-size: 60pt;
    line-height: 0.8;
}*/

    .srd-hero .container {
        max-width: 100%;
    }

        .srd-hero .container p {
            position: relative;
            z-index: 1;
            max-width: 100%;
            width: 550px;
            background: rgba(0,0,0,0.9);
            color: #ddd;
            /*background: rgba(250,250,250,0.95);*/
            /*border: 5px solid #aaa;*/
            border-top: 0px;
            padding: 50px;
            text-align: left;
            font-size: 13px;
            line-height: 24px;
            -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.15);
            -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.15);
            box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.15);
        }

            .srd-hero .container p a {
                color: #d58347;
            }




            .srd-hero .container p strong {
                color: #fff;
            }


            .srd-hero .container p.dropcap:first-letter {
                font-size: 80px;
                margin-top: 5px;
                color: #fff;
            }






/*------ SRD Policyholders ------*/
.srd-policyholders .btn {
    max-width: 280px;
    line-height: 1.2;
    padding: 10px 40px;
}



/*------ SRD Rate Plans ------*/
.srd-plan-rates h2 {
    line-height: 1.2;
}

.srd-plan-rates .table > thead > tr > th {
    border-bottom: 0;
}

.srd-plan-rates thead {
    color: #ede5e3;
    background: #9d4721;
    background: -moz-linear-gradient(top, #9d4721 0%, #6f2818 100%);
    background: -webkit-linear-gradient(top, #9d4721 0%,#6f2818 100%);
    background: linear-gradient(to bottom, #9d4721 0%,#6f2818 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d4721', endColorstr='#6f2818',GradientType=0 );
}

.srd-plan-rates ul {
    padding-top: 8px;
}

.srd-plan-rates thead th:first-child {
    vertical-align: middle;
    text-align: center;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
}

.srd-plan-rates thead th:last-child {
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
}




@media all and (max-width: 767px) {
    .srd-plan-rates {
        font-size: 11px;
    }

        .srd-plan-rates ul {
            padding-left: 25px;
        }
}


@media all and (max-width: 500px) {
    .srd-plan-rates {
        font-size: 9px;
    }

    .srd-hero {
        padding: 50px 0;
    }

        .srd-hero .container p {
            padding: 30px;
        }
}





/*------ SRD NO Cost Estimate ------*/

#estimate table {
    width: 100%;
    max-width: 800px;
}

#estimate tr th {
    text-align: center;
}

#estimate tr td {
    padding: 5px;
    line-height: 1;
}

    #estimate tr td:first-child {
        text-align: right;
        width: 110px;
        font-size: 11px !important;
    }


    #estimate tr td input {
        padding: 3px 5px;
        border: #e6e6e6 2px solid;
        margin: 0;
        width: 100%;
    }


    #estimate tr td.result {
        padding: 20px;
        margin-right: 15px;
        background: #eee;
    }


@media all and (max-width: 500px) {
    #estimate tr td:first-child {
        width: inherit;
    }
}

.srd-estimate .btn.btn-primary {
    padding: 10px 20px;
}

.dl-app .btn.btn-primary {
    width: 100%;
    padding: 20px;
    margin: 0 0 5px 0;
}




/*------ SRD Activity Report ------*/
.modal-link {
    margin-left: 10px;
    padding: 0 8px;
    background-color: #f7f7f7;
}

    .modal-link:hover {
        background-color: #b03e19;
        color: white;
    }

#rates-modal .modal-dialog {
    min-width: 80%;
}

    #rates-modal .modal-dialog table {
        width: 100%;
    }

    #rates-modal .modal-dialog td {
        padding: 5px 10px;
    }

#prntHdr {
    display: none;
}

.srd-thnks h2 {
    font-size: 3em;
    margin-bottom: 20px;
}

.srd-thnks h3 {
    margin: 0 0 20px 0;
    padding-bottom: 20px;
    border-bottom: 2px solid #ccc;
}






.srd-thnks #conf-activity-container {
    margin-top: 20px;
    padding: 15px 0;
    background: #f0f0f0;
    display: table;
    width: 100%;
}

.srd-thnks #conf-body span {
    width: 160px;
    display: inline-block;
}

.srd-thnks span.ng-binding {
    color: #000;
}

#conf-body div {
    margin-bottom: 10px;
}

#conf-header h3 {
    line-height: normal;
}



/*
@media (max-width: 991px) {
    .srd-thnks #conf-activity-container span {
        width: 160px;
        display: inline-block;
    }
}

@media (min-width: 992px) {
    .srd-thnks #conf-activity-container .col-md-2 {
        width: 20%;
        text-align: center;
    }
}
*/

#conf-activity-container div.col-sm-2 {
    width: 20%;
    display: inline-block;
}

@media (max-width: 575px) {
    #conf-activity-container div.col-sm-2 {
        width: 100%;
        margin-bottom: 10px;
    }
}

@media print {
    #prntHdr {
        display: table !important;
        width: 100%;
        margin-bottom: 30px;
        background: #133c70;
    }

    #pntHdr img {
    }

    section.srd-estimate {
        padding-top: 0;
    }
}




/*------ SRD Master Policy ------*/



.master-policy input.form-control.inline {
    display: inline-block;
    width: 120px;
}

.master-policy .checkbox label {
    /* color: #666; */
    background-color: #fff;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
    line-height: 23px;
    margin: 0;
    padding: 0 !important;
    font-weight: 300;
}


.master-policy .checkbox {
    padding: 0 15px 0 25px;
    margin-top: 0;
    margin-left: 10px;
    position: relative;
    top: -2px;
}

.master-policy input[type=checkbox] {
    position: relative;
    top: 3px;
}

.master-policy .checkbox.checkbox-inline label {
    padding-left: 0px;
}

.master-policy hr {
    margin: 10px 0;
    border-top: 2px solid #ddd;
}

.master-policy input[type="file"] {
    width: 100%;
    /*border: 2px solid #ccc;*/
    padding: 5px;
    background: #f6f6f6;
}




.srd-sidebar .box {
    padding: 20px;
    background: #F5F3F4;
    border: 3px solid #e3e3e3;
}


.srd-sidebar h2 {
    font-size: 20pt;
    line-height: 1;
    margin-bottom: 20px;
}





@media (max-width: 991px) {
    .srd-sidebar .box {
        margin: 30px 0;
    }

    .master-policy form {
        padding: 0;
    }
}


@media (max-width: 767px) {
    .master-policy .form-group > hr,
    .master-policy .spacer {
        display: block;
        width: 100%;
    }

    .master-policy .form-group label {
        width: 100%;
    }

    .master-policy .form-group input[type="radio"] + label {
        width: initial !important;
    }

    .master-policy .form-group input[type="text"] {
        width: 100%;
        margin-bottom: 10px;
    }

    .master-policy .form-group .checkbox + label {
        margin-top: 10px;
    }

    .master-policy .form-group {
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #eee;
    }


    .master-policy .checkbox {
        padding: 0;
        display: block;
        width: 100%;
        margin-top: 15px;
    }

        .master-policy .checkbox.ng-scope {
            padding: 0 15px 0 25px;
            display: inline-block;
            width: initial;
            margin-top: 0;
        }
}














/*----------------------------------- FOOTER -----------------------------------*/

#footer {
    border-top: 0;
}

    #footer .about p {
        font-size: 9pt;
        line-height: 1.5;
    }

        #footer .about p a {
            color: #e89659;
        }

a.social:hover {
    text-decoration: none;
}

.bluelink {
    color: #b8d7ff;
}

@media all and (max-width: 991px) {
    #footer .connect {
        text-align: center;
    }
}

#footer {
    color: #dcdcdc;
}

    #footer li a {
        color: #dcdcdc;
    }


.copyright a:hover {
    text-decoration: underline;
    color: #dcdcdc;
}





/*----------------------------------- RESPONSIVE -----------------------------------*/


@media only screen and (max-width: 767px) {

    div.tp-caption {
        font-size: 14pt !important;
    }
}

@media all and (min-width: 401px) {
    #barMain > nav > ul > li span.mobile {
        display: none;
    }
}

@media all and (max-width: 400px) {
    #barMain > nav > ul > li span.desktop {
        display: none;
    }
}







[ng\:cloak], [ng-cloak], .ng-cloak {
    display: none !important;
}


.activity-container {
    background: rgba(0,0,0,0.05);
    padding: 15px 0px 0;
    margin: 0 0 15px;
}

    .activity-container label {
        font-size: 13px;
    }

@media (min-width: 1200px) and (max-width: 1400px) {
    .activity-container label {
        font-size: 10px;
    }
}

.activity-remove-container {
    min-height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 20px;
    position: relative;
    left: 10px;
}

    .activity-remove-container a {
        font-weight: bold;
    }



@media (max-width: 1199px) {

    .activity-remove-container {
        padding: 0;
        min-height: 0px;
        display: table;
        background: #b03e19;
        margin-bottom: 15px;
        left: 15px;
    }

        .activity-remove-container a {
            padding: 0 6px;
            color: #fff;
        }
}


/* tablet/phone */
@media all and (max-width: 768px) {
    .activity-container {
        background-color: #eee;
        margin-bottom: 20px;
    }
}

#prntHdr {
    display: none;
}

#prtCmd {
    z-index: 100;
}

@media print {
    /* All your print styles go here */
    #header, #footer, #nav, .srd-submenu, #prtCmd, .page-title {
        display: none !important;
    }
}

/* reCAPTCHA invsible badge */
.grecaptcha-badge {
    display: none;
}

#popup-background-container {
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    display: none;
}

#popup-text-container {
    width: 30%;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 10px;
    color: #000;
    top: 30%;
    padding: 20px;
}

    #popup-text-container h2 {
        margin: 0;
    }

.popup-header-container {
}

.popup-content {
    padding: 20px 0;
}

.popup-button-container a, .popup-button-container a:visited {
    background-color: #0f3963;
    border-radius: 3px;
    color: #fff;
    padding: 10px;
    font-weight: 600;
    margin-right: 10px;
}

@media all and (max-width: 767px) {
    #popup-text-container {
        width: 80%;
        top: 20%;
    }

        #popup-text-container .popup-content p {
            max-height: 44vh;
            overflow: scroll;
        }
}

.lbl-date-format {
    font-size: 11px;
}

/*----------------------------------- DISBURSEMENT FORM -----------------------------------*/

.disbursement-heading {
    margin-top: 25px;
}

.ml15 {
    margin-left: 15px;
}

.disb-error, .stateCA, .accountCA, .accountNZ, .claim-type-div, #mySpinner {
    display: none;
}

    .disb-error span {
        color: #ff0000;
    }

.typeofDisbursement-error {
    cursor: pointer;
}

#thank-you-div, #error-div {
    text-align: center;
    display: none;
    margin-top: 130px;
    padding: 100px 0;
}

.spinner-block {
    display: block;
    margin-left: calc(50% - 50px);
}

.sidebar-nocost h2 {
    font-size: 1.4em;
    letter-spacing: normal;
    line-height: 27px;
    margin: 0 0 14px 0;
}

.fileUploadLI {
    font-weight: 300;
}

.maintenance-banner {
    position: relative;
    background: #d60e4f;
    color: #fff;
    font-weight: 700;
    padding: 1.5rem 15px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

    .maintenance-banner .container {
        position: relative;
        max-width: 1078px;
        padding: 0;
    }

    .maintenance-banner p {
        margin-bottom: 0px;
        color: #fff;
        font-size: 16px;
    }

    .maintenance-banner a {
        text-decoration: underline;
        color: #fff !important;
        margin-left: 0.5rem;
        font-weight: 400;
    }

/* ADA Compliance */
#skiptocontent a {
    padding: 6px;
    position: absolute;
    top: -40px;
    left: 0;
    color: white !important;
    background: #bf1722;
    z-index: 10000
}

    #skiptocontent a:focus {
        top: 0
    }




/* Hiring Event Style*/
.event-banner {
    padding: 8rem 6rem 4rem;
    display: block;
    position: relative;
    overflow: hidden;
    background-color: black;
}

    .event-banner:hover {
        text-decoration: dotted;
    }

    .event-banner::before {
        content: " ";
        transition: all 0.5s ease;
        position: absolute;
        background-color: transparent;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 0;
        background-image: url(/Content/Images/hiring-event-bg.jpg);
        background-size: cover;
        background-position: center;
        box-shadow: inset 0 -8rem 7rem rgba(0, 0, 0, 0.9);
    }

    .event-banner:hover::before {
        opacity: 0.6;
        transform: scale(1.03);
        filter: blur(3px);
    }

    .event-banner > div {
        position: relative;
    }


/*.event-banner {
    background-image: url(/Content/Images/hiring-event-bg.jpg);
    background-size: cover;
    background-position: center;
    padding: 8rem 6rem 4rem;
    box-shadow: inset 0 -8rem 7rem rgba(0, 0, 0, 0.9);
    display: block;
    position: relative;
}*/

.event-banner-heading {
    color: white;
    line-height: 1.1;
    font-size: 8.5rem;
    font-weight: bold;
    max-width: 800px;
    text-shadow: .5rem .5rem .5rem rgba(0, 0, 0, 0.7);
}

.event-banner:hover {
    text-decoration: dotted;
}

.event-banner-heading br {
    display: block;
}

.event-banner-btn {
    background-color: white;
    border-radius: 4rem;
    padding: 1.4rem 2.5rem 1.6rem;
    font-size: 2.6rem;
    font-weight: bold;
    color: #00558c;
    letter-spacing: -1px;
    margin: 3rem 0;
    display: inline-block;
    transition: all 0.3s;
}

.event-banner:hover .event-banner-btn {
    background-color: #ffdb4f;
}

.event-banner-footertext {
    color: white;
    line-height: 1;
    font-size: 2.4rem;
}

.event-banner-footertext-dot {
    display: inline-block;
    margin: 0 1rem;
}

@media screen and (max-width: 1199px) {
    .event-banner {
        padding: 5rem 5rem 3rem;
    }

    .event-banner-heading {
        font-size: 6.5rem;
    }

    .event-banner-footertext span {
        display: block;
        margin-bottom: 0.5rem;
    }

    span.event-banner-footertext-dot {
        display: none;
    }

    .event-banner-heading br {
        display: block;
    }

    .event-banner-footertext {
        font-size: 2.5rem;
    }

        .event-banner-footertext span {
            padding-bottom: .75rem;
            border-bottom: 4px dotted rgba(255, 255, 255, 0.3);
        }
}

@media screen and (max-width: 991px) {
    .event-banner {
        padding: 2rem;
    }

    .event-banner-heading {
        font-size: 5rem;
    }

    .event-banner-footertext {
        font-size: 2rem;
    }

    .event-banner-btn {
        font-size: 2rem;
        margin: 2rem 0;
    }
}


@media screen and (max-width: 575px) {
    .event-banner {
        padding: 1.8rem;
    }

    .event-banner-heading {
        font-size: 3rem;
    }

    .event-banner-footertext {
        font-size: 1.4rem;
    }
}



@media screen and (max-width: 1150px) {
    #header {
        position: static;
    }

    .page-title, div.slider.homeslider, #frontRight, .career-search {
        margin-top: 0;
    }

    #topNav ul.nav > li:hover > a:before {
        display: none;
    }

    #topNav ul.nav > li:hover > a:after {
        /*display: none;*/
    }

    #topNav ul.nav > li a, #topNav ul.nav > li a:hover {
        border: 0;
    }

    #topNav ul.dropdown-menu:after {
        display: none;
    }

    #topNav ul.nav li li a:hover,
    #topNav ul.nav > li:hover a:hover,
    #topNav ul.nav > li a:hover,
    #topNav ul.nav .dropdown-menu > li:hover > a,
    #topNav ul.nav li li a:focus,
    #topNav ul.nav > li:hover a:focus,
    #topNav ul.nav > li a:focus,
    #topNav ul.nav .dropdown-menu > li > a:focus {
        background-color: rgba(0,0,0,.1) !important;
        color: white !important;
    }

    #topNav ul.nav > li a {
        border-top: .5px solid rgba(255,255,255,.05) !important;
    }
}
