/*
1. RESET CSS
2. Common CSS
3. Top Bar Area
4. Header Area
5. About Area
6. Projects Area
7. Philosophy Area
8. Services Area
9. Testimonial Area
10. Services Area
11. CTA Area
12. Partners Area
13. Footer Area
14. Coustom Media Query CSS
*/
/* ##################### RESET CSS  ##################### */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
img{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
a:focus {
	outline: 0;
	text-decoration: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration:none;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	transition:all .5s ease;
}
a:hover {
	text-decoration:none;
}

::-webkit-input-placeholder {
   opacity:1;
}

:-moz-placeholder { /* Firefox 18- */
   opacity:1;
}

::-moz-placeholder {  /* Firefox 19+ */
   opacity:1;
}

:-ms-input-placeholder {  
   opacity:1;
}

img{
	max-width:100%;
}

/* Common CSS */

.no-padding{
	padding:0;
}
.no-margin{
	margin:0;
}
.relative{
	position:relative;
}
.button{
	line-height:60px;
	text-align:center;
	display:inline-block;
	padding:0 45px;
	border-radius:3px;
	font-size:20px;
	font-weight:600;
}
.section-head{
	padding-bottom:65px;
}
.section-head h2, .section-head .h2-like{
	padding:65px 0 20px;
	position:relative;
	margin-bottom:22px;
}
.section-head h2:after, .section-head .h2-like:after{
	position:absolute;
	content:"";
	bottom:0;
	left:50%;
	margin-left:-40px;
	height:1px;
	width:80px;
}

/*Top Bar Area*/

.phone-no .fa{
	width:20px;
	line-height:20px;
	border-radius:3px;
	background:#3498db;
	color:#fff;
	text-align:center;
	margin-right:10px;
	font-size:14px;
	position:relative;
	top:-2px;
}
.phone-no{
	padding-top:30px;
	padding-bottom:10px;
	font-size:20px;
}
.slogan{
	padding-bottom:30px;
}

/*Header Area*/

.lead-header-area{
	background: url(../images/bg/header-bg.jpg) fixed;
	background-size:cover;
}

.lead-header-area .overlay{
	padding:70px 0;
}
.home-text h3{
	font-weight:300;
}
.home-text h1{
	font-weight:700;
	text-transform:uppercase;
	display:inline-block;
}
.home-text{
	padding:100px 0;
}
.lead-form-area{
	padding:20px 15px;
	border-radius:4px;
}
.lead-form-area h3 small{
	display:block;
	margin-bottom:10px;
}
.lead-form-area h3{
	margin-bottom:10px;
}
.lead-form-area p{
	margin-bottom:15px;
}
.lead-form-area input[type="text"],
.lead-form-area input[type="email"]{
	width:100%;
	line-height:55px;
	border-radius:4px;
	border:none;
	margin-bottom:15px;
	color:#a1a1a1;
	padding-left:15px;
}
.lead-form-area input[type="submit"]{
	line-height:60px;
	text-align:center;
	display:inline-block;
	width:100%;
	border-radius:3px;
	font-size:20px;
	font-weight:600;
	border:none;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}
.subscription-success, .subscription-failed {
    display: none
}
.contact-form .success, .contact-form .error {
    display: none;
    font-weight: 300 !important;
}

/*About Area*/

.about-more-area{
	background: url(../images/bg/about-bg.jpg) fixed;
	background-size:cover;
	margin-top:185px;
}

.about-boxes{
	margin-top:-185px;
}
.single-about-img{
	overflow:hidden;
}
.single-about-img img{
	width:100%;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	transition:all .5s ease;
}
.single-about:hover img{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2);
}
.single-info h4, .single-info .h4-like{
	padding-bottom:10px;
}
.single-info{
	padding:30px 40px;
}
.about-cta{
	padding:90px 0 75px;
}
.about-cta h1{
	font-weight:700;
	padding:20px 0 40px;
}
.about-cta h3{
	font-weight:300;
}

/*Projects Area*/

.featured-project-area{
	padding-bottom:50px;
}

.single-fproject{
	position:relative;
	margin-bottom:30px;
}
.single-fproject img{
	width:100%;
}
.single-fproject h6{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	padding:18px;
	font-weight:700;
}
.single-fproject h6 small{
	float:right;
	font-weight:300;
	line-height:24px;
}
   
.mfp-wrap {
	z-index: 2147483647;
}
.mfp-bg {
	z-index: 2147483646;
}
.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
}

/*Why us area*/

.why-text{
	padding:60px 0;
}
.why-fetu{
	margin-top:-40px;
}
.why-text h2{
	padding-bottom:15px;
}
.why-text ul{
	padding-top:30px;
}
.why-text ul li{
	position:relative;
	padding-left:90px;
	padding-bottom:20px;
}
.why-text ul li h5{
	padding-bottom:7px;
}
.why-text ul li img{
	position:absolute;
	top:0;
	left:0;
}

/* Services Area*/

.services-area{
	padding-bottom:80px;
}

.single-service{
	background:#f2f2f2;
	position:relative;
	margin-bottom:30px;
	overflow:hidden;
	box-shadow: 5px 5px 0 #d4d4d4;
}
.service-over{
	padding:15px 25px;
	position:absolute;
	left:0;
	top:100%;
	height:100%;
	width:100%;
	background:#f2f2f2;
	margin-top:-90px;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	transition:all .5s ease;
}
.single-service:hover .service-over{
	top:0;
	margin-top:0;
}
.single-service h5{
	color:#252525;
	padding:17px 0 23px;
}
.single-service p{
	color:#4f4f4f;
}


/* Testimonial Area*/

.testimonials{
	padding:70px 0;
}
.single-testimonial{
	margin-bottom:30px;
	padding:0 15px;
}
.single-testimonial h5{
	padding:20px 0;
	position:relative;
}
.single-testimonial h5:after{
	position:absolute;
	content:"";
	width:80%;
	height:1px;
	left:50%;
	bottom:0;
	margin-left:-40%;
}
.single-testimonial h5 small{
	display:block;
	font-size:12px;
}
.tequote{
	font-size:42px;
	padding:18px 0 16px;
}
.single-testimonial ul{
	padding-top:15px;
}
.single-testimonial ul li{
	display:inline-block;
	font-size:20px;
}

/* Services Area*/

.form-area{
	background: url(../images/bg/subscriibe-bg.jpg) fixed;
	background-size:cover;
}
.form-area .overlay{
	padding-bottom:80px;
}
.form{
	padding:10px 15px;
}
.form input[type="text"]{
	width:100%;
	height:55px;
	border-radius:8px;
	border:none;
	padding-left:15px;
	margin:5px 0;
}
.form input[type="submit"]{
	line-height:60px;
	text-align:center;
	display:inline-block;
	width:100%;
	border-radius:3px;
	font-size:20px;
	font-weight:600;
	border:none;
	margin:5px 0;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

/*CTA Area*/

.cta-area{
	background: url(../images/bg/subscriibe-bg.jpg) fixed;
	background-size:cover;
}
.cta-area .overlay{
	padding-bottom:80px;
}

/*Partners Area*/

.partners-area{
	padding:10px 0;
}
.partners-area ul{}
.partners-area ul li{
	display:inline-block;
}

/*Footer Area*/

.footer-area{
	padding:20px 0;
}
.social-icons{}
.social-icons li{
	display:inline-block;
	line-height:40px;
	margin:0 5px;
}
.social-icons li a{
	display:inline-block;
	line-height:40px;
	width:40px;
	text-align:center;
}
.footer-area p{
	padding:7px 0;
}



/*Coustom Media Query CSS*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	.parallax {
		background-attachment: scroll !important;
		background-position: center top !important;
		background-size: cover !important;
		height: auto;
		margin: 0 auto;
		width: 100%;
	}
	.text-center-tab{
		text-align:center;
	}
	.header-area h1 span{
		display:block;
		padding:0;
	}
	.header-area h1{
		display:block;
		padding:0;
	}
	.about-more-area{
		margin-top:119px;
	}
	.about-boxes{
		margin-top:-119px;
	}
}

@media only screen and (max-width: 767px) {
	.parallax {
		background-attachment: scroll !important;
		background-position: center top !important;
		background-size: cover !important;
		height: auto;
		margin: 0 auto;
		width: 100%;
	}
	h1, .h1-like {
	  font-size: 40px;
	  line-height: 56px;
	}
	.text-center-tab,.text-center-mob{
		text-align:center;
	}
	.header-area h1 span{
		display:block;
		padding:0;
	}
	.header-area h1{
		display:block;
		padding:0;
	}
	.philosophy-list li {
		width: 100%;
	}
	.social-icons li:first-child{
		display:block;
	}
	.about-more-area{
		margin-top:0;
	}
	.about-boxes{
		margin-top:0;
	}
}

.imprint-area p {
	padding: 20px 0;	
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.single-about {
		min-height: 394px;
	}
}

.logo img {
	margin-top: 23px;
	width: 375px;
}