/**
 *  Grid Layout - 12 column grid, 1% gutters
 * -------------------------------------------------------------------- */

/* containers */
.container{margin-left:auto; margin-right:auto}
.nested-container{width:102%; margin-left:-1%}

/* grid units */
.grid12-1,
.grid12-2,
.grid12-3,
.grid12-4,
.grid12-5,
.grid-half, /* alias for half width column */
.grid12-6,
.grid12-7,
.grid12-8,
.grid12-9,
.grid12-10,
.grid12-11,
.grid12-12,
.grid-full, /* alias for full width column */
/* special grid units */
.grid-col2-sidebar,
.grid-col2-main{display:inline; float:left; margin-left:1%; margin-right:1%;  -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;  box-sizing:border-box}

/* grid widths */
.grid12-1{width:6.33%}
.grid12-2{width:14.66%}
.grid12-3{width:23%}
.grid12-4{width:31.33%}
.grid12-5{width:39.67%}
.grid-half,
.grid12-6{width:48%}
.grid12-7{width:56.33%}
.grid12-8{width:64.67%}
.grid12-9{width:73%}
.grid12-10{width:81.33%}
.grid12-11{width:89.67%}
.grid12-12,
.grid-full{width:98%!important;}

/* gutters (2 x margin) */
.gutter2x { margin-left:2%; margin-right:2%;}

/* grid units without left margin */
.no-margin-left.grid12-1{margin-left:0; width:7.33%}
.no-margin-left.grid12-2{margin-left:0; width:15.66%}
.no-margin-left.grid12-3{margin-left:0; width:24%}
.no-margin-left.grid12-4{margin-left:0; width:32.33%}
.no-margin-left.grid12-5{margin-left:0; width:40.67%}
.no-margin-left.grid-half,
.no-margin-left.grid12-6{margin-left:0; width:49%}
.no-margin-left.grid12-7{margin-left:0; width:57.33%}
.no-margin-left.grid12-8{margin-left:0; width:65.67%}
.no-margin-left.grid12-9{margin-left:0; width:74%}
.no-margin-left.grid12-10{margin-left:0; width:82.33%}
.no-margin-left.grid12-11{margin-left:0; width:90.67%}
.no-margin-left.grid12-12,
.no-margin-left.grid-full{margin-left:0; width:99%!important;}

/* grid units without right margin */
.no-margin-right.grid12-1{margin-right:0; width:7.33%}
.no-margin-right.grid12-2{margin-right:0; width:15.66%}
.no-margin-right.grid12-3{margin-right:0; width:24%}
.no-margin-right.grid12-4{margin-right:0; width:32.33%}
.no-margin-right.grid12-5{margin-right:0; width:40.67%}
.no-margin-right.grid-half,
.no-margin-right.grid12-6{margin-right:0; width:49%}
.no-margin-right.grid12-7{margin-right:0; width:57.33%}
.no-margin-right.grid12-8{margin-right:0; width:65.67%}
.no-margin-right.grid12-9{margin-right:0; width:74%}
.no-margin-right.grid12-10{margin-right:0; width:82.33%}
.no-margin-right.grid12-11{margin-right:0; width:90.67%}
.no-margin-right.grid12-12,
.no-margin-right.grid-full{margin-right:0; width:99%!important;}

/* grid units without margins */
.no-margins.grid12-1{margin-left:0; margin-right:0; width:8.33%}
.no-margins.grid12-2{margin-left:0; margin-right:0; width:16.66%}
.no-margins.grid12-3{margin-left:0; margin-right:0; width:25%}
.no-margins.grid12-4{margin-left:0; margin-right:0; width:33.33%}
.no-margins.grid12-5{margin-left:0; margin-right:0; width:41.67%}
.no-margins.grid-half,
.no-margins.grid12-6{margin-left:0; margin-right:0; width:50%}
.no-margins.grid12-7{margin-left:0; margin-right:0; width:58.33%}
.no-margins.grid12-8{margin-left:0; margin-right:0; width:66.67%}
.no-margins.grid12-9{margin-left:0; margin-right:0; width:75%}
.no-margins.grid12-10{margin-left:0; margin-right:0; width:83.33%}
.no-margins.grid12-11{margin-left:0; margin-right:0; width:91.67%}
.no-margins.grid12-12,
.no-margins.grid-full{margin-left:0; margin-right:0; width:100%!important;}

/* block indents */
.grid12-indent-1 {margin-left: 8.33%;}
.grid12-indent-2 {margin-left: 16.66%;}
.grid12-indent-3 {margin-left: 25%;}
.grid12-indent-4 {margin-left: 33.33%;}
.grid12-indent-5 {margin-left: 41.67%;}
.grid12-indent-6 {margin-left: 50%;}
.grid12-indent-7 {margin-left: 58.33%;}
.grid12-indent-8 {margin-left: 66.67%;}
.grid12-indent-9 {margin-left: 75%;}
.grid12-indent-10 {margin-left: 83.33%;}
.grid12-indent-11 {margin-left: 91.67%;}

/* grid units Columns 3 Layout */
.grid-col3-main .grid12-1,
.grid-col3-main .grid12-2,
.grid-col3-main .grid12-3,
.grid-col3-main .grid12-4,
.grid-col3-main .grid12-5,
.grid-col3-main .grid-half,
.grid-col3-main .grid12-6,
.grid-col3-main .grid12-7,
.grid-col3-main .grid12-8,
.grid-col3-main .grid12-9,
.grid-col3-main .grid12-10,
.grid-col3-main .grid12-11,
.grid-col3-main .grid12-12,
.grid-col3-main .grid-full{margin-left:0; margin-right:0; width:100%!important;}

/* special grid units
-------------------------------------------------------------- */
.grid-col2-sidebar{width:23%}
.grid-col2-main{width:73%}
.grid-col3-sidebar{width:31.52%}
.grid-col3-main{width:65.90%}

/* vertically aligned grid
-------------------------------------------------------------- */
.v-grid-container{display:table; width:100%}
.v-grid{float:none; display:table-cell; vertical-align:middle}

/* grid >> children (Alpha ~ First, Omega ~ Last) */
.alpha{margin-left:0}
.omega{margin-right:0}

/* hide */
.hide-below-1680{display:none !important}
.hide-below-1440{display:none !important}
.hide-below-1360{display:none !important}
.hide-below-1280{display:none !important}

/* clear floats
-------------------------------------------------------------- */
.grid-container{*zoom:1; clear:both}
.grid-container:before,
.grid-container:after{display:table; line-height:0; content:""}
.grid-container:after{clear:both}

/* Products Grid */
.itemsgrid .item{ float:left;  margin-left:1%;  margin-right:1%;  margin-top:20px;  -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;  box-sizing:border-box}

/* items cols */
.items-1col .item{width:98%}
.items-2col .item{width:48%}
.items-2col .item:nth-child(2n+1){clear:left}
.items-3col .item{width:31.3333%}
.items-3col .item:nth-child(3n+1){clear:left}
.items-4col .item{width:23%}
.items-4col .item:nth-child(4n+1){clear:left}
.items-4col .item.dop{width:48%}
.items-5col .item{width:18%}
.items-5col .item:nth-child(5n+1){clear:left}
.items-6col .item{width:14.6666%}
.items-6col .item:nth-child(6n+1){clear:left}
.items-7col .item{width:12.2857%}
.items-7col .item:nth-child(7n+1){clear:left}
.items-8col .item{width:10.5%}
.items-8col .item:nth-child(8n+1){clear:left}