/* wrapper */

.wrapper {
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

.wrapper--static {
	position: static;
}

.wrapper--1 {
	background-color: #ebebeb;
	height: 200px;
	overflow: hidden;
}

.wrapper--2 {
	height: 200px;

}

.wrapper--2 .grid-info {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	height: 200px;
}

/* grid-info */

.dev--grid {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1000000;
	pointer-events: none;
	display: none;
}

.dev--grid.active {
	display: block;
}

.grid-info {
	opacity: 0.3;
	background: url(img/grid-line.png) repeat;
	background-size: 10px;
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	height: 8000px;
}

.grid-info-col {
	background-color: red;
	width: 55px;
	margin-right: 40px;
	height: 100%;
	float: left;
	opacity: 0.5;
}

.grid-info-col:last-of-type {
	margin-right: 0;
}

/* grid */

.grid {
	position: static;
	float: left;
	margin-right: 40px;
}

.grid--b {
	background-color: #eee;
	font: 11px Consolas, Menlo, Monaco, Lucida;
	text-transform: lowercase;
	padding: 5px;
	color: #666;
	box-sizing: border-box;
	margin-bottom: 20px;
}

.grid--2 {
	width: 150px;
}

.grid--3 {
	width: 245px;
}

.grid--4 {
	width: 340px;
}

.grid--4-b {
	width: 360px;
	margin-right: 0;
}

.grid--5 {
	width: 435px;
}

.grid--6 {
	width: 530px;
}

.grid--6-b {
	margin-right: 0;
	width: 550px;
}

.grid--7 {
	width: 625px;
}

.grid--8 {
	width: 720px;
}

.grid--9 {
	width: 815px;
	background-color: yellow;
}

.grid--10 {
	width: 910px;
}

.push--1 {
	margin-left: 95px;
}

.push--2 {
	margin-left: 190px;
}

.push--3 {
	margin-left: 284px;
}

.push--4 {
	margin-left: 384px;
}

.push--5 {
	margin-left: 384px;
}

.push--9 {
	margin-left: 760px;
}

.pull--1 {
	margin-left: -95px;
}

.pull--2 {
	margin-left: -285px;
}

.pull--3 {
	margin-left: -380px;
}

.pull--w {
	padding-left: 50px;
}

.abs {
	position: absolute;
}

.abs--1 {
	margin-top: 50px;
	left: 0;
}

.grid--last {
	margin-right: 0;
}

.grid--border {
	border-bottom: 1px solid #ccc;
	height: 100%;
}

.grid--marge--bottom {
	margin-bottom: 20px;
}