/*--
	Author: W3layouts
	Author URL: http://w3layouts.com
	License: Creative Commons Attribution 3.0 Unported
	License URL: http://creativecommons.org/licenses/by/3.0/
--*/

@font-face {
    font-family: 'OpenSans-Regular';
    src:url(../fonts/OpenSans-Regular.ttf) format('truetype');
}
body a{
    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
input[type="button"]{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}

h1,h2,h3,h4,h5,h6{
	padding:0 0;
	margin:0 0;
}
p{
	padding:0 0;
	margin:0 0;
}
ul{
	padding:0 0;
	margin:0 0;	
}
body{
	padding:0 0;
	margin:0 0; 
	font-family: 'OpenSans-Regular';
	
}
.header-section {
	background: url(../images/services-bg.jpg);
	text-align: center;
    min-height: 500px;
}
.header-section img {
	margin-top: 7em;
}
.header-section h1 {
	font-family: 'OpenSans-Regular';
	font-size: 4em;
	text-transform: capitalize;
	color: #fff;
	padding: 0.5em 0 0 0;
}
.header-section span {
	color: #00cfbd;
	font-size: 1em;
}
.header-section p {
	font-family: 'OpenSans-Regular';
	font-size: 1.3em;
	color: #fff;
}
span.glyphicon.glyphicon-triangle-bottom {
	font-size: 2em;
	color: #fff;
	background-color: rgb(0, 207, 189);
	padding: 0.5em 2em;
	border-radius: 5px 5px 0 0;
	margin-top: 2.5em;
}
.study-section {
	padding: 4em 0;
}
.study-grid h3 {
	font-family: 'OpenSans-Regular';
	font-size: 2.5em;
	text-transform: capitalize;
	color: #393b3a;
	
}
.study-grid span {
	color: #00cfbd;
	font-size: 0.9em;
}
.study-grid p {
	font-size: 1.2em;
	color: #393b3a;
	padding: 1.1em 0 0 0;
}
.study-grid label {
	font-size: 0.8em;
	color: #9CA69D;
	margin: 0 0 0 7px;
}
.progress {
	margin: 10px 0;
	box-shadow: none;
}
.progress-bar-success {
	background-color: #DEECDF;
	box-shadow: none;
}
.progress-bar-info {
	background-color: #ACB5B8;
    box-shadow: none;
}
.progress-bar-warning {
	background-color: #78B3AE;
	box-shadow: none;
}
.progress-bar-danger {
	background-color: #8C9D82;
	box-shadow: none;
}
.study-grid h4 {
	font-size: 1.3em;
	text-transform: capitalize;
	color: rgb(29, 26, 26);
}
.study1 {
	padding: 1em 0 0;
}
.study1 p {
	font-size: 1.5em;
}
.study2 {
	padding: 2em 0 0;
}
.service-section {
	text-align: center;
	padding: 4em 0;
}
.service-grid h4 {
	font-size: 1.5em;
	margin: 0.9em 0;
    font-family: 'OpenSans-Regular';
}
.service-grid p {
	font-size: 1em;
	font-weight: 400;
	color: #9CA69D;
    line-height: 1.8em;
}
span.glyphicon.glyphicon-pencil {
	font-size: 2em;
	color: #ACB5B8;
	border-radius: 50px;
	border: 2px solid;
	padding: 1em;
}

span.glyphicon.glyphicon-th {
	font-size: 2em;
	color: #ACB5B8;
	border-radius: 50px;
	border: 2px solid;
	padding: 1em;
}

span.glyphicon.glyphicon-console {
	font-size: 2em;
	color: #ACB5B8;
	border-radius: 50px;
	border: 2px solid;
	padding: 1em;
}

span.glyphicon.glyphicon-triangle-right {
	font-size: 2em;
	color: #ACB5B8;
	border-radius: 50px;
	border: 2px solid;
	padding: 1em;
}

span.glyphicon.glyphicon-phone{
	font-size: 2em;
	color: #ACB5B8;
	border-radius: 50px;
	border: 2px solid;
	padding: 1em;
}
span.glyphicon.glyphicon-signal{
	font-size: 2em;
	color: #ACB5B8;
	border-radius: 50px;
	border: 2px solid;
	padding: 1em;
}

.social-icons {
	background:#fff;
	padding: 4em 0;
	
}
.social-icons h3 {
	font-family: 'OpenSans-Regular';
	font-size: 2.5em;
	text-transform: capitalize;
	color: #393b3a;
	text-align: center;
	margin-bottom:2em;
}

h2 {
	font-family: 'OpenSans-Regular';
	font-size: 2.5em;
	text-transform: capitalize;
	color: #393b3a;
	text-align: center;
	margin-bottom:2em;
}

.face p {
	font-size: 3em;
	color: #B4BEB9;
	font-weight: 500;
	margin: 0 9px;
	
}
.face h4 {
	font-size: 0.9em;
	color: #393b3a;
	font-weight: 500;
	text-transform: capitalize;
	margin-top: 1.2em;
	cursor: pointer;
	text-align: center;
}

i.facebook {
	width: 64px;
	height: 64px;
	background: url(../images/img-sprite.png)no-repeat 0px 0px;
	float: left;
	vertical-align: middle;
    margin: 0 10px;
}
i.twitter{
	width: 64px;
	height: 64px;
	background: url(../images/img-sprite.png)no-repeat -64px 0px;
	float: left;
	vertical-align: middle;
    margin: 0 10px;
}
i.google {
	width: 64px;
	height: 64px;
	background: url(../images/img-sprite.png)no-repeat -128px 0px;
	float: left;
	vertical-align: middle;
    margin: 0 10px;
}
i.beh {
	width: 64px;
	height: 64px;
	background: url(../images/img-sprite.png)no-repeat -192px 0px;
	float: left;
	vertical-align: middle;
    margin: 0 10px;
}
.contact-section {
	padding: 4em 0;
	background: url(../images/services-bg.jpg);
	
}
.contact-section h3 {
    font-family: 'OpenSans-Regular';
	font-size: 2.5em;
	color: #fff;
	text-align: center;
	margin-bottom: 2em;
	
}

.contact-section h2 {
    font-family: 'OpenSans-Regular';
	font-size: 2.5em;
	color: #fff;
	text-align: center;
	margin-bottom: 2em;
	
}
.contact-details form input[type="text"],.contact-details form textarea {
	width: 100%;
	padding: 1.5em 1em;
	border: 1px solid #7ca17f;
	font-size: 1.1em;
	margin-bottom: 1.2em;
	color: #333;
	outline: none;
	background:transparent;
	font-weight: 600;
}
.contact-details form textarea {
	height: 244px;
	resize: none;
	width: 100%;
}
.contact-right{
	text-align:right;
}
.contact-details input[type="submit"] {
	background: #393b3a;
	padding: 1em 2em;
	border: none;
	font-size: 1em;
	margin: 0.5em 0 0 0;
	color: #fff;
	outline: none;
	font-weight: 600;
	border-radius:5px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.contact-details input[type="submit"]:hover {
	color: #fff;
	background: rgb(0, 207, 189);
}
.google-map iframe {
	width: 100%;
	height: 500px;
	border: 0;
}
.footer-section{
	padding:2em 0;
	text-align:center;
	background:#deecdf;
}
.footer-bottom {
	margin-top: 1em;
}
.footer-top p {
	font-size: 0.9em;
	color: #1B1B1B;
	font-weight: 400;
}
.footer-top  a {
	font-size: 1em;
	color:#1B1B1B;
	font-weight: 400;
	text-transform: capitalize;
}
.footer-top a:hover {
	color: #1B1B1B;
}
.footer-top a {
	margin: 0 6px 0 6px;
}
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 48px;
	height: 48px;
	border: none;
	text-indent: 100%;
	background: url("../images/to-top2.png") no-repeat 0px 0px;
}
/*-- responsive-design --*/
@media only screen and (max-width:1024px) {
	.header-section h1 {
		font-size: 3em;
	}
	.header-section p {
		font-size: 1.2em;
	}
	.study-grid h3 {
		font-size: 2em;
	}
	.study-grid p {
		font-size: 1.1em;
	}
	.study-grid h4 {
		font-size: 1.3em;
	}
	.service-grid h4 {
		font-size: 1.3em;
	}
	.service-grid p {
		font-size: 0.965em;
	}
	.social-icons h3 {
		font-size: 2em;
	}
	.face p {
		font-size: 2.5em;
	}
	.face h4 {
		margin-top: 2em;
	}
	.contact-section h3 {
		font-size: 2em;
	}
	.contact-details form input[type="text"], .contact-details form textarea {
		font-size: 1em;
	}
	.contact-details form textarea {
		height: 225px;
	}
	.contact-details input[type="submit"] {
		padding: 1em 1.5em;
	}
	.google-map iframe {
		height: 400px;
	}
}
@media only screen and (max-width: 768px){
	.header-section {
		min-height: 472px;
	}
	.header-section h1 {
		font-size: 2.5em;
	}
	.header-section p {
		font-size: 1.1em;
	}
	span.glyphicon.glyphicon-triangle-bottom {
		font-size: 1.5em;
	}
	.study-section {
		padding: 3em 0;
	}
	.study-grid {
		float: left;
		width: 50%;
	}
	.study-grid h3 {
		font-size: 1.6em;
	}
	.study-grid p {
		font-size: 1em;
		padding: 1.2em 0 0 0;
	}
	.study-grid h4 {
		font-size: 1.1em;
	}
	.service-section {
		text-align: center;
		padding: 3em 0;
	}
	.service-grid {
		float: left;
		width: 33.3%;
	}
	.service-grid h4 {
		font-size: 1.1em;
	}
	.service-grid p {
		font-size: 0.95em;
	}
	.social-icons {
		padding: 3em 0;
	}
	.social-icons h3 {
		font-size: 1.6em;
		margin-bottom: 1.5em;
	}
	.face {
		float: left;
		width: 25%;
	}
	.face p {
		font-size: 2em;
		margin: 0 1px;
	}
	.face h4 {
		margin-top: 2.5em;
	}
	i.facebook {
		width: 52px;
		height: 52px;
		background: url(../images/img-sprite.png)no-repeat 0px 0px;
		margin: 0 8px;
		background-size: 410px;
	}
	i.twitter {
		width: 52px;
		height: 52px;
		background: url(../images/img-sprite.png)no-repeat -52px 0px;
		margin: 0 8px;
		background-size: 408px;
	}
	i.google {
		width: 52px;
		height: 52px;
		background: url(../images/img-sprite.png)no-repeat -105px 0px;
		margin: 0 8px;
		background-size: 410px;
	}
	i.beh {
		width: 52px;
		height: 52px;
		background: url(../images/img-sprite.png)no-repeat -158px 0px;
		margin: 0 8px;
		background-size: 410px;
	}
	.contact-section {
		padding: 3em 0;
	}
	.contact-section h3 {
		font-size: 1.6em;
		margin-bottom: 1.5em;
	}
	.contact-left {
		float: left;
		width: 50%;
	}
	.contact-right {
		float: left;
		width: 50%;
	}
	.contact-details form input[type="text"], .contact-details form textarea {
		padding: 1em 1em;
	}
	.contact-details form textarea {
		height: 185px;
	}
	.contact-details input[type="submit"] {
		padding: 1em 1em;
		font-size: 0.96em;
	}
}
@media only screen and (max-width: 640px){
	.header-section img {
		margin-top: 5em;
	}
	.header-section {
		min-height: 430px;
	}
	.header-section h1 {
		font-size: 2em;
	}
	.header-section p {
		font-size: 1.05em;
	}
	.study-grid h3 {
		font-size: 1.5em;
	}
	.study-grid {
		float: none;
		width: 100%;
		margin-top: 2em;
	}
	.study1 {
		padding: 0em 0 0;
	}
	.study2 {
		padding: 1em 0 0;
	}
	.study-grid p {
		font-size: 0.965em;
		padding: 1.2em 0 0 0;
	}
	.study-section {
		padding: 1em 0;
	}
	.study-grid h4 {
		font-size: 1em;
	}
	.service-grid h4 {
		font-size: 1em;
	}
	.social-icons h3 {
		font-size: 1.5em;
	}
	i.facebook {
		width: 44px;
		height: 44px;
		background: url(../images/img-sprite.png)no-repeat 0px 0px;
		background-size: 346px;
		margin: 0 10px;
	}
	i.twitter {
		width: 44px;
		height: 44px;
		background: url(../images/img-sprite.png)no-repeat -44px 0px;
		background-size: 345px;
		margin: 0 10px;
	}
	i.google {
		width: 44px;
		height: 44px;
		background: url(../images/img-sprite.png)no-repeat -88px 0px;
		background-size: 345px;
		margin: 0 10px;
	}
	i.beh {
		width: 45px;
		height: 44px;
		background: url(../images/img-sprite.png)no-repeat -132px 0px;
		background-size: 345px;
		margin: 0 10px;
	}
	.face p {
		font-size: 1.5em;
		margin: 0 1px;
	}
	.contact-section h3 {
		font-size: 1.5em;
	}
	.contact-details input[type="submit"] {
		font-size: 0.9em;
	}
	.google-map iframe {
		height: 350px;
	}
}
@media only screen and (max-width: 480px){
	.header-section img {
		margin-top: 5em;
		width: 30%;
	}
	.header-section {
		min-height: 345px;
	}
	.header-section h1 {
		font-size: 1.5em;
	}
	span.glyphicon.glyphicon-triangle-bottom {
		font-size: 1.3em;
	}
	.header-section p {
		font-size: 1em;
	}
	.study-grid h3 {
		font-size: 1.3em;
	}
	.study-grid {
		margin-top: 1em;
		padding:0;
	}
	.study-grid p {
		font-size: 0.92em;
	}
	.study-grid h4 {
		font-size: 0.95em;
		}.service-section {
		padding: 0em 0;
	}
	.service-grid {
		float: none;
		width: 100%;
		padding: 0;
		margin-top: 2em;
	}
	.service-grid h4 {
		font-size: 0.95em;
	}
	.social-icons h3 {
		font-size: 1.3em;
		margin-bottom: 1em;
	}
	.face p {
		font-size: 1.3em;
		text-align: center;
	}
	.face h4 {
		margin-top: 1em;
		line-height: 1.5em;
	}
	.social-icons {
		padding: 2em 0;
	}
	.contact-section {
		padding: 2em 0;
	}
	.contact-section h3 {
		font-size: 1.3em;
		margin-bottom: 1em;
	}
	.contact-details form textarea {
		height: 160px;
	}
	.contact-left {
		float: none;
		width: 100%;
		padding:0;
	}
	.contact-right {
		float: none;
		width: 100%;
		padding:0;
	}
	.contact-details form input[type="text"], .contact-details form textarea {
		padding: 0.5em 0.5em;
		font-size: 0.95em;
	}
	.contact-details input[type="submit"] {
		font-size: 0.85em;
		padding: 0.8em 1em;
	}
	.google-map iframe {
		height: 300px;
	}
}
@media only screen and (max-width: 320px){
	.header-section img {
		margin-top: 4em;
		width: 40%;
	}
	.header-section h1 {
		font-size: 1.8em;
	}
	span.glyphicon.glyphicon-triangle-bottom {
		font-size: 1em;
	}
	.header-section {
		min-height: 300px;
	}
	.study-grid h3 {
		font-size: 1.5em;
	}
	.study-section {
		padding: 0em 0;
	}
	.study-grid p {
		font-size: 0.9em;
	}
	.study-grid {
		margin-top: 1.5em;
	}
	.study-grid h4 {
		font-size: 1.15em;
	}
	.service-grid h4 {
		font-size: 1.15em;
	}
	.social-icons h3 {
		font-size: 1.5em;
		
	}
	.face {
		float: left;
		width: 25%;
		padding: 0;
	}
	.contact-section h3 {
		font-size: 1.5em;
	}
	.google-map iframe {
		height: 250px;
	}
	.contact-section {
		padding: 1em 0;
	}
	.contact-details input[type="submit"] {
		font-size: 0.8em;
	}
	
	
	.projects{
		background:url(../images/projects-bg.jpg) no-repeat 0px 0px;
		background-size:cover;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		min-height:680px;
		position:relative;
		padding-top: 15em;
	}
	
	.project-grid p{
		color: #FFF;
		font-size: 1.8em;
		text-transform: uppercase;
		font-weight: 300;
		margin: 0;
	}
	.project-grid span{
		width:70px;
		height:70px;
		display:inline-block;
		background:#FFF;
		border-radius:30em;
		-webkit-border-radius:30em;
		-moz-border-radius:30em;
		-o-border-radius:30em;
		-ms-border-radius:30em;
		margin-top:1em;
	}
	
	.cycle{
		text-align:center;
	}
	.cycle span{
		width:284px;
		height:284px;
		display:inline-block;
		background:url(../images/cycle.png) no-repeat 0px 0px;
	}
	
	.project-grid:hover span{
		background:#5dbed2;
	}
	.project-grid span i{
		width:40px;
		height:40px;
		display:inline-block;
		background:url(../images/project-icons.png) no-repeat 0px 0px;
	}
	.project-grid span i.p-icon{
		margin-top: 0.9em;
		margin-left: 0.6em;
	}
	
	.project-grids{
		position: relative;
	}