*, *:before, *:after { box-sizing: border-box; }
body, html { width:100%;position:relative;margin:0;padding:0; font-family:'Open Sans', sans-serif; font-size:16px; }
html { background:#fff; }
body:hover { cursor:default;  }

body { }

a { color:#ca0101; }
section a, section a:active, section a:focus, section a:visited { text-decoration:none;color:#ca0101; }
a:hover, a:focus { color:#e28282;text-decoration:none; }

a img { border:0; }

h1, h2, h3, h4, h5 { letter-spacing: 1px; text-transform: uppercase; font-family:'Montserrat', sans-serif; font-weight:bold; }

h1 { font-size:30px; }
h2 { font-size:25px; font-weight:normal; }
h3 { font-size: 22px; font-weight: 800; margin: 20px 0; width:100%; text-align:center; }
h4 { }
h5 { font-size: 14px; font-weight: 700; line-height: 1.1em; margin-bottom: 20px; }

.container { max-width:100%; }

#intro_home h2 {      font-size: 34px;
    font-weight: normal;
    margin: 10px 0 20px 0; }
#intro_home h3 {      max-width: 800px;
    margin: 10px auto 40px auto;
    font-size: 24px;
    line-height: 35px;
    font-weight: 600;}

#about_home, #quote_home {    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    text-align: justify; margin-bottom:30px; }

#jd_home {height: 120px;
    width: auto;
    padding: 6px;
    border: 1px solid #000000;
    display: block;
    margin: 0 20px 20px 0;
    float: left; }

@media(max-width:600px) {
  
  #jd_home {    display: block;
    margin: 0 auto 30px;float:initial;height:auto;width:100%;}
  
}

input[type=text],input[type=password],select { width:100%;padding:8px;border:0;background:#fff;color:#000;margin:0 0 10px 0; border-radius:0; border:1px solid #eee; }
input[type=submit],input[type=button] {background:#333;border:1px solid #333;color:#fff; padding:11px; width:120px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; font-size:13px;border-radius:0; }
input[type=submit]:hover, input[type=button]:hover { cursor:pointer; background:#6f6f6f;-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);border:1px solid #333; }
	#login input[type=submit] { margin-right:6px; }
	#login input {  }
select:hover, option:hover { cursor:pointer;  }
input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus { outline:none; }
textarea, select { border-radius:0 !important; }

input.form-control { border:1px solid #ccc; box-shadow:none; -webkit-box-shadow: none; -moz-box-shadow: none; }

label:hover { cursor:pointer; }

input:focus, textarea:focus, select:focus  { outline:0 !important; box-shadow:none !important; border:1px solid #ca0101 !important; }

header { background:#fff; width:100%; position:fixed; top:0; left:0; height:80px; z-index:100; /* border-bottom:1px solid #000; */ -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2); }
header ul { float:right; list-style:none; padding:0; margin:0 15px 0 0; }
header ul li { font-weight:bold; font-size:13px; letter-spacing: 1px; text-transform:uppercase; display:inline-block; margin-left:10px; line-height:80px; }
header a { color:#000; }
header a:hover, header a:focus, header a.active { background:#CA0101; color:#fff; }
header a#logo:hover, header a#logo:focus { background:none; }
header #navigation a { padding:10px 14px; }

#mobile_nav { display:none; }

.section {    }
.section.wrapper { margin-bottom: 0; }

#account h3 { text-align:left;font-size:20px; color:#333; text-transform:uppercase; }
#account .box-wrap { background:#eee; }
#account form p.titles { color:#333; } 

#login { width:100%; height:100%; margin:0 auto; position:fixed;  top:0; display:none; z-index:999; background:rgba(0,0,0,0.7); padding:30px; }
#login #login_form { width:100%; max-width: 368px;  height: 204px; margin:0 auto; background:#eee; border:1px solid #000; position:relative; display:block; padding:30px; }
#login input[type=text], #login input[type=password] { display:block; max-width: 304px; }
#login input[type=submit], #login input[type=button] { display: block; width: 146px; margin: 0; float: left; }
#login input[type=submit] { margin-right:10px; }
#login .container {  height:0;padding-top:18%; }

.section#quotes { background:#CA0101; margin:0; padding:30px; color:#fff; }
.section#quotes h3 { font-size: 19px; text-align: center; margin: 0; padding: 20px 40px; font-style: italic; quotes: "\201C""\201D""\2018""\2019"; line-height: 32px; font-family:'Open Sans', sans-serif;  text-transform:initial; font-weight:initial; }
.section#quotes h3:before {
    color: #E97F7F;
    content: open-quote;
    font-size: 2.4em;
    line-height: 16px;
    margin-right: 0;
    vertical-align: -0.35em;
	font-family: 'Trebuchet MS', sans-serif; }
.section#quotes h3:after {
    color: #E97F7F;
    content: close-quote;
    font-size: 2.4em;
    line-height: 16px;
    margin-right: 0;
    vertical-align: -0.35em;
	font-family: 'Trebuchet MS', sans-serif; }

.section#quotes h4 { font-size:20px;text-align:center;margin:0;padding:0 20px 30px; font-family:'Open Sans', sans-serif; text-transform:initial;  }

table.services, table.invoices { width:100%; border-collapse:collapse; border-spacing:0; }
table.services th, table.invoices th { padding:8px; font-weight:bold; background:initial; border-bottom:1px solid #333;  letter-spacing: 1px; text-transform: uppercase; font-family:'Montserrat', sans-serif; font-weight:bold; font-size:14px; }
table.services tr, table.invoices tr { border-bottom:1px solid #333; }
table.services tr:nth-child(even) td, table.invoices tr:nth-child(even) td { background:#dcdcdc; }
table.services tr:nth-child(odd) td, table.invoices tr:nth-child(odd) td { background:#efefef; }
table.services tr:hover td, table.services tr.selected td, table.invoices tr:hover td { background:#faffbd; }
table.services tr.inactive td, table.services tr.inactive:hover td { background:#555; color:#888; cursor:default; }
table.services tr td, table.invoices tr td { padding:8px; }
.fa.active { color:#58CA01; }
.fa.inactive { color:#CA0101; }
table.invoices tr.invoice-info-row { height:100px; }
table.invoices tr.invoice-info-row td { background:#fff; position:relative; }
table input[type=submit] { float:left; width:60px; margin:0 0 0 4px; }
table select { float: left; width: 160px; }
table input[type=text], table select { margin:0; }
table input.disabled { background: #888; border: 1px solid #333; }

#logo {  }
#logo img {width: auto;
    display: block;
    height: 90px;margin:40px auto 30px auto;}
footer { background:#000; color:#eee; position:relative; font-weight:normal; font-size:14px; padding-top: 20px; }
footer .widget { padding:20px 0 0 0; }
footer .col-lg-3 { float:left;    width: 25%;   min-width: 200px;  height: 180px; }
footer ul {   margin: 0; padding: 0; list-style: none; }
footer ul li { padding:2px 0; }
footer a, footer a:focus, footer a:visited  { text-decoration:none; color:#fff; }
footer a:hover { color:#CA0101; text-decoration:none; }
	
#sub-footer { text-shadow: none; color: #f5f5f5; padding: 0; padding: 0; margin: 30px 0 0 0; background: #181818; line-height:90px; }
#sub-footer p { margin:0; }
.copyright { text-align: center; font-size: 12px; padding:0; text-transform: uppercase; }

	nav ul { list-style:none; margin:0; padding:0;position:absolute; top:0; right:0;}
	nav ul li { display: inline-block;  margin-right: 32px;  font-size: 14px;  font-weight: bold;  line-height: 62px; height:60px;  letter-spacing: 1px;  text-transform: uppercase; }
	nav ul li:hover, #logo:hover { cursor:pointer; color:#bbb; }
		
	#message { background: #ecbe93; border: 1px solid #000; padding: 10px; color: #000; text-align: center;  }

	/* #main_banner_wrap {  height:0;padding-top:34.7222222%; } */
	/* #main_banner div { height:100%;width:100%; background-repeat: no-repeat; background-position:50% 50%;background-size:cover; } */

	#main_banner_wrap { background:url('https://sw1xspace.com/media/adebanji1.jpg') no-repeat 50% 50%;background-size:cover;border-bottom:1px solid #000;    height: 320px;   margin-top: 80px; }

	#main_banner .owl-controls { margin-top: -33px; z-index: 99; position: relative; }
	#main_banner .owl-dot { background:#444; opacity:0.8; height: 14px; width: 14px; border:2px solid #fff; }
	#main_banner .owl-dot.active { background:#ccc; }

	.ajax-loader { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:url('https://sw1xspace.com/media/loading.gif') no-repeat 50% 50%; }

	.icon-header { width: 100%; display: block; text-align: center; font-weight: bold; font-size: 15px; padding:30px 10px 0 10px; box-sizing:border-box; }
	.icon-header-box { width:100%; padding: 10px 20px; display: inline-block;  }
	.icon-header img {     display: block;
    margin: 15px auto;
    max-width: 120px;
    height: auto; }
	.icon-header .fa {     font-size: 44px;
    margin-bottom: 10px;
    height: 50px;
    line-height: 50px;
    width: 100%; }

	.icon-wrap { background:none; padding:3px; margin:18px; border-radius:50%; display:inline-block; border:4px solid #CA0101;}
	.icon { border:none; border-radius:50%; padding:30px; font-weight:700; background:#CA0101;display:block; height:30px; width:30px; position:relative; }
	.icon-text { position:absolute; top:50%;left:50%;margin-left:-10px; margin-top:-10px; width:20px;height:20px; font-size:20px; color:#fff;  line-height: 20px; text-align: center; }
	.icon-header { font-size:19px; }
	.icon-body { font-size:16px; text-align: center; }
	.icon-sub { font-weight: bold; font-size: 15px; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 1px; }
	.col-md-3 p { padding: 0 10px; max-width: 400px; display: inline-block;  margin-bottom: 20px; }

	.row { margin:0 auto; width: 100%; }

	.video-wrap { position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 1px;margin-bottom:50px; }
	.video-wrap iframe, .vide-wrap object, .video-wrap embed { position: absolute;top: 0;	left: 0;width: 100%;height: 100%; }

	.box-wrap { background:#eee; padding:25px; text-align:justify; }
	.box-wrap ol { margin:0; padding:0; }
	.box-wrap ol li { margin-left:20px; padding-left:5px; }
	
	.fph { width:100%; display:table; }
	.mpe { width:100%; display:table-cell; vertical-align:middle; padding:60px 20px; }
	.mpe-sub { color: #fff; width: 100%; max-width:640px; margin: 0 auto; border-radius: 10px; }
	.mpe-sub { background:rgba(255, 255, 255, 0.5); max-width: 460px; }
	#student_1 .mpe-sub, #c_aware_1 .mpe-sub { max-width:1140px; text-align:justify;   background: rgba(255, 255, 255, 0.8); color:#111; }
	#how_it_works .mpe-sub { max-width:1140px; position:relative;   background: rgba(255, 255, 255, 0.8); color:#111; }
	#booking_1 .mpe-sub, #booking_2 .mpe-sub {   background: rgba(255, 255, 255, 0.6); max-width: 460px;  }

	#registration .icon-header-box img { height:100px; margin:15px auto; }

	ul.requirements { list-style:none; }
	ul.requirements li { float:left; width:32%; min-width:180px; margin:5px;box-sizing: border-box; -moz-box-sizing: border-box;  -webkit-box-sizing: border-box; }
	ul.requirements li:hover { cursor:pointer; }
	ul.requirements li label { padding: 10px; background:#222; color:#fff;  width:100%; margin:0; }
	ul.requirements li label.alt { background:#5D80A9; }
	ul.requirements li label.active { background:#828282; }
	span.active { color:#828282; font-weight:bold; }
	ul.requirements li label.inactive { background:#ddd; }
	span.inactive { color:#ddd; font-weight:bold; }
	ul.requirements li.active label { background:#fff; color:#333; }
	ul.requirements li.total { width:32%; min-width:180px; margin:5px; }
	ul.requirements li.total label { padding: 10px; background:#fff; color:#333; width:100%; margin:0; font-weight: normal; }
	ul.requirements li.total label div { float:right; }
	p.titles, .input-label { font-weight:bold; padding-left:5px; padding-top:8px;  letter-spacing: 1px; text-transform: uppercase; font-family:'Montserrat', sans-serif; font-weight:bold; font-size:14px; }
	.input-label {  padding-bottom: 6px; }
	.dashed-box { margin:10px 0; border:2px dashed #777; padding:25px 25px; font-weight:normal; }
	.dashed-box h4 { margin-top: 0; font-weight:bold; font-size:16px; }
	form .npr { padding-left:4px; }

	#recaptcha { margin:20px 0; display:inline-block; }
	#submit { display:inline-block; }
	#registration_form #files { margin:15px 0; }

	input.required-field { background:#bd0000; }

.striken { text-decoration:line-through; color:#777; }

.npt { padding-top:0 !important; }
.npr { padding-right:0 !important; }
.npb { padding-bottom:0 !important; }
.npl { padding-left:0 !important; }
.np { padding:0 !important; }

.nmt { margin-top:0 !important; }
.nmr { margin-right:0 !important; }
.nmb { margin-bottom:0 !important; }
.nml { margin-left:0 !important; }
.nm { margin:0 !important; }

.clear { width:100%; height:0; clear:both; }

.container.full { width:100%; }

#images .col-md-4 { float:left; margin: 0 auto 20px auto; max-width: 380px; width:33.33333%; }

/* mobile */
@media (max-width:770px) {
	#main_banner_wrap { padding-top:70%; }
	#mobile_nav { display:block; float:right; width:30px;height:30px; font-size:24px; line-height:30px; text-align:center; margin: 25px 10px; }
	#images .col-md-4 { float:initial; padding:0; margin: 0 auto 20px auto; max-width: 380px; }
	header ul { float:initial; position:absolute; top:80px; left:0; width:100%; display:none; border-top:1px solid #d2d2d2; }
	header ul li { width:100%; margin:0; border-bottom:1px solid #d2d2d2; padding:0; background:#fff; line-height:initial; }
	header ul li a { display:block; }
	.fph { padding:20px; }
}

.fa { width: 22px; height: auto; }
		
	#wrap {
		width: 100%;
		margin: 0 auto; position:relative;
	}

#cal_overlay {
    position: absolute;
    z-index: 99;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0,0,0,0.4);
  background-image:url('//sw1xspace.com/media/loading5.gif');
  background-repeat:no-repeat;
  background-position:50% 50%;
  display:none;
}
		
	#external-events, #account_credits {
		width: 170px;
		padding: 0 10px;
		border: 1px solid #ccc;
		background: #eee;
		text-align: left;
		float:left;
	}

	#account_credits {
		margin-right:10px;
		display:inline-block;
		width:210px;
		padding:10px;
	}

	#account_credits select { width:120px; float:left; margin:0; border:1px solid #fff; }
	#account_credits input[type=button] { width:60px; float:left; margin:0 0 0 5px; }
		
	#external-events .fc-event {
		margin: 10px 0;
		cursor: pointer;
	}

	#calendar {
		width: 100%;
	}

#calendar .fc-time-grid-container { height:auto !important; }
#calendar h2 { font-weight:bold; font-size:18px; padding-top: 15px;  }

.disabled .fc-day-content {
    background-color: #123959;
    color: #FFFFFF;
    cursor: default;
}

.fc-event {
    position: relative;
	  display: block;
    font-size: .75em;
    line-height: 1.25;
    font-weight: 400;
    padding: 6px 8px;
    border-radius: 0;
    border: none;
    background-color: #ca0101;
}

.fc-time-grid-event .fc-time {
		font-size: 0.9em;
    line-height: 0.9em;
    padding: 10px;
    height: 100%;
    width: 100%;
    position: absolute;
    background: #ca0101;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    font-weight: bold;
    letter-spacing: 1px;
}

.fc-event .fc-bg {
    z-index: 1;
    background: inherit;
    opacity: 0;
    filter: alpha(opacity=0);
}

.fc-ltr .fc-time-grid .fc-event-container {
    margin: 0;
}

.fc-content .fc-time { display:none; } 
.fc-content:hover .fc-time { display:block; }

.fc th, .fc-time-grid .fc-slats td {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
		font-weight:bold;
}

.fc-event-container:hover { cursor:pointer; }

#user_credits { background:#eee;border:1px solid #ccc; font-weight:bold; padding:4px 10px; }

.fc-time-grid-event.fc-short .fc-time span {
    display: inline;
}

.fc-time-grid-event.fc-short .fc-time:before {
    content: normal;
}  

.fc-time-grid-event.fc-short .fc-time:after {
    content: normal;
}

.fc-time-grid .fc-slats td { height:1.5em; }

.too-small { display:none; font-weight:bold; border-top:1px solid #333; border-bottom:1px solid #333; padding:15px 0 }


#calendar h2 { padding-top:10px; }
@media (max-width:1024px) {
	.container { padding-left:10px; padding-right:10px; text-align:justify; }
	form .npr { padding-left: 0; }
}