@charset "utf-8";
/* Tooltip */
.popup {
	position: relative;
	display: inline-block;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* The actual popup */
.popup .popuptext {
	visibility: hidden;
	width: 160px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 8px 0;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -80px;
}
/* Popup arrow */
.popup .popuptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}
/* Toggle this class - hide and show the popup */
.popup .show {
	visibility: visible;
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
 from {
opacity: 0;
}
to {
	opacity: 1;
}
}
 @keyframes fadeIn {
 from {
opacity: 0;
}
to {
	opacity: 1;
}
}
/* End Tooltip */


.fineprint {
	font-size: 10px;
	color: #999;
	line-height: normal;
}
.col-md-0 {
	width: 10%;
}
/* Table */
.io {
	text-align: center;
	font-size: 10px;
	line-height: normal;
	font-style: italic;
	font-weight: bold;
	color: #0971CE;
}
.benefits {
	text-align: left;
	font-size: 11px;
	line-height: normal;
	color: #0971ce;
	background-color: #EBF4FE;
}
.benefitsvision {
	text-align: left;
	font-size: 11px;
	line-height: normal;
	color: #00a19c;
	background-color: #ECFDFD;
}
.benefitslife {
	text-align: left;
	font-size: 11px;
	line-height: normal;
	color: #6bc048;
	background-color: #F8FCF5;
}
.benefitsstd {
	text-align: left;
	font-size: 11px;
	line-height: normal;
	color: #696ea0;
	background-color: #F3F4F8;
}
.tbtext {
	text-align: center;
	font-size: 10px;
	line-height: normal;
	font-weight: bold;
}
.tabletext {
	font-family: 'Roboto', sans-serif;
	color: #444;
	font-weight: 400;
	font-size: 12px;
}
.tabletextb {
	font-family: 'Roboto', sans-serif;
	color: #444;
	font-weight: 600;
	font-size: 12px;
}
.formpageheader {
	font-family: 'Roboto', sans-serif;
	color: #444;
	font-size: 15px;
	font-weight: 400;
}
.tabledental {
	font-family: 'Roboto', sans-serif;
	color: #0071CE;
	font-size: 14px;
	font-weight: 500;
}
.tablelife {
	font-family: 'Roboto', sans-serif;
	color: #6BC048;
	font-size: 14px;
	font-weight: 500;
}
.panellife {
	font-family: 'Roboto', sans-serif;
	color: #6BC048;
	font-size: 20px;
	font-weight: 500;
	background-color: 000000;
}
.tablevision {
	font-family: 'Roboto', sans-serif;
	color: #00a19c;
	font-size: 14px;
	font-weight: 500;
}
.tabledisability {
	font-family: 'Roboto', sans-serif;
	color: #696ea0;
	font-size: 14px;
	font-weight: 500;
}
.tbtext2 {
	text-align: center;
	font-size: 10px;
	line-height: normal;
	font-weight: lighter;
	padding-top: 5px;
}
.planname {
	text-align: center;
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0971ce;
}
.plannamevision {
	text-align: center;
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	color: #FFF;
	background-color: #00a19c;
}
.plannamelife {
	text-align: center;
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	color: #FFF;
	background-color: #6bc048;
}
.plannamestd {
	text-align: center;
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	color: #FFF;
	background-color: #696ea0;
}
.plannamesub {
	text-align: center;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	color: #0971CE;
}
#a {
	background-color: #EBF4FE;
}
#b {
	background-color: #FFF;
}
#c {
	background-color: #BCDEFC;
	color: #0971CE;
}
/* ==========================================================================
  4. PAGE TITLES.
============================================================================= */

.page-title.title-dental {
	width: 100%;
	height: 440px;
	background-image: url(../images/page-titles/title-dental.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
}
.page-title.title-vision {
	width: 100%;
	height: 440px;
	background-image: url(../images/page-titles/title-vision2.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
}
.page-title.title-life {
	width: 100%;
	height: 440px;
	background-image: url(../images/page-titles/title-life1.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
}
.page-title.title-disability {
	width: 100%;
	height: 440px;
	background-image: url(../images/page-titles/title-disability.jpg);
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
	background-color: #fff;
}
.page-title.title-benefits {
	width: 100%;
	height: 440px;
	background-image: url(../images/page-titles/title-benefits.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.page-title.title-about {
	background-image: url(../images/page-titles/title-aboutus.jpg);
	background-position: top;
	background-size: 100%;
	background-repeat: no-repeat;
	background-color: #fff;
}
.page-title.title-careers {
	width: 100%;
	height: 440px;
	background-image: url(../images/page-titles/title-careers.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
}
.page-title.title-coop {
	background-image: url(../images/page-titles/title-coop.jpg);
	background-repeat: repeat;
	background-position: center;
}
.page-title.title-events {
	width: 100%;
	height: 440px;
	background-image: url(../images/page-titles/title-events.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
}
.page-title.title-contact {
	width: 100%;
	height: 440px;
	background-image: url(../images/page-titles/title-contact.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
}
.page-title.title-forms {
	width: 100%;
	height: 440px;
	background-image: url(../images/page-titles/title-forms.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
}
.page-title.title-market {
	width: 100%;
	height: 440px;
	background-image: url(../images/page-titles/title-marketing.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
}
.page-title.title-alaska {
	width: 100%;
	height: 440px;
	background-image: url(../images/page-titles/title-alaska.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
}

.page-title.title-state {
	width: 100%;
	height: 440px;
	background-image: url(../images/page-titles/title-state.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
}



/* End Table */


P.drop-cap:first-letter {
	    font-size: 4.5em;
	    float: left;
	    margin-top: .15em;
}
/* Roboto Font */

.roboto {
	font-family: 'Roboto', sans-serif;
	color: #555;
}
.nav-font {
	font-weight: 700;
}
.robotopar {
	font-family: 'Roboto', sans-serif;
	-webkit-font-smoothing: antialiased;
	color: #555;
	font-weight: 400;
	font-size: 15px;
}
.robotopar1 {
	font-family: 'Roboto', sans-serif;
	color: #555;
	font-weight: 400;
	font-size: 15px;
	text-align: left;
}
.robotopar1b {
	font-family: 'Roboto', sans-serif;
	color: #555;
	font-weight: 500;
	font-size: 15px;
	text-align: left;
}
.robotopar2 {
	font-family: 'Roboto', sans-serif;
	color: #444;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.5;
	padding-right: 55px;
	padding-left: 25px;
	padding-top: 0px;
	padding-bottom: 20px;
}
.robototab {
	font-family: 'Roboto', sans-serif;
	color: #444;
	font-weight: 400;
	font-size: 13px;
	line-height: 1.9;
}
.robototab2 {
	font-family: 'Roboto', sans-serif;
	color: #444;
	font-weight: 400;
	font-size: 13px;
	line-height: 1.2;
	padding-right: 55px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 20px;
}
.robotopar3 {
	font-family: 'Roboto', sans-serif;
	color: #555;
	font-weight: 400;
	font-size: 13px;
	padding-left: 20px;
}
.robotopar4 {
	font-family: 'Roboto', sans-serif;
	color: #555;
	font-weight: 400;
	font-size: 13px;
	padding-right: 55px;
	padding-left: 25px;
}
.robotoform-small {
	font-family: 'Roboto', sans-serif;
	color: #444;
	font-weight: 300;
	font-size: 11px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 10px;
}

.robotoform-smallform {
	font-family: 'Roboto', sans-serif;
	color: #222;
	font-weight: 400;
	font-size: 9px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}
.robotopar5b {
	font-family: 'Roboto', sans-serif;
	color: #555;
	font-weight: 500;
	font-size: 13px;
}
.robotopar2b {
	font-family: 'Roboto', sans-serif;
	color: #666;
	font-weight: 500;
	font-size: 14px;
	padding-right: 55px;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.robotofooter {
	font-family: 'Roboto', sans-serif;
	color: #555555;
	font-weight: 500;
	font-size: 11px;
}
.robotofooterb {
	font-family: 'Roboto', sans-serif;
	color: #555;
	font-weight: 700;
	font-size: 11px;
}
.roboto10 {
	font-family: Roboto, sans-serif;
	font-weight: 500;
	font-size: 11px;
	color: #555;
}
.robototable {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 11px;
	color: #555;
	line-height: 1.5;
}
.roboto20 {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 11px;
	margin-left: 10px;
	color: #7A7A7A;
}
.roboto300 {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #555;
}
.roboto400 {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #555;
}
.robotoindex {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #555;
}
.robotoh {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 20px;
	color: #0071ce;
}
.robotoh2 {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 13px;
	color: #0071ce;
}
.robotoh3 {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #0071ce;
}
.headernew {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 24px;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
	color: #111;
}
.headerdentalpage {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 30px;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
	color: #0071ce;
}
.headerdentalpagesm {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 20px;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 25px;
	color: #0071ce;
}
.dentalmid {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 18px;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
	color: #0071ce;
}
.headerlifepage {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 30px;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
	color: #6BC048;
}
.headerlifepagesm {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 20px;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 25px;
	color: #6BC048;
}
.lifemid {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 18px;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
	color: #6BC048;
}
.disabilitypage {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 30px;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
	color: #696ea0;
}
.disabilitypagesm {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 20px;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 25px;
	color: #696ea0;
}
.disabilitymid {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 18px;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
	color: #696ea0;
}
.headerpanel {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 24px;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 25px;
	color: #111;
}
.headerdental {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 24px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	color: #0071ce;
}
.headervision {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 24px;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
	color: #00a499;
}
.headervisionpage {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 30px;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
	color: #00a19c;
}
.headerdisability {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 24px;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
	color: #686e9f;
}
.headerlife {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 24px;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
	color: #6CC24A;
}
.headernew2 {
	font-family: "Roboto", sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
	font-size: 18px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 10px;
	color: #444;
}
.headertab {
	font-family: "Roboto", sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
	font-size: 18px;
	margin-left: 6px;
	color: #444;
}
.headernew3 {
	font-family: "roboto", sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight: 500;
	font-size: 14px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #666;
}
.headernew4 {
	font-family: "roboto", sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight: 500;
	font-size: 17px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #666;
}
.headernew5 {
	font-family: "roboto", sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight: 500;
	font-size: 20px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #666;
}
.robotof {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 10px;
	color: #fff;
}
.robotoformtext {
	font-family: "Roboto", sans-serif;
	font-weight: 400px;
	color: #000000;
	font-size: 12px;
	border-radius: 0;
}
.headernew6 {
	font-family: 'Roboto', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
	font-size: 16px;
	color: #000000;
	padding: 0 0 0 0;
}
.headerform6 {
	font-family: 'Roboto', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight: 500;
	font-size: 14px;
	color: #0367B7;
	padding: 0 0 0 0;
}
.headernewdependent {
	font-family: 'Roboto', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight: 500;
	font-size: 15px;
	color: #0367B7;
	padding: 0 0 0 0;
}
.headerformsm {
	font-family: "Roboto", sans-serif;
	-webkit-font-smoothing: antialiased;
	text-shadow: 1px 1px 1px 1px rgba(0,0,0,0.005);
	font-weight: 500;
	font-size: 12px;
	color: #0367B7;
}
.headerformsmred {
	font-family: 'Roboto', sans-serif;
	-webkit-font-smoothing: antialiased;
	text-shadow: 1px 1px 1px 1px rgba(0,0,0,0.005);
	font-weight: 700;
	font-size: 12px;
	color: #FF0000;
	padding: 0 0 0 0;
}
.headerformsmaller {
	font-family: 'Roboto', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
	font-size: 10px;
	color: #000000;
	padding: 0 0 0 0;
}
.headerformsmallest {
	font-family: 'Roboto', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
	font-size: 10px;
	color: #000000;
	padding: 0 0 0 0;
}
.fineprint2 {
	font-size: 11px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	color: #666;
	line-height: normal;
}
.row2 {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 20px;
	margin-left: 20px;
}
.row3 {
	margin-right: 40px;
	margin-left: 40px;
	align-content: center;
}
.outer-div {
	padding: 0px 0px 0px 0px;
}
.inner-div {
	margin: 0 auto;
	width: 80%;
	padding: inherit;
}
h3 {
	font-family: 'Roboto', sans-serif;
}
.list li.bottom-border2 {
	border-bottom: 1px #e9e9e9 solid;
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 55px;
	line-height: inherit;
}
.list li.bottom-border3 {
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 55px;
	line-height: inherit;
}
.tabnb {
	border-collapse: collapse;
	border: none;
}
.tabnb2 {
	border-collapse: collapse;
	border: none;
	margin-left: 20px;
}
img2 {
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
}


/* ==========================================================================
  Menu Responsive 
============================================================================= */


/* ==========================================================================
  Menu Responsive End
============================================================================= */


/* ==========================================================================
  Forms
============================================================================= */
.fieldgroup {
	float: left;
	width: auto;
	margin-left: 3em;
}


/* ==========================================================================
  Modeal
============================================================================= */

.modalDialog2 {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9999;
	opacity: 0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
	text-align: center;
}
.modalDialog2:target {
	opacity: 1;
	pointer-events: auto;
}
.modalDialog2 > div {
	width: 500px;
	position: relative;
	margin: 25% auto;
	padding: 30px 10px 53px 10px;
	border-radius: 5px;
	background: #fff;
}

.modalDialog2 > table {
	border: none;
	background-color: #F00;
}

.providerlogo {
	padding: 20px;
}
.close2 {
	background: #0971ce;
	padding: 5px 8px 5px 8px;
	color: #FFFFFF;
	line-height: 15px;
	position: absolute;
	right: 5px;
	text-align: center;
	top: 5px;
	width: 25px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.close2:hover {
	background: #0CF;
	color: #FFF;
}


/*Switch*/

@media all and (max-width: 3000px) {
.content .one {
	display: block;

}
.content .two {
	display: none;
}
.content .three {
	display: none;
}
}
 @media all and (max-width: 510px) {
.content .one {
	display: none;
}
.content .two {
	display: block;
}
.content .three {
	display: none;
}
.modalDialog2 > div {
	width: 85%;
	position: relative;
	margin: 25% auto;
	padding: 30px 10px 13px 10px;
	border-radius: 5px;
	background: #fff;
}
}
 @media all and (max-width: 509px) {
.content .one {
	display: none;
}
.content .two {
	display: none;
}
.content .three {
	display: block;
}
.modalDialog2 > div {
	width: 95%;
	position: relative;
	margin: 25% auto;
	padding: 30px 10px 13px 10px;
	border-radius: 5px;
	background: #fff;
}
.checkboxsmall {
	font-family: 'Roboto', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight: 500;
	font-size: 11px;
	margin-right: 10px;
	color: #000000;
	padding: 0 0 0 0;
}
}


.brochure {
	display:inline-block;
	margin-top: 10px;
	width: 160px;
	height: auto;
	padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
	margin: 20px;
}

.brochure:hover {
	border: 1px solid rgba(221,221,221,1.00);
    box-shadow: 0 0 5px 5px rgba(192, 192, 192, 0.2);
}

.center {
  margin-left: auto;
  margin-right: auto;
}

.alert2 {
	font-size: 18px;
	color: 	#ffffff;
}
