/* CSS */

body { font-family: Cambria; font-size: 16px; color: #333; background-color: #fff; transition-duration:.5s }

/* Home Page CSS */
.top-strip { background: #151517; color: #fff; }
.top-strip a { color: #fff; }
.top-strip a:hover { color: #0B95DC!important; }
.top-strip .dte-code { background: #900f0f; text-align: center; font-weight: bold; padding: 9px 0px; }
.span1 { color: #333; font-weight: bold; font-size:17px; }
.span2 { color: #0B95DC; font-weight: bold; font-size:21px; padding: 3px 0px; }
.span3 { color: #333; font-weight: bold; font-size:17px; }
.span4 { font-style:italic; padding-top: 5px; }

.spotlight { background: #F9F9F9; }
.spotlight-bg { padding: 8px 0px 5px 15px; color: #0B95DC; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; }
.blink { animation: blinker 1s step-start infinite; }
@keyframes blinker { 50% { opacity: 0; } }
.carousel-caption { right: 0%; left: 0%; padding-bottom: 0px; position: absolute; bottom: 0px; z-index: 10; color: #fff; text-align: center; padding-top: 0px; text-shadow: none; background-color: #000; opacity: .8; }
.carousel-indicators { display: none; }
.nmiet-slider a { color:#fff!important; }
.nmiet-slider img { display: block;	height: auto; float: left; width: 100%; border: 0; }
/* Carousel-Fade Effect */ 
.carousel-fade .carousel-inner .item { -webkit-transition-property: opacity; transition-property: opacity; transition-duration: .9s; }
.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity: 0; }
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.carousel-fade .carousel-control { z-index: 2; }

.border-box { box-shadow: 0 8px 16px 0 rgba(0,0,0,.2); margin-bottom: 20px; }
.border-box:hover { box-shadow: 0 8px 16px 0 rgba(170, 11, 11, 0.2); margin-bottom: 20px; }
.dept-hgt { height:60px; }
.about-us { padding-bottom:30px; }
.about-us p { text-align: justify; }
.border_btm { width: 65px; height: auto; border-bottom: 2px solid #0B95DC; position: relative; height: 10px; margin-left: auto; margin-right: auto; margin-bottom: 40px; text-align: center; }
.border_btm span { position: absolute; display: inline-block; width: 50px; height: 2px; top: 50%; left: 50%; margin-left: -25px; background: #0B95DC; }
.read_more { background-color: #0B95DC; color: #fff !important; padding: 6px 20px; margin: 20px 0px; font-weight: bold; border-radius:0px; -webkit-transition: color 300ms; transition: color 300ms; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden;   backface-visibility: hidden; }
.read_more:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; border:none; background: #900f0f; -webkit-transform: scaleX(0);
transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform;
-webkit-transition: 300ms ease-out; transition: 300ms ease-out; }
.read_more:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); }
/* Image Zoom In */ 
figure { margin: 0; padding: 0; background: #fff; overflow: hidden; }
figure:hover+span { bottom: -36px; opacity: 1; }
.hover01 figure img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.hover01 figure:hover img { -webkit-transform: scale(1.3); transform: scale(1.3); }

.courses-bg { background:#f3f4f5; padding-bottom: 30px; }
.courses-bg .border-box:hover { background:#ff3434; transition: 0.9s; }
.courses-bg .border-box:hover h3 { color:#fff; }
.courses-bg .border-box:hover a { text-decoration:none!important; border:none!important; }
.courses-bg .border-box a { display:block; }
.courses-bg h3 { border:none; }
.news-events-bg { background:#f3f4f5; padding-bottom: 30px; }
.news_img { width:250px; height:300px; margin:0 auto; }
.nav_tabs > li.active > a { background-color: #900f0f; color:#fff!important; font-weight: bold; }
.nav_tabs > li > a { font-weight: bold; position: relative; display: block; padding: 8px 25px; background-color: #fff; color:#000!important; border-shadow: 0 8px 16px 0 rgba(0,0,0,.2); margin-right: 10px; margin-bottom:10px; }
.nav_tabs > li > a:hover { background-color: #900f0f!important; color:#fff!important; transition: 0.25s; }
.nav_tabs > li > a:focus { background-color: #900f0f!important; color:#fff!important; transition: 0.25s; }
.nav_tabs > li { float:none; display:inline-block; zoom:1; }
.nav_tabs { text-align:center; }

.placement-highlights { padding: 0px 0px 50px 0px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(../images/placement-bg.png) ; background-attachment: fixed; background-repeat: round; background-size: cover; }
.placement-highlights h2 { color: #fff; }
.placement-highlights h3 { text-align:center; font-weight: bold; font-size: 34px!important; color: #ff3434; border-left:none;   margin-top: 0px; }
.placement-highlights h4 { text-align:center; font-weight: bold; color: #fff; font-size: 24px; }
	
.students-testomonial { padding-bottom: 30px; }
.nmiet-facilities { padding-bottom: 30px; }
.gallery-bg { padding-bottom: 20px; }
.nmiet-facilities .border_btm { margin-bottom: 10px; }
.fac-box:hover a { text-decoration:none!important; border:none!important; }
.fac-box a { display:block; }
.fac-box { background:#ccc; border-radius: 10px; }
.fac-box h3 { color:#900f0f; border-left: none; padding-bottom: 30px!important; }
.fac-box:hover { background:#ff3434; border-radius: 10px; transition: 0.9s; }
.fac-box:hover h3 { color:#fff; transition: 0.9s; }

.nmiet-visiting-companies { padding-bottom: 30px; background:#f3f4f5; }
.owl_slider .owl-nav { display: none; }
.owl_slider .owl-dots { display: none; }

footer { background: #151517; color: #fff; padding-top: 40px; }
footer h3 { border-left:none!important; color:#fff!important; padding-left:0px!important; padding-bottom:20px; }
footer ul { padding-left: 0px; }
footer ul li { list-style:none; text-decoration:none; padding-bottom:5px; }
footer ul li { border-bottom: 1px dotted #fff; }
footer a { color: #fff!important; }
footer a:hover { color: #0B95DC!important; padding-left:7px; transition: 0.25s; }
footer .glyphicon { top: 3px; }
footer .nmiet_map { margin-top:5px; border:0; border-radius:20px; }
.footer-strip { background: #0B95DC; height: 4px; }
.footer_btm { background: #2b2b2d; color: #fff; padding: 10px 0px; }
.tright { text-align: right; }

/* footer social icons */
ul.social-network { padding-top: 10px; }
ul.social-network li { display: inline; margin: 0 1px; border-bottom: none; }
.social-network a.icoYoutube:hover { background-color: #F00; }
.social-network a.icoFacebook:hover { background-color:#3B5998; }
.social-network a.icoTwitter:hover { background-color:#33ccff; }
.social-network a.icoInstagram:hover { background:linear-gradient(to bottom right, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d); }
.social-network a.icoLinkedin:hover { background-color:#007bb7; }
.social-network a.icoYoutube:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i, .social-network a.icoInstagram:hover i, .social-network a.icoLinkedin:hover i { color:#fff; }
a.socialIcon:hover, .socialHoverClass { color:#44BCDD; }
.social-network a:hover { padding-left:0px;  }
.social-network a { background-color: #2b2b2d; }
.social-circle li a { display:inline-block; position:relative; margin:0 auto 0 auto; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-align:center; width: 38px; height: 38px; font-size:16px; }
.social-circle li i { margin:0; line-height:40px; text-align: center; } 
.useful-links { background-color: #040404; border-radius: 10px 10px 0px 0px; padding: 2px 16px; font-size: 14px !important; }
.useful-links p { margin-bottom: 2px; }

/* crunchify top icon */
.crunchify-top { position: fixed; bottom: 1rem; right: 1rem; width: 3.2rem; height: 3.2rem; line-height: 3.2rem; font-size: 1.4rem; color: #fff!important;  background-color: rgba(0,0,0,.7); border-radius: 3.2rem; text-align: center; cursor: pointer; display: block; }
 
 /* Inner Page CSS Start */
.page_details h1 { margin-top: 0px; font-weight: bold; color: #900f0f; }		
.page_details h2, h3, h4 { margin-top: 10px!important; margin-bottom: 10px!important; color: #900f0f; font-weight: bold; }
.page_details h2 { font-size: 28px!important; }
.page_details p { text-align: justify; }
.tablehead { background-color: #900f0f; color: #fff; height: 30px; }
.border1 { background-color: #0b95dc; height: 2px; width: 35%; float: left; }
.border2 { background-color: #900f0f; height: 2px; width: 65%; float: left; }
.page_details { padding:40px 0px; }

.page_breadcrumb { background:#2b2b2d; color:#fff; padding:10px 0px; }		
.page_breadcrumb h3 { margin-bottom:0px!important; margin-top: 20px!important; color:#fff; }
.breadcrumb { background:none; margin-bottom:20px; padding: 8px 0px; }
.breadcrumb a { color: #fff; }
.breadcrumb a:hover { color: #900f0f; }

.inner-page-banner { background-image: url(../images/nmiet-page-banner.jpg); background-position: center; background-attachment: fixed;  background-repeat: no-repeat; background-size: cover; height: 300px; }

.sidebar_top { background:#900f0f; border-top:7px solid #0b95dc; padding:10px 10px; }
.sidebar_top h4 { color:#fff; font-weight: bold; padding-left: 10px; }
.sidemenu { list-style: none; padding: 0px; margin: 0 0 30px; text-decoration: none; background: #f3f4f5; }
.sidemenu li a { list-style: none; padding: 10px 20px; border-bottom: 1px dotted #ccc; color: #333; display: block; }
.sidemenu li a:hover { background: #0b95dc; transition-duration: .5s; text-decoration: none; color: #fff; }

 /* zoom CSS */
.zoom{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
.zoom:hover,.zoom:active,.zoom:focus{-ms-transform:scale(2.2);-moz-transform:scale(2.2);-webkit-transform:scale(2.2);-o-transform:scale(2.2);transform:scale(2.2);position:relative;z-index:100}
 
 /* Common CSS */
.nopadding { padding: 0px; }
.paddtb9 { padding: 9px 0px; }
.padd10 { padding: 10px; }
.padd15 { padding: 15px; }
.padd015 { padding: 0px 15px 10px 15px; }
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-40 { margin-bottom: 40px; }
.mt-5 { margin-top: 5px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.home_heading { text-shadow: none; font-size: 24px; font-weight: 600; margin-top: 10px; }	
.heading_h3h { font-weight: bold; color: #900f0f; font-size: 19px!important; margin-top: 20px!important; border-left: 3px solid #900f0f; padding-left: 10px; }  
.heading_h2h { font-weight: bold; color: #900f0f; text-align: center; margin-top: 50px; font-size: 34px!important; }
 
 /* Media Query */ 
@media (min-width: 320px) and (max-width: 767px) {
	.span1 { font-size:14px; }
	.span2 { font-size:19px; }
	.span3 {font-size:15px; }
	.home_heading { font-size: 16px!important; font-weight: 600; }
	.mbl_nopadd { padding: 0px; }
	.logo img { width: 50%; }
	.tright { text-align: left; }
}
@media only screen 
	  and (min-device-width: 360px) 
	  and (max-device-width: 740px)
	  and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: landscape) {
		.about-us .col-xs-12 { width:50%; }
		.courses-bg .col-xs-12 { width:50%; }
		.placement-highlights .col-xs-12 { width:33.33%; }
		.students-testomonial .col-xs-12 { width:33.33%; }
		.news-events-bg .col-xs-12 { width:50%; }
		.nmiet-facilities .col-xs-12 { width:50%; }
		.logo img { width: 30%; }
		.tright { text-align: left; }
}
@media (min-width: 768px) and (max-width: 991px) { 
	.span1 { font-size:13px; }
	.span2 { font-size:19px; }
	.span3 {font-size:13px; }
	.top-strip span { font-size:13px; }
	.mbl_nopadd { padding: 0px; }
	.about-us .border-box { min-height: 505px;  }
}
@media (min-width: 992px) and (max-width: 1199px) {
	.span1 { font-size:14px; }
	.span2 { font-size:18px; }
	.span3 {font-size:14px; }
	.dte-code { font-size:14px; }
	.top-strip span { font-size:14px; }
	.spotlight-bg { padding: 8px 0px 5px 1px; font-size: 12px;  }
	.courses-bg .border-box { min-height: 265px;  }
	.about-us .border-box { min-height: 500px;  }
}