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

/***==12cols grid system==***/
/*base on http://www.responsivegridsystem.com/*/
.row{
	clear:both;
	margin-top:10px;}

.row:first-child{
	margin:0;}

[class*='col-']{
	display:block;
	float: left;
	padding:0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}

[class*='col-']:first-child{
	padding-left:0;}

[class*='col-']:last-child{
	padding-right:0;}

.col-12{
	width:100%;}
.col-11{
	width:91.6%;}
.col-10{
	width:83.3%;}
.col-9{
	width:75%;}
.col-8{
	width:66.6%;}
.col-7{
	width:58.3%;}
.col-6{
	width:50%;}
.col-5{
	width:41.6%;}
.col-4{
	width:33.3%;}
.col-3{
	width:25%;}
.col-2{
	width:16.6%;}
.col-1{
	width:8.3%;}

/*  GO FULL WIDTH AT LESS THAN 767 PIXELS */
@media (max-width:768px){
[class*='col-']{
	float:none;
	padding:0;
	margin-bottom:15px;}
	
.col-12{
	width:100%;}
.col-11{
	width:100%;}
.col-10{
	width:100%;}
.col-9{
	width:100%;}
.col-8{
	width:100%;}
.col-7{
	width:100%;}
.col-6{
	width:100%;}
.col-5{
	width:100%;}
.col-4{
	width:100%;}
.col-3{
	width:100%;}
.col-2{
	width:100%;}
.col-1{
	width:100%;}
}