@charset "utf-8";
/* CSS Document */

		.clearfix {
			overflow: auto;
		}


		.clearfix::after {
			content:"";
			clear: both;
			display: table;
		}

		
		body {
			font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
			/*font-family: helvetica, arial, sans-serif;*/ 
		}
		
		a {
			color: #004EA8;
			text-decoration: underline;
		}
		
		a:hover {
			color: #004EA8;
			text-decoration: none;
		}

		.textlink a {
			font-size: 18px;
			margin: 10px 20px;
			color: #004EA8;
			font-weight: 600;
        	text-decoration: none; /* Initially remove the underline */
        	position: relative; /* Required for absolute positioning of the underline */
        	display: inline-block; /* Ensures the underline is positioned relative to the text */
    	}
		.textlink a::after {
			content: ""; /* Create a pseudo-element */
			position: absolute; /* Position the underline relative to the link */
			left: 0; /* Start the underline at the left edge */
			bottom: 0; /* Position the underline at the bottom of the link */
			width: 0%; /* Initially hide the underline */
			height: 2px; /* Adjust the underline thickness */
			background-color: #004EA8; /* Set the underline color */
			transition: width 0.3s ease; /* Smooth animation for the underline */
		}
		.textlink a:hover::after {
			width: 100%; /* Expand the underline to the full width on hover */
		}

a.textlinklite  {
			color: #6BA7EA;
			font-weight: 600;
        	text-decoration: underline; /* Initially remove the underline */
        	position: relative; /* Required for absolute positioning of the underline */
        	display: inline-block; /* Ensures the underline is positioned relative to the text */
    	}
		
		.textlinknav a {
			font-size: 14px;
			color: #fff;
			font-weight: 500;
        	text-decoration: none; /* Initially remove the underline */
        	position: relative; /* Required for absolute positioning of the underline */
        	display: inline-block; /* Ensures the underline is positioned relative to the text */
    	}
		.textlinknav a::after {
			content: ""; /* Create a pseudo-element */
			position: absolute; /* Position the underline relative to the link */
			left: 0; /* Start the underline at the left edge */
			bottom: 0; /* Position the underline at the bottom of the link */
			width: 0%; /* Initially hide the underline */
			height: 2px; /* Adjust the underline thickness */
			background-color: #fff; /* Set the underline color */
			transition: width 0.3s ease; /* Smooth animation for the underline */
		}
		.textlinknav a:hover::after {
			width: 100%; /* Expand the underline to the full width on hover */
		}

		p {
			font-size: 24px;
			line-height: 32px;
		}

		h1 {
			font-size: 64px;
			color: #0033a0;
		}

		h2 {
			font-size: 48px;
			color: #0033a0;
		}
		
		h3 {
			font-size: 40px;
			color: #0033a0;
		}

		h4 {
			font-size: 32px;
		}

		h5 {
			font-size: 24px;
			color: #0033a0;
		}

		h6 {
			font-size: 21px;
			color: #0033a0;
		}
		
		/* text-colors */

		.ts-black {
			color: #000;
		}

		.ts-blue004 {
			color: #004EA8;
		}

		.ts-blue004bg {
			background-color: #004EA8;
		}

		.ts-blue221bg {
			background-color: #221551;
		}
		
		.ts-white {
			color: #fff;
		}

		.ts-light-bluebg {
			background: #d6f3ff;
		}
		
		.ts-gray {
			color: #2f3847;
		}
		
		/* containers */
		
		.navbar {
			width:100%; 
			background-color: #fff;
			margin-bottom: 0;
			padding-bottom: 0;
			position: fixed;
  			top: 0;
			z-index: 9999999;
			height: 165px;
			box-shadow: 0px 4px 9px rgba(130,161,209,0.3);
		}
		
		.navbar2 {
			background-color: #221551;
			height: 40px;
		}
		
		
		.ab-medium {
			font-family: helvetica, arial, sans-serif; 
		}
		
		.ab-regular {
			font-family: helvetica, arial, sans-serif;  
			font-size: 18px;
		}
		
		
		
		
		
		.languagebutton {
			font-size: 14px;
			color: #fff;
		}
		
		.languagebutton:hover {
			color: #45bce5;
		}
		
		.headerbox {
			background-color: #fff;
			margin-top: 120px;
			display: block;
		}
		
		
		.callout {
			min-height: 70px; 
			background-color: #d9eeff;
		}
		
		.reg-important {
			margin-top: 25px;
			font-size: 16px; 
		}
		
		
		
		.maintext-header {
			font-size: 24px; 
			margin: 30px 0 25px 0;
		}
		
		.maintext {
			font-size: 18px; 
			max-width: 100%; 
			margin: 20px 0;
		}
		
		.bodytext {
			font-size: 18px; 
			max-width: 90%; 
			margin-bottom: 30px;
		}
		
		.productbar {
			
			min-height: 70px; 
			font-size: 24px; 
			padding: 20px 40px;
			border-radius: 50px 50px 0 0;
		}
		
		.myben_bar {
			background-color: #45bce5; 
			min-height: 70px; 
			font-size: 24px; 
			padding: 20px 40px;
			border-radius: 50px 50px 0 0;
		}
		
		
		.btn,
.btn_secondary,
.btn_blue,
.btn_blue_menu,
.btn_secondary_menu,
.learnmore {
	display: inline-block;
	border-radius: 5px;
	text-align: center;
	height: 48px;
	min-width: 180px;
	text-decoration: none;
	font-size: 16px;
	white-space: nowrap;
	font-weight: 600;
	padding: 12px 10px;
}
			
.btn,
.btn_blue {
	background-color: #004EA8;
	color: #fff;
	border: 1px solid #004EA8;
}
.btn:hover,
.btn_blue:hover {
	background-color: #173E82;
	border-color: #173E82;
}
		
		
		
		.videocontainer {
			margin: 5px 30px 30px 20px; 
			width: 400px; 
			float: right;
			
		}
		
		.videobox {
			display: block; 
			position: relative; 
			max-width: 100%; 
		}
		
		.iframe {
			width: 100%; 
			height: 100%; 
			border: 0; 
			position: absolute; 
			top: 0px; 
			bottom: 0px; 
			right: 0px; 
			left: 0px;
			border-radius: 50px 50px 0 0;
		}

		
		.filesbox1 {
			width: 100%;
			padding: 10px 0px 20px 0px;
		}

		.filesbox2 {
			width: 100%;
			padding: 10px 0px 20px 0px;
		}
		
		.filebutton {
			font-size: 18px;
			text-decoration: none;
		}
		
		.filebutton:hover {
			color: #45bce5;
			text-decoration: none;
		}
		
		
		
		@media screen and (min-width: 300px) {
			
			.logo-grid {
				  display: flex;
				  align-items: center;       /* Vertically center the logos */
				  justify-content: flex-start; /* Align logos to the left */
				  gap: 5px;                  /* Optional: spacing between logos */
				  height: 120px;              /* Set the desired height for the row */
				}
			.logo-grid img {
				  display: block;           /* Prevent baseline alignment quirks */
				  max-height: 100%;
				  object-fit: contain;
				}
			.logo-grid a {
				  display: flex;            /* Treat the link as a flex item too */
				  align-items: center;      /* Vertically center its contents (i.e. the image) */
				}
			
			.containernav {
				margin: 0;
				padding: 0;
				}

			.language {
				text-align: right; 
				margin-right: 10px; 
				color: #fff; 
				font-size: 14px; 
				}
			
			.enrollment {
				display: none;
			}
			
			.ts_logo {
				height: 80px; 
				margin: 20px 0px;
			}
			
			.productcontainer {
				padding: 60px 10px 0 10px; 
				display: block;
			}
			
			
			
		.btn_secondary:hover {
			background-color: #004EA8;
			border: 1px solid #004EA8;
			text-decoration: none;
			color: #004EA8;
			box-shadow: 0px 4px 9px rgba(130,161,209,0.3);
		}	
		
		
			
		

		
			
			.learnmore {
			display: block;
			background-color: #004EA8;
			color: #fff;
			border: 1px solid #004EA8;
			border-bottom-left-radius: 5px;
			border-bottom-right-radius: 5px;
			text-align: center;
			height: 48px;
			text-decoration: none;
			font-size: 16px;
			font-weight: 600;
			padding: 12px 10px;
		}
		
		.learnmore:hover {
			background-color: #173E82;
			border: 1px solid #173E82;
			text-decoration: none;
			color: #fff;
		}
			
			
		.enroll {
			font-size: 14px; 
			margin-left: auto; /* This pushes .enroll to the far right */
			display: flex;
			align-items: center;
			margin-right: 20px;
		}
			
			
			
			.allstatelogotext {
			display: none;
		}
			
			.picbox {
				display: none;
				border-bottom-left-radius: 20px;
				margin: 40px 0;
			}
			
			.container { 
			margin: 0 auto;
			width: 98%;
		}
			
			.maintextbox {
				width: 100%;
				padding: 50px 0;
				
			}
			
			.videocontainer {  
				float: none;
				margin: 10px auto 30px auto; 
				max-width: 320px; 
				display: block;
			}
			
			.producttextbox {
				width: 100%; 
				padding: 0 20px 0 0;
				margin: 10px 0px 0px 0px;
			}
			
			.myben_textbox {
				width: 100%; 
				margin-bottom: 50px;
				background: #fff;
				border-radius: 0 0 50px 50px;
			}
			
			.productheader {
				font-size: 24px; 
				padding: 20px 30px;
				background: #0e1941;
			}
			
			.myben {
				font-family: helvetica, arial, sans-serif; 
				color: #0e1941; font-size: 16px; 
				padding: 20px 10px 20px 40px; 
			}
			
			.footerlinks {
				margin-top: 10px;
			}
			
			.footerbox {
				height: 120px; 
				backround-color: #fff;
			}
		
			.icon {
				display: none;
			}
			

			
		@media screen and (min-width: 600px) {
			
		.logo-grid {
				  display: flex;
				  align-items: center;       /* Vertically center the logos */
				  justify-content: flex-start; /* Align logos to the left */
				  gap: 20px;                  /* Optional: spacing between logos */
				  height: 120px;              /* Set the desired height for the row */
				}
			.logo-grid img {
				  display: block;           /* Prevent baseline alignment quirks */
				  max-height: 100%;
				  object-fit: contain;
				}
			.logo-grid a {
				  display: flex;            /* Treat the link as a flex item too */
				  align-items: center;      /* Vertically center its contents (i.e. the image) */
				}
			
		.containernav { 
			margin: 0 auto;
			width: 80%;
		}
			
			.videocontainer { 
				float: right;
				margin: 10px 20px 30px 20px; 
				max-width: 320px; 
				display: block;
			}
			
			.picbox {
				display: none;
				border-bottom-left-radius: 20px;
				margin: 40px 0;
			}
			
			.enrollment {
				display: none;
			}
			
			.logobox { 
				align-items: center; 
				justify-content: left; 
				height: 100%;
				max-width: 250px;
				margin-top: 20px;
			}
		}
		
		@media screen and (min-width: 1350px) {
			
			.language {
			color: #fff; 
			font-size: 14px; 
		}
			
			.ts_logo {
				height: 80px; 
				margin: 20px;
			}
			
			.productcontainer {
				padding: 60px 40px 0 40px; 
				display: block;
			}
			
			.row {
		  display: flex;
		  flex-direction: row;
		  flex-wrap: wrap;
		  width: 50%;
		}

		.column {
		  display: flex;
		  flex-direction: column;
		  flex-basis: 60%;
		  flex: 1;
		}
		
			
			.enrollment {
				color: #000;
				margin-bottom: 0;
				text-align: right;
				display: block;
			}
			
			.allstatelogotext {
				display: inline-block;
			margin-left: 20px; 
			font-size: 18px;
		}
			
			.container { 
			margin: 0 auto;
			width: 80%;
		}
			
			
			.btn_blue_menu {
			display: inline-block;
			background-color: #004EA8;
			color: #fff;
			border: 1px solid #004EA8;
			padding: 12px 10px;
			border-radius: 5px;
			text-align: center;
			margin: 10px 5px 5px 5px;
			height: 48px;
			min-width: 180px;
			text-decoration: none;
			font-size: 16px;
			white-space: nowrap;
			font-weight: 600;
				}
			
		.btn_blue_menu:hover {
			background-color: #173E82;
			border: 1px solid #173E82;
			text-decoration: none;
			color: #fff;
		}
			
			.btn_secondary_menu {
			display: inline-block;
			background-color: #FFF;
			color: #004EA8;
			border: 1px solid #004EA8;
			padding: 12px 10px;
			border-radius: 5px;
			text-align: center;
			margin: 10px 10px 5px 10px;
			height: 48px;
			min-width: 180px;
			text-decoration: none;
			font-size: 16px;
			white-space: nowrap;
			font-weight: 600;
				}
			
			.btn_secondary_menu:hover {
			text-decoration: none;
			color: #fff;
			background-color: #6ba7ea;
		}
		
			
			.learnmore {
			display: inline-block;
			background-color: #004EA8;
			color: #fff;
			border: 1px solid #004EA8;
			padding: 12px 10px;
			border-bottom-left-radius: 5px;
			border-bottom-right-radius: 5px;
			text-align: center;
			margin: 0px 0 5px 0;
			height: 48px;
			text-decoration: none;
			font-size: 16px;
			white-space: nowrap;
			font-weight: 600;
			width: 100%;
		}
		
		.learnmore:hover {
			background-color: #173E82;
			border: 1px solid #173E82;
			text-decoration: none;
			color: #fff;
		}
			

			
			.producttextbox {
				width: 100%; 
				padding: 0 20px 0 0;
				margin: 30px 0px 20px 0px;
			}
			
			.logobox { 
				align-items: left; 
				justify-content: left; 
				height: 100%;
				max-width: 250px;
				margin-top: 20px;
			}
			
			.icon {
				display: inline-block;
				margin-right: 20px;
			}
			
			.maintextbox {
				width: 100%;
			}
			
			.videocontainer {
				margin: 5px 30px 30px 20px;
				max-width: 400px; 
				float: right;
			}
			
			.productheader {
				font-size: 18px; 
				padding: 20px 80px;
				background: #0e1941;
				margin-top: -20px;
			}
			
			
			
			.myben {
				font-family: helvetica, arial, sans-serif; 
				color: #0e1941; font-size: 16px; 
				padding-left: 40px; 
				line-height: 70px;
			}
			
			.footerlinks {
				margin-top: 40px;
			}
			
			.footerbox {
				height: 100px; 
				backround-color: #fff;
			}
  		}
		
}