@charset "utf-8";
/* CSS Document */


body {  /*background:#dcdfe4 url(../images/bg.gif) center top repeat;*/
  padding:0px;
  margin:0;
  color: #010101;
  font-size: 14px;
  line-height: 20px; 
  font-family: 'open_sansregular';
}




/* =============== Start Globel Class ============= */
.fl { float: left !important }
.fr { float: right !important }
.cl { clear: both !important }
.vm { vertical-align: middle !important }
.vt { vertical-align: top !important }
.tec { text-align: center !important }
.ter { text-align: right !important }
.tel { text-align: left !important }
.boNo { border: none !important }
.bgNo { background: none !important }
.spacer { height: 0 }
.noma_t { margin-top: 0 !important }
.noma_r { margin-right: 0 !important }
.noma_l { margin-left: 0 !important }
.noma_b { margin-bottom: 0 !important }
.nopad_t { padding-top: 0 !important }
.nopad_r { padding-right: 0 !important }
.nopad_l { padding-left: 0 !important }
.nopad_b { padding-bottom: 0 !important }
/* =============== End Globel Class ============= */


hr {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #ddd -moz-use-text-color -moz-use-text-color;
  border-image: none;
  border-style: solid none none;
  border-width: 2px 0 0;
  margin-bottom: 20px;
  margin-top: 20px;
}


::-moz-selection {
background:#2e4880;
color:#fff;
text-shadow:none
}

::selection {
background:#2e4880;
color:#fff;
text-shadow:none
}

.form-control::-moz-placeholder {
  color: #777777;
  opacity: 1;
}

.cf:after { clear: both; }
.cf:before, .cf:after { content: ""; display: table; }

html[xmlns] .clearfix { display: block; }


a { transition: all 0.3s ease-in-out 0s;
    color: #010101;
    text-decoration: none;
}

a:focus, a:hover {
    color: #2e4880;
    outline: medium none;
    text-decoration: none;
}

option { padding:2px 5px; }


img {
  max-width: 100%;
}


/*ul { list-style:none; margin: 0; padding: 0 0 15px 0;  }

ul li { position:relative; background:url(../images/bullet_arrow01.png) 0 8px no-repeat; padding:0 0 3px 15px; font-family: 'open_sansregular'; color: #5b5b5b; font-size:14px; }

ul li a {  font-size:14px; color: #5b5b5b; }

ul li a:hover { color: #ffa100; }

ul li a.active {  color: #ffa100; }*/


/*ol {  margin: 0 0 0 15px; padding: 0 0 0px 25px;  }

ol li { position:relative; padding:0 0 3px 0px; font-family: 'open_sansregular'; color: #5b5b5b; font-size:14px; }

ol li a {  font-size:14px; color: #5b5b5b; }

ol li a:hover { color: #ffa100; }

ol li a.active {  color: #ffa100; }*/




p{text-align:justify !important; line-height:25px;}

.btn-primary { outline:none !important; font-family: 'open_sansregular'; font-size:15px; line-height:28px; font-weight:normal;  color: #fff; text-transform: none;
  background-color: #707070;
  border-color: #707070;
  padding:6px 26px;
  border-radius: 4px;  
}

.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover {
  outline:none !important;
  background-color: #ffa100;
  border-color: #ffa100;
  color: #fff;
  border-radius: 4px;  
}



h1 { margin:0; padding:0 0 15px 0; font-family: 'open_sansbold'; color:#2e4880; font-size:36px; line-height:40px; font-weight:normal; text-transform:uppercase; }


h2 { margin:0; padding:0 0 15px 0; font-family: 'open_sansbold'; color:#2e4880; font-size:30px; line-height:36px; font-weight:normal; text-transform:uppercase; }


h3 { margin:0; padding:0 0 15px 0; font-family: 'open_sansbold'; color:#2e4880; font-size:24px; line-height:30px; font-weight:normal; text-transform:uppercase; }


h4 { margin:0; padding:0 0 15px 0; font-family: 'open_sansbold'; color:#2e4880; font-size:18px; line-height:24px; font-weight:normal; text-transform:uppercase; }


h5 { margin:0; padding:0 0 15px 0; font-family: 'open_sansbold'; color:#2e4880; font-size:14px; line-height:18px; font-weight:normal; text-transform:uppercase; }


h6 { margin:0; padding:0 0 15px 0; font-family: 'open_sansbold'; color:#2e4880; font-size:12px; line-height:15px; font-weight:normal; text-transform:uppercase; }



/* { float:left; width:100%; margin:0 0 13px 0; padding:0 0 17px 0; font-family: 'open_sansbold';  font-size:26px;
 line-height:26px; color:#2e4880; text-transform:uppercase; text-align:center; border-bottom:solid 2px #3368a5; }*/


.zoom-img {  
position:relative; 
z-index:0;
overflow:hidden;
/*width:242px;
height:242px;*/
}

.image { 
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.zoom-img:hover .image {
-webkit-transform:scale(1.3);
transform:scale(1.3);
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 500px;
  margin-bottom: 0px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  border:3px #3F51A2 solid;
  min-width: 100%;
  height:500px;
}



/*header*/
.header { float:left; width:100%; background: url(../images/bg.png) center top repeat;  }

.logo { float:left; width:100%; padding: 15px 0 5px 0; margin:0;  }

.logo a { display:block; outline:none; border:0; }



.top-right { float:left; width:100%; margin:0; padding:5px 0 0 0; text-align:left; }

/*******css by samir******/
.logintype {  float: right;  color: #198ddf;  margin: 5px 0;}
.logintype .form-control {  color: #17a8e6;  height: 30px;  padding: 0 10px;  width: 200px;border: 1px solid #17a8e6;}
.login .form-control {  color: #17a8e6;  height: 30px;  padding: 0 10px;  width: 125px;border: 1px solid #17a8e6;}
.login {  color: #198ddf;  font-size: 12px; float:right}

.btn-blue{background:#198ddf; color:#FFF;padding:5px 25px}
.btn-blue:hover{background:#136CAE; color:#FFF}
.forgotpwd a { color: #11A7EA;  font-size: 12px;  float: right;  margin-right: 100px;}
.contacts-links ul li:first-child{background:none; padding-left:0}
.contacts-links ul li:last-child{background:none; padding-right:0}

/*******End css by samir******/

.contacts-links { float:left; width:100%; } 

.contacts-links > ul {
   list-style:none;	
  float: right;
  margin: 0;
  padding: 0;
}

.contacts-links ul li { float:left; padding:0 10px;  background:url(../images/devider.png) left 0px no-repeat; 
  color: #198ddf;
  font-size: 14px;
  line-height: 18px;
}

.contacts-links ul li a {
  color: #198ddf;
  font-size: 14px;
  line-height: 18px;
}
.contacts-links ul li a:hover {opacity:0.5; }


.socials { float:right;  padding: 0 0 0 0 0; margin:0; }

.socials h4 { float:right; width:100%; padding:17px 0 12px 0; margin:0; font-size:16px; color:#198ddf; line-height:18px; font-family: 'open_sansbold'; }

.socials > a { padding: 0 3px; }

.socials > a:hover { opacity:0.5; }





/*mainmenu*/

.mainmenu { float:left; width:100%; margin:0px 0 0 0; background:url(../images/menubg.jpg) center top repeat; position:relative; z-index:1000; }


.menumob { float:left; width:100%; padding:0 20px 0 20px; position:relative; }

.navbar-inverse { background-color: transparent; border-color: transparent; }

.navbar-inverse .navbar-nav > li {  background:url(../images/devider.jpg) right 0px no-repeat; } 

.navbar-inverse .navbar-nav > li > a { padding:0 24px 0 22px; line-height:50px; font-family: 'open_sansregular'; color: #fff; font-size: 14px; text-transform:uppercase; }

.navbar-inverse .navbar-nav > li:last-child { background:none; }


.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
  background-color: #00adf8;
  color: #fff;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
  background-color: #00adf8;
  color: #fff;
}





/*slider*/

.slider { float:left; width:100%; }

.carousel-control { display:block; width: 5%;  opacity: 0.4; color: #337aaa; text-shadow:none;  }

/*.carousel-indicators .active { background-color: #3b5388; }
.carousel-indicators li { border: 1px solid #3b5388; }*/

.carousel-indicators { display:none; }


.slider-wrapper { float:left; width:100%; text-align:center; position:relative; z-index:0; margin:0 auto; }

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
  background-color: #fff;
  border-radius: 10px;
  font-size: 30px;
  height: 106px;
  line-height: 106px;
  margin-top: -54px;
  width: 46px;  
}

.carousel-control:focus, .carousel-control:hover {
  color: #337aaa;
  opacity: 0.9;
  outline: 0 none;
  text-decoration: none;
}

.carousel-control:focus, .carousel-control:hover {
  color: #337aaa;
  opacity: 0.9;
  outline: 0 none;
  text-decoration: none;
}

.carousel-control.left {
  background-image: none;
}

.carousel-control.right {
  background-image: none;
}

.navbar-nav {
  margin: 0 -15px;
}






/*welcome*/
.welcome { float:left; width:100%; padding:16px 0 19px 0; margin:0; text-align:justify; }

.welcome .welcome-title { float:left; width:100%; padding:0 0 0 0; margin:0; }

.welcome .welcome-title h1 { float:left; width:100%; margin:0 0 13px 0; padding:0 0 17px 0; font-family: 'open_sansbold';  font-size:26px;
 line-height:26px; color:#2e4880; text-transform:uppercase; text-align:center; border-bottom:solid 2px #3368a5; }

.welcome p { float:left; width:100%; padding:0; margin:0 0 12px 0; color:#010101;  font-family: 'open_sansregular'; font-size: 15px; line-height:24px;   }

.welcome p:last-child { margin-bottom:0;  }



/*upcoming*/

.upcoming-area { float:left; width:100%; padding:0px 0 0px 0; margin:0; }

.upcoming-area .upcoming-area-title { float:left; width:100%; margin:0 0 0px 0; padding:0 12px 0 12px; background:url(../images/title-bg.png) left top repeat-x; 
 font-family: 'open_sansregular';  font-size:18px;
 line-height:40px; color:#fff; text-transform:uppercase;  }

.upcoming-area .upcoming-text  { float:left; width:100%; height:370px; overflow:hidden; border:#e1e1e1 solid 1px; padding:10px; }

.upcoming-area .upcoming-text p { float:left; width:100%; padding:0; margin:0 0 30px 0;
 color:#010101; font-family: 'open_sansregular'; font-size: 15px; line-height:24px; text-align:justify;   }

.upcoming-area .upcoming-text p:last-child { margin-bottom:0;  } 




/*gallery*/
.gallery { float:left; width:100%; padding:21px 0 25px 0; margin:0; }

.gallery .gallery-title { float:left; width:100%; padding:0 0 0 0; margin:0; }

.gallery .gallery-title h1 { float:left; width:100%; margin:0 0 15px 0; padding:0 0 17px 0; font-family: 'open_sansbold';  font-size:26px;
 line-height:26px; color:#2e4880; text-transform:uppercase; text-align:center; border-bottom:solid 2px #3368a5; }


.gallery-slider { float:left; width:100%; padding:0 0 0 0; margin:0; position:relative; }









/*footer*/

.footer { margin-top:20px; float:left; width:100%;  background:#3e4297 url(../images/footerbg.jpg) center top repeat-x; padding:18px 0 10px 0;  }

.footer-inner { padding:0 0 0 0; } 


.footer h1 { float:left; width:100%; margin:0 0 20px 0; padding:0 0 14px 0; font-family: 'open_sansbold';  font-size:20px; line-height:20px; color:#000;
 border-bottom:solid 2px #fff; }


.quick-links { float:left; width:100%; } 

.quick-links > ul {
   list-style:none;	
  float: left;
  width:100%;
  margin: 0;
  padding: 0;
}

.quick-links ul li { width:100%; float:left; padding:14px 0px 16px 0px;  border-bottom:solid 1px #fff; 
  color: #fff;
  font-size: 16px;
  line-height:20px;
}

.quick-links img {
  margin-right: 15px;
}

.quick-links ul li:first-child { padding-top:0;  }

.quick-links ul li:last-child { border-bottom:0; padding-bottom:0;  }

.quick-links ul li a {
  color: #fff;
  font-size: 16px;
  line-height:20px;
}
.quick-links ul li a:hover { text-decoration:underline; }




.footer .map { float:left; width:100%; margin:0 0 0 0; }

.footer .map iframe {  width: 100%; height:189px; }


.footer .address  { float:left; width:100%; margin:0 0 0 0 ; padding:0;  }

.footer .address .title { float:left; width:100%; margin:-3px 0 0 0; padding:0 0 0 0; color: #fff; font-size: 15px; line-height:20px; font-family: 'open_sansbold';  }

.footer .address p { float:left; width:100%; margin-bottom:0; color:#fff;  font-family: 'open_sansregular'; font-size: 14px; line-height:20px;   }



.coopyirght { background-color:#fff; float:left; width:100%;  }

.coopyirght-inner { float:left; width:100%;  }



.coopyirght-inner p { float:left; width:100%; margin:30px 0 30px 0; padding:0; color:#000;  font-family: 'open_sansregular'; font-size: 14px; line-height:20px;   }

.footer-right p{ float:left; text-align:right; width:100%; margin:20px 0 30px 0; padding:0; color:#000;  font-family: 'open_sansregular'; font-size: 14px; line-height:20px;   }


/*footer*/













/*inner-pages*/

.content-inner { 
  padding: 20px 0 0px; margin:0;
  background-color: #fff;
  float: left;
  width: 100%;
}

.aboutus-banner {}

.aboutus-banner img { margin:auto; padding:auto; width:25%; float:left; border:3px solid #333; text-align:center; }
.director{width:29%; display:inline; float:left; border:3px solid #333; margin-right:5px;}
/*.aboutus-title {
  border-bottom:4px double #999;
  margin-bottom: 10px;
  margin-top:20px;
  padding:0 0 5px 0;
}*/

.aboutus-title { float:left; width:100%; padding:0 0 0 0; margin:0; }

.aboutus-title h1 { float:left; width:100%; margin:0 0 13px 0; padding:0 0 17px 0; font-family: 'open_sansbold';  font-size:26px;
 line-height:26px; color:#2e4880; text-transform:uppercase; text-align:center; border-bottom:solid 2px #3368a5; }

.aboutus-title span { color:#198ddf; }



.aboutus { text-align:justify;  }


.aboutus img { 
  border: 3px solid #ddd;/*
  float: left;
  margin: 0 15px 15px 0;*/
  margin-bottom:15px;
}
.calender-arrow{
border:none !important;
}





/*video-page css start*/

.video-page-area {
	float: left;
	margin: 0px 0 20px 0;
	padding: 0;
	width: 100%;
}
.video-page-title {
	float: left;
	width: 100%;
	color: #969696;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: normal;
	letter-spacing: 0;
	line-height: 20px;
	margin: 0;
	padding: 0 0px 20px 0;
}
.video-page-box {
	position: relative;
	border: 0px solid #ddd;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
.video-page-inner img {
	width: 100%;
}
.video-page-innerr {
	position: relative;
	z-index: 1;
}
.video-page-inner iframe {
	border-top: 0 none;
	box-sizing: border-box;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 999;
}
.video-page-placeholder {
	height: auto;
	width: 100%;
}

/*videos-popup*/


.Modal {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: transparent;
	visibility: hidden;
	z-index: 1000000000;
}
.Modal .content {
	background: none repeat scroll 0 0 #fff;
	border-radius: 3px;
	bottom: 0;
	left: 50%;
	padding: 0px;
	position: absolute;
	top: 40%;
	transform: translate(-50%, -30%) scale(0);
	width: 50%;
	z-index: 1000000000;
}
.Modal .close {
	background: none repeat scroll 0 0 #2ecc71;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size:13px;
	height: 30px;
	line-height: 18px;
	opacity: 0.9;
	padding: 5px;
	position: absolute;
	right: -30px;
	text-align: center;
	top: -25px;
	width: 30px;
}
.Modal .close:before {
	content: '\2715';
}
.Modal.is-visible {
	visibility: visible;
	background: rgba(0, 0, 0, 0.5);
	-webkit-transition: background .35s;
	-moz-transition: background .35s;
	transition: background .35s;
	-webkit-transition-delay: .1s;
	-moz-transition-delay: .1s;
	transition-delay: .1s;
	position: fixed;
}
.Modal.is-visible .content {
	-webkit-transform: translate(-50%, -30%) scale(1);
	-moz-transform: translate(-50%, -30%) scale(1);
	transform: translate(-50%, -30%) scale(1);
 -webkit-transform: transition: transform .35s;
 -moz-transform: transition: transform .35s;
	transition: transform .35s;
}
.button {
	display: block;
	width: 150px;
	height: 45px;
	line-height: 45px;
	margin: 125px auto 0;
	border-radius: 3px;
	text-align: center;
	text-decoration: none;
	background: #2ecc71;
	color: #fff;
}
.videoheadings {
	color: #969696;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
/*videos-popup*/



/*video-page css end*/






.aboutus .map { height:300px; margin:0 0 20px 0; padding:0; }


.events { margin:0; }

.events h4 { margin:0; padding: 0 0 5px; text-align:left; }




.infrastructure h4 { margin:0; padding: 0 0 5px; text-align:center; height:54px; }

.video-page-box h4 { margin:0; padding: 0 0 5px; text-align:left; height:54px; }


.contacts h4 { margin:0; padding: 0 0 5px; text-align:left; }

.contacts .address h4 { margin:0; padding: 0 0 0px; text-align:left; }


.celender-left {float:left; width:100% !important; border:1px solid #999999; font-family:'calibri'; } 

#event-date .date{ padding:30% !important; width:auto; height:auto; background-color:#f9f9f9; color:#2e4880; font-size:40px; text-align:center; font-weight:bold;font-family:'arial' ; }
#event-date .month{max-height:28px !important;  background-color:#bf0101; color:#FFF; text-align:center; vertical-align:middle !important; font-family:'calibri' ; }



/* RESPONSIVE CSS
-------------------------------------------------- */


@media (max-width: 1199px) {

.navbar-inverse .navbar-nav > li > a {
  padding: 0 12px 0 12px;
}


.demo1 .text-rgt { margin-top:5px !important; }

.upcoming-area .upcoming-text p { margin-bottom:20px;  }


}



@media (max-width: 991px) {


.carousel {
  height: 400px;
}

.carousel .item {
  height: 400px;
}

.carousel-inner > .item > img {
  height: 400px;
}

.carousel-control { width:8%; }


.upcoming-area .upcoming-text {
  height: 100%;
  margin-bottom: 25px;
}

.upcoming-area .upcoming-text:last-child { margin-bottom:0; }



.owl-prev { left:3% !important;  }

.owl-next { right:3% !important;  }

#contactus .textarea-section { width:100% !important; }


.coopyirght-inner .footer-logo { margin:0 0 0 0; }

}





@media (max-width: 767px) {


.logo {  padding: 20px 0 0 0; text-align:center; }

.top-right { padding:0 0 20px 0;  } 	
 
.contacts-links {
  text-align: center;
}

.contacts-links > ul {
  display: inline-block;
  float: none;
}



.socials { float:left; width:100%; text-align:center; }	


.socials {
  display: inline-block;
  float: none;
  margin: 0;
  padding: 0px 0 0 0px;
}

.menumob {padding:0 0px 0 0px;  }	
	
.navbar-inverse .navbar-toggle {
  background-color: #333;
  border-color: #333;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
  background-color: #008aeb;
  border: 1px solid #008aeb;
}


.carousel-control.left {
  top: -25%;
}

.carousel-control.right {
  top: -25%;
}


.carousel {
  height: 300px;
}

.carousel .item {
  height: 300px;
}

.carousel-inner > .item > img {
  height: 300px;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
  background-color: #fff;
  border-radius: 10px;
  font-size: 20px;
  height: 70px;
  line-height: 70px;
  margin-top: 0;
  width: 30px;
}



.mainmenu { background:url(../images/menubg.jpg) center top repeat-x;  }


.navbar-nav { background-color:#202020;} 
.nav.navbar-nav > li { background:none;  }

.navbar-inverse .navbar-nav > li > a { line-height: 40px; }



.navbar-collapse { width:100%; }
 

.welcome .welcome-title h1 { font-size:24px; line-height:24px; margin: 0 0 8px; padding: 0 0 8px; }


.gallery .gallery-title h1 { font-size:24px; line-height:24px; margin: 0 0 8px; padding: 0 0 8px; }

.footer .map iframe { height: 200px; }

#contactus .textarea-section textarea { height: 150px; }


.contacts-links > ul li { margin-bottom:10px; background:none;
  display: inline-block;
  float: none;
}


.footer-inner .col-sm-3 { float:left; width:100%; margin-bottom: 30px; }

.footer-inner .col-sm-3:last-child { margin-bottom: 10px; }



.aboutus img { width:100%; }
 
.Modal .content { width:60% !important; }



.infrastructure h4 { height:100%;text-align:left }

.video-page-box h4  { height:100%; }

}




@media (max-width:  640px) {
	
	
	
.carousel-control { width:14%;  }	

.carousel {
  height: 250px;
}

.carousel .item {
  height: 250px;
}


.carousel-inner > .item > img {
  height: 250px;
}

 

.owl-prev { left:5% !important;  }

.owl-next { right:5% !important;  }


.coopyirght-inner .footer-logo { margin:15px 0 0 0; }

}










@media (max-width: 479px) {

.carousel {
  height: 200px;
}

.carousel .item {
  height: 200px;
}


.carousel-inner > .item > img {
  height: 200px;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { margin-top:-10px; }


.table-bordered tr, th {
    word-break: break-all;
}


.Modal .content { width:80% !important; }

}





@media (max-width: 360px) {



}





@media (max-width: 320px) {
.carousel {
  height: 150px;
}

.carousel .item {
  height: 150px;
}

.carousel-inner > .item > img {
  height: 150px;
}


}