/* CSS Document */
body {
	margin:0;
	padding:0;
}


/* Spacers */
.container_spacer {
	margin:auto;
	width: auto;
	height:10px;
	padding: 5px;
	text-align: center;
}
.container_spacer_small {
	margin:auto;
	width: auto;
	height:5px;
	padding: 5px;
	text-align: center;
}

/* containers */
.container_main {
	margin:0;
	padding:0;
	height:100vh;
	width:100%;
	text-align:center;
	background-image:url("../images/Vertex Movement Banner Blue Background3.png");
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.container_main2 {
	margin:0;
	padding:0;
	height:100vh;
	width:100%;
	text-align:center;
	background-image:url("../images/Vertex Movement Banner Blue Background3.png");
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.container_content_holder_blue {
	margin:auto;
	width:100%;
	height:auto;
	text-align:center;
	background-color:#1CB9FB;
	background-image: url("../images/Vertex Movement Banner Blue Background3.png");
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.container_content_blue_back {
	margin:auto;
	width:100%;
	height:auto;
	minimum-height:200px;
	padding-top:60px;
	padding-bottom:40px;
	text-align:center;
	background-color:#1CB9FB;
	background-image: url("../images/Vertex Movement Banner Blue Background.png");
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	clip-path: polygon(0% 0%, 100% 10%, 100% 100%, 0 95%);
    -webkit-clip-path: polygon(0% 0%, 100% 10%, 100% 100%, 0 95%);
}
.container_call_action{
	margin:auto;
	width:100%;
	height:auto;
	padding-top:50px;
	padding-bottom:50px;
	text-align:center;
	vertical-align:middle;
	background-color:#1CB9FB;
	clip-path: polygon(0% 0%, 100% 15%, 100% 90%, 0 100%);
    -webkit-clip-path: polygon(0% 0%, 100% 15%, 100% 90%, 0 100%);
}
.container_call_action_content {
	margin:0;
	wigth:90%;
	height:auto;
	minumum-height:50px;
	text-align:center;
}
.container_main_blank {
	margin:0;
	padding:0;
	height:auto;
	width:100%;
	text-align:center;
	background-color: #FAFAFA;
}
.container_main_forms {
	margin:0;
	padding:0;
	height:100vh;
	width:100%;
	text-align:center;
	background-image:url("../images/Website Header5.jpg");
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.center_center {
	margin:auto;
	height:auto;
	width:100%;
	text-align:center;
	position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}
.center_center_forms {
	margin:auto;
	height:auto;
	padding-top:15px;
	width:100%;
	text-align:center;
}
/*.background_video {
	position:absolute;
	right:0;
	bottom:0;
	z-index: -1;
}
@media (min-aspect-ratio: 16/9){
	.background_video {
		width:100%;
		height:auto;
	}
}
@media (max-aspect-ratio: 16/9){
	.background_video {
		width:auto;
		height:100%;
	}
}*/
.container_sign_in {
	margin-left:auto;
	margin-right:auto;
	padding:15px;
	height:auto;
	width:600px;
	text-align:center;
	background-color: rgba(255,255,255,0.5);
	border-radius:10px;
	box-shadow: rgba(0, 0, 0, 0.4) 2px 2px 6px;
}
.container_forms_holder {
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	height:auto;
	width:95%;
	max-width: 950px;
	text-align:center;
	background-color: rgba(0,0,0,0.5);
	border-radius:10px;
	box-shadow: rgba(0, 0, 0, 0.4) 2px 2px 6px;
}
.container_form {
	margin:auto;
	width:95%;
	max-width: 900px;
	margin-top:10px;
	margin-bottom:10px;
	height:auto;
	text-align: center;
	display: flex;  
    flex-wrap: wrap;
}
.container_form_fields_holder {
	margin:auto;
	width:auto;
	height: auto;
	margin-bottom: 10px;
	text-align: center;
}
.container_forms_text_field_holder {
	margin:auto;
	width: 260px;
	padding:5px;
	font-family:Arial;
	font-weight: 300;
	font-size: 16px;
	vertical-align: middle;
	color: #EBEBEB;
	background-color: #414141;
}
.container_forms_text_field {
	margin:auto;
	width: 240px;
	padding:5px;
	font-family:'ErasBoldITC',Arial;
	font-weight: 300;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	color: #5A5A5A;
	background-color: #DCDCDC;
	border:none;
}
.container_forms_button_holder {
	margin:auto;
	padding:15px;;
	width:250px;
	height:auto;
	text-align:center;
}
.container_logo {
	margin-top:15px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	width:95%;
	height:220px;
	text-align:center;
	object-fit:contain;
	
}
.container_logo_form {
	margin-top:15px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	width:95%;
	height:160px;
	text-align:center;
	object-fit:contain;
	
}
#logo {
	height:100%;
	object-fit:contain;
}
.container_button_holder {
	margin-top:15px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	width:90%;
}

/* DOB */
.container_date_box_day_holder {
	margin:auto;
	width: 54px;
	height:auto;
}
.container_date_box_month_holder {
	margin:auto;
	width: 124px;
	height:auto;
}
.container_date_box_year_holder {
	margin:auto;
	width: 84px;
	height:auto;
}
.container_date_box_fields_year {
	margin:auto;
	width: 76px;
	height:30px;
	padding: 2px;
	border: none;
	font-family:'ErasBoldITC',Arial;
	font-weight: 300;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	color: #5A5A5A;
	background-color: #DCDCDC;
}
.container_date_box_fields_month {
	margin:auto;
	width: 116px;
	height:30px;
	padding: 2px;
	border: none;
	font-family:'ErasBoldITC',Arial;
	font-weight: 300;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	color: #5A5A5A;
	background-color: #DCDCDC;
}
.container_date_box_fields_day {
	margin:auto;
	width: 46px;
	height:30px;
	padding: 2px;
	border: none;
	font-family:'ErasBoldITC',Arial;
	font-weight: 300;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	color: #5A5A5A;
	background-color: #DCDCDC;
}
.container_date_fields_main_holder_dob {
	margin:auto;
	width: 265px;;
	height:auto;
	background-color: #414141;
	display: flex;  
    flex-wrap: wrap;
}

.container_forms_text_area_holder {
	margin:auto;
	width: 260px;
	padding:5px;
	font-family:Arial;
	font-weight: 300;
	font-size: 16px;
	vertical-align: middle;
	color: #EBEBEB;
	background-color: #414141;
}
.container_forms_text_area_field {
	margin:auto;
	width: 240px;
	padding:5px;
	font-family:'ErasBoldITC',Arial;
	font-weight: 300;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	color: #5A5A5A;
	background-color: #DCDCDC;
	border:none;
}

/* Sign In */
.container_signin_holder {
	margin:auto;
	margin-top:10px;
	padding:5px;
	height:auto;
	width:95%;
}
.container_signin_field_holder {
	margin:auto;
	margin-bottom:20px;
	padding:0;
	height:40px;
	width:90%;
}
.username_password_field {
	width:320px;
	height:35px;
	margin:auto;
	padding:5px;
	font-family:'ErasBoldITC',Arial;
	font-weight: 300;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	color: #5A5A5A;
	background-color: #FFFFFF;
	border:2px;
	border-style: solid;
	border-color: #1cbafc;
	border-radius: 10px;
}
.container_signin_description_labels {
	margin:auto;
	width: auto;
	padding: 5px;
	text-align: center;
	font-family: 'ErasBoldITC',Arial;
	font-size: 14px;
	font-weight: 300;
	color: #1cbafc;
}

.container_footer {
	width:100%;
	height:45px;
	margin:0;
	margin-top:15px;
	background-color:rgba(15,15,15,1.00);
	text-align: center;
	font-family: 'ErasBoldITC',Arial;
	font-size: 12px;
	font-weight: 200;
	color: #D0D0D0;
	line-height:45px;
}

/* Header */
.header_main {
	width:100%;
	height:50px;
	margin:0;
	padding-top:15px;
	padding-bottom:15px;
	background-color:#1cbafc;
}
.header_logo {
	width:100px;
	height:50px;
	margin:auto;
	margin-left:12px;
	padding:0;
	float:left;
	text-align:center;
	object-fit:contain;
}
.header_menu {
	width:220px;
	height:35px;
	margin:auto;
	margin-right:12px;
	padding:10px;
	float:right;
}
.header_menu_menu {
	width:160px;
	height:35px;
	margin:auto;
	float:left;
}
.header_menu_icon {
	width:22px;
	height:22px;
	margin:auto;
	float:right;
	padding:7px;
	text-align:center;
	object-fit:contain;
}

/* Content */
.container_content {
	width:95%;
	height:auto;
	margin:auto;
	margin-top:15px;
	padding:15px;
	text-align:center;
}
.container_content_logo {
	margin-left:auto;
	margin-right:auto;
	with:90%;
	height:200px;
	text-align:center;
	object-fit:contain;
}
.container_totals_universal {
	display: flex;  
    flex-wrap: wrap;
	margin: auto;
	max-width: 800px;
}
.totals_universal_main_holder {
	width:250px;
	height:auto;
	margin:auto;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 15px;
}
.totals_universal_main {
	width:250px;
	height:auto;
	margin:auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
.totals_universal_main_details {
	height:40px;
	width:250px;
	text-align: center;
	line-height: 40px;
	font-family:"Arial";
	font-size:18px;
	font-weight:800;
	color: #F0F0F0;
	background-color: rgba(36, 36, 36, 0.62);
}
.totals_universal_main_result {
	height:66px;
	width:250px;
	text-align: center;
	line-height: 66px;
	color: #F0F0F0;
	font-family:'ErasBoldITC', Arial ;
	font-size: 50px;
	font-weight: 800;
	background-color: rgba(36, 36, 36, 0.62);
}
/* CheckBox Levels / Combos */
.container_content_levels_checkbox_holder_main {
	margin:auto;
	width:auto;
	max-width:600px;
	height:auto;
	padding:10px;
	text-align: center;
	display: flex;  
    flex-wrap: wrap;
	background-color: #2A2A2A;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.41), 0 6px 20px 0 rgba(0, 0, 0, 0.4);
}
.container_content_levels_checkbox_holder_main_triple {
	margin:auto;
	width:auto;
	max-width:400px;
	height:auto;
	padding:10px;
	text-align: center;
	display: flex;  
    flex-wrap: wrap;
	background-color: #2A2A2A;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.41), 0 6px 20px 0 rgba(0, 0, 0, 0.4);
}
.container_content_levels_checkbox_holder {
	margin:auto;
	width:55px;
	height:auto;
	padding:5px;
	text-align: center;
}
.container_content_levels_checkbox_heading {
	margin:auto;
	width:100%;
	height:auto;
	margin-bottom:5px;
	text-align: center;
	vertical-align: middle;
	font-family: 'ErasBoldITC', Arial;
	font-size: 10px;
	font-weight: 200;
	color: white;
}
.container_content_levels_checkbox_box_box {
	margin:auto;
	width:auto;
	height:auto;
	text-align: center;
	vertical-align: middle;
}
.CheckBoxNew {
	-webkit-appearance:none;
	background-color: rgba(255,255,255,0.08);
	height:24px;
	width:24px;
	margin:auto;
	display:inline-block;
	position:relative;
}
.CheckBoxNew:hover {
	background-color:#CCC;
	border-color:#CCC;
}
.CheckBoxNew:checked:hover {
	background-image: linear-gradient(to top left, #1cb9fb, #0391CD);
}
.CheckBoxNew:checked:active {
	background-image: linear-gradient(to bottom right, #1cb9fb, #0391CD);
}
.CheckBoxNew:checked {
	background-image: linear-gradient(to bottom right, #1cb9fb, #0391CD);
	color:#FFF;
}.CheckBoxNew:checked:after {
	content: '\2714';
	font-size:17px;
	font-weight:400;
	bottom:1px;
	left: 5px;
	position:absolute;
	color:#FFF;
}

/* Hidden */
.container_hidden_data_needed_holder {
	margin:auto;
	width:50%;
	max-width:500px;
	height:auto;
	padding:15px;
	text-align:center;
	background-color: rgba(36, 36, 36, 0.62);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.41), 0 6px 20px 0 rgba(0, 0, 0, 0.4);
	border:3px;
	border-style:solid;
	border-color:#1CB9FB;
}

/* Profile */
.container_content_profile_info_disciplines_main_all {
	margin:auto;
	width:95%;
	max-width: 900px;
	margin-top:10px;
	margin-bottom:10px;
	height:auto;
	text-align: center;
	display: flex;  
    flex-wrap: wrap;
}
.container_content_profile_info_disciplines_main {
	margin:auto;
	width:auto;
	height: auto;
	margin-bottom: 10px;
	background-color: rgba(36, 36, 36, 0.62);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.41), 0 6px 20px 0 rgba(0, 0, 0, 0.4);
	text-align: center;
	display: flex;  
    flex-wrap: wrap;
}
.container_content_profile_info_disciplines {
	margin:auto;
	width:auto;
	height:auto;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	display: flex;  
    flex-wrap: wrap;
}
.container_content_profile_info_disciplines_heading {
	margin:auto;
	width:auto;
	min-width:100px;
	text-align: center;
	padding:10px;
	vertical-align: middle;
	font-family: 'ErasBoldITC', Arial;
	font-size: 16px;
	font-weight: 300;
	color: white;
	float:left;
}
.container_content_profile_info_disciplines_tickbox {
	margin:auto;
	width:30px;
	height:25px;
	margin-top:8px;
	float:right;
}

.container_content_files_holder {
	margin:auto;
	width:95%;
	max-width:800px;
	height:auto;
	text-align:center;
	font-family: 'ErasBoldITC', Arial;
	font-size: 18px;
	font-weight: 300;
	color: #D0D0D0;
}
 a {
      text-decoration: none;
	  color:#D0D0D0;
    }
    a:link {
      text-decoration: none;
	  color:#D0D0D0;
    }
    a:visited {
      text-decoration: none;
		color:#D0D0D0;
    }
    a:hover {
      text-decoration: none;
		color:#D0D0D0;
    }
    a:active {
      text-decoration: none;
		color:#D0D0D0;
    }