@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'BebasRegular';
    src: url('font/BEBAS___-webfont.eot');
    src: url('font/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/BEBAS___-webfont.woff') format('woff'),
         url('font/BEBAS___-webfont.ttf') format('truetype'),
         url('font/BEBAS___-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'colaborate_bold';
    src: url('font/ColabBol-webfont.eot');
    src: url('font/ColabBol-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/ColabBol-webfont.woff') format('woff'),
         url('font/ColabBol-webfont.ttf') format('truetype'),
         url('font/ColabBol-webfont.svg#neo_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'colaborate';
    src: url('font/ColabReg-webfont.eot');
    src: url('font/ColabReg-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/ColabReg-webfont.woff') format('woff'),
         url('font/ColabReg-webfont.ttf') format('truetype'),
         url('font/ColabReg-webfont.svg#neo_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}




html,body{
 font-family: 'colaborate';
	height:100%;
    min-height: 100%;
}

#container{
	width:100%;
	height:100%;
    min-height: 100%;
}





.wrapper{
	width:1080px;
	margin:0 auto;
	position: absolute;
	left: 50%;
	
}


#header{
	background-image:url(../images/header-background.png);
	background-repeat:repeat-x;
	position:fixed;
	width: 100%;
	height: 194px;
}

#logo{
	width: 100%;
	margin-top: 10px;
	margin-left: -400px;
	z-index:999999;

}

.contactinfo{
	margin-top: 10px;
	margin-left:150px;
	bottom:57%;
	
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
}

.contactinfotext{
	margin-top: -115px;
	margin-left:205px;
	line-height:35px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
}






	
#slogan{
	position:absolute;
	top: 480px;
	width: 100%;
	margin-top:0;
	}	

#services{
	width: 100%;
	margin-top:0;
	}



.navbar{
	position:fixed;
	z-index:1;
	top:0px;
	background-color: rgba(185,213,49, 0.8);
	width: 100%;
	height:80px;
			}
	

.navlogo{
	position:fixed;
	z-index:3;
	top:30px;
	left: 25%;
			}



.navigation{
	position:fixed;
	z-index:1;
	top:0px;
	width: 100%;
	height:80px;
	left: 65%;
			}
	
	
.navigation li{
	display:inline-block;
	padding: 0 10px;
	padding-top: 15px;
	margin-bottom:2px;
	-webkit-transition: all .2s ease-in-out;
	opacity: 1.0;

}
.navigation li:hover,.active{
	cursor:pointer;
	
	
}
.envatologo{
position:fixed;
top:50%;
left:50%;
width:446px;
margin-top:-41px;
margin-left:-223px;
z-index:1;
}


.logo{
position: absolute;
top:5%;
left:50%;
margin-top:0px;
margin-left:-80px;
z-index:1;
}

.logopart2{
position: absolute;
top:50%;
left:50%;
margin-top:-3%;
margin-left:-100px;
z-index:1;
}

.slogan{
position: absolute;
top:50%;
left:50%;
margin-top:-250px;
margin-left: 120px;
z-index:1;
}

.services{
position: absolute;
top:5%;
left:50%;
margin-top:500px;
margin-left:-300px;
z-index:1;
}



.slide{
	background-attachment: fixed;
	width:100%;
	height:100%;
	position: relative;
}





.slideno{
	position:absolute;
	bottom:0px;
	left:0px;
	font-size:100px;
	font-weight:bold;
	color:rgba(255,255,255,0.3);
}
.button{
	display:block;
	width:70px;
	height:66px;
	position:absolute;
	bottom:0px;
	left:50%;
	background-image:url(../images/arrow.png);
}
.button:hover{
	cursor:pointer;
}

.infocontent{
	font-size:16px;
	text-align: left;
	color: #4d612c;
	left: 42%;
	position:absolute;
	top: 30%;
	
}

.infocontentportfolio{
	font-size:24px;
	text-align: left;
	color: #4d612c;
	left: 30%;
	position:absolute;
	top: 50%;
	
}





/******************************
 SLIDE 1 
*******************************/
#slide1{
	background-image:url(../images/dots_bg_white_10.png);
	background-repeat:repeat;
}







/******************************
 SLIDE 2 
*******************************/
#slide2{
	background-image:url(../images/green_bg_57.png);
	background-repeat:repeat;
	
}
#slide2 img:first-child{
	position:absolute;
top: 700px;
left: -150px;
opacity: 0.2;
}
#slide2 img:nth-child(2){
	position:absolute;
	top:300px;
	left:-300px;
	opacity: 0.3;
}
#slide2 img:nth-child(3){
	position:absolute;
	top:600px;
	left:300px;
	opacity: 0.1;
}
#slide2 img:nth-child(4){
	position:absolute;
	top:400px;
	left:300px;
	opacity: 0.3;
}
#slide2 img:nth-child(5){
	position:absolute;
	top:600px;
	opacity: 0.2;
	}
#slide2 img:nth-child(6){
	position:absolute;
	top:600px;
	right:300px;
	opacity: 0.1;
}
#slide2 img:nth-child(7){
	position:absolute;
	top:100px;
	opacity: 0.3;
	right:100px;
}
#slide2 img:nth-child(8){
	position:absolute;
	top:100px;
	right:1500px;
	opacity: 0.4;
}
#slide2 img:nth-child(9){
	position:absolute;
top: 800px;
left: 200px;
opacity: 0.3;
}


/******************************
 SLIDE 3 
*******************************/
#slide3{
	background-image:url(../images/dots_bg_white_10.png);
	background-repeat:repeat;
	height:1800px;
	z-index:0;
	resize:vertical;
}



/******************************
 SLIDE 4 
*******************************/

#slide4{
	background-image:url(../images/green_bg_57.png);
	background-repeat:repeat;
	
}
#slide4 .parallaxbg{
	position:absolute;
	right:40px;
	top:40px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}

.portfolio{
	position:absolute;
	z-index:1;
	top:10%;
	width: 95%;
	left: 5%;
	right: 5%;
			}
	
	
.portfolio li{
	display:inline-block;
	padding: 0 5px;
	padding-top: 5px;
	margin-bottom:0px;
	

}
.portfolio li:hover,.active{
	cursor:pointer;
	opacity: 0.5;
	
}

.morework{
	position: relative;
	top: 80%;
	left:0%;
	
}

.section-header {
	padding: 20px 0;
}

footer#contact {
		text-align: left;
	padding: 10% 0;
	color: #FBFBFB;
}
	
	#contact .container {
		text-align: left;
		left: 50%;
	}
	
	#contact h2 {
		color: #FBFBFB;
		margin: 0;
		font-size:
	}
	
	#contact h3 {text-align: left;}
	
	#contact a {
		color: #E7CD4D;
	}
	
	#contact h3 {
		color: #6C6C6C;
	}


	#contact .social a {
		font-family: "alternate-gothic-no-1-d";
		text-transform: uppercase;
		font-weight: 400;
		font-size: 1.25em;
		line-height: 1em;
		color: #6C6C6C;
		letter-spacing: 1px;
	}
	
	#contact .social a:hover {
		color: #E7CD4D;
	}
	
	.social-ico {
		padding-right: 10px;
		font-size: 1.25em;
		vertical-align: middle;
		display: inline-block;
	}
	
	#contact .social, #contact .location {
		padding-top: 30px;
	}


.onecol, .twocol, .threecol, .threecol-2, .fourcol, .fourcol-3, .fivecol, .fivecol-2, .fivecol-3, .fivecol-4, .sixcol {	
	width: 97.916666666667%;
	float: left;
	margin: 20px 1.041666666667%;
	height: auto;	
	display: block;
	overflow: hidden;
}
.home-content {
	 position: absolute; 
	 z-index: 2;
	 left:30%;
	 
	  }