/*
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  ##################### */


img{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}

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



/*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*/
/*Header Area*/

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

.header-area-image .overlay{
	padding:190px 0 155px;
}
.header-area-image h3{
	padding-bottom:25px;
}
.header-area-image h1{
	font-weight:700;
	text-transform:uppercase;
	display:inline-block;
	padding-left:15px;
}
.header-area-image h1 span{
	display:inline-block;
	padding:0 15px;
}
.header-area-image h5{
	padding:20px 0 40px;
}


.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;
	text-transform:uppercase;
}
.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 form p{
	margin:0px !important;
}
.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;
}


.header-area-slider .overlay{
	padding:190px 0 155px;
}
.header-area-slider h3{
	padding-bottom:25px;
}
.header-area-slider h1{
	font-weight:700;
	text-transform:uppercase;
	display:inline-block;
	padding-left:15px;
}
.header-area-slider h1 span{
	display:inline-block;
	padding:0 15px;
}
.header-area-slider h5{
	padding:20px 0 40px;
}

.videowraper{
	padding:15px 0;
	background:#000;
}

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

/*Projects Area*/

.featured-project-area-re{
	padding-bottom:120px;
}
.single-project-innrre{
	overflow:hidden;
	position:relative;
}
.single-projectre{
	margin-bottom:30px;
	box-shadow: 3px 3px 0 #d4d4d4;
}
.single-projectre img{
	width:100%;
}
.project-badge{
	position:absolute;
	top:-40px;
	left:0;
	line-height:40px;
	padding:0 15px;
	background:#f0f0f0;
	text-transform:uppercase;
	-webkit-transition:all .5s ease 0.5s;
	-moz-transition:all .5s ease 0.5s;
	transition:all .5s ease 0.5s;
}
.single-projectre:hover  .project-badge{
	top:0;
}
.project-over{
	position:absolute;
	top:100%;
	left:0;
	margin-top:-90px;
	width:100%;
	height:100%;
	padding-top:35px;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	transition:all .5s ease;
}
.single-projectre:hover .project-over{
	padding-top:75px;
	top:0;
	margin-top:0;
}
.project-over h5{
	padding-bottom:30px;
}
.single-projectre:hover .project-over h5{
	padding-bottom:5px;
}
.project-over p{
	padding-bottom:20px;
}
.project-over h4{
	padding-top:20px;
	position:relative;
	font-weight:700;
}
.project-over h4:after{
	position:absolute;
	top:0;
	left:50%;
	margin-left:-30px;
	height:1px;
	width:60px;
	background:#fff;
	content:"";
}
.project-over ul{
	padding:30px 50px;
}
.project-over ul li .fa{
	padding-right:2px;
}
.project-over ul li{
	display:inline-block;
	width:49%;
	text-align:left;
	line-height:30px;
}

.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:-15px;
}
.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;
}
.why-text ul li i{
	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;
}

/* Services Area 2*/

.services-area2{

}
.services-area2 .overlay{
	padding-bottom:50px;
}
.single-service2{
	margin-bottom:30px;
	padding:17px 15px 35px;
	background: #3498DB none repeat scroll 0% 0%;
}
.single-service2 h4, .single-service2 p{
	color:#fff
}
.single-service2 h4{
	margin:0 25px 20px;
	padding:0 0 8px 0;
	position:relative;
}
.single-service2 h4:after{
	position:absolute;
	content:"";
	height:1px;
	width:130px;
	margin-left:-65px;
	bottom:0;
	left:50%;
}
/* 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;
}


/*Popup Video*/

.popup-video{
	padding:100px 0;
}
.popup-video h3{
	text-transform:uppercase;
	font-weight:300;
	letter-spacing:-.05em;
}
.popup-video h3 a .fa {
	bottom: -13px;
	font-size: 70px;
	margin: 0 30px;
	position: relative;
}
.screen-reader-text{}
/* Agent Area*/

.agent-area-innr{
	padding:90px 0 60px;
}
.single-agent{
	padding-bottom:30px;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	transition:all .5s ease;
}
.single-agent .top img{
	width:100%;
}
.single-agent .top{
	position:relative;
	overflow:hidden;
}
.single-agent:hover{
	background:#fff;
}
.single-agent:hover .top .top-over{
	opacity:1;
}
.single-agent .top .top-over{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding-top:230px;
	opacity:0;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	transition:all .5s ease;
}
.single-agent .top ul{
	 bottom: 20px;
    left: 0;
    position: absolute;
    right: 0;
}
.single-agent .top ul li{
	display:inline-block;
	line-height:40px;
	width:40px;
	margin:0 5px;
}
.single-agent .top ul li a{
	display:block;
	border:1px solid #fff;
}
.single-agent .top ul li a:hover{
	border:1px solid #f56800;
}
.single-agent h4{
	font-weight:700;
	padding-top:20px;
}
.single-agent h4 small{
	display:block;
	font-size:14px;
	font-weight:400;
}

/* 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-area .form input[type="text"], #form-area .form input[type="email"]{
	width:100%;
	height:55px;
	border-radius:3px;
	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;
	}
}