*:after, *:before{	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box;}
.clearfix { display: block; }
.clearfix:after { clear: both; content: "."; display: block; height: 1px; visibility: hidden;}

.marLeRg { margin-left:0 !important; margin-right:0px !important;}
.marRg {  margin-right:0px !important;}
.container { width:100%; margin:0 auto; max-width:1040px; }
.grid_8_offset { margin-left: 68.666% !important; }


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 { margin-left: 2%; margin-right: 2%;	float: left; display: block; }

@media only screen and (min-width: 770px) {
.grid_1 { width: 4.333%; }
.grid_2 { width: 12.666%; }
.grid_3 { width: 21%; }
.grid_4 { width: 29.333%; }
.grid_5 { width: 37.666%; }
.grid_6 { width: 46%; }
.grid_7 { width: 54.333%; }
.grid_8 { width: 62.666%; }
.grid_9 { width: 71%; }
.grid_10 { width: 79.333%; }
.grid_11 { width: 87.666%; }
.grid_12 { width: 96%; }
}
@media only screen and (max-width: 769px) {
.grid_1 { width: 96%; }
.grid_2 { width: 96%; }
.grid_3 { width: 96%; }
.grid_4 { width: 96%; }
.grid_5 { width: 96%; }
.grid_6 { width: 96%; }
.grid_7 { width: 96%; }
.grid_8 { width: 96%; }
.grid_9 { width: 96%; }
.grid_10 { width: 96%; }
.grid_11 { width: 96%; }
.grid_12 { width: 96%; }
}