@charset "utf-8";
/*----------intial declartaion of css----------*/
* { padding: 0; margin: 0; list-style: none; }
body { font-family: freight-sans-pro, sans-serif; font-style: normal; font-weight: 400; font-size: 20px; width:100%; }
table, tr, th, td { border: 0;}
a, .btn { outline: none !important; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
a:hover, a:focus { text-decoration: none !important; }
h1 { font-family: freight-sans-pro, sans-serif; font-style: normal; font-weight: 300; font-size: 48px; color: #95f1fa; margin: 0 0 20px 0; padding: 0; }
h2 { font-family: freight-sans-pro, sans-serif; font-style: normal; font-weight: 400; font-size: 34px; color: #c24e5a; margin: 0 0 20px 0; padding: 0; }
h3 { font-family: freight-sans-pro, sans-serif; font-style: normal; font-weight: 400; font-size: 30px; color: #106487; margin: 0 0 20px 0; padding: 0; }
h4 { font-family: freight-sans-pro, sans-serif; font-style: normal; font-weight: 400; font-size: 28px; color: #95f1fa; margin: 0 0 20px 0; padding: 0; }
h5 { font-family: freight-sans-pro, sans-serif; font-style: normal; font-weight: 600; font-size: 24px; color: #95f1fa; margin: 0 0 20px 0; padding: 0; line-height: 30px; }
p { font-family: freight-sans-pro, sans-serif; font-style: normal; font-weight: 500; font-size: 20px; color: #fff; margin: 0; padding: 0 0 20px 0; }
/*--------sticky footer or vertical footer------------*/
.mainContentWrapper { max-width:1400px; background:white; height: auto !important; margin: 0 auto; /*initialize footer height in negative for sticky footer*/ }
.fullwidth { max-width: none; }
/* This next line is Darrens, needed for the index_demo page, but should rename or remove this generic */
.wrapper { height: auto !important; margin: 0 auto; /*initialize footer height in negative for sticky footer*/ }
/*-----------header section styles goes here---------------*/
header { position: relative; width: 100%; padding: 0 60px; }
header .logo { display: inline-block; margin: 30px 0 0; }
header .logo a { display: inline-block; }
header .logo a img { width: 100%; max-width: 452px; }
.search-nav-part { float: right; margin-top: 20px; text-align: right; }
.search-box .submit-butn { font-size: 24px; color: #106487; margin-right: 5px; border: none; background: none; width: auto; padding: inherit; cursor: pointer; display: inline-block; vertical-align: middle; }
.search-box .submit-butn:hover { color: #c24e5a; }
.search-box i { display: none; }
.search-box input { display: inline-block; border: 1px solid #106487; vertical-align: middle; width: 220px; font-family: freight-sans-pro, sans-serif; font-style: normal; font-weight: 500; font-size: 16px; padding: 5px 10px; color: #106487; background: #f4fafb; border-radius: 0; }
.enumenu_ul > li.has-children > a::before { background: url(../images/menu_drop_arrow.png) no-repeat scroll 0 0; bottom: 7px; content: ""; display: block; height: 7px; position: absolute; right: -4px; width: 10px; }
.enumenu_ul > li > ul.sb-menu { background: #c24e5a none repeat scroll 0 0; border-top: 4px solid #fd6c6e; left: -73px; margin: 0 auto; position: absolute; text-align: left; width: 240px; border-bottom: 8px solid #fd6c6e; z-index: 9; top: 55px; transform: translateY(-2em); -webkit-transform: translateY(-2em); transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; visibility: hidden; opacity: 0; pointer-events: none; display: block; }
.enumenu_ul > li .sb-menu li:first-child { padding-top: 25px; }
.enumenu_ul >li .sb-menu li { border-bottom: 1px solid #9bb6c7; }
.enumenu_ul >li .sb-menu li:last-child { border-bottom: none; }
.enumenu_ul > li .sb-menu a { color: #fff !important; font-weight: 300; font-size: 18px; padding-bottom: 0; padding-top: 0; }
.enumenu_ul > li ul.sb-menu li a { display: block; text-align: left; font-family: freight-sans-pro, sans-serif; font-style: normal; font-weight: 400; font-size: 20px; }
.enumenu_ul > li ul.sb-menu li a:hover { background: #fd6c6e; }
.enumenu_ul > li:hover ul.sb-menu { visibility: visible; opacity: 1; pointer-events: auto; transform: translateY(-1em); -webkit-transform: translateY(-1em); opacity: 1; transition-delay: 0s, 0s, 0.8s; z-index: 9999; }
.menu-open .header_overlay { background: rgba(10, 60, 90, 0.63) none repeat scroll 0 0; height: 100%; left: 0; position: fixed; right: 0; width: 100%; top: 0; z-index: 10; }
/*-----------header section styles ends here----------------*/

/*-----------mid section styles goes here-----------*/
.banner-part { width: 100%; position: relative; background: #106487 url(../images/banner.png) no-repeat; height: 438px; background-position: center; }
.banner-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transition: all 0.55s ease 0s;
    -moz-transition: all 0.55s ease 0s;
    -o-transition: all 0.55s ease 0s;
    transition: all 0.55s ease 0s;
    left: 3%;
    width:60%;
}
.hero-sub {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
.banner-text p {  padding: 0 0 8px 0; line-height: 30px; }
.three-box-part { padding: 50px 0 42px 0; }
.three-box { text-align: center; }
.three-box figure { margin-bottom: 7px; }
    .three-box figure.compare-img img {
        width: 100%;
        max-width: 82px;
    }
    .three-box figure.health-img img {
        width: 100%;
        max-width: 82px;
    }
.three-box ul { margin: 0; padding: 0; text-align: left; }
.three-box ul li { display: block; padding: 10px 0; border-bottom: 1px solid #30a1ac; }
.three-box ul li:last-child { border-bottom: none; }
.three-box ul li a { font-family: freight-sans-pro, sans-serif; font-style: normal; font-weight: 600; font-size: 20px; color: #c24e5a; }
.three-box ul li a:hover, .three-box ul li a:focus { text-decoration: none; color: #0f529f; }
.three-box h2 { margin: 0 0 5px 0; text-transform: lowercase; }
    .three-box figure.price-img img {
        width: 100%;
        max-width: 142px;
        margin-bottom: 9px;
    }
    .three-box figure.resource-img img {
        width: 100%;
        max-width: 82px;
        margin-top: 30px;
        margin-bottom: 15px;
        /*margin-bottom: 9px;*/
    }
    .three-box figure.locate-img img, .three-box figure.locate-img-index img {
        width: 100%;
        max-width: 98px;
        margin-bottom: 4px;
    }
.compare-box { width: 81%; background-color: #f3f4f5; border: 1px solid #30a1ac; text-align: center; margin: 12px auto 0; display: inline-block; }
.compare-box p { color: #333; font-size: 20px; line-height: 24px; padding: 33px 30px !important; text-align: left; margin-top: 0px !important; }
.three-box p { color: #333; font-size: 20px; line-height: 24px; text-align: left; margin-top: 12px; padding-bottom: 0; }
.first-box { padding-right: 66px; }
.third-box { padding-left: 66px; }
.data-education-part { position: relative; width: 100%; padding-top: 18px; text-align: center; padding-bottom: 18px; }
.resources-icon img { width: 100%; max-width: 82px; }
.health-icon img { width: 100%; max-width: 60px; }
.researcher-icon img { width: 100%; max-width: 84px; }
.data-education-part .first-box figure { margin-bottom: 12px; }
.data-education-part .first-box { padding-right: 0; }
.data-education-part .third-box { padding-top: 10px; }
.data-education-part .third-box figure { margin-bottom: 7px; margin-top: 10px; }
.data-education-part .three-box p { text-align: center; }
.more-butn { width: 32px; height: 32px; border-radius: 50%; background: #3dbeca; position: relative; display: inline-block; font-size: 22px; color: #fff; text-align: center; padding: 0 0 0 2px; margin-top: 17px; }
.data-education-part h3 { margin: 0 0 0px 0; }
.data-education-part .three-box { position: relative; padding: 0 25px; }
.data-education-part a.more-butn { position: absolute; bottom: 0; left: 0; margin: 0 auto; right: 0; }
.bhc-part { text-align: center; padding: 52px 0 37px; }
.bhc-part img { width: 100%; max-width: 435px; }
.bhc-part p { color: #333; display: block; max-width: 800px; margin: 20px auto; line-height: 30px; }
.footer-boxes ul { margin: 0; padding: 0; text-align: left; }
.footer-boxes ul li { display: block; padding: 10px 0; border-bottom: 1px solid #30a1ac; }
.footer-boxes ul li:last-child { border-bottom: none; }
.footer-boxes ul li a { font-family: freight-sans-pro, sans-serif; font-style: normal; font-weight: 600; font-size: 20px; color: #fff; }
/* Removed at Beth Eastman's request */
    /*.footer-boxes ul li a:hover, .three-box ul li a:focus { text-decoration: none; color: #95f1fa; }*/
.footer-boxes ul li a i { display: inline-block; margin-left: 7px; color: #95f1fa; }
.footer-boxes ul li a:hover i { color: #fff; }
.footer-boxes { width: 79%; }
.contact-address { width: 100%; }
.contact-address a { font-size: 20px; color: #fff !important; font-family: freight-sans-pro, sans-serif; font-style: normal; font-weight: 500; margin: 0 0 20px 0; padding: 0; line-height: 28px; }


div.butn-footer a {
    color: #106487 !important;
}

.contact-address a:hover, .contact-address a:focus { text-decoration: none; color: #95f1fa !important }
.callus-part { font-size: 20px; color: #fff; font-family: freight-sans-pro, sans-serif; font-style: normal; font-weight: 500; margin: 9px 0 20px 0; padding: 0; }
.butn-footer { display: block; margin-bottom: 25px; }
.mobile-logo { display: none !important; }
.mobile-content-data, .banner-img-mobile { display: none; }
/*  --- ISC ---  */
.landingImgMobile { display: none; }
.landingImgFull { display: block; margin: 10px auto; }
.landingBanner {
    width: 100%;
    position: relative;
    background: #106487;
    background-position: center;
    background-repeat: no-repeat;
}
/* height: 438px; */

/*----------------mid section styles ends here-------*/

/*----------------footer section  styles goes here-----------*/
footer { background: #106487; padding-top: 50px; }
.preloader { display: none; }
/*----------------footer section styles ends here--------*/
.white-butn { font-family: freight-sans-pro, sans-serif; font-style: normal; font-weight: 600; font-size: 22px; color: #106487; border-radius: 15px; padding: 16px 70px 18px 26px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f9ff+0,b3f5fb+100 */ background: #f0f9ff; /* Old browsers */ background: -moz-linear-gradient(top, #f0f9ff 0%, #b3f5fb 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f0f9ff 0%, #b3f5fb 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f0f9ff 0%, #b3f5fb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#b3f5fb', GradientType=0 ); /* IE6-9 */
margin-top: 30px; display: inline-block; position: relative; }
.white-butn:hover, .white-butn:focus { text-decoration: none; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b3f5fb+0,f0f9ff+100 */ background: #b3f5fb; /* Old browsers */ background: -moz-linear-gradient(top, #b3f5fb 0%, #f0f9ff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #b3f5fb 0%, #f0f9ff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #b3f5fb 0%, #f0f9ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3f5fb', endColorstr='#f0f9ff', GradientType=0 ); /* IE6-9 */
}
.white-butn i { position: absolute; right: 18px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); border-radius: 50%; /* background: #106487; */ font-size: 35px; }
.red-butn { background: #c24e5a; font-family: freight-sans-pro, sans-serif; font-style: normal; font-weight: 600; font-size: 22px; color: #106487; border-radius: 12px; padding: 13px 24px 14px 24px; color: #fff; display: inline-block; margin-bottom: 38px; position: relative; }
.ext-btn { padding-right: 65px; }
.red-butn i { position: absolute; right: 18px; top: 51%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 26px; }
.red-butn:hover, .red-butn:focus { text-decoration: none; background: #106487; color: #fff; }
.butn-footer a.white-butn { font-family: freight-sans-pro, sans-serif; font-style: normal; font-weight: 600; font-size: 22px; color: #106487; border-radius: 15px; padding: 16px 106px 18px 26px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f9ff+0,b3f5fb+100 */ background: #f0f9ff; /* Old browsers */ background: -moz-linear-gradient(top, #f0f9ff 0%, #b3f5fb 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f0f9ff 0%, #b3f5fb 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f0f9ff 0%, #b3f5fb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#b3f5fb', GradientType=0 ); /* IE6-9 */
margin-top: 5px; display: inline-block; position: relative; margin: 0 0 12px 0; }
    .butn-footer a.white-butn:hover, .butn-footer a.white-butn:focus {
        text-decoration: none;
        color: #106487 !important; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b3f5fb+0,f0f9ff+100 */ background: #b3f5fb; /* Old browsers */
        background: -moz-linear-gradient(top, #b3f5fb 0%, #f0f9ff 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #b3f5fb 0%, #f0f9ff 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #b3f5fb 0%, #f0f9ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3f5fb', endColorstr='#f0f9ff', GradientType=0 ); /* IE6-9 */
    }
.butn-footer a.white-butn i { position: absolute; right: 18px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); border-radius: 50%; /* background: #106487; */ font-size: 35px; }
.butn-footer ul { margin: 0; padding: 0; }
.butn-footer ul li { display: inline-block; border: 0; vertical-align: middle; margin-right: 14px; }
.butn-footer ul li a { display: inline-block; font-size: 34px; color: #fff !important; }
.butn-footer ul li a i { color: #fff; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.butn-footer ul li a:hover i { color: #95f1fa; }
.privacy-bar { background: #0d5776; font-size: 20px; color: #fff; font-family: freight-sans-pro, sans-serif; font-style: normal; font-weight: 500; padding: 30px 38px; }
.privacy-bar a { text-decoration: underline; font-size: 20px; color: #95f1fa; font-family: freight-sans-pro, sans-serif; font-style: normal; font-weight: 500; }
.privacy-bar a:hover { color: #fff; }
a.img-headtext:hover h2, a.img-headtext:focus h2 { text-decoration: none; color: #0f529f; }
a.img-headtext figure img, a.img-headtext h2 { opacity: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
/*a.img-headtext:hover figure img { opacity: 0.8; }*/
.data-education-part .three-box:hover  h3{transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;}
.data-education-part .three-box:hover  h3{color: #c24e5a;}
.three-box a figure img, .data-education-part .three-box figure img,.data-education-part .three-box h3{ transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;}
.three-box a:hover figure img, .data-education-part .three-box:hover figure img  {
    opacity: 0.5;   
}
.usa-skipnav { background: transparent; color: #212121; left: 0; padding: 1rem 1.5rem; position: absolute; top: -4.2rem; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; z-index: 100; }
.usa-skipnav:hover { color: #205493; text-decoration: underline !important; }
.usa-skipnav:focus { background: #ffffff; left: 0; outline: 0; position: absolute; top: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf; color: #205493; }

/* pad between table cells */
td, th {
    padding-left: 6px;
    padding-right: 6px;
}

td:first-of-type, th:first-of-type {
    padding-left: 0px;
}

td:last-of-type, th:last-of-type {
    padding-right: 0px;
}
.redX {
    color: red;
    font-weight:bold;
}
.pad20 {
    padding-left: 20px;
    padding-right: 20px;
}
#qtInstructions {
    margin-top: 10px;
    font-size: smaller;
    color: #106487;
}
.dollarButton {
    display: block;
    width: 28px;
    height: 28px;
    margin: 2px 2px;
    background-image: url('/Images/dollar-button28px.png');
    background-position: left bottom;
    background-repeat: no-repeat;
}
    .dollarButton:focus, .dollarButton:hover {
        background-position: left top;
    }
#carebundlepricepanel {
    position: absolute;
    left: 50%;
    transform: translateX(-50%); 
    z-index: 500;
    display:none;
}
#carebundlepricepanel .panel-heading {
    background-color: #106487;
    color: #95f1fa;
    font-weight: bold;
}
#carebundlepricepanel .panel-body {
    padding: 20px 5px;
}
.bundlesHeading {
    font-size: 18px;
    vertical-align:bottom;
}
.bundlesHeading th:first-child {
    padding-left: 4px;
}

.textDollarLink {
    font-size: 20px;
    font-weight: bold;
    color: #92278f;
}
    .textDollarLink:hover, .textDollarLink:active {
        color:#c936c5; 
    }
.padRow5 td {
    padding:3px 5px !important;
}

#overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 50; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}
.btnPanelClose {
    width: 30px;
    height: 30px;
    line-height: 20px;
    float: right;
    margin-right: -10px;
    margin-top: 0px;
    color: #c24e5a;
    background-color: #fff;
}