/*
1200px grid system ~ Core CSS.
12 Columns ~ Margin left: 15px ~ Margin right: 15px

Based on the 960.gs grid system - http://960.gs/
by Nathan Smith

Created by the Grid System Generator - v1.04
Learn more ~ http://www.gridsystemgenerator.com/
*/

body {
  margin: 0;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* =Containers
----------------------------------------------------------------------------- */
.container {
    padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
    width: 1200px;
}

.container.full{
    width: 100%;
    max-width: 100%;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.row:before,
.row:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.row:after {
    clear: both;
}

.page-content .row{
    margin-bottom: 80px;
    position: relative;
}

/* =Grid >> Global
----------------------------------------------------------------------------- */
.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;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
    float: left;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------- */
.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* =Grid >> 12 Columns
----------------------------------------------------------------------------- */

  .grid_12 {
    width: 100%;
  }
  .grid_11 {
    width: 91.66666667%;
  }
  .grid_10 {
    width: 83.33333333%;
  }
  .grid_9 {
    width: 75%;
  }
  .grid_8 {
    width: 66.66666667%;
  }
  .grid_7 {
    width: 58.33333333%;
  }
  .grid_6 {
    width: 50%;
  }
  .grid_5 {
    width: 41.66666667%;
  }
  .grid_4 {
    width: 33.33333333%;
  }
  .grid_3 {
    width: 25%;
  }
  .grid_2 {
    width: 16.66666667%;
  }
  .grid_1 {
    width: 8.33333333%;
  }


/* `Clear Floated Elements
----------------------------------------------------------------------------- */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:before,
.clearfix:after {
	content: "\0020";
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {
	clear: both;
}