﻿/* Colors */
.bg-light-gray { background: #f8f8f8;}

/* Global*/
.navbar-left .dropdown a { padding-top: 0;}

.navbar-left.dropdown img { margin-top: -20px; padding-bottom: 20px;}


/*.dropdown-menu {
    	min-width: 200px;
    }
    .dropdown-menu.columns-2 {
    	min-width: 400px;
    }
    .dropdown-menu.columns-3 {
    	min-width: 600px;
    }
    .dropdown-menu li a {
    	padding: 5px 15px;
    	font-weight: 300;
    }
    .multi-column-dropdown {
    	list-style: none;
    }
    .multi-column-dropdown li a {
    	display: block;
    	clear: both;
    	line-height: 1.428571429;
    	color: #333;
    	white-space: normal;
    }
    .multi-column-dropdown li a:hover {
    	text-decoration: none;
    	color: #262626;
    	background-color: #f5f5f5;
    }
     
    @media (max-width: 767px) {
    	.dropdown-menu.multi-column {
    		min-width: 240px !important;
    		overflow-x: hidden;
    	}
    }*/

.sidebox { background: #f1f1f1; padding: 20px; }
    .sidebox h3 { margin-top: 0; padding-top: 0;}

.label-pdf { line-height: 18px;  margin-top: -3px;  margin-right: 4px; padding: 3px 5px; background: #592c82; color: #fff; font-size: 10px; line-height: 20px }


/* ------------------------------ Content pages ------------------------------ */
.main-content h1 { font-family: Oswald, Arial, sans-serif; font-size: 2.2em; color: #592c82;}

/* Homepage */
.carousel-inner > .item.active {  }
.carousel-body-full { position: absolute; top: 20%; z-index: 10; width: 1000px;}

.carousel-body { position: absolute; top: 20%; z-index: 10; padding-bottom: 20px; padding-left: 10px; width: 40%;}
    .carousel-body h2 span { display: none;}

    .carousel-body h2 { font-family: oswald, Arial, sans-serif; font-size: 32px; text-transform: uppercase; }
    .carousel-body p { font-family: sanchez, arial, sans-serif; font-size: 16px; line-height: 24px; padding: 5px 20px 5px 0;}
    p.larger-text { /*font-family: sanchez, arial, sans-serif; font-size: 20px; line-height: 24px;*/  padding: 5px 150px 5px 0;}

.carousel-body.dark-text h2 { color: #592c82}
    .carousel-body.light-text p { color: #6f6a74; }
    .carousel-body.light-text h2, .carousel-body.light-text p { color: #fff; }
.carousel-body .health-wealth { margin-top: -10px;}


.carousel-body-full.carousel-center img { display: inline-block; }
.carousel-indicators { position: absolute; top: 30px; right: 84%; /*bottom: 10px;
  left: 10%;*/ z-index: 15; /*width: 60%;*/ padding-left: 0; margin-left: -30%; text-align: center; list-style: none; }
.carousel-indicators li { background: #f1f1f1;}


.carousel-caption { position: absolute; top: 10%;  z-index: 10; padding-bottom: 20px; }
    .carousel-caption h1 { font-size: 34px; font-family: oswald, Arial, sans-serif; letter-spacing: .5px; color: #fff; text-transform: uppercase; margin-bottom: 2px;} 
 		.carousel-caption p { font-family: sanchez-light; font-size: 25px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); color: #fff; }
.carousel-caption4 { position: absolute; top: 10%;  z-index: 10; padding-bottom: 20px; }
        .carousel-caption4 h1 { color: #fff; text-transform: uppercase; font-family: oswald, Arial, sans-serif; font-size: 34px; text-shadow: 1px 1px #6d6e70; margin-top: 5px; padding-bottom: 5px;}
        .carousel-caption4 .sub-quote { font-family: sanchez, Arial, sans-serif; color: #fff; font-size: 20px;}
        .ann-carns { text-transform: uppercase; color: #fff; font-size: 13px; font-weight: 500;}

     ul.slider-accounts li { list-style: none; margin-left: -40px; padding-top: 12px; padding-bottom: 2px; border-bottom: 1px solid rgba(255, 255, 255, 0.4);}
     ul.slider-accounts li:last-child { border-bottom: none;}
        ul.slider-accounts li a { color: #fff; font-size: 1em; font-weight: 500; text-shadow: 1px 1px #000; }
        ul.slider-accounts li a:hover { text-decoration: none; color: #dcddde;}
        ul.slider-accounts li i { padding-left: 3px; color: #00aac6; }
    ul.slider-accounts .label-new { margin: 0 2px 0 5px; padding: 5px 6px; text-transform: uppercase; background: #592c82; color: #fff; font-family: sanchez, arial, sans-serif; font-size: 11px; text-shadow: none;}
.open-hsa { padding-top: 20px; }

.important-message {padding: 10px 0 0; background: #a7a9ab; color: #fff;}

.solutions-module { padding-bottom: 35px;}
.solutions-module h2 { text-transform: uppercase; text-align: center; font-size: 22px; color: #592c82; padding: 5px 0 30px; margin: 0;}
.solutions-module a { font-size: 14px; font-weight: 500; color: #6f6a74; text-decoration: none;}
.solutions-module a:hover { color: #00aac6}
.solutions-module a i { display: block; padding-bottom: 8px; font-size: 50px;}
.solutions-module img { display: block; padding-bottom: 3px; margin: 0 auto;}

.services-module h2 { text-transform: uppercase; text-align: center; font-size: 22px; color: #fff; padding: 15px 0 20px; margin: 0;}
.services-module a { display: block; margin: 0 auto; text-align: center; color: #d1d2d4; text-decoration: none; padding: 10px 0 30px; }
    .services-module a:hover { color: #fff; }
    .services-module a span { font-size: 18px; font-weight: 500; color: #00aac6;}
   
.services-module img { display: block; padding-bottom: 3px; margin: 0 auto; text-align: center;}
.services-module .row2 { padding-top: 40px;}

.modules { padding: 0;}
.first-module { width: 30%; padding-top: 21px; padding-bottom: 15px; padding-right: 0;}

.modules .tackle-body h2 { font-family: Oswald, Arial, sans-serif; font-size: 25px; text-transform: uppercase; color: #0070b9; padding-top: 0; margin-top: 0;}
.tackle-body { width: 70%; float: left; padding-left: 10px; padding-top: 29px;}
    .tackle-body img { margin-left: -3px;}
    .tackle-body p { padding: 3px 0;}
.tackle-img { width: 30%; float: right;  }

/*.mod1 p { padding: 12px 40px 0 0;}*/

.blog-module { border-right: 10px solid #fff; border-left: 10px solid #fff; padding-left: 25px;  padding-right: 0; padding-top: 20px; padding-bottom: 15px; }
.blog-module h2, .first-module h2 { font-family: Oswald, Arial, sans-serif; font-size: 30px; text-transform: uppercase; color: #0070b9; padding-bottom: 10px; margin-top: 5px; } 
.mod2, .mod1 { float: left; width: 52%; }
    .mod1 h2 { color: #592c82}
    .mod2 p{ padding: 4px 0; }
    .mod1 p { padding: 2px 0 5px;}

.mod1-img { float: right;  margin-top: 35px; }
.mod1-mobile { display: none;}
.mod2-img { float: right;  padding-top: 8px; }

/* Investment education center */
.investment-center { background: #f6f6f6;}
.custom-header-iec { text-transform: uppercase;  font-size: 15px; padding-top: 20px;}
.investment-center h1 { color: #592c82; font-size: 30px; padding-bottom: 10px;}
.investment-center h2, .investment-center h3 { color: #00aac6; font-size: 18px; text-transform: initial;}
.investment-center ul.pdf-list { list-style: none; }
.investment-center ul.pdf-list  li { margin-left: -22px; padding-bottom: 5px; padding-left: 0; }
    .investment-center ul.pdf-list  li i { padding-right: 3px;}

.investment-center-hero { background: #fff;}
.investment-center-hero img { padding-top: 90px}

.industry-award { padding-bottom: 25px; }
.industry-award .laurels { height: 97px; width: 155px; background: url(../img/company/laurels.png) no-repeat; font-family: oswald, sans-serif; text-align: center; text-transform: uppercase; margin-right: 20px; margin-bottom: 20px;}
.industry-award .award-description { padding-top: 0px; padding-left: 15px;}
.industry-award .awarder { font-family: Oswald, Arial, sans-serif; font-size: 17px; padding-top: 25px; margin-bottom: 3px;}
.industry-award .awarded-date { font-family: Oswald, Arial, sans-serif; }
.industry-award .award-title { font-family: sanchez, Arial, sans-serif; font-size: 20px; color: #00aac6; margin-bottom: 3px;}

.fund-expense-ratio, .admin-fee  { background: #fff;  margin-top: 20px; padding: 10px 20px; min-height: 200px;}
    .fund-expense-ratio h4, .admin-fee h4 { color: #592c82; font-size: 16px; border-bottom: 1px solid #dcddde; padding-bottom: 8px; }
.fund-expense-ratio p { padding-top: 5px; }

/*.admin-fee { background: #00aac6; margin-top: 20px; padding: 10px 20px; color: #fff;}
    .admin-fee p { color: #fff;}*/

.fund-callout p { background: #592c82; padding: 10px 20px; color: #fff;}
    .fund-callout .percentage { font-size: 20px;}

.third-party { background: #6f6a74; margin-top: 15px; padding: 10px 20px 3px; text-align: center;}
    .third-party p { color: #fff; font-size: 16px; }

#news { padding-top: 20px;}

.iec-contact { padding: 10px 0 20px;}
.iec-contact h3 { font-family: Oswald, Arial, sans-serif; font-size: 20px; color: #592c82; padding-top: 0;}
.iec-phone { font-family: Oswald, Arial, sans-serif; font-size: 18px; color: #00aac6}



/* Retirement Services */
.retirement-services .tagline { font-family: sanchez, Arial, sans-serif; font-size: 1.4em; line-height: 1.4em; color: #0070b9; padding-top: 0; padding-bottom: 10px;}
.retirement-services .sidebox .form-control { background: #fff;}
.retirement-services .sidebox { margin-top: 20px;}

.retirement-partners {  font-size: 16px; font-weight: 700; text-transform: uppercase;}
.industry-problems { padding: 10px 0 25px; }
.industry-problems h2 { font-family: sanchez, arial, sans-serif;
    font-size: 1.7em;
    color: #00aac6; padding-bottom: 20px; }
.industry-problems img { display: block; padding-bottom: 15px; margin: 0 auto;}

.hrs-our-solution { padding-top: 5px; padding-bottom: 40px;}
.hrs-our-solution h2 { padding-bottom: 15px; }
.solution-modules { padding: 10px; min-height: 215px;}
    .solution-modules h3 { font-family: Oswald, Arial, sans-serif; padding-top: 0; padding-bottom: 5px;}
    .solution-modules p { color: #fff;}
        .solution-modules p.gray { color: #6f6a74;}

.retirement-solutions h3 { font-family: Oswald, Arial, sans-serif; padding-top: 0; padding-bottom: 5px;}}

.callout { padding: 0 30px; }
.callout img { margin: 0 20px; }
.callout p { font-size: 13px; font-weight: 500; color: #6f6a74; padding: 0 15px;}
    .callout p span { font-size: 15px; color: #00aac6; font-family: sanchez; padding-right: 40px;}

.integrated-hsa { padding-bottom: 50px;}
.integrated-hsa h3 { font-family: Oswald, Arial, sans-serif; font-size: 17px; padding-top: 18px; padding-bottom: 15px; color: #592c82}
.integrated-hsa img { display: block; padding-bottom: 5px; margin: 0 auto;}

.broker-vs-advisor h2 {font-family: sanchez, arial, sans-serif; font-size: 1.7em; color: #00aac6;}

/* Forms */
.hrs-forms { padding-bottom: 40px;}

.oe-travel h1 { font-family: Oswald, Arial, sans-serif; font-size: 30px; text-transform: uppercase; color: #592c82 }
.oe-travel h3 { padding-top: 0;}
.meeting-header { color: #0aa9c6; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid #dcddde; margin: 20px 15px -10px 15px;}


/* Employer webinars */
.employer-webinars-hero { padding: 30px 0;}
    .employer-webinars-hero h1 { font-family: Oswald, Arial, sans-serif; font-size: 30px; text-transform: uppercase; color: #592c82; }
    .employer-webinars-hero p { font-size: 15px;}
    p.dl-session { text-transform: uppercase; font-size: 12px;}

.employer-webinars { padding: 10px 0 180px;}
.employer-webinars h2 { font-family: sanchez, Arial, sans-serif; font-size: 20px; }
.table-webinar-dates { font-size: 14px;}
    .table-webinar-dates tbody tr th { background: #f1f1f1; color: #592c82; padding: 6px 10px 4px ;}
    .table-webinar-dates tbody tr td { padding: 5px 10px;}

#agenda p { }
.list-agenda { padding-left: 10px; padding-bottom: 10px; margin-top: -8px; margin-left: 0; list-style: none; }

/* Services */
.services-content h1 { font-family: oswald, arial, sans-serif; font-size: 30px; color: #592c82; text-transform: uppercase; margin-top: 15px;}
.services-content h2 { font-family: sanchez, arial, sans-serif; font-size: 18px; padding-top: 5px;}
.services-content h3 { font-family: museo-sans, arial, sans-serif; font-size: 14px; font-weight: 700; color: #592c82; margin-top: 0;}

.services-content a { text-decoration: underline; }
.services-content i { color: #0070b9}
.services-content sup i { color: #592c82}
.services-content img { max-width: 100%; height: auto;}


.affix .fixed-sidebar { background: #f1f1f1; margin-top: 20px; padding: 0px; width: 115%; text-align: center;}
.fixed-sidebar { background: #f1f1f1; margin-top: 20px; padding: 0px; max-width: 228px; text-align: center;}
.fixed-sidebar-header { padding: 10px; background: #dcddde; color: #592c82; font-family: museo-sans, Arial, sans-serif; font-weight: 700; font-size: 16px; text-transform: uppercase; }
.fixed-sidebar-content { padding: 18px 22px;}
.cta-number { font-size: 16px;}
    .cta-number span { font-size: 13px;}
    .cta-number a { color: #6f6a74; text-decoration: none;}

    .fixed-sidebar h2 { margin-top: 5px; padding-bottom: 5px; color: #592c82; }
.fixed-sidebar ul { list-style: none; margin: 0; /*padding: 0 0 10px;*/ font-size: 14px; font-weight: 500; 
    padding-left: 12px;}
    .fixed-sidebar li { padding: 6px 0; /*border-bottom: 1px solid #dcddde;*/ text-indent: -5px;
    margin-left: 0px;}
    .fixed-sidebar li a { color: #6f6a74; text-decoration: none; }
    .fixed-sidebar li a:hover { color: #00aac6; }
        .services-content .fixed-sidebar li i { padding-right: 5px; color: #00aac6}
/* Employers */
.services-content .employer-icon  { margin-left: -22px; padding-top: 40px; max-width: 119%; }
    .employer-icon.easy-setup { height: 100%; width: 100%; margin-left: 5px;}

.employer-savings td { font-family: sanchez, Arial, sans-serif; font-weight: 500; font-size: 18px;}
    .employer-savings td.product { font-family: oswald, Arial, sans-serif; font-weight: 500; font-size: 18px; }
     .employer-savings td.product span { font-family: sanchez, Arial, sans-serif; font-weight: 500; font-size: 14px; color: #6f6a74 }

/* HSA */
.gated-content-ad { padding: 20px;}

/* Health & Wealth */
.hw-hero { padding-bottom: 40px; }
    .hw-hero h1 { padding-top: 8px; }
.hw-hero h2 { font-size: 20px;} 
.hw-hero p { font-size: 16px;}

.health-stats { padding-bottom: 30px;}
.health-footnotes { padding-left: 30px;}
.connected-solution { padding-top: 58px;}


/* Contact */
.services-content h1.ms-phone { font-size: 17px; font-weight: 900; font-family: museo-sans, arial, sans-serif;  }
.services-content.contact h2 { font-family: museo-sans, Arial, sans-serif; text-transform: uppercase; color: #6f6a74; font-size: 14px; font-weight: 700; padding-bottom: 5px; }
.services-content.contact h2 i { color: #00aac6; padding-right: 3px; font-size: 22px;}
.services-content.contact h3 { text-transform: initial; color: #592c82; font-size: 16px;  font-family: sanchez-light, Arial, sans-serif; margin-bottom: 5px;}
.services-content.contact .current-partners { padding-top: 10px;}
.services-content.contact .current-partners .row { padding-bottom: 20px; }
.services-content.contact strong { font-weight: 500;}
/* Careers */
#culture p, #contact p { color: #fff;}
.utah-biz, .hcs, .awarder { font-family: Oswald, Arial, sans-serif; font-weight: 500;}
/* Rainy day campaign */
.rainy-day { background: #f8f8f8 url(../img/contribute/bg-rain.png); padding: 0;}
.rainy-day-limits th { color: #00aac6;}
.cta-rainyday{ background: #00aac6; color: #fff; padding: 20px 20px 10px }
    .cta-rainyday h2 { font-family: sanchez, Arial, sans-serif; font-weight: 500; font-size: 20px; color: #fff; margin-top: -5px;}
    .cta-rainyday p { color: #fff;}
/* Contribution campaign */

.contribute-campaign { background: #F1F2F2 url(../img/contribute/bg-contribute.png); padding: 20px 0; }
	.contribute-campaign .hero2 img { text-align: center; padding: 6px 20px 20px;}
.cta-contribute { background: #592c82; color: #fff; padding: 10px 20px; margin-top: 30px;}

ul.family-contribution-scenario { margin-left: -10px;}
.family-contribution-scenario li { text-indent: -9px; padding-left: 9px; }

.family-one img, .family-two img { padding-left: 25px; padding-right: 30px; padding-bottom: 10px; padding-top: 10px;  }
.family-one ul, .family-two ul { list-style: none; padding-right: 25px; }
	.family-one ul li, .family-two ul li { padding-bottom: 5px; }

.family-one h2, .family-two h2 { margin-top: 10px; padding-left: 20px; padding-bottom: 8px;  font-size: 24px; color: #592c82 }
.family-one { background: #f1f1f1; padding: 20px 0 0 0; }
.family-two { background: #f1f1f1; padding: 20px 0 0 0; }

.family-one .tax-savings { padding: 10px; display: block; background: #6f6a74; color: #fff; margin-top: 30px; text-align: center; font-size: 16px; }
.family-two .tax-savings { padding: 10px; display: block; background: #592c82; color: #fff; margin-top: 10px; text-align: center; font-size: 16px; }
img.calculate-savings { max-width: 300px; }

.table.hsa-planning tr td { padding: 20px 10px; }

.hsa-options { border: 1px solid #dcddde;}
.header-option { padding: 5px 15px; text-transform: uppercase;}
.hsa-options-body { padding: 5px 15px;}

.hsa-missing { font-size: 20px; color: #fff; background: #592c82; margin-top: 30px; padding: 10px; font-weight: 500; }
.hsa-missing2 { font-size: 19px; font-family: sanchez, arial, sans-serif; font-weight: 500; padding-top: 25px;}
    .hsa-missing2 h2 { font-size: 25px; padding-top: 0; color: #fff;}
    .hsa-missing2 p { color: #fff; font-size: 16px;}

.holiday-rainyday-campaign { background: #f6f6f6 url(../img/contribute/bg-holiday.png); height: 340px;}
.hero2 .contribute-desktop { padding-top: 40px; margin: 0 auto; }
.cta-holiday { padding: 90px 37px 90px 28px; background: url(../img/contribute/callout-gift.png) no-repeat; height: 272px; max-width: 268px; margin-top: -20px; }

.cta-holiday h2 { color: #fff; font-family: sanchez, Arial, sans-serif; }
.cta-holiday p { color: #fff; padding-top: 5px;  }

.cta-calculator { background: #592c82; color: #fff; padding: 15px 10px 10px; margin: 25px 0 10px; text-align: center;}
    .cta-calculator p { color: #fff; font-size: 18px; font-family: sanchez, Arial, sans-serif; padding: 2px 0;}
    .cta-calculator a { margin-left: 15px; }
    .cta-calculator i { padding-right: 5px; }

.icon-money-snowflake { margin-top: -75px;}

.browser-upgrades i { display: block; color: #a7a9ab; padding-bottom: 10px; font-size: 50px; font-weight: 100;}
.browser-upgrades .intro { font-size: 20px; }
.browser-names { border: 1px solid #dcddde; padding: 20px; min-height: 160px; margin-left: 20px; background: #f8f8f8; }
    .browser-names:hover, .browser-names:hover a, .browser-names:hover a i{ background: #592c82; color: #fff;}
.services-content .browser-names a { text-decoration: none; }
.browser-names span { font-weight: 700;}


/* Signup */
.signup-progress {margin-top:30px;}
.signup-progress > .row {
    margin: 0 auto;
}

.signup-funnel > .container-fluid { width:90%; max-width:1035px; }
.signup-funnel h2 { font-size: 32px; font-family: oswald, Arial, sans-serif; text-transform: uppercase; margin:0 0 20px 0;}
.signup-funnel p { font-size: 16px;}


.signup-funnel { min-height:800px; overflow: hidden; }
.signup-funnel .checkboxes input {
    position: absolute !important;
    overflow: hidden;
    display: none;
}
.signup-funnel .checkboxes label {
    margin-bottom:30px;
}
.signup-funnel .checkboxes input:checked + label { background-color: #592c82;color: #fff;}
.signup-funnel .checkboxes label { display: block; background-color: #f1f1f1; color: #592c82; font-size: 18px; font-family: sanchez, arial, sans-serif; font-weight: 500; text-align: center; padding: 25px;}
.signup-funnel .checkboxes label:hover {
    cursor: pointer;
    background: rgba(230,230,230, 1);
}
.signup-funnel .checkboxes label i {
    display: block;
    padding-bottom: 10px;
    font-size: 30px;
}
.signup-funnel i.funnel-individual { font-size: 27px; }

.signup-funnel .btn-teal { padding: 9px 15px;}

.signup-progress span { margin: 0 2px;}
.signup-progress span.next { padding: 7px 30px; }
/*.signup-funnel { padding: 40px;}
.signup-funnel input { position: absolute !important; overflow: hidden; }
.signup-funnel label { display: block; background-color: #f1f1f1; color: #592c82; font-size: 18px; font-family: sanchez, arial, sans-serif; font-weight: 500; text-align: center; padding: 25px; }
    .signup-funnel label:hover { cursor: pointer; background: rgba(230,230,230, 1); }
.signup-funnel input:checked + label { background-color: #592c82; color: #fff; }*/

/*.ck-button { padding: 0px; }
    .ck-button label{ display: block; background-color: #592c82; text-align: center; color: #fff; margin: 2px; padding: 15px; text-decoration: none; font-size: 16px; cursor: pointer; -webkit-user-select: none;  }
    .ck-button label input { display: none; }
    .ck-button input:checked  { background-color: #0070B8; }*/



/* Pricing table */

.pricing-plan-mobile h3 { font-size: 1.4em; padding-bottom: 5px; font-weight: 300; text-transform: inherit; font-family: inherit; }
.pricing-table { margin-top: 30px;}
.pricing-table th { font-size: 14px; font-weight: 500; text-align: left;}
.pricing-table td { text-align: center; vertical-align: middle; width: 25%;}
.pricing-table .pricing-plan { font-family: Oswald; font-weight: 500; text-transform: uppercase; font-size: 18px; color: #fff; }
td.monthly-pricing { font-size: 16px; font-weight: 500; font-family: oswald;}
/* Broker central CE courses*/
.card { background: #f1f1f1;  margin-bottom: 30px;}
	.card p { padding-left: 20px; padding-right: 20px; }
.ce-course { font-size: 20px; line-height: 22px; font-weight: 500; padding: 18px 20px 0px; color: #00aac6}
.credit-hours { background: #6f6a74; color: #fff; padding: 8px 20px; margin-top: 20px; font-size: 16px; font-weight: 500; }

/* Broker resources */
.broker-resources { padding: 15px 0 20px;}
	.broker-resources h2 { font-size: 20px; padding-bottom: 30px; }
.broker-resources h3 { font-family: oswald, Arial, sans-serif; font-size: 18px; color: #00aac6; text-transform: uppercase; margin-top: 3px; margin-bottom: 5px;}
	.broker-resources a { text-decoration: none; }
.services-content .list-group-item a { text-decoration: none; font-size: 14px;}

.hs-input, input[name="agency_zip_code"], input[name="additional_comments"] { background: #f1f1f1; border: 0; font-size: 17px; font-family: museo-sans, Arial, sans-serif; font-weight: 300; color: #6f6a74; outline: none; display: block; margin-right: 10px; padding: 5px; }

.sticky-solutions.broker { height: 115px;}
.sticky-desktop-broker { color: #6f6a74}
.services-module.broker a i { padding-bottom: 12px;}

/* Dave Ramsey */
#ramseyIndividual .modal-body { padding: 15px 25px }
	#ramseyIndividual .modal-body h1 { font-family: Oswald, Arial, sans-serif; text-transform: uppercase; font-size: 25px; color: #592c82; margin-top: 10px; }
	#ramseyIndividual .modal-body h2 { font-size: 17px; color: #0070b9; }
	#ramseyIndividual .modal-body ul, #ramseyIndividual .modal-body ol { color: #6d6e70 }


.ramsey-footer2 { position: fixed !important; z-index: 5000; height: 100px; bottom: 0; background: #0070b9; color: #fff; left: 0; right: 0; -webkit-box-shadow: 0px -1px 45px -1px rgba(0,0,0,0.6); -moz-box-shadow: 0px -1px 45px -1px rgba(0,0,0,0.6); box-shadow: 0px -1px 45px -1px rgba(0,0,0,0.6); }
.ramsey-endorsed-desktop { width: 155px; position: absolute; bottom: -91px; left: 200px; }
.ramsey-endorsed-long { display: none; }
.ramsey-guide { color: #fff; font-size: 25px; padding-top: 30px; }


.ramsey-footer { position: fixed !important; z-index: 5000; height: 100px; bottom: 0; background: #0070b9; color: #fff; left: 0; right: 0; -webkit-box-shadow: 0px -1px 45px -1px rgba(0,0,0,0.6); -moz-box-shadow: 0px -1px 45px -1px rgba(0,0,0,0.6); box-shadow: 0px -1px 45px -1px rgba(0,0,0,0.6); cursor: pointer;}
.ramsey-popup { bottom: 0; position: relative; /*left: 10%;*/ color: #fff;  }

.ramsey-footer p  { font-size: 25px; font-family: sanchez, arial, sans-serif; color: #fff; padding-top: 30px; padding-right: 10px; float: right;}
.ramsey-head { width: 200px; position: absolute; bottom: -100px; left: -25px;}

.ramsey-endorsed-mobile { display: none; }
 
.ramsey-popup span { margin-top: 30px; font-size: 24px; font-weight: 500;}
.ramsey-endorsed { padding-top: 16px; padding-right: 25px; }

.cta-ramsey { background: #0070b9; color: #fff; padding: 15px 0;}
.ramsey-open-btns { display: inline;}
.cta-ramsey a.btn { margin: 0 5px 0; }
	.ramsey-open-header {   font-size: 24px; font-weight: 500; padding: 5px 5px 0;}
.ramsey-call { font-weight: 500; font-size: 15px; padding: 0 10px;}

.ramsey.hero { padding-top: 0; padding-bottom: 0; margin-bottom: 0; background: #fff;  height: auto;}
.ramsey h2 { color: #592c82; font-size: 2em;}
.ramsey-quote { padding-top: 60px;}
	.ramsey-quote p { font-size: 20px;}

.sticky-solutions-bottom { position: fixed; bottom: -55px; width: 100%; height: 105px; background: #6F6A74; color: #fff; z-index: 9999; display: none; padding: 15px 0; -webkit-box-shadow: 0px -1px 22px -1px rgba(0,0,0,0.5); -moz-box-shadow: 0px -1px 22px -1px rgba(0,0,0,0.5); box-shadow: 0px -1px 22px -1px rgba(0,0,0,0.5); }


.ramsey.why h2 { font-size: 25px; }
.ramsey.why > img { text-align: center; margin: 0 auto;}

.ramsey-open { font-size: 25px; font-family: sanchez, Arial, sans-serif; padding-right: 20px;}

.ramsey.accounts { padding-bottom: 45px;}
.ramsey.service {}
	.ramsey.service h2 { color: #fff; margin-top: 10px; padding-bottom: 20px; }
	.ramsey.service p { color: #fff; font-size: 15px;}
.ramsey.guidebook { background: url(https://hsaguidebook.com/img/slider/hero-12th.jpg) center no-repeat; width: 100%; min-height: 500px; position: relative; background-size: cover; }

.ramsey.blog .blog-post { padding-top: 5px; font-size: 16px;}

.ramsey-table { border-collapse: separate; border-spacing: 10px; border: none !important;}
	.ramsey-table tr th { font-size: 14px; font-weight: 500; border-bottom: 0 !important; color: #00aac6;  text-align: right; width: 15%; /*padding: 0 !important;*/}
	.ramsey-table tr th span { display: block;  font-weight: 700;}
		.ramsey-table tr td { padding: 20px; border-bottom: 0 !important; }
	.ramsey-table tr td span { padding: 5px 0; }
.ramsey-table tr td.ramsey-account { font-family: oswald, arial, sans-serif; font-size: 20px;  width: 25%;}
			.ramsey-table tr td.ramsey-account.hsa { background: #592c82 url(../img/ramsey/bg-pig.png) 54% 56% no-repeat; background-size: 35%; padding: 25px 0; color: #592c82; font-weight: 500;}

.ramsey-accounts-mobile, .ramsey-table-mobile { display: none; }

.carousel-body.ramsey-slider { left: 53%;  }
#myCarousel { border-bottom: 5px solid #00aac6}

/*Wageworks*/
.img-ww-partner { padding-top: 30px; width: 90%; }
.wageworks-icons { margin-bottom: 30px;}
.wageworks-icons img { width: 60%; display: block; padding-bottom: 10px; margin: 0 auto;}
.wageworks-icons strong { font-family: sanchez-light, Arial, sans-serif; font-size: 16px; line-height: 30px; text-transform: uppercase; padding-bottom: 5px;}
.wageworks-commitment p { text-align: center; }


@media (max-width: 1680px) { .carousel-body-full { position: absolute; top: 15%; }
    .carousel-body { position: absolute; top: 20%;  }
}
@media (max-width: 1536px) {
    .carousel-body-full { position: absolute; top: 15%; }
    .carousel-body { position: absolute; top: 20%;  }
}
@media (max-width: 1440px) {
    .carousel-body-full { position: absolute; top: 10%; }
    .carousel-body { position: absolute; top: 15%;  }
    .search-wrapper { left: 20%;}
}
@media (max-width: 1366px) {
    .carousel-body-full { position: absolute; top: 8%; }

}

@media (max-width: 1280px) {
    .carousel-body-full { position: absolute; top: 5%; }
    .carousel-body { position: absolute; top: 10%;  }
    .open-hsa { padding-top: 15px;}
     .mod2 { width: 50%;}
}
@media (max-width: 1199px) {
    .employer-icon { display: none; }
}
@media (max-width: 1100px) {
    .carousel-body-full img { width: 30%; }
    .carousel-body-full p.larger-text { font-size: 16px; }
     
    .carousel-body { top: 5%; width: 50%; }
		.carousel-body.ramsey-slider { width: 45%; top: 15%;}
		.carousel-body.ramsey-slider p { font-size: 14px; font-family: museo-sans, Arial, sans-serif; line-height: 20px;}
}

@media (max-width: 1024px) {
    .carousel-body-full  { top: 3%;}
    .carousel-body-full img { width: 25%; }

    .carousel-body { top: 3%;  }
    .carousel-body h2 img { display: none;}
    .carousel-body h2 span { display: block;}
        .carousel-body p span { display: none;}
    p.larger-text { padding: 5px 10px 5px 0; }
    .search-wrapper { left: 12%; top: 5%;}
}
@media (max-width: 991px) {
    .carousel-body-full { left: 0;}
    /*.mobile-header { display: block; background: #592c82; }*/

    /*.top-bar { list-style: none; margin: 0; padding: 0; }
            .top-bar li { float: left;  line-height: 45px; }
                .top-bar li a { color: #fff; font-family: oswald, sans-serif; text-transform: uppercase; letter-spacing: .3px; }
                .top-bar li.top-bar-left { width: 10%; height: 55px; line-height: 44px; border-right: 1px #695080 solid;  text-align: center; }
                    .top-bar li.top-bar-left .navbar-toggle { padding: 17px 0 0 38%; }
                    .top-bar li.top-bar-left.search-icon { padding-top: 1px; margin-left: -2px;}
                .top-bar li.top-bar-middle { width: 60%; padding-top: 4px; height: 55px; line-height: 44px; border-right: 1px #695080 solid; border-left: 1px #695080 solid; text-align: center; }
                .top-bar li.top-bar-right { width: 20%; padding-top: 3px;}*/

    /*.navbar-inverse { margin-right: -15px;}*/
   
        .navbar-collapse.collapse.in { }
    .navbar-left.dropdown img, .navbar-left.search-dropdown { display: none;}
    .gated-content-ad.bg-light-gray { margin-bottom: 20px; }

    .first-module { width: 100%;  padding-top: 20px; padding-bottom: 5px;  padding-right: 0; border-bottom: 10px solid #fff; display: block; }
    .mod1 { padding-left: 15px;}
        .mod1 p { padding: 0 0 15px; margin-top: -10px;}
    .mod1-img { margin-top: -10px; margin-left: 30px;float: left;}
    .mod1-desktop { display: none;}
    .mod1-mobile { display: block;}
    .blog-module, .third-module { width: 50%; float: left; border-left: none;}
    .tackle-body { width: 70%;}
    .tackle-img img { margin-left: -20px;}

     .hw-hero .fixed-sidebar { display: none;}

    .family-two { margin-top: 25px;}

    .holiday-rainyday-campaign { height: 280px;}
.hero2 .contribute-desktop { padding-top: 20px;  }
.cta-holiday { padding: 80px 30px 90px 28px; background: url(../img/contribute/callout-gift.png) no-repeat; height: 250px; max-width: 250px; margin-top: -40px; }

.cta-holiday h2 { font-size: 18px;}

	.ramsey.hero p { padding: 5px 20px }
	.ramsey-quote, .ramsey-quote p { padding-top: 10px; }

	.ramsey-endorsed { width: 120%; padding-top: 25px; }
	.ramsey-popup p { font-size: 20px; padding-top: 30px; text-align: right;}

	.img-ww-partner { display: none; }
	.point-engagement, .point-value { padding-top: 25px; }
	.point-engagement { margin-left: 17%;}
}
@media (max-width: 834px) {
    .carousel-body-full { width: 800px; width: 100%; top: 1%;}
    .carousel-body-full img { width: 20%; }
    .carousel-body-full p { padding: 0px 100px; line-height: 20px;}

    .carousel-body { width: 58%; top: -1%;}
    .carousel-body h2 { font-size: 28px;}
        .carousel-body p { font-size: 14px; line-height: 18px;}
}

@media (max-width: 768px) {
    .search-wrapper { position: relative; top: 5%; width: 100%; left: 5%;  text-align: left; }
    #search input[type="search"], .search-disclaimer, .aa-dropdown-menu  {  width: 700px;  }

    .icon-close { right: 35px; top: 10px;}

    .employer-webinars-hero { padding-top: 10px }

    .carousel-body-full { width: 768px; width: 100%; top: 1%;}
    .carousel-body { width: 58%; top: 5%;}
    .carousel-body h2 span { display: block;}
    .carousel-body h2 img { display: none;}
        .carousel-body p span { display: none;}
    p.larger-text { padding: 5px 10px 5px 0; }

    /*.carousel .item { width: 120%; padding-right: 60px; }*/
    .carousel-caption { top: 5%; left: 3%;}
    .carousel-caption h1 { font-size: 28px;}
    .carousel-caption p { font-size: 20px;}

    .carousel-caption2 { left: 3%; top: 10%;}

    .carousel-caption4 { top: 8%; left: 2.5%;}
        .carousel-caption4 h1 { font-size: 30px;}
        .carousel-caption4 .sub-quote { font-size: 18px;}

    ul.slider-accounts li { padding-top: 7px; font-size: 13px;}
    .open-hsa { padding-top: 10px;}
    .btn-open-hsa  { padding: 5px 15px; font-size: 15px;}

    .commuter-contact, .cobra-contact, .ra-contact { font-family: Oswald, Arial, sans-serif; font-size: 14px; text-transform: uppercase;}

  .first-module { width: 100%;  padding-top: 20px; padding-bottom: 5px;  padding-right: 0; border-bottom: 10px solid #fff; display: block; }
    .mod1 { padding-left: 85px;}
        .mod1 p { padding: 0 0 15px; margin-top: -10px;}
    .mod1-img { margin-top: -10px; margin-left: 30px;float: left;}
    .mod1-desktop { display: none;}

/*.mod1 p { padding: 15px 0 0;  }*/
	.broker-contact { display: none;}
	.ramsey-table tr th { width: 20%; }
	.ramsey-table tr td.ramsey-account { width: 20%; }

	.carousel-body.ramsey-slider { width: 45%; top: 5%; }
		.carousel-body.ramsey-slider p { font-size: 14px; font-family: museo-sans, Arial, sans-serif; line-height: 20px; }

	.img-ww-partner { position: relative; display: none; }
	.wageworks-icons img { width: 40%;}

}
@media (max-width: 767px) {
 .carousel-inner { background: #f8f8f8; }
    #myCarousel { display: none;}
        
    /*.carousel-body h2 { font-family: oswald, Arial, sans-serif; font-size: 32px; text-transform: uppercase; }
    .carousel-body p { font-family: sanchez, arial, sans-serif; font-size: 16px; line-height: 24px; padding: 5px 0;}
    p.larger-text { font-family: sanchez, arial, sans-serif; font-size: 20px; line-height: 24px;  padding: 5px 180px;}*/

    .carousel-body.dark-text h2, .carousel-body.light-text p { color: #6f6a74; }
    .carousel-body.light-text h2 { color: #592c82; }
    .carousel-body.light-text p { color: #6f6a74; }

    .solution-modules { min-height: auto;}
    .investment-center-hero img { display: none;}
    .industry-award .laurels { margin-left: 15px; margin-bottom: 10px;}

  

    .carousel-indicators { position: absolute; top: inherit;  right: 5%; bottom: 10px;/*
  left: 10%;*/ z-index: 15; /*width: 60%;*/ padding-left: 0; margin-left: -30%; text-align: center; list-style: none; }
    .fixed-sidebar { display: none;}
    .health-stats { display: none;}

    .first-module { width: 100%;  height: 200px; border-bottom: 10px solid #fff; display: block; }
   
   .hsa-options {margin-bottom: 20px; }
    .hsa-missing { margin-top: 0;}
     .holiday-rainyday-campaign { height: 530px; text-align: center; margin: 0 auto; }
        .hero2 .contribute-desktop { padding-top: 15px; text-align: center; margin: 0 auto; }
        .cta-holiday { padding: 85px 30px 90px 30px; background: url(../img/contribute/callout-gift.png) no-repeat; height: 250px; margin-left: 225px; margin-top: -15px; }

        .hsa-missing2 { padding-top: 5px; font-size: 15px; line-height: 23px;}

    label.signup-audience { display: block;}
    .signup-funnel .checkboxes label { font-size: 15px;  padding: 16px; margin-bottom: 20px;  }
        .signup-funnel i.funnel-individual { font-size: 23px; }

	.broker-contact { display: block; }
	.sticky-mobile-contact-broker { background: #f1f1f1; color: #6f6a74; font-size: 18px; padding: 15px 0; }
	.sticky-mobile-broker-enroll { background: #00aac6; color: #fff; font-family: Oswald, Arial, sans-serif; text-transform: uppercase; padding: 10px 0; }
	.sticky-mobile-broker-request { background: #592c82; color: #fff; font-family: Oswald, Arial, sans-serif; text-transform: uppercase; padding: 10px 0; }


	.ramsey .-mobile-padding { padding-bottom: 20px; }
	.ramsey-open-header { font-size: 20px; padding: 5px 0; }
	.ramsey-open-btns { display: block; padding: 5px 0 10px;}
	.ramsey-footer { height: auto; }
	.ramsey-endorsed { width: 50%; padding-top: 15px; padding-right: 0; margin: 0 auto; display: block; }
	.ramsey-popup p { font-size: 16px; padding-top: 10px; padding-bottom: 10px; text-align: center; display: block; float: none; }
		.ramsey-popup p a { margin-left: 10px; margin-top: -3px; }
	.ramsey-footer a.btn-open-account { padding: 0; border: none; font-size: 12px; text-decoration: underline; }

	.ramsey-head { width: 150px; bottom: -100px; left: 10px; }
	.ramsey-footer2 { position: fixed !important; z-index: 5000; height: 100px; bottom: 0; background: #0070b9; color: #fff; left: 0; right: 0; -webkit-box-shadow: 0px -1px 45px -1px rgba(0,0,0,0.6); -moz-box-shadow: 0px -1px 45px -1px rgba(0,0,0,0.6); box-shadow: 0px -1px 45px -1px rgba(0,0,0,0.6); }
	.ramsey-endorsed-desktop { display: none; }
	.ramsey-endorsed-long { display: block; width: 330px; position: absolute; bottom: -58px; right: 10px; }
	p.ramsey-guide { color: #fff; font-size: 15px; text-align: right; bottom: -105px; width: 60%; position: absolute; right: 15px; }
	.ramsey-footer2 a.btn-open-account { padding: 0; border: none; font-size: 12px; text-decoration: underline; }

	.wageworks-icons img { width: 15%; padding-top: 20px; }
	.point-engagement { margin-left: 0%; }
}

@media (max-width: 736px) /* iPhone 6+*/{
     .search-wrapper { position: relative; top: 8%; left: 5%;  text-align: left; }
    #search input[type="search"], .search-disclaimer, .aa-dropdown-menu  {  width: 680px;  }
    .icon-close { right: 35px; top: 10px; }
    .health-stats { float: left; margin: 0 auto;}
    .health-stats:last-child { padding-left: 60px; }

	.ramsey-table { display: none;}
	.ramsey-accounts-mobile { display: block; margin-top: -20px; }
}

@media (max-width: 667px) /* iPhone 6*/{
     .search-wrapper { position: relative; top: 8%; left: 5%; text-align: left; }
    #search input[type="search"], .search-disclaimer,.aa-dropdown-menu  {  width: 600px;  }
    
    .icon-close { right: 35px; top: 10px; }
    .solutions-module { padding-bottom: 25px;}
.solutions-module a { display: block; padding: 0 0 25px;  }

.first-module { width: 100%; padding: 20px; }


.blog-module { border-right: none; border-left: none; padding: 20px; }
/*.blog-module h2 { margin-top: -15px; margin-bottom: -10px; }*/
    .mod1 { padding-left: 0; }
.mod2 { float: none; width: 100%; }
    .mod2 p { padding: 0; margin-top: 0;}
    .mod2-img { display: none; }

    .third-module { border-left: 10px solid #fff;}
.tackle-body { float: left; padding-left: 10px;  padding-bottom: 20px;}

}
@media (max-width: 622px) {
    .mod1-img { margin-top: -12px; float: none; }
@media (max-width:599px) {
    .signup-funnel > .container-fluid {width:100%;}
}

@media (max-width: 568px) /* iPhone 5*/{
     .search-wrapper { position: relative; top: 8%; left: 5%;text-align: left; }
    #search input[type="search"], .search-disclaimer, .aa-dropdown-menu {  width: 368px;;  }

    .icon-close { right: 35px; top: 10px; }
    .mod1 { width: 100%; text-align: center;}
    .mod1-mobile { display: none; }

	.ramsey-head { width: 150px; bottom: -100px; left: -27px; }
	.ramsey-footer2 { position: fixed !important; z-index: 5000; height: 100px; bottom: 0; background: #0070b9; color: #fff; left: 0; right: 0; -webkit-box-shadow: 0px -1px 45px -1px rgba(0,0,0,0.6); -moz-box-shadow: 0px -1px 45px -1px rgba(0,0,0,0.6); box-shadow: 0px -1px 45px -1px rgba(0,0,0,0.6); }
	.ramsey-endorsed-desktop { display: none; }
	.ramsey-endorsed-long { display: block; width: 230px; position: absolute; bottom: -45px; right: 0px; }
	p.ramsey-guide { color: #fff; font-size: 15px; text-align: right; bottom: -100px; width: 60%; position: absolute; right: 0; }
	.ramsey-footer2 a.btn-open-account { padding: 0; border: none; font-size: 12px; text-decoration: underline; }

}

	@media (max-width: 485px) {
		.ramsey.why h2, .ramsey.why p { text-align: center; }
		.ramsey.hero p { font-size: 16px;}
	}

		@media (max-width: 480px) {
			#myCarousel { display: none; }

.carousel-caption, .carousel-caption4 { position: relative;}
    .carousel-caption p, .carousel-caption4 p { text-shadow: none; }

    .carousel-caption4 { left: 10px; }
        .carousel-caption4 h1 { font-size: 28px; padding-top: 15px; text-shadow: none;}

.carousel-caption2, .carousel-caption3 { left: 10px; padding: 5px 20px 45px 5px; margin-bottom: 15px; position: relative; right: 15%; top: 0px; z-index: 10; }
.slider-mobile { padding: 9px 0 15px; }
ul.slider-accounts li a { text-shadow: none;}
    ul.slider-accounts li i { color: #fff; }
   .open-hsa { padding-top: 10px; }

  .industry-award .laurels { margin: 0 auto 15px;}

  	.mod1 { border-bottom: 1px solid #dcddde; margin-top: -25px; padding-bottom: 0px; margin-bottom: 20px;}
	.mod2 { border-bottom: 1px solid #dcddde; padding-top: 15px; padding-bottom: 15px; }
	.mod3 { padding-top: 15px;}


   .third-module { border-left: none;}
   .health-stats { display: inline;}
}

@media (max-width: 414px) {
    .dropdown-menu .subnav { border-right: none;}
        .dropdown-menu .subnav:last-child { margin-bottom: 20px; }
    .dropdown-menu-right { margin-top: 1px; margin-right: -2px; }
       
    
    .search-wrapper { position: relative; width: 50%; top: 5%; left: 5%; width: 88%; text-align: left; }
        #search h3 { font-size: 25px;}
    #search input[type="search"], .search-disclaimer, .aa-dropdown-menu {  width: 363px;  }

    .icon-close { right:-330px; top: -32px; }
    .carousel-inner > .item { width: 414px; height: 280px;  }
    .carousel-body { width: 100%; top: 30px; }
   .carousel-body.light-text h2 { color: #0070b9}
        .carousel-body.light-text p { color: #6f6a74;  }
        .carousel-body.light-text p span { display: inline; }




    /*.slider-mobile { padding: 3px 0 10px;  }*/

    ul.slider-accounts li { padding: 7px 0; font-size: 15px;}
.first-module { width: 100%; padding: 20px; border-bottom: none;}


    .mod1 { padding-left: 0; width: 100%; text-align: center;}
        .mod1 p { padding: 0 0 15px; margin-top: -10px;}
  
    .mod1-desktop, .mod1-mobile { display: none;}

.blog-module { border-top: none; padding: 0 20px; width: 100%;  text-align: center;}
    .blog-module h2 { padding-bottom: 0; margin-bottom: 0;}
    .third-module { width: 100%; padding-top: 20px;}
.tackle-body { float: left; padding-left: 10px; padding-top: 5px; padding-bottom: 15px;}
.tackle-img { margin-top: -20px;}

   

    .connected-solution { display: none;}
    .family-two h2, .family-one h2, .family-one ul, .family-two ul { padding-left: 25px;}
    .family-two img, .family-one img { display: none;}



        .holiday-rainyday-campaign { height: 450px; text-align: center; margin: 0 auto; }
        .hero2 .contribute-desktop { padding-top: 15px; text-align: center; }
        .cta-holiday { padding: 85px 30px 90px 80px; background: url(../img/contribute/callout-gift.png) 100% 0 no-repeat; margin-left: 0; height: 250px; max-width: 308px; margin-top: -15px; }

        .hsa-missing2 { padding-top: 5px; font-size: 15px; line-height: 23px;}
			/*.ramsey-footer { position: fixed !important; z-index: 5000; height: 100px; bottom: 0; background: #0070b9; color: #fff; left: 0; right: 0; }*/

			.ramsey-footer p { padding-top: 45px; }
				.ramsey-footer p span { font-size: 16px; font-family: sanchez, arial, sans-serif; padding-right: 10px; }

			
			/*.ramsey-head { width: 150px; position: absolute; bottom: -100px; left: -50px; }
			.ramsey-endorsed-desktop { display: none; }
			.ramsey-endorsed-mobile { display: block; width: 225px; position: absolute; bottom: -43px; right: -9px; }*/

			.ramsey.hero  > .container { padding: 15px; }

		
			.ramsey-table { border-spacing: 0;}

		
			.ramsey-endorsed { width: 100%; padding-top: 15px; padding-right: 0; margin: 0 auto; display: block; }
			.ramsey-popup p { font-size: 16px; padding-top: 10px; padding-bottom: 20px; text-align: center; display: block; float: none; }
				.ramsey-popup p a { margin-left: 10px; margin-top: -3px; }

			.ramsey-head { width: 150px; bottom:-100px; left: -27px;}
				.ramsey-footer2 { position: fixed !important; z-index: 5000; height: 100px; bottom: 0; background: #0070b9; color: #fff; left: 0; right: 0; -webkit-box-shadow: 0px -1px 45px -1px rgba(0,0,0,0.6); -moz-box-shadow: 0px -1px 45px -1px rgba(0,0,0,0.6); box-shadow: 0px -1px 45px -1px rgba(0,0,0,0.6); }
			.ramsey-endorsed-desktop { display: none; }
			.ramsey-endorsed-long { display: block; width: 230px; position: absolute; bottom: -45px; right: 0px; }
			p.ramsey-guide { color: #fff; font-size: 15px; text-align: right; bottom: -120px; width: 60%; position: absolute; right: 0;}
			.ramsey-footer2 a.btn-open-account { padding: 0; border: none; font-size: 12px; text-decoration: underline; }

	.wageworks-icons > .points { margin-top: -25px; }
	.wageworks-icons img { width: 25%; padding-top: 20px; }
	.wageworks-icons img:first-child {}
    }

@media (max-width: 411px) {

    .health-stats:last-child { padding-left: 45px; }
}

@media (max-width: 375px) {
      .top-bar li.top-bar-middle { padding-top: 3px;  }

    .search-wrapper { position: relative;  top: 5%; left: 5%;  text-align: left; }
    #search h3 { font-size: 22px; }
    #search input[type="search"], .search-disclaimer, .aa-dropdown-menu  { width: 330px; }

    .icon-close { right: -300px; top: -32px;}


.carousel-inner > .item { width: 400px; }
.carousel-caption h1 { font-size: 30px;}
    .carousel-caption p { font-size: 22px; }

.carousel-caption2, .carousel-caption3 { left: 10px;}
.carousel-caption4 h1 { font-size: 30px; width: 350px; /*width: 340px; padding-right: 20px;*/}
    .carousel-caption4 .sub-quote { font-size: 16px;}
    .services-module a { height: 180px; }
	.services-module.broker a { height: auto; padding: 20px 0; }

     .health-stats:last-child { padding-left: 22px; }
       
        .holiday-rainyday-campaign { height: 440px; text-align: center; margin: 0 auto; }

        .cta-holiday { padding: 85px 50px 90px 55px; background: url(../img/contribute/callout-gift.png) 55% 0 no-repeat; height: 250px; max-width: 308px; margin-top: -15px; }
			.ramsey-endorsed-long { display: none;}
			p.ramsey-guide { bottom: -100px; width: 70%;}
}
@media (max-width: 360px) {
    .health-stats:last-child { padding-left: 6px; }
}

@media (max-width: 320px) {
      /*.top-bar li.top-bar-left { width: 12%; height: 55px; line-height: 44px; border-right: 1px #695080 solid;  text-align: center; }*/
            /*.top-bar li.top-bar-left .navbar-toggle { padding: 23px 0 0 43%; }*/
            /*.top-bar li.top-bar-left.search-icon { padding-top: 3px; }*/
        /*.top-bar li.top-bar-middle { width: 55%; padding-top: 4px;  }*/
        /*.top-bar li.top-bar-middle img { width: 80%; padding-top: 0px;  }*/
        /*.top-bar li.top-bar-right { width: 5%; padding-left: 18px; padding-top: 5px; text-align: center;}*/
    
    .search-wrapper { position: relative; width: 50%; top: 5%; left: 5%; width: 58%; text-align: left; }
        #search h3 { font-size: 18px;}
    #search input[type="search"] {    background: #f1f1f1 url(../img/icon/glass.png) no-repeat 8px 9px;  width: 285px; font-size: 15px; }
    .search-disclaimer { width: 285px;}
    .icon-close { right: -255px; top: -32px; }
    .aa-dropdown-menu { width: 285px; }

.carousel-inner > .item { width: 320px; }
    .carousel-inner > .item > img.nmezi-mobile { margin-left: 0;}
.carousel-caption h1, .carousel-caption4 h1 { font-size: 25px; width: 320px; padding-right: 20px; }
    .carousel-caption p { font-size: 20px; }

 .tackle-body img { }
 .tackle-img img { margin-left: -20px;}
          .holiday-rainyday-campaign { height: 410px; text-align: center; margin: 0 auto;}
    }
}
/* -------------------- OPEN AN ACCOUNT PAGE ---------------------- */
/* embedded forms */

.hbspt-form .hs-form-field {
    padding-bottom: 15px;
}


.hbspt-form input[type=text], .hbspt-form input[type=email], .hbspt-form input[type=tel], .hbspt-form select, .hbspt-form option {
    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;
    border-radius: 1px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin-bottom: 4px;
}

/* ------ i had to use important tags to override these styles sorry :( it was the only way ------- */
[class^=hs-form] fieldset {
    max-width: none!important;
}

[class^=hs-form] fieldset .input {
    margin-right: 0 !important;
}

[class^=hs-form] fieldset.form-columns-1 .hs-form-field  > .input > .hs-input, 
[class^=hs-form] fieldset.form-columns-2 .hs-form-field > .input > .hs-input {
    width: 100% !important;
}

/* -------------- */

[class^=hs-form] input[type=submit] {
    background-color: #592c82;
    border: none;
    color: #fff;
    padding: 10px 30px;
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 1.3333333;
    text-decoration: none;
    font-family: oswald, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.hbspt-form label {
    font-weight: bold;
}

.hbspt-form .hs-form-required {
    color: #00aac6;
    font-weight: bold;
}

.hbspt-form ul.inputs-list {
    padding: 0;
    margin:0 auto;
}

.hbspt-form ul label {
    width: 100%;
    font-weight: normal;
}

.hbspt-form ul label, .hbspt-form ul label input[type=checkbox] {
    float: left;
}

.hbspt-form ul label input[type=checkbox] {
    margin-right:5px;
}

.hbspt-form ul.inputs-list li {
    list-style-type: none;
    padding: 5px 0;
    overflow: hidden;
}

.hs-submit {
    padding-top: 15px;
}

@media screen and (min-width:768px) {
    .hbspt-form .hs-form-field {
        padding: 15px;
        padding-top:0;
    }

    .hbspt-form .hs-submit, .hbspt-form .hs-recaptcha {
        padding: 0 15px;
    }

    .hbspt-form .hs-submit {
        float: left;
    }

    .hbspt-form .hs-recaptcha {
        float: right;
    }
}

/* ---------- COBRA services page ----------- */
.cobra-services .fixed-sidebar > div:first-child {
    background-color: #592c82;
}
.cobra-services .fixed-sidebar > div:first-child h3 {
    color: #fff;
}
.cobra-contact {
    display: flex;
    flex-flow: row;
    margin: 0 auto;
}
    .cobra-contact > a {
        flex: 1 1 0;
        padding: .5em;
    }
        .cobra-contact > a:first-child {
            background-color: #592c82;
        }
        .cobra-contact > a:last-child {
            background-color: #00aac6;
        }