﻿/***** Color Scheme 
    
P66 Red - (255,0,0) #DA2B1F
P66 Red Tint - (255, 204, 204) #ffcccc

Dark Grey - (44,65,77) #2c414d
Dark Grey Tint - (233,236,237) #e9eced

Bright Blue - (21,165,222) #15a5de
Bright Blue - Tint (171,223,243) #abdff3 
Bright Blue - Lt Tint #e6f5fb
      
Green - (112,190,69) #70be45
Green Tint - (192,226,173) #c0e2ad
Green - Lt Tint - #e6f8dc

Orange - (246,147,29) #f6931d
Orange Tint - (251,205,151) #fbcd97
Orange - Lt Tint #faecdb

Sandy Yellow - (240,212,132) #f0d484
Sandy Yellow Tint - (245,227,174) #f5e3ae
Sandy Yellow - Lt Tint - #f8f0d9

Beige - (195,183,165) #c3b7a5
Beige Tint - (215,208,196) #d7d0c4
Beige - Lt Tint - #e8e6e3

Dark Teal - (0, 116,116) #007474
Dark Teal Tint - (178,213,213) #b2d5d5
Dark Teal - Lt Tint - #e1ecec

Royal Blue - (0,91,169) #005ba9
Royal Blue Tint - (178,205,229) #b2cde5
Royal Blue - Lt Tint - #e0eefa

Gray #999999
Gray Tint - #ececee
*****/

/***** Global *****/

body {
	margin: 0;
	padding: 0;
	position: relative;
	font-family: Helvetica, Arial, sans-serif !important;
}

a {
	color: #15a5de;
	text-decoration: none;
}

a:visited {
	color: #15a5de;
}

a:hover,
a:focus {
	color: #da2b1f;
	text-decoration: none;
}

textarea:focus,
input:focus {
	outline: none;
}

.fine-print {
	color: #666;
	font-size: 0.9em;
}

.float-right {
	float: right;
}

.table ul {
	margin: 0;
	padding-left: 18px;
}

.divider {
	margin: 20px 0;
	border: 3px solid #da2b1f;
}

.display-lg-device {
	display: block !important;
}

.display-sm-device {
	display: none !important;
}

h5 {
	font-weight: 700;
}

/***** End Global *****/

/***** Header ******/

/***** Logo ******/

.navbar-brand {
	margin: 10px 0;
	padding: 0;
}

.navbar-brand img {
	width: 50%;
}

/***** End Logo ******/

/***** Social Media Icons *****/

.social-media-container-sm {
	margin-top: 5px;
}

.social-media-container .social-media-icons {
	margin-top: 10px;
}

.social-media-container-sm .social-media-icons {
	float: right;
}

.social-media-container-sm .social-media-icons li,
.social-media-container .social-media-icons li {
	display: inline;
	float: left;
	list-style: none;
}

.social-media-container-sm .social-media-icons li {
	padding: 0 0 0 5px;
}

.social-media-container .social-media-icons li {
	padding: 0 0 0 8px;
}

.social-media-container-sm .social-media-icons li a,
.social-media-container .social-media-icons li a {
	display: block;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(/Images/Social-Media-Icon-Sprite.png);
}

.social-media-container-sm .social-media-icons li a {
	width: 25px;
	height: 25px;
}

.social-media-container .social-media-icons li a {
	width: 35px;
	height: 35px;
}

.facebook-sm {
	background-position: 0 0;
}

.facebook {
	background-position: 0 0;
}

.twitter-sm {
	background-position: 0 -70px;
}

.twitter {
	background-position: 0 -98px;
}

.youtube-sm {
	background-position: 0 -35px;
}

.youtube {
	background-position: 0 -49px;
}

/***** End Social Media Icons *****/

/***** Google Search *****/
.gsc-search-box {
	padding: 2px 0 0 10px !important;
}

/*.gsc-control-cse.gsc-control-cse-en {
    padding-left:18px;
      background:url(/Images/Search-Background.png) no-repeat 0px 7px;  
}*/

.gsc-api-search-button,
.gsc-api-search-button-2,
.gsc-api-search-button-3 {
	display: inline-block;
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	height: 36px !important;
	width: 40px !important;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	/* -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none; */
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background-image: linear-gradient(to bottom, #d9534f 0, #c12e2a 100%);
	background-repeat: repeat-x;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

.gsc-api-search-button .gsc-api-search-button-2 {
	width: 13px !important;
	height: 13px !important;
	padding: 0 !important;
	margin: 0 !important;
	background-color: transparent !important;
	border: none !important;
}

.gsc-input-box {
	height: 34px !important;
	padding: 0 0 0 3px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

#gsc-i-id1.gsc-input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0 !important;
	margin: 0 !important;
	height: 18px !important;
}

.gsc-input {
	margin: 0 !important;
	padding: 0 !important;
}

.input-group {
	width: 80%;
	right: -60px;
}

.gs-fileFormat {
	margin-left: 15px;
}

.gs-fileFormat,
.gs-fileFormatType {
	color: #999 !important;
	font-size: 11px !important;
}

.gs-snippet {
	margin-left: 35px;
}

.search-icon {
	margin: -1px 0 0 -6px;
	background: url("/images/search.svg") no-repeat center center;
	background-size: contain;
	width: 25px;
	height: 25px;
}

.backspace {
	background: url("/images/backspace.svg") no-repeat center center;
	background-size: contain;
	width: 25px;
	height: 25px;
	cursor: pointer;
	float: right;
}

/***** CSE Search with ADs *****/

.gsc-search-button-v2 {
	border-color: #da2b1f !important;
	background-color: #da2b1f !important;
	padding: 9px 15px !important;
}

.gsc-control-cse {
	font-family: "Roboto Condensed", sans-serif !important;
	font-weight: 400 !important;
	font-size: 1em !important;
	width: 80% !important;
}

.gs-fileFormat,
.gs-fileFormatType {
	font-family: "Roboto Condensed", sans-serif !important;
	font-weight: 400 !important;
	font-size: 1em !important;
}

.gs-snippet {
	font-family: "Roboto Condensed", sans-serif !important;
	font-weight: 400 !important;
	font-size: 1em !important;
}

form.gsc-search-box {
	width: 100% !important;
}

.gsib_a {
	padding-top: 0 !important;
}

/***** End CSE Search with ADs *****/

/***** End Search ******/

/***** End Header ******/

/***** Top Nav *****/

.navbar-nav > li > a,
.dropdown-menu,
.nav-pills > li,
.sec-nav div {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	font-size: 1em;
}

.navbar-default .navbar-nav > li > a {
	padding: 10px 7px 9px 7px;
	color: #2c414d;
}

.navbar-default .navbar-nav > li > a:hover {
	color: #da2b1f;
}

.navbar {
	top: 15px;
	margin: 10px 0 5px 0;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .open > a {
	background: none;
	background-image: none;
	box-shadow: none;
}

.navbar-default {
	background-image: none;
	border-radius: 0;
	box-shadow: none;
	background: none;
	border: none;
}

.navbar .navbar-nav {
	display: inline-block;
	float: none;
}

.navbar .navbar-collapse {
	text-align: center;
}

.dropdown-menu > li > a {
	color: #2c414d;
}

.dropdown-menu > li > a:hover {
	background-image: none;
	background-color: transparent;
}

/***** Color Coding ******/

.navbar-nav .open #health-well-being-menu,
#health-well-being-dropdown-menu {
	background-color: #ffcccc;
}

#health-well-being-menu:hover,
#health-well-being-dropdown-menu li a:hover {
	color: #da2b1f;
}

.navbar-nav .open #compensation-menu,
#compensation-dropdown-menu {
	background-color: #ecf6e6;
}

#compensation-menu:hover,
#compensation-dropdown-menu li a:hover {
	color: #70be45;
}

.navbar-nav .open #pension-savings-menu,
#pension-savings-dropdown-menu {
	background-color: #fef0e0;
}

#pension-savings-menu:hover,
#pension-savings-dropdown-menu li a:hover {
	color: #f6931d;
}

.navbar-nav .open #employee-programs-policies-menu,
#employee-programs-policies-dropdown-menu {
	background-color: #ececee;
}

#employee-programs-policies-menu:hover,
#employee-programs-policies-dropdown-menu li a:hover {
	color: #999999;
}

.navbar-nav .open #preparing-for-the-unexpected-menu,
#preparing-for-the-unexpected-dropdown-menu {
	background-color: #ffcccc;
}

#preparing-for-the-unexpected-menu:hover,
#preparing-for-the-unexpected-dropdown-menu li a:hover {
	color: #da2b1f;
}

.navbar-nav .open #life-events-menu,
#life-events-dropdown-menu {
	background-color: #fef0e0;
}

#life-events-menu:hover,
#life-events-dropdown-menu li a:hover {
	color: #f6931d;
}

.navbar-nav .open #resources-menu,
#resources-dropdown-menu {
	background-color: #ececee;
}

#resources-menu:hover,
#resources-dropdown-menu li a:hover {
	color: #999999;
}

.last-item-dropdown-menu {
	left: -110px;
}

/***** End Top Nav *****/

/***** Secondary Nav *****/

.sec-nav {
	position: fixed;
	right: 0;
	top: 148px;
	width: 100px;
	border: 1px solid #666;
	background-color: #2c414d;
}

.sec-nav div {
	margin: 5px auto;
	padding: 5px;
	width: 80px;
}

.sec-nav a {
	color: #15a5de;
}

.sec-nav a:hover,
.sec-nav a:focus {
	color: #da2b1f;
}

.sec-nav .divider {
	margin: 5px 3px;
	border: none;
	border-top: 1px solid #fff;
}

/***** End Secondary Nav *****/

/***** Carousel *****/

.carousel-caption {
	right: 5%;
	left: 5%;
	padding: 15px 10px 25px 10px;
	background-color: rgba(0, 0, 0, 0.4);
	border-radius: 5px;
}

/***** Home Page Main Sub Panels *****/

/***** Main Panel *****/

.flex {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 5px;
}

.icon-block {
	position: relative;
	padding: 0 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-self: center;
	align-items: center;
	width: calc(14% - 5px);
	height: 420px;
	overflow: hidden;
	background-color: #2c414d;
}

.icon {
	height: 21%;
	object-fit: cover;
}

.icon-block h6 {
	text-align: center;
	color: #fff;
}

.link {
	position: absolute;
	top: 420px;
	width: 100%;
}

.link > div {
	padding: 5px;
	border: 1px solid #fff;
	color: #fff;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	font-size: 0.8em;
	text-transform: uppercase;
}

h2 sup {
	font-size: 1rem;
	vertical-align: baseline;
	position: relative;
	top: -1.4em;
}

.page-intro sup {
	font-size: 1rem;
	vertical-align: baseline;
	position: relative;
	top: -1em;
}

/*.home-health-well-being .inner-panel div:not(:first-child) {
    background-color: #DA2B1F;
}

    .home-health-well-being .inner-panel div:not(:first-child):hover, .home-health-well-being .inner-panel div:not(:first-child):focus { background-color: #ffcccc; }

.home-compensation .inner-panel div:not(:first-child) { background-color: #70be45; }

    .home-compensation .inner-panel div:not(:first-child):hover, .home-compensation .inner-panel div:not(:first-child):focus { background-color: #c0e2ad; }

.home-pension-savings .inner-panel div:not(:first-child) { background-color: #f6931d; }

    .home-pension-savings .inner-panel div:not(:first-child):hover, .home-pension-savings .inner-panel div:not(:first-child):focus { background-color: #fbcd97; }

.home-resources .inner-panel div:not(:first-child) { background-color: #999999; }

    .home-resources .inner-panel div:not(:first-child):hover, .home-resources .inner-panel div:not(:first-child):focus { background-color: #ececee; }

.home-employee-programs-policies .inner-panel div:not(:first-child) { background-color: #999999; }

    .home-employee-programs-policies .inner-panel div:not(:first-child):hover, .home-employee-programs-policies .inner-panel div:not(:first-child):focus { background-color: #ececee; }

.home-preparing-unexpected .inner-panel div:not(:first-child) { background-color: #DA2B1F; }

    .home-preparing-unexpected .inner-panel div:not(:first-child):hover, .home-preparing-unexpected .inner-panel div:not(:first-child):focus { background-color: #ffcccc; }

.inner-panel div:not(:first-child):hover, .inner-panel div:not(:first-child):focus{ color: #333;}*/

/***** End Home Page Main Sub Panels *****/

/***** Life Events on Home Page *****/

#home .nav-pills > li.active > a {
	background-color: #2c414d;
	color: #fff;
}

#home .nav-pills > li > a {
	background-color: #e9eced;
}

#home .nav-pills > li > a:hover,
#home .nav-pills > li > a:focus {
	color: #da2b1f;
}

.life-events-image {
	margin-top: 10px;
	border: 1px solid #666;
	height: 220px;
}

.webinars-image {
	margin-top: 10px;
	border: 1px solid #666;
	height: 220px;
}

.life-events-home {
	background-image: url(/Images/Life-Events.jpg);
}

.webinars-home {
	background-image: url(/Images/Slide-Vanguard-Webinar.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

.new-hire-home {
	background-image: url(/Images/New-Hire.jpg);
}

.getting-married-home {
	background-image: url(/Images/Getting-Married.jpg);
}

.leaving-the-company-home {
	background-image: url(/Images/Leaving-the-Company.jpg);
}

.having-a-baby-home {
	background-image: url(/Images/Having-a-Baby.jpg);
}

.life-events-home,
.new-hire-home,
.getting-married-home,
.leaving-the-company-home,
.having-a-baby-home {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

/***** End Life Events on Home Page *****/

/***** Resources Flexbox *****/

.resources-flex-container {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-content: space-between;
	margin: 20px 0;
	/*column-gap: 15px;*/
	row-gap: 20px;
}

.resources-flex-items {
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: 300px;
	margin: 0 15px;
}

/***** End Resources Flexbox *****/

/***** Life Events *****/

.jumbotron {
	margin-bottom: 0;
	padding: 50px 30px 0 30px !important;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom center;
	border: solid 1px #ccc;
	min-height: 400px;
}

.well {
	background-image: none;
	background-color: rgba(204, 204, 204, 0.6) !important;
	font-size: 14px;
}

.caption a:visited {
	color: #fff;
}

.panel-body-list-link {
	padding-left: 18px;
}

.life-events-container {
	position: relative;
	background-color: rgba(255, 255, 255, 0.8) !important;
	min-height: 300px;
}

.life-events-container .btn-group {
	position: relative;
}

.life-events-container .dropdown-menu {
	position: absolute;
}

.life-events-container h1 {
	color: #2c414d;
	font-size: 3em;
}

.life-events-container p {
	font-size: 1.2em;
}

.life-events-container a:hover,
.life-events-container a:focus {
	color: #2c414d;
}

.life-events-callout-container {
	background-color: #2c414d !important;
}

.life-events-callout-container h3,
.life-events-callout-container p {
	color: #fff;
}

.life-events-callout-container a {
	color: #15a5de;
}

.life-events-callout-container a:hover,
.life-events-callout-container a:focus {
	color: #da2b1f;
}

#category-life-events .table-striped > tbody > tr > td {
	text-align: left;
}

#category-life-events .nav-pills > li.active > a,
#category-home .nav-pills > li.active > a {
	background-color: #2c414d;
	color: #fff;
}

#category-life-events .nav-pills > li > a,
#category-home .nav-pills > li > a {
	background-color: #e9eced;
}

#category-life-events .nav-pills > li > a:hover,
#category-home .nav-pills > li > a:hover {
	color: #da2b1f;
}

/***** Pics for Life Events Landing Page ******/

#getting-married {
	background-image: url(/Images/Getting-Married.jpg);
}

#getting-divorced {
	background-image: url(/Images/Getting-Divorced.jpg);
}

#leaving-the-company {
	background-image: url(/Images/Leaving-the-Company.jpg);
}

#new-hire {
	background-image: url(/Images/New-Hire.jpg);
}

#retirement-planning {
	background-image: url(/Images/Retirement-Planning.jpg);
	background-position-y: -160px;
}

#having-a-baby-adopting-a-child {
	background-image: url(/Images/Having-a-Baby.jpg);
}

#empty-nest {
	background-image: url(/Images/Empty-Nest.jpg);
}

#marital-status {
	background-image: url(/Images/Marital-Status.jpg);
}

#status-changes-2 {
	background-image: url(/Images/Status-Changes.jpg);
	background-position-y: 0px;
}

#other-life-events {
	background-image: url(/Images/Other-Life-Events.jpg);
	background-position-y: 0px;
}

#serious-illness-disability {
	background-image: url(/Images/Serious-Illness-Disability.jpg);
}

/***** End Life Events *****/

/***** Categories *****/

.page-intro {
	font-size: 1.4em;
}

.section-intro {
	font-size: 1.3em;
}

.nav-pills > li {
	padding: 0 5px;
}

/***** Jumbotron Images *****/

.category-jumbotron {
	margin-bottom: 0;
	padding: 50px 30px 0 30px !important;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border: solid 1px #ccc;
	min-height: 314px;
}

/***** Annual Enrollment *****/

#Carousel-Annual-Benefits-Enrollment-Coming-Soon-2024 {
	background: url(/Images/Slide-2024-Enrollment-B.jpg) no-repeat;
	background-size: cover;
	background-position: center right;
}

#Carousel-Annual-Benefits-Enrollment-2024 {
	background: url(/Images/Slide-2024-Enrollment-A.jpg) no-repeat;
	background-size: cover;
	background-position: center right;
}

#Carousel-Annual-Benefits-Enrollment-Coming-Soon-2025 {
	background: url(/Images/Slide-2025-Enrollment-B.jpg) no-repeat;
	background-size: cover;
	background-position: center right;
}

#Carousel-Annual-Benefits-Enrollment-2025 {
	background: url(/Images/Slide-2025-Enrollment-A.png) no-repeat;
	background-size: cover;
	background-position: center right;
}

#Carousel-Annual-Benefits-Enrollment-2026 {
	background: url(/Images/Slide-2026-Enrollment-A.png) no-repeat;
	background-size: cover;
	background-position: center right;
}

#Carousel-Rethink {
	background: url(/Images/Slide-2022-Rethink.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}

/***** Health Well-Being *****/

#health-well-being {
	background-image: url(/Images/Rethink.jpg);
}

#medical-plan {
	background-image: url(/Images/Medical-Plan.jpg);
}

#dental-plan {
	background-image: url(/Images/Dental-Plan.jpg);
}

#vision-plan {
	background-image: url(/Images/Vision-Plan.jpg);
}

#fitness-services {
	background-image: url(/Images/Fitness-Services.jpg);
}

#wellness-programs {
	background-image: url(/Images/Wellness-Programs.jpg);
}

#flexible-spending-plan {
	background-image: url(/Images/Flexible-Spending-Plan.jpg);
}

#disability {
	background-image: url(/Images/Disability.jpg);
}

#expats-inpats-ncnrs {
	background-image: url(/Images/Expats-Inpats-NCNRs.jpg);
}

#dependent-eligibility-verification {
	background-image: url(/Images/Dependent-Eligibility-Verification.jpg);
}

#retiree-medical {
	background-image: url(/Images/Retiree-Medical.jpg);
}

#cobra {
	background-image: url(/Images/COBRA.jpg);
}

#covid {
	background-image: url(/Images/Coronavirus.jpg);
}

/***** Compensation *****/

#base-salary {
	background-image: url(/Images/Base-Salary.jpg);
}

#variable-cash-incentive-program {
	background-image: url(/Images/Variable-Cash-Incentive-Program.jpg);
}

#restricted-stock-unit-award {
	background-image: url(/Images/Restricted-Stock-Unit-Award.jpg);
}

#recognition-awards {
	background-image: url(/Images/Recognition-Awards.jpg);
}

/***** Pension and Savinsg *****/

#pension {
	background-image: url(/Images/Pension.jpg);
}

#savings {
	background-image: url(/Images/Savings.jpg);
}

/***** Employee Programs ******/

#employee-programs {
	background-image: url(/Images/Employee-Programs.jpg);
}

#employment-policies {
	background-image: url(/Images/Employment-Policies.jpg);
}

#employee-leave-policies {
	background-image: url(/Images/Employee-Leave-Policies.jpg);
}

#pay-time-off-policies {
	background-image: url(/Images/Pay-Time-Off-Policies.jpg);
}

/***** Preparing Unexpected *****/

#life-insurance {
	background-image: url(/Images/Life-Insurance.jpg);
}

#add {
	background-image: url(/Images/ADD.jpg);
}

#occupational-accidental-death {
	background-image: url(/Images/Occupational-Accidental-Death.jpg);
}

#will-preparations {
	background-image: url(/Images/Will-Preparations.jpg);
}

#power-of-attorney {
	background-image: url(/Images/Power-of-Attorney.jpg);
}

#ayco-survivor-support {
	background-image: url(/Images/AYCO-Survivor-Support.jpg);
}

/***** Resources ******/

#discounts-reimbursement-programs {
	background-image: url(/Images/Discounts-Reimbursement-Programs.jpg);
}

#status-changes {
	background-image: url(/Images/Status-Changes.jpg);
}

#spd {
	background-image: url(/Images/SPD.jpg);
}

#forms {
	background-image: url(/Images/Forms.jpg);
}

#news {
	background-image: url(/Images/News.jpg);
}

#media {
	background-image: url(/Images/Media.jpg);
}

#employee-self-service {
	background-image: url(/Images/Employee-Self-Service.jpg);
}

.bg {
	margin: 20px 0 10px;
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
}

#Financial-Week {
	background: #eae7e2 url(/Images/Financial-Week-1-1600x245.jpg) no-repeat left center !important;
	background-size: cover;
	height: 245px !important;
}

#Well-Being-Week {
	background: #eae7e2 url(/Images/Well-Being-Week-1-1600x245.jpg) no-repeat left center !important;
	background-size: cover;
	height: 225px !important;
}

#Social-Well-Being-Week {
	background: #eae7e2 url(/Images/Social-Well-Being-Week-1600x245.jpg) no-repeat left center !important;
	background-size: cover;
	height: 225px !important;
}

#Emotional-Well-Being-Week {
	background: #ffffff url(/Images/Emotional-Well-Being-1600x245.jpg) no-repeat left center !important;
	background-size: 125% !important;
	height: 225px !important;
}

.sec-opinion-links {
	display: flex;
}

.sec-opinion-links > div {
	padding-left: 4px;
}

/***** Jumbotron Images *****/

@media screen and (max-width: 634px) {
	#Annual-Benefits-Enrollment-2024 {
		background: url(/Images/Slide-2024-Enrollment-A-757X119.jpg) no-repeat left center !important;
		background-size: cover;
		height: 89px !important;
	}

	#Annual-Benefits-Enrollment-2025 {
		background: url(/Images/Slide-2025-Enrollment-A-757X119.jpg) no-repeat left center !important;
		background-size: cover;
		height: 119px !important;
	}

	#Annual-Benefits-Enrollment-2026 {
		background: url(/Images/Slide-2026-Enrollment-A-757X119.jpg) no-repeat left center !important;
		background-size: cover;
		height: 119px !important;
	}

	#Financial-Week {
		background: url(/Images/Financial-Week-3-1600x245.jpg) no-repeat left center !important;
		background-size: cover;
		height: 185px !important;
	}

	#Emotional-Well-Being-Week {
		height: 105px !important;
	}
}

@media screen and (min-width: 635px) and (max-width: 1023px) {
	#Annual-Benefits-Enrollment-2024 {
		background: url(/Images/Slide-2024-Enrollment-A-1000x157.jpg) no-repeat left center !important;
		background-size: cover;
		height: 118px !important;
	}

	#Annual-Benefits-Enrollment-2025 {
		background: url(/Images/Slide-2025-Enrollment-A-1000x157.jpg) no-repeat left center !important;
		background-size: cover;
		height: 157px !important;
	}

	#Annual-Benefits-Enrollment-2026 {
		background: url(/Images/Slide-2026-Enrollment-A-1000x157.jpg) no-repeat left center !important;
		background-size: cover;
		height: 157px !important;
	}

	#Financial-Week {
		background: url(/Images/Financial-Week-3-1600x245.jpg) no-repeat left center !important;
		background-size: cover;
		height: 245px !important;
	}

	#Emotional-Well-Being-Week {
		height: 195px !important;
	}
}

@media screen and (min-width: 1024px) {
	#Annual-Benefits-Enrollment-2024 {
		background: url(/Images/Slide-2024-Enrollment-A-1560x245.jpg) no-repeat left center !important;
		background-size: cover;
		height: 184px !important;
	}

	#Annual-Benefits-Enrollment-2025 {
		background: url(/Images/Slide-2025-Enrollment-A-1560x245.jpg) no-repeat left center !important;
		background-size: cover;
		height: 245px !important;
	}
	#Annual-Benefits-Enrollment-2026 {
		background: url(/Images/Slide-2026-Enrollment-A-1560x245.jpg) no-repeat left center !important;
		background-size: cover;
		height: 245px !important;
	}
}

/***** Category Icon Background ******/

.health-well-being-icon-background {
	background-image: url(/Images/Icon-Health-Well-Being-BK.svg);
}
.compensation-icon-background {
	background-image: url(/Images/Icon-Compensation-BK.svg);
}
.pension-savings-icon-background {
	background-image: url(/Images/Icon-Pension-Savings-BK.svg);
}
.employee-programs-policies-icon-background {
	background-image: url(/Images/Icon-Employee-Programs-Policies-BK.svg);
}
.preparing-unexpected-icon-background {
	background-image: url(/Images/Icon-Preparing-Unexpected-BK.svg);
}
.resources-icon-background {
	background-image: url(/Images/Icon-Resources-BK.svg);
}

.health-well-being-icon-background,
.compensation-icon-background,
.pension-savings-icon-background,
.employee-programs-policies-icon-background,
.preparing-unexpected-icon-background,
.resources-icon-background {
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: cover;
}

/***** End Category Icon Background ******/

/***** Category Well *****/

#category-health-well-being .well {
	background-color: #e6f5fb !important;
}
#category-compensation .well {
	background-color: #e6f8dc !important;
}
#category-employee-programs-policies .well {
	background-color: #e0eefa !important;
}
#category-pension-savings .well {
	background-color: #faecdb !important;
}
#category-preparing-unexpected .well {
	background-color: #e8e6e3 !important;
}
#category-resources .well {
	background-color: #e1ecec !important;
}
.category-callout-list {
	margin-left: -15px;
}

/***** End Category Well *****/

/***** Category Well Link *****/

#category-health-well-being .well a,
#category-pension-savings .well a,
#category-preparing-unexpected .well a,
#category-resources .well a {
	color: #15a5de;
}

#category-health-well-being .well a:hover,
#category-health-well-being .well a:focus,
#category-pension-savings .well a:hover,
#category-pension-savings .well a:focus,
#category-preparing-unexpected .well a:hover,
#category-preparing-unexpected .well a:focus,
#category-resources .well a:hover,
#category-resources .well a:focus {
	color: #da2b1f;
}

/***** End Category Well Link *****/

/***** Category Nav Pill *****/

#category-health-well-being .nav-pills > li.active > a {
	background-color: #15a5de;
}

#category-health-well-being .nav-pills > li > a {
	background-color: #e6f5fb;
}

#category-preparing-unexpected .nav-pills > li.active > a {
	background-color: #c3b7a5;
}

#category-preparing-unexpected .nav-pills > li > a {
	background-color: #e8e6e3;
}

#category-health-well-being .nav-pills > li > a:hover,
#category-health-well-being .nav-pills > li > a:focus,
#category-preparing-unexpected .nav-pills > li > a:hover,
#category-preparing-unexpected .nav-pills > li > a:focus {
	color: #da2b1f;
}

#category-health-well-being .nav-pills > li.active > a,
#category-preparing-unexpected .nav-pills > li.active > a {
	color: #fff;
}

/***** End Category Nav Pill *****/

/***** Category Panel *****/

#category-health-well-being .panel .panel-heading {
	background-color: #15a5de;
}

#category-pension-savings .panel .panel-heading {
	background-color: #f6931d;
}

#category-preparing-unexpected .panel .panel-heading {
	background-color: #c3b7a5;
}

#category-resources .panel .panel-heading {
	background-color: #b2d5d5;
}

.panel-heading {
	color: #fff;
}

.plan-resources-link {
	padding-left: 18px;
}

/***** End Category Panel *****/

.table-striped > tbody > tr > th,
.table-striped > tbody > tr > td {
	text-align: center;
}
.table-striped2 > tbody > tr > td {
	text-align: left;
}

.table-striped > tbody > tr > td:first-child {
	text-align: left;
}

.table-striped > tbody > tr:nth-child(2n + 1) > td,
.table-striped > tbody > tr:nth-child(2n + 1) > th {
	background-color: #e9eced;
}

#category-health-well-being .table-striped > tbody > tr:nth-child(2n + 1) > td,
.table-striped > tbody > tr:nth-child(2n + 1) > th {
	background-color: #e6f5fb;
}

/***** End Categories *****/

/***** Tools *****/

.tools-hw-card {
	min-height: 345px;
}

.tools-financial-card {
	min-height: 345px;
}

/***** End Tools *****/

/***** Footer *****/

footer ul {
	margin: 0;
	float: right;
}

footer ul li {
	font-size: 0.9em;
}

/***** End Footer *****/

/***** Media Queries *****/

@media (max-width: 992px) {
	.icon-block {
		width: calc(33% - 5px);
		height: 350px;
	}

	.icon {
		height: 35%;
	}

	/*.outer-panel {
        width: 33%;
    }

    .icon-container > img {
        width: 50%;
    }*/

	/***** Show Hide *****/

	.display-lg-device {
		display: none !important;
	}

	.display-sm-device {
		display: block !important;
	}

	footer ul {
		margin: 0;
		float: none;
	}

	/***** End Show Hide *****/

	/***** Nav Bar *****/

	.dropdown-menu {
		position: static;
		background-color: none;
		border: none;
		box-shadow: none;
		float: none;
	}

	.dropdown-menu li a:hover {
		background: none;
		color: #666;
	}

	.navbar {
		top: -60px;
		margin-bottom: 0;
		min-height: 0;
	}

	.navbar-header {
		float: none;
	}

	.navbar-toggle {
		display: block;
		margin-right: 5px;
		background-color: #c63632;
	}

	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		background-color: #2c414d;
	}

	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}

	.navbar-collapse {
		float: none !important;
		border: none;
		padding: 10px 20px 0 35px;
	}

	.navbar-collapse.collapse {
		display: none !important;
	}

	.navbar .navbar-collapse {
		text-align: left;
	}

	.navbar-nav {
		float: none !important;
		margin: 7.5px -15px;
	}

	.navbar-nav > li {
		float: none;
		position: relative;
		display: block;
	}

	.navbar-nav > li > a {
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.navbar-text {
		float: none;
		margin: 5px 0;
	}
	/* since 3.1.0 */
	.navbar-collapse.collapse.in {
		display: block !important;
		height: auto;
	}

	.collapsing {
		overflow: hidden !important;
	}

	/***** End Nav Bar *****/

	.gsc-search-box {
		width: 85% !important;
	}

	.tools-hw-card {
		min-height: 360px;
	}

	.tools-financial-card {
		min-height: 485px;
	}
}

@media (max-width: 766px) {
	/*.outer-panel {
        width: 50%;
    }

    .icon-container > img {
        width: 50%;
    }*/

	#category-health-well-being .well,
	#category-health-well-being .panel,
	#category-preparing-unexpected .well,
	#category-preparing-unexpected .panel,
	#category-pension-savings .well,
	#category-pension-savings .panel,
	#category-compensaton .well,
	#category-compensation .panel,
	#category-employee-programs-policies .well,
	#category-employee-programs-policies .panel {
		min-height: 0 !important;
	}

	.life-events-image {
		display: none;
	}

	.webinars-image {
		display: none;
	}

	.life-events-container .dropdown-menu {
		position: absolute;
	}

	.life-events-content-container h1 {
		font-size: 1.5em;
	}

	.life-events-content-container p {
		font-size: 0.9em;
	}

	.life-events-content-container ul {
		padding-left: 18px;
	}

	.life-events-content-container ul li {
		font-size: 0.9em;
	}

	.tools-hw-card {
		min-height: 0;
	}

	.tools-financial-card {
		min-height: 0;
	}
}

@media (max-width: 480px) {
	.icon-block {
		width: 100%;
	}
}

/***** IE 10 and 11 *****/
@media all and (-ms-high-contrast: none) {
	body {
		padding: 0 3%;
	}

	.navbar-brand {
		width: 300px !important;
		height: 100%;
	}

	.input-group {
		width: 80%;
		right: -50px;
	}

	/* IE10 */
	*::-ms-backdrop,
	.foo {
		color: red;
	}
	/* IE11 */
}

@media all and (-ms-high-contrast: none) and (max-width: 766px) {
	.navbar-brand {
		width: 250px !important;
		height: 100%;
	}
}

/***** IE Edge 12+ *****/

@supports (-ms-accelerator: true) {
	.input-group {
		width: 80%;
		right: -50px;
	}
}
