/* CSS Document */
*							{	margin:0; padding:0;box-sizing: border-box;}
body 						{	text-align: left; font-family:Roboto, sans-serif; color:#333; background:#fff; line-height:1.2;box-sizing: border-box;}
object 						{	outline:none; }
a:active, a:focus 			{	outline: none; border:0px;-moz-outline-style:none;}
a:focus 					{	outline: none;}
.clear						{	clear:both}
a							{	text-decoration:none;}
a:hover						{	text-decoration:underline;}
sup							{	font-size:small}

.hero 						{	width: 100%; display: flex}
.hero_cta					{	width: 50%; background-image:url(../images/ppc/acc11/real_hero_1.jpg); background-size: cover; position: relative;}
.logo						{	position: absolute; top: 50px; left: 50px;}
.cta 						{	width: 95%; text-align: center; position: absolute; left: 50%; top: 70%;  transform: translate(-50%, -70%);}
.cta h1 					{	font-size: 70px; color: #fff; font-weight: 900; line-height: 1}
.cta span 					{	display: block;}
.cta img 					{	width: 80%; height: auto;transform: rotate(2deg); margin-top: 20px}
.header_phone_mobile		{	display: none;}

.header_phone 				{	background-color: #c10000; color:#fff; font-size: 20px; font-weight: 700; display: inline-block; position: absolute; top: 30px; right: 50px; padding: 5px 20px 5px 40px; background-image: url(../images/ppc/acc11/icon_phone.gif); background-repeat: no-repeat; background-position: 5px 3px}

.form_container				{	width: 50%; padding:20px 30px; background-color: #000; position: relative; padding: 90px 10% 40px 10%}
.form_container input		{	width: 100%; font-size:18px; padding: 14px 10px;box-sizing: border-box; color:#666;  border:none; border-radius: 0;}
.form_container select		{	width: 100%; font-size:18px; box-sizing: border-box; color:#666;background:#F3F3F3; line-height:40px; height:42px; padding: 0 10px; border:none;border-radius: 0;}
.form_container	h2			{	text-align:center; font-family: 'Roboto', sans-serif; font-size:40px; color:#fff; font-weight:900; display:block; line-height:1.1; padding: 20px 0 30px 0}
.form_container	h2 span 	{	color:#c10000;}
.form_container input.submit_btn{	color:#fff; background:#c10000; font-size:20px; border:none; padding:16px 0; margin-bottom:10px; cursor:pointer; height:50px;  width: auto; padding: 0 50px; text-align: center;-webkit-appearance: none;border-radius: 0;}
.fullname_error				{	font-size:12px; color:red; display: none;}
.submit_btn_container		{	display: block; text-align: center;}

.person_icon::before		{	content: url(../images/ppc/acc10/form_icon_person.png);}
.phone_icon::before			{	content: url(../images/ppc/acc10/form_icon_phone.png);}
.location_icon::before		{	content: url(../images/ppc/acc10/form_icon_location.png);}
.email_icon::before			{	content: url(../images/ppc/acc10/form_icon_email.png);}
.error_icon::before			{	content: url(../images/ppc/acc7/form_icon_error.gif);}
.correct_icon::before		{	content: url(../images/ppc/acc7/form_icon_correct.gif);}
.person_icon, 
.phone_icon, 
.email_icon,
.location_icon,
.error_icon,
.blank_icon	,
.correct_icon				{	line-height:0; margin-left: -65px; position:relative; box-sizing:border-box; float:right; margin-top:12px; margin-right:10px}

.thanks_container			{	padding: 10px 10px}
.thanks_container h4		{	font-family: 'Roboto', sans-serif;, sans-serif; font-size:20px; color:#C10000; padding: 10px 0; line-height:28px}
.thanks_container p			{	padding: 10px 0; font-size: 15px}
.thanks_container a			{	color:#C10000;}

.span_one					{	width:100%; margin: 8px 0; display:block; float:left}
.span_two					{	width:48%; margin: 8px 0; display:block}
.float_left					{	float:left; margin-right:1%;}
.float_right				{	float:right; margin-left:1%;}

::-webkit-input-placeholder {   color: #666;}
::-moz-placeholder 			{ 	color: #666;}
:-ms-input-placeholder 		{ 	color: #666;}
:-moz-placeholder 			{ 	color: #666;}

.virtual_tours				{	background: #c10000; padding: 30px 30px; color:#fff; text-align: center;}
.virtual_tours 	p 			{	color:#fff; font-size: 20px;}

.middle_section 			{	max-width: 1100px; margin: 0 auto; padding: 60px 20px;}
.middle_section h3 			{	font-size: 44px; font-weight: 900; text-align: center; padding: 0 100px}
.middle_section_boxes		{	display: flex; margin: 60px 0 10px 0; justify-content: space-between;}
.middle_section_boxes > div	{	width: 21%; text-align: center}
.middle_section_boxes div img{	height: 96px; width: auto}
.middle_section_boxes div h4{	font-size: 26px; font-weight: 900; text-align: center; margin-top: 30px}
.middle_section_boxes div img{	height: 96px; width: auto}
.middle_section_boxes div p{	font-size: 14px; margin-top: 10px; font-weight: 600; text-align: center;}
.middle_section p {	display: block;text-align: center; margin-top: 20px}
.middle_section  p a{	text-align: center; display: inline-block; padding: 10px 30px; border: 5px solid #c10000; color: #c10000; font-size: 20px; font-weight: 600; text-decoration: none;}
.middle_section  p a:hover{	background-color: #c10000;color: #fff}

.diploma_section 		{	background: #333; color:#fff; width: 100%; display: block; padding: 40px 20px;}
.diploma_section_container{	max-width: 1300px; margin: 0 auto; display: flex;justify-content: space-between;align-items: center;}
.diploma_section h5 	{	font-size: 40px; font-weight: 900; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 7px solid #c10000; margin-right: 30%}
.diploma_img			{	width: 36%;}
.diploma_list			{	width: 60%;}
.diploma_img img 		{	width: 100%; height: auto}
.list_programs			{	display: flex;}
.list_programs ul 		{	list-style: none; margin-right: 40px;}
.list_programs li 		{	font-size: 30px; font-weight: 600; padding: 8px 0;}

.associate_section 		{	background:#F2F2F2; color:#333; width: 100%; display: block; padding: 40px 20px;}
.associate_section_container{	max-width: 1300px; margin: 0 auto; display: flex;justify-content: space-between;align-items: center;}
.associate_section h5 	{	font-size: 40px; font-weight: 900; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 5px solid #c10000; margin-left: 30%;text-align: right}
.associate_img			{	width: 36%;}
.associate_list			{	width: 60%;}
.associate_img img 		{	width: 100%; height: auto}
.associate_list_programs	{	display: flex; text-align: right}
.associate_list_programs ul	{	list-style: none; margin-left: 40px; text-align: right}
.associate_list_programs li	{	font-size: 30px; font-weight: 600; padding: 8px 0; text-align: right}

.finacial_aid    	{	background: #c10000; color: #fff; width: 100%; display: flex; padding: 40px 20px; align-items: center; justify-content: center;}
.finacial_aid p 	{	margin: 0 26px; font-size: 24px; font-weight: 600}
.finacial_aid a 	{	background: #fff; color: #c10000; padding: 14px 30px; text-decoration: none;}

.map_container		{	max-width: 1360px; margin: 0 auto; padding: 30px 20px; display: flex;}
.map_image			{	width: 50%; line-height: 0}
.map_image img 		{	width: 100%; height: auto}
.map_locations		{	width: 50%; background-color: #333; color:#fff; border-left: 30px #fff solid; display: flex; justify-content: center; align-items: center; padding: 0 40px;}
.map_locations h6	{	font-size: 50px; line-height: 1; margin-bottom: 20px}
.map_locations h6 span{	display: block;}
.map_locations ul 	{	list-style: none; }
.map_locations li{	font-size: 20px; padding: 12px 0 12px 60px; background: url(../images/ppc/acc11/icon_map_location.svg) no-repeat left center;}
.map_locations strong{	font-size: 35px; font-weight: 900}

.who_are_we	{	background: #c10000; color:#fff; max-width: 1160px; margin: 0 auto; padding: 40px 40px; text-align: center; margin-top: 20px; z-index: 100; position: relative;}
.who_are_we h6	{	font-size: 50px;}
.who_are_we_boxes	{	padding: 30px 0 0 0; display: flex;justify-content: center;}
.who_are_we_boxes > div	{	padding: 0 60px; font-size: 26px; display: inline-block;} 
.who_are_we_boxes > div:nth-of-type(1),
.who_are_we_boxes > div:nth-of-type(2) {	border-right: 4px solid #fff}
.who_are_we_boxes > div strong {	font-size: 60px; display: block; font-weight: 900}

.bottomMenuContainer			{	display: none;position: fixed;bottom: 0px;cursor: pointer;z-index: 1000; background:#C10000; width:100%; }
.bottomMenu					{	display:flex;justify-content: space-between;}
.bottomMenu	.footer_request			{	background:url(../images/ppc/acc7/request_icon.png) no-repeat left center; padding: 18px 0 14px 30px;color: #fff; font-family: 'Roboto', sans-serif; font-size:22px; font-weight:400; display:inline-block}
.bottomMenu .request_container{	width: 80%; text-align:center; }
.phone_icon_container		{	background:#CD3333; width:18%; text-align:center; padding-top:10px}

footer 	{	width: 100%; background-color: #333; color:#fff; padding: 180px 20px 90px 20px; margin-top: -140px; z-index: -1}
.footer_content {	max-width: 1000px; margin: 0 auto; }
.footer_content p {	font-size: 14px; padding: 8px 0}

/************ Errors **************/

.form_container input.error_box,
.form_container select.error_box	{	border:2px solid red;}

/************ Message Center **************/
.message_center_container				{	width: 100%; color:#fff; position:fixed; z-index:50000}
.message_center_container a				{	color:#fff; padding: 0 5px}
.messages_notification					{	width: 100%; float:left; background-color:green;padding: 14px 16px;text-align:center;}

@media all and (max-width: 1300px) {
	.form_container 	{	padding: 60px 5% 40px 5%}
	.map_locations h6 	{	font-size: 36px}
	.map_locations strong{	font-size: 26px}
	.map_locations li {	font-size: 16px;}
}

@media all and (max-width: 980px) {
	.cta h1 	{	font-size: 8vw}
	.hero_cta	{	height: 500px; width: 100%;}
	.cta 		{	bottom: 5%;transform: none;left: 0; right: 0; top: inherit;}
	.hero 						{	flex-direction: column;}
	.logo						{	top: 20px; left: 20px;}
	.logo img  					{	width: 80%; height: auto}
	.form_container				{	width: 100%; padding: 30px 20px 30px 20px}
	.form_bg					{	width:100%;background-image:url(../images/ppc/acc10/form_bg_mobile.png);}
	.form_bg_container			{	margin-top:35%}
	.header_phone				{	display:none;}
	.header_phone_mobile		{	display:block; position: absolute; top: 20px; right: 20px}
	.header_cta					{	background: none; padding-top: 25%;}
	.form_container h2			{	padding: 10px 0 20px 0;}
	.middle_section_boxes		{	flex-wrap: wrap;}
	.middle_section_boxes > div	{	width: 42%; margin-bottom: 40px}
	.diploma_section_container 	{	flex-direction: column;}
	.diploma_list,
	.diploma_img				{	width: 100%; text-align: center;}
	.diploma_list h5			{	margin-right: 0px;}
	.list_programs 				{	justify-content: center;}
	.list_programs ul 			{	margin: 10px 30px 40px 30px;}
	.associate_section_container 	{	flex-direction: column;}
	.associate_list,
	.associate_img				{	width: 100%; text-align: center;}
	.associate_img				{	order: 1;}
	.associate_list 			{	justify-content: center;}
	.associate_list h5			{	margin-left: 0px; text-align: center;}
	.associate_programs 		{	justify-content: center;}
	.associate_programs ul 		{	margin: 10px 30px 40px 30px;  }
	.associate_list_programs li {	text-align: center;}
	.associate_list_programs ul{	margin: 30px 0}
	.associate_list_programs	{	text-align: center; justify-content: space-between;}
	.finacial_aid 				{	flex-direction: column;}
	.finacial_aid p 			{	display: block; text-align: center;}
	.finacial_aid a 			{	display: inline-block; margin-top: 20px;}
	.map_container				{	flex-direction: column;}
	.map_image,
	.map_locations 				{	width: 100%; border: none;}
	.map_locations				{	padding: 20px 20px}
	.middle_section h3			{	padding: 0;}
}

@media all and (max-width: 640px) {
	.hero_cta	{	height: 400px; }
}
@media all and (max-width: 640px) {
	.hero_cta	{	height: 300px; }
	.middle_section h3{	font-size: 30px;}
	.middle_section_boxes div h4 {	font-size: 24px}
	.middle_section_boxes > div {	width: 100%}
	.list_programs {	flex-direction: column; padding-bottom: 20px}
	.list_programs ul {	margin: 0;}
	.associate_list_programs {	flex-direction: column; padding-bottom: 20px}
	.associate_list_programs ul {	margin: 0;}
	.who_are_we_boxes {	flex-direction: column; }
	.who_are_we_boxes > div:nth-of-type(1), .who_are_we_boxes > div:nth-of-type(2) { border: none }
	.who_are_we_boxes > div {	padding: 0 20px; margin-bottom: 20px;}
	.who_are_we_boxes > div strong {	font-size: 45px}
	.map_locations h6 {	font-size: 34px; text-align: center;}
}

@media all and (max-width: 580px) {

}

@media all and (max-width: 480px) {
	
}