/* EXCELLENT ACADEMY STYLE SHEET */

body{
	margin:0;
	padding:0;
	background-color:#ECF4F7;
	font-family:Arial, Helvetica, sans-serif;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}



/* FORM STUFF */



/* form inputs */

.popup-position{
	display:none;
	position:fixed;
	top:0;
	left:0;
	background-color:rgba(0,0,0,0.85);
	width:100%;
	height:100%;
	z-index:20;
}

#popup-wrapper{
	width:500px;
	margin:50px auto;
	text-align:left;
}

#popup-container{
	height:520px;
	background-color:#063880;
	padding:20px;
	padding-left:60px;
	border-radius:25px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:18px;
}

form input[type="text"]{
	height:30px;
	border:none;
	border-bottom:1.25px solid;
	border-color:#fff;
	color:#fff;
	background:transparent;
	outline:none;
	margin-bottom:50px;
}

#message{
	margin-top:10px;
	margin-bottom:30px;
	border:none;
	border-bottom:1.25px solid;
	border-color:#fff;
	color:#fff;
	background:transparent;
	outline:none;
	height:100px;
	width:375px;
	max-width:100%;
	resize:none;
	font-family:Arial, Helvetica, sans-serif;
}

/*form buttons*/

#mail_send, #form_reset{
	border:none;
	background-color:#02132D;
	outline:none;
	display:block;
	width:120px;
	height:50px;
	cursor:pointer;
	color:#fff;
	font-size:20px;
	border:hidden;
	border-radius:10px;
}

#mail_send{
	float:left;
}

#form_reset{
	float:right;
	margin-right:40px;
}

#mail_send:hover, #form_reset:hover{
	background-color:#ECF4F7;
	color:#063880;
}

#form_head{
	font-size:100px;
	line-height:20px;
}

#form_text{
	font-size:40px;
	line-height:20px;
}

.regi_wrap{
	margin-top:50px;
	line-height:25px;
}

#step{
	font-size:40px;
	line-height:10px;
	margin-bottom:0;
}

.download_btn{
	width:350px;
	height:70px;
	margin:20px;
	background-color:#161616;
	border:hidden;
	border-radius:10px;
	text-align:center;
	padding-top:40px;
	font-size:30px;
	text-decoration:none;
	color:#fff;
	transition:0.25s;
}

.download_btn:hover{
	background-color:#F00;
}

/* - - - - - */



/*HEADER*/



.header{
	width:100%;
	height:120px;
	background-color:#063880;
}

.header_item{
	width:97px;
	height:120px;
	background-image:url(../img/logo.png);
	background-size:contain;
	background-repeat:no-repeat;
	float:left;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:-30px;
}

.navigate{
	width:86%;
	height:80px;
	float:left;
	margin-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
}

.navbtn{
	width:14%;
	height:54px;
	float:left;
	font-size:15px;
	padding-top:28px;
	display:inline-block;
	border:hidden;
	border-radius:15px;
	color:#fff;
}

.navbtn:hover{
	background-color:#ECF4F7;
	color:#063880;
	box-shadow:inset 0px -10px 50px -2px rgba(59,115,255,1);
	transition:ease-in 0.3s;
}

.navbtn2{
	width:14%;
	height:54px;
	float:left;
	font-size:18px;
	padding-top:28px;
	display:inline-block;
	border:hidden;
	border-radius:15px;
	color:#063880;
	background-color:#ECF4F7;
}

.navbtn2:hover{
	background-color:#E41B1B;
	color:#fff;
	transition:ease-in 0.3s;
}



/* HOME */



/* Slider */

.slidewrap{
	width:100%;
	height:450px;
	background-color:#000;
}

.spacer{
	height:auto;
	font-size:40px;
	padding:21px;
	background-color:#02132D;
	text-align:center;
	color:#fff;
}

/* Welcome Text */

.slideanim {
    visibility:hidden;
}
.slideanim.slide {                  
    visibility: visible;              
    animation: slide 1.5s ease;
}
.slideanim::after {
    /* useful when its child elements are float:left; */
    content: "";
    display: table;
    clear: both;
}
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateX(-50%);
    } 
    100% {
        opacity: 1;
        transform: translateX(0);
    } 
}

.welcome{
	width:100%;
	height:750px;
	z-index:1;
}

.welwrap{
	width:80%;
	padding:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#063880;
}

#text1{
	font-size:35px;
}

#text2{
	font-size:14px;
	line-height:24px;
}

.course_bars{
	max-width:1200px;
}

.c_bar{
	float:left;
	width:300px;
	margin:50px;
	transform-origin:center;
	transition:0.75s;
	text-decoration:none;
	color:#063880;
}

.c_bar:hover{
	transform:scale(1.2);
}

.portals{
	width:100%;
	height:600px;
	background-color:#fff;
	overflow:hidden;
	z-index:999;
}

.translator{
	float:left;
	width:20%;
	height:80%;
	padding:5%;
}

.about_portal{
	float:left;
	width:30%;
	padding-top:40px;
	margin:5%;
}

#a_port_text{
	color:#063880;
	font-size:20px;
}

.read_more{
	margin:40px;
	border-radius:10px;
	cursor:pointer;
	height:50px;
	width:200px;
	padding-top:20px;
	background-color:#063880;
	border:hidden;
	text-decoration:none;
	color:#fff;
	font-size:25px;
	font-weight:bolder;
}

.read_more:hover{
	background-color:#46A8F9;
}

.course_portal{
	float:left;
	width:20%;
	padding-top:6.5%;
	font-size:36px;
	text-align:left;
	color:#063880;
}

.c_port_btn_1, .c_port_btn_2{
	font-size:18px;
	width:120%;
	height:20px;
	margin-top:15px;
	padding:15px;
	color:#063880;
	border:1px solid;
	border-radius:5px;
	text-transform:uppercase;
}

.c_port_btn_1{
	background-color:#ECF4F7;
}

.c_port_btn_2{
	background-color:#C2DCE7;
}



/* ABOUT US */



.collage_wrap{
	height:500px;
	width:100%;
	overflow:hidden;
	background-color:#000;
}

.collage{
	opacity:0.7;
}

.mandela_quote{
	height:200px;
	margin-top:-300px;
	color:#fff;
	text-shadow: 0 0 15px rgb(0,0,0);
	margin-bottom:100px;
}

.m_quote{
	font-family:Vladimir Script, Sans;
	font-size:40px;
}

.m_name{
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
}

.about_us{
	height:auto;
	font-size:40px;
	padding:21px;
	background-color:#02132D;
	text-align:center;
	color:#fff;
}

.about_contents{
	height:7850px;
	max-width:100%;
	padding:1%;
}

.about_frame_1{
	width:94%;
	height:auto;
	margin:1%;
	padding:2%;
	text-align:center;
	background-color:#69c;
	font-size:18px;
}

.about_frame_2{
	float:left;
	width:40%;
	max-width:50%;
	height:auto;
	margin:1%;
	padding:4%;
	background-color:#02132D;
	font-size:18px;
	color:#FFD900;
	text-align:center;
}

.about_frame_3{
	float:left;
	width:40%;
	max-width:50%;
	height:auto;
	margin:1%;
	padding:4%;
	background-color:#69c;
	font-size:18px;
}

.about_frame_4{
	width:94%;
	height:auto;
	margin:1%;
	padding:2%;
	text-align:center;
	background-color:#585687;
	color:#fff;
	font-size:18px;
}

.frame_split{
	width:50%;
	float:left;
	height:400px;
}

.img_spacer{
	height:35px;
	width:100%;
}

.text_spacer{
	height:50px;
	width:100%;
}

#redtext{
	color:#EC0000;
	text-align:center;
}

.bus_details{
	text-align:center;
}

.values{
	width:100%;
}

.values_heading{
	height:auto;
	font-size:30px;
	color:#fff;
	background-color:#000;
	padding:15px;
	text-align:center;
}

.values_text{
	height:600px;
	background-image:url(../img/values.jpg);
	position:relative;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
	width:100%;
	text-align:center;
	font-size:25px;
	color:#fff;
	line-height:50px;
}

#value_hilight{
	font-size:30px;
	font-style:italic;
	font-weight:bold;
	width:80%;
}



/* - STUDENT SERVICES - */



.service_wrap{
	width:100%;
	height:480px;
}

.service_header{
	height:auto;
	font-size:40px;
	padding:21px;
	background-color:#02132D;
	color:#fff;
}

.service_text{
	height:440px;
	padding:40px;
	font-size:18px;
	color:#063880;
	line-height:25px;
}

.service_img{
	height:600px;
	width:100%;
	background-image:url(../img/students.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:right;
	margin-top:-607px;
}



/* - OUR COURSES - */



.courses_wrap{
	height:auto;
	width:100%;
	background-color:#B5D3DF;
	overflow:hidden;
}

.course_btn_0, .course_btn_1, .course_btn_2, .course_btn_3, .course_btn_4, .course_btn_5, .course_btn_6{
	width:100%;
	font-size:40px;
	padding-top:30px;
	padding-bottom:30px;
	background-color:#ECF4F7;
	color:#063880;
	text-transform:uppercase;
	text-align:center;
	border:none;
	border-bottom:solid;
	border-bottom-width:4px;
	border-bottom-color:#B5D3DF;
	user-select:none;
	-moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
	cursor:pointer;
	position:relative;
}

.course_btn_0:hover, .course_btn_1:hover, .course_btn_2:hover, .course_btn_3:hover, .course_btn_4:hover, .course_btn_5:hover, .course_btn_6:hover{
	width:100%;
	padding-top:50px;
	padding-bottom:50px;
	background-color:#55A3F9;
	color:#fff;
	transition:0.5s;
	transform-origin:center;
	border-bottom-width:12px;
	border-bottom-color:#E41B1B;
}

.course_panel_0, .course_panel_1, .course_panel_2, .course_panel_3, .course_panel_4, .course_panel_5, .course_panel_6{
	color:#fff;
	border:hidden;
	height:0;
	margin:0;
	opacity:0;
	font-size:18px;
}

.course_panel_0.active, .course_panel_1.active, .course_panel_2.active, .course_panel_3.active, .course_panel_4.active, .course_panel_5.active, .course_panel_6.active{
	margin:40px;
	padding:5%;
	height:auto;
	opacity:1;
	border-radius:40px;
}

.course_arrow_0, .course_arrow_1, .course_arrow_2, .course_arrow_3, .course_arrow_4, .course_arrow_5, .course_arrow_6{
	width:40px;
	height:40px;
	background-image:url(../img/arrow.png);
	background-size:cover;
	float:right;
	margin-left:-4.5%;
	margin-right:2%;
	opacity:1;
	transition:0.5s;
}

.course_arrow_0.active, .course_arrow_1.active, .course_arrow_2.active, .course_arrow_3.active, .course_arrow_4.active, .course_arrow_5.active, .course_arrow_6.active{
	opacity:0.25;
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(90deg);
}
}

ol, li{
	padding-left:15px;
	line-height:20px;
}



/* - GALLERY - */



.gallery{
	width:100%;
	height:auto;
	background-color:#02132D;
	color:#fff;
	text-align:center;
	font-size:40px;
	padding:21px;
}

.gallery_wrap{
	margin:50px;
	width:80%;
	height:auto;
}

	

/* - CONTACT US - */



.c_wrapper{
	height:600px;
	width:100%;
	background-color:#063880;
}

/*details*/

.details{
	width:65%;
	height:600px;
	float:left;
	overflow-x:hidden;
	overflow-y:auto;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#ECF4F7;
	border:hidden;
	border-bottom-right-radius:50px;
	border-top-right-radius:50px;
}

.contact_us{
	width:100%;
	height:auto;
	background-color:#02132D;
	color:#fff;
	text-align:center;
	font-size:40px;
	padding:21px;
}

.cont_details{
	height:260px;
}

.numbers{
	width:60%;
	float:left;
}

.mail{
	width:40%;
	float:left;
	padding-top:60px;
}

.mail_button{
	height:70px;
	width:200px;
	padding-top:20px;
	background-color:#063880;
	border:hidden;
	border-radius:20px;
}

.mail_button:hover{
	background-color:#46A8F9;
}

#contact_text1,#contact_text3{
	font-size:22px;
	padding-top:5px;
	font-weight:bold;
	width:100%;
	float:left;
}

#contact_text2,#contact_text4{
	font-size:15px;
	margin-top:-10px;
	float:left;
	width:35%;
}

#contact_text1,#contact_text2{
	padding-left:40px;
	color:#063880;
}

#contact_text3,#contact_text4{
	padding-left:40px;
	color:#fff;
}

.facebook{
	width:35%;
	height:600px;
	float:left;
}

.address{
	width:100%;
	height:1010px;
	background-color:#063880;
	color:#fff;
}

.address_img{
	height:450px;
	width:100%;
	margin-top:60px;
	background-image:url(../img/address1.jpg);
	position:relative;
	background-position:left;
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
	float:left;
	z-index:1;
}

.address_details{
	float:left;
	color:#02132D;
	padding-top:20px;
	height:500px;
	width:100%;
}

.address_texts{
	width:40%;
	margin-top:20px;
	float:left;
}

.map{
	width:50%;
	padding:40px;
	float:left;
}

iframe{
	border:hidden;
}



/* APPLY NOW */



.apply_now{
	height:auto;
	font-size:40px;
	padding:21px;
	background-color:#02132D;
	text-align:center;
	color:#fff;
}

.apply_now_details{
	height:3197px;
	width:100%;
}

.an_intro{
	width:100%;
	height:100px;
	background-color:#fff;
	font-weight:bold;
}

.intro7{
	font-size:80px;
	float:left;
	height:80px;
	width:10%;
	margin-top:-40px;
	line-height:25px;
	margin-left:30px;
}

.introwords{
	font-size:20px;
	float:left;
	height:100px;
	width:90%;
	padding-top:-10px;
	margin-left:80px;
	margin-top:-15px;
}

.an_statement{
	float:left;
	max-width:100%;
	padding:20px;
}

.an_img{
	width:30%;
	height:350px;
	padding:20px;
}

#question{
	padding-left:20px;
	font-size:18px;
	margin-bottom:5px;
	margin-top:40px;
	color:#063880;
	font-weight:bold;
}

#answer{
	padding-left:40px;
	font-size:16px;
	width:70%;
	color:#063880;
}

.apply_frames{
	width:100%;
}

.frame_img1{
	margin-top:-260px;
	width:25%;
	height:250px;
	float:right;
	border:hidden;
	border-top-left-radius:30px;
	border-bottom-left-radius:30px;
	background-image:url(../img/ponder.jpg);
	background-size:cover;
}	

.frame_img2{
	margin-top:-290px;
	width:25%;
	height:260px;
	float:right;
	border:hidden;
	border-top-left-radius:30px;
	border-bottom-left-radius:30px;
	background-image:url(../img/visa.jpg);
	background-size:cover;
}

.regi_button{
	margin:40px;
	background-color:#063880;
	border:hidden;
	border-radius:10px;
	cursor:pointer;
	height:70px;
	width:200px;
	padding-top:20px;
	background-color:#063880;
	border:hidden;
	border-radius:20px;
}

.regi_button:hover{
	background-color:#46A8F9;
}

#col1{
	width:80px;
}

#col2{
	width:700px;
}

.pay_wrap{
	height:auto;
	padding-bottom:20px;
	width:100%;
	text-align:center;
}

.pay_bar_1{
	float:left;
	width:33.3%;
	height:640px;
	background-color:#fff;
	color:#000;
}

.pay_bar_2{
	float:left;
	width:33.3%;
	height:640px;
	background-color:#B0FFB0;
	color:#090;
}

.pay_bar_3{
	float:left;
	width:33.4%;
	height:640px;
	background-color:#0C0;
	color:#fff;
}

#pay_heading{
	font-size:40px;
	font-weight:bolder;
	padding:20px;
}

#pay_text{
	font-size:18px;
	padding:40px;
	margin-top:-70px;
}

#tour_list{
	color:#063880;
	margin-left:40px;
	font-size:16px;
}



/*ENDER*/



.ender{
	height:400px;
	background-color:#063880;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
}

.top{
	height:350px;
	padding-top:50px;
}

.ender_img{
	width:449px;
	height:115px;
	border:2px solid;
	border-color:#F00;
	border-radius:20px;
	background-image:url(../img/ender_item.jpg);
}

.bottom{
	height:50px;
	background-color:#02132D;
	padding-top:5px;
}

#ender_table{
	border:0;
}

#et_row{
	width:350px;
}

.row1{
	height:40px;
	text-align:center;
	font-size:25px;
}

.row2{
	height:150px;
	text-align:center;
	font-size:16px;
}