
body {font-family: 'Raleway', sans-serif; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;  -webkit-animation-name: fadeIn;	animation-name: fadeIn;}
  
 @-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

h1, h2, h3, h4, h5, h6, p, a {margin: 0; padding: 0;}
a:visited, a:focus {text-decoration:none;}

.about-us {border-bottom: 1px solid #e4e4e4; border-top:1px solid #fff;}
.carousel-caption {top: 27%; left: 44%; text-align: center; width: 38%;}
.carousel-caption h3 {text-transform: uppercase; padding-bottom: 16px; box-shadow: none;}
.carousel-caption p {font-size: 14px; line-height: 22px;}
.carousel-caption a {background:#3f3f3f; padding: 6px 22px; color: #fff; margin-top: 20px; display: inline-block; transition: all ease 0.5s;}
.carousel-caption a:hover {background:#929292; text-decoration: none;}
.top-line {width: 100%; height: 20px; background: #00ccff;}
.header {/*padding: 0x 0px;*/border-bottom: 2px solid #ccc;}
.about-us {background: #fafafa; padding: 50px 0px;}
.about-info h6 {color:#818181; padding-bottom: 15px;}
.about-info h3 {font-size: 32px; font-weight: bold; text-transform: uppercase; line-height: 42px; padding-bottom: 30px;}
.about-info p {font-size: 14px; color: #868686; line-height: 23px;}
.about-info li {font-size: 14px; color: #868686; line-height: 23px;}
.features {padding:50px 0px;}
.feature-points {text-align: center; margin-bottom: 30px;}
.feature-points img {margin: auto; padding-bottom: 20px;}
.feature-points h3 {padding-bottom: 20px; font-weight: normal; font-size: 20px;}
.yellow-bar {background:#ff6699; color:#fff; padding: 40px 0px;}
.yellow-bar-details h2 {text-transform: uppercase; font-size: 25px; padding-bottom: 10px;}
.yellow-bar-details h4 {text-transform: uppercase; font-size: 14px;}
.btn1 {background:#33cc33; color:#fff; padding:10px 35px; margin-top:5px; display:inline-block; text-transform:uppercase; font-size:13px; font-weight:700; transition:all ease 0.5s; border:none;}
.btn1:hover {background: #fff; color: #3a3a3a; text-decoration: none;}
.btn2 {background:#f0008c; color: #fff; padding: 10px 35px; margin-top: 5px; display: inline-block; text-transform: uppercase; font-size: 13px; font-weight: 700; transition: all ease 0.5s; margin: 25px auto; display: table; border:none;}
.btn2:hover {background:#ccc; color: #3a3a3a; text-decoration: none;}
.teachers {background: #ff6699; background-size: 70% 70%; padding: 50px 0px;}
.main-title {color: #fff; text-align: center; text-transform: uppercase; padding-bottom: 30px;}
.main-title h3 {font-size: 30px;}
.single-teacher {padding: 25px 15px; background: #fafafa; margin-bottom: 20px; border-radius: 4px;}
.single-teacher>img {margin: auto; display: table; border-radius: 50%;}
.single-teacher h4 {text-transform: uppercase; text-align: center; padding: 20px 0px 3px 0px; font-size: 16px; min-height: 62px; display: table; width: 100%;}
.single-teacher h4 span{ display: table-cell;vertical-align: middle;}
.single-teacher h6 {text-align: center; padding-bottom: 20px;}
.single-teacher p {text-align: center; font-size: 13px;}
.spc{ padding:0 10px !important;}

.maroon-bar {background:#ff1f44; color: #fff; padding: 40px 0px;}
.btn3 {background:#fff; padding: 12px 30px; color:#2c3093; text-transform: uppercase; font-weight: bold; transition: all ease 0.5s;}
.btn3:hover {text-decoration: none; color: #fff; background: #2c3093;}
.gallery-grid {padding: 70px 0px;}
.small-grid {padding-bottom: 20px;}
.about-img {border-radius:50%; box-shadow: 0px 0px 15px #484848;}
.bread-crumb-sec {background:url(../images/breadcrumb.jpg) no-repeat fixed; padding:30px 0px; position:relative;}
.bread-crumbs h2 {color:#fff;}
.bread-crumbs ul {margin:0; padding:0; margin-top:15px;}
.bread-crumbs ul li {display:inline-block; margin-right:10px; font-size:12px; color:#fff;}
.bread-crumbs ul li a {color:#fff;}
.blk-clr {color:#000;}
.teachers-dtl {padding:40px 0px;}
.tchr-sngle-bord {border: 1px solid #ccc; border-radius:4px;}
.main-title-inner {padding-bottom:30px;}
.main-title-inner h3 {border-bottom:2px solid #92278f; display:inline-block; padding-bottom:10px;}
.contact-form h3 {padding-bottom:20px;}
.contact-form input[type=text] {height:40px; font-size:13px;}
address p {margin-bottom:10px; line-height:26px;}
address p i {padding-right:10px; color:#92278f;}
address p strong {color:#5b5b5b;}
.social-links-contact span a i {width:42px; height:42px; padding:14px !important;}
.social-links-contact span {margin-right:6px;}
.newsletter-box input[type=text] {font-size:13px; border-radius:0px; height:42px;}

/* Main nav start */
#menu {padding-top:0px;z-index:999;}
#menu li a {font-weight: 500;}
#menu li.active a {color:#ff1f44;}
.site-nav {background: #fff; color: #1a1b18; max-height: 70px; position: relative;}
.site-nav a { text-decoration: none; transition:all linear 0.15s;}
.site-nav .logo {display: inline-block; color: #fff; font-size: 1.7em; height: 40px; line-height: 1.55em; letter-spacing: -2px; text-transform: uppercase; padding: 0 10px; z-index: 0; position: relative;}
.site-nav .logo a {color: #efefef;}
.site-nav .menu {box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1); border-top: 1px solid #d9d9d9; display: none; list-style: none;  margin: 0; padding: 0; text-align: center; position: absolute; top: 60px; right: 0; left: 0;}
.site-nav .menu a {color: #000; border-bottom: 1px solid #d9d9d9; display: block; padding: 15px;}
.site-nav .menu a:hover {color:#2c3093;}
.site-nav .navBars {display: inline-block; font-size: 2.7em; line-height: 1.5em; float: right; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; cursor:pointer;}
#toggle {visibility: hidden; opacity: 0; position: absolute; top: -99999px;}
#toggle:checked ~ nav .menu { display: block;}
	
	 @media (min-width: 992px) {
		.site-nav .navBars {display: none;}
		.site-nav .container {padding-top: 0; padding-bottom: 0;}
		.site-nav .logo {margin: 0px 0;}
		.site-nav .menu {display: block; box-shadow: none; border: none; float: right; position: static;}
		.site-nav .menu li {display: inline-block;}
		.site-nav .menu a {border: none; padding: 20px 10px;}
	 }
	 
	 @media (max-width:991px) {
		 #menu li a {background:#fff !important;}
	 }
	 
	 @media (max-width:767px){
		 .carousel-caption {top:2% !important; width:50%;}
		 .carousel-caption h3 {font-size:18px; padding-bottom:5px;}
		 .carousel-caption p {font-size:12px; line-height:16px;}
	 }
	 @media (max-width:420px){
		.logo img {max-height:45px !important;}
		.carousel-caption {top:2% !important; width:50%;}
		.carousel-caption h3 {font-size:14px; padding-bottom:5px;}
		.carousel-caption p {font-size:8px; line-height:12px;}
	 }
/* Main nav end */


footer {background: #444; padding: 50px 0px;}
footer h4 {color: #fff; padding-bottom: 30px; padding-top: 20px; text-shadow: 2px 2px #000;}
footer p {color: #a9a9a9; font-size: 13px; line-height: 24px;}
footer ul {padding: 0px;}
footer ul li {display: block; margin-bottom: 5px; font-size: 13px;}
footer ul li a {color: #a9a9a9;}
footer ul li a:hover {color: #fff; text-decoration: none;}
.footer-logo {padding-bottom: 15px;}
.subscribe-btn {background: #fcb614; color: #000; border: none; padding: 8px 30px; text-transform: uppercase; font-weight: bold; font-size: 13px;}
.copyright {background: #333; padding: 16px 0px;}
.social-links {margin: auto; text-align: center;}
.social-links span {margin-right:6px;}
.fb-clr {background: #4276ac; color: #fff; border-radius: 50%; width: 28px; height: 28px; padding: 8px;}
.tw-clr {background: #36b8cb; color: #fff; border-radius: 50%; width: 28px; height: 28px; padding: 8px;}
.yt-clr {background: #b31217; color: #fff; border-radius: 50%; width: 28px; height: 28px; padding: 8px;}
.gp-clr {background: #ff9133; color: #fff; border-radius: 50%; width: 28px; height: 28px; padding: 8px;}
.inst-clr {background: #8a3ab9; color: #fff; border-radius: 50%; width: 28px; height: 28px; padding: 8px;}
.black-title {color: #000 !important;}


.gallery {padding:50px 0px;}
.img-folder {padding:15px 0px;}
.img-folder h5 {text-align:center; padding:15px 0px;}
.news-feed {padding:50px 0px;}
.news {margin-bottom:10px; background: #efefef; padding: 15px;}
.news img, .news h4, .news h5 {padding-bottom:10px;}
.news h5 {color:#92278f; font-weight:normal; font-size:13px;}
.news p {font-size:13px;}
.news p>a {margin-top:10px; display:inline-block; background:#fcb614; padding:8px 15px; color:#fff;}
.news p>a:hover {text-decoration:none;}

/*-- Gallery --*/
.gallerybox .box-text {position: absolute; bottom: 0px;	left: 0px; background-color: rgba(255, 255, 255, 0.87);	padding: 10px; width: 100%;	top: inherit;color: #000; font-size: 16px; text-align: center; font-weight: 500; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out;}
.gallerybox {min-height: 250px; margin-bottom: 15px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out;}
.gallerybox:hover {min-height: 250px; margin-bottom: 15px; background-position: center; background-repeat: no-repeat; background-size: 160%; position: relative;}
.gallerybox:hover .box-text {position: absolute; bottom: 0px; left: 0px; top: 0px; height: 100%; background-color: rgba(3, 169, 244, 0.53); padding: 10px;width: 100%; color: #fff; font-size: 16px; text-align: center; padding-top: 30px; font-weight: 500;}
/*-- ./Gallery --*/
.fac-fst-sent {width: 65%; float:left;}
.fac-tbl tr > td {border-width: initial !important; border-style: none !important; border-color: initial !important; border-image: initial !important;padding: 15px 30px !important;}
.fac-tbl-title {background: #3681d1; color: #fff; padding: 15px 30px; font-size: 24px;     text-align: center;
    margin-bottom: 25px;}
.fac-lst-sent {float: right; padding-right: 10px;}

/*-- News scroll --*/
.breakingNews{width:100%; height:40px; background:#FFF; position:relative; border:solid 2px #2096cd; overflow:hidden;}
.breakingNews>.bn-title{width:auto; height:40px; display:inline-block; background:#2096cd; position:relative;}
.breakingNews>.bn-title>h2{display:inline-block; margin:0; padding:0 20px; line-height:40px; font-size:14px; color:#FFF; height:40px; box-sizing:border-box;}
.breakingNews>.bn-title>span{width: 0;position:absolute;right:-10px;top:10px;height: 0;border-style: solid;border-width: 10px 0 10px 10px;border-color: transparent transparent transparent #2096cd;}
.breakingNews>ul{padding:0; margin:0; list-style:none; position:absolute; left:210px; top:0; right:40px; height:40px; font-size:16px;}
.breakingNews>ul>li{position:absolute; height:40px; width:100%; line-height:40px; display:none;}
.breakingNews>ul>li>a{text-decoration:none; color:#333; overflow:hidden; display:block; white-space: nowrap;text-overflow: ellipsis; font-weight:normal; font-size:14px;}
.breakingNews>ul>li>a>span{color:#2096cd;}
.breakingNews>ul>li>a:hover{color:#2096cd;}
.breakingNews>.bn-navi{width:40px; height:40px; position:absolute; right:0; top:0; opacity:0;}
.breakingNews>.bn-navi>span{width:20px; height:40px; position:absolute; top:0; cursor:pointer; opacity:0.3; background-image:url(../images/bn-arrows.png); background-repeat:no-repeat;}
.breakingNews>.bn-navi>span:hover{opacity:1;}
.breakingNews>.bn-navi>span:first-child{background-position:left center; left:0;}
.breakingNews>.bn-navi>span:last-child{background-position:right center; right:0;}
.breakingNews:hover .bn-navi{opacity:1;}

/*color styles -----------------------------*/
#bn7{box-shadow: 0px 0px 15px #ccc; margin-top:0px;}
.bn-red{border-color:#f44a56;}
.bn-red>.bn-title{background:#f44a56;}
.bn-red>.bn-title>span{border-left-color:#f44a56;}
.bn-red>ul>li>a:hover,.bn-red>ul>li>a>span{color:#f44a56; outline:none;}

.bn-darkred{border-color:#d01e1e;}
.bn-darkred>.bn-title{background:#eb282f;}
.bn-darkred>.bn-title>span{border-left-color:#eb282f;}
.bn-darkred>ul>li>a:hover,.bn-darkred>ul>li>a>span{color:#000; outline:none;}

.bn-bordernone{border:none;}
.bn-italic>ul>li>a{font-style:italic;}
.bn-bold>ul>li>a{font-weight:bold;}

.breakingNews>.bn-navi, .breakingNews>ul>li>a, .breakingNews>.bn-navi>span{transition: .25s linear;-moz-transition: .25s linear;-webkit-transition: .25s linear; outline:none;}

.no-pad {padding:0;}
.no-marg {margin:0;}
.single-teacher img {width:152px; height:152px; object-fit:cover;}
.wraper{ float:left; width:100%; }

.faci {margin-bottom:25px;}
.faci h4 {padding:20px 0px; border-bottom:1px solid #ccc; padding-bottom:12px; margin-bottom:12px;}

.admission-popup ul {margin:auto; display:table; padding:0;}
.admission-popup ul li {display:block; text-align:center; font-weight:bold;}
.director {border:1px solid #ccc; background:#f1f1f1; padding:15px; margin:15px 0px;}
.director p {margin-top:10px;}
.director img {margin-bottom:15px;}
.director h5 {line-height:22px; font-weight:bold;}
.director h3 {text-align: center; padding-bottom: 10px; border-bottom: 1px solid #e6e6e6; margin-bottom: 20px; font-size:25px;}
.sml-c img {width: 100%; height: 250px; object-fit: cover;}

/*-- activity page --*/
#demos {padding:50px 0px;}
.abDiv {width:100%;}
/*.imageDiv {width:35%; margin-right:3%; float:left;}
.contDiv {width:62%; float:left;}*/
.imageDiv {width:100%;}
.imageDiv img {width:300px !important; height:300px; object-fit:cover; margin:auto;}
.contDiv {width:100%;}
.contDiv h3 {font-weight:bold; font-size:22px; margin:15px 0px; border-bottom:1px solid #e4e4e4; padding-bottom:10px; text-align: center;}
.contDiv p {margin-bottom:12px;}
.owl-nav {padding-top:10px;}
.owl-nav button.owl-prev span, .owl-nav button.owl-next span {padding:12px 17px; background:#ccc; outline:none;}
.owl-nav button {outline:none;}
.owl-carousel .item {background: #fbfbfb; padding: 20px 22px; border: 1px solid #ccc; border-radius: 4px;}
