@font-face { font-family: 'oswald-bold'; src: url('../fonts/Oswald-Bold-webfont.eot'); src: url('../fonts/Oswald-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-Bold-webfont.woff2') format('woff2'), url('../fonts/Oswald-Bold-webfont.woff') format('woff'), url('../fonts/Oswald-Bold-webfont.ttf') format('truetype'), url('../fonts/Oswald-Bold-webfont.svg#oswaldbold') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'oswald-light'; src: url('../fonts/Oswald-Light-webfont.eot'); src: url('../fonts/Oswald-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-Light-webfont.woff2') format('woff2'), url('../fonts/Oswald-Light-webfont.woff') format('woff'), url('../fonts/Oswald-Light-webfont.ttf') format('truetype'), url('../fonts/Oswald-Light-webfont.svg#oswaldlight') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'oswald'; src: url('../fonts/Oswald-Regular-webfont.eot'); src: url('../fonts/Oswald-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-Regular-webfont.woff2') format('woff2'), url('../fonts/Oswald-Regular-webfont.woff') format('woff'), url('../fonts/Oswald-Regular-webfont.ttf') format('truetype'), url('../fonts/Oswald-Regular-webfont.svg#oswaldregular') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'sanchez-italic'; src: url('../fonts/Latinotype - SanchezSlab-Italic-webfont.eot'); src: url('../fonts/Latinotype - SanchezSlab-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Latinotype - SanchezSlab-Italic-webfont.woff2') format('woff2'), url('../fonts/Latinotype - SanchezSlab-Italic-webfont.woff') format('woff'), url('../fonts/Latinotype - SanchezSlab-Italic-webfont.ttf') format('truetype'), url('../fonts/Latinotype - SanchezSlab-Italic-webfont.svg#sanchez_slabitalic') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'sanchez-light'; src: url('../fonts/Latinotype - SanchezSlab-Light-webfont.eot'); src: url('../fonts/Latinotype - SanchezSlab-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Latinotype - SanchezSlab-Light-webfont.woff2') format('woff2'), url('../fonts/Latinotype - SanchezSlab-Light-webfont.woff') format('woff'), url('../fonts/Latinotype - SanchezSlab-Light-webfont.ttf') format('truetype'), url('../fonts/Latinotype - SanchezSlab-Light-webfont.svg#sanchez_slab_lightlight') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'sanchez-semibold'; src: url('../fonts/Latinotype - SanchezSlab-SemiBold-webfont.eot'); src: url('../fonts/Latinotype - SanchezSlab-SemiBold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Latinotype - SanchezSlab-SemiBold-webfont.woff2') format('woff2'), url('../fonts/Latinotype - SanchezSlab-SemiBold-webfont.woff') format('woff'), url('../fonts/Latinotype - SanchezSlab-SemiBold-webfont.ttf') format('truetype'), url('../fonts/Latinotype - SanchezSlab-SemiBold-webfont.svg#sanchez_slab_semiboldsemibold') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'sanchez'; src: url('../fonts/Latinotype - SanchezSlab-webfont.eot'); src: url('../fonts/Latinotype - SanchezSlab-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Latinotype - SanchezSlab-webfont.woff2') format('woff2'), url('../fonts/Latinotype - SanchezSlab-webfont.woff') format('woff'), url('../fonts/Latinotype - SanchezSlab-webfont.ttf') format('truetype'), url('../fonts/Latinotype - SanchezSlab-webfont.svg#sanchez_slabregular') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'voltage'; src: url('../fonts/Voltage-webfont.eot'); src: url('../fonts/Voltage-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Voltage-webfont.woff2') format('woff2'), url('../fonts/Voltage-webfont.woff') format('woff'), url('../fonts/Voltage-webfont.ttf') format('truetype'), url('../fonts/Voltage-webfont.svg#voltageregular') format('svg'); font-weight: normal; font-style: normal; }


@media all and (-ms-high-contrast:none){

    #getHelp { right: 15px;}
}
    


/* GLOBAL CSS */
.blue { color: #0070b9;}
.green { color: #53934f;}
.purple { color: #592C82;}
.red { color: #dd0006;}
.teal { color: #00aac6;}
.white { color: #fff;}
.dkgray { color: #6d6e70;}
.gray { color: #a7a9ac;}
.medgray {color: #d1d2d4; }
.ltgray {color: #f1f1f1; }

.bg-blue { background-color: #0070b9; color: #fff;}
.bg-drkgray { background-color: #6f6a74; color: #fff; }
.bg-green { background-color: #53934f; color: #fff; }
.bg-footer { background-color: #E7E7E7;}
.bg-ltgray {background-color: #F1F1F2; }
.bg-medgray { background-color: #e8e8e8; }
.bg-purple { background-color: #592c82; color: #fff;}
.bg-purple { background-color: #592c82; color: #fff;}
.bg-teal { background-color: #00aac6; color: #fff;}
.bg-white { background-color: #fff;} 
.bg-nav { background-color: #6F6A74; color: #fff; }

.sanchez { font-family: sanchez, arial, sans-serif;}
.oswald { font-family: oswald, arial, sans-serif; text-transform: uppercase;}


hr { border-top: 1px solid #f1f1f1; }


.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}



.btn-purple, .btn-purple, a.btn-purple { 
    background-color: #592c82;
    border: none;
    color: #fff; padding: 8px 10px;
    text-decoration: none;
	font-family: oswald, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase;
}
a.btn-purple:hover, .btn-purple:hover, .btn-purple:focus, .btn-purple.focus, .btn-purple:active, .btn-purple.active {
    background-color: #00aac6;
    /*border: 1px solid #00aac6;*/
    color: #fff; text-decoration: none;
}


 .btn-teal, a.btn-teal, .adv-topics a.btn-teal { 
    background-color: #00aac6;
    border: none;
    color: #fff; padding: 8px 10px;
    text-decoration: none;
	font-family: oswald, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase;
}
 a.btn-teal:hover, .btn-teal:hover, .btn-teal:focus, .btn-teal.focus, .btn-teal:active, .btn-teal.active {
    background-color: #0070b9;
    border: none;
    color: #fff;
}

.btn-blue-lg, .btn-blue-lg, a.btn-blue-lg { 
    background-color: #0070b9;
    border: none;
    color: #fff; padding: 12px 17px;
    text-decoration: none;
	font-family: oswald, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase;
}
 a.btn-blue-lg:hover, .btn-blue-lg:focus, .btn-blue-lg.focus, .btn-blue-lg:active, .btn-blue-lg.active {
    background-color: #00aac6;
    border: none;
    color: #fff;
}

 .btn-blue, .btn-blue, a.btn-blue { 
    background-color: #0070b9;
    border: none;
    color: #fff; padding: 8px 10px;
    text-decoration: none;
	font-family: oswald, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase;
}
 a.btn-blue:hover, .btn-blue:focus, .btn-blue.focus, .btn-blue:active, .btn-blue.active {
    background-color: #00aac6;
    border: none;
    color: #fff;
}

.btn-green, .btn-green { 
    background-color: #53934f;
    border: none;
    color: #fff; padding: 8px 10px;
    text-decoration: none;
	font-family: oswald, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase;
}
 a.btn-green:hover, .btn-green:hover, .btn-green:focus, .btn-green.focus, .btn-green:active, .btn-green.active {
    background-color: #0070b9;
    border: none;
    color: #fff;
}

 #container abbr { border-style: dotted; border-color: #111; border-width: 0 0 1px; cursor: pointer; }

sup i.fa.fa-plus-square { padding: 0 2px; font-size: 1.3em; font-style: normal; cursor: pointer;}

#info { width: 60px; height: 60px; background-color: rgba( 0, 0, 0, .05 ); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; padding: 5px; margin: 0 auto 50px; }
    #info:hover { background-color: rgba( 0, 0, 0, .1 ); }
    #info abbr { height: 100%; font-size: 2.188em; font-weight: bold; line-height: 1.4; text-align: center; text-shadow: 0 1px rgba( 0, 0, 0, .25 ); color: #fff; background: #84e100; background: -webkit-gradient( linear, left top, left bottom, from( #84e100 ), to( #6fbc00 ) ); background: -webkit-linear-gradient( top, #84e100, #6fbc00 ); background: -moz-linear-gradient( top, #84e100, #6fbc00 ); background: -ms-radial-gradient( top, #84e100, #6fbc00 ); background: -o-linear-gradient( top, #84e100, #6fbc00 ); background: linear-gradient( top, #84e100, #6fbc00 ); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: none; cursor: pointer; display: block; }
#info { text-decoration: none; }


/*TOOLTIP*/
#tooltip { font-size: 14px;  line-height: 1.5; color: #fff; background: #6f6a74; max-width: 300px; position: absolute; z-index: 100; padding: 15px; cursor: pointer; }
    #tooltip:after { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #6f6a74; border-top-color: #6f6a74; content: ''; position: absolute; left: 50%; bottom: -10px; margin-left: -10px; }
    #tooltip.top:after { border-top-color: transparent; border-bottom: 10px solid #6f6a74; border-bottom-color: #6f6a74; top: -20px; bottom: auto; }
    #tooltip.left:after { left: 10px; margin: 0; }
    #tooltip.right:after { right: 10px; left: auto; margin: 0; }



.btn-mobile, .btn-mobile { 
    background-color: transparent;
    border: 1px solid #867d8e;
    color: #fff; padding: 8px 12px 6px;
    text-decoration: none;
	font-family: oswald, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: .9em;
}
 a.btn-mobile:hover, .btn-mobile:hover, .btn-mobile:focus, .btn-mobile.focus, .btn-mobile:active, .btn-mobile.active {
    background-color: #0070b9;
    border: 1px solid #0070b9;
    color: #fff;
}

 .btn-dl, a.btn-dl { 
    background-color: #592c82;

    /*border: 1px solid #a7a9ab;*/
    color: #fff; padding: 8px 13px;
    text-decoration: none;
	font-family: oswald-light, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase;
}

 .btn-dl:hover, a.btn-dl:hover, .btn-dl:focus { background: #00aac6; color: #fff;} 

/* Padding / Margins */
.mar30bot { margin-bottom: 30px;}

.mar-5top { margin-top: -5px;}
.mar-10top { margin-top: -10px; }
.mar10top { margin-top: 10px;}
.mar20top { margin-top: 20px;}
.mar25top { margin-top: 25px;}
.mar30top { margin-top: 30px;}

.why2 { margin-bottom: -120px; }

.mar-15left { margin-left: -15px;}
.mar-20left { margin-left: -20px;}
.hsa-makeup { margin-left: -40px;}

.pad10left { padding-left: 10px;}
.pad30left { padding-left: 30px;} 
.pad0 { padding: 0; }
.pad0mar0 { padding: 0; margin: 0;}

.pad8top { padding-top: 8px;}
.pad10top { padding-top: 10px;}
.pad15top { padding-top: 15px;}
.pad20top { padding-top: 20px;}
.pad30top { padding-top: 30px;}
.pad40top { padding-top: 40px;}
.pad50top { padding-top: 50px; }

.pad0bot { padding-bottom: 0; }
.pad5bot { padding-bottom: 5px;}
.pad10bot { padding-bottom: 10px;}
.pad20bot { padding-bottom: 20px;}
.pad30bot { padding-bottom: 30px;}

.pad15tb { padding: 15px 0;}

.pad0right { padding-right: 0;}
#existingLearn { width: 434px;}

.hs-form fieldset { max-width: none !important; }
.hbspt-form input[type="text"], .hbspt-form input[type="email"]  { height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #000; background-color: #f1f1f2; background-image: none; border: none; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); border-radius: 1px; width: 434px}
.hbspt-form input[type="submit"] { background-color: #592c82; border: none; color: #fff; padding: 8px 40px; text-decoration: none; font-family: oswald, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; }

.hbspt-form textarea { padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #000; background-color: #f1f1f2; background-image: none; border: none; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); border-radius: 1px; width: 500px; height: 100px; margin-bottom: 20px;}

.hbspt-form select { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #000; background-color: #f1f1f2; background-image: none; border: none; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); border-radius: 1px; }

.hbspt-form input[type="checkbox"], .hbspt-form input[type="radio"]  { display: inline;box-shadow: none; background: none; height: auto; margin-right: 5px;padding-top: 0px;  }
li.hs-form-checkbox, li.hs-form-checkbox label, li.hs-form-radio, li.hs-form-radio label { list-style: none; padding-top: 0;}

.hbspt-form label { font-size: 14px; padding-top: 20px;  }
.hs-form-required { color: #00aac6}

.hs-error-msgs { list-style: none; background: #00aac6; color: #fff; padding: 5px 10px 3px; margin-top: 0;}
    .hs-error-msgs label { padding-top: 0;}

.hs-recaptcha { padding-bottom: 20px; }

.no-debit { display: none;} 

.bold { font-weight: bold;}

.modal-open[style] { padding-right: 0 !important;}

#toTop {  background-color: #00aac6; bottom:55px; color: #fff; cursor: pointer; display: none;
    padding: 0px 12px 5px 12px; opacity: .95; position: fixed; right: 0px; z-index: 100; line-height: .1em; border-top: 1px solid #f1f1f1; border-left: 1px solid #f1f1f1;/*border-radius: 3px;*/ }
#toTop i { margin-top: -7px;}
#toTop p { font-family: oswald, arial, sans-serif; margin-top: 2px; padding-left: 3px;}

#getHelp{ text-align: center; background-color: #592c82; font-family: oswald, arial, sans-serif; font-size: 18px; line-height: .5em; text-transform: uppercase; bottom: 0px; color: #fff; cursor: pointer; display: none; border-top: 1px solid #f1f1f1; border-left: 1px solid #f1f1f1; /*border-right: 1px solid #f1f1f1;*/
    padding: 0px 12px 0px 13px; opacity: .95; position: fixed;right: 0px; z-index: 100; }
#getHelp i { padding-top: 10px; padding-bottom: 8px; color: #fff;}
#getHelp p, #getHelp a { color:#fff; font-size: 15px; text-decoration: none;}
#getHelp p  { margin-top: 2px; color:#fff; font-size: 13px; letter-spacing: .5px;}


img { border: 0;}

a img, a, a:focus, a:active { outline: none; }
.italic { font-style: italic; }

 .fa-ul { margin: 0; padding-left: 0px; }
    .fa-ul li { margin: 0; padding: 0; text-indent: -10px; margin-left: 20px; padding-bottom: 10px; list-style: none;}

    .icon-ul { margin: 0; padding-left: 38px; padding-right: 32px; padding-bottom: 10px; }
    .icon-ul li { margin: 0; padding: 0; text-indent: -3px; margin-left: 20px; padding-bottom: 5px; list-style: none;}
    .icon-ul li i { padding-left: 0;}

.btn { font-family: oswald, arial, sans-serif; text-transform: uppercase; letter-spacing: .5px;}
.btn-default { padding: 8px 18px;}


.heq-brand img { padding-left: 40px; margin-top: 40px;}

.navbar-nav i { font-size: .9em;}
.navbar-default .navbar-brand, 
.navbar-default .navbar-brand:hover { color: #fff; font-family: Oswald, arial, sans-serif; font-size: .9em; text-transform: uppercase; letter-spacing: .5px; margin-top: 3px;}

.navbar-default .navbar-nav a { font-family: sanchez, arial, sans-serif; font-size: 1.1em; color: #fff;}

.navbar-default .navbar-nav > li > a:hover {
  text-decoration: none;
  border-bottom: 5px solid #592c82;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: #5f5b64;
    border-bottom: 5px solid #03aac5;
    color: #fff;
    
}
.voltage { font-family: voltage, sanchez, sans-serif;}

section { background: #fff; padding: 20px 0 35px; }

.bg-footer { background: #e7e7e7; }
.row { }

h2 { font-size: 25px; font-family: sanchez, arial, sans-serif; }
    h2:first-child { }

.fa-ul li { padding-left: 15px; padding-bottom: 10px;}
    .fa-ul li i { padding-right: 5px;}

.sup { font-size: 78%; vertical-align: baseline; color: #00aac6; 
       display: block; float: left; padding-right: 2px; padding-bottom: 20px;}
.th { font-family: oswald-light, arial, sans-serif; font-size: 1.1em; letter-spacing: .5px; text-transform: uppercase; color: #592c82 }


   


/* Header - Logo section */
.header { background-color: #592c82; color: #fff; margin: 0; padding: 0; z-index: 300;}







.desktop-nav  { margin: 0 auto; padding: 0;}
    .desktop-nav ul { list-style: none; margin: 0 0 0 15px; }
        .desktop-nav ul li { float: left;  display: block; }
    .desktop-nav a { font-family: sanchez, arial, sans-serif; font-size: 1.1em; color: #Fff; 
                     padding: 14px 20px; display: block; border-bottom: 4px solid #6f6a74; text-decoration: none;}
    .desktop-nav a.hsa.active { font-family: sanchez-semibold, arial, san-serif; background: #5f5b64; border-bottom: 4px solid #00aac6;}
    .navbar-nav > li > .dropdown-menu li a.url-hsa:hover { background-color: #dcddde; color: #333;}
    .desktop-nav a.hsa:hover, .desktop-nav a.hsa:focus{ background: #00aac6; border-bottom: 4px solid #00aac6;}
    .navbar-nav .open a.hsa { background: #00aac6; border-bottom: 4px solid #00aac6;}

    .desktop-nav a.retirement.active { font-family: sanchez-semibold, arial, san-serif; background: #5f5b64; border-bottom: 4px solid #53934f;}
    .navbar-nav > li > .dropdown-menu li a.url-retirement:hover { background-color: #dcddde; color: #333;}
    .desktop-nav a.retirement:hover, .desktop-nav a.retirement:focus{ background: #53934f; border-bottom: 4px solid #53934f;}
    .navbar-nav .open a.retirement { background: #53934f; border-bottom: 4px solid #53934f;}

    
    .desktop-nav a.fsa:hover, .desktop-nav a.fsa:focus { background: #0070b9; border-bottom: 4px solid #0070b9; }
    .navbar-nav > li > .dropdown-menu li a.url-fsa:hover { background-color: #dcddde; color: #333;}
    .desktop-nav a.fsa.active { font-family: sanchez-semibold, arial, san-serif; background: #5f5b64; border-bottom: 4px solid #0070b9;}
    .navbar-nav .open a.fsa { background: #0070b9; border-bottom: 4px solid #0070b9;}

    .desktop-nav a.fsa2019:hover, .desktop-nav a.fsa2019:focus { background: #0070b9; border-bottom: 4px solid #0070b9; }
    .navbar-nav > li > .dropdown-menu li a.url-fsa2019:hover { background-color: #dcddde; color: #333;}
    .desktop-nav a.fsa2019.active { font-family: sanchez-semibold, arial, san-serif; background: #5f5b64; border-bottom: 4px solid #0070b9;}
    .navbar-nav .open a.fsa2019 { background: #0070b9; border-bottom: 4px solid #0070b9;}
    
    .desktop-nav a.hra:hover, .desktop-nav a.hra:focus { background: #53934f; border-bottom: 4px solid #53934f;}
    .navbar-nav > li > .dropdown-menu li a.url-hra:hover { background-color: #dcddde; color: #333;}
    .desktop-nav a.hra.active { font-family: sanchez-semibold, arial, san-serif; background: #5f5b64; border-bottom: 4px solid #53934f;}
    .navbar-nav .open a.hra { background: #53934f; border-bottom: 4px solid #53934f;}

     .desktop-nav a.lphra:hover, .desktop-nav a.lphra:focus { background: #53934f; border-bottom: 4px solid #53934f;}
    .navbar-nav > li > .dropdown-menu li a.url-lphra:hover { background-color: #dcddde; color: #333;}
    .desktop-nav a.lphra.active { font-family: sanchez-semibold, arial, san-serif; background: #5f5b64; border-bottom: 4px solid #53934f;}
    .navbar-nav .open a.lphra { background: #53934f; border-bottom: 4px solid #53934f;}

    .desktop-nav a.hia:hover, .desktop-nav a.hia:focus { background: #53934f; border-bottom: 4px solid #53934f;}
    .navbar-nav > li > .dropdown-menu li a.url-hia:hover { background-color: #dcddde; color: #333;}
    .desktop-nav a.hia.active { font-family: sanchez-semibold, arial, san-serif; background: #5f5b64; border-bottom: 4px solid #53934f;}
    .navbar-nav .open a.hia { background: #53934f; border-bottom: 4px solid #53934f;}

    .desktop-nav a.lpfsa:hover, .desktop-nav a.lpfsa:focus { background: #0070b9; border-bottom: 4px solid #0070b9; }
    .navbar-nav > li > .dropdown-menu li a.url-lpfsa:hover { background-color: #dcddde; color: #333;}
    .desktop-nav a.lpfsa.active { font-family: sanchez-semibold, arial, san-serif; background: #5f5b64; border-bottom: 4px solid #0070b9;}
    .navbar-nav .open a.lpfsa { background: #0070b9; border-bottom: 4px solid #0070b9;}
	
	.desktop-nav a.lphcra:hover, .desktop-nav a.lphcra:focus { background: #0070b9; border-bottom: 4px solid #0070b9; }
    .navbar-nav > li > .dropdown-menu li a.url-lphcra:hover { background-color: #dcddde; color: #333;}
    .desktop-nav a.lphcra.active { font-family: sanchez-semibold, arial, san-serif; background: #5f5b64; border-bottom: 4px solid #0070b9;}
    .navbar-nav .open a.lphcra { background: #0070b9; border-bottom: 4px solid #0070b9;}

    .desktop-nav a.hcra:hover, .desktop-nav a.hcra:focus { background: #0070b9; border-bottom: 4px solid #0070b9; }
    .navbar-nav > li > .dropdown-menu li a.url-hcra:hover { background-color: #dcddde; color: #333;}
    .desktop-nav a.hcra.active { font-family: sanchez-semibold, arial, san-serif; background: #5f5b64; border-bottom: 4px solid #0070b9;}
    .navbar-nav .open a.hcra { background: #0070b9; border-bottom: 4px solid #0070b9;}

    .desktop-nav a.dcra:hover, .desktop-nav a.dcra:focus { background: #00aac6; border-bottom: 4px solid #00aac6;}
    .navbar-nav > li > .dropdown-menu li a.url-dcra:hover { background-color: #dcddde; color: #333;}
    .desktop-nav a.dcra.active { font-family: sanchez-semibold, arial, san-serif; background: #5f5b64; border-bottom: 4px solid #00aac6;}
    .navbar-nav .open a.dcra { background: #00aac6; border-bottom: 4px solid #00aac6;}

    .desktop-nav a.commuter:hover, .desktop-nav a.commuter:focus { background: #0070b9; border-bottom: 4px solid #0070b9;}
    .navbar-nav > li > .dropdown-menu li a.url-commuter:hover { background-color: #dcddde; color: #333; white-space: initial;}
    .desktop-nav a.commuter.active { font-family: sanchez-semibold, arial, san-serif; background: #5f5b64; border-bottom: 4px solid #0070b9;}
    .navbar-nav .open a.commuter { background: #0070b9; border-bottom: 4px solid #0070b9;}

    .desktop-nav a.dcfsa:hover, .desktop-nav a.dcfsa:focus { background: #53934f; border-bottom: 4px solid #53934f;}
    .navbar-nav > li > .dropdown-menu li a.url-dcfsa:hover { background-color: #dcddde; color: #333; white-space: initial;}
    .desktop-nav a.dcfsa.active { font-family: sanchez-semibold, arial, san-serif; background: #5f5b64; border-bottom: 4px solid #53934f;}
    .navbar-nav .open a.dcfsa { background: #53934f; border-bottom: 4px solid #53934f;}

    .desktop-nav a.hcfsa:hover, .desktop-nav a.hcfsa:focus { background: #0070b9; border-bottom: 4px solid #0070b9;}
    .navbar-nav > li > .dropdown-menu li a.url-hcfsa:hover { background-color: #dcddde; color: #333; white-space: initial;}
    .desktop-nav a.hcfsa.active { font-family: sanchez-semibold, arial, san-serif; background: #5f5b64; border-bottom: 4px solid #0070b9;}
    .navbar-nav .open a.hcfsa { background: #0070b9; border-bottom: 4px solid #0070b9;}

     .desktop-nav a.pdhra:hover, .desktop-nav a.pdhra:focus { background: #0070b9; border-bottom: 4px solid #0070b9;}
    .navbar-nav > li > .dropdown-menu li a.url-pdhra:hover { background-color: #dcddde; color: #333; white-space: initial;}
    .desktop-nav a.pdhra.active { font-family: sanchez-semibold, arial, san-serif; background: #5f5b64; border-bottom: 4px solid #0070b9;}
    .navbar-nav .open a.pdhra { background: #0070b9; border-bottom: 4px solid #0070b9;}

    .desktop-nav a.sahra:hover, .desktop-nav a.sahra:focus { background: #00aac6; border-bottom: 4px solid #00aac6;}
    .navbar-nav > li > .dropdown-menu li a.url-sahra:hover { background-color: #dcddde; color: #333; white-space: initial;}
    .desktop-nav a.sahra.active { font-family: sanchez-semibold, arial, san-serif; background: #5f5b64; border-bottom: 4px solid #00aac6;}
    .navbar-nav .open a.sahra { background: #00aac6; border-bottom: 4px solid #00aac6;}

    /*.desktop-nav a.lpfsa.active { font-family: sanchez, arial, san-serif; background: #5f5b64; border-bottom: 4px solid #0070b9;}
    .desktop-nav a.hra.active { font-family: sanchez, arial, san-serif; background: #5f5b64; border-bottom: 4px solid #53934f;}
  
    .desktop-nav a.hra:hover { background: #79777c; border-bottom: 4px solid #53934f;}*/
    
    

    /*.desktop-nav a.dcra.active { font-family: sanchez, arial, san-serif; background: #5f5b64; border-bottom: 4px solid #0070b9;}
    .desktop-nav a.dcra:focus, .desktop-nav a.dcra:hover { background: #0070b9; border-bottom: 4px solid #0070b9;}
    .navbar-nav > li > a.dcra.active.dropdown-menu li, .navbar-nav > li > a.dcra.dropdown-menu li { background-color: #0070b9; border-bottom: 4px solid #0070b9; }
    .navbar-nav .open a.dcra { background: #0070b9; }
     .navbar-nav > li > .dropdown-menu li a.url-dcra:hover { background-color: #dcddde; color: #333;}*/
     



    .navbar-nav > li > .dropdown-menu { margin-left: 0; padding: 0;  background-color: #f1f1f1;}
    .navbar-nav > li > .dropdown-menu li { float: none; border-bottom: 1px solid #fff; }
    .navbar-nav > li > .dropdown-menu li a { font-family: museo-sans, arial, sans-serif; padding: 15px 20px; border-bottom: none; color: #333; }
    .navbar-nav > li > a.hsa.active.dropdown-menu li, .navbar-nav > li > a.hsa.dropdown-menu li { background-color: #0070b9; border-bottom: 4px solid #0070b9; }
    .navbar-nav > li > .dropdown-menu li a:hover { background-color: #00aac6; color: #fff; }
    .navbar-nav > li > .dropdown-menu li a:hover:before { }
    .navbar-nav .open a.hsa { background: #00aac6;}

    #mobileHSA i { font-size: .9em; width: 10px;} 
    .mobile-nav .dropdown-menu li a {font-family: museo-sans, arial, sans-serif; padding: 15px 20px; border-bottom: none; color: #333;}

    .anchor { display: block; height: 50px; /*same height as header*/ margin-top: -50px; /*same height as header*/ visibility: hidden; }



    .heq-logo img { padding-left: 16px;} 

/* Section 1 - Intro */

/* ---HSA---- */

.hero { background: url(../img/hero/bg-medical.png) top center; height: 296px;}
    .hero-msg { margin-top: 50px;}
    .hero-msg2 { margin-top: 50px; border-left: 1px solid #a7a9ab; margin-left: 55px; padding-left: 25px;}
    .hero-msg3 /* Has right ad */{ margin-top: 30px;}
    .hero-web-pct { margin-top: 40px }/* Has webinar and PCT */
    .tagline { font-family: Oswald, Arial, sans-serif; font-size: 72px; margin-bottom: -8px} /* HSAs are an easy win*/
    .tagline2 { font-family: sanchez-light, Arial, sans-serif; font-size: 34px;}/* in today's complex healthcare system*/

.hero2 /* Has right ad */ { background: url(../img/hero/bg-medical.png) top center; height: auto;}
.quiz-desktop { background:#592c82; color:#fff; padding: 20px 23px 18px; margin-top: 30px;}
.quiz-copy { font-family: sanchez; font-size: 18px}

        .hsa-huge { font-size: 8em; font-family: oswald, helvetica, arial, sans-serif; color: #592c82; 
                    float: left; padding-right: 20px;}
        .pct-ad { padding-left: 3px}
            .pct-ad p:first-child { font-size: 15px; padding-top: 10px}
        
        .easy-win { font-family: sanchez, arial, sans-serif; font-size: 2em; line-height: 1.2em; color: #0070b9; float: left; padding-top: 55px;}

		.hsa-huge3 { margin-top: 0px; font-family: Oswald, Arial, sans-serif; font-size: 50px; line-height: 55px;}
        .hsa-huge2 { margin-top: 40px; font-family: Oswald, Arial, sans-serif; font-size: 60px; line-height: 51px;}
            .hsa-huge2 .voltage { font-size: 95px;}
            .complex { font-size: 25px; font-family: sanchez-light; padding-left: 3px;}

        .congrats { font-size: 5em; line-height: 1em; font-family: oswald, helvetica, arial, sans-serif; text-transform: uppercase; color: #592c82; }

        .health-plan { font-family: sanchez, arial, sans-serif; font-size: 1.8em; line-height: 1.2em; color: #0070b9; padding-left: 5px }
        .health-plan img { width: }
        .hsa-custodian { font-family: sanchez-italic, arial, sans-serif; font-size: 1.1em; padding-left: 5px}

        .get-started { font-family: sanchez, arial, sans-serif; font-size: 2.6em; line-height: 1em; color: #0070b9; padding-top: 5px;}

    .comparison-tool-ad { margin-top: 12px; }
        .comparison-tool-header { background-color: #592c82; color: #fff; border-color: #592c82; 
                                  font-family: sanchez, arial, sans-serif; font-size: 1.4em; text-align: center;
                                  padding: 10px; }
        .comparison-tool-ad img { border: 1px solid #c8cacb;}
        .comparison-tool-ad img:hover { background-color: #592c82; color: #fff; height: auto;}

    .comparison-tool-ad-mobile { display: none;}
    /* #media_comparison { display: none;} */



/* Eastman */

.eastman-hero { padding-top: 15px; }
.eastman-ad { background: #592C82; padding: 20px; color: #fff; font-family: sanchez, Arial, sans-serif; font-size: 16px; margin-top: 10px;}
.quiz-mobile { display: none;}
    
    /* Sprint */
.sprint-hero { }
.sprint-ad { padding-top: 35px; }
#sprint_transfer_form { display: none;}

.quiz-ad { padding-top: 18px; margin-left: -75px;} 
    
    


/* ---FSA---- */
    .fsa-hero { background: url(../img/hero/bg-medical.png) top center; height: 321px;}
    .fsa-hero .hero-msg { margin-top: 0; }
    .fsa-huge { font-size: 8em; font-family: oswald, helvetica, arial, sans-serif; color: #592c82; 
                      text-align: center; margin-top: 0; padding-top: 0; line-height: 1em; padding-top: 30px;}

    .fsa-subhead { font-family: sanchez, arial, sans-serif; font-size: 2em; line-height: 1.2em; color: #0070b9; text-align: center; padding-top: 0; }

    .fsa-use img { margin-left: -65px; margin-top: -65px; padding-right: 30px;}
    .tax-btn { padding: 0 50px; margin-top: 20px;}
    .tax-btn-mobile { display: none; }

    .ortho-ad { width: 80%; padding: 18px 28px }
        .ortho-ad img { display: block; margin: 0 auto;}

.fsa-hero-ad { background: url(../img/hero/bg-medical.png) top center; padding: 40px 0;}
.fsa-hero-ad h1 { font-family: Oswald, Arial, sans-serif; font-size: 40px;text-transform: uppercase; color: #592C82}
    .fsa-hero-ad h1 span { text-transform: lowercase;}
    .fsa-hero-ad p { font-size: 16px; line-height: 25px; }
.ad-fsa { background: #00aac6; color: #fff; padding: 22px;  }
    .ad-fsa h2 { margin-top: 0; font-family: Oswald, Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 18px; line-height: 30px;}
    .ad-fsa p { font-size: 14px; line-height: 20px; }



/* Section 2 - Why HSAs */
.why { padding: 25px 0 50px; }

.empower { background: url(../img/why/bg-empower.png) top center no-repeat; height: 200px; }
    .empower h2 { padding-top: 0; margin-top: -2px; text-align: center;}
    .empower h3 { font-family: sanchez-semibold, helvetica, arial, sans-serif; font-size: 20px; margin-bottom: 2px;}

    .media-left2 { padding-right: 15px; float: left;}
    .empower-items {padding-top: 10px; }

    .empower-left {padding-left: 30px; padding-top: 10px;} 
    .empower-right { padding-top: 10px; padding-left: 30px;}

    .empower-right  h2 { padding-left: 30px}

    .empower-left-items { padding-top: 15px;}
    .me-link-mobile { display: none; }


.superhero2 {float: right; margin-top: -135px; margin-right: -125px; margin-bottom: -35px; margin-left: -120px; position: relative; z-index: 0; overflow: hidden;}
.saving-vid {float: left; position: relative; z-index: 1; padding-top: 50px; margin-top: -15px; margin-left: 30px;}

/*.video-ad { border: 1px solid #d1d2d4; border-radius: 3px;}
    .video-ad-header { background-color: #592c82; color: #fff; }
        .video-ad h3 { font-size: 18px; font-family: sanchez, arial, sans-serif; margin-top: -1px; padding: 20px 25px; text-align: center; }*/

.hsa-video { border: 1px solid #d8d9da; background: #f3f3f4; margin-right: 10px; padding: 20px 30px 0px 20px; margin-bottom: 20px;}

.hsa-pig { margin-top: -90px; margin-left: 148px;}

.pig-saves { font-family: oswald, arial, sans-serif; font-size: 26px; color: #592c82}

/*.hsa-pig {  animation: shake 20s linear infinite;}
    @keyframes shake { 
    0%      { transform: translate(20px, 0px) rotate(0deg); }
    20%     { transform: translate(0px, 0px) rotate(5deg); }
    40%     { transform: translate(20px, 0px) rotate(0deg); }
    60%     { transform: translate(00px, 0px) rotate(5deg); }
    100%    { transform: translate(20px, 0px) rotate(0deg); }

    }*/

.media-ad { border: 1px solid #d8d9da; padding: 20px 20px 0px 20px; display: block;}
    .media-ad h4 { font-family: oswald, arial, sans-serif; font-size: 20px; text-transform: uppercase; margin-top: 0px; margin-bottom: 5px;}
    .media-ad img { width: 80px; padding-right: 15px; padding-bottom: 40px; float: left;}
    /*.media-ad h3 { font-size: 25px; font-family: oswald, helvetica, arial, sans-serif; letter-spacing: .5px; text-transform: uppercase; margin-top: 5px; }
    .media-ad p { padding: 5px 0;}*/
    .media-ad a { color: #5f5b64; text-decoration: none;} 


.superhero { margin-left: -120px; margin-top: -50px;}
   


/* Section 3 - How */
.how { }
    .how h2 { font-size: 28px; font-family: sanchez, arial, sans-serif;}
       .how h2.hsa-how { padding-left: 20px; padding-bottom: 20px;}
       .how h2.overview { text-align: left;}
    .how h3 { font-size: 25px; font-family: sanchez, arial, sans-serif; margin-top: 0;}
    .how h3.qualified { padding-top: 54px;}

    .how img { display: block; margin: 0 auto;}

    .how-hsa { padding-left: 30px;}

    .hsa-parts { font-family: oswald, arial, sans-serif; font-size: 1.4em; text-transform: uppercase;
                 padding-top: 10px; margin-bottom: 2px; }

    .plus { font-size: 65px; font-weight: 700; }
    
    .no-change { border: 1px solid #7b589a; border-radius: 2px; padding: 8px 5px; margin: 30px 20px 0;
                 text-align: center; text-transform: uppercase; font-size: .9em; color: #dcddde;}

/* Section 4 - Who can contribute */
.contribute { }
    .contribute h2 { font-size: 22px; font-family: sanchez, arial, sans-serif; }

.contribute .media { border-bottom: 1px solid #f1f1f1;}
    .media.no-border { border-bottom: none;}
    .media-item1 { padding-top: 12px;}
    .media-item2 { padding-top: 20px;}
    .media-item3 { padding-top: 15px;}



/* Section 5 - Advanced topics */
.adv-topics { background: #f9f9f9 url(../img/advtopics/guidebook.jpg)top right; padding: 0; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1;}
    .adv-topics a h2, .adv-topics a:hover h2 { font-size: 28px; color: #0070b9; text-decoration: none;}
    .adv-topics a { color: #333; text-decoration: none;}
    .adv-topics a:hover { text-decoration: none;}
    .adv-topics p { padding-bottom: 15px; color: #333;}
 .adv-topics ul { list-style: none; margin-left: -15px; padding-left: 0; font-size: 16px; color: }
    .adv-topics ul li a { color: #0070b9;}
    .adv-topics ul li a:hover { text-decoration: underline;}
    .adv-topics ul li {  padding-bottom: 5px;}
    p.guidebook-ad {font-family: sanchez, arial, sans-serif; font-size: 1.8em; padding-top: 40px; padding-bottom: 0; color: #592c82; margin-left: -15px;}
    p.guidebook-action { margin-left: -15px;  }
    .guidebook-img { margin-top: -60px;}
    .guidebook-img.bbu-guidebook { margin-top: 56px;}
.bbu-transfer { display: none;}


/* Section 6 - Media library */

.media-library { }
    .media-library h2 { text-transform: uppercase;}
    .media-library h3 { font-family: oswald, helvetica, arial, sans-serif; font-size: 20px; text-transform: uppercase; color: #00aac6; margin-top: 10px;}

    .media-wrap { display: block; border: 1px solid transparent; padding: 20px 10px; height: 270px}
    .media-wrap:hover { background: #fff; border: 1px solid #dcddde; padding: 20px 10px; border-radius: 6px;}
    .media-library a { color: #5f5b64; text-decoration: none;}

    .extra { padding: 10px 0; }

.calc h2 { font-family: oswald, sans-serif; font-size: 30px; text-transform: uppercase; padding-bottom: 10px; padding-left: 15px;}
 .calc select { margin-top: 5px;}
      .calc label { padding-bottom: 0px; margin-bottom: 0;}
      .calc input { padding: 5px 10px; margin-top: 5px; background: #f1f1f2; border: 1px solid #E7E7E8;}
      .calc-steps { font-family: oswald, sans-serif; font-size: 1.5em; text-transform: uppercase; color: #592c82; margin-bottom: 10px;}
      .calc-steps-description { font-family: sanchez-italic, sans-serif; font-size: 1.3em; color: #0070b9; margin-bottom: 20px; }
      .calc-note { margin-top: -18px; padding-bottom: 15px; font-weight: 500; font-size: 1.1em; color: #6d6e70; }

      .calc-contribution { padding: 25px; color: #fff; }
        .calc-contribution p { font-family: oswald-light; color: #fff; font-size: 1.7em;  margin-bottom: 8px;}
        .calc-contribution hr.cont-blue { border-top: 1px solid #015f9c; border-bottom: 1px solid #0180d3;  padding-top: 0; margin-top: 0; margin-bottom: 15px;}
        .calc-contribution hr.cont-purple { border-bottom: 1px solid #653194; border-top: 1px solid #4d2670;  padding-top: 0; margin-top: 0; margin-bottom: 15px;}
        .calc-contribution hr.cont-teal{ border-bottom: 1px solid #02bbda; border-top: 1px solid #0198b1;  padding-top: 0; margin-top: 0; margin-bottom: 15px;}
        .calc-contribution hr.cont-green{ border-bottom: 1px solid #5da358; border-top: 1px solid #498045;  padding-top: 0; margin-top: 0; margin-bottom: 15px;}

       
        .calc-contribution i { color: #fff; font-size: 1.5em; padding-right: 5px;}

        .calc-error { display: block; font-family: sanchez-italic; font-size: 0.8em; font-weight: normal; padding-top: 0;}
        .calc-contribution i.error { font-size: 1.1em; color: #d1d2d4; }

        .calc hr { border-bottom: 1px solid #fff;
    border-top: 1px solid #e2e2e4;
    margin: 25px 0;}

        .secondary .payroll-note { color: #00aac6; font-size: .95em; font-style: italic;margin-bottom: 5px;}
        .contribution-year { font-family: sanchez-semibold; color: #fff; margin-top: 0px; margin-bottom: 20px; padding: 5px 10px; display: inline-block;}

    .contribution { font-size: 22px; line-height: 35px; font-weight: bold; color: #fff; }
    .input-group .form-control { background: #a7a9ab; }
	input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
		color: #000000;
	}
	input::-moz-placeholder { /* Firefox 19+ */
		color: #000000;
	}
	input:-ms-input-placeholder { /* IE 10+ */
		color: #000000;
	}
	input:-moz-placeholder { /* Firefox 18- */
		color: #000000;
		opacity: 1;
	}
    .block { display: block;}

.future-balance h2 { font-family: oswald, sans-serif; font-size: 30px; text-transform: uppercase; padding-bottom: 10px; padding-left: 15px;}

 .future-balance .input-group-addon {  background: #fff; color: #0070b9; border-right: 1px solid gray; width: 250px; text-align: left;}
    .future-balance .input-group-addon span { color: #333; }

    .future-balance .form-control { background: #f1f1f1; }


/* Section 7 - Retirement */

.retirement { padding: 40px 0 40px;}
.retirement h2 { font-size: 30px; color: #592c82;}
.retirement h3 { font-family: oswald, helvetica, arial, sans-serif; font-size: 20px; line-height: 24px; text-transform: uppercase;
                 margin: 0; text-align: center;}

.grow-description { padding-top: 100px }

.retire-header, .retire-header2 { padding: 30px 15px 20px; text-align: center;}

.retire-header img { padding-top: 20px; }
.retire-header2 img { padding-top: 0px; margin-top: -4px;}
.retire-description { padding: 20px 20px 0; min-height: 200px;}
    .retire-description p { padding-bottom: 10px; }

.full-modules { padding-right: 0; padding-left: 0;}
.advisor-mod img { padding-bottom: 16px; margin-top: -8px;}

.media-left { padding-right: 30px;}

.couple-hide { display: none; }

/* Subsection - investment */

.investment h2 {font-family: oswald, 'helvetica neue', 'Helvetica', arial, sans-serif; font-size: 2.3em; text-transform: uppercase; color: #592c82; }

.investment h2.secondary { font-family: sanchez, arial, sans-serif; font-size: 1.8em; text-transform: initial; color:#00aac6; margin-bottom: 2px;} 
.investment h3 { color: #53934f; font-weight: 700; font-size: 1.1em; margin-bottom: 2px;}

.investment-thought {position: absolute; right: 0; top: 0;}
.investment-intro {width: 85%; padding-right: 20px;}
.investment-options { width: 65%;}

table.funds tr th, table.funds tr td { padding:  6px 10px;}
table.funds th { background: #592c82; color: #fff; font-family: oswald-light, arial, sans-serif; text-transform: uppercase; font-size: 1.3em;}
table.funds td {  font-size: .9em;}

table.no-border { margin-bottom: 0;}
table.no-border tr td { font-family: sanchez-semibold, arial, sans-serif; font-size: 1.2em; border-bottom: none; color: #0070b9; }

#best-in-class p, #investor-choice p { padding: 30px 16px 20px;} 

.investment .nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  color: #6d6e70; font-size: 14px; text-transform: uppercase; 
}

.investment .nav-tabs > li.active > a {
   color: #592c82; border-bottom: 1px solid #592c82;
   text-decoration: none; font-weight: bold; border-top: none; border-left: none; border-right: none;
}
.investment .nav-tabs > li > a:hover {
   background-color: #00aac6; color: #fff; border-radius: 0;
   text-decoration: none; 
}
.investment.nav-tabs > li.active > a,
.investment.nav-tabs > li.active > a:hover,
.investment .nav-tabs > li.active > a:focus {
  color: #592c82; 
  background-color: #ffffff;
  /*border: 1px solid #dddddd;*/
  border-bottom: 1px solid #592c82;
  cursor: default;
  font-weight: bold; text-decoration: none;
}

#investor-choice .funds-familiar { padding: 10px 25px; }
    #investor-choice .funds-familiar h3 { font-family: sanchez, Arial, sans-serif; font-size:18px; color:  #592c82; margin-top: 13px; padding-bottom: 10px; margin-bottom: 0;}
    #investor-choice .funds-familiar p { padding: 0;}

/* Advisor */
.tab-pane { padding-top: 20px; }

h2.advisor-product { font-size: 1.9em; line-height: 1em; padding-top: 15px; }
h2.advisor-product.purple { color: #592c82;}
h2.advisor-product.teal { color: #00aac6;}
h2.advisor-product.blue { color: #0070b9;}
h2.advisor-product span { font-family: sanchez, arial, sans-serif; font-size: .6em; text-transform: initial; color: #6d6e70; margin-top: -10px}
h3.advisor-product { font-size: 1.4em; line-height: 1.5em; }
h3.advisor-product.purple { color: #592c82;}
h3.advisor-product.teal { color: #00aac6;}
h3.advisor-product.blue { color: #0070b9;}
h2.gps { color: #00aac6; font-size: 1.4em; line-height: 1.5em; float: none; width: 100%;}

.autopilot { width: 60px; float: left; padding-top: 30px; margin-right: 10px;}
.gps { width: 60px; float: left; margin-top: 20px; margin-right: 10px;}

.sidebar { padding: 8px 25px; background: #f1f1f1; margin-left: 10px; margin-top: 95px;}
.sidebar h3 { font-size: 1.4em; padding-bottom: 10px;}

.advisor-steps {font-size: 1.2em; text-transform: initial; font-weight: bold; }


.ladder { padding-top: 30px;}
.disclaimers { border-top: 1px solid #f1f1f1; margin-top: 20px; padding-top: 20px; font-size: .8em; font-family: Arial;}
    .footnote { clear: both; display: block; margin-bottom: 10px;}
        .note-number  { font-size: .8em; padding-right: 2px;  float: left}
        .note { float: left; width: 90%; padding-bottom: 10px; color: #6d6e70;} 



/* HRA */

/* Section 1: HRA Hero */
.hero-hra { background: url(../img/hero/bg-medical.png) top center; height: auto; margin-bottom: 0; padding-bottom: 0}
.hero-hra .hero-msg { margin-left: -30px; padding-top: 5px; }
 .hra-huge { font-size: 8em; font-family: oswald, helvetica, arial, sans-serif; text-align: center; color: #592c82; line-height: 1.1em;}
        .keep-money { font-family: sanchez, arial, sans-serif; font-size: 2em; line-height: 1.2em; color: #0070b9; 
                    text-align: center; padding-top: 0;}
        .hra-minion { padding-left: 20px;}

/* Section 2: HRA Basics */
.hra-basics h3 { font-family: oswald, arial, sans-serif; text-transform: uppercase; }

.basics-left { padding-right: 0;} 
.benefits-hra { padding-top: 15px; padding-bottom: 10px;}
    .benefits-hra .media { margin-left: 0; }
    .benefits-hra .media-body { padding-top: 0px; }

    .hra-video { padding-top: 10px; }
    .hra-video a { text-decoration: none; }
    .hra-video a:hover { opacity: .95; color: #00aac6}
    .hra-video a h3 { font-family: oswald, arial, sans-serif; font-size: 1.6em; text-transform: uppercase; margin-top: 0; color: #0070b9;}

    .hra-video a h3:hover { color: #00aac6}
    .hra-video a p { color: #5f5b64;}

    .hra-video .media-left { padding-right: 15px;}

/* Section 3: How it works  */
.hra-plans h2 { text-transform: uppercase; font-size: 30px;}
.hra-plans h3 { font-weight: 300;}
.hra-plans h4 { font-family: sanchez, arial, sans-serif; font-size: 1.6em; padding-left: 5px; padding-right: 5px}

.hra-plans .steps { padding: 30px; margin-top: 20px; }
.hra-plans .steps sup { color: #f1f1f1; }
.hra-plans .steps hr { opacity: .3; }
.hra-plans p { padding-left: 5px; padding-right: 5px}
.hra-plans p.big-num { font-size: 5.5em; font-weight: 500; text-align: center; line-height: 1.2em;}

/* Section 3: How it works - plan9/HRA pays first, debit card*/

.plan9 {padding-bottom: 20px; }

.hra-steps { padding: 10px 0; margin-bottom: -40px; } 

.plan3-box4 { min-height: 337px;}

.plan5-box1 { min-height: 297px }

.plan7-box1 { min-height: 297px }
.plan7-box4 { }

.plan8-box3 {min-height: 297px;}

.plan9-box1 {min-height: 257px;} 
.plan9-box4 {min-height: 387px;} 


/* Video library */


.list-group a { font-size: 1.2em; color: #333;}
    .list-group a:hover { color: #00aac6;}
.list-group-item i { padding-right: 3px; }

.video-library h2, .app h2, .documents h2 { font-family: oswald, sans-serif; font-size: 30px; text-transform: uppercase; padding-left: 15px; padding-bottom: 10px;}
    .video-library h2.understanding-hsa { font-family: sanchez, Arial, sans-serif; font-size: 20px; text-transform: initial; padding-left: 0;}

.video-library h3, .documents h3 { font-family: sanchez, arial, sans-serif; font-size: 1.5em; color: #00aac6;}

#document-hide { display: none;}


/* Contact us modal */
.modal-content { color: #5f5b64;}
.modal-body { padding: 35px;}
.modal-body h3 { font-family: oswald, arial, sans-serif; font-size: 1.85em; text-transform: uppercase; color: #592c82; margin-top: 10px;}
    .member-services { padding-right: 30px; float: left; width:430px;}
    .member-services-mobile { display: none;}
    .call-us { font-size: 1.2em;}
    .phone { font-family: oswald, arial, sans-serif; font-size: 1.85em; color: #0070b9; margin-bottom: 0px;}
    .ms-email a { font-family: sanchez, arial, sans-serif; font-size: 1.3em; color: #333;  margin-top: 0; }

/* if two member resource numbers area needed*/ 
.ms-description { padding-left: 430px;} 
.number1 { padding-bottom: 0; margin-bottom: 0; padding-top: 10px;  }
.number2 { padding-bottom: 0; margin-bottom: 0; padding-top: 20px;  }

button.ms-close { position: absolute; right: 0; border: none; margin: -35px auto 0; border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;  background: #592c82; color: #fff; font-size: 18px; font-weight: bold;  padding: 0 7px 1px;}

/* Me site */

.me-navbar { height: 155px; border-bottom: 5px solid #00aac6 }
.me-home { position: absolute; width: 100%; left: 0; top: 0; text-align: center; margin: 25px auto; }
.me-home-icon { display: block; margin: -25px auto 25px;}
.me-login { position: absolute; margin-left: 27%; margin-top: 4%;}

 .me-caption h1 { font-family: oswald; font-size: 3em; text-transform: uppercase; color: #592c82; line-height: .85em;}
        .me-caption h1 span { font-family: sanchez-italic; font-size: .8em; text-transform: initial; color: #000;}

.me-name { font-family: voltage, georgia, serif; font-size: .9em; margin-bottom: 0; color: #fff; margin-top: -90px; margin-left: 50%; padding-bottom: 20px; }

 .member { position: absolute; bottom: 3%; left: 37%}
 .member-name { font-family: voltage, georgia, serif; font-size: 2em; margin-bottom: 0; color: #fff; }
 .member-date { font-family: oswald-light, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.3em; color: #fff;}




  .me-caption { position: absolute; /*right: 15%;*/top:30%; left: 15%; z-index: 10; padding-bottom: 20px; }
  .me-tablet { display: none;}
  .me-mobile { display: none;}
  .unsure { color: #00aac6; font-size: 1.6em; text-transform: none;}

 /* Individual lifestyles */
 #lifestyle { background: #f6f6f4; }
.lifestyle { padding: 20px; color: #fff; font-family: Oswald, Helvetica, Arial, sans-serif; font-size: 1.7em; text-transform: uppercase; text-align: center;}
    .lifestyle.shopper a, .lifestyle.saver a, .lifestyle.saver a, .lifestyle.minimalist a, .lifestyle.survivor a { color: #fff; text-decoration: none;}
        .lifestyle a:hover {text-decoration: underline;}
    .shopper { background: #5b2b8a; }
    .saver { background: #53934f; }
    .minimalist { background: #0070b9;}
    .survivor { background: #00aac6; }

    h2.whats-your-lifestyle { font-size: 2em; font-family: sanchez, sans-serif; margin-top: 0; padding: 15px 0 18px; margin-left: 20px;}
        p.lifestyle-question {color: #00AAC6; font-family: sanchez-italic, sans-serif; font-size: 1.1em; padding-top: 10px;}
        p.survey-question { color: #6d6e70; font-family: sanchez, sans-serif; font-size: 1.4em; margin-top: -8px;}
    #chronicCondition { padding-bottom: 20px;}

#lifestyles p { padding-top: 10px;}
#lifestyles p span {
    font-family: oswald, arial, sans-serif;
    font-size: 1.3em;
    text-transform: uppercase;
}
 .lifestyle-overview { padding-bottom: 10px; } 
 .lifestyle-overview h1,
 .using-hsa h1 { font-family: oswald, arial, sans-serif; text-transform: uppercase; margin-top: 0; padding-bottom: 10px;}
  .lifestyle-overview p { font-family: sanchez, arial, sans-serif; font-size: 1.1em;}

  .media-body h3.saver-benefits { text-transform: initial; margin-top: 0; padding-top: 0;}
  h3.saver-benefits { font-family: sanchez, arial, sans-serif; font-size: 20px;}

  .lifestyle-mobile { padding-top: 25px; padding-bottom: 15px;}

   .lifestyle-type { display: block; margin: 0 auto;}

  /*.footnote { color: #6d6e70; border-top: 1px solid #f1f1f1; padding-top: 12px;  font-size: .9em;  margin-top: 20px;}*/
  .notes { color: #00aac6; font-weight: bold; padding: 0;}

 p.doc-title { font-family: sanchez, sans-serif; font-size: 1.25em; color: #0070b9; margin-bottom: 5px; padding-top: 6px;}
 .show-phone { display: none; }

.personal-hsa { background: #00aac6; padding: 20px 25px; color: #fff;}
.employer-hsa-instructions a, .personal-hsa a  { font-weight: bold; }

.employer-hsa { background: #592c82; padding: 20px 25px; color: #fff;}
.employer-hsa-title { font-family: oswald, sans-serif; font-size: 2em; text-transform: uppercase; margin-bottom:0;}

.employer-hsa-description {font-family: sanchez, arial, sans-serif; font-size: 1.2em;}
.employer-hsa-instructions { padding: 25px; border: 1px solid #d1d1d1; }
.media-body h3.hsa-steps { color: #0070b9; margin-top: 0px; font-family: sanchez, arial, sans-serif; font-size: 1.2em;}

    .hsa-process { padding-left: 10px; padding-right: 25px;}
    .hsa-process2 { padding-left: 10px; padding-right: 32px;}
    .hsa-process3 { padding-left: 5px; padding-right: 25px;}



/* About HealthEquity */
.about { padding: 0;   }
    .about-description { float: left; width: 50%; padding: 10px 50px 10px 0; }


.team-members { float: right;width: 50%;}
.team-mobile { display: none;}



/* Footer */

footer { padding: 40px 0 50px; background: #e7e7e7; }
    footer a { color: #333; text-decoration: underline;}
.copyright { font-size: .8em; text-align: right;}
.follow { font-size: 1.1em; font-family: sanchez-semibold, sans-serif; color: #6d6e70; margin-left: -2px; padding-bottom: 5px;}
.social a.btn { font-size: 1.1em; line-height: 1.6em; height: 35px; width: 35px; padding: 5px; border-right: 1px solid #f1f1f2; border-radius:1px; margin-left: -1px; background: rgba(255, 255, 255, 0.9);}

    .social a.btn:hover { color: #592c82; border: 1px solid #592c82;}

.facebook { color: #3A5795;}
.facebook:hover { color: #592c82;}
.twitter { color: #55ACEE;}
.linkedin { color: #3692C3;}
.youtube { color: #CC181E;}
.social a.btn.glassdoor { background: url(../img/logo/glassdoor.png) -1px -1px; height: 35px; width: 35px;}
    .social a.btn.glassdoor:hover { background: url(../img/logo/glassdoor.png) -1px -36px; height: 35px; width: 35px;}


/* FSA */

/* Section 3: Significant savings */
.fsasavings h2 { font-size: 30px; text-align: center;}
.fsa-savings { padding-top: 30px; padding-bottom: 10px; padding-left: 50px;}


/* Section 4: Use it or lose it */
.fsa-use { padding-bottom: 0;}

.baystate-carryover { display: none;}

/* Section 5: How an FSA works */
.fsa-how h3 { font-family: sanchez-semibold, arial, sans-serif; font-size: 1.3em; }

.ortho-ad { background: #592c82; margin-top: 30px; padding: 15px 25px; color: #fff;}
.ortho-ad h3 { font-family: oswald, arial, sans-serif; font-size: 1.5em; text-transform: uppercase;}
.ortho-ad img { padding-top: 10px;}



/* Tax worksheet*/
.fsa-tax-worksheet h2 { font-family: oswald, sans-serif; font-size: 30px; text-transform: uppercase;}
.fsa-tax-worksheet h3 { font-family: sanchez, arial, sans-serif; font-size: 1.8em; text-transform: initial; color: #00aac6; margin-bottom: 2px; }
.fsa-tax-worksheet table tr td, .fsa-tax-worksheet table tr th { vertical-align: middle; padding: 5px 10px;}
.fsa-tax-worksheet table tr th span { font-family: museo-sans, arial, sans-serif; font-weight: normal; font-size: 13px; color: #333; }
.fsa-tax-worksheet table tr th  { color: #592c82; font-family: sanchez, arial, sans-serif; font-size: 16px;}
.fsa-tax-worksheet table tr td.inputs { padding: 0; position: relative;}
.fsa-tax-worksheet table tr td.inputs.savings-estimate  { color: #fff; font-weight: bold; font-size: 16px;}
.fsa-tax-worksheet .form-control { margin-bottom: 0; /*height: 100%;*/ display: inline-block; width: 100%; padding: 0 10px 0 21px; box-sizing: border-box; -moz-box-sizing: border-box;}
.fsa-tax-worksheet input#taxRate.form-control, .fsa-tax-worksheet input#DtaxRate.form-control { padding: 0 10px; }
/*.FSAtotalExpenses .DCRAtotalExpenses, .dcraSavings*/ { font-family: sanchez-semibold; font-size: 24px;}
#fsaSavings, #FSAtotalExpenses, .DCRAtotalExpenses, #dcraSavings { padding: 0 10px 0 21px;}

.result-callout { font-family: oswald, arial, sans-serif; text-transform: uppercase; font-size: 22px; padding: 20px 25px; border-radius: 3px}

.result-callout span {font-family: sanchez-semibold; font-size: 18px;}
.result-callout span.fsaSavings, .result-callout span.FSAtotalExpenses, .result-callout span.dcraSavings, .result-callout span.DCRAtotalExpenses { font-family: sanchez-semibold; font-size: 24px; padding-left: 5px;}


/*.dollarsign { position: relative; left: 10px }*/

.dollar { position: absolute; top: 19%; left: 10px;}
.percent { position: absolute; top: 18%; right: 10px;}


/* DCRA */

/* Section 1: Hero*/
.dcra-hero { background: url(../img/dcra/hero/bg.png) top center; height: 330px;}
    .dcra-hero .hero-msg { margin-top: 30px;}
    .dcra-huge { font-size: 8em; font-family: oswald, helvetica, arial, sans-serif; text-align: center; color: #592c82; line-height: 1.1em;}
        .dcra-subhead { font-family: sanchez, arial, sans-serif; font-size: 2em; line-height: 1.2em; color: #0070b9; 
                    text-align: center; padding-top: 0;}
        .dcra-why {text-align: center; font-size: 17px; padding: 0 60px }

.dcra-fam { text-align: right;}

/* Section 2: Significant savings */
.dcrasavings h2 { font-size: 30px; text-align: center;}
.dcra-savings { padding-top: 30px; padding-bottom: 10px; padding-left: 50px;}

.box3.oop-type { padding-left: 15px; padding-right: 15px;}
.oop { border: 1px solid rgba(255, 255, 255, .3); border-radius: 4px; padding: 15px; width: 75%; margin-right: 32px; text-align: center;}
.oop-type { border-bottom: 1px solid rgba(255, 255, 255, .3); padding-bottom: 10px; }
.oop-cost { font-family: oswald, arial, sans-serif; font-size: 1.9em;}

.oop-savings { border: 3px solid #fff; border-radius: 4px; padding: 15px; width: 75%; text-align: center;}
    .oop-savings .oop-type { font-size: 1.2em; text-transform: uppercase; padding: 0 20px 10px; margin-top: -12px;}
.oop { float: left;}
.tax-signs { float: left; }

.tax-signs { font-weight: 700; font-size: 26px; padding-top: 40%;}

/* Section 3: How do you qualify? */
.dcra-qualify { padding-top: 40px;}
.dcra-qualify h2 { font-size: 30px; }

/* Section 4: Use it or lose it */
.dcra-use-it h2 { font-family: oswald, arial, sans-serif; text-transform: uppercase; font-size: 2.2em;}
.dcra-use-it p {  font-size: 1.2em;}
        

/* Section 5: How it works */
.dcra-how { padding-bottom: 70px; clear: both; }
.dcra-how h2 { font-family: sanchez, arial, sans-serif; text-transform: uppercase; font-size: 30px; text-align: center;}
.dcra-how .steps { padding: 30px; margin-top: 20px; }
.dcra-how.steps sup { color: #f1f1f1; }
.dcra-how .steps hr { opacity: .3; }
.dcra-how p { padding-left: 5px; padding-right: 5px}
.dcra-how p.big-num { font-size: 5.5em; font-weight: 500; text-align: center; line-height: 1.2em;}

.dcra-steps { padding: 10px 0; margin-bottom: -40px; } 
.dcra-steps h4 { font-family: sanchez, arial, sans-serif; font-size: 20px; padding-left: 5px; padding-bottom: 8px;}
.dcra-steps .box1, .dcra-steps .box2 { min-height: 434px;}
.dcra-steps h4.use  { font-family: oswald;padding-bottom: 0; padding-top: 20px; text-transform: uppercase;}


/* Section 6: Eligible/ineligible expenses */
.dcra-qme h2 { font-family: sanchez, arial, sans-serif; font-size: 30px; }
.dcra-qme ul li { list-style: none; margin-left: -39px; padding-bottom: 8px; padding-top: 8px; border-bottom: 1px dotted #d1d2d4; padding-left: 8px; }

.dcra-qme ul li:hover { background: #f1f1f1;}
.dcra-qme .remember { background: #f1f1f1; padding: 10px 25px; margin-top: 10px;}
.dcra-qme .remember h3 { font-family: oswald, arial, sans-serif;  text-transform: uppercase;}

.dcra-qme h3 { font-size: 1.3em; font-family: oswald, arial, sans-serif; text-transform: uppercase;}
.remember h3 { font-size: 1.6em;}

/* LPFSA */
.lpfsa-hero { background: url(../img/dcra/hero/bg.png) top center; height: 335px;}
.lpfsa-hero .hero-msg { margin-top: 0; }
.lpfsa-hero img { padding-top: 20px; padding-right: 30px; }
    .lpfsa-huge { font-size: 4.5em; font-family: oswald, helvetica, arial, sans-serif; color: #592c82; 
                     margin-top: 0; padding-top: 0; line-height: 1em; padding-top: 85px;}
    .lpfsa-huge span { font-family: oswald-light, arial, sans-serif; font-size: .9em; color: #0070b9;  padding-top: 0; }
   
.lpfsa-savings h2 { font-size: 30px;}
.box3.oop-type { padding-left: 15px; padding-right: 15px;}
.lpfsa-save { margin-top: 25px; }
.lpfsa-save .oop { border: 1px solid rgba(255, 255, 255, .3); border-radius: 4px; padding: 15px; width: 70%; /*margin-left: 32px;*/margin-right: 39px; text-align: center;}

.lpfsa-wrap .oop-savings { border: 3px solid #fff; border-radius: 4px; padding: 15px; width: 75%; text-align: center;}
    .lpfsa-wrap .oop-savings .oop-type { font-size: 1.2em; text-transform: uppercase; padding: 10px 20px 10px; margin-top: -12px; height: 79px;}


.lpfsa-wrap .tax-signs { font-weight: 700; font-size: 26px; padding-top: 45%;}

.lpfsa-how { padding-bottom: 70px; clear: both; }
.lpfsa-how h2 { font-family: sanchez, arial, sans-serif; text-transform: uppercase; font-size: 30px; text-align: center;}
.lpfsa-how .steps { padding: 30px; margin-top: 20px; }
.lpfsa-how.steps sup { color: #f1f1f1; }
.lpfsa-how .steps hr { opacity: .3; }
.lpfsa-how p { padding-left: 5px; padding-right: 5px}
.lpfsa-how p.big-num { font-size: 5.5em; font-weight: 500; text-align: center; line-height: 1.2em;}

.lpfsa-steps { padding: 10px 0; margin-bottom: -40px; } 
.lpfsa-steps h4 { font-family: sanchez, arial, sans-serif; font-size: 20px; padding-left: 5px; padding-bottom: 8px;}
.lpfsa-steps .box1, .lpfsa-steps .box3 { min-height: 443px;}
.lpfsa-steps h4.use  { font-family: oswald;padding-bottom: 0; padding-top: 20px; text-transform: uppercase;}

.lpfsa-qme h2 { font-family: sanchez, arial, sans-serif; font-size: 30px; }
.lpfsa-qme h3.dv { font-size: 2.1em; font-family: oswald, arial, sans-serif; text-transform: uppercase;}
.lpfsa-qme ul li { list-style: none; margin-left: -39px; padding-bottom: 10px; padding-top: 8px;   font-weight: 700; font-size: 16px; color: #0070b9;}
.lpfsa-qme ul li span { font-weight: normal; display: block; color: #333; font-size: 14px; }

.lpfsa-qme .remember { background: #f1f1f1; padding: 10px 25px; margin-top: 10px;}
.lpfsa-qme .remember h3 { font-family: oswald, arial, sans-serif;  text-transform: uppercase;}

.lpfsa-qme h3 { font-size: 1.6em; font-family: sanchez, arial, sans-serif;}



/* HCRA */
.hcra-hero { background: url(../img/dcra/hero/bg.png) top center; height: 335px;}
.hcra-hero .hero-msg { margin-top: 0; }
.hcra-hero img { padding-top: 20px; padding-right: 30px; }
    .hcra-huge { font-size: 4.5em; font-family: oswald, helvetica, arial, sans-serif; color: #592c82; 
                     margin-top: 0; padding-top: 0; line-height: 1em; padding-top: 85px;}
    .hcra-huge span { font-family: oswald-light, arial, sans-serif; font-size: .9em; color: #0070b9;  padding-top: 0; }
   
.hcra-savings h2 { font-size: 30px;}
.box3.oop-type { padding-left: 15px; padding-right: 15px;}
.hcra-save { margin-top: 25px; }
.hcra-save .oop { border: 1px solid rgba(255, 255, 255, .3); border-radius: 4px; padding: 15px; width: 70%; /*margin-left: 32px;*/margin-right: 39px; text-align: center;}

.hcra-wrap .oop-savings { border: 3px solid #fff; border-radius: 4px; padding: 15px; width: 75%; text-align: center;}
    .hcra-wrap .oop-savings .oop-type { font-size: 1.2em; text-transform: uppercase; padding: 10px 20px 10px; margin-top: -12px; height: 79px;}


.hcra-wrap .tax-signs { font-weight: 700; font-size: 26px; padding-top: 45%;}

.hcra-how { padding-bottom: 70px; clear: both; }
.hcra-how h2 { font-family: sanchez, arial, sans-serif; text-transform: uppercase; font-size: 30px; text-align: center;}
.hcra-how .steps { padding: 30px; margin-top: 20px; }
.hcra-how.steps sup { color: #f1f1f1; }
.hcra-how .steps hr { opacity: .3; }
.hcra-how p { padding-left: 5px; padding-right: 5px}
.hcra-how p.big-num { font-size: 5.5em; font-weight: 500; text-align: center; line-height: 1.2em;}

.hcra-steps { padding: 10px 0; margin-bottom: -40px; } 
.hcra-steps h4 { font-family: sanchez, arial, sans-serif; font-size: 20px; padding-left: 5px; padding-bottom: 8px;}
.hcra-steps .box1, .hcra-steps .box3 { min-height: 443px;}
.hcra-steps h4.use  { font-family: oswald;padding-bottom: 0; padding-top: 20px; text-transform: uppercase;}

.hcra-qme h2 { font-family: sanchez, arial, sans-serif; font-size: 30px; }
.hcra-qme h3.dv { font-size: 2.1em; font-family: oswald, arial, sans-serif; text-transform: uppercase;}
.hcra-qme ul li { list-style: none; margin-left: -39px; padding-bottom: 10px; padding-top: 8px;   font-weight: 700; font-size: 16px; color: #0070b9;}
.hcra-qme ul li span { font-weight: normal; display: block; color: #333; font-size: 14px; }

.hcra-qme .remember { background: #f1f1f1; padding: 10px 25px; margin-top: 10px;}
.hcra-qme .remember h3 { font-family: oswald, arial, sans-serif;  text-transform: uppercase;}

.hcra-qme h3 { font-size: 1.6em; font-family: sanchez, arial, sans-serif;}



/*Universal items */
.resource-nav { background: #00aac6; /*border-bottom: 1px solid #d1d2d4; border-top: 1px solid #d1d2d4;*/ padding: 5px 0 0; }
.resource-nav-light { background: #fff; border-bottom: 1px solid #d1d2d4; border-top: 1px solid #d1d2d4; padding: 5px 0 0; }

table tr td.no-border {
    border-bottom: none !important;
}

/* Mobile app*/
.app-hero {
	background: url("../img/app/app-hero.jpg") no-repeat right center;
	height: 349px;
	padding-left: 40px;
	padding-top: 20px;
}
.app-hero h2 {
	color: #592C82;
	font-family: oswald, sans-serif;
	font-size: 4.6em;
	text-transform: uppercase;
	margin-left: -15px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	max-width: 50%;
}
.app-hero p {
	color: #00aac6;
	font-family: sanchez,sans-serif;
	font-size: 2.3em;
	line-height: 1;
	margin-bottom: 10px;
	padding: 10px 0;
	max-width: 50%;
}
/*
.app-hero { background: rgba(0, 0, 0, 0) url("../img/app/app-hero.jpg") no-repeat scroll 0 0; color: #fff; height: 349px; padding-left: 40px; padding-top: 80px; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); }
    .app-hero h2 { color: #592C82; font-family: oswald,sans-serif; font-size: 2.6em; text-transform: uppercase; margin-left: -15px;}
    .app-hero p { color: #00aac6; font-family: sanchez-italic; font-size: 1.5em; padding-bottom: 40px; }
p.app-features { color: #00aac6; font-family: sanchez-semibold,sans-serif; font-size: 1.3em; margin-bottom: 0; padding-top: 10px; }
*/

/* Request form */
label { font-weight: bold;}
.request-form h2 { font-family: oswald; font-size: 30px; text-transform: uppercase; color: #592c82;}
.required { color: #00aac6; font-weight: bold; }

.validation { background: #00aac6; padding: 5px 10px; font-style: italic; color: #fff; margin-top: 2px;}

.request-form .form-control { margin-bottom: 4px;}
.products.form-control { background: none; box-shadow: none; height: auto; display: block; }
.products.form-control input[type="checkbox"] { margin-right: 10px; }

.milkcrate h1 { color: #592c82; font-family: oswald; text-transform: uppercase;}
.milkcrate h3 { padding-bottom: 5px; color: #6d6e70;}

.welcome-login { font-family: oswald-light, arial, helvetica, sans-serif; color: #a7a9ab; text-transform: uppercase; font-size: 1.4em;
                 background: url(../img/icon/dots.png) 1px 32px repeat-x; padding-bottom: 10px;  }
    .welcome-login .username { font-family: oswald, arial, helvetica, sans-serif; }

/* Commuter */
.commuter-hero { background: #f1f1f1;/* url(../img/commuter/hero.png) no-repeat center right;*/ height: 314px;}
    .commuter-hero .hero-msg h2 { font-family: oswald, Arial, sans-serif; text-transform: uppercase; margin-bottom: 0; font-size: 74px; color: #592c82; padding-top: 0px;}
    .commuter-hero .hero-msg h2 span { font-family: oswald-light, Arial, sans-serif; }
    .commuter-hero .hero-msg p { font-family: sanchez, Arial, Helvetica, sans-serif; font-size: 34px; color: #0070b9;}
    .commuter-hero .hero-msg p span { font-family: voltage, Arial, Helvetica, sans-serif; font-size: 40px; color: #592c82;}
    .commuter-hero .hero-msg p.powered { font-family: museo-sans, Arial, Arial, Helvetica, sans-serif; font-size: 15px; color: #333; font-style: italic; }
    .commuter-hero img { padding-left: 50px; margin-top: 12px; }

.commuter-overview h3 { font-family: oswald, Arial, Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 1.65em;}
    .commuter-overview h4 { font-family: sanchez, Arial, sans-serif; font-size: 20px; padding-top: 20px; }

.ready-set-go { background: #f1f1f1; padding: 15px 25px 10px 25px; margin-top: 60px; }
    .commuter-benefits .ready-set-go h4 { font-family: sanchez, Arial, Helvetica, sans-serif; color: #53934f; padding-top: 0;}
.ready-set-go ul { padding-bottom: 10px;}

.commuter-promotion { background: #0070b9; color: #fff;}
    .commuter-promotion h4 { font-family: sanchez,Arial, Arial, Helvetica, sans-serif; font-size: 25px;}
    .promo { margin-top: -44px; margin-bottom: -57px;}

.commuter-benefits h3 { font-family: sanchez, Arial, Helvetica, sans-serif; font-size: 25px;}
    .commuter-benefits h4 { padding-top: 10px;}
    .commuter-benefits ul.benefits li { padding-bottom: 10px;}

.commuter-important h3 { font-family: sanchez, Arial, Helvetica, sans-serif; font-size: 20px; color: #0070b9; padding-bottom: 10px;}

.commuter-bicycle h3 { font-family: oswald, Arial, Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 1.65em; padding-bottom: 10px;}
.commuter-bicycle h4 { font-family: sanchez, Arial, Helvetica, sans-serif;
    font-size: 20px; padding-top: 10px;}

.bicycle-tips { padding: 25px; background: #f1f1f1;}
.bicycle-tips h3 { font-family: oswald, Arial, Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 1.65em; margin-top: 5px; }
.bicycle-tips h4 { font-family: sanchez, Arial, Helvetica, sans-serif; line-height: 20px; text-transform: uppercase; font-size: 16px; margin-top: 5px; text-transform: initial; margin-bottom: 5px;}
.bicycle-tips p { font-size: 13px;}


ol.bicycle-ordering li { list-style: none; padding-bottom: 20px; }
ol.bicycle-ordering li span {  position: absolute; font-family: sanchez-semibold, arial, sans-serif; font-size: 2em; left: 20px; margin-top: -6px; color: #00aac6;}
.hide-wait { padding-top: 20px;}


/*investment calculator */
.investment-calculator h1 { font-family: oswald, arial, sans-serif; font-size: 30px; color: #592C82}
.investment-calculator h2 { color: #00aac6; font-size: 18px; text-transform: initial;}

#summary h3, #list h3 {font-family: oswald, arial, sans-serif; font-size: 23px; color: #592C82 }

.investment-calculator-instructions { background: #f8f8f8; font-size: 14px;/*max-width: 240px;*/ padding: 20px 20px; /*float: right; margin-left: 25px;*/ }
    .investment-calculator-instructions h3 { margin-top: 0; /*font-family: sanchez, Arial, sans-serif;*/ font-size: 15px; font-weight: bold;}
.investment-calculator-instructions ol li {margin-left: -24px; padding-bottom: 5px;  padding-top: 10px; /*border-bottom: 1px solid #d1d2d4*/}
.investment-calculator .form-control { background: #f1f1f1;}
.investment-icon { padding-top: 60px;}

tfoot { background: #592C82; color: #fff;}

.sidebox { background: #f1f1f1; padding: 10px 20px;}
    .sidebox h4 { font-family: oswald, Arial, sans-serif; font-size: 17px; text-transform: uppercase;}
    .sidebox h5 { font-family: oswald, Arial, sans-serif; font-size: 15px; line-height: 20px; }
    .sidebox a.btn-teal { color: #fff;}

.hero-gap { padding: 10px 0 0; margin-top: 20px;}


/* 401k tab */
.enrollment-process {  padding: 25px 25px 20px; text-align: left; min-height: 100px;  }
    .enrollment-process h3 { text-align: left;  padding-bottom: 10px; color: #fff}
    .enrollment-process p, .enrollment-process a  { font-size: 15px; color: #fff;}
    .video-float { float: right; padding-top: 30px;}

.retirement-collapse { font-size: 14px; padding-top: 5px; padding-left: 10px; padding-right: 30px; }
    .retirement-collapse p { padding-bottom: 5px;}

/* Activision Blizzard */
.p-blizzard .hero-main { padding-top: 50px;}
.p-blizzard .quiz-desktop { margin-top: 60px; text-align: center;}
.hero-main p { font-family: sanchez-light, Arial, sans-serif; font-size: 38px; line-height: 45px; color: #00aac6}
.hero-main p span { font-family: museo-sans, Arial, sans-serif; font-size: 20px; color: #6f6a74}

@media (max-width: 1500px) {


}

@media (max-width: 1300px) {


}



@media (max-width: 1199px) {
    .hero-msg2 { margin-left: 25px; }
    .hsa-huge { font-size: 7.5em;  margin-bottom: -70px;  }

    .hsa-huge2 { font-size: 60px; line-height: 51px;}
            .hsa-huge2 .voltage { font-size: 82px;}
            .complex { font-size: 22px; }
    
    .congrats { font-size: 4.5em; }
      .easy-win { font-size: 1.8em; }
     .comparison-tool-ad { margin-top: 15px;}

    .empower-left {padding-left: 20px; padding-top: 10px;} 
    .empower-right { padding-top: 10px; padding-left: 20px; padding-right: 60px;}
        .empower-right  h2 { padding-left: 0px}

    .superhero2 { margin-right: -170px}
     .saving-vid { margin-left: 20px;}

     .plan3-box1 { min-height: 301px; }
     .plan3-box4 { min-height: 337px; }
     
     .plan5-box1 { min-height: 321px }
     
     .plan7-box1 { min-height: 321px }
     .plan7-box4 { min-height: 317px;}

     .plan8-box1 {min-height: 281px;}

     .hia-box1 {min-height: 301px;}

     .plan9-box1 {min-height: 281px;} 

     .ortho-ad { width: 90%;}
        .ortho-ad img { display: block; margin: 0}

    .milkcrate h3 { font-size: 20px;}

    .quiz-ad { padding-top: 18px; } 

     
 
      
}


@media (max-width: 1024px) {
    .about-description { padding-bottom: 10px;}
       .hero { height: auto; padding-bottom: 50px;}
       .hero-msg { margin-top: 0; }
    .hero .bp-hero { padding-bottom: 0;}

       .superhero2 { margin-right: -170px}
     .saving-vid { margin-left: 50px;}

/* HRA */

.hero-hra .hero-msg { margin-left: -40px; padding-top: 50px; }


.plan9-box1 { min-height: 281px;}


  .commuter-hero .hero-msg h2{ padding-top: 32px;}
}


@media (min-width: 992px) {
    .desktop-nav { display: inherit;}
    .mobile-heq, .btn-mobile, .mobile-nav, .mobile-contact, .mobile-header { display: none; }

    .desktop-header .partner-logo { position: relative; top: 50%; transform: translateY(-0%); }
    .desktop-header .partner-logo a { padding: 25px; cursor: auto;}

    .desktop-header .partner-logo-guide { position: relative; top: 50%; transform: translateY(-0%); }
    .desktop-header .partner-logo-guide a { padding: 25px; cursor: auto;}

    .partner-logo { margin-right: 35px;  float: left; }
    .partner-logo a { background: #fff; border-right: 5px solid #DCDDDE; border-left: 5px solid #DCDDDE; display: inline-block; text-align: center; cursor: auto; }

    .partner-logo-guide { margin-right: 35px;  float: left; }
    .partner-logo-guide a { display: inline-block; text-align: center; cursor: auto; }

     
    
    .logo-wrap { position: relative; max-height: 142px;}   
    .logo-wrap2 { position: relative; max-height: 142px;}            
    .heq-logo img { margin-top: 40px;}
    a.desktop-heq, a.mobile-heq { cursor: auto;}


    .help-btns { margin-top: 50px;}
}

@media (max-width: 991px) {
    .desktop-header { display: none;}

    .navbar-nav { margin-left: -15px;}
    .navbar-brand { display: none;}
    .navbar-default .navbar-nav a { font-size: 1em; font-family: museo-sans, helvetica, arial, sans-serif; text-transform: uppercase;}
    
    .retire-header2 img { padding: 10px 0 14px; }
    .retire-description { min-height: 175px;}
    .full-modules { margin-top: 30px; }

    .hide-mobile { display: none}

    .grow-description { padding-top: 30px; }


    .desktop-nav { display: none; }


.container2 { margin: 0; padding: 0; } /*Fixes odd padding for iPad*/

.partner-logo, .partner-logo-full-height, .partner-logo-centered { float: none; margin: 0; padding: 0; text-align: center; width: 100%; height: 100%; overflow: hidden; background: #fff;}    

    .partner-logo-full-height a img { height: 80px; padding: 12px;  }
    .partner-logo-centered a img { height: 55px; padding: 0; }

.heq-logo { text-align: center; float: none; margin-top: 0; padding: 13px 10px 10px;}
.qmeHEQ-logo { text-align: center; float: none; margin-top: 0; padding: 13px 10px 10px;}
.desktop-heq, .help-btns { display: none;} /*Hides desktop logo*/ 
    .btn-mobile { margin-top: -4px;} /*Login btn positioning*/
    .mobile-contact { color: #fff; font-size: 22px; line-height: 26px; padding-left: 10px; padding-right: 23px; cursor: pointer;} /*Contact icon positioning*/
        a.mobile-contact { color: #fff;}
        a.mobile-contact:hover { color: #dcddde;}

.navbar-toggle, .navbar-nav, .navbar-header { display: none;} /*Hides desktop nav*/
                
.mobile-nav { padding: 0; margin: 0;}
    .mobile-nav a { font-family: sanchez, arial, sans-serif; font-size: 1.1em; color: #Fff; 
                    padding: 10px; display: block; text-decoration: none; border-bottom: 4px solid transparent; }
    .mobile-nav a.hsa.active { font-family: sanchez-semibold, arial, san-serif; background: #5f5b64; border-bottom: 4px solid #00aac6;}
    .mobile-nav a.fsa.active, .mobile-nav a.fsa2019.active, .mobile-nav a.lpfsa.active, .mobile-nav a.hcra.active { font-family: sanchez-semibold, arial, san-serif; background: #5f5b64; border-bottom: 4px solid #0070b9;}
    .mobile-nav a.hra.active { font-family: sanchez-semibold, arial, san-serif; background: #5f5b64; border-bottom: 4px solid #53934f;}
    .mobile-nav a.hsa:hover { background: #00aac6; border-bottom: 4px solid #00aac6;}
    .mobile-nav a.hra:hover { background: #53934f; border-bottom: 4px solid #53934f;}
    .mobile-nav a.fsa:hover, .mobile-nav a.fsa2019:hover, .mobile-nav a.lpfsa:hover, .mobile-nav a.hcra:hover { background: #0070b9; border-bottom: 4px solid #0070b9;}
    .mobile-nav a.dcra:hover { background: #00aac6; border-bottom: 4px solid #00aac6;}
    .mobile-nav a.dcra.active {background: #5f5b64; border-bottom: 4px solid #00aac6;}
    .mobile-nav a.commuter:hover { background: #0070b9; border-bottom: 4px solid #0070b9;}
    .mobile-nav a.commuter.active {background: #5f5b64; border-bottom: 4px solid #0070b9;}
    .mobile-nav a.hcfsa:hover { background: #0070b9; border-bottom: 4px solid #0070b9;}
    .mobile-nav a.hcfsa.active {background: #5f5b64; border-bottom: 4px solid #0070b9;}
    .mobile-nav a.dcfsa:hover { background: #53934f; border-bottom: 4px solid #53934f;}
    .mobile-nav a.dcfsa.active {background: #5f5b64; border-bottom: 4px solid #53934f;}
    .mobile-nav a.sahra:hover { background: #53934f; border-bottom: 4px solid #00aac6;}
    .mobile-nav a.sahra.active {background: #5f5b64; border-bottom: 4px solid #00aac6;}
    .mobile-nav a.pdhra:hover { background: #53934f; border-bottom: 4px solid #53934f;}
    .mobile-nav a.pdhra.active {background: #5f5b64; border-bottom: 4px solid #53934f;}

    .ms-description { padding-left: 0; } 


    .hero { height: auto; padding-bottom: 50px;}
    .hero-msg {padding-top: 18px; margin-top: 0;}
    .hero-msg2 { margin-top: 70px; margin-left: -20px; } 
    .hero-msg2 p { font-size: .9em;}

    .hsa-huge2 { font-size: 48px; line-height: 51px;}
            .hsa-huge2 .voltage { font-size: 65px;}
            .complex { font-size: 22px; }

    .hero2 { height: auto; padding: 0 0 30px;}
    .hero2 .hero-msg3 { margin-top: 20px;}
    .quiz-desktop { margin-top: 45px}

    /* Eastman */
    .retirement-matters { width: 98%; padding-top: 30px;}

    .congrats { font-size: 3.5em; line-height: 1em; font-family: oswald, helvetica, arial, sans-serif; text-transform: uppercase; color: #592c82; }

        .health-plan { font-size: 1.5em; line-height: 1.2em;  }
        .hsa-custodian { font-size: 1.1em; }

        .hero-msg2 p.get-started { font-family: sanchez, arial, sans-serif; font-size: 1.6em; line-height: 1em; color: #0070b9; padding-top: 5px;}

   
     .comparison-tool-ad { margin-top: 22px;}


     h2.overview { padding-top: 20px;}
     .how h3.qualified { padding-top: 25px;}
     .how-hsa { padding-left: 15px;}


/* Why section */    
 .why { padding-top: 15px;}
    .why2 {margin-bottom: -50px;}

 .empower-left {padding-left: 5px; padding-top: 12px;} 
    .empower-left h2 { font-size: 1.5em;}
    .empower-right {padding-right: 0px;padding-top: 12px;}
        .empower-right  h2 { padding-left: 0px; margin-left: -15px; font-size: 1.5em;}

    .superhero2 { display: none;}
     .saving-vid { margin-left: 20px; padding-top: 80px;}
      

     .superhero { display: none;}
     .media-ad { text-align: center;}
     .media-ad img {float: none; padding-top: 5px; padding-bottom: 20px; width: 100px;padding-right: 0;}

        p.guidebook-ad {font-size: 1.4em; padding-top: 40px; }
  
    .guidebook-img { margin-top: 0px;}



    .about { padding-bottom: 30px;  /*background: #592c82 url(../img/about/team-members.jpg) top right no-repeat;*/ }
    .about-description { float: left; width: 100%; padding-bottom: 20px;}

    .team-members { float: right;width: 100%;}

    .investment h2 { width: 80%}

    .investment-intro {width: 80%; padding-right: 20px;}
    .investment-options { width: 50%;}

/* FSA */
.fsa-huge { padding-top: 0;}
.fsa-minion { margin-left: -60px; }
.tax-btn { padding: 0 0px;}
.fsa-use img { margin-top: -10px;} 

/* HRA */
    .hra-minion { padding-left: 0; margin-left: -10px; height: 300px;} 
    .hero-hra .hero-msg { margin-left: 40px; padding-top: 40px;}
    
    .plan3-box4 { min-height: 377px; }
    
    .plan5-box1 { min-height: 341px }
    .plan5-box4 { min-height: 337px }

    .plan7-box1 { min-height: 341px }
    .plan7-box4 { min-height: 337px }
    
    .plan8-box1 {min-height: 301px;}

    .hia-box1 {min-height: 301px;}

    .plan8-box3 {min-height: 317px;}

    .plan9-box1 {min-height: 301px;} 
    .plan9-box4 {min-height: 427px;} 


/* DCRA */
.babysitter { display: none;}
    .dcra-hero.bsc { height: auto;}
.dcra-hero .hero-msg { margin-top:10px; }
    .dcra-hero.bsc img { display: none;}
.dcra-why { padding: 0 20px;}
#qualify h2 { margin-top: 0;}
.dcra-fam { text-align: center;}
.dcra-steps .box1 { min-height: 425px;}
.dcra-steps .box2 { min-height: 385px;}

/* Section 3: Significant savings */
.dcra-savings { padding-top: 30px; padding-bottom: 10px; padding-left: 0px; margin-left: 0; margin-left: -20px; margin-right: -20px;}

.dcra-wrap { padding: 0;}
.dcra-wrap:first-child {margin-left: 20px;}
.dcra-wrap:last-child { margin-right: -25px; }

.oop { border: 1px solid rgba(255, 255, 255, .4); border-radius: 4px; padding: 15px; width: 80%; text-align: center; margin-right: 0; margin-left: 0;}



.oop-savings { border: 3px solid #fff; border-radius: 4px; padding: 15px; width: 80%; text-align: center;}
    .oop-savings .oop-type { font-size: 1.2em; text-transform: uppercase; padding: 0 10px 10px; margin-top: -12px;}
.oop { float: left; margin-right: 10px;}

.tax-signs { float: left; }

.tax-signs { font-weight: 700; font-size: 26px; padding-top: 45%;}


/* LPFSA */
    .lpfsa-savings { padding-bottom: 40px; }
    .lpfsa-wrap { padding-left: 10px; }
    .lpfsa-hero .hero-msg { padding-top: 0; }
    .lpfsa-huge { font-size: 4em; }
    .lpfsa-save { margin-left: 40px; }
        .lpfsa-save .oop, .lpfsa-save .oop-savings { padding: 10px; width: 75%; margin-right: 32px; }
.lpfsa-steps .box1 { min-height: 423px;}
.lpfsa-steps .box3 { min-height: auto;}

/* HCRA */
    .hcra-savings { padding-bottom: 40px; }
    .hcra-wrap { padding-left: 10px; }
    .hcra-hero .hero-msg { padding-top: 0; }
    .hcra-huge { font-size: 4em; }
    .hcra-save { margin-left: 40px; }
        .hcra-save .oop, .hcra-save .oop-savings { padding: 10px; width: 75%; margin-right: 32px; }
.hcra-steps .box1 { min-height: 423px;}
.hcra-steps .box3 { min-height: auto;}

  
        .commuter-hero .hero-msg h2 { font-size: 50px;}
        .commuter-hero img  { padding-left: 0;}

        .enrollment-process { min-height: auto;  }
}


@media (max-width: 800px) {
/* Eastman */
.retirement-matters { margin-left: -15px; padding-left: 0; padding-top: 20px;}
.quiz { width: 99.9%; padding-top: 30px;}

    .about-description { padding-right: 0; padding-bottom: 0; width: 40%;}

    .team-members { width: 60%; margin-right: -55px; padding-top: 52px;}


   
.investment-intro {width: 70%; padding-right: 20px;}
.investment-options { width: 52%;}

.member-services { padding-bottom: 15px; padding-right: 40px; float: none; display: block;}
    .member-services-mobile { display: none;}

/* HRA */
    .hra-minion { height: 300px; padding-left: 0;} 
.hero-hra .hero-msg { margin-left: 40px; padding-top: 40px;}

  
        .commuter-hero .hero-msg h2 { font-size: 48px;}

}


@media (max-width: 768px) {
/* Nav */
.header { }
.hero { height: auto;}
    .hero-msg2 { margin-top: 11px;}
    .tagline { font-size: 54px; }
    .tagline2 { font-size: 25px; }
 

.how h2.overview { padding-top: 20px; }
.how h3.qualified { padding-top: 20px; }

/* Why section*/
.superhero { display: none;}



/* Retirement section */
.full-modules { padding-right: 20px; padding-left: 20px;}
.retire-description { min-height: auto; padding-bottom: 15px;}

/* Contact us modal */
.modal-content { color: #5f5b64; width: 75%; margin: auto;}
.modal-body { padding: 30px 30px 20px 30px}
.modal-body h3 { font-family: oswald, arial, sans-serif; font-size: 1.85em; text-transform: uppercase; color: #592c82;}
   
    
    .call-us { font-size: 1.2em;}
    .phone { font-family: oswald, arial, sans-serif; font-size: 1.85em; color: #0070b9; margin-bottom: 0px;}
    .ms-email a { font-family: sanchez, arial, sans-serif; font-size: 1.3em; color: #333;  margin-top: 0; }


button.ms-close { margin: -30px auto 0; font-size: 18px; font-weight: bold;  padding: 0 7px 1px;}
.team-members { width: 60%; margin-right: -40px; padding-top: 55px;}

.military { display: none;}
    

/* FSA */
.fsa-minion { display: none; }

/* HRA */

.hra-minion { height: 250px; padding-left: 0;} 


.hero-hra .hero-msg { margin-left: 15px; padding-top: 32px; }
 .hra-huge { font-size: 6em; }
        

 /* DCRA */
.dcra-hero .hero-msg { margin-top: 10px; }
 .dcra-why { padding: 0 20px; }
.babysitter { display: none; }
#qualify h2 { margin-top: 0; }
.dcra-fam { text-align: center;}



.app-hero {  background: url(../img/app/app-hero.jpg) -135px no-repeat; }
.app-hero h2 { font-size: 2.6em;}
.app-hero p { font-size: 1.4em;}


    .milkcrate h1 {  font-size: 27px; line-height: 36px;}
   
        .commuter-hero .hero-msg h2 { font-size: 48px;}

}

@media (max-width: 767px) {
    /*.navbar-default .navbar-nav > .active > a, 
    .navbar-default .navbar-nav > .active > a:hover, 
    .navbar-default .navbar-nav > .active > a:focus { border-bottom: none;}*/

    .anchor { display: block; height: 33px; /*same height as header*/ margin-top: -33px; /*same height as header*/ visibility: hidden; }

/* Hero */

.hero { padding-bottom: 30px;}
  .hero-msg, .hero-msg2 { margin-top: 0;} 
    .hero-msg2 { text-align: center; padding-bottom: 20px}
    .congrats { font-size: 3.5em; text-align: center; padding-left: 0;}
     .health-plan { font-size: 1.5em; line-height: 1.2em; text-align: center; padding-left: 0;}
     .hsa-custodian { font-size: 1.1em; text-align: center; }


        .hero-msg2 p.get-started {  font-size: 1.6em; line-height: 1.5em; color: #0070b9; padding-top: 15px; text-align: center;}
        .hero-msg2 p { font-size: 1em;}
    .hero2 .hero-msg3 { padding-left: 50px; }
    .quiz-desktop { text-align: center; width: 80%; margin: 0 auto; margin-top: 20px;}

    .hero-web-pct { margin-top: 20px; text-align: center;}

.eastman-ad { margin-top: 40px; padding: 20px; text-align: center; }


.container-mobile { padding-right: 0; padding-left: 0;}
.hsa-huge, .fsa-huge { padding-left: 20px; margin-bottom: 0;}

.comparison-tool-ad { display: none;}
    
.comparison-tool-ad-mobile { display: block; background: #592c82; color: #fff;
        margin-top: 28px; }
        .comparison-tool-ad-mobile h3 { font-family: sanchez, arial, sans-serif; font-size: 1.7em; 
                                        padding-top: 15px;}

        .comparison-tool-ad-mobile .icon-ul { margin-left: 178px; padding-bottom: 15px;}
 
.icon-comparison-mobile { margin: 25px 45px 23px 5px;  padding-right: 30px; height: 180px;
                          float: left; border-right: 1px solid #88739e;}
.icon-comparison-iphone5, 
.button-mobile { display: none;}

/* Eastman */    
.retirement-matters { margin-left: 0px; padding-left: 0; padding-top: 0px; width: 95%;}
.quiz { display:  none;}

/* Activision Blizzard */
.p-blizzard .hero-main { padding-top: 15px; text-align: center;}
.p-blizzard .quiz-desktop { margin-top: 20px; text-align: center;}
.hero-main p { font-size: 29px; line-height: 38px;}




    .how h2 { text-align: center; }
    h2.irs { padding-top: 20px;}
    p.small { padding: 0; margin-bottom: 0px;}


#lifestyles { margin-left: -15px; margin-right: -15px;}

  .lifestyle-mobile {}   
  .lifestyle-mobile:last-child { }    
   .lifestyle-middle { background-color: #fff; padding-top: 30px; padding-bottom: 20px;}
    


    .lifestyle-hero { display: none;}



    .empower { background: none; }
.me-link { display: none;}
.me-link-mobile { display: block; clear: both; padding-top: 10px; padding-left: 15px; padding-bottom: 15px; border-bottom: 1px solid #f1f1f1;}
.me-link-mobile h3 { font-family: sanchez, helvetica, Arial, sans-serif; font-size: 1.4em; }


.empower-left { padding-right: 0;} 
.empower-left-items { padding-left: 15px;padding-top: 10px;}


    .media-body.empower-items { padding-top: 10px;}
.empower-left h2{ background-color: #592C82; padding: 10px; border-radius: 3px; padding-top: 10px; } 
.empower-right h2  { background-color: #00aac6; padding: 10px; border-radius: 3px; padding-top: 10px; margin-top: 20px; } 
   
   

         .saving-vid { text-align: center; padding-left: 0px; padding-top: 35px; margin-left: 10px;}

    .superhero2 { display: none;}

    .hsa-makeup { margin-left: 0px;}
    .how-hsa  { padding-left: 15px;} 

    .advisor-icon { display: none; }

/* FSA */
.fsa-hero { height: auto; padding-bottom: 25px;}
.fsa-use img { display: none;} 
.fsa-use { padding-bottom: 20px;}
.ortho-ad { width: 100%;}
        .ortho-ad img { display: block;}

  /* HRA */
.hra-minion { display: none;} 
.hero-hra .hero-msg { margin-left: 0px; padding: 20px 0 30px; }
 .hra-huge { font-size: 6em; }
        
 .plan3-box1, .plan3-box4,
 .plan5-box1, .plan5-box4,
 .plan7-box1, .plan7-box4,
 .plan8-box1, .plan8-box3,
 .plan9-box1, .plan9-box4 { min-height: auto;} 



 
 .dcra-steps .box1, .dcra-steps .box2  { min-height: auto;}


 .dcra-savings { padding-top: 30px; padding-bottom: 10px; padding-left: 0px; margin-left: 0; margin-left: 0px; margin-right: 0px;}

.dcra-wrap { padding: 0;}
.dcra-wrap:first-child {margin-left: 0px;}
.dcra-wrap:last-child { margin-right: 0px; }

.oop {  border-radius: 4px; padding: 20px; width: 100%; text-align: center; margin-right: 0px; margin-left: 0px;}
.oop-type { margin: 10px auto; }



.oop-savings { border: 3px solid #fff; border-radius: 4px; padding: 15px; width: 100%; text-align: center;}
    .oop-savings .oop-type { font-size: 1.2em; text-transform: uppercase; padding: 0 10px 10px; margin-top: -12px;}
.oop { float: left; margin-right: 10px;}

.tax-signs { float: none;  }

.tax-signs { font-weight: 700; font-size: 35px; padding-top: 0%; margin: 0 auto; color: #fff; text-align: center;}


/*LPFSA*/
.lpfsa-save { margin-left: 0; }
 .lpfsa-save .oop, .lpfsa-save .oop-savings {width: 100%;  }
  .lpfsa-wrap .tax-signs { padding-top: 32%; padding-bottom: 2%; }
  .lpfsa-steps .box1 { min-height: auto;}

  /*HCRA*/
.hcra-save { margin-left: 0; }
 .hcra-save .oop, .hcra-save .oop-savings {width: 100%;  }
  .hcra-wrap .tax-signs { padding-top: 32%; padding-bottom: 2%; }
  .hcra-steps .box1 { min-height: auto;}

  .copyright { padding-top: 20px; text-align: left; }

    .commuter-hero .hero-msg { margin-left: 15px;}
    .ready-set-go { margin-top: 20px; }
    .hide-wait { display: none; }
    .commuter-promotion img { display: none; }
}
@media (max-width: 707px) {

.empower-left {padding-left: 5px; padding-top: 12px;} 
   
    .empower-right {padding-right: 0px;padding-top: 12px;}
        .empower-right  h2 { padding-left: 0px; margin-left: -15px; font-size: 1.5em;}

    .superhero2 { display: none;}
     .saving-vid { margin-left: 0px; padding-top: 50px;}

.lpfsa-hero { height: auto; }
.lpfsa-hero img { display: none;}
.lpfsa-hero .hero-msg { padding: 0 25px; }
.lpfsa-huge { padding-top: 25px;}

.hcra-hero { height: auto; }
.hcra-hero img { display: none;}
.hcra-hero .hero-msg { padding: 0 25px; }
.hcra-huge { padding-top: 25px;}

   .hero2 .hero-msg3{ margin-left: 0; padding-left: 0px}
    .commuter-hero .hero-msg p {font-size: 30px; } 

}

@media (max-width: 690px) {
    
    .grow-description { padding-top: 0px;}
}

@media (max-width: 642px) {
.app-hero { background-position: -200px; height: 250px;  padding: 30px 30px 20px; text-shadow: none;}
.app-hero h2 { font-size: 2em; line-height: 1.4em; }
.app-hero p { font-size: 1.3em; line-height: 1.3em; padding-bottom: 0px;}


    .commuter-hero .hero-msg h2 { font-size: 40px; margin-bottom: -10px;padding-bottom: 0; padding-top: 45px;}
      .commuter-hero .hero-msg p { font-size:25px}  
}
  
@media (max-width: 630px) {
    .hsa-huge, .fsa-huge, .easy-win { float: none; text-align: center; }
    .hsa-huge { margin-bottom: -65px;}
    .fsa-huge { font-size: 6em; }
   .lpfsa-huge { text-align: center;}
     .lpfsa-huge span { display: block; font-family: oswald, arial, sans-serif; font-size: 35px;}
     .hcra-huge { text-align: center;}
     .hcra-huge span { display: block; font-family: oswald, arial, sans-serif; font-size: 35px;}
    
}

@media (max-width: 600px) {
    .comparison-tool-ad-mobile .icon-ul { margin-left: 185px;}


        .grow-description { padding-top: 0; margin-top: 0;}

          .couple-hide { display: block; margin: 0 auto; }
        .invest-hide { display: none;}

        .guidebook-img { margin-top: -20px;margin-left: -40px;}

        #me-carousel { display: none; }

      .about-description { width: 100%;}
          .team-members{ display: none;}
    .team-mobile { display: block; padding: 10px 0 20px;width: 100%;}

    .investment h2 { width: 100%;}
    .investment-thought { display: none;}
.investment-intro {width: 100%; padding-right: 20px;}
.investment-options { width: 100%;}

    .commuter-hero { height: auto; padding-top: 0;}
    .commuter-hero .col-xs-8 { width: 100%; }
    .commuter-hero .hero-msg  {  padding-top: 0; margin-top: 0;  }
    .commuter-hero .hero-msg h2 { font-size:55px; margin-top: 0;  }
    .commuter-hero img { display: none; }
}

@media (max-width: 510px) {
      
    
.comparison-tool-ad-mobile { background: #592c82; color: #fff;
        margin-top: 28px; }
        .comparison-tool-ad-mobile h3 { font-family: sanchez, arial, sans-serif; font-size: 1.5em; 
                                        padding-top: 15px;}

        .comparison-tool-ad-mobile .icon-ul { margin-left: 148px; padding-bottom: 15px;}
 
.icon-comparison-mobile { margin: 25px 30px 20px -5px;  padding-right: 15px; height: 180px;
                          float: left; border-right: 2px solid #88739e;}

    .commuter-hero .hero-msg h2 { font-size: 50px; }
}

@media (max-width: 480px) {

    .hsa-huge { font-size: 4em; text-align: center; float: none; padding-bottom: 10px;}
    .easy-win { font-size:1.6em; text-align: center; float: none;}
    .comparison-tool-ad {  }


      

        .media-body { padding: 0 15px; }
        .retirement h2 { font-size: 28px;}

/* How  */
.how h2, .how h2.overview, .how h3.qualified { font-size: 1.7em;  }
.how h2.hsa-how {padding-left: 0; }
.how h2.overview { text-align: left;}


/*Contact */
.modal-content { width: 90%; }
.modal-body h3  { font-size: 1.7em; line-height: 1.3em; }
.ms-email a { font-size: 1.1em;}

.breadcrumb { display: none;}


.hsa-process, .hsa-process2, .hsa-process3 { padding-bottom: 10px;}


.carousel-inner > .item { background-color: #00aac6;}

    .carousel-inner > .item > img { width: 480px;}
.me-navbar { height: 62px;}
.carousel-inner > .item > img.me-slide { width: 100%; }
.me-home { margin: 15px 20px 20px 30%}
.me-login { margin-top: -14px; }
.me-tablet { display: none; }
.first-slide { margin-left: -12px;}
.me-slide { margin-left: -430px;}
.me-caption { position: relative; left: 0%; padding: 20px 20px 25px 10px;} 
.me-caption h1 { margin-top: 0;}
.me-name { font-size: .9em; margin-bottom: 0; color: #fff; margin-top: -80px; margin-left: 25px; padding-bottom: 10px; }
.me-mobile { display: inline; margin-top: -11px;}
 .me-caption h1 {  color: #fff; font-size: 2.5em; line-height: .85em; padding-top: 15px;}
        .me-caption h1 span { font-family: sanchez-italic; font-size: .8em; text-transform: initial; color: #fff;}
      .modules { margin-top: -20px; padding-top: 30px;}



      .about  { padding-bottom: 20px;}

.team-members{ display: none;}
    .team-mobile { display: block; padding: 10px 0 20px;}

     .app-hero { background: url(../img/app/app-hero-mobile.jpg) -50px -30px no-repeat;  height: auto;  padding: 5px 20px 15px; text-shadow: none;}
   .app-hero h2 { font-size: 2em; line-height: 1.4em; }
   .app-hero p { font-size: 1.3em; line-height: 1.3em; padding-bottom: 0px;}
   .app-hero a { display: block; padding-bottom: 10px; }
}


@media (max-width: 414px) {
.dropdown-menu > li > a.url-hra, .dropdown-menu > li > a.url-lphra, .dropdown-menu > li > a.url-pdhra, .dropdown-menu > li > a.url-sahra {
  min-width: 275px;
  white-space: initial;
  font-size: 1em;
   padding: 12px 20px;
}
.dropdown-menu > li > a.url-hia {
  min-width: 275px;
  white-space: initial;
  font-size: 1em;
   padding: 12px 20px;
}


/* Eastman */

.retirement-matters { margin-left: 0px; padding-left: 0; padding-top: 0px;}
.quiz { display: none;}

.quiz-mobile {display: block; }

.why h2 { font-size: 22px; }

  

.saving-vid { margin-left: 10px; }
.superhero { display: none;}   

.hero-msg { margin-top: 0;}
 .hero-web-pct { margin-top: -12px;  padding-top: 0; text-align: center;}
    .hsa-huge2 { font-size: 35px; line-height: 51px;}
            .hsa-huge2 .voltage { font-size: 48px;}
            .complex { font-size: 1.27em; margin-top: -5px;}

    .congrats { font-size: 3em; }
    .tagline { font-size: 38px; margin-bottom: 0;}
    .tagline2 { font-size: 20px; }

 
  

 
.comparison-tool-ad-mobile { background: #592c82; color: #fff;
        margin-top: 28px;   }
        .comparison-tool-ad-mobile h3 { font-size: 1.2em;  margin-top: 15px; }

        .comparison-tool-ad-mobile .icon-ul { margin-left: 141px; padding-bottom: 10px; font-size: .95em;}
 
.icon-comparison-mobile { margin: 25px 30px 23px -5px;  padding-right: 15px; height: 180px;
                          float: left; border-right: 1px solid #88739e;}


/* Contribute section */
.media-left { display: block; padding-right: 30px; margin: 0 auto; text-align: center; }
.media-body { padding-right: 0; padding-left: 0;}
.media-item1, .media-item2, .media-item3 { padding-bottom: 20px; }

  
/* Media library */
.extra { padding: 0; }
.media-wrap, .media-wrap:hover { padding: 10px; height: auto;}


/* Investment section */
.invest-hide { display: none;}


/* Lifestyle section*/

.lifestyle-overview { padding-top: 30px; }


.member-services { display: none;}
    .member-services-mobile { display: block}

/* FSA */
    .tax-btn { display: none; }
    .tax-btn-mobile { display: block; margin-top: 20px; }

/*  HRA Hero */

.hero-hra .hero-msg { margin-left: 0px; padding-top: 20px; }
 .hra-huge { font-size: 6em; }
        .keep-money { font-size: 1.6em; line-height: 1.2em; padding: 0 20px;}

.hra-video .media-left { padding-left:15px; padding-bottom: 10px}
.hra-video a h3, .hra-video a p{ text-align: center; padding-right: 0;}

.dcra-hero { height: auto;}
.dcra-huge { font-size: 6em; padding-left: 0;}
.dcra-subhead { font-size: 1.6em; padding-left: 0; text-align: left;}

.dcra-why { padding: 0; text-align: left;}

.dcra-fam { text-align: center; }
    .dcra-fam img { width: 90%; }

.oop { border-radius: 4px; padding: 25px; width: 100%; text-align: center; margin-right: 0px; margin-left: 0px;}
.tax-signs { padding-bottom: 7px;}


    .milkcrate h1 { font-size: 29px;}
    .milkcrate h3 { font-size: 18px;}

/* Commuter */

    .commuter-hero { height: auto; padding: 28px 15px 15px;  }
        .commuter-hero .hero-msg { margin-left: 0; }
        .commuter-hero .hero-msg h2 { font-size: 44px; padding-top: 0; padding-bottom: 5px; width: 120%;}
        .commuter-hero .hero-msg p { font-size: 22px; padding-top: 5px;}
        .commuter-hero .hero-msg p span { font-size: 25px; }
         .commuter-hero img  { display: none;}

        .commuter-hero .col-xs-8 { width: 100%;}
}



@media (max-width: 384px) {

 /* Hero section */
  .comparison-tool-ad-mobile { background: #592c82; color: #fff;  margin-top: 28px; padding-bottom: 30px;  }
        .comparison-tool-ad-mobile h3 { font-size: 1.4em;  margin-top: 0px; padding-left: 10px;}
        .comparison-tool-ad-mobile .icon-ul { margin-left: 0px; padding-bottom: 15px; font-size: 1em;}
 
        .icon-comparison-mobile { display: none;}
        .icon-comparison-iphone5 { display: inline; padding-top: 10px;}
        
        .button-tablet { display: none;}
        .button-mobile { display: block; }

        .keep-money {  font-size: 1.4em; }

          .commuter-hero .hero-msg h2 { font-size: 40px; padding-top: 0; padding-bottom: 0px}
}


@media (max-width: 375px) {
    
  .dropdown-menu > li > a.url-hra,   .dropdown-menu > li > a.url-lphra {
  min-width: 250px;
  white-space: initial;
  font-size: .9em;
  padding: 10px 20px;
}
    .tagline2 { font-size: 18px;}

.dcra-subhead { font-size: 1.4em; padding-left: 0; text-align: left;}

.dcra-why { font-size: 1em;}

.dcra-fam { text-align: center; }
    .dcra-fam img { width: 90%; }
      
    #mobileHSA .caret { display: none;}

     .commuter-hero .hero-msg h2 { font-size: 38px; padding-top: 0; margin-bottom: -5px;}

/* Activision Blizzard */
.p-blizzard .hero-main p span { font-size: 18px; }


}


@media (max-width: 360px) {

    .using-hsa .media-left { display: block; text-align: center;}

}



@media (max-width: 320px) {
.dropdown-menu.hra-mobile { left: -106px}
 .dropdown-menu > li > a.url-hra,  .dropdown-menu > li > a.url-lphra {
  min-width: 300px;
  width: 100%;
  white-space: initial;
  font-size: .9em;
  padding: 10px 20px;

}

 .dropdown-menu.hia-mobile { left: -106px}
 .dropdown-menu > li > a.url-hia {
  min-width: 300px;
  width: 100%;
  white-space: initial;
  font-size: .9em;
  padding: 10px 20px;

}
       .easy-win { font-size: 1.4em;}


       .hero-msg2 p { font-size: .9em;}

    .hsa-huge2 { font-size: 30px; line-height: 51px;}
            .hsa-huge2 .voltage { font-size: 40px;}
            .complex { font-size: 1.5em; margin-top: -5px;}


    .congrats { font-size: 2.3em; }

    .tagline { font-size: 30px;}
    .tagline2 { font-size: 20px; width: 80%; text-align: center; margin: 0 auto; line-height: 26px; } 
        .health-plan { font-size: 1.3em; line-height: 1.2em;  }
     

     

       .modal-content { width: 95%;}
       .ms-email a { font-size: 1em;}
    
       .lifestyle-overview h1 { font-size: 2.2em;}

       .show-phone { display: block; }
       .hide-phones { display: none;}

/* FSA */
.fsasavings h2, .fsa-expenses h2 { font-size: 26px;}
    .lpfsa-huge span { font-size: 28px; }
     .hcra-huge span { font-size: 28px; }
   

/* HRA */
       .keep-money {  font-size: 1.3em; padding: 0 5px}
.dcra-subhead { font-size: 1.2em; }


    .commuter-hero { height: auto; padding: 28px 15px 15px;  }
        .commuter-hero .hero-msg h2 { font-size: 32px; padding-top: 0; margin-bottom: -5px;}
        .commuter-hero .hero-msg p { font-size: 18px; padding-top: 0;}


}
/* Request form */
.request-form .custom-label {  font-family: sanchez-light, arial, sans-serif; font-size: 1em;}
.request-form {  font-family: museo-sans, arial, sans-serif; font-size: 1em;}
.hraOptions { padding-left: 45px; }
.hraOptions label { font-weight: normal; color: #333; }

.eligibleEmployees { margin-left: 12px;}
.eligibleEmployees input[type="radio"] {
    margin-right: 6px; 
}

.aa-input-container {
    width: 250px;
    border: 1px solid rgba(228, 228, 228, 0.6);
}

.aa-input-search {
    border: none;
    padding: 5px 0px 0px 10px;
    width: 200px;
    margin-bottom: 12px;
}

.aa-input:active, .aa-input:focus, .aa-input-search:active, .aa-input-search:focus, span.algolia-autocomplete:active, span.algolia-autocomplete:focus{
    border: 0px solid #ffffff;
    outline: none;
}

.aa-input-search::-webkit-search-decoration, .aa-input-search::-webkit-search-cancel-button, .aa-input-search::-webkit-search-results-button, .aa-input-search::-webkit-search-results-decoration {
    display: none;
}

.aa-dropdown-menu {
    background-color: #fff;
    border: 1px solid rgba(228, 228, 228, 0.6);
    min-width: 250px;
    margin-top: 10px;
    box-sizing: border-box;
}

.aa-suggestion {
    cursor: pointer;
}

.aa-suggestion span {
    padding: 12px;
    display: block;
    height: auto;
}

.aa-suggestion + .aa-suggestion {
    border-top: 1px solid rgba(228, 228, 228, 0.6);
}

.aa-suggestion:hover, .aa-suggestion.aa-cursor {
    background-color: rgba(241, 241, 241, 0.35);
}