/*********/
/* #ROWS */
/*********/

.row {
	position: relative;
	display: block;
	margin: 0 -8px;
}
	.row:after {
		position: relative;
		clear: both;

		display: block;

		content: '';
	}
@media (min-width: 700px) {
	.row {
		margin: 0 -16px;
	}
}
/************/
/* #COLUMNS */
/************/

.col-xxs-1, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xxl-1,
.col-xxs-2, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xxl-2,
.col-xxs-3, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xxl-3,
.col-xxs-4, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xxl-4,
.col-xxs-5, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xxl-5,
.col-xxs-6, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xxl-6,
.col-xxs-7, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xxl-7,
.col-xxs-8, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xxl-8,
.col-xxs-9, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xxl-9,
.col-xxs-10, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xxl-10,
.col-xxs-11, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xxl-11,
.col-xxs-12, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12, .col-xxl-12 {
	display: block;

	float: left;

	margin: 0 8px 12px;
	width: calc(100% - 16px);
}
@media (min-width: 700px) {
	.col-xxs-1, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xxl-1,
	.col-xxs-2, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xxl-2,
	.col-xxs-3, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xxl-3,
	.col-xxs-4, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xxl-4,
	.col-xxs-5, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xxl-5,
	.col-xxs-6, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xxl-6,
	.col-xxs-7, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xxl-7,
	.col-xxs-8, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xxl-8,
	.col-xxs-9, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xxl-9,
	.col-xxs-10, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xxl-10,
	.col-xxs-11, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xxl-11,
	.col-xxs-12, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12, .col-xxl-12 {
		margin: 0 16px 24px;
		width: calc(100% - 32px);
	}
}

/* Extra Extra Small */
.col-xxs-1 { width: calc(100% / 12 - 16px); }
.col-xxs-2 { width: calc(100% / 12 * 2 - 16px); }
.col-xxs-3 { width: calc(100% / 12 * 3 - 16px); }
.col-xxs-4 { width: calc(100% / 12 * 4 - 16px); }
.col-xxs-5 { width: calc(100% / 12 * 5 - 16px); }
.col-xxs-6 { width: calc(100% / 12 * 6 - 16px); }
.col-xxs-7 { width: calc(100% / 12 * 7 - 16px); }
.col-xxs-8 { width: calc(100% / 12 * 8 - 16px); }
.col-xxs-9 { width: calc(100% / 12 * 9 - 16px); }
.col-xxs-10 { width: calc(100% / 12 * 10 - 16px); }
.col-xxs-11 { width: calc(100% / 12 * 11 - 16px); }
.col-xxs-12 { width: calc(100% - 16px); }

/* Extra Small */
@media (min-width: 400px) {
	/* No previous styles needed, margin stays the same (16px). */
	.col-xs-1 { width: calc(100% / 12 - 16px); }
	.col-xs-2 { width: calc(100% / 12 * 2 - 16px); }
	.col-xs-3 { width: calc(100% / 12 * 3 - 16px); }
	.col-xs-4 { width: calc(100% / 12 * 4 - 16px); }
	.col-xs-5 { width: calc(100% / 12 * 5 - 16px); }
	.col-xs-6 { width: calc(100% / 12 * 6 - 16px); }
	.col-xs-7 { width: calc(100% / 12 * 7 - 16px); }
	.col-xs-8 { width: calc(100% / 12 * 8 - 16px); }
	.col-xs-9 { width: calc(100% / 12 * 9 - 16px); }
	.col-xs-10 { width: calc(100% / 12 * 10 - 16px); }
	.col-xs-11 { width: calc(100% / 12 * 11 - 16px); }
	.col-xs-12 { width: calc(100% - 16px); }
}

/* Small */
@media (min-width: 500px) {
	/* No previous styles needed, margin stays the same (16px). */
	.col-sm-1 { width: calc(100% / 12 - 16px); }
	.col-sm-2 { width: calc(100% / 12 * 2 - 16px); }
	.col-sm-3 { width: calc(100% / 12 * 3 - 16px); }
	.col-sm-4 { width: calc(100% / 12 * 4 - 16px); }
	.col-sm-5 { width: calc(100% / 12 * 5 - 16px); }
	.col-sm-6 { width: calc(100% / 12 * 6 - 16px); }
	.col-sm-7 { width: calc(100% / 12 * 7 - 16px); }
	.col-sm-8 { width: calc(100% / 12 * 8 - 16px); }
	.col-sm-9 { width: calc(100% / 12 * 9 - 16px); }
	.col-sm-10 { width: calc(100% / 12 * 10 - 16px); }
	.col-sm-11 { width: calc(100% / 12 * 11 - 16px); }
	.col-sm-12 { width: calc(100% - 16px); }
}

/* Medium */
@media (min-width: 700px) {
	.col-xxs-1 { width: calc(100% / 12 - 32px); }
	.col-xxs-2 { width: calc(100% / 12 * 2 - 32px); }
	.col-xxs-3 { width: calc(100% / 12 * 3 - 32px); }
	.col-xxs-4 { width: calc(100% / 12 * 4 - 32px); }
	.col-xxs-5 { width: calc(100% / 12 * 5 - 32px); }
	.col-xxs-6 { width: calc(100% / 12 * 6 - 32px); }
	.col-xxs-7 { width: calc(100% / 12 * 7 - 32px); }
	.col-xxs-8 { width: calc(100% / 12 * 8 - 32px); }
	.col-xxs-9 { width: calc(100% / 12 * 9 - 32px); }
	.col-xxs-10 { width: calc(100% / 12 * 10 - 32px); }
	.col-xxs-11 { width: calc(100% / 12 * 11 - 32px); }
	.col-xxs-12 { width: calc(100% - 32px); }
	.col-xs-1 { width: calc(100% / 12 - 32px); }
	.col-xs-2 { width: calc(100% / 12 * 2 - 32px); }
	.col-xs-3 { width: calc(100% / 12 * 3 - 32px); }
	.col-xs-4 { width: calc(100% / 12 * 4 - 32px); }
	.col-xs-5 { width: calc(100% / 12 * 5 - 32px); }
	.col-xs-6 { width: calc(100% / 12 * 6 - 32px); }
	.col-xs-7 { width: calc(100% / 12 * 7 - 32px); }
	.col-xs-8 { width: calc(100% / 12 * 8 - 32px); }
	.col-xs-9 { width: calc(100% / 12 * 9 - 32px); }
	.col-xs-10 { width: calc(100% / 12 * 10 - 32px); }
	.col-xs-11 { width: calc(100% / 12 * 11 - 32px); }
	.col-xs-12 { width: calc(100% - 32px); }
	.col-sm-1 { width: calc(100% / 12 - 32px); }
	.col-sm-2 { width: calc(100% / 12 * 2 - 32px); }
	.col-sm-3 { width: calc(100% / 12 * 3 - 32px); }
	.col-sm-4 { width: calc(100% / 12 * 4 - 32px); }
	.col-sm-5 { width: calc(100% / 12 * 5 - 32px); }
	.col-sm-6 { width: calc(100% / 12 * 6 - 32px); }
	.col-sm-7 { width: calc(100% / 12 * 7 - 32px); }
	.col-sm-8 { width: calc(100% / 12 * 8 - 32px); }
	.col-sm-9 { width: calc(100% / 12 * 9 - 32px); }
	.col-sm-10 { width: calc(100% / 12 * 10 - 32px); }
	.col-sm-11 { width: calc(100% / 12 * 11 - 32px); }
	.col-sm-12 { width: calc(100% - 32px); }
	.col-md-1 { width: calc(100% / 12 - 32px); }
	.col-md-2 { width: calc(100% / 12 * 2 - 32px); }
	.col-md-3 { width: calc(100% / 12 * 3 - 32px); }
	.col-md-4 { width: calc(100% / 12 * 4 - 32px); }
	.col-md-5 { width: calc(100% / 12 * 5 - 32px); }
	.col-md-6 { width: calc(100% / 12 * 6 - 32px); }
	.col-md-7 { width: calc(100% / 12 * 7 - 32px); }
	.col-md-8 { width: calc(100% / 12 * 8 - 32px); }
	.col-md-9 { width: calc(100% / 12 * 9 - 32px); }
	.col-md-10 { width: calc(100% / 12 * 10 - 32px); }
	.col-md-11 { width: calc(100% / 12 * 11 - 32px); }
	.col-md-12 { width: calc(100% - 32px); }
}

/* Large */
@media (min-width: 1000px) {
	/* No previous styles needed, margin stays the same (32px). */
	.col-lg-1 { width: calc(100% / 12 - 32px); }
	.col-lg-2 { width: calc(100% / 12 * 2 - 32px); }
	.col-lg-3 { width: calc(100% / 12 * 3 - 32px); }
	.col-lg-4 { width: calc(100% / 12 * 4 - 32px); }
	.col-lg-5 { width: calc(100% / 12 * 5 - 32px); }
	.col-lg-6 { width: calc(100% / 12 * 6 - 32px); }
	.col-lg-7 { width: calc(100% / 12 * 7 - 32px); }
	.col-lg-8 { width: calc(100% / 12 * 8 - 32px); }
	.col-lg-9 { width: calc(100% / 12 * 9 - 32px); }
	.col-lg-10 { width: calc(100% / 12 * 10 - 32px); }
	.col-lg-11 { width: calc(100% / 12 * 11 - 32px); }
	.col-lg-12 { width: calc(100% - 32px); }
}

/* Extra Large */
@media (min-width: 1200px) {
	/* No previous styles needed, margin stays the same (32px). */
	.col-xl-1 { width: calc(100% / 12 - 32px); }
	.col-xl-2 { width: calc(100% / 12 * 2 - 32px); }
	.col-xl-3 { width: calc(100% / 12 * 3 - 32px); }
	.col-xl-4 { width: calc(100% / 12 * 4 - 32px); }
	.col-xl-5 { width: calc(100% / 12 * 5 - 32px); }
	.col-xl-6 { width: calc(100% / 12 * 6 - 32px); }
	.col-xl-7 { width: calc(100% / 12 * 7 - 32px); }
	.col-xl-8 { width: calc(100% / 12 * 8 - 32px); }
	.col-xl-9 { width: calc(100% / 12 * 9 - 32px); }
	.col-xl-10 { width: calc(100% / 12 * 10 - 32px); }
	.col-xl-11 { width: calc(100% / 12 * 11 - 32px); }
	.col-xl-12 { width: calc(100% - 32px); }
}

/* Extra Extra Large */
@media (min-width: 1600px) {
	/* No previous styles needed, margin stays the same (32px). */
	.col-xxl-1 { width: calc(100% / 12 - 32px); }
	.col-xxl-2 { width: calc(100% / 12 * 2 - 32px); }
	.col-xxl-3 { width: calc(100% / 12 * 3 - 32px); }
	.col-xxl-4 { width: calc(100% / 12 * 4 - 32px); }
	.col-xxl-5 { width: calc(100% / 12 * 5 - 32px); }
	.col-xxl-6 { width: calc(100% / 12 * 6 - 32px); }
	.col-xxl-7 { width: calc(100% / 12 * 7 - 32px); }
	.col-xxl-8 { width: calc(100% / 12 * 8 - 32px); }
	.col-xxl-9 { width: calc(100% / 12 * 9 - 32px); }
	.col-xxl-10 { width: calc(100% / 12 * 10 - 32px); }
	.col-xxl-11 { width: calc(100% / 12 * 11 - 32px); }
	.col-xxl-12 { width: calc(100% - 32px); }
}

/*******************/
/* #OFFSET COLUMNS */
/*******************/

/* Extra Extra Small */
.col-xxs-offset-0 { margin-left: 8px; }
.col-xxs-offset-1 { margin-left: calc(100% / 12 + 8px); }
.col-xxs-offset-2 { margin-left: calc(100% / 12 * 2 + 8px); }
.col-xxs-offset-3 { margin-left: calc(100% / 12 * 3 + 8px); }
.col-xxs-offset-4 { margin-left: calc(100% / 12 * 4 + 8px); }
.col-xxs-offset-5 { margin-left: calc(100% / 12 * 5 + 8px); }
.col-xxs-offset-6 { margin-left: calc(100% / 12 * 6 + 8px); }
.col-xxs-offset-7 { margin-left: calc(100% / 12 * 7 + 8px); }
.col-xxs-offset-8 { margin-left: calc(100% / 12 * 8 + 8px); }
.col-xxs-offset-9 { margin-left: calc(100% / 12 * 9 + 8px); }
.col-xxs-offset-10 { margin-left: calc(100% / 12 * 10 + 8px); }
.col-xxs-offset-11 { margin-left: calc(100% / 12 * 11 + 8px); }
.col-xxs-offset-12 { margin-left: calc(100% - 16px + 8px); }

/* Extra Small */
@media (min-width: 400px) {
	/* No previous styles needed, margin stays the same (16px). */
	.col-xs-offset-0 { margin-left: 8px; }
	.col-xs-offset-1 { margin-left: calc(100% / 12 + 8px); }
	.col-xs-offset-2 { margin-left: calc(100% / 12 * 2 + 8px); }
	.col-xs-offset-3 { margin-left: calc(100% / 12 * 3 + 8px); }
	.col-xs-offset-4 { margin-left: calc(100% / 12 * 4 + 8px); }
	.col-xs-offset-5 { margin-left: calc(100% / 12 * 5 + 8px); }
	.col-xs-offset-6 { margin-left: calc(100% / 12 * 6 + 8px); }
	.col-xs-offset-7 { margin-left: calc(100% / 12 * 7 + 8px); }
	.col-xs-offset-8 { margin-left: calc(100% / 12 * 8 + 8px); }
	.col-xs-offset-9 { margin-left: calc(100% / 12 * 9 + 8px); }
	.col-xs-offset-10 { margin-left: calc(100% / 12 * 10 + 8px); }
	.col-xs-offset-11 { margin-left: calc(100% / 12 * 11 + 8px); }
	.col-xs-offset-12 { margin-left: calc(100% - 16px + 8px); }
}

/* Small */
@media (min-width: 500px) {
	/* No previous styles needed, margin stays the same (16px). */
	.col-sm-offset-0 { margin-left: 8px; }
	.col-sm-offset-1 { margin-left: calc(100% / 12 + 8px); }
	.col-sm-offset-2 { margin-left: calc(100% / 12 * 2 + 8px); }
	.col-sm-offset-3 { margin-left: calc(100% / 12 * 3 + 8px); }
	.col-sm-offset-4 { margin-left: calc(100% / 12 * 4 + 8px); }
	.col-sm-offset-5 { margin-left: calc(100% / 12 * 5 + 8px); }
	.col-sm-offset-6 { margin-left: calc(100% / 12 * 6 + 8px); }
	.col-sm-offset-7 { margin-left: calc(100% / 12 * 7 + 8px); }
	.col-sm-offset-8 { margin-left: calc(100% / 12 * 8 + 8px); }
	.col-sm-offset-9 { margin-left: calc(100% / 12 * 9 + 8px); }
	.col-sm-offset-10 { margin-left: calc(100% / 12 * 10 + 8px); }
	.col-sm-offset-11 { margin-left: calc(100% / 12 * 11 + 8px); }
	.col-sm-offset-12 { margin-left: calc(100% + 8px); }
}

/* Medium */
@media (min-width: 700px) {
	.col-xxs-offset-0 { margin-left: 16px; }
	.col-xxs-offset-1 { margin-left: calc(100% / 12 + 16px); }
	.col-xxs-offset-2 { margin-left: calc(100% / 12 * 2 + 16px); }
	.col-xxs-offset-3 { margin-left: calc(100% / 12 * 3 + 16px); }
	.col-xxs-offset-4 { margin-left: calc(100% / 12 * 4 + 16px); }
	.col-xxs-offset-5 { margin-left: calc(100% / 12 * 5 + 16px); }
	.col-xxs-offset-6 { margin-left: calc(100% / 12 * 6 + 16px); }
	.col-xxs-offset-7 { margin-left: calc(100% / 12 * 7 + 16px); }
	.col-xxs-offset-8 { margin-left: calc(100% / 12 * 8 + 16px); }
	.col-xxs-offset-9 { margin-left: calc(100% / 12 * 9 + 16px); }
	.col-xxs-offset-10 { margin-left: calc(100% / 12 * 10 + 16px); }
	.col-xxs-offset-11 { margin-left: calc(100% / 12 * 11 + 16px); }
	.col-xxs-offset-12 { margin-left: calc(100% - 16px + 16px); }
	.col-xs-offset-0 { margin-left: 16px; }
	.col-xs-offset-1 { margin-left: calc(100% / 12 + 16px); }
	.col-xs-offset-2 { margin-left: calc(100% / 12 * 2 + 16px); }
	.col-xs-offset-3 { margin-left: calc(100% / 12 * 3 + 16px); }
	.col-xs-offset-4 { margin-left: calc(100% / 12 * 4 + 16px); }
	.col-xs-offset-5 { margin-left: calc(100% / 12 * 5 + 16px); }
	.col-xs-offset-6 { margin-left: calc(100% / 12 * 6 + 16px); }
	.col-xs-offset-7 { margin-left: calc(100% / 12 * 7 + 16px); }
	.col-xs-offset-8 { margin-left: calc(100% / 12 * 8 + 16px); }
	.col-xs-offset-9 { margin-left: calc(100% / 12 * 9 + 16px); }
	.col-xs-offset-10 { margin-left: calc(100% / 12 * 10 + 16px); }
	.col-xs-offset-11 { margin-left: calc(100% / 12 * 11 + 16px); }
	.col-xs-offset-12 { margin-left: calc(100% - 16px + 16px); }
	.col-sm-offset-0 { margin-left: 16px; }
	.col-sm-offset-1 { margin-left: calc(100% / 12 + 16px); }
	.col-sm-offset-2 { margin-left: calc(100% / 12 * 2 + 16px); }
	.col-sm-offset-3 { margin-left: calc(100% / 12 * 3 + 16px); }
	.col-sm-offset-4 { margin-left: calc(100% / 12 * 4 + 16px); }
	.col-sm-offset-5 { margin-left: calc(100% / 12 * 5 + 16px); }
	.col-sm-offset-6 { margin-left: calc(100% / 12 * 6 + 16px); }
	.col-sm-offset-7 { margin-left: calc(100% / 12 * 7 + 16px); }
	.col-sm-offset-8 { margin-left: calc(100% / 12 * 8 + 16px); }
	.col-sm-offset-9 { margin-left: calc(100% / 12 * 9 + 16px); }
	.col-sm-offset-10 { margin-left: calc(100% / 12 * 10 + 16px); }
	.col-sm-offset-11 { margin-left: calc(100% / 12 * 11 + 16px); }
	.col-sm-offset-12 { margin-left: calc(100% + 16px); }
	.col-md-offset-0 { margin-left: 16px; }
	.col-md-offset-1 { margin-left: calc(100% / 12 + 16px); }
	.col-md-offset-2 { margin-left: calc(100% / 12 * 2 + 16px); }
	.col-md-offset-3 { margin-left: calc(100% / 12 * 3 + 16px); }
	.col-md-offset-4 { margin-left: calc(100% / 12 * 4 + 16px); }
	.col-md-offset-5 { margin-left: calc(100% / 12 * 5 + 16px); }
	.col-md-offset-6 { margin-left: calc(100% / 12 * 6 + 16px); }
	.col-md-offset-7 { margin-left: calc(100% / 12 * 7 + 16px); }
	.col-md-offset-8 { margin-left: calc(100% / 12 * 8 + 16px); }
	.col-md-offset-9 { margin-left: calc(100% / 12 * 9 + 16px); }
	.col-md-offset-10 { margin-left: calc(100% / 12 * 10 + 16px); }
	.col-md-offset-11 { margin-left: calc(100% / 12 * 11 + 16px); }
	.col-md-offset-12 { margin-left: calc(100% + 16px); }
}

/* Large */
@media (min-width: 1000px) {
	/* No previous styles needed, margin stays the same (16px). */
	.col-lg-offset-0 { margin-left: 16px; }
	.col-lg-offset-1 { margin-left: calc(100% / 12 + 16px); }
	.col-lg-offset-2 { margin-left: calc(100% / 12 * 2 + 16px); }
	.col-lg-offset-3 { margin-left: calc(100% / 12 * 3 + 16px); }
	.col-lg-offset-4 { margin-left: calc(100% / 12 * 4 + 16px); }
	.col-lg-offset-5 { margin-left: calc(100% / 12 * 5 + 16px); }
	.col-lg-offset-6 { margin-left: calc(100% / 12 * 6 + 16px); }
	.col-lg-offset-7 { margin-left: calc(100% / 12 * 7 + 16px); }
	.col-lg-offset-8 { margin-left: calc(100% / 12 * 8 + 16px); }
	.col-lg-offset-9 { margin-left: calc(100% / 12 * 9 + 16px); }
	.col-lg-offset-10 { margin-left: calc(100% / 12 * 10 + 16px); }
	.col-lg-offset-11 { margin-left: calc(100% / 12 * 11 + 16px); }
	.col-lg-offset-12 { margin-left: calc(100% + 16px); }
}

/* Extra Large */
@media (min-width: 1200px) {
	/* No previous styles needed, margin stays the same (16px). */
	.col-xl-offset-0 { margin-left: 16px; }
	.col-xl-offset-1 { margin-left: calc(100% / 12 + 16px); }
	.col-xl-offset-2 { margin-left: calc(100% / 12 * 2 + 16px); }
	.col-xl-offset-3 { margin-left: calc(100% / 12 * 3 + 16px); }
	.col-xl-offset-4 { margin-left: calc(100% / 12 * 4 + 16px); }
	.col-xl-offset-5 { margin-left: calc(100% / 12 * 5 + 16px); }
	.col-xl-offset-6 { margin-left: calc(100% / 12 * 6 + 16px); }
	.col-xl-offset-7 { margin-left: calc(100% / 12 * 7 + 16px); }
	.col-xl-offset-8 { margin-left: calc(100% / 12 * 8 + 16px); }
	.col-xl-offset-9 { margin-left: calc(100% / 12 * 9 + 16px); }
	.col-xl-offset-10 { margin-left: calc(100% / 12 * 10 + 16px); }
	.col-xl-offset-11 { margin-left: calc(100% / 12 * 11 + 16px); }
	.col-xl-offset-12 { margin-left: calc(100% + 16px); }
}

/* Extra Extra Large */
@media (min-width: 1600px) {
	/* No previous styles needed, margin stays the same (16px). */
	.col-xxl-offset-0 { margin-left: 16px; }
	.col-xxl-offset-1 { margin-left: calc(100% / 12 + 16px); }
	.col-xxl-offset-2 { margin-left: calc(100% / 12 * 2 + 16px); }
	.col-xxl-offset-3 { margin-left: calc(100% / 12 * 3 + 16px); }
	.col-xxl-offset-4 { margin-left: calc(100% / 12 * 4 + 16px); }
	.col-xxl-offset-5 { margin-left: calc(100% / 12 * 5 + 16px); }
	.col-xxl-offset-6 { margin-left: calc(100% / 12 * 6 + 16px); }
	.col-xxl-offset-7 { margin-left: calc(100% / 12 * 7 + 16px); }
	.col-xxl-offset-8 { margin-left: calc(100% / 12 * 8 + 16px); }
	.col-xxl-offset-9 { margin-left: calc(100% / 12 * 9 + 16px); }
	.col-xxl-offset-10 { margin-left: calc(100% / 12 * 10 + 16px); }
	.col-xxl-offset-11 { margin-left: calc(100% / 12 * 11 + 16px); }
	.col-xxl-offset-12 { margin-left: calc(100% + 16px); }
}

/*******************/
/* #HELPER CLASSES */
/*******************/

@media (max-width: 699px) {
	.visible-small {
		display: initial;
	}
	.hidden-small {
		display: none;
	}
	.visible-large {
		display: none;
	}
}
@media (min-width: 700px) {
	.visible-small {
		display: none;
	}
	.visible-large {
		display: initial;
	}
	.hidden-large {
		display: none;
	}
}

/* Extra Extra Small*/
@media (max-width: 399px) {
	.visible-xs:not(.visible-xxs),
	.visible-sm:not(.visible-xxs),
	.visible-md:not(.visible-xxs),
	.visible-lg:not(.visible-xxs),
	.visible-xl:not(.visible-xxs),
	.visible-xxl:not(.visible-xxs),
	.hidden-xxs {
		display: none;
	}
}

/* Extra Small*/
@media (min-width: 400px) and (max-width: 499px) {
	.visible-xxs:not(.visible-xs),
	.visible-sm:not(.visible-xs),
	.visible-md:not(.visible-xs),
	.visible-lg:not(.visible-xs),
	.visible-xl:not(.visible-xs),
	.visible-xxl:not(.visible-xs),
	.hidden-xs {
		display: none;
	}
}

/* Small */
@media (min-width: 500px) and (max-width: 699px) {
	.visible-xxs:not(.visible-sm),
	.visible-xs:not(.visible-sm),
	.visible-md:not(.visible-sm),
	.visible-lg:not(.visible-sm),
	.visible-xl:not(.visible-sm),
	.visible-xxl:not(.visible-sm),
	.hidden-sm {
		display: none;
	}
}

/* Medium */
@media (min-width: 700px) and (max-width: 999px) {
	.visible-xxs:not(.visible-md),
	.visible-xs:not(.visible-md),
	.visible-sm:not(.visible-md),
	.visible-lg:not(.visible-md),
	.visible-xl:not(.visible-md),
	.visible-xxl:not(.visible-md),
	.hidden-md {
		display: none;
	}
}

/* Large */
@media (min-width: 1000px) and (max-width: 1199px) {
	.visible-xxs:not(.visible-lg),
	.visible-xs:not(.visible-lg),
	.visible-sm:not(.visible-lg),
	.visible-md:not(.visible-lg),
	.visible-xl:not(.visible-lg),
	.visible-xxl:not(.visible-lg),
	.hidden-lg {
		display: none;
	}
}

/* Extra Large */
@media (min-width: 1200px) and (max-width: 1599px) {
	.visible-xxs:not(.visible-xl),
	.visible-xs:not(.visible-xl),
	.visible-sm:not(.visible-xl),
	.visible-md:not(.visible-xl),
	.visible-lg:not(.visible-xl),
	.visible-xxl:not(.visible-xl),
	.hidden-xl {
		display: none;
	}
}

/* Extra Extra Large */
@media (min-width: 1600px) {
	.visible-xxs:not(.visible-xxl),
	.visible-xs:not(.visible-xxl),
	.visible-sm:not(.visible-xxl),
	.visible-md:not(.visible-xxl),
	.visible-lg:not(.visible-xxl),
	.visible-xxl:not(.visible-xxl),
	.hidden-xxl {
		display: none;
	}
}