@import url('bootstrap.min.css');
/*new font*/
@font-face {
    font-family: ebg;
    src: url(EBGaramond.ttf);
}

*,body {margin:0px; padding:0px; outline:none !important;}
body {font-family: ebg, sans-serif; color:#303062;}
ul li {list-style:none; color:#303062; font-family: ebg;} /*changed font and color*/
ol li {list-style:; color:#303062; font-family: ebg;} /*added entire line*/
a {color:#800000; font-weight: bold;}
a:hover, a:focus, a:active { text-decoration:none; color:blue;}




h1{color:#1c0303;} /*added myself*/
h1, h2, h4{ font-family:ebg;} /*removed latolight*/
h2, h3, h4 {color: #303062;} /*added myself*/
h5 {font-family: ebg, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;}
	
@media (min-width:1200px) {	.container { width:1020px;}}
.container { padding:0px;}
.newh4 {color:#F9E7CC;}
.header_main {background-image:url(../images/pattern.png); background-color:#F9E7CC; }
hr {border-color:#841616;}
#homebanner {width: 100%; height: 100%; }
#myCarousel {width: 50%; height: 50%; }
.theme_first{color:#1c0303;}



/* Innovation Programmes Content */

/* table properties added later */
table{width: 100%; border: 1px solid black;}
th{txt-align:centre; padding: 15px; }
tr:hover {background-color: #eaebff;}
tr:nth-child(even) {background-color: #f2f2f2}
td{padding: 10px; txt-align:left; }
/* Training Page Table Formatting */
/* ctable properties added later */
.ctable {color: #1e1e1a ;}
.ctable a{color: #841616;}
.ctable a:hover {color: blue; }

.flexiheader {position:relative;}
.ticker{float:left;}

/* Home Image Gallery */
div.gallery {border: ; width: 45%}
div.gallery:hover {border: 1px solid #777;}
div.gallery img {width: 100%; height: auto;}
div.desc {padding: 15px;text-align: center;}
* {box-sizing: border-box;}
.responsive {    padding: 0 6px;    float: left;    width: 24.99999%;}
@media only screen and (max-width: 700px){.responsive { width: 49.99999%; margin: 6px 0;}}
@media only screen and (max-width: 500px){ .responsive { width: 100%;}}
.clearfix:after { content: ""; display: table; clear: both;}

/* accordion properties*/
button.accordion {  background-color: #eee; color: #444; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s; font-weight:bold;}
button.accordion.active, button.accordion:hover { background-color: #ddd;}
button.accordion:after {content: '\002B'; color: #777; font-weight: bold; float: right; margin-left: 5px;}
button.accordion.active:after { content: "\2212";}
div.panel { padding: 0 18px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}
.atable {}
.atable tr:hover {background-color:#ffedf1;}
.atable th, td {color: black;}

.headernew {display: inline;}

/* STRUCTURE */
#pagewrap {padding: 5px;	width: 960px;	margin: 20px auto;}
/*header {	height: 100px;	padding: 0 15px;}*/
#content {width: 290px;	float: left;	padding: 5px 15px;}
#middle {width: 294px; /* Account for margins + border values */	float: left;	padding: 5px 15px;	margin: 0px 5px 5px 5px;}
#sidebar {	width: 270px;	padding: 5px 15px;	float: left;}
/*footer {	clear: both;	padding: 0 15px;}*/

/*MODAL*/
.modal { display: none; /* Hidden by default */   position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */    left: 0;    top: 0;
    width: 100%; /* Full width */    height: 100%; /* Full height */    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal ContentBox */
.modal-content {    background-color: #fefefe;    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;    border: 1px solid #888;    width: 80%; /* Could be more or less, depending on screen size */}
/* The Close Button */
.close {    color: #aaa;    float: right;    font-size: 28px;    font-weight: bold;}
.close:hover,.close:focus {    color: black;   text-decoration: none;   cursor: pointer;}
/*END OF MODAL*/

/*contact*/
#innovation { background-image:url(../images/pattern.png); background-color:#F9E7CC; background-repeat:repeat; padding-bottom:70px; padding-top:135px;}
#innovation .local_heading h2 { color:#383838; }

.navbar { background-color:rgba(153,0,0, 0.8); border-radius:0px; padding: 5px 15px 14px 5px;}
.navbar-brand { float: left; height: auto; padding: 5px; line-height: 20px;}
/* something missing her */
nav.navbar * { vertical-align:top; }
.navbar-nav { display:block; margin: 0 auto; margin-top:10px; padding-left: 10%;} //changed float to left
.navbar-nav > li { margin-right:10px; float:none; display:inline-block;}
.navbar-nav > li:last-child { margin-right:0px;}
.navbar-nav > li > a { padding:5px 10px; font-family: 'latolight'; font-size:15px; line-height:15px; color:#fff;}
.nav > li.active > a,  .nav > li > a:hover { text-decoration: none; background-color: #000000; color:#fff; border-radius: 3px;}
.nav>li>a:focus {    background-color:transparent;}

.banner { padding-top:115px; padding-bottom:30px; }
.banner_image{float:left;}
.banner_image img {width: 100%; } // originally 70%  max-width: 70%;
.theme_head {float:left;}
.theme_head h1 { font-size:36px; color:#303062; margin:0px;}
.theme_head h1 span {font-family: 'latoblack';}
.theme_head small { font-size:16px; color:#383838; float:right; letter-spacing:0.5px;}

.theme_first_text { float: left; margin-top:30px; }
.theme_first_text p { font-size:12px; color:#383838; line-height:20px; letter-spacing:0.5px; margin-bottom:30px;}

.theme_first_button { float:left;}
.theme_first_button button { display:inline-block; width:190px; height:50px; border:none; border-radius:2px; color:#383838; text-transform:uppercase;  background-color:transparent; font-size:18px; }
.theme_first_button button.d {background-image:url(../images/d.png); background-repeat:repeat-x; margin-right:9px;}
.theme_first_button button.l {background-image:url(../images/l.png); background-repeat:repeat-x;}
.theme_first_button button span { display:inline-block; vertical-align:sub; margin-right:10px; font-size:35px;}
.theme_first_button p { font-size:12px; color:#383838; margin-top:10px; text-align:left;}

/*overview*/
.overview { padding-top: 90px;}
.mac {float: left; margin-right:40px;}
h2.overview_head { font-size:22px; color:#e84323; margin:0px; margin-bottom:35px;}
.overviewinos p { font-size:14px; color:#222325; line-height:24px; letter-spacing:0.5px; margin-bottom:40px;}
.overviewinos p:last-child { margin-bottom:0px;}
.list_os { margin-bottom:45px;}
.list_os li:before { content:url(../images/circule-bullat.png); display:inline-block; width:9px; height:9px; margin-right:10px;}
.list_os li { font-size:14px; line-height:24px; color:#222325;}

/*feature*/
section#features { padding-top: 135px;}
.local_heading {margin-bottom: 45px; margin-top: 50px;}
.local_heading h2 { display: block; margin: auto; font-size:24px; color:#222325; text-align:center;}
.local_heading h2:before, .local_heading h2:after { content: ""; width: 30%; height: 2px; background-color: #d8d8d8; display: inline-block; vertical-align: middle; margin-top:11px;}
.local_heading h2:before { margin-right: 0.5%; float:left;}
.local_heading h2:after { margin-left:0.5%; float:right;}
.feature_inner { float: left; margin-bottom:40px;}
.feature_inner > div { vertical-align:middle;}
.feature_text {padding-top:40px;}
.feature_content > .feature_inner .feature_text .feature_text_head { font-size:24px; margin:0px; margin-bottom:30px;}
.feature_content > .feature_inner .feature_text p {color:#222325; font-size:14px; line-height:24px; letter-spacing:0.5px; margin-bottom:30px;}
.feature_content > .feature_inner .feature_text p:last-child { margin-bottom:0px;}
.feature_content > .feature_inner:nth-child(odd) > .feature_img { float:left; margin-right:60px;}
/*.feature_content > .feature_inner:nth-child(odd) > .feature_img img { border-radius:50%; border:6px solid #45ab55;}*/
.feature_content > .feature_inner:nth-child(odd) > .feature_text {text-align:right;}
.feature_content > .feature_inner:nth-child(odd) > .feature_text > h2 {color:#45ab55;}

.feature_content > .feature_inner:nth-child(even) > .feature_img { float:right; margin-left:60px;}
/*.feature_content > .feature_inner:nth-child(even) > .feature_img img {border-radius:50%; border:6px solid #4787bf;}*/
.feature_content > .feature_inner:nth-child(even) > .feature_text {text-align:left;}
.feature_content > .feature_inner:nth-child(even) > .feature_text > h2 {color:#4787bf;}

/*pricing*/

#pricing { background-image:url(../images/pattern.png); background-repeat:repeat; background-color:#F9E7CC; padding-bottom:70px; padding-top:100px;}
#pricing .local_heading h2 { color:#383838; }

.pricing table { width: 100%; color:#383838; background-color: transparent; font-size:14px;}
.pricing table tr { border-bottom:1px solid #575a5d;  border-right: 3px solid #fff; border-left: 3px solid #fff;}
.pricing table tr td { text-align:center; border-left: 2px solid #FFF; padding:13px 0px;}
.pricing table tr:first-child { border-top:3px solid #fff; border-bottom:0px;}
.pricing table tr td:first-child { text-align:left; padding-left:25px; border-left:0px;}
.pricing table tr:last-child { border-left:0px; border-bottom:0px;}
.pricing table tr:last-child td { border-bottom:3px solid #fff;}
.pricing table tr:last-child td:first-child { border-left:0px; border-bottom:0px;}
.pricing table tr:nth-child(14) td:first-child { border-bottom: 3px solid #fff;}
.pricing table tr td button { display:inline-block; width:80%; height:50px; border:none; border-radius:2px; color:#fff; text-transform:uppercase;  background-color:transparent; font-size:18px; word-break: break-word !important; }
.pricing table tr td button.d {background-image:url(../images/d.png); background-repeat:repeat-x;}
.pricing table tr td button.l {background-image:url(../images/l.png); background-repeat:repeat-x;}
.pricing table tr td button.d span { font-size: 35px; vertical-align: middle; margin-right: 5px;}
.pricing table tr:first-child td:first-child { color: #4787bf;}
.pricing table tr:first-child td {text-transform:uppercase;}



.alert_dash { margin-top:30px;}
.alert_p:before { content:url(../images/local.png); width:13px; height:13px; display:inline-block; margin-right:15px; vertical-align:middle;}
.alert_p { font-size:13px; color:#383838;}

/*review*/

#reviews { padding-bottom:70px; padding-top:135px; }
.review_box { border-bottom:1px solid #f6f6f6; float:left; padding-bottom:10px; padding-top:5px;}
.review_box h2:after { content:'-'; margin-left:15px; }
.review_box h2 { font-size:18px; color:#1f1f1f; display:inline-block; margin:0px; vertical-align:middle; min-width: 130px;}
.review_box ul { display:inline-block; vertical-align:top; margin:0px;}
.review_box ul li { display:inline-block;}
.review_box p { width:100%; display:block; float:left; color:#1f1f1f; font-size:12px; margin-top:10px;}

.review > div:first-child { border-right:1px solid #f6f6f6;}

/*contact*/
#contact { background-image:url(../images/pattern.png); background-color:#F9E7CC; background-repeat:repeat; padding-bottom:70px; padding-top:135px;}
#contact .local_heading h2 { color:#383838; }
.contact {}
.form_input { width:50%; float:left;}
.form_input:first-child { padding-right:5px; }
.form_input:last-child { padding-left:5px; }
.form_input input { height:62px; width:100%; background-color:#fff; border:none; margin-bottom:48px;  border-radius:3px; padding:0 25px; font-size:18px;}
.form_input input:last-child { margin-bottom:0px;}
.form_input textarea { width:100%; min-height:282px; resize:none; border:none; border-radius:3px; padding:15px 25px; font-size:18px;}
.form_input button { width:75%; height:63px; float:right; background-image:url(../images/submit.png); background-repeat:repeat-x; background-color:transparent; font-size:18px; border:none; border-radius:3px; color:#fff; margin-top:18px; }

::-webkit-input-placeholder {color: #e1e1e1;}
:-moz-placeholder {color:#e1e1e1;}
::-moz-placeholder {color:#e1e1e1;}
:-ms-input-placeholder {color:#e1e1e1;}

/*footer*/

#footer { background-color:#fff; padding-top:18px; padding-bottom:25px; position:relative;}
.copyright { float:left; }
.copyright p {font-size:14px; color:#323232;}
.footer_menu { float:right;}
.footer_menu ul li { display:inline-block; margin-right:10px;}
.footer_menu ul li:last-child { margin-right:0px;}
.footer_menu ul li:last-child a { color:#660;}
.footer_menu ul li a { font-size:14px; color:#323232; }
.top_up { width:70px; margin:auto; position:absolute; left:0px; right:0px; top:0px;}
.top_up a {cursor:pointer;}
.footer { float: left; width: 100%;}

/*modal*/

.modal { width: 50%; margin: auto; }
.modal * {color: #2a2b2c;}
.popup {background-color: #fff; text-align: center; padding:30px 0 30px; position: relative;
    border-radius: 4px;
    top: 30px;}
.popup > p { color: #2a2b2c; font-size: 25px; font-family: 'latolight'; }
.popup > h1 { font-size: 30px; font-family: 'latolight'; }
.popup > h1 > strong { font-family: 'latoblack';}
.popup > small > * { font-size: 12px; font-family: 'latoregular';}
.share {
    margin-top: 15px;
}
.share > a > span { font-size: 60px; font-weight: normal;}
.share > a {display: block; width: 50px; margin: auto;}
span.h { display: block; font-size: 30px;}

span.h::before, span.h::after { content: ""; width: 30%; height: 2px; background-color: #b5b5b5; display: inline-block; margin: 0% 1%; vertical-align: middle;}
.share > small { font-size: 14px;}
.popup > small > a { text-decoration: underline;}
.social { display: inline-block; max-width: 150px; min-width: 15.5%;}
.social a {
    width: 102px;
    display: block;
    margin: auto;
}
.social > a > span {
    display: block;
    width: 100px;
    margin: auto;
    font-size: 14px;
    padding: 5px 15px;
    color: #383838;
    border-radius: 2px;
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.8), 0px 1px 7px rgba(0,0,0,0.5);     text-shadow: 0px 1px 1px #000;
    border-width: 1px; border-style:solid;
}
.popover_plug {
        width: 60%;
    margin: auto;
    display: block;
    padding: 10px;
    border: 1px solid #c0c9d0;
    border-radius: 4px;
    margin-bottom: 10px;
    box-shadow: inset 0px 2px 5px rgba(0,0,0,0.1);
    position: relative;
	font-family: 'latoblack'; font-size:15px;
}
.social_share {
    margin-top:35px;
}
.popover_plug:after { display:block; content:url(../images/pointer_bottom.png); width:10px; height:10px; position:absolute; left:0px; right:0px; margin:auto; bottom:-4px;}
.social > a > span > i { color: #383838; margin-right: 10px; vertical-align: middle;}
.social > a > span.fb { background-color:#395795; border-color:#30497d;}
.social > a > span.twe { background-color:#00a5ef; border-color:#009ad9;}
.social > a > span.pin { background-color:#c71e24; border-color:#bc2522;}
.social > a > span.goog { background-color:#db4635; border-color:#b1483d;}
.copy_link {
    width: 60%;
    margin: auto;
    border-radius: 5px;
    box-shadow: inset 0px 0px 8px rgba(0,0,0,0.5);
    padding: 8px 15px;
	margin-top:35px;
}
.copy_link > p:first-child	 {
    font-size: 18px;
}
.copy_link p:last-child {
    background-color: #d7d7d7;
    border-radius: 4px;
    font-size: 14px;
    padding: 2px;
	height: 22px;
    overflow: hidden;
}
p.text-muted {
    font-size: 14px;
    color: #777 !important;
}
.close_it {background-color:transparent; background-image:none; border:none; border-radius:0px;     width: 10px;
    height: 14px;
    position: absolute;
    right: 20px;
    top: 20px;}

@media (min-width:240px) and (max-width:767px){
		.container { padding: 0px 15px;}
		header.header_main > div.container { padding: 0px;}
		.navbar-toggle { margin:0px;}
		.navbar-toggle .icon-bar { display: block; width: 26px; height: 4px; border-radius: 10px; background-color: #000;}
		.navbar-nav { float:none;}
		.navbar-nav li { display:block;}
		.banner_image img, .feature_img img, .mac img { max-width: 100%;}
		.theme_first_button { width: 100%; text-align: center;}
		.mac {float: none; margin-right: 0px;text-align: center;}
		.feature_content > .feature_inner:nth-child(odd) > .feature_img, .feature_content > .feature_inner:nth-child(even) > .feature_img { float: none; margin-right: 0px; text-align: center; margin-left:0px;}
		.feature_content > .feature_inner:nth-child(odd) > .feature_text, .feature_content > .feature_inner:nth-child(even) > .feature_text { text-align: left;}
		.local_heading h2:before, .local_heading h2:after { width:28%;}
		.pricing table, .pricing table tr td button  {    font-size: 11px; word-break: initial; word-wrap: initial;}
		.pricing table tr td:first-child {padding:0 10px;}
		.pricing table tr td button  span { display:none; }
		.form_input { width:100%; padding:0px !important;}
		.theme_first_button button.d { margin-right:0px; margin-bottom:10px;}
		.form_input input { margin-bottom:10px !important;}
		
		.top_up:hover { opacity:1;}
		.copyright  { width:100%;}
		.footer_menu { width:100%; float:left;}
		.modal { width: 95%;	}
		.popup > p { font-size:20px;}
		.popup > h1 { font-size: 28px;}
		.copy_link { width: 90%;}
}
@media (min-width:240px) and (max-width:991px) {.top_up { position: fixed; bottom: 10px; z-index: 99999999999999999999999999; height: 41px;  top: auto;  left: auto; opacity:0.3;} .banner_image img { max-width: 100%;} .theme_first_button button.d { margin-right:0px; margin-bottom:10px;}}	
@media (min-width:767px) and (max-width:991px) {.navbar-nav > li { margin:0px;} .banner_image img { max-width: 100%;}
	.local_heading h2:before, .local_heading h2:after { width:40%;}

}
@media (min-width:768px) and (max-width:991px) { .navbar-nav > li { margin-right:5px;} }
@media (min-width:767px) and (max-width:1199px) {
		.banner_image img { max-width: 100%;}
		.theme_head h1 { font-size:30px;}
		.modal { width: 80%;}
		.theme_first_button button.d { margin-right:0px; margin-bottom:10px;}
}
/************************************************************************************
MEDIA QUERIES // Added later for contact us responsiveness 
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
	
	#pagewrap {
		width: 94%;
	}
	#content {
		width: 41%;
		padding: 1% 4%;
	}
	#middle {
		width: 41%;
		padding: 1% 4%;
		margin: 0px 0px 5px 5px;
		float: right;
	}	
	#sidebar {
		clear: both;
		padding: 1% 4%;
		width: auto;
		float: none;
	}
	header, footer {		padding: 1% 4%;	}
}

/* for 700px or less */
@media screen and (max-width: 768px) {
	.csec {display:none; }
	#content {
		width: auto;
		float: none;
	}	
	#middle {
		width: auto;
		float: none;
		margin-left: 0px;
	}	
	#sidebar {
		width: auto;
		float: none;
	}
}
/* for 480px or less */
@media screen and (max-width: 480px) {
	.csec {display:none; }
	header {		height: auto;	}
	h1 {		font-size: 2em;	}
	#sidebar {		display: none;	}
}
#content {	background:;}
#sidebar {	background: ;}
#content, #middle, #sidebar {	margin-bottom: 5px;}
 #content, #middle, #sidebar, footer {	border: }
 
 
 
 /*!* ==================================================*/
 .glyphicon-modal-window:before{content:"\e237"}
.modal-open{overflow:hidden}
.modal{top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}
.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}
.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
.modal-open .modal{overflow-x:hidden;overflow-y:auto}
.modal-dialog{position:relative;width:auto;margin:10px}
.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}
.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}
.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}
.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}
.modal-header .close{margin-top:-2px}
.modal-title{margin:0;line-height:1.42857143}
.modal-body{position:relative;padding:15px}
.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}
.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}
.modal-footer .btn-group .btn+.btn{margin-left:-1px}
.modal-footer .btn-block+.btn-block{margin-left:0}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}

@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}
@media (min-width:992px){.modal-lg{width:900px}}
 
 
 /*=====================================================*/