@font-face{ font-family: 'Ralewayblack'; src: url(../fonts/Raleway-Black.ttf); font-style: normal: }
@font-face{ font-family: 'Ralewayblacki'; src: url(../fonts/Raleway-BlackItalic.ttf); font-style: normal: }
@font-face{ font-family: 'Ralewaybold'; src: url(../fonts/Raleway-Bold.ttf); font-style: normal: }
@font-face{ font-family: 'Ralewayxbold'; src: url(../fonts/Raleway-ExtraBold.ttf); font-style: normal: }
@font-face{ font-family: 'Ralewayxlight'; src: url(../fonts/Raleway-ExtraLight.ttf); font-style: normal: }
@font-face{ font-family: 'Ralewaylight'; src: url(../fonts/Raleway-Light.ttf); font-style: normal: }
@font-face{ font-family: 'Ralewaymedium'; src: url(../fonts/Raleway-Medium.ttf); font-style: normal: }
@font-face{ font-family: 'Ralewayreg'; src: url(../fonts/Raleway-Regular.ttf); font-style: normal: }
@font-face{ font-family: 'Ralewaythin'; src: url(../fonts/Raleway-Thin.ttf); font-style: normal: }
@font-face{ font-family: 'Bebab'; src: url(../fonts/BebasNeue-Bold.otf); font-style: normal: }
@font-face{ font-family: 'Bebal'; src: url(../fonts/BebasNeue-Light.otf); font-style: normal: }
@font-face{ font-family: 'Bebar'; src: url(../fonts/BebasNeue-Regular.otf); font-style: normal: }

@font-face{ font-family: 'Young'; src: url(../fonts/Young.ttf);  font-style: normal: }
@font-face{ font-family: 'Ruthie'; src: url(../fonts/Ruthie.otf);  font-style: normal: }
@font-face{ font-family: 'Neviscon'; src:url(../fonts/NEVISNCN_0.TTF); font-weight: normal; font-style: normal; }
@import url(https://fonts.googleapis.com/css?family=Dosis:600);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

body {
  font-family: Ralewaylight;
  font-size: .83em;
  line-height: 1.75;
  color: #666666;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Ralewaylight;
  color: #444444;
}

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

a:focus {
  outline: none;
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
img {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button,
input {
  line-height: normal;
  *overflow: visible;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]:-webkit-search-decoration {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

.mainlogo{ text-align:center; margin-bottom:20px; margin-top:20px; }
.nav-stacked>li{float:none; border-bottom:1px #E4E4E4 solid;}
.nav-stacked>li>a{ color:#0080C0; font-family:Ralewaymedium; }
.nav-stacked>li+li{margin-top:2px;margin-left:0}
.img-polaroid {
  padding: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

#preloader {
	position:fixed;
	top: 0;
	left: 0;
	background-color:#FFF;
	width: 100%;
	height: 100%;
	z-index: 10050;
}

.simg {
	position: absolute;
	left: 40%;
	top: 38%;
}
@media (max-width: 480px){
	.spin {
		position: absolute;
		right: 30%;
		top: 49%;
	}
}

@media (max-width: 767px){
	.spin {
		position: absolute;
		top: 49%;
	}
}

.spin {
	position: absolute;
	left: 40%;
	top: 30%;
}

.loading-circle {
	position: absolute;
	left: 49%;
	top: 49%;
	height: 48px;
	width: 48px;
	border-radius: 50%;
	border-top: 2px solid #7F8C8D;
	border-right: 2px solid rgba(0,0,0, 0);
	border-bottom: 2px solid #7F8C8D;
	border-left: 2px solid rgba(0,0,0, 0);
}

hr.soft{
  height: 1px; width:30%;
  margin: 0;
  background-image:    -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.6), rgba(255,255,255,0));
  background-image:    -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.6), rgba(255,255,255,0));
  background-image:    -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.6), rgba(255,255,255,0));
  background-image:    -0-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.6), rgba(255,255,255,0));
  background-image:    linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.6), rgba(255,255,255,0));
  border: 0;
}
hr.soften {
  height: 1px; width:50%;
  margin: auto;
  background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.6), rgba(0,0,0,0));
  background-image:    -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.6), rgba(0,0,0,0));
  background-image:    -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.6), rgba(0,0,0,0));
  background-image:    -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.6), rgba(0,0,0,0));
  background-image:    linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.6), rgba(0,0,0,0));
  border: 0;
}

.news-box{ background:#F6F6F6; padding:10px 10px 10px; color:#000000; }

.topspace{ margin-bottom:5px; }
#top-header{ position: relative; background:#CFD8D7 url(../images/grid.png) repeat; padding:20px 0 30px; }
#top-header p{ font-family:Ralewaylight; font-size:14px; line-height:24px;  text-align:center; color:#ffffff; margin-bottom:10px; }
#top-header b{ font-family:Ralewaybold; font-size:14px; line-height:24px;  }
.topcontact{ font-family:Dosis; font-weight:bold; letter-spacing:1px; color:#004080; font-size:15px; margin-top:20px; }



#welcome{ position: relative; background:#18384F; padding:50px 0 30px; border-top: 2px #FFFF80 dashed; }
#welcome h1{ font-family:Bebar; font-size:30px; line-height:24px; text-align:center; color:#18384F; margin-bottom:10px; }
#welcome p{ font-family:Ralewayreg; font-size:14px; line-height:24px; text-align:center; color:#262626; margin-bottom:10px; }
#welcome b{ font-family:Ralewaybold; font-size:14px; line-height:24px;  }
.welcome-box{ background:#CFD8D7; padding:30px 20px 20px; }


#director{ position: relative; background:#CFD8D7; padding:50px 0 30px; }
#director h1{ font-family:Bebar; font-size:30px; line-height:24px; text-align:center; color:#18384F; margin-bottom:10px; }
#director p{ font-family:Ralewayreg; font-size:14px; line-height:24px; text-align:justify; color:#000000; margin-bottom:10px; }


#testimonial{ 
	position: relative; background:#CFD8D7; padding:50px 0 10px;
	font-family:Ralewayreg; font-size:17px; line-height:24px; text-align:center; color:#000;
}
#testimonial h1{ font-family:Bebar; font-size:30px; line-height:24px; text-align:center; color:#18384F; margin-bottom:20px;  }


#footer{ padding:20px 0 20px; background:#18384F; }
#footer h2{ font-family:Bebab; color:#6FB7FF; letter-spacing:3px; font-weight:100; font-size:20px; }
#footer p{ font-family:Dosis; letter-spacing:1px; color:#E5E5E5; line-height:22px; text-align:left; font-size:15px; margin:0; padding:0; }

ul.fut{ margin:0 !important;  padding:0; list-style-type:none; }
ul.fut li{ padding:0; margin:0; text-align:left; font-weight:normal; }
ul.fut a{ display:block; padding:2px 0px; text-decoration:none; font-size:14px; font-family:Dosis; letter-spacing:1px; color:#E9C9E0; position:relative; }
ul.fut a:hover { color:#F2EB04; }

.foot-link{ font-family:Dosis; letter-spacing:1px; color:#E9E9E9; font-size:14px; margin:0; padding:0; }
.foot-link a{ font-family:Dosis; letter-spacing:1px; color:#6FB7FF; font-size:14px; margin:0; padding:0; }
.foot-link a:hover{ color:#FFFF80; text-decoration:none; }
.foot-link .text-rite{ text-align:right; }
.foot-link .text-rite a{ text-align:right; }

@media (max-width: 480px){			 
	#mission h2{ font-size:18px; }
	.foot-link .text-rite{ text-align:left; }
	.foot-link .text-rite a{ text-align:left; }
	.topcontact{ display:none; }
	#news{ width:200px; }
}

@media (max-width: 767px){
	.topcontact{ display:none; }
	.foot-link .text-rite{ text-align:left; }
	.foot-link .text-rite a{ text-align:left; }
	#footer h2{ text-align:left; }
	#news{ width:200px; }
}

@media (min-width: 768px) and (max-width: 979px){
	.topcontact{ display:none; }
	.foot-link .text-rite{ text-align:left; }
	.foot-link .text-rite a{ text-align:left; }
	#footer h2{ text-align:left; }
	#news{ width:200px; }
}


.effectSwing{ animation:swing 0.5s infinite; -webkit-animation:swing 0.5s infinite; }
.effectPulse{ animation:pulse 0.5s infinite; -webkit-animation:pulse 0.5s infinite; }
.effectFlash{ animation:flash 3s infinite; -webkit-animation:flash 3s infinite; }
.effectBounce{ animation:bounce 2.5s infinite; -webkit-animation:bounce 2.5s infinite; }
.effectTada{ animation:tada 1s infinite; -webkit-animation:tada 1s infinite; }

.bmx {
	position:fixed;
	width: 100%;
	height: 100%;
	z-index: 10050;
	background:rgba(0,0,0,0.7) no-repeat;
	bottom:0px;
	top:0px;
	left:0px;
	right:0px;
	color:#FFF;
}
.boxinner {
	background:#ffffff;
	padding-top:20px;
	width:60%;
	margin:auto;
	margin-top:58px;
	position:relative;
	color:#000;
	font-size:13px;
	text-align:justify;
}

.foot-menu{ text-align:right; }
.foot-icon{ font-size:30px; margin:0; padding:0; }

@media (max-width: 480px){
	#footlink{ display:none; }
	.foot-logo{ margin-bottom:20px; }
	.foot-menu{ text-align:left; }
}
@media (min-width: 481px) and (max-width: 979px){
	#footlink{ display:none; }	
}

.power{ margin-bottom:10px; margin-top:-15px; }
.power a{ text-decoration:none; color:#8F8F8F; font-size:12px; margin-right:10px; }
.power a:hover{ color:#ffffff; }


#mission{ margin: 40px 0; }
#mission a{ color:#7A1966; }
#mission p{ font-family:Ralewaymedium; font-size:14px; color:#000000; text-align:center; }

.mission {
	width: 100%;
	min-height: 370px;
	margin: 40px 0;
	text-align: center;
	border: 1px solid #C8C8C8;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.mission .icon-holder {
	position: relative;
	top: -30px;
	display: inline-block;
	margin-bottom: 0px;
	padding: 10px;
	background: white;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.mission .icon-holder > i {
	font-size: 40px; color:#18384F;
}

.mission:hover {
	border: 1px #18384F solid;
}

.mission .heading {
	position: relative; color:#7A1966; text-align:center; letter-spacing:2px;
	top: -10px; font-family:Bebar; font-size:30px; color:#18384F; 
	-webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.mission .description {
	width: 90%;
	opacity: 1; font-family:Ralewaymedium; font-size:14px; color:#000000; 
	-webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1); margin:0 auto;
}


.facilities {
  background: #FFF; margin:0; padding:0;
  border: 2px solid #FFF; padding-top:10px; padding-bottom:10px;
  -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
  -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
  box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
  color: inset 0 1px #fff,0 0 8px #c8cfe6;
  font-family:Ralewaymedium; font-size:13px; color:#000000; line-height:24px;
}
.facilities p{  }

.facilities img {
  max-width: 100%;
}
.facilities img:hover{
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}


#gallery h1{ font-family:Dosis; font-size:30px; margin-bottom:5px; color:#7A1966; letter-spacing:3px; text-align:left; }

.gallery-intro {
    padding: 170px 0 100px 0;
    background-color: #f6f7f9;
}
.gallery-intro h1 {
    margin-bottom: 20px;
    color: #24374b;
    font-weight: 400;
    font-size: 22px;
}
.gallery-intro p {
    margin-bottom: 25px;
    color: #778899;
}

.gallery ul {
    margin: 0;
    padding: 0;
    width: 100%;
}
.gallery ul li {
    float: left;
    min-height: 100%;
    width: 25%;
    background-color: #F4F4F4;
    list-style: none;
}
.gallery figure {
    position: relative;
    overflow: hidden;
}
.gallery figure img {
    width: 100%;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.gallery figure:hover img, .gallery figure:focus img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.gallery figcaption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 25% 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,101,173,0.7);
    text-align: center;
    font-size: 16px; font-family:Ralewayreg; 
    opacity: 0;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.gallery figcaption a {
    color: #fff; text-decoration:none; font-family:Ralewayreg; font-size:16px;
}
.gallery figcaption i {
    color: #fff; font-size:30px;
}
.gallery figcaption a:hover, .gallery figcaption a:focus {
    color: #73d0da
}
.gallery figure:hover figcaption, .gallery figure:focus figcaption {
    opacity: 1
}