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

@font-face {
    font-family: 'ubunturegular';
    src: url('../fonts/ubuntu-r-webfont.eot');
    src: url('../fonts/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ubuntu-r-webfont.woff') format('woff'),
         url('../fonts/ubuntu-r-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'titilliumregular';
    src: url('../fonts/titillium-regular-webfont.eot');
    src: url('../fonts/titillium-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-regular-webfont.woff2') format('woff2'),
         url('../fonts/titillium-regular-webfont.woff') format('woff'),
         url('../fonts/titillium-regular-webfont.ttf') format('truetype'),
         url('../fonts/titillium-regular-webfont.svg#titilliumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}
body{ margin:0; padding:0;background:DCE6 0%, #FFFFFF 68%);
background: -moz-linear-gradient(bottom, #BDDCE6 0%, #FFFFFF 68%);
background: -webkit-linear-gradient(bottom, #BDDCE6 0%, #FFFFFF 68%);
background: -ms-linear-gradient(bottom, #BDDCE6 0%, #FFFFFF 68%);
background: linear-gradient(to bottom, #BDDCE6 0%, #FFFFFF 68%) repeat-x;}

#wrapper{  margin:0 auto; width:1200px; display:table; height:100%}
.header_section{ float:left; width:100%; background:url(../images/header-bg.png) no-repeat; height:203px}
.headerpart1{ float:left; width:33%; margin-top:3em}


.headerpart2{ float:left; width:50%; margin-top:9px; text-align:center}
.headerpart3{ float:left; width:1%}

.facebook{ float:left; width:10%; margin-left:10px}
.twitter{ float:left; width:18%}
.hometab{ float:left; width:15%; background: url(../images/home.png) left no-repeat; padding: 8px 0 5px 25px; font-family: 'ubunturegular';
 font-size:16px; color:#da5800}
.hometab:hover{ float:left; width:15%; background: url(../images/home.png) left no-repeat; padding: 8px 0 5px 25px; font-family: 'ubunturegular';
 font-size:16px; color:#000}
.contacttab{ float:left;width:20%; background: url(../images/contact.png) left no-repeat; padding: 8px 0 5px 25px; font-family: 'ubunturegular';
 font-size:16px; color:#da5800}
.contacttab:hover{ float:left;width:20%; background: url(../images/contact.png) left no-repeat; padding: 8px 0 5px 25px; font-family: 'ubunturegular';
 font-size:16px; color:#000}
.zeelogo{ float:right; margin-top:9px} 
.menu{ float:left; width:100%; margin-top:5px}
.clear{ clear:both}
.slid_section{ float:left; width:100%; background:#2ab43d}
.middle_contain{ float:left; background:#f8f5e9; width:100%; padding-bottom:20px}
.middle_contain2{ float:left; background:#fff; width:100%}
.welcome{ margin:0 auto; width:96%; }
.welcome_title{ float:left; background:url(../images/welcome-bg.png) no-repeat; font-family: 'titilliumregular'; font-size:24px;
 color:#da5800; width:367px; margin:10px -1px 0px ;padding: 5px 2px 2px 22px;}
.welcome_text{ float:left; background:#fff; width:100%; font-size:15px; color:#000; font-family: 'ubunturegular'; padding:14px 2px 2px 11px; line-height:24px;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);  }
.read_more{ float:right;font-family: 'ubunturegular'; font-size:15px ; padding: 2px 15px 2px 0; color:#da5800; font-weight:normal; background:url(../images/arrow.png) right no-repeat; margin:25px 13px 6px 0px }
.read_more:hover{ float:right;font-family: 'ubunturegular'; font-size:15px ;
 color:#000; font-weight:normal;background:url(../images/arrow1.png) right no-repeat  }
.box_section{ margin:0 auto; width:96%; margin-top:28px}
.box1{ float:left; height:480px; width:31%; background:#fff;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5); border-radius:13px 13px 2px 2px }
.titleG{ float:left; width:100%; background:url(../images/boxtitle1.png) left no-repeat; margin-top:15px; height:60px;font-family: 'titilliumregular'; font-size:30px;text-shadow:2px 2px 2px #000; color:#fff; margin-top:15px}
.G-bg{ float:left; background:#39b54a; color:#fff; text-shadow:2px 2px 2px #000;font-family: 'titilliumregular'; font-size:36px;
 border-radius:50%;margin: 1px 4px 6px -21px; padding:1px 15px}
.gallery_heading{ float:left; width:100%; color:#000; font-size:18px; font-weight:bold; margin-left:15px;font-family: 'titilliumregular'} 
.gallery_img{ float:left; width:100%; margin-left:15px; margin-top:10px}
.see_more{ float:right; font-size:14px; font-family: 'ubunturegular'; color:#fff; background:#635fad; padding:9px 14px ; border-radius:6px; margin: 10px 13px 6px 5px;}
.see_more:hover{ float:right; font-size:14px; font-family: 'ubunturegular'; color:#fff; background:#39b54a; padding:9px 14px ; border-radius:6px; margin: 10px 13px 6px 5px;}

.box2{ float:left; height:480px; width:31%; background:#fff;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5); border-radius:13px 13px 2px 2px ; margin-left:34px}
.titleE{ float:left; width:100%; background:url(../images/boxtitle2.png) left no-repeat; margin-top:15px; height:60px;font-family: 'titilliumregular'; font-size:30px;text-shadow:2px 2px 2px #000; color:#fff; margin-top:15px}
.E-bg{ float:left; background:#635fad; color:#fff; text-shadow:2px 2px 2px #000;font-family: 'titilliumregular'; font-size:36px;
 border-radius:50%;margin: 1px 4px 6px -21px; padding:1px 15px}
.events{ float:left; width:100%} 
.events_para{ float:left; width:100%;margin:5px 1px 9px 9px}
.quote_para{ float:left; width:80%;margin:5px 1px 9px 9px; font-family:ubunturegular; font-size:14px; font-weight:normal;}
.e_img{ float:left; width:30%}
.e_text{ float:left; width:67%;font-size:14px; font-family: 'ubunturegular'; color:#000; }
.shadow{ float:left; width:100%; text-align:center}

.box3{ float:left; height:480px; width:32%; background:#fff;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5); border-radius:13px 13px 2px 2px ; margin-left:34px}
.titleN{ float:left; width:100%; background:url(../images/boxtitle3.png) left no-repeat; margin-top:15px; height:60px;font-family: 'titilliumregular'; font-size:30px;text-shadow:2px 2px 2px #000; color:#fff; margin-top:15px}
.N-bg{ float:left; background:#da5800; color:#fff; text-shadow:2px 2px 2px #000;font-family: 'titilliumregular'; font-size:36px;
 border-radius:50%;margin: 1px 4px 6px -21px; padding:1px 15px}
 
 #footer { background:url(../images/footer-bg.png) no-repeat; margin-top:15px; height:51px;  width:100%;  }
.footer-nav{ float:left; padding-top:5px}
.footer-nav ul{ list-style:none; margin:12px 2px 2px 62px}
.footer-nav li{ display:inline-block; color:#fff; padding-right:17px;}
.footer-nav li a{ font-family: 'ubunturegular'; color:#fefefe; font-size:13px; padding:3px; letter-spacing:1px;}
.footer-nav li a:hover{ color:#000}
.scut-sticky {
	display: table-row;
	height: 1px;
	background: black;
	color: white;
}


.bold_title{ float:left; width:100%;font-family: 'titilliumregular'; font-size:24px; color:#da5800}
.about_text{float:left; width:100%; font-size:15px; color:#333; font-family: 'ubunturegular'; padding-bottom:15px; line-height:24px}
.about_section{width:96%; margin:0 auto; padding:10px 10px}



.feedback{ float:left; width:100%}
.feedback1{ float:left; width:46%; padding-right:45px; padding-bottom:50px}
.person_img{ float:left; width:30%}
.person_img img{ border-radius:50%}
.person_img img:hover{ }
.person_text{font-size:15px; color:#000; font-family: 'titilliumregular'; font-style: italic}
.nametext{ float:right;color:#da5800; font-size:18px; font-family: 'titilliumregular'; font-style: italic;margin: 19px 2px 2px; }


.address{ float:left; width:50%; margin-top:20px}
.contact_form{ float:left; width:50%}
.address_place{ float:left; width:100%; font-size:18px; font-family: 'titilliumregular'; color:#39b54a; 
background:url(../images/location.png) left no-repeat;padding: 0 1px 6px 34px;}
.address_details{ float:left; width:100%;  font-size:14px; font-family: 'ubunturegular'; color:#000}
.address_phone{float:left; width:100%; font-size:18px; font-family: 'titilliumregular'; color:#39b54a; 
background:url(../images/phone.png) left no-repeat;padding: 0 1px 6px 34px;}
.address_email{float:left; width:100%; font-size:18px; font-family: 'titilliumregular'; color:#39b54a; 
background:url(../images/email.png) left no-repeat;padding: 0 1px 6px 34px;}
.address_website{float:left; width:100%; font-size:18px; font-family: 'titilliumregular'; color:#39b54a; 
background:url(../images/website.png) left no-repeat;padding: 0 1px 6px 34px;}
.address_cell{float:left; width:100%; font-size:18px; font-family: 'titilliumregular'; color:#39b54a; 
background:url(../images/cell.png) left no-repeat;padding: 0 1px 6px 34px;}
.facilities_title{ float:left;font-family: 'titilliumregular'; color:#635fad; font-size:18px;
 background:url(../images/missionhover.png) left no-repeat; width:100%; padding:1px 2px 2px 17px; border-bottom:1px dashed #333}
 
 .facilities_title:hover{ float:left;font-family: 'titilliumregular'; color:#000; font-size:18px;
 background:url(../images/missionhover.png) left no-repeat; width:100%; padding:1px 2px 2px 17px; border-bottom:1px dashed #333}
.facilities_text{ float:left; width:100%;font-family: 'ubunturegular'; font-size:15px; color:#000}
.facilities_section{ float:left; width:100%}
.facilities{ float:left; width:96%; padding-bottom:15px}
.schoolInfo{ width:100%}
.infoImage{ float:left; width:25%; padding:25px; text-align:center}
.SchoolDetail{ float:left; width:65%; margin: 17px 2px 2px 32px;}
.heading{ color:#635fad; font-size:23px; font-weight:bold;font-family: 'titilliumregular'}
.vision{ width:45%; float:left; padding:10px;}

.news_start3{ margin:0 auto; width:100%; margin-top:18px}
.events_img3{ float:left; width:15%}
.events_para3{ float:left; width:80%; font-size:15px;font-family: 'ubunturegular'; color:#000; text-align:justify}
.news_read{ float:right; font-size:14px; font-weight:normal; color:#0099ff; background:url(../images/news-read.png) right no-repeat;padding: 2px 10px 5px 2px;}
.news_read:hover{ float:right; font-size:14px; font-weight:normal; color:#333; background:url(../images/news-read1.png) right no-repeat;padding: 2px 10px 5px 2px;}
.news_title{ float:left; width:100%; font-size:20px; color:#635fad;font-family:'titilliumregular'}
.events3{ float:left; width:100%; padding-bottom:15px}
.vision_text{ float:left; width:100%; margin-top:5px}

.facultyDetails{ width:75%; float:left }
.facultyHead{ background:#999; color:#333; font-size:19px; font-weight:bold; padding:0 5px;font-family: 'titilliumregular'}
.FacultyDes{ margin-top:10px}
.Facphoto{ float:left; width:20%; text-align:center}
.clear{ clear:both}
.download{ float:right; margin-top:10px}

.infrastructure{ float:left; width:100%; padding-bottom:20px}
.structure_img{ float:left; width:21%}
.structure_text{ float:left; width:78%;font-family: 'ubunturegular'; font-size:14px; color:#000; line-height:24px}
.structure{ float:left; width:100%; border-bottom:1px dashed; #ebebeb; padding-bottom:20px; padding-top:20px}

.about_text strong, b{
	font-weight:bold;
	    color: #333;
	}
	
	.data-offer{color: #706F6F;
  
   font-size: 16px;
    font-weight: bold;
    
    margin-bottom: 10px;
	}
	.data-offer2{color: #706F6F;
  
   font-size: 46px;
    font-weight: bold;
    
    margin-bottom: 10px;
	}
	
	.data-offer3{color: #706F6F;
  
   font-size: 25px;
    font-weight: bold;
    
    margin-bottom: 10px;
	}
	
	.data-offer4{color: #706F6F;
  
   font-size: 25px;
    font-weight: bold;
    
    margin-bottom: 10px;
	}
	.data-offer5{color: #706F6F;
  
   font-size: 18px;
    font-weight: bold;
    
    margin-bottom: 10px;
	}

#vertical-ticker {
    height: 400px;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
#vertical-ticker li {
   
    border-bottom: 1px solid #DDDDDD;
    color: #333333;
    display: block;
    font-family: Helvetica Neue,times,serif;
    font-size: 25px;
    font-weight: bold;
    padding: 10px 20px;
 
}

#vertical-ticker_no li {
   
    border-bottom: 1px solid #DDDDDD;
    color: #333333;
    display: block;
    font-family: Helvetica Neue,times,serif;
    font-size: 25px;
    font-weight: bold;
    padding: 10px 20px;
 
}
.header22{ float:left; width:52%}

.subs li a { margin-left:10px !important;}

.achivements-lists {
    float: left;
    margin-left: 25px;
    margin-top: 10px;
    width: 97%;
}
.achivements-lists li {
    color: #514f50;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
    list-style: outside url("../images/listarrow.png") disc;
    text-align: left;
}

#list3 { float: left;
    margin-left: 25px;
    margin-top: 10px;
    width: 97%; }
#list3 ul { list-style-image: url("../images/listarrow.png"); color: #514f50;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
	}
#list3 ul li { line-height:30px;   display: inline;
    line-height: 30px;
	float:left;
   }
#list3 ul li a{  
   width:250px;
   display:block;}

#tour_of_school
{
	 
    color: #da5800;
    font-family: "ubunturegular";
    font-size: 15px;
    font-weight: normal;
    margin: 0px 13px 6px 0;
    padding: 2px 15px 2px 0;
}

#tour_of_school:hover
{
	 
    color:#09F ;
}

.project_title
{
	text-align:left; margin:5px 10px;padding:5px 10px;
	
}
.project_title a {
	position: relative;
	display: inline-block;
	outline: none;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 20px;
}

.project_title a:hover,
.project_title a:focus {
	outline: none;
}

/* Effect 17: move up fade out, push border */
.cl-effect-17 a {
	color: #10649b;
	text-shadow: none;
	padding: 10px 0;
}

.cl-effect-17 a::before {
	color: #237546;;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	content: attr(data-hover);
	position: absolute;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

.cl-effect-17 a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #09C;
	opacity: 0;
	-webkit-transform: translateY(5px);
	-moz-transform: translateY(5px);
	transform: translateY(5px);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

.cl-effect-17 a:hover::before,
.cl-effect-17 a:focus::before {
	opacity: 0;
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	transform: translateY(-2px);
}

.cl-effect-17 a:hover::after,
.cl-effect-17 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}