@charset "UTF-8";

.right {float: right !important;}
.left { float: left; }

.row { position: relative; display: block;}
.row:after { content: ""; display: block; clear: both; }

.row7 {margin-left: -7px; margin-right: -7px;}
.row10 {margin-left: -10px; margin-right: -10px;}
.row20 {margin-left: -20px; margin-right: -20px;}
.row25 {margin-left: -25px; margin-right: -25px;}
.row30 {margin-left: -30px; margin-right: -30px;}
.row40 {margin-left: -40px; margin-right: -40px;}

.col {float: left; width: 100%; display: block; box-sizing: border-box; position: relative;}
.col7 {padding-left: 7px; padding-right: 7px;}
.col10 {padding-left: 10px; padding-right: 10px;}
.col20 {padding-left: 20px; padding-right: 20px;}
.col25 {padding-left: 25px; padding-right: 25px;}
.col30 {padding-left: 30px; padding-right: 30px;}
.col40 {padding-left: 40px; padding-right: 40px;}

.col.half { width:50%;}
.col.triple {width: 33.33%;}
.col.quad { width: 25%;   }

.col.triple.x2 {width: 66.66%;}
.col.quad.x3 {width: 75%;}
.col.quad.x2 {width: 50%;}

 
@media all and (max-width: 1024px) { 
	
}

@media all and (max-width: 768px) {
	.row20 {margin-left: -10px; margin-right: -10px;}
	.row25 {margin-left: -15px; margin-right: -15px;}
	.row30 {margin-left: -20px; margin-right: -20px;}
	.row40 {margin-left: -25px; margin-right: -25px;}
	
	
	.col20 {padding-left: 10px; padding-right: 10px;}
	.col25 {padding-left: 15px; padding-right: 15px;}
	.col30 {padding-left: 20px; padding-right: 20px;}	
	.col40 {padding-left: 25px; padding-right: 25px;}
	
	.col.half,
	.col.triple, .col.triple.x2,
	.col.quad.x2, .col.quad.x3 { width: 100%;   }
	.col.quad, .col.pad_half {width: 50%;}
	.col.pad_triple {width: 33.33%;}
}
@media all and (max-width: 500px) { 
	.col.pad_half, .col.pad_triple {width: 100%;}
}