/*
container
*/
.wrapper{
	max-width:1080px;
	margin:0 auto;
	padding:1.5em 1em;
}

.grids{
	max-width:1120px;
	clear:both;
	margin:0 0 0 -2.679%;
	list-style:none;
}

/*
----------------------
*/
[class^="grid-"]{
	float: left;
	margin:0 2.679% 0 0;
}
.grids [class^="grid-"]{
	margin:0 0 0 2.679%;
}

.grids-f [class^="grid-"]{
	margin:0 0 0 0.679%;
}

/*
---------------------------
*/

.grid-1{ width:3.571% }
.grid-2{ width:9.821% }
.grid-3{ width:15.9% }/* 16.071% */
.grid-4{ width:22.321% }
.grid-5{ width:28.571% }
.grid-6{width: 32%}
.grid-7{ width:41.071% }
.grid-8{ width:47.321% }
.grid-9{ width:53.571% }
.grid-10{ width:59.821% }
.grid-11{ width:66.071% }
.grid-12{ width:72.321% }
.grid-13{ width:78.571% }
.grid-14{ width:84.821% }
.grid-15{ width:91.071% }
.grid-16{ width:97.321%; margin:0; }