/*

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{

	padding:65px 0 20px;

	position:relative;

	margin-bottom:22px;

}

.section-head h2: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:5px;

}

.lead-form-area h3{

	margin-bottom:5px;

}

.lead-form-area p{

	margin-bottom:10px;

}

.lead-form-area input[type="text"],

.lead-form-area input[type="email"],

.lead-form-area input[type="file"],

.TextField {

	width:100%;

	/**line-height:55px;*/

	line-height:18px;

	padding:10px 0;

	border-radius:4px;

	border:none;

	margin-bottom:5px;

	color:#a1a1a1;

	padding-left:10px;

	margin-top:15px;

}

.lead-form-area input[type="submit"]{

	line-height:44px;

	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{

	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;

}





/*..........29-03-2016............*/

.survey_form{margin:50px 0;}

.radio_head{width:100%; float:left; margin:15px 0 6px;}

.radio_btn{ float:left; margin-bottom:5px; margin-right:10px;}

.fileUpload {

    position: relative;

    overflow: hidden;

    margin:10px;

	margin-left:0;

	margin-bottom:5px;

	margin-top:0;

}

.fileUpload input.upload {

    position: absolute;

    top: 0;

    right: 0;

    margin: 0;

    padding: 0;

    font-size: 20px;

    cursor: pointer;

    opacity: 0;

    filter: alpha(opacity=0);

}

.btn-primary{background-color:#3498db !important; border-color:#3498db !important;}

.btn-primary:hover{background-color:#1c6697 !important; border-color:#1c6697 !important;-o-transition: color .2s ease-out, all .3s ease-in;

	-ms-transition: color .2s ease-out, all .3s ease-in;

	-moz-transition: color .2s ease-out, all .3s ease-in;

	-webkit-transition: color .2s ease-out, all .3s ease-in;

	transition: color .2s ease-out, all .3s ease-in;}

.upload_caption{width:100%; float:left; margin-top:5px;}

.survey_form h3{color:#FFF;}

.survey_form p{color:#FFF;}



/*..........29-03-2016............*/



/*..........30-03-2016............*/

.upload_caption{color:#ccc; font-size:11px;}

.radio_head{color:#FFF;}

.radio_btn{color:#FFF;}

.error{color:#FF0 !important; float:left; width:100%; font-size:12px;}

.fileUpload .error{float:none; width:auto;}

.section-head p{text-align:left;}

.lead-form-area{padding-bottom:0;}

.success{color:#FF0 !important;font-size:13px; }

.success a{color:#FF0;}

.radio_btn_outer{width:100%; float:left;}

.radio_btn_outer select{  

	border: medium none;

    border-radius: 4px;

    color: #a1a1a1;

    line-height: 18px;

    margin-bottom: 15px;

    padding: 10px 0 10px 10px;

    width: 100%;}





.TextField{ -webkit-appearance: none; background-color:#FFF !important; padding:9px !important;}











.custom-file-input {

	display: inline-block;

	position: relative;

	color: #533e00;

}

.custom-file-input input {

	visibility: hidden;

	width: 167px !important;

	padding-bottom:0 !important;

	margin-bottom:0 !important;

	

}

.custom-file-input:before {

	content: 'Choose File';

	display: block;

	background-color:#3498db;

	padding: 15px 0px;

	outline: none;

	white-space: nowrap;

	cursor: pointer;

	font-weight: bold;

	text-align: center;

	font-size: 0;

	position: absolute;

	left: 0;

	right: 0;

	width:100%;

	color:#FFF;

}

.custom-file-input:hover:before {

	border-color: #1c6697;

}

.custom-file-input:active:before {

	background: #1c6697;

}

.file-blue:before {

	content: 'Browse File';

	background: -webkit-linear-gradient( -180deg, #99dff5, #02b0e6);

	background: -o-linear-gradient( -180deg, #99dff5, #02b0e6);

	background: -moz-linear-gradient( -180deg, #99dff5, #02b0e6);

	background: linear-gradient( -180deg, #99dff5, #02b0e6);

	border-color: #57cff4;

	color: #FFF;

	text-shadow: 1px 1px rgba(000,000,000,0.5);

}

.file-blue:hover:before {

	border-color: #02b0e6;

}

.file-blue:active:before {

	background: #02b0e6;

}

.custom-browse > input{width:48%; float:right; background-color:transparent; border:none; line-height:40px; font-size:11px; color:#FF0;}

.custom-browse{color:#FFF;}



.custom-file-input > span{position:absolute; z-index:9999; font-size:15px; color:#FFF; background-color:#3498db; width:100%; line-height:45px; float:left; padding:0 15px; }





/*..........30-03-2016............*/











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

	}

	.TextField{padding:10px !important;}

}