/* CSS */

@import url('https://fonts.googleapis.com/css?family=Poppins:400,700,900');
body { font-family: 'Poppins', sans-serif; font-size: 1.5rem; line-height: 2.25rem; color: #444; background-color: #fff; transition-duration:.5s; }

.navbar-inverse { background-color: #222!important; border-color: #fff!important; border: 0px!important; }
.navbar-inverse .navbar-brand { color: #fff; }
.navbar-inverse .navbar-nav > li > a { color: #fff; transition: 0.5s; }	
.navbar-inverse .navbar-nav > li > a:after { background: none repeat scroll 0 0 transparent; bottom: 0; content: ""; display: block; height: 2px; left: 50%; position: absolute; background: #fff; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0; }
.navbar-inverse .navbar-nav > li > a:hover:after { width: 100%; left: 0; }

.form-bg { background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(../images/pcet-campus.webp) top left no-repeat; min-height: 500px; background-position: center; background-repeat: no-repeat; background-size: cover; }
.text-box { text-align:center; margin-top: 160px; }
.pcet-logo { width:100px; height:100px; margin:0 auto; }
.heading-primary {color:#fff; text-transform: uppercase; }
.heading-primary-main { display: block; font-size: 60px; font-weight: 400; letter-spacing: 20px; /*  Animation decalaration  */ animation-name: moveInleft; animation-duration: 3s; }
.heading-primary-sub { display: block; font-size: 20px; font-weight: 700; letter-spacing: 15.9px; animation-name: moveInRight; animation-duration: 3s; }

#section1 {padding-top:40px;padding-bottom:40px;background-color:#f5f5f5}		
#section2 {padding-top:40px;padding-bottom:40px}
#section3 {padding-top:40px;padding-bottom:40px;background-color:#f5f5f5}
#section3 .apply_position { padding: 20px 35px 13px 35px; margin-bottom: 20px; background: rgb(255, 255, 255); box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); border: #dfeaf0d6; color: #333; border-radius: 10px; }
#section3 .apply_position .form-control { height: 43px; }
#section3 .apply_position h3 { margin-top: 10px; }
#section4 {padding-top:40px;padding-bottom:40px;} 
#section4 .enquiry_form { padding: 20px 35px 10px 35px; margin-bottom: 20px; background: #f7f7f7; border-radius: 10px; border: 1px solid #eee; }
#section4 .enquiry_form .form-control { height: 36px; }
#section4 .enquiry_form h3 { margin-top: 10px; }
#section-footer {background:#001a2b;color:#fff;padding:10px 0px}

/* Panel Css End */
#dmteam .panel-group .panel { margin-bottom: 5px; }
.panel-details .panel-group .panel { margin-bottom: 15px; border-color: #fff; }
.panel-details .rotate-vm { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.panel-title { background: rgb(255, 255, 255); box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); border: #18d26e; }
#dmteam .panel-title { background: #124b78; }
.panel-body { box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); }
.panel-heading { padding: 0px; }
.panel-title a { color: #333!important; display: block; padding: 20px 15px; text-decoration: none; }
#dmteam .panel-title a { color: #fff!important; display: block; padding: 10px 15px; text-decoration: none; }
.panel-title > a::before { content: none; }
.panel-title > a.collapsed::before { content: none; }

/* Image Hover Css */
.box5{background:#333;position:relative;margin-bottom:5px;margin-top:5px;}
.box5:after,.box5:before{width:50px;height:50px;border-radius:50%;background:#10a5b8;position:absolute;top:-80px;left:15px;opacity:0;z-index:1;transition:all .35s ease}
.box5:after{top:auto;left:auto;bottom:-80px;right:15px}
.box5:hover:after,.box5:hover:before{opacity:.75;transform:scale(8);transition-delay:.15s}
.box5 img{width:100%;height:auto;transition:all .35s ease-out 0s}
.box5:hover img{opacity:.1;}
.box5 .box-content{padding:20px 15px;position:absolute;top:0;left:0;z-index:1}
.box5 .title{font-size:20px;font-weight:800;color:#fff;margin:0 0 5px;opacity:0;transform:translate(-20px,-20px);transition:all .35s ease-out}
.box5:hover .title{opacity:1;transform:translate(0,0);transition-delay:.15s}
.box5 .post{display:inline-block;font-size:16px;color:#fff;opacity:0;transform:translate(-20px,-20px);transition:all .35s ease-out}
.box5:hover .post{opacity:1;transform:translate(0,0);transition-delay:.15s}
.box5 .icon{padding:0;margin:0;list-style:none;transform:rotateY(360deg) scale(0);transition:all .3s ease 0s}
.box5:hover .icon{transform:rotateY(0) scale(1)}
.box5 .icon li{display:inline-block;margin-right:2px;}
.box5 .icon li a{display:block;width:25px;height:25px;line-height:25px;background:#fff;font-size:16px;color:#505050;padding:0px 5px;margin-top:7px;border-radius:0%;transition:all .3s ease 0s}
.box5 .icon li a:hover{box-shadow:0 0 0 5px rgba(0,0,0,.5);background:#fff;color:#ca3e0c;}

/* 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; }

/* Animation MoveInLeftRight */
@keyframes moveInleft {
	0% { opacity: 0; transform: translateX(-100px);	}
	80% { transform: translateX(10px); }
	100% { opacity: 1; transform: translate(0);	}
}
@keyframes moveInRight {
	0% { opacity: 0; transform: translateX(100px); }
	80% { transform: translateX(-10px);	}
	100% { opacity: 1; transform: translate(0); }
}

/* Common Css End */
.pcet-dmt h2 { color: #ca3e0c; font-weight: 600; margin-bottom: 15px; }
.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; } 
.submit-btn { border: none;	color: #fff!important; background: #124b78; text-decoration: none; padding: 10px 20px; font-weight: bold; text-align: center; line-height: 1; border-radius: 25px !important;	transition: all .8s ease-in-out; }
.submit-btn:hover { background: #ca3e0c; color: #fff!important; }
.pt-20 { padding-top: 20px; }
.mbl-rl-align { text-align: right; }

/* Media Query */
@media (min-width: 320px) and (max-width: 767px) { 
	#myNavbar .pull-right { float: none !important; }
	.navbar-inverse .navbar-collapse { border-color: #fff; }
	.text-box { margin-top: 130px; }
	.heading-primary-main { letter-spacing: 1px; }
	.box5 { margin-top:15px; margin-bottom:10px; }
	.mbl-rl-align { text-align: left; }
}