@font-face {
    font-family: "ProximaNova-Regular";
    src: url('ProximaNova-Regular.otf') format('opentype');
}

@font-face {
    font-family: "ProximaNova-Black";
    src: url('ProximaNova-Black.otf') format('opentype');
}

@font-face {
    font-family: "ProximaNova-Bold";
    src: url('ProximaNova-Bold.otf') format('opentype');
}

@font-face {
    font-family: "ProximaNova-BoldIt";
    src: url('ProximaNova-BoldIt.otf') format('opentype');
}

@font-face {
    font-family: "ProximaNova-Extrabold";
    src: url('ProximaNova-Extrabold.otf') format('opentype');
}

@font-face {
    font-family: "ProximaNova-Light";
    src: url('ProximaNova-Light.otf') format('opentype');
}

@font-face {
    font-family: "ProximaNova-LightItalic";
    src: url('ProximaNova-LightItalic.otf') format('opentype');
}

@font-face {
    font-family: "ProximaNova-RegularItalic";
    src: url('ProximaNova-RegularItalic.otf') format('opentype');
}


@font-face {
    font-family: "ProximaNova-Semibold";
    src: url('ProximaNova-Semibold.otf') format('opentype');
}

@font-face {
    font-family: "ProximaNova-SemiboldItalic";
    src: url('ProximaNova-SemiboldItalic.otf') format('opentype');
}


@font-face {
    font-family: "foundation-icons";
    src: url("foundation-icons.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

/*Utility classes*/

.vert-align-middle {
    vertical-align: middle;
}

.anchor {
    display: block;
    padding-top: 100px;
    margin-top: -100px;
    color: inherit;
    cursor: auto;
}

.anchor:hover {
    color: inherit;
}

.multi-col-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

ul.multi-col-2 li {
    /*IE bug fix to show bullets in both columns when using multi col layout*/
    margin-left: .5rem;
}

.overflow-h {
    overflow:hidden;
}
.inline {
    display: inline;
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.inline-flex {
    display: inline-flex;
}

.hide {
    display: none;
}

.flex {
    display: flex;
}

.flex-column {
    flex-direction: column;
}

.flex-between-center {
    display: flex;
    justify-content: space-between; 
    align-items: center; 

}
.flex-grow-2 {
    flex-grow: 2
}

.flex-grow-1 {
    flex-grow: 1;
}

.relative {
    position: relative;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.left {
    float: left;
}

.right {
    float: right;
}

.text-left {
    text-align: left;
}

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

.text-center {
    text-align: center;
}

.mar-l-r-o {
    margin-left: 0;
    margin-right: 0;
}

.mar-b-0 {
    margin-bottom: 0;
}

.mar-t-2 {
    margin-top: 2rem;
}

.pad-l-r-o {
    padding-left: 0;
    padding-right: 0;
}

.pad-l-0 {
    padding-left: 0;
}

.pad-r-0 {
    padding-right: 0;
}

@media screen and (max-width: 39.9375em) {
    .pad-l-r-o {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }
}

.fit {
    max-width: 100%;
}

.full-width {
    width: 100%;
}

.full-height {
    height: 100%;
}

.touch .show-for-touch {
    display: none;
}

.touch .hide-for-touch {
    display: inherit;
}

.strong,
.bold {
    font-weight: bold;
}

.em,
.italic {
    font-style: italic;
}

.break-word {
    word-wrap: break-word;
}

.no-wrap {
    white-space: nowrap;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    text-align: center;
    border: 1px solid transparent;
    background-image: none;
}

.btn-default {
    color: #000;
    background-color: #333;
}

.no-bullets,
.list-bare {
    list-style: none;
}

.bullets-inside {
    list-style: inside;
}

.list-bare {
    margin: 0;
    padding: 0;
}



/*END Utility classes*/


/*--------------Variables
    ----------------------------*/

body {
    background-color: #cccccc;
}

a:focus {
    outline: 0;
}

h1,
h2 {
    font-family: "ProximaNova-Bold", sans-serif;
    font-size: 40px;
    color: #2b2b2b;
    margin: 10px;
    margin-bottom: 30px;
}

@media (max-width: 39.9375em) {
    h1,
    h2 {
        font-size: 28px;
       text-align: center;
    }
}

p {
    font-family: "ProximaNova-Regular", sans-serif;
    font-size: 18px;
    line-height: 26px;
    color: #2b2b2b;
}

li {
    font-family: "ProximaNova-Regular", sans-serif;
    font-size: 18px;
    line-height: 26px;
    color: #2b2b2b;
}

a,
a:hover {
    color: #2ab5e6;
}


/*  One off  generic text styles start here*/
p.summary {
    font-size: 18px;
    font-family: "ProximaNova-Bold", sans-serif;
    color: #6f6f6f;
}
.light-it {
    font-family: "ProximaNova-Light", sans-serif;
    font-style: italic;
    font-size: 14px;
}
.bold-it {
    font-family: "ProximaNova-bold", sans-serif;
    font-style: italic;
}
.light {
    font-family: "ProximaNova-Light", sans-serif;
}
.t1 {
    font-family: "ProximaNova-Semibold", sans-serif;
    font-size: 16px;
    color: #6f6f6f;
    line-height: 1;
    margin-bottom: .5rem;
}
.t2 {
    font-family: "ProximaNova-Semibold", sans-serif;
    font-size: 19px;
    line-height: 1;
    margin-bottom: .5rem;
}

.t4 {
    font-family: "ProximaNova-Light", sans-serif;
    font-size: 13px;
    font-style: italic;
    line-height: 1;
    margin-bottom: .5rem;
}

.t6 {
    font-family: "ProximaNova-Semibold", sans-serif;
    font-size: 18px;
    line-height: 1;
    margin-bottom: .5rem;
    color: #6f6f6f;
}
.t7 {
    font-family: "ProximaNova-Semibold", sans-serif;
    font-size: 30px;
    line-height: 1;
    margin-bottom: .5rem;
}
.t8 {
    font-family: "ProximaNova-bold", sans-serif;
    font-size: 13px;
    line-height: 1;
    margin-bottom: .25rem;
    color: #6f6f6f;
}
.t9 {
    font-family: "ProximaNova-bold", sans-serif;
    font-size: 18px;
    line-height: 1;
    margin-bottom: .25rem;
    color: #6f6f6f;
}

.t11 {
    font-family: "ProximaNova-Light", sans-serif;
    font-size: 26px;
    line-height: 1;
    margin-bottom: .5rem;
    color: #2b2b2b;
}
.t12 {
    font-family: "ProximaNova-bold", sans-serif;
}

.t14 {
    font-family: "ProximaNova-Semibold", sans-serif;
    font-size: 16px;
    color: #6f6f6f;
    line-height: 1;
}

.t16 {
    font-family: "ProximaNova-bold", sans-serif;
    font-size: 24px;
    line-height: 1;
    margin-bottom: .5rem;
    color:#6f6f6f;
}

.t17 {
    font-family: "ProximaNova-Regular", sans-serif;
    font-size: 13px;
    line-height: 1;
    margin-bottom: .5rem;
    color:#6f6f6f;
}

.t18 {
    font-family: "ProximaNova-bold", sans-serif;
    font-size: 48px;
    line-height: 1;
    margin-bottom: .5rem;
}

.pto1  {
    font-family: "ProximaNova-Regular", sans-serif;
    line-height: 1;
     color: #6f6f6f;
}

.pto1  span {
    font-family: "ProximaNova-bold", sans-serif;
    display: block;

}

.pto2  {
     font-family: "ProximaNova-bold", sans-serif;
     text-align:center;
     color:#93b85a;
     font-size:2rem;


}

.pto2  span {
    font-family: "ProximaNova-Regular", sans-serif;   
    display: block;

}

.pto2 span.pay-period {
    font-size: .75rem;
    line-height: 1;
}

.divider-primary {
    border-bottom: 2px solid #cacaca;
}
.module-emphasize {
    color:#fff;
}

.module-snapshot,
.card-divider .module-emphasize {
    font-size:40px;
    font-family:"ProximaNova-Semibold", sans-serif;
    margin-top:1.15rem;

}

/*  One off  generic text styles end here*/

/*Theme*/

.card-type-1 {
    border-color: #f7941d;
}

.card-type-2 {
    border-color: #4e8abe;
}

.card-type-3 {
    border-color: #820053;
}

.green {
    color:#01c585;
}

.bg-green {
   background-color:#01c585;;
}


.bg-blue {
    background-color: #2ab5e6 !important;
}
.blue-med {
    color: #006cbb;
}

.type-red:hover {
    color: #f30014 !important;
}

.type.type-red:hover span {
    background-color: #f30014 !important;
}

.type-green:hover {
    color: #93b85a !important;
}

.type.type-green:hover span {
    background-color: #93b85a !important;
}

.type-purple:hover {
    color: #820053 !important;
}

.type.type-purple:hover span {
    background-color: #820053 !important;
}

.type-orange:hover {
    color: #f7941d !important;
}

.type.type-orange:hover span {
    background-color: #f7941d !important;
}

.type-blue:hover {
    color: #0071a5 !important;
}

.type.type-blue:hover span {
    background-color: #0071a5 !important;
}

.type-light-blue:hover {
    color: #40a1bc !important;
}

.type.type-light-blue:hover span {
    background-color: #40a1bc !important;
}

.has-btm-bdr {
    border-bottom: 1px solid #e6e6e6;
}

.white-wrapper {
    background-color: #ffffff;
}

.bg-white {
    background-color: #fff;
}

.white {
    color: #fff;
}

.black {
    color: #2b2b2b;
}


.black-bg {
    background-color: #333;
}

.transparent-bg {
    background-color: transparent;
}

.grey-bg {
    background-color: #efefef;
}


.k-blue-drk {
    color:#0071a5;
}

.k-blue-drk-bg {
    background-color:#0071a5;
}

.k-blue-med {
    color:#4e8abe;
}

.k-blue-med-bg {
    background-color:#4e8abe;
}

.k-blue-lt {
   color:#40a1bc;
}

.k-blue-lt-bg {
    background-color:#40a1bc;
}

.k-plum {
    color:#820053;
}

.k-plum-bg {
    background-color: #820053;
}

.k-teal {
   color: #54b69b;
}

.k-teal-bg {
   background-color: #54b69b;
}

.k-orange {
   color: #f7941d;
}

.k-orange-bg{
   background-color: #f7941d;
}

.k-green-drk {
    color:#93b85a;
}

.k-green-drk-bg {
    background-color: #93b85a;
}

.k-green-lt {
    color:#eef4e6;
}

.k-green-lt-bg {
    background-color: #eef4e6;
}

/*END THEME*/


.row.secondary .row {
    margin-left: 0;
    margin-right: 0;
}

.row.secondary .row.container-1col {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
}

@media (max-width: 768px) {
    .row .row, .row.secondary .row.container-1col {
    margin-left: 0;
    margin-right: 0;
    }
}

/*Home page container*/

@media (min-width: 767px) {
    .container {
        width: 980px;
        position: relative;
        margin: auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media (min-width: 767px) and (max-width: 1024px) {
    .container {
        width: 100%;
        padding: 1.5rem;
    }
}

/*secondary pages container*/

.secondary-container {
    width: 79%;
    padding-bottom: 60px;
    position: relative;
    margin: auto;
}

.tertiary-container {
    width: 79%;
    position: relative;
    margin: auto;
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .secondary-container,
    .tertiary-container {
        width: 95%;
    }
}

@media screen and (max-width: 39.9375em) {
    .secondary-container,
    .tertiary-container {
        width: 95%;
    }
}

/*Buttons*/

.btn {
    font-family: "ProximaNova-Semibold", sans-serif;
    font-size: 20px;
    color: #ffffff;
    border-radius: 3px;
    padding: 10px 20px ;
   background: #2AB5E6;
    background: linear-gradient(to bottom, #2ab5e6, #009ad0);
}


.btn-minimal {
    background: transparent;
    border: 2px solid #fff;
    color:#fff;
}

@media (max-width: 800px) {
    .btn-minimal {
        border: 2px solid #4e8abe;
        color:#4e8abe;
    }
}

.module .btn.btn-clean,
.card .btn.btn-clean,
.flipper .btn.btn-clean {
    background: transparent;
    color: #006cbb;
    padding: .15rem 1.25rem .15rem 0;
    text-align: left;
    font-size: 17px;
    line-height: 1;
}

.btn.btn-clean i {
    color: #006cbb;
}

.btn.btn-clean .fa-caret-right::before {
    color: #fff;
    font-size: 12px;
    position: relative;
    top: -1.5px;
    left: .5px;
    transition: all 0.6s ease 0s;
}


.btn img {
    display: inline-block !important;
    width: auto !important;
    margin-left: 10px;
    margin-top: -4px;
}

.download-btn:before {
    font-family: "foundation-icons";
    font-size: 12px;
    content: "\f143";
    background-color: #ffffff;
    border-radius: 50%;
    padding: 3px 5px;
    color: #000000;
    margin-right: 5px;
}

/*
* — Stacked buttons —
*/
.belong-sm.fa-stack {
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
}
.belong-sm .fa-stack-2x {
    font-size: 1rem;
}
.fa-caret-right,
.see-all.fa-caret-right {
    font-size: 1rem;
}
.btn .fa-caret-right::before {
    color: #00c585;
    font-size: 12px;
    position: relative;
    top: -1.5px;
    left: .5px;
    transition: all 0.6s ease 0s;
}
.btn.bg-green .fa-caret-right::before {
    color: #01c585;
}
.btn.bg-medical .fa-caret-right::before {
    color: #93b85a;
}
.see-all {
    font-family: "ProximaNova-Semibold";
    font-size: 0.875rem;
    position: absolute;
    right: 5px;
    top: 5px;
}
.see-all a {
    color: unset;
}
.see-all .fa-stack {
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
}
.see-all .fa-stack-2x {
    font-size: 1rem;
}
.fa-caret-right::before {
    font-size: 12px;
    position: relative;
    top: -1.5px;
    left: .5px;
    transition: all 0.6s ease 0s;
}
.fa-caret-down::before {
    font-size: 12px;
    position: relative;
    top: -3px;
    transition: all 0.6s ease 0s;
}

/*END Buttons*/


body.has-active-menu {
    overflow: hidden;
}

.overlay-mask {
    position: fixed;
    z-index: 600;
    top: 70px;
    left: 0;
    overflow: hidden;
    width: 0;
    height: 0;
    background-color: #000;
    opacity: 0;
    transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
}

.overlay-mask.is-active {
    width: 100%;
    height: 100%;
    opacity: 0.7;
    transition: opacity 0.3s;
}

.add-z-index {
    z-index: 999 !important;
}


/*----------------Mixins----------
    -------------------------------------*/

.menu-icon-bg {
    background-color: #2ab5e6;
}


.notif-with-badge {
    position: relative;
    margin-left: 5px;
    margin-right: 20px;
}

.notif-with-badge .badge {
    position: absolute;
    font-family: "ProximaNova-Bold", sans-serif;
    top: -1px;
    right: -9px;
    background-color: #ff0043;
    color: #fff;
    font-size: 10px;
    padding: 0 0.4em;
    min-width: 1px;
}

.detail-page-body {
    font-family: "ProximaNova-Regular", sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #2b2b2b;
}

.date {
    font-family: "ProximaNova-Bold", sans-serif;
    font-size: 12px;
    line-height: 14px;
    color: #000;
    margin-top: 20px;
}


/*------Code for header starts here---------*/

.fixed-nav-bar {
    /*--for creating sticky nav--*/
    width: 100%;
    margin-top: 0 !important;
    left: auto !important;
}

.sticky.is-stuck.is-at-top {
    top: 0;
}

.sticky.is-stuck {
    /*--for creating sticky nav--*/
    z-index: 900;
}

.primary-header {
    padding: 0;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
    position: relative;
    background: #ffffff url('../images/angles.png') no-repeat 135px 0 ;
}

@media (max-width: 768px) {
    .primary-header .top-bar-left {
        width: 50%;
    }

    .primary-header {
        background: #ffffff;
    }

}

.primary-header .top-bar-left .menu {
    background-color: #ffffff;
}

.primary-header .top-bar-left .menu .menu-text {
    padding: 0;
}

.primary-header .top-bar-left .menu .menu-text a,
.primary-header .top-bar-left .menu .menu-text.welcome-txt {
    padding: 0;
    padding-left: 20px;
}

.primary-header .top-bar-left .menu .menu-text a img,
.primary-header .top-bar-left .menu .menu-text.welcome-txt img {
    padding-top: 5px;
    padding-bottom: 0;
}

.primary-header .top-bar-left .menu .menu-text .logo {
    padding-top: .75rem;
}

@media (max-width: 480px) {
    .primary-header .top-bar-left .menu .menu-text .logo {
        padding-top: 1rem;
        height: auto;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .primary-header .top-bar-left .menu .menu-text a,
    .primary-header .top-bar-left .menu .menu-text.welcome-txt {
        padding-left: 10px;
        padding-top: 5px;
    }

    .primary-header .top-bar-left .menu .menu-text a img,
    .primary-header .top-bar-left .menu .menu-text.welcome-txt img {
        padding-top: 0;
        height: 42px;
    }
}
          
@media (max-width: 768px) {
    .primary-header .top-bar-right {
        width: 50%;
    }
}

@media (max-width: 768px) {
    .primary-header .top-bar-right ul {
        float: right;
    }

}

.primary-header .top-bar-right ul {
    background-color: #ffffff;
}


.primary-header .top-bar-right ul .divider {
    display: inline-block;
    position: absolute;
    top: 18px;
    width: 0;
    height: 2em;
    border-left: 1px solid #b0b2b7;
    left: -12px;
}

.primary-header .top-bar-right ul .profile {
    font-family: "ProximaNova-Bold";
    font-size: 1rem;
    color: #000;
    text-align: right;
    padding-right: 2rem;

}

.primary-header .top-bar-right ul .profile a {
    font-family: "ProximaNova-Bold";
    font-size: 1rem;
    color:#000;
    padding-right: 0;
    padding-bottom: 0;
}

@media (max-width: 1024px) {
    .primary-header .top-bar-right ul .profile  {
         font-size:12px;
    }
}

.primary-header .top-bar-right ul .profile img {
    margin-right: 1rem;
}

.primary-header .top-bar-right ul li.notification {
    position: relative;
    background-color: #ffffff;
}

.primary-header .top-bar-right ul li.notification .badge {
    position: absolute;
    font-family: "ProximaNova-Bold", sans-serif;
    background-color: #54b69b;
    color: #fff;
    font-size: 10px;
    padding: 0 0.4em;
    min-width: 1px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    top: 20px;
    right: 6px;
}

.primary-header .top-bar-right ul li.notification .badge:before,
.primary-header .top-bar-right ul li.notification .badge:after {
    content: "|";
    display: inline-block;
    position: absolute;
    width: 0;
    height: 3.5em;
    border-left: 1px solid #b0b2b7;
    left: 30px;
    top: -2px;
}

.primary-header .top-bar-right ul li.notification .badge:after {
    left: -30px;
    top: -2px;
}

.primary-header .top-bar-right ul li.notification img {
    margin-right: 15px;
    margin-left: 15px;
}

@media (max-width: 480px) {
    .primary-header .top-bar-right ul li.notification img {
        margin-right: 6px;
    }
}

@media (max-width: 481px) {
    .primary-header .top-bar-right ul li.notification .badge {
        top: 8px;
        right: -3px;
    }
}

@media (min-width: 481px) {
    .primary-header .top-bar-right ul li.notification {
        display: none;
    }
}


@media (max-width: 39.9375em) {
    .primary-header .top-bar-right ul li.notification .badge:before,
    .primary-header .top-bar-right ul li.notification .badge:after {
         border-left: 0px solid transparent;
    }
}

.primary-header .search-icon {
    background: url(../images/02_search_default.png) no-repeat center center;
    width: 72px;
    cursor: pointer;
    position: relative;
}

.primary-header .search-icon:hover,
.search-icon-active {
    background: url(../images/02_search_hover.png) no-repeat center center !important;
}

.search-icon span {
    content: '';
    border-top: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    bottom: -6px;
    left: 50%;
    z-index: 10000;
    display: none;
}

@media (max-width: 480px) {
    .primary-header .search-icon {
        background-image: url(../images/02_search_default_mobile.png);
        width: 55px;
    }
    .primary-header .search-icon:hover,
    .search-icon-active {
        background-image: url(../images/02_search_hover_mobile.png) !important;
    }
}

.primary-header .closemenu a {
    padding: 27px 22px 23px 24px;
}

.primary-header .menu-txt a {
    padding: 30px 14px 26px 14px;
    background-color: transparent;
    font-family: "ProximaNova-Regular", sans-serif;
    font-size: 14px;
    color: #ffffff;
}

@media (max-width: 480px) {
    .primary-header .menu-txt a {
        padding: 16px 12px 19px 15px;
    }
    .primary-header .menu-txt span:last-child {
        padding: 0 !important;
    }
    .primary-header .closemenu a {
        padding: 17px 12px 13px 14px;
    }
}

@media (max-width: 767px) {
    .primary-header .menu-txt span:first-child {
        display: none;
    }
    .primary-header .menu-txt span:first-child {
        display: initial;
    }

}

.primary-header .menu-txt span:last-child {
    padding-left: 6px;
    padding-right: 4px;
}

@media (min-width: 768px) {
    .primary-header .menu-txt span:last-child {
        display: none;
    }
}

@media (max-width: 480px) {
    .primary-header {
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
    }
}

.primary-header .search-nav {
    position: absolute;
    height: 70px;
    top: 70px;
    z-index: 1040;
    display: none;
    width: 100%;
}

.primary-header .search-nav .top-bar-left {
    position: absolute;
    height: 70px;
}

.primary-header .search-nav .top-bar-left ul {
    background-color: transparent !important;
}

.primary-header .search-nav .top-bar-left img {
    margin: 23px 30px 23px 30px;
}

.primary-header .search-nav .top-bar-left input {
    font-family: "Proxima-Nova(light)", sans-serif;
    background-color: transparent;
    border: medium none transparent;
    color: #fff;
    font-size: 30px;
    padding-top: 13px;
    padding-bottom: 15px;
    max-width: unset;
    width:1000px;
    max-width:1000px;
    box-shadow: none;
    padding: 0;
}

@media (max-width: 480px) {
    .primary-header .search-nav {
        top: 50px;
        height: 50px;
    }
    .primary-header .search-nav .top-bar-left input {
        font-size: 20px !important;
        width:300px;
    }
    .primary-header .search-nav .top-bar-left {
        width: 100%;
    }
    .primary-header .search-nav .top-bar-left img {
        height: 20px;
        width: 20px;
        margin: 15px !important;
    }
}

.right-side-menu {
    list-style-type: none;
    width: 300px;
    position: fixed;
    top: 70px;
    right: 0;
    background-color: #ffffff;
    border: 1px solid #efefef;
    padding-left: 0;
    box-shadow: -2px 10px 15px 0 rgba(0, 0, 0, 0.3);
    display: none;
    min-height: calc(100% - 70px);
    z-index: 1000;
    height: calc(100% - 70px);
    overflow-y: scroll;
}

.right-side-menu ul a {
    color: #2b2b2b;
}

.right-side-menu ul li a {
    font-family: "ProximaNova-Bold", sans-serif;
    font-size: 18px;
    padding-top: 16px;
    padding-bottom: 16px;
}

/*arrows*/
.right-side-menu ul li a.type-light-blue:hover:after,
.right-side-menu ul li a.type-light-blue.active:after {
    border-top: 5px solid #40a1bc;
}

.right-side-menu ul li a.type-green:hover:after,
.right-side-menu ul li a.type-green.active:after {
    border-top: 5px solid #93b85a;
}

.right-side-menu ul li a.type-purple:hover:after,
.right-side-menu ul li a.type-purple.active:after {
    border-top: 5px solid #820053;
}

.right-side-menu ul li a.type-orange:hover:after,
.right-side-menu ul li a.type-orange.active:after {
    border-top: 5px solid #f7941d;
}

.right-side-menu ul li a.type-blue:hover:after,
.right-side-menu ul li a.type-blue.active:after {
    border-top: 5px solid #4e8abe;
}

.right-side-menu ul li a:after {
    border-top: 5px solid #2b2b2b;
}

.right-side-menu ul li a.type span {
    background-color: #2b2b2b;
    border-radius: 50%;
    margin-right: 10px;
    padding: 4px 0px 4px 2px;
}

.right-side-menu ul li a.type span img {
    margin-right: 3px;
}

.right-side-menu ul li .nested {
    margin-left: 0;
    background-color: #f2f2f2;
}

.right-side-menu ul li .nested li a {
    font-family: "ProximaNova-Bold", sans-serif;
    font-size: 16px;
    margin-left: 16px;
    padding-top: 0;
    padding-bottom: 0;
     border-bottom: 1px solid #ebebeb;
}

.right-side-menu ul li .nested li a span {
   
    padding-top: 11px;
    padding-bottom: 11px;
    display: inline-block;
    margin-right: 10px;
}

.right-side-menu ul li .nested li a:after {
    display: inline-block;
    position: relative;
    margin-bottom: 2px;
    margin-left: 10px;
    right: unset;
}

.right-side-menu ul li .nested li .nested {
    background-color: #e8e8e8;
}

.right-side-menu ul li .nested li .nested li {
    margin-left: 0;
}

.right-side-menu ul li .nested li .nested li a {
    font-family: "ProximaNova-Regular", sans-serif;
    font-size: 14px;
    margin-left: 32px;
}

.right-side-menu ul li .nested li .nested li a span {
    border-bottom: 1px solid #e2e2e2;
    padding-top: 11px;
    padding-bottom: 11px;
    display: inline-block;
}

.right-side-menu ul li .nested li .nested li a span:first-child {
    display: none;
}

.right-side-menu ul li .nested li .nested li a:hover {
    padding-left: 20px;
    color: #2ab5e6;
    transition: padding 0.3s ease-in-out;
}

.right-side-menu ul li .nested li .nested li a:hover span:first-child {
    display: inline;
}

.right-side-menu ul li .nested li .nested li a:hover span:first-child img {
    margin-bottom: 3px;
}

@media (max-width: 39.9375em) {
    .right-side-menu {
        width: 100%;
        top: 50px;
        right: 0 !important;
    }
}


/*------Header stlyes  ends here---------*/

.secondary-nav {
    padding: 6px 18px 8px 18px;
    background-color: #333;
    color: #ffffff;
    /* Fixed Bar*/
    position: fixed;
    z-index: 899;
    width: 100%;
    top: 70px;
    max-width: 1200px;
}

@media (max-width: 639px) {
    .secondary-nav {
        display: none;
    }
}

.secondary-nav .top-bar-left .menu {
    background-color: transparent;
}

.secondary-nav .top-bar-left .menu li:first-child {
    padding-left: 2px;
    position: relative;
    margin-left: 5px;
    margin-right: 20px;
}

.secondary-nav .top-bar-left .menu li:first-child .badge {
    position: absolute;
    font-family: "ProximaNova-Bold", sans-serif;
    background-color: #54b69b;
    color: #fff;
    font-size: 10px;
    padding: 0 0.4em;
    min-width: 1px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    top: 0px;
    right: -9px;
}

.secondary-nav .top-bar-left .menu li:first-child a {
    padding: 0;
}

.secondary-nav .top-bar-left .menu .notif-txt {
    font-size: 14px;
    line-height: 1;
    padding-top: 3px;
    font-family: "ProximaNova-Regular", sans-serif;
    padding-left: 28px;
    color: #fff;
}

.secondary-nav .top-bar-left .menu .notif-txt span {
    color: #2ab5e6;
}

.secondary-nav .top-bar-left .menu li a {
    display: inline-block;
    padding: 0;
}

.secondary-nav .top-bar-right .menu {
    margin-right: -4px;
    background-color: transparent;
}

.secondary-nav .top-bar-right .menu li a {
    line-height: unset;
    margin-top: -2px;
    padding: 0 7px 1px 0;
}

.secondary-nav .top-bar-right .menu li a .badge {
    background-color: #454545;
    font-family: "ProximaNova-Bold", sans-serif;
    font-size: 14px;
    display: inline-block;
    min-width: 1.5em;
    width:1.5em;
    height: 1.5em;
    line-height: 1.5;
    padding:0;
    margin-right: 0.25rem;
}

.secondary-nav .top-bar-right .menu li a .alert {
    background-color: #54b69b;
    position: relative;
}

.secondary-nav .top-bar-right .menu li a .alert:after {
    content: '';
    position: absolute;
    bottom: -11px;
    left: 6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #54b69b;
}


/***************footer style begin here********************/

footer {
    background-color: #4e8abe;
}

footer .row:nth-child(1) {
    padding-left: 0;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    padding-bottom: 40px;
}

@media (max-width: 480px) {
    footer .row .columns {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 480px) {
    footer .row:nth-child(1) {
        padding-left: 100px;
        padding-right: 100px;
    }
}

footer h4 {
    font-family: "ProximaNova-Bold", sans-serif;
    font-size: 20px;
    color: #fff;
    margin-bottom: 30px;
    padding-top: 30px;
    padding-left: 10px;
}

@media (min-width: 480px) {
    footer h4 {
        padding-top: 50px;
    }
}

footer ul {
    margin-left: 10px;
    margin-bottom: 10px;
}

footer ul li {
    list-style: none;
    line-height: 1.5;
}

footer ul li a {
    font-family: "ProximaNova-Regular", sans-serif;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    display: inline-block;
}

footer ul li a:hover {
    text-decoration: underline;
     color: #fff;
}

footer ul li ul {
    margin-left: 10px;
    position: relative;
}

footer ul li ul li {
    line-height: 24px;
    list-style: inside none;
}

footer ul li ul li:before {
    content: "-";
    color: #636468;
    padding-right: 5px;
}

footer ul li ul li a {
    font-family: "ProximaNova-Regular", sans-serif;
    font-size: 14px;
    line-height: 16px;
}

footer ul li ul li a:link,
footer ul li ul li a:visited,
footer ul li ul li a:active {
    color: #636468;
}

footer .row.secondary {
    margin-left: 0;
    margin-right: 0;
    background-color: #333;
    padding: 17px 10px;
}

footer .row.secondary span {
    font-family: "ProximaNova-Regular", sans-serif;
    font-size: 14px;
    color: #636468;
}

@media (min-width: 480px) {
    footer .row.secondary {
        padding: 17px 100px 17px 85px;
    }
}

footer .row.secondary .to-top {
    background-color: #242424;
    border-radius: 50%;
    padding: 6px 8px;
    cursor: pointer;
}

footer .row.secondary .to-top .footer-expand {
    background: url('../images/down_arrow.png') no-repeat center center;
    padding: 6px;
}

footer .row.secondary .to-top .footer-collapse {
    background: url('../images/up_arrow.png') no-repeat center center;
    padding: 6px;
}

footer .row.secondary .to-top .footer-expand:hover {
    background: url('../images/down_arrow_hover.png') no-repeat center center;
}

footer .row.secondary .to-top .footer-collapse:hover {
    background: url('../images/up_arrow_hover.png') no-repeat center center;
}

@media (min-width: 768px) {
    footer .row:nth-child(1) .columns {
        border-left: solid 1px #636468;
    }
}


/***************footer style end here********************/



/*-----------Call to action Flip Containers----------*/

.flip-container {
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    margin-bottom: 25px;
    margin-top: -50px;
    z-index: 100;
}
@media screen and (max-width: 39.9375em) {
    .flip-container {
        margin-top: 20px;
    }
}
.flip-container .flipper {
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
    outline:none;
}

.flip-container .flipper .front h3 {
    color: #000;
    font-family: "ProximaNova-Light", sans-serif;
    font-size: 30px;
    line-height: 1;
    padding-top: 195px;
}

.flip-container .flipper .front p {
    font-family: "ProximaNova-Regular", sans-serif;
    font-size: 55px;
    line-height: 1;
    color: #000;
}
.flip-container .flipper .front {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    min-height: 400px;
    width: 100.6%;
    left: -1px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25);
    border-top-width: 3px;
    border-top-style: solid;
}


.flip-container .flipper:first-of-type .front,
.flip-container .flipper:first-child .front {
    background: #fff url('../images/icon-CTA-bargraph.png') no-repeat center 2rem;
    border-color: #820053;
}

.flip-container .flipper:last-of-type .front {
     background: #fff url('../images/icon-CTA-piechart.png') no-repeat center 2rem;
    border-color:#4e8abe;
}

.flip-container .flipper .front img {
    padding-top: 40px;
}
.flip-container .flipper .flip-icon {
    position: absolute;
    background-image: url('../images/flip.png');
    height: 52px;
    width: 52px;
    right: 0;
    bottom: 0;
    cursor:pointer;
}

.flip-container .flipper .back {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    min-height: 300px;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    background-color: #ffffff;
    width: 100%;
    text-align: left;
    min-height: 400px;
}


.flip-container .flipper .back .back-header {
    color: #24394d;
    background-color: #000;
    text-align: left;
    height: 25%;
    position: relative;
    top: 0;
    padding: 1.5rem;
    padding-bottom: 1rem;
}

.flip-container .flipper:first-of-type .back .back-header {
    color: #fff;
    background-color: #820053;
}

.flip-container .flipper:last-of-type .back .back-header {
    color: #fff;
    background-color: #4e8abe;
 
}

.flip-container .flipper .back .back-header h3 {
    font-family: "ProximaNova-bold", sans-serif;
    font-size: 30px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1;
}
.flip-container .flipper .back .back-header p {
    font-family: "ProximaNova-Semibold", sans-serif;
    font-size: 20px;
    color: #fff;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
}
.flip-container .flipper .back .back-main {
    padding: 1.5rem;
    padding-top: 1rem;
}
.flip-container .flipper .back .back-footer {
    position: absolute;
    bottom: 1rem;
}

.flip-container .flipper .back .back-footer a {
   font-family: "ProximaNova-Semibold", sans-serif;
    color: #0071a5;

    font-size: 17px;
    line-height: 1;
}

.flip-container .flipper .back .msg {
    position: absolute;
    width: 44%;
    right: 1rem;
    bottom: 37px;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .flip-container .flipper .back .msg {
        right: 0;
    }

}
@media screen and (max-width: 39.9375em) {
    .flipper.slick-slide:nth-child(2) .front {
        background: #fff url('../images/icon-CTA-piechart.png') no-repeat center 2rem;
        border-color:#4e8abe;
    }


    .flipper.slick-slide:nth-child(3) .front {
        background: #fff url('../images/icon-CTA-bargraph.png') no-repeat center 2rem;
        border-color: #820053;
    }

    .flipper.slick-slide:nth-child(2) .back .back-header {
        color: #fff;
        background-color: #4e8abe;
    }

    .flipper.slick-slide:nth-child(3) .back .back-header {
        color: #fff;
        background-color: #820053;

    }

    .flip-container .flipper .back .msg {
        position: absolute;
        width: 40%;
        right: 0rem;
        bottom: 39px;
    }
}

.flip-container .flipper .front-show{
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.flip-container .flipper .back-show{
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg)!important;
}

/*turned off in favor of click event*/
/*.flipper.flip-action:hover .front {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.flipper.flip-action:hover .back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}*/

.warning:before {
    content: url("../images/icon-warning.png");
    display: inline-block;
    position: absolute;
    left: -25px;
}


/***************Cards: news and events style begin here********************/

.news-card {
    margin-bottom: 20px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25);
    border-top-style: solid;
    border-top-width: 3px;
    -webkit-transition-delay: 2s;
    /* Safari */
    transition-delay: 2s;
    position: relative;
}

.news-card .card-type-icon {
    position: absolute;
    top: 10px;
    right: 10px;
}

.news-card .card-content {
    position: relative;
    bottom: 0;
    padding: 20px;
}

.news-card .card-content p {
    margin-bottom: 30px;
    font-family: "ProximaNova-Regular", sans-serif;
    font-size: 16px;
    line-height: 18px;
    color: #636468;
}

.news-card .card-content li {
    font-family: "ProximaNova-Regular", sans-serif;
    font-size: 16px;
    line-height: 18px;
    color: #636468;
    line-height: 1.8;
}

@media (max-width: 39.9375em) {
    .news-card .card-content li {
        line-height: 1.4;
    }
}

.news-card .card-content p + ul {
    margin-top: -10px;
}

.news-card .card-content .card-date {
    font-family: "ProximaNova-Bold", sans-serif;
    font-size: 12px;
    line-height: 14px;
    color: #000;
    margin-top: 20px;
    margin-top: 0px !important;
    margin-bottom: 10px;
}

.news-card .card-content h4 {
    font-family: "ProximaNova-Bold", sans-serif;
    font-size: 24px;
    line-height: 24px;
    color: #000;
    margin-bottom: 20px;
}

.news-card .card-content .read-more {
    margin-bottom: 20px;
    font-family: "ProximaNova-Semibold", sans-serif;
    font-size: 16px;
    color: #0071a5;
}

.card-with-image .card-content {
   position: absolute;
   width:100%;
}

.card-with-image .read-more-icon {
    position: absolute;
    background-image: url('../images/readMore_default.png');
    height: 45px;
    width: 45px;
    right: 0;
    bottom: 0;
}

.card-with-image:hover .read-more-icon {
    background-image: url('../images/readMore_hover.png');
}

.card-with-image h4 {
    padding-right: 20px;
}

.card-only-text .card-content {
    margin-top: 25px;
}

.card-only-text h4 {
    font-size: 20px;
    line-height: 20px;
}

.card-without-image .card-content {
    margin-top: 80px;
}

.card-without-image h4 {
    font-size: 20px;
    line-height: 20px;
}

@media (max-width: 39.9375em) {
    .news-card {
        margin-bottom: 10px;
    }
    .news-card .card-content h4 {
        font-size: 20px;
        line-height: 20px;
    }
}

/***************Cards: news and events style end here********************/

/***************Cards: generic style begin here********************/

.card-module {
    background-color: #efefef;
    padding: 40px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

/*For use on secondary pages*/
.card-module-secondary {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media screen and (max-width: 39.9375em) {
    .card-module,
    .card-module-secondary {
        flex-direction: column;
    }
}
 .card-module .card {
    width: 32%;
}

 .card-module-secondary .card {
    width: 47%;
}

@media screen and (min-width: 768px) and (max-width: 1024px){
     .card-module .card,
     .card-module-secondary .card{
        width: 49%;
    }

    .card-module .card:last-child,
    .card-module-secondary .card:last-child  {
       flex-grow: 2;
    }

}
@media screen and (max-width: 39.9375em) {
    .card {
        width: 100%;
    }
}
 .card {
    position: relative;
    margin-bottom: 1rem;
    border: 1px solid #E6E6E6;
    border-radius: 0px;
    background: #FEFEFE none repeat scroll 0% 0%;
    box-shadow: none;
    overflow: hidden;
    color: #0A0A0A;
    width:100%;
}
@media screen and (max-width: 39.9375em) {
  .card-module .card,
  .card-module-secondary .card  {
        width: 100%;
    }
}
.card-divider {
    padding: 22px 22px 1rem;
}

.card-divider p {
    color: #fff;
    font-family: "ProximaNova-Semibold", sans-serif;
    font-size: 19px;
    margin-bottom: 0;
}
.card-section {
    padding: 1rem;
    margin-bottom: 2rem;
}
.card-section p {
    margin-bottom: .5rem;
}

.card-section li {
    font-family: "ProximaNova-bold", sans-serif;
    font-size: 16px;
    line-height: 1;
    color: #93b85a
}
.card-footer {
    position: absolute;
    bottom: 10px;
    padding: 0 1rem 0.5rem 1rem;
}

.card-footer a{
    font-family:  "ProximaNova-Semibold", sans-serif;
    color:#0071a5;
    padding: .15rem 1.25rem .15rem 0;
    text-align: left;
    font-size: 17px;
    line-height: 1;
}


.card .msg-neg:before {
    content: url(../images/icon-warning.png);
     position: absolute;
}

.card .msg-pos:before {
    content: url(../images/icon-positive.png);
    position: absolute;
}

.card .msg{
    position: relative;
}


.card .msg p{
    font-family: "ProximaNova-bold", sans-serif;
    font-size: 13px;
    line-height: 1;
    margin-bottom: .25rem;
    color: #6f6f6f;
    margin-left: 2rem;
}

.card .msg span{
    display: block;
    font-family: "ProximaNova-Light", sans-serif;
    font-size: 13px;
    font-style: italic;
}

@media screen and (max-width: 39.9375em) {
    .card-footer {
        position: relative;
        bottom: 0;
        padding: 0 1rem 0.5rem 1rem;
    }
}
.card-footer .btn {}
.card >:last-child {
    margin-bottom: 0px;
}
.card h3 {
    font-size: 24px;
    font-family: "ProximaNova-bold", sans-serif;
    color: #fff;
    line-height: 1;
    margin-bottom: 0;
}

.flex-between {
    display: flex;
    justify-content: space-between; 
}

/*Screening specific card styles start here*/
.screening-group {
    display: flex;
    justify-content: space-between;
}
.screenings .heading {
    font-size: 22px;
    font-family: "ProximaNova-bold", sans-serif;
    color: #6f6f6f;
    width: 40%;
}
.screenings .slider {
    width: 50%;
    background-color: #e4e4e4;
    margin-top: .5rem;
    border-radius: 3px;
}
.screenings .slider-fill {
    border-radius: 3px;
}
.screenings .slider-handle {
    border-radius: 50%;
}
.screenings .slider-handle:hover {
    background-color: #EFEFEF;
}

.screenings .slider input {
    display: none;
}
.screenings .slider.disabled,
.screenings .slider[disabled] {
    opacity: 1;
    cursor: not-allowed;
}

/*Screening specific card styles end here*/

.progress-ctr {
    margin-top:1.5rem;
    margin-bottom: 1.5rem;
}
 .screenings .progress {
  height: 3rem;
  position: relative;
}

.screenings .progress .progress-meter {
    background-color: #93b85a;
}

.progress-meter-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    margin: 0;
    font-size: 1.25rem;
    font-weight: bold;
    white-space: nowrap;
}
.progress-alt2 .ticks {
  font-size: 14px;
  font-family: "ProximaNova-Regular", sans-serif;
  margin: 0;
  padding: 0;
  line-height: 1;
  top: 0px;
  color: #6f6f6f

}

.progress-alt2  .ticks span {
  position: absolute;
}

.progress-alt2  .ticks.ticks-top span {
  top: -30%;
}

.progress-alt2  .ticks.ticks-top span:first-child {
  left: 0%;
}

.progress-alt2 .ticks.ticks-top span:last-child {
  right: 0%;
}


/*screenings-alt specific */

.progress-alt .ticks {
  font-size: 10px;
  margin: 0;
  padding: 0;
  line-height: 1;
  top: 0px;
  /*    */
}

.progress-alt .ticks span {
  position: absolute;
  color: #6f6f6f;
}

.progress-alt .ticks.ticks-top span {
  top: -1px;
}

.progress-alt .ticks.ticks-top span:before {
  top: -15px;
  left: -125px;
  position: absolute;
  width: 125px;
  text-align: right;
}

.progress-alt .ticks.ticks-top span:first-child {
  left: 25%;
}

.progress-alt .ticks.ticks-top span:first-child:before {
  content: "Level 1";
}

.progress-alt .ticks.ticks-top span:nth-child(2) {
  left: 50%;
}

.progress-alt .ticks.ticks-top span:nth-child(2):before {
  content: "Level 2";
}

.progress-alt .ticks.ticks-top span:nth-child(3) {
  left: 75%;
}

.progress-alt .ticks.ticks-top span:nth-child(3):before {
  content: "Level 3";
}

.progress-alt .ticks.ticks-top span:nth-child(4) {
  left: 100%;
    visibility: hidden;
}


.progress-alt .ticks.ticks-top span:nth-child(4):before {
  content: "Level 4";
  visibility:visible;
}

.progress-alt .ticks.ticks-bottom span {
  bottom: -1px;
}

.progress-alt .ticks.ticks-bottom span:before {
  bottom: -15px;
  left: -125px;
  position: absolute;
  width: 125px;
  text-align: right;
}

.progress-alt .ticks.ticks-bottom span:first-child {
  left: 25%;
}

.progress-alt .ticks.ticks-bottom span:first-child:before {
  content: "WBA completed";
}

.progress-alt .ticks.ticks-bottom span:nth-child(2) {
  left: 50%;
}

.progress-alt .ticks.ticks-bottom span:nth-child(2):before {
  content: "1,000 pts";
}

.progress-alt .ticks.ticks-bottom span:nth-child(3) {
  left: 75%;
}

.progress-alt .ticks.ticks-bottom span:nth-child(3):before {
  content: "2,200 pts";
}

.progress-alt  .ticks.ticks-bottom span:nth-child(4) {
  left: 100%;
  visibility: hidden;
}

.progress-alt .ticks.ticks-bottom span:nth-child(4):before {
  content: "3,500 pts";
  visibility:visible;
}


/*Points and Level Status*/
.status-ctr {
    position: relative;
    margin-bottom: 2rem;
}

/*.status-ctr .status-text {
    width: 50%;
}*/

.status-ctr .status-text p {
    font-family: "ProximaNova-Bold", arial;
    line-height: 1;
    color: #6f6f6f;
}

.status-ctr .status-text p span {
    font-family: "ProximaNova-Regular", arial;
    display: block;
}

.point-bubble {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #4e8abe;
    position: relative;
    font-family: "ProximaNova-Bold", arial;
    margin:1rem auto 2rem;
}

.point-bubble p {
    color: #fff;
    line-height: 1;
    margin-bottom: 0;
    position: relative;
    top: 35px;
    font-family: "ProximaNova-Bold", arial;
    text-align: center;
}

.point-bubble span {
    display: block;
    font-family: "ProximaNova-Regular", arial;
    font-size: 14px;
}


/*.point-bubble:after {
    content: '0 Level';
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #93b85a;
    display: inline-block;
    color: #fff;
    line-height: 1;
    left: 80%;
    position: relative;
    top: 15%;
    text-align: center;
    padding-top: 5px;
}


.level-1.point-bubble:after {
    content: '1 Level';
    
}
.level-2.point-bubble:after {
    content: '2 Level';
    
}

.level-3.point-bubble:after {
    content: '3 Level';
    
}
.level-4.point-bubble:after {
    content: '4 Level';
    
}
*/

/***************Cards: news and events style end here********************/

.detail-page-container {
    overflow: hidden;
        background-color: #ffffff;

}



/***************Secondary pages: banner  style start here********************/

.banner-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    background-position: center center;
    background-size: cover;
    height: 200px;
}

@media (max-width: 39.9375em) {
    .banner-container {
        height: 150px;
        margin-bottom: 50px;
    }

}

/*HEADER IMAGES*/
.banner-container.medical-overview{    background-image:url("../images/header/header_sub_health.png")}
.banner-container.worklife-banner{    background-image:url("../images/header/header_sub_worklife.png")}
.banner-container.managing-people-banner{    background-image:url("../images/header/header_sub_managing.png")}
.banner-container.contacts-banner{    background-image:url("../images/header/header_sub_contacts.png")}
.banner-container.resources-banner{    background-image:url("../images/header/header_sub_resources.png")}
.banner-container.news-banner{    background-image:url("../images/header/header_sub_articles_news.png")}
.banner-container.pay-banner{    background-image:url("../images/header/header_sub_wealth.png")}
.banner-container.career-banner{    background-image:url("../images/header/header_sub_career.png")}
.banner-container.enroll-banner{    background-image:url("../images/header/header_sub_enroll.png")}
.banner-container.new-to-banner{    background-image:url("../images/header/header_sub_new_to.png")}
.banner-container.leaving-banner{    background-image:url("../images/header/header_sub_leaving.png")}
.banner-container.life-events-banner{    background-image:url("../images/header/header_sub_lifeevents.png")}

.banner-container .page-heading {
    position: absolute;
    bottom: -25px;
    left: 100px;
    z-index: 200;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .banner-container .page-heading {
        left: 0;    
    }

}

@media (max-width: 39.9375em) {
    .banner-container .page-heading {
        margin-left: 10px;
        padding-left: 10px;
        padding-right: 10px;
        left: -12px;
        bottom: -20px;
    }
}

.banner-container .page-heading img {
    display: inline;
    margin-right: 20px;
}

@media (max-width: 39.9375em) {
    .banner-container .page-heading img {
        height: 60px;
        width: 60px;
        margin-right: 0;
    }
}

.banner-container .page-heading h2,
.banner-container .page-heading h1 {
    display: inline;
    font-family: "ProximaNova-Bold", sans-serif;
    font-size: 30px;
    margin-bottom: 30px;
}

@media (max-width: 39.9375em) {
    .banner-container .page-heading h2,
    .banner-container .page-heading h1 {
        font-size: 22px;
    }
}

.progress.progress-primary {
    margin-bottom: 0;
    height: 7px;
    background-color: #b0b2b7;
}

@media (max-width: 39.9375em) {
    .progress.progress-primary{
        display: none;
    }
}

.progress .progress-meter {
    background-color: #0077b8;
}

.heading-with-text {
    padding-top: 60px;
    padding-left: 300px;
    padding-right: 300px;
}

.heading-with-text > h2 {   padding-top: 5rem;}
.heading-with-text > h2#anchor-1 {padding-top: 0rem; }

@media (max-width: 64em) {
    .heading-with-text {  padding-left: 10%; padding-right: 10%;}
}


@media (max-width: 39.9375em) {
    .heading-with-text,
    .section-header {
        padding: 10px 0 0;
    }
}

h2.section-header {
    padding-top: 2.5rem;
}

@media screen and (max-width: 39.9375em) {
    h2.section-header {
        padding-top: 1rem;
    }
}

h2.section-header {
    font-family: "ProximaNova-Bold", sans-serif;
    font-size: 30px;
    line-height: 1;
    margin-bottom: 30px;
    margin-left: 0;
    color: #2b2b2b;
}
h2.section-header::before {
    display: block;
    content: "";
    padding-top: 100px;
    margin-top: -60px;
    visibility: hidden;
}

h2.section-header span {
    display: block;
    font-family: "ProximaNova-Bold", sans-serif;
}

@media (max-width: 39.9375em) {
    h2.section-header {
        margin-top: 0;
        font-size: 30px;
        line-height: 30px;
        text-align: left !important
    }
}

.section-header span:nth-child(2) {
    margin-bottom: -13px;
    margin-top: -10px;
}

h2.section-header span span {
    display: inline !important;
}

h3.section-header {
    margin: 1rem 0;
    font-family: "ProximaNova-Regular", sans-serif;
    font-size: 28px;
    line-height: 1;
    color: #636468;
}

.heading-with-text p {
    font-family: "ProximaNova-Regular", sans-serif;
    font-size: 18px;
    line-height: 26px;
    color: #2b2b2b;
}

@media (max-width: 480px) {
    .heading-with-text h2 span:nth-child(2) {
        margin-top: 0px;
    }
    .heading-with-text p {
        font-size: 16px;
    }
}

.heading-with-text p a {
    color: #2ab5e6;
}

.subtitle {
    font-family: "ProximaNova-BoldIt", sans-serif;
    font-size: 24px;
    line-height: 24px;
    color: #2ab5e6;
    text-align: center;
    margin: 40px 0;
}

/*----styles for news and events page----*/

.post-date {
    font-family: "ProximaNova-Semibold", sans-serif !important;
    font-size: 12px;
    line-height: 14px;
    color: #000;
    margin-top: 20px;
}

.author {
    font-family: "ProximaNova-RegularItalic", sans-serif !important;
    font-size: 12px;
    color: #9da0a4;
}

@media (max-width: 39.9375em) {
    .post-date,
    .author {
        font-size: 13px;
    }
}

/*---social icons---*/

.social-icons {
    margin-bottom: 30px;
}

.social-icons span {
    border-radius: 50%;
}

.social-icons .fb-icon {
    padding: 10px 15px;
    background-color: #4867AA;
}

.social-icons .tw-icon {
    padding: 11px 12px;
    background-color: #00ACED;
}

.social-icons .pin-icon {
    padding: 10px 12px;
    background-color: #CB2027;
}

/*---social icons end here---*/

/***************Contacts style start here********************/



.contact-body {
    padding: 70px 120px;
    background-color: #efefef;
    margin-top: -25px;
}

.contact-body .row .small-12 {
    margin-bottom: 20px;
}

@media screen and (min-width: 767px) and (max-width: 1024px) {
    .contact-body {
         padding: 70px 30px;
    }

}
@media (max-width: 480px) {
    .contact-body {
        padding: 10px;
    }
}

.contact-body .column:last-child:not(:first-child),
.contact-body .columns:last-child:not(:first-child) {
    float: left;
}

.contact-cards {
    padding: 30px 30px;
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
}

.contact-cards h4 {
    font-family: "ProximaNova-Bold", sans-serif;
    font-size: 20px;
    line-height: 1;
    color: #2b2b2b;
    margin-top: 15px;
    padding-bottom: 20px;
    margin-bottom: 15px;
    position: relative;
    word-wrap: break-word;
}

.contact-cards h4:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
}

.contact-cards p {
    font-family: "ProximaNova-Regular", sans-serif;
    font-size: 16px;
    line-height: 1;
    color: #2b2b2b;
    margin-bottom: 0.65rem;
}

.contact-cards p:first-child {
    padding-top: 15px;
}

.contact-cards p:last-child {
    color: #2ab5e6;
}

.contact-cards p img {
    float: left;
    margin-right: 10px;
    display: table-cell;
}

.contact-cards p span {
    display: table-cell;
}

.contact-cards a {
    color:#6a87bc;
    word-wrap: break-word;
}

.contact-cards a:hover {
    color: #3c5ca1;
}

.detail-page-container {
    display: flex;
}

/***************Contacts style end here********************/


/***************Secondary Pages Left Navigation starts here********************/


.left-nav-bg {
    background-color: #2c2c32 !important;
    box-shadow: 2px 0 15px 0 rgba(0, 0, 0, 0.3) !important;
}

.page-left {
    float: left;
    min-height: 100%;
    background-color: #2c2c32;
    z-index: 500;
    box-shadow: 2px 0 15px 0 rgba(0, 0, 0, 0.3);
    flex: 0 0 70px;
    left:-1px;
}

.page-left ul li {
    color: #fff;
}

.page-left .btn-holder {
    position: relative;
    height: 70px;
    min-width: 70px;
}

.ie_browser .page-left {
    position: relative;
}

@media (min-width: 767px) {
    .page-left .btn-holder {
        background-color: #2c2c32!important;
    }
}

@media (max-width: 480px) {
    .page-left .btn-holder {
        position: fixed;
        z-index: 1000;
    }
}

.page-left .btn-holder .close-button {
    top: 15px;
    right: 20px;
}

.page-left .btn-holder .close-button span {
    background: url(../images/13_sideNav_closeIcon_default.png) no-repeat center center;
    padding-left: 20px;
}

.page-left .btn-holder .close-button:hover span {
    background: url(../images/13_sideNav_closeIcon_default.png) no-repeat center center;
}

.page-left .btn-holder .left-nav-menu-icon {
    position: absolute;
    top: 20px;
    left: 20px;
    cursor: pointer;
}

.page-left .btn-holder .left-nav-menu-icon span {
    background: transparent url("../images/12_sideNav_icon_default.png") no-repeat scroll center center;
    padding-left: 20px;
    padding-top: 5px;
}

.page-left .btn-holder .left-nav-menu-icon span:hover {
    background: url(../images/sideNav_icon_hover.png) no-repeat center center;
}

@media (max-width: 39.9375em) {
    .page-left .btn-holder .left-nav-menu-icon {
        left: 0;
        padding: 12px;
        background-color: #2c2c32;
    }
}

.page-left .left-nav {
    width: 320px;
    background-color: #2c2c32!important;
}

.left-submenu {
    list-style-type: none;
}

.left-submenu li {
    margin-top: 15px;
}

.page-left ul li a {
    font-family: "ProximaNova-Bold", sans-serif;
    font-size: 20px;
    color: #ffffff;
    padding: 15px 0 15px 20px;
    background-color: #26262b;
}

.page-left ul.contacts li a {
    padding: 7.5px 0 0 0;
}

.page-left ul li ul {
    margin-left: 20px !important;
}

.page-left ul li ul li {
    margin-left: 10px;
    display: table-row !important;
        border-bottom: 1px solid #3f3f44;
}

.page-left ul li ul li a {
    padding-left: 0;
    font-family: "ProximaNova-Regular", sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #acacac;
    background-color: #2c2c32;
    display: table-cell;
}

.page-left ul li ul li a:hover,
.page-left ul li ul li a:focus,
.page-left ul li ul li a:active   {
    color: #2ab5e6;
}

.page-left ul li ul li:last-child {
    margin-bottom: 40px;
}
.page-left .contact-menu ul li ul li {
    display: block !important;
    color: #ACACAC;
    margin-left: 0px;
    padding: 15px 0px;
}

.page-left .contact-menu .app {
    display: block;
    margin-top:1rem;
    margin-bottom: 1rem;
}
.page-left .contact-menu ul li ul li a {
    display: block !important;
    padding: 0;
}

@media (max-width: 767px) {
    .page-left {
        position: absolute;
        background: transparent none repeat scroll 0% 0%;
        box-shadow: none;
    }
    .page-left .columns {
        padding: 0 !important;
    }
}

/***************Secondary Pages Left Navigation ends here********************/

/***********************************/

.page-right {
    overflow-x: hidden;
    position: relative;
    float: left;
    height: 100%;
}

@media (max-width: 39.9375em) {
    .page-right {
        width: 100%;
    }

    .page-right.has-menu {
        cursor: pointer;
    }
}

/*************** ********************/

/***************Home Page Carousel starts here********************/
.owl-carousel .banner-item1{    background-image:url("../images/carousel-1.jpg")}
.owl-carousel .banner-item2{    background-image:url("../images/carousel-1.jpg")}
.owl-carousel .banner-item3{    background-image:url("../images/carousel-1.jpg")} 


.owl-carousel .owl-caption {
   padding-top: 130px;
    margin-left: 100px;
}

.owl-carousel .owl-caption h1 {
    font-family: "ProximaNova-Regular", sans-serif;
    font-size: 68px;
    line-height: 1;
    color: #fff;
    margin: 0 0 20px 0;
}

.owl-carousel .owl-caption h1 span {
    font-family: "ProximaNova-SemiBold", sans-serif;
}

.owl-carousel .owl-caption h3 {
    font-family: "ProximaNova-Semibold", sans-serif;
    font-size: 32px;
    line-height: 1;
    color:#fff;
    margin-bottom: 3rem;
}

.owl-carousel .owl-caption p {
    font-family: "ProximaNova-Semibold", sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #2b2b2b;
    margin-bottom: 30px;

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .owl-carousel .owl-caption h1 {
        font-size: 40px;
        line-height: 36px;
        margin: 0 0 10px 0;

    }
    .owl-carousel .owl-caption h3 {
        font-size: 1.6rem;
        line-height: 1.2;
    }

    .owl-carousel .owl-caption p {
        font-size: 16px;
    }
}

.owl-carousel .owl-caption a:hover {
    color: #2b2b2b;
}

.owl-carousel .owl-video-container iframe {
    padding-top: 60px;
    margin-right: 100px;
    width: 400px;
    height: 300px;
}

.owl-carousel .owl-buttons .owl-prev,
.owl-carousel .owl-buttons .owl-next {
    position: absolute;
    background-image: url("../images/carousel-arrow.png");
    top: 42%;
    margin-left: 15px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
}

.owl-carousel .owl-buttons .owl-next {
    right: 15px;
}

.owl-carousel .owl-nav .owl-next {background-image: url("../images/carousel-arrow.png");}
.owl-carousel .owl-nav .owl-next:hover {background-image: url("../images/carousel-arrow.png");}
.owl-carousel .owl-nav .owl-prev {background-image: url("../images/carousel-arrow.png");}
.owl-carousel .owl-nav .owl-prev:hover {background-image: url("../images/carousel-arrow.png");}


.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next  {
    position: absolute;
    top: 53%;
    margin-left: 34px;
    height: 20px;
    width: 14px;
}

.owl-carousel .owl-nav .owl-next {
    right: 34px;
    transform: rotate(180deg);
}

.owl-carousel .owl-dots {
    display: inline-flex;
    position: absolute;
    left: 46%;
    bottom: 14%;
}

.owl-carousel .owl-dots .owl-dot {
    height: 12px;
    width: 12px;
    background-color: #ffffff;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    position: relative;
    margin: 5px;
}

.owl-carousel .owl-dots .owl-dot span {
    background-color: #bababa;
    border-radius: 50%;
    display: block;
    height: 8px;
    margin: 2px;
    opacity: 0.5;
    width: 8px;
}

.owl-carousel .owl-dots .active span {
    background-color: #2ab5e6;
}

.owl-carousel .owl-pagination {
    display: inline-flex;
    position: absolute;
    left: 46%;
    bottom: 14%;
}

.owl-carousel .owl-pagination .owl-page,
.slick-dots li {
    height: 12px;
    width: 12px;
    background-color: #ffffff;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    position: relative;
    margin: 5px;
}

.owl-carousel .owl-pagination .owl-page span,
.slick-dots li button {
    background-color: #bababa;
    border-radius: 50%;
    display: block;
    height: 8px;
    margin: 2px;
    opacity: 0.5;
    width: 8px;
}

.owl-carousel .owl-pagination .owl-page span:hover,
.slick-dots li button:hover {
    background-color: #2ab5b6 !important;
}

.owl-carousel .owl-pagination .active span,
.slick-dots li.slick-active button {
    background-color: #2ab5e6;
}


.owl-carousel .banner-item {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

@media (min-width: 480px) {
    .owl-carousel .banner-item {
        height: 450px;
        width: auto;
    }
}

@media (max-width: 800px) {
    .owl-carousel .banner-item {
        position: relative;
        padding-bottom: 150px;
    }
    .owl-carousel .banner-opacity {
        content: '';
        background-color: #FFFFFF;
        opacity: 0.9;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
    .owl-carousel .owl-caption {
        position: relative;
        padding-top: 40px;
        margin-left: 10px;
        margin-right: 10px;
        text-align: center;
        z-index: 100;
    }
    .owl-carousel .owl-caption h1 {
        margin-bottom: 35px;
        font-size: 36px;
        line-height: 36px;
        color:#4e8abe;
    }
    .owl-carousel .owl-caption h2 {
        margin-bottom: 20px;
        font-size: 20px;
        line-height: 20px;
        color:#4e8abe;
    }

    .owl-carousel .owl-caption h3 {
        color: #4e8abe;
    }
    .owl-carousel .owl-caption p {
        margin-bottom: 35px;
        color:#4e8abe;

    }
    .owl-carousel .owl-buttons,
    .owl-carousel .owl-nav {
        display: none;
    }
    .owl-carousel .owl-pagination {
        left: 40%;
    }

    .owl-carousel .owl-dots {
        display: inline-flex;
        position: absolute;
        left: 40%;
        bottom: 14%;
    }
 
}


@media (min-width: 768px) and (max-width: 1024px) {

    .owl-carousel .banner-item {
        position: relative;
        padding-top: 40px;
        margin-left: 10px;
        margin-right: 10px;
        text-align: center;
        z-index: 100;
    }

}

/***************Home Page Carousel ends here********************/


/***************Slick Slider Quick Link Container Styles start here ********************/
.quick-link-ctr {
    margin-bottom: .5rem;
    margin-top: -2.5rem;
    padding-bottom: 2.5rem;
}

.quick-link-ctr.expanded {
    margin-bottom: 1.5rem;
    margin-top: -1.5rem;
    padding-bottom: 0rem;
    padding-top: 2.5rem;
}

@media (max-width: 480px) {
    .quick-link-ctr {
        margin-top: -1.5rem;
        padding-bottom: 0.5rem;
    }
}


/***************Slick Slider Quick Link Container Styles end here ********************/



/*Slick slider styles start here*/

.slick-slide img {
    display: inline;
}

.slick-prev {
    background-image: url("../images/09_quickLink_arrowIcon_left_default.png");
    height: 22px;
    width: 14px;
}
.slick-prev:hover {background-image: url("../images/09_quickLink_arrowIcon_left_hover.png");}


.slick-next {
    background-image: url("../images/09_quickLink_arrowIcon_right_default.png");
    height: 22px;
    width: 14px;
}
.slick-next:hover, 
.slick-next:focus, 
.slick-next:active {background-image: url("../images/09_quickLink_arrowIcon_right_hover.png");}



.slick-prev::before,
.slick-next::before {
    content: '';
}

.slick-prev:hover::before,
.slick-prev:focus::before,
.slick-next:hover::before,
.slick-next:focus::before {
    opacity: 0;
}

.slick-slide {
    margin: 0 10px;
}

.slick-list {
    margin: 0 -10px;
}

.quicklink-cat1,
.quicklink-cat1 a {
    border-color: #f7941d;
    color: #f7941d;
}

.quicklink-cat2,
.quicklink-cat2 a {
    border-color: #820053;
    color: #820053;
}

.quicklink-cat3,
.quicklink-cat3 a {
    border-color: #40a1bc;
    color: #40a1bc;
}

.quicklink-cat4,
.quicklink-cat4 a {
    border-color: #54b69b;
    color: #54b69b;
}

.quicklink-item {
    border-radius: 0 0 5px 5px;
    background-color: #ffffff;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25);
    border-top: 2px solid;
    height: 180px;
    margin-bottom: 10px;
}

.quicklink-item img {
    margin: 30px 0 15px;
}

.quicklink-item h3 {
    font-family: "ProximaNova-Semibold", sans-serif;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 20px;
    padding-left: 0.50rem;
    padding-right: 0.50rem;
}


/*----Notification menu styles-----*/

.header-container {
    position: relative;
    z-index: 1000;
}

.notif-menu {
    font-family: "ProximaNova-Regular", sans-serif;
    font-size: 14px;
    line-height: 18px;
    list-style-type: none;
    z-index: 999;
    position: absolute;
    width: 300px;
    top: 75px;
    margin: 0;
    right: 20px;
    background-color: #2C2C32 !important;
    color: #fff;
    border-radius: 10px;
}

.notif-icon,
.notif-menu-close {
    cursor: pointer;
}

.notif-menu li {
    border-top: 1px solid #3f3f44;
    padding: 15px 20px;
    color: #fff;
    line-height: 18px;
    font-size: 14px;
}

.notif-menu li.notif-menu-close {
    border: none;
    padding: 10px;
    text-align: right;
}

.notif-menu li.notif-menu-close span {
    background: url('../images/notificationClose_default.png') no-repeat center center;
    padding-left: 12px;
}

.notif-menu li.notif-menu-close span:hover {
    background: url('../images/notificationClose_hover.png') no-repeat center center;
}

.notif-menu:before {
    content: '';
    position: absolute;
    right: 43%;
    top: -2%;
    border-bottom: 10px solid #403F45;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

@media (max-width: 39.9375em) {
    .notif-menu {
        width: 100%;
        border-radius: 0;
        left: 0;
        right: 0;
        top: 50px;
    }
    .notif-menu:before {
        right: 30%;
    }
}

/***************Notification Styles ends here********************/

.ctabs {
    float: none;
    list-style: none;
    padding: 0;
}

.ctabs:after {
    content: '';
    display: table;
    clear: both;
}

.ctabs input[type=radio] {
    display: none;
}

.ctabs label {
    display: block;
    float: left;
    width: 160px;
    color: #6a6a6a;
    font-family: "ProximaNova-Bold", sans-serif;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
    line-height: 2;
    cursor: pointer;
    border-radius: 2px;
    padding: 2px;
    margin: 0;
    background-color: #2b2b2b;
}

.ctab-content {
    display: none;
    width: 100%;
    float: left;
    padding: 30px 0;
    box-sizing: border-box;
    background-color: transparent;
    border-top: 1px solid #6a87bc;
}

.ctab-content * {
    -webkit-animation: scale 0.7s ease-in-out;
    -moz-animation: scale 0.7s ease-in-out;
    animation: scale 0.7s ease-in-out;
}

.ctab-content .contact-cards {
    padding: 10px 20px !important;
    min-height: 220px;
}


@media (max-width: 39.9375em) {
    .ctab-content .contact-cards {
            min-height: 130px;
    }
}

@keyframes scale {
    0% {
        transform: scale(0.9);
        opacity: 0;
    }
    50% {
        transform: scale(1.01);
        opacity: 0.5;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.ctabs [id^="tab"]:checked + label {
    color: #ffffff;
    background: #6a87bc;
}

#tab1:checked ~ #tab-content1,
#tab2:checked ~ #tab-content2,
#tab3:checked ~ #tab-content3 {
    display: block;
}


/*----Style for custom dropdown-----*/

.selectboxit-container {
    margin: 20px !important;
    margin-top: 30px !important
}

.selectboxit-option-icon-container {
    margin-left: 10px;
    display: none !important;
}

.selectboxit {
    color: rgb(255, 255, 255);
    width: 560px !important;
    background: linear-gradient(rgb(42, 179, 227), rgb(0, 147, 198));
    border-color: rgb(42, 179, 227) !important;
    border-radius: 0px !important;
}

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus {
    color: rgb(255, 255, 255);
    background-position: inherit;
}

.selectboxit-container span,
.selectboxit-container .selectboxit-options a {
    height: 50px;
    line-height: 50px;
    display: block;
}

.selectboxit-text {
    font-family: ProximaNova-Bold;
    font-size: 18px;
    margin-left: 10px;
}

.selectboxit-default-arrow {
    border-top-color: rgb(255, 255, 255);
    border-bottom: 4px solid transparent;
}

.selectboxit.selectboxit-open .selectboxit-default-arrow {
    border-top-color: transparent;
    border-bottom-color: rgb(255, 255, 255);
    margin-top: -4px;
}

.selectboxit-container .selectboxit-options {
    overflow-y: auto;
    border-color: rgb(222, 222, 222);
    border-radius: 0px !important;
}

.selectboxit-option-first {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.selectboxit-option .selectboxit-option-anchor {
    font-family: ProximaNova-Bold;
    font-size: 18px;
    padding-left: 10px;
    color: rgb(43, 43, 43);
    background-color: #ffffff !important;
    background-image: none;
    border-bottom: 1px solid rgb(222, 222, 222);
}

.selectboxit-selected {
    background-color: #ffffff !important;
}

.selectboxit-focus .selectboxit-option-anchor {
    color: rgb(43, 43, 43) !important;
    background-color: #ffffff !important;
}

.selectboxit-option-icon-container {
    margin-left: 10px;
    display: none;
}

.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
    color: #2ab5e6 !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
}

.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor .selectboxit-option-icon-container {
    display: block !important
}

.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor .selectboxit-option-icon {
    width: 8px;
    height: 12px;
    background: url("../images/arrow.png") center top no-repeat;
    margin: -3px 2px 0 -10px !important
}

@media (max-width: 39.9375em) {
    .selectboxit {
        width: 300px !important
    }
    .selectboxit-container span,
    .selectboxit-container .selectboxit-options a {
        height: 40px;
        line-height: 40px;
    }
    .selectboxit-container {
        margin: 20px 0 !important
    }
}

.form-options {
    float: right;
    margin-top: 5px;
}

.form-options label {
    font-family: "ProximaNova-Regular", sans-serif;
    font-size: 14px;
    color: #2b2b2b;
}

.form-options .selectboxit-container {
    margin: 0 0 0 20px !important;
}

.form-options .selectboxit {
    color: #2b2b2b;
    width: 200px !important;
    background: #fff;
    border-radius: 2px !important;
    border-color: #e3e3e3 !important;
}

.form-options .selectboxit-text {
    font-size: 14px !important;
    font-family: "ProximaNova-Regular", sans-serif;
}

.form-options .selectboxit-container span,
.form-options .selectboxit-container .selectboxit-options a {
    height: 26px !important;
    line-height: 26px !important;
}

.form-options .selectboxit-btn.selectboxit-enabled:hover,
.form-options .selectboxit-btn.selectboxit-enabled:focus {
    color: #2b2b2b;
    background-color: #fff;
}

.form-options .selectboxit-default-arrow {
    border-top-color: #2b2b2b;
    border-bottom: 4px solid transparent;
}

.form-options .selectboxit.selectboxit-open .selectboxit-default-arrow {
    border-top-color: transparent;
    border-bottom-color: #2b2b2b;
}

.form-options .selectboxit-container .selectboxit-options {
    min-width: 200px !important;
}

.form-options .selectboxit-list {
    border-color: #e3e3e3 !important;
}

.form-options .selectboxit-option .selectboxit-option-anchor {
    font-family: "ProximaNova-Regular", sans-serif;
    font-size: 14px;
    border-bottom-color: #e3e3e3 !important;
}

@media (max-width: 39.9375em) {
    .ctabs label {
        width: 50%;
        margin-bottom: 45px;
    }
    .ctab-content {
        border-top: none;
    }
    .form-options {
        margin-top: 49px;
        z-index: 100;
        position: absolute;
        width: 100% !important;
    }
    .contact-body .row .columns {
        padding-left: 0;
        padding-right: 0;
    }
    .form-options .selectboxit-container,
    .form-options .selectboxit,
    .form-options .selectboxit-container .selectboxit-options {
        width: 97% !important;
    }
    .form-options .selectboxit-container {
        margin: 0 !important;
    }
}

.pro-container .fixed-nav-bar {
    top: 70px !important;
}

@media (max-width:600px) {
    .welcome-content .selectboxit-list {
        min-width: 300px !important;
    }
    .welcome-content .selectboxit {
        width: 300px !important;
    }
}

@media (max-width: 39.9375em) {
    .no-padding .columns,
    .page-right > .row > .columns {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

.video-link iframe {
    width: 620px;
    height: 350px;
}

@media (max-width: 39.9375em) {
    .video-link iframe {
        width: 100%;
        height: auto
    }
}

@media (max-width: 39.9375em) {
    .quicklinks .slick-slide.slick-active .quicklink-item {
        margin-bottom: 20px
    }
}

a.download-btn {
    float: right;
    margin-top: -38px;
    font-weight: normal !important;
    font-family: "ProximaNova-Regular", sans-serif !important;
    font-size: 12px !important;
    margin-right: 6px !important;
    color: #fff !important;
    padding: 0 !important;
}

img.bellshack {
    top: 50%;
    left: 50%;
    transform-origin: 50% 0;
    animation: vibrate 0.1s linear 0s infinite both;
}

@keyframes vibrate {
    0% {
        transform: rotate(10deg)
    }
    25% {
        transform: rotate(-10deg)
    }
    50% {
        transform: rotate(0)
    }
    75% {
        transform: rotate(10deg)
    }
    100% {
        transform: rotate(0)
    }
}

.sticky.is-anchored.is-at-bottom {
    position: fixed;
    top: 0 !important;
}


/* MODULE Styles start here
   ============================= */
.module {
    display: flex;
    position: relative;
    padding: 1rem;
    font-family: "ProximaNova-Regular", sans-serif;
    font-size: 1.125rem;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 63.9375em) {
    .module {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}

.module-aside {
    background-color: #f7f7f7;
    margin-bottom: 1rem;
    border-radius: 3px;
    overflow-x: hidden;
}

.module.flat {
    box-shadow: none;
}

.module .slick-prev {
    background-image: url("../images/slick-slider/arrow-left.png");
    height: 22px;
    width: 14px;
}

.module h3, .module h4 {
    font-family: "ProximaNova-Semibold", sans-serif;
    font-size: 24px;
    margin-bottom: 0;
}

.module h4 {
    font-size: 23px;
    line-height: 1;
}

.module .quicklink-item {
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
    border-top: none;
    height: auto;
    border: none;
}
.module .quicklink-item img {
    margin: 1.25rem 0 .75rem;
    max-height: unset;
    max-width: unset;
}

.module .quicklink-item h3 {
    font-family: "ProximaNova-Semibold", sans-serif;
    font-size: 1rem;
    margin-bottom: 0;
    padding: 0 0 1rem;
    min-height: 50px;
}

.module .btn {
    font-family: "ProximaNova-Semibold", sans-serif;
    font-size: 1rem;
    padding: .15rem 1.25rem;
    border-radius: 15px;
    position: relative;
}

@media screen and (max-width: 63.9375em) {
    .module .btn {
        font-size: .75rem;
        padding: .15rem .75rem;
    }
}

.module .btn.bg-medical {
    background: #93b85a;
}
.module .btn.bg-medical:hover {
    color: #fff
}
.module .btn.bg-green {
    background: #01c585
}
.module .btn.bg-green:hover {
    background: #01c585
}
.module .btn.bg-green:hover {
    color: #fff
}


/* Margin for all interactive widgets*/

.module-ctr {
    margin: 1rem 0 2rem;
}


/***************Module styles ends here********************/

/*Call to Action Accordion*/

.accordion {
    background: #F7F7F7;
}

/*Call to Action Dropdown box*/

.cta-dropdown {
    background-color: #F7F7F7;
    padding: .5rem 1rem;
    position: relative;
}

.cta-dropdown h5.take-action:before {
    content: url("../images/icons-take-action.png");
    position: absolute;
}

.cta-dropdown h5.folder:before {
    content: url("../images/icon-folder.png");
    position: absolute;
}

.cta-dropdown h5.learn:before {
    content: url("../images/icon-learn.png");
    position: absolute;
}

.cta-dropdown h5.checkmark:before {
    content: url("../images/icons-take-charge.png");
    position: absolute;
}

.cta-dropdown h5.warning:before {
    content: url("../images/icons_cir_video.png");
    position: absolute;
}

.cta-dropdown h5.money:before {
    content: url("../images/icons_cir_dollar.png");
    position: absolute;
}

.cta-dropdown h5.prescription:before {
    content: url('../images/icon-team-prescription.png');
    position: absolute;
}

.cta-dropdown h5.medical-tools:before {
    content: url('../images/icon-team-medical-tools.png');
    position: absolute;
}

.cta-dropdown h5.teladoc:before {
    content: url('../images/icon-team-teladoc.png');
    position: absolute;
}

.cta-dropdown h5.nurse-line:before {
    content: url('../images/icon-team-nurse-line.png');
    position: absolute;
}

.cta-dropdown h5.health-advocate:before {
    content: url('../images/icon-team-health-advocate.png');
    position: absolute;
}

.cta-dropdown h5.castlelight:before {
    content: url('../images/icon-team-castlelight.png');
    position: absolute;
}

.cta-dropdown h5.best-doctors:before {
    content: url('../images/icon-team-best-doctors.png');
    position: absolute;
}

.cta-dropdown h5 span {
    display: inline-block;
    padding-left: 4rem;
    align-self: center;
}

.cta-dropdown h5:after {
    font-family: FontAwesome;
    content: "\f0dd";
    position: absolute;
    right: 1rem;
    bottom: 27px;
    color: #999;
    transition: content 5s;
}

.cta-dropdown h5.is-active:after {
    content: '\f0de';
}

.drop-hide {
    overflow: hidden;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    transition-duration: .4s;
    transition-timing-function: ease-in-out;
}

.drop-show {
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    max-height: 1000px;
    overflow: hidden;
}

.cta-dropdown h5 {
    font-family: "ProximaNova-Semibold", sans-serif;
    cursor: pointer;
    color: #0a0a0a;
    margin-bottom: 0;
    display: flex;
    min-height: 52px;
}

.cta-dropdown p,
.cta-dropdown ul,
.cta-dropdown ol {
    padding-right: 2rem;
    padding-left: 3.75rem;
    margin-bottom: 0;
}

.cta-dropdown span {
    padding-right: .5rem;
}


/* Call to Action Single line Box*/

.cta-single-block {
    background-color: #F7F7F7;
    border: none;
}

.cta-single-block h5 {
    display: inline-block;
    padding-right: 1rem;
    margin-bottom: 0;
    line-height: 1;
    font-family: "ProximaNova-Semibold", sans-serif;
}

@media screen and (max-width: 39.9375em) {
    .cta-single-block h5 {
        font-size: .90rem;
    }
}

.cta-single-block h5 + p {
    padding-top: .5rem;
}

.cta-single-block p {
    margin-left: 3.75rem;
}

.cta-single-block p > span {
    margin-left: -3.75rem;
    position: absolute;
}

.cta-single-block .card-type-icon {
    padding-right: 0.5rem;
}

.cta-single-block .read-more {
    position: relative;
    right: -60px;
}


/* Call To Action Flip Box*/

.flip-box-ctr {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.cta-flip-box {
    position: relative;
    overflow: hidden;
    margin-left: 0;
}

.cta-flip-box figure {
    margin: 0;
    padding: 0;
    position: relative;
    cursor: pointer;
}

.cta-flip-box figure .panel-front {
    display: block;
    position: relative;
    z-index: 10;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all .5s
}

.cta-flip-box figure .panel-back p,
.cta-flip-box figure .panel-back li {
    font-size: 1rem;
    line-height: 1.2;
}

.cta-flip-box figure figcaption {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 5;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: rotateY(-180deg);
    transition: all .5s
}

.cta-flip-box figure:hover .panel-front,
figure.hover .panel-front {
    transform: rotateY(180deg)
}

.cta-flip-box figure:hover figcaption,
figure.hover figcaption {
    transform: rotateY(0)
}


/* Large Flip Box*/

.flip-large {
    width: 100%;
    height: 250px;
    margin-bottom: 1rem;
    display: inline-block;
}

@media screen and (max-width: 39.9375em) {
    .flip-large {
        width: 100%
    }
}

.flip-large figure figcaption {
    padding: 1rem;
    background-color: #ecdeff;
}

.flip-large .panel-front {
    position: relative;
    background: #ab75f0;
    /* Old browsers */
    background: linear-gradient(to bottom, #ab75f0 0%, #4943af 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    width: 100%;
    height: 250px;
    text-align: center;
    color: #fff;
    padding: 2rem 1rem 0;
}

.flip-large .panel-front:after {
    content: url('../images/flip.png');
    right: 0px;
    position: absolute;
    top: 82%;
}

.flip-large .panel-front p {
    font-size: 1.5rem;
    color: #FFF;
    line-height: 1;
}

.flip-large .panel-front img {
    display: block;
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
}

.flip-large .panel-back .panel-header {
    color: #4943af;
    font-size: 1.5rem;
    text-align: left;
    margin-left: 0;
}

.flip-large a,
.flip-large a:hover {
    color: #72ABE0;
    text-decoration: underline;
}


/* Mini Flip Box*/

.flip-mini-ctr {
    padding: 1rem 0;
    background-color: #F7F7F7;
}

.flip-mini-ctr h3.section-header {
    margin-top: 0;
}

.flip-mini-ctr > p {
    padding-left: 1rem;
}

.flip-mini-ctr >div:last-child p:last-child {
    margin-bottom: 0
}

.flip-mini {
    width: 100%;
    height: 200px;
    margin-bottom: 1rem;
}

.flip-mini .panel-front {
    background-color: #636363;
    width: 100%;
    height: 200px;
    color: #fff;
}

.flip-mini .panel-front-icon {
    background-color: #fff;
    text-align: center;
    height: 130px;
    line-height: 130px
}

.flip-mini p {
    font-size: 1rem;
    color: white;
    text-align: center;
}

@media screen and (min-width: 64em) and (max-width: 90em) {
    .flip-mini p {
        font-size: .90rem;
    }
}

.flip-mini ul {
    color: #fff;
}

.flip-mini a,
.flip-mini a:hover {
    color: #fff;
    text-decoration: underline;
}

.flip-mini figure figcaption {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1rem;
    background-color: #636363;
    border-top: 5px solid #7AB2E3;
}

.flip-mini .panel-front .panel-front-header {
    border-top: 5px solid #7AB2E3;
    padding: 0.5rem 1rem;
}

.flip-mini .flip-header {
    font-family: "ProximaNova-Light", sans-serif;
    font-size: 24px;
    line-height: 1;
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
}

@media screen and (min-width: 64em) and (max-width: 90em) {
    .flip-mini .flip-header {
        font-size: 18px;
    }
}

.flip-mini .panel-back p,
.flip-mini .panel-back ul {
    font-family: "ProximaNova-Regular", sans-serif;
}

.flip-mini .panel-back p,
.flip-mini .panel-back li {
    line-height: 1.2;
}


/*Call to Action: NEWS and EVENTS*/

.callout-news-container {
    min-height: 238px;
}

.callout-news {
    width: 100%;
    padding: 0 0 1rem 0;
    background-color: #fff;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25);
    border: none;
    border-top: 3px #5d50ba;
}

.callout-news h5,
.callout-news p {
    padding: 1rem;
}

.callout-news h5 {
    padding-bottom: 0;
    font-family: "ProximaNova-Semibold", sans-serif;
}

.callout-news h5,
.callout-news p {
    padding-top: 0;
    padding-bottom: 0;
}

.callout-news h3 {
    font-family: "Proxima-Nova(bold)", sans-serif;
    font-size: 24px;
    line-height: 24px;
    color: #000;
}

.callout-news p {
    font-family: "Proxima-Nova(regular)", sans-serif;
    font-size: 16px;
    line-height: 18px;
    color: #636468;
}

.callout-news a.readmore {
    font-family: "ProximaNova-Semibold", sans-serif;
    font-size: 16px;
    color: #2ab5e6;
}

.callout-news ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 2rem;
}

.callout-news ul li {
    width: 50%;
}


/* Life and Events Boxes*/

.event-body {
    padding: 70px 120px;
    background-color: #efefef;
    margin-top: -25px;
}

.event-close-button {
    position: absolute;
    font-family: "ProximaNova-Bold";
    color: #000;
    right: 1rem;
    top: -2rem;
    font-size: 2em;
    line-height: 1;
    cursor: pointer;
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .event-body {
        padding: 70px 10px;
    }
}

@media screen and (max-width: 39.9375em) {
    .event-body {
        padding: 10px 10px;
    }
}

.events-hide {
    display: none;
}

.events-show {
    display: flex;
}

.row.event-ctr {
    margin-left: 0;
    margin-right: 0;
}

.event-ctr {
    background-color: #fff;
    height: 100%;
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .event-ctr {
        margin-top: 1.5rem;
    }
}

.event-ctr.row .column {
    margin-bottom: 0
}

.event-box {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    background-color: #fff;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    padding: 0 2rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

@media screen and (max-width: 39.9375em) {
    .event-box {
        padding: 0;
    }
}

.event-box li {
    width: 48%;
    margin-right: 1rem;
    padding: 0.75rem;
    list-style-type: none;
    font-family: "ProximaNova-Bold", sans-serif;
    font-size: 18px;
    line-height: 21px;
    color: #2b2b2b;
    border-bottom: 1px solid #efefef;
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .event-box li {
        width: 47%;
    }
}

@media screen and (max-width: 39.9375em) {
    .event-box li {
        width: 100%;
    }
}

.event-box a {
    color: inherit;
}

.event-box a:hover {
    color: #2ab5e6;
}

.event-box a:hover:before {
    content: '> ';
    display: inline-block;
    padding-right: .5rem;
}

.event-card div {
    min-height: 200px;
    position: relative;
    padding: 20px;
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
    margin-bottom: .75rem;
    margin-top: .75rem;
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .event-card div {
        min-height: 170px
    }
}

@media screen and (max-width: 39.9375em) {
    .event-card div {
        min-height: auto;
    }
}

.event-card div h4 {
    font-family: "ProximaNova-Bold", sans-serif;
    font-size: 20px;
    line-height: 24px;
    color: #2b2b2b;
    margin-top: 0;
    padding-bottom: 10px;
    margin-bottom: 0;
    position: relative;
    word-wrap: break-word;
}

.event-card div h4 span {
    display: block;
    font-family: "ProximaNova-Bold", sans-serif;
    font-size: 16px;
    line-height: 21px;
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .event-card div h4 {
        font-size: 16px;
    }
    .event-card div h4 span {
        font-size: 12px;
        line-height: 16px;
    }
}

.event-card .link-number {
    border-top: 1px solid #efefef;
    padding-top: 10px;
}

.event-footer-link {
    position: absolute;
    bottom: 0;
}

.event-card a {
    font-family: "ProximaNova-Bold", sans-serif;
    color: #0071a5;
}


/***************Life Event styles ends here********************/


/* BUTTONS
   ============================= */


/* Call to Action Button*/

.cta-btn-ctr {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.cta-btn {
    font-family: "ProximaNova-Bold", sans-serif;
    background-color: #F7F7F7;
    width: 48%;
    padding: 0.85em 0.5em;
    margin-bottom: 1rem;
    font-size: 1rem;
}

.cta-btn:first-child {
    color: #e39f40;
    margin-right: 1rem;
}

.cta-btn:nth-child(2) {
    color: #70c088;
}

.cta-btn:nth-child(3) {
    color: #5d50ba;
    margin-right: 1rem;
}

.cta-btn:last-child {
    color: #c72222;
}

@media screen and (max-width: 39.9375em) {
    .cta-btn {
        margin-bottom: 1rem;
        margin-right: 0;
        width: 100%;
    }
}

.cta-btn .icon {
    padding-right: .5rem;
    vertical-align: middle;
}

.cta-btn.button:hover,
.button:focus {
    background-color: #eeeeee;
}

.cta-btn i {
    padding-right: 0.5rem;
}


/* TABLES
   ============================= */

.table-medium {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.table-small {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.table-primary tr {
    background-color: #fff;
}

.table-primary tr:nth-child(2n) {
    background-color: #f9f9f9;
}

.table-primary thead th,
.table-primary thead {
    font-family: "ProximaNova-Bold", sans-serif;
    font-size: 20px;
    color: #fff;
    background-color: #2c2c32;
    border: 1px solid #f1f1f1;
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .secondary-container {
        width: 95%;
    }
    .text-ctr {
        width: 100%;
    }
    .table-primary thead th,
    .table-primary thead {
        font-size: 16px;
    }
}

.table-primary th {
    font-family: "ProximaNova-Semibold", sans-serif;
    font-size: 16px;
    line-height: 18px;
    color: #2b2b2b;
    text-align: left;
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .table-primary th {
        font-size: 14px;
        line-height: 16px;
    }
}

.table-primary th.sub-title {
    font-family: "ProximaNova-Bold", sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #2b2b2b;
    text-align: left;
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .table-primary th.sub-title {
        font-size: 14px;
        line-height: 18px;
    }
}

.table-primary td {
    vertical-align: top;
    font-family: "ProximaNova-Regular", sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #2b2b2b;
    border: 1px solid #f1f1f1;
}

.table-primary td.vert-align-middle {
    vertical-align: middle;

}
.table-primary p,
.table-primary li {
    font-family: "ProximaNova-Regular", sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #2b2b2b;
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .table-primary td,
    .table-primary li,
    .table-primary p {
        font-size: 14px;
        line-height: 18px;
    }
}

.table-primary tfoot tr {
    background-color: #d9d9d9
}

.table-primary tfoot td {
    text-align: center;
}

table {
    width: 100%;
    border-collapse: collapse;
}

@media screen and (max-width: 760px) {
    /*Responsive Stacking Tables*/
    /* Force table to not be like tables anymore */
    table.table-responsive,
    .table-responsive thead,
    .table-responsive tbody,
    .table-responsive th,
    .table-responsive td,
    .table-responsive tr {
        display: block;
    }
    .table-responsive th {
        color: #00688F;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    .table-responsive thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .table-responsive tr {
        border: 1px solid #ccc;
    }
    table.table-responsive tbody td {
        padding-left: 50%;
    }
    .table-responsive td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }
    .table-responsive td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }
    /*
    Label the data
    */
    .table-plan-comparison td:before,
    .table-compare-health-accounts td:before {
        font-family: "ProximaNova-Semibold", sans-serif;
    }
    .table-plan-comparison td:nth-of-type(1):before {
        content: "CDHP";
    }
    .table-plan-comparison td:nth-of-type(2):before {
        content: "PPO";
    }
    .table-plan-comparison td:nth-of-type(3):before {
        content: "EPO";
    }
    .table-plan-comparison td:nth-of-type(4):before {
        content: "HMO";
    }
    .table-compare-health-accounts td:nth-of-type(1):before {
        content: "HSA";
    }
    .table-compare-health-accounts td:nth-of-type(2):before {
        content: "Limited Purpose FSA";
    }
    .table-compare-health-accounts td:nth-of-type(3):before {
        content: "Health Care FSA";
    }
}


/*Checklist*/

.belong-checklist {
    font-family: "ProximaNova-Regular", sans-serif;
    font-size: 18px;
    line-height: 1.4;
    color: #2b2b2b;
    list-style-position: outside;
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
    padding-top: 1rem;
    text-indent: -1em;
}

.belong-checklist i {
    padding-right: 1rem;
}


/*Search Results page/ DEMO
*/

.search-container {
    width: 79%;
    padding-bottom: 60px;
    position: relative;
    margin: auto;
    margin-top: 5rem;
}

.search-block {
    margin-bottom: 1.5rem;
    font-family: "ProximaNova-Regular", arial, sans-serif;
}

.search-block a:hover {
    text-decoration: underline;
}

.search-block i {
    padding-right: 3px;
}

.search-title {
    font-family: "ProximaNova-Semibold", arial, sans-serif;
    color: #2AB5E6;
    font-size: 1rem;
    line-height: 1;
    margin-bottom: .25rem;
}

.search-title a {
    color: #2AB5E6;
}

.search-description {
    font-size: 1rem;
    line-height: 1.2;
}

.search-link {
    line-height: initial;
}


/*Dividers and borders*/
.divider-simple {
    margin: .75rem 0;
    border-bottom: 2px solid #cacaca;

}


/*add on/*/


.stick {
    position: fixed;
    top: 70px;
}

.leftNav-container {
    overflow-y: auto;
    overflow-x: hidden;
}

@media (max-width: 767px) {
    .leftNav-container {
        min-height: 100%;
        overflow-y: visible;
        overflow-x: visible;
    }
}

/*Modals*/

/*Intro Modal*/

.intro-modal {
    background-color: #fff;
    opacity: .90;
    padding:1rem 5rem;

}

.intro-modal_header {
    text-align: center;
    color:#4e8abe;
    font-family: "ProximaNova-Bold", arial, sans-serif
}

.intro-modal_close {
    position: relative;
    background-color: #8a8a8a;
    color:#fff;
    right: 1rem;
    bottom: 0.5rem;
    font-size: 1em;
    line-height: 1;
    cursor: pointer;
    padding:0.75rem;
    transition: all 0.3s ease 0s;

}

.intro-modal_close:hover {
    background-color: #4e8abe;

}

.intro-modal_important {
    text-transform: uppercase;
    text-align: center;
    font-family: "ProximaNova-Semibold", arial, sans-serif;
    color: #0071a5;
}

.intro-modal_emphasize {
    color: #636468;
    text-decoration: underline;
    font-style: italic;
    transition: all 0.3s ease 0s;
}

.intro-modal-inner {
    height: 300px;
    width: 75%;
    overflow: scroll;
    margin: 2rem auto;
    background-color: #e2e2e2;
    padding:2rem;
}

.intro-modal-inner p{
    font-family: "ProximaNova-Semibold", arial, sans-serif;
}

/*Home page ticker*/
.ticker {
    font-family: "ProximaNova-Bold", arial, sans-serif

}

.ticker-state {
    font-family: "ProximaNova-Regular", arial, sans-serif

}

.ticker-state_pos {
    color:#93b85a;

}

.ticker-state_neg {
     color:#D42311;

}