.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }

.relative { position: relative; }

.col { zoom: 1; }

.col:before, 
.col:after {
	content: " "; display: table;
}

.col:after { clear: both; }

[class^="col-"] {
	float: left;
}

.col.inline { font-size: 0; }

.col.inline > [class^="col-"] {
	display: inline-block;
	vertical-align: middle;
	float: none;
}

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

.col-offset-1 {
	margin-left: calc((0.5 / 12) * 100%);
	margin-right: calc((0.5 / 12) * 100%);
}

.col-offset-2 {
	margin-left: calc((1 / 12) * 100%);
	margin-right: calc((1 / 12) * 100%);
}

.col-offset-3 {
	margin-left: calc((1.5 / 12) * 100%);
	margin-right: calc((1.5 / 12) * 100%);
}

.col-offset-4 {
	margin-left: calc((2 / 12) * 100%);
	margin-right: calc((2 / 12) * 100%);
}

.col-offset-5 {
	margin-left: calc((2.5 / 12) * 100%);
	margin-right: calc((2.5 / 12) * 100%);
}

.col-offset-6 {
	margin-left: calc((3 / 12) * 100%);
	margin-right: calc((3 / 12) * 100%);
}

.col-offset-7 {
	margin-left: calc((3.5 / 12) * 100%);
	margin-right: calc((3.5 / 12) * 100%);
}

.col-offset-8 {
	margin-left: calc((4 / 12) * 100%);
	margin-right: calc((4 / 12) * 100%);
}

.col-offset-9 {
	margin-left: calc((4.5 / 12) * 100%);
	margin-right: calc((4.5 / 12) * 100%);
}

.col-offset-10 {
	margin-left: calc((5 / 12) * 100%);
	margin-right: calc((5 / 12) * 100%);
}

.col-offset-11 {
	margin-left: calc((5.5 / 12) * 100%);
	margin-right: calc((5.5 / 12) * 100%);
}

.col-offset-12 {
	margin-left: calc((6 / 12) * 100%);
	margin-right: calc((6 / 12) * 100%);
}

.col-offset-reset {
	margin-left: initial;
	margin-right: initial;
}

/* XXL */
@media only screen and (max-width: 1440px) {
	.text-left-xxl { text-align: left; }
	.text-right-xxl { text-align: right; }
	.text-center-xxl { text-align: center; }

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

	.col-xxl-offset-1 {
		margin-left: calc((0.5 / 12) * 100%);
		margin-right: calc((0.5 / 12) * 100%);
	}

	.col-xxl-offset-2 {
		margin-left: calc((1 / 12) * 100%);
		margin-right: calc((1 / 12) * 100%);
	}

	.col-xxl-offset-3 {
		margin-left: calc((1.5 / 12) * 100%);
		margin-right: calc((1.5 / 12) * 100%);
	}

	.col-xxl-offset-4 {
		margin-left: calc((2 / 12) * 100%);
		margin-right: calc((2 / 12) * 100%);
	}

	.col-xxl-offset-5 {
		margin-left: calc((2.5 / 12) * 100%);
		margin-right: calc((2.5 / 12) * 100%);
	}

	.col-xxl-offset-6 {
		margin-left: calc((3 / 12) * 100%);
		margin-right: calc((3 / 12) * 100%);
	}

	.col-xxl-offset-7 {
		margin-left: calc((3.5 / 12) * 100%);
		margin-right: calc((3.5 / 12) * 100%);
	}

	.col-xxl-offset-8 {
		margin-left: calc((4 / 12) * 100%);
		margin-right: calc((4 / 12) * 100%);
	}

	.col-xxl-offset-9 {
		margin-left: calc((4.5 / 12) * 100%);
		margin-right: calc((4.5 / 12) * 100%);
	}

	.col-xxl-offset-10 {
		margin-left: calc((5 / 12) * 100%);
		margin-right: calc((5 / 12) * 100%);
	}

	.col-xxl-offset-11 {
		margin-left: calc((5.5 / 12) * 100%);
		margin-right: calc((5.5 / 12) * 100%);
	}

	.col-xxl-offset-12 {
		margin-left: calc((6 / 12) * 100%);
		margin-right: calc((6 / 12) * 100%);
	}

	.col-xxl-offset-reset {
		margin-left: initial;
		margin-right: initial;
	}
}

/* XL */
@media only screen and (max-width: 1366px) {
	.text-left-xl { text-align: left; }
	.text-right-xl { text-align: right; }
	.text-center-xl { text-align: center; }

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

	.col-xl-offset-1 {
		margin-left: calc((0.5 / 12) * 100%);
		margin-right: calc((0.5 / 12) * 100%);
	}

	.col-xl-offset-2 {
		margin-left: calc((1 / 12) * 100%);
		margin-right: calc((1 / 12) * 100%);
	}

	.col-xl-offset-3 {
		margin-left: calc((1.5 / 12) * 100%);
		margin-right: calc((1.5 / 12) * 100%);
	}

	.col-xl-offset-4 {
		margin-left: calc((2 / 12) * 100%);
		margin-right: calc((2 / 12) * 100%);
	}

	.col-xl-offset-5 {
		margin-left: calc((2.5 / 12) * 100%);
		margin-right: calc((2.5 / 12) * 100%);
	}

	.col-xl-offset-6 {
		margin-left: calc((3 / 12) * 100%);
		margin-right: calc((3 / 12) * 100%);
	}

	.col-xl-offset-7 {
		margin-left: calc((3.5 / 12) * 100%);
		margin-right: calc((3.5 / 12) * 100%);
	}

	.col-xl-offset-8 {
		margin-left: calc((4 / 12) * 100%);
		margin-right: calc((4 / 12) * 100%);
	}

	.col-xl-offset-9 {
		margin-left: calc((4.5 / 12) * 100%);
		margin-right: calc((4.5 / 12) * 100%);
	}

	.col-xl-offset-10 {
		margin-left: calc((5 / 12) * 100%);
		margin-right: calc((5 / 12) * 100%);
	}

	.col-xl-offset-11 {
		margin-left: calc((5.5 / 12) * 100%);
		margin-right: calc((5.5 / 12) * 100%);
	}

	.col-xl-offset-12 {
		margin-left: calc((6 / 12) * 100%);
		margin-right: calc((6 / 12) * 100%);
	}

	.col-xl-offset-reset {
		margin-left: initial;
		margin-right: initial;
	}
}

/* LG */
@media only screen and (max-width: 1080px) {
	.text-left-lg { text-align: left; }
	.text-right-lg { text-align: right; }
	.text-center-lg { text-align: center; }

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

	.col-lg-offset-1 {
		margin-left: calc((0.5 / 12) * 100%);
		margin-right: calc((0.5 / 12) * 100%);
	}

	.col-lg-offset-2 {
		margin-left: calc((1 / 12) * 100%);
		margin-right: calc((1 / 12) * 100%);
	}

	.col-lg-offset-3 {
		margin-left: calc((1.5 / 12) * 100%);
		margin-right: calc((1.5 / 12) * 100%);
	}

	.col-lg-offset-4 {
		margin-left: calc((2 / 12) * 100%);
		margin-right: calc((2 / 12) * 100%);
	}

	.col-lg-offset-5 {
		margin-left: calc((2.5 / 12) * 100%);
		margin-right: calc((2.5 / 12) * 100%);
	}

	.col-lg-offset-6 {
		margin-left: calc((3 / 12) * 100%);
		margin-right: calc((3 / 12) * 100%);
	}

	.col-lg-offset-7 {
		margin-left: calc((3.5 / 12) * 100%);
		margin-right: calc((3.5 / 12) * 100%);
	}

	.col-lg-offset-8 {
		margin-left: calc((4 / 12) * 100%);
		margin-right: calc((4 / 12) * 100%);
	}

	.col-lg-offset-9 {
		margin-left: calc((4.5 / 12) * 100%);
		margin-right: calc((4.5 / 12) * 100%);
	}

	.col-lg-offset-10 {
		margin-left: calc((5 / 12) * 100%);
		margin-right: calc((5 / 12) * 100%);
	}

	.col-lg-offset-11 {
		margin-left: calc((5.5 / 12) * 100%);
		margin-right: calc((5.5 / 12) * 100%);
	}

	.col-lg-offset-12 {
		margin-left: calc((6 / 12) * 100%);
		margin-right: calc((6 / 12) * 100%);
	}

	.col-lg-offset-reset {
		margin-left: initial;
		margin-right: initial;
	}
}

/* MD */
@media only screen and (max-width: 840px) {
	.text-left-md { text-align: left; }
	.text-right-md { text-align: right; }
	.text-center-md { text-align: center; }

	.col.col-reverse-md {
		display: flex;
		flex-direction: column-reverse;
	}

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

	.col-md-offset-1 {
		margin-left: calc((0.5 / 12) * 100%);
		margin-right: calc((0.5 / 12) * 100%);
	}

	.col-md-offset-2 {
		margin-left: calc((1 / 12) * 100%);
		margin-right: calc((1 / 12) * 100%);
	}

	.col-md-offset-3 {
		margin-left: calc((1.5 / 12) * 100%);
		margin-right: calc((1.5 / 12) * 100%);
	}

	.col-md-offset-4 {
		margin-left: calc((2 / 12) * 100%);
		margin-right: calc((2 / 12) * 100%);
	}

	.col-md-offset-5 {
		margin-left: calc((2.5 / 12) * 100%);
		margin-right: calc((2.5 / 12) * 100%);
	}

	.col-md-offset-6 {
		margin-left: calc((3 / 12) * 100%);
		margin-right: calc((3 / 12) * 100%);
	}

	.col-md-offset-7 {
		margin-left: calc((3.5 / 12) * 100%);
		margin-right: calc((3.5 / 12) * 100%);
	}

	.col-md-offset-8 {
		margin-left: calc((4 / 12) * 100%);
		margin-right: calc((4 / 12) * 100%);
	}

	.col-md-offset-9 {
		margin-left: calc((4.5 / 12) * 100%);
		margin-right: calc((4.5 / 12) * 100%);
	}

	.col-md-offset-10 {
		margin-left: calc((5 / 12) * 100%);
		margin-right: calc((5 / 12) * 100%);
	}

	.col-md-offset-11 {
		margin-left: calc((5.5 / 12) * 100%);
		margin-right: calc((5.5 / 12) * 100%);
	}

	.col-md-offset-12 {
		margin-left: calc((6 / 12) * 100%);
		margin-right: calc((6 / 12) * 100%);
	}

	.col-md-offset-reset {
		margin-left: initial;
		margin-right: initial;
	}
}

/* SM */
@media only screen and (max-width: 640px) {
	.text-left-sm { text-align: left; }
	.text-right-sm { text-align: right; }
	.text-center-sm { text-align: center; }

	.col.col-reverse-sm {
		display: flex;
		flex-direction: column-reverse;
	}

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

	.col-sm-offset-1 {
		margin-left: calc((0.5 / 12) * 100%);
		margin-right: calc((0.5 / 12) * 100%);
	}

	.col-sm-offset-2 {
		margin-left: calc((1 / 12) * 100%);
		margin-right: calc((1 / 12) * 100%);
	}

	.col-sm-offset-3 {
		margin-left: calc((1.5 / 12) * 100%);
		margin-right: calc((1.5 / 12) * 100%);
	}

	.col-sm-offset-4 {
		margin-left: calc((2 / 12) * 100%);
		margin-right: calc((2 / 12) * 100%);
	}

	.col-sm-offset-5 {
		margin-left: calc((2.5 / 12) * 100%);
		margin-right: calc((2.5 / 12) * 100%);
	}

	.col-sm-offset-6 {
		margin-left: calc((3 / 12) * 100%);
		margin-right: calc((3 / 12) * 100%);
	}

	.col-sm-offset-7 {
		margin-left: calc((3.5 / 12) * 100%);
		margin-right: calc((3.5 / 12) * 100%);
	}

	.col-sm-offset-8 {
		margin-left: calc((4 / 12) * 100%);
		margin-right: calc((4 / 12) * 100%);
	}

	.col-sm-offset-9 {
		margin-left: calc((4.5 / 12) * 100%);
		margin-right: calc((4.5 / 12) * 100%);
	}

	.col-sm-offset-10 {
		margin-left: calc((5 / 12) * 100%);
		margin-right: calc((5 / 12) * 100%);
	}

	.col-sm-offset-11 {
		margin-left: calc((5.5 / 12) * 100%);
		margin-right: calc((5.5 / 12) * 100%);
	}

	.col-sm-offset-12 {
		margin-left: calc((6 / 12) * 100%);
		margin-right: calc((6 / 12) * 100%);
	}

	.col-sm-offset-reset {
		margin-left: initial;
		margin-right: initial;
	}
}

/* XS */
@media only screen and (max-width: 424px) {
	.text-left-xs { text-align: left; }
	.text-right-xs { text-align: right; }
	.text-center-xs { text-align: center; }

	.col.col-reverse-xs {
		display: flex;
		flex-direction: column-reverse;
	}

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

	.col-xs-offset-1 {
		margin-left: calc((0.5 / 12) * 100%);
		margin-right: calc((0.5 / 12) * 100%);
	}

	.col-xs-offset-2 {
		margin-left: calc((1 / 12) * 100%);
		margin-right: calc((1 / 12) * 100%);
	}

	.col-xs-offset-3 {
		margin-left: calc((1.5 / 12) * 100%);
		margin-right: calc((1.5 / 12) * 100%);
	}

	.col-xs-offset-4 {
		margin-left: calc((2 / 12) * 100%);
		margin-right: calc((2 / 12) * 100%);
	}

	.col-xs-offset-5 {
		margin-left: calc((2.5 / 12) * 100%);
		margin-right: calc((2.5 / 12) * 100%);
	}

	.col-xs-offset-6 {
		margin-left: calc((3 / 12) * 100%);
		margin-right: calc((3 / 12) * 100%);
	}

	.col-xs-offset-7 {
		margin-left: calc((3.5 / 12) * 100%);
		margin-right: calc((3.5 / 12) * 100%);
	}

	.col-xs-offset-8 {
		margin-left: calc((4 / 12) * 100%);
		margin-right: calc((4 / 12) * 100%);
	}

	.col-xs-offset-9 {
		margin-left: calc((4.5 / 12) * 100%);
		margin-right: calc((4.5 / 12) * 100%);
	}

	.col-xs-offset-10 {
		margin-left: calc((5 / 12) * 100%);
		margin-right: calc((5 / 12) * 100%);
	}

	.col-xs-offset-11 {
		margin-left: calc((5.5 / 12) * 100%);
		margin-right: calc((5.5 / 12) * 100%);
	}

	.col-xs-offset-12 {
		margin-left: calc((6 / 12) * 100%);
		margin-right: calc((6 / 12) * 100%);
	}

	.col-xs-offset-reset {
		margin-left: initial;
		margin-right: initial;
	}

	.stroke-xs-fff {
    	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
	}
}

/* XXS */
@media only screen and (max-width: 375px) {
	.text-left-xxs { text-align: left; }
	.text-right-xxs { text-align: right; }
	.text-center-xxs { text-align: center; }

	.col.col-reverse-xxs {
		display: flex;
		flex-direction: column-reverse;
	}

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

	.col-xxs-offset-1 {
		margin-left: calc((0.5 / 12) * 100%);
		margin-right: calc((0.5 / 12) * 100%);
	}

	.col-xxs-offset-2 {
		margin-left: calc((1 / 12) * 100%);
		margin-right: calc((1 / 12) * 100%);
	}

	.col-xxs-offset-3 {
		margin-left: calc((1.5 / 12) * 100%);
		margin-right: calc((1.5 / 12) * 100%);
	}

	.col-xxs-offset-4 {
		margin-left: calc((2 / 12) * 100%);
		margin-right: calc((2 / 12) * 100%);
	}

	.col-xxs-offset-5 {
		margin-left: calc((2.5 / 12) * 100%);
		margin-right: calc((2.5 / 12) * 100%);
	}

	.col-xxs-offset-6 {
		margin-left: calc((3 / 12) * 100%);
		margin-right: calc((3 / 12) * 100%);
	}

	.col-xxs-offset-7 {
		margin-left: calc((3.5 / 12) * 100%);
		margin-right: calc((3.5 / 12) * 100%);
	}

	.col-xxs-offset-8 {
		margin-left: calc((4 / 12) * 100%);
		margin-right: calc((4 / 12) * 100%);
	}

	.col-xxs-offset-9 {
		margin-left: calc((4.5 / 12) * 100%);
		margin-right: calc((4.5 / 12) * 100%);
	}

	.col-xxs-offset-10 {
		margin-left: calc((5 / 12) * 100%);
		margin-right: calc((5 / 12) * 100%);
	}

	.col-xxs-offset-11 {
		margin-left: calc((5.5 / 12) * 100%);
		margin-right: calc((5.5 / 12) * 100%);
	}

	.col-xs-offset-12 {
		margin-left: calc((6 / 12) * 100%);
		margin-right: calc((6 / 12) * 100%);
	}

	.col-xs-offset-reset {
		margin-left: initial;
		margin-right: initial;
	}
}

/* XXXS */
@media only screen and (max-width: 320px) {
	.text-left-xxxs { text-align: left; }
	.text-right-xxxs { text-align: right; }
	.text-center-xxxs { text-align: center; }

	.col.col-reverse-xxxs {
		display: flex;
		flex-direction: column-reverse;
	}

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

	.col-xxxs-offset-1 {
		margin-left: calc((0.5 / 12) * 100%);
		margin-right: calc((0.5 / 12) * 100%);
	}

	.col-xxxs-offset-2 {
		margin-left: calc((1 / 12) * 100%);
		margin-right: calc((1 / 12) * 100%);
	}

	.col-xxxs-offset-3 {
		margin-left: calc((1.5 / 12) * 100%);
		margin-right: calc((1.5 / 12) * 100%);
	}

	.col-xxxs-offset-4 {
		margin-left: calc((2 / 12) * 100%);
		margin-right: calc((2 / 12) * 100%);
	}

	.col-xxxs-offset-5 {
		margin-left: calc((2.5 / 12) * 100%);
		margin-right: calc((2.5 / 12) * 100%);
	}

	.col-xxxs-offset-6 {
		margin-left: calc((3 / 12) * 100%);
		margin-right: calc((3 / 12) * 100%);
	}

	.col-xxxs-offset-7 {
		margin-left: calc((3.5 / 12) * 100%);
		margin-right: calc((3.5 / 12) * 100%);
	}

	.col-xxxs-offset-8 {
		margin-left: calc((4 / 12) * 100%);
		margin-right: calc((4 / 12) * 100%);
	}

	.col-xxxs-offset-9 {
		margin-left: calc((4.5 / 12) * 100%);
		margin-right: calc((4.5 / 12) * 100%);
	}

	.col-xxxs-offset-10 {
		margin-left: calc((5 / 12) * 100%);
		margin-right: calc((5 / 12) * 100%);
	}

	.col-xxxs-offset-11 {
		margin-left: calc((5.5 / 12) * 100%);
		margin-right: calc((5.5 / 12) * 100%);
	}

	.col-xxxs-offset-12 {
		margin-left: calc((6 / 12) * 100%);
		margin-right: calc((6 / 12) * 100%);
	}

	.col-xxxs-offset-reset {
		margin-left: initial;
		margin-right: initial;
	}
}