/*------------------------------------------------------------------------------*/
/* Grid System 															        */
/*------------------------------------------------------------------------------*/

/* ------------------------------------------------------------------------- *
 *  Layout Breakpoints
/* ------------------------------------------------------------------------- */ 
/*
	Large: 769px and above
	Medium: 481px - 768px
	Small: 0px to 480px
*/



/* Rows */

.row {
  width:auto;
}

.row:before,
.row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.pad-1 {padding: 8px;} 

/* Equal Height Columns */

.grid-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-box-wrap: wrap;
  -webkit-box-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flexbox-wrap: wrap;
  -ms-flex-wrap: wrap;
flex-wrap: wrap; }

/* Grid */

.grid, .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: 0;
    clear: none;
    float: left; 
	position: relative;
}

.grid-1 {width:8.33333333333%;}
.grid-2 {width:16.6666666667%;}
.grid-3 {width:25.0%;}
.grid-4 {width:33.3333333333%;}
.grid-5 {width:41.6666666667%;}
.grid-6 {width:50.0%;}
.grid-7 {width:58.3333333333%;}
.grid-8 {width:66.6666666667%;}
.grid-9 {width:75.0%;}
.grid-10 {width:83.3333333333%;}
.grid-11 {width:91.6666666667%;}
.grid-12 {margin-left:0;width:100%;}

.offset-0 {margin-left: 0;}
.offset-1 {margin-left: 8.33333333333%;}
.offset-2 {margin-left: 16.6666666667%;}
.offset-3 {margin-left: 25%;}
.offset-4 {margin-left: 33.3333333333%;}
.offset-5 {margin-left: 41.6666666667%;}
.offset-6 {margin-left: 50%;}
.offset-7 {margin-left: 58.3333333333%;}
.offset-8 {margin-left: 66.6666666667%;}
.offset-9 {margin-left: 75%;}
.offset-10 {margin-left: 83.3333333333%;}
.offset-11 {margin-left: 91.6666666667%;}
.offset-12 {margin-left: 100% }

.pull-0 {right: auto;}
.pull-1 {right: 8.33333333333%;}
.pull-2 {right: 16.6666666667%;}
.pull-3 {right: 25%;}
.pull-4 {right: 33.3333333333%;}
.pull-5 {right: 41.6666666667%;}
.pull-6 {right: 50%;}
.pull-7 { right: 58.3333333333%;}
.pull-8 {right: 66.6666666667%;}
.pull-9 {right: 75%;}
.pull-10 {right: 83.3333333333%;}
.pull-11 {right: 91.6666666667%;}
.pull-12 {right: 100%;}

.push-0 {left: auto;}
.push-1 {left: 8.33333333333%;}
.push-2 {left: 16.6666666667%;}
.push-3 {left: 25%;}
.push-4 {left: 33.3333333333%;}
.push-5 {left: 41.6666666667%;}
.push-6 {left: 50%;}
.push-7 {left: 58.3333333333%;}
.push-8 {left: 66.6666666667%;}
.push-9 {left: 75%;}
.push-10 {left: 83.3333333333%;}
.push-11 {left: 91.6666666667%;}
.push-12 {left: 100%;}



@media (max-width: 480px) {

.s-grid, .s-grid-1, .s-grid-2, .s-grid-3, .s-grid-4, .s-grid-5, .s-grid-6, .s-grid-7, .s-grid-8, .s-grid-9, .s-grid-10, .s-grid-11, .s-grid-12 {
    margin: 0;
    clear: none;
    float: left; 
	position: relative;
}	
	
.s-grid-1 {width:8.33333333333%;}
.s-grid-2 {width:16.6666666667%;}
.s-grid-3 {width:25.0%;}
.s-grid-4 {width:33.3333333333%;}
.s-grid-5 {width:41.6666666667%;}
.s-grid-6 {width:50.0%;}
.s-grid-7 {width:58.3333333333%;}
.s-grid-8 {width:66.6666666667%;}
.s-grid-9 {width:75.0%;}
.s-grid-10 {width:83.3333333333%;}
.s-grid-11 {width:91.6666666667%;}
.s-grid-12 {margin-left:0;width:100%;}

.s-offset-0 {margin-left: 0;}
.s-offset-1 {margin-left: 8.33333333333%;}
.s-offset-2 {margin-left: 16.6666666667%;}
.s-offset-3 {margin-left: 25%;}
.s-offset-4 {margin-left: 33.3333333333%;}
.s-offset-5 {margin-left: 41.6666666667%;}
.s-offset-6 {margin-left: 50%;}
.s-offset-7 {margin-left: 58.3333333333%;}
.s-offset-8 {margin-left: 66.6666666667%;}
.s-offset-9 {margin-left: 75%;}
.s-offset-10 {margin-left: 83.3333333333%;}
.s-offset-11 {margin-left: 91.6666666667%;}
.s-offset-12 {margin-left: 100% }	

.s-pull-0 {right: auto;}
.s-pull-1 {right: 8.33333333333%;}
.s-pull-2 {right: 16.6666666667%;}
.s-pull-3 {right: 25%;}
.s-pull-4 {right: 33.3333333333%;}
.s-pull-5 {right: 41.6666666667%;}
.s-pull-6 {right: 50%;}
.s-pull-7 { right: 58.3333333333%;}
.s-pull-8 {right: 66.6666666667%;}
.s-pull-9 {right: 75%;}
.s-pull-10 {right: 83.3333333333%;}
.s-pull-11 {right: 91.6666666667%;}
.s-pull-12 {right: 100%;}
	
.s-push-0 {left: auto;}
.s-push-1 {left: 8.33333333333%;}
.s-push-2 {left: 16.6666666667%;}
.s-push-3 {left: 25%;}
.s-push-4 {left: 33.3333333333%;}
.s-push-5 { left: 41.6666666667%;}
.s-push-6 {left: 50%;}
.s-push-7 {left: 58.3333333333%;}
.s-push-8 {left: 66.6666666667%;}
.s-push-9 {left: 75%;}
.s-push-10 {left: 83.3333333333%;}
.s-push-11 {left: 91.6666666667%;}
.s-push-12 {left: 100%;}	
		
}


@media (min-width: 481px) and (max-width: 768px) {

.m-grid, .m-grid-1, .m-grid-2, .m-grid-3, .m-grid-4, .m-grid-5, .m-grid-6, .m-grid-7, .m-grid-8, .m-grid-9, .m-grid-10, .m-grid-11, .m-grid-12 {
    margin: 0;
    clear: none;
    float: left; 
	position: relative;
}	
	
.m-grid-1 {width:8.33333333333%;}
.m-grid-2 {width:16.6666666667%;}
.m-grid-3 {width:25.0%;}
.m-grid-4 {width:33.3333333333%;}
.m-grid-5 {width:41.6666666667%;}
.m-grid-6 {width:50.0%;}
.m-grid-7 {width:58.3333333333%;}
.m-grid-8 {width:66.6666666667%;}
.m-grid-9 {width:75.0%;}
.m-grid-10 {width:83.3333333333%;}
.m-grid-11 {width:91.6666666667%;}
.m-grid-12 {margin-left:0;width:100%;}
	
.m-offset-0 {margin-left: 0;}
.m-offset-1 {margin-left: 8.33333333333%;}
.m-offset-2 {margin-left: 16.6666666667%;}
.m-offset-3 {margin-left: 25%;}
.m-offset-4 {margin-left: 33.3333333333%;}
.m-offset-5 {margin-left: 41.6666666667%;}
.m-offset-6 {margin-left: 50%;}
.m-offset-7 {margin-left: 58.3333333333%;}
.m-offset-8 {margin-left: 66.6666666667%;}
.m-offset-9 {margin-left: 75%;}
.m-offset-10 {margin-left: 83.3333333333%;}
.m-offset-11 {margin-left: 91.6666666667%;}
.m-offset-12 {margin-left: 100% }	

.m-pull-0 {right: auto;}
.m-pull-1 {right: 8.33333333333%;}
.m-pull-2 {right: 16.6666666667%;}
.m-pull-3 {right: 25%;}
.m-pull-4 {right: 33.3333333333%;}
.m-pull-5 {right: 41.6666666667%;}
.m-pull-6 {right: 50%;}
.m-pull-7 { right: 58.3333333333%;}
.m-pull-8 {right: 66.6666666667%;}
.m-pull-9 {right: 75%;}
.m-pull-10 {right: 83.3333333333%;}
.m-pull-11 {right: 91.6666666667%;}
.m-pull-12 {right: 100%;}

.m-push-0 {left: auto;}
.m-push-1 {left: 8.33333333333%;}
.m-push-2 {left: 16.6666666667%;}
.m-push-3 {left: 25%;}
.m-push-4 {left: 33.3333333333%;}
.m-push-5 { left: 41.6666666667%;}
.m-push-6 {left: 50%;}
.m-push-7 {left: 58.3333333333%;}
.m-push-8 {left: 66.6666666667%;}
.m-push-9 {left: 75%;}
.m-push-10 {left: 83.3333333333%;}
.m-push-11 {left: 91.6666666667%;}
.m-push-12 {left: 100%;}	
	
}

@media (min-width: 769px) {
	
.l-grid, .l-grid-1, .l-grid-2, .l-grid-3, .l-grid-4, .l-grid-5, .l-grid-6, .l-grid-7, .l-grid-8, .l-grid-9, .l-grid-10, .l-grid-11, .l-grid-12 {
    margin: 0;
    clear: none;
    float: left; 
	position: relative;
}	

.l-grid-1 {width:8.33333333333%;} 
.l-grid-2 {width:16.6666666667%;}
.l-grid-3 {width:25.0%;}
.l-grid-4 {width:33.3333333333%;}
.l-grid-5 {width:41.6666666667%;}
.l-grid-6 {width:50.0%;}
.l-grid-7 {width:58.3333333333%;}
.l-grid-8 {width:66.6666666667%;}
.l-grid-9 {width:75.0%;}
.l-grid-10 {width:83.3333333333%;}
.l-grid-11 {width:91.6666666667%;}
.l-grid-12 {margin-left:0;width:100%;}
	
.l-offset-0 {margin-left: 0;}
.l-offset-1 {margin-left: 8.33333333333%;}
.l-offset-2 {margin-left: 16.6666666667%;}
.l-offset-3 {margin-left: 25%;}
.l-offset-4 {margin-left: 33.3333333333%;}
.l-offset-5 {margin-left: 41.6666666667%;}
.l-offset-6 {margin-left: 50%;}
.l-offset-7 {margin-left: 58.3333333333%;}
.l-offset-8 {margin-left: 66.6666666667%;}
.l-offset-9 {margin-left: 75%;}
.l-offset-10 {margin-left: 83.3333333333%;}
.l-offset-11 {margin-left: 91.6666666667%;}
.l-offset-12 {margin-left: 100% }	

.l-pull-0 {right: auto;}
.l-pull-1 {right: 8.33333333333%;}
.l-pull-2 {right: 16.6666666667%;}
.l-pull-3 {right: 25%;}
.l-pull-4 {right: 33.3333333333%;}
.l-pull-5 {right: 41.6666666667%;}
.l-pull-6 {right: 50%;}
.l-pull-7 { right: 58.3333333333%;}
.l-pull-8 {right: 66.6666666667%;}
.l-pull-9 {right: 75%;}
.l-pull-10 {right: 83.3333333333%;}
.l-pull-11 {right: 91.6666666667%;}
.l-pull-12 {right: 100%;}

.l-push-0 {left: auto;}
.l-push-1 {left: 8.33333333333%;}
.l-push-2 {left: 16.6666666667%;}
.l-push-3 {left: 25%;}
.l-push-4 {left: 33.3333333333%;}
.l-push-5 { left: 41.6666666667%;}
.l-push-6 {left: 50%;}
.l-push-7 {left: 58.3333333333%;}
.l-push-8 {left: 66.6666666667%;}
.l-push-9 {left: 75%;}
.l-push-10 {left: 83.3333333333%;}
.l-push-11 {left: 91.6666666667%;}
.l-push-12 {left: 100%;}	
	
}