@font-face 
{
	font-family: 'Franklin Gothic Medium Cond'; line-height: 2.0;
	src: url('font/franklin-gothic-medium-cond/franklin-gothic-medium-cond.eot') format('eot'), url('font/franklin-gothic-medium-cond/franklin-gothic-medium-cond.woff') format('woff'), url('font/franklin-gothic-medium-cond/franklin-gothic-medium-cond.ttf') format('truetype');
	
}

@font-face 
{
	font-family: 'Gill Sans MT';
	src: url('font/gill-sans-mt/gill-sans-mt.eot') format('eot'), url('font/gill-sans-mt/gill-sans-mt.woff') format('woff'), url('font/gill-sans-mt/gill-sans-mt.ttf') format('truetype');
}



.ebrima-000 {font-family: 'Open Sans', serif; color: #000;}
.ebrima-fff {font-family: 'Open Sans', serif; color: #FFF;}
.ebrima-ff5400 {font-family: 'Open Sans', serif; color: #ff5400;}
.gill-20-ff5400 {font-family: 'Gill Sans MT'; font-size: 20px; color: #ff5400;}
.ebrima-16-ff5400 {font-family: 'Open Sans', serif; font-size: 16px; color: #ff5400;}
.ebrima-0272a6 {font-family: 'Open Sans', serif; color: #0272a6;}
.ebrima-00619d {font-family: 'Open Sans', serif; color: #00619d;}
.ebrima-19-00619d {font-family: 'Open Sans', serif; font-size: 19px; color: #00619d;}
.ebrima-18-00619d {font-family: 'Open Sans', serif; font-size: 18px; color: #00619d;}
.ebrima-12-0272a6 {font-family: 'Open Sans', serif; font-size: 12px; color: #0272a6;}
.ebrima-12-000 {font-family: 'Open Sans', serif; font-size: 12px; color: #000;}
.ebrima-14-000 {font-family: 'Open Sans', serif; font-size: 14px; color: #000;}
.ebrima-15-000 {font-family: 'Open Sans', serif; font-size: 15px; color: #000;}
.ebrima-14-fff {font-family: 'Open Sans', serif; font-size: 14px; color: #FFF;}

.ebrima-16-000 {font-family: 'Open Sans', serif; font-size: 16px; color: #000;}
.ebrima-16-fff {font-family: 'Open Sans', serif; font-size: 16px; color: #fff;}
.ebrima-16-2400ff {font-family: 'Open Sans', serif; font-size: 16px; color: #2400ff;}
.ebrima-18-000 {font-family: 'Open Sans', serif; font-size: 18px; color: #000;}
.ebrima-18-00619d {font-family: 'Open Sans', serif; font-size: 18px; color: #00619d;}
.ebrima-18-0272a6 {font-family: 'Open Sans', serif; font-size: 18px; color: #0272a6;}
.ebrima-19-0272a6 {font-family: 'Open Sans', serif; font-size: 19px; color: #0272a6;}
.ebrima-24-0272a6 {font-family: 'Open Sans', serif; font-size: 24px; color: #0272a6;}
.ebrima-22-0276ac {font-family: 'Open Sans', serif; font-size: 22px; color: #0276ac;}
.fgm-16-000 {font: 16px 'Franklin Gothic Medium Cond'; color:#000; }

.gill-20-fff {font-family: 'Gill Sans MT'; font-size: 20px; color: #FFF;}
.gill-18-000 {font-family: 'Gill Sans MT'; font-size: 18px; color: #000;}
.gill-19-000 {font-family: 'Gill Sans MT'; font-size: 19px; color: #000;}
.frank-20-fff {font-family: 'Franklin Gothic'; font-size: 20px; color: #000;}

.martop-40 {margin-top: 40px;}
.marbottom-40 {margin-bottom: 40px;}
.marbottom-25 {margin-bottom: 25px;}
.minmartop-15 {margin-top: -15px;}
.padleft-15 {padding-left: 23px;}
.padding-15 {padding: 10px;}

body {background-color:#ffffff !important;}

.navbar-default
{
	background: none !important;
	border: none;
	border-radius: 0px;
	border-top: none;
	border-bottom: none; 
}

.navbar .navbar-nav 
{
	display: inline-block;
	float: none;
	vertical-align: top;
}

.navbar .navbar-collapse 
{
	text-align: center;
}

.navbar-default .navbar-nav > .active > a,  .navbar-default .navbar-nav > .active > a:hover,  .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover
{
	color: #03aefd  !important;
	background: #ffffff;
}

#myNavbar li:hover {color: #03aefd;}

.dropdown-menu {background-color: #ffffff;}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus 
{
	color: #03aefd;
	text-decoration: none;
	background: #ffffff !important;
}

h3.linetext {overflow: hidden; text-align: center;}
h3.linetext:before, h3.linetext:after 
{
    background-color: #0276ac;
    content: "";
    display: inline-block;
    height: 3px;
    position: relative;
    vertical-align: middle;
	width: 50%;
}

h3.linetext:before { right: 0.5em; margin-left: -50%; }
h3.linetext:after { left: 0.5em; margin-right: -50%; }

h3.linetext-left {overflow: hidden; text-align: left;}
h3.linetext-left:before, h3.linetext-left:after 
{
    background-color: #0276ac;
    content: "";
    display: inline-block;
    height: 3px;
    position: relative;
    vertical-align: middle;
}

h3.linetext-left:before { right: 0.5em; margin-left: -40%; width: 50%;}
h3.linetext-left:after { left: 0.5em; margin-right: -50%; width: 80%;}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {width: 100%;margin: auto;}
.carousel-inner > .item > iframe, .carousel-inner > .item > a > iframe {width: 410px; height: 231px; margin: auto;}
.carousel-control.left, .carousel-control.right{  background: none !important; filter: progid:none !important; }

.profile-founder img {max-width: 100%; height: auto; margin: 0 auto;}
.profile-founder h3, .profile-founder h4 {text-align: center;}

.text-panel-ff6600 {background-color: #ff6600; padding: 10px;}
.text-panel-ffff00 {background-color: #ffff00; padding: 10px;}
.text-panel-eaf8ff {background-color: #eaf8ff; padding: 15px;}
#geneng-level {background-color: #f6f1f1}
#geneng-leveldetail {background-color: #d0f0ff;}

.borderless table, .borderless-td table 
{
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: none;
}

.borderless td, .borderless th { border: none !important; }
.borderless-td > thead > tr { border: #ffffff solid 2px !important; }
.borderless-td td, .borderless-td th { border: none !important; }	

#secondary-course ul {list-style-image: url('image/blue-checklist.png') !important;}
#secondary-course th {vertical-align: middle;}
.td-valign-top {vertical-align: top;}
.td-valign-middle {vertical-align: middle;}

#footer {background-color:#0276ac; height:auto;}
.sitemap a {font-family: 'Open Sans', serif; font-size: 16px; color: #ffffff;}
#social-media {background-color:#fff; height: 0;}
#social-media ul {text-align: right;}

@media only screen and (max-width: 767px) {
	img#eetlogo {width: 250px; height: 103px;}
	.level-info {text-align: center;}
	.level-infoleft {text-align: left;}
	.level-info h3 {font-size: 20px;}
	#social-media li {height: 30px; width: 30px; display:inline-table; margin-right: 15px;}
	#social-media, #social-media ul {text-align: center;}
	.engprimary-video {margin-bottom : 10px;}
	.engprimary-benefit h4, .engsecond-benefit h4, .genenglish-benefits h4 {font-size:14px;}
	.whatchildrensay div {margin-bottom: 10px !important;}
	h3#donatetoday {font-size: 16px;}
	h4#visitthemtoday {font-size: 14px;}
}

@media only screen and (min-width: 768px) {
	#myNavbar {margin: 20px 0 0 -10px!important;}
	#myNavbar li {font-size: 12px;}
	#social-media li {height: 25px; width: 25px; display:inline-table; margin-right: 15px;}
	.engprimary-benefit h4, .engsecond-benefit h4, .genenglish-benefits h4 {font-size: 14px;}
}

@media only screen and (min-width: 992px) {
	#myNavbar {margin: 50px 0 0 -60px !important;}
	#myNavbar li {font-size: 12px;}
	#social-media li {height: 30px; width: 30px; display:inline-table; margin-right: 15px;}
	.engprimary-benefit h4, .engsecond-benefit h4, .genenglish-benefits h4 {font-size: 16px;}
}

@media only screen and (min-width: 1200px) {
	#myNavbar {margin: 90px 0 0 -60px !important;}
	#myNavbar li {font-size: 14px;}
	#social-media li {height: 40px; width: 40px; display:inline-table; margin-right: 15px;}
	.engprimary-benefit h4, .engsecond-benefit h4, .genenglish-benefits h4 {font-size: 18px;}
}