@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{
	text-decoration:none;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#363636;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}

/*Links */
a, a:after, a:before,
button, button:after, button:before {
	text-decoration:none;
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
		 -o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
 }
a:visited,a:link { color: inherit; }
a:hover,a:active { opacity:0.5; }

/* Custom CSS
 * --------------------------------------- */
body{
	color: #363636;
	font-family: 'signikalight';
}
.wrap{
	margin-left: auto;
	margin-right: auto;
	max-width: 960px;
	width:100%;
	position: relative;
	padding-top:120px;
}

p{	font-size: 1em;margin-bottom:15px;line-height:1.5;	}
h1{	font-size: 3em;	}
h2{	font-size: 2em;	}
h3{	font-size: 1.5em;	}

@font-face {
    font-family: 'signikabold';
    src: url('font/Signika-Bold-webfont.eot');
    src: url('font/Signika-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Signika-Bold-webfont.woff2') format('woff2'),
         url('font/Signika-Bold-webfont.woff') format('woff'),
         url('font/Signika-Bold-webfont.ttf') format('truetype'),
         url('font/Signika-Bold-webfont.svg#signikabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'signikaregular';
    src: url('font/Signika-Regular-webfont.eot');
    src: url('font/Signika-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Signika-Regular-webfont.woff2') format('woff2'),
         url('font/Signika-Regular-webfont.woff') format('woff'),
         url('font/Signika-Regular-webfont.ttf') format('truetype'),
         url('font/Signika-Regular-webfont.svg#signikaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'signikasemibold';
    src: url('font/Signika-Semibold-webfont.eot');
    src: url('font/Signika-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Signika-Semibold-webfont.woff') format('woff'),
         url('font/Signika-Semibold-webfont.ttf') format('truetype'),
         url('font/Signika-Semibold-webfont.svg#signikasemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'signikalight';
    src: url('font/Signika-Light-webfont.eot');
    src: url('font/Signika-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Signika-Light-webfont.woff2') format('woff2'),
         url('font/Signika-Light-webfont.woff') format('woff'),
         url('font/Signika-Light-webfont.ttf') format('truetype'),
         url('font/Signika-Light-webfont.svg#signikalight') format('svg');
    font-weight: normal;
    font-style: normal;
}

.mobileHeader{
	display:none;
}
/* =============================================================================
	Non-Symentic Class
	 ========================================================================== */

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Contain Floats */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}
a img,img{border:none;}
/* Selection */
::-moz-selection { background: rgba(91,186,70,.8); color: #fff; text-shadow: none; }
::selection { background: rgba(91,186,70,.8); color: #fff; text-shadow: none; }

.mobileHeading{display:none;}
/* Header */
header{
	position:absolute;
	top:0;
	width:100%;
	z-index:100;
}
header .wrap{
	padding-top:0;
}
.subMenu{
	margin-top:15px;
	text-align:center;	
}

.subMenu li{
	display:inline-block;
	color:#fff;
	border-bottom:solid 2px transparent;
	vertical-align: middle;
	margin:0 9px;
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
		 -o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
}
.subMenu li:first-child{
	margin-left:0;
}
.subMenu li:last-child{
	margin-right:0;
}
.subMenu li a{
	display:block;
	color:inherit;
	padding:10px;
}
.subMenu li.active{
	border-bottom:solid 2px #585f54;
}
.subMenu li.dark{
	color:#585f54;
}
.homeLogo{
	background:url(../images/logoLight.png) center center no-repeat;
	width:150px;
	height:70px;
	border:none !important;
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
		 -o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
}
.homeLogo.dark{
	background:url(../images/logoDark.png) center center no-repeat;
}
.homeLogo a{
	height:70px;
}
/* Main Content */
h2{
	color:#a790c4;
	margin-bottom:15px;
	text-transform:uppercase;
}
h3{
	font-family: 'signikasemibold';
	font-size:1.2em;
	margin-bottom:20px;
	text-transform:uppercase;
}
p{
	margin-bottom:30px;
}


/* Section 1 | Home Page */ 
.section{
	background:url(../images/bg/bg.png) center center no-repeat;
	position:relative;
	background-size:100%;
}
.homeSection{
	background:url(../images/bg/homeBg.jpg) bottom center no-repeat;
	background-size:cover;
}
.homeSection h1{
	color: #fff;
	position: absolute;
	top: 25%;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto auto;
	height: 77px;
	font-size: 4.5em;
	text-align: center;
	font-family: 'signikabold';
	text-shadow: 2px 1px 15px rgba(0, 0, 0, 0.1);
}
.scroll{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:auto auto;
	text-align:center;
	color:#fff;
	margin-bottom:30px;
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
	animation-delay: 2s;
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
		 -o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
}
.scroll span{
	display:block;
	margin:0 auto;
	text-align:center;
}

@keyframes bounce{
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0);
  	}40% {
		-webkit-transform: translateY(-30px);
 	}60% {
    	-webkit-transform: translateY(-15px);
  	}
}
@-webkit-keyframes bounce{
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0);
  	}40% {
		-webkit-transform: translateY(-30px);
 	}60% {
    	-webkit-transform: translateY(-15px);
  	}
}

.aboutSection .wrap,.missionVission .wrap{
	text-align:center;
}
.missionVission .wrap{
	padding-top:200px;
	max-width:800px;
}
/* About Section */
.aboutSection:before , .missionVission:before,.testimonialsSection:before{
	background:url(../images/aboutBefore.png) center top no-repeat;
	width:100%;
	top:0;
	position:absolute;
	height:18px;
	content:'';
	background-size:100%;
}
.aboutSection h2{
	margin-bottom:15px;
}
.aboutSection p{
	margin-bottom:8px;
	text-align:justify;
}

.slider-for article,.up-slider-for article{
	max-width:400px;
	margin:0 auto;
}
.slider-for div,.up-slider-for div{
	vertical-align:top;
}
.slider-for h2,.up-slider-for h2{
	font-size:1.5em;
}

/* Past Project Section */
.pastSection:before,.upcomingProjects:before ,.contactSection:before{
	background:url(../images/pastBefore.png) center top no-repeat;
	width:100%;
	top:0;
	position:absolute;
	height:18px;
	content:'';
	background-size:100%;
}
.pastSection h4,.upcomingProjects p{
	font-size:1.2em;
}
.pastSection p,.upcomingProjects p{
	margin-bottom:0px;
	font-size:0.9em;
}
.slider-nav img,.up-slider-nav img{
	width:100%;
	padding:0 10px;
	margin:0 auto;
	display:table-cell;
	vertical-align:middle;
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
		 -o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.slick-slide img,.up-slick-slide img{
	filter:grayscale(100%);
	-webkit-filter:grayscale(100%);
	opacity:0.2;
}
.slick-active.slick-center img,.up-slick-active.slick-center img{
	filter:grayscale(0%);
	-webkit-filter:grayscale(0%);
	opacity:1;
}
.location{
	background:url(../images/location.png) center left no-repeat;
	padding-left:20px;
	margin:8px 0 !important;
}
/* Upcoming Projects Section */

/* Vision And Mission Section */

/* Testimonials Section */
.testimonialsSection h2:first-child{
	text-align:center;
}
.testimonialsSection .wrap{
	padding-top:150px;
}
.testimonialsList{

}
.testimonialsList li{
	display:inline-block;
	width:30%;
	text-align:left;
	vertical-align:top;
	margin-left:25px;
}
.testimonialsList img{
	display:block;
	margin:10px auto;
	width:125px;
	height:auto;
	border-radius:50%;
	border:solid 1px #fff;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(193,193,193,1);
	-moz-box-shadow: 2px 2px 2px 0px rgba(193,193,193,1);
	box-shadow: 2px 2px 2px 0px rgba(193,193,193,1);
}
.testimonialsList p{
}
.testimonialsList h2{
	font-size:1.2em;
	margin-bottom:3px;
}
.testimonialsList h4{
	font-size:1em;
	color:#a5a7a7;
}
/* Contact Us Section */
.column{
	padding-top:100px;
	width:100%;
	float:left;
}
.oneForthDiv{
	width:25%;
	float:left;
}
.twoForthDiv{
	width:50%;
	float:left;
}
.oneHalfDiv{
	width:50%;
	float:left;
}
.twoForthDiv img,.oneHalfDiv img{
	width:100%;
}
.oneHalfDiv div{
	padding-right:50px;
	box-sizing:border-box;
}

#map{
	width:100%;
	height:250px;
}
.contactFormContainer{
	background:url(../images/contactBg.png) center bottom no-repeat;
	position:absolute;
	bottom:0;
	width:100%;
	background-size:100%;
}
.contactFormContainer .wrap{
	padding-top:50px;
}
.formFields{
	margin-bottom:20px;
}
.formFields li{
	display:inline-block;
	width:26.6%;
	vertical-align: bottom;
	margin-right:35px;
}
.formFields li:last-child{
	display:inline-block;
	width:37px;
}
.fieldStyle{
	display:block;
	width:100%;
	background:none;
	border:none;
	border-bottom:solid 1px #222;
	padding:10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.contactForm input[type=button]{
	background:#585f54;
	color:#e5e965;
	padding:13px;
	border:solid 1px #585f54;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	font-size:10px;	
	cursor:pointer;
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
		 -o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
}
.contactForm input[type=button]:hover{
	background:transparent;
	color:#585f54;
	padding:13px;
	border:solid 1px #585f54;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	font-size:10px;	
}
.contactSection p{
	font-size:0.9em;
}
#errorMsg{
	color:red;
	margin-bottom:0;
}
.contactFormSucess,.contactFormFailer{
	display:none;
}
::-webkit-input-placeholder {
   color: #585f54;
}
:-moz-placeholder { /* Firefox 18- */
   color: #585f54;  
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #585f54;  
}
:-ms-input-placeholder {  
   color: #585f54;  
}

@media all and(min-width:1800px)
{
}
@media all and (min-width : 1360px)
{
}	
@media all and (min-width : 1200px)
{
}
@media all and (max-width : 1024px) and (min-width: 787px)
{
	body{
		font-size:90%;
	}
	.fp-tableCell .wrap{
		padding-top:150px;
	}
}

@media all and (max-width : 800px) and (min-width: 620px){
	.subMenu li{margin:0;}
	.subMenu li a{padding:5px;font-size:13px;}
	.testimonialsList li{width:28%;}
	.formFields li{width:23%;}
	.wrap{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:20px;padding-top:180px;}
}
@media all and (min-width: 620px) and (max-width: 1201px){
	.aboutSection p{
		font-size:0.9em;
	}
}

/*screen resolutions lower than 620px*/
@media all and (max-width: 620px){
	.mobileHeading{display:block;text-align:center;font-size:25px;padding-top:80px;  color: #a790c4;
  text-transform: uppercase;}
	.desktopHeader{display:none;}
	.mobileMenu .homeLogo{display:none;}
	.mobileHeader{display:block;position:fixed;top:0;left:0;width:100%;background:rgba(0,0,0,0.5);padding:5px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
	.menuBtn{display:block;width:40px;padding:8px 30px;}
	.menuBtn li{display:block;width:100%;height:2px;background:#fff;margin:10px 0;}
	.mobileMenu{height:0;position:absolute;top:80px;left:0;display:block;width:100%;background:rgba(0,0,0,0.5);overflow:hidden;-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
		 -o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;}
	.mobileMenu.active{height:228px;}
	.mobileMenu li{display:block;border-bottom:solid 1px #fff;}
	.mobileMenu li a{display:block;padding:10px;color:#fff;}
	.wrap{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:20px !important;}
	
	.homeSection h1{display:block;width:100%;font-size:40px;}
	.testimonialsList li{width:100%;margin:0;}
	
	.oneForthDiv,.twoForthDiv{
		width:100%;
		float:none;
	}
	.column{padding-top:20px;}
	#map{margin-bottom:20px;}
	.contactFormContainer{position:relative;}
	.contactSection .leave{padding-top:20px;font-size:20px;margin-bottom:0px;}
	.formFields li{float:none;width:100%;margin-bottom:10px;}
	
	.aboutSection h2{padding-top:80px;}
	.missionVission .wrap,.testimonialsSection h2:first-child{padding-top:80px !important;}
}