* {
margin: 0;
padding: 0;
text-shadow: none !important;
text-decoration: none; 
}

html, body {
background: black;
-webkit-font-smoothing: antialiased;
}

body {
font-size: 95%;
}

.ui-page {
color: #a0a0a0;
font-size: 1.2em;
}

h1, h2, h3, h4, h5 {
color: white;
font-weight: 300;
margin: 0 0 0.5em;
}

.ui-header h1.ui-title {
font-size: 1.1em;
margin-right: 12%;
margin-left: 12%;
text-align: center;
}

h2 {
font-size: 1.3em;
line-height: 1.15em;
margin-bottom: 0.3em;
}

h4 {
font-size: 19px;
}

p {
margin: 0 0 1em;
}

strong {
font-weight: 600;
}

img, iframe {
display: block;
max-width: 100%;
}

hr {
display: block;
height: 1px;
border: 0;
    border-top: 1px solid #434343 !important;
margin: 1em 0;
padding: 0;
}

header {
height: 50px;
overflow: hidden;
}

header .menu {
padding: 5px 0;
}

table {
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 1em;
width: 100%;
}

table th, table td {
border: 1px solid #333;
padding: 1% 2%;
}

figure {
background: rgba(0,0,0,0.2);
margin: 0 0 1em;
padding: 1em;
}

figure img {
height: 100%;
margin: 0 0 1em;
width: 100%;
}

.top-left {
position: absolute;
padding: .55em 11px .5em 16px;
}

.top-left a {
display: block;
padding-top: 4px;
}

.top-left img {
float: left;
margin-top: -3px;
padding-right: 4px;
}

.padding {
padding: 5%;
}

.padding_index {
padding: 5%;
}

.padding-out {
margin: 0 -5.5%;
max-width: inherit;
width: 111%;
}

.dark {
background: rgba(0,0,0,0.2);
}

.white {
color: white;
}

.red {
color: #fe4a50;
}

.gray {
color: #aaa;
}

.logo {
width: 70%;
margin: 30px auto 0;
position: relative;
z-index: 100;
top: 0;
}

.bottom {
padding: .3em 0;
margin-top: .5em;
}

#nav-panel.ui-body-a .bottom a.ui-link {
color: #434343;
}

p.info {
color: #a0a0a0;
font-size: 90%;
}

p.info img {
display: inline;
opacity: 0.4;
vertical-align: -.25em;
}

.ui-content ul {
margin-bottom: 1em;
padding-left: 2em;
}

.ui-content ul li {
margin-bottom: 1em;
}

#nav-panel.ui-body-a .ui-link {
color: white;
display: block;
font-weight: 300;
padding: 0.5em;
text-decoration: none;
}

#nav-panel.ui-body-a .ui-link.welcome {
padding: .5em 0 0;
}

#nav-panel.ui-body-a .ui-link.profile {
border-bottom: 1px solid #464646;
height: 33px;
margin: 0 -1em .5em -.5em;
}

#nav-panel.ui-body-a .ui-link.profile img {
border: 1px solid white;
border-radius: 30px;
margin-right: 5px;
padding: 2px;
vertical-align: -.7em;
}

.ui-panel a img {
display: inline;
margin-right: 10px;
vertical-align: -.4em;
}

.links-row {
border-top: 1px solid #464646;
margin-left: 5%;
overflow: hidden;
padding: 5% 5% 5% 0;
}

.links-row .cover {
float: left;
height: auto;
margin-right: 5%;
width: 40%;
}

.links-row h4 {
margin-bottom: .5em;
}

.links-row div {
float: right;
width: 55%;
}

.force-padding {
padding: 0 5% 5%;
margin: -3% 0 5%;
}

.background-cover {
background: url(images/bg.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: absolute;
top: 0;
z-index: 10;
}

.award {
margin-left: 5%;
width: 45%;
float: left;
overflow: hidden;
}
.award_divider {
width: 100%;
float: left;
}

.ui-content .ken-burns {
list-style: none;
margin: 0;
padding: 0;
}

.ui-content .ken-burns li {
height: 100%;
margin-bottom: 0;
position: absolute;
top: 0;
width: 100%;
}

.ken-burns li:nth-child(1) { -moz-animation: cycle 25s ease-in-out infinite; -webkit-animation: cycle 25s ease-in-out infinite; }
.ken-burns li:nth-child(2) { -moz-animation: cycletwo 25s ease-in-out infinite; -webkit-animation: cycletwo 25s ease-in-out infinite; }
.ken-burns li:nth-child(3) { -moz-animation: cyclethree 25s ease-in-out infinite; -webkit-animation: cyclethree 25s ease-in-out infinite; }
.ken-burns li:nth-child(4) { -moz-animation: cyclefour 25s ease-in-out infinite; -webkit-animation: cyclefour 25s ease-in-out infinite; }
.ken-burns li:nth-child(5) { -moz-animation: cyclefive 25s ease-in-out infinite; -webkit-animation: cyclefive 25s ease-in-out infinite; }

@-webkit-keyframes cycle {
  0%    { opacity: 1; } /*1 second = 4%*/
  4%    { opacity: 1; }
  8%    { opacity: 1; } 
  12%   { opacity: 1; } 
  16%   { opacity: 1; } 
  20%   { opacity: 0; } 
  96%   { opacity: 0; }
  100%  { opacity: 1; }
}

@-webkit-keyframes cycletwo {
  0%    { opacity: 0; } /*1 second = 4%*/
  16%   { opacity: 0; } 
  20%   { opacity: 1; } 
  24%   { opacity: 1; } 
  28%   { opacity: 1; } 
  32%   { opacity: 1; } 
  36%   { opacity: 1; } 
  40%   { opacity: 0; } 
  100%  { opacity: 0; }
}

@-webkit-keyframes cyclethree {
  0%    { opacity: 0; } /*1 second = 4%*/
  36%   { opacity: 0; } 
  40%   { opacity: 1; } 
  44%   { opacity: 1; } 
  48%   { opacity: 1; } 
  52%   { opacity: 1; } 
  56%   { opacity: 1; }
  60%   { opacity: 0; }
  100%  { opacity: 0; }
}

@-webkit-keyframes cyclefour {
  0%    { opacity: 0; } /*1 second = 4%*/
  56%   { opacity: 0; }
  60%   { opacity: 1; }
  64%   { opacity: 1; }
  68%   { opacity: 1; }
  72%   { opacity: 1; }
  76%   { opacity: 1; }
  80%   { opacity: 0; }
  100%  { opacity: 0; }
}

@-webkit-keyframes cyclefive {
  0%    { opacity: 0; } /*1 second = 4%*/
  76%   { opacity: 0; }
  80%   { opacity: 1; }
  84%   { opacity: 1; }
  88%   { opacity: 1; }
  92%   { opacity: 1; }
  96%   { opacity: 1; }
  100%  { opacity: 0; }
}


@-moz-keyframes cycle {
  0%    { opacity: 1; } /*1 second = 4%*/
  4%    { opacity: 1; }
  8%    { opacity: 1; } 
  12%   { opacity: 1; } 
  16%   { opacity: 1; } 
  20%   { opacity: 0; } 
  96%   { opacity: 0; }
  100%  { opacity: 1; }
}

@-moz-keyframes cycletwo {
  0%    { opacity: 0; } /*1 second = 4%*/
  16%   { opacity: 0; } 
  20%   { opacity: 1; } 
  24%   { opacity: 1; } 
  28%   { opacity: 1; } 
  32%   { opacity: 1; } 
  36%   { opacity: 1; } 
  40%   { opacity: 0; } 
  100%  { opacity: 0; }
}

@-moz-keyframes cyclethree {
  0%    { opacity: 0; } /*1 second = 4%*/
  36%   { opacity: 0; } 
  40%   { opacity: 1; } 
  44%   { opacity: 1; } 
  48%   { opacity: 1; } 
  52%   { opacity: 1; } 
  56%   { opacity: 1; }
  60%   { opacity: 0; }
  100%  { opacity: 0; }
}

@-moz-keyframes cyclefour {
  0%    { opacity: 0; } /*1 second = 4%*/
  56%   { opacity: 0; }
  60%   { opacity: 1; }
  64%   { opacity: 1; }
  68%   { opacity: 1; }
  72%   { opacity: 1; }
  76%   { opacity: 1; }
  80%   { opacity: 0; }
  100%  { opacity: 0; }
}

@-moz-keyframes cyclefive {
  0%    { opacity: 0; } /*1 second = 4%*/
  76%   { opacity: 0; }
  80%   { opacity: 1; }
  84%   { opacity: 1; }
  88%   { opacity: 1; }
  92%   { opacity: 1; }
  96%   { opacity: 1; }
  100%  { opacity: 0; }
}

.ken-burns h3 {
bottom: 1%;
left: 5%;
position: absolute;
}

.progress-bar { 
background: #fff;
bottom: 0;
height: 5px;
position: absolute;
width: 100%; 
z-index: 100;
-webkit-animation: fullexpand 25s ease-out infinite;
-moz-animation: fullexpand 25s ease-out infinite;
}

@-webkit-keyframes fullexpand {
   /* In these keyframes, the progress-bar is stationary */
   0%, 20%, 40%, 60%, 80%, 100% { width: 0%; opacity: 0; }
   /* In these keyframes, the progress-bar starts to come alive */
   4%, 24%, 44%, 64%, 84% { width: 0%; opacity: 0.3; }
   /* In these keyframes, the progress-bar moves forward for 3 seconds */
   16%, 36%, 56%, 76%, 96% { width: 100%; opacity: 0.7; }
   /* In these keyframes, the progress-bar has finished his path */
   17%, 37%, 57%, 77%, 97% { width: 100%; opacity: 0.3; }
   /* In these keyframes, the progress-bar will disappear and then resume the cycle */
   18%, 38%, 58%, 78%, 98% { width: 100%; opacity: 0; }
}

@-moz-keyframes fullexpand {
   0%, 20%, 40%, 60%, 80%, 100% { width: 0%; opacity: 0; }
   4%, 24%, 44%, 64%, 84% { width: 0%; opacity: 0.3; }
   16%, 36%, 56%, 76%, 96% { width: 100%; opacity: 0.7; }
   17%, 37%, 57%, 77%, 97% { width: 100%; opacity: 0.3; }
   18%, 38%, 58%, 78%, 98% { width: 100%; opacity: 0; }
}

.flexslider {margin: 0; padding: 0;}
.flexslider .slides { margin: 0; padding: 0; }
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width:100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.flexslider .flex-caption { background: #111; margin: 0; padding: 3% 5%; }

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

.height-auto {
height: auto !important;
width: 100%;
}

.map { 
margin-top: 3%;
margin-bottom: -6%;
}

.map-overlay {
display: block;
height: 300px;
position: absolute;
width: 100%;
}

.ui-content .secondary-list,
.ui-content .tertiary-list {
list-style: none;
margin-bottom: 3px;
padding-left: 10px;
}

.ui-content .secondary-list.no-top li:first-child {
border-top: none;
}

.ui-content .secondary-list li {
margin-bottom: 0;
}

.ui-content .secondary-list li a {
border-top: 1px solid #363636;
display: block;
padding: 13px 0;
    text-decoration: none !important;
}

.ui-content .secondary-list + hr {
padding-top: 10px;
}

.ui-content .secondary-list + hr.padding-top {
padding-top: 20px;
}

.ui-content .secondary-list .ui-collapsible-heading .ui-btn-icon-left .ui-btn-inner {
padding: 0;
}

.ui-content .tertiary-list {
margin: 5px 0 -15px;
}

.ui-collapsible-heading {
color: #a0a0a0;
font-size: 18px;
}


.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

#login form {
margin: 1em auto 0;
width: 80%;
}

#login form input,
#login form .ui-btn-inner {
border: 1px solid #434343;
border-radius: 3px;
margin-bottom: 1em;
padding: 4%;
width: 92%;
}

#login form input[type="submit"] {
border: none;
}

#login form .username {
border-radius: 3px 3px 0 0;
}

#login form .password {
margin-top: -1em;
border-top: none;
border-radius: 0 0 3px 3px;
}

#login form .ui-btn-inner {
background: #a0a0a0;
border-color: #a0a0a0;
}

#login form .bottom {
color: #a0a0a0;
display: block;
font-size: 80%;
text-align: center;
}

#about .flexslider {
margin-bottom: -1em;
}

#about iframe {
margin: 3% 0;
width: 100%;
}

#about .caption span {
display: block;
margin-bottom: 1em;
}

#about ul.global_mission {
list-style: none;
padding: 0;
}

#about ul.global_mission .span-2-1 {
display: block;
margin-bottom: 1em;
}

#about ul.global_mission img {
display: inline-block;
margin-right: 1em;
width: 30%;
}

#about ul.global_mission p {
display: inline-block;
vertical-align: top;
width: 60%;
}

img.cover {
margin-top: -8%;
margin-bottom: 5%;
}

#courses_details .career li {
margin-bottom: 0;
}

#courses_details h3.margin-top {
margin-top: 1em;
}

#m_video iframe {
min-height: 300px;
width: 100%;
}

.over-push {
height: auto;
width: 100%;
}

#home .study {
background: #fff;
color: #333;
overflow: hidden;
padding: 5%;
}

#home .study p {
margin: 0;
text-transform: uppercase;
}

/*@media all and (max-width: 767px) {
#home .study p { margin-bottom: -7%; }
}

@media all and (min-width: 768px) {
#home .study p { margin-top: 5%; }
}*/

#home .study form {
border: none;
margin: 0;
}

#home .study .ui-input-text {
box-shadow: none;
color: #09f;
margin-left: -.3em;
width: 85% !important;
}

#home .study input[type="text"] {
font-size: 2.7em;
letter-spacing: -2px;
margin: 0;
padding: 0;
text-transform: uppercase;
}

#home .study .ui-submit {
background: url(/graphics/icons/magnifier-dark.svg) no-repeat center center;
background-size: 42px;
bottom: 0;
height: 100%;
opacity: .8;
position: absolute;
right: 5%;
text-indent: -9999px;
width: 70px;
}

#home .study .ui-submit input { /*to ninja disable it*/ 
display: none;
}

#home .study ::-webkit-input-placeholder { color: #09f; }
#home .study :-moz-placeholder { color: #09f; }
#home .study ::-moz-placeholder { color: #09f; }
#home .study ::-ms-input-placeholder { color: #09f; }

#courses-livesearch ul {
list-style: none;
margin-bottom: 5%;
overflow: hidden;
padding-left: 5%;
}

#courses-livesearch a {
color: #333;
}

#home .study p.no_result {
color: #333;
margin-bottom: 5%;
margin-top: 0;
}

#home .admission {
background: #232323;
border-top: 1px solid #464646;
display: block;
padding: 5% 5% 5% 0;
}

#home .admission .blue {
color: #09f;
}




/* =============================================
=== jQuery reset (Default theme is so fugly) ===
===============================================*/

.ui-panel {
width: 14em;
}

.ui-content {
padding: 0;
}

.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open, .ui-panel-content-wrap-position-left.ui-panel-content-wrap-open, .ui-panel-dismiss-position-left.ui-panel-dismiss-open {
left: 14em;
right: -14em;
}

.ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal, .ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push, .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal, .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push {
-webkit-transform: translate3d(14em,0,0);
-moz-transform: translate3d(14em,0,0);
transform: translate3d(14em,0,0);
}

.ui-page, ui-content, .ui-body-c, .ui-overlay-c, .ui-body-a, .ui-body-a a {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.ui-page, .ui-content, .ui-body-c {
background: #232323;
color: #a0a0a0;
}

.ui-header {
border: none;

}

.ui-btn, .ui-btn-inner, .ui-panel-position-left.ui-panel-display-reveal, .ui-panel-position-left.ui-panel-open, .ui-body-a {
border: none;
}

.ui-shadow {
box-shadow: none !important;
}

#nav-panel {
background: #151515;
box-shadow: none;



}

.ui-panel-inner {
padding: 0 15px;
}

.ui-body-c .ui-link, .ui-body-c .ui-link:active, .ui-body-c .ui-link:hover, .ui-body-c .ui-link:visited, .ui-bar-a a.ui-link, .ui-bar-a a.ui-link:visited {
color: white;
font-weight: 300;
text-decoration: none;
}

.ui-btn {
background: none;
}

.ui-input-search, div.ui-input-text {
background: none;
border: none;
box-shadow: none;
margin: 0;
padding: 0;
}

.ui-collapsible-heading {
margin	: 0;
}

.ui-collapsible-heading .ui-btn {
color: inherit;
}

.ui-collapsible-heading .ui-btn-up-c,
.ui-collapsible-heading .ui-btn-hover-c {
font-family: inherit;
font-weight: inherit;
}

.ui-collapsible-heading .ui-btn-inner {
font-size: inherit;
}

/* for fun */
.haiyah {
color: #fe4a50;
font-size: 70%;
margin-left: 5px;
-moz-animation: haiyah 1s ease-in-out infinite; 
-webkit-animation: haiyah 1s ease-in-out infinite; 
}

@-webkit-keyframes haiyah {
  0%    { opacity: 0; } 
  50%    { opacity: 1; }
  100%    { opacity: 0; } 
}

@-moz-keyframes haiyah {
  0%    { opacity: 0; } 
  50%    { opacity: 1; }
  100%    { opacity: 0; } 
}



p.info_index  {
margin: 0 0 4em;
}

.ui-panel-content-wrap-open {
 position:fixed;
 width:100%;
}