@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/opensans-light-webfont.woff2') format('woff2'),
         url('fonts/opensans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('fonts/opensans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'roboto_slabregular';
    src: url('fonts/robotoslab-regular-webfont.woff2') format('woff2'),
         url('fonts/robotoslab-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

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

}
/*Neev infotch css*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset CSS
2.0 Clear floats
3.0 Common CSS
4.0 Forms CSS
5.0 Typography
6.0 Grid

7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

/********* 1.0 Reset CSS *********/
*, *:before, *:after {  -webkit-box-sizing: border-box; box-sizing: border-box;}
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display:block }audio, canvas, video { display:inline-block }audio:not([controls]) {display:none;height:0}html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust:  100%;}a {text-decoration:underline;color:#E65A15;}a:focus {outline:thin dotted}a:hover,a:active {outline: 0;}a:hover {text-decoration:none;color:#393939;}h1,h2,h3,h4,h5,h6 {font-weight:normal;}b,strong,dt,th {font-weight: bold;}em, i { font-style:italic;}p,h1,h2,h3,h4,h5,h6, ul,ol,dd,table,fieldset,address {margin:0; padding:0;}img {-ms-interpolation-mode: bicubic;border: 0;vertical-align: middle; max-width:100%; height:auto;}figure {margin:0;}legend {white-space:normal;}q { quotes:"\201C" "\201D" "\2018" "\2019" }small { font-size:80% }sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline }sup { top:-0.5em }sub { bottom:-0.25em }table{border-collapse: separate;border-spacing: 0;width: 100%; empty-cells:show; border:none;}table table { margin:0}th,td {border:none; padding:8px 10px}caption,th,td {font-weight: normal;}

/********* 2.0 Clear floats *********/

.cf:before, .cf:after, .container:before, .container:after, .row:before, .row:after, ul:before, ul:after, .boxs:before, .boxs:after, .radioList:after, .radioList:before {content:" ";display:table}
.cf:after, .container:after, .row:after, ul:after, .boxs:after, .radioList:after{clear:both}

/********* 3.0 Common CSS *********/

hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:20px 0;padding:0}

p,h1,h2,h3,h4,h5,h6, ul,ol,dd,table,fieldset,address {margin: 0 0 20px;}

ul, ol {padding:0 0 0 20px; list-style: none}
ul ul,ol ol { margin:10px 0}

ul.bulletText { list-style:none; padding:0;}
ul.bulletText li, .aboutInfo li {background:url(../images/arrow.gif) left 7px no-repeat; padding:2px 0 2px 20px;}

.alignLeft { float:left}
.alignRight { float:right;}
.required{ color: #ff0000}
.displayNone, .hasJS noscript, .hideThis{display:none!important;visibility:hidden}

.mrgAuto {margin-right:auto; margin-left:auto;}
.mrgT20 {margin-top:20px;}.mrgL20 {margin-left:20px;}.mrgR20 {margin-right:20px;}.mrgB20 {margin-bottom:20px;}.mrgT10 {margin-top:10px;}.mrgL10 {margin-left:10px;}.mrgR10 {margin-right:10px;}.mrgB10 {margin-bottom:10px;}.padL20 {padding-left:20px;}.padR20 {padding-right:20px;}.padB20 {padding-bottom:20px;}.padT20 {padding-top:20px;}.padL15 {padding-left:15px;}.padR15 {padding-right:15px;}.padB15 {padding-bottom:15px;}.padT15 {padding-top:15px;}.padL10 {padding-left:10px;}.padR10 {padding-right:10px;}.padB10 {padding-bottom:10px;}.padT10 {padding-top:10px;}.padTB10 {padding-top:10px;padding-bottom:10px;}.padTB15 {padding-top:15px;padding-bottom:15px;}.padTB20 {padding-top:20px;padding-bottom:20px;}.pad10 {padding:10px;}.pad15 {padding:15px;}.pad20 {padding:20px;}.pad25 {padding:25px;}.pad30 {padding:30px}

.width100p {width:100%;}.width90p {width:90%;}.width80p {width:80%;}.width70p {width:70%;}.width60p {width:60%;}.width50p {width:50%;}.width40p {width:40%;}.width30p {width:30%;}.width20p {width:20%;}.width10p {width:10%}

.rsIcon { display:inline-block; margin-right:2px; height:11px; text-indent:-999px; overflow:hidden; width:11px; background:url(../images/rupee.png) left top no-repeat }

.bold {font-weight:bold}
.italic {font-style:italic}
.longWord, .wordBreak {word-wrap: break-word}

.left{text-align:left}
.right{text-align:right}
.center{text-align:center}
.justify{text-align:justify}

.container{ max-width:1170px; width:100%; position:relative; }
/********* 4.0 Forms CSS *********/
input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="url"],input[type="password"],input[type="search"], select, textarea{border:1px solid #c5c5c5;width:100%;height:30px; padding:5px 10px; }
input[type="submit"], input[type="button"],input[type="reset"],button,.button{ background-color:#1CCACD; color:#fff; border:1px solid #1CCACD; -webkit-transition: all 1s linear; -ms-transition: all 1s linear; transition: all 0.5s linear;}
input[type="submit"]:hover, input[type="button"]:hover,input[type="reset"]:hover,button:hover,.button:hover{color:#fff; background-color:#333;}

.formWrap{ background-color: #f1f1f1; border: #ccc solid 1px; padding: 15px}
.formWrap .error{ color: #ff0000; font-style: italic}


.selectStyle{ width: 100%;background-color: #fff; border: #c5c5c5 solid 1px }
.selectStyle .customSelect {height:28px; color: #848484;  /* border:1px solid #6f707b;*/ width:100%; padding:0 0 0 10px;  line-height:28px; text-align:left; }
.selectStyle .customSelect .customSelectInner {background:url(../images/home-select-arrow.png) no-repeat right center;font-weight:600;}
.selectStyle select {width:100%; height:34px; }

/* The container */

.checkBox {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.checkBox input {
    position: absolute;
    opacity: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border:#8c8c8c solid 1px;
}

/* On mouse-over, add a grey background color */
.checkBox:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkBox input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkBox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkBox .checkmark:after {
    left: 7px;
    top: 1px;
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.radioBox {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.radioBox input {
    position: absolute;
    opacity: 0;
}

/* Create a custom radio button */
.radioBox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: #8c8c8c solid 1px;
    background-color: #fff;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radioBox:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radioBox input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radioBox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Style the indicator (dot/circle) */
.radioBox .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}


/*****************************************
  upload button styles
******************************************/
.fileUpload {
    position: relative;
    display: inline-block;
    padding: 12px 10px;
    background: #f3f3f3;
    border-radius: 2px;
    width: 100%;
	margin-top: 15px;
}
.fileUpload:hover {
    cursor: pointer;
    background: #e4e4e4;
}
.fileuploadInput {

    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width:0;
    height: 100%;
    opacity: 0;
}
.fileUpload:before{background: url(../images/upload-icon.png) 0 0 no-repeat;
    height: 15px;
    width: 23px;
    position: absolute;
    right: 14px;
    top: 46%;
    margin-top: -8px;
    content: "";
    left: auto;
    z-index: 6;
    cursor: pointer;}
.fileUpload:hover:before{background: url(../images/upload-icon.png) 0 0 no-repeat; opacity: 0.4;
}
/********* 5.0 Typography *********/
body,button,input,select,textarea {color:#000;font-family:'open_sansregular', Arial, Helvetica, sans-serif;font-size:15px; line-height:1.5; overflow-x: hidden;}
h1 {font-size: 22px}
h2 {font-size: 20px}
h3 {font-size: 18px}
h4 {font-size: 16px}

a {color: #222;text-decoration: none; outline:none}
a:focus {outline:none;}
a:hover, a:active {color:#000}
.message{padding:10px 38px 10px 10px;margin-bottom:20px;border:1px solid transparent; position:relative;}
.message.success {color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;}
.message.success a {color: #2b542c;}
.message.error {color: #a94442;background-color: #f2dede;border-color: #ebccd1;}
.message.error a{color: #843534;}
/********* 6.0 Grid *********/
.container-fluid:before, .container-fluid:after, .container:before, .row:before, .row:after{display: table; content: " ";}
.container-fluid:after, .container:after, .row:after  {clear: both;}
.container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto;  margin-left: auto;}
.container {padding-right: 15px; padding-left: 15px; margin-right: auto;  margin-left: auto;}
.row {margin-right: -15px; margin-left: -15px;}
.ni-xs-1, .ni-sm-1, .ni-md-1, .ni-lg-1, .ni-xs-2, .ni-sm-2, .ni-md-2, .ni-lg-2, .ni-xs-3, .ni-sm-3, .ni-md-3, .ni-lg-3, .ni-xs-4, .ni-sm-4, .ni-md-4, .ni-lg-4, .ni-xs-5, .ni-sm-5, .ni-md-5, .ni-lg-5, .ni-xs-6, .ni-sm-6, .ni-md-6, .ni-lg-6, .ni-xs-7, .ni-sm-7, .ni-md-7, .ni-lg-7, .ni-xs-8, .ni-sm-8, .ni-md-8, .ni-lg-8, .ni-xs-9, .ni-sm-9, .ni-md-9, .ni-lg-9, .ni-xs-10, .ni-sm-10, .ni-md-10, .ni-lg-10, .ni-xs-11, .ni-sm-11, .ni-md-11, .ni-lg-11, .ni-xs-12, .ni-sm-12, .ni-md-12, .ni-lg-12 {position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; float: left; }
.ni-xs-12, .ni-sm-12, .ni-md-12, .ni-lg-12 { width: 100%;}
/*End of Neev invotech Grid css*/
a{ transition: all 0.5s;}
ul{ margin: 0; padding: 0;}
header { }
header .row{ margin-bottom:0px;}
header .logo{ position:relative; z-index: 2;}
.logo #logo{ position:absolute; z-index:1;margin-bottom: 0;}

#site-navigation{margin: 20px 0; float:right;}
#top-menu.menu li.menu-item a:hover{ color:#000}
.menu li.menu-item {}
/*.menu li{ display:inline-block; padding: 0 0 10px 0; position:relative;}
.menu li:after{position:absolute; content:""; width:100px; height:2px; color:#03F; bottom:-10px; left:10px;}
.menu li a{font-family: 'robotoregular'; margin: 0px -6px;}
.menu li a:hover{color:#0347fd;}
.menu .active{ border-bottom:2px solid #feda2c;}*/

#slider{ position:relative}
#slider .sliderCapation{ position:absolute; top:50%; left:50%; color:#fff; transform:translate(-50%,-50%);    text-align: center;}
#slider .sliderCapation a{ display:none;margin-left: 50%;}
#slider .sliderCapation h2{opacity:0; font-family: 'roboto_slabregular'; font-size:30px; color: #000;background:rgba(252, 219, 44, 0.8);display: inline-block;padding: 0 15px; text-transform:uppercase; margin-bottom:10px;}
#slider .sliderCapation p{  font-size:18px; max-width: 50%; margin: 0 auto 52px auto;transition:all 0.5s opacity:1;background: rgba(0, 78, 255, 0.8); padding:5px 10px;}
#slider .owl-item.active h2 {-webkit-animation: bounceInDown 1s ease-in 200ms both;animation: bounceInDown 1s ease-in 200ms both; opacity:1;}
#slider .owl-item.active p {-webkit-animation: bounceInLeft 1s ease-in-out 400ms both;animation: bounceInLeft 1s ease-in-out 400ms both; opacity:1;}
#mainContent {margin: 45px 0px 0 0; position:relative;}
#mainContent .row{ margin-bottom:0px;}
#mainContent .ni-lg-6 p .button{ margin-top:10px;}
.founderblock h2, .contactAddress h2, .aboutSchool h2{font-family: 'roboto_slabregular'; color: #433965;font-size: 40px;}
.founderblock p{ font-size:15px; text-align:justify;}
.aboutInfo{ margin-bottom:15px;}  
.aboutInfo + h3{ margin:15px 0 5px 0; color:#433965; font-size:18px; font-weight:600} 
.aboutInfo strong{ display:inline-block; width:130px;}

.founderblock a, .newsBlock a{display: inline-block;color: #f3cb0a; text-transform: capitalize; font-weight:800;}
.founderblock .btnWrap{ padding-top:20px;}
.founderblock .button, .newsBlock .button, .archiveNews .button {color: #433965; padding: 5px 10px; background: none; border: 1px solid #ccc;}
.founderblock .button:hover, .newsBlock .button:hover, .archiveNews .button:hover{color: #fff; padding: 5px 10px; background: #433965; border: 1px solid #433965;}
.archiveNews .button{ float:right;}
.founderblock a:hover, .newsBlock a:hover{ color:#433965;}
#mainContent .certificate{ position:absolute; top:0; right:10px;}
.founderBox{ z-index:999;}
 .founder{text-align: center;background: #433965;width: 60%;height: auto;margin: 0 auto;padding: 50px 20px 30px 20px;margin-top: -67px;color: #f6f6f6;}
/*.founder img {width: 80%;}*/
.founderDtl {margin-top: 25px;}
.founderDtl p{ margin-bottom: 30px;}
.founderDtl p strong{ font-size:18px; display:block;}
.founderDtl .button{color: #fff; padding: 5px 10px; background: none; border: 1px solid #fff;}
.founderDtl .button:hover{color: #000;background: #fff; border: 1px solid #fff;}
#counter{ background: url(../images/counter-bg.jpg) no-repeat 0 0 fixed; background-size: cover;    padding: 50px 0;}
#counter .row{ margin-bottom:0;}
 #counter .counter_icon {text-align: center;}
.counter_box .counter_number{display: block;font-size: 40px;color: #fff;text-align: center; padding-bottom:10px;}
.counter_box .counter_text{display: block;text-align: center;color: #fff;text-transform: uppercase;font-weight: 600; font-size:16px;}

#heroCarousel .owl-item.center{ position:relative; z-index:2;}
#heroCarousel .owl-item.active.center{  }
#heroCarousel .owl-carousel .owl-stage-outer{ padding:25px 0;}

#heroCarousel .owl-item.active.center:after {
    position: absolute; left: 0%;top: 0;content: "";width: 100%;height: 100%;-webkit-box-shadow: -1px -1px 47px 7px rgba(0,0,0,1);-moz-box-shadow: -1px -1px 47px 7px rgba(0,0,0,1);box-shadow: -1px -1px 47px 7px rgba(0,0,0,1); border:#fff solid 20px; }

#heroCarousel .owl-carousel .owl-item img{ width:100%}
#heroCarousel.owl-carousel .owl-stage-outer{padding:50px 0;}

#ourHero{ padding:20px 0 15px;}
#ourHero h2, #gallery h2, #news h2, #contact h2{font-family: 'roboto_slabregular';  color:#433965; font-size: 35px;}
#news h2{ font-size:28px;}

#gallery{background: url(../images/gallery-bg.jpg) no-repeat 0 0 fixed; background-size: cover;padding: 50px 0; height:400px; margin-bottom:50px;}
#gallery .item{ height:210px; }
#gallery h2{ color:#FFF;}
#gallery li{ display: inline-block;border: 15px solid #fff;margin-right: 10px; }
#gallery #carousel img {width: 95%; -webkit-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.4);-moz-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.4);box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.4); border:#fff solid 10px;}
#news{padding:20px 0;}
#news .newsBlock{border-right: 1px solid #e4dede;}
#news .archiveNews:nth-child(odd) {border-right: 1px solid #ccc;}
.newsBlock span{ font-size:12px;}
.newsBlock h3{font-family: 'open_sansbold'; margin-bottom:5px;}
.newsBlock h3 a, .archiveNews h2 a{font-family: 'open_sansbold'; font-style:normal; color:#000; text-decoration:none;}
.newsBlock p{font-family: 'open_sanslight';}
#news .newsBlock:last-child{ border:none;}
#contact{background: url(../images/contact-bg.jpg) no-repeat 0 0 fixed; background-size: cover;padding: 50px 0;}
#contact .ni-lg-2{ width:130px; padding-right:0}
#contact h2{ color:#FFF;  margin-bottom:5px;}
#contact .address, #contact .formBlock{ margin:0 auto; color:#fff;    text-align: left;}
#contact .address a{ color:#fff; text-decoration:none; box-shadow:none; transition:all 0.5s linear;}
#contact .address a:hover{color:#e2ac0d}
.address h3{font-family: 'open_sansbold'; margin-bottom:5px; color: #fff; font-size: 30px;}
.address p{font-family: 'open_sanslight';    line-height: 20px;}
#contact .formBlock{ width:70%; margin:0 auto; color:#fff;background:#767474;padding: 50px;}
.formBlock .inputBox li{ width:49%; float:left; margin-right: 1%;}
.inputBox li input[type=text]{height: 42px;margin-bottom: 30px;}
.textArea textarea{height: 115px;width: 80%;}
.textArea input[type=button]{float: right;margin-right: 69px;padding: 10px 38px;background: #e2ac0d;color: #000;border: none;margin-top: 10px;}
.textArea input[type=button]:hover{background: #433965; cursor:pointer; color:#fff}
footer{ background:#000; color:#fff; padding:7px 0;}
footer .logo { margin-top: -30px; display:none;}
.ftrMenu{font-family: 'open_sanslight';}
footer .ftrMenu li{display: inline-block;}
footer .ftrMenu li a{padding: 0 3px;}
footer .ftrMenu li a:hover{color: #e2ac0d;}


/*Owl Slider*/
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */

/* Feel free to change duration  */ 
.animated  {-webkit-animation-duration : 1000 ms  ;animation-duration : 1000 ms  ;-webkit-animation-fill-mode : both  ;animation-fill-mode : both  ;
}  
/* .owl-animated-out - only for current item */ 
/* This is very important class. Use z-index if you want move Out item above In item */ 
.owl-animated-out {z-index : 1  }
/* .owl-animated-in - only for upcoming item
/* This is very important class. Use z-index if you want move In item above Out item */ 
.owl-animated-in {z-index : 0  }
/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */ 
.fadeOut  {-webkit-animation-name : fadeOut  ;animation-name : fadeOut  ;
}  
@-webkit-keyframes  fadeOut  {0% {  opacity : 1   ;}  100% {  opacity : 0   ;}  
}
@keyframes  fadeOut  {0% {  opacity : 1   ;}  100% {  opacity : 0   ;}  
}
 
 
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;/*width:100%*/}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}


#slider .item{  background-size:cover; background-position:center top; height:475px; }
#slider .owl-item img{ width:auto;}
#slider .owl-carousel .item h4 {    color: #FFF;    font-weight: 400;    margin-top: 0rem}
#slider .captionBanner, .page-banner .captionBanner  {top: 25%;left: 0;position: absolute;width: 539px;z-index: 2;padding: 10px; text-align:center;}
.page-banner{ position:relative; min-height:auto; background-size:cover; background-position: center center; text-align:center;    margin-bottom: 30px;}
.page-banner h1{font-family: 'open_sanssemibold'; color:#fff; font-size:24px; }
.page-banner .innerCapation{ position:absolute; top:30%; color:#fff; width:100%; text-align:center;}

.innerCapation .entry-title{ color:#fff;background:rgba(0, 76, 254, 0.4);
    display: inline-block;
    padding: 10px 20px;
    font-weight: bold;
    font-size: 18px; margin-bottom:5px;}
	
	
#breadcrumbs span:first-child{ 
    /*max-width: 155px;*/
    background: #0000002e;
    padding: 10px 15px;
}

.page-banner #breadcrumbs a{ color:#fff;}
.page-banner #breadcrumbs a:hover{ color:#e2ac0d;}	

#slider .item .animated2, #slider .item .animated3 {opacity:0;text-transform:uppercase;color:#0b1a36;}
#slider .item .animated3 {font-size: 14px;background-color:#ceced0;color: #fff;display: inline-block;padding: 10px 23px; transition:all 0.5s}
#slider .item .animated3:hover {background-color:#00a0e3;}
#slider .owl-item.active .animated2 {-webkit-animation: bounceInDown 1s ease-in 200ms both;animation: bounceInDown 1s ease-in 200ms both; opacity:1;}
#slider .owl-item.active .animated3 {-webkit-animation: bounceInLeft 1s ease-in-out 400ms both;animation: bounceInLeft 1s ease-in-out 400ms both; opacity:1;}


.owl-nav{ position:absolute; top:50%; width:100%; }
.owl-next, .owl-prev{position:absolute; text-indent:-99999px; width:39px; height:35px; cursor:pointer;transition:all 0.3s ease 0ms;	-webkit-transition:all 0.3s ease; }

.owl-next{right:20px; background:url(../images/next-arrow.png) no-repeat 0 0; }
.owl-prev{left:20px; background:url(../images/prev-arrow.png) no-repeat 0 0;}
.owl-next:hover{background:url(../images/next-arrow.png) no-repeat 0 -35px; }
.owl-prev:hover{ background:url(../images/prev-arrow.png) no-repeat 0 -35px;}


.owl-dots {position: absolute;	bottom: 0;	display: inline-block;	text-align: center;	margin: 0 auto;	left: 0;	right: 0;}
.owl-dots .owl-dot{display:inline-block;}
.owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#fff;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
 .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#feda2c}

/*carousel*/

#carousel .item img{display:block; margin:0 auto; border: 10px solid #fff;}
#carousel .item{ position:relative; overflow:hidden; transition:all 0.5s;}
#carousel .item .overlay{ position: absolute;top: 100%;left: 6px;right: 0;background: #00000078;overflow: hidden;width: 96%;height:0;transition: .5s ease;color: #fff;text-align: center;padding-top: 35%; }	
#carousel .item:hover .overlay{ top: 0;height: 100%;}
#carousel .item .overlay h4 a{ color:#fff;}
#carousel .item .overlay h4 a:hover{ color:#e2ac0d;}

/*Table Style*/
.tblResponsive {min-height: .01%;overflow-x: auto; margin-bottom: 35px;}
.tblResponsive tr th {vertical-align: bottom;border-bottom: 2px solid #ddd; background-color:#433965; color:#fff;font-weight: bold;}
.tblResponsive tr:nth-child(odd){background-color:#f1f1f1;}
.tblResponsive td{ border:1px solid #e8e6e6;}

/*Custom css*/
.widget{ list-style:none; padding-bottom: 0;}
.navigation-top button:hover{color:#000}
.post-navigation {display: none;}
.next.page-numbers {float: right;display: none;}
.pagination, .comments-pagination {border-top: 0;}
.navigation.pagination {clear: both; width: 100%;}
.page-numbers {border: 1px solid #ccc; box-shadow:none; transition: all 0.5s linear;}
.pagination a:not(.prev):not(.next):hover{ box-shadow:none;color: #fff;background: #433965;border: 1px solid #433965;}
.ngg-album-compact h4 .ngg-album-desc{ text-align:center;}
.gmap3 {border: 1px dashed #C0C0C0;width: 100%;height: 400px;}
.gmap3 img { max-width:inherit}
.copyRight p{ margin-bottom:0;padding-top: 6px;}
.information{ margin-bottom:20px;}
.map{ margin-top:20px;}
#heroCarousel .owl-item img{ margin:0 auto; width:100%;}
.aboutSchool h2{ font-size:30px;}
.Infrastructure h2{    font-family: 'roboto_slabregular';color: #433965;    font-size: 25px;margin-bottom: 10px;}
.Infrastructure .row{ margin-bottom:20px;border-bottom: 1px solid #ccc;padding-bottom: 20px;}
.Infrastructure .row:last-child{border-bottom:none;}
.Infrastructure img{border: 1px solid #ccc; padding: 5px; border-bottom: 1px solid #ccc;}
.Infrastructure .ni-lg-5, .Infrastructure .ni-lg-7{ padding:0;}
.ngg-album-compact p {display: none;}
.information .ngg-album-compact {padding: 0 23px 4px 0!important;}
.overlay h4 { font-family: 'roboto_slabregular';font-size: 25px;}
.contactAddress p{ line-height: 30px;}

.align-items-center{
    align-items: center!important;
}


.gallery01 {
    display: flex;
    flex-wrap: wrap;
    /* Compensate for excess margin on outer gallery flex items */
    margin: -1rem -1rem;
}

.gallery-item01 {
    /* Minimum width of 24rem and grow to fit available space */
    flex: 1 0 24rem;
    /* Margin value should be half of grid-gap value as margins on flex items don't collapse */
    margin: 1rem;
    box-shadow: 0.3rem 0.4rem 0.4rem rgba(0, 0, 0, 0.4);
    overflow: hidden;
}

.gallery-image01 {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 400ms ease-out;
}

.gallery-image01:hover {
    transform: scale(1.15);
}

li.mnc {
    margin-bottom: 10px;
}