@charset "utf-8";

/* CSS Document */



html ,body{height:100%;}





@font-face {font-family: 'impact';

			src: 	url('../fonts/impact.ttf');

}

@font-face {font-family: 'gothic';

			src: url('../fonts/gothic.ttf');

}



.floatleft{float:left;}

.floatright{float:right;}

.logoarea{ margin-top:0px;}



.topbar{background:#eca50a; padding:10px; border-bottom:5px solid #bf6300;}

.topbarbox{ float:right; margin-left:30px; font:12px normal Arial, Helvetica, sans-serif; color:#000;}

.topbarbox i{margin-right:10px;}

.logobar{ margin-top:5px; margin-bottom:5px;}

.menuarea{width:100%;}

.menuarea ul{margin:auto; padding:0; display:table;}

.menuarea ul li{float:left; list-style:none; font-family:"gothic"; font-size:14px; color:#000; display:table-cell;}

.menuarea ul li:hover{background-color:#d63d0d;color:white;}

.menuareabgfortab{width:100%;}

.menubgtab{ background:#ec9a0a; border-bottom:3px solid #7e5003; border-left:none; border-top:none; border-right:none; margin-top:10px;}

.navbar .nav li a{color:#FFFFFF;!important}

.navbar .nav li a:hover{color:#000; background:#fff;}

.navbar .nav li a:focus{color:#000;}

.navbar .nav .open > a:focus{color:#000; background:#FFF;}

.navbar .nav li open a:active{color:#000; background:#FFF;}

.menubgtab li ul{ background:#004663;}

.navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#FFFFFF;}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{color:#ffffff;}



.bannerbgarea{background:#ffeef0;  background: url('../images/about-bg.jpg'); background-image:about-bg.jpg; padding-top:10px; padding-bottom:10px;}

.bannerbox{width:100%; background:#fff; border:1px solid #E0E0E0; padding:10px;}

.bannerarea{width:100%; position:relative;}

.banner1area{width:100%; height:500px; overflow:hidden;}

.banner1area img{width:100%;}

.bannercaption{ background:rgba(243,9,42,0.8); position:absolute; font-family:"impact"; font-size:36px; color:#FFFFFF; padding:20px;}
.bannerbtn{padding:10px; background:#000; font-family:"gothic"; font-size:20px; text-align:center; color:#FFFFFF; border:1px solid #fff; margin-top:10px;float:left;}


.announcengarea{background:#cf384d;}

.announceheadbg{background:#a83344;}

.announcehead{font-family:"gothic"; font-size:20px; text-align:center; color:#FFFFFF; border:2px solid #FFFFFF; width:200px; margin:40px auto; padding:10px 0 10px 0; background:#892836;}

.newsarea{width:100%; margin-top:20px; font:17px normal Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:justify;}

.newsbtn{ float:left; padding:5px 10px; border:1px solid #FFFFFF; background:#a83344; font-family:"gothic"; font-size:14px; color:#ffffff; margin:10px 0 0 0;}

.newsbtn:hover{background:#cf384d; cursor:pointer;}



.homecourse{ margin-top:40px; margin-bottom:20px;}

.homecourseboxarea{border-bottom: 1px solid #cccccc; padding: 20px 0 40px; width: 100%; overflow:hidden;}

.homecoursediv{width:23%; float:left; margin:0 20px 0 0; position:relative;}

.homecoursedivbox{padding:20px 0 50px 0; background: #0789f7; background: -moz-linear-gradient(top, #0789f7 0%, #056ac0 100%); background: -webkit-linear-gradient(top, #0789f7 0%,#056ac0 100%); background: linear-gradient(to bottom, #0789f7 0%,#056ac0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0789f7', endColorstr='#056ac0',GradientType=0 ); font-family:"gothic"; font-size:20px; text-align:center; color:#FFFFFF;}

.homecoursebtn{ width:50px; height:50px; position:absolute; border-radius:50%; border:3px solid #FFFFFF; background:#0789f7; top:72px; right:38%; text-align:center; padding-top:6px; color:#FFFFFF;}

.homecoursebtn i{}

.homefounderarea{padding-top:20px; padding-bottom:20px;border-bottom: 1px solid #cccccc;}

.homepagefounderimgarea{width:100%; overflow:hidden; text-align:center;}

.homepagefounderimgarea img{margin:0 -100%;}



.midcontainerbox{width:100%; padding:20px 20px 20px 20px; border-bottom:1px solid #999999;}

.midcontainerbox2{padding:20px 20px 20px 20px;}

.parahead1{width:100%; border-left:3px solid #f3092a; padding:0 3px 0 10px; font-family:"impact"; font-size:25px; color:#000000; margin-bottom:32px;}



.homefoundertext{font-family:"gothic"; font-size:14px; text-align:justify; color:#000000; margin:10px 0 10px 0;}

.founderbtn{ float:left; padding:5px 10px; border:1px solid #FFFFFF; background:#a83344; font-family:"gothic"; font-size:14px; color:#ffffff; margin:10px 0 0 0;}

.founderbtn:hover{background:#cf384d; cursor:pointer;}



.accordianbg{ background:#ec9a0a; color:#000;}

.accordianbg i{ float:right; margin-top:-15px;}



.homebeststudent{padding-top:20px; padding-bottom:20px;}



.homebestudentare{ width:100%; border:1px solid #D8D8D8; margin-top:10px; padding:5px;}

.homebestudentare2{ width:100%; margin-top:10px; padding:5px;}

.viewmorebtn{padding:5px 10px; border:1px solid #FFFFFF; background:#a83344; font-family:"gothic"; font-size:14px; color:#ffffff; margin:10px 0 0 0;}

.viewmorebtn:hover{background:#cf384d; cursor:pointer;}



.homebeststudentbox{width:100%; background-color:#0066FF; font-family:"gothic"; font-size:14px; color:#FFFFFF;text-align:center;padding-top:8px;padding-bottom:8px;margin-top:6px; }



.homequicklink{width:100%; margin-top:25px;}

.quicklinkbtn{padding:16px 10px; border:1px solid #FFFFFF; background:#a83344; font-family:"gothic"; font-size:1em; color:#ffffff; margin:10px 0 0 0;text-align:center;}

.quicklinkbtn:hover{background:#cf384d; cursor:pointer;}

.quicklinkbtn i {margin-right:10px;}



.homebeststudentarea{}







/*footer*/

.footerarea{background:#ec9a0a; padding-top:20px; padding-bottom:20px;}

.footermenu{display:table; margin:auto;}

.footermenu ul {margin:0; padding:0;}

.footermenu ul li{list-style:none; text-decoration:none; font-family:"gothic"; font-size:12px; color:#000; padding:5px 10px; float:left;}

.footermenu ul li:hover{ background:#a73816; color:#FFFFFF;}

.footermenu ul li a { text-decoration:none;  }

.footermenu ul a:hover{color:#666666; text-decoration:none;}



.homefootertext{float:left; font-family:"gothic"; font-size:12px; color:#000; text-align:left; margin-bottom:20px;} 

.homefootertextidiv {float:left; margin-right:20px; color:#FFFFFF; padding-top:3px;}



.footerfollow{ font-family:"gothic"; font-size:12px; color:#000; text-align:center; padding:10px;}

.footerfollowbox{ margin:auto; display:table;}

.footerfollowbox i{float:left; padding:10px; color:#000; display:table-column;}

.footerfollowbox i:hover{ color:#a73816;}



.footerarea1 {background:#ec9a0a;}

.footerfollowresp{width:100%;}

.footerfollowresp p{ font-family:"gothic"; font-size:16px; color:#000; text-align:center;margin-top:5px;}

.footerfollowresp i{color:#000;margin-left:10px;}



.maincontainer{ padding-top:20px; padding-bottom:20px;}







/* INFRASTRUCTURE */



.banner2area{width:100%; height:auto;overflow:hidden;}

.banner2area img {width:100%;}

.teaching {width:100%; margin:auto;}

.teachingpic{padding-top:2px; padding-bottom:20px;width:100%;}

.teachingpic img{width:100%;}

.infrateachingtext{font-family:"gothic"; font-size:14px; text-align:justify; color:#000000;}

.infraborder{height:1px; background-color:#CCCCCC;margin-top:30px;margin-bottom:10px;}

.infrasliding{width:100%;margin-bottom:30px;}





/* ABOUT US */



.aboutwhoarewe{width:100%;margin:auto;}

.mainpaea1 p{font-family:"gothic"; font-size:16px; color:#000000;text-align:justify; margin:15px 0; line-height: 27px;}

.mainpaea1 i {margin-right:5px;}

.sidebox{width:100%; margin-bottom:30px;}

.abouthistory{width:100%;margin:auto;}

.announcehead1{font-family:"gothic"; font-size:15px; text-align:center; color:#FFFFFF; width:100%; background:#892836; padding:20px 0;}

.newsarea1{width:100%; font:13px normal Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:justify; padding:20px;}





/* COURSE */



.coursearea{width:100%;}

.coursearea ul {margin:0; padding:0;}

.coursearea ul a li {list-style:none; font-family:"gothic"; font-size:14px; color:#000; display:block;text-decoration:none;padding-top:10px;border-bottom:1px dotted #999999; padding:5px 0; padding-left:24px;}

.coursearea ul a:hover{text-decoration:none;}

.coursearea ul li i {color:#000000;padding-right:10px;} 





/*CONTACT*/



.parahead2{width:100%; border-left:3px solid #f3092a; padding:0 3px 0 10px; font-family:"impact"; font-size:25px; color:#000000; margin-bottom:10px;}



.contacttext{float:left; font-family:"gothic"; font-size:16px; color:#000000; text-align:left; margin-bottom:28px;} 

.contacttextidiv {float:left; margin-right:20px; color:#FF0000; margin-top:3px;padding:0 3px 0 10px;}



form { font-family:"gothic"; font-size:14px; color:#000000; width:100%;}

input[type=text] {width:100%; padding:10px; background:#ececec; margin-bottom:10px; border:none;}

textarea{width:100%; padding:10px; background:#ececec; margin-bottom:10px; border:none; resize:none;}

input[type=submit]{ width:100%; background:#cf384d; border: none; color:#fff; text-align:center; padding:10px; }

/*

submit.button:hover {color:#FFFFFF;background-color:#000000;}*/



/*ACHIEVEMENT*/



.achievementbox{ float:left; padding:10px; border:1px solid #CCCCCC; margin:5px;}

.achievementimgbox{width:100%; background:#000000;}

.achievementimgbox img{width:100%;}

.achievementname{font-family:"gothic"; font-size:13px; color:#a83344; text-align:center; padding:10px 0 0 0;}

.achievementpost{font-family:"gothic"; font-size:12px; color:#000000; text-align:center; padding:5px 0 0 0;}



/*faq*/

.homefaq p{width:100%;font-family:"gothic"; font-size:14px;color:#000000; padding:10px;}

.card-header {background:#d5d5d5;height:45px;border:1px thin #999999; }

.mb-0{padding:14px;font-family:"gothic";}

.card-block{border:1px solid #999999;}

.card-block p {padding:10px;text-align:justifyl}

.space{height:20px;width:100%;}

.card a {text-decoration:none;}



/*extra*/

.smallbanner {width:100%;}

.smallbanner img {width:100%; }



.topbanner{width:100%; border:1px solid #CCCCCC; margin:0px 0;}

.topbanner img{width:100%;}

.course_sub_head{ padding:10px 0px 14px 5px !important; list-style:none !important; margin:0px 0px !important; font-weight:bolder !important; font-size:13px !important; color:#a83344 !important;}

.course_head{ background-color:#7e5003; padding:5px 0px 5px 5px !important; list-style:none !important; margin:0px 0px !important; font-weight:bolder !important; font-size:15px !important; color:#fff !important; border:none !important;}

.change_list_type{ list-style-type:circle !important;}

.quik_links{ width:52% !important; float:right !important; padding:10px 0px 0px 0px;}

.quik_links_btn{ width:33.33% !important; float:left !important;}

.homequick_link{ margin:0px !important;}

.home_box{ width:45%; float:left; margin-top:20px;}

.achievement_box{ width:206px !important; margin:0px 0px;}

.course_box{ width:48% !important; float:left !important; margin:0px 0px 0px 10px !important;}

.active_menu{ background-color:#a73816; color:#FFFFFF !important;}

/* jssor slider bullet navigator skin 05 css */
        /*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */
        .jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('../img/b05.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -37px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -7px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

        /* jssor slider arrow navigator skin 22 css */
        /*
        .jssora22l                  (normal)
        .jssora22r                  (normal)
        .jssora22l:hover            (normal mouseover)
        .jssora22r:hover            (normal mouseover)
        .jssora22l.jssora22ldn      (mousedown)
        .jssora22r.jssora22rdn      (mousedown)
        .jssora22l.jssora22lds      (disabled)
        .jssora22r.jssora22rds      (disabled)
        */
        .jssora22l, .jssora22r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 58px;
            cursor: pointer;
            background: url('../img/a22.png') center center no-repeat;
            overflow: hidden;
        }
        .jssora22l { background-position: -10px -31px; }
        .jssora22r { background-position: -70px -31px; }
        .jssora22l:hover { background-position: -130px -31px; }
        .jssora22r:hover { background-position: -190px -31px; }
        .jssora22l.jssora22ldn { background-position: -250px -31px; }
        .jssora22r.jssora22rdn { background-position: -310px -31px; }
        .jssora22l.jssora22lds { background-position: -10px -31px; opacity: .3; pointer-events: none; }
        .jssora22r.jssora22rds { background-position: -70px -31px; opacity: .3; pointer-events: none; }
		
		.navbar-default .navbar-toggle{ border:1px solid #7e5003;}
		.navbar-default .navbar-toggle .icon-bar{background-color: #7e5003;}
		
		
		
		
		/*< ----- Gallery ----- >*/
		
		
		
.gal-container{
	padding:0px;
}
.gal-item{
	overflow: hidden;
	padding: 3px;
}
.gal-item .box{
	height: 350px;
	overflow: hidden;
}
.box img{
	height: 100%;
	width: 100%;
	object-fit:cover;
	-o-object-fit:cover;
}
.gal-item a:focus{
	outline: none;
}
.gal-item a:after{
	content:"\e003";
	font-family: 'Glyphicons Halflings';
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.75);
	position: absolute;
	right: 3px;
	left: 3px;
	top: 3px;
	bottom: 3px;
	text-align: center;
    line-height: 350px;
    font-size: 30px;
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
.gal-item a:hover:after{
	opacity: 1;
}
.modal-open .gal-container .modal{
	background-color: rgba(0,0,0,0.4);
}
.modal-open .gal-item .modal-body{
	padding: 0px;
}
.modal-open .gal-item button.close{
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #000;
    opacity: 1;
    color: #fff;
    z-index: 999;
    right: -12px;
    top: -12px;
    border-radius: 50%;
    font-size: 15px;
    border: 2px solid #fff;
    line-height: 25px;
    -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
	box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
}
.modal-open .gal-item button.close:focus{
	outline: none;
}
.modal-open .gal-item button.close span{
	position: relative;
	top: -3px;
	font-weight: lighter;
	text-shadow:none;
}
.gal-container .modal-dialogue{
	width: 80%;
}
.gal-container .description{
	position: relative;
	height: 40px;
	top: -40px;
	padding: 10px 25px;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	text-align: left;
}
.gal-container .description h4{
	margin:0px;
	font-size: 15px;
	font-weight: 300;
	line-height: 20px;
}
.gal-container .modal.fade .modal-dialog {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    top: 100px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.gal-container .modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
    opacity: 1;
}
@media (min-width: 768px) {
.gal-container .modal-dialog {
    width: 55%;
    margin: 50 auto;
}
}
@media (max-width: 768px) {
    .gal-container .modal-content{
        height:250px;
    }
}
/* Footer Style */
i.red{
    color:#BC0213;
}
.gal-container{
    padding-top :0px;
    padding-bottom:0px;
	width:100%;
}

.sub_active{
	font-weight:bolder !important;
	font-size:15px !important;
}
.client a{ float:left; width:20%; height:100px; margin:30px 0px; padding:2%; text-align:center;     display: flex
;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.client img{text-align:center; float:inherit; padding-bottom: 120px;}

/*<img class="img-responsive" src="images/client/aeab.png" width="214" height="54" alt="">
									<img class="img-responsive" src="images/client/beml.png" alt="">
									<img class="img-responsive" src="images/client/chicago.png" alt="">
									<img class="img-responsive" src="images/client/exide.png" alt="">
									<img class="img-responsive" src="images/client/forbes.png" alt="">
									<img class="img-responsive" src="images/client/veedol.png" alt="">
									<img class="img-responsive" src="images/client/mbe.jpg" alt="">
									<img class="img-responsive" src="images/client/omc.jpg" alt="">
								
									<img class="img-responsive" src="images/client/blue.jpg" alt="">
									<img class="img-responsive" src="images/client/krishna.png" alt="">
									<img class="img-responsive" src="images/client/top1a.jpg" alt="">
									<img class="img-responsive" src="images/client/sp.jpg" alt="">
									<img class="img-responsive" src="images/client/rpg.png" alt="">
									<img class="img-responsive" src="images/client/tfl.gif" alt="">
									<img class="img-responsive" src="images/client/rainbow.png" alt="">
									<img class="img-responsive" src="images/client/imeco.jpg" width="86" alt="">*/