/* ---------Single Page Website CSS----------*/
@font-face {
    font-family:"Nexa Bold";
    src: local(Nexa Bold), url("../fonts/Nexa Bold.otf") format('opentype');
}

@font-face {
    font-family:"Nexa Light";
    src: local(Nexa Light), url("../fonts/Nexa Light.otf") format('opentype');
}
	

#page-wrap{ margin: 0px auto;
			position:relative;
			width:1440px;
			}




body {
	background-image:url(../images/mochaGrunge.png); 
	margin: 0px auto; 
	}
	
#logo{
	float:left;
	padding-left:20px;
	padding-bottom:20px;
	padding-top:20px;
}

#header {
	position:fixed;
	top:0px;
	margin-bottom:70px;
	background:#39647f; 
	height:70px; 
	width:1440px;
	z-index: 1000;
	}

nav {
	word-spacing:20px;
	height:70px;
	float:right;
	padding-top:35px;
	padding-bottom:20px;
	padding-right:20px;
	font-family:"Nexa Bold";
}
	
#page1 {
	height:570px;
	width:1440px;
	background:#999;
	}
	
#page2 {
	height:auto;
	overflow:auto;
	width:1440px;
	background:#cdd3d4;
	}
	
#page3 {
	height:auto;
	overflow:auto;
	width:1440px;
	background:#849c57;
	}
	
#page4 {
	height:auto;
	overflow:auto;
	width:1440px;
	background:#efebe2;
	}
	
#page5 {
	height:auto;
	overflow:auto;
	width:1440px;
	background:#6b665d;
	}
	
#page6 {
	height:auto;
	overflow:auto;
	width:1440px;
	background-image:url(../images/contatctbg.jpg);
	}
	
#footer{
	width:1440px;
	height:auto;
	overflow:auto;
	background:#39647f;
	padding:70px 0px 40px 0px;
}
	
.tab{
	float:left;
	top:0px;
	z-index:9998;
	padding-left:20px;
}

.arrow{
	float:left;
	padding-left:10px;
	top:0px;
	z-index:9998;
}

#map{
	z-index:9997:
}

#cost{
	padding:50px 0px 50px 120px;
	z-index:9000;
}

#concept{
	padding:50px 0px 50px 120px;
	z-index: 9000;
}

#join{
	padding:0px 0px 85px 120px;
}

#left{
	float:left;
	width:460px;
	padding-top:30px;
	padding-bottom:30px;
	padding-left:280px;
}

#right{
	width:480px;
	color:#fff;
	font-family:"Nexa Bold";
	float:right;
	padding-top:70px;
	padding-right:200px;
}

.coworkers{
	width:180px;
	padding-top:50px;
	padding-bottom:70px;
	float:left;
	color:#FFF;
	font-family:"Nexa Light";
	font-size:16px;
	text-align:center;
}


.cwtag{
	width:1440;
	height:50px;
}

.cwlogos{
	padding:15px;
}


a.anchor{
	display: block; 
	position: relative; 
	top: -70px; 
	visibility: hidden;
}

a { color:white; text-decoration:none;
}
	
a:hover { text-decoration:underline;
		  color:rgba(255,255,255,0.8);
		  }
		  
.socialmedia{
	padding-top:16px;
}

.footdiv{
	float:left;
	width:360px;
	font-family:"Nexa Bold";
	color:#FFF;
	padding-bottom:20px;
}

#icon{
	font-size:36px;
	padding-top:20px;
	
}

#insta{
	padding-top:20px;
}

/*------------ FORM START ------------------*/
	
form,input,select,textarea{margin:0; padding:0; color:#ffffff;}

.box{
	font-family:"Nexa Light";
}

div.box {
margin:14px auto;
width:500px;
background:#39647F;
position:relative;
border-radius:15px;
}

div.box h1 { 
color:#ffffff;
font-size:18px;
padding:20px 5px 5px 5px; 
}

div.box label {
width:100%;
display: block;
background:#cdd3d4;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
padding:10px 0 10px 0;
}

div.box label span {
display: block;
color:#39647f;
font-size:14px;
float:left;
width:100px;
text-align:right;
padding:5px 20px 0 0;
}

div.box .input_text {
padding:10px 10px;
width:200px;
background:#fff;
}

div.box .message{
padding:7px 7px;
width:350px;
background:#fff;
overflow:hidden;
height:150px;
}

div.box .button
{
margin:0 0 10px 0;
padding:4px 7px;
background:#39647f;
border:0px;
position: relative;
top:10px;
left:382px;
width:100px;
border-radius:15px;
}