.row {
	display: flex;
}

.col {

}

.col6 {
	width: 50%;
}

.col4 {
	width: 33.334%;
}

.col2 {
	width: 16.667%;
}

.col1 {
	width: 8.334%;
}

.row--space {
	justify-content: space-between;

	margin-left: -15px;
	margin-right: -15px;
}

.row--space .col {
	margin-left: 15px;
	margin-right: 15px;
}

.row--space .col8 {
	width: 64%;
}

.row--space .col6 {
	width: 48%;
}

.row--space .col4 {
	width: 32%;
}

.row--space .col2 {
	width: 16%;
}

.xcols2,
.xcols3 {
	display: flex;

	justify-content: space-between;

	margin-left: -15px;
	margin-right: -15px;
}

.xcols2 > *,
.xcols3 > * {
	margin-left: 15px;
	margin-right: 15px;
}

.xcols2 > * {
	width: 48%;
}

.xcols3 > * {
	width: 32%;
}

.xtbl {
	display: table;

	width: 100%;
}

.xtblc {
	display: table-cell;

	vertical-align: middle;
	padding: 0 5px;
}

.clear {
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.nowrap {
	white-space: nowrap;
}