@charset "utf-8";

/* CSS Document */



.resetspc {
	margin: 0;
	padding: 0;
}

.header {
	background-color: #f1f1f1;
	padding: 40px;
	margin: 0, auto;
	position: relative;
}

#search {
	background-color: #d1d1d1;
	color: #ffffff;
}

.glyphicon {
	color: #f1f1f1;
}

/*styling search placeholder*/
.form-control:-moz-placeholder {
 color: #FFF;
}
.form-control::-moz-placeholder {
 color: #FFF;
}
.form-control:-ms-input-placeholder {
 color: #FFF;
}
.form-control::-webkit-input-placeholder {
 color: #FFF;
}

.input-group-addon {
	background-color: #0da4c0;
}

.padding-top-adjust {
	padding-top: 45px;
}

.content-wrapper {
	padding: 0px 45px;
}

#content-wrapper {
	padding: 0px 30px;
}/* to implement padding only in index.html*/

 @media (max-width: 765px) {

.content-wrapper {
	padding: 0;
}

.padding-top-adjust {
	padding-top: 20px;
}
}

/*navbar responsive dropdown list color styling*/


/*navbar responsive dropdown list color styling*/





.navigation {
	z-index: 1;
	right: 50px;
	margin-bottom: 0;
	position: absolute;
}

.navbar-ex1-collapse {
	padding: 0;
}

.nav-pills > li {
	background-color: #2f91a3;
	border-radius: 0px 0px 10px 10px;
}

.nav-pills > li > a {
	border-radius: 0px 0px 10px 10px;
	color: #f1f1f1;
}

.nav-pills > li > a:hover {
	background-color: #ed2026;
}

.nav-pills > li.active > a {
	background-color: #ed2026;
}

.nav-pills > li.active > a:hover {
	background-color: #ed2026;
}
 @media (max-width: 767px) {

.header {
	position: static !important;
}

.navigation {
	position: static !important;
	margin-bottom: -21px;
}

.menu-title {
	color: #2f91a3;
	margin-top: 15px;
}

.stacked > li {
	float: none;
	border-radius: 0;
}

.nav-pills > li {
	background-color: #f1f1f1; /* Sets background of home */
}

.stacked > li + li {
	margin-left: 0;
	background-color: #f1f1f1; /* Sets background color of responsive menu */
}

.nav-pills > li > a {
	border-radius: 0px;
	color: #2f91a3;
}

.nav-pills > li > a:hover {
	color: white;
}
}

/*following styling is for button when navbar snaps to responsive mode*/




.colapse-bg {/*sets background color of responsive menu*/
	background-color: #d1d1d1;
}

.navbar-toggle {
	border-color: #2f91a3 !important;
	outline: 0;
}

.navbar-toggle .icon-bar {
	background-color: #2f91a3 !important;
}

.navbar-toggle:hover {
	background-color: #2f91a3 !important;
}

.navbar-toggle:hover .icon-bar {
	background-color: white !important;
}

/*responsive navbar button styling ends here*/




.content {
	margin-top: 15px;
	background-color: #2f91a3;
	color: #ffffff;
	padding: 5px 20px;
	overflow: hidden;
}

.content-head {
	height: 80px;
	padding: 5px;
}

.content-body {
	height: 180px;
	padding: 0px;
}

.content-foot {
	height: 30px;
	padding-top: 5px;
}
.content-head img {
	max-width: 160px;
	height: auto;
}

 @media (max-width: 768px) { /* responsive style reset for content */

.content-head {
	height: auto;
	padding: 0;
}

.content-body {
	height: auto;
	padding: 0;
}

.content-foot {
	height: auto;
	padding-top: 0;
 .content {
width:100%;
}
}
}
 @media only screen and (min-width: 769px) and (max-width: 1280px) {

.content-head {
	height: 80px;
	padding: 5px;
}

.content-head > h3{font-size:30px;}

.content-body {
	height: 220px;
	padding: 0px;
}

.content-foot {
	height: 30px;
	padding-top: 5px;
}
}

.content p {
	text-align: justify;
}

.content .itel-header {
	font-size: 23px;
	line-height: 23px;
}

.content-img img {
	padding: 13px 5px;
}

.content a:link {
	text-decoration: none;
	color: #ffffff;
}

.content a:visited {
	text-decoration: none;
	color: #ffffff;
}

.content a:hover {
	text-decoration: underline;
	color: #ffffff;
}

.footer {
	background-color: #d1d1d1;
	padding: 5px;
}

.footer-index {
	margin-top: 15px;
}/* Gives top margin of footer for index.html */

.footer h4, .copyright {
	color: #2f91a3;
}
 @media (max-width: 767px) {

.footnote {
	margin: 0;
	text-align: center;
	float: none;
}
}

/* aboutus.html Style Begins here */


.column /* deviding  */ {
	-moz-column-count: 2; /* Firefox */
	-webkit-column-count: 2; /* Safari and Chrome */
	column-count: 2;
	column-gap: 30px;
	-moz-column-gap: 30px; /* Firefox */
	-webkit-column-gap: 30px; /* Safari and Chrome */
}
 @media (max-width: 360px) { /* To remove column view in mobile */

.column {
	-moz-column-count: 1; /* Firefox */
	-webkit-column-count: 1; /* Safari and Chrome */
	column-count: 1;
}
}

.body-content {
	background-color: #2f91a3;
	padding: 20px;
	color: #ffffff;
}

.body-content-img img {
	width: 300px;
	height: auto;
	padding: 10px 5px;
}

.body-content a:link {
	color: #ffffff;
	text-decoration: underline;
}

.body-content a:visited {
	color: #ffffff;
	text-decoration: underline;
}

.body-content a:hover {
	text-decoration: underline;
	color: blue;
}

.body-content p {
	text-align: justify;
}

#footer {
	margin-top: 0px;
}

/* aboutus.html Style Ends here */


/* projects.html */




.project-content {
	margin-top: 50px;
}/*create space between two paragraph*/

.column-projects {
	-moz-column-count: 2; /* Firefox */
	-webkit-column-count: 2; /* Safari and Chrome */
	column-count: 2;
	column-gap: 40px;
	-moz-column-gap: 40px; /* Firefox */
	-webkit-column-gap: 40px; /* Safari and Chrome */
}
 @media (max-width: 360px) {

.column-projects {
	-moz-column-count: 1; /* Firefox */
	-webkit-column-count: 1; /* Safari and Chrome */
	column-count: 1;
}
}
 @media (max-width: 768px) {

.project-img {
	display: block;
	margin: 0 auto;
}
}

/* intellectual_property.html */




.member-content {
	border: 1px solid #ffffff;
	padding: 15px 20px;
}

.member-content img {
	height: auto;
	width: 120px;
}/* sets defined height and auto width for memeber images*/

.member-content p {
	text-align: left;
}/* Align's member info to left */



.query-div {
	padding: 10px;

}
 @media only screen and (min-width: 768px) and (max-width: 980px) {

.query-div {
	width: 100%;
}/* responsive member info style for tablet view */
}
 @media (max-width: 360px) {

.member-content img {
	display: block;/* responsive member info style for mobile view */
	margin: 0 auto;
}

.query-div{text-align:center;}
}