/* CSS */

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

/* Home Page CSS */
.top-strip { background: #333; color: #fff; }
.top-strip a { color: #fff; }

.top-strip .top-menu a { color: #fff; padding: 0px 5px; line-height: 20px; }
.top-strip .top-menu { text-align: right; }

.span1 { color: #005bab	; font-weight: bold; font-size:28px;letter-spacing: 0.3px; line-height:65px;}
.span2 { color: #005bab	; font-weight: bold; font-size:36px; padding: 3px 0px; letter-spacing: 0.3px; line-height:5px; }
.span3 { color: #333; font-size:16px; }
.span4 { font-style:italic; padding-top: 5px; }

.facebook_icon { background:#3B5998; }
.twitter_icon { background:#1da1f2; }
.linkedin_icon { background:#007bb7; }
.instagram_icon { background:linear-gradient(to bottom right, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d); }
.youtube_icon { background:#F00; }
ul.social-icons { padding-top: 5px; margin-bottom: 5px; padding-left: 0px; }
ul.social-icons li { display: inline; margin: 0 1px; border-bottom: none; }
.social-icons a { color:#fff; }
.social-icons a:hover { padding-left:0px; }

.spotlight { background: #F9F9F9; }
.spotlight-bg { padding: 8px 0px 5px 15px; color: #0897bf; font-size: 16px; 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; }
.pcp-slider a { color:#fff!important; }
/* 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 #362222; 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: #362222; }
.read_more { background-color: #000; 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: #6dd9f7; -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:#ADD8E6	; 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 .border-box h3 { border: none; }
.w20 { width: 20%; padding: 0px 15px; float: left; }

.placement-highlights { padding: 0px 0px 150px 0px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(../images/pcp-slider-1.png) ; background-attachment: fixed; background-repeat: round; background-size: cover; }
	
.testomonials { background:#f3f4f5; padding-bottom: 30px; }
.testomonials .border-box { min-height: 220px; }
.testomonials h4 { color: #333; font-size: 17px; }
.owl_slider .owl-nav { display: none; }
.owl_slider .owl-dots { display: none; }

.pcp-facilities { padding-bottom: 30px; }
.pcp-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:#6dd9f7; border-left: none; padding-bottom: 30px!important; }
.fac-box:hover { background:#6dd9f7; border-radius: 10px; transition: 0.9s; }
.fac-box:hover h3 { color:#fff; transition: 0.9s; }

footer { background: #ADD8E6; color: #000; padding-top: 30px; }
footer h3 { border-left:none!important; color:#000!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 #000; }
footer p a { color: #000!important; }
footer .links a { color: #000!important; }
footer .links a:hover { color: #6dd9f7!important; padding-left:5px; transition: 0.25s; font-weight: bold; }
footer .glyphicon { top: 3px; }
footer .pcp_map { margin-top:5px; border:0; border-radius:20px; }
.footer-strip { background: #6dd9f7; height: 4px; }
.footer_btm { background: #333; color: #fff; padding: 10px 0px; }
.tright { text-align: right; }

/* footer social icons */
ul.social-network { padding-top: 5px; margin-bottom: 5px; padding-left: 0px; }
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.icoInstagram:hover { background:linear-gradient(to bottom right, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d); }
.social-network a.icoTwitter:hover { background-color:#1da1f2; }
.social-network a.icoLinkedin:hover { background-color:#007bb7; }
.social-network a.icoYoutube:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoInstagram:hover i, .social-network a.icoLinkedin:hover i, .social-network a.icoTwitter:hover i { color:#fff; }
a.socialIcon:hover, .socialHoverClass { color:#44BCDD; }
.social-network a:hover { padding-left:0px;  }
.social-network a { background-color: #333; color: #fff!important; }
.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: 29px; height: 29px; font-size:15px; }
.social-circle li i { margin:0; line-height:30px; text-align: center; }
.useful-links { background-color: #6dd9f7; 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: #6dd9f7; }		
.page_details h2, h3, h4 { margin-top: 10px!important; margin-bottom: 10px!important; color: #6dd9f7; font-weight: bold; }
.page_details h2 { font-size: 26px!important; }
.page_details h3 { font-size: 21px!important; }
.page_details p { text-align: justify; }
.tablehead { background-color: #6dd9f7; color: #fff; height: 30px; }
.border1 { background-color: #362222; height: 2px; width: 35%; float: left; }
.border2 { background-color: #6dd9f7; height: 2px; width: 65%; float: left; }
.page_details { padding:40px 0px; }

.page_breadcrumb { background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url("../images/pcp-slider-1.png"); background-repeat: no-repeat; padding: 30px 0px 20px 0px; position: relative; color:#fff; }		
.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: #6dd9f7; }

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

.sidebar_top { background:#6dd9f7; border-top:7px solid #362222; 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: #362222; transition-duration: .5s; text-decoration: none; color: #fff; }
 
 /* Common CSS */
.nopadding { padding: 0px; }
.px-6 { padding-top: 6px; padding-bottom: 6px; }
.px-7 { padding-top: 7px; padding-bottom: 7px; }
.px-20 { padding-top: 20px; padding-bottom: 20px; }
.px-10 { padding-top: 10px; padding-bottom: 10px; }
.pr-0 { padding-right: 0px; }
.pl-0 { padding-left: 0px; }
.paddtb5 { padding: 5px 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: #000; font-size: 21px!important; margin-top: 20px!important; border-left: 3px solid #6dd9f7; padding-left: 10px; }
.heading_h2h { font-weight: bold; color: #000; text-align: center; margin-top: 50px; font-size: 30px!important; }
 
 /* Media Query */ 
@media (min-width: 320px) and (max-width: 767px) {
	.pl-0 { padding-left: 15px; } 
	.px-20 { padding-top: 10px;	padding-bottom: 10px; }
	.top-strip .top-menu { text-align: left; }
	.top-strip .top-menu a { padding: 0px; } 
	.span1 { font-size:16px; }
	.span2 { font-size:24px; }
	.span3 {font-size:15px; }
	.home_heading { font-size: 16px!important; font-weight: 600; }
	.mbl_nopadd { padding: 0px; }
	.logo img { width: 40%; }
	.tright { text-align: left; }
	.w20 { width: 100%; }
}
@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%; }
		.testomonials .col-xs-12 { width:33.33%; }
		.pcp-facilities .col-xs-12 { width:50%; }
		.logo img { width: 30%; }
		.tright { text-align: left; }
		.w20 { width: 33.33333333%; }
}
@media (min-width: 768px) and (max-width: 991px) { 
	.span1 { font-size:16px; }
	.span2 { font-size:18px; }
	.span3 {font-size:15px; }
	.top-strip span { font-size:14px; }
	.top-strip .top-menu { text-align: left!important; }
	.mbl_nopadd { padding: 0px; }
	.about-us .border-box { min-height: 505px;  }
	.w20 { width: 33.33333333%; }
	.testomonials .border-box { min-height: 250px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
	.span1 { font-size:17px; }
	.span2 { font-size:28px; }
	.span3 {font-size:15px; }
	.dte-code { font-size:14px; }
	.top-strip span { font-size:16px; }
	.spotlight-bg { padding: 8px 0px 5px 1px; }
	.courses-bg .border-box { min-height: 265px;  }
	.about-us .border-box { min-height: 500px;  }
}