body { font-family: 'Lato', sans-serif !important; font-size:20px; line-height:30px;}
p {font-family: 'Lato', sans-serif !important; font-size:20px; line-height:30px;}
.page_head {
	width:100%;
	height:auto; 
	background: url(../images/topbg.png) repeat-x;
	top: 0;
	z-index: 99;
}
.gap30 { padding:30px 0px;}
.banner { width:100%; height:auto; padding:5px 0px;}

.banner img { max-width:100%; width:100%;}

img { max-width:100%;}

.admissionform { width:100%; border:1px solid #ddd; padding:15px;}
.admissionform h1{ font-size:40px; font-weight:bold;}
.admissionform h2{ font-size:30px; font-weight:bold;}

.admissionform input { border:none; border-bottom:1px solid #ddd; color:#2F70C8; padding:0px 10px; margin-bottom:15px;}
.admissionform .inptextfild{ width:100%; }

.admissionform .tbls input { width:200px; height:40px; } 

.admissionform .tblborder input {margin-bottom:0px; border-bottom:0px solid #ddd; width:200px; } 
.admissionform .tblborder {}
.admissionform .tblborder table tr td { border:1px solid #ddd; padding-left:10px;}

.numbers ol { }
.numbers ol li{ padding:0px; margin:0px; margin-bottom:15px;}


.feature { }
.feature ul {padding:0px; margin:0px; padding-left:30px;}
.feature li { list-style:square; padding:0px; margin:0px; }

/* --------------------------------------------------------	*/
/* Parallax */
/* --------------------------------------------------------	*/
                 
.parallax {
  width: 100%;
  height:500px;
  padding: 0;
  margin: 0;
  background-attachment: fixed;
  background-repeat: no-repeat;  
  color: @theme-color-10;
  text-transform:uppercase;
}

.parallax-mobile {
	background-position: 50% 0px !important; 
	background-attachment: scroll !important;
}

.parallax .parallax-text-container {
  display: table;
  width: 100%;
  height: 100%;
  padding: 0 !important;
  margin: 0 !important;
  text-align:left;
}

.parallax .parallax-text-item {
  display: table-cell;
  vertical-align: middle;
}

.parallax-text-item {
  font-weight:600;
  font-size:36px;
  color:@theme-color-10;
  line-height:1em;  
}

.parallax h2{ margin-bottom:15px; color:#fff; font-size:30px; font-weight:bold;
  color:@theme-color-10;
  text-shadow: 0px 1px @theme-color-4;
}

.parallax h3{
  color:@theme-color-10;
  text-shadow: 0px 1px @theme-color-4;
}

/*---------------------- Menu bar start -------------------- */ 
.map {}
.map img { max-width:100%;}
.map {}
.map iframe { max-width:100%;}

.midbanner { width:100%; padding-top:5px;}
.midbanner img { max-width:100%; width:100%;}

.dot {}
.dot ul {}
.dot ul li {  padding-bottom:15px; list-style:circle;}

.logo { padding-top:15px;}
.sticky .logo { padding-top:0px;}
.sticky .logo img { width:auto; height:auto; padding:3px 0px;}
.sticky .menu {padding-top:5px;}
nav {
    position: relative;
    left: 0px;
    z-index:25 !important;
    width: 100%;
}
.sticky {
    position: fixed;
   border-bottom:1px solid #f5f5f5; background:#fff;
}

/*.sticky .menu ul li a span { text-align:center; color:#fff; }

.sticky .menu ul li a {padding:0px 12px; line-height:30px; color:#fff;   }
.sticky .menu ul li a:hover {padding:0px 12px; line-height:30px; background:#ed1d24;   }
.sticky .menu li.current a { color: #fff ; background:none; }*/

.menu ul ul { width: auto !important }
.menu ul ul li { width: 130px; 
}
.menu ul li.sub li {
    width: 140px;
    border-left: 1px dotted #eee;
}
.menu { float: right; z-index:9999;  margin-top: 15px; }
.menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.menu ul li {
    position: relative;
    float: left; padding:0px 10px; 
}
.menu ul li ul {
    position: absolute;
    left: 0px;
    display: block;
    visibility: hidden;
    width: 100%;
    opacity: 0;
}
.menu ul li:hover ul {
    display: inline-block;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.menu ul li:hover ul, .menu ul li li:hover ul, .menu ul li li li:hover ul {
    display: block;
    visibility: visible;
    opacity: 1;
}
.menu ul li a {
    padding:10px 12px; line-height:30px; 
    color: #005a89;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    display: block;
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -ms-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;
}
.menu ul li a span { text-align:center; color:#ed1d24;}
.menu ul li a span:hover  { text-align:center; color:#fff;}

.menu li:hover span {color:#fff; }

.menu li.current a span{ color: #fff ;}

.menu li:hover{ color: #fff ;}

.menu ul li a:last-child {/*padding-right: 0px;*/}
.menu li a:hover {
    outline: none;
    color: #0094d3 ; 
    text-decoration: none;
}
.menu li.current a { color: #fff ; background:#00aeef; 
-webkit-border-radius:3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.menu li:hover a { color: #fff ; background:#005a89;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }

.menu ul ul {   }
.menu ul li ul li a { background:linear-gradient(to bottom, #fff 0%, #e0e0e0 100%) !important;
    padding:5px 20px;
    /*border-top: 1px solid rgba(0,0,0, 0.08) !important;*/
    color: #000 !important;
    font-weight: normal;
    font-size: 16px;
    font-weight: 300;
    -webkit-backface-visibility: hidden; margin:3px 0px;
}
.menu ul li ul li:first-child a {
    border-top: none !important;
}
.menu ul li ul {
    border-top:0px solid #000;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.menu ul li ul li a:hover {     
    border-bottom:2px solid #cf2027;
}
nav.sticky .logo {  }
/*nav.sticky .logo img { width:80px;  }*/

nav.sticky .menu {margin-top:0px;}
nav.sticky ul li a {
   
    font-weight: 300; 
}
nav.sticky ul li a:before { content: '' }
.dl-trigger { display: none }
.dl-back { display: none }
.menu ul ul ul {
    top: 0px !important;
    left: 180px;
    margin-top: 0px !important;
}
.menu ul li ul li ul { visibility: hidden !important }
.menu ul li ul li:hover ul { visibility: visible !important }
/*---------------------- Menu bar end -------------------- */

.classbox { margin-bottom:50px;}
.classbox h4 { font-size:16px; margin-bottom:10px; margin-top:25px;}
.classbox h1{ color:#75347a; margin:0px; font-size:30px;}

.classbox h3{ margin:10px 0px; font-size:18px;}

footer { background:#f4f4f4 url(../images/fbg.png) repeat-x bottom center; border-top:1px solid #ddd; padding-top:30px; }

.footerbox { background:url(../images/footbg.png) no-repeat bottom center; min-height:145px; }

/*---------------------- Responsive Design -------------------- */

@media screen and (min-width:320px) and (max-width:480px) {
.menu {
    float: right;
    margin-top: 0px;
    z-index: 9999;
}
img { max-width:100%; max-height:100%;}	
.menu ul li a span {
    color: #fff; width:70px;
    float: left;
}
.menu ul li a span:hover {
    color: #fff; width:70px;
    float: left;
}
.menu li.current a {
    background:#35a3d8;
    color: #fff;
}
.serboxleft {
    float: none;
    width: 100%;
}
.serboxright {
    float: right;
    width: 100%;
}
.pbbg { background:#5e90bb; width:100%; height:auto; padding-bottom:20px;}
.pbbg h1 { color:#fff;}
.pbbg p { color:#fff; font-size:26px; line-height:36px;}

.bcrumbbox h1 { font-size:30px; margin:0px; color:#388cb4;}

}
@media screen and (min-width:481px) and (max-width:767px) {
img { max-width:100%; max-height:100%;}	
.menu ul li a span {
    color: #fff; width:70px;
    float: left;
}
.menu ul li a span:hover {
    color: #fff; width:70px;
    float: left;
}
.menu li.current a {
    background:#35a3d8;
    color: #fff;
}
.serboxleft {
    float: none;
    width: 100%;
}
.serboxright {
    float: right;
    width: 100%;
}
.pbbg { background:#5e90bb; width:100%; height:auto; padding-bottom:20px;}
.pbbg h1 { color:#fff;}
.pbbg p { color:#fff; font-size:26px; line-height:36px;}

.bcrumbbox h1 { font-size:30px; margin:0px; color:#388cb4;}	
	
}
@media screen and (min-width:768px) and (max-width:1023px) {
.pbbg h1 {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
}
.pbbg h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 400;
    line-height: 60px;
    text-shadow: 3px 3px 0 #388cb4, -1px -1px 0 #388cb4, 1px -1px 0 #0d6189, -1px 1px 0 #0d6189, 1px 1px 0 #0d6189;
}
.menu ul li a span {
    color: #fff; width:70px;
    float: left;
}
.menu li.current a {
    background:#35a3d8;
    color: #fff;
}	
.topf h1 {
    color: #303030;
    font-size: 25px;
    line-height: 40px;
    margin: 0 0 15px;
}
}

@media screen and (min-width:1024px) and (max-width:1024px) {
.pbbg h1 {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
}
.pbbg h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 400;
    line-height: 60px;
    text-shadow: 3px 3px 0 #388cb4, -1px -1px 0 #388cb4, 1px -1px 0 #0d6189, -1px 1px 0 #0d6189, 1px 1px 0 #0d6189;
}
.topf h1 {
    color: #303030;
    font-size: 25px;
    line-height: 40px;
    margin: 0 0 15px;
}	
}