@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

html{
	font-size:8px;	
}
/**{*/
	/**/
	/**/
	/**/
	/*-moz-box-sizing: border-box;*/
	/*-webkit-sizing: border-box;*/
	/*box-sizing: border-box;*/
	/*background-color:whitesmoke;*/
	/*margin:auto;*/
	/*background-color:transparent;*/
/*}*/

body{
	
	font-family:'Montserrat';
	font-family:"open_sanslight";	
	
}



.logo{
	background:none;
	
	color:#d25b23;
	color:maroon;
	color:#d25b23;
	font-size:15rem;	
}

.buttonholder{
	width:100%;
	height:45px;
	background-color:transparent;
	margin-top:100px;	
}

.button{
	width:150px;
	height:45px;
	background-color:transparent;
	display:inline-block;
	text-align:center;
	color:white;
	margin-right:6rem;
	font-size:2rem;	
	border:1px solid lightgray;
	padding:0px;
	
}
.button{
	text-decoration: none;
	
}

.button:hover{
	background-color:#ff6b2e;
	background-color:maroon;
	~color:black;
	`opacity:0.5;
	font-weight:bold;	
}

.donate{
	background-color:maroon;
	width:100px;
		
}

.donate:hover{
	background-color:white;
	color:black;
	opacity:0.8;	
}

.donate2{
	padding:1.2rem;
	margin-left:5rem;	
}



.videoholder{
	width:100%;
	height:auto;
	
	position:relative;
	background-image: url("../images/africavideostill.png");
	background-size:100%;

		
}

.smoke{
	width:100%;
	height:700px;
	
	height:100%;
	opacity:0.7;
	background-color:black;
	position:absolute;
	z-index:1000;
	/*margin-top:-780px;*/
	top: 0;
	color:white;
	font-size:30px;
	padding:50px;
}

.list{
	font-size:2.5rem;
		
}

.videoholder img{
	visibility:hidden;	
}

.videoelement{

	width:100%;
	'height:auto;
	text-align:center;
	/*margin-top:-780px;*/
	top: 0;
	position:absolute;	
}
/*
.navbar{
	width:80%;
	height:100px;
	background-color:black;
	color:lightgray;
	font-size:1.5rem;
	border-radius:20px;
	overflow:hidden;
	`position:absolute;
	'top:-150px;
	'left:10%;
	z-index:2000;
	opacity:0.6;
	border:1px solid orange;
	*/
	
}
	
.banner{
	font-family:'Montserrat';
	font-family:"open_sanslight";
	height:auto;
	width:100%;
	background-image: url("../images/studentsinghanab5.png");

	background:none;
	background-color:transparent;
	background-repeat:no-repeat;
	background-size:100%;
	background-position:top center;
	
	
	max-height:600px;


	
	text-align:center;
	
	'position:absolute;
	z-index:1000;
	
	border-top:5px solid black;
}

.banner img{
	height:auto;
	width:100%;
	`visibility:hidden;
			
	
}




.bannertext{
	position:absolute;
	width:100%;
	
	font-family:"open_sanslight";
	background:none;
	top:40pt;
	left:80pt;
	~padding:80pt;
	padding-left:0px;
	text-align:left;
	
	font-size:3rem;
	color:#c5cfd6;
	
	line-height:5rem;
	
	
		
}

.specialtext{
	opacity:1.0;
	font-size:5rem;
	background-color:transparent;
	color:whitesmoke;;
	~font-family:"Montserrat";	
	~font-weight:bold;
		
}

.features{
	width:100%;
	height:300px;
	background-color:lightgray;
	font-size:1.3rem;

	color:darkgray;	
}




.allcontent{
	'position:absolute;
	width:100%;
	'margin-top:670px;
	'top:0;
	'left:0;
	
}

	
.promosection{
	width:100%;
	height:auto;
	background-color:lightgray;	
	text-align:center;
	font-family:'Montserrat';
	font-family:"open_sanslight";
	font-weight:bold;
	position:relative;
	
	
	
	color:#191919;
	
	background: whitesmoke;; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, #f0ecec); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #f0ecec); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #f0ecec); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #f0ecec); /* Standard syntax */


}

.promointerior{
	width:100%;
	height:100%;
	background-color:white;
	padding:32pt;
	padding-left:80pt;
	padding-right:80pt;
	
	text-align:left;	
}

.promointeriorleft{
	width:45%;
	height:100%;
	
	display:inline-block;
	vertical-align:top;
	font-size:2.4rem;
	padding:5rem;
	padding-left:0;
	line-height:4rem;
	color:gray;
	
		
}


.promointeriorright{
	width:55%;
	height:100%;
	color:maroon;
	display:inline-block;
	vertical-align:top;
	font-weight:bold;
	font-size:2.5rem;
	padding:1rem;
	padding-right:0px;
	
		
}



.titles{
	width:100%;
	max-width:1600px;
	padding-bottom:100px;
	background-color:#eee8e8;
	background-color:whitesmoke;
	background-color:#f9f8f8;
	text-align:center;
	font-family:'Montserrat';
	font-family:"open_sanslight";
	font-size:5rem;
	padding-left:32pt;
	padding-right:32pt;
	position:relative;
		
	
		
}

.sectiontitle{
	width:100%;
	height:50px;
	padding-top:10px;
	padding-left:48pt;
	padding-left:48pt;
	font-size:2.5rem;
	color:#191919;
	color:maroon;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left
	
		
}

.coursearray{
	width:100%;
	background-color:transparent;
	padding-top:0px;	
}

.courseholder{
	width:300px;
	height:369px;
	height:349px;
	background-color:white;
	display:inline-block;
	margin:16pt;
	margin-top:16pt;
	vertical-align:top;
	box-sizing: content-box;
	border:1px solid #f1f1f1;

	
	
	
		
}
.coursetitle{
	width:300px;
	height:30px;
	
	font-weight:normal;
	font-size:1.7rem;
	color:white;
	padding:6px;
	padding-left:10px;
	background-color:#191919;
	text-align:left;
	position:absolute;

	opacity:0.7;
	font-weight:bold;
		
}

.imgholder{
	width:100%;
	height:171px;
	~border-bottom:1px solid lightgray;
		
		
}

.imgholder img{
	height:171px;	
}

.coursedesc{
	font-family:"open_sanslight";
	font-size:1.6rem;
	width:100%;
	height:152px;
	color:#191919;
	~color:whitesmoke;
	padding:20px;
	padding-left:20px;
	padding-right:20px;
	text-align:left;
	background-color:#424b77;
	background-color:white;
	!border-top: 2px solid #FF3181;
	line-height:20px;

		
}

.coursespecsCNT{
	width:100%;
	height:30px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5rem;
	
	background-color:lightgray;
	opacity:0.7;
	color:#675f5f;
		
}

.coursespecsleft{
	width:225px;
	height:100%;
	display:inline-block;
	vertical-align:top;
	text-align:left;
	padding:7px;	
	padding-left:10px;
}

.coursespecsright{
	width:75px;
	height:100%;
	display:inline-block;
	vertical-align:top;
	padding:7px;	
	padding-right:11px;	
	text-align:right;	
}


.freecsr{
	margin-left:10px;
	margin-top:68px;	
}

.freecsl{
	margin-left:10px;
	margin-top:68px;	
}

.africa{
	
	background-image: url("../images/studentsinghanab5.png");
	background-repeat:no-repeat;
	background-size:100%;
	background-position:top center;


	text-align:center;
	
}
.attn_gtr{
	background: transparent;
	min-height: 500px;
}



.section2CNT{
	width:100%;
	position:relative;

	background-color:#283c63;
	color:lightgray;
	text-align:center;
}
.section2CNT .cols{
	display:table-row;
}



.flankCNT {
    width: 30%;
    height: 100%;
    /* display: table-cell; */
    background-color: transparent;
    padding: 50px;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}

.middleCNT {
    width: 40%;
    height: 100%;
    /* display: table-cell; */
    font-size: 18px;
    line-height: 30px;
    padding: 75px;
    background-color: transparent;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}

.section2CNT .flankCNT, .section2CNT .middleCNT {
    min-width: 350px;
}

.section3CNT{
	background-color:#575757;
	text-align:center;
	background-image: url("../images/boy-at-computer.png");
	background-size:100%;
	background-repeat:no-repeat;
	background-position:top;
	position:relative;	
}

.section3CNT img{
	visibility:hidden;	
}

.section4CNT{
	background-color:#e0d7f5;
}
.section4CNT .sectiontitle{
	color: #121212;
}
.section4CNT, .section2CNT{
	padding-top: 40px;
}


.onetwothree{
	width:100%;
	padding:3%;
	background-color:#e0d7f5;
	/*border:7px solid #c5baca;*/
	position:relative;
		
}

.lbox{
	width:10%;
	min-width:120px;
	
	display:table-cell;
	text-align:center;
	font-size:36px;
	vertical-align:top;
		
}

.section6CNT{
	width:100%;
	
	background-color:#393297;
	padding:50px;
	text-align:center;	
	font-size:30px;
	position:relative;
}

.testbox{
	display:inline-block;
	width:50%;
	height:100%;
	color:white;
	font-size:20px;
	text-align:center;
	background-color:green;
	padding:30px;
		
}

rtbox{
	background-color:blue;	
}



.aftatext{
	font-family:'afta_serifregular';
	background-color:transparent;	
}

.section6CNT{
	width:100%;
	
	background-color:#716e94;
	padding:50px;
	text-align:center;	
	font-size:30px;
	color:lightgray;
}

.section7CNT{

	font-size:2.0rem;
	width:100%;
	height:388px;
		
}

.section7boxleft{
	width:50%;
	height:100%;
	display:inline-block;
	vertical-align:top;
	text-align:center;	
	
	
}

.section7boxright{
	width:50%;
	height:100%;
	display:inline-block;
	
	padding:50px;
	font-size:24px;
	background-color:#6f1818;
	opacity: 0.7;
	color:white;
	line-height:50px;
	
		
}

.expbox{
	display:table-cell;
	width:33%;
	height:100%;
	vertical-align:top;

	padding:20px;
	padding-top:40px;
	text-align:center;
	
	color:#191919;
	
		
}

.section7CNT img{
	border: 10px solid #6f1818;
	border-radius:85px;

}

.section8CNT {
    padding: 8rem;
}
.section8CNT .sectiontitle {
    margin-bottom: 5rem;
}
.section8CNT .section_content {
    font-size: 2.7rem;
}

.section8CNT .section_content p{
    text-indent: 3rem;
    margin-bottom: 2rem;
}
.button.show_section8 {
    padding: 1.2rem;
    color: black;
}


.footerCNT{
	width:100%;
	background-color:#484646;
	font-size:1.7rem;
		
}

.footflank{
	display:table-cell;
	padding:50px;
	color:lightgray;	
}

.footflank .logo{
	font-size:120px;
	color:darkgray;	
	
	
}


.firatext{
	font-family:'fira_sansextralight';
	background-color:transparent;	
	
}

.firatextbold{
	font-family:'fira_sanssemibold';	
}


.largetext{
	font-size:50px;
	line-height: 50px;
}
.titletext{
	font-size:30px;	
}

.tinytext{
	font-size:1.7rem;
	color:gray;	
}

.vidscreen{
	border:1px solid darkgray;
	
	margin-top:55px;	
}

/* Desktop Layout: greater than 1280 */



	


@media only screen and (max-width: 1280px) {




}


@media only screen and (max-width: 1024px) {


}


/* Tablet layout */
@media only screen and (max-width: 768px) {
	

}
/* movie too small correction */
@media only screen and (max-width: 720px) {
	.videoholder img {
	    display: none;
	}
	.smoke {
	    position: relative;
	}
	.videoholder {
	    background-repeat: no-repeat;
	    background-color: black;
	    background-image: none;
	}
	.videoelement {
	    min-width: 100%;
	    min-height: 100%;
	    height: auto;
	    width: auto;
	}
}




/* Mobile Layout:  min of 480px .  I80erits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (max-width: 480px) {


}

@media only screen and (min-width: 481px) {
	

	
}

.section7CNT, .section3CNT, .section6CNT {
	display: none;
}