@charset "utf-8";
/* CSS Document */
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, 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;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {font-family: 'Poppins-Regular'; width:100%; height:100%;}
ol, ul {list-style: none;}
*{ margin:0; padding:0;}
a{ text-decoration:none; outline:none;}
h6,h5,h4,h3,h2,h1{ margin:0; padding:0; font-family:Gilroy-ExtraBold; font-weight:normal; letter-spacing:1px; }
img{ border:none;}
.clear{ clear:both;}
.container{position:relative; margin:0 auto; width:1200px; display:flow-root;}
/*------Header Section-------*/
#intro{ float:left; color:#6f6f6f; font-size:12px; margin:12px 0 0 0; background:url(../images/intro.png) no-repeat left; padding:0 0 0 21px;}
#hour{ float:left; color:#6f6f6f; font-size:12px; margin:2px 142px 3px 169px; background:url(../images/hour.png) no-repeat left; padding:10px 0 8px 45px;}
#hour span{ color:#070707;}
#visudan{ position:absolute; right:0; top:3px;}
#dotbg{ background:url(../images/ditbg.jpg) repeat; padding:10px 0;}
#logo{ width:380px; height:80px; float:left; margin:0 115px 0 0;}
#logo img, #about-img img, #princi-img img, #patron img, .student-detailimg img, .facility-img img, .inn_gal_img img{ width:100%; height:100%;}
#mobile_menu, #mobile_drop{display:none;}
.mtoggle{cursor:pointer;float:right;}
#social-icontop{ float:left; position:relative; margin:11px 0 0 0;}
#social-icontop a{ float:left;display:block; margin:0 4px 0 0;}
.topicon-box{ float:left; font-size:15px; color:#000; padding:15px 16px 9px 16px; margin:4px 41px 0 0; position:relative; line-height:21px; width:210px;}
.topicon-box img{ float:left; margin:0 17px 0 0;}
.topicon-box span{ color:#e73435; font-size:14px; float:left; margin:0 8px 0 0;}
.corner1{ position:absolute; left:0; top:0; width:27px; height:20px; background:url(../images/corner1.png) no-repeat;}
.corner2{ position:absolute; right:0; bottom:0; width:27px; height:20px; background:url(../images/corner2.png) no-repeat; z-index:9999;}
.topicon-box h2{ font-size:18px; color:#3e3e3e;}
#top-mail{ width:258px;font-size:13px; margin-right:0; line-height:26px; padding:23px 18px 16px 18px;}
#menu{ background:#fca604; text-align:center; height:53px; z-index:400; position:relative;}

/*****LEVEL ONE*****/
ul.dropdown{ position: relative;z-index:1000; display:inline-block;} 
ul.dropdown li{float: left; zoom: 1;list-style:none; position:relative; text-transform:uppercase; background: url(../images/line.png) no-repeat right center;}
ul.dropdown li a{ display:block; color:#FFFFFF;padding:15px 25px; font-size:13px;}
ul.dropdown li a:hover{ color: #bfeaff;}
ul.dropdown li:hover{position: relative; color:#bfeaff; }
ul.dropdown li.hover a{ color: #bfeaff;}

/*****LEVEL TWO*****/
ul.dropdown ul{ width: 210px; visibility: hidden; position: absolute; top: 100%; left: 0; text-align:left;}
ul.dropdown ul li{background:#fca604; color: #FFF; border-bottom: 1px solid #cea24f; float: none;list-style:none;}
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a{ border-right: none; width: 100%; display: inline-block; font-size:12px; color:#fff!important;padding:8px 20px;height:auto;text-shadow:none!important;background:none; font-weight:normal;}
ul.dropdown ul li:hover{ background:#212121;}
/*****LEVEL THREE******/
ul.dropdown ul ul{ left: 100%; top:0; }
ul.dropdown li:hover > ul{ visibility: visible;}
#contact-detail{ background:rgba(208,144,27,0.8); padding:11px 0; position:absolute; left:0; bottom:-51px; width:100%; z-index:100; text-align:center; color:#FFF;}
#pen{ position:absolute; left:33px; top:10px;}
#book{ position:absolute; right:33px; top:10px;}
/*------Header Section End-----*/

/*banner section*/
.bannercaption{ width:100%;background:url(../images/read.png) no-repeat center bottom;font-size:20px; text-align:center; line-height:36px; color:#fbf741; position:absolute;  left:0; top:40%; z-index:500 !important; padding:0 0 81px 0}
.bannercaption h2{ font-size:62px; background:rgba(0,0,0,0.7); line-height:48px; text-transform:uppercase; color:#FFF; padding:20px 35px; display:inline-block; border-left:#e72508 solid 8px;}
.bannercaption span{ display:table; margin:1px auto 0 auto; background:rgba(2,63,98,0.8);  border-right:#e72508 solid 8px; padding:20px 25px; text-transform:uppercase; color:#FFF; font-size:33px;}
/*banner section end*/

/*content part*/
#facility-box{position:absolute; left:0; top:30px; padding:23px 24px; z-index:100; width:100%; box-sizing:border-box;}
#facility-box a{ width:273px; border:#fca604 solid thin; text-align:center; display:block; padding:14px; box-sizing:border-box; position:relative; overflow:hidden; color:#707070; font-size:13px; float:left; margin:0 19px 0 0; moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
#facility-box a:after{ position:absolute; left:0; top:0; background:#ffdbd6; width:100%; height:0; content:""; z-index:-1; moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
#facility-box a:hover:after{ height:100%;}
#facility-box a:hover .bounce {animation: bounce_8980 2.6s ease infinite;transform-origin: 50% 50%;}
@keyframes bounce_8980 {
  0% { transform:translateY(0) }
  7.69231% { transform:translateY(0) }
  15.38462% { transform:translateY(0) }
  30.76923% { transform:translateY(-15px) }
  38.46154% { transform:translateY(0) }
  46.15385% { transform:translateY(-15px) }
  61.53846% { transform:translateY(0) }
  100% { transform:translateY(0) }
}

#facility-box a:last-child{ margin-right:0;}
#facility-box a img{ display:block; margin:0 auto 8px auto;}
#facility-box a strong{ display:block; background:url(../images/curveline.png) no-repeat center bottom; padding:0 0 6px 0; font-size:16px; color:#0c364b; margin:0 0 6px 0;}

#facility-box a:hover strong{ color:#903426;}
#facility-box a:hover{ color:#a3645a;}
#welcome-section{ position:relative; background:#e3f6ff; margin:265px 0 45px 0; padding:0 0 32px 0;}
#welcome-img{position:absolute; z-index:100; left:-71px; top:35px; width:565px; height:380px; box-sizing:border-box; font-size:29px; color:#465b65;  text-transform:uppercase; line-height:28px; padding:0 0 0 150px;}
#welcome-section:after{ position:absolute; right:0; top:0; background:#fca604; width:11%; height:100%; content:""; z-index:0;}
#welcome-img h2{ font-size:32px; color:#000;}
#welcome-box{ float:right; width:470px; font-size:14px; color:#616161; margin:42px 180px 0 0; line-height:27px;}
#welcome-box span{ font-size:19px; text-align:justify; display:block; margin:0 0 23px 0;}
.more-btn{display:block; padding:1px 19px; box-sizing:border-box; text-transform:uppercase; display:block; clear:both; color:#fca604; margin:25px 0 0 0; width: 26%; font-size:13px; font-family:Gilroy-ExtraBold; border:#fca604 solid 3px; border-radius:60px;}
.more-btn:after{ width:20px; height:9px; background:url(../images/arow.png) no-repeat; position:absolute; right:16px; top:9px; content:"";}

.hvr-radial-in {
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background-color: #fca604;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-radial-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FFFFFF;
  border-radius: 100%;
  -webkit-transform: scale(2);
  transform: scale(2);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
  color: white;
}
.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}
#student{position: absolute;
left: -4px;
top: 0;
z-index: 50;
margin-top: 22px;
border-radius: 20px;}
.page-titel{ float:left; padding:14px 50px 32px 112px; border-right:#c0c0c0 solid thin; margin:0 40px 0 0;}
.page-titel h2{ font-size:20px; color:#3f3f3f; -moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.page-titel span{ display:block; color:#c21d04; font-size:14px;}
.page-titel:hover h2{ color:#c21d04;}

#gif-school {
	position: absolute;
	left: 50%;
	top: 25%;
	z-index: 50;
	margin-top: 22px;
	border-radius: 20px;
	transform: translateX(-50%);
	width: 100%;
	max-width: 450px;
}

#faculty{ background:url(../images/faculty.jpg) no-repeat left top;}
#affliation{ background:url(../images/affliation.jpg) no-repeat left top; padding:14px 50px 32px 97px;}
#cariculim{ background:url(../images/cariculim.jpg) no-repeat left top;}
#acheivement{ background:url(../images/acheivement.jpg) no-repeat left top; padding:10px 50px 32px 90px; padding-right:0; border:none; width:150px; float:right; margin:0;}


@-webkit-keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

@keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

.hvr-wobble-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
  -webkit-animation-name: hvr-wobble-skew;
  animation-name: hvr-wobble-skew;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
#content-bg{  no-repeat center; background-size:cover; margin:15px 0 0 0; padding:0 0 48px 0;}
.manager-box{ position:relative; float:left; margin:37px 0 0 0; padding:0 0 0 172px;
    border-top-color: #860e42 !important;
border-bottom-color: #860e42 !important;
border-left-color: #860e42 !important;
border-right-color: #860e42 !important;
border: 1px solid;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
}
.manager-pic{ position:absolute; left:0; top:0;}
.manager-img{  margin:0 auto; display:block; line-height:9px; width:234px; height:234px; }
.manager-img img{ width:100%; height:100%;   -moz-border-radius:100%;}
.md-name{ background:#171717; text-align:center; padding:10px; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; color:#FFF; font-size:14px; width:245px; text-transform:uppercase; box-sizing:border-box; border:#ffffff solid 2px; position:relative; margin:-10px auto 0 auto}
.md-name img{ position:absolute; left:40%; top:-44px;}
.manger-cnt{width:313px; color:#4a4a4a; margin:11px 0 0 0; text-align:justify; background:#FFF; padding:24px 27px 21px 98px; font-size:14px; line-height:23px;}
.manger-cnt h2{ font-size:24px; color:#000;text-transform:uppercase; margin:0 0 12px 0;}
.manger-cnt a{ display:block; background:url(../images/arow.png) no-repeat right center; width:64px; text-transform:uppercase; font-family: 'Gilroy-ExtraBold'; color:#c21d04; margin:1px 0 0 0; padding:6px 0;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
#manager{ float:right; position:relative; padding:0 172px 0 0; width:380px;}
.manger-cnt a:hover{ color:#000;}
#managerimgcover{ right:0; position:absolute; top:0;}
#manager .manger-cnt{ padding:24px 96px 20px 31px; width:270px;}
#visio{ background:#096798 url(../images/sideimg.png) no-repeat right top; padding:25px 0;}
.vision-cnt{ float:left; width:582px; color:#FFF;}
.vision-cnt img{ float:left;}
.vision-cnt div{ float:right; width:484px; font-size:14px; text-align:justify; line-height:22px;}
.vision-cnt h2{ font-size:28px; text-transform:uppercase; margin-bottom:12px;}

.pulse {
  animation: pulse_2905 4s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes pulse_2905 {
  0% { transform: scale(1.1) }
  25% { transform: scale(0.8) }
  50% { transform: scale(1.1) }
  100% { transform: scale(1.1) }
}

.double-flash {
  animation: double-flash_4609 4s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes double-flash_4609 {
  0% { opacity:1 }
  12.5% { opacity:0 }
  25% { opacity:1 }
  37.5% { opacity:0 }
  50% { opacity:1 }
  100% { opacity:1 }
}

#gallery-box{ margin:40px 0 0 0; text-align:center;}
#gallery-box h2{  font-size:31px; text-transform:uppercase;color:#000000; letter-spacing:0; }
#gallery-box span{ font-size:20px; text-transform:uppercase; color:#616161; margin:0 0 16px 0; display:block;}

#gallery-box a{ float:right; margin:14px 0 0 0; display:block;}
.gallery-img{ float:left; width:24.9%; height:198px; margin:0 1px 1px 0; line-height:0; overflow:hidden;}
.gallery-img img{ width:100%; height:100%;}
.grid {position: relative;max-width: 100%;list-style: none;text-align: center;box-sizing:border-box;}
.grid figure {position: relative;float: left;overflow: hidden;min-width: 100%;max-width: 100%;width: 48%; height:100%;text-align:center;box-sizing:border-box;}
.grid figure figcaption {color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.grid figure figcaption::before,
.grid figure figcaption::after {pointer-events: none;}
.grid figure figcaption,
.grid figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.grid figure figcaption > a {z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}
figure.effect-apollo img {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;
-webkit-transform:;}
figure.effect-apollo figcaption::before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(227,227,227,0.6);
content: '';-webkit-transition: -webkit-transform 0.6s;transition: transform 0.6s;-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);}
figure.effect-apollo:hover img {-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);  scale3d(1.03,1.05,1);transform: scale3d(1.03,1.05,1);}
figure.effect-apollo:hover figcaption::before {-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);}
/*content part end*/

/*innerpage content*/
#content-cover{ background:#fff;padding:0 0 27px 0; clear:both;}
#page-title{ background:url(../images/pagetitelbg.jpg) no-repeat center; background-size:cover;margin:0 0 23px 0; position:relative; padding:14px 0;}
#page-title h1{  color:#FFFFFF; font-size:25px;font-family:Poppins-Regular; letter-spacing:0; margin:0 0 0 23px; text-transform:uppercase;}
#left-box{ background:#FFF; padding:17px; width:927px; float:left; color:#696969; font-size:14px; text-align:justify; line-height:25px; box-sizing:border-box; position:relative;}
#left-box h2, #fixed-box h3{ font-size:17px; margin:10px 0 5px 0;}
#about-img{ width:100%; height:auto;}
#left-box ul, #fixed-box ul{ margin:15px 0 0 0; display:table;}
#left-box ul li, #fixed-box ul li{ position:relative;padding:0 0 0 19px; font-size:14px; text-align:justify; margin:0 0 3px 0; line-height:22px; background-image: url(../images/bullet_black.png);
background-repeat: no-repeat;}
#fixed-box{ background:#FFF; /*padding:15px;*/ width:100%;color:#47535a; font-size:14px; line-height:24px; box-sizing:border-box; position:relative;}
#right-box{ width:258px; float:right; background:#FFF; padding:14px 13px 0 14px; position:relative; box-sizing:border-box;}
#right-box h2{font-size:22px;text-transform:uppercase; color:#c21d04; padding:11px 0; background:url(../images/drop.png) no-repeat left top; text-align:center;}
ul#service-list{ margin:0 0 22px 0; padding:0; list-style:none;}
ul#service-list li { position:relative; margin:0 0 2px 0; text-align:center; padding:0 30px; display:table; width:100%; height:41px;box-sizing:border-box; font-size:12.5px; position:relative; z-index:50; line-height:15px; color:#f2f7ff; background: url(../images/rightservicebg.jpg) repeat; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;}
ul#service-list li span{ display:table-cell; vertical-align:middle; text-transform:uppercase;}
.vision-box{ float:left; text-align:center; width:442px;padding:10px; box-sizing:border-box; line-height:24px;}
.vision-box img{ margin:-10px; width:100%;}
#left-box .vision-box h2{ font-size:20px; margin:16px 0 7px 0; text-transform:uppercase; color:#000;}
.table1 {border-collapse: collapse;text-align:center; width:100%;}
.table1 td,.table1 tr {border:1px solid #d5d5d5;padding:13px 22px; font-size:14px; text-align:left;line-height:16px;}
.head2{color:#c21d04;text-transform:uppercase; border:none; font-family:Gilroy-ExtraBold; font-size:16px; letter-spacing:1px;}
#princi-img{ width:290px; height:290px;  border:#bebebe solid thin; float:left; margin:0 18px 5px 0;}
#left-box #princi-name{ float:left;color:#000; font-size:18px;padding:0 0 8px 0; margin:0 0 15px 0; position:relative; width:579px; text-transform:uppercase;}
#left-box #princi-name:after{ position:absolute; left:0; bottom:0; background:#c21d04; width:150px; height:3px; content:"";}
.affliation-img{margin:0 auto 15px auto; width:693px;}
.affliation-img img{ width:100%; height:auto;}
.carriculum{padding:20px; margin:0 0 20px 0; background:#eaeaea;}
#left-box .carriculum h2{ font-size:20px; text-transform:uppercase; color:#394658; background:url(../images/curveline.png) no-repeat left bottom; padding:0 0 11px 0; margin:0;}
.carriculum ul{ list-style:none;}
#left-box .carriculum ul li{ background:url(../images/intro.png) no-repeat left 3px; float:left; padding:0 0 4px 21px; width:269px; margin-bottom:6px; box-sizing:border-box; border-bottom:#cecece solid thin; margin:0 15px 11px 0;}
#patron{ float:left; margin:0 20px 30px 0; position:relative; text-align:center;}
#patron-name{ position:absolute; left:0; bottom:-16px; background:#c21d04; width:100%; padding:6px 15px; box-sizing:border-box; color:#FFF; text-transform:uppercase; border-radius:50px;}
#school-anthem{ background:url(../images/song.png) no-repeat left top; padding:0 0 0 89px; float:left; margin:0 15px 0 0;}
#left-box #school-anthem h2{ text-transform:uppercase; font-size:19px;} 
#school-anthem audio{ width:342px;}
.achiev-box{ background:url(../images/acheivement.jpg) no-repeat center 10px; width:282px; height:114px; margin:0 15px 13px 0; float:left; display:table; position:relative; padding:76px 12px 0 12px; box-sizing:border-box; border:#ff9b8c solid thin; background-size:44px; -moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.achiev-box h3{ display:table-cell; vertical-align:middle; font-size:14px; color:#000; text-transform:uppercase; text-align:center;line-height:14px;}
.achiev-box:hover{-moz-box-shadow: 2px 3px 4px #a6a6a6;-webkit-box-shadow: 2px 3px 4px #a6a6a6;box-shadow: 2px 3px 4px #a6a6a6;}

#rc-imageselect, .g-recaptcha {transform:scale(0.78);-webkit-transform:scale(0.78);transform-origin:0 0;-webkit-transform-origin:0 0;}
.achiev-box:hover h3{ color:#c21d04;}
.student-detailbox{ width:280px;padding:12px; box-sizing:border-box;margin:0px 16px 25px 0; float:left; line-height:13px; color:#000; border:#ff9b8c solid thin; text-align:center; height:281px;}
.student-detailimg{ width:220px; height:163px; margin:0 auto;}
.student-detailinner1{ background:url(../images/trophy.png) no-repeat center top; padding:25px 0 0 0; display:table; color:#2a2a2a; margin:10px 0 0 0;  background-size:19px; width:100%; text-align:center; height:37px; line-height:12px;}
.student-detailinner1 h3{ display:table-cell; vertical-align:middle; font-size:14px; text-transform:uppercase;}
#pagination{width:auto;text-align:center;margin:0px auto; font-size:12px; line-height:24px; clear:both;}
#pagination a{text-decoration:none;color:#989898;background:#FFF;padding:0 8px;display:inline-table;border:solid 1px #c5c5c5;margin:0 2px 0 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
#pagination span{background:#ae100f;color:#fff;padding:3px 8px;margin:0 3px 0 0;-webkit-border-radius: 3px;
-moz-border-radius: 3px;border-radius: 3px;}
#pagination a:hover{background:#ae100f;color:#fff;}
.cariculam-list{ background:#FFFFFF url(../images/cariculam.png) no-repeat left; width:213px;height:57px; display:table; border:#ffaea2 solid thin;box-sizing:border-box; float:left; margin:0 10px 14px 0; padding:0 10px 0 47px;}
.cariculam-list span{ color:#343434; font-size:14px; display:table-cell; vertical-align:middle; line-height:16px;  border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; background: url(../images/listicon.png) no-repeat 6px 14px; }

*====================ACCORDION=================*/
.smk_accordion {
  position: relative;
  margin: 0;
  padding: 0;
  background:#f9f9f9;
  list-style: none;
  margin-bottom: 20px;
}
/**
 * --------------------------------------------------------------
 * Section
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in {
  border: 1px solid #ccc;
  position: relative;
  z-index: 10;
  margin-top: -1px;
  overflow: hidden;
}
/**
 * --------------------------------------------------------------
 * Head
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in .acc_head {
  position: relative;
  background: #9398a0;
  font-size: 15px;
  display: block;
  cursor: pointer;
  text-transform:uppercase; color:#FFF;
}
.smk_accordion .accordion_in .acc_head:hover{ background:#c21d04; color:#FFF;}

.tab-box {
  position: relative;
  background: #f9f9f9;
  font-size: 18px;
  display: block;
  padding:20px;
  border-right:1px solid #ccc;
  border-left:1px solid #ccc; 
  border-bottom:1px solid #ccc; 
}

.smk_accordion .accordion_in .acc_head .acc_icon_expand {
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -9px;
}
.acc_active{background:#fff;}
/**
 * --------------------------------------------------------------
 * Content
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in .acc_content {
  background: #fff;
  color: #7B7E85;
  padding: 3px 10px;
}
.smk_accordion .accordion_in .acc_content h1:first-of-type,
.smk_accordion .accordion_in .acc_content h2:first-of-type,
.smk_accordion .accordion_in .acc_content h3:first-of-type,
.smk_accordion .accordion_in .acc_content h4:first-of-type,
.smk_accordion .accordion_in .acc_content h5:first-of-type,
.smk_accordion .accordion_in .acc_content h6:first-of-type {
  margin-top: 5px;
}
/**
 * --------------------------------------------------------------
 * General
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in:first-of-type,
.smk_accordion .accordion_in:first-of-type .acc_head {
  border-radius:0;
}
.smk_accordion .accordion_in:last-of-type,
.smk_accordion .accordion_in:last-of-type .acc_content {
  border-radius: 0 0 3px 3px;
}
.smk_accordion .accordion_in.acc_active > .acc_content {
  display: block;
}
.smk_accordion .accordion_in.acc_active > .acc_head {
  background: #c21d04; color:#FFFFFF;
}
.smk_accordion .accordion_in.acc_active > .acc_head .acc_icon_expand {
  background: url(../images/plusminus.png) center -18px;
}
.smk_accordion.acc_with_icon .accordion_in .acc_head,
.smk_accordion.acc_with_icon .accordion_in .acc_content {
  padding: 10px 19px;
}
.pta-people{ float:left; width:214px; background:#eeeeee;margin:0 9px 16px 0; padding:14px 16px; box-sizing:border-box; font-size:14px;line-height:18px; border:#dbdbdb solid thin;}
.pta-people span{ display:block; color:#000; text-transform:uppercase;font-size:14px; margin:0 0 3px 0;}
.facility-box{ float:left; margin:0 10px 22px 0; width:277px; text-align:center; font-size:14px; text-align:justify; line-height:20px;}
.facility-img{ width: 277px;
    height: 306px;
    text-align: center;}
.facility-box h2{ color:#000; background:url(../images/curveline.png) no-repeat center bottom; padding:8px 0; margin:10px 0; font-size:15px; text-transform:uppercase;}
.facility-box a{ display:block; margin:10px auto; width:56px; border:#c21d04 solid thin; padding:3px 12px; border-radius:50px; font-size:12px; font-family:Gilroy-ExtraBold; color:#c21d04; ;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.facility-box a:hover{ background:#c21d04; color:#FFF;}
#facility-cover{ width:467px; margin:0 28px 0 0; float:left;}

/*Thumbnail Gallery Slider
----------------------------------------------------*/ 
.rg-image-wrapper{position:relative;min-height:20px;}
.rg-image{position:relative;text-align:center;line-height:0px;background:#ebebeb;padding:19px 0;}
.rg-image img{max-height:100%;max-width:100%;}
.rg-image-nav a{display:none}
.es-carousel-wrapper{background:#c21d04;padding:10px 18px !important;position:relative;}
.es-carousel{overflow:hidden;}
#left-box .es-carousel ul{display:none; margin:0;}
.es-carousel ul li{height:100%;float:left;display:block !important; padding-left:0 !important; background-image:none !important; border-bottom:none !important; }
.es-carousel ul li a{display:block ;border-style:solid;border-color:#222;opacity:0.8;-webkit-touch-callout:none;-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.es-carousel ul li.selected a{border-color:#fff;opacity:1.0;}
.es-carousel ul li a img{display:block;border:none;max-height:100%;max-width:100%;}
.es-nav span{position:absolute;top:50%;left:5px;background:transparent url(../images/nav_thumbs.png) no-repeat top left;width:14px;height:26px;
margin-top:-13px;text-indent:-9000px;cursor:pointer;opacity:0.8;}
.es-nav span.es-nav-next{right:5px;left:auto;background-position:top right;}
.es-nav span:hover{opacity:1.0;}
#left-box #facility-maintitel{ font-size:24px; margin:15px 0;}

.gallery-titel{ border:#d1d1d1 solid thin; float:left; width:277px; height:104px; display:table; background:#ececec url(../images/galleryicon.png) no-repeat center 9px; margin:0 15px 15px 0; padding:42px 15px 7px 18px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; text-align:center; -moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease; box-sizing:border-box;}
.gallery-titel span{ display:table-cell; vertical-align:middle; color:#000; background:url(../images/arow.png) no-repeat center bottom; line-height:14px; font-size:13px;}
.gallery-titel:hover{ background-color:#ffe2de; border:#f1cbc6 solid thin;}


#fixed-box #gal_listed{margin:0px 0 0 0;padding:0;}
#fixed-box #gal_listed li{list-style:none;float:left;width:289px;margin:0 3px 15px 0;position:relative; padding-left:0;}
#gal_listed2 li:after{ display:none;}
.inn_gal_img{width:289px;height:170px;}
.inn_gal_txt{display:none;height: 100%;position: absolute;top: 0;width: 100%;z-index:999; left:0;}
#gal_listed li:hover .inn_gal_txt{ background:#c60d0d url(../images/zoom.png) no-repeat center 20px; background-size:55px;display:block;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9;color:#fff; text-align:center; padding:90px 0 0 0; box-sizing:border-box; line-height:24px;}
.folded-corner {width: 0px;height: 0px;position: absolute; z-index:9999;top: -1px;right: -1px;border-width: 0;border-style: solid;background: hsla(260,5%,60%,0.2);-webkit-box-shadow: 2px -2px 0px #fff, 0 1px 1px rgba(0,0,0,0.1), -1px 1px 1px rgba(0,0,0,0.1);-moz-box-shadow: 2px -2px 0px #fff, 0 1px 1px rgba(0,0,0,0.1), -1px 1px 1px rgba(0,0,0,0.1);box-shadow: 2px -2px 0px #fff, 0 1px 1px rgba(0,0,0,0.1), -1px 1px 1px rgba(0,0,0,0.1);
-webkit-border-bottom-left-radius: 15px;-moz-border-radius: 0 0 0 15px;border-radius: 0 0 0 15px;border-color: #fff #fff transparent transparent;
-webkit-transition: border-width 0.2s ease-out;-moz-transition: border-width 0.2s ease-out;-ms-transition: border-width 0.2s ease-out;-o-transition: border-width 0.2s ease-out;transition: border-width 0.2s ease-out;border-width: 0 40px 40px 0;background: hsla(260,5%,75%,0.5);}
[class^='imghvr-'],
[class*=' imghvr-'] {position: relative;display: inline-block;margin: 0px;max-width: 100%;color: #fff;overflow: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;-webkit-transform: translateZ(0);transform: translateZ(0);}
[class^='imghvr-'] > img,
[class*=' imghvr-'] > img {vertical-align: top;max-width: 100%;}
[class^='imghvr-'] figcaption,
[class*=' imghvr-'] figcaption {background-color: #c60d0d;padding: 30px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;color: #ffffff;}
[class^='imghvr-'] a,
[class*=' imghvr-'] a {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;}
[class^='imghvr-push-']:hover figcaption,
[class*=' imghvr-push-']:hover figcaption {-webkit-transform: translate(0, 0);transform: translate(0, 0);}
[class^='imghvr-'],
[class*=' imghvr-'],
[class^='imghvr-']:before,
[class^='imghvr-']:after,
[class*=' imghvr-']:before,
[class*=' imghvr-']:after,
[class^='imghvr-'] *,
[class*=' imghvr-'] *,
[class^='imghvr-'] *:before,
[class^='imghvr-'] *:after,
[class*=' imghvr-'] *:before,
[class*=' imghvr-'] *:after {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.35s ease;transition: all 0.35s ease;}
/* imghvr-fade-*
   ----------------------------- */
[class^='imghvr-fade'] figcaption,
[class*=' imghvr-fade'] figcaption {opacity: 0;}
[class^='imghvr-fade']:hover > img,
[class*=' imghvr-fade']:hover > img {opacity: 0;}
[class^='imghvr-fade']:hover figcaption,
[class*=' imghvr-fade']:hover figcaption {opacity: 1;}
[class^='imghvr-fade']:hover > img,
[class*=' imghvr-fade']:hover > img,
[class^='imghvr-fade']:hover figcaption,
[class*=' imghvr-fade']:hover figcaption {-webkit-transform: translate(0px, 0px);transform: translate(0px, 0px);}
/* imghvr-push-up
   ----------------------------- */
.imghvr-push-up figcaption {-webkit-transform: translateY(100%);transform: translateY(100%);}
.imghvr-push-up:hover > .inn_gal_img {-webkit-transform: translateY(-100%);transform: translateY(-100%);}

.contact-frm{ width:100%; margin:0; background:#333333; padding:27px 20px 8px 20px; box-sizing:border-box; color:#dedede;}
.contact-frm h1{ color:#FFF; font-size:24px; text-align:center;  text-transform:uppercase;margin-bottom:2px; display:block;}
.contact-frm input{ width:100%; border:none;font-family:'Poppins-Regular'; padding:11px 30px; box-sizing:border-box; outline:none; color:#a2a2a2;font-size:14px; background:#212121; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px}
.contact-frm textarea{ width:99%; border:none;padding:11px 30px; box-sizing:border-box; outline:none; color:#969aae; height:60px; margin:0px 0 12px 0; overflow:hidden; resize:none; font-size:14px; font-family: 'Poppins-Regular'; background:#212121;  border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px;}
.contactfrm-cover{ width:264px; float:left; margin:0 15px 0 0; height:68px; text-align:left;}
.contact-frm .captha{ width:171px; float:right; margin-top:0;}
.contact-frm #frmsubmit{margin-top:0; background:#df1b1f; color:#FFF;  font-family: 'Poppins'; padding:10px 0; cursor:pointer; font-size:16px;}
::-webkit-input-placeholder { color: #a2a2a2;}
::-moz-placeholder { color: #a2a2a2;}
#map{ width:100%; height:230px;}
#map iframe{ width:100%; height:100%;}
#contact-cover{  text-align:center; box-shadow: 0px 1px 8px 0px #ccc; padding:26px 15px; text-align:center;}
#fixed-box #contact-cover h2{ font-size:26px;}
#fixed-box #contact-cover h3{ font-size:18px;}
#tele{ background:url(../images/callmain.png) no-repeat center top; background-size:30px}
#mail{ background:url(../images/mailmain.png) no-repeat center 8px; background-size:30px; border:none;}
#adrs{ background:url(../images/map.png) no-repeat center top; background-size:30px;}
.contact-detailmain{ padding:38px 35px 0 44px; color:#000; line-height:21px; margin:28px 0 0 0; border-right: #b3b3b3 solid thin; display:inline-block; width:365px; box-sizing:border-box;}
/*innerpage content end*/

/*footer section*/
footer{ background: url(../images/footer.jpg) no-repeat center; background-size:cover; clear:both; padding:37px 0 15px 0; margin:36px 0 0 0; text-align:center; margin:35px 0 0 0; float:left; width:100%;}
.bottom-box{ float:left; margin:0 123px 0 0;}
.contact-detail{color:#fca604; line-height:21px; font-size:13px;display:inline-block; background:#0f1d23; border-bottom:#fca604 solid thin; margin:0 15px 0 0; width:365px; text-align:left; padding:12px 0 0 0;}
.contact-detail span{ font-size:13px; color:#afc5cf;}
.contact-detail img{ float:left; margin:-11px 22px 0 0;}
.adres{ font-size:14px; color:#afc5cf; margin:28px 0 0 0; padding:4px 0 0 49px; float:left; text-align:left; background: url(../images/address.png) no-repeat left center}
.adres h2{ font-size:16px; color:#FFF; text-transform:uppercase; margin-bottom:3px;}
ul.botom-link{ padding:0; list-style:none; box-sizing:border-box; margin:25px 0 0 0; display:table; margin:0 auto 24px auto; width:867px; font-family:Gilroy-ExtraBold; text-transform:uppercase;}
ul.botom-link li a{ color:#d4d4d4; margin:0 30px 0 0;font-size:14px; position:relative; float:left; letter-spacing:1px;}
ul.botom-link li a:hover{ color:#a2c4e4;}
.botom-social{ text-transform:uppercase; font-size:12px; color:#FFF; margin:21px auto 0 auto; display:inline-block;}
.botom-social a{ float:left; margin:11px 10px 0 0;}
#copyright{ color:#afc5cf; font-size:13px; line-height:22px; float:right; width:327px; text-align:left; margin:22px 0 0 0;}
#copyright a{ color:#f83516;}
#copyright a:hover{ color:#a1aeba;}
/*footer section end*/

@media (max-width:1200px){
.container{ width:992px;}
#hour{ margin:2px 45px 3px 54px;}
#student, #gif-school, #welcome-section::after, #acheivement{ display:none;}
#pen,#book,#top-mail{ display:none;}
#facility-box a{ width:221px;}
#welcome-box{ margin-right:0;}
.page-titel{ padding:14px 66px 32px 112px;}
.manger-cnt, #manager .manger-cnt{ width:698px;}
.manger-cnt{ margin:31px 0 0 0;}
#manager{ float:left; margin:75px 0 0 0;}
#managerimgcover{ right:-417px;}
#content-bg{ padding-bottom:96px;}
#visio{ background-image:none;}
.vision-cnt{ width:100%; margin-bottom:32px;}
.vision-cnt div{ width:882px;}
#visio{ padding-bottom:0; padding-top:38px;}
.contact-detail{ margin-bottom:18px;}
#right-box{ width:230px;}
#left-box{ width:750px;}
.vision-box{ width:100%;}
#left-box #princi-name{ width:402px;}
#left-box .carriculum ul li{ width:323px;}
#school-anthem audio{ width:627px;}
.achiev-box{ width:342px;}
.student-detailbox{ width:222px;}
.student-detailimg{ width:196px; height:146px;}
.cariculam-list{ width:228px;}
.facility-box{ width:305px;}
.facility-img{ width:305px; height:200px;}
.gallery-titel{ width:224px;}
.gallery-img{ height:auto;}
#fixed-box #gal_listed li{ width:317px;}
.inn_gal_img{ width:317px; height:187px;}
.contact-detailmain{ width:307px;}
.contactfrm-cover{ width:215px;}
.contact-frm .captha{ width:115px;}
.pta-people{ width:229px;}
}

@media (max-width:992px){
  .announcements-container {
    top: 25.5em;
  }
  .announcements-container .container-title {
    width: 77px;
    padding: 0px 0px;
    font-size: 12px;
  }
  .announcements-container ul.announcements li{
    font-size: 12px;
  }
.container{ width:768px;}
ul.dropdown, #intro, .bannercaption, .botom-social{ display:none;}
#mobile_menu{display:block;text-align:right;padding:17px 0px; float:right;}
#mobile_drop{display:block;position:relative;background:#1d1d1d;}
#mobile_drop_fix{display:block;padding:20px 0px 10px 0;margin:0 auto 0 auto;}
#mobile_drop_fix ul li{list-style:none;display:block}
#mobile_drop_fix ul li ul li{margin:0 0 0 35px;}
#mobile_drop_fix ul li ul li a{border-bottom:0!important}
#mobile_drop_fix a{display:block;color:#fff;border-bottom:solid 1px #444444;display:block;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;text-decoration:none;padding:5px 0; font-size:13px;}
#mobile_drop_fix a:hover{border-bottom:solid 1px #e66665;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;
color:#e66665;}
#logo{ margin:0 27px 0 0;}
#facility-box a{ width:350px; margin:0 10px 10px 0;}
#welcome-section{ margin:461px 0 30px 0; padding:35px 0 32px 0;}
#welcome-img{ background:none; position:static; padding:0; height:auto;}
#welcome-box{ width:100%; margin:25px 0 0 0;}
#acheivement{ display:block; float:left;}
.page-titel{ width:169px; border:none; margin-bottom:25px;}
.manger-cnt, #manager .manger-cnt{ width:469px;}
#managerimgcover{ right:-215px;}
.vision-cnt div{ width:656px;}
.gallery-img{ width:24.8%;}
ul.botom-link, #left-box, #right-box, .affliation-img, .contact-detailmain{ width:100%;}
ul.botom-link li a{ margin:0 19px 0 0;}
#right-box{ margin:30px 0 0 0;}
.vision-box{ padding:25px;}
.achiev-box{ width:350px;}
.student-detailbox{ height:269px;}
.cariculam-list{ width:234px;}
.facility-box{ width:354px;}
.facility-img{ width:354px; height:230px;}
.gallery-titel{ width:231px;}
#fixed-box #gal_listed li{ width:365px;}
.inn_gal_img{ width:365px; height:216px;}
.contact-detailmain{ border:none;}
.contactfrm-cover{ width:333px;}
.contact-frm .captha{ width:208px;}
}

@media (max-width:768px){
  .announcements-container {
    top: 52.5em;
}
.container{ width:448px;}
#visudan, #social-icontop, .topicon-box{ display:none;}
#hour{ margin-left:0;}
#facility-box a, .manger-cnt, #manager .manger-cnt, #manager, #copyright, #left-box #princi-name, #left-box .carriculum ul li, .achiev-box, .cariculam-list, .student-detailbox, .pta-people, .facility-box, #facility-cover, .gallery-titel, .contactfrm-cover{ width:100%;}
#welcome-section{ margin-top:900px;}
.page-titel, #affliation, #acheivement{ padding-right:0; padding-left:110px; width:100%; box-sizing:border-box; margin-bottom:10px;}
.manager-box{ float:none; padding:0; }
.manger-cnt, #manager .manger-cnt{ box-sizing:border-box; padding:18px 30px; text-align:center; margin:0;}
.manager-pic, #managerimgcover{ position:static;}
.manger-cnt a{ text-align:left; margin:0 auto;}
#manager{ padding-right:0;}
#content-bg{ padding-bottom:39px;}
#manager{ margin-top:44px;}
.vision-cnt div{ width:340px;}
.gallery-img{ width:49%;}
ul.botom-link li a{ width:130px; text-align:left; margin-bottom:9px;}
.botom-social{ display:block; float:left; margin-top:8px;}
.vision-box{ padding:25px 0;}
#princi-img{ float:none;}
#school-anthem audio{ width:325px;}
.student-detailimg{ width:219px; height:163px;}
.student-detailbox{ height:auto;}
.facility-img{ width:419px; height:273px;}
.es-carousel-wrapper{ padding:10px 27px !important;}
#fixed-box #gal_listed li{ width:415px;}
.inn_gal_img{ width:415px; height:245px;}
.contact-frm .captha{ width:271px;}
}

@media (max-width:448px){
.container{ width:300px;}
#logo{ width:300px; height:63px;}
#menu{ height:45px;}
#mobile_menu{ padding:12px 0px;}
#facility-box{ padding:15px;}
#welcome-img, .vision-cnt div, .contact-detail{ width:100%;}
#welcome-img h2{ font-size:27px;}
.vision-cnt{ text-align:center;}
.vision-cnt img{ float:none; margin:0 auto;}
.contact-detail img{ margin:-11px 14px 0 0;}
.table1 td, .table1 tr{ padding:10px 11px; font-size:12px;}
#school-anthem{ padding:0; background:none;}
#school-anthem audio{ width:265px;}
#page-title h1{ font-size:20px;}
.facility-img{ width:272px; height:290px;}
#fixed-box #gal_listed li{ width:269px;}
.inn_gal_img{ width:269px; height:159px;}
.contact-detailmain{ padding-left:0; padding-right:0;}
.contact-frm .captha{ width:113px;}
#princi-img{ width:100%; height:100%; line-height:0;}
}