/*
	12 Grid
*/

/* WIDTH CALIBRATION
----------------------------------- */

/* fluid */
.container .row { width: 100%; max-width: 105.55em; margin: 0 auto; }
.row:after { content: ''; display: block; clear: both; }

/* grid paddings */
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { padding: 0px 1.5em; }

/* GRID 12 COLUMNS
----------------------------------- */
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	position: relative;
	float: left;
	min-height: 1px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	*behavior: url(ie7/boxsizing.htc);
    width: 100%;
}

@media only screen
and (min-width : 769px) {
    .grid_1 { width: 8.333333333333332%; }
    .grid_2 { width: 16.666666666666664%; }
    .grid_3 { width: 25%; }
    .grid_4 { width: 33.33333333333333%; }
    .grid_5 { width: 41.66666666666667%; }
    .grid_6 { width: 50%; }
    .grid_7 { width: 58.333333333333336%; }
    .grid_8 { width: 66.66666666666666%; }
    .grid_9 { width: 75%; }
    .grid_10 { width: 83.33333333333334%; }
    .grid_11 { width: 91.66666666666666%; }
    .grid_12 { width: 100%; }
}

/* fixs */
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }

/* NO MARGIN GRID
----------------------------------- */
.no-pad-left { padding-left: 0; }
.no-pad-right { padding-right: 0; }

@media only screen
and (min-width : 769px) {
	/* CHANGE POSITION
	----------------------------------- */
	/* right */
	.left-0 { right: 0%; }
	.left-1 { right: 8.33333333%; }
	.left-2 { right: 16.66666667%; }
	.left-3 { right: 25%; }
	.left-4 { right: 33.33333333%; }
	.left-5 { right: 41.66666667%; }
	.left-6 { right: 50%; }
	.left-7 { right: 58.33333333%; }
	.left-8 { right: 66.66666667%; }
	.left-9 { right: 75%; }
	.left-10 { right: 83.33333333%; }
	.left-11 { right: 91.66666667%; }
	.left-12 { right: 100%; }
	/* left */
	.right-0 { left: 0%; }
	.right-1 { left: 8.33333333%; }
	.right-2 { left: 16.66666667%; }
	.right-3 { left: 25%; }
	.right-4 { left: 33.33333333%; }
	.right-5 { left: 41.66666667%; }
	.right-6 { left: 50%; }
	.right-7 { left: 58.33333333%; }
	.right-8 { left: 66.66666667%; }
	.right-9 { left: 75%; }
	.right-10 { left: 83.33333333%; }
	.right-11 { left: 91.66666667%; }
	.right-12 { left: 100%; }

	/* OFFSETS
	----------------------------------- */
	/* left */
	.offset-left-0 { margin-left: 0%; }
	.offset-left-1 { margin-left: 8.33333333%; }
	.offset-left-2 { margin-left: 16.66666667%; }
	.offset-left-3 { margin-left: 25%; }
	.offset-left-4 { margin-left: 33.33333333%; }
	.offset-left-5 { margin-left: 41.66666667%; }
	.offset-left-6 { margin-left: 50%; }
	.offset-left-7 { margin-left: 58.33333333%; }
	.offset-left-8 { margin-left: 66.66666667%; }
	.offset-left-9 { margin-left: 75%; }
	.offset-left-10 { margin-left: 83.33333333%; }
	.offset-left-11 { margin-left: 91.66666667%; }
	.offset-left-12 { margin-left: 100%; }
	/*  right */
	.offset-right-0 { margin-right: 0%; }
	.offset-right-1 { margin-right: 8.33333333%; }
	.offset-right-2 { margin-right: 16.66666667%; }
	.offset-right-3 { margin-right: 25%; }
	.offset-right-4 { margin-right: 33.33333333%; }
	.offset-right-5 { margin-right: 41.66666667%; }
	.offset-right-6 { margin-right: 50%; }
	.offset-right-7 { margin-right: 58.33333333%; }
	.offset-right-8 { margin-right: 66.66666667%; }
	.offset-right-9 { margin-right: 75%; }
	.offset-right-10 { margin-right: 83.33333333%; }
	.offset-right-11 { margin-right: 91.66666667%; }
	.offset-right-12 { margin-right: 100%; }
}