@import
	url(https://fast.fonts.net/t/1.css?apiType=css&projectid=26b61687-1681-4677-82c0-aad148019ca8)
	;

*, :after, :before {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

body, html {
	background: #fff
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

a, abbr, acronym, address, applet, article, aside, audio, b, big,
	blockquote, body, canvas, caption, center, cite, code, dd, del, details,
	dfn, div, dl, dt, em, fieldset, figcaption, figure, font, footer, form,
	h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd,
	label, legend, li, main, mark, menu, nav, object, ol, p, pre, q, s,
	samp, section, small, span, strike, strong, sub, summary, sup, table,
	tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	background: 0 0;
	border: 0;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup,
	main, menu, nav, section {
	display: block
}

b, strong {
	font-weight: 700
}

em, i {
	font-style: italic
}

ol, ul {
	list-style: none
}

blockquote, q {
	quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
	content: '';
	content: none
}

ins {
	text-decoration: none
}

mark {
	font-style: italic;
	font-weight: 700
}

del {
	text-decoration: line-through
}

dfn {
	font-style: italic
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

td {
	vertical-align: top
}

hr {
	border: 0;
	display: block;
	height: 1px;
	margin: 0;
	padding: 0
}

address {
	font-style: normal
}

legend {
	border: 0;
	padding: 0;
	white-space: normal
}

figure {
	margin: 0
}

[hidden] {
	display: none
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

img {
	display: block;
	border: 0;
	vertical-align: middle;
	max-width: 100%;
	height: auto
}

a {
	text-decoration: none
}

a:active, a:focus, a:hover {
	text-decoration: none
}

button, input, select {
	-moz-appearance: none;
	-webkit-appearance: none
}

button, input, select {
	border: 0 none;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: 0;
	vertical-align: middle
}

select::-ms-expand {
	display: none
}

input[type=search] {
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-appearance: none;
	-webkit-appearance: none
}

input[type=checkbox] {
	-moz-appearance: checkbox;
	-webkit-appearance: checkbox
}

input[type=radio] {
	-moz-appearance: radio;
	-webkit-appearance: radio
}

input[type=range] {
	-moz-appearance: slider-horizontal;
	-webkit-appearance: slider-horizontal
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration,
	input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration
	{
	display: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0
}

button, input, select, textarea {
	font-size: 99%;
	line-height: normal;
	margin: 0;
	vertical-align: baseline
}

button, input[type=button], input[type=reset], input[type=submit] {
	border: 0 none;
	cursor: pointer;
	-webkit-appearance: button
}

button[disabled], input[disabled] {
	cursor: default
}

textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical;
	width: 100%
}

@font-face {
	font-family: "Calibri W01 Light";
	font-display: swap;
	src: url(../fonts/3bf8ead2-2902-446a-af57-fcf4e5da22db.eot?#iefix);
	src: url(../fonts/3bf8ead2-2902-446a-af57-fcf4e5da22db.eot?#iefix)
		format("eot"),
		url(../fonts/52f16f8c-2868-43ee-a2ca-378b097a3580.woff2)
		format("woff2"),
		url(../fonts/9cb02ba8-d928-43f5-a1bd-32fb78238194.woff) format("woff"),
		url(../fonts/1cc9eda5-6732-4a23-ad69-782421f8c81b.ttf)
		format("truetype")
}

@font-face {
	font-family: "Calibri W01 Light Italic";
	font-display: swap;
	src: url(../fonts/443c8ba0-016c-4a11-af5c-58f3c01f635c.eot?#iefix);
	src: url(../fonts/443c8ba0-016c-4a11-af5c-58f3c01f635c.eot?#iefix)
		format("eot"),
		url(../fonts/aa102de4-ec9f-42ac-b628-6c30e83d0d93.woff2)
		format("woff2"),
		url(../fonts/b67d06e6-0656-41da-a1f4-e700d786580b.woff) format("woff"),
		url(../fonts/ed45e86a-ab65-4c27-9c41-b4b3d13bc2c6.ttf)
		format("truetype")
}

@font-face {
	font-family: "Calibri W01 Regular_904604";
	font-display: swap;
	src: url(../fonts/d4acc8cd-67f2-4139-80be-d669bb2564d7.eot?#iefix);
	src: url(../fonts/d4acc8cd-67f2-4139-80be-d669bb2564d7.eot?#iefix)
		format("eot"),
		url(../fonts/367341fc-4cc6-4a79-89ad-d6c61561611e.woff2)
		format("woff2"),
		url(../fonts/1ff86dd4-d3b2-4325-89bc-c6eb493cedba.woff) format("woff"),
		url(../fonts/aa6b4b64-5ce0-48fd-887a-bece037cd9c9.ttf)
		format("truetype")
}

@font-face {
	font-family: "Calibri W01 Italic_904613";
	font-display: swap;
	src: url(../fonts/f5fb4de8-efeb-47a8-94a7-50b825a6966a.eot?#iefix);
	src: url(../fonts/f5fb4de8-efeb-47a8-94a7-50b825a6966a.eot?#iefix)
		format("eot"),
		url(../fonts/e1cc7218-de20-4af1-a27c-6f325a4b0f0f.woff2)
		format("woff2"),
		url(../fonts/cac25ebb-269d-41e9-8ee5-78589746706e.woff) format("woff"),
		url(../fonts/6a4b5dab-ebbd-4741-80c7-3b30cd46e05d.ttf)
		format("truetype")
}

@font-face {
	font-family: "Calibri W01 Bold_904607";
	font-display: swap;
	src: url(../fonts/26989e0d-2435-46c9-ab53-ae63e1816b99.eot?#iefix);
	src: url(../fonts/26989e0d-2435-46c9-ab53-ae63e1816b99.eot?#iefix)
		format("eot"),
		url(../fonts/3ded7064-503f-4fa0-853b-9f7a2cf55f20.woff2)
		format("woff2"),
		url(../fonts/4e7b2126-77d3-4e53-810d-7ccfde46450a.woff) format("woff"),
		url(../fonts/dcb27c78-fcd6-43bb-ab8b-9152bcfeb336.ttf)
		format("truetype")
}

@font-face {
	font-family: "Calibri W01 Bold Italic_904610";
	font-display: swap;
	src: url(../fonts/c0f723f3-c373-4abc-9043-0fb0b460b8dc.eot?#iefix);
	src: url(../fonts/c0f723f3-c373-4abc-9043-0fb0b460b8dc.eot?#iefix)
		format("eot"),
		url(../fonts/fe969ae7-f9ce-40b2-93cc-9cc7138809a2.woff2)
		format("woff2"),
		url(../fonts/e43fbe67-bdec-48c3-b305-e4f021d8e755.woff) format("woff"),
		url(../fonts/7cf1f907-81f8-4b27-8ae5-986118860da1.ttf)
		format("truetype")
}

@font-face {
	font-family: debbyscript;
	font-display: block;
	src: url(../fonts/debby-webfont.woff2) format("woff2"),
		url(../fonts/debby-webfont.woff) format("woff");
	font-weight: 400;
	font-style: normal
}

:focus {
	outline: 3px solid #ffcd00
}

body, button, input, select, textarea {
	line-height: 1.5
}

input, select, textarea {
	font-size: 15.84px;
	font-size: .99rem;
	line-height: 16px;
	line-height: 1rem
}

b, strong {
	font-weight: 700
}

a {
	color: #383488
}

a:active, a:focus, a:hover {
	color: #605da0
}

.primary-font-thin {
	font-family: "Calibri W01 Light", sans-serif
}

.primary-font-thin-italic {
	font-family: "Calibri W01 Light Italic", sans-serif
}

.primary-font-regular {
	font-family: "Calibri W01 Regular_904604", sans-serif
}

.primary-font-italic {
	font-family: "Calibri W01 Italic_904613", sans-serif
}

.primary-font-bold {
	font-family: "Calibri W01 Bold_904607", sans-serif
}

.primary-font-bold-italic {
	font-family: "Calibri W01 Bold Italic_904610", sans-serif
}

.secondary-font {
	font-family: debbyscript, sans-serif;
	font-size: 150%
}

body, button, input, select, textarea {
	color: #333;
	font-size: 100%;
	font-family: "Calibri W01 Regular_904604", sans-serif;
	line-height: 1.5
}

input, select, textarea {
	font-size: 15.84px;
	font-size: .99rem;
	line-height: 16px;
	line-height: 1rem
}

b, strong {
	font-weight: 700
}

.italic, em, i {
	font-family: "Calibri W01 Italic_904613", sans-serif;
	font-style: normal
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0;
	font-weight: 400;
	line-height: 1.2
}

p {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.4;
	margin-bottom: 12px;
	margin-bottom: .75rem
}

.arrow-link {
	padding-right: 24px;
	padding-right: 1.5rem;
	position: relative
}

.arrow-link:after {
	background-image: url(../img/icon-arrow-right--blue.svg);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 12px;
	height: .75rem;
	position: absolute;
	right: 0;
	top: 10px;
	width: 12px;
	width: .75rem
}

.arrow-link:hover:after {
	opacity: .8
}

.max {
	line-height: 1.2;
	font-size: 44.8px;
	font-size: 2.8rem;
	letter-spacing: -1px
}

@media ( min-width :30em) {
	.max {
		font-size: 3.653rem
	}
}

@media ( min-width :52.5em) {
	.max {
		font-size: 4.11rem
	}
}

@media ( min-width :90.01em) {
	.max {
		font-size: 4.11rem
	}
}

.exa {
	line-height: 1;
	font-size: 41.6px;
	font-size: 2.6rem;
	letter-spacing: -1px
}

@media ( min-width :30em) {
	.exa {
		font-size: 2.8rem
	}
}

@media ( min-width :52.5em) {
	.exa {
		font-size: 3.653rem
	}
}

@media ( min-width :90.01em) {
	.exa {
		font-size: 3.653rem
	}
}

.peta {
	font-size: 34.896px;
	font-size: 2.181rem;
	line-height: 1
}

@media ( min-width :52.5em) {
	.peta {
		font-size: 2.887rem;
		line-height: 1
	}
}

.tera {
	font-size: 33.296px;
	font-size: 2.081rem;
	line-height: 1
}

@media ( min-width :52.5em) {
	.tera {
		font-size: 2.566rem;
		line-height: 1
	}
}

.giga {
	font-size: 24.032px;
	font-size: 1.502rem;
	line-height: 1.25
}

@media ( min-width :52.5em) {
	.giga {
		font-size: 2.081rem;
		line-height: normal
	}
}

.mega {
	font-size: 22.4px;
	font-size: 1.4rem;
	line-height: 1.25
}

@media ( min-width :52.5em) {
	.mega {
		font-size: 1.6rem
	}
}

.alpha {
	font-size: 22.4px;
	font-size: 1.4rem;
	line-height: 1.25
}

.beta {
	font-size: 20.256px;
	font-size: 1.266rem;
	line-height: 1.25
}

.gamma {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.4
}

.delta {
	font-size: 14.224px;
	font-size: .889rem;
	line-height: 1.4
}

.epsilon {
	font-size: 12.64px;
	font-size: .79rem;
	line-height: 1.4
}

.zeta {
	font-size: 11.232px;
	font-size: .702rem;
	line-height: 1.4
}

b, strong {
	font-family: "Calibri W01 Bold_904607", sans-serif;
	font-weight: 400
}

.uppercase {
	text-transform: uppercase
}

.block-heading {
	font-size: 34.896px;
	font-size: 2.181rem;
	line-height: 1;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	margin-top: 24px;
	margin-top: 1.5rem;
	padding: 8px 12px 8px 12px;
	padding: .5rem .75rem .5rem .75rem;
	position: relative
}

@media ( min-width :52.5em) {
	.block-heading {
		font-size: 2.887rem;
		line-height: 1
	}
}

@media ( min-width :30em) {
	.block-heading {
		font-size: 2.081rem;
		line-height: 1;
		margin-top: 0
	}
}

@media ( min-width :30em) and (min-width:52.5em) {
	.block-heading {
		font-size: 2.566rem;
		line-height: 1
	}
}

@media ( min-width :52.5em) {
	.block-heading {
		line-height: 1;
		font-size: 2.6rem;
		letter-spacing: -1px
	}
}

@media ( min-width :52.5em) and (min-width:30em) {
	.block-heading {
		font-size: 2.8rem
	}
}

@media ( min-width :52.5em) and (min-width:52.5em) {
	.block-heading {
		font-size: 3.653rem
	}
}

@media ( min-width :52.5em) and (min-width:90.01em) {
	.block-heading {
		font-size: 3.653rem
	}
}

.block-heading h1 {
	font-size: 34.896px;
	font-size: 2.181rem;
	line-height: 1
}

@media ( min-width :52.5em) {
	.block-heading h1 {
		font-size: 2.887rem;
		line-height: 1
	}
}

@media ( min-width :30em) {
	.block-heading h1 {
		font-size: 2.081rem;
		line-height: 1
	}
}

@media ( min-width :30em) and (min-width:52.5em) {
	.block-heading h1 {
		font-size: 2.566rem;
		line-height: 1
	}
}

@media ( min-width :52.5em) {
	.block-heading h1 {
		line-height: 1;
		font-size: 2.6rem;
		letter-spacing: -1px
	}
}

@media ( min-width :52.5em) and (min-width:30em) {
	.block-heading h1 {
		font-size: 2.8rem
	}
}

@media ( min-width :52.5em) and (min-width:52.5em) {
	.block-heading h1 {
		font-size: 3.653rem
	}
}

@media ( min-width :52.5em) and (min-width:90.01em) {
	.block-heading h1 {
		font-size: 3.653rem
	}
}

.block-heading a {
	color: #fff;
	display: block;
	padding: 0 36px 0 0;
	padding: 0 2.25rem 0 0;
	position: relative;
	-webkit-transition: .25s color ease-in-out;
	transition: .25s color ease-in-out
}

.block-heading a:after {
	background-image: url(../img/icon-arrow-right--white.svg);
	background-size: contain;
	background-repeat: no-repeat;
	content: "";
	display: block;
	height: 24px;
	height: 1.5rem;
	position: absolute;
	right: 0;
	top: 12px;
	top: .75rem;
	-webkit-transition: .25s background-image ease-in-out;
	transition: .25s background-image ease-in-out;
	width: 24px;
	width: 1.5rem
}

@media ( min-width :52.5em) {
	.block-heading a:after {
		top: 26px
	}
}

.block-heading a:hover {
	color: #da1884;
	-webkit-transition: .25s color ease-in-out;
	transition: .25s color ease-in-out
}

.block-heading a:hover:after {
	background-image: url(../img/icon-arrow-right--secondary.svg);
	-webkit-transition: .25s background-image ease-in-out;
	transition: .25s background-image ease-in-out
}

.block-heading--dark:after {
	background-image: url(../img/icon-arrow-right.svg)
}

blockquote {
	font-size: 24.032px;
	font-size: 1.502rem;
	line-height: 1.25;
	font-family: "Calibri W01 Italic_904613", sans-serif
}

@media ( min-width :52.5em) {
	blockquote {
		font-size: 2.081rem;
		line-height: normal
	}
}

cite {
	font-size: 20.256px;
	font-size: 1.266rem;
	line-height: 1.25;
	display: inline-block;
	font-family: "Calibri W01 Regular_904604", sans-serif;
	font-style: normal;
	margin-top: 24px;
	margin-top: 1.5rem;
	padding-top: 6px;
	padding-top: .375rem;
	position: relative
}

cite:after {
	background: #3abff0;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: 0;
	width: 50%
}

.list--arrows {
	margin-left: 16px;
	margin-left: 1rem
}

.list--arrows li {
	list-style-image: url(../img/icon-arrow-right.svg);
	margin-bottom: 6px;
	margin-bottom: .375rem
}

.list--inline li {
	display: block;
	float: left
}

.list--topics li a {
	color: #da1884;
	display: block;
	padding: 12px 0;
	padding: .75rem 0
}

.list--topics li a:hover {
	color: #ae136a
}

.stat__item {
	padding: 24px 0;
	padding: 1.5rem 0;
	position: relative
}

@media ( min-width :52.5em) {
	.stat__item:after {
		background: #ccc;
		content: "";
		height: 90%;
		position: absolute;
		right: -.75rem;
		top: 5%;
		width: 1px
	}
	.stat__item:last-child:after {
		display: none
	}
}

.stat-number {
	display: block;
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
	position: relative
}

.stat-number:after {
	background: #da1884;
	bottom: -16px;
	bottom: -1rem;
	content: "";
	height: 2px;
	left: 50%;
	position: absolute;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 24px;
	width: 1.5rem
}

.location-list__link {
	color: #da1884;
	padding: 4px 0;
	padding: .25rem 0
}

.border--left {
	border-left: 1px solid #e6e6e6;
	padding-left: 24px;
	padding-left: 1.5rem
}

.intro-paragraph {
	font-size: 22.4px;
	font-size: 1.4rem;
	line-height: 1.25;
	font-family: "Calibri W01 Light", sans-serif;
	margin-top: 12px;
	margin-top: .75rem;
	margin-left: 12px;
	margin-left: .75rem;
	position: relative
}

.intro-paragraph span {
	background-color: #fff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	-webkit-box-shadow: .5em 0 0 #fff, -.5em 0 0 #fff;
	box-shadow: .5em 0 0 #fff, -.5em 0 0 #fff;
	line-height: 1.4;
	padding: 3px 0;
	padding: .1875rem 0
}

@media ( min-width :52.5em) {
	.intro-paragraph {
		font-size: 1.4rem;
		line-height: 1.25
	}
}

@media ( min-width :52.5em) and (min-width:52.5em) {
	.intro-paragraph {
		font-size: 1.6rem
	}
}

.intro-paragraph--dark {
	font-size: 22.4px;
	font-size: 1.4rem;
	line-height: 1.25;
	color: #fff;
	font-family: "Calibri W01 Light", sans-serif;
	margin-top: 12px;
	margin-top: .75rem;
	margin-left: 12px;
	margin-left: .75rem
}

.intro-paragraph--dark span {
	background-color: #191919;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	-webkit-box-shadow: .5em 0 0 #191919, -.5em 0 0 #191919;
	box-shadow: .5em 0 0 #191919, -.5em 0 0 #191919;
	line-height: 1.4;
	padding: 3px 0;
	padding: .1875rem 0
}

@media ( min-width :52.5em) {
	.intro-paragraph--dark {
		font-size: 1.4rem;
		line-height: 1.25
	}
}

@media ( min-width :52.5em) and (min-width:52.5em) {
	.intro-paragraph--dark {
		font-size: 1.6rem
	}
}

.bg-stroke {
	position: relative
}

.bg-stroke span {
	position: relative;
	z-index: 2
}

.bg-stroke:after {
	background-image: url(../img/young-scot-bg-stroke-01.svg);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: block;
	height: 48px;
	height: 3rem;
	left: -24px;
	left: -1.5rem;
	position: absolute;
	top: 0;
	-webkit-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);
	width: 192px;
	width: 12rem;
	z-index: 1
}

.list--bullet {
	list-style: none;
	margin-left: 24px;
	margin-left: 1.5rem
}

.list--bullet li:before {
	content: "\2022";
	color: #383488;
	font-weight: 700;
	display: inline-block;
	width: 1em;
	margin-left: -1em
}

.wrap {
	overflow: none;
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
	padding-left: 4px;
	padding-left: .25rem;
	padding-right: 4px;
	padding-right: .25rem;
	width: 100%
}

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

.wrap:after {
	clear: both
}

@media ( min-width :52.5em) {
	.wrap {
		padding-left: 1.5rem;
		padding-right: 1.5rem
	}
}

@media ( min-width :75em) {
	.wrap {
		max-width: 1280px;
		padding-left: 1.5rem;
		padding-right: 1.5rem
	}
}

@media ( min-width :90.01em) {
	.wrap {
		max-width: 1600px;
		padding-left: 4.5rem;
		padding-right: 4.5rem
	}
}

.row {
	overflow: none;
	clear: both;
	margin-left: -12px;
	margin-right: -12px
}

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

.row:after {
	clear: both
}

@media not all and (min-resolution:0.001dpcm) { @
	supports (-webkit-appearance:none ){ .
		row {margin-left: -webkit-calc(( -24px/ 2)- .3px);
		margin-left: calc(( -24px/ 2)- .3px);
		margin-right: -webkit-calc(( -24px/ 2)- .3px);
		margin-right: calc(( -24px/ 2)- .3px)
	}
}

}
.row:after {
	content: '';
	display: table
}

.col {
	float: left;
	margin-left: 12px;
	margin-right: 12px
}

@media not all and (min-resolution:0.001dpcm) { @
	supports (-webkit-appearance:none ){ .
		col {margin-left: -webkit-calc(( 24px/ 2)- .3px);
		margin-left: calc(( 24px/ 2)- .3px);
		margin-right: -webkit-calc(( 24px/ 2)- .3px);
		margin-right: calc(( 24px/ 2)- .3px)
	}
}

}
.col--centered {
	float: none;
	margin-left: auto !important;
	margin-right: auto !important
}

.grid-demo .col {
	background: #f5f5f5;
	font-family: "Calibri W01 Regular_904604", sans-serif;
	padding: 12px;
	padding: .75rem
}

.grid-demo .row {
	margin-bottom: 12px;
	margin-bottom: .75rem
}

.small-1 {
	width: 3.33333%;
	width: -webkit-calc((( 99.999%/ 12)* 1)- (24px));
	width: calc((( 99.999%/ 12)* 1)- (24px))
}

.small-2 {
	width: 11.66667%;
	width: -webkit-calc((( 99.999%/ 12)* 2)- (24px));
	width: calc((( 99.999%/ 12)* 2)- (24px))
}

.small-3 {
	width: 20%;
	width: -webkit-calc((( 99.999%/ 12)* 3)- (24px));
	width: calc((( 99.999%/ 12)* 3)- (24px))
}

.small-4 {
	width: 28.33333%;
	width: -webkit-calc((( 99.999%/ 12)* 4)- (24px));
	width: calc((( 99.999%/ 12)* 4)- (24px))
}

.small-5 {
	width: 36.66667%;
	width: -webkit-calc((( 99.999%/ 12)* 5)- (24px));
	width: calc((( 99.999%/ 12)* 5)- (24px))
}

.small-6 {
	width: 45%;
	width: -webkit-calc((( 99.999%/ 12)* 6)- (24px));
	width: calc((( 99.999%/ 12)* 6)- (24px))
}

.small-7 {
	width: 53.33333%;
	width: -webkit-calc((( 99.999%/ 12)* 7)- (24px));
	width: calc((( 99.999%/ 12)* 7)- (24px))
}

.small-8 {
	width: 61.66667%;
	width: -webkit-calc((( 99.999%/ 12)* 8)- (24px));
	width: calc((( 99.999%/ 12)* 8)- (24px))
}

.small-9 {
	width: 70%;
	width: -webkit-calc((( 99.999%/ 12)* 9)- (24px));
	width: calc((( 99.999%/ 12)* 9)- (24px))
}

.small-10 {
	width: 78.33333%;
	width: -webkit-calc((( 99.999%/ 12)* 10)- (24px));
	width: calc((( 99.999%/ 12)* 10)- (24px))
}

.small-11 {
	width: 86.66667%;
	width: -webkit-calc((( 99.999%/ 12)* 11)- (24px));
	width: calc((( 99.999%/ 12)* 11)- (24px))
}

.small-12 {
	width: 95%;
	width: -webkit-calc((( 99.999%/ 12)* 12)- (24px));
	width: calc((( 99.999%/ 12)* 12)- (24px))
}

@media ( min-width :52.5em) {
	.medium-1 {
		width: 3.33333%;
		width: -webkit-calc((( 99.999%/ 12)* 1)- (24px));
		width: calc((( 99.999%/ 12)* 1)- (24px))
	}
	.medium-2 {
		width: 11.66667%;
		width: -webkit-calc((( 99.999%/ 12)* 2)- (24px));
		width: calc((( 99.999%/ 12)* 2)- (24px))
	}
	.medium-3 {
		width: 20%;
		width: -webkit-calc((( 99.999%/ 12)* 3)- (24px));
		width: calc((( 99.999%/ 12)* 3)- (24px))
	}
	.medium-4 {
		width: 28.33333%;
		width: -webkit-calc((( 99.999%/ 12)* 4)- (24px));
		width: calc((( 99.999%/ 12)* 4)- (24px))
	}
	.medium-5 {
		width: 36.66667%;
		width: -webkit-calc((( 99.999%/ 12)* 5)- (24px));
		width: calc((( 99.999%/ 12)* 5)- (24px))
	}
	.medium-6 {
		width: 45%;
		width: -webkit-calc((( 99.999%/ 12)* 6)- (24px));
		width: calc((( 99.999%/ 12)* 6)- (24px))
	}
	.medium-7 {
		width: 53.33333%;
		width: -webkit-calc((( 99.999%/ 12)* 7)- (24px));
		width: calc((( 99.999%/ 12)* 7)- (24px))
	}
	.medium-8 {
		width: 61.66667%;
		width: -webkit-calc((( 99.999%/ 12)* 8)- (24px));
		width: calc((( 99.999%/ 12)* 8)- (24px))
	}
	.medium-9 {
		width: 70%;
		width: -webkit-calc((( 99.999%/ 12)* 9)- (24px));
		width: calc((( 99.999%/ 12)* 9)- (24px))
	}
	.medium-10 {
		width: 78.33333%;
		width: -webkit-calc((( 99.999%/ 12)* 10)- (24px));
		width: calc((( 99.999%/ 12)* 10)- (24px))
	}
	.medium-11 {
		width: 86.66667%;
		width: -webkit-calc((( 99.999%/ 12)* 11)- (24px));
		width: calc((( 99.999%/ 12)* 11)- (24px))
	}
	.medium-12 {
		width: 95%;
		width: -webkit-calc((( 99.999%/ 12)* 12)- (24px));
		width: calc((( 99.999%/ 12)* 12)- (24px))
	}
	.pull-1--medium {
		margin-left: -webkit-calc((( 99.999%/ 12)* 1)+ (12px));
		margin-left: calc((( 99.999%/ 12)* 1)+ (12px))
	}
	.pull-2--medium {
		margin-left: -webkit-calc((( 99.999%/ 12)* 2)+ (12px));
		margin-left: calc((( 99.999%/ 12)* 2)+ (12px))
	}
	.pull-3--medium {
		margin-left: -webkit-calc((( 99.999%/ 12)* 3)+ (12px));
		margin-left: calc((( 99.999%/ 12)* 3)+ (12px))
	}
	.pull-4--medium {
		margin-left: -webkit-calc((( 99.999%/ 12)* 4)+ (12px));
		margin-left: calc((( 99.999%/ 12)* 4)+ (12px))
	}
	.pull-5--medium {
		margin-left: -webkit-calc((( 99.999%/ 12)* 5)+ (12px));
		margin-left: calc((( 99.999%/ 12)* 5)+ (12px))
	}
	.pull-6--medium {
		margin-left: -webkit-calc((( 99.999%/ 12)* 6)+ (12px));
		margin-left: calc((( 99.999%/ 12)* 6)+ (12px))
	}
	.push-3--medium {
		margin-right: -webkit-calc((( 99.999%/ 12)* 3)+ (12px));
		margin-right: calc((( 99.999%/ 12)* 3)+ (12px))
	}
	.push-4--medium {
		margin-right: -webkit-calc((( 99.999%/ 12)* 4)+ (12px));
		margin-right: calc((( 99.999%/ 12)* 4)+ (12px))
	}
}

@media ( min-width :75em) {
	.large-1 {
		width: 3.33333%;
		width: -webkit-calc((( 99.999%/ 12)* 1)- (24px));
		width: calc((( 99.999%/ 12)* 1)- (24px))
	}
	.large-2 {
		width: 11.66667%;
		width: -webkit-calc((( 99.999%/ 12)* 2)- (24px));
		width: calc((( 99.999%/ 12)* 2)- (24px))
	}
	.large-3 {
		width: 20%;
		width: -webkit-calc((( 99.999%/ 12)* 3)- (24px));
		width: calc((( 99.999%/ 12)* 3)- (24px))
	}
	.large-4 {
		width: 28.33333%;
		width: -webkit-calc((( 99.999%/ 12)* 4)- (24px));
		width: calc((( 99.999%/ 12)* 4)- (24px))
	}
	.large-5 {
		width: 36.66667%;
		width: -webkit-calc((( 99.999%/ 12)* 5)- (24px));
		width: calc((( 99.999%/ 12)* 5)- (24px))
	}
	.large-6 {
		width: 45%;
		width: -webkit-calc((( 99.999%/ 12)* 6)- (24px));
		width: calc((( 99.999%/ 12)* 6)- (24px))
	}
	.large-7 {
		width: 53.33333%;
		width: -webkit-calc((( 99.999%/ 12)* 7)- (24px));
		width: calc((( 99.999%/ 12)* 7)- (24px))
	}
	.large-8 {
		width: 61.66667%;
		width: -webkit-calc((( 99.999%/ 12)* 8)- (24px));
		width: calc((( 99.999%/ 12)* 8)- (24px))
	}
	.large-9 {
		width: 70%;
		width: -webkit-calc((( 99.999%/ 12)* 9)- (24px));
		width: calc((( 99.999%/ 12)* 9)- (24px))
	}
	.large-10 {
		width: 78.33333%;
		width: -webkit-calc((( 99.999%/ 12)* 10)- (24px));
		width: calc((( 99.999%/ 12)* 10)- (24px))
	}
	.large-11 {
		width: 86.66667%;
		width: -webkit-calc((( 99.999%/ 12)* 11)- (24px));
		width: calc((( 99.999%/ 12)* 11)- (24px))
	}
	.large-12 {
		width: 95%;
		width: -webkit-calc((( 99.999%/ 12)* 12)- (24px));
		width: calc((( 99.999%/ 12)* 12)- (24px))
	}
	.pull-1--large {
		margin-left: -webkit-calc((( 99.999%/ 12)* 1)+ (12px));
		margin-left: calc((( 99.999%/ 12)* 1)+ (12px))
	}
	.pull-2--large {
		margin-left: -webkit-calc((( 99.999%/ 12)* 2)+ (12px));
		margin-left: calc((( 99.999%/ 12)* 2)+ (12px))
	}
	.pull-3--large {
		margin-left: -webkit-calc((( 99.999%/ 12)* 3)+ (12px));
		margin-left: calc((( 99.999%/ 12)* 3)+ (12px))
	}
	.pull-6--large {
		margin-left: -webkit-calc((( 99.999%/ 12)* 6)+ (12px));
		margin-left: calc((( 99.999%/ 12)* 6)+ (12px))
	}
	.push-1--large {
		margin-right: -webkit-calc((( 99.999%/ 12)* 1)+ (12px));
		margin-right: calc((( 99.999%/ 12)* 1)+ (12px))
	}
	.push-2--large {
		margin-right: -webkit-calc((( 99.999%/ 12)* 2)+ (12px));
		margin-right: calc((( 99.999%/ 12)* 2)+ (12px))
	}
	.push-3--large {
		margin-right: -webkit-calc((( 99.999%/ 12)* 3)+ (12px));
		margin-right: calc((( 99.999%/ 12)* 3)+ (12px))
	}
}

@media ( min-width :90.01em) {
	.xlarge-2 {
		width: 11.66667%;
		width: -webkit-calc((( 99.999%/ 12)* 2)- (24px));
		width: calc((( 99.999%/ 12)* 2)- (24px))
	}
	.xlarge-3 {
		width: 20%;
		width: -webkit-calc((( 99.999%/ 12)* 3)- (24px));
		width: calc((( 99.999%/ 12)* 3)- (24px))
	}
	.xlarge-4 {
		width: 28.33333%;
		width: -webkit-calc((( 99.999%/ 12)* 4)- (24px));
		width: calc((( 99.999%/ 12)* 4)- (24px))
	}
	.xlarge-5 {
		width: 36.66667%;
		width: -webkit-calc((( 99.999%/ 12)* 5)- (24px));
		width: calc((( 99.999%/ 12)* 5)- (24px))
	}
	.xlarge-6 {
		width: 45%;
		width: -webkit-calc((( 99.999%/ 12)* 6)- (24px));
		width: calc((( 99.999%/ 12)* 6)- (24px))
	}
	.xlarge-7 {
		width: 53.33333%;
		width: -webkit-calc((( 99.999%/ 12)* 7)- (24px));
		width: calc((( 99.999%/ 12)* 7)- (24px))
	}
	.xlarge-8 {
		width: 61.66667%;
		width: -webkit-calc((( 99.999%/ 12)* 8)- (24px));
		width: calc((( 99.999%/ 12)* 8)- (24px))
	}
	.xlarge-9 {
		width: 70%;
		width: -webkit-calc((( 99.999%/ 12)* 9)- (24px));
		width: calc((( 99.999%/ 12)* 9)- (24px))
	}
	.xlarge-10 {
		width: 78.33333%;
		width: -webkit-calc((( 99.999%/ 12)* 10)- (24px));
		width: calc((( 99.999%/ 12)* 10)- (24px))
	}
	.xlarge-11 {
		width: 86.66667%;
		width: -webkit-calc((( 99.999%/ 12)* 11)- (24px));
		width: calc((( 99.999%/ 12)* 11)- (24px))
	}
	.pull-right--xlarge {
		float: right
	}
	.push-2--xlarge {
		margin-right: -webkit-calc((( 99.999%/ 12)* 2)+ (12px));
		margin-right: calc((( 99.999%/ 12)* 2)+ (12px))
	}
}

.light-grey-1 {
	color: #f5f5f5
}

.light-grey-2 {
	color: #e6e6e6
}

.light-grey-3 {
	color: #ccc
}

.bg-light-grey-1 {
	background-color: #f5f5f5
}

.bg-light-grey-2 {
	background-color: #e6e6e6
}

.bg-light-grey-3 {
	background-color: #ccc
}

.mid-grey-1 {
	color: #b3b3b3
}

.mid-grey-2 {
	color: #999
}

.mid-grey-3 {
	color: grey
}

.bg-mid-grey-1 {
	background-color: #b3b3b3
}

.bg-mid-grey-2 {
	background-color: #999
}

.bg-mid-grey-3 {
	background-color: grey
}

.dark-grey-1 {
	color: #666
}

.dark-grey-2 {
	color: #4d4d4d
}

.dark-grey-3 {
	color: #333
}

.bg-dark-grey-1 {
	background-color: #666
}

.bg-dark-grey-2 {
	background-color: #4d4d4d
}

.bg-dark-grey-3 {
	background-color: #333
}

.bg-primary--10 {
	background: #fffdf2
}

.bg-secondary--10 {
	background: #fffbeb
}

.white {
	color: #fff
}

.bg-white {
	background-color: #fff
}

.off-black {
	color: #191919
}

.bg-off-black {
	background: #191919
}

.bg-off-white {
	background: #e7e6dd
}

.bg-red {
	background: #c03
}

.bg-green {
	background: #97cb3f
}

.primary-color {
	color: #ffcd00
}

.bg-primary-color {
	background: #ffcd00
}

.secondary-color {
	color: #da1884
}

.bg-secondary-color {
	background: #da1884
}

.black {
	color: #000
}

.bg-black {
	background: #000
}

.sky-blue {
	color: #3abff0
}

.bg-sky-blue {
	background: #3abff0
}

.turquoise {
	color: #00ad95
}

.bg-turquoise {
	background: #00ad95
}

.blue {
	color: #383488
}

.bg-blue {
	background: #383488
}

.yellow {
	color: #e9921b
}

.bg-yellow {
	background: #e9921b
}

.grey {
	color: #4d5051
}

.bg-grey {
	background: #4d5051
}

body {
	padding-top: 65px
}

.skip-link {
	font-size: 14.224px;
	font-size: .889rem;
	line-height: 1.4;
	clip: rect(0, 0, 0, 0);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	display: block;
	height: 1px;
	left: 0;
	margin: 0;
	overflow: hidden;
	padding: 12px;
	padding: .75rem;
	position: absolute;
	top: 0;
	white-space: nowrap;
	width: 1px
}

header {
	-webkit-box-shadow: 0 1px 6px #ccc;
	box-shadow: 0 1px 6px #ccc;
	left: 0;
	min-height: 65px;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 100
}

.site-logo {
	display: block;
	height: 10px;
	margin-top: 12px;
	margin-top: .75rem;
	max-width: 116px;
	position: relative;
	z-index: 100
}

.logo__wrapper {
	width: 95%;
	width: -webkit-calc((( 99.999%/ 12)* 12)- (24px));
	width: calc((( 99.999%/ 12)* 12)- (24px))
}

@media ( min-width :920px) {
	.logo__wrapper {
		width: 11.66667%;
		width: -webkit-calc((( 99.999%/ 12)* 2)- (24px));
		width: calc((( 99.999%/ 12)* 2)- (24px))
	}
}

.footer {
	color: #ccc;
	padding-bottom: 72px;
	padding-bottom: 4.5rem
}

@media ( min-width :52.5em) {
	.footer {
		padding-bottom: 0
	}
}

.footer a {
	color: #ccc
}

.footer a:hover {
	color: #fff
}

.footer .site-logo {
	display: block;
	margin: 0 auto;
	max-width: 220px;
	min-height: 140px;
	opacity: .2;
	position: relative;
	width: 100%;
	z-index: 10
}

@media ( min-width :740px) {
	.footer .site-logo {
		float: right
	}
}

.footer hr {
	background: #4d4d4d;
	height: 1px;
	margin-top: 0;
	margin-bottom: 12px;
	margin-bottom: .75rem;
	width: 100%
}

@media ( min-width :52.5em) {
	.footer hr {
		margin-top: 3rem
	}
}

.footer .col--footer {
	width: 95%;
	width: -webkit-calc((( 99.999%/ 12)* 12)- (24px));
	width: calc((( 99.999%/ 12)* 12)- (24px));
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
	text-align: center
}

@media ( min-width :650px) {
	.footer .col--footer {
		width: 45%;
		width: -webkit-calc((( 99.999%/ 12)* 6)- (24px));
		width: calc((( 99.999%/ 12)* 6)- (24px));
		text-align: left
	}
}

@media ( min-width :800px) {
	.footer .col--footer {
		width: 20%;
		width: -webkit-calc((( 99.999%/ 12)* 3)- (24px));
		width: calc((( 99.999%/ 12)* 3)- (24px));
		margin-bottom: 0
	}
}

.footer .list--contact li a {
	display: block;
	padding: 6px 0 6px 0;
	padding: .375rem 0 .375rem 0;
	position: relative
}

.footer .list--contact li a:before {
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 15px;
	height: .9375rem;
	left: 0;
	margin-right: 6px;
	margin-right: .375rem;
	top: 10.909px;
	top: .68182rem;
	vertical-align: middle;
	width: 15px;
	width: .9375rem
}

.footer .list--contact li .email:before {
	width: 13.333px;
	width: .83333rem
}

.footer .list--contact li .phone:before {
	width: 13.333px;
	width: .83333rem
}

.footer .list--contact li .instagram:before {
	width: 14.117px;
	width: .88235rem
}

.clearfix {
	overflow: none
}

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

.clearfix:after {
	clear: both
}

.block {
	display: block
}

.inline-block {
	display: inline-block !important
}

.relative {
	position: relative
}

.push--top {
	margin-top: 24px !important;
	margin-top: 1.5rem !important
}

.push-double--top {
	margin-top: 48px !important;
	margin-top: 3rem !important
}

.push-half--top {
	margin-top: 12px !important;
	margin-top: .75rem !important
}

.push--bottom {
	margin-bottom: 24px !important;
	margin-bottom: 1.5rem !important
}

.push-half--bottom {
	margin-bottom: 12px !important;
	margin-bottom: .75rem !important
}

.push-quarter--bottom {
	margin-bottom: 6px !important;
	margin-bottom: .375rem !important
}

.push-double--bottom {
	margin-bottom: 48px !important;
	margin-bottom: 3rem !important
}

.push--ends {
	margin-bottom: 24px !important;
	margin-bottom: 1.5rem !important;
	margin-top: 24px !important;
	margin-top: 1.5rem !important
}

.push-half--ends {
	margin-bottom: 12px !important;
	margin-bottom: .75rem !important;
	margin-top: 12px !important;
	margin-top: .75rem !important
}

.push-double--ends {
	margin-bottom: 48px !important;
	margin-bottom: 3rem !important;
	margin-top: 48px !important;
	margin-top: 3rem !important
}

.push-quarter--ends {
	margin-bottom: 6px !important;
	margin-bottom: .375rem !important;
	margin-top: 6px !important;
	margin-top: .375rem !important
}

.push--left {
	margin-left: 24px !important;
	margin-left: 1.5rem !important
}

.push-half--left {
	margin-left: 12px !important;
	margin-left: .75rem !important
}

.push-double--left {
	margin-left: 48px !important;
	margin-left: 3rem !important
}

.push--sides {
	margin-left: 24px !important;
	margin-left: 1.5rem !important;
	margin-right: 24px !important;
	margin-right: 1.5rem !important
}

.push-double--sides {
	margin-left: 48px !important;
	margin-left: 3rem !important;
	margin-right: 48px !important;
	margin-right: 3rem !important
}

.push--right {
	margin-right: 24px !important;
	margin-right: 1.5rem !important
}

.push-double--right {
	margin-right: 48px !important;
	margin-right: 3rem !important
}

.push-half--right {
	margin-right: 12px !important;
	margin-right: .75rem !important
}

.push-quarter--right {
	margin-right: 6px !important;
	margin-right: .375rem !important
}

.flush {
	margin: 0 !important
}

.flush--top {
	margin-top: 0 !important
}

.flush--right {
	margin-right: 0 !important
}

.flush--bottom {
	margin-bottom: 0 !important
}

.flush--left {
	margin-left: 0 !important
}

.flush--ends {
	margin-top: 0 !important;
	margin-bottom: 0 !important
}

.flush--sides {
	margin-right: 0 !important;
	margin-left: 0 !important
}

.soft {
	padding: 24px !important;
	padding: 1.5rem !important
}

.soft--left {
	padding-left: 24px !important;
	padding-left: 1.5rem !important
}

@media ( min-width :52.5em) {
	.soft-double-left--medium {
		padding-left: 3rem !important
	}
}

@media ( min-width :52.5em) {
	.soft-left--medium {
		padding-left: 1.5rem !important
	}
}

.soft--right {
	padding-right: 24px !important;
	padding-right: 1.5rem !important
}

.soft--bottom {
	padding-bottom: 24px !important;
	padding-bottom: 1.5rem !important
}

.soft-double--bottom {
	padding-bottom: 48px !important;
	padding-bottom: 3rem !important
}

.soft-triple--bottom {
	padding-bottom: 72px !important;
	padding-bottom: 4.5rem !important
}

.soft--top {
	padding-top: 24px !important;
	padding-top: 1.5rem !important
}

.soft-double--top {
	padding-top: 48px !important;
	padding-top: 3rem !important
}

.soft--sides {
	padding-left: 24px !important;
	padding-left: 1.5rem !important;
	padding-right: 24px !important;
	padding-right: 1.5rem !important
}

.soft--ends {
	padding-bottom: 24px !important;
	padding-bottom: 1.5rem !important;
	padding-top: 24px !important;
	padding-top: 1.5rem !important
}

.soft-half--ends {
	padding-bottom: 12px !important;
	padding-bottom: .75rem !important;
	padding-top: 12px !important;
	padding-top: .75rem !important
}

.soft-double--ends {
	padding-bottom: 48px !important;
	padding-bottom: 3rem !important;
	padding-top: 48px !important;
	padding-top: 3rem !important
}

.soft--half {
	padding: 12px !important;
	padding: .75rem !important
}

.soft--quarter {
	padding: 6px !important;
	padding: .375rem !important
}

.soft-half--top {
	padding-top: 12px !important;
	padding-top: .75rem !important
}

.soft--double {
	padding: 24px !important;
	padding: 1.5rem !important
}

@media ( min-width :52.5em) {
	.soft--double {
		padding: 3rem !important
	}
}

.soft-double--right {
	padding-right: 24px !important;
	padding-right: 1.5rem !important
}

@media ( min-width :52.5em) {
	.soft-double--right {
		padding-right: 3rem !important
	}
}

.soft-double--sides {
	padding-left: 24px !important;
	padding-left: 1.5rem !important;
	padding-right: 24px !important;
	padding-right: 1.5rem !important
}

@media ( min-width :52.5em) {
	.soft-double--sides {
		padding-left: 3rem !important;
		padding-right: 3rem !important
	}
}

.soft-double--ends {
	padding-top: 24px !important;
	padding-top: 1.5rem !important;
	padding-bottom: 24px !important;
	padding-bottom: 1.5rem !important
}

@media ( min-width :52.5em) {
	.soft-double--ends {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important
	}
}

.hard {
	padding: 0 !important
}

.hard--top {
	padding-top: 0 !important
}

.hard--right {
	padding-right: 0 !important
}

.hard--bottom {
	padding-bottom: 0 !important
}

.hard--left {
	padding-left: 0 !important
}

.hard--ends {
	padding-top: 0 !important;
	padding-bottom: 0 !important
}

.hard--sides {
	padding-left: 0 !important;
	padding-right: 0 !important
}

.text-center {
	text-align: center
}

.text-right {
	text-align: right
}

@media ( min-width :52.5em) {
	.pull-left--medium {
		float: left
	}
	.pull-right--medium {
		float: right
	}
	.text-right--medium {
		text-align: right
	}
}

@media ( min-width :75em) {
	.text-right--large {
		text-align: right
	}
	.pull-right--large {
		float: right
	}
}

.pull--up {
	margin-top: -24px;
	margin-top: -1.5rem
}

.pull-right {
	float: right
}

.pull-left {
	float: left
}

.vertical-align {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%
}

@media ( min-width :52.5em) {
	.vertical-align-medium-up {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 100%
	}
}

@media ( min-width :75em) {
	.vertical-align--large-up {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 100%
	}
}

.ratio-1x1 {
	width: 100%;
	height: 0;
	padding-bottom: 100%
}

.ratio-2x1 {
	width: 100%;
	height: 0;
	padding-bottom: 50%
}

.ratio-5x3 {
	width: 100%;
	height: 0;
	padding-bottom: 60%
}

.ratio-16x9 {
	width: 100%;
	height: 0;
	padding-bottom: 56.25%
}

.clip {
	overflow: hidden
}

.flex-equal-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%
}

.flex-equal-height>.col {
	float: none
}

.flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.flex-1 {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.hide--small {
	display: none
}

@media ( min-width :52.5em) {
	.hide--small {
		display: block
	}
}

.border--right {
	border-right: 1px solid #e6e6e6
}

.border-radius {
	-webkit-border-radius: .5rem;
	border-radius: .5rem
}

.box-shadow {
	-webkit-box-shadow: 0 3px 8px #ccc;
	box-shadow: 0 3px 8px #ccc
}

.center {
	float: none !important;
	margin: 0 auto
}

.rotate--1 {
	display: inline-block;
	-webkit-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	transform: rotate(-1deg)
}

.rotate--2 {
	display: inline-block;
	-webkit-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg)
}

.rotate--3 {
	display: inline-block;
	-webkit-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg)
}

.no-border {
	border-right: none !important;
	border-left: none !important;
	border-top: none !important;
	border-bottom: none !important
}

.legend {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.4;
	color: #333;
	display: block;
	font-family: "Calibri W01 Bold_904607", sans-serif;
	margin-bottom: 12px;
	margin-bottom: .75rem;
	padding: 0;
	width: 100%
}

.form-row {
	overflow: none;
	display: block;
	margin-bottom: 4px;
	margin-bottom: .25rem;
	min-height: 48px;
	min-height: 3rem;
	position: relative
}

.form-row:after, .form-row:before {
	content: " ";
	display: table
}

.form-row:after {
	clear: both
}

.form-row:last-child {
	border-bottom: none
}

@media ( min-width :52.5em) {
	.form-row {
		border-bottom: 1px dotted #e6e6e6;
		margin-bottom: .375rem;
		padding-bottom: .375rem;
		padding-top: .375rem
	}
}

.form-row--plain {
	border-bottom: none
}

@media ( min-width :52.5em) {
	.form-row--condensed {
		margin-bottom: .375rem;
		padding: .375rem 0 .75rem 0
	}
}

.form-row--btns {
	border-bottom: none;
	text-align: right
}

.form-control-label {
	font-size: 14.224px;
	font-size: .889rem;
	line-height: 1.4;
	color: #666;
	display: block;
	font-family: "Calibri W01 Regular_904604", sans-serif;
	margin-bottom: 3px;
	margin-bottom: .1875rem
}

@media ( min-width :52.5em) {
	.form-control-label {
		margin-bottom: .375rem;
		padding-top: .5rem
	}
}

.form-control-label--inline {
	display: block
}

@media ( min-width :52.5em) {
	.form-control-label--inline {
		display: inline-block;
		margin-right: .75rem
	}
}

.form-control-label__required {
	font-size: 12.64px;
	font-size: .79rem;
	line-height: 1.4;
	color: grey;
	font-family: "Calibri W01 Regular_904604", sans-serif
}

.form-control-label--success {
	color: #da1884
}

.form-control-label--warning {
	color: #f9b13c
}

.form-control-label--danger {
	color: #c03
}

.form-control {
	background-color: #f5f5f5;
	border: none;
	border: 1px solid #e6e6e6;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #666;
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 12px;
	margin-bottom: .75rem;
	max-width: 100%;
	padding: 12px 16px;
	padding: .75rem 1rem;
	position: relative;
	-webkit-transition: border-color .15s ease, background-color .15s ease;
	transition: border-color .15s ease, background-color .15s ease;
	width: 100%
}

.form-control:focus, .form-control:hover {
	border-color: #383488;
	color: #666;
	outline: 0
}

.form-control[aria-invalid=true] {
	border: 1px solid #c03
}

.form-control[aria-invalid=true]:hover {
	border-color: #da1884
}

.form-control[data-val] {
	background-color: rgba(204, 0, 51, .07)
}

.field-validation-error {
	font-size: 12.64px;
	font-size: .79rem;
	line-height: 1.4;
	color: #c03;
	display: block;
	font-family: "Calibri W01 Bold_904607", sans-serif;
	margin-bottom: 8px;
	margin-bottom: .5rem;
	margin-top: -8px;
	margin-top: -.5rem
}

.form-control--small {
	max-width: 90px;
	max-width: 5.625rem
}

.form-control--success {
	border-color: #da1884
}

.form-control--warning {
	border-color: #f9b13c
}

.form-control--danger {
	border-color: #c03
}

.form-control--underline {
	background-color: #fff;
	margin-bottom: 0
}

.form-control--inline {
	display: inline-block;
	width: auto
}

.form-control--static {
	background-color: #fff;
	border: none;
	outline: 0;
	padding-left: 0;
	padding-right: 0
}

.form-control--textarea {
	-webkit-border-radius: 4px;
	border-radius: 4px;
	line-height: 1.4
}

.form-select {
	font-size: 12.64px;
	font-size: .79rem;
	line-height: 1.4;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC)
		no-repeat scroll right 12px center/8px 10px;
	background: #fff
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC)
		no-repeat scroll right .75rem center/8px 10px;
	border: 1px solid #e6e6e6;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #666;
	display: inline-block;
	margin-bottom: 12px;
	margin-bottom: .75rem;
	max-width: 100%;
	padding: 9.6px 36px 9.6px 12px;
	padding: .6rem 2.25rem .6rem .75rem;
	vertical-align: middle
}

@media ( min-width :52.5em) {
	.form-select {
		font-size: .889rem;
		line-height: 1.4
	}
}

.form-select--large {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.4;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC)
		no-repeat scroll right 12px center/8px 10px;
	background: #fff
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC)
		no-repeat scroll right .75rem center/8px 10px;
	border: 1px solid #e6e6e6;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #666;
	display: inline-block;
	margin-bottom: 12px;
	margin-bottom: .75rem;
	max-width: 100%;
	padding: 9.6px 36px 9.6px 12px;
	padding: .6rem 2.25rem .6rem .75rem;
	vertical-align: middle
}

@media ( min-width :52.5em) {
	.form-select--large {
		font-size: 1.266rem;
		line-height: 1.25
	}
}

.form-select--wide {
	width: 100%
}

.form-control-label--checkbox {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	display: inline-block;
	min-height: 31.92px;
	min-height: 1.995rem;
	padding-left: 30px;
	padding-left: 1.875rem;
	padding-top: 3px;
	padding-top: .1875rem
}

.form-control-label--checkbox:hover {
	color: #333;
	cursor: pointer
}

.form-control-label--checkbox.required {
	color: grey
}

.form-control-label--checkbox.required:hover {
	color: grey;
	cursor: default
}

input.form-row-checkbox__checkbox {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: 0 0 !important;
	cursor: pointer;
	display: inline-block;
	height: 24px;
	height: 1.5rem;
	left: 0;
	line-height: 20px;
	line-height: 1.25rem;
	position: absolute;
	top: -6px;
	top: 0;
	width: 100%;
	width: 24px;
	width: 1.5rem
}

input.form-row-checkbox__checkbox * {
	outline: 1px solid #383488
}

@media ( min-width :52.5em) {
	input.form-row-checkbox__checkbox {
		top: -3px;
		top: 0
	}
}

input.form-row-checkbox__checkbox:before {
	background-color: #e6e6e6;
	border: 1px solid #e6e6e6;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	content: '';
	display: block;
	height: 24px;
	height: 1.5rem;
	left: 0;
	position: absolute;
	top: 8px;
	top: .5rem;
	top: 0;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
	width: 24px;
	width: 1.5rem
}

input.form-row-checkbox__checkbox:after {
	background-image: url(../img/check-mark--white.svg);
	background-repeat: no-repeat;
	background-size: contain;
	color: #fff;
	content: '';
	display: block;
	height: 12px;
	left: 6px;
	opacity: 0;
	position: absolute;
	top: 6px;
	-webkit-transition: opacity .1s ease-in-out, font-size .2s ease-in-out,
		left .2s ease-in-out, top .2s ease-in-out;
	transition: opacity .1s ease-in-out, font-size .2s ease-in-out, left .2s
		ease-in-out, top .2s ease-in-out;
	width: 12px
}

input.form-row-checkbox__checkbox:checked:before {
	background-color: #383488;
	border: 1px solid #383488
}

input.form-row-checkbox__checkbox:checked:after {
	opacity: 1
}

input.form-row-checkbox__checkbox:disabled:before {
	background-color: #e6e6e6;
	border: 1px solid #e6e6e6
}

input.form-row-checkbox__checkbox:disabled:after {
	background-image: url(../img/check-mark.svg);
	opacity: .4
}

.field__container-switch {
	margin-bottom: 24px;
	margin-bottom: 1.5rem
}

.field__switch {
	background-color: #b3b3b3;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	color: #333;
	cursor: pointer;
	display: inline-block;
	height: 32px;
	position: relative;
	vertical-align: middle;
	width: 72px;
	-webkit-transition: background-color .2s ease-in-out 0s;
	transition: background-color .2s ease-in-out 0s
}

.field__switch:after {
	background: #fff;
	-webkit-border-radius: 28px;
	border-radius: 28px;
	content: '';
	display: block;
	height: 24px;
	position: absolute;
	right: 42px;
	top: 4px;
	-webkit-transition: right .1s ease-in 0s;
	transition: right .1s ease-in 0s;
	width: 24px
}

.field__switch--sm {
	height: 30px;
	width: 60px
}

.field__switch--sm:after {
	height: 26px;
	right: 31px;
	width: 26px
}

.field__switch--status:before {
	font-size: 14.224px;
	font-size: .889rem;
	line-height: 1.4;
	content: 'No';
	display: block;
	line-height: 28px;
	padding: 1px 12px;
	text-align: right
}

.field__switch-label {
	display: block;
	padding-bottom: 6px;
	padding-bottom: .375rem
}

.field__switch-label--inline {
	display: inline-block;
	padding: 0 0 0 24px;
	vertical-align: middle
}

.field__switch-label--inline:first-child {
	padding: 0 24px 0 0;
	width: 100px
}

.field__switch--white-label .field__switch--status:before {
	content: ''
}

.field__container-switch input:checked ~.field__switch {
	background-color: #383488;
	color: #fff
}

.field__container-switch input:checked ~.field__switch:after {
	right: 4px
}

.field__container-switch input:checked ~.field__switch .field__switch--status:before
	{
	content: 'Yes';
	text-align: left
}

.field__container-switch input:checked ~.field__switch--white-label .field__switch--status:before
	{
	content: ''
}

.field__switch-input {
	position: absolute;
	visibility: hidden;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}

.primary-nav__wrapper {
	width: 95%;
	width: -webkit-calc((( 99.999%/ 12)* 12)- (24px));
	width: calc((( 99.999%/ 12)* 12)- (24px))
}

@media ( min-width :920px) {
	.primary-nav__wrapper {
		width: 78.33333%;
		width: -webkit-calc((( 99.999%/ 12)* 10)- (24px));
		width: calc((( 99.999%/ 12)* 10)- (24px))
	}
}

.primary-nav {
	background: #fff;
	border-top: 1px solid #e6e6e6;
	bottom: -65px;
	height: 100%;
	left: 0;
	max-height: 0;
	overflow: hidden;
	position: fixed;
	right: 0;
	-webkit-transition: .2s max-height ease-in-out;
	transition: .2s max-height ease-in-out;
	width: 100%;
	z-index: 99
}

@media ( min-width :920px) {
	.primary-nav {
		background: 0 0;
		border-top: none;
		border-right: 1px solid #e6e6e6;
		float: right;
		margin-top: .375rem;
		margin-bottom: .375rem;
		margin-right: 88px;
		max-height: none;
		overflow: auto;
		padding-right: .375rem;
		position: relative;
		top: 0;
		width: auto
	}
}

.primary-nav--small {
	bottom: 0;
	left: 0;
	height: 36px;
	height: 2.25rem;
	position: fixed;
	right: 0;
	width: 100%;
	z-index: 900
}

@media ( min-width :57.5em) {
	.primary-nav--small {
		display: none
	}
}

.primary-nav__btn {
	background: #da1884;
	background-image: url(../img/menu.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	bottom: 24px;
	bottom: 1.5rem;
	-webkit-box-shadow: 0 -1px 6px grey;
	box-shadow: 0 -1px 6px grey;
	display: block;
	height: 72px;
	height: 4.5rem;
	position: fixed;
	right: 24px;
	right: 1.5rem;
	width: 72px;
	width: 4.5rem;
	z-index: 999
}

@media ( min-width :920px) {
	.primary-nav__btn {
		display: none
	}
}

.primary-nav__item {
	display: inline-block;
	margin: 0;
	width: 100%
}

@media ( min-width :920px) {
	.primary-nav__item {
		margin: 0 .375rem;
		width: auto
	}
}

@media ( min-width :75em) {
	.primary-nav__item {
		margin: 0 .75rem
	}
}

.primary-nav__link {
	font-size: 20.256px;
	font-size: 1.266rem;
	line-height: 1.25;
	border-bottom: 1px solid #e6e6e6;
	color: #333;
	display: block;
	font-family: "Calibri W01 Regular_904604", sans-serif;
	padding: 24px 24px;
	padding: 1.5rem 1.5rem;
	position: relative
}

@media ( min-width :920px) {
	.primary-nav__link {
		font-size: 1rem;
		line-height: 1.4;
		border: 0;
		color: #333;
		font-family: "Calibri W01 Bold_904607", sans-serif;
		padding: 1.07143rem 0
	}
}

.primary-nav__link:focus, .primary-nav__link:hover {
	background: #383488;
	color: #fff;
	position: relative
}

@media ( min-width :920px) {
	.primary-nav__link:focus, .primary-nav__link:hover {
		background: 0 0;
		color: #da1884
	}
	.primary-nav__link:focus:after, .primary-nav__link:hover:after {
		background: #383488;
		bottom: .5rem;
		content: "";
		display: block;
		height: 2px;
		left: 50%;
		position: absolute;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 1.5rem
	}
}

.primary-nav__link.active {
	position: relative
}

.primary-nav__link.active:after {
	background: #383488;
	bottom: 8px;
	bottom: .5rem;
	content: "";
	display: block;
	height: 2px;
	left: 50%;
	position: absolute;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 24px;
	width: 1.5rem
}

.primary-nav__item.active .primary-nav__link {
	background: #f5f5f5;
	color: #333;
	position: relative
}

@media ( min-width :920px) {
	.primary-nav__item.active .primary-nav__link {
		background: 0 0;
		color: #333
	}
	.primary-nav__item.active .primary-nav__link:after {
		background: #383488;
		bottom: .5rem;
		content: "";
		display: block;
		height: 2px;
		left: 50%;
		position: absolute;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 1.5rem
	}
}

.on--primary-nav .primary-nav {
	max-height: 100%;
	-webkit-transition: .2s max-height ease-in-out;
	transition: .2s max-height ease-in-out
}

.on--primary-nav .primary-nav__btn {
	background-image: url(../img/close-button.svg);
	background-position: center center;
	background-size: 40%
}

.login__btn {
	background: grey;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: block;
	height: 16px;
	height: 1rem;
	padding: 16px;
	padding: 1rem;
	position: absolute;
	right: 38px;
	top: -8px;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	-webkit-transition: .25s background ease-in-out;
	transition: .25s background ease-in-out;
	width: 16px;
	width: 1rem
}

.login__btn:after {
	background-image: url(../img/icon-user.svg);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: block;
	height: 16px;
	height: 1rem;
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 16px;
	width: 1rem
}

.login__btn:hover {
	background: #da1884;
	-webkit-transition: .25s background ease-in-out;
	transition: .25s background ease-in-out
}

@media ( min-width :920px) {
	.login__btn {
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%)
	}
}

.skip {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.skip .btn-skip {
	position: absolute;
	visibility: hidden;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
	height: 1px;
	width: 1px;
	position: absolute;
	overflow: hidden;
	top: -10px;
	left: 0
}

.skip .btn-skip:focus {
	position: fixed;
	height: auto;
	width: auto;
	margin: 0 auto;
	display: block;
	left: 0;
	right: 0;
	top: 5px;
	text-align: center
}

.btn, input[type=submit].btn {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.4;
	background-color: #e6e6e6;
	border: 1px solid #e6e6e6;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #666;
	display: inline-block;
	font-family: "Calibri W01 Regular_904604", sans-serif;
	outline: 0;
	padding: 12px 24px;
	padding: .75rem 1.5rem;
	text-align: center;
	text-decoration: none !important;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	width: auto
}

.btn:focus, .btn:hover, input[type=submit].btn:focus, input[type=submit].btn:hover
	{
	background-color: #ccc;
	border: 1px solid #ccc;
	cursor: pointer
}

.btn--medium {
	font-size: 14.224px;
	font-size: .889rem;
	line-height: 1.4;
	padding: 6px 12px;
	padding: .375rem .75rem
}

.btn--small {
	font-size: 12.64px;
	font-size: .79rem;
	line-height: 1.4;
	padding: 4px 12px;
	padding: .25rem .75rem
}

.btn--circle {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	height: 60px;
	height: 3.75rem;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 60px;
	width: 3.75rem
}

.btn--outline {
	background-color: transparent;
	border-color: #ccc;
	color: #333
}

.btn--outline:focus, .btn--outline:hover {
	background-color: #f5f5f5;
	border-color: #ccc;
	color: #333
}

.btn--outline-primary {
	background-color: transparent;
	border-color: #da1884;
	color: #da1884
}

.btn--outline-primary:focus, .btn--outline-primary:hover {
	background-color: #da1884;
	border-color: #da1884;
	color: #fff
}

.btn--outline-tertiary {
	background-color: transparent;
	border-color: #383488;
	color: #383488
}

.btn--outline-tertiary:focus, .btn--outline-tertiary:hover {
	background-color: #383488;
	border-color: #383488;
	color: #fff
}

.btn--outline-white {
	background-color: transparent;
	border-color: #fff;
	color: #fff
}

.btn--outline-white:focus, .btn--outline-white:hover {
	background-color: #fff;
	border-color: #fff;
	color: #ffcd00
}

.btn--block {
	display: block;
	width: 100%
}

.btn--white {
	background-color: #fff;
	border-color: #fff
}

.btn--white:focus, .btn--white:hover {
	background-color: #fff;
	border-color: #ccc;
	color: #ffcd00
}

.btn--primary {
	background-color: #da1884;
	border-color: #da1884;
	color: #fff;
	-webkit-transition: background-color .2s ease-in;
	transition: background-color .2s ease-in
}

.btn--primary:focus, .btn--primary:hover {
	background-color: #ac1368;
	border-color: #ac1368;
	color: #fff
}

.btn--secondary {
	background-color: #383488;
	color: #fff
}

.btn--secondary:focus, .btn--secondary:hover {
	background-color: #292663;
	color: #fff
}

.btn--tertiary {
	background-color: #00ad95;
	border-color: #00ad95;
	color: #fff
}

.btn--tertiary:focus, .btn--tertiary:hover {
	background-color: #007a69;
	border-color: #007a69;
	color: #fff
}

.btn--text {
	background-color: transparent;
	border-color: transparent
}

.btn--text:focus, .btn--text:hover {
	background-color: transparent;
	border-color: transparent;
	color: #333
}

.btn--centered {
	display: block;
	margin: 0 auto
}

.btn--form-inline {
	border-width: 1px;
	font-size: 13.6px;
	font-size: .85rem;
	line-height: 1;
	margin-bottom: 12px;
	margin-bottom: .75rem;
	max-width: 100%;
	padding: 12px 16px;
	padding: .75rem 1rem
}

.btn--form-inline:focus, .btn--form-inline:hover {
	border-width: 1px
}

.btn--1x1 {
	border: 0;
	display: block;
	padding: 0;
	width: 100%;
	height: 0;
	padding-bottom: 100%
}

.btn--1x1:focus, .btn--1x1:hover {
	border: 0
}

.btn-file {
	bottom: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	opacity: 0;
	width: 100%
}

.btn-icon {
	background-repeat: no-repeat;
	background-position: center 40%;
	bottom: 0;
	color: grey;
	font-family: "Calibri W01 Regular_904604", sans-serif;
	padding-top: 96px;
	padding-top: 6rem;
	position: absolute;
	left: 0;
	right: 0;
	top: 0
}

.btn-icon--camera {
	background-image: url(../img/icons/icon-camera.svg)
}

.btn-icon--gallery {
	background-image: url(../img/icons/icon-gallery.svg)
}

.btn--disabled, button[disabled=disabled], button[disabled] {
	pointer-events: none;
	opacity: .5
}

.btn-header {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.4;
	background-color: transparent;
	color: #fff;
	display: block;
	float: right;
	font-family: "Calibri W01 Regular_904604", sans-serif;
	height: 72px;
	height: 4.5rem;
	line-height: 72px;
	line-height: 4.5rem;
	padding: 0 0 0 12px;
	padding: 0 0 0 .75rem;
	position: relative;
	text-align: center;
	width: 72px;
	width: 4.5rem;
	z-index: 101
}

.btn-header:after {
	background-color: rgba(255, 255, 255, .3);
	bottom: 12px;
	bottom: .75rem;
	content: '';
	left: 0;
	position: absolute;
	top: 12px;
	top: .75rem;
	width: 1px
}

.close-btn {
	height: 12px;
	height: .75rem;
	width: 16px;
	width: 1rem
}

.hero__wrapper {
	min-height: 500px;
	overflow: hidden;
	position: relative
}

.hero__wrapper .circle {
	-webkit-border-radius: 50%;
	border-radius: 50%;
	height: 384px;
	height: 24rem;
	position: absolute;
	right: 24px;
	right: 1.5rem;
	top: 96px;
	top: 6rem;
	width: 384px;
	width: 24rem
}

@media ( min-width :52.5em) {
	.hero__wrapper .circle {
		height: 27rem;
		width: 27rem
	}
}

@media ( min-width :75em) {
	.hero__wrapper .circle {
		height: 30rem;
		width: 30rem
	}
}

.hero__wrapper .cutout {
	bottom: 32px;
	bottom: 2rem;
	position: absolute;
	right: 48px;
	right: 3rem;
	width: 360px;
	z-index: 2
}

@media ( min-width :720px) {
	.hero__wrapper {
		min-height: 550px
	}
}

@media ( min-width :52.5em) {
	.hero__wrapper .cutout {
		width: 450px
	}
}

@media ( min-width :75em) {
	.hero__wrapper {
		min-height: 550px
	}
	.hero__wrapper .cutout {
		width: 430px
	}
}

.circle--hero {
	width: 28.33333%;
	width: -webkit-calc((( 99.999%/ 12)* 4)- (24px));
	width: calc((( 99.999%/ 12)* 4)- (24px));
	float: right;
	position: relative
}

.circle--hero .circle {
	height: 288px;
	height: 18rem;
	right: 0;
	top: 64px;
	top: 4rem;
	width: 288px;
	width: 18rem
}

.circle--hero .circle .cutout {
	width: 300px
}

@media ( min-width :720px) {
	.circle--hero .circle {
		height: 30rem;
		right: 1.5rem;
		top: 10rem;
		width: 30rem
	}
	.circle--hero .circle .cutout {
		bottom: 9rem;
		width: 350px
	}
}

@media ( min-width :52.5em) {
	.circle--hero .circle .cutout {
		bottom: 8rem;
		width: 400px
	}
}

@media ( min-width :90.01em) {
	.circle--hero .circle .cutout {
		width: 430px
	}
}

.hero__title {
	font-size: 34.896px;
	font-size: 2.181rem;
	line-height: 1;
	width: 95%;
	width: -webkit-calc((( 99.999%/ 12)* 12)- (24px));
	width: calc((( 99.999%/ 12)* 12)- (24px));
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
	margin-top: 24px;
	margin-top: 1.5rem
}

@media ( min-width :52.5em) {
	.hero__title {
		font-size: 2.887rem;
		line-height: 1
	}
}

@media ( min-width :720px) {
	.hero__title {
		font-size: 2.081rem;
		line-height: 1;
		width: 45%;
		width: -webkit-calc((( 99.999%/ 12)* 6)- (24px));
		width: calc((( 99.999%/ 12)* 6)- (24px));
		margin-bottom: 1.5rem;
		margin-top: 1.5rem
	}
}

@media ( min-width :720px) and (min-width:52.5em) {
	.hero__title {
		font-size: 2.566rem;
		line-height: 1
	}
}

@media ( min-width :52.5em) {
	.hero__title {
		margin-bottom: 3rem;
		margin-top: 3rem
	}
}

@media ( min-width :75em) {
	.hero__title {
		font-size: 2.181rem;
		line-height: 1;
		width: 53.33333%;
		width: -webkit-calc((( 99.999%/ 12)* 7)- (24px));
		width: calc((( 99.999%/ 12)* 7)- (24px))
	}
}

@media ( min-width :75em) and (min-width:52.5em) {
	.hero__title {
		font-size: 2.887rem;
		line-height: 1
	}
}

@media ( min-width :75em) {
	.hero__title {
		line-height: 1;
		font-size: 2.6rem;
		letter-spacing: -1px;
		width: 61.66667%;
		width: -webkit-calc((( 99.999%/ 12)* 8)- (24px));
		width: calc((( 99.999%/ 12)* 8)- (24px));
		padding-right: 3rem
	}
}

@media ( min-width :75em) and (min-width:30em) {
	.hero__title {
		font-size: 2.8rem
	}
}

@media ( min-width :75em) and (min-width:52.5em) {
	.hero__title {
		font-size: 3.653rem
	}
}

@media ( min-width :75em) and (min-width:90.01em) {
	.hero__title {
		font-size: 3.653rem
	}
}

.hero-nav {
	background: #111029;
	bottom: 0;
	left: 0;
	min-height: 80px;
	position: absolute;
	width: 100%;
	z-index: 1
}

.hero-nav:before {
	background: #111029;
	bottom: 0;
	content: "";
	height: 100px;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0;
	-webkit-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	width: 150%;
	z-index: 0
}

@media ( min-width :720px) {
	.hero-nav {
		min-height: 160px
	}
}

.hero-nav__list {
	display: none;
	position: relative;
	z-index: 10
}

@media ( min-width :720px) {
	.hero-nav__list {
		display: block
	}
}

.hero-nav__item {
	position: relative
}

.hero-nav__item:before {
	background: #4c4894;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	top: -4px;
	top: -.25rem;
	width: 24px;
	width: 1.5rem
}

@media ( min-width :75em) {
	.hero-nav__item:before {
		top: -.75rem
	}
}

.hero-nav__link {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.4;
	color: #fff;
	display: block;
	font-family: "Calibri W01 Bold_904607", sans-serif;
	padding-bottom: 16px;
	padding-bottom: 1rem;
	width: 100%
}

.hero-nav__link:after {
	background-image: url(../img/icon-arrow-right--white.svg);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 12px;
	height: .75rem;
	margin-left: 6px;
	margin-left: .375rem;
	width: 12px;
	width: .75rem
}

.hero-nav__link:hover {
	color: #afaecf
}

.hero-nav__link:hover:after {
	opacity: .6
}

@media ( min-width :75em) {
	.hero-nav__link {
		font-size: 1.4rem;
		line-height: 1.25;
		width: auto
	}
}

.promo__wrapper {
	min-height: 450px
}

.promo__wrapper .circle {
	-webkit-border-radius: 50%;
	border-radius: 50%;
	height: 432px;
	height: 27rem;
	position: absolute;
	right: 24px;
	right: 1.5rem;
	top: -48px;
	top: -3rem;
	width: 432px;
	width: 27rem
}

@media ( min-width :52.5em) {
	.promo__wrapper .circle {
		height: 30rem;
		width: 30rem
	}
}

@media ( min-width :75em) {
	.promo__wrapper .circle {
		height: 33rem;
		width: 33rem
	}
}

.promo__wrapper .cutout {
	bottom: -24px;
	bottom: -1.5rem;
	position: absolute;
	right: 48px;
	right: 3rem;
	width: 500px
}

.campaign__wrapper {
	position: relative
}

.campaign__wrapper:before {
	background: #f5f5f5;
	content: "";
	display: block;
	height: 24px;
	height: 1.5rem;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%
}

.campaign__wrapper .circle {
	-webkit-border-radius: 50%;
	border-radius: 50%;
	height: 528px;
	height: 33rem;
	left: -144px;
	left: -9rem;
	opacity: .5;
	position: absolute;
	top: -96px;
	top: -6rem;
	width: 528px;
	width: 33rem;
	z-index: 0
}

@media ( min-width :52.5em) {
	.campaign__wrapper .circle {
		height: 36rem;
		width: 36rem
	}
}

@media ( min-width :75em) {
	.campaign__wrapper .circle {
		height: 39rem;
		width: 39rem
	}
}

.social__wrapper {
	overflow: hidden;
	position: relative
}

.social__wrapper .circle {
	-webkit-border-radius: 50%;
	border-radius: 50%;
	height: 1680px;
	height: 105rem;
	left: -192px;
	left: -12rem;
	position: absolute;
	top: -352px;
	top: -22rem;
	width: 1680px;
	width: 105rem;
	z-index: -1
}

.social__wrapper .list--social li {
	display: block;
	border-bottom: 1px solid #33bdaa
}

.social__wrapper .list--social li a {
	font-size: 20.256px;
	font-size: 1.266rem;
	line-height: 1.25;
	color: #fff;
	display: block;
	padding: 6px 0 6px 36px;
	padding: .375rem 0 .375rem 2.25rem;
	position: relative
}

.social__wrapper .list--social li a:before {
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: block;
	height: 20px;
	height: 1.25rem;
	left: 0;
	position: absolute;
	top: 9.6px;
	top: .6rem;
	width: 20px;
	width: 1.25rem
}

.social__wrapper .list--social li .instagram:before {
	width: 18.461px;
	width: 1.15385rem
}

.app__wrapper {
	min-height: 450px
}

.app__wrapper .circle {
	-webkit-border-radius: 50%;
	border-radius: 50%;
	height: 432px;
	height: 27rem;
	position: absolute;
	right: 24px;
	right: 1.5rem;
	top: 96px;
	top: 6rem;
	width: 432px;
	width: 27rem
}

@media ( min-width :52.5em) {
	.app__wrapper .circle {
		height: 30rem;
		width: 30rem
	}
}

@media ( min-width :75em) {
	.app__wrapper .circle {
		height: 33rem;
		width: 33rem
	}
}

.app__wrapper .cutout {
	bottom: 12px;
	bottom: .75rem;
	position: absolute;
	right: 0;
	width: 450px
}

.bg-half-width:after {
	background: #00ad95;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	right: -50%;
	top: 0;
	width: 100%
}

.circle-logo {
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 3px 8px #000;
	box-shadow: 0 3px 8px #000;
	height: 168px;
	height: 10.5rem;
	overflow: hidden;
	position: relative;
	width: 168px;
	width: 10.5rem
}

.circle-logo__img {
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	width: 100%
}

.campaign-logo__wrapper {
	background: #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	float: left;
	height: 96px;
	height: 6rem;
	margin-left: 24px;
	margin-left: 1.5rem;
	overflow: hidden;
	position: relative;
	width: 96px;
	width: 6rem
}

@media ( min-width :52.5em) {
	.campaign-logo__wrapper {
		background: #fff;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		height: 12rem;
		margin-left: 0;
		left: auto;
		position: absolute;
		right: 6rem;
		top: -3rem;
		width: 12rem
	}
}

.campaign-logo__img {
	max-width: 100%;
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.article-logo__wrapper {
	background: #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 3px 8px #ccc;
	box-shadow: 0 3px 8px #ccc;
	height: 96px;
	height: 6rem;
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
	overflow: hidden;
	padding-top: 28px;
	position: relative;
	width: 96px;
	width: 6rem
}

@media ( min-width :52.5em) {
	.article-logo__wrapper {
		height: 9rem;
		padding-top: 40px;
		width: 9rem
	}
}

.article-logo__img {
	left: 0;
	margin: 0 auto;
	position: absolute;
	top: 0;
	width: 100%
}

.hero-image__wrapper {
	width: 100%;
	height: 0;
	padding-bottom: 62.5%;
	background: grey;
	min-height: 200px;
	position: relative
}

.hero-image__wrapper img {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%
}

@media ( min-width :30em) {
	.hero-image__wrapper {
		width: 100%;
		height: 0;
		padding-bottom: 50%
	}
}

@media ( min-width :52.5em) {
	.hero-image__wrapper {
		width: 100%;
		height: 0;
		padding-bottom: 37.5%;
		min-height: 200px
	}
}

.hero-image__slant {
	overflow: hidden
}

.hero-image__slant:after {
	background: #f5f5f5;
	bottom: -112px;
	content: "";
	display: block;
	height: 160px;
	height: 10rem;
	left: -12px;
	left: -.75rem;
	position: absolute;
	-webkit-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	width: 120%
}

.article-pull-up {
	margin-top: -96px;
	margin-top: -6rem
}

@media ( min-width :30em) {
	.article-pull-up {
		margin-top: -7.5rem
	}
}

@media ( min-width :52.5em) {
	.article-pull-up {
		margin-top: -9rem
	}
}

.sub-nav__list {
	margin-top: 24px;
	margin-top: 1.5rem;
	position: relative;
	z-index: 10
}

.sub-nav__item {
	width: 95%;
	width: -webkit-calc((( 99.999%/ 12)* 12)- (24px));
	width: calc((( 99.999%/ 12)* 12)- (24px));
	position: relative
}

@media ( min-width :640px) {
	.sub-nav__item {
		width: 20%;
		width: -webkit-calc((( 99.999%/ 12)* 3)- (24px));
		width: calc((( 99.999%/ 12)* 3)- (24px))
	}
}

.sub-nav__link {
	font-size: 20.256px;
	font-size: 1.266rem;
	line-height: 1.25;
	color: #383488;
	display: block;
	font-family: "Calibri W01 Bold_904607", sans-serif;
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
	padding-bottom: 16px;
	padding-bottom: 1rem;
	width: 100%
}

.sub-nav__link:after {
	background-image: url(../img/icon-arrow-right.svg);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 9.6px;
	height: .6rem;
	margin-left: 6px;
	margin-left: .375rem;
	width: 9.6px;
	width: .6rem
}

.sub-nav__link:hover {
	color: #605da0
}

.sub-nav__link:hover:after {
	opacity: .8
}

@media ( min-width :640px) {
	.sub-nav__link {
		margin-bottom: 0
	}
}

@media ( min-width :52.5em) {
	.sub-nav__link {
		font-size: 1.266rem;
		line-height: 1.25
	}
}

.editor {
	color: #333;
	position: relative
}

.editor h1, .editor h2, .editor h3, .editor h4, .editor h5 {
	display: block;
	margin: 0
}

.editor h1 {
	font-size: 34.896px;
	font-size: 2.181rem;
	line-height: 1;
	margin-bottom: 24px;
	margin-bottom: 1.5rem
}

@media ( min-width :52.5em) {
	.editor h1 {
		font-size: 2.887rem;
		line-height: 1
	}
}

.editor h2 {
	font-size: 22.4px;
	font-size: 1.4rem;
	line-height: 1.25;
	font-family: "Calibri W01 Bold_904607", sans-serif
}

@media ( min-width :52.5em) {
	.editor h2 {
		font-size: 1.6rem
	}
}

@media ( min-width :52.5em) {
	.editor h2 {
		font-size: 1.502rem;
		line-height: 1.25
	}
}

@media ( min-width :52.5em) and (min-width:52.5em) {
	.editor h2 {
		font-size: 2.081rem;
		line-height: normal
	}
}

.editor h3 {
	font-size: 22.4px;
	font-size: 1.4rem;
	line-height: 1.25;
	font-family: "Calibri W01 Bold_904607", sans-serif
}

@media ( min-width :52.5em) {
	.editor h3 {
		font-size: 1.4rem;
		line-height: 1.25
	}
}

@media ( min-width :52.5em) and (min-width:52.5em) {
	.editor h3 {
		font-size: 1.6rem
	}
}

.editor h4 {
	font-size: 22.4px;
	font-size: 1.4rem;
	line-height: 1.25
}

.editor ol, .editor p, .editor ul {
	font-size: 20.256px;
	font-size: 1.266rem;
	line-height: 1.25;
	color: #4d4d4d;
	display: block;
	font-family: "Calibri W01 Regular_904604", sans-serif;
	margin: 0 0 24px 0;
	margin: 0 0 1.5rem 0
}

@media ( min-width :52.5em) {
	.editor ol, .editor p, .editor ul {
		font-size: 1.45rem;
		line-height: 1.3
	}
}

.editor .small {
	font-size: 13px
}

.editor ol, .editor ul {
	margin: 0 0 36px 36px;
	margin: 0 0 2.25rem 2.25rem
}

.editor ol {
	list-style-type: decimal
}

.editor ul {
	list-style: none;
	margin-left: 24px;
	margin-left: 1.5rem
}

.editor ul li:before {
	content: "\2022";
	color: #383488;
	font-weight: 700;
	display: inline-block;
	width: 1em;
	margin-left: -1em
}

.editor a {
	color: #383488;
	text-decoration: underline
}

.editor a:hover {
	color: #2d2a6d;
	text-decoration: none
}

.editor a:visited {
	color: #2d2a6d
}

.editor a.external[href^=http]:after, .editor a[href^=http]:after {
	content: url(../img/icon-external-link.svg);
	display: inline-block;
	margin-left: 4px;
	margin-right: 4px
}

.editor a[href^=mailto] {
	word-wrap: break-word
}

.editor b, .editor strong {
	color: #191919
}

.editor figure {
	margin-bottom: 24px;
	margin-bottom: 1.5rem
}

.editor pre {
	margin-bottom: 24px;
	margin-bottom: 1.5rem
}

.editor img {
	height: auto;
	margin: 0 0 24px 0;
	margin: 0 0 1.5rem 0;
	width: auto
}

.editor .img--left {
	float: left;
	margin: 0 24px 12px 0;
	margin: 0 1.5rem .75rem 0;
	width: auto
}

.editor .img--left.img--crop {
	width: 100%
}

@media ( min-width :75em) {
	.editor .img--left.img--crop {
		margin-left: -16%;
		width: 66%
	}
}

.editor .img--right {
	float: right;
	margin: 0 0 24px 24px;
	margin: 0 0 1.5rem 1.5rem;
	width: auto
}

.editor .img--right.img--crop {
	width: 100%
}

@media ( min-width :75em) {
	.editor .img--right.img--crop {
		margin-right: -16%;
		width: 66%
	}
}

.editor .img--middle {
	margin-left: auto;
	margin-right: auto
}

@media ( min-width :75em) {
	.editor .img--middle.img--crop {
		width: 66%
	}
}

.editor .img--full-width {
	max-width: 100%;
	width: 100%
}

.editor .highlight {
	background: #383488;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	display: block;
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
	padding: 12px;
	padding: .75rem
}

.editor .highlight a {
	color: #ffcd00
}

@media ( min-width :52.5em) {
	.editor .highlight {
		padding: 1.5rem
	}
}

.editor .highlight li, .editor .highlight p {
	color: #fff
}

.editor .highlight li:before {
	color: #fff
}

.editor .html-wrapper {
	background: #fff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
	padding: 12px;
	padding: .75rem;
	width: 100%
}

.editor blockquote {
	font-size: 22.4px;
	font-size: 1.4rem;
	line-height: 1.25;
	background: #fff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: block;
	color: #333;
	font-family: "Calibri W01 Regular_904604", sans-serif;
	margin-top: 24px;
	margin-top: 1.5rem;
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
	padding: 24px 36px;
	padding: 1.5rem 2.25rem;
	position: relative;
	width: 100%
}

.editor blockquote:before {
	background: url(../img/icon-quote.svg);
	background-size: cover;
	color: #da1884;
	content: "";
	height: 36px;
	height: 2.25rem;
	left: 0;
	position: absolute;
	top: -12px;
	top: -.75rem;
	width: 36px;
	width: 2.25rem
}

@media ( min-width :52.5em) {
	.editor blockquote {
		font-size: 1.4rem;
		line-height: 1.25;
		margin-top: 3rem;
		padding: 2.25rem 3rem
	}
}

@media ( min-width :52.5em) and (min-width:52.5em) {
	.editor blockquote {
		font-size: 1.6rem
	}
}

@media ( min-width :52.5em) {
	.editor blockquote:before {
		height: 3rem;
		left: -1.5rem;
		top: -1.5rem;
		width: 3rem
	}
}

.editor cite {
	display: block;
	font-family: "Calibri W01 Bold_904607", sans-serif;
	font-size: 14px;
	font-style: normal;
	margin: 24px 0 24px 0;
	margin: 1.5rem 0 1.5rem 0
}

.editor .callout {
	background: #383488;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	color: #fff;
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
	margin-left: -24px;
	margin-left: -1.5rem;
	margin-right: -24px;
	margin-right: -1.5rem;
	padding: 24px;
	padding: 1.5rem
}

.editor .callout ul li {
	list-style-image: url(../img/icon-arrow-right--white.svg)
}

.editor .video-wrapper {
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
	width: 100%
}

.editor dt {
	font-size: 22.4px;
	font-size: 1.4rem;
	line-height: 1.25;
	font-family: "Calibri W01 Bold_904607", sans-serif;
	margin: 0 0 12px 0;
	margin: 0 0 .75rem 0
}

@media ( min-width :52.5em) {
	.editor dt {
		font-size: 1.6rem
	}
}

@media ( min-width :52.5em) {
	.editor dt {
		font-size: 1.502rem;
		line-height: 1.25
	}
}

@media ( min-width :52.5em) and (min-width:52.5em) {
	.editor dt {
		font-size: 2.081rem;
		line-height: normal
	}
}

.editor dd {
	font-size: 20.256px;
	font-size: 1.266rem;
	line-height: 1.25;
	display: block;
	font-family: "Calibri W01 Regular_904604", sans-serif;
	line-height: 1.3;
	margin: 0 0 24px 0;
	margin: 0 0 1.5rem 0
}

.editor--full-width ol, .editor--full-width p, .editor--full-width ul {
	font-size: 20.256px;
	font-size: 1.266rem;
	line-height: 1.25;
	display: block;
	font-family: "Calibri W01 Regular_904604", sans-serif;
	line-height: 1.3;
	margin: 0 0 24px 0;
	margin: 0 0 1.5rem 0
}

.editor--full-width h1, .editor--full-width h2, .editor--full-width h3,
	.editor--full-width h4, .editor--full-width h5 {
	display: block;
	margin: 0 0 12px 0;
	margin: 0 0 .75rem 0
}

.editor--full-width ul {
	margin-left: 20px;
	margin-left: 1.25rem
}

.article__tags {
	left: 0;
	position: absolute;
	top: -36px;
	top: -2.25rem
}

.article-tags__item {
	display: inline-block
}

.article-tags__link {
	font-size: 12.64px;
	font-size: .79rem;
	line-height: 1.4;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #d7d6e7;
	display: block;
	font-family: "Calibri W01 Bold_904607", sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase
}

.article-tags__link:after {
	background-image: url(../img/icon-arrow-right--white.svg);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 9.6px;
	height: .6rem;
	margin-left: 4px;
	margin-left: .25rem;
	opacity: .8;
	vertical-align: middle;
	width: 9.6px;
	width: .6rem
}

.article-tags__link:hover {
	color: #fff
}

.article-tags__link:hover:after {
	opacity: 1
}

.video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0
}

.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.article-tags {
	margin-bottom: 12px;
	margin-bottom: .75rem
}

.article-tags__item {
	font-size: 14.224px;
	font-size: .889rem;
	line-height: 1.4;
	background: #ffcd00;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #333;
	display: inline-block;
	font-family: "Calibri W01 Bold_904607", sans-serif;
	margin-bottom: 6px;
	margin-bottom: .375rem;
	margin-right: 6px;
	margin-right: .375rem;
	padding: 3px 8px;
	padding: .1875rem .5rem;
	position: relative;
	z-index: 1
}

.card-wrapper {
	margin-top: -48px;
	margin-top: -3rem;
	position: relative;
	z-index: 10
}

.card {
	width: 95%;
	width: -webkit-calc((( 99.999%/ 12)* 12)- (24px));
	width: calc((( 99.999%/ 12)* 12)- (24px));
	background: #fff;
	-webkit-border-radius: .5rem;
	border-radius: .5rem;
	-webkit-box-shadow: 0 3px 8px #ccc;
	box-shadow: 0 3px 8px #ccc;
	color: #4d4d4d;
	margin-bottom: 24px;
	margin-bottom: 1.5rem
}

@media ( min-width :480px) {
	.card {
		width: 45%;
		width: -webkit-calc((( 99.999%/ 12)* 6)- (24px));
		width: calc((( 99.999%/ 12)* 6)- (24px))
	}
}

@media ( min-width :600px) {
	.card {
		width: 28.33333%;
		width: -webkit-calc((( 99.999%/ 12)* 4)- (24px));
		width: calc((( 99.999%/ 12)* 4)- (24px))
	}
}

@media ( min-width :1080px) {
	.card {
		width: 20%;
		width: -webkit-calc((( 99.999%/ 12)* 3)- (24px));
		width: calc((( 99.999%/ 12)* 3)- (24px))
	}
}

.card a {
	color: #333;
	display: block;
	height: 100%
}

.card .card__heading {
	font-size: 20.256px;
	font-size: 1.266rem;
	line-height: 1.25;
	color: #333;
	font-family: "Calibri W01 Bold_904607", sans-serif;
	font-weight: 400;
	-webkit-transition: .25s color ease-in-out;
	transition: .25s color ease-in-out
}

@media ( min-width :600px) {
	.card .card__heading {
		font-size: 1.4rem;
		line-height: 1.25
	}
}

.card .card__image {
	width: 100%;
	height: 0;
	padding-bottom: 75%;
	background-color: #ccc;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-left-radius: .5rem;
	border-top-left-radius: 8px;
	border-top-left-radius: .5rem;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-top-right-radius: .5rem;
	border-top-right-radius: 8px;
	border-top-right-radius: .5rem;
	overflow: hidden
}

.card .card__image img {
	width: 100%;
	height: 0;
	padding-bottom: 75%;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-left-radius: .5rem;
	border-top-left-radius: 8px;
	border-top-left-radius: .5rem;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-top-right-radius: .5rem;
	border-top-right-radius: 8px;
	border-top-right-radius: .5rem;
	height: auto !important
}

.card .card__description {
	padding: 24px;
	padding: 1.5rem;
	position: relative
}

.card .card__flag {
	font-size: 14.224px;
	font-size: .889rem;
	line-height: 1.4;
	background: #ffcd00;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: block;
	font-family: "Calibri W01 Bold_904607", sans-serif;
	padding: 3px 8px;
	padding: .1875rem .5rem;
	position: absolute;
	top: -16px;
	top: -1rem;
	-webkit-transition: .25s background ease-in-out;
	transition: .25s background ease-in-out
}

.card .card__category {
	font-size: 14.224px;
	font-size: .889rem;
	line-height: 1.4;
	background: #383488;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	color: #fff;
	font-family: "Calibri W01 Bold_904607", sans-serif;
	padding: 3px 8px;
	padding: .1875rem .5rem;
	position: absolute;
	right: 24px;
	right: 1.5rem;
	top: 0
}

.card:hover {
	-webkit-box-shadow: 0 3px 8px #b3b3b3;
	box-shadow: 0 3px 8px #b3b3b3
}

.card:hover .card__heading {
	color: #da1884;
	-webkit-transition: .25s color ease-in-out;
	transition: .25s color ease-in-out
}

@media ( min-width :75em) {
	.card--large .card__heading {
		font-size: 1.502rem;
		line-height: 1.25;
		font-family: "Calibri W01 Bold_904607", sans-serif
	}
}

@media ( min-width :75em) and (min-width:52.5em) {
	.card--large .card__heading {
		font-size: 2.081rem;
		line-height: normal
	}
}

.card--tags .card__description {
	padding-bottom: 72px;
	padding-bottom: 4.5rem
}

.card__tags {
	bottom: 12px;
	bottom: .75rem;
	left: 24px;
	left: 1.5rem;
	min-height: 38px;
	padding-top: 8px;
	position: absolute;
	width: -webkit-calc(100% - 48px);
	width: calc(100% - 48px)
}

.card__tags .tag {
	font-size: 12.64px;
	font-size: .79rem;
	line-height: 1.4;
	background: #e6e6e6;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	padding: 1px 6px 4px
}

.card__tags:before {
	background: #e6e6e6;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: -6px;
	top: -.375rem;
	width: 100%
}

.card-home--double {
	width: 95%;
	width: -webkit-calc((( 99.999%/ 12)* 12)- (24px));
	width: calc((( 99.999%/ 12)* 12)- (24px))
}

@media ( min-width :500px) {
	.card-home--double {
		width: 95%;
		width: -webkit-calc((( 99.999%/ 12)* 12)- (24px));
		width: calc((( 99.999%/ 12)* 12)- (24px))
	}
}

@media ( min-width :1080px) {
	.card-home--double {
		width: 45%;
		width: -webkit-calc((( 99.999%/ 12)* 6)- (24px));
		width: calc((( 99.999%/ 12)* 6)- (24px))
	}
}

.card-home--double .card__description {
	padding-bottom: 24px;
	padding-bottom: 1.5rem
}

.card-home--double .card__description p {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.4
}

@media ( min-width :75em) {
	.card-home--double .card__description p {
		font-size: 1.266rem;
		line-height: 1.25
	}
}

.card-home--double .card__heading {
	font-size: 24.032px;
	font-size: 1.502rem;
	line-height: 1.25
}

@media ( min-width :52.5em) {
	.card-home--double .card__heading {
		font-size: 2.081rem;
		line-height: normal
	}
}

.card-home--double .card__image {
	width: 100%;
	height: 0;
	padding-bottom: 36.25%
}

.card-home--double .card__image img {
	width: 100%;
	height: 0;
	padding-bottom: 36.25%
}

.card--full {
	width: 95%;
	width: -webkit-calc((( 99.999%/ 12)* 12)- (24px));
	width: calc((( 99.999%/ 12)* 12)- (24px))
}

@media ( min-width :500px) {
	.card--full {
		width: 95%;
		width: -webkit-calc((( 99.999%/ 12)* 12)- (24px));
		width: calc((( 99.999%/ 12)* 12)- (24px))
	}
}

@media ( min-width :1080px) {
	.card--full {
		width: 95%;
		width: -webkit-calc((( 99.999%/ 12)* 12)- (24px));
		width: calc((( 99.999%/ 12)* 12)- (24px))
	}
}

.card--full .card__description {
	padding-bottom: 24px;
	padding-bottom: 1.5rem
}

.card--full .card__heading {
	font-size: 22.4px;
	font-size: 1.4rem;
	line-height: 1.25
}

@media ( min-width :52.5em) {
	.card--full .card__heading {
		font-size: 1.6rem
	}
}

.card--full .card__image {
	width: 100%;
	height: 0;
	padding-bottom: 36.25%
}

.card--full .card__image img {
	width: 100%;
	height: 0;
	padding-bottom: 36.25%
}

.card--rewards .card__description {
	padding-bottom: 96px;
	padding-bottom: 6rem
}

.card--home {
	width: 95%;
	width: -webkit-calc((( 99.999%/ 12)* 12)- (24px));
	width: calc((( 99.999%/ 12)* 12)- (24px))
}

@media ( min-width :480px) {
	.card--home {
		width: 45%;
		width: -webkit-calc((( 99.999%/ 12)* 6)- (24px));
		width: calc((( 99.999%/ 12)* 6)- (24px))
	}
}

@media ( min-width :840px) {
	.card--home {
		width: 95%;
		width: -webkit-calc((( 99.999%/ 12)* 12)- (24px));
		width: calc((( 99.999%/ 12)* 12)- (24px))
	}
}

@media ( min-width :1080px) {
	.card--home {
		width: 45%;
		width: -webkit-calc((( 99.999%/ 12)* 6)- (24px));
		width: calc((( 99.999%/ 12)* 6)- (24px))
	}
}

.reward-info {
	bottom: 12px;
	bottom: .75rem;
	left: 24px;
	left: 1.5rem;
	position: absolute;
	width: -webkit-calc(100% - 48px);
	width: calc(100% - 48px)
}

.reward-info:before {
	background: #e6e6e6;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: -6px;
	top: -.375rem;
	width: 100%
}

.reward-info .date, .reward-info .points {
	font-family: "Calibri W01 Bold_904607", sans-serif
}

.reward-info .points-circle {
	background: #383488;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	color: #ccc;
	height: 60px;
	height: 3.75rem;
	left: -12px;
	left: -.75rem;
	line-height: 0;
	padding-top: 4px;
	position: absolute;
	text-align: center;
	top: -20px;
	width: 60px;
	width: 3.75rem
}

.reward-info .points-circle .points {
	font-size: 22.4px;
	font-size: 1.4rem;
	line-height: 1.25;
	color: #fff;
	display: block;
	line-height: .8
}

.reward-info__footer {
	min-height: 40px
}

.card--discounts .card__logo {
	width: 100%;
	height: 0;
	padding-bottom: 50%;
	position: relative
}

.card--discounts .card__logo img {
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 50%
}

.card--discounts .card__description {
	padding-bottom: 72px;
	padding-bottom: 4.5rem
}

.discounts-info {
	bottom: 12px;
	bottom: .75rem;
	left: 24px;
	left: 1.5rem;
	min-height: 38px;
	position: absolute;
	width: -webkit-calc(100% - 48px);
	width: calc(100% - 48px)
}

.discounts-info:before {
	background: #e6e6e6;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: -6px;
	top: -.375rem;
	width: 100%
}

.discounts-info .date, .discounts-info .points {
	font-family: "Calibri W01 Bold_904607", sans-serif
}

.discounts-info .points-circle {
	background: #da1884;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	color: #ccc;
	height: 60px;
	height: 3.75rem;
	left: -12px;
	left: -.75rem;
	line-height: 0;
	padding-top: 4px;
	position: absolute;
	top: -10px;
	width: 60px;
	width: 3.75rem
}

.discounts-info .points-circle .points {
	color: #fff;
	left: 50%;
	position: absolute;
	top: 45%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.discounts-info .offer-text {
	color: #333;
	display: block;
	font-family: "Calibri W01 Bold_904607", sans-serif;
	margin: 12px 0;
	margin: .75rem 0;
	text-align: center
}

@media ( min-width :31.25rem) {
	.discounts-info .points-circle {
		height: 3rem;
		top: -20px;
		width: 3rem
	}
	.discounts-info .offer-text {
		margin: 0
	}
}

@media ( min-width :43.75rem) {
	.discounts-info .points-circle {
		height: 3.75rem;
		top: -10px;
		width: 3.75rem
	}
	.discounts-info .offer-text {
		margin: .375rem 0
	}
}

.discount-circle {
	background: #da1884;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	color: #ccc;
	height: 60px;
	height: 3.75rem;
	line-height: 0;
	padding-top: 4px;
	position: absolute;
	right: 24px;
	right: 1.5rem;
	top: -28.8px;
	top: -1.8rem;
	width: 60px;
	width: 3.75rem
}

.discount-circle .discounts {
	color: #fff;
	left: 50%;
	position: absolute;
	top: 48%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.card--discounts-alt .card__logo {
	background: #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #ccc;
	-webkit-box-shadow: 0 2px 4px #ccc;
	box-shadow: 0 2px 4px #ccc;
	height: 72px;
	height: 4.5rem;
	margin-top: -62px;
	overflow: hidden;
	position: relative;
	width: 72px;
	width: 4.5rem;
	z-index: 99
}

.card--discounts-alt .card__logo img {
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 90%
}

.card--discounts-alt .card__flag {
	right: 24px;
	right: 1.5rem
}

.card-wrapper--dark {
	position: relative;
	z-index: 10
}

.card-wrapper--dark .card {
	-webkit-box-shadow: 0 3px 8px #000;
	box-shadow: 0 3px 8px #000
}

.top-slant__wrapper {
	padding-top: 60px
}

@media ( min-width :52.5em) {
	.top-slant__wrapper {
		padding-top: 90px
	}
}

.top-slant {
	background: #383488;
	height: 160px;
	height: 10rem;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%
}

.top-slant:after {
	background: #f5f5f5;
	bottom: -112px;
	content: "";
	display: block;
	height: 160px;
	height: 10rem;
	left: -12px;
	left: -.75rem;
	position: absolute;
	-webkit-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	width: 120%
}

@media ( min-width :52.5em) {
	.top-slant {
		height: 13rem
	}
}

.top-slant--blank {
	height: 160px;
	height: 10rem;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%
}

.top-slant--blank img {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%
}

.top-slant--blank:after {
	background: #f5f5f5;
	bottom: -112px;
	content: "";
	display: block;
	height: 160px;
	height: 10rem;
	left: -12px;
	left: -.75rem;
	position: absolute;
	-webkit-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	width: 120%
}

@media ( min-width :52.5em) {
	.top-slant--blank {
		height: 13rem
	}
}

.card-wrapper--sub .card {
	width: 95%;
	width: -webkit-calc((( 99.999%/ 12)* 12)- (24px));
	width: calc((( 99.999%/ 12)* 12)- (24px))
}

@media ( min-width :500px) {
	.card-wrapper--sub .card {
		width: 45%;
		width: -webkit-calc((( 99.999%/ 12)* 6)- (24px));
		width: calc((( 99.999%/ 12)* 6)- (24px))
	}
}

@media ( min-width :1080px) {
	.card-wrapper--sub .card {
		width: 45%;
		width: -webkit-calc((( 99.999%/ 12)* 6)- (24px));
		width: calc((( 99.999%/ 12)* 6)- (24px))
	}
}

.card--region .card__description {
	padding-bottom: 24px;
	padding-bottom: 1.5rem
}

.filter__wrapper {
	background: #fff;
	-webkit-border-radius: .5rem;
	border-radius: .5rem;
	-webkit-box-shadow: 0 3px 3px #ccc;
	box-shadow: 0 3px 3px #ccc;
	margin-bottom: 12px;
	margin-bottom: .75rem;
	padding: 24px;
	padding: 1.5rem;
	position: relative
}

.filter__row {
	max-height: 0;
	overflow: hidden;
	-webkit-transition: .25s max-height ease-in-out;
	transition: .25s max-height ease-in-out
}

.active .filter__row {
	max-height: 1000px;
	-webkit-transition: .4s max-height ease-in-out;
	transition: .4s max-height ease-in-out
}

.active .filter__btn:after {
	-webkit-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
	-webkit-transition: .25s -webkit-transform ease-in-out;
	transition: .25s -webkit-transform ease-in-out;
	transition: .25s transform ease-in-out;
	transition: .25s transform ease-in-out, .25s -webkit-transform
		ease-in-out
}

.filter-search__wrapper {
	border-bottom: 1px solid #e6e6e6;
	padding: 0 0 24px 0;
	padding: 0 0 1.5rem 0
}

@media ( min-width :52.5em) {
	.filter-search__wrapper {
		border-right: 1px solid #e6e6e6;
		border-bottom: none;
		padding: .75rem 1.5rem .75rem 0
	}
}

.filter-search {
	background: url(../img/search.svg);
	background-position: 8px 10px;
	background-repeat: no-repeat;
	background-size: 1.07143rem;
	border: 1px solid #999;
	padding: 8px 8px 8px 36px;
	padding: .5rem .5rem .5rem 2.25rem;
	width: 100%
}

.filter__btn {
	font-size: 20.256px;
	font-size: 1.266rem;
	line-height: 1.25;
	background-color: transparent;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #b3b3b3;
	color: #333;
	display: block;
	float: left;
	font-family: "Calibri W01 Bold_904607", sans-serif;
	margin-right: 24px;
	margin-right: 1.5rem;
	padding: 6px 36px 6px 16px;
	padding: .375rem 2.25rem .375rem 1rem;
	position: relative;
	-webkit-transition: .25s background-color ease-in-out;
	transition: .25s background-color ease-in-out;
	z-index: 2
}

.filter__btn svg {
	fill: #333;
	height: 16px;
	height: 1rem;
	position: absolute;
	right: 12px;
	right: .75rem;
	top: 12px;
	top: .75rem;
	width: 16px;
	width: 1rem
}

.filter__btn:hover {
	color: #383488;
	-webkit-transition: .25s all ease-in-out;
	transition: .25s all ease-in-out
}

.filter__btn:hover svg {
	fill: #383488
}

.filter-panel__overlay {
	background: #000;
	bottom: 0;
	display: block;
	height: 100%;
	left: 0;
	opacity: 0;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
	width: 100%;
	z-index: 998
}

.filter-panel {
	background: #fff;
	bottom: 0;
	-webkit-box-shadow: 0 1px 6px #666;
	box-shadow: 0 1px 6px #666;
	display: none;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 24px 36px;
	padding: 1.5rem 2.25rem;
	position: fixed;
	right: -530px;
	top: 0;
	-webkit-transition: .25s right ease-in-out;
	transition: .25s right ease-in-out;
	width: 100%;
	z-index: 999
}

@media ( min-width :520px) {
	.filter-panel {
		width: 520px
	}
}

.filter-section {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-moz-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.filter-close {
	background-color: transparent;
	position: absolute;
	right: 48px;
	right: 3rem;
	top: 31.2px;
	top: 1.95rem
}

.filter-close svg {
	height: 16px;
	height: 1rem;
	width: 16px;
	width: 1rem
}

.filter-group {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-moz-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin-top: 12px;
	margin-top: .75rem;
	max-height: 38px
}

@media ( min-height :600px) and (min-width:520px) {
	.filter-group {
		margin-top: 1.5rem;
		max-height: none
	}
}

.filter-group-type {
	margin-top: 12px;
	margin-top: .75rem;
	max-height: 38px
}

@media ( min-height :600px) and (min-width:520px) {
	.filter-group-type {
		margin-top: 1.5rem;
		max-height: none
	}
}

.filter-group__title {
	font-size: 20.256px;
	font-size: 1.266rem;
	line-height: 1.25;
	color: #333;
	display: none;
	font-family: "Calibri W01 Bold_904607", sans-serif;
	margin-bottom: 12px;
	margin-bottom: .75rem
}

@media ( min-height :600px) and (min-width:520px) {
	.filter-group__title {
		display: block
	}
}

.filter-group__button {
	font-size: 20.256px;
	font-size: 1.266rem;
	line-height: 1.25;
	background: 0 0;
	border-bottom: 1px solid #e6e6e6;
	color: #333;
	display: block;
	font-family: "Calibri W01 Bold_904607", sans-serif;
	margin-bottom: 12px;
	margin-bottom: .75rem;
	padding: 12px 0;
	padding: .75rem 0;
	position: relative;
	text-align: left;
	width: 100%;
	min-height: 50px
}

.filter-group__button:hover {
	color: #333
}

.filter-group__button:after {
	background: url(../img/icon-arrow-right--dark.svg) no-repeat;
	background-size: contain;
	content: "";
	display: block;
	height: 12px;
	height: .75rem;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg);
	width: 12px;
	width: .75rem
}

@media ( min-height :600px) and (min-width:520px) {
	.filter-group__button {
		display: none
	}
}

.filter-list__wrapper {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-moz-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-height: 0;
	position: relative;
	overflow-y: auto
}

@media ( min-height :600px) and (min-width:520px) {
	.filter-list__wrapper {
		border: 1px solid #e6e6e6;
		max-height: none
	}
}

.filter-list__wrapper--type {
	-webkit-box-flex: initial;
	-webkit-flex-grow: initial;
	-moz-box-flex: initial;
	-ms-flex-positive: initial;
	flex-grow: initial
}

.filter-group-type.active, .filter-group.active {
	max-height: none
}

.filter-group-type.active .filter-list__wrapper, .filter-group.active .filter-list__wrapper
	{
	max-height: none
}

.filter-list {
	position: absolute;
	width: 100%
}

.filter-list--type {
	position: static
}

.filter__item {
	border-bottom: 1px solid #e6e6e6;
	display: block;
	float: left;
	width: 100%
}

.filter__item:last-child {
	border-bottom: 0
}

.filter__link {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.4;
	background: #f5f5f5;
	color: #333;
	display: block;
	font-family: "Calibri W01 Regular_904604", sans-serif;
	margin-bottom: 0;
	padding: 16px;
	padding: 1rem;
	position: relative;
	vertical-align: top;
	width: 100%
}

.filter__link:hover {
	background: #eee
}

.filter__link:focus {
	background: #ddd;
	outline: 0
}

@media ( min-width :520px) {
	.filter__link {
		font-size: 1.266rem;
		line-height: 1.25
	}
}

.filter__input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0
}

.filter__input * {
	outline: 1px solid #383488
}

@media ( min-width :520px) {
	.filter__input {
		height: 1.25rem;
		width: 1.25rem
	}
	.filter__input:before {
		height: 1.25rem;
		width: 1.25rem
	}
	.filter__input:after {
		right: 4px;
		top: 5px
	}
}

.filter__input:checked:before {
	background-color: #383488;
	border: 1px solid #383488
}

.filter__input:checked:after {
	opacity: 1
}

.filter__input:disabled:before {
	background-color: #e6e6e6;
	border: 1px solid #e6e6e6
}

.filter__input:disabled:after {
	background-image: url(../img/check-mark.svg);
	opacity: .4
}

.filter__checkmark {
	background-color: #e6e6e6;
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: block;
	height: 16px;
	height: 1rem;
	line-height: 20px;
	line-height: 1.25rem;
	position: absolute;
	right: 24px;
	right: 1.5rem;
	top: 20px;
	top: 1.25rem;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
	width: 16px;
	width: 1rem
}

.filter__checkmark:after {
	background-image: url(../img/check-mark--white.svg);
	background-repeat: no-repeat;
	background-size: contain;
	color: #fff;
	content: '';
	display: block;
	height: 12px;
	height: .75rem;
	opacity: 0;
	position: absolute;
	right: 3px;
	top: 3px;
	-webkit-transition: opacity .1s ease-in-out, font-size .2s ease-in-out,
		left .2s ease-in-out, top .2s ease-in-out;
	transition: opacity .1s ease-in-out, font-size .2s ease-in-out, left .2s
		ease-in-out, top .2s ease-in-out;
	width: 12px;
	width: .75rem
}

@media ( min-width :520px) {
	.filter__checkmark {
		height: 1.25rem;
		width: 1.25rem
	}
}

.filter__link input:checked ~.filter__checkmark {
	background: #383488;
	border: 1px solid #383488
}

.filter__link input:checked ~.filter__checkmark:after {
	opacity: 1
}

.on--filter-panel body {
	overflow: hidden
}

.on--filter-panel .filter-panel__wrapper .filter-panel__overlay {
	opacity: .7;
	visibility: visible
}

.on--filter-panel .filter-panel {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	right: 0;
	-webkit-transition: .25s right ease-in-out;
	transition: .25s right ease-in-out
}

.filter-select {
	clear: both;
	margin: 24px 0;
	margin: 1.5rem 0;
	position: relative;
	width: 100%;
	z-index: 1
}

@media ( min-width :52.5em) {
	.filter-select {
		width: 78.33333%;
		width: -webkit-calc((( 99.999%/ 12)* 10)- (24px));
		width: calc((( 99.999%/ 12)* 10)- (24px));
		clear: none;
		padding-left: 130px
	}
}

.filter-select__item {
	display: inline-block;
	margin: 0 4px;
	margin: 0 .25rem
}

.filter-select__link {
	background: #e6e6e6;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #4d4d4d;
	display: block;
	float: left;
	padding: 4px 24px 4px 6px;
	padding: .25rem 1.5rem .25rem .375rem;
	position: relative
}

.filter-select__link:after {
	background-image: url(../img/close-button-dark.svg);
	background-size: cover;
	content: "";
	display: block;
	height: 8px;
	opacity: .75;
	position: absolute;
	right: 8px;
	right: .5rem;
	top: 12px;
	width: 8px
}

@media ( min-width :52.5em) {
	.filter-select__link {
		height: 39px;
		padding: .375rem 1.8rem .75rem .75rem
	}
	.filter-select__link:after {
		top: 14px
	}
}

.filter-select__link:hover {
	background: #f5f5f5;
	color: #4d4d4d
}

.panel {
	background: #fff;
	-webkit-border-radius: .5rem;
	border-radius: .5rem;
	-webkit-box-shadow: 0 3px 8px #ccc;
	box-shadow: 0 3px 8px #ccc;
	color: #4d4d4d;
	padding: 24px;
	padding: 1.5rem
}

.splash-panel {
	overflow: hidden;
	padding-bottom: 288px;
	padding-bottom: 18rem;
	position: relative
}

@media ( min-width :20em) {
	.splash-panel {
		padding-bottom: 24rem
	}
}

@media ( min-width :52.5em) {
	.splash-panel {
		min-height: 400px;
		padding-bottom: 4.5rem
	}
}

@media ( min-width :52.5em) {
	.circle-wrapper {
		position: relative
	}
}

.circle {
	-webkit-border-radius: 50%;
	border-radius: 50%;
	height: auto;
	padding-top: 90%;
	position: absolute;
	width: 90%
}

@media ( min-width :52.5em) {
	.circle {
		padding-top: 85%;
		width: 85%
	}
}

@media ( min-width :75em) {
	.circle {
		padding-top: 75%;
		width: 75%
	}
}

@media ( min-width :90.01em) {
	.circle {
		padding-top: 65%;
		width: 65%
	}
}

.cutout {
	position: absolute;
	width: 80%
}

@media ( min-width :500px) {
	.cutout {
		width: 60%
	}
}

.cutout--center {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.cutout--right {
	right: 48px;
	right: 3rem
}

.cutout--left {
	left: 48px;
	left: 3rem
}

.circle--img {
	background-image: url(../img/ys-branding-circle.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center
}

.circle--right .circle {
	right: 50%;
	-webkit-transform: translateX(50%);
	-ms-transform: translateX(50%);
	transform: translateX(50%)
}

@media ( min-width :52.5em) {
	.circle--right .circle {
		right: 0;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.circle--left .circle {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

@media ( min-width :52.5em) {
	.circle--left .circle {
		left: 0;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.circle--bottom .circle {
	bottom: -528px;
	bottom: -33rem
}

@media ( min-width :500px) {
	.circle--bottom .circle {
		bottom: -45rem
	}
}

@media ( min-width :52.5em) {
	.circle--bottom .circle {
		border-bottom: 0;
		bottom: -12rem
	}
}

.circle--bottom .cutout {
	bottom: 144px;
	bottom: 9rem;
	max-width: 400px
}

@media ( min-width :500px) {
	.circle--bottom .cutout {
		bottom: 12rem
	}
}

@media ( min-width :52.5em) {
	.circle--bottom .cutout {
		top: -1.5rem
	}
}

.circle--top .circle {
	bottom: -120px;
	bottom: -7.5rem
}

@media ( min-width :450px) {
	.circle--top .circle {
		bottom: -18rem
	}
}

@media ( min-width :52.5em) {
	.circle--top .circle {
		bottom: auto;
		top: -12rem
	}
}

.circle--top .cutout {
	bottom: -8px;
	bottom: -.5rem;
	max-width: 400px
}

@media ( min-width :52.5em) {
	.circle--top .cutout {
		bottom: -4.5rem;
		width: 80%
	}
}

@media ( min-width :75em) {
	.circle--top .cutout {
		width: 60%
	}
}

.panel--search {
	padding: 36px 0 24px;
	padding: 2.25rem 0 1.5rem;
	position: relative;
	text-align: center;
	z-index: 1
}

.panel-search__form {
	position: relative
}

.panel-search__header {
	line-height: 1;
	font-size: 41.6px;
	font-size: 2.6rem;
	letter-spacing: -1px;
	background: #fff;
	color: #333;
	display: inline-block;
	font-family: "Calibri W01 Bold_904607", sans-serif;
	margin-top: -12px;
	margin-top: -.75rem;
	padding: 12px 24px;
	padding: .75rem 1.5rem;
	position: relative;
	width: auto
}

@media ( min-width :30em) {
	.panel-search__header {
		font-size: 2.8rem
	}
}

@media ( min-width :52.5em) {
	.panel-search__header {
		font-size: 3.653rem
	}
}

@media ( min-width :90.01em) {
	.panel-search__header {
		font-size: 3.653rem
	}
}

input.panel-search__input {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.4;
	border: 1px solid #b3b3b3;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #4d4d4d;
	font-family: "Calibri W01 Regular_904604", sans-serif;
	padding: 12px;
	padding: .75rem;
	width: 100%
}

input.panel-search__input::-webkit-input-placeholder {
	font-family: "Calibri W01 Light", sans-serif
}

input.panel-search__input::-moz-placeholder {
	font-family: "Calibri W01 Light", sans-serif
}

input.panel-search__input::-ms-input-placeholder {
	font-family: "Calibri W01 Light", sans-serif
}

input.panel-search__input::placeholder {
	font-family: "Calibri W01 Light", sans-serif
}

input.panel-search__input:focus {
	border: 1px solid #da1884;
	outline: 0
}

@media ( min-width :52.5em) {
	input.panel-search__input {
		font-size: 1.4rem;
		line-height: 1.25
	}
}

.panel-search__button {
	background: 0 0;
	display: block;
	height: 42px;
	height: 2.625rem;
	padding: 12px;
	padding: .75rem;
	position: absolute;
	right: 0;
	top: 2px;
	width: 42px;
	width: 2.625rem;
	z-index: 10
}

.panel-search__button svg {
	fill: #333
}

.panel-search__button:hover svg {
	fill: #da1884
}

@media ( min-width :52.5em) {
	.panel-search__button {
		height: 3rem;
		width: 3rem
	}
}

.hr-brand {
	overflow: visible;
	position: relative
}

.hr-brand:before {
	background: #fff;
	content: "";
	display: block;
	height: 36px;
	height: 2.25rem;
	left: 50%;
	position: absolute;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 36px;
	width: 2.25rem
}

.hr-brand:after {
	background-image: url(../img/icon-arrow-right.svg);
	background-size: cover;
	content: "";
	display: block;
	height: 16px;
	height: 1rem;
	left: 50%;
	position: absolute;
	top: -6px;
	top: -.375rem;
	-webkit-transform: translateX(-50%) rotate(90deg);
	-ms-transform: translateX(-50%) rotate(90deg);
	transform: translateX(-50%) rotate(90deg);
	width: 18.461px;
	width: 1.15385rem;
	z-index: 99
}

.hr-brand--grey:before {
	background: #f5f5f5
}

.bg-split {
	background: #b3b3b3;
	position: relative
}

.bg-split:before {
	background: #da1884;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: 0;
	width: 50%
}

.bg-split:after {
	background: #b3b3b3;
	content: "";
	height: 1px;
	position: absolute;
	right: 0;
	top: 0;
	width: 50%
}

.campaign-list {
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap;
	padding: 0;
	width: 100%;
	-webkit-overflow-scrolling: touch
}

@media ( min-width :52.5em) {
	.campaign-list {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		overflow: auto
	}
}

.campaign-list__item {
	display: inline-block;
	margin-right: 12px;
	margin-right: .75rem;
	width: 78.33333%;
	width: -webkit-calc((( 99.999%/ 12)* 10)- (24px));
	width: calc((( 99.999%/ 12)* 10)- (24px))
}

@media ( min-width :400px) {
	.campaign-list__item {
		width: 28.33333%;
		width: -webkit-calc((( 99.999%/ 12)* 4)- (24px));
		width: calc((( 99.999%/ 12)* 4)- (24px))
	}
}

@media ( min-width :600px) {
	.campaign-list__item {
		width: 20%;
		width: -webkit-calc((( 99.999%/ 12)* 3)- (24px));
		width: calc((( 99.999%/ 12)* 3)- (24px))
	}
}

@media ( min-width :820px) {
	.campaign-list__item {
		float: left;
		margin-left: 12px;
		margin-right: 12px;
		width: 11.66667%;
		width: -webkit-calc((( 99.999%/ 12)* 2)- (24px));
		width: calc((( 99.999%/ 12)* 2)- (24px))
	}
}

@media ( min-width :75em) {
	.campaign-list__item {
		width: 3.33333%;
		width: -webkit-calc((( 99.999%/ 12)* 1)- (24px));
		width: calc((( 99.999%/ 12)* 1)- (24px))
	}
}

.campaign-list__link {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background: #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%
}

.campaign-list__item.view-all .campaign-list__link:before {
	background: #666;
	border: 0
}

.campaign-list__item.view-all .campaign-list__link span {
	color: #333;
	display: block;
	font-size: 48px;
	line-height: 0;
	left: 50%;
	max-width: 70%;
	position: absolute;
	top: 40%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 1
}

.campaign-list__item.view-all .campaign-list__link:hover:before {
	background: grey
}

img.campaign-logo {
	left: 50%;
	max-width: 100%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%
}

.alert {
	overflow: none;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.4;
	background-color: #e6e6e6;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #666;
	display: block;
	padding: 24px;
	padding: 1.5rem
}

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

.alert:after {
	clear: both
}

@media ( min-width :52.5em) {
	.alert {
		padding: 1.5rem 1.5rem
	}
}

.alert p {
	color: inherit !important
}

.alert a {
	color: inherit
}

.alert a:hover {
	border-bottom: 1px solid transparent;
	text-decoration: none
}

.alert--small {
	font-size: 14.224px;
	font-size: .889rem;
	line-height: 1.4;
	padding: 6px;
	padding: .375rem
}

.alert--info {
	background-color: #383488;
	color: #fff
}

.alert--success {
	background-color: #00ad95;
	color: #000504
}

.alert--warning {
	background-color: #f9b13c;
	color: #342102
}

.alert--danger {
	background-color: #c03;
	color: #fff
}

.banner-demo {
	font-size: 14.224px;
	font-size: .889rem;
	line-height: 1.4;
	background-color: #fff;
	border-top: 1px solid #da1884;
	bottom: 0;
	left: 0;
	padding: 8px 24px;
	padding: .5rem 1.5rem;
	position: fixed;
	right: 0;
	text-align: center;
	z-index: 102
}

.banner-demo__close {
	background-color: #fff;
	position: fixed;
	bottom: 0;
	right: 12px;
	right: .75rem
}

.off--banner {
	display: none
}

table {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.4;
	clear: both;
	display: table;
	line-height: normal;
	margin-bottom: 12px;
	margin-bottom: .75rem;
	width: 100%
}

@media ( min-width :52.5em) {
	table {
		line-height: 1rem
	}
}

table th, table thead tr td {
	font-size: 14.224px;
	font-size: .889rem;
	line-height: 1.4;
	border-bottom: 1px dotted #e6e6e6;
	border-top: 1px solid #333;
	color: #666;
	font-family: "Calibri W01 Bold_904607", sans-serif;
	font-weight: 400;
	padding: 12px 0;
	padding: .75rem 0;
	text-align: left
}

table td {
	border-bottom: 1px dotted #e6e6e6;
	color: #666;
	padding: 12px 0;
	padding: .75rem 0;
	text-align: left
}

.table--small td, .table--small th, .table--small thead tr td {
	font-size: 12.64px;
	font-size: .79rem;
	line-height: 1.4;
	padding: 8px;
	padding: .5rem
}

@media ( max-width :75em) {
	.table--responsive {
		display: block
	}
}

@media ( max-width :75em) {
	.table--responsive [data-th]:before {
		font-size: .889rem;
		line-height: 1.4;
		color: grey;
		content: attr(data-th) ": ";
		display: block;
		font-weight: 400;
		left: 24px;
		margin-bottom: .375rem;
		top: .5rem
	}
}

.table--responsive thead {
	display: table-header-group
}

@media ( max-width :75em) {
	.table--responsive thead {
		max-height: 0;
		overflow: hidden;
		position: absolute
	}
}

.table--responsive tbody {
	display: table-row-group
}

@media ( max-width :75em) {
	.table--responsive tbody {
		display: block
	}
}

.table--responsive tr {
	display: table-row
}

@media ( max-width :75em) {
	.table--responsive tr {
		display: block;
		position: relative;
		padding-top: .75rem;
		padding-bottom: .75rem;
		padding-right: 24px;
		width: 100%
	}
}

@media ( max-width :75em) {
	.table--responsive td, .table--responsive th {
		display: block
	}
}

@media ( max-width :75em) {
	.table--responsive td {
		display: block;
		width: 100%;
		min-height: 1.5rem;
		position: relative
	}
}

@media ( max-width :47.995em) {
	.table--responsive-medium-up {
		display: block
	}
}

@media ( max-width :47.995em) {
	.table--responsive-medium-up [data-th]:before {
		font-size: .79rem;
		line-height: 1.4;
		color: grey;
		content: attr(data-th) "";
		display: block;
		font-family: "Calibri W01 Bold_904607", sans-serif;
		left: 24px;
		margin-bottom: .25rem;
		top: .5rem
	}
}

.table--responsive-medium-up thead {
	display: table-header-group
}

@media ( max-width :47.995em) {
	.table--responsive-medium-up thead {
		max-height: 0;
		overflow: hidden;
		position: absolute
	}
}

.table--responsive-medium-up tbody {
	display: table-row-group
}

@media ( max-width :47.995em) {
	.table--responsive-medium-up tbody {
		display: block
	}
}

.table--responsive-medium-up tr {
	display: table-row
}

@media ( max-width :47.995em) {
	.table--responsive-medium-up tr {
		display: block;
		margin-bottom: 1.5rem;
		position: relative;
		width: 100%
	}
}

@media ( max-width :47.995em) {
	.table--responsive-medium-up td, .table--responsive-medium-up th {
		display: block;
		padding-left: .25rem;
		padding-right: .25rem
	}
}

@media ( max-width :47.995em) {
	.table--responsive-medium-up td {
		display: block;
		min-height: 1.5rem;
		position: relative;
		width: 100%
	}
}

td, th {
	display: table-cell;
	text-align: left
}

td {
	vertical-align: middle
}

@media ( max-width :75em) {
	.table-container {
		margin: 0 0 1em;
		overflow-x: auto;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
		position: static
	}
}

.table-container::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 14px;
	height: 14px
}

.table-container::-webkit-scrollbar-thumb {
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 3px solid #fff;
	background-color: rgba(0, 0, 0, .3)
}

.table--text-right tr td, .table--text-right tr th {
	text-align: right
}

.table--clients tr {
	background-color: #fff;
	border: 1px solid #e6e6e6;
	border-bottom: 12px solid #f5f5f5;
	border-bottom: .75rem solid #f5f5f5;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding-top: 12px;
	padding-bottom: 12px
}

.table--clients thead tr {
	background-color: #f5f5f5;
	border: none
}

.table--clients td:first-child {
	padding-left: 12px;
	padding-left: .75rem
}

.breadcrumb {
	overflow: none;
	border-bottom: 1px solid #e6e6e6;
	display: block;
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
	padding-bottom: 12px;
	padding-bottom: .75rem;
	margin-left: 0
}

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

.breadcrumb:after {
	clear: both
}

.breadcrumb li {
	font-size: 20.256px;
	font-size: 1.266rem;
	line-height: 1.25;
	margin-bottom: 6px;
	margin-bottom: .375rem;
	position: relative;
	float: left;
	margin-right: 12px;
	margin-right: .75rem;
	padding-left: 24px;
	padding-left: 1.5rem
}

.breadcrumb li:before {
	background-image: url(../img/icon-arrow-right.svg);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: block;
	height: 12px;
	height: .75rem;
	left: 0;
	position: absolute;
	top: 10px;
	width: 12px;
	width: .75rem
}

.breadcrumb li:first-child {
	padding-left: 0
}

.breadcrumb li:first-child:before {
	display: none
}

.pagination {
	text-align: center;
	width: 100%
}

.pagination li {
	font-size: 20.256px;
	font-size: 1.266rem;
	line-height: 1.25;
	display: inline-block
}

.pagination li.active {
	padding: 12px;
	padding: .75rem;
	position: relative
}

.pagination li.active:after {
	background: grey;
	bottom: 0;
	content: "";
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	width: 100%
}

.pagination li a {
	color: #333;
	display: block;
	padding: 12px;
	padding: .75rem;
	position: relative
}

.pagination li a:hover {
	color: #da1884
}

.pagination li a:hover:after {
	background: #da1884;
	bottom: 0;
	content: "";
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	width: 100%
}

.facebook:before {
	background-image: url(../img/icon-facebook.svg)
}

.twitter:before {
	background-image: url(../img/icon-twitter.svg)
}

.instagram:before {
	background-image: url(../img/icon-instagram.svg);
	height: 18.461px;
	height: 1.15385rem;
	width: 18.461px;
	width: 1.15385rem
}

.youtube:before {
	background-image: url(../img/icon-youtube.svg)
}

.email:before {
	background-image: url(../img/icon-email.svg)
}

.phone:before {
	background-image: url(../img/icon-phone.svg)
}

.link:before {
	background-image: url(../img/icon-link.svg)
}

.social-panel {
	overflow: hidden;
	position: relative
}

.social-panel:after {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background: #de2f90;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	content: "";
	display: block;
	position: absolute;
	right: -40%;
	top: -50%;
	width: 100%;
	z-index: 1
}

.social-panel .wrap {
	position: relative;
	z-index: 2
}

.social-list__item {
	width: 20%;
	width: -webkit-calc((( 99.999%/ 12)* 3)- (24px));
	width: calc((( 99.999%/ 12)* 3)- (24px));
	display: inline-block
}

.social-list__link {
	display: block
}

.social-icon {
	fill: #fff;
	height: 48px;
	height: 3rem;
	max-width: 48px;
	max-width: 3rem
}

.social-icon--facebook {
	height: 38.4px;
	height: 2.4rem
}

.social-icon--twitter {
	height: 43.2px;
	height: 2.7rem;
	margin-top: 2px
}

.social-icon--instagram {
	height: 36px;
	height: 2.25rem;
	margin-top: 5px
}

.search__btn {
	background: grey;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: block;
	height: 16px;
	height: 1rem;
	padding: 16px;
	padding: 1rem;
	position: absolute;
	right: 0;
	top: -8px;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	-webkit-transition: .25s background ease-in-out;
	transition: .25s background ease-in-out;
	width: 16px;
	width: 1rem
}

.search__btn:after {
	background-image: url(../img/search--white.svg);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: block;
	height: 16px;
	height: 1rem;
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 16px;
	width: 1rem
}

.search__btn:hover {
	background: #da1884;
	-webkit-transition: .25s background ease-in-out;
	transition: .25s background ease-in-out
}

@media ( min-width :920px) {
	.search__btn {
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%)
	}
}

.search-wrapper {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	position: fixed;
	-webkit-transition: .25s opacity, max-height ease-in-out;
	transition: .25s opacity, max-height ease-in-out
}

.search-wrapper .col, .search-wrapper .wrap {
	height: 100%
}

.search {
	width: 95%;
	width: -webkit-calc((( 99.999%/ 12)* 12)- (24px));
	width: calc((( 99.999%/ 12)* 12)- (24px));
	font-family: "Calibri W01 Light", sans-serif;
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

@media ( min-width :52.5em) {
	.search {
		width: 61.66667%;
		width: -webkit-calc((( 99.999%/ 12)* 8)- (24px));
		width: calc((( 99.999%/ 12)* 8)- (24px))
	}
}

.search__input {
	font-size: 24.032px;
	font-size: 1.502rem;
	line-height: 1.25;
	border-bottom: 1px solid grey;
	font-family: "Calibri W01 Light", sans-serif;
	left: 0;
	padding: 24px 48px 24px 0;
	padding: 1.5rem 3rem 1.5rem 0;
	top: 0;
	width: 100%
}

@media ( min-width :52.5em) {
	.search__input {
		font-size: 2.081rem;
		line-height: normal
	}
}

.search__input::-webkit-input-placeholder {
	font-size: 24.032px;
	font-size: 1.502rem;
	line-height: 1.25;
	font-family: "Calibri W01 Light", sans-serif
}

.search__input::-moz-placeholder {
	font-size: 24.032px;
	font-size: 1.502rem;
	line-height: 1.25;
	font-family: "Calibri W01 Light", sans-serif
}

.search__input::-ms-input-placeholder {
	font-size: 24.032px;
	font-size: 1.502rem;
	line-height: 1.25;
	font-family: "Calibri W01 Light", sans-serif
}

.search__input::placeholder {
	font-size: 24.032px;
	font-size: 1.502rem;
	line-height: 1.25;
	font-family: "Calibri W01 Light", sans-serif
}

@media ( min-width :52.5em) {
	.search__input::-webkit-input-placeholder {
		font-size: 2.081rem;
		line-height: normal
	}
	.search__input::-moz-placeholder {
		font-size: 2.081rem;
		line-height: normal
	}
	.search__input::-ms-input-placeholder {
		font-size: 2.081rem;
		line-height: normal
	}
	.search__input::placeholder {
		font-size: 2.081rem;
		line-height: normal
	}
}

.search__input:focus {
	border-bottom: 1px solid #da1884;
	outline: 0
}

.search__submit {
	background: 0 0;
	display: block;
	height: 20px;
	height: 1.25rem;
	padding: 20px;
	padding: 1.25rem;
	position: absolute;
	right: 0;
	text-indent: 1584px;
	text-indent: 99rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: .25s background ease-in-out;
	transition: .25s background ease-in-out;
	width: 16px;
	width: 1rem
}

.search__submit:after {
	background-image: url(../img/search.svg);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: block;
	height: 24px;
	height: 1.5rem;
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 24px;
	width: 1.5rem
}

.search__submit:hover {
	-webkit-transition: .25s background ease-in-out;
	transition: .25s background ease-in-out
}

.on--search body {
	max-height: -webkit-calc(100vh - 70px);
	max-height: calc(100vh - 70px);
	overflow: hidden
}

.on--search .search-wrapper {
	background: #fff;
	height: 100%;
	left: 0;
	max-height: -webkit-calc(100vh - 68px);
	max-height: calc(100vh - 68px);
	opacity: 1;
	position: fixed;
	top: 68px;
	-webkit-transition: .25s opacity, max-height ease-in-out;
	transition: .25s opacity, max-height ease-in-out;
	width: 100%;
	z-index: 99
}

.on--search .search__btn:after {
	background-image: url(../img/close-button.svg);
	height: 13.333px;
	height: .83333rem;
	width: 13.333px;
	width: .83333rem
}

.search__list {
	margin-top: 48px;
	margin-top: 3rem
}

.search__item {
	display: block;
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
	width: 100%
}

@media ( min-width :52.5em) {
	.search__item {
		width: 78.33333%;
		width: -webkit-calc((( 99.999%/ 12)* 10)- (24px));
		width: calc((( 99.999%/ 12)* 10)- (24px))
	}
}

@media ( min-width :75em) {
	.search__item {
		width: 61.66667%;
		width: -webkit-calc((( 99.999%/ 12)* 8)- (24px));
		width: calc((( 99.999%/ 12)* 8)- (24px))
	}
}

.search__link {
	background: #fff;
	-webkit-border-radius: .5rem;
	border-radius: .5rem;
	-webkit-box-shadow: 0 3px 8px #ccc;
	box-shadow: 0 3px 8px #ccc;
	display: block;
	position: relative
}

.search__link:hover .search__title {
	color: #383488
}

@media ( min-width :30em) {
	.search__link {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex
	}
}

.search__title {
	font-size: 22.4px;
	font-size: 1.4rem;
	line-height: 1.25;
	color: #333;
	font-family: "Calibri W01 Bold_904607", sans-serif;
	margin-bottom: 12px;
	margin-bottom: .75rem
}

@media ( min-width :30em) {
	.search__title {
		font-size: 1rem;
		line-height: 1.4
	}
}

@media ( min-width :52.5em) {
	.search__title {
		font-size: 1.4rem;
		line-height: 1.25
	}
}

@media ( min-width :52.5em) and (min-width:52.5em) {
	.search__title {
		font-size: 1.6rem
	}
}

.search__summary {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.4;
	color: #4d4d4d;
	margin-bottom: 0
}

.search__image {
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-moz-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	position: relative;
	width: 100%
}

@media ( min-width :30em) {
	.search__image {
		max-width: 30%
	}
}

@media ( min-width :75em) {
	.search__image {
		max-width: 20%
	}
}

.search__image img {
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	width: 100%
}

@media ( min-width :30em) {
	.search__image img {
		-webkit-border-top-left-radius: 4px;
		border-top-left-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		border-bottom-left-radius: 4px;
		-webkit-border-top-right-radius: 0;
		border-top-right-radius: 0
	}
}

.search__details {
	padding: 12px 12px;
	padding: .75rem .75rem;
	position: relative;
	width: 100%
}

@media ( min-width :52.5em) {
	.search__details {
		padding: .75rem 1.5rem
	}
}

.search__flag {
	font-size: 14.224px;
	font-size: .889rem;
	line-height: 1.4;
	background: #ffcd00;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	color: #333;
	font-family: "Calibri W01 Bold_904607", sans-serif;
	left: 12px;
	left: .75rem;
	padding: 3px 8px;
	padding: .1875rem .5rem;
	position: absolute;
	top: 0;
	z-index: 1
}

@media ( min-width :52.5em) {
	.search__flag {
		left: .75rem
	}
}

.tabs__nav {
	width: 95%;
	width: -webkit-calc((( 99.999%/ 12)* 12)- (24px));
	width: calc((( 99.999%/ 12)* 12)- (24px));
	border-bottom: 1px solid #e6e6e6;
	margin: 0 auto;
	margin-bottom: 48px;
	margin-bottom: 3rem;
	text-align: center
}

@media ( min-width :52.5em) {
	.tabs__nav {
		width: 78.33333%;
		width: -webkit-calc((( 99.999%/ 12)* 10)- (24px));
		width: calc((( 99.999%/ 12)* 10)- (24px))
	}
}

@media ( min-width :75em) {
	.tabs__nav {
		width: 45%;
		width: -webkit-calc((( 99.999%/ 12)* 6)- (24px));
		width: calc((( 99.999%/ 12)* 6)- (24px))
	}
}

.tabs__nav-link {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.4;
	color: #333;
	display: inline-block;
	font-family: "Calibri W01 Bold_904607", sans-serif;
	margin: 0 6px;
	margin: 0 .375rem;
	padding: 12px 4px;
	padding: .75rem .25rem;
	position: relative;
	text-align: center
}

.tabs__nav-link.active, .tabs__nav-link:hover {
	color: #333
}

.tabs__nav-link.active:after, .tabs__nav-link:hover:after {
	background: #da1884;
	bottom: -1px;
	content: "";
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	width: 100%
}

@media ( min-width :52.5em) {
	.tabs__nav-link {
		font-size: 1.266rem;
		line-height: 1.25;
		margin: 0 .75rem;
		padding: .75rem .375rem
	}
}

.privacy-banner {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 24px 0;
	padding: 1.5rem 0;
	z-index: 101;
	-webkit-box-shadow: 0 1px 3px 1px #ccc;
	box-shadow: 0 1px 3px 1px #ccc;
	background-color: #fff
}

.privacy-banner__content p {
	margin-bottom: 12px;
	margin-bottom: .75rem
}

.privacy-banner__content p:last-of-type {
	margin-bottom: 24px;
	margin-bottom: 1.5rem
}

.privacy-banner__link {
	color: #383488;
	text-decoration: underline
}

.privacy-banner__link:hover {
	color: #2d2a6d;
	text-decoration: none
}

.privacy-banner__link:visited {
	color: #2d2a6d
}

.privacy-banner__accept, .privacy-banner__accept:hover {
	padding-left: 36px;
	background-image: url(../img/check-mark--white.svg);
	background-position: 12px 16px;
	background-position: 12px 1rem;
	background-repeat: no-repeat;
	background-size: 16px;
	margin-right: 12px
}

.privacy-banner__options {
	display: block;
	padding-top: 12px;
	padding-top: .75rem
}

@media ( min-width :380px) {
	.privacy-banner__options {
		padding-top: 0;
		display: inline
	}
}

@media ( min-width :52.5em) {
	.privacy-banner__form {
		width: 70%;
		width: -webkit-calc((( 99.999%/ 12)* 9)- (24px));
		width: calc((( 99.999%/ 12)* 9)- (24px))
	}
}

@media ( min-width :75em) {
	.privacy-banner__form {
		width: 45%;
		width: -webkit-calc((( 99.999%/ 12)* 6)- (24px));
		width: calc((( 99.999%/ 12)* 6)- (24px))
	}
}

.privacy-banner__fieldset {
	margin-bottom: 24px;
	margin-bottom: 1.5rem
}

.privacy-banner__label-text {
	font-size: 20.256px;
	font-size: 1.266rem;
	line-height: 1.25;
	display: block
}

.privacy-banner__field {
	top: 5px !important
}

.privacy-banner__label-description, .privacy-banner__label-text {
	color: #333
}

.privacy-banner__form-msg {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.4;
	display: inline-block;
	margin-left: 24px
}

.article--rewards {
	background: #fff;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 3px 8px #ccc;
	box-shadow: 0 3px 8px #ccc;
	margin-bottom: 48px;
	margin-bottom: 3rem;
	padding: 24px;
	padding: 1.5rem;
	position: relative;
	z-index: 1
}

.rewards__header {
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 24px;
	padding-bottom: 1.5rem;
	position: relative
}

.rewards__header .points-circle {
	background: #383488;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	color: #ccc;
	height: 60px;
	height: 3.75rem;
	line-height: 0;
	padding-top: 4px;
	position: absolute;
	right: 0;
	text-align: center;
	top: -60px;
	top: -3.75rem;
	width: 60px;
	width: 3.75rem
}

.rewards__header .points-circle .points {
	font-size: 22.4px;
	font-size: 1.4rem;
	line-height: 1.25;
	color: #fff;
	display: block;
	line-height: .8
}

@media ( min-width :500px) {
	.rewards__header .points-circle {
		right: 0;
		top: 0
	}
}

@media ( min-width :52.5em) {
	.rewards__header .points-circle {
		right: 0;
		top: .75rem
	}
}

.rewards__tags {
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
	padding: 24px 0;
	padding: 1.5rem 0
}

.rewards__tags .tag {
	font-size: 12.64px;
	font-size: .79rem;
	line-height: 1.4;
	background: #e6e6e6;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	margin-bottom: 6px;
	margin-bottom: .375rem;
	padding: 1px 6px 4px
}

.share-button {
	font-size: 12.64px;
	font-size: .79rem;
	line-height: 1.4;
	background: #00ad95;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	padding: 1px 24px 4px;
	padding: 1px 1.5rem 4px
}

.share-button:hover {
	background: #009c86;
	color: #fff
}

@media ( min-width :52.5em) {
	.share-button {
		float: right
	}
}

.rewards__body {
	border-bottom: 1px solid #e6e6e6
}

.rewards__cta {
	border-bottom: 4.8px solid #383488;
	border-bottom: .3rem solid #383488;
	padding: 24px 0;
	padding: 1.5rem 0;
	text-align: center
}

.rewards-accordion__btn {
	font-size: 20.256px;
	font-size: 1.266rem;
	line-height: 1.25;
	border-top: 1px solid #e6e6e6;
	color: #333;
	display: block;
	font-family: "Calibri W01 Regular_904604", sans-serif;
	padding: 24px 0;
	padding: 1.5rem 0;
	position: relative;
	width: 100%
}

.rewards-accordion__btn:after {
	background-image: url(../img/icon-arrow-right--blue.svg);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 12px;
	height: .75rem;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg);
	width: 12px;
	width: .75rem
}

.rewards__locations {
	border-bottom: 4.8px solid #383488;
	border-bottom: .3rem solid #383488;
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
	padding-bottom: 24px;
	padding-bottom: 1.5rem
}

.rewards__about {
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 24px;
	padding-bottom: 1.5rem
}

.rewards__about img {
	margin-bottom: 12px;
	margin-bottom: .75rem;
	width: 100%
}

.rewards__terms {
	padding-top: 24px;
	padding-top: 1.5rem
}

.rewards__terms h2 {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.4;
	color: #4d4d4d;
	font-family: "Calibri W01 Bold_904607", sans-serif;
	margin-bottom: 6px;
	margin-bottom: .375rem
}

.rewards__terms p {
	font-size: 14.224px;
	font-size: .889rem;
	line-height: 1.4
}

	.form-checkbox{
		display: inline-block !important;
		position: static !important;
	}
	.checkbox-size-1{
		height: 1rem !important;
		width: 1rem !important;
	}
	.form-label{
		display: inline-block !important;
		position: static !important;
		width: auto !important;
	}
	.text-black{
		color: black !important;
	}
	.flex-column{
		display: flex;
		flex-direction: column;
	}
	.flex-row{
		display: flex;
	}
	.margin-top-3{
		margin-top: 3vh;
	}
	.margin-right-1, #mobileUserCheckBox{
		margin-right: 1vw !important;
	}
	
	@media only screen and (min-width: 992px){
		.flex-md{
			display: flex;
		}
	}
	@media only screen and (min-width: 1200px){
		.flex-lg{
			display: flex;
		}
	}
	.justify-content-end{
		justify-content: end;
	}
	.justify-content-between{
		justify-content: space-between;
	}
	.d-inline{
		display: inline !important;
	}
	.d-none{
		display: none !important;
	}
	.align-items-center{
		align-items: center !important;
	}