/* 
    Created on : 13-apr-2017, 10:07:35
    Author     : Zite Media
*/

.row {
	clear: both;
	margin: auto;
	max-width: 100%;
	position: relative;
	width: 1024px;
}
.row:after {
	clear: both;
	content: '';
	display: block;
}
.row.padded {
	padding-top: 20px;
	padding-bottom: 20px;
}
.row.padded-extra {
	padding-top: 50px;
	padding-bottom: 50px;
}
.row.padded-ultra {
	padding-top: 100px;
	padding-bottom: 100px;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10 {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
.col-1 {
	width: calc(10% - 20px);
}
.col-2 {
	width: calc(20% - 20px);
}
.col-3 {
	width: calc(30% - 20px);
}
.col-4 {
	width: calc(40% - 20px);
}
.col-5 {
	width: calc(50% - 20px);
}
.col-6 {
	width: calc(60% - 20px);
}
.col-7 {
	width: calc(70% - 20px);
}
.col-8 {
	width: calc(80% - 20px);
}
.col-9 {
	width: calc(90% - 20px);
}
.col-10 {
	width: calc(100% - 20px);
}
.content {
	max-width: 100%;
	width: 750px;
}
.clear {
	clear: both;
}