/* 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: 200px; }
.heading-primary {color:#fff; text-transform: uppercase; }
.heading-primary-main { display: block; font-size: 60px; font-weight: 400; letter-spacing: 35px; /*  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}
#section4 {padding-top:40px;padding-bottom:40px;}
#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: #0c7194; }
.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}

/* 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; }
.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; }
	.box5 { margin-top:15px; margin-bottom:10px; }
	.mbl-rl-align { text-align: left; }
}