html, body,
#main{
	min-height:100%;
	height:100vh;
	overflow:hidden;
	
	
}
.col_1,
.col_2,
.col_3{
	float:left;
	overflow:scroll;
	position:relative;
	height:100%;
}
	.col_1,
	.col_3{
		background:#fff;
		z-index:10;
	}
.wrapper{
	position:relative;
}

.col_1{
	width:25%;
}


.col_2{
	width:50%;	
}


.col_3{
	width:25%;
	
}

	.col_1,
	.col_2,
	.col_3{
		height:100vh;
	}
	
	/**/
	.col_2 #header{
		position:relative;
	}
	
	.locked{
		/*
		position:fixed;
		top:0;
		left:0;
		display:block;
		*/
		z-index:9;
		
	 }
	 
	 .scrollbox{
		z-index:0 !important;
	 	height:100vh;
		width:100vw;
		float:left;
		overflow:scroll;
		position:relative;
	 }
		
		/*
		.locked + div{
			margin-top:55px;
		}
		*/
	.red{
		position:fixed;
		z-index:2;
		
	}
		
	.green{
		position:relative;
	}
.nav{
	text-transform:uppercase;
	top:0;
	background:#fff;
	font-size:0.8em;
	width:100%;
	float:left;
	
}
	.nav .left,
	.nav .left .tabs{
		float:left;
		text-align:left;
	}
	.nav .right,
	.nav .right .tabs{
		float:right;
		text-align:right;
	}
	.nav .center{
		margin:0 auto;
		width:75px;
		text-align:center;
		
	}
	.nav .left,
	.nav .right{
		width:auto;
	}
	
.nav_bottom{
	width:100%;
	border:1px solid #fff;
	height:300px;
	float:left;
}
.logo_main,
.tabs,
.hello{
	width:auto;
	
}
	.hello,
	.logo_main{
		float:left;
		line-height:45px;
		vertical-align:middle;
	}
	.logo_main img{
		width:75px;
	}
	.mobile_bar{
		margin:0 10px;
		line-height:55px;
		float:left;
		display:none;
	}
	.mobile_bar a{
		width:auto;
	}
.tabs ul,
.tabs li{
	list-style:none;	
}
	.tabs li{
		line-height:55px;
		float:left;
		margin:0 10px;
	}
.menu{
	text-transform:uppercase;
}
	.menu .handle{
		padding:20px;
		border-bottom:1px solid #555;
		background:#3f3f3f;
	}
	.menu ul, 
	.menu li{
		list-style:none;
	}
		.menu ul{
			
		}
		.menu li{
			padding:20px;
			overflow:auto;		
			border-bottom:1px solid #555;
		}
	
	.menu .handle + ul{
		display:none;
	}
	
	.menu .handle:hover + ul,
	.menu ul:hover {
		display:block;
	}
	/**/
	
	
.search{
	width:100%;
	float:left;
	background:#c0c0c0;
	color:#fff;
	position:relative;
	display:none;
	z-index:11;
	
}
	.search .close{
		position:absolute;
		font-size:3.0em;
		top:0;
		right:0;
		padding:15px;
	}
	
	
	.col_1 .close{
		position:absolute;
		font-size:20px;
		top:0;
		right:0;
		padding:15px 20px;
	}
	.col_3 .close{
		position:absolute;
		font-size:20px;
		top:0;
		left:0;
		padding:15px 20px;
	}
/*
SPREAD
*/
#spread{
	width:150vw;
	margin-left:-25vw;
	margin-right:-25vw;
}
#spread .col_1{
	width:25vw;
}

#spread .col_2{
	width:100vw;
	
}

#spread .col_3{
	width:25vw;
}