@import url(typography.css);


@font-face {
	font-family: "OpenSansLight";
	src: url("../fonts/opensans-light-webfont.eot");
	src: local("O"), url("../fonts/opensans-light-webfont.woff") format("woff"), url("../fonts/opensans-light-webfont.ttf") format("truetype"), url("../fonts/opensans-light-webfont.svg#webfonts841BcgB") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: "OpenSansSemibold";
    src: url("../fonts/opensans-semibold-webfont.eot");
    src: local("O"), url("../fonts/opensans-semibold-webfont.woff") format("woff"), url("../fonts/opensans-semibold-webfont.ttf") format("truetype"), url("../fonts/opensans-semibold-webfont.svg#webfonts841BcgB") format("svg");
    font-weight: normal;
    font-style: normal;
} 
@font-face {
    font-family: "OpenSansBold";
    src: url("../fonts/opensans-bold-webfont.eot");
    src: local("O"), url("../fonts/opensans-bold-webfont.woff") format("woff"), url("../fonts/opensans-bold-webfont.ttf") format("truetype"), url("../fonts/opensans-bold-webfont.svg#webfonts841BcgB") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "OpenSansReg";
    src: url("../fonts/opensans-regular-webfont.eot");
    src: local("O"), url("../fonts/opensans-regular-webfont.woff") format("woff"), url("../fonts/opensans-regular-webfont.ttf") format("truetype"), url("../fonts/opensans-regular-webfont.svg#webfonts841BcgB") format("svg");
    font-weight: normal;
    font-style: normal;
}


.wrapper { 
    max-width: 962px;
    width: 100%;
    margin: 0 auto;
    background: #fff;
}

/* =============================================================================
   Header
   ========================================================================== */
header {
    padding: 20px 0;
    border-bottom: 2px solid #efefef;
    position: relative;
}
.hint {
    display: none;
    position: absolute;
}
.logo:hover .hint {
    display: block;
}

.login_btn {
    margin: 9px 0 0 20px;
}
.login_btn a {
    color: #A80533;
    font: 12px 'OpenSansSemibold';
    display: block;
    text-transform: uppercase;
}
.login_btn p {
    color: #939292;
    font: 11px "OpenSansReg";
}
nav.nav {
    margin-top: 20px;
}
.vendor-2 nav, .parent-pageid-1701 nav {
    display: none;
}
nav.nav ul li {    
    width: 140px;
    min-height: 38px;
    display: block;
    float: left;
    border-left: 1px solid #efefef;
    padding-left: 6px;
    position: relative;
}
nav.nav ul li.i13 {
    width: 140px;
}
.single-wellness_page nav.nav ul li, .single-test nav.nav ul li, .single-event nav.nav ul li {
    width: 211px;
    padding-left: 37px;
}
.single-oe_page nav.nav > ul > li, .open-enrollment-2017 nav.nav > ul > li {
    width: 190px;
    padding-left: 21px;
    box-sizing: border-box;
}
nav.nav .lpch_menu li {
    width: 128px;
}
nav.nav .lpch_menu li:first-child, nav.nav .lpch_menu li:nth-child(5) {
    width: 72px;
}
nav.nav ul li:first-child {
    border-left: none;
    padding-left: 0;
}
nav.nav ul.main_menu li:first-child {
    width: 80px;
}

nav.nav ul li.highlight {
    border-bottom: 4px solid #000;    
}
nav.nav .lpch_menu li.highlight {
    border-color: #999;
}
nav.nav ul li a {
    color: #1d1d1d;
    display: block;
    text-transform: uppercase;
    font: 11px/16px 'OpenSansReg';
}
nav.nav ul.main_menu li a {
    font-size: 11px;
}
.subpages {
    display: none;
}
.description {
    color: #939292;
    font: 11px 'OpenSansReg';
    position: absolute;
    bottom: 5px;
}
.main {
    margin-top: 50px;
}
.home .main, .open-enrollment-2016 .main {
    margin-top: 20px;
}
.show_search {
    background: url('../img/header_search_icon.png') no-repeat;
    margin: 7px 0 0 0;
    width: 33px;
    height: 33px;
    background-size: 100%;
    cursor: pointer;
}
.header_search_box {
    display: none;
    position: absolute;
    bottom: -80px;
    right: 0;
    z-index: 9;
}

header .search {
    width: 308px;
}
header .search input[type="search"] {
    width: 100%;
    height: 40px;
    border: none;
    border-radius: 5px;
    box-sizing: border-box;
    padding-left: 40px;
    background: url('../img/search_grey.png') no-repeat 8px center #fff;
    box-shadow: 0 5px 13px #999;
    float: none;
}
header .search button {
    display: none;
}
.lpchlogo {
    display: none;
    margin-top: -10px;
}

/* =============================================================================
   Tiles Stuff
   ========================================================================== */

.home .tiles a, .tiles a.new_video, .lpch .tiles.inner a {
    position: relative;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.jumplinks a {
    font-size: 11px;
    letter-spacing: -0.2px;
}
.short-and-long-term-disability .jumplinks a {
    font-size: 12px;
    letter-spacing: 0;
}
.home .tiles a .overlay, .tiles a.new_video .overlay, .lpch .tiles.inner9 a:first-child .overlay {
    position: absolute;
    bottom: 10px;
    left: 10px;
    transition: all 0.8s ease 0s;
    z-index: 11;
    padding: 0;
}
/*.lpch .tiles.inner9 a:first-child .overlay {*/
    /*width: 100%;*/
    /*bottom: auto;*/
    /*top: 80px;*/
/*}*/
.tiles a.new_video .overlay {
    background: rgba(0,0,0,0.7);
    bottom: 0;
    left: 0;
    top: 73%;
    padding: 10px 0 10px 10px;
    width: 100%;
}
.tiles a.new_video .overlay:hover {
    top: 0;
}
.tiles a.new_video .overlay .desc {
    padding-right: 100px;
}
.home .tiles a .overlay div, .home .tiles a:hover .overlay div {
    color: #fff;
}
.home .tiles a:after, .lpch .tiles.inner a:after {
    position: absolute;
    background: #000;
    opacity: 0.6;
    z-index: 9;
    content: " ";
    width: 100%;
    height: 100%;
    display: none;
}
.lpch .tiles.inner a:after {
    background: transparent;
}
.home .tiles a:hover:after {
    display: block;    
}
.home .tiles a:hover .overlay {
    bottom: auto;
    top: 10px;
}
.oe .tiles a:hover .overlay {
    bottom: 75px;
}
.tiles > a {
    display: block;
}
.tiles > a div {
    color: #fff;
    padding: 20px 40px 0 20px;
}
.lpch .tiles > a div {
    padding: 10px 40px 0 10px;
}
.home .tiles > a div {
    color: #fff;
    padding: 10px 0 0 10px;
}
.tiles > a.new_video div {
    color: #fff;
    padding: 0;
}
.tiles > a.new_video div.position {
    font: 11px "OpenSansSemibold";
}
.tiles > a.new_video div.desc {
    padding-top: 15px;
    padding-bottom: 20px;
    font-size: 14px;
}
.tiles > a div.title {
    font: 25px/27px 'OpenSansLight';
}
.tiles > a.new_video div.title {
    font-size: 20px;
}
.tiles.inner > a div.title {
    font: 24px/28px 'OpenSansLight';
    padding-right: 5px;
}
.lpch .tiles.inner9 > a .title {
    font: 22px 'OpenSansReg';
    position: absolute;
    bottom: 10px;
    padding-right: 60px;
}
.lpch .tiles.inner9 > a:first-child .title {
    position: static;
}
.tiles > a .desc {
    display: none; 
    padding-right: 30px;  
}
.tiles.inner > a .desc {
    font-size: 12px;
}
.tiles.inner > a:hover {
    background-color: transparent;
}
.tiles > a:hover .title {
    color: #C52049;
}
.tiles > a.new_video:hover .title {
    color: #fff;
}
.tiles > a:hover .desc {
    display: block;
    color: #333;
}
.tiles > a.new_video:hover .desc, .lpch .tiles a:first-child .desc {
    color: #fff;
    text-align: justify;
    display: block;
}
.home .tilehide {
    
}
.tiles .tile1 {
    width: 41.78%;
    height: 322px;
}
.tiles .tile2 {
    width: 29.18%;
    height: 154px;
    margin: 0 0 0 1.55%;
}
.oe .tiles .tile2 {
    width: 56.65%;
    margin: 0 0 0 1.55%;
    background-position-y: 50%;
}
.oe .tiles .tile2:after {
    background: none;
}
.oe .tiles .tile2:hover .desc {
    display: none;
}
.tiles .tile3 {
    width: 25.90%;
    height: 154px;
    margin: 0 0 0 1.55%;
}
.oe .tiles .tile3 {
    margin: 1.55% 0 0 1.55%;
    width: 25.90%;
}
.tiles .tile4 {
    width: 29.18%;
    height: 154px;
    margin: 1.55% 0 0 1.55%;
}
.oe .tiles .tile4 {
    width: 29.18%;
    margin: 1.55% 0 0 1.55%;
    background-position: bottom;
}
.tiles .tile5 {
    width: 25.9%;
    height: 154px;
    margin: 1.55% 0 0 1.55%;
}
.oe .tiles .tile5 {
    width: 25.90%;
    margin: 1.55% 0 0 0;
}
.oe .tiles .tile5 {
    width: 41.78%;
    margin: 1.55% 0 0 0;
}
.tiles .tile6 {
    width: 23.2%;
    height: 154px;
    margin: 1.55% 0 0 0;
}
.tiles .tile7 {
    width: 22%;
    height: 154px;
    margin: 1.55% 0 0 1.55%;
}
.tiles .tile8 {
    width: 24%;
    margin: 1.55% 0 0 1.55%;
    height: 154px;
    background: #C52049;
}
.tiles .tile9 {
    width: 26%;
    margin: 1.55% 0 0 1.55%;
    height: 154px;
    background: #E62943;
}
.oe .tiles .tile6 {
    width: 25.90%;
    margin: 1.55% 0 0 1.55%;
}
.oe .tiles .tile5 {
    width: 49.3%;
    margin: 1.55% 0 0 0;
    height: 154px;
    background-color: #a80533 !important;
    background-image: url('../img/shc-tile-icon.png') !important;
    background-size: 50px;
    background-position: 92% 10%;
}
.oe .tiles .tile5 .overlay, .oe .tiles .tile6 .overlay,
.oe .tiles .tile5:hover .overlay, .oe .tiles .tile6:hover .overlay {
    bottom: 10px !important;
    top: auto !important;
}
.oe .tiles .tile6 {
    width: 49%;
    margin: 1.55% 0 0 1.55%;
    height: 154px;
    background-color: #C52049 !important;
    background-image: url('../img/lpch-tile-icon.png') !important;
    background-size: 50px;
    background-position: 92% 10%;
}
.oe .tiles .tile5:after, .oe .tiles .tile6:after {
    background: transparent;
}
.oe .tiles .tile5 .desc, .oe .tiles .tile6 .desc {
    display: block;
}
.oe .tiles .tile5 .title, .oe .tiles .tile6 .title {
    padding-right: 10px;
}
.oe .tiles a {
    background-size: cover;
}
.postid-2630 .tiles.inner11 .tile10, .postid-2630 .tiles.inner11 .tile11 {
    width: 36.7%;
}
.postid-2630 .tiles.inner10 .tile9, .postid-2630 .tiles.inner10 .tile10 {
    width: 49.4%;
}
.tiles.inner a {    
    height: 122px;    
}
.tiles.inner .tile1 {
    width: 26.29%;
    height: 254px;
    background: #A80533;
}
.tiles.inner .tile2 {
    width: 18.50%;    
    background: #C6224A;
    margin: 0 1.03% 0 1.03%;
}
.tiles.inner .tile3 {
    width: 16.52%;    
    background: #A91736;
    margin: 0;
}
.tiles.inner .tile4 {
    width: 17.98%;    
    background: #C6224A;
    margin: 0 1.03% 0 1.03%;
}
.tiles.inner .tile5 {
    width: 16.52%;    
    background: #3B3C44;
    margin: 0;
}
.tiles.inner .tile6 {    
    width: 18.50%;    
    background: #3B3C44;
    margin: 1.03% 0 1.03% 1.03%;
}
.tiles.inner .tile7 {    
    width: 27.54%;    
    background: #E62943;
    margin: 1.03% 0 1.03% 1.03%;
}
.tiles.inner .tile8 {    
    width: 24.42%;    
    background: #8E1631;
    margin: 1.03% 0 1.03% 1.03%;
}
.tiles.inner .tile9 {
    width: 24.22%;
    background-color: #8E1631;
    margin-left: 0;
    margin-top: 0;
}
.tiles.inner .tile10 {
    width: 24.22%;    
    background-color: #E62943;
    margin: 0 0 0 1.03%;
}
.tiles.inner .tile11 {
    width: 24.22%;
    background-color: #C6224A;
    margin: 0 0 0 1.03%;
}
.tiles.inner .tile12 {
    width: 24.22%;
    background-color: #3B3C44;
    margin: 0 0 0 1.03%;
}
.tiles.inner .tile13 {
    width: 19%;    
    background-color: #E62943;
    margin: 0 0 0 1.03%;
}
.tiles.inner .tile14 {
    width: 19%;
    background-color: #C6224A;
    margin: 1.03% 0 0 1.03%;
}
.tiles.inner13 .tile1 {
    height: 122px;
}
.tiles.inner13 .tile6 {
    margin-left: 0;
    width: 20.58%;
}
.tiles.inner13 .tile9 {
    margin: 1.03% 0 0 1.03%;
}
.tiles.inner13 .tile10 {
    margin: 1.03% 0 0 0;
}
.tiles.inner13 .tile6, .tiles.inner13 .tile7, .tiles.inner13 .tile8 {
    margin-bottom: 0;
}
.tiles.inner13 .tile11, .tiles.inner13 .tile12, .tiles.inner13 .tile13 {
    margin: 1.03% 0 0 1.03%;
}
.tiles.inner13 .tile10, .tiles.inner13 .tile12, .tiles.inner13 .tile13 {
    width: 17.5%;
}
.tiles.inner.inner12 .tile9, .tiles.inner.inner12 .tile10, .tiles.inner.inner12 .tile11, .tiles.inner.inner12 .tile12 {
    width: 19.18%;
}
/*
.tiles.inner .tile14 {
    width: 342px;
    height: 141px;
    background-color: #3B3C44;
    margin: 10px 0 0 10px;
}
.tiles.inner .tile15 {
    width: 300px;
    height: 141px;
    background-color: #8E1631;
    margin: 10px 0 0 10px;
}*/


.tiles.inner2 .tile1 {
    width: 49.48%; 
    height: 122px;
}
.tiles.inner2 .tile2 {    
    width: 49.48%;
    margin-right: 0;
}


.tiles.inner3 .tile1, .tiles.inner3 .tile2 {
    width: 32.64%;
    height: 122px;    
} 
.tiles.inner3 .tile3 {    
    width: 32.64%;
    margin-right: 0;
}

.wellness .big {
    font: 90px 'OpenSansBold';
}
.wellness .tiles > a div.title {
    font-size: 23px;
    line-height: 24px;
}
.wellness .tiles > a div {
    padding-right: 15px;
}
.wellness .tiles > a .desc {
    display: block;
    color: #fff;
}
.wellness .tiles > a:hover .desc {
    display: block;
    color: #a80533;
}

.wellness .tile1, .wellness .tile3 {
    width: 33.1%;
    height: 500px;
}
.wellness .tile2, .wellness .tile3 {
    margin-left: 0.33%;
}
.wellness .tile1 {
    background: url('../img/be_icon.png') no-repeat center 20px / 50% auto #a80533;
}
.wellness .tile2 {
    background: url('../img/get_icon.png') no-repeat center 20px / 40% auto #c6224a;
    width: 33%;
    height: 500px;
}
.wellness .tile3 {
    background: url('../img/live_icon.png') no-repeat center 20px / 40% auto #a80533;
}
.wellness .tiles > a:hover .big {
    color: #a80533;
}
.wellness .tiles > .tile1:hover {
    background: url('../img/be_icon_red.png') no-repeat center 20px / 50% auto #fff;
}
.wellness .tiles > .tile2:hover {
    background: url('../img/get_icon_red.png') no-repeat center 20px / 40% auto #fff;
}
.wellness .tiles > .tile3:hover {
    background: url('../img/live_icon_red.png') no-repeat center 20px / 40% auto #fff;
}


.loa .tiles.inner a {
    float: left;
    background-repeat: no-repeat;
    background-position: center 25%;
    background-size: 16%;
    margin: 0;
    position: relative;
}
.loa .tiles.inner.clear a {
    height: 160px;
}

.loa .tiles.inner5 .tile1, .loa .tiles.inner5 .tile2 {
    width: 49%;
}
.loa .tiles.inner5 .tile3, .loa .tiles.inner5 .tile4, .loa .tiles.inner5 .tile5,
.loa .tiles.inner6 a {
    width: 32%;
    margin-top: 2%;
}
.loa .tiles.inner6 a {
    margin-left: 2%;
}
.loa .tiles.inner6 a:nth-child(3n+1) {
    margin-left: 0;
}
.loa .tiles.inner5 .tile2, .loa .tiles.inner5 .tile4, .loa .tiles.inner5 .tile5 {
    margin-left: 2%;
}

.loa .tiles.inner.inner3 a {
    width: 32%;
    margin-left: 2%;
    background-size: 20%;
}
.loa .tiles.inner.inner4 a {
    width: 23.5%;
    margin-left: 2%;
    background-size: 26%;
}
.loa .tiles.inner.inner4 .tile1, .loa .tiles.inner.inner3 .tile1 {
    margin-left: 0;
    background-color: #8E022D;
}
.loa .tiles.inner.inner4 .tile2,
.loa .tiles.inner.inner3 .tile2 {
    background-color: #3b3c44;
}
.loa .tiles.inner.inner4 .tile3 {
    background-color: #E82441;
}
.loa .tiles.inner.inner4 .tile4 {
    background-color: #C52049;
}

.loa .tiles.inner.inner5 .tile1 {
    background-color: #8E022D;
}
.loa .tiles.inner.inner5 .tile2 {
    background-color: #3b3c44;
}
.loa .tiles.inner.inner5 .tile3 {
    background-color: #3b3c44;
}
.loa .tiles.inner.inner5 .tile4 {
    background-color: #E82441;
}
.loa .tiles.inner.inner5 .tile4 {
    background-color: #C52049;
}

.loa-main .loa .tiles.inner .tile1 {
    background-image: url('../img/loa_icons/loa_white_icon.png');
    background-size: 9%;
    background-color: #E82441;
}
.loa-main .loa .tiles.inner .tile1:hover {
    background-image: url('../img/loa_icons/reversed/loa_red_icon.png');
}
.loa-main .loa .tiles.inner .tile2 {
    background-image: url('../img/loa_icons/how_to_apply_icon.png');
    background-size: 14%;
    background-color: #3b3c44;
}
.loa-main .loa .tiles.inner .tile2:hover {
    background-image: url('../img/loa_icons/reversed/how_to_apply_icon.png');
}
.loa-main .loa .tiles.inner .tile2:hover .title,
.leave-of-absence .loa .tiles.inner .tile5:hover .title,
.leave-of-absence .loa .tiles.inner .tile3:hover .title,
.request-a-loa .loa .tiles.inner a:nth-child(4):hover .title,
.a-guide-to-loa .loa .tiles.inner .tile2:hover .title,
.contact-resources .tiles.inner .tile2:hover .title {
    color: #3b3c44;
}

.loa-main .loa .tiles.inner .tile3 {
    background-image: url('../img/loa_icons/paid_time_off_white_icon.png');
    background-size: 19%;
    background-color: #C52049;
}
.loa-main .loa .tiles.inner .tile3:hover {
    background-image: url('../img/loa_icons/reversed/paid_time_off_icon.png');
}
.loa-main .loa .tiles.inner .tile5 {
    background-image: url('../img/loa_icons/overview_icon.png');
    background-size: 20%;
    background-color: #e82441;
}
.loa-main .loa .tiles.inner .tile5:hover {
    background-image: url('../img/loa_icons/reversed/overview_icon.png');
}
.loa-main .loa .tiles.inner .tile6 {
    background-image: url('../img/loa_icons/contacts_resources_icon.png');
    background-size: 20%;
}
.loa-main .loa .tiles.inner .tile6:hover {
    background-image: url('../img/loa_icons/reversed/contacts_resources_icon.png');
}

.contact-resources .loa .tiles.inner .tile1 {
    background-image: url('../img/loa_icons/contacts_icon.png');
}
.contact-resources .loa .tiles.inner .tile1:hover {
    background-image: url('../img/loa_icons/reversed/contacts_icon.png');
}
.contact-resources .loa .tiles.inner .tile2 {
    background-image: url('../img/loa_icons/resources_icon.png');
}
.contact-resources .loa .tiles.inner .tile2:hover {
    background-image: url('../img/loa_icons/reversed/resources_icon.png');
}
.contact-resources .loa .tiles.inner .tile3 {
    background-image: url('../img/loa_icons/video_icon.png');
}
.contact-resources .loa .tiles.inner .tile3:hover {
    background-image: url('../img/loa_icons/reversed/video_icon.png');
}
.contact-resources .loa .tiles.inner .tile4 {
    background-image: url('../img/loa_icons/faq_icon.png');
}
.contact-resources .loa .tiles.inner .tile4:hover {
    background-image: url('../img/loa_icons/reversed/faq_icon.png');
}






.request-a-loa .loa .tiles.inner a:first-child {
    background-image: url('../img/loa_icons/file_icon.png');
    background-size: 20%;
}
.request-a-loa .loa .tiles.inner a:first-child:hover {
    background-image: url('../img/loa_icons/reversed/file_red_icon.png');
}
.request-a-loa .loa .tiles.inner a:nth-child(2) {
    background-image: url('../img/loa_icons/accommodation_icon.png');
}
.request-a-loa .loa .tiles.inner a:nth-child(2):hover {
    background-image: url('../img/loa_icons/reversed/accommodation_icon.png');
}
.request-a-loa .loa .tiles.inner a:nth-child(3) {
    background-image: url('../img/loa_icons/leave_checklist_icon.png');
    background-size: 19%;
    background-color: #e82441;
}
.request-a-loa .loa .tiles.inner a:nth-child(3):hover {
    background-image: url('../img/loa_icons/reversed/leave_checklist_icon.png');
}
.request-a-loa .loa .tiles.inner a:nth-child(4) {
    background-image: url('../img/loa_icons/SDI_file_icon.png');
    background-size: 24%;
    background-color: #3b3c44;
}
.request-a-loa .loa .tiles.inner a:nth-child(4):hover {
    background-image: url('../img/loa_icons/reversed/SDI_file_icon.png');
}
.request-a-loa .loa .tiles.inner a:nth-child(5) {
    background-image: url('../img/loa_icons/loa_white_icon.png');
    background-color: #e82441;
}
.request-a-loa .loa .tiles.inner a:nth-child(5):hover {
    background-image: url('../img/loa_icons/reversed/loa_red_icon.png');
}
.request-a-loa .loa .tiles.inner a:nth-child(6) {
    background-image: url('../img/loa_icons/benefits_icon.png');
    background-size: 20%;
    background-color: #c52049;
}
.request-a-loa .loa .tiles.inner a:nth-child(6):hover {
    background-image: url('../img/loa_icons/reversed/benefits_icon.png');
}


.leave-of-absence .loa .tiles .tile1 {
    background-image: url('../img/loa_icons/request_LOA_icon.png');
}
.leave-of-absence .loa .tiles .tile1:hover {
    background-image: url('../img/loa_icons/reversed/request_LOA_icon.png');
}
.leave-of-absence .loa .tiles .tile2 {
    background-image: url('../img/loa_icons/pregnancy_icon.png');
}
.leave-of-absence .loa .tiles .tile2:hover {
    background-image: url('../img/loa_icons/reversed/pregnancy_icon.png');
}
.leave-of-absence .loa .tiles .tile3 {
    background-image: url('../img/loa_icons/return_from_leave_icon.png');
    background-color: #3b3c44;
}
.leave-of-absence .loa .tiles .tile3:hover {
    background-image: url('../img/loa_icons/reversed/return_from_leave_icon.png');
}
.leave-of-absence .loa .tiles .tile5 {
    background-image: url('../img/loa_icons/guide_to_leave_icon.png');
    background-size: 19%;
}
.leave-of-absence .loa .tiles .tile5:hover {
    background-image: url('../img/loa_icons/reversed/guide_to_leave_icon.png');
}
.leave-of-absence .loa .tiles .tile4 {
    background-image: url('../img/loa_icons/accommodation_icon.png');
    background-color: #C52049;
    background-size: 13%;
}
.leave-of-absence .loa .tiles .tile4:hover {
    background-image: url('../img/loa_icons/reversed/accommodation_icon.png');
}
.leave-of-absence .loa .tiles .tile6 {
    background-image: url('../img/loa_icons/contacts_resources_icon.png');
}
.leave-of-absence .loa .tiles .tile6:hover {
    background-image: url('../img/loa_icons/reversed/contacts_resources_icon.png');
}




.return-from-a-loa .loa .tiles.inner .tile1,
.a-guide-to-loa .loa .tiles.inner .tile1 {
    background-image: url('../img/loa_icons/overview_icon.png');
}
.return-from-a-loa .loa .tiles.inner .tile1:hover,
.a-guide-to-loa .loa .tiles.inner .tile1:hover {
    background-image: url('../img/loa_icons/reversed/overview_icon.png');
}
.a-guide-to-loa .loa .tiles.inner .tile2 {
    background-image: url('../img/loa_icons/how_to_apply_icon.png');
}
.return-from-a-loa .loa .tiles.inner .tile1 {
    background-image: url('../img/loa_icons/transitional_return_icon.png');
}
.return-from-a-loa .loa .tiles.inner .tile1:hover {
    background-image: url('../img/loa_icons/reversed/transitional_return_icon.png');
}
.a-guide-to-loa .loa .tiles.inner .tile2:hover {
    background-image: url('../img/loa_icons/reversed/how_to_apply_icon.png');
}
.return-from-a-loa .loa .tiles.inner .tile1 {
    background-size: 14%;
    width: 49%;
    background-color: #e82441;
}

.return-from-a-loa .loa .tiles.inner .tile3 {
    background-image: url('../img/loa_icons/transitional_return_icon.png');
}
.return-from-a-loa .loa .tiles.inner .tile3:hover {
    background-image: url('../img/loa_icons/reversed/transitional_return_icon.png');
}
.return-from-a-loa .loa .tiles.inner .tile2,
.loa-main .loa .tiles.inner .tile4 {
    background-image: url('../img/loa_icons/accommodation_icon.png');
    background-size: 16%;
}
.return-from-a-loa .loa .tiles.inner .tile2 {
    background-color: #C52049;
    background-size: 10%;
    width: 49%;
    margin-left: 2%;
}
.return-from-a-loa .loa .tiles.inner .tile2:hover,
.loa-main .loa .tiles.inner .tile4:hover {
    background-image: url('../img/loa_icons/reversed/accommodation_icon.png');
}

.loa-main .loa .tiles.inner .tile4 {
    background-image: url('../img/loa_icons/holiday_white_icon.png');
    background-size: 20%;
}
.loa-main .loa .tiles.inner .tile4:hover {
    background-image: url('../img/loa_icons/reversed/holiday_red_icon.png');
}


.a-guide-to-loa .loa .tiles.inner .tile3 {
    background-image: url('../img/loa_icons/leave_checklist_icon.png');
}
.a-guide-to-loa .loa .tiles.inner .tile3:hover {
    background-image: url('../img/loa_icons/reversed/leave_checklist_icon.png');
}

.loa .tiles.inner a:hover {
    background-color: transparent !important;
}
.loa .tiles.inner > a div.title {
    text-align: center;
    padding: 0;
    font-size: 17px;
    line-height: 21px;
    width: 100%;
    position: absolute;
    bottom: 22px;
    height: 42px;
}
.loa hr {
    margin: 5% 0;
}
.tile_links a {
    float: left;
    width: 32%;
    margin-left: 2%;
    height: 160px;
    background-size: 16%;
    background-repeat: no-repeat;
    background-position: center 25%;
    color: #fff;
    text-align: center;
    padding-top: 100px;
    box-sizing: border-box;
    display: block;
    font-size: 17px;
    line-height: 21px;
    font-family: 'OpenSansLight' !important;
}
.tile_links a:first-child {
    margin-left: 0;
}
.benefits-during-loa .tile_links a:first-child {
    background-image: url('../img/loa_icons/reversed/health_icon.png');
    background-color: #C52049;
    background-size: 18%;
}
.benefits-during-loa .tile_links a:nth-child(2) {
    background-image: url('../img/loa_icons/reversed/retirement_icon.png');
    background-color: #3b3c44;
    background-size: 15%;
}
.benefits-during-loa .tile_links a:nth-child(3) {
    background-image: url('../img/loa_icons/SHC_shield_white_icon.png');
    background-color: #e82441;
    background-size: 18%;
}
.benefits-during-loa .tile_links a:first-child:hover {
    background-image: url('../img/loa_icons/health_icon.png');
    background-color: transparent;
    color: #C52049;
}
.benefits-during-loa .tile_links a:nth-child(2):hover {
    background-image: url('../img/loa_icons/retirement_icon.png');
    background-color: transparent;
    color: #3b3c44;
}
.benefits-during-loa .tile_links a:nth-child(3):hover {
    background-image: url('../img/loa_icons/reversed/SHC_shield_red_icon.png');
    background-color: transparent;
    color: #3b3c44;
}

.pregnancy-disability-leave .loa .tiles a:first-child {
    background-image: url('../img/loa_icons/reversed/mom_icon.png');
    background-color: #C52049;
    background-size: 17%;
    width: 49%;
}
.pregnancy-disability-leave .loa .tiles a:nth-child(2) {
    background-image: url('../img/loa_icons/reversed/dad_icon.png');
    background-color: #3b3c44;
    margin-left: 2%;
    background-size: 17%;
    width: 49%;
}
.pregnancy-disability-leave .loa .tiles a.health-stream {
    background-image: url('../img/loa_icons/healthstream_white_icon.png');
    background-size: 20%;
    width: 49%;
    margin-top: 2%;
}
.pregnancy-disability-leave .loa .tiles a:first-child:hover {
    background-image: url('../img/loa_icons/mom_icon.png');
    background-color: transparent;
    color: #C52049;
}
.pregnancy-disability-leave .loa .tiles a:nth-child(2):hover {
    background-image: url('../img/loa_icons/dad_icon.png');
    background-color: transparent;
    color: #3b3c44;
}
.pregnancy-disability-leave .loa .tiles a.health-stream:hover {
    background-image: url('../img/loa_icons/reversed/healthstream_red_icon.png.png');
    background-color: transparent;
}


a.new_video {
    margin: 4% 0 0 4%;
}
a.new_video:nth-child(2n+1) {
    margin-left: 0;
}
a.new_video iframe {
    width: 100%;
    height: 100%;
}
a.new_video img {
    width: 100%;
    display: block;
}
.play_btn {
    background: url("../img/play_button.png") no-repeat center center;
    height: 56px;
    left: 50%;
    margin-left: -28px;
    margin-top: -28px;
    position: absolute;
    top: 50%;
    width: 56px;
}
.video_div, .video_ph {
    display: none;
}
.video_ph {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    background: rgba(0,0,0,0.8);
}
.video_ph iframe, .video_ph video, .video_ph object {
    height: 93%;
    width: 100%;
    top: 7%;
    position: relative;
}

.forclose_video {
    position: fixed;
    right: 15px;
    top: 5px;
    z-index: 999;
    color: #fff;
    font-size: 25px;
}
.close_video {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    font-size: 30px;
    background-color: #fff;
    line-height: 30px;
    text-align: center;
    z-index: 999;
}

.wellness-self-care nav, .open-enrollment-2016 nav {display: none}
.play_video {
    cursor: pointer;
}
.video_placeholder {
    display: none;
}
.glossary_letters {
    padding-bottom: 20px;
    border-bottom: 1px solid #efefef;
}
.glossary_letters h2 {
    padding: 12px 0 3px 0;
}
.glossary_letters a {
    color: #a80533;
}
.glossary .single {
    padding: 0;
}


.relief.inner3 .tile1, .relief.inner3 .tile2, .relief.inner3 .tile3 {
    width: 32.64%;
    height: 422px;
}
.relief.inner3 .tile2 {    
    background: #3B3C44;
}
.relief.inner3 .tile3 {    
    margin-right: 0;
}
.relief.inner > a div.title {
    font: 38px/42px 'OpenSansLight';
    padding-top: 170px;
}


.tiles.inner4.clear a {
    height: 122px;
    width: 24.21%;
}
.tiles.inner4 .tile4 {
    margin-right: 0;
}
.tiles.inner5 .tile2 {
    width: 26.71%;
}
.tiles.inner5 .tile3 {    
    width: 44.90%;
    margin-right: 0;
}
.tiles.inner5 .tile4 {
    width: 45.42%;
    margin: 1.03% 0 0 1.03%;
    background: #3b3c44;
}
.tiles.inner5 .tile5 {
    width: 26.19%;
    margin: 1.03% 0 0 1.03%;
    background: #e62943;
}


.tiles.inner6 .tile2 {
    width: 36.07%;
}
.adoption-assistance-program .tiles.inner6 .tile2 {
    width: 30.07%;
}
.adoption-assistance-program .tiles.inner6 .tile4 {
    width: 23.98%;
}
.tiles.inner6 .tile4 {
    background: #3b3c44;
    margin-right: 0;
}
.tiles.inner6 .tile5 {
    background: #3b3c44;
    width: 45.42%;
    margin: 1.03% 0 0 1.03%;
}
.tiles.inner6 .tile6 {
    background: #c6224a;
    width: 26.19%;
    margin-top: 1.03%;
}


.tiles.inner7 .tile2 {
    width: 33.57%;
}
.tiles.inner7 .tile4 {    
    width: 20.47%;
    margin-right: 0;
    background: #3b3c44;
}
.tiles.inner7 .tile5 {    
    width: 23.38%;
    margin: 1.03% 0 0 1.03%;
}
.tiles.inner7 .tile6 {    
    width: 19.64%; 
    background: #c6224a;   
}

.tiles.inner9 .tile6 {    
    width: 15.80%;  
}
.tiles.inner9 .tile7 {    
    width: 17.56%; 
    background: #c6224a;   
}
.tiles.inner9 .tile8 {    
    width: 16.42%; 
    background: #e62943;   
}
.tiles.inner9 .tile9 {    
    width: 19.75%;     
    background: #a91736;
    margin: 1.03% 0 0 1.03%;   
}
#notslider {margin-bottom: 20px}


/* =============================================================================
   Login Stuff
   ========================================================================== */


.form_title {
    padding: 10px 0;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    font: 14px 'OpenSansReg';
}
.login_input input {
    width: 170px;
    height: 40px;
    margin-left: 15px;
    background: #e5e5e5;
    border: none;
    padding-left: 10px;
    font-size: 16px;
}
.login_slider .login_input input {
    border: 5px solid #ba385d;
    background: #fff;
    margin: 0;
}
.login_slider .login_input {
    position: relative;
}
.login_slider .login_input:after {
    content:"";
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ba385d;
    position: absolute;
    top: -8px;
    left: 50%;
}
.submit_btn, .shcls_btn {
    background: #A80533;
    border: none;
    width: 110px;
    height: 40px;
    text-align: center;
    margin-left: 15px;
    color: #fff;   
    font: 12px 'OpenSansSemibold';
}
.red_btn {
    background: #8e022d;    
    width: 110px; 
    padding: 8px 0;   
    text-align: center;
    display: block;
    margin-top: 10px;
    color: #fff;   
    font: 16px 'OpenSansSemibold' !important;
}
.login_slider .submit_btn, .login_slider .shcls_btn {
    background: #560431;
}
.login_checkbox {
    margin-left: 105px;
}
.login_checkbox label {
    font-family: 'OpenSansReg';
    padding-left: 7px;
}
.privacy {
    margin-left: 70px;
}
.login_slider .privacy {
    margin-left: 80px;
}
.privacy a {
    display: block;
    background: url('../img/lock-black.png') no-repeat left center;
    font-family: 'OpenSansReg';
    height: 24px;
    padding: 5px 0 0 20px;
}
.login_slider .privacy a {
    background: url('../img/lock-white.png') no-repeat left center;
    color: #fff;
}
.greybg {
    background: #efefef;
    padding: 20px;
}
.healthysteps_wellness .greybg {
    padding: 11px 10px 18px 12px;
}
.bottom_arrow {
    background-image: url('../img/link-image.png');
    background-repeat: no-repeat;
    background-position: right bottom;
}
.life_event_div {
    width: 308px;
}
.life_event_box {
    margin-top: 10px;
    height: 125px;
    background: url('../img/event_image.jpg') no-repeat;
    padding-top: 95px;
    position: relative;
}
.life_event_box div:first-child {
    padding: 10px 0;
    background: rgba(255,255,255,0.9);
    font-size: 20px;
    text-align: center;
}
.select_title {
    background: url('../img/link-image.png') no-repeat 16px center rgba(255,255,255,0.7);
    padding: 10px 0 10px 46px;
    font-family: 'OpenSansSemibold';
    cursor: pointer;
}
.select_title.active {
    background: url('../img/tick_mark.png') no-repeat scroll 16px center #a80533; 
    color: #fff;   
}
.select ul {
    background: rgba(168, 5, 51, 1);
    padding: 10px 0;
    position: absolute;
    right: 0;
    width: 160%;
    display: none;
}
.select ul li {
    padding: 3px 10px;
}
.select ul li:hover {
    background: #333;
}
.select ul li a {
    color: #fff;    
}
.select ul li a, .greybg a {
    font-family: 'OpenSansReg';
}
.login_slider {
    background: #a80533;
    padding: 20px 40px;
    width: 380px;
    color: #fff;
    position: fixed;
    top: 50%;
    z-index: 999;
    display: none;
}
.login_slider > p {
    background: url('../img/info.png') no-repeat left center;
    font-size: 24px;
    padding: 4px 0 4px 45px;
    margin-bottom: 20px;
}
.login_slider .intro {
    font-family: 'OpenSansReg';
}
div.close {
    position: absolute;
    right: 8px;
    top: 0;
    color: #fff;
    font-size: 22px;
    cursor: pointer;
}
.login_error {
    border: 1px solid #a80533;
    padding: 10px;
    margin-top: 20px;
    font-size: 13px;
}


/* =============================================================================
   Content
   ========================================================================== */


#slider p {
    padding-bottom: 10px;
}
a.link {    
    background: url('../img/link-image.png') no-repeat right center;
    padding-right: 40px;
    color: #333;
    font-size: 16px;
}
.home a.link {    
   font-size: 21px;
}
a.arrow {
    display: block;
    background: url('../img/arrowhead.png') no-repeat 180px 4px;    
    font-family: 'OpenSansSemibold';    
}
.resources_help a.arrow {
    background-position: 155px 4px;
}
body .resources a {
    display: block;
    background: url('../img/link-image.png') no-repeat right center;
    padding-right: 32px;
    font-family: 'OpenSansSemibold';
    width: 93%;    
}
.single-event .resources a {
    width: 88%;
}
.single-event p a:hover {
    color: #f80000;
}
.single-wellness_page .resources a {
    width: 88%;
    padding-top: 10px;
}
body.single-wellness_page.resources a {
    background: none;
    display: inline;
    padding-right: 0;
    width: auto;
}
.resources strong a {
    display: inline;
    background: none; 
    padding-right: 0;   
    width: 93%;    
}
.contact_box .greybg {
    min-height: 100px;
}
.search_main {
    margin: 20px 0 50px 0;
}

.content h3, .content h4 {
    padding-top: 20px;    
}
.greybg h3 {
    padding-top: 0;
    padding-bottom: 10px;
}
.healthysteps_wellness h3 {
    font-size: 22px;
}
.healthysteps_wellness .greybg h3 {
    padding-bottom: 3px;
    font-size: 20px;
}
.content p {
    padding-top: 10px;    
}
.content p:first-child {
    padding-top: 0;    
}
.content ul {
    padding: 15px 0 5px 0;
}
.content ul li {
    padding: 4px 0 4px 6px;
    list-style-type: disc;
    margin-left: 15px;
}
.content .res ul li { 
    list-style-type: none;
    padding: 4px 0; 
    margin-left: 20px;
}

.content .res ul li:before {
    content: " ";
    background: #a80533;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    display: inline-block;
    margin-right: 15px;
    margin-left: -20px;
}
.content ul li ul li {    
    list-style-type: circle;
    margin-left: 15px;
}
.col_inner {
    padding: 0 30px;
}
.view-article {
    display: none
}
div.text:first-child {
    padding: 0
}




/* =============================================================================
   Main
   ========================================================================== */



section  {
    margin-top: 30px;
}
section table {
    margin: 25px 0;
    width: 100%;
    border-color: #d6dfe5;
}
section table tr td {
    padding: 10px;
    border-color: #d6dfe5;
}
section table tr:first-child {
    background: #a80533;
}
section table tr:first-child td {
    border: none;
}
section table tr td, section table tr td p {
    color: #4d4d4d;    
}
section table tr td p:first-child, section table tr td ul:first-child {
    padding-top: 0;
}
section table tr td {
    padding: 6px 3px 6px 6px;
    border-right: 1px solid #d6dfe5;
}
section table tr {
    border-bottom: 1px solid #d6dfe5;
    border-left: 1px solid #d6dfe5;
}
section table tr:first-child {
    border: none;
    border-left: 1px solid #a80533;
}
section table tr:first-child td p {
    color: #fff;
    font-family: 'OpenSansSemibold';
    padding-top: 0;
    padding-bottom: 0;
}
section table tr td p {
    padding-bottom: 0;
}
section.hidden > p, section.hidden > ul, section.hidden > ol, section.hidden > h3, section.hidden > div.columns, section.hidden > div,
section.event table, section.event > p {
    display: none;
}

.event_box table tr:first-child td {
    color: #fff;
}
.event_box table tr, .event_box table tr td {
    border: none;
}
.event_box table tr td {
    padding: 6px 3px 6px 10px;
}
.event_box table tr:nth-child(2n-1) {
    background: #eae8e8;
}
.event_box table tr:first-child {
    background: #a80533;
}







.bottom_blocks {
    margin-top: 40px;
}
.content .dads a {
	font-size: 18px;
}
.dad_content {
	margin-top: 0;
}
div.expand {
	display: none;
}
.dad_content h2 + p, .dad_content h2 + p + p, .dad_content h2 + h3 + p {
	display: block;
}
.dad_content h2 {
	font-size: 16px;
}
.dad_content h3 {	
	padding-top: 20px;
}

.moms .help_box {
    width: 164px;
}
.questions {
    margin: 20px 0;
}
.moms .questions, .dads .questions {
    margin-top: 10px;
}
.faq_box {
    float: left; 
    cursor: pointer;   
}
.faq_box:first-child {
    margin-left: 0px;
}

.faq_box {
    width: 248px;
    height: 71px;
    background: url('../img/faq_bg_inactive.png') no-repeat;
    padding: 13px 5px 0 10px;
}
.faq_box a {
    color: #fff;
    font-size: 12px;
}
.faq_box:hover, .faq_box.active_item {
    background-image: url('../img/faq_bg_active.png');    
}
.faq_box:hover a, .faq_box.active_item a {    
    color: #333;   
}
 
 
.questions-answers .faq_box {
    width: 364px;
    height: 66px;
    background: url('../img/pdlfaq_bg_inactive.png') no-repeat;
    margin-left: 20px;
}
.questions-answers .faq_box:nth-child(2n+1) {
    margin-left: 0px;
}
.questions-answers .faq_box:hover {
    background-image: url('../img/pdlfaq_bg_active.png');        
}
.questions-answers .faq_box.active_item {
    background-image: url('../img/pdlfaq_bg_active.png');
}
.answer_box {
    position: relative;
    margin-bottom: 40px;
}
.answer_box1 {
    color: #4d4d4d;
    padding-left: 40px;
    font: 14px 'helvetica';
}
.left_arrow {
    width: 14px;
    height: 18px;
    background: url('../img/left_arrow.png');
    position: absolute;
    left: 0;
    top: 30px;
    display: none;
    cursor: pointer;
}
.right_arrow {
    /*width: 13px;
    height: 19px;
    background: url('../img/right_arrow.png');
    position: absolute;
    right: 0;
    top: 30px;
    display: none;
    cursor: pointer;*/
}
.single {
    padding: 0 60px;
}
body.single {
    padding: 0;
}

.question {
    font-family: 'OpenSansSemibold';
    padding-bottom: 10px;
}
.search_intro {
    color: #a80533;
    font-size: 16px;
    margin: 40px 0;
    padding: 20px 0;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    text-align: center;
}
.search_box {    
    width: 305px;
    margin: 0 auto;
}
form.search {
    background: #e8e8e8;
    border-radius: 5px;
    padding: 20px;
}
form.search:after {
    display: block;
    clear: both;
    content: " ";
}
.search_box input, .search input {
    float: left;
    border-radius: 8px;
    border: 1px solid #e8e8e8;
    width: 830px;
    height: 32px;
    padding-left: 10px;
    color: #4d4d4d;
    margin-right: 20px;
}
.calendar-of-events input#event_input, .bookmarks input#event_input {    
    border: 1px solid #e8e8e8;
    width: 250px;
    height: 32px;
    padding-left: 10px;
    color: #4d4d4d;
    background: url('../img/magnifying_glass_grey.png') no-repeat 240px center;
}
.bookmarks input#event_input {        
    width: 96%; 
    background-position: 95% center;   
}

.contact .search input {
    width: 92%;
    margin-right: 0;
}
.search button {
    width: 38px;
    height: 36px;
    background: url('../img/search_icon.png') no-repeat 8px 7px #a80533;
    border: 2px solid #a80533;
    margin-top: 0;
    border-radius: 8px;
    display: block;
    float: left;
}
.search-submit {
    border-radius: 7px;
    border: 2px solid #d2edf3;
    background: #17a0da;
/*    float: left;*/
    padding: 4px 15px;
    margin: 5px 0 0 15px;
    color: #fff;   
    font-size: 10px;
}
.faq .search_box, .faqs .search_box {
    width: 100%;
}
.search_box input, .search input {
    width: 90%;
}


/* =============================================================================
   Sidebars
   ========================================================================== */



aside {
    float: left;
}

.sidebar_nav li a {
    font-family: 'OpenSansLight';
    line-height: 16px;
    padding: 5px 0;
    display: block;
}
.sidebar_nav li a:hover {
    color: #888;
}
.sidebar_nav .current_page_item > a, .sidebar_nav .current_page_ancestor > a {
    color: #A80533;
    font-weight: bold;
}
.sidebar_nav li ul.children {
    padding-left: 10px;
}
.sidebar_nav ul.children {
    display: none;
}
.sidebar_nav .current_page_parent ul.children {
    display: block;
}

.answer_box div div.title {    
    font-size: 16px;
    font-weight: normal; 
    height: 30px;
    line-height: 30px;    
}
table.vendor_table {
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #d6dfe5;
    table-layout: fixed;
}
.vendor_table tr {
    border-bottom: 1px solid #D6DFE5;
}
.vendor_table tr:last-child {
    border-bottom: none;
}
section table.vendor_table tr:first-child td, section table.schedule tr:first-child td {
    border: none;
    color: #fff;
    font-family: "OpenSansSemibold";
    padding: 10px 10px 10px 20px;
}
section table.vendor_table tr td, section table.vendor_table tr td p {
    padding: 20px;    
}
section table.vendor_table tr td p {
    padding: 0px;
    padding-top: 7px;
    word-wrap: break-word;
}
section table.vendor_table tr td  p:first-child {
    padding: 0px;
}
.vendor_table tr td a {    
    color: #a80533;
    font-family: "OpenSansReg";
}
.vendor_table tr td.bold {
    width: 480px;
    border-right: 1px solid #D6DFE5;
    font-weight: bold;    
}
.vendor_table tr td.bold p {
    font-weight: bold;
}

.faq_bg_active {
    background-image: url('../img/faq_bg_active.png') !important;
    color: #fff !important;
}

ul.resources_menu li {
    list-style-type: none !important;
}
ul.resources_menu > li {
    padding: 20px 0;
}
ul.resources_menu > li:first-child {
    padding-top: 0;
}
ul.resources_menu li a {
    color: #000;
} 
ul.resources_menu li.current_page_parent > a, ul.resources_menu li.current_page_item > a, ul.resources_menu li a:hover {
    color: #a80533;
}
ul.resources_menu li ul.children {
    padding-top: 10px;
}
ul.resources_menu li ul.children li a {
    font-family: "OpenSansLight" !important;
}


ol {
    counter-reset: li;
    margin-left: 25px;
    padding-left: 0;
}
ol li, ul li {
    position: relative;
}
ol li {
    padding: 2% 0 0 15px;
    line-height: 22px;
}
ol li:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: -2em;
    box-sizing: border-box;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    line-height: 21px;
    border: 2px solid #a80533;
    color: #a80533;
    text-align: center;
    font-weight: 700;
    font-size: 13px;
}
ul.list1, ul.list2, ul.list3, ol {
    padding-bottom: 20px;
}
ul.list1 li, ul.list2 li, ul.list3 li {
    list-style: none;
    padding: 20px 0 0 20px;
}
ul.list1 li:before {
    content: " ";
    position: absolute;
    top: 20px;
    left: -20px;
    background: url('../img/loa_icons/arrow_red_icon.png') no-repeat;
    background-size: 100%;
    width: 25px;
    height: 24px;
}
ul.list2 li:before {
    content: " ";
    position: absolute;
    top: 20px;
    left: -20px;
    background: url('../img/loa_icons/checkmark_red_icon.png') no-repeat;
    background-size: 100%;
    width: 25px;
    height: 24px;
}
ul.list3 li:before {
    content: " ";
    position: absolute;
    top: 22px;
    left: -17px;
    width: 16px;
    height: 16px;
    border: 1px solid #C52049;
}
.loa p {
    text-align: justify;
}
.loa h3 {
    color: #a80533;
    padding-top: 0;
    padding-bottom: 15px;
    font-size: 18px;
}
.loa h3 a {
    width: 35%;
    font-size: 14px;
}
.loa li h3 a {
    width: 100%;
    color: #fff;
    font-size: 14px;
}
.loa .print {
    padding: 0;
}
.loa .print a {
    float: right;
    width: 30%;
}
.loa h4 {
    color: #a80533;
    padding-top: 0;
}
section .loa table:not(.regular) tr {
    background: none;
    border: none;
}
section .loa table.column2 td {
    vertical-align: top;
    width: 50%;
    text-align: justify;
    padding: 0;
}
section .loa table.column2 td:first-child {
    padding-right: 3%;
}
section .loa table.column2 td:last-child {
    padding-left: 3%;
}
section .loa table.column2 tr:first-child td p,
section .loa table.steps1 tr:first-child td:last-child p,
section .loa table.table4 p {
    color: inherit;
    font-family: inherit;
    padding-top: 10px;
}
section .loa table.column4 {
    table-layout: fixed;
}
section .loa table.column4 td, section .loa table.table2 td {
    width: 25%;
    padding: 2% 1%;
    border: 1px solid #C52049;
    vertical-align: top;
    word-wrap: break-word;
}
section .loa table.column4 td {
    padding: 3% 2%;
    font-size: 13px;
}
section .loa table.column4 td a {
    font-size: 13px;
}
section .loa table.column4 td h4 {
    font-size: 14px;
}
section .loa table.table2 td {
    width: 50%;
}
section .loa table.table4 td {
    width: 46%;
    border: 1px solid #C52049;
    padding: 3%;
    vertical-align: top;
    text-align: center;
}
section .loa table.table4 td h4, section .loa table.table4 td p {
    text-align: justify;
}
section .loa table.table4 td:nth-child(2) {
    width: 8%;
}
@-moz-document url-prefix() {
    section .loa table.table4 td:nth-child(2) {
        width: 8%;
    }
}
section .loa table.column4 tr:last-child td,
section .loa table.table2 tr:last-child td,
section .loa table.table4 td:nth-child(2)
{
    border-top: none;
}
section .loa table.column4 tr:first-child td,
section .loa table.table2 td,
section .loa table.table4 td:nth-child(2) {
    border-bottom: none;
}
section .loa table.column4 tr:first-child td {
    text-align: center;
}
section .loa table.table4 td:nth-child(2) {
    vertical-align: middle;
}
section .loa table.table1 td,
section .loa table.table3 td {
    padding: 2%;
    border: none;
}
section .loa table.table1 td:first-child {
    width: 25%;
}
section .loa table.regular tr:first-child td {
    color: #fff;
}
section .loa table.regular td {
    padding: 2%;
}
section .loa table.regular a {
    color: #a80533;
}
section .loa table.table1 tr:nth-child(2n) td:first-child {
    background: #aa0733;
    color: #fff;
    font-size: 16px;
}
section .loa table.table1 tr:nth-child(2n+1) td:first-child {
    background: #a20630;
    color: #fff;
    font-size: 16px;
}
section .loa table.table1 tr:nth-child(2n) td:last-child {
    background: #fafafa;
}
section .loa table.table1 tr:nth-child(2n+1) td:last-child {
    background: #f3f3f3;
}
section .loa table.steps1 td:first-child {
    width: 18%;
}
section .loa table.steps1 td {
    vertical-align: top;
    padding: 3% 2%;
    border: none;
    text-align: justify;
}
section .loa table.steps1 td:first-child p {
    height: 100px;
    width: 100px;
    border: 1px solid #a80533;
    box-sizing: border-box;
    text-align: center;
    color: #C52049;
    font-size: 18px;
    padding: 20px;
}
section .loa table.steps1 td:first-child p strong {
    display: block;
    font-size: 28px;
    padding-top: 10px;
}
section .loa table.table3 {
    width: 100.1%;
}
section .loa table.table3 tr:nth-child(2n) td:first-child {
    background: #ececec;
}
section .loa table.table3 tr:nth-child(2n+1) td:first-child {
    background: #f3f3f3;
}
section .loa table.table3 tr:nth-child(2n) td:last-child {
    background: #f3f3f3;
}
section .loa table.table3 tr:nth-child(2n+1) td:last-child {
    background: #fafafa;
}
section .loa table.table3 tr:first-child td:first-child {
    background: #8E022D;
    color: #fff;
    font-size: 16px;
}
section .loa table.table3 tr:first-child td:last-child {
    background: #C52049;
    color: #fff;
    font-size: 16px;
}
.loa .red_box, .red_box {
    border: 1px solid #C52049;
    padding: 2% 3%;
    margin-top: 3%;
    box-sizing: border-box;
}
.red_box, .red_box a {
    color: #a80533;
}
.home .red_box {
    margin-top: 0;
    text-align: center;
    font-size: 18px;
}
.home .red_box a {
    font-weight: 700;
    font-size: 18px;
}
.loa .red_box + table {
    margin-top: 0;
}
.resources .loa p strong img {
    float: left;
    margin-right: 16px;
    margin-top: -3px;
}
.loa .links {
    padding: 20px 0 0 45px;
}

.resources .loa strong {
    font-family: 'OpenSansSemibold';
}
.loa .jumplinks span, .link_divider {
    padding: 0 5px;
}
.loa .jumplinks a {
    font-size: 13px;
}

.lpch h2,
.lpch .sidebar_nav .current_page_item > a, .lpch .sidebar_nav .current_page_ancestor > a {
    color: #5DC0C6;
}
.lpch .tiles.inner a:nth-child(3n+1) {
    background-color: #10636F;
}
.lpch .tiles.inner a:nth-child(3n+2) {
    background-color: #5DC0C6;
}
.lpch .tiles.inner a:nth-child(3n+3) {
    background-color: #FFB700;
}
.lpch .tiles.inner a:hover {
    background-color: transparent !important;
}
.lpch .tiles.inner:not(.inner9) a:hover .title,
section.lpch table tr a {
    color: #5DC0C6;
}
.lpch .tiles.inner9 a:hover .title {
    color: #fff;
}
.lpch .tiles.inner9.inner .tile1 {
    width: 42%;
    height: 263px;
    background-image: url('../img/main_tile.png') !important;
    background-size: cover;
}
.lpch .tiles.inner9.inner .tile2, .lpch .tiles.inner9.inner .tile3,
.lpch .tiles.inner9.inner .tile4, .lpch .tiles.inner9.inner .tile5 {
    width: 27%;
    margin: 0 0 2% 2%;
}
.lpch .tiles.inner9.inner .tile6, .lpch .tiles.inner9.inner .tile7,
.lpch .tiles.inner9.inner .tile8, .lpch .tiles.inner9.inner .tile9 {
    width: 23.5%;
    margin: 0 0 0 2%;
}
.lpch .tiles.inner9.inner .tile6 {
    margin: 0;
}
.lpch .search button {
    background-color: #5DC0C6;
    border-color: #5DC0C6;
}
section.lpch table tr:first-child {
    background: #5DC0C6;
    border-left: 1px solid #5DC0C6;
}
.lpch h3 a, .lpch h4 a {
    width: 45%;
}
.lpch table h3 a, .lpch table h4 a {
    width: 100%;
}
.page-template-lpch-page.work-life-benefits table td, .page-template-lpch-page.work-life-benefits table td p,
.page-template-lpch-page.savings-spending-account table td, .page-template-lpch-page.savings-spending-account table td p,
.page-template-lpch-page.retirement-and-tax-advantaged-accounts-benefits table td, .page-template-lpch-page.retirement-and-tax-advantaged-accounts-benefits table td p,
.page-template-lpch-page.pto table td, .page-template-lpch-page.pto table td p,
.page-template-lpch-page.dental table.fontsmall tr:first-child td, .page-template-lpch-page.dental table.fontsmall tr:first-child td p {
    font-size: 12px;
    line-height: 18px;
}
.page-template-lpch-page.savings-spending-account table td,
.page-template-lpch-page.work-life-benefits table td,
.page-template-lpch-page.retirement-and-tax-advantaged-accounts-benefits table td,
.page-template-lpch-page.pto table td,
.page-template-lpch-page.dental table.fontsmall tr:first-child td {
    padding: 10px;
}
.page-template-lpch-page.savings-spending-account table tr:first-child td,
.page-template-lpch-page.work-life-benefits table tr:first-child td,
.page-template-lpch-page.retirement-and-tax-advantaged-accounts-benefits table tr:first-child td,
.page-template-lpch-page.pto table tr:first-child td,
.page-template-lpch-page.dental table.fontsmall tr:first-child td {
    color: #fff;
}
.sidebar.custom {
    /*position: fixed;*/
    /*width: 144px;*/
}
/* =============================================================================
   Footer
   ========================================================================== */


footer {
    padding: 20px 0 15px 0;
    margin-top: 10px;
    border-top: 2px solid #efefef;
}
footer p, footer p a {
    font-size: 10px;
    color: #757575;
    text-transform: uppercase;
}
.footer p {
    text-transform: none;
    padding-top: 0;
}
.help {
    color: #a80533;
    font: 12px 'OpenSansSemibold';
}
span {
    line-height: normal;
}
.vendor-2 .help, .parent-pageid-1701 .help {
    display: none;
}


.popup_bg {	
    background: #000;
    opacity: 0.7;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
}
	
iframe {
	border: none;
	display: block;
}
.video1 {
    position: relative;
    z-index: 1;
}
.v1 {
	width: 248px;
	height: 141px;
	position: absolute;
	background: url('../img/pdl_terms.jpg');
    z-index: 2;
}
.bottom_blocks div:nth-child(2) .v1 {
    background-image: url('../img/pdl_overview.jpg');
}
.bottom_blocks div:last-child .v1 {
    background-image: url('../img/pdl_timeline.jpg');
}

.video_popup {
	z-index: 99991;
	position: fixed;
	top: 50%;
	left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.search .right_content {
	margin-left: 50px; 
	width: 94%;
}

/*Calendar*/

.upcoming_event {
    position: absolute;
    top: 32px;
    left: 0;
    width: 100%;
}
.calendar_icon {
    background: url('../img/calendar_red.png') no-repeat left top;
    width: 34px;
    height: 30px;
}
.bookmarks .calendar_icon {
    background-position: right top;
    background-size: 17% auto;
    width: 34px;
    height: 30px;
    padding: 7px 42px 10px 0;
}
.next_month {
    background: url('../img/arrow_grey.png') no-repeat right center;    
    padding-right: 15px; 
}
.prev_month {
    position: relative;
    overflow: hidden;
}
.prev_month:before {
    content: "";
    position: absolute;
    height: 14px;
    top: 3px;
    left: -20px;
    background: url('../img/arrow_grey.png') no-repeat left center; 
    padding-left: 15px; 
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.calendar {
    width: 100%;
}
.calendar table tr:first-child {
    background: none;
    border-bottom: 1px solid #ccc;
    border-color: #ccc;
    border-left: none;
}
.calendar table tr:first-child td {
    border-right: 1px solid #ccc;
}
.calendar table tr td {
    min-height: 150px;
    width: 138px;
    box-sizing: border-box;
    vertical-align: top;
    position: relative;
}
.calendar table tr td h1 {
    font: 24px 'OpenSansBold';
    color: #ccc;
}
.calendar table tr td h1.prev_days {    
    color: #fafafa;
}
.calendar table tr td h1.red {
    color: #8e022d;
}
.calendar table tr {
    border-left: none;
    border-right: none;
    min-height: 150px;
    display: inline-flex;
    width: 100%;
}
.calendar table tr td:last-child {
    border-right: none;
}
.calendar table tr:last-child td:last-child {
    border-right: 1px solid #ccc;
}
.calendar table tr:last-child {
    border-bottom: none;
}
.calendar .event a {
    font-size: 11px;
    line-height: 10px;
    display: block;
    font-weight: bold;
}
.calendar .event a:hover {
    color: #E82441;
}

.biometrics_event {
    position: absolute;
    top: 125px;
}
.event {
    /*position: absolute;*/
      padding-bottom: 12px;    
}
/*.event.e1 {    
    bottom: 30px;
}
.event.e2 {    
    bottom: 55px;
}
.event.re:nth-child(2) {    
    top: 40px;
}
.event.re:nth-child(3) {    
    top: 65px;
}
.event.re:nth-child(4) {    
    top: 90px;
}
.event.re:nth-child(5) {    
    top: 115px;
}
.event.re:nth-child(6) {    
    top: 140px;
}*/
.marked {
    position: absolute;
    top: 19px;
    right: 12px;
    width: 13px;
    height: 26px;
    background: url('../img/bookmark_icon_red.png') no-repeat;
    background-size: contain;
}
.marked_list {
    width: 13px;
    height: 26px;
    background: url('../img/bookmark_icon_red.png') no-repeat left center / contain;
    padding-left: 30px;
}
.see_bookmarks, .slider_up {
    background: url('../img/bookmark_icon_red.png') no-repeat right center / 10%;
    padding: 5px 10px 0 0;
}
.slider_up {
    float: right;
    padding-right: 25px;
}
.calendar-of-events .see_bookmarks {
    padding-right: 30px;
}

.bookmark_this, .bookmark {
    background: url('../img/bookmark_icon_outlined.png') no-repeat 85% center / 10%;
    padding: 5px 10px 0 0;
}
.bookmarked {
    background: url('../img/bookmark_icon_red.png') no-repeat 85% center / 10%;
    padding: 5px 10px 0 0;
}

.biometrics_event a {
    font-size: 12px;
    color: #e59bad; 
}
.next_event_tab {
    padding: 8px 15px;
    color: #fff;
    background: #ccc;
    float: left;
}
.next_event_content {
    padding: 10px 0 20px 15px;
    border-bottom: 2px solid #ccc;
}
.next_event_content .next_event_desc p {
    float: left;
    padding-top: 0;
}
.event_box h2 {
    border-bottom: 1px solid #8e022d;
    padding-bottom: 13px;
}
.event_details {
    color: #fff;
    padding: 8px 15px;
    background: #8e022d;
}
.signup_btn {
    color: #fff;
    padding: 10px 25px;
    font-size: 16px;
    background: #8e022d;
    float: left;
}
.red_long_btn, h3 a {
    color: #fff;
    padding: 10px 0;
    font-size: 16px;
    background: #8e022d;
    width: 100%;
    text-align: center;
    display: block;
}
.red_long_btn.bg {
    background: url("../img/resources_directory_icon.png") no-repeat 10px center / 8% auto #8e022d;
}
.single-event h3 a {
    width: 25%;
}
h4 a {
    padding: 12px 0;
    text-align: center;
    border: 1px solid #a80533;
    color: #a80533;
    display: block;
}
.healthysteps_wellness .width66.left h4 {
    width: 50%;
}
.when {
    width: 34px;    
    background: url("../img/when_icon.png") no-repeat top center;
    font-family: "OpenSansBold";
    padding-top: 50px;
}
.where {
    width: 40%;    
    background: url("../img/where_icon.png") no-repeat top center;
    font-family: "OpenSansBold";
    padding-top: 50px;
}
.map iframe {
    height: 200px;
    width: 100%;
}
.biometric_period {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
    margin-top: 4px;
    font-weight: bold;
    font-size: 16px;
}
.facebook_follow {
    width: 20px;
    height: 20px;    
    background: url("../img/facebook_icon.png") no-repeat;
    margin-left: 15px;
}
.twitter_follow {
    width: 20px;
    height: 20px;    
    background: url("../img/twitter_icon.png") no-repeat;
}

.facebook_follow *, .twitter_follow * {
    opacity: 0;
}



.big_flower {
    background: url("../img/flower_large.png") no-repeat center center;
    height: 374px;
    margin: 50px 0;
    position: relative;
}
.side_flower {
    background: url("../img/flower_large.png") no-repeat center top / 100% auto;
    height: 230px;
    position: relative;
}
.big_flower div, .big_flower a, .side_flower div, .side_flower a {
    color: #fff;
}
.big_flower a {
    font-size: 18px;
}
.side_flower a {
    font-size: 10px;
    line-height: 26px;
    opacity: 0.7;
}
.big_flower a.active, .side_flower a.active {
    font-weight: bold;
    opacity: 1;
}
.big_flower p {
    font-size: 32px;
}
.side_flower p {
    font-size: 22px;
}
.test_list ul li {
    list-style-image: url('../img/flower_list.png');
    margin-left: 30px;
    padding: 8px 0 8px 6px;
}
.test_desc h3 {
    font: 20px "OpenSansLight";
    color: #a80533;
}
.left_petal {
    position: absolute;
    left: 275px;
    top: 160px;    
}
.side_flower .left_petal {
    position: absolute;
    left: 27px;
    top: 85px;    
}
.center_petal {
    position: absolute;
    left: 443px;
    top: 100px;   
}
.side_flower .center_petal {
    position: absolute;
    left: 129px;
    top: 50px;   
}
.right_petal {
    position: absolute;
    left: 583px;
    top: 160px;    
}
.side_flower .right_petal {
    position: absolute;
    left: 220px;
    top: 85px;    
}
.test_results {
    display: none;
}
.results_figure {
    background: url("../img/results_figure.png") no-repeat; 
    height: 436px;       
}
.res_graph {
    margin: 134px 0 0 210px; 
}
.test_questions {
    display: none;
}
.answer_row {
    padding: 5px 10px 5px 0;
    text-align: right;   
    color: #fff; 
}
.points {
    padding: 3px 0 3px 15px;
}
.answer_row.width0 {
    width: 25%;
    background: #e59bad;
}
.answer_row.width1 {
    width: 50%;
    background: #c52049;
}
.answer_row.width2 {
    width: 75%;
    background: #a80533;
}

.upload_box {
    position: relative;
    background: #8e022d;
    padding: 0 10px 30px 10px;
}
.upload_box > h3 {
    font-size: 20px;
}
.upload_box h3, .upload_box p {
    color: #fff;
}
.upload_box form h3 {
    position: absolute;
    bottom: 80px;
    border: 1px solid #fff;
    padding: 0;
    width: 91%;
}
.upload_box h3.email_btn {
    margin-top: 8%;
    border: 1px solid #fff;
    padding: 0;
    width: 98%;
}
.upload_box h3 a {
    font-weight: bold;
    padding: 7px 0;
}
.upload_box form p {
    padding-top: 20px;
}
.success_message {
    display: none;
    padding: 40px;
    width: 35%;
    box-sizing: border-box;
    text-align: center;
    background: #fff;
    position: fixed;
    z-index: 10000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
}
.newhires {
    text-align: center;
    color: #a80533;
    width: 100%;
    border: 1px solid #a80533;
    padding: 10px 0;
}

.line3 {
    border: 3px solid #a80533;
    margin-bottom: 5px;
}
.side_slider, .top_slider {
    cursor: pointer; 
    background: #a80533; 
    color: #fff; 
    padding: 6px 0 6px 0; 
    text-align: center; 
    width: 120px;      
    right: 2%;
    top: 30px;
    z-index: 99;
    display: none;
}
.side_slider {
    transform:rotate(90deg); 
    -webkit-transform:rotate(90deg); 
    left: -45px; 
    z-index: 99; 
    top: 143px; 
    position: fixed;
    margin-top: 0; 
    opacity: 0.7;
}
.top_slider {
    width: 30px; 
    height: 30px; 
    padding: 0; 
    background: none;
    position: absolute;
}
.error-message-holder {
    border: 2px solid #fff;
    color: #fff;
    padding: 5px !important;
    margin-top: 10px;
    background: none !important;
    font-size: 18px;
    text-align: center;
    width: 94%;
}
.error-popup {
    display: none;
    padding: 2% 3%;
    box-sizing: border-box;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    z-index: 99991;
    background: #fff;
}
.error-popup h2 {
    padding-bottom: 5px;
    font-weight: 300;
}
.error-popup a {
    width: 45%;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #a80533;
}
a.bg_red {
    background: #a80533;
    border: 1px solid #a80533;
    color: #fff;
}
a.border_red {
    border: 1px solid #a80533;
}
span.circle {
    color: #a80533;
    border: 2px solid #a80533;
    border-radius: 24px;
    width: 24px;
    line-height: 24px;
    display: inline-block;
    font-size: 15px;
    margin-right: 10px;
    font-weight: 500;
    text-align: center;
}
span.circle.mark {
    border-radius: 32px;
    width: 32px;
    line-height: 32px;
    font-size: 24px;
    background: #a80533;
    color: #fff;
    margin-bottom: 10px;
}
.content h2 br {display: none}
.search-results .pdf_found {
    padding: 0;
}
.search-results .pdf_found li {
    list-style-type: none;
    padding: 0;
}
.search-results article {
    padding: 3% 0;
    border-top: 1px solid #4d4d4d;
}
.search-results .results article:first-child {
    padding-top: 0;
    border-top: none;
}
.search-results article h3 a {
    width: 150px;
}
.search-results .parents span {
    color: #ccc;
}
.crop_content {
    max-height: 61px;
    overflow: hidden;
    line-height: 20px;
}
.search-results h3:not(.padding_top20) {
    padding-top: 0;
}
.search-results .pdf_div {
    background: #4d4d4d;
    padding: 2% 0;
    box-sizing: border-box;
    color: #fff;
}
.search-results .pdf_div h3 {
    color: #fff;
}
.search-results .pdf_div .wrapper {
    background: #4d4d4d;
}
.search-results .pdf_found li {
    float: left;
    margin-left: 50px;
}
.search-results .bx-wrapper .pdf_found li {
    margin-left: 0;
}
.search-results .pdf_found li:first-child {
    margin-left: 0;
}
.search-results .pdf_found a {
    background: url('../img/pdf_icon.jpg') no-repeat;
    width: 100px;
    box-sizing: border-box;
    padding-top: 110px;
    text-align: center;
    color: #fff;
    display: inline-block;
    font-size: 12px;
}
.search-results form button {
    border-radius: 0;
    margin-left: 0;
}
.search-results form.search {
    background: none;
    padding: 0;
    border-radius: 0;
}
.search-results input {
    border-radius: 0;
    margin: 0;
    box-sizing: border-box;
    width: 210px;
    height: 36px;
}
.all_links br, .parents br {
    display: none;
}
.all_links a.active {
    color: #a80533;
    font-weight: 700;
}
.search-results article {
    display: none;
}
.search-results article.show {
    display: block;
}
.search-results article.show.i, .search-results .all_links a[href="i"] {
    display: none;
}
.hide_sidebar .width85 {
    width: 100%;
}
.hide_sidebar .width85 .padding_left26 {
    padding-left: 0;
}


.month_resources {
    width: 20%;
    float: left;
    margin-left: 6%;
    display: block;
    min-height: 214px;
    text-align: center;
}
.month_resources:nth-child(4n+1) {
    margin-left: 0;
}
.month_resources:nth-child(n+5) {
    margin-top: 5%;
}
.month_resources .title {
    background: #a80533;
    padding: 10px;
    box-sizing: border-box;
    color: #fff;
    font-weight: 700;
    border-radius: 0 0 10px 10px;
    height: 80px;
}
.month_resources .month {
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
    font-weight: 700;
    background-image: url('../img/resource_icon.png');
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: center 30px;
    padding-top: 90px;
    border: 1px solid #ccc;
    border-radius: 10px 10px 0 0;
}
.month_resources:hover .month {
    background-image: url('../img/resource_icon_hover.png');
    color: #a80533;
    border-color: #a80533;
}
.month_title {
    color: #777;
    text-transform: uppercase;
}
.contact_box {
    word-wrap: break-word;
}
.video_play_btn {
    display: none;
    background: url('../img/play-button.png') no-repeat;
    background-size: 41px;
    width: 100%;
    height: 61px;
    padding: 0 !important;
    background-position: center 10px;
}

@media screen and (max-width: 780px) {
    .wrapper {width: 96%}
	.tiles > a div {padding-right: 25px}
    .tiles > a .desc {display: none}
	.tiles > a div.title {font-size: 29px; line-height: 32px}
    .tiles.inner > a div.title {font-size: 21px; line-height: 25px; padding: 15px 5px 0 15px;}
    .tiles .tile1 {height: 318px}
	.logo {width: 35%; margin: 1% 0 0 1%} 	
	header .right.padding_top7 {width: 14%}	
	header .right.padding_top7.padding_left20 {width: 17%}
	nav.nav ul li {padding-left: 3px; width: 118px}
	nav.nav ul li .description {display: none}
	section.main .submit_btn {margin: 15px 0 0 0}

    .login_btn {margin-right: 75px}
    h3.right.width25 {display: none}

    .top_slider {display: block}
    .home .top_slider, .open-enrollment-2016 .top_slider {display: none;}
    nav.nav {width: 100%; display: none; margin: 0 auto; position: absolute; background: #fff; padding: 20px;box-sizing: border-box; top: 77px; z-index: 12}
    nav.nav.expanded {display: block}
    nav.nav ul li a br {display: none}
    nav.nav ul li {float: none; border: none; min-height: 0; padding: 8px 0; width: 100%}
    nav.nav ul li a {color: #a80533}
    nav.nav ul li.highlight {border-bottom: none}
    nav.nav ul li.highlight > a {font-weight: 700; display: inline}
	
	.login_checkbox {margin-left: 0}
	.page-template-top-page-php .side_slider {display: block}
	.sidebar_nav {padding: 10px}
	.page-template-top-page-php .sidebar_nav li a {color: #fff}
	.page-template-top-page-php aside {position: fixed; left: -291px; z-index: 99; background: rgba(168,5,51,0.8); width: 291px}
	section .width15 {width: 22%}
	section .width85 {width: 78%}
	.contact_box .resources.width50, .contact_box .width45 {width: 80%}
	.contact_box .greybg {margin: 0}
	.contact_box .width45 {margin-top: 20px}
	.video_popup {width: 100%; margin-left: 0 !important; left: 0 !important}
	.video_popup iframe {width: 100%}
	.bottom_blocks > div:last-child {padding: 20px 0 0 0}

    .video_ph, .video_ph iframe {top: 0}

}



@media screen and (max-width: 700px) {
	.main {margin-top: 20px}
    .tiles .tile1 {height: 317px}

	.tiles > a div.title {font-size: 22px; line-height: 28px}
	.tiles.inner > a div.title {font-size: 17px; line-height: 20px}
    body .oe.home .tiles a {height: 140px; width: 49%; margin: 1% 0 0 1%}
	.life_event_div {width: 45%}
	.life_event_box div:first-child {font-size: 18px}
	.clear .width33 {width: 100%; margin-top: 30px}
	.padding_top30 {padding-top: 3%}
	h3.padding_top20 {padding-top: 2%}
	section table.vendor_table tr td, section table.vendor_table tr td p {padding-left: 0; padding-right: 0; font-size: 12px; word-wrap: break-word}
	.contact .search input {width: 88%}
	.bottom_blocks > div {padding: 20px 0 0 0}
	.padding_left100 {padding-left: 10%}
	a.arrow {background: none}
	.new-hire .width65 {width: 50%} 	 
	.page-template-relief-php aside, .relief.width50 h2 br {display: none}
	.wellness .big {font-size: 60px}
	.calendar table tr td a {display: inline-block; line-height: 13px}
	.event {bottom: 40px}
	.event_box .greybg {padding: 11px; word-wrap: break-word}
	.event_box .width31 {width: 33%}
	.event_box .width31 a {font-size: 12px}
	.single-event h3 a {width: 50%}
	.single-wellness_page nav.nav ul li, .single-test nav.nav ul li, .single-event nav.nav ul li {padding-left: 0}
	.padding_top50 {padding-top: 4%}

}

@media screen and (max-width: 585px) {
    .wrapper section .tiles.clear a {width: 100%; height: 125px; margin: 2% 0 0 0}
}

@media screen and (max-width: 420px) {
	.page-template-top-page-php .width50, .life_event_div, .select ul, section .width85,
	.contact_box .resources.width50, .contact_box .width45, .relief.width50, .new-hire .width65 {width: 100%}
	.life_event_box {background-size: cover}
	h2 {font-size: 22px}
	p {line-height: 20px}
	.life_event_div {padding-top: 20px}
	.logo {width: 40%; margin-top: 4%}
    header {position: fixed; top: 0; background: #fff; width: 96%; z-index: 99}
    section.main {margin-top: 97px !important;}
	footer .logo {float: none; margin-bottom: 5%}
    footer .padding_left20 {padding-left: 0}
	header .padding_top7, .wrapper section .tiles.clear a .desc {display: none}
	nav.nav {left: 0}

    .wrapper section .tiles.clear a {height: 95px}
	.tiles.inner.clear a {width: 100% !important; height: 60px; margin: 2% 0 0 0}
	section .width85 .padding_left26 {padding: 0}
	aside {position: fixed; left: -291px; z-index: 99; background: rgba(168,5,51,0.8); width: 291px}
	.sidebar_nav li a {color: #fff}
	.sidebar_nav .current_page_item > a, .sidebar_nav .current_page_ancestor > a {color: #000}
	.login_slider {width: 100%; padding: 20px 0;box-sizing: border-box}
	.link.left {padding-left: 0}
	.contact .search input {width: 75%}
	.bottom_blocks > div {width: 75%; float: none; margin: 0 auto}
	.pregnancy-disability-leave .width40 {width: 45%}
	.dads .faq_box, .moms .faq_box {width: 99%; margin-left: 0; padding: 13px 0 0 4px}
	.faq_box a {font-size: 11px}
	.faq .faq_box {float: none; margin: 0 auto}
    section table.vendor_table tr td,
    section table.vendor_table tr td p,
    section table.vendor_table tr td a {font-size: 10px; line-height: 14px}
    section table.vendor_table tr td:first-child, section table.vendor_table tr td:nth-child(2) {width: 21%}
    section table.vendor_table tr td:last-child {width: 54%}

	.upcoming_event {top: 100px}
	.calendar_controls span {display: block; margin: 15px 0}
	.event_box .width65, .event_box .width31 {width: 100%}
	.biometric_period {font-size: 14px}
	.healthysteps_wellness .width66 {width: 100%}
	.healthysteps_wellness .width31 .padding_left20.border_left_grey {padding-left: 0; border: none}
	.wellness .tiles a {background-size: 16% auto !important; background-position: 75% 7px !important}
	.wellness .tiles a section {padding: 0 !important; margin: 0}	
	.wellness .width83 .padding_left120 {padding-left: 0}
	.glossary_letters .width25 {width: 50%; margin-top: 20px}

    .open-enrollment-2016 .top_slider, .login_btn p, .hint {display: none !important;}
    .oe .tiles > a div {padding-left: 5px}
    .oe .tiles a:after {background: none !important}
    .oe .tiles a .overlay {transition: none; bottom: 10px !important; top: auto !important;}
    .oe .tiles .tile7 .overlay, .oe .tiles .tile8 .overlay {bottom: 3px !important;}
    .oe .tiles a.tile1 .overlay {background: rgba(0,0,0,0.5); width: 100%; height: 100%; bottom: 0 !important; left: 0;}
    .oe .tiles a:first-child {background-position-y: 30%; width: 100% !important;}
    .oe .tiles a:nth-child(2) {width: 100% !important;}
    .oe .tiles a {width: 49.5% !important;}
    .oe .tiles a:nth-child(2n+4) {margin-left: 1% !important;}
    .oe .tiles a:nth-child(3n+2) {background: #c61e49 !important;}
    .oe .tiles a:nth-child(3n+4) {background: #90022d !important;}
    .oe .tiles a:nth-child(3n) {background: #3b3c44 !important;}
    .oe .tiles .tile2 {position: relative}
    .oe .tiles .tile2 .title:after {position: absolute; bottom: 0; display: block; content: "Building Healthy Communities"; width: 325px}
    .oe .tiles .tile7 .desc, .oe .tiles .tile8 .desc {display: block !important}
    .oe .tiles .tile7 .title, .oe .tiles .tile8 .title {font-size: 20px}
    .oe .tiles > .tile1 div.title {padding-top: 55px}
    .single-oe_page .width15 {display: none}
    .single-oe_page .width75 {width: 100%}
     .logout_btn {background-color: #a80533; padding: 4px 10px; color: #fff !important; position: absolute; left: 50%}
     .sub-menu {padding-left: 20px; width: 100%;box-sizing: border-box}
    nav.nav ul li {border-top: 1px solid #a80533; width: 100% !important;}
    nav.nav ul li:first-child {border-top: none}
    .keas .left, .keas .right {float: none}
    .home .login_btn {margin-right: 0}
    .healthysteps-keas-registration .width32 {display: none}
    .healthysteps-keas-registration .width65 {width: 100%; float: none}
    .healthysteps-keas-registration .padding_top40 {padding-top: 2%}
    .healthysteps-keas-registration .padding_top40 .width45 {width: 100%; float: none; margin-top: 5%}
    nav > ul .logout_btn {background: none; color: #a80533 !important; padding: 0; position: static}
    .logout_btn.right {display: none}
    .healthysteps_wellness .width66.left h4 {width: 100%}
    .video_play_btn {display: block}
    .event_box .width66 {width: 100%}
    .event_box .width66 .padding_right40 {padding-right: 0}
    .event_box .width33 .padding_left30 {padding-left: 0}
    .event_box .width33 .border_left_grey {border: none}
    .event_box .width33 .margin_top50 {margin: 0}
    header {left: 0; width: 100%}
}

@media screen and (max-width: 335px) {
	.slider_bg .slider_text h1 {font-size: 25px; margin: 0}
	.slider_bg {height: 90px}
	.block, .block:first-child {width: auto !important; margin: 20px 0 0 10% !important}
	.faq_box a {font-size: 10px}
}

.new_popup_holder {
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 999;
    display: none;
    align-items: center;
}
.new_popup {
    background-color: #efefef;
    border-radius: 12px 0 12px 0;
    color: #fff;
    margin: 0 auto;
    width: 700px;
    position: relative;
}
.new_popup * {
    color: #fff;
    font-weight: 300;
}
.new_popup .close {
    font-size: 28px;
    font-family: 'OpenSansLight';
}
.left_images {
    float: left;
    width: 40%;
    padding: 30px;
    box-sizing: border-box;
}
.right_text {
    float: right;
    width: 60%;
}
.right_text_intro {
    padding: 30px;
    background: #e72341;
    font-family: 'OpenSansLight';
}
.right_text .buttons {
    padding: 30px;
    background: url('../img/icon_overlay.png?v=2') no-repeat;
    background-color: #a80533;
    background-position: center -20px;
    background-size: 420px;
    border-radius: 0 0 12px 0;
}
.right_text .buttons a {
    border: 1px solid #fff;
    color: #fff;
    width: 75%;
    padding: 10px 0;
    text-align: center;
    display: block;
}
.right_text .buttons a:first-child {
    margin-bottom: 10px;
}