@import url(https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,700&display=swap);
@import url(https://use.typekit.net/exh6ixu.css);

.grid-x {
	display: flex;
	flex-flow: row wrap
}

.cell {
	flex: 0 0 auto;
	min-height: 0;
	min-width: 0;
	width: 100%
}

.cell.auto {
	flex: 1 1 0px
}

.cell.shrink {
	flex: 0 0 auto
}

.grid-x > .auto {
	width: auto
}

.grid-x > .shrink {
	width: auto
}

.grid-x > .small-1, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-full, .grid-x > .small-shrink {
	flex-basis: auto
}

@media print, screen and (min-width: 48em) {
	.grid-x > .medium-1, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-full, .grid-x > .medium-shrink {
		flex-basis: auto
	}
}

@media print, screen and (min-width: 64em) {
	.grid-x > .large-1, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-full, .grid-x > .large-shrink {
		flex-basis: auto
	}
}

.grid-x > .small-1, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9 {
	flex: 0 0 auto
}

.grid-x > .small-1 {
	width: 8.33333%
}

.grid-x > .small-2 {
	width: 16.66667%
}

.grid-x > .small-3 {
	width: 25%
}

.grid-x > .small-4 {
	width: 33.33333%
}

.grid-x > .small-5 {
	width: 41.66667%
}

.grid-x > .small-6 {
	width: 50%
}

.grid-x > .small-7 {
	width: 58.33333%
}

.grid-x > .small-8 {
	width: 66.66667%
}

.grid-x > .small-9 {
	width: 75%
}

.grid-x > .small-10 {
	width: 83.33333%
}

.grid-x > .small-11 {
	width: 91.66667%
}

.grid-x > .small-12 {
	width: 100%
}

@media print, screen and (min-width: 48em) {
	.grid-x > .medium-auto {
		flex: 1 1 0px;
		width: auto
	}
	
	.grid-x > .medium-1, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-shrink {
		flex: 0 0 auto
	}
	
	.grid-x > .medium-shrink {
		width: auto
	}
	
	.grid-x > .medium-1 {
		width: 8.33333%
	}
	
	.grid-x > .medium-2 {
		width: 16.66667%
	}
	
	.grid-x > .medium-3 {
		width: 25%
	}
	
	.grid-x > .medium-4 {
		width: 33.33333%
	}
	
	.grid-x > .medium-5 {
		width: 41.66667%
	}
	
	.grid-x > .medium-6 {
		width: 50%
	}
	
	.grid-x > .medium-7 {
		width: 58.33333%
	}
	
	.grid-x > .medium-8 {
		width: 66.66667%
	}
	
	.grid-x > .medium-9 {
		width: 75%
	}
	
	.grid-x > .medium-10 {
		width: 83.33333%
	}
	
	.grid-x > .medium-11 {
		width: 91.66667%
	}
	
	.grid-x > .medium-12 {
		width: 100%
	}
}

@media print, screen and (min-width: 64em) {
	.grid-x > .large-auto {
		flex: 1 1 0px;
		width: auto
	}
	
	.grid-x > .large-1, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-shrink {
		flex: 0 0 auto
	}
	
	.grid-x > .large-shrink {
		width: auto
	}
	
	.grid-x > .large-1 {
		width: 8.33333%
	}
	
	.grid-x > .large-2 {
		width: 16.66667%
	}
	
	.grid-x > .large-3 {
		width: 25%
	}
	
	.grid-x > .large-4 {
		width: 33.33333%
	}
	
	.grid-x > .large-5 {
		width: 41.66667%
	}
	
	.grid-x > .large-6 {
		width: 50%
	}
	
	.grid-x > .large-7 {
		width: 58.33333%
	}
	
	.grid-x > .large-8 {
		width: 66.66667%
	}
	
	.grid-x > .large-9 {
		width: 75%
	}
	
	.grid-x > .large-10 {
		width: 83.33333%
	}
	
	.grid-x > .large-11 {
		width: 91.66667%
	}
	
	.grid-x > .large-12 {
		width: 100%
	}
}

.grid-margin-x:not(.grid-x) > .cell {
	width: auto
}

.grid-margin-y:not(.grid-y) > .cell {
	height: auto
}

.grid-margin-x {
	margin-left: -.625rem;
	margin-right: -.625rem
}

@media print, screen and (min-width: 48em) {
	.grid-margin-x {
		margin-left: -.9375rem;
		margin-right: -.9375rem
	}
}

.grid-margin-x > .cell {
	width: calc(100% - 1.25rem);
	margin-left: .625rem;
	margin-right: .625rem
}

@media print, screen and (min-width: 48em) {
	.grid-margin-x > .cell {
		width: calc(100% - 1.875rem);
		margin-left: .9375rem;
		margin-right: .9375rem
	}
}

.grid-margin-x > .auto {
	width: auto
}

.grid-margin-x > .shrink {
	width: auto
}

.grid-margin-x > .small-1 {
	width: calc(8.33333% - 1.25rem)
}

.grid-margin-x > .small-2 {
	width: calc(16.66667% - 1.25rem)
}

.grid-margin-x > .small-3 {
	width: calc(25% - 1.25rem)
}

.grid-margin-x > .small-4 {
	width: calc(33.33333% - 1.25rem)
}

.grid-margin-x > .small-5 {
	width: calc(41.66667% - 1.25rem)
}

.grid-margin-x > .small-6 {
	width: calc(50% - 1.25rem)
}

.grid-margin-x > .small-7 {
	width: calc(58.33333% - 1.25rem)
}

.grid-margin-x > .small-8 {
	width: calc(66.66667% - 1.25rem)
}

.grid-margin-x > .small-9 {
	width: calc(75% - 1.25rem)
}

.grid-margin-x > .small-10 {
	width: calc(83.33333% - 1.25rem)
}

.grid-margin-x > .small-11 {
	width: calc(91.66667% - 1.25rem)
}

.grid-margin-x > .small-12 {
	width: calc(100% - 1.25rem)
}

@media print, screen and (min-width: 48em) {
	.grid-margin-x > .auto {
		width: auto
	}
	
	.grid-margin-x > .shrink {
		width: auto
	}
	
	.grid-margin-x > .small-1 {
		width: calc(8.33333% - 1.875rem)
	}
	
	.grid-margin-x > .small-2 {
		width: calc(16.66667% - 1.875rem)
	}
	
	.grid-margin-x > .small-3 {
		width: calc(25% - 1.875rem)
	}
	
	.grid-margin-x > .small-4 {
		width: calc(33.33333% - 1.875rem)
	}
	
	.grid-margin-x > .small-5 {
		width: calc(41.66667% - 1.875rem)
	}
	
	.grid-margin-x > .small-6 {
		width: calc(50% - 1.875rem)
	}
	
	.grid-margin-x > .small-7 {
		width: calc(58.33333% - 1.875rem)
	}
	
	.grid-margin-x > .small-8 {
		width: calc(66.66667% - 1.875rem)
	}
	
	.grid-margin-x > .small-9 {
		width: calc(75% - 1.875rem)
	}
	
	.grid-margin-x > .small-10 {
		width: calc(83.33333% - 1.875rem)
	}
	
	.grid-margin-x > .small-11 {
		width: calc(91.66667% - 1.875rem)
	}
	
	.grid-margin-x > .small-12 {
		width: calc(100% - 1.875rem)
	}
	
	.grid-margin-x > .medium-auto {
		width: auto
	}
	
	.grid-margin-x > .medium-shrink {
		width: auto
	}
	
	.grid-margin-x > .medium-1 {
		width: calc(8.33333% - 1.875rem)
	}
	
	.grid-margin-x > .medium-2 {
		width: calc(16.66667% - 1.875rem)
	}
	
	.grid-margin-x > .medium-3 {
		width: calc(25% - 1.875rem)
	}
	
	.grid-margin-x > .medium-4 {
		width: calc(33.33333% - 1.875rem)
	}
	
	.grid-margin-x > .medium-5 {
		width: calc(41.66667% - 1.875rem)
	}
	
	.grid-margin-x > .medium-6 {
		width: calc(50% - 1.875rem)
	}
	
	.grid-margin-x > .medium-7 {
		width: calc(58.33333% - 1.875rem)
	}
	
	.grid-margin-x > .medium-8 {
		width: calc(66.66667% - 1.875rem)
	}
	
	.grid-margin-x > .medium-9 {
		width: calc(75% - 1.875rem)
	}
	
	.grid-margin-x > .medium-10 {
		width: calc(83.33333% - 1.875rem)
	}
	
	.grid-margin-x > .medium-11 {
		width: calc(91.66667% - 1.875rem)
	}
	
	.grid-margin-x > .medium-12 {
		width: calc(100% - 1.875rem)
	}
}

@media print, screen and (min-width: 64em) {
	.grid-margin-x > .large-auto {
		width: auto
	}
	
	.grid-margin-x > .large-shrink {
		width: auto
	}
	
	.grid-margin-x > .large-1 {
		width: calc(8.33333% - 1.875rem)
	}
	
	.grid-margin-x > .large-2 {
		width: calc(16.66667% - 1.875rem)
	}
	
	.grid-margin-x > .large-3 {
		width: calc(25% - 1.875rem)
	}
	
	.grid-margin-x > .large-4 {
		width: calc(33.33333% - 1.875rem)
	}
	
	.grid-margin-x > .large-5 {
		width: calc(41.66667% - 1.875rem)
	}
	
	.grid-margin-x > .large-6 {
		width: calc(50% - 1.875rem)
	}
	
	.grid-margin-x > .large-7 {
		width: calc(58.33333% - 1.875rem)
	}
	
	.grid-margin-x > .large-8 {
		width: calc(66.66667% - 1.875rem)
	}
	
	.grid-margin-x > .large-9 {
		width: calc(75% - 1.875rem)
	}
	
	.grid-margin-x > .large-10 {
		width: calc(83.33333% - 1.875rem)
	}
	
	.grid-margin-x > .large-11 {
		width: calc(91.66667% - 1.875rem)
	}
	
	.grid-margin-x > .large-12 {
		width: calc(100% - 1.875rem)
	}
}

.grid-padding-x .grid-padding-x {
	margin-right: -.625rem;
	margin-left: -.625rem
}

@media print, screen and (min-width: 48em) {
	.grid-padding-x .grid-padding-x {
		margin-right: -.9375rem;
		margin-left: -.9375rem
	}
}

.grid-padding-x > .cell {
	padding-right: .625rem;
	padding-left: .625rem
}

@media print, screen and (min-width: 48em) {
	.grid-padding-x > .cell {
		padding-right: .9375rem;
		padding-left: .9375rem
	}
}

.small-up-1 > .cell {
	width: 100%
}

.small-up-2 > .cell {
	width: 50%
}

.small-up-3 > .cell {
	width: 33.33333%
}

.small-up-4 > .cell {
	width: 25%
}

.small-up-5 > .cell {
	width: 20%
}

.small-up-6 > .cell {
	width: 16.66667%
}

.small-up-7 > .cell {
	width: 14.28571%
}

.small-up-8 > .cell {
	width: 12.5%
}

@media print, screen and (min-width: 48em) {
	.medium-up-1 > .cell {
		width: 100%
	}
	
	.medium-up-2 > .cell {
		width: 50%
	}
	
	.medium-up-3 > .cell {
		width: 33.33333%
	}
	
	.medium-up-4 > .cell {
		width: 25%
	}
	
	.medium-up-5 > .cell {
		width: 20%
	}
	
	.medium-up-6 > .cell {
		width: 16.66667%
	}
	
	.medium-up-7 > .cell {
		width: 14.28571%
	}
	
	.medium-up-8 > .cell {
		width: 12.5%
	}
}

@media print, screen and (min-width: 64em) {
	.large-up-1 > .cell {
		width: 100%
	}
	
	.large-up-2 > .cell {
		width: 50%
	}
	
	.large-up-3 > .cell {
		width: 33.33333%
	}
	
	.large-up-4 > .cell {
		width: 25%
	}
	
	.large-up-5 > .cell {
		width: 20%
	}
	
	.large-up-6 > .cell {
		width: 16.66667%
	}
	
	.large-up-7 > .cell {
		width: 14.28571%
	}
	
	.large-up-8 > .cell {
		width: 12.5%
	}
}

.grid-margin-x.small-up-1 > .cell {
	width: calc(100% - 1.25rem)
}

.grid-margin-x.small-up-2 > .cell {
	width: calc(50% - 1.25rem)
}

.grid-margin-x.small-up-3 > .cell {
	width: calc(33.33333% - 1.25rem)
}

.grid-margin-x.small-up-4 > .cell {
	width: calc(25% - 1.25rem)
}

.grid-margin-x.small-up-5 > .cell {
	width: calc(20% - 1.25rem)
}

.grid-margin-x.small-up-6 > .cell {
	width: calc(16.66667% - 1.25rem)
}

.grid-margin-x.small-up-7 > .cell {
	width: calc(14.28571% - 1.25rem)
}

.grid-margin-x.small-up-8 > .cell {
	width: calc(12.5% - 1.25rem)
}

@media print, screen and (min-width: 48em) {
	.grid-margin-x.small-up-1 > .cell {
		width: calc(100% - 1.875rem)
	}
	
	.grid-margin-x.small-up-2 > .cell {
		width: calc(50% - 1.875rem)
	}
	
	.grid-margin-x.small-up-3 > .cell {
		width: calc(33.33333% - 1.875rem)
	}
	
	.grid-margin-x.small-up-4 > .cell {
		width: calc(25% - 1.875rem)
	}
	
	.grid-margin-x.small-up-5 > .cell {
		width: calc(20% - 1.875rem)
	}
	
	.grid-margin-x.small-up-6 > .cell {
		width: calc(16.66667% - 1.875rem)
	}
	
	.grid-margin-x.small-up-7 > .cell {
		width: calc(14.28571% - 1.875rem)
	}
	
	.grid-margin-x.small-up-8 > .cell {
		width: calc(12.5% - 1.875rem)
	}
	
	.grid-margin-x.medium-up-1 > .cell {
		width: calc(100% - 1.875rem)
	}
	
	.grid-margin-x.medium-up-2 > .cell {
		width: calc(50% - 1.875rem)
	}
	
	.grid-margin-x.medium-up-3 > .cell {
		width: calc(33.33333% - 1.875rem)
	}
	
	.grid-margin-x.medium-up-4 > .cell {
		width: calc(25% - 1.875rem)
	}
	
	.grid-margin-x.medium-up-5 > .cell {
		width: calc(20% - 1.875rem)
	}
	
	.grid-margin-x.medium-up-6 > .cell {
		width: calc(16.66667% - 1.875rem)
	}
	
	.grid-margin-x.medium-up-7 > .cell {
		width: calc(14.28571% - 1.875rem)
	}
	
	.grid-margin-x.medium-up-8 > .cell {
		width: calc(12.5% - 1.875rem)
	}
}

@media print, screen and (min-width: 64em) {
	.grid-margin-x.large-up-1 > .cell {
		width: calc(100% - 1.875rem)
	}
	
	.grid-margin-x.large-up-2 > .cell {
		width: calc(50% - 1.875rem)
	}
	
	.grid-margin-x.large-up-3 > .cell {
		width: calc(33.33333% - 1.875rem)
	}
	
	.grid-margin-x.large-up-4 > .cell {
		width: calc(25% - 1.875rem)
	}
	
	.grid-margin-x.large-up-5 > .cell {
		width: calc(20% - 1.875rem)
	}
	
	.grid-margin-x.large-up-6 > .cell {
		width: calc(16.66667% - 1.875rem)
	}
	
	.grid-margin-x.large-up-7 > .cell {
		width: calc(14.28571% - 1.875rem)
	}
	
	.grid-margin-x.large-up-8 > .cell {
		width: calc(12.5% - 1.875rem)
	}
}

.small-margin-collapse {
	margin-right: 0;
	margin-left: 0
}

.small-margin-collapse > .cell {
	margin-right: 0;
	margin-left: 0
}

.small-margin-collapse > .small-1 {
	width: 8.33333%
}

.small-margin-collapse > .small-2 {
	width: 16.66667%
}

.small-margin-collapse > .small-3 {
	width: 25%
}

.small-margin-collapse > .small-4 {
	width: 33.33333%
}

.small-margin-collapse > .small-5 {
	width: 41.66667%
}

.small-margin-collapse > .small-6 {
	width: 50%
}

.small-margin-collapse > .small-7 {
	width: 58.33333%
}

.small-margin-collapse > .small-8 {
	width: 66.66667%
}

.small-margin-collapse > .small-9 {
	width: 75%
}

.small-margin-collapse > .small-10 {
	width: 83.33333%
}

.small-margin-collapse > .small-11 {
	width: 91.66667%
}

.small-margin-collapse > .small-12 {
	width: 100%
}

@media print, screen and (min-width: 48em) {
	.small-margin-collapse > .medium-1 {
		width: 8.33333%
	}
	
	.small-margin-collapse > .medium-2 {
		width: 16.66667%
	}
	
	.small-margin-collapse > .medium-3 {
		width: 25%
	}
	
	.small-margin-collapse > .medium-4 {
		width: 33.33333%
	}
	
	.small-margin-collapse > .medium-5 {
		width: 41.66667%
	}
	
	.small-margin-collapse > .medium-6 {
		width: 50%
	}
	
	.small-margin-collapse > .medium-7 {
		width: 58.33333%
	}
	
	.small-margin-collapse > .medium-8 {
		width: 66.66667%
	}
	
	.small-margin-collapse > .medium-9 {
		width: 75%
	}
	
	.small-margin-collapse > .medium-10 {
		width: 83.33333%
	}
	
	.small-margin-collapse > .medium-11 {
		width: 91.66667%
	}
	
	.small-margin-collapse > .medium-12 {
		width: 100%
	}
}

@media print, screen and (min-width: 64em) {
	.small-margin-collapse > .large-1 {
		width: 8.33333%
	}
	
	.small-margin-collapse > .large-2 {
		width: 16.66667%
	}
	
	.small-margin-collapse > .large-3 {
		width: 25%
	}
	
	.small-margin-collapse > .large-4 {
		width: 33.33333%
	}
	
	.small-margin-collapse > .large-5 {
		width: 41.66667%
	}
	
	.small-margin-collapse > .large-6 {
		width: 50%
	}
	
	.small-margin-collapse > .large-7 {
		width: 58.33333%
	}
	
	.small-margin-collapse > .large-8 {
		width: 66.66667%
	}
	
	.small-margin-collapse > .large-9 {
		width: 75%
	}
	
	.small-margin-collapse > .large-10 {
		width: 83.33333%
	}
	
	.small-margin-collapse > .large-11 {
		width: 91.66667%
	}
	
	.small-margin-collapse > .large-12 {
		width: 100%
	}
}

.small-padding-collapse {
	margin-right: 0;
	margin-left: 0
}

.small-padding-collapse > .cell {
	padding-right: 0;
	padding-left: 0
}

@media print, screen and (min-width: 48em) {
	.medium-margin-collapse {
		margin-right: 0;
		margin-left: 0
	}
	
	.medium-margin-collapse > .cell {
		margin-right: 0;
		margin-left: 0
	}
}

@media print, screen and (min-width: 48em) {
	.medium-margin-collapse > .small-1 {
		width: 8.33333%
	}
	
	.medium-margin-collapse > .small-2 {
		width: 16.66667%
	}
	
	.medium-margin-collapse > .small-3 {
		width: 25%
	}
	
	.medium-margin-collapse > .small-4 {
		width: 33.33333%
	}
	
	.medium-margin-collapse > .small-5 {
		width: 41.66667%
	}
	
	.medium-margin-collapse > .small-6 {
		width: 50%
	}
	
	.medium-margin-collapse > .small-7 {
		width: 58.33333%
	}
	
	.medium-margin-collapse > .small-8 {
		width: 66.66667%
	}
	
	.medium-margin-collapse > .small-9 {
		width: 75%
	}
	
	.medium-margin-collapse > .small-10 {
		width: 83.33333%
	}
	
	.medium-margin-collapse > .small-11 {
		width: 91.66667%
	}
	
	.medium-margin-collapse > .small-12 {
		width: 100%
	}
}

@media print, screen and (min-width: 48em) {
	.medium-margin-collapse > .medium-1 {
		width: 8.33333%
	}
	
	.medium-margin-collapse > .medium-2 {
		width: 16.66667%
	}
	
	.medium-margin-collapse > .medium-3 {
		width: 25%
	}
	
	.medium-margin-collapse > .medium-4 {
		width: 33.33333%
	}
	
	.medium-margin-collapse > .medium-5 {
		width: 41.66667%
	}
	
	.medium-margin-collapse > .medium-6 {
		width: 50%
	}
	
	.medium-margin-collapse > .medium-7 {
		width: 58.33333%
	}
	
	.medium-margin-collapse > .medium-8 {
		width: 66.66667%
	}
	
	.medium-margin-collapse > .medium-9 {
		width: 75%
	}
	
	.medium-margin-collapse > .medium-10 {
		width: 83.33333%
	}
	
	.medium-margin-collapse > .medium-11 {
		width: 91.66667%
	}
	
	.medium-margin-collapse > .medium-12 {
		width: 100%
	}
}

@media print, screen and (min-width: 64em) {
	.medium-margin-collapse > .large-1 {
		width: 8.33333%
	}
	
	.medium-margin-collapse > .large-2 {
		width: 16.66667%
	}
	
	.medium-margin-collapse > .large-3 {
		width: 25%
	}
	
	.medium-margin-collapse > .large-4 {
		width: 33.33333%
	}
	
	.medium-margin-collapse > .large-5 {
		width: 41.66667%
	}
	
	.medium-margin-collapse > .large-6 {
		width: 50%
	}
	
	.medium-margin-collapse > .large-7 {
		width: 58.33333%
	}
	
	.medium-margin-collapse > .large-8 {
		width: 66.66667%
	}
	
	.medium-margin-collapse > .large-9 {
		width: 75%
	}
	
	.medium-margin-collapse > .large-10 {
		width: 83.33333%
	}
	
	.medium-margin-collapse > .large-11 {
		width: 91.66667%
	}
	
	.medium-margin-collapse > .large-12 {
		width: 100%
	}
}

@media print, screen and (min-width: 48em) {
	.medium-padding-collapse {
		margin-right: 0;
		margin-left: 0
	}
	
	.medium-padding-collapse > .cell {
		padding-right: 0;
		padding-left: 0
	}
}

@media print, screen and (min-width: 64em) {
	.large-margin-collapse {
		margin-right: 0;
		margin-left: 0
	}
	
	.large-margin-collapse > .cell {
		margin-right: 0;
		margin-left: 0
	}
}

@media print, screen and (min-width: 64em) {
	.large-margin-collapse > .small-1 {
		width: 8.33333%
	}
	
	.large-margin-collapse > .small-2 {
		width: 16.66667%
	}
	
	.large-margin-collapse > .small-3 {
		width: 25%
	}
	
	.large-margin-collapse > .small-4 {
		width: 33.33333%
	}
	
	.large-margin-collapse > .small-5 {
		width: 41.66667%
	}
	
	.large-margin-collapse > .small-6 {
		width: 50%
	}
	
	.large-margin-collapse > .small-7 {
		width: 58.33333%
	}
	
	.large-margin-collapse > .small-8 {
		width: 66.66667%
	}
	
	.large-margin-collapse > .small-9 {
		width: 75%
	}
	
	.large-margin-collapse > .small-10 {
		width: 83.33333%
	}
	
	.large-margin-collapse > .small-11 {
		width: 91.66667%
	}
	
	.large-margin-collapse > .small-12 {
		width: 100%
	}
}

@media print, screen and (min-width: 64em) {
	.large-margin-collapse > .medium-1 {
		width: 8.33333%
	}
	
	.large-margin-collapse > .medium-2 {
		width: 16.66667%
	}
	
	.large-margin-collapse > .medium-3 {
		width: 25%
	}
	
	.large-margin-collapse > .medium-4 {
		width: 33.33333%
	}
	
	.large-margin-collapse > .medium-5 {
		width: 41.66667%
	}
	
	.large-margin-collapse > .medium-6 {
		width: 50%
	}
	
	.large-margin-collapse > .medium-7 {
		width: 58.33333%
	}
	
	.large-margin-collapse > .medium-8 {
		width: 66.66667%
	}
	
	.large-margin-collapse > .medium-9 {
		width: 75%
	}
	
	.large-margin-collapse > .medium-10 {
		width: 83.33333%
	}
	
	.large-margin-collapse > .medium-11 {
		width: 91.66667%
	}
	
	.large-margin-collapse > .medium-12 {
		width: 100%
	}
}

@media print, screen and (min-width: 64em) {
	.large-margin-collapse > .large-1 {
		width: 8.33333%
	}
	
	.large-margin-collapse > .large-2 {
		width: 16.66667%
	}
	
	.large-margin-collapse > .large-3 {
		width: 25%
	}
	
	.large-margin-collapse > .large-4 {
		width: 33.33333%
	}
	
	.large-margin-collapse > .large-5 {
		width: 41.66667%
	}
	
	.large-margin-collapse > .large-6 {
		width: 50%
	}
	
	.large-margin-collapse > .large-7 {
		width: 58.33333%
	}
	
	.large-margin-collapse > .large-8 {
		width: 66.66667%
	}
	
	.large-margin-collapse > .large-9 {
		width: 75%
	}
	
	.large-margin-collapse > .large-10 {
		width: 83.33333%
	}
	
	.large-margin-collapse > .large-11 {
		width: 91.66667%
	}
	
	.large-margin-collapse > .large-12 {
		width: 100%
	}
}

@media print, screen and (min-width: 64em) {
	.large-padding-collapse {
		margin-right: 0;
		margin-left: 0
	}
	
	.large-padding-collapse > .cell {
		padding-right: 0;
		padding-left: 0
	}
}

.small-offset-0 {
	margin-left: 0
}

.grid-margin-x > .small-offset-0 {
	margin-left: calc(0% + .625rem)
}

.small-offset-1 {
	margin-left: 8.33333%
}

.grid-margin-x > .small-offset-1 {
	margin-left: calc(8.33333% + .625rem)
}

.small-offset-2 {
	margin-left: 16.66667%
}

.grid-margin-x > .small-offset-2 {
	margin-left: calc(16.66667% + .625rem)
}

.small-offset-3 {
	margin-left: 25%
}

.grid-margin-x > .small-offset-3 {
	margin-left: calc(25% + .625rem)
}

.small-offset-4 {
	margin-left: 33.33333%
}

.grid-margin-x > .small-offset-4 {
	margin-left: calc(33.33333% + .625rem)
}

.small-offset-5 {
	margin-left: 41.66667%
}

.grid-margin-x > .small-offset-5 {
	margin-left: calc(41.66667% + .625rem)
}

.small-offset-6 {
	margin-left: 50%
}

.grid-margin-x > .small-offset-6 {
	margin-left: calc(50% + .625rem)
}

.small-offset-7 {
	margin-left: 58.33333%
}

.grid-margin-x > .small-offset-7 {
	margin-left: calc(58.33333% + .625rem)
}

.small-offset-8 {
	margin-left: 66.66667%
}

.grid-margin-x > .small-offset-8 {
	margin-left: calc(66.66667% + .625rem)
}

.small-offset-9 {
	margin-left: 75%
}

.grid-margin-x > .small-offset-9 {
	margin-left: calc(75% + .625rem)
}

.small-offset-10 {
	margin-left: 83.33333%
}

.grid-margin-x > .small-offset-10 {
	margin-left: calc(83.33333% + .625rem)
}

.small-offset-11 {
	margin-left: 91.66667%
}

.grid-margin-x > .small-offset-11 {
	margin-left: calc(91.66667% + .625rem)
}

@media print, screen and (min-width: 48em) {
	.medium-offset-0 {
		margin-left: 0
	}
	
	.grid-margin-x > .medium-offset-0 {
		margin-left: calc(0% + .9375rem)
	}
	
	.medium-offset-1 {
		margin-left: 8.33333%
	}
	
	.grid-margin-x > .medium-offset-1 {
		margin-left: calc(8.33333% + .9375rem)
	}
	
	.medium-offset-2 {
		margin-left: 16.66667%
	}
	
	.grid-margin-x > .medium-offset-2 {
		margin-left: calc(16.66667% + .9375rem)
	}
	
	.medium-offset-3 {
		margin-left: 25%
	}
	
	.grid-margin-x > .medium-offset-3 {
		margin-left: calc(25% + .9375rem)
	}
	
	.medium-offset-4 {
		margin-left: 33.33333%
	}
	
	.grid-margin-x > .medium-offset-4 {
		margin-left: calc(33.33333% + .9375rem)
	}
	
	.medium-offset-5 {
		margin-left: 41.66667%
	}
	
	.grid-margin-x > .medium-offset-5 {
		margin-left: calc(41.66667% + .9375rem)
	}
	
	.medium-offset-6 {
		margin-left: 50%
	}
	
	.grid-margin-x > .medium-offset-6 {
		margin-left: calc(50% + .9375rem)
	}
	
	.medium-offset-7 {
		margin-left: 58.33333%
	}
	
	.grid-margin-x > .medium-offset-7 {
		margin-left: calc(58.33333% + .9375rem)
	}
	
	.medium-offset-8 {
		margin-left: 66.66667%
	}
	
	.grid-margin-x > .medium-offset-8 {
		margin-left: calc(66.66667% + .9375rem)
	}
	
	.medium-offset-9 {
		margin-left: 75%
	}
	
	.grid-margin-x > .medium-offset-9 {
		margin-left: calc(75% + .9375rem)
	}
	
	.medium-offset-10 {
		margin-left: 83.33333%
	}
	
	.grid-margin-x > .medium-offset-10 {
		margin-left: calc(83.33333% + .9375rem)
	}
	
	.medium-offset-11 {
		margin-left: 91.66667%
	}
	
	.grid-margin-x > .medium-offset-11 {
		margin-left: calc(91.66667% + .9375rem)
	}
}

@media print, screen and (min-width: 64em) {
	.large-offset-0 {
		margin-left: 0
	}
	
	.grid-margin-x > .large-offset-0 {
		margin-left: calc(0% + .9375rem)
	}
	
	.large-offset-1 {
		margin-left: 8.33333%
	}
	
	.grid-margin-x > .large-offset-1 {
		margin-left: calc(8.33333% + .9375rem)
	}
	
	.large-offset-2 {
		margin-left: 16.66667%
	}
	
	.grid-margin-x > .large-offset-2 {
		margin-left: calc(16.66667% + .9375rem)
	}
	
	.large-offset-3 {
		margin-left: 25%
	}
	
	.grid-margin-x > .large-offset-3 {
		margin-left: calc(25% + .9375rem)
	}
	
	.large-offset-4 {
		margin-left: 33.33333%
	}
	
	.grid-margin-x > .large-offset-4 {
		margin-left: calc(33.33333% + .9375rem)
	}
	
	.large-offset-5 {
		margin-left: 41.66667%
	}
	
	.grid-margin-x > .large-offset-5 {
		margin-left: calc(41.66667% + .9375rem)
	}
	
	.large-offset-6 {
		margin-left: 50%
	}
	
	.grid-margin-x > .large-offset-6 {
		margin-left: calc(50% + .9375rem)
	}
	
	.large-offset-7 {
		margin-left: 58.33333%
	}
	
	.grid-margin-x > .large-offset-7 {
		margin-left: calc(58.33333% + .9375rem)
	}
	
	.large-offset-8 {
		margin-left: 66.66667%
	}
	
	.grid-margin-x > .large-offset-8 {
		margin-left: calc(66.66667% + .9375rem)
	}
	
	.large-offset-9 {
		margin-left: 75%
	}
	
	.grid-margin-x > .large-offset-9 {
		margin-left: calc(75% + .9375rem)
	}
	
	.large-offset-10 {
		margin-left: 83.33333%
	}
	
	.grid-margin-x > .large-offset-10 {
		margin-left: calc(83.33333% + .9375rem)
	}
	
	.large-offset-11 {
		margin-left: 91.66667%
	}
	
	.grid-margin-x > .large-offset-11 {
		margin-left: calc(91.66667% + .9375rem)
	}
}

.grid-y {
	display: flex;
	flex-flow: column nowrap
}

.grid-y > .cell {
	height: auto;
	max-height: none
}

.grid-y > .auto {
	height: auto
}

.grid-y > .shrink {
	height: auto
}

.grid-y > .small-1, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-full, .grid-y > .small-shrink {
	flex-basis: auto
}

@media print, screen and (min-width: 48em) {
	.grid-y > .medium-1, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-full, .grid-y > .medium-shrink {
		flex-basis: auto
	}
}

@media print, screen and (min-width: 64em) {
	.grid-y > .large-1, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-full, .grid-y > .large-shrink {
		flex-basis: auto
	}
}

.grid-y > .small-1, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9 {
	flex: 0 0 auto
}

.grid-y > .small-1 {
	height: 8.33333%
}

.grid-y > .small-2 {
	height: 16.66667%
}

.grid-y > .small-3 {
	height: 25%
}

.grid-y > .small-4 {
	height: 33.33333%
}

.grid-y > .small-5 {
	height: 41.66667%
}

.grid-y > .small-6 {
	height: 50%
}

.grid-y > .small-7 {
	height: 58.33333%
}

.grid-y > .small-8 {
	height: 66.66667%
}

.grid-y > .small-9 {
	height: 75%
}

.grid-y > .small-10 {
	height: 83.33333%
}

.grid-y > .small-11 {
	height: 91.66667%
}

.grid-y > .small-12 {
	height: 100%
}

@media print, screen and (min-width: 48em) {
	.grid-y > .medium-auto {
		flex: 1 1 0px;
		height: auto
	}
	
	.grid-y > .medium-1, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-shrink {
		flex: 0 0 auto
	}
	
	.grid-y > .medium-shrink {
		height: auto
	}
	
	.grid-y > .medium-1 {
		height: 8.33333%
	}
	
	.grid-y > .medium-2 {
		height: 16.66667%
	}
	
	.grid-y > .medium-3 {
		height: 25%
	}
	
	.grid-y > .medium-4 {
		height: 33.33333%
	}
	
	.grid-y > .medium-5 {
		height: 41.66667%
	}
	
	.grid-y > .medium-6 {
		height: 50%
	}
	
	.grid-y > .medium-7 {
		height: 58.33333%
	}
	
	.grid-y > .medium-8 {
		height: 66.66667%
	}
	
	.grid-y > .medium-9 {
		height: 75%
	}
	
	.grid-y > .medium-10 {
		height: 83.33333%
	}
	
	.grid-y > .medium-11 {
		height: 91.66667%
	}
	
	.grid-y > .medium-12 {
		height: 100%
	}
}

@media print, screen and (min-width: 64em) {
	.grid-y > .large-auto {
		flex: 1 1 0px;
		height: auto
	}
	
	.grid-y > .large-1, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-shrink {
		flex: 0 0 auto
	}
	
	.grid-y > .large-shrink {
		height: auto
	}
	
	.grid-y > .large-1 {
		height: 8.33333%
	}
	
	.grid-y > .large-2 {
		height: 16.66667%
	}
	
	.grid-y > .large-3 {
		height: 25%
	}
	
	.grid-y > .large-4 {
		height: 33.33333%
	}
	
	.grid-y > .large-5 {
		height: 41.66667%
	}
	
	.grid-y > .large-6 {
		height: 50%
	}
	
	.grid-y > .large-7 {
		height: 58.33333%
	}
	
	.grid-y > .large-8 {
		height: 66.66667%
	}
	
	.grid-y > .large-9 {
		height: 75%
	}
	
	.grid-y > .large-10 {
		height: 83.33333%
	}
	
	.grid-y > .large-11 {
		height: 91.66667%
	}
	
	.grid-y > .large-12 {
		height: 100%
	}
}

.grid-padding-y .grid-padding-y {
	margin-top: -.625rem;
	margin-bottom: -.625rem
}

@media print, screen and (min-width: 48em) {
	.grid-padding-y .grid-padding-y {
		margin-top: -.9375rem;
		margin-bottom: -.9375rem
	}
}

.grid-padding-y > .cell {
	padding-top: .625rem;
	padding-bottom: .625rem
}

@media print, screen and (min-width: 48em) {
	.grid-padding-y > .cell {
		padding-top: .9375rem;
		padding-bottom: .9375rem
	}
}

.grid-margin-y {
	margin-top: -.625rem;
	margin-bottom: -.625rem
}

@media print, screen and (min-width: 48em) {
	.grid-margin-y {
		margin-top: -.9375rem;
		margin-bottom: -.9375rem
	}
}

.grid-margin-y > .cell {
	height: calc(100% - 1.25rem);
	margin-top: .625rem;
	margin-bottom: .625rem
}

@media print, screen and (min-width: 48em) {
	.grid-margin-y > .cell {
		height: calc(100% - 1.875rem);
		margin-top: .9375rem;
		margin-bottom: .9375rem
	}
}

.grid-margin-y > .auto {
	height: auto
}

.grid-margin-y > .shrink {
	height: auto
}

.grid-margin-y > .small-1 {
	height: calc(8.33333% - 1.25rem)
}

.grid-margin-y > .small-2 {
	height: calc(16.66667% - 1.25rem)
}

.grid-margin-y > .small-3 {
	height: calc(25% - 1.25rem)
}

.grid-margin-y > .small-4 {
	height: calc(33.33333% - 1.25rem)
}

.grid-margin-y > .small-5 {
	height: calc(41.66667% - 1.25rem)
}

.grid-margin-y > .small-6 {
	height: calc(50% - 1.25rem)
}

.grid-margin-y > .small-7 {
	height: calc(58.33333% - 1.25rem)
}

.grid-margin-y > .small-8 {
	height: calc(66.66667% - 1.25rem)
}

.grid-margin-y > .small-9 {
	height: calc(75% - 1.25rem)
}

.grid-margin-y > .small-10 {
	height: calc(83.33333% - 1.25rem)
}

.grid-margin-y > .small-11 {
	height: calc(91.66667% - 1.25rem)
}

.grid-margin-y > .small-12 {
	height: calc(100% - 1.25rem)
}

@media print, screen and (min-width: 48em) {
	.grid-margin-y > .auto {
		height: auto
	}
	
	.grid-margin-y > .shrink {
		height: auto
	}
	
	.grid-margin-y > .small-1 {
		height: calc(8.33333% - 1.875rem)
	}
	
	.grid-margin-y > .small-2 {
		height: calc(16.66667% - 1.875rem)
	}
	
	.grid-margin-y > .small-3 {
		height: calc(25% - 1.875rem)
	}
	
	.grid-margin-y > .small-4 {
		height: calc(33.33333% - 1.875rem)
	}
	
	.grid-margin-y > .small-5 {
		height: calc(41.66667% - 1.875rem)
	}
	
	.grid-margin-y > .small-6 {
		height: calc(50% - 1.875rem)
	}
	
	.grid-margin-y > .small-7 {
		height: calc(58.33333% - 1.875rem)
	}
	
	.grid-margin-y > .small-8 {
		height: calc(66.66667% - 1.875rem)
	}
	
	.grid-margin-y > .small-9 {
		height: calc(75% - 1.875rem)
	}
	
	.grid-margin-y > .small-10 {
		height: calc(83.33333% - 1.875rem)
	}
	
	.grid-margin-y > .small-11 {
		height: calc(91.66667% - 1.875rem)
	}
	
	.grid-margin-y > .small-12 {
		height: calc(100% - 1.875rem)
	}
	
	.grid-margin-y > .medium-auto {
		height: auto
	}
	
	.grid-margin-y > .medium-shrink {
		height: auto
	}
	
	.grid-margin-y > .medium-1 {
		height: calc(8.33333% - 1.875rem)
	}
	
	.grid-margin-y > .medium-2 {
		height: calc(16.66667% - 1.875rem)
	}
	
	.grid-margin-y > .medium-3 {
		height: calc(25% - 1.875rem)
	}
	
	.grid-margin-y > .medium-4 {
		height: calc(33.33333% - 1.875rem)
	}
	
	.grid-margin-y > .medium-5 {
		height: calc(41.66667% - 1.875rem)
	}
	
	.grid-margin-y > .medium-6 {
		height: calc(50% - 1.875rem)
	}
	
	.grid-margin-y > .medium-7 {
		height: calc(58.33333% - 1.875rem)
	}
	
	.grid-margin-y > .medium-8 {
		height: calc(66.66667% - 1.875rem)
	}
	
	.grid-margin-y > .medium-9 {
		height: calc(75% - 1.875rem)
	}
	
	.grid-margin-y > .medium-10 {
		height: calc(83.33333% - 1.875rem)
	}
	
	.grid-margin-y > .medium-11 {
		height: calc(91.66667% - 1.875rem)
	}
	
	.grid-margin-y > .medium-12 {
		height: calc(100% - 1.875rem)
	}
}

@media print, screen and (min-width: 64em) {
	.grid-margin-y > .large-auto {
		height: auto
	}
	
	.grid-margin-y > .large-shrink {
		height: auto
	}
	
	.grid-margin-y > .large-1 {
		height: calc(8.33333% - 1.875rem)
	}
	
	.grid-margin-y > .large-2 {
		height: calc(16.66667% - 1.875rem)
	}
	
	.grid-margin-y > .large-3 {
		height: calc(25% - 1.875rem)
	}
	
	.grid-margin-y > .large-4 {
		height: calc(33.33333% - 1.875rem)
	}
	
	.grid-margin-y > .large-5 {
		height: calc(41.66667% - 1.875rem)
	}
	
	.grid-margin-y > .large-6 {
		height: calc(50% - 1.875rem)
	}
	
	.grid-margin-y > .large-7 {
		height: calc(58.33333% - 1.875rem)
	}
	
	.grid-margin-y > .large-8 {
		height: calc(66.66667% - 1.875rem)
	}
	
	.grid-margin-y > .large-9 {
		height: calc(75% - 1.875rem)
	}
	
	.grid-margin-y > .large-10 {
		height: calc(83.33333% - 1.875rem)
	}
	
	.grid-margin-y > .large-11 {
		height: calc(91.66667% - 1.875rem)
	}
	
	.grid-margin-y > .large-12 {
		height: calc(100% - 1.875rem)
	}
}

.grid-frame {
	overflow: hidden;
	position: relative;
	flex-wrap: nowrap;
	align-items: stretch;
	width: 100vw
}

.cell .grid-frame {
	width: 100%
}

.cell-block {
	overflow-x: auto;
	max-width: 100%;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar
}

.cell-block-y {
	overflow-y: auto;
	max-height: 100%;
	min-height: 100%;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar
}

.cell-block-container {
	display: flex;
	flex-direction: column;
	max-height: 100%
}

.cell-block-container > .grid-x {
	max-height: 100%;
	flex-wrap: nowrap
}

@media print, screen and (min-width: 48em) {
	.medium-grid-frame {
		overflow: hidden;
		position: relative;
		flex-wrap: nowrap;
		align-items: stretch;
		width: 100vw
	}
	
	.cell .medium-grid-frame {
		width: 100%
	}
	
	.medium-cell-block {
		overflow-x: auto;
		max-width: 100%;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar
	}
	
	.medium-cell-block-container {
		display: flex;
		flex-direction: column;
		max-height: 100%
	}
	
	.medium-cell-block-container > .grid-x {
		max-height: 100%;
		flex-wrap: nowrap
	}
	
	.medium-cell-block-y {
		overflow-y: auto;
		max-height: 100%;
		min-height: 100%;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar
	}
}

@media print, screen and (min-width: 64em) {
	.large-grid-frame {
		overflow: hidden;
		position: relative;
		flex-wrap: nowrap;
		align-items: stretch;
		width: 100vw
	}
	
	.cell .large-grid-frame {
		width: 100%
	}
	
	.large-cell-block {
		overflow-x: auto;
		max-width: 100%;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar
	}
	
	.large-cell-block-container {
		display: flex;
		flex-direction: column;
		max-height: 100%
	}
	
	.large-cell-block-container > .grid-x {
		max-height: 100%;
		flex-wrap: nowrap
	}
	
	.large-cell-block-y {
		overflow-y: auto;
		max-height: 100%;
		min-height: 100%;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar
	}
}

.grid-y.grid-frame {
	width: auto;
	overflow: hidden;
	position: relative;
	flex-wrap: nowrap;
	align-items: stretch;
	height: 100vh
}

@media print, screen and (min-width: 48em) {
	.grid-y.medium-grid-frame {
		width: auto;
		overflow: hidden;
		position: relative;
		flex-wrap: nowrap;
		align-items: stretch;
		height: 100vh
	}
}

@media print, screen and (min-width: 64em) {
	.grid-y.large-grid-frame {
		width: auto;
		overflow: hidden;
		position: relative;
		flex-wrap: nowrap;
		align-items: stretch;
		height: 100vh
	}
}

.cell .grid-y.grid-frame {
	height: 100%
}

@media print, screen and (min-width: 48em) {
	.cell .grid-y.medium-grid-frame {
		height: 100%
	}
}

@media print, screen and (min-width: 64em) {
	.cell .grid-y.large-grid-frame {
		height: 100%
	}
}

.grid-margin-y {
	margin-top: -.625rem;
	margin-bottom: -.625rem
}

@media print, screen and (min-width: 48em) {
	.grid-margin-y {
		margin-top: -.9375rem;
		margin-bottom: -.9375rem
	}
}

.grid-margin-y > .cell {
	height: calc(100% - 1.25rem);
	margin-top: .625rem;
	margin-bottom: .625rem
}

@media print, screen and (min-width: 48em) {
	.grid-margin-y > .cell {
		height: calc(100% - 1.875rem);
		margin-top: .9375rem;
		margin-bottom: .9375rem
	}
}

.grid-margin-y > .auto {
	height: auto
}

.grid-margin-y > .shrink {
	height: auto
}

.grid-margin-y > .small-1 {
	height: calc(8.33333% - 1.25rem)
}

.grid-margin-y > .small-2 {
	height: calc(16.66667% - 1.25rem)
}

.grid-margin-y > .small-3 {
	height: calc(25% - 1.25rem)
}

.grid-margin-y > .small-4 {
	height: calc(33.33333% - 1.25rem)
}

.grid-margin-y > .small-5 {
	height: calc(41.66667% - 1.25rem)
}

.grid-margin-y > .small-6 {
	height: calc(50% - 1.25rem)
}

.grid-margin-y > .small-7 {
	height: calc(58.33333% - 1.25rem)
}

.grid-margin-y > .small-8 {
	height: calc(66.66667% - 1.25rem)
}

.grid-margin-y > .small-9 {
	height: calc(75% - 1.25rem)
}

.grid-margin-y > .small-10 {
	height: calc(83.33333% - 1.25rem)
}

.grid-margin-y > .small-11 {
	height: calc(91.66667% - 1.25rem)
}

.grid-margin-y > .small-12 {
	height: calc(100% - 1.25rem)
}

@media print, screen and (min-width: 48em) {
	.grid-margin-y > .auto {
		height: auto
	}
	
	.grid-margin-y > .shrink {
		height: auto
	}
	
	.grid-margin-y > .small-1 {
		height: calc(8.33333% - 1.875rem)
	}
	
	.grid-margin-y > .small-2 {
		height: calc(16.66667% - 1.875rem)
	}
	
	.grid-margin-y > .small-3 {
		height: calc(25% - 1.875rem)
	}
	
	.grid-margin-y > .small-4 {
		height: calc(33.33333% - 1.875rem)
	}
	
	.grid-margin-y > .small-5 {
		height: calc(41.66667% - 1.875rem)
	}
	
	.grid-margin-y > .small-6 {
		height: calc(50% - 1.875rem)
	}
	
	.grid-margin-y > .small-7 {
		height: calc(58.33333% - 1.875rem)
	}
	
	.grid-margin-y > .small-8 {
		height: calc(66.66667% - 1.875rem)
	}
	
	.grid-margin-y > .small-9 {
		height: calc(75% - 1.875rem)
	}
	
	.grid-margin-y > .small-10 {
		height: calc(83.33333% - 1.875rem)
	}
	
	.grid-margin-y > .small-11 {
		height: calc(91.66667% - 1.875rem)
	}
	
	.grid-margin-y > .small-12 {
		height: calc(100% - 1.875rem)
	}
	
	.grid-margin-y > .medium-auto {
		height: auto
	}
	
	.grid-margin-y > .medium-shrink {
		height: auto
	}
	
	.grid-margin-y > .medium-1 {
		height: calc(8.33333% - 1.875rem)
	}
	
	.grid-margin-y > .medium-2 {
		height: calc(16.66667% - 1.875rem)
	}
	
	.grid-margin-y > .medium-3 {
		height: calc(25% - 1.875rem)
	}
	
	.grid-margin-y > .medium-4 {
		height: calc(33.33333% - 1.875rem)
	}
	
	.grid-margin-y > .medium-5 {
		height: calc(41.66667% - 1.875rem)
	}
	
	.grid-margin-y > .medium-6 {
		height: calc(50% - 1.875rem)
	}
	
	.grid-margin-y > .medium-7 {
		height: calc(58.33333% - 1.875rem)
	}
	
	.grid-margin-y > .medium-8 {
		height: calc(66.66667% - 1.875rem)
	}
	
	.grid-margin-y > .medium-9 {
		height: calc(75% - 1.875rem)
	}
	
	.grid-margin-y > .medium-10 {
		height: calc(83.33333% - 1.875rem)
	}
	
	.grid-margin-y > .medium-11 {
		height: calc(91.66667% - 1.875rem)
	}
	
	.grid-margin-y > .medium-12 {
		height: calc(100% - 1.875rem)
	}
}

@media print, screen and (min-width: 64em) {
	.grid-margin-y > .large-auto {
		height: auto
	}
	
	.grid-margin-y > .large-shrink {
		height: auto
	}
	
	.grid-margin-y > .large-1 {
		height: calc(8.33333% - 1.875rem)
	}
	
	.grid-margin-y > .large-2 {
		height: calc(16.66667% - 1.875rem)
	}
	
	.grid-margin-y > .large-3 {
		height: calc(25% - 1.875rem)
	}
	
	.grid-margin-y > .large-4 {
		height: calc(33.33333% - 1.875rem)
	}
	
	.grid-margin-y > .large-5 {
		height: calc(41.66667% - 1.875rem)
	}
	
	.grid-margin-y > .large-6 {
		height: calc(50% - 1.875rem)
	}
	
	.grid-margin-y > .large-7 {
		height: calc(58.33333% - 1.875rem)
	}
	
	.grid-margin-y > .large-8 {
		height: calc(66.66667% - 1.875rem)
	}
	
	.grid-margin-y > .large-9 {
		height: calc(75% - 1.875rem)
	}
	
	.grid-margin-y > .large-10 {
		height: calc(83.33333% - 1.875rem)
	}
	
	.grid-margin-y > .large-11 {
		height: calc(91.66667% - 1.875rem)
	}
	
	.grid-margin-y > .large-12 {
		height: calc(100% - 1.875rem)
	}
}

.grid-frame.grid-margin-y {
	height: calc(100vh + 1.25rem)
}

@media print, screen and (min-width: 48em) {
	.grid-frame.grid-margin-y {
		height: calc(100vh + 1.875rem)
	}
}

@media print, screen and (min-width: 64em) {
	.grid-frame.grid-margin-y {
		height: calc(100vh + 1.875rem)
	}
}

@media print, screen and (min-width: 48em) {
	.grid-margin-y.medium-grid-frame {
		height: calc(100vh + 1.875rem)
	}
}

@media print, screen and (min-width: 64em) {
	.grid-margin-y.large-grid-frame {
		height: calc(100vh + 1.875rem)
	}
}

.career-map b, .career-map strong {
	font-weight: 700
}

.career-map .bg-smoke {
	background: #f8f8f8
}

.career-map .mt-16 {
	margin-top: 1rem
}

.career-map .mb-16 {
	margin-bottom: 1rem
}

.career-map .map-legends {
	margin: 0;
	padding: 0;
	list-style: none
}

.career-map .map-legends__item {
	display: flex;
	align-items: center
}

.career-map .map-legends__icon {
	margin-right: .3125rem
}

.career-map .map-legends__name {
	font-size: .875rem
}

.career-map .diamond-icon {
	display: block;
	width: .375rem;
	height: .375rem;
	background: #777;
	margin-right: .5rem;
	transform: rotate(45deg)
}

.career-map .reset {
	margin-left: .9375rem
}

.career-map .reset .reset__button {
	color: #555;
	text-transform: uppercase;
	font-size: .75rem;
	line-height: .9375rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	opacity: .75;
	transition: opacity .6s;
	cursor: pointer
}

.career-map .reset .reset__button:after {
	content: "";
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	background: url(../assets/images/ic_clear.svg) no-repeat;
	background-size: contain;
	margin-left: .75rem
}

.career-map .reset .reset__button:hover {
	opacity: 1
}

.map-header {
	margin-bottom: 1.875rem
}

.map-header .module-title {
	margin-bottom: 2.5rem
}

.map-header .path-options {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #aaa;
	display: flex;
	margin-bottom: 1.75rem
}

.map-header .path-options .path-option {
	display: block;
	padding: 0 1.5rem;
	position: relative;
	padding-bottom: .5rem;
	color: #777;
	font-weight: 600;
	transition: color .6s
}

.map-header .path-options .path-option:hover {
	color: #333
}

.map-header .path-options .path-option.is-active {
	color: #333
}

.map-header .path-options .path-option.is-active:after {
	content: "";
	display: block;
	height: 1.5px;
	background: #333;
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%
}

@media print, screen and (min-width: 48em) {
	.map-header .pre-map {
		padding-left: 1.5rem
	}
}

.map-header .description {
	color: #777;
	max-width: 42.1875rem
}

@media print, screen and (max-width: 47.99875em) {
	.map-header .description {
		margin-bottom: 1.25rem
	}
}

.map-header .description strong {
	color: #333
}

.map-header .description p:not(:last-child) {
	margin-bottom: .3125rem
}

@media print, screen and (min-width: 48em) {
	.map-header .description {
		margin-right: 1.5rem
	}
}

.map-header .search-jobs {
	width: 18.125rem;
	position: relative;
	margin-bottom: 1.6875rem
}

.map-header .search-jobs__count {
	margin-top: .3125rem;
	display: block;
	font-size: .8125rem
}

.map-header .search-jobs a {
	color: #1aaead
}

.map-header .search-jobs input:not([type=submit]) {
	border: 1px solid #aaa;
	background: #fff;
	border-radius: .25rem;
	height: 2.5rem;
	padding: 0 1.25rem 0 2.5rem;
	display: block;
	width: 100%;
	outline: 0
}

.map-header .search-jobs input:not([type=submit])::-moz-placeholder {
	color: #aaa
}

.map-header .search-jobs input:not([type=submit]):-ms-input-placeholder {
	color: #aaa
}

.map-header .search-jobs input:not([type=submit])::-ms-input-placeholder {
	color: #aaa
}

.map-header .search-jobs input:not([type=submit])::placeholder {
	color: #aaa
}

.map-header .search-jobs input[type=search] {
	-webkit-appearance: none
}

.map-header .search-jobs button, .map-header .search-jobs input[type=submit] {
	width: 1rem;
	height: 1rem;
	background: url(../assets/images/search-button.svg) no-repeat;
	background-size: contain;
	position: absolute;
	display: block;
	left: .625rem;
	top: .75rem
}

@media print, screen and (max-width: 47.99875em) {
	.map-header .search-jobs {
		width: 100%
	}
}

.map-header .button-related-path {
	border: 2px solid #aaa;
	border-radius: .25rem;
	padding: .5rem .875rem;
	font-size: 1rem;
	line-height: 1.1875rem;
	color: #777;
	min-height: 2.5rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: border-color .6s;
	margin-right: .75rem
}

.map-header .button-related-path:after {
	content: "";
	display: block;
	width: .75rem;
	height: .75rem;
	background: url(../assets/images/ic_arrow-down.svg) no-repeat;
	background-size: contain;
	margin-left: .5rem;
	transition: transform .6s
}

.map-header .button-related-path:hover {
	border-color: #777
}

.map-header .button-related-path:hover:after {
	transform: translateY(4px)
}

.map-header .stats__count {
	font-size: .875rem
}

@media screen and (max-width: 30.625em) {
	.map-header .stats {
		flex-direction: column !important;
		align-items: flex-start !important
	}
	
	.map-header .stats .button-related-path {
		margin-right: 0;
		width: 100%;
		margin-top: .625rem;
		order: 3
	}
}

.map-footer {
	position: relative;
	padding-top: 1.875rem;
	padding-bottom: 3.125rem;
	padding-left: 1.5rem
}

@media print, screen and (min-width: 48em) {
	.map-footer {
		display: flex
	}
}

@media print, screen and (min-width: 48em) {
	.map-footer .path {
		width: 100%;
		max-width: 45vw
	}
}

@media print, screen and (min-width: 64em) {
	.map-footer .path {
		max-width: 34.6875rem
	}
}

.map-footer .path .path-title {
	margin-bottom: .25rem;
	position: relative
}

.map-footer .path .path-title:before {
	content: "";
	display: block;
	position: absolute;
	width: 1.5rem;
	height: 1.5rem;
	background: url(../assets/images/ic_learning-material.svg) no-repeat;
	background-size: contain;
	left: -2.25rem;
	top: 1px
}

.map-footer .path .start {
	color: #777;
	font-weight: 600;
	margin-top: 1.875rem
}

.map-footer .path .path-courses {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-top: 1.875rem;
	position: relative
}

.map-footer .path .path-courses a {
	color: #777;
	padding-bottom: .625rem;
	display: block;
	transition: color .6s;
	position: relative;
	text-decoration: underline
}

.map-footer .path .path-courses a:before {
	display: block;
	content: "";
	width: .5625rem;
	height: .5625rem;
	border-radius: .625rem;
	border: 1px solid #777;
	background: #f8f8f8;
	position: absolute;
	top: .4375rem;
	left: -1.75rem;
	transition: background .6s, border-color .6s;
	z-index: 2
}

.map-footer .path .path-courses a:after {
	content: "";
	width: 1px;
	background: #777;
	display: block;
	position: absolute;
	left: -1.5rem;
	top: .4375rem;
	z-index: 1;
	height: 100%
}

.map-footer .path .path-courses a:hover {
	text-decoration: none;
	color: #333
}

.map-footer .path .path-courses a:hover:before {
	background: #333;
	border-color: #333
}

.map-footer .path .path-courses li:last-child a:after {
	height: calc(100% - .4375rem)
}

.map-footer .path .path-courses li:last-child:after {
	content: "";
	display: block;
	background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.4' height='5.4' viewBox='0 0 7.4 5.4'%3E%3Cg transform='translate(-375.8 -1257.8)'%3E%3Cline x2='3' y2='4' transform='translate(376.5 1258.5)' fill='none' stroke='%23777' stroke-linecap='round' stroke-width='1'/%3E%3Cline x1='3' y2='4' transform='translate(379.5 1258.5)' fill='none' stroke='%23777' stroke-linecap='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");
	width: .5625rem;
	height: .4375rem;
	background-size: contain;
	position: absolute;
	bottom: -1px;
	left: -1.75rem
}

.map-footer .path .path-job {
	position: relative;
	margin-top: .875rem
}

.map-footer .path .path-job .path-job__header {
	display: flex;
	position: relative;
	margin-bottom: .375rem
}

.map-footer .path .path-job .path-job__header h4 {
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	margin-right: 1rem;
	font-size: 1rem
}

.map-footer .path .path-job .path-job__header .dot {
	position: absolute;
	width: 1rem;
	height: 1rem;
	border-radius: 1.25rem;
	left: -1.9375rem;
	top: .1875rem
}

.map-footer .path .path-job .path-job__header .level {
	padding: .125rem .5rem;
	font-size: .75rem;
	border-radius: .125rem;
	line-height: 1.5;
	white-space: nowrap;
	display: inline-block;
	align-self: flex-start
}

.map-footer .path .path-job .path-job__header .special {
	width: .375rem;
	height: .375rem;
	background: hsl(var(--h), var(--s), var(--l));
	position: relative;
	top: .625rem;
	left: 1.25rem
}

.map-footer .path .path-job .path-job__header .special.diamond {
	transform: translate(-50%, -50%) rotate(45deg)
}

.map-footer .path .path-job .path-job__price {
	font-size: .875rem;
	margin-bottom: .5rem
}

.map-footer .path .path-job .path-job__button {
	background: #fff;
	border: 2px solid #aaa;
	border-radius: .25rem;
	min-height: 2.5rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: .5rem 1rem;
	color: #777;
	transition: .6s
}

.map-footer .path .path-job .path-job__button:after {
	content: "";
	display: block;
	width: 1rem;
	height: 1rem;
	background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'%3E%3Cpath d='M3.3,14.8c-1.1,0-2.1-0.9-2.1-2.1V5.3c0-1.1,0.9-2.1,2.1-2.1h4c0.4,0,0.8,0.3,0.8,0.8 S7.7,4.8,7.3,4.8h-4C3,4.8,2.8,5,2.8,5.3v7.3c0,0.3,0.3,0.6,0.6,0.6h7.3c0.3,0,0.6-0.3,0.6-0.6v-4c0-0.4,0.3-0.8,0.8-0.8 s0.8,0.3,0.8,0.8v4c0,1.1-0.9,2.1-2.1,2.1H3.3z M14.7,1.7c-0.1-0.2-0.2-0.3-0.4-0.4c-0.1,0-0.2-0.1-0.3-0.1h-4 C9.6,1.2,9.2,1.6,9.2,2S9.6,2.8,10,2.8h2.2l-6,6c-0.3,0.3-0.3,0.8,0,1.1c0.1,0.1,0.3,0.2,0.5,0.2S7.1,10,7.2,9.9l6-6V6 c0,0.4,0.3,0.8,0.8,0.8s0.8-0.3,0.8-0.8V2C14.8,1.9,14.7,1.8,14.7,1.7z' fill='%23777'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: .5rem;
	transition: background .6s
}

.map-footer .path .path-job .path-job__button:hover {
	background-color: hsla(var(--h), var(--s), var(--l), 1);
	color: #fff;
	border-color: hsla(var(--h), var(--s), var(--l), 1)
}

.map-footer .path .path-job .path-job__button:hover:after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'%3E%3Cpath d='M3.3,14.8c-1.1,0-2.1-0.9-2.1-2.1V5.3c0-1.1,0.9-2.1,2.1-2.1h4c0.4,0,0.8,0.3,0.8,0.8 S7.7,4.8,7.3,4.8h-4C3,4.8,2.8,5,2.8,5.3v7.3c0,0.3,0.3,0.6,0.6,0.6h7.3c0.3,0,0.6-0.3,0.6-0.6v-4c0-0.4,0.3-0.8,0.8-0.8 s0.8,0.3,0.8,0.8v4c0,1.1-0.9,2.1-2.1,2.1H3.3z M14.7,1.7c-0.1-0.2-0.2-0.3-0.4-0.4c-0.1,0-0.2-0.1-0.3-0.1h-4 C9.6,1.2,9.2,1.6,9.2,2S9.6,2.8,10,2.8h2.2l-6,6c-0.3,0.3-0.3,0.8,0,1.1c0.1,0.1,0.3,0.2,0.5,0.2S7.1,10,7.2,9.9l6-6V6 c0,0.4,0.3,0.8,0.8,0.8s0.8-0.3,0.8-0.8V2C14.8,1.9,14.7,1.8,14.7,1.7z' fill='%23fff'/%3E%3C/svg%3E")
}

.map-footer .path .path-job.level-1 .dot, .map-footer .path .path-job.level-1 .level {
	background-color: hsla(var(--h), var(--s), var(--l), .6)
}

.map-footer .path .path-job.level-2 .dot, .map-footer .path .path-job.level-2 .level {
	background-color: hsla(var(--h), var(--s), var(--l), .4)
}

.map-footer .path .path-job.level-3 .dot, .map-footer .path .path-job.level-3 .level {
	background-color: hsla(var(--h), var(--s), var(--l), .25)
}

.map-footer .path .path-job.level-4 .dot, .map-footer .path .path-job.level-4 .level {
	background-color: hsla(var(--h), var(--s), var(--l), .15)
}

.map-footer .path .path-job.level-5 .dot, .map-footer .path .path-job.level-5 .level, .map-footer .path .path-job.level-6 .dot, .map-footer .path .path-job.level-6 .level, .map-footer .path .path-job.level-7 .dot, .map-footer .path .path-job.level-7 .level {
	background-color: hsla(var(--h), var(--s), var(--l), .1)
}

.map-container {
	position: relative
}

@media screen and (min-width: 80em) {
	.map-container {
		margin-left: -3.375rem
	}
}

@media screen and (max-width: 64.375em) {
	.map-container {
		overflow: auto;
		max-width: calc(100% + 3.75rem);
		/*margin-left: -1.875rem;*/
		/*margin-right: -1.875rem;*/
		/*padding-left: 1.875rem;*/
		/*padding-bottom: 2.5rem*/
		padding-bottom: 40px;
	}
}

.map-grid .categories, .map-grid .map-row {
	display: grid;
	grid-auto-columns: 54px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-auto-flow: column
}

.map-grid .categories .category, .map-grid .categories .jobs, .map-grid .map-row .category, .map-grid .map-row .jobs {
	min-width: 12.5rem
}

.categories .category {
	background-color: hsl(var(--h), var(--s), var(--l));
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: .5rem .875rem;
	font-weight: 600;
	min-height: 3.375rem;
	line-height: 1.1875rem
}

.level {
	position: relative;
	z-index: 2
}

.level .level-name {
	background: rgba(255, 255, 255, .8);
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #aaa;
	border-right: 0;
	border-bottom: 0;
	height: 100%;
	padding: .9375rem .3125rem
}

.level .level-name span {
	-ms-writing-mode: tb-rl;
	writing-mode: tb-rl;
	transform: rotate(-180deg);
	white-space: nowrap;
	font-weight: 500;
	font-size: 1rem;
	display: block;
	line-height: 1;
	color: #aaa
}

.map-grid .map-row {
	position: relative;
	min-height: 14.375rem
}

.map-row.level-1 {
	z-index: 10
}

.map-row.level-1 .jobs {
	background-color: hsla(var(--h), var(--s), var(--l), .6)
}

.map-row.level-2 {
	z-index: 9
}

.map-row.level-2 .jobs {
	background-color: hsla(var(--h), var(--s), var(--l), .4)
}

.map-row.level-3 {
	z-index: 8
}

.map-row.level-3 .jobs {
	background-color: hsla(var(--h), var(--s), var(--l), .25)
}

.map-row.level-4 {
	z-index: 7
}

.map-row.level-4 .jobs {
	background-color: hsla(var(--h), var(--s), var(--l), .15)
}

.map-row.level-5 .jobs, .map-row.level-6 .jobs, .map-row.level-7 .jobs {
	background-color: hsla(var(--h), var(--s), var(--l), .1)
}

.map-row:last-of-type .level .level-name {
	border-bottom: 1px solid #aaa
}

.jobs {
	position: relative
}

.job {
	position: absolute;
	width: 33.33333%;
	min-width: 4rem;
	transition: opacity .6s
}

.job.position-1 {
	top: 2rem;
	left: 0
}

.job.position-2 {
	top: 2rem;
	left: 33%
}

.job.position-3 {
	top: 2rem;
	left: 66%
}

.job.position-4 {
	top: 47%;
	left: 0
}

.job.position-5 {
	top: 47%;
	left: 33%
}

.job.position-6 {
	top: 47%;
	left: 66%
}

.job.position-7 {
	top: 80%;
	left: 0
}

.job.position-8 {
	top: 80%;
	left: 33%
}

.job.position-9 {
	top: 80%;
	left: 66%
}

.job .front {
	cursor: pointer
}

.job .title {
	max-width: 5.1875rem;
	font-size: .625rem;
	line-height: 1.1;
	font-weight: 500;
	white-space: normal;
	text-align: center;
	overflow: hidden;
	transition: opacity .4s;
	transition-delay: .2s
}

.job .dot {
	width: 1.125rem;
	height: 1.125rem;
	display: block;
	border: 1.5px solid hsl(var(--h), var(--s), var(--l));
	border-radius: 50%;
	background: #fff;
	margin-left: auto;
	margin-right: auto;
	position: relative
}

.job .dot:before {
	content: "";
	display: block;
	background: hsl(var(--h), var(--s), var(--l));
	position: absolute;
	border-radius: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	min-width: 0;
	min-height: 0;
	transition: min-width .6s, min-height .6s
}

.job .dot .special {
	width: .375rem;
	height: .375rem;
	background: hsl(var(--h), var(--s), var(--l));
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: opacity .6s
}

.job .dot .special.diamond {
	transform: translate(-50%, -50%) rotate(45deg)
}

.job .description {
	position: absolute;
	z-index: 2;
	left: 0;
	top: -.9375rem;
	opacity: 0;
	pointer-events: none;
	transition: opacity .6s;
	padding-left: 5.25rem
}

.job .description .description-inner {
	width: 8.75rem;
	padding: .4375rem;
	background: #fff;
	border-radius: .25rem;
	border: 1.5px solid hsl(var(--h), var(--s), var(--l));
	box-shadow: 0 2px 3px rgba(0, 0, 0, .2)
}

.job .description .description-inner > * {
	position: relative;
	z-index: 2
}

.job .description .description-inner:before {
	content: "";
	display: block;
	position: absolute;
	width: .625rem;
	height: .625rem;
	border: 1.5px solid hsl(var(--h), var(--s), var(--l));
	box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
	background: #fff;
	transform: rotate(45deg);
	left: 5rem;
	border-right: none;
	border-top: none;
	top: .9375rem
}

.job .description .description-inner:after {
	content: "";
	display: block;
	position: absolute;
	height: .9375rem;
	width: .625rem;
	background: #fff;
	left: 5.3125rem;
	top: .8125rem
}

.job .description .description-title {
	font-size: .75rem;
	font-weight: 700;
	line-height: .9375rem;
	margin-bottom: .5rem;
	padding-right: .9375rem
}

.job .description .special {
	display: flex;
	align-items: center;
	margin-bottom: .5rem;
	position: relative;
	z-index: 20
}

.job .description .special:before {
	content: "";
	display: block;
	min-width: .375rem;
	width: .375rem;
	height: .375rem;
	background: hsl(var(--h), var(--s), var(--l));
	margin-right: .375rem
}

.job .description .special.diamond:before {
	transform: rotate(45deg)
}

.job .description .special span {
	align-self: flex-start;
	display: inline-block;
	font-size: .625rem;
	font-weight: 500;
	line-height: .75rem;
	color: #777
}

.job .description .price {
	color: #777;
	font-size: .625rem;
	line-height: .75rem;
	margin-bottom: .25rem
}

.job .description .button {
	margin-top: .1875rem;
	background: hsl(var(--h), var(--s), var(--l));
	border-radius: .25rem;
	font-size: .625rem;
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
	line-height: .75rem;
	padding: .125rem .75rem;
	min-height: 1.25rem
}

.job .description .description-close {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='7.5px' height='7.5px' viewBox='0 0 7.5 7.5' style='enable-background:new 0 0 7.5 7.5;' xml:space='preserve'%3E%3Cpath style='fill:%23333333;' d='M4.8,3.7l2.5-2.5c0.3-0.3,0.3-0.8,0-1.1s-0.8-0.3-1.1,0L3.7,2.7L1.3,0.2C1-0.1,0.5-0.1,0.2,0.2 s-0.3,0.8,0,1.1l2.5,2.5L0.2,6.2c-0.3,0.3-0.3,0.8,0,1.1c0.1,0.1,0.3,0.2,0.5,0.2s0.4-0.1,0.5-0.2l2.5-2.5l2.5,2.5 c0.1,0.1,0.3,0.2,0.5,0.2s0.4-0.1,0.5-0.2c0.3-0.3,0.3-0.8,0-1.1L4.8,3.7z'/%3E%3C/svg%3E");
	cursor: pointer;
	background-size: contain;
	background-repeat: no-repeat;
	width: .5rem;
	height: .5rem;
	position: absolute;
	right: .625rem;
	top: .4375rem;
	z-index: 999
}

.job .arrows {
	width: 4rem;
	height: 4rem;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	z-index: 20;
	opacity: 0;
	transition: opacity .6s;
	transition-delay: -.3s
}

.job .arrows .down, .job .arrows .growth {
	position: absolute;
	width: 100%;
	height: 1.25rem;
	cursor: pointer
}

.job .arrows .growth {
	top: 0
}

.job .arrows .down {
	bottom: 0;
	transform: scale(-1)
}

.job .arrows .arrow {
	position: absolute;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='8.2px' height='9.5px' viewBox='0 0 8.2 9.5' style='enable-background:new 0 0 8.2 9.5;' xml:space='preserve'%3E%3Cpath style='fill:%23fff;' d='M7.9,3.6L4.6,0.2C4.5,0.1,4.3,0,4.1,0S3.7,0.1,3.5,0.2L0.2,3.6c-0.3,0.3-0.3,0.8,0,1.1s0.8,0.3,1.1,0 l2.1-2.1v6.2c0,0.4,0.3,0.8,0.8,0.8s0.8-0.3,0.8-0.8V2.6l2.1,2.1C7,4.8,7.2,4.8,7.4,4.8s0.4-0.1,0.5-0.2C8.2,4.3,8.2,3.9,7.9,3.6z'/%3E%3C/svg%3E");
	width: .5rem;
	height: .625rem;
	background-size: contain;
	background-repeat: no-repeat;
	top: 50%
}

.job .arrows .arrow.central {
	left: 50%;
	margin-left: -.25rem;
	top: .625rem;
	transition: opacity .6s, .6s
}

.job .arrows .arrow.aside {
	top: .8125rem;
	transition: opacity .6s;
	opacity: 0
}

.job .arrows .arrow.aside.left {
	transform: rotate(-70deg);
	left: 26%
}

.job .arrows .arrow.aside.right {
	transform: rotate(70deg);
	right: 26%
}

.job .arrows .middle {
	position: absolute;
	height: 26px;
	width: 100%;
	top: 50%;
	margin-top: -13px;
	z-index: 20
}

@media print, screen and (min-width: 64em) {
	.job.is-hover {
		z-index: 100 !important
	}
	
	.job.is-hover .dot:before {
		min-width: 4rem;
		min-height: 4rem
	}
	
	.job.is-hover .arrows {
		opacity: 1;
		transition-delay: .3s;
		display: block
	}
	
	.job.is-hover .title {
		opacity: 0;
		transition-delay: -.2s
	}
	
	.job.is-hover .description {
		opacity: 1;
		pointer-events: all
	}
}

.job.show-description {
	z-index: 100 !important
}

.job.show-description .description {
	opacity: 1;
	pointer-events: all
}

.job.show-description .dot {
	background: #fff
}

.job.show-description .dot:before {
	min-width: 4rem;
	min-height: 4rem
}

.job.show-description .title {
	opacity: 0;
	transition-delay: -.2s
}

.job.show-description .arrows {
	opacity: 1;
	transition-delay: .3s;
	display: block
}

@media print, screen and (max-width: 79.99875em) {
	.job.show-description .arrows .arrow.aside {
		opacity: 1
	}
	
	.job.show-description .arrows .arrow.central {
		transform: translateY(-4px)
	}
}

.job.is-active {
	z-index: 20
}

.job.is-active .dot:before {
	min-width: 4rem;
	min-height: 4rem
}

.job.is-active .arrows {
	opacity: 1;
	transition-delay: .3s
}

.job.is-active .arrows .arrow.aside {
	opacity: 1
}

.job.is-active .arrows .arrow.central {
	transform: translateY(-4px)
}

.job.is-active .title {
	padding: .5rem;
	position: absolute;
	color: #fff;
	margin-top: 1.375rem;
	top: 100%;
	overflow: visible;
	left: 50%;
	transform: translateX(-50%);
	max-width: initial;
	width: 6.25rem
}

.job.is-active .title:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	opacity: .9;
	background: hsl(var(--h), var(--s), var(--l));
	z-index: -1;
	border-radius: .25rem
}

.job[data-direction=down] .arrows .growth .central {
	transform: none !important;
	opacity: .5
}

.job[data-direction=down] .arrows .growth .central:hover {
	transform: none !important
}

.job[data-direction=down] .arrows .growth .aside {
	display: none
}

.job[data-direction=growth-lateral] .arrows .down .central {
	transform: none;
	opacity: .5
}

.job[data-direction=growth-lateral] .arrows .down .central:hover {
	transform: none !important
}

.job[data-direction=growth-lateral] .arrows .down .aside {
	display: none
}

.job.is-selected, .job.is-traced:not(.is-active) {
	z-index: 20
}

.job.is-selected .title, .job.is-traced:not(.is-active) .title {
	background: rgba(51, 51, 51, .6);
	color: #fff;
	padding: .5rem;
	position: absolute;
	border-radius: .25rem;
	margin-top: .375rem;
	top: 100%;
	overflow: visible;
	left: 50%;
	transform: translateX(-50%);
	max-width: initial;
	width: 6.25rem
}

.job.is-selected .title:before, .job.is-traced:not(.is-active) .title:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-left: .3125rem solid transparent;
	border-right: .3125rem solid transparent;
	border-bottom: .3125rem solid rgba(51, 51, 51, .6);
	position: absolute;
	top: -.3125rem;
	left: 50%;
	transform: translateX(-50%)
}

.job.is-traced .dot {
	background: hsl(var(--h), var(--s), var(--l))
}

.job.is-traced.is-active .dot, .job.is-traced.is-hover .dot, .job.is-traced.show-description .dot {
	background: #fff
}

.job.hidden {
	opacity: 0
}

.job .arrows .growth:hover .arrow.aside {
	opacity: 1
}

.job .arrows .growth:hover .central {
	transform: translateY(-4px)
}

.job .arrows .down:hover .arrow.aside {
	opacity: 1
}

.job .arrows .down:hover .central {
	transform: translateY(-4px)
}

@media (max-width: 1730px) {
	.job.cat-last .description {
		left: auto;
		right: 0;
		padding-left: 0;
		padding-right: 5.25rem
	}
	
	.job.cat-last .description .description-inner:before {
		transform: rotate(225deg);
		left: auto;
		right: 5rem
	}
	
	.job.cat-last .description .description-inner:after {
		left: auto;
		right: 5.3125rem
	}
	
	.job.cat-last .description .description-close {
		right: 6.1875rem
	}
}

.button {
	display: inline-flex;
	min-height: 2rem;
	align-items: center;
	justify-content: center;
	padding: .5rem 1rem;
	text-align: center
}

.button.outlined {
	border: 1.5px solid #aaa;
	border-radius: .25rem;
	color: #777;
	font-weight: 700;
	font-size: .75rem;
	line-height: .9375rem
}

.button.arrow:after {
	content: "";
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='8.2px' height='9.5px' viewBox='0 0 8.2 9.5' style='enable-background:new 0 0 8.2 9.5;' xml:space='preserve'%3E%3Cpath style='fill:%23777;' d='M7.9,3.6L4.6,0.2C4.5,0.1,4.3,0,4.1,0S3.7,0.1,3.5,0.2L0.2,3.6c-0.3,0.3-0.3,0.8,0,1.1s0.8,0.3,1.1,0 l2.1-2.1v6.2c0,0.4,0.3,0.8,0.8,0.8s0.8-0.3,0.8-0.8V2.6l2.1,2.1C7,4.8,7.2,4.8,7.4,4.8s0.4-0.1,0.5-0.2C8.2,4.3,8.2,3.9,7.9,3.6z'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	margin-left: .625rem;
	transform: rotate(90deg);
	width: .5rem;
	height: .5rem;
	transition: transform .6s
}

.button.arrow:hover:after {
	transform: rotate(90deg) translateY(-3px)
}

.map-container.is-active .job:not(.is-active):not(.is-selected):not(.is-traced) {
	pointer-events: none;
	opacity: .5
}

.map-container.is-curated .job:not(.is-active).is-traced .arrows {
	display: none
}

.path-line {
	height: .25rem;
	background: rgba(255, 255, 255, .9);
	display: block;
	position: absolute;
	z-index: 10;
	transform-origin: 0 center;
	pointer-events: none;
	transition: opacity .6s
}

.path-line.black {
	background: rgba(119, 119, 119, .5)
}

.job.fake {
	z-index: 11
}

.job.fake.is-hover {
	z-index: 12
}

.has-degree .map-legends, .has-degree .special.diamond {
	display: none
}

.has-degree .modal .modal-feature .feature-description .college {
	padding-left: 0
}

.modal-opened {
	overflow: hidden
}

.modal-outer-wrapper {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(51, 51, 51, .3);
	z-index: 9999
}

.modal-outer-wrapper .d-table {
	width: 100%;
	height: 100%
}

.modal-inner-wrapper {
	padding: 1.875rem
}

.modal-inner-wrapper .d-table-cell {
	vertical-align: middle;
	width: 100%;
	height: 100%
}

.modal-inner-wrapper .modal {
	background: #fff;
	max-width: 62.5rem;
	margin: 0 auto;
	border-radius: .25rem;
	border: 2px solid hsl(var(--h), var(--s), var(--l));
	overflow: hidden;
	max-height: calc(100vh - 3.75rem);
	display: flex;
	flex-direction: column
}

.modal .container {
	padding: 0 1.875rem
}

@media print, screen and (min-width: 64em) {
	.modal .container {
		padding: 0 2.25rem
	}
}

.modal .modal-header {
	padding-top: 1.75rem;
	background: hsl(var(--h), var(--s), var(--l));
	padding-bottom: .5rem;
	position: relative;
	color: #fff
}

.modal .modal-close {
	position: absolute;
	right: 1.875rem;
	top: 2rem;
	padding: 0;
	margin: 0;
	border: 0;
	width: .75rem;
	height: .75rem;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='7.5px' height='7.5px' viewBox='0 0 7.5 7.5' style='enable-background:new 0 0 7.5 7.5;' xml:space='preserve'%3E%3Cpath style='fill:%23fff;' d='M4.8,3.7l2.5-2.5c0.3-0.3,0.3-0.8,0-1.1s-0.8-0.3-1.1,0L3.7,2.7L1.3,0.2C1-0.1,0.5-0.1,0.2,0.2 s-0.3,0.8,0,1.1l2.5,2.5L0.2,6.2c-0.3,0.3-0.3,0.8,0,1.1c0.1,0.1,0.3,0.2,0.5,0.2s0.4-0.1,0.5-0.2l2.5-2.5l2.5,2.5 c0.1,0.1,0.3,0.2,0.5,0.2s0.4-0.1,0.5-0.2c0.3-0.3,0.3-0.8,0-1.1L4.8,3.7z'/%3E%3C/svg%3E");
	cursor: pointer;
	background-size: contain;
	background-repeat: no-repeat
}

.modal .modal-category {
	background: hsl(var(--h), var(--s), calc(var(--l) * .85));
	color: #fff;
	font-size: .75rem;
	font-weight: 700;
	margin-bottom: 1rem;
	padding: .5rem .5rem .5rem 2.5rem;
	margin-left: -2.5rem;
	display: inline-block;
	border-radius: 0 .25rem .25rem 0;
	margin-right: 3.75rem
}

.modal .modal-job-name {
	font-size: 1.5rem;
	font-weight: 900
}

.modal .modal-body {
	overflow: auto;
	flex-grow: 1
}

.modal .modal-description {
	font-size: 1rem;
	line-height: 1.375rem;
	color: #777;
	padding-top: 2.5rem;
	margin-bottom: 2.5rem
}

.modal .modal-description strong {
	color: #333
}

.modal .modal-description iframe, .modal .modal-description video {
	display: block;
	width: 100%;
	max-width: 100%;
	max-height: 25rem
}

.modal .modal-description div + div, .modal .modal-description div + h1, .modal .modal-description div + h2, .modal .modal-description div + h3, .modal .modal-description div + h4, .modal .modal-description div + h5, .modal .modal-description div + h6, .modal .modal-description div + iframe, .modal .modal-description div + img, .modal .modal-description div + ol, .modal .modal-description div + p, .modal .modal-description div + ul, .modal .modal-description div + video, .modal .modal-description h1 + div, .modal .modal-description h1 + h1, .modal .modal-description h1 + h2, .modal .modal-description h1 + h3, .modal .modal-description h1 + h4, .modal .modal-description h1 + h5, .modal .modal-description h1 + h6, .modal .modal-description h1 + iframe, .modal .modal-description h1 + img, .modal .modal-description h1 + ol, .modal .modal-description h1 + p, .modal .modal-description h1 + ul, .modal .modal-description h1 + video, .modal .modal-description h2 + div, .modal .modal-description h2 + h1, .modal .modal-description h2 + h2, .modal .modal-description h2 + h3, .modal .modal-description h2 + h4, .modal .modal-description h2 + h5, .modal .modal-description h2 + h6, .modal .modal-description h2 + iframe, .modal .modal-description h2 + img, .modal .modal-description h2 + ol, .modal .modal-description h2 + p, .modal .modal-description h2 + ul, .modal .modal-description h2 + video, .modal .modal-description h3 + div, .modal .modal-description h3 + h1, .modal .modal-description h3 + h2, .modal .modal-description h3 + h3, .modal .modal-description h3 + h4, .modal .modal-description h3 + h5, .modal .modal-description h3 + h6, .modal .modal-description h3 + iframe, .modal .modal-description h3 + img, .modal .modal-description h3 + ol, .modal .modal-description h3 + p, .modal .modal-description h3 + ul, .modal .modal-description h3 + video, .modal .modal-description h4 + div, .modal .modal-description h4 + h1, .modal .modal-description h4 + h2, .modal .modal-description h4 + h3, .modal .modal-description h4 + h4, .modal .modal-description h4 + h5, .modal .modal-description h4 + h6, .modal .modal-description h4 + iframe, .modal .modal-description h4 + img, .modal .modal-description h4 + ol, .modal .modal-description h4 + p, .modal .modal-description h4 + ul, .modal .modal-description h4 + video, .modal .modal-description h5 + div, .modal .modal-description h5 + h1, .modal .modal-description h5 + h2, .modal .modal-description h5 + h3, .modal .modal-description h5 + h4, .modal .modal-description h5 + h5, .modal .modal-description h5 + h6, .modal .modal-description h5 + iframe, .modal .modal-description h5 + img, .modal .modal-description h5 + ol, .modal .modal-description h5 + p, .modal .modal-description h5 + ul, .modal .modal-description h5 + video, .modal .modal-description h6 + div, .modal .modal-description h6 + h1, .modal .modal-description h6 + h2, .modal .modal-description h6 + h3, .modal .modal-description h6 + h4, .modal .modal-description h6 + h5, .modal .modal-description h6 + h6, .modal .modal-description h6 + iframe, .modal .modal-description h6 + img, .modal .modal-description h6 + ol, .modal .modal-description h6 + p, .modal .modal-description h6 + ul, .modal .modal-description h6 + video, .modal .modal-description iframe + div, .modal .modal-description iframe + h1, .modal .modal-description iframe + h2, .modal .modal-description iframe + h3, .modal .modal-description iframe + h4, .modal .modal-description iframe + h5, .modal .modal-description iframe + h6, .modal .modal-description iframe + iframe, .modal .modal-description iframe + img, .modal .modal-description iframe + ol, .modal .modal-description iframe + p, .modal .modal-description iframe + ul, .modal .modal-description iframe + video, .modal .modal-description img + div, .modal .modal-description img + h1, .modal .modal-description img + h2, .modal .modal-description img + h3, .modal .modal-description img + h4, .modal .modal-description img + h5, .modal .modal-description img + h6, .modal .modal-description img + iframe, .modal .modal-description img + img, .modal .modal-description img + ol, .modal .modal-description img + p, .modal .modal-description img + ul, .modal .modal-description img + video, .modal .modal-description ol + div, .modal .modal-description ol + h1, .modal .modal-description ol + h2, .modal .modal-description ol + h3, .modal .modal-description ol + h4, .modal .modal-description ol + h5, .modal .modal-description ol + h6, .modal .modal-description ol + iframe, .modal .modal-description ol + img, .modal .modal-description ol + ol, .modal .modal-description ol + p, .modal .modal-description ol + ul, .modal .modal-description ol + video, .modal .modal-description p + div, .modal .modal-description p + h1, .modal .modal-description p + h2, .modal .modal-description p + h3, .modal .modal-description p + h4, .modal .modal-description p + h5, .modal .modal-description p + h6, .modal .modal-description p + iframe, .modal .modal-description p + img, .modal .modal-description p + ol, .modal .modal-description p + p, .modal .modal-description p + ul, .modal .modal-description p + video, .modal .modal-description ul + div, .modal .modal-description ul + h1, .modal .modal-description ul + h2, .modal .modal-description ul + h3, .modal .modal-description ul + h4, .modal .modal-description ul + h5, .modal .modal-description ul + h6, .modal .modal-description ul + iframe, .modal .modal-description ul + img, .modal .modal-description ul + ol, .modal .modal-description ul + p, .modal .modal-description ul + ul, .modal .modal-description ul + video, .modal .modal-description video + div, .modal .modal-description video + h1, .modal .modal-description video + h2, .modal .modal-description video + h3, .modal .modal-description video + h4, .modal .modal-description video + h5, .modal .modal-description video + h6, .modal .modal-description video + iframe, .modal .modal-description video + img, .modal .modal-description video + ol, .modal .modal-description video + p, .modal .modal-description video + ul, .modal .modal-description video + video {
	margin-top: 1.25rem
}

.modal .modal-description p + p {
	margin-top: 0
}

.modal .modal-description h1, .modal .modal-description h2, .modal .modal-description h3, .modal .modal-description h4, .modal .modal-description h5, .modal .modal-description h6 {
	margin-bottom: .9375rem
}

.modal .modal-description .entry-content-asset {
	position: relative;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%
}

.modal .modal-description .entry-content-asset iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.modal .modal-features {
	padding: 2.25rem;
	background: hsla(var(--h), var(--s), var(--l), .2);
	margin-left: -1.875rem;
	margin-right: -1.875rem
}

.modal .modal-bottom {
	padding: 2.25rem 0;
	background: hsla(var(--h), var(--s), var(--l), .1)
}

.modal .learning-material {
	background: #fff;
	border: 2px solid hsl(var(--h), var(--s), var(--l));
	padding: 2.25rem;
	margin-left: -1.875rem;
	margin-right: -1.875rem;
	width: auto !important;
	border-left: 0;
	border-right: 0;
	margin-bottom: -2.5rem;
	border-bottom: 0
}

@media print, screen and (min-width: 48em) {
	.modal .learning-material {
		padding: 1.5rem .8125rem
	}
}

.modal .modal-feature {
	width: 100%
}

.modal .modal-feature:not(:last-child) {
	margin-bottom: 2.5rem
}

@media print, screen and (min-width: 64em) {
	.modal .modal-feature.half-width {
		width: 50%
	}
}

.modal .modal-feature .modal-feature-title {
	font-size: .75rem;
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
	padding-left: 2.25rem;
	margin-bottom: 0
}

.modal .modal-feature [class^=icon-] {
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 1.5rem;
	height: 1.5rem;
	position: absolute;
	top: 0;
	left: 0
}

.modal .modal-feature .icon-education {
	background-image: url(../assets/images/icon-education.svg)
}

.modal .modal-feature .icon-pay {
	background-image: url(../assets/images/icon-pay.svg)
}

.modal .modal-feature .icon-experience {
	background-image: url(../assets/images/icon-experience.svg)
}

.modal .modal-feature .icon-skills {
	background-image: url(../assets/images/icon-skills.svg)
}

.modal .modal-feature .icon-course {
	background-image: url(../assets/images/icon-course.svg)
}

.modal .modal-feature .icon-learn {
	background-image: url(../assets/images/ic_learning-material.svg)
}

.modal .modal-feature .feature-description {
	font-size: .875rem;
	color: #777;
	padding-left: 2.25rem;
	position: relative
}

.modal .modal-feature .feature-description:before {
	content: "";
	position: absolute;
	left: .6875rem;
	top: 0;
	height: 100%;
	width: 1px;
	background: #ccc
}

.modal .modal-feature .feature-description .price + .price {
	margin-top: .625rem
}

.modal .modal-feature .feature-description .college {
	position: relative;
	padding-left: .9375rem
}

.modal .modal-feature .feature-description .college-description {
	margin-top: .9375rem
}

.modal .modal-feature .feature-description .special {
	width: .375rem;
	height: .375rem;
	background: hsl(var(--h), var(--s), var(--l));
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%)
}

.modal .modal-feature .feature-description .special.diamond {
	transform: translate(-50%, -50%) rotate(45deg)
}

.modal .modal-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	margin-left: 2.25rem;
	font-size: .875rem
}

.modal .modal-list li {
	color: #777;
	padding-bottom: .625rem;
	display: block;
	transition: color .6s;
	position: relative
}

.modal .modal-list li:before {
	display: block;
	content: "";
	width: .5625rem;
	height: .5625rem;
	border-radius: .625rem;
	border: 1px solid #777;
	background: #f8f8f8;
	position: absolute;
	top: .4375rem;
	left: -1.75rem;
	transition: background .6s, border-color .6s;
	z-index: 2
}

.modal .modal-list li:after {
	content: "";
	width: 1px;
	background: #777;
	display: block;
	position: absolute;
	left: -1.5rem;
	top: .4375rem;
	z-index: 1;
	height: 100%
}

.modal .modal-list li:last-child {
	padding-bottom: 0
}

.modal .modal-list li:last-child:after {
	display: none
}

.modal .modal-list li:hover:before {
	background: #333;
	border-color: #333
}

.modal .modal-list li a {
	color: #777;
	text-decoration: underline;
	display: inline-block
}

.modal .modal-list li a:hover {
	text-decoration: none;
	color: #333
}

.modal .modal-button-wrapper {
	margin-top: 1.875rem;
	position: absolute;
	bottom: 0
}

.modal .modal-button {
	background-color: hsl(var(--h), var(--s), var(--l));
	color: #fff;
	border-radius: .25rem;
	min-height: 2.5rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: .5rem 1rem;
	transition: .6s
}

.modal .modal-button:after {
	content: "";
	display: block;
	width: 1rem;
	height: 1rem;
	background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'%3E%3Cpath d='M3.3,14.8c-1.1,0-2.1-0.9-2.1-2.1V5.3c0-1.1,0.9-2.1,2.1-2.1h4c0.4,0,0.8,0.3,0.8,0.8 S7.7,4.8,7.3,4.8h-4C3,4.8,2.8,5,2.8,5.3v7.3c0,0.3,0.3,0.6,0.6,0.6h7.3c0.3,0,0.6-0.3,0.6-0.6v-4c0-0.4,0.3-0.8,0.8-0.8 s0.8,0.3,0.8,0.8v4c0,1.1-0.9,2.1-2.1,2.1H3.3z M14.7,1.7c-0.1-0.2-0.2-0.3-0.4-0.4c-0.1,0-0.2-0.1-0.3-0.1h-4 C9.6,1.2,9.2,1.6,9.2,2S9.6,2.8,10,2.8h2.2l-6,6c-0.3,0.3-0.3,0.8,0,1.1c0.1,0.1,0.3,0.2,0.5,0.2S7.1,10,7.2,9.9l6-6V6 c0,0.4,0.3,0.8,0.8,0.8s0.8-0.3,0.8-0.8V2C14.8,1.9,14.7,1.8,14.7,1.7z' fill='%23fff'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: .5rem;
	transition: background .6s
}

.modal .modal-button:hover {
	background-color: hsl(var(--h), var(--s), calc(var(--l) * .85));
	color: #fff
}

@media print, screen and (max-width: 47.99875em) {
	.modal {
		border-radius: 0
	}
	
	.modal .d-table-cell {
		vertical-align: top
	}
}

@media print, screen and (min-width: 48em) {
	.modal .modal-top .container {
		display: flex
	}
	
	.modal .modal-description {
		margin-bottom: 0;
		padding: 2.25rem 3.125rem 2.25rem 0;
		display: flex;
		flex-direction: column;
		position: relative
	}
	
	.modal .modal-description + .modal-features {
		margin-left: 0
	}
	
	.modal .modal-button-wrapper {
		display: flex;
		flex-grow: 1;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-end;
		position: absolute;
		bottom: 0;
		left: 0
	}
	
	.modal .modal-features {
		flex-grow: 1;
		min-width: 22.8125rem
	}
	
	.modal .modal-bottom .container {
		display: flex
	}
	
	.modal .modal-bottom .learning-material {
		min-width: 50%;
		border: 2px solid hsl(var(--h), var(--s), var(--l));
		border-bottom: 0;
		border-radius: .25rem 0 0 0;
		border-right: 0;
		margin-left: 0;
		flex-grow: 1
	}
	
	.modal .modal-bottom .skills {
		padding-right: 1.25rem;
		padding-top: 1.625rem
	}
	
	.modal .modal-bottom .skills + .learning-material {
		margin-left: 0
	}
	
	.modal .modal-button {
		bottom: -1.25rem;
		position: relative;
		margin-bottom: 0
	}
}

@media print, screen and (min-width: 64em) {
	.modal .modal-bottom .learning-material, .modal .modal-features {
		margin-right: -2.25rem;
		margin-left: -2.25rem
	}
}

.modal-base .modal {
	border: 2px solid #333;
	padding-top: 4.375rem;
	padding-bottom: 2.5rem;
	height: auto;
	position: relative;
	max-width: 42.5rem
}

.modal-base .modal-close {
	top: 1.5rem;
	right: 1.5rem;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='7.5px' height='7.5px' viewBox='0 0 7.5 7.5' style='enable-background:new 0 0 7.5 7.5;' xml:space='preserve'%3E%3Cpath style='fill:%23333333;' d='M4.8,3.7l2.5-2.5c0.3-0.3,0.3-0.8,0-1.1s-0.8-0.3-1.1,0L3.7,2.7L1.3,0.2C1-0.1,0.5-0.1,0.2,0.2 s-0.3,0.8,0,1.1l2.5,2.5L0.2,6.2c-0.3,0.3-0.3,0.8,0,1.1c0.1,0.1,0.3,0.2,0.5,0.2s0.4-0.1,0.5-0.2l2.5-2.5l2.5,2.5 c0.1,0.1,0.3,0.2,0.5,0.2s0.4-0.1,0.5-0.2c0.3-0.3,0.3-0.8,0-1.1L4.8,3.7z'/%3E%3C/svg%3E")
}

.modal-base__title {
	line-height: 2.125rem;
	margin-bottom: 1.75rem
}

@media print, screen and (min-width: 48em) {
	.modal-base .container {
		padding-left: 4.375rem;
		padding-right: 4.375rem
	}
}

.modal-share .modal-share__link {
	margin-bottom: 1.25rem;
	word-break: break-all
}

.modal-share .modal-share__link a {
	font-size: 1.25rem;
	line-height: 1.75rem;
	color: #1aaead;
	text-decoration: underline
}

.modal-share .modal-share__copy {
	margin-bottom: 2.5rem
}

.modal-share .modal-share__congrats {
	margin-top: 2.5rem
}

.modal-share .modal-share__congrats .modal-share__message {
	margin-bottom: .625rem;
	font-style: italic;
	font-size: 1.25rem;
	line-height: 1.75rem;
	color: #777
}

.modal-share .modal-share__congrats .modal-share__illustration {
	text-align: center
}

@media print, screen and (min-width: 48em) {
	.modal-share .modal-share__congrats .modal-share__message {
		margin-bottom: 0;
		width: 15.625rem;
		padding-right: 1.875rem
	}
}

.path-url {
	position: relative;
	display: block
}

.path-url .path-url__title {
	display: flex;
	align-items: center;
	font-size: .875rem;
	line-height: 1.25rem;
	color: #777
}

.path-url .path-url__title:before {
	content: "";
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	background: url(../assets/images/ic_copy.svg) no-repeat;
	background-size: contain;
	margin-right: .25rem
}

.path-url .message {
	position: absolute;
	background: #1aaead;
	color: #fff;
	font-size: .8125rem;
	line-height: 1rem;
	padding: .3125rem .375rem;
	border-radius: .25rem;
	white-space: nowrap;
	top: 100%;
	margin-top: .625rem;
	left: 0;
	display: none;
	z-index: 20
}

.path-url .hover-message {
	display: none !important;
	position: absolute;
	top: calc(100% + 10px);
	left: 0;
	width: 11rem;
	padding: .375rem;
	background: #333;
	color: #fff;
	font-size: .8125rem;
	line-height: 1rem;
	border-radius: .25rem;
	font-weight: 400;
	opacity: 0;
	transition: opacity .6s;
	z-index: 20
}

.path-url .hover-message.show {
	opacity: 1
}

.path-url .hover-message p:not(:last-child) {
	margin-bottom: .625rem
}

.map-intro .inner {
	max-width: 41rem;
	margin-left: auto;
	margin-right: auto
}

.map-intro .map-intro-header {
	text-align: center;
	font-size: 1rem;
	font-weight: 500;
	margin-bottom: .75rem
}

.map-intro .map-intro-header .map-intro-title {
	font-size: 1.5rem;
	line-height: 1.8125rem;
	font-weight: 900;
	margin-bottom: 1.5rem
}

.map-intro .map-intro-header .map-intro-note {
	font-size: .875rem;
	color: #1aaead
}

.map-form {
	background: #fff;
	padding: 2.5rem 1.5rem;
	border: 1px solid #333;
	border-radius: .25rem
}

.map-form .form-fields {
	list-style-type: none;
	margin: 0;
	padding: 0
}

.map-form .form-fields .form-field {
	margin-bottom: 2.5rem
}

.map-form .form-fields .form-field.error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .map-form .form-fields .form-field.error select, .map-form .form-fields .form-field.error textarea {
	border-color: #ff4d4d
}

.map-form .form-fields input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .map-form .form-fields select, .map-form .form-fields textarea {
	width: 100%;
	box-shadow: none;
	position: relative;
	margin: 0;
	padding: .625rem;
	height: 2.5rem;
	border: 1px solid #aaa;
	border-radius: .25rem
}

.map-form .form-fields input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-moz-placeholder, .map-form .form-fields select::-moz-placeholder, .map-form .form-fields textarea::-moz-placeholder {
	color: inherit
}

.map-form .form-fields input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):-ms-input-placeholder, .map-form .form-fields select:-ms-input-placeholder, .map-form .form-fields textarea:-ms-input-placeholder {
	color: inherit
}

.map-form .form-fields input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-ms-input-placeholder, .map-form .form-fields select::-ms-input-placeholder, .map-form .form-fields textarea::-ms-input-placeholder {
	color: inherit
}

.map-form .form-fields input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::placeholder, .map-form .form-fields select::placeholder, .map-form .form-fields textarea::placeholder {
	color: inherit
}

.map-form .form-fields input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus::-moz-placeholder, .map-form .form-fields select:focus::-moz-placeholder, .map-form .form-fields textarea:focus::-moz-placeholder {
	color: transparent
}

.map-form .form-fields input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus:-ms-input-placeholder, .map-form .form-fields select:focus:-ms-input-placeholder, .map-form .form-fields textarea:focus:-ms-input-placeholder {
	color: transparent
}

.map-form .form-fields input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus::-ms-input-placeholder, .map-form .form-fields select:focus::-ms-input-placeholder, .map-form .form-fields textarea:focus::-ms-input-placeholder {
	color: transparent
}

.map-form .form-fields input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus::placeholder, .map-form .form-fields select:focus::placeholder, .map-form .form-fields textarea:focus::placeholder {
	color: transparent
}

.map-form .form-fields textarea {
	height: 5rem
}

.map-form .form-fields .message {
	font-size: .875rem;
	font-weight: 500;
	margin-top: .25rem
}

.map-form .form-fields .message.error {
	color: #ff4d4d
}

.map-form .form-fields .form-required {
	color: #1aaead;
	padding-left: .3125rem
}

.map-form .form-label {
	font-size: 1rem;
	font-weight: 700;
	display: block;
	margin-bottom: .75rem
}

.map-form .form-radio {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: 1.5rem
}

.map-form .form-radio li {
	display: flex;
	position: relative
}

.map-form .form-radio li:not(:last-child) {
	margin-right: 2.5rem;
	margin-bottom: .75rem
}

.map-form .form-radio li label {
	cursor: pointer
}

.map-form .form-radio li label:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 1.5rem;
	height: 1.5rem;
	border: 2px solid #aaa;
	border-radius: 1.5rem;
	transition: border-color .6s
}

.map-form .form-radio li label:hover:before {
	border-color: #333
}

.map-form .form-radio li input {
	opacity: 0;
	width: 1.5625rem;
	height: 1.5625rem;
	margin: 0;
	margin-right: 1rem
}

.map-form .form-radio li input:checked + label:before {
	border-color: #1aaead
}

.map-form .form-radio li input:checked + label:after {
	content: "";
	display: block;
	width: .75rem;
	height: .75rem;
	position: absolute;
	top: .375rem;
	left: .375rem;
	background: #1aaead;
	border-radius: .75rem
}

.map-form .form-footer button, .map-form .form-footer input[type=submit] {
	background: #1aaead;
	color: #fff;
	border-radius: .25rem;
	height: 2.5rem;
	padding: .3125rem .9375rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 1rem;
	font-weight: 500;
	border: 0;
	cursor: pointer;
	transition: background .6s
}

.map-form .form-footer button:hover, .map-form .form-footer input[type=submit]:hover {
	background: #109f9e;
	color: #fff
}

.share-map {
	margin-top: 1.875rem;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	padding: 1.6875rem 0
}

.share-map:not(.is-active) {
	display: none
}

.share-map .share-map__title {
	color: #777;
	font-style: italic;
	font-size: 1rem;
	line-height: 1.1875rem;
	display: flex;
	align-items: center;
	margin-right: 1rem;
	margin-bottom: .625rem
}

@media print, screen and (min-width: 48em) {
	.share-map .share-map__title {
		margin-bottom: 0
	}
}

.share-map .share-map__title:after {
	content: "";
	display: block;
	width: .75rem;
	height: .75rem;
	margin-left: .75rem;
	background: url(../assets/images/ic_arrow-right.svg) no-repeat;
	background-size: contain
}

.share-map .share-map__button {
	background: #1aaead;
	border-radius: .25rem;
	min-height: 2.5rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: .4375rem 1rem .5625rem;
	font-size: 1rem;
	line-height: 1.1875rem;
	color: #fff;
	width: 100%;
	max-width: 17.5rem;
	transition: background .6s
}

.share-map .share-map__button:hover {
	background: #109f9e
}

.share-map.disabled .share-map__button {
	opacity: .7;
	pointer-events: none;
	max-width: 12.5rem
}

.modal-welcome {
	background: hsla(var(--h), var(--s), var(--l), .5)
}

.modal-welcome .modal {
	border: none;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 10px 30px 0 rgba(0, 73, 90, .3);
	max-width: 46.875rem
}

.modal-welcome .modal .modal-header {
	padding: 0;
	height: 2.8125rem
}

.modal-welcome .modal .container {
	padding: 0 1.875rem
}

.modal-welcome .modal .modal-video-wrapper {
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	aspect-ratio: 16/9;
	width: 100%
}

.modal-welcome .modal .modal-video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-height: none
}

@media (orientation: landscape) and (max-height: 820px) and (min-width: 768px) {
	.modal-welcome .modal .modal-video-wrapper {
		max-width: calc((100vh - 290px) * 1.43);
		max-height: calc(100vh - 290px)
	}
}

.modal-welcome .modal .modal-description {
	width: 100%;
	padding: 1.875rem 0
}

.modal-welcome .modal .modal-close {
	top: 50%;
	right: 1rem;
	transform: translateY(-50%)
}

.modal-welcome .modal .modal-welcome__title {
	margin-bottom: .625rem;
	color: #00495a;
	font-family: "DM Sans", sans-serif;
	font-size: 1.875rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.25rem;
	text-align: center
}

.modal-welcome .modal .modal-welcome__btn {
	margin-top: 1.875rem;
	display: flex;
	height: 3.125rem;
	padding: 12px 24px;
	justify-content: center;
	align-items: center;
	gap: 5px;
	flex: 1 0 0;
	border-radius: 6px;
	background-color: #008eb7;
	box-shadow: 0 4px 10px 0 rgba(0, 142, 183, .3);
	color: #fff;
	font-size: 1.125rem;
	font-family: "DM Sans", sans-serif;
	font-weight: 700;
	line-height: 1.6875rem;
	cursor: pointer;
	width: 100%;
	margin-left: auto;
	margin-right: auto
}

.modal-welcome .modal .modal-welcome__btn:hover {
	background-color: #0183a8
}

.modal-welcome .modal .modal-welcome__btn:active, .modal-welcome .modal .modal-welcome__btn:focus {
	background-color: #017798
}

@media (orientation: landscape) and (max-height: 820px) and (min-width: 768px) {
	.modal-welcome .modal .modal-welcome__btn {
		max-width: calc((100vh - 290px) * 1.43)
	}
}

.regions-wrapper {
	margin-top: 100px
}

.regions-title {
	display: block;
	margin-bottom: 8px;
	color: #333;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 22px
}

.regions-list {
	margin: 0 0 16px;
	display: inline-flex;
	gap: 10px 26px;
	list-style: none;
	padding: 4px;
	background-color: #f1f1f1;
	border-radius: 7px
}

.regions-list__label {
	display: block;
	padding: 0 10px;
	border-radius: 5px;
	background: 0 0;
	transition: background .3s, color .15s;
	cursor: pointer;
	font-weight: 500;
	font-size: 14px;
	line-height: 32px;
	letter-spacing: 0;
	color: #202630
}

.regions-list__label:hover {
	background: #27c5c4;
	color: #fff
}

.regions-list__radio {
	display: none
}

.regions-list__radio:checked + .regions-list__label {
	background: #1aaead;
	color: #fff
}

.map-loader {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 100
}