@charset "UTF-8";



/* Grid Row */
.row {	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
@media (max-width: 767px) {
	.row {
		flex-direction: column;
		flex-wrap: nowrap;
	}
}

/* Gutters */
.row.gutters,
.row.gutters > .row {
	margin-left: -16px;
}
@media (max-width: 767px) {
	.row.gutters,.row.gutters > .row {
		margin-left: 0;
	}
}
.row.gutters > .col,
.row.gutters > .row > .col {
	margin-left: 16px;
}
@media (max-width: 767px) {
	.row.gutters > .col,.row.gutters > .row > .col {
		margin-left: 0;
	}
}
.row.around {
	justify-content: space-around;
}
.row.between {
	justify-content: space-between;
}
.row.auto .col {
	flex-grow: 1;
}

/* Grid Columns */
.col-1 {
	width: 8.3333333333333%;
}
.offset-1 {
	margin-left: 8.3333333333333%;
}
.col-2 {
	width: 16.666666666667%;
}
.offset-2 {
	margin-left: 16.666666666667%;
}
.col-3 {
	width: 25%;
}
.offset-3 {
	margin-left: 25%;
}
.col-4 {
	width: 33.333333333333%;
}
.offset-4 {
	margin-left: 33.333333333333%;
}
.col-5 {
	width: 41.666666666667%;
}
.offset-5 {
	margin-left: 41.666666666667%;
}
.col-6 {
	width: 50%;
}
.offset-6 {
	margin-left: 50%;
}
.col-7 {
	width: 58.333333333333%;
}
.offset-7 {
	margin-left: 58.333333333333%;
}
.col-8 {
	width: 66.666666666667%;
}
.offset-8 {
	margin-left: 66.666666666667%;
}
.col-9 {
	width: 75%;
}
.offset-9 {
	margin-left: 75%;
}
.col-10 {
	width: 83.333333333333%;
}
.offset-10 {
	margin-left: 83.333333333333%;
}
.col-11 {
	width: 91.666666666667%;
}
.offset-11 {
	margin-left: 91.666666666667%;
}
.col-12 {
	width: 100%;
}
.offset-12 {
	margin-left: 100%;
}
.gutters > .col-1 {
	width: calc(8.3333333333333% - 16px);
}
.gutters  > .offset-1 {
	margin-left: calc(8.3333333333333% + 16px) !important;
}
.gutters > .col-2 {
	width: calc(16.666666666667% - 16px);
}
.gutters  > .offset-2 {
	margin-left: calc(16.666666666667% + 16px) !important;
}
.gutters > .col-3 {
	width: calc(25% - 16px);
}
.gutters  > .offset-3 {
	margin-left: calc(25% + 16px) !important;
}
.gutters > .col-4 {
	width: calc(33.333333333333% - 16px);
}
.gutters  > .offset-4 {
	margin-left: calc(33.333333333333% + 16px) !important;
}
.gutters > .col-5 {
	width: calc(41.666666666667% - 16px);
}
.gutters  > .offset-5 {
	margin-left: calc(41.666666666667% + 16px) !important;
}
.gutters > .col-6 {
	width: calc(50% - 16px);
}
.gutters  > .offset-6 {
	margin-left: calc(50% + 16px) !important;
}
.gutters > .col-7 {
	width: calc(58.333333333333% - 16px);
}
.gutters  > .offset-7 {
	margin-left: calc(58.333333333333% + 16px) !important;
}
.gutters > .col-8 {
	width: calc(66.666666666667% - 16px);
}
.gutters  > .offset-8 {
	margin-left: calc(66.666666666667% + 16px) !important;
}
.gutters > .col-9 {
	width: calc(75% - 16px);
}
.gutters  > .offset-9 {
	margin-left: calc(75% + 16px) !important;
}
.gutters > .col-10 {
	width: calc(83.333333333333% - 16px);
}
.gutters  > .offset-10 {
	margin-left: calc(83.333333333333% + 16px) !important;
}
.gutters > .col-11 {
	width: calc(91.666666666667% - 16px);
}
.gutters  > .offset-11 {
	margin-left: calc(91.666666666667% + 16px) !important;
}
.gutters > .col-12 {
	width: calc(100% - 16px);
}
.gutters  > .offset-12 {
	margin-left: calc(100% + 16px) !important;
}

/* Offset */
@media (max-width: 767px) {
	[class^='offset-'],
	[class*=' offset-'] {
		margin-left: 0;
	}
}

/* Ordering */
.first	{ order: -1; }
.last	{ order: 1;  }

@media (max-width: 767px) {
	.row .col {
		margin-left: 0;
		width: 100%;
	}
	.row.gutters .col {
		margin-bottom: 10%;
	}
	.first-sm {
		order: -1;
	}
	.last-sm {
		order: 1;
	}
}

/* Push */
.gutters .column.push-left,
.push-left  { margin-right: auto; }

.gutters .column.push-right,
.push-right  { margin-left: auto; }

.gutters .column.push-center,
.push-center { margin-left: auto; margin-right: auto; }

.gutters .column.push-middle,
.push-middle { margin-top:  auto; margin-bottom: auto; }

.push-bottom { margin-top:  auto; }

@media (max-width: 767px) {
	.gutters .column.push-left-sm,
	.push-left-sm   { margin-left: 0; }

	.gutters .column.push-center-sm,
	.push-center-sm { margin-left: auto; margin-right: auto;}

	.push-top-sm    { margin-top: 0;  }
}

/* Flex Alignment */
.align-top {
	align-items: flex-start;
}
.align-middle {
	align-items: center;
}
.align-bottom {
	align-items: flex-end;
}
.align-left {
	justify-content: flex-start;
}
.align-right {
	justify-content: flex-end;
}
.align-center {
	justify-content: center;
}

@media (max-width: 767px) {
	.align-left-sm { 	justify-content: flex-start;
 }
}