@charset "UTF-8";
/* CSS Document */

.wrap {
  max-width: 1200px;
  width: 82.4%;
  margin: 0px auto;
  position: relative;
}

/*  COLUMN SETUP  */
[class*='col_'] {
	display: block;
	float:left;
	margin: 1% 0 25px 0 /*1.6%*/;
}
[class*='col_']:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWELVE  */
.col_12 {
	width: 100%;
}

.col_11 {
  	width: 91.53%;
}
.col_10 {
  	width: 83.06%;
}

.col_9 {
  	width: 74.6%;
}

.col_8 {
  	width: 66.13%;
}

.col_7 {
  	width: 57.66%;
}

.col_6 {
  	width: 49.2%;
}

.col_5 {
  	width: 40.73%;
}

.col_4 {
  	width: 32.26%;
}

.col_3 {
  	width: 23.8%;
}

.col_2 {
  	width: 15.33%;
}

.col_1 {
  	width: 6.866%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	[class*='col_'] {  margin: 1% 0% 25px 0%; }

    .col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12 {
	width: 100%;
	}
}

/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}



/*TABLETS*/
@media only screen and (min-width: 640px) {

  [class*='col_'] {  margin: 1% 0% 25px 0%; }

  .col_m_12 {
  	width: 100%;
  }

  .col_m_11 {
    	width: 91.53%;
  }
  .col_m_10 {
    	width: 83.06%;
  }

  .col_m_9 {
    	width: 74.6%;
  }

  .col_m_8 {
    	width: 66.13%;
  }

  .col_m_7 {
    	width: 57.66%;
  }

  .col_m_6 {
    	width: 49.2%;
  }

  .col_m_5 {
    	width: 40.73%;
  }

  .col_m_4 {
    	width: 32.26%;
  }

  .col_m_3 {
    	width: 23.8%;
  }

  .col_m_2 {
    	width: 15.33%;
  }

  .col_m_1 {
    	width: 6.866%;
  }
}

/*DESKTOP*/
@media only screen and (min-width: 960px) {
  [class*='col_'] {margin: 1% 0% 25px 1.6%;}

  .col_l_12 {
  	width: 100%;
  }

  .col_l_11 {
    	width: 91.53%;
  }
  .col_l_10 {
    	width: 83.06%;
  }

  .col_l_9 {
    	width: 74.6%;
  }

  .col_l_8 {
    	width: 66.13%;
  }

  .col_l_7 {
    	width: 57.66%;
  }

  .col_l_6 {
    	width: 49.2%;
  }

  .col_l_5 {
    	width: 40.73%;
  }

  .col_l_4 {
    	width: 32.26%;
  }

  .col_l_3 {
    	width: 23.8%;
  }

  .col_l_2 {
    	width: 15.33%;
  }

  .col_l_1 {
    	width: 6.866%;
  }
}