/*
 * Legacy CSS
 *
 * DO NOT EDIT THIS CSS FILE DIRECTLY. IT IS GENERATED BY GRUNT.
 * -------------------------------------------------------------
 * This file is just a clearing-house, see the pcss directory
 * and edit the source files found there.
 *
 */

/* Reset */

/* -----------------------------------------------------------------------------
 *
 * Global "Resets"
 *
 * ----------------------------------------------------------------------------- */

* {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

@-ms-viewport {
	width: device-width;
}

@-o-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

/* -----------------------------------------------------------------------------
 *
 * HTML5 Elements
 *
 * ----------------------------------------------------------------------------- */

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

/* -----------------------------------------------------------------------------
 *
 * Normalize "Light"
 *
 * See normalize source code for clarity on rules
 * https://github.com/necolas/normalize.css
 *
 * ----------------------------------------------------------------------------- */

html {
	-webkit-text-size-adjust: 100%;
	   -moz-text-size-adjust: 100%;
	    -ms-text-size-adjust: 100%;
	        text-size-adjust: 100%;
	font-size: 100%;
	-webkit-tap-highlight-color: transparent;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
	min-width: 320px;
	overflow-x: hidden;
}

figure {
	line-height: 0;
}

figcaption {
	line-height: normal;
}

svg:not(:root) {
	overflow: hidden;
}

audio,
canvas,
progress,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

progress {
	vertical-align: baseline;
}

template,
[hidden] {
	display: none;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	        text-decoration: underline dotted;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace;
	font-size: 1em;
}

b,
strong {
	font-weight: bolder;
}

dfn {
	font-style: italic;
}

mark {
	background-color: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

hr {
	border: 0;
	height: 0;
}

/* Input: Kill browser input chrome */

input[type="text"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="submit"],
input[type="password"],
input[type="reset"],
input[type="button"],
button,
/*select,*/
textarea {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}

input,
button,
select,
textarea,
optgroup {
	color: inherit;
	font: inherit;
	line-height: normal;
	-webkit-font-smoothing: antialiased;
}

input,
button,
select,
textarea {
	outline: 0;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 0;
	border-radius: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

select:-moz-focusring {
		color: transparent;
		text-shadow: 0 0 0 #000;
	}

legend {
	color: inherit;
	display: table;
	max-width: 100%;
	white-space: normal;
}

textarea {
	resize: none;
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	overflow: visible;
}

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

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

/* -----------------------------------------------------------------------------
 *
 * Reset "Light"
 *
 * ----------------------------------------------------------------------------- */

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

ol,
ul {
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

img {
	-ms-interpolation-mode: bicubic;
	height: auto;
	max-width: 100%;
	border-style: none;
}

iframe,
video,
embed {
	max-width: 100%;
	max-height: 100%;
}

/* Utilities */

/* -----------------------------------------------------------------------------
 *
 * Utilities
 *
 * This file is just a clearing-house.
 * Make partials (start with an underscore) for any actual css code.
 *
 * ----------------------------------------------------------------------------- */

/* Variables */

:root {
	/* -----------------------------------------------------------------------------
	 * Primary Palette
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Gradients
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Whites
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Greys
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Blacks
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Backgrounds
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Accordions
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Links
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Nav
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Filters
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Text
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Borders
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Panels
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Inputs
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Validation
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Social Networks
	 * ----------------------------------------------------------------------------- */
}

:root { /* special case to balance the mobile separator svg's */ /* special case to balance the separator svg's */
}

/* -----------------------------------------------------------------------------
 * Lost Grid Settings
 * ----------------------------------------------------------------------------- */

@lost gutter 30px;

@lost flexbox flex;

@lost cycle auto;

/* -----------------------------------------------------------------------------
 * Font Icons (via IcoMoon)
 * ----------------------------------------------------------------------------- */

/* stylelint-disable */

@custom-media --viewport-xxsmall (min-width: 400px);

@custom-media --viewport-xsmall (min-width: 500px);

@custom-media --viewport-small (min-width: 600px);

@custom-media --viewport-medium (min-width: 768px);

@custom-media --viewport-wpadmin (min-width: 783px);

@custom-media --viewport-full (min-width: 1024px);

@custom-media --viewport-large (min-width: 1200px);

@custom-media --viewport-xlarge (min-width: 1260px);

@custom-media --viewport-xxlarge (min-width: 1400px);

@custom-media --viewport-retina (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx);

:root {
	/* -----------------------------------------------------------------------------
	 * Heights
	 * ----------------------------------------------------------------------------- */
}

:root {
	/* -----------------------------------------------------------------------------
	 * Font Stacks
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Language Override
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Font Sizing
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Font Weights
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Line Heights
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Spacers (margin & padding)
	 * ----------------------------------------------------------------------------- */
}

@svg-load separator-violet url('../../../img/panels/separator.svg') {

	path {
		fill: #a376a4;
	}
}

@svg-load separator-green url('../../../img/panels/separator.svg') {

	path {
		fill: #b8bd3f;
	}
}

@svg-load separator-blue url('../../../img/panels/separator.svg') {

	path {
		fill: #a1caeb;
	}
}

@svg-load separator-yellow url('../../../img/panels/separator.svg') {

	path {
		fill: #fdcf2c;
	}
}

@svg-load separator-grey url('../../../img/panels/separator.svg') {

	path {
		fill: color(#3b444f a(80%));
	}
}

:root { /* Control icons */ /* Control icons */ /* Select icon */  /* Select, Checkbox, & Radio */  /* Select */ /* Select */ /* Select */ /* Label */ /* Label */ /* Helper Text & Descriptions */ /* Helper Text & Descriptions */

	/* -----------------------------------------------------------------------------
	 * Login Form Specifics
	 * ----------------------------------------------------------------------------- */
}

:root {
	/* -----------------------------------------------------------------------------
	 * Label
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Control Helper Text
	 * ----------------------------------------------------------------------------- */
}

:root {
	/* -----------------------------------------------------------------------------
	 * Legend
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Legend, styled
	 * ----------------------------------------------------------------------------- */
}

:root {
	/* -----------------------------------------------------------------------------
	 * Controls
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Control Icon
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Control: Textarea
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Control: Select
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Control: Radio & Checkbox
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Control: File
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Control: Submit & Buttons
	 * ----------------------------------------------------------------------------- */
}

:root {
	/* -----------------------------------------------------------------------------
	 * Placeholder
	 * ----------------------------------------------------------------------------- */
}

:root {
	/* -----------------------------------------------------------------------------
	 * General
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Descriptions & Helpers
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Complex Layouts
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Controls
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Control Icon
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Control: File
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Control: Lists
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Control: Radio & Checkbox
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Control: Textarea
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Control: Time & Date
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Validation
	 * ----------------------------------------------------------------------------- */

	/* State: Error */

	/* State: Success */
}

:root {
	/* -----------------------------------------------------------------------------
	 * General
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Search
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Drop
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Results
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Multiple
	 * ----------------------------------------------------------------------------- */
}

/* Mixins */

@-webkit-keyframes bump {

	0%,
	100% {
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0);
	}

	65% {
		-webkit-transform: translate(5px, 0);
		        transform: translate(5px, 0);
	}
}

@keyframes bump {

	0%,
	100% {
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0);
	}

	65% {
		-webkit-transform: translate(5px, 0);
		        transform: translate(5px, 0);
	}
}

@-webkit-keyframes bump-down {

	0%,
	100% {
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0);
	}

	65% {
		-webkit-transform: translate(0, 5px);
		        transform: translate(0, 5px);
	}
}

@keyframes bump-down {

	0%,
	100% {
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0);
	}

	65% {
		-webkit-transform: translate(0, 5px);
		        transform: translate(0, 5px);
	}
}

@-webkit-keyframes bump-up {

	0%,
	100% {
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0);
	}

	65% {
		-webkit-transform: translate(0, -5px);
		        transform: translate(0, -5px);
	}
}

@keyframes bump-up {

	0%,
	100% {
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0);
	}

	65% {
		-webkit-transform: translate(0, -5px);
		        transform: translate(0, -5px);
	}
}

@-webkit-keyframes icon-spin {

	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

@keyframes icon-spin {

	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

.button,
.context-content .button {
	display: inline-block;
	color: #fff;
	background: #1c7abf;
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	font-size: 15px;
	line-height: 22px;
	font-family: "lato", sans-serif;
	font-weight: 900;
	text-decoration: none;
	border-radius: 3px;
	padding: 0.75em 1.5em;
	border: 0;
}

@media (--viewport-medium) {

.button,
.context-content .button {
		padding: 0.5em 1.5em;
		font-size: 16px;
		line-height: 28px
}
	}

.button:hover,
	.button:active,
	.button:focus,
	.context-content .button:hover,
	.context-content .button:active,
	.context-content .button:focus {
		color: #fff;
		background: #28aeec;
	}

.button.outline, .context-content .button.outline {
		background: transparent;
		color: #1c7abf;
		border: 1px solid #1c7abf;
	}

.button.outline:hover,
		.button.outline:active,
		.button.outline:focus,
		.context-content .button.outline:hover,
		.context-content .button.outline:active,
		.context-content .button.outline:focus {
			color: #fff;
			background: #28aeec;
			border: 1px solid #28aeec;
		}

.button.outline.white, .context-content .button.outline.white {
			color: #fff;
			border-color: #fff;
		}

.button.outline.white:hover,
			.button.outline.white:active,
			.button.outline.white:focus,
			.context-content .button.outline.white:hover,
			.context-content .button.outline.white:active,
			.context-content .button.outline.white:focus {
				border-color: #28aeec;
			}

@media (--viewport-medium) {

.button.large, .context-content .button.large {
			padding: 0.6em 1.5em;
			font-size: 18px;
			line-height: 1.666667
	}
		}

.button.small, .context-content .button.small {
		padding: 0.3333em 1em;
		font-size: 14px;
		line-height: 1.666667;
	}

@media (--viewport-medium) {

.button.small, .context-content .button.small {
			font-size: 15px
	}
		}

.context-content--light .button {
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.8);
}

.context-content--light .button:hover,
	.context-content--light .button:active,
	.context-content--light .button:focus {
		color: #1c7abf;
		background: #fff;
		border: 1px solid rgba(255, 255, 255, 0.8);
	}

.context-content--light .button.outline {
		color: #fff;
		border: 1px solid rgba(255, 255, 255, 0.8);
	}

.context-content--light .button.outline:hover,
		.context-content--light .button.outline:active,
		.context-content--light .button.outline:focus {
			color: #1c7abf;
			background: #fff;
			border: 1px solid rgba(255, 255, 255, 0.8);
		}

/* -----------------------------------------------------------------------------
 *
 * Gradient Backgrounds
 *
 * ----------------------------------------------------------------------------- */

.utility__gradient--none {
	background: rgba(26, 49, 85, 0.5);
}

.utility__gradient--blue_violet {
	background: linear-gradient(110.72deg, rgba(146, 39, 143, 1) 0%, rgba(53, 92, 176, 1) 62.04%, rgba(0, 122, 194, 1) 100%);
}

.utility__gradient--blue_green {
	background: linear-gradient(113.59deg, rgba(186, 191, 16, 1) 0%, rgba(169, 189, 36, 1) 12.24%, rgba(126, 185, 88, 1) 37.36%, rgba(57, 179, 171, 1) 72.79%, rgba(0, 174, 239, 1) 100%);
}

.utility__gradient--orange_pink {
	background: -webkit-gradient(linear, left top, right top, from(rgba(237, 20, 91, 1)), color-stop(17.85%, rgba(237, 25, 88, 1)), color-stop(38.62%, rgba(238, 39, 80, 1)), color-stop(60.86%, rgba(240, 62, 67, 1)), color-stop(83.97%, rgba(242, 95, 48, 1)), color-stop(98.44%, rgba(244, 119, 34, 1)));
	background: linear-gradient(90deg, rgba(237, 20, 91, 1) 0%, rgba(237, 25, 88, 1) 17.85%, rgba(238, 39, 80, 1) 38.62%, rgba(240, 62, 67, 1) 60.86%, rgba(242, 95, 48, 1) 83.97%, rgba(244, 119, 34, 1) 98.44%);
}

.utility__gradient--pink_violet {
	background: -webkit-gradient(linear, left top, right top, from(rgba(237, 26, 92, 1)), color-stop(100%, rgba(146, 41, 142, 1)), color-stop(100%, rgba(177, 154, 202, 1)), to(rgba(98, 97, 154, 1)));
	background: linear-gradient(90deg, rgba(237, 26, 92, 1) 0%, rgba(146, 41, 142, 1) 100%, rgba(177, 154, 202, 1) 100%, rgba(98, 97, 154, 1) 100%);
}

.utility__gradient--yellow_orange {
	background: linear-gradient(133.41deg, rgba(244, 121, 41, 1) 6.77%, rgba(255, 209, 0, 1) 100%);
}

.utility__gradient--green_teal {
	background: linear-gradient(133.41deg, rgba(0, 147, 145, 1) 0%, rgba(185, 191, 51, 1) 100%);
}

/* -----------------------------------------------------------------------------
 *
 * Colors
 *
 * ----------------------------------------------------------------------------- */

.utility__color--light-blue {
	color: #9fcbed;
}

.utility__color--bright-blue {
	color: #28aeec;
}

.utility__color--afs-blue {
	color: #1c7abf;
}

.utility__color--cobalt {
	color: #034ea2;
}

.utility__color--deep-blue {
	color: #003468;
}

.utility__color--teal {
	color: #19928f;
}

.utility__color--green {
	color: #008444;
}

.utility__color--light-green {
	color: #b0bc22;
}

.utility__color--yellow {
	color: #fd0;
}

.utility__color--orange {
	color: #f58025;
}

.utility__color--bright-pink {
	color: #ed145b;
}

.utility__color--violet {
	color: #92278f;
}

.utility__color--light-purple {
	color: #a286bf;
}

.utility__color--deep-purple {
	color: #63619a;
}

.utility__color--grey {
	color: #a3a3a3;
}

.utility__color--steel-grey {
	color: #3b444f;
}

.utility__color--grey-dark {
	color: #494452;
}

/* -----------------------------------------------------------------------------
 *
 * Background Colors
 *
 * ----------------------------------------------------------------------------- */

.utility__bk-color--light-blue {
	background-color: #9fcbed;
}

.utility__bk-color--bright-blue {
	background-color: #28aeec;
}

.utility__bk-color--afs-blue {
	background-color: #1c7abf;
}

.utility__bk-color--cobalt {
	background-color: #034ea2;
}

.utility__bk-color--deep-blue {
	background-color: #003468;
}

.utility__bk-color--teal {
	background-color: #19928f;
}

.utility__bk-color--green {
	background-color: #008444;
}

.utility__bk-color--light-green {
	background-color: #b0bc22;
}

.utility__bk-color--yellow {
	background-color: #fd0;
}

.utility__bk-color--orange {
	background-color: #f58025;
}

.utility__bk-color--bright-pink {
	background-color: #ed145b;
}

.utility__bk-color--violet {
	background-color: #92278f;
}

.utility__bk-color--light-purple {
	background-color: #a286bf;
}

.utility__bk-color--deep-purple {
	background-color: #63619a;
}

.utility__bk-color--grey {
	background-color: #a3a3a3;
}

.utility__bk-color--steel-grey {
	background-color: #3b444f;
}

.utility__bk-color--grey-dark {
	background-color: #494452;
}

/* -----------------------------------------------------------------------------
 *
 * Form: Control Group / Wrapper, radio & checkbox specific
 *
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 *
 * Form Helper
 *
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 *
 * Required Fields
 *
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 *
 * Form Placeholders
 *
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 *
 * Form Widgets/Controls
 *
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 *
 * Form Control: Select
 *
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 *
 * Form Control: Radio & Checkbox, base
 *
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 *
 * Form Control: Radio & Checkbox, custom styled
 *
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 *
 * Form Control: Checkbox, custom styled
 *
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 *
 * Form Control: Radio, custom styled
 *
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 *
 * Form Control: Icons
 *
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 *
 * Triangles
 *
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 *
 * Split long words into multiple lines
 *
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 *
 * Truncate text to a single line, with an ellipsis
 *
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 *
 * Remove the default antialiased font-smoothing
 *
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 *
 * Icons
 *
 * ----------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------
 *
 * Body Content
 *
 * ------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 *
 * Quotes & Blockquotes
 *
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 *
 * Clearfix
 *
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 *
 * Touch & Pointer Bug Fix
 *
 * + Disable text select on clickable elements for pointer & touch events
 *
 * NOTE:
 * This should be utilized for elements that have a JS
 * touchstart or pointerdown event bound to them
 *
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 *
 * Hide from both screenreaders and browsers
 *
 * @author: h5bp.com/u
 *
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 *
 * Hide only visually, but have it available for screenreaders
 *
 * @author: h5bp.com/v
 *
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 *
 * Show element after has been hidden with %visually-hide
 *
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 *
 * Accordion widget active mixin
 *
 * @author: sam
 *
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 *
 * Language Overrides
 *
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 *
 * Caption: Adds the proper camera caption icon to the item
 *
 * ----------------------------------------------------------------------------- */

/* Helper Classes */

/**
 * Icon Helper Classes
 */

.icon-included,
.icon-excluded {
	fill: #1c7abf;
	height: 30px;
	max-width: 40px;
}

@media (--viewport-medium) {

.icon-included,
.icon-excluded {
		height: 55px;
		max-width: none;
		width: 100%
}
	}

.icon-excluded {
	fill: #575757;
}

/**
 * Allow usage of dashicons inside
 * admin bar menu items
 */

#wpadminbar .ab-item .dashicons:before {
		top: 2px;
		position: relative;
		float: left;
		font: normal 20px/1 dashicons; /* stylelint-disable-line font-family-no-missing-generic-family-keyword */
		speak: none;
		padding: 4px 0;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		background-image: none !important;
		margin-right: 6px;
		color: #a0a5aa;
		color: rgba(240, 245, 250, 0.6);
	}

#wpadminbar .ab-sub-wrapper .ab-item .dashicons:before {
		font: normal 16px/1 dashicons; /* stylelint-disable-line font-family-no-missing-generic-family-keyword */
	}

/* -----------------------------------------------------------------------------
 *
 * Clearfix
 *
 * ----------------------------------------------------------------------------- */

.clearfix:after {
		content: '';
		display: table;
		clear: both;
	}

.truncate-text {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

/* -----------------------------------------------------------------------------
 *
 * Hide from screenreaders & browsers
 *
 * ----------------------------------------------------------------------------- */

.hidden {
	display: none !important;
	visibility: hidden;
}

/* -----------------------------------------------------------------------------
 *
 * Hide from browsers & show for screenreaders
 *
 * ----------------------------------------------------------------------------- */

.visual-hide,
.screen-reader-text {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* -----------------------------------------------------------------------------
 *
 * Show for browsers & screenreaders
 *
 * ----------------------------------------------------------------------------- */

.visual-show {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* Base */

/* -----------------------------------------------------------------------------
 *
 * Base
 *
 * This file is just a clearing-house.
 * Make partials (start with an underscore) for any actual css code.
 *
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 *
 * Font: please_write_me_a_songmedium
 *
 * WEIGHTS & STYLES:
 *
 * Regular  (400)
 *
 * ----------------------------------------------------------------------------- */

@font-face {
	font-family: 'please_write_me_a_songmedium';
	src:
		resolve('fonts/please_write_me_a_song/please_write_me_a_song-webfont.woff2') format('woff2'),
		resolve('fonts/please_write_me_a_song/please_write_me_a_song-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

/* -----------------------------------------------------------------------------
 *
 * Font: Montserrat
 *
 * Provider: Google Web Fonts
 * URL: https://www.google.com/fonts/specimen/Montserrat
 *
 * Loaded via webfontsloader.js in the core plugin
 *
 * WEIGHTS & STYLES:
 *
 * Bold  (700)
 *
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 *
 * Font: Lato
 *
 * Provider: Typekit
 * URL: https://typekit.com/fonts/lato
 *
 * Loaded via webfontsloader.js in the core plugin
 *
 * WEIGHTS & STYLES:
 *
 * Light        (300)
 * Regular      (400)
 * Italic       (400)
 * Bold         (700)
 * Black        (900)
 * Black Italic (900)
 *
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 *
 * Font: Merriweather
 *
 * Provider: Typekit
 * URL: https://typekit.com/fonts/merriweather
 *
 * Loaded via webfontsloader.js in the core plugin
 *
 * WEIGHTS & STYLES:
 *
 * Regular      (400)
 * Black        (900)
 * Black Italic (900)
 *
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 *
 * Font Icons: Icons (via IcoMoon)
 *
 * ----------------------------------------------------------------------------- */

/* stylelint-disable */

@font-face {
  font-family: 'core-icons';
  src:
    resolve('fonts/icons-core/core-icons.ttf?5phc0v') format('truetype'),
	resolve('fonts/icons-core/core-icons.woff?5phc0v') format('woff'),
	resolve('fonts/icons-core/core-icons.svg?5phc0v#core-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

.icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'core-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-close-circled:before {
  content: "\e913";
}

.icon-close:before {
  content: "\ed6d";
}

.icon-plus:before {
  content: "\ed5b";
}

.icon-minus:before {
  content: "\ed5c";
}

.icon-facebook:before {
  content: "\e900";
}

.icon-instagram:before {
  content: "\e916";
  color: #e4405f;
}

.icon-twitter:before {
  content: "\e917";
  color: #1da1f2;
}

.icon-youtube:before {
  content: "\e918";
  color: #f00;
}

.icon-messenger:before {
  content: "\e919";
  color: #0084ff;
}

.icon-whatsapp:before {
  content: "\e91b";
  color: #25d366;
}

.icon-linkedin:before {
  content: "\e91c";
}

.icon-snapchat:before {
  content: "\e91d";
  color: #fffc00;
}

.icon-wechat:before {
  content: "\e91e";
  color: #7bb32e;
}

.icon-camera:before {
  content: "\e91a";
  color: #007ac2;
}

.icon-phone:before {
  content: "\e912";
}

.icon-check-circled:before {
  content: "\e90a";
}

.icon-calendar:before {
  content: "\e90b";
}

.icon-triangle-left:before {
  content: "\e914";
}

.icon-triangle-right:before {
  content: "\e915";
}

.icon-triangle-down:before {
  content: "\e90c";
}

.icon-triangle-up:before {
  content: "\e90d";
}

.icon-magnifying-glass:before {
  content: "\e90e";
}

.icon-lock:before {
  content: "\e90f";
}

.icon-link:before {
  content: "\e910";
}

.icon-at-symbol:before {
  content: "\e911";
}

.icon-chevron-down:before {
  content: "\e906";
}

.icon-chevron-up:before {
  content: "\e907";
}

.icon-chevron-right:before {
  content: "\e908";
}

.icon-chevron-left:before {
  content: "\e909";
}

.icon-arrow-down:before {
  content: "\e901";
}

.icon-arrow-up:before {
  content: "\e902";
}

.icon-arrow-right:before {
  content: "\e903";
}

.icon-arrow-left:before {
  content: "\e904";
}

.icon-heart:before {
  content: "\e905";
}

/* -----------------------------------------------------------------------------
 *
 * Globals: HTML & Body
 *
 * ----------------------------------------------------------------------------- */

html {
	background: #fff;
}

body {
	background: #fff;

	/* CASE: "sticky" footer */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	min-height: 100vh;

	/* rtl:raw:
    direction: rtl;
    unicode-bidi: embed;
	*/
}

/* -----------------------------------------------------------------------------
 *
 * Globals: Font & Color
 *
 * ----------------------------------------------------------------------------- */

body,
form,
button,
input,
select,
textarea {
	font: 400 normal 100%/1.666667 "lato", sans-serif;
	color: #3b444f;
}

/* -----------------------------------------------------------------------------
 *
 * Globals: Text Selection
 *
 * ----------------------------------------------------------------------------- */

::-moz-selection {
	background: #1c7abf;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #1c7abf;
	color: #fff;
	text-shadow: none;
}

/* Layouts */

/* -----------------------------------------------------------------------------
 *
 * Layout: Global Site Wrap
 *
 * ----------------------------------------------------------------------------- */

#site-wrap {
	/* CASE: "sticky" footer */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-height: 100vh;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

/* -----------------------------------------------------------------------------
 *
 * Layout: Main Content
 *
 * ----------------------------------------------------------------------------- */

main {
	/* CASE: "sticky" footer */
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
}

/* -----------------------------------------------------------------------------
 *
 * Layout: Global Content Wrap
 *
 * ----------------------------------------------------------------------------- */

.content-wrap {
	max-width: calc(1170px + 15px * 2);
	margin: 0 auto;
	width: 100%;
	padding: 0 25px;
}

@media (--viewport-large) {

.content-wrap {
		padding: 0 15px
}
	}

/* -----------------------------------------------------------------------------
 *
 * Layout: Global Content Top/Bottom Padding
 *
 * ----------------------------------------------------------------------------- */

.cw-standard-pad {
	padding-top: 60px;
	padding-bottom: 60px;
}

@media (--viewport-medium) {

.cw-standard-pad {
		padding-top: 90px;
		padding-bottom: 90px
}
	}

/* -----------------------------------------------------------------------------
 *
 * Layout: Content + Sidebar
 *
 * ----------------------------------------------------------------------------- */

@media (--viewport-medium) {

.layout-cs {
		lost-utility: clearfix;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between
}
	}

@media (--viewport-medium) {

.layout-cs__content {
		max-width: 800px;
		padding-right: 85px;
		padding-top: calc(90px / 2)
}
	}

@media (--viewport-full) {

.layout-cs__content {
		padding-top: 90px
}
	}

.layout-cs__sidebar {
	max-width: 400px;
	margin: 0 auto;
}

@media (--viewport-medium) {

.layout-cs__sidebar {
		min-width: 300px;
		width: 370px;
		margin: 0 0 90px 0;
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1
}
	}

/* -----------------------------------------------------------------------------
 *
 * Layout: Staggered
 *
 * Notes: This should be paired up with (inside a) .content-wrap wrapper
 *
 * Usage: Post, Page, WYSIWYG Content
 *
 * Screenshot: https://cloudup.com/ctCRZpIxpbt
 *
 * Example:
 * <div class="content-wrap">
 *   <div class="cw-staggered">
 *     ...
 *   </div>
 * </div>
 *
 * ----------------------------------------------------------------------------- */

.cw-staggered > * {
		max-width: 768px;
		margin-left: auto;
		margin-right: auto;
	}

/* -----------------------------------------------------------------------------
 *
 * Layout: Staggered, Double
 *
 * Notes: This should be paired up with (inside a) .content-wrap wrapper
 *
 * Usage: Post, Page, WYSIWYG Content
 *
 * Screenshot: https://cloudup.com/ctCRZpIxpbt
 *
 * Example:
 * <div class="content-wrap">
 *   <div class="cw-staggered-double">
 *     ...
 *   </div>
 * </div>
 *
 * ----------------------------------------------------------------------------- */

.cw-staggered-double {
	max-width: 970px;
	margin-left: auto;
	margin-right: auto;
}

.cw-staggered-double > * {
		max-width: 768px;
		margin-left: auto;
		margin-right: auto;
	}

/* Typography */

/* -------------------------------------------------------------------------
 * Paragraphs
 * ------------------------------------------------------------------------- */

p {
	font-size: 17px;
	line-height: 1.529412;
}

@media (--viewport-medium) {

p {
		font-size: 18px;
		line-height: 1.666667;
}
	}

.context-content p {
		margin-bottom: 18px;
	}

@media (--viewport-medium) {

.context-content p {
			margin-bottom: 32px
	}
		}

@media (--viewport-medium) {

.single-post p {
			font-size: 20px;
			line-height: 34px;
			margin-bottom: 34px
	}
		}

/* -------------------------------------------------------------------------
 * HR
 * ------------------------------------------------------------------------- */

hr {
	border-top: 1px solid #e6e6e6;
}

.context-content hr {
		margin: 52px auto 22px;
	}

/* -------------------------------------------------------------------------
 *
 * Miscellaneous for items in the full kitchen sink
 *
 * Notes:
 * + Remove top margin from first element (whether element or image)
 * + Remove bottom margin from last element (whether element or image)
 * + Due to our existing solution for adding a wrapper around WordPress
 *   images without a caption, we end up with empty p tags, as such
 *   we simply hide them
 *
 * ------------------------------------------------------------------------- */

/*
		ROSWELL - THIS WAS CAUSING GRAVITY FORMS TO NOT DISPLAY WITH CONDITIONAL LOGIC
		visibilityTestDiv.offsetParent !== null

		/*
		ROSWELL - THIS WAS CAUSING GRAVITY FORMS TO NOT DISPLAY WITH CONDITIONAL LOGIC
		visibilityTestDiv.offsetParent !== null

		*:empty:not(hr):not(br) {
			display: none;
		}
		*/

.context-content > *:first-child {
			margin-top: 0;
		}

.context-content > *:first-child > img {
				margin-top: 0;
			}

.context-content > .wp-image-wrap:nth-child(2) img {
			margin-top: 0;
		}

.context-content > *:last-child {
			margin-bottom: 0;
		}

.context-content > *:last-child > img {
				margin-bottom: 0;
			}

.context-content > .wp-image-wrap:nth-last-child(2) img {
			margin-bottom: 0;
		}

.drop-cap {
	float: left;
	font-size: 5.3em;
	padding-top: 0.1em;
	padding-right: 0.1em;
	font-family: "merriweather", sans-serif;
	line-height: 0.75;
}

@media (--viewport-medium) {

.single-post .drop-cap {
			font-size: 5.5em
	}
		}

.context-content--light {
	color: rgba(255, 255, 255, 0.9);
}

/* -------------------------------------------------------------------------
 * Anchor: Defaults
 * ------------------------------------------------------------------------- */

a {
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	color: inherit;
	text-decoration: none;
	outline: 0;
	cursor: pointer;
}

a:hover {
		color: #28aeec;
	}

a:active,
	a:focus {
		outline: 1px dotted;
	}

/* -------------------------------------------------------------------------
 * Anchor: Full
 * ------------------------------------------------------------------------- */

.anchor,
.context-content a {
	color: #1c7abf;
	text-decoration: underline;
}

.anchor:hover,
	.anchor:focus,
	.context-content a:hover,
	.context-content a:focus {
		color: #28aeec;
	}

.context-content--light a,
.context-content--light .anchor {
	color: rgba(255, 255, 255, 0.9);
	text-decoration: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.context-content--light a:hover,
	.context-content--light a:focus,
	.context-content--light .anchor:hover,
	.context-content--light .anchor:focus {
		color: #fff;
		border-bottom: 1px solid rgba(255, 255, 255, 0.9);
	}

/* -------------------------------------------------------------------------
 * Anchor: Call To Action
 * ------------------------------------------------------------------------- */

a.cta,
.context-content a.cta {
	color: #1c7abf;
	text-decoration: none;
	line-height: 24px;
	font-weight: 900;
}

@media (--viewport-medium) {

a.cta,
.context-content a.cta {
		font-size: 20px;
		line-height: 30px
}
	}

a.cta:hover,
	a.cta:focus,
	.context-content a.cta:hover,
	.context-content a.cta:focus {
		color: #28aeec;
	}

.arrow-left:before {
		font-family: 'core-icons';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-rendering: auto;

		content: "\e904";
		padding-right: 0.3333em;
		display: inline-block;
	}

.arrow-left:hover:before, .arrow-left:focus:before {
			-webkit-animation: bump 250ms cubic-bezier(0.39, 0.575, 0.565, 1);
			        animation: bump 250ms cubic-bezier(0.39, 0.575, 0.565, 1);
		}

.arrow-right:after {
		font-family: 'core-icons';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-rendering: auto;

		content: "\e903";
		padding-left: 0.3333em;
		display: inline-block;
	}

.arrow-right:hover:after, .arrow-right:focus:after {
			-webkit-animation: bump 250ms cubic-bezier(0.39, 0.575, 0.565, 1);
			        animation: bump 250ms cubic-bezier(0.39, 0.575, 0.565, 1);
		}

.context-content--light a.cta {
		color: rgba(255, 255, 255, 0.6);
		border-bottom: 1px solid rgba(255, 255, 255, 0);
	}

.context-content--light a.cta:hover,
		.context-content--light a.cta:focus {
			color: #fff;
			border-bottom: 1px solid rgba(255, 255, 255, 0.4);
		}

/* -------------------------------------------------------------------------
 * Heading: H1
 * ------------------------------------------------------------------------- */

.h1,
.context-content .h1,
.context-content h1 {
	font-size: 46px;
	line-height: 48px;
	letter-spacing: -0.04em;
	font-family: "montserrat", sans-serif;
	font-weight: 700;
}

@media (--viewport-medium) {

.h1,
.context-content .h1,
.context-content h1 {
		font-size: 70px;
		line-height: 74px;
		letter-spacing: -0.05em
}
	}

.context-content h1, .context-content .h1 {
		margin-top: 44px;
		margin-bottom: 8px;
		color: #494452;
	}

@media (--viewport-medium) {

.context-content h1, .context-content .h1 {
			margin-top: 44px;
			margin-bottom: 21px
	}
		}

.context-content--light h1, .context-content--light .h1 {
		color: #fff;
	}

/* -------------------------------------------------------------------------
 * Heading: H2
 * ------------------------------------------------------------------------- */

.h2,
.context-content .h2,
.context-content h2 {
	font-size: 30px;
	line-height: 34px;
	letter-spacing: -0.02em;
	font-weight: 900;
}

@media (--viewport-medium) {

.h2,
.context-content .h2,
.context-content h2 {
		font-size: 40px;
		line-height: 42px;
		letter-spacing: -0.025em
}
	}

@media (--viewport-medium) {

.single-post .h2, .single-post .context-content .h2, .single-post .context-content h2 {
			font-size: 44px;
			line-height: 46px
	}
		}

.context-content h2, .context-content .h2 {
		margin-top: 26px;
		margin-bottom: 8px;
		color: #494452;
	}

@media (--viewport-medium) {

.context-content h2, .context-content .h2 {
			margin-top: 29px;
			margin-bottom: 12px
	}
		}

@media (--viewport-medium) {

.single-post h2, .single-post .h2 {
			margin-top: 40px;
			margin-bottom: 12px
	}
		}

.context-content--light h2, .context-content--light .h2 {
		color: #fff;
	}

/* -------------------------------------------------------------------------
 * Heading: H3
 * ------------------------------------------------------------------------- */

.h3,
.context-content .h3,
.context-content h3 {
	font-size: 21px;
	line-height: 24px;
	font-weight: 900;
}

@media (--viewport-medium) {

.h3,
.context-content .h3,
.context-content h3 {
		font-size: 25px;
		line-height: 28px
}
	}

@media (--viewport-medium) {

.single-post .h3, .single-post .context-content .h3, .single-post .context-content h3 {
			font-size: 29px;
			line-height: 32px
	}
		}

.context-content h3, .context-content .h3 {
		margin-top: 28px;
		margin-bottom: 8px;
		color: #494452;
	}

@media (--viewport-medium) {

.context-content h3, .context-content .h3 {
			margin-top: 31px;
			margin-bottom: 12px
	}
		}

@media (--viewport-medium) {

.single-post h3, .single-post .h3 {
			margin-top: 40px;
			margin-bottom: 12px
	}
		}

.context-content--light h3, .context-content--light .h3 {
		color: #fff;
	}

/* -------------------------------------------------------------------------
 * Heading: H4
 * ------------------------------------------------------------------------- */

.h4,
.context-content .h4,
.context-content h4 {
	font-size: 20px;
	line-height: 22px;
}

@media (--viewport-medium) {

.h4,
.context-content .h4,
.context-content h4 {
		font-size: 24px;
		line-height: 27px;
		font-weight: 300
}
	}

@media (--viewport-medium) {

.single-post .h4, .single-post .context-content .h4, .single-post .context-content h4 {
			font-size: 27px;
			line-height: 30px
	}
		}

.context-content h4, .context-content .h4 {
		margin-top: 27px;
		margin-bottom: 8px;
		color: #494452;
	}

@media (--viewport-medium) {

.context-content h4, .context-content .h4 {
			margin-top: 29px
	}
		}

@media (--viewport-medium) {

.single-post h4, .single-post .h4 {
			margin-top: 42px;
			margin-bottom: 12px
	}
		}

.context-content--light h4, .context-content--light .h4 {
		color: #fff;
	}

/* -------------------------------------------------------------------------
 * Heading: H5
 * ------------------------------------------------------------------------- */

.h5,
.context-content .h5,
.context-content h5 {
	font-size: 18px;
	line-height: 19px;
	font-weight: 900;
}

@media (--viewport-medium) {

.h5,
.context-content .h5,
.context-content h5 {
		font-size: 20px;
		line-height: 23px
}
	}

@media (--viewport-medium) {

.single-post .h5, .single-post .context-content .h5, .single-post .context-content h5 {
			font-size: 22px;
			line-height: 25px
	}
		}

.context-content h5, .context-content .h5 {
		margin-top: 28px;
		margin-bottom: 8px;
		color: #494452;
	}

@media (--viewport-medium) {

.context-content h5, .context-content .h5 {
			margin-top: 32px;
			margin-bottom: 12px
	}
		}

@media (--viewport-medium) {

.single-post h5, .single-post .h5 {
			margin-top: 45px;
			margin-bottom: 12px
	}
		}

.context-content--light h5, .context-content--light .h5 {
		color: #fff;
	}

/* -------------------------------------------------------------------------
 * Heading: H6
 * ------------------------------------------------------------------------- */

.h6,
.context-content .h6,
.context-content h6 {
	font-size: 15px;
	line-height: 19px;
	font-weight: 900;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

@media (--viewport-medium) {

.h6,
.context-content .h6,
.context-content h6 {
		font-size: 16px;
		line-height: 20px;
		letter-spacing: 0.075em
}
	}

@media (--viewport-medium) {

.single-post .h6, .single-post .context-content .h6, .single-post .context-content h6 {
			font-size: 18px;
			line-height: 22px
	}
		}

.context-content h6, .context-content .h6 {
		margin-top: 28px;
		margin-bottom: 8px;
		color: #a3a3a3;
	}

@media (--viewport-medium) {

.context-content h6, .context-content .h6 {
			margin-top: 32px;
			margin-bottom: 12px
	}
		}

@media (--viewport-medium) {

.single-post h6, .single-post .h6 {
			margin-top: 45px;
			margin-bottom: 12px
	}
		}

.context-content--light h6, .context-content--light .h6 {
		color: rgba(255, 255, 255, 0.6);
	}

/* -------------------------------------------------------------------------
 * Global Lists
 * ------------------------------------------------------------------------- */

.context-content ul, .context-content ol, .context-content dl {
		font-size: 17px;
		line-height: 1.529412;
	}

@media (--viewport-medium) {

.context-content ul, .context-content ol, .context-content dl {
		font-size: 18px;
		line-height: 1.666667;
	}
	}

.context-content ul, .context-content ol, .context-content dl {

		margin-top: -5px;
		margin-bottom: 18px;
}

@media (--viewport-medium) {

.context-content ul, .context-content ol, .context-content dl {
			margin-top: 2px;
			margin-bottom: 32px
	}
		}

@media (--viewport-medium) {

.single-post .context-content ul, .single-post .context-content ol, .single-post .context-content dl {
			margin-top: -7px
	}
		}

.context-content--light ul, .context-content--light ol, .context-content--light dl {
		color: rgba(255, 255, 255, 0.9);
	}

.context-content li ~ li {
			margin-top: 0;
		}

@media (--viewport-medium) {

.context-content li ~ li {
				margin-top: 5px
		}
			}

/* -------------------------------------------------------------------------
 * UL
 * ------------------------------------------------------------------------- */

.list-bullet,
.context-content ul {
	list-style: disc outside;
	padding-left: 1.5em;
	padding-right: 0;
}

/* -------------------------------------------------------------------------
 * OL
 * ------------------------------------------------------------------------- */

.list-number,
.context-content ol {
	list-style: none;
	counter-reset: item;
	padding: 0 0 0 1.5em;
	text-indent: -1.5em;
}

.list-number > li:before, .context-content ol > li:before {
		display: inline-block;
		width: 1em;
		padding-right: 0.5em;
		font-weight: 900;
		text-align: right;
		counter-increment: item;
		content: counter(item) ".";
	}

/* -------------------------------------------------------------------------
 * DL
 * ------------------------------------------------------------------------- */

.dl,
.context-content dl {
	margin-top: -5px;
	margin-bottom: 14px;
}

@media (--viewport-medium) {

.dl,
.context-content dl {
		margin-top: 2px;
		margin-bottom: 15px
}
	}

@media (--viewport-medium) {

.single-post .dl, .single-post .context-content dl {
			margin-top: -7px
	}
		}

.dt,
.context-content dt {
	font-weight: 900;
}

.dd,
.context-content dd {
	margin-bottom: 12px;
}

/* -------------------------------------------------------------------------
 * Sequential Lists
 * ------------------------------------------------------------------------- */

.ol.sequential, .ul.sequential, .context-content ol.sequential, .context-content ul.sequential {
		list-style: none;
		counter-reset: none;
		text-indent: -1.25em;
		padding: 0 0 0 1.25em;
	}

.ol.sequential > li,
		.ol.sequential > dt,
		.ul.sequential > li,
		.ul.sequential > dt,
		.dl.sequential > li,
		.dl.sequential > dt,
		.context-content ol.sequential > li,
		.context-content ol.sequential > dt,
		.context-content ul.sequential > li,
		.context-content ul.sequential > dt,
		.context-content dl.sequential > li,
		.context-content dl.sequential > dt {
			position: relative;
		}

.ol.sequential > li:before, .ol.sequential > dt:before, .ul.sequential > li:before, .ul.sequential > dt:before, .dl.sequential > li:before, .dl.sequential > dt:before, .context-content ol.sequential > li:before, .context-content ol.sequential > dt:before, .context-content ul.sequential > li:before, .context-content ul.sequential > dt:before, .context-content dl.sequential > li:before, .context-content dl.sequential > dt:before {
				position: relative;
				z-index: 2;
				display: inline-block;
				width: 0.4em;
				height: 0.4em;
				padding-right: 0;
				margin-right: 0.6em;
				border: 2px solid #a3a3a3;
				background: #fff;
				border-radius: 1.5em;
				text-align: right;
				counter-increment: none;
				content: '';
			}

@media (--viewport-medium) {

.ol.sequential > li:before, .ol.sequential > dt:before, .ul.sequential > li:before, .ul.sequential > dt:before, .dl.sequential > li:before, .dl.sequential > dt:before, .context-content ol.sequential > li:before, .context-content ol.sequential > dt:before, .context-content ul.sequential > li:before, .context-content ul.sequential > dt:before, .context-content dl.sequential > li:before, .context-content dl.sequential > dt:before {
					width: 0.5em;
					height: 0.5em
			}
				}

.ol.sequential > li, .ul.sequential > li, .dl.sequential > li, .context-content ol.sequential > li, .context-content ul.sequential > li, .context-content dl.sequential > li {
			margin-bottom: 18px;
		}

.ol.sequential > li:after, .ul.sequential > li:after, .dl.sequential > li:after, .context-content ol.sequential > li:after, .context-content ul.sequential > li:after, .context-content dl.sequential > li:after {
				content: '';
				position: absolute;
				width: 1px;
				left: -0.95em;
				top: 20px;
				background: #a3a3a3;
				height: calc(100% + 8px);
			}

@media (--viewport-medium) {

.ol.sequential > li:after, .ul.sequential > li:after, .dl.sequential > li:after, .context-content ol.sequential > li:after, .context-content ul.sequential > li:after, .context-content dl.sequential > li:after {
					left: -0.9em;
					top: 22px;
					height: calc(100% + 6px)
			}
				}

.ol.sequential > li:last-child:after, .ul.sequential > li:last-child:after, .dl.sequential > li:last-child:after, .context-content ol.sequential > li:last-child:after, .context-content ul.sequential > li:last-child:after, .context-content dl.sequential > li:last-child:after {
					content: none;
				}

.ol.sequential > dd, .ul.sequential > dd, .dl.sequential > dd, .context-content ol.sequential > dd, .context-content ul.sequential > dd, .context-content dl.sequential > dd {
			position: relative;
			margin-left: 1.25em;
		}

.ol.sequential > dd:after, .ul.sequential > dd:after, .dl.sequential > dd:after, .context-content ol.sequential > dd:after, .context-content ul.sequential > dd:after, .context-content dl.sequential > dd:after {
				content: '';
				position: absolute;
				width: 1px;
				left: -0.95em;
				top: -6px;
				height: calc(100% + 27px);
				background: #a3a3a3;
			}

@media (--viewport-medium) {

.ol.sequential > dd:after, .ul.sequential > dd:after, .dl.sequential > dd:after, .context-content ol.sequential > dd:after, .context-content ul.sequential > dd:after, .context-content dl.sequential > dd:after {
					left: -0.9em;
					top: -8px;
					height: calc(100% + 29px)
			}
				}

.ol.sequential > dd:last-child:after, .ul.sequential > dd:last-child:after, .dl.sequential > dd:last-child:after, .context-content ol.sequential > dd:last-child:after, .context-content ul.sequential > dd:last-child:after, .context-content dl.sequential > dd:last-child:after {
					content: none;
				}

/* stylelint-disable */

.context-content--light ol.sequential > li:before, .context-content--light ol.sequential > dt:before, .context-content--light ul.sequential > li:before, .context-content--light ul.sequential > dt:before, .context-content--light dl.sequential > li:before, .context-content--light dl.sequential > dt:before {
				border-color: rgba(255, 255, 255, 0.7);
				background: rgba(255, 255, 255, 0.2);
			}

.context-content--light ol.sequential > li:after, .context-content--light ol.sequential > dd:after, .context-content--light ul.sequential > li:after, .context-content--light ul.sequential > dd:after, .context-content--light dl.sequential > li:after, .context-content--light dl.sequential > dd:after {
				background: rgba(255, 255, 255, 0.3);
			}

/* stylelint-enable */

/* -----------------------------------------------------------------------------
 * Global Quotes & Blockquotes
 * ----------------------------------------------------------------------------- */

.context-content .blockquote, .context-content blockquote, .context-content .quote, .context-content q {
		margin: 10px auto;
		text-align: center;
	}

@media (--viewport-medium) {

.context-content .blockquote, .context-content blockquote, .context-content .quote, .context-content q {
			margin-top: 40px;
			margin-bottom: 40px
	}
		}

@media (--viewport-medium) {

.single-post .blockquote, .single-post blockquote, .single-post .quote, .single-post q {
			margin-top: 50px;
			margin-bottom: 50px
	}
		}

/* -----------------------------------------------------------------------------
 * Quotes
 * ----------------------------------------------------------------------------- */

/* q */

.quote,
.context-content q {
	padding: 0;
	font-size: 24px;
	line-height: 44px;
	font-family: "merriweather", sans-serif;
	font-weight: 900;
}

@media (--viewport-medium) {

.quote,
.context-content q {
		font-size: 34px;
		line-height: 54px;
}
	}

.quote,
.context-content q {

	display: block;
}

/* -----------------------------------------------------------------------------
 * Blockquotes
 * ----------------------------------------------------------------------------- */

/* blockquote */

.blockquote,
.context-content blockquote {
	padding: 0;

	position: relative;
}

.blockquote p, .context-content blockquote p {
		font-size: 24px;
		line-height: 44px;
		font-family: "merriweather", sans-serif;
		font-weight: 900;
	}

@media (--viewport-medium) {

.blockquote p, .context-content blockquote p {
		font-size: 34px;
		line-height: 54px;
	}
	}

.blockquote p, .context-content blockquote p {

		margin: 0 auto;
		color: #494452;
}

.blockquote p ~ p, .context-content blockquote p ~ p {
			margin-top: 18px;
		}

.context-content--light blockquote p {
		color: #fff;
	}

/* -----------------------------------------------------------------------------
 * Cite
 * ----------------------------------------------------------------------------- */

/* cite */

.cite,
.context-content cite {
	font-style: normal;
	display: inline-block;
	width: 100%;
	font-size: 13px;
	line-height: 26px;
	letter-spacing: 0.05em;
	font-family: "montserrat", sans-serif;
	font-weight: 700;
	color: #a3a3a3;
	text-align: center;
	text-transform: uppercase;
}

@media (--viewport-medium) {

.cite,
.context-content cite {
		font-size: 15px;
		line-height: 30px
}
	}

.context-content--light cite {
	color: rgba(255, 255, 255, 0.6);
}

/* -----------------------------------------------------------------------------
 * Table
 * ----------------------------------------------------------------------------- */

.table,
.context-content table {
	font-size: 17px;
	margin: 30px auto;
	border: 0;
	text-align: left;
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
}

@media (--viewport-medium) {

.table,
.context-content table {
		font-size: 18px;
		table-layout: auto
}
	}

/* -----------------------------------------------------------------------------
 * TH
 * ----------------------------------------------------------------------------- */

.th,
.context-content th {
	padding: 14px 1em 12px;
	font-weight: 900;
	line-height: 20px;
	border-top: 1px solid color(#20759b a(30%));
	border-bottom: 1px solid color(#20759b a(30%));
	color: #20759b;
	background: color(#1c7abf a(10%));
}

@media (--viewport-medium) {

.th,
.context-content th {
		font-size: 17px
}
	}

.th ~ th, .context-content th ~ th {
		border-left: 1px solid color(#20759b a(30%));
	}

.context-content--light th {
	position: relative;
	color: #fff;
	border-top-color: rgba(255, 255, 255, 0.4);
	border-bottom-color: rgba(255, 255, 255, 0.4);
	background: transparent;
}

.context-content--light th:after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: rgba(255, 255, 255, 0.2);
		mix-blend-mode: overlay;
	}

.context-content--light th ~ th {
		border-left-color: rgba(255, 255, 255, 0.4);
	}

/* -----------------------------------------------------------------------------
 * TR
 * ----------------------------------------------------------------------------- */

thead .tr, thead .context-content tr {
		border-bottom: 1px solid color(#20759b a(30%));
	}

.tr ~ tr, .context-content tr ~ tr {
		border-top: 1px solid color(#20759b a(30%));
	}

thead .context-content--light tr {
		border-bottom-color: rgba(255, 255, 255, 0.4);
	}

.context-content--light tr ~ tr {
		border-top-color: rgba(255, 255, 255, 0.4);
	}

/* -----------------------------------------------------------------------------
 * TD
 * ----------------------------------------------------------------------------- */

.td,
.context-content td {
	padding: 12px 1em 10px;
	font-size: 15px;
	line-height: 21px;
}

@media (--viewport-medium) {

.td,
.context-content td {
		font-size: 16px
}
	}

.td ~ td, .context-content td ~ td {
		border-left: 1px solid color(#20759b a(30%));
	}

.context-content--light td {
	color: rgba(255, 255, 255, 0.8);
}

.context-content--light td ~ td {
		border-left-color: rgba(255, 255, 255, 0.4);
	}

/* Media */

/* -----------------------------------------------------------------------------
 * Media: Images
 * ----------------------------------------------------------------------------- */

img {
	margin-left: auto;
	margin-right: auto;
}

.context-content img {
		line-height: 0;
		width: auto;
		height: auto;
		display: block;
		max-width: 100%;
	}

/* -----------------------------------------------------------------------------
 * Media: Wrappers
 * ----------------------------------------------------------------------------- */

.wp-image-wrap,
.wp-caption {
	width: auto !important;
	max-width: none;
	margin: 0 auto;
}

/* -----------------------------------------------------------------------------
 * Media: Image Captions
 * ----------------------------------------------------------------------------- */

.wp-caption-text {
	margin: 8px 0 -4px;
	font-size: 11px;
	line-height: 16px;
	font-family: "merriweather", sans-serif;
	font-weight: 700;
	color: color(#3b444f a(80%));
}

@media (--viewport-medium) {

.wp-caption-text {
		font-size: 13px;
		line-height: 28px
}
	}

.aligncenter .wp-caption-text,
	.alignnone .wp-caption-text {
		text-align: center;
	}

.wp-caption-text .credit {
		display: block;
		margin-top: 5px;
		font-weight: 400;
	}

@media (--viewport-medium) {

.wp-caption-text .credit {
			margin-top: 0
	}
		}

.wp-caption-text .credit:before {
			font-family: 'core-icons';
			speak: none;
			font-style: normal;
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			text-rendering: auto;

			content: "\e900";
			padding-right: 0.5em;
			display: inline-block;
		}

.context-content--light .wp-caption-text {
		color: rgba(255, 255, 255, 0.6);
	}

/* -----------------------------------------------------------------------------
 * Media: Alignments
 * ----------------------------------------------------------------------------- */

.aligncenter,
.alignnone {
	margin-top: 24px;
	margin-bottom: 22px;
	max-width: none;
}

@media (--viewport-medium) {

.aligncenter,
.alignnone {
		margin-top: 36px;
		margin-bottom: 34px
}
	}

@media (--viewport-medium) {

.single-post .aligncenter, .single-post .alignnone {
			margin-top: 50px;
			margin-bottom: 44px
	}
		}

.alignleft,
.alignright {
	margin-top: 24px;
	margin-bottom: 22px;
}

@media (--viewport-xsmall) {

.alignleft,
.alignright {
		margin-top: 0.4em;
		margin-bottom: 14px;
		max-width: 50%
}
	}

@media (--viewport-medium) {

.single-post .alignleft, .single-post .alignright {
			margin-bottom: 44px
	}
		}

@media (--viewport-xsmall) {

.alignleft {
		float: left;
		margin-right: 30px
}
	}

@media (--viewport-medium) {

.single-post .alignleft {
			margin-right: 45px
	}
		}

@media (--viewport-xsmall) {

.alignright {
		float: right;
		margin-left: 30px
}
	}

@media (--viewport-medium) {

.single-post .alignright {
			margin-left: 45px
	}
		}

.wp-embed {
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	     break-inside: avoid-column;
	max-width: none;
}

.context-content .wp-embed {
		margin: 45px auto;
	}

.wp-embed-wrap {
	position: relative;
	aspect-ratio: '16:9';
}

.wp-embed-wrap iframe,
	.wp-embed-wrap object,
	.wp-embed-wrap embed {
		width: 100%;
		height: 100%;
	}

/* Buttons */

.context-content a[class*="btn-"], .context-content button[class*="btn-"] {
		margin-top: 15px;
		margin-bottom: 15px;
	}

/* -----------------------------------------------------------------------------
 *
 * Button: Default
 *
 * Notes:
 * + Has background color
 * + On hover/focus animate background color
 *
 * Example:
 * <button class="btn">...</button>
 * <a href="#" class="btn">...</a>
 *
 * ----------------------------------------------------------------------------- */

.btn,
a.btn {
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	width: auto;
	display: inline-block;
	line-height: 1;
	font-weight: 700;
	height: auto;
	cursor: pointer;
	text-decoration: none;
	border: 0;
	padding: 0;

	background-color: #000;
	padding: 1em;
	text-align: center;
	color: #fff;
}

.btn:visited, a.btn:visited {
		color: #fff;
	}

.btn:hover,
	.btn:focus,
	.btn:active,
	a.btn:hover,
	a.btn:focus,
	a.btn:active {
		color: #fff;
		background-color: #494452;
	}

/* Forms */

/* -------------------------------------------------------------------------
 * Global Forms
 * ------------------------------------------------------------------------- */

.context-content form {
		margin: 30px auto 50px;
	}

/* -----------------------------------------------------------------------------
 *
 * Form: Field Group / Wrapper
 *
 * Example:
 * <div class="form-field-group form-control-required">
 *   <label class="form-control-label" for="textFieldExample">Label</label>
 *	 <input id="textFieldExample" class="form-control" name="textFieldExample" aria-describedby="textFieldExampleHelper" type="text" />
 *	 <p id="textFieldExampleHelper" class="form-control-helper">Helper text</p>
 * </div>
 *
 * ----------------------------------------------------------------------------- */

.form-field-group {
	margin-bottom: 28px;
	line-height: 1;
}

/* -----------------------------------------------------------------------------
 *
 * Form: Control Group / Wrapper
 *
 * Example:
 * <div class="form-field-group form-control-required">
 *   <div class="form-control-group">
 *     <label class="form-control-label" for="textFieldExample">Label</label>
 *	   <input id="textFieldExample" class="form-control" name="textFieldExample" aria-describedby="textFieldExampleHelper" type="text" />
 *	   <p id="textFieldExampleHelper" class="form-control-helper">Helper text</p>
 *   </div>
 * </div>
 *
 * ----------------------------------------------------------------------------- */

.form-control-group {

}

/* -----------------------------------------------------------------------------
 *
 * Form: Control Group / Wrapper, radio & checkbox specific
 *
 * Example:
 * <fieldset>
 *   <legend>Legend for Checkboxes</legend>
 * 	 <div class="form-field-group form-control-group-radio-checkbox">
 * 	   <span class="form-control-checkbox">
 * 	     <input id="checkboxOne" name="checkboxGroup" type="checkbox" value="checkboxOne" checked="checked" />
 *	     <label for="checkboxOne">Checkbox One</label>
 * 	   </span>
 *   </div>
 * </fieldset>
 *
 * ----------------------------------------------------------------------------- */

.form-control-group-radio-checkbox {
	padding-top: 5px;
	padding-bottom: 4px;
}

/* -----------------------------------------------------------------------------
 * Placeholder
 * ----------------------------------------------------------------------------- */

::-webkit-input-placeholder {
	color: #a3a3a3;
	opacity: 1;
	letter-spacing: normal;
	text-transform: none;
	font: italic 400 14px / inherit "lato", sans-serif;
	font-style: italic;
	}

:-moz-placeholder {
	color: #a3a3a3;
	opacity: 1;
	letter-spacing: normal;
	text-transform: none;
	font: italic 400 14px / inherit "lato", sans-serif;
	font-style: italic;
	}

::-moz-placeholder {
	color: #a3a3a3;
	opacity: 1;
	letter-spacing: normal;
	text-transform: none;
	font: italic 400 14px / inherit "lato", sans-serif;
	font-style: italic;
	}

:-ms-input-placeholder {
	color: #a3a3a3;
	opacity: 1;
	letter-spacing: normal;
	text-transform: none;
	font: italic 400 14px / inherit "lato", sans-serif;
	font-style: italic;
	}

/* -----------------------------------------------------------------------------
 * Focus
 * ----------------------------------------------------------------------------- */

input:not([type="button"]):not([type="reset"]):not([type="submit"]):focus,
textarea:focus,
select:focus {
	border: 1px solid #1c7abf;
}

input:not([type="button"]):not([type="reset"]):not([type="submit"]):focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder, select:focus::-webkit-input-placeholder {
		color: #e6e6e6;
	}

input:not([type="button"]):not([type="reset"]):not([type="submit"]):focus:-moz-placeholder, textarea:focus:-moz-placeholder, select:focus:-moz-placeholder {
		color: #e6e6e6;
	}

input:not([type="button"]):not([type="reset"]):not([type="submit"]):focus::-moz-placeholder, textarea:focus::-moz-placeholder, select:focus::-moz-placeholder {
		color: #e6e6e6;
	}

input:not([type="button"]):not([type="reset"]):not([type="submit"]):focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder, select:focus:-ms-input-placeholder {
		color: #e6e6e6;
	}

/* -------------------------------------------------------------------------
 * Fieldsets
 * ------------------------------------------------------------------------- */

fieldset {

}

/* -------------------------------------------------------------------------
 * Fieldset, Styled
 * Note: Styled fieldset to go along with styled legend
 * ------------------------------------------------------------------------- */

.form-fieldset {
	margin: 0 0 28px;
	padding: 20px 15px;
	border: 1px solid #ccc;
	border-radius: 3px;
}

/* -------------------------------------------------------------------------
 * Label
 * ------------------------------------------------------------------------- */

.form-control-label,
.context-content label {
	display: block;
	margin-bottom: 15px;
	color: #494452;
	letter-spacing: normal;
	text-transform: none;
	font: normal 700 14px / 1 "lato", sans-serif;
}

/* -------------------------------------------------------------------------
 * Form Control Helper
 * ------------------------------------------------------------------------- */

.form-control-helper {
	margin-top: 8px;
	padding: 0 15px;
	color: #a3a3a3;
	letter-spacing: normal;
	text-transform: none;
	font: normal 400 13px / 1.15 "lato", sans-serif;
}

/* -------------------------------------------------------------------------
 * Legend
 * Note: By default, styled to match the label
 * ------------------------------------------------------------------------- */

legend {
	display: block;
	color: #333236;
	letter-spacing: normal;
	text-transform: none;
	font: normal 700 14px / 1 "lato", sans-serif;
	margin-bottom: 15px;
}

/* -------------------------------------------------------------------------
 * Legend, Styled
 * Note: Styled legend to go along with styled fieldset
 * ------------------------------------------------------------------------- */

.form-legend {
	color: #333236;
	margin-bottom: 15px;
	padding: 0 8px;
	text-align: left;
	letter-spacing: normal;
	text-transform: none;
	font: normal 700 14px / 1 "lato", sans-serif;
}

/* -----------------------------------------------------------------------------
 *
 * Form: Control / Widget
 *
 * Note: applies by default to textarea, type="file", & select
 *
 * Example:
 * <input name="text" class="form-control" type="text" />
 *
 * ----------------------------------------------------------------------------- */

.form-control {
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	padding: 0 15px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background-color: #fff;
	display: block;
	width: 100%;
	height: 45px;
	color: #333236;
	letter-spacing: normal;
	text-transform: none;
	font: normal 400 14px / 1.666667 "lato", sans-serif;
}

.form-control::-ms-clear {
		display: none;
	}

/* -----------------------------------------------------------------------------
 *
 * Form: Control Icon
 *
 * Example:
 * <div class="form-field-group">
 *   <label class="form-control-label" for="textFieldExample">Label</label>
 *   <div class="form-control-icon icon icon-phone">
 *	   <input id="textFieldExample" class="form-control" name="textFieldExample" aria-describedby="textFieldExampleHelper" type="text" />
 *   </div>
 *   <p id="textFieldExampleHelper" class="form-control-helper">Helper text</p>
 * </div>
 *
 * ----------------------------------------------------------------------------- */

.form-control-icon {
	position: relative;
}

.form-control-icon input {
		padding-right: 45px;
	}

.form-control-icon:before {
		position: absolute;
		right: 0;
		top: 0;
		color: #a3a3a3;
		height: 100%;
		width: 45px;
		line-height: 45px;
		text-align: center;
		z-index: 1;
		font-size: 17px;
	}

/* -----------------------------------------------------------------------------
 *
 * jQuery Datepicker
 *
 * Note: For now we're primarily using this as part of Gravity Forms fields
 *
 * https://plugins.jquery.com/ui.datepicker/
 *
 * This file is just a clearing-house.
 * Make partials (start with an underscore) for any actual css code.
 *
 * ----------------------------------------------------------------------------- */

#ui-datepicker-div {
	background: #fff;
	-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
	        box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
	border: 1px solid #ccc;
	border-radius: 0 0 3px 3px;
	border-top: 0;
	width: auto;
	font: normal 400 16px / 1 "lato", sans-serif;
}

#ui-datepicker-div select {
		padding: 0;
		font-size: 15px;
		font-weight: 900;
		font-family: "lato", sans-serif;
		border: 0;
		background-color: transparent;
		display: inline-block;
		width: auto;
		height: auto;
		color: #494452;
		-webkit-transition: all 0.15s ease-in-out;
		transition: all 0.15s ease-in-out;
	}

#ui-datepicker-div select:hover,
		#ui-datepicker-div select:focus {
			color: #28aeec;
		}

#ui-datepicker-div option {
		color: #3b444f;
	}

#ui-datepicker-div.ui-datepicker {
		padding: 0;
	}

#ui-datepicker-div .ui-datepicker-header {
		border: none;
		background: transparent;
		font-weight: normal;
		font-size: 15px;
	}

#ui-datepicker-div .ui-datepicker-header .ui-state-hover {
		background: transparent;
		border-color: transparent;
		cursor: pointer;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
	}

#ui-datepicker-div.ui-datepicker .ui-datepicker-title {
		margin-top: 0.4em;
		margin-bottom: 0.3em;
		color: #494452;
	}

#ui-datepicker-div.ui-datepicker .ui-datepicker-prev-hover,
	#ui-datepicker-div.ui-datepicker .ui-datepicker-next-hover,
	#ui-datepicker-div.ui-datepicker .ui-datepicker-next,
	#ui-datepicker-div.ui-datepicker .ui-datepicker-prev {
		top: 0.9em;
		border: none;
	}

#ui-datepicker-div.ui-datepicker .ui-datepicker-prev-hover {
		left: 2px;
	}

#ui-datepicker-div.ui-datepicker .ui-datepicker-next-hover {
		right: 2px;
	}

#ui-datepicker-div.ui-datepicker .ui-datepicker-next span,
	#ui-datepicker-div.ui-datepicker .ui-datepicker-prev span {
		font-size: 9px;
		background: transparent;
		color: #494452;
	}

#ui-datepicker-div.ui-datepicker .ui-datepicker-next span:before, #ui-datepicker-div.ui-datepicker .ui-datepicker-prev span:before {
			font-family: 'core-icons';
			speak: none;
			font-style: normal;
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			text-rendering: auto;

			text-indent: 0;
			display: block;
			height: 100%;
			-webkit-transition: all 0.15s ease-in-out;
			transition: all 0.15s ease-in-out;
		}

#ui-datepicker-div.ui-datepicker .ui-datepicker-next span:hover:before, #ui-datepicker-div.ui-datepicker .ui-datepicker-next span:focus:before, #ui-datepicker-div.ui-datepicker .ui-datepicker-prev span:hover:before, #ui-datepicker-div.ui-datepicker .ui-datepicker-prev span:focus:before {
				color: #28aeec;
			}

#ui-datepicker-div.ui-datepicker .ui-datepicker-prev span:before {
			content: "\e914";
			text-align: right;
		}

#ui-datepicker-div.ui-datepicker .ui-datepicker-next span:before {
			content: "\e915";
		}

#ui-datepicker-div.ui-datepicker table {
		margin: 0;
		background-color: transparent;
		table-layout: auto;
	}

#ui-datepicker-div tbody {
		background: transparent;
	}

#ui-datepicker-div.ui-datepicker th {
		padding: 14px 0;
		color: #494452;
		font-size: 13px;
		border: 0;
		opacity: 0.6;
		font-weight: 400;
		background-color: transparent;
	}

#ui-datepicker-div.ui-datepicker tr {
		border: none;
		background-color: #fff;
	}

#ui-datepicker-div.ui-datepicker tr + tr {
			border-top: 1px solid #fff;
		}

#ui-datepicker-div.ui-datepicker td {
		background: #f5f5f5;
		padding: 0;
	}

#ui-datepicker-div.ui-datepicker td + td {
			border-left: 1px solid white;
		}

#ui-datepicker-div td .ui-state-default {
		background: transparent;
		border: none;
		text-align: center;
		padding: 10px;
		margin: 0;
		font-weight: 700;
		color: #494452;
		font-size: 16px;
	}

#ui-datepicker-div .ui-state-disabled {

	}

#ui-datepicker-div .ui-state-disabled .ui-state-default {
		color: rgba(255, 255, 255, 0.65);
	}

#ui-datepicker-div td .ui-state-active,
	#ui-datepicker-div td .ui-state-hover {
		color: #fff;
		background: #28aeec;
	}

/* Firefox Select Hack */

/* stylelint-disable function-url-quotes */

@-moz-document url-prefix() {

	#ui-datepicker-div option {
		color: white;
	}
}

/* stylelint-enable */

/* button, input[type="button"], input[type="reset"], input[type="submit"] */

.btn-submit {
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	width: auto;
	display: inline-block;
	line-height: 1;
	font-weight: 700;
	height: auto;
	cursor: pointer;
	text-decoration: none;
	border: 0;
	padding: 0;

	margin-top: 28px;
}

input[type="file"] {
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	padding: 0 15px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background-color: #fff;
	display: block;
	width: 100%;
	height: 45px;
	color: #333236;
	letter-spacing: normal;
	text-transform: none;
	font: normal 400 14px / 1.666667 "lato", sans-serif;
}

input[type="file"]::-ms-clear {
		display: none;
	}

input[type="file"] {

	height: auto;
	padding: 20px 15px;
	line-height: 1;
}

input[type="password"] {
	font-family: "lato", sans-serif;
}

/* -----------------------------------------------------------------------------
 *
 * Form Control: Radio & Checkbox, simple / default
 *
 * Example (Checkbox):
 * <fieldset>
 *   <legend>Legend for Checkboxes</legend>
 * 	 <div class="form-field-group">
 * 	   <span class="form-control-checkbox">
 * 	     <input id="checkboxOne" name="checkboxGroup" type="checkbox" value="checkboxOne" checked="checked" />
 *	     <label for="checkboxOne">Checkbox One</label>
 * 	   </span>
 * 	   <span class="form-control-checkbox">
 * 	     <input id="checkboxTwo" name="checkboxGroup" type="checkbox" value="checkboxTwo" />
 * 	     <label for="checkboxTwo">Checkbox two</label>
 * 	   </span>
 *   </div>
 * </fieldset>
 *
 * Example (Radio):
 * <div class="form-field-group">
 *   <span class="form-control-radio">
 *     <input id="radioExample" name="radioExample" type="radio" value="RadioExample" checked="checked" />
 *     <label for="radioExample">Radio Example</label>
 *   </span>
 * </div>
 *
 * ----------------------------------------------------------------------------- */

input[type="radio"],
	input[type="checkbox"] {
		margin-bottom: 0;
	}

.form-control-checkbox,
.form-control-radio {
	display: block;
}

.form-control-checkbox input[type="radio"],
	.form-control-checkbox input[type="checkbox"],
	.form-control-radio input[type="radio"],
	.form-control-radio input[type="checkbox"] {
		height: auto;
		width: auto;
		display: inline-block;
		line-height: normal;
		padding: 0;
	}

.form-control-checkbox label, .form-control-radio label {
		color: #333236;
		cursor: pointer;
		margin-bottom: 0;
		display: inline-block;
		letter-spacing: normal;
		text-transform: none;
		font: normal 400 14px / 1 "lato", sans-serif;
	}

.form-control-checkbox input[type="radio"],
	.form-control-checkbox input[type="checkbox"],
	.form-control-radio input[type="radio"],
	.form-control-radio input[type="checkbox"] {
		margin-right: 10px;
	}

.form-control-checkbox ~ .form-control-checkbox,
.form-control-radio ~ .form-control-radio {
	margin-top: 15px;
}

/* -----------------------------------------------------------------------------
 *
 * Form Control: Radio & Checkbox, custom styled
 *
 * Example (Checkbox):
 * <fieldset>
 *   <legend>Legend for Checkboxes</legend>
 * 	 <div class="form-field-group">
 * 	   <span class="form-control-checkbox form-control-custom-style">
 * 	     <input id="checkboxOne" name="checkboxGroup" type="checkbox" value="checkboxOne" checked="checked" />
 *	     <label for="checkboxOne">Checkbox One</label>
 * 	   </span>
 * 	   <span class="form-control-checkbox form-control-custom-style">
 * 	     <input id="checkboxTwo" name="checkboxGroup" type="checkbox" value="checkboxTwo" />
 * 	     <label for="checkboxTwo">Checkbox two</label>
 * 	   </span>
 *   </div>
 * </fieldset>
 *
 * Example (Radio):
 * <div class="form-field-group">
 *   <span class="form-control-radio form-control-custom-style">
 *     <input id="radioExample" name="radioExample" type="radio" value="RadioExample" checked="checked" />
 *     <label for="radioExample">Radio Example</label>
 *   </span>
 * </div>
 *
 * ----------------------------------------------------------------------------- */

/* stylelint-disable */

.form-control-checkbox.form-control-custom-style, .form-control-radio.form-control-custom-style {
		-webkit-transition: all 0.15s ease-in-out;
		transition: all 0.15s ease-in-out;
		position: relative;
		padding-left: 34px;
	}

.form-control-checkbox.form-control-custom-style input[type="radio"],
	.form-control-checkbox.form-control-custom-style input[type="checkbox"],
	.form-control-radio.form-control-custom-style input[type="radio"],
	.form-control-radio.form-control-custom-style input[type="checkbox"] {
		position: absolute;
		left: 6px;
		top: 2px;
		font-size: 12px;
	}

.form-control-checkbox.form-control-custom-style label, .form-control-radio.form-control-custom-style label {
		max-width: 600px;
	}

.form-control-checkbox.form-control-custom-style label:before,
		.form-control-checkbox.form-control-custom-style label:after,
		.form-control-radio.form-control-custom-style label:before,
		.form-control-radio.form-control-custom-style label:after {
			-webkit-transition: all 0.15s ease-in-out;
			transition: all 0.15s ease-in-out;
			content: '';
			position: absolute;
		}

.form-control-checkbox.form-control-custom-style label:before, .form-control-radio.form-control-custom-style label:before {
			background-color: #fff;
			width: 20px;
			height: 20px;
			top: -3px;
			left: 0;
			border: 1px solid #ccc;
		}

.form-control-checkbox.form-control-custom-style label:after, .form-control-radio.form-control-custom-style label:after {
			opacity: 0;
		}

.form-control-checkbox.form-control-custom-style input:focus + label:before, .form-control-radio.form-control-custom-style input:focus + label:before {
		border-color: #1c7abf;
	}

.form-control-checkbox.form-control-custom-style input:checked + label, .form-control-radio.form-control-custom-style input:checked + label {
		color: #3b444f;
	}

.form-control-checkbox.form-control-custom-style input:checked + label:after, .form-control-radio.form-control-custom-style input:checked + label:after {
			opacity: 1;
		}

/* stylelint-enable */

/* -----------------------------------------------------------------------------
 * Form Control: Checkbox
 * ----------------------------------------------------------------------------- */

/* CASE: Custom Styled */

.form-control-checkbox.form-control-custom-style li {
		padding-left: 33px !important;
	}

.form-control-checkbox.form-control-custom-style label:before {
			border-radius: 3px;
		}

.form-control-checkbox.form-control-custom-style label:after {
			left: 6px;
			top: 4px;
			width: 9px;
			height: 4px;
			border: 2px solid #1c7abf;
			border-top: none;
			border-right: none;
			-webkit-transform: rotate(-50deg);
			    -ms-transform: rotate(-50deg);
			        transform: rotate(-50deg);
		}

/* -----------------------------------------------------------------------------
 * Form Control: Radio
 * ----------------------------------------------------------------------------- */

/* CASE: Custom Styled */

.form-control-radio.form-control-custom-style li {
		padding-left: 33px !important;
	}

.form-control-radio.form-control-custom-style label:before,
		.form-control-radio.form-control-custom-style label:after {
			border-radius: 50%;
		}

.form-control-radio.form-control-custom-style label:after {
			left: 6px;
			top: 3px;
			width: 10px;
			height: 10px;
			background-color: #1c7abf;
		}

/* -----------------------------------------------------------------------------
 *
 * Form Control: Select, simple / default
 *
 * Example:
 * <div class="form-field-group">
 *   <label class="form-control-label" for="select">Select Control</label>
 * 	 <select id="select" name="select">
 * 	   <option value="" class="form-control-select-placeholder" hidden="" disabled="disabled" selected="selected">Placeholder</option>
 * 	   <option value="">Option 1</option>
 * 	   <option value="">Option 2</option>
 *     <option value="">Option 3</option>
 *   </select>
 * </div>
 *
 * ----------------------------------------------------------------------------- */

select {
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	padding: 0 15px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background-color: #fff;
	display: block;
	width: 100%;
	height: 45px;
	color: #333236;
	letter-spacing: normal;
	text-transform: none;
	font: normal 400 14px / 1.666667 "lato", sans-serif;
}

select::-ms-clear {
		display: none;
	}

select {

	padding-right: 0;
	cursor: pointer;
}

/* CASE: multiple */

select[multiple] {
		font-size: 14px;
		height: 100px;
		padding: 15px;
	}

/* Sadly, as of now, you can't actually do this, but hopefully in the future
option {
	&.form-control-select-placeholder {
	}
}
*/

/* -----------------------------------------------------------------------------
 *
 * Form Control: Select, custom styled
 *
 * Example:
 * <div class="form-field-group">
 *   <label class="form-control-label" for="select">Select Control</label>
 * 	 <div class="form-control-select">
 * 	   <select id="select" name="select">
 * 	     <option value="" hidden="" disabled="disabled" selected="selected">Placeholder</option>
 * 	     <option value="">Option 1</option>
 * 	     <option value="">Option 2</option>
 *       <option value="">Option 3</option>
 *      </select>
 *   </div>
 * </div>
 *
 * ----------------------------------------------------------------------------- */

.form-control-select {
	cursor: pointer;
	position: relative;
}

.form-control-select:hover:after, .form-control-select:focus:after, .form-control-select:active:after {
			background-color: transparent;
		}

.form-control-select:after {
		font-family: 'core-icons';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-rendering: auto;

		display: block;
		-webkit-transition: all 0.15s ease-in-out;
		transition: all 0.15s ease-in-out;
		content: "\e90c";
		text-align: center;
		height: calc(45px - 2px);
		width: 45px;
		line-height: 45px;
		background-color: transparent;
		color: #a3a3a3;
		position: absolute;
		font-size: 8px;
		right: 1px;
		top: 1px;
		pointer-events: none;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
	}

.form-control-select select {
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
		padding-right: calc(45px + 15px);
	}

.form-control-select select::-ms-expand {
		display: none;
	}

/* -----------------------------------------------------------------------------
 *
 * Chosen
 *
 * Note: For now we're primarily using this as part of Gravity Forms fields
 *
 * Chosen, a Select Box Enhancer for jQuery and Prototype
 * by Patrick Filler for Harvest, http://getharvest.com
 *
 * Version 1.5.1
 * Full source at https://github.com/harvesthq/chosen
 * Copyright (c) 2011-2016 Harvest http://getharvest.com
 *
 * MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
 * This file is generated by `grunt build`, do not edit it by hand.
 *
 * This file is just a clearing-house.
 * Make partials (start with an underscore) for any actual css code.
 *
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 * Base
 * ----------------------------------------------------------------------------- */

.chosen-container {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	width: 100% !important;
}

.chosen-container * {
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}

.chosen-container .chosen-drop {
		position: absolute;
		top: 100%;
		left: -9999px;
		z-index: 1010;
		width: 100%;
		border: 1px solid #ccc;
		border-top: 0;
		background-color: #fff;
		-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
		        box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
	}

.chosen-container.chosen-with-drop .chosen-drop {
		left: 0;
	}

.chosen-container a {
		cursor: pointer;
		color: #a3a3a3;
	}

.chosen-container a:hover,
		.chosen-container a:focus {
			color: inherit;
		}

.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
			margin-right: 4px;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			font-weight: normal;
			color: #333236;
		}

.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
				content: ":";
				padding-left: 2px;
				vertical-align: top;
			}

/* -----------------------------------------------------------------------------
 * Single Chosen
 * ----------------------------------------------------------------------------- */

.chosen-container-single .chosen-single {
		position: relative;
		display: block;
		overflow: hidden;
		padding: 0 0 0 15px;
		height: 45px;
		border: 1px solid #ccc;
		border-radius: 3px;
		background-color: #fff;
		color: #333236;
		text-decoration: none;
		white-space: nowrap;
		letter-spacing: normal;
		text-transform: none;
		font: normal 400 14px / 45px "lato", sans-serif;
	}

.chosen-container-single .chosen-single span {
			color: #333236;
			display: block;
			overflow: hidden;
			margin-right: calc(45px + 15px);
			text-overflow: ellipsis;
			white-space: nowrap;
			font-weight: 400;
		}

.chosen-container-single .chosen-default {
		color: #a3a3a3;
		font: normal 400 14px / 45px "lato", sans-serif;
	}

.chosen-container-single .chosen-default span {
			font-weight: 400;
		}

.chosen-container-single .chosen-single-with-deselect span {
		margin-right: calc(45px + 15px);
	}

.chosen-container-single .chosen-search {
		position: relative;
		z-index: 1010;
		margin: 0;
		padding: 0 0 8px;
		white-space: nowrap;
	}

.chosen-container-single .chosen-search:after {
			font-family: 'core-icons';
			speak: none;
			font-style: normal;
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			text-rendering: auto;

			content: "\e90e";
			position: absolute;
			right: 0;
			color: #a3a3a3;
			font-size: 20px;
			height: 45px;
			line-height: 45px;
			top: 0;
			width: 45px;
			text-align: center;
			cursor: default;
		}

.chosen-container-single .chosen-search input[type="text"] {
			margin: 0 0 1px;
			padding: 0 calc(45px + 15px) 0 15px;
			width: 100%;
			height: 45px;
			border: 1px solid #ccc;
			border-left: 0;
			border-right: 0;
			background-color: #fff;
			border-radius: 0;
		}

.chosen-container-single .chosen-search input[type="text"]:focus {
				-webkit-box-shadow: none;
				        box-shadow: none;
				border-color: #ccc;
				border-left: 0;
				border-right: 0;
			}

.chosen-container-single .chosen-drop {
		margin-top: -1px;
		border-radius: 0 0 3px 3px;
		background-clip: padding-box;
	}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
		position: absolute;
		left: -9999px;
	}

.chosen-container-single .chosen-drop .result-selected {
		font-weight: 900;
	}

/* -----------------------------------------------------------------------------
 * Results
 * ----------------------------------------------------------------------------- */

.chosen-container .chosen-results {
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0 0 10px;
	padding: 0;
	max-height: 240px;
	-webkit-overflow-scrolling: touch;
	font: normal 400 14px / normal "lato", sans-serif;
}

.chosen-container .chosen-results li {
		color: #3b444f;
		display: none;
		margin: 0;
		padding: 12px 15px 10px;
		list-style: none;
		line-height: 1;
		word-wrap: break-word;
		-webkit-touch-callout: none;
	}

.chosen-container .chosen-results li.active-result {
			display: list-item;
			cursor: pointer;
		}

.chosen-container .chosen-results li.disabled-result {
			display: list-item;
			color: #a3a3a3;
			cursor: default;
		}

.chosen-container .chosen-results li.highlighted {
			background-color: #e6e6e6;
			color: #3b444f;
		}

.chosen-container .chosen-results li.no-results {
			display: list-item;
			background-color: #fff;
			color: #3b444f;
		}

.chosen-container .chosen-results li.no-results span {
				color: #3b444f;
			}

.chosen-container .chosen-results li.group-result {
			display: list-item;
			font-weight: 700;
			cursor: default;
		}

.chosen-container .chosen-results li.group-option {
			padding-left: 15px;
		}

.chosen-container .chosen-results li em {
			font-style: normal;
			text-decoration: underline;
		}

/* -----------------------------------------------------------------------------
 * Multi Chosen
 * ----------------------------------------------------------------------------- */

.chosen-container-multi .chosen-choices {
		position: relative;
		overflow: hidden;
		margin: 0;
		padding: 0;
		width: 100%;
		height: auto !important;
		border: 1px solid #ccc;
		border-radius: 3px;
		background-color: #fff;
		cursor: text;
		color: #333236;
		min-height: 53px;
	}

.chosen-container-multi .chosen-choices li {
		float: left;
		list-style: none;
	}

.chosen-container-multi .chosen-choices li.search-field {
			margin: 0;
			padding: 0;
			white-space: nowrap;
			width: 100%;
		}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
				margin: 1px 0;
				padding: 20px 45px 20px 15px;
				height: 53px;
				outline: 0;
				border: 0 !important;
				width: 100% !important;
				color: #a3a3a3;
				line-height: normal;
			}

.chosen-container-multi .chosen-choices li.search-field input[type="text"]:focus {
					color: #3b444f;
					-webkit-box-shadow: none;
					        box-shadow: none;
					border-left: 0;
					border-right: 0;
				}

.chosen-container-multi .chosen-choices li.search-field:after {
				font-family: 'core-icons';
				speak: none;
				font-style: normal;
				font-weight: normal;
				font-variant: normal;
				text-transform: none;
				line-height: 1;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				text-rendering: auto;

				content: "\e90e";
				position: absolute;
				right: 0;
				color: #a3a3a3;
				font-size: 20px;
				height: 53px;
				line-height: 53px;
				bottom: 0;
				width: 45px;
				text-align: center;
				cursor: default;
			}

.chosen-container-multi .chosen-choices li.search-choice {
			position: relative;
			margin: 8px;
			padding: 11px 30px 10px 10px;
			max-width: 100%;
			background-color: #e6e6e6;
			color: #3b444f;
			cursor: default;
			overflow: hidden;
			font: normal 400 14px / 1 "lato", sans-serif;
		}

.chosen-container-multi .chosen-choices li.search-choice:first-of-type {
				margin-left: 15px;
			}

.chosen-container-multi .chosen-choices li.search-choice span {
				color: #3b444f;
				word-wrap: break-word;
			}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
				position: absolute;
				top: 0;
				right: 0;
				display: block;
				width: 20px;
				height: 100%;
				color: #fff;
				text-align: center;
				border: 0;
			}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
					font-family: 'core-icons';
					speak: none;
					font-style: normal;
					font-weight: normal;
					font-variant: normal;
					text-transform: none;
					line-height: 1;
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;
					text-rendering: auto;

					content: "\e913";
					color: #fff;
					font-size: 12px;
					position: absolute;
					top: 50%;
					width: 20px;
					right: 0;
					z-index: 1;
					margin-top: -5px;
					height: 12px;
				}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after {
					-webkit-transition: all 0.15s ease-in-out;
					transition: all 0.15s ease-in-out;
					content: '';
					height: 100%;
					position: absolute;
					width: 20px;
					background-color: #a3a3a3;
					top: 0;
					right: 0;
				}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover,
				.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:focus,
				.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover:after,
				.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:focus:after {
					background-color: #1c7abf;
				}

/* stylelint-disable */

.chosen-container-multi .chosen-choices li.search-choice + li.search-field {
			border-top: 1px solid #ccc;
		}

/* stylelint-enable */

.chosen-container-multi .chosen-results {
		margin: 0;
		padding: 8px 0;
	}

.chosen-container-multi .chosen-drop .result-selected {
		display: list-item;
		color: #e6e6e6;
		cursor: default;
	}

/* -----------------------------------------------------------------------------
 * Active
 * ----------------------------------------------------------------------------- */

.chosen-container-active .chosen-single {
		border-color: #1c7abf;
	}

.chosen-container-active.chosen-with-drop .chosen-single {
			border-color: #1c7abf;
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
		}

.chosen-container-active .chosen-choices {
		-webkit-transition: all 0.15s ease-in-out;
		transition: all 0.15s ease-in-out;
		border: 1px solid #1c7abf;
	}

/* -----------------------------------------------------------------------------
 * Disabled Support
 * ----------------------------------------------------------------------------- */

.chosen-disabled {
	opacity: 0.5 !important;
	cursor: default;
}

.chosen-disabled .chosen-single {
		cursor: default;
	}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
		cursor: default;
	}

textarea {
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	padding: 0 15px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background-color: #fff;
	display: block;
	width: 100%;
	height: 45px;
	color: #333236;
	letter-spacing: normal;
	text-transform: none;
	font: normal 400 14px / 1.666667 "lato", sans-serif;
}

textarea::-ms-clear {
		display: none;
	}

textarea {

	resize: none;
	padding: 14px 15px;
	height: 225px;
}

.form-control-required label:after {
			padding-left: 4px;
			color: #eb2c31;

			content: '*';
		}

.gform_wrapper ul {
		list-style: none;
		max-width: none;
	}

.gform_wrapper ul li {
			margin: 0 0 28px;
			line-height: 1;
			padding: 0;
		}

.gform_wrapper ul li:before {
				content: none;
			}

.gform_wrapper > form {
		position: relative;
	}

.gform_wrapper > form ul {
			margin: 0;
			padding: 0;
			font-size: 16px;
		}

/* Validation: Accessible Error Messages, top of form */

.gform_wrapper #error {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px !important;
		margin: -1px !important;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

/* Inputs: Honeypot */

.gform_wrapper .gform_validation_container {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px !important;
		margin: -1px !important;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

.gform_wrapper .gform_previous_button {
		margin-right: 15px;
	}

/* -----------------------------------------------------------------------------
 *
 * Gravity Forms — new "gravity-theme" markup (GF 2.5+)
 *
 * In GF 2.5 the field markup was rewritten from <ul>/<li> to <div>/<fieldset>
 * with a new .gchoice wrapper around each radio/checkbox option and a
 * .gform-grid-* system for complex fields (name, address). The rest of the
 * stylesheets in this directory target the legacy structure, so any form
 * rendered with .gravity-theme (and especially .gform-theme--no-framework,
 * where GF ships no baseline) needs these rules to look presentable.
 *
 * Scoped to .gform_wrapper.gravity-theme so legacy forms are unaffected.
 *
 * ----------------------------------------------------------------------------- */

.gform_wrapper.gravity-theme .gform_required_legend {
		font-size: 13px;
		margin: 0 0 30px;
	}

.gform_wrapper.gravity-theme .gform_fields {
		display: block;
	}

.gform_wrapper.gravity-theme .gfield {
		margin: 0 0 28px;
		padding: 0;
		border: 0;
	}

.gform_wrapper.gravity-theme .gfield:before {
			content: none;
		}

/* <legend> is used in place of <label> for radio / checkbox / name groups */

.gform_wrapper.gravity-theme legend.gfield_label,
	.gform_wrapper.gravity-theme .gfield_label {
		display: block;
		margin-bottom: 10px;
		padding: 0;
		font-weight: 700;
	}

.gform_wrapper.gravity-theme .gfield_required {
		color: #eb2c31;
		padding-left: 5px;
		margin-left: 0;
	}

.gform_wrapper.gravity-theme .gfield_required .gfield_required {
			padding-left: 0;
			margin-left: 0;
		}

.gform_wrapper.gravity-theme .gfield_required .gfield_required_text {
			border: 0;
			clip: rect(0 0 0 0);
			height: 1px !important;
			margin: -1px !important;
			overflow: hidden;
			padding: 0;
			position: absolute;
			width: 1px;
		}

/* Choice wrapper: one row per radio / checkbox option */

.gform_wrapper.gravity-theme .gchoice {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		grid-gap: 10px;
		gap: 10px;
		margin: 10px 0;
	}

.gform_wrapper.gravity-theme .gchoice input[type="radio"],
		.gform_wrapper.gravity-theme .gchoice input[type="checkbox"] {
			margin: 0;
			-ms-flex-negative: 0;
			    flex-shrink: 0;
		}

.gform_wrapper.gravity-theme .gchoice label {
			margin: 0;
			line-height: 1.35;
			font-weight: 400;
		}

/* Complex name / address grid */

.gform_wrapper.gravity-theme .gform-grid-row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		grid-gap: 15px;
		gap: 15px;
	}

.gform_wrapper.gravity-theme .gform-grid-col {
		-webkit-box-flex: 1;
		    -ms-flex: 1 1 0px;
		        flex: 1 1 0;
		min-width: 0;
	}

.gform_wrapper.gravity-theme .gform-grid-col.gform-grid-col--size-auto {
			-webkit-box-flex: 1;
			    -ms-flex: 1 1 0px;
			        flex: 1 1 0;
		}

/* Sub-labels (Förnamn / Efternamn under split name inputs) */

.gform_wrapper.gravity-theme .gform-field-label--type-sub {
		display: block;
		margin-top: 10px;
		font-size: 13px;
		font-weight: 400;
		color: #494452;
	}

/* Field description below input */

.gform_wrapper.gravity-theme .gfield_description {
		margin-top: 10px;
	}

/* Footer / submit */

.gform_wrapper.gravity-theme .gform_footer {
		margin-top: 30px;
		padding: 0;
	}

.gform_wrapper.gravity-theme .gform_footer .gform_button {
			cursor: pointer;
		}

/* Hide the honeypot validation container the new markup ships */

.gform_wrapper.gravity-theme .gform_validation_container {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px !important;
		margin: -1px !important;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

/* -----------------------------------------------------------------------------
 * Headings
 * ----------------------------------------------------------------------------- */

.gform_heading {
	margin-bottom: 30px;
}

/* -----------------------------------------------------------------------------
 * Descriptions
 * ----------------------------------------------------------------------------- */

.gform_description {
	font-size: 17px;
	line-height: 1.529412;
}

@media (--viewport-medium) {

.gform_description {
		font-size: 18px;
		line-height: 1.666667;
}
	}

.gform_description {

	text-rendering: optimizeLegibility;
}

/* -----------------------------------------------------------------------------
 * Descriptions & Text Helpers
 * ----------------------------------------------------------------------------- */

.gfield_description,
.instruction {
	margin-top: 8px;
	padding: 0 15px;
	color: #a3a3a3;
	letter-spacing: normal;
	text-transform: none;
	font: normal 400 13px / 1.15 "lato", sans-serif;

	margin-bottom: 20px;
	max-width: 600px;
}

.gf-radio .gfield_description,
	.gf-checkbox .gfield_description,
	.gf-radio .instruction,
	.gf-checkbox .instruction {
		padding-left: 0;
	}

.instruction {
	display: none;
}

.ginput_complex:after {
		content: '';
		display: table;
		clear: both;
	}

.ginput_complex {

	margin-bottom: -11px;
}

.ginput_complex label {
		margin-top: 8px;
		padding: 0 15px;
		color: #a3a3a3;
		letter-spacing: normal;
		text-transform: none;
		font: normal 400 13px / 1.15 "lato", sans-serif;
	}

.ginput_full {
	display: block;
}

.ginput_right:after, .ginput_left:after, .name_first:after, .name_last:after, .name_middle:after, .name_suffix:after {
		content: '';
		display: table;
		clear: both;
	}

.ginput_right,
.ginput_left,
.name_first,
.name_last,
.name_middle,
.name_suffix {

	display: block;
}

@media (--viewport-medium) {

.ginput_right,
.ginput_left,
.name_first,
.name_last,
.name_middle,
.name_suffix {
		width: 50%
}
	}

@media (--viewport-medium) {

.ginput_left,
.name_first {
		padding-right: 15px;
		float: left
}
	}

@media (--viewport-medium) {

.ginput_right,
.name_last {
		padding-left: 15px;
		float: right
}
	}

@media (--viewport-medium) {

.ginput_complex.has_first_name.has_middle_name.no_last_name.no_suffix .name_last, .ginput_complex.no_first_name.no_middle_name.has_last_name.has_suffix .name_last {
			padding-right: 15px;
			padding-left: 0;
			float: left
	}
		}

@media (--viewport-medium) {

.ginput_complex.has_first_name.has_middle_name.no_last_name.no_suffix .name_middle,
	.ginput_complex.has_first_name.has_middle_name.no_last_name.no_suffix .name_suffix,
	.ginput_complex.no_first_name.no_middle_name.has_last_name.has_suffix .name_middle,
	.ginput_complex.no_first_name.no_middle_name.has_last_name.has_suffix .name_suffix {
			padding-left: 15px;
			padding-right: 0;
			float: right
	}
		}

@media (--viewport-medium) {

.gfield_date_dropdown_month,
.gfield_date_month,
.gfield_time_hour {
		padding-right: 15px
}
	}

@media (--viewport-medium) {

.gfield_date_dropdown_day,
.gfield_date_day,
.gfield_time_minute {
		padding-left: 15px;
		padding-right: 15px
}
	}

@media (--viewport-medium) {

.gfield_date_dropdown_year,
.gfield_date_year,
.gfield_time_ampm {
		padding-left: 15px
}
	}

.gfield_date_dropdown_year label, .gfield_date_year label, .gfield_time_ampm label {
		margin-bottom: 0;
	}

@media (--viewport-medium) {

.gfield_date_dropdown_year label, .gfield_date_year label, .gfield_time_ampm label {
			margin-bottom: 15px
	}
		}

.ginput_complex.gf_name_has_3.gform-grid-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

@media (--viewport-medium) {

.ginput_complex.gf_name_has_3.gform-grid-row {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row
}
	}

@media (--viewport-medium) {

.gfield.w-full .ginput_complex.gform-grid-row .gform-grid-col {
						width: 100%;
						padding-left: 0
				}
					}

.gform_wrapper .gform_ajax_spinner {
		position: absolute;
		display: inline-block;
		top: -3px;
		width: 50px;
	}

.gform_footer,
.gform_page_footer {
	position: relative;
	padding-right: 50px;
	display: table;
}

.gform_wrapper input[type="text"],
	.gform_wrapper input[type="password"],
	.gform_wrapper input[type="color"],
	.gform_wrapper input[type="date"],
	.gform_wrapper input[type="datetime"],
	.gform_wrapper input[type="datetime-local"],
	.gform_wrapper input[type="email"],
	.gform_wrapper input[type="month"],
	.gform_wrapper input[type="number"],
	.gform_wrapper input[type="range"],
	.gform_wrapper input[type="search"],
	.gform_wrapper input[type="tel"],
	.gform_wrapper input[type="time"],
	.gform_wrapper input[type="url"],
	.gform_wrapper input[type="week"] {
		-webkit-transition: all 0.15s ease-in-out;
		transition: all 0.15s ease-in-out;
		padding: 0 15px;
		border: 1px solid #ccc;
		border-radius: 3px;
		background-color: #fff;
		display: block;
		width: 100%;
		height: 45px;
		color: #333236;
		letter-spacing: normal;
		text-transform: none;
		font: normal 400 14px / 1.666667 "lato", sans-serif;
	}

.gform_wrapper input[type="text"]::-ms-clear, .gform_wrapper input[type="password"]::-ms-clear, .gform_wrapper input[type="color"]::-ms-clear, .gform_wrapper input[type="date"]::-ms-clear, .gform_wrapper input[type="datetime"]::-ms-clear, .gform_wrapper input[type="datetime-local"]::-ms-clear, .gform_wrapper input[type="email"]::-ms-clear, .gform_wrapper input[type="month"]::-ms-clear, .gform_wrapper input[type="number"]::-ms-clear, .gform_wrapper input[type="range"]::-ms-clear, .gform_wrapper input[type="search"]::-ms-clear, .gform_wrapper input[type="tel"]::-ms-clear, .gform_wrapper input[type="time"]::-ms-clear, .gform_wrapper input[type="url"]::-ms-clear, .gform_wrapper input[type="week"]::-ms-clear {
		display: none;
	}

/* -----------------------------------------------------------------------------
 *
 * Form: Control Icon
 *
 * ----------------------------------------------------------------------------- */

.form-control-icon .ginput_container:before, .form-control-icon-complex .ginput_complex span:not(.address_country):before {
		font-family: 'core-icons';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-rendering: auto;
	}

.form-control-icon .ginput_container,
.form-control-icon-complex .ginput_complex span:not(.address_country) {

	position: relative;
}

.form-control-icon .ginput_container input, .form-control-icon-complex .ginput_complex span:not(.address_country) input {
		padding-right: 45px;
	}

.form-control-icon .ginput_container:before, .form-control-icon-complex .ginput_complex span:not(.address_country):before {
		position: absolute;
		right: 0;
		top: 0;
		color: #a3a3a3;
		height: 100%;
		width: 45px;
		line-height: 45px;
		text-align: center;
		z-index: 1;
		font-size: 17px;
	}

/* Simple Fields */

/* Phone */

.gf-phone.form-control-icon .ginput_container:before {
			content: "\e912";
		}

/* Name */

.gf-name.form-control-icon .ginput_container:before {
			content: '';
		}

/* Email */

.gf-email.form-control-icon .ginput_container:before {
			content: "\e911";
		}

/* Date */

.gf-date.form-control-icon .ginput_container:before {
			content: "\e90b";
		}

/* Address */

.gf-address.form-control-icon .ginput_container:before {
			content: '';
		}

/* Website / URL */

.gf-url.form-control-icon .ginput_container:before {
			content: "\e910";
		}

/* Password */

.gf-password.form-control-icon .ginput_container:before {
			content: "\e90f";
		}

/* Complex Fields */

.form-control-icon-complex .ginput_complex span:not(.address_country):before {
			right: 15px;
		}

.form-control-icon-complex .ginput_complex span:not(.address_country):nth-of-type(even):before {
				right: 0;
			}

.form-control-icon-complex .ginput_complex span:not(.address_country).ginput_full:before {
				right: 0;
			}

/* Name */

.gf-name.form-control-icon-complex .ginput_complex span:not(.address_country):before {
			content: '';
		}

/* Address */

.gf-address.form-control-icon-complex .ginput_complex span:not(.address_country):before {
			content: '';
		}

.gform_hidden {
	display: none;
}

.ginput_preview,
.gf-file .validation_message {
	background-color: #e6e6e6;
	height: auto;
	font-size: 14px;
	padding: 20px 15px;
	line-height: 1;
	border: 1px solid #ccc;
	border-top: 0;
}

.ginput_preview img, .gf-file .validation_message img {
		margin: 0 2px 0 0;
		display: inline-block;
		vertical-align: middle;
	}

.ginput_preview strong, .gf-file .validation_message strong {
		display: inline-block;
		vertical-align: middle;
		font-weight: normal;
	}

.gf-file .validation_message li {
		margin-bottom: 0;
	}

.gf-file .validation_message li ~ li {
			margin-top: 10px;
		}

/* Multiple */

.gform_drop_instructions {
	font: normal 400 14px / 1 "lato", sans-serif;
}

@media (--viewport-medium) {

.gform_drop_instructions {
		margin-right: 10px
}
	}

.gform_fileupload_multifile {
	border: 1px solid #ccc;
	padding: 20px 15px;
	background-color: #fff;
}

.gform_fileupload_multifile input[type="button"],
	.gform_fileupload_multifile input[type="file"] {
		-webkit-transition: all 0.15s ease-in-out;
		transition: all 0.15s ease-in-out;
		width: auto;
		display: inline-block;
		line-height: 1;
		font-weight: 700;
		height: auto;
		cursor: pointer;
		text-decoration: none;
		border: 0;
		padding: 0;

		margin-top: 15px;
	}

@media (--viewport-medium) {

.gform_fileupload_multifile input[type="button"],
	.gform_fileupload_multifile input[type="file"] {
			margin-top: 0
	}
		}

.gf-checkbox ul li, .gf-radio ul li {
			padding-left: 33px;
			margin: 0;
		}

.gf-checkbox.inline .ginput_container, .gf-radio.inline .ginput_container {
			padding-top: 0;
		}

.gf-checkbox.inline label, .gf-radio.inline label {
			margin-bottom: 0;
		}

.gf-checkbox.inline ul li, .gf-radio.inline ul li {
			display: inline-block;
			margin-right: calc(15px * 2);
		}

.gf-checkbox .ginput_container, .gf-radio .ginput_container {
		display: block;
	}

.gf-checkbox .ginput_container input[type="radio"],
	.gf-checkbox .ginput_container input[type="checkbox"],
	.gf-radio .ginput_container input[type="radio"],
	.gf-radio .ginput_container input[type="checkbox"] {
		height: auto;
		width: auto;
		display: inline-block;
		line-height: normal;
		padding: 0;
	}

.gf-checkbox .ginput_container label, .gf-radio .ginput_container label {
		color: #333236;
		cursor: pointer;
		margin-bottom: 0;
		display: inline-block;
		letter-spacing: normal;
		text-transform: none;
		font: normal 400 14px / 1 "lato", sans-serif;
	}

.gf-checkbox .ginput_container, .gf-radio .ginput_container {
		padding-top: 5px;
		padding-bottom: 4px;
}

.gfield_checkbox li, .gfield_radio li {
		-webkit-transition: all 0.15s ease-in-out;
		transition: all 0.15s ease-in-out;
		position: relative;
		padding-left: 34px;
	}

.gfield_checkbox li input[type="radio"],
	.gfield_checkbox li input[type="checkbox"],
	.gfield_radio li input[type="radio"],
	.gfield_radio li input[type="checkbox"] {
		position: absolute;
		left: 6px;
		top: 2px;
		font-size: 12px;
	}

.gfield_checkbox li label, .gfield_radio li label {
		max-width: 600px;
	}

.gfield_checkbox li label:before,
		.gfield_checkbox li label:after,
		.gfield_radio li label:before,
		.gfield_radio li label:after {
			-webkit-transition: all 0.15s ease-in-out;
			transition: all 0.15s ease-in-out;
			content: '';
			position: absolute;
		}

.gfield_checkbox li label:before, .gfield_radio li label:before {
			background-color: #fff;
			width: 20px;
			height: 20px;
			top: -3px;
			left: 0;
			border: 1px solid #ccc;
		}

.gfield_checkbox li label:after, .gfield_radio li label:after {
			opacity: 0;
		}

.gfield_checkbox li input:focus + label:before, .gfield_radio li input:focus + label:before {
		border-color: #1c7abf;
	}

.gfield_checkbox li input:checked + label, .gfield_radio li input:checked + label {
		color: #3b444f;
	}

.gfield_checkbox li input:checked + label:after, .gfield_radio li input:checked + label:after {
			opacity: 1;
		}

.gfield_checkbox li .gf-radio-checkbox-other-placeholder:before, .gfield_radio li .gf-radio-checkbox-other-placeholder:before {
				top: 11px;
			}

.gfield_checkbox li .gf-radio-checkbox-other-placeholder:after, .gfield_radio li .gf-radio-checkbox-other-placeholder:after {
				top: 17px;
			}

.gfield_checkbox li input:focus ~ .gf-radio-checkbox-other-placeholder:before, .gfield_radio li input:focus ~ .gf-radio-checkbox-other-placeholder:before {
			border-color: #1c7abf;
		}

.gfield_checkbox li input:checked ~ .gf-radio-checkbox-other-placeholder, .gfield_radio li input:checked ~ .gf-radio-checkbox-other-placeholder {
			color: #3b444f;
		}

.gfield_checkbox li input:checked ~ .gf-radio-checkbox-other-placeholder:after, .gfield_radio li input:checked ~ .gf-radio-checkbox-other-placeholder:after {
				opacity: 1;
			}

.gfield_checkbox li ~ li, .gfield_radio li ~ li {
			margin-top: 15px;
		}

.gfield_checkbox input[value="gf_other_choice"][type="radio"],
		.gfield_checkbox input[value="gf_other_choice"][type="checkbox"],
		.gfield_radio input[value="gf_other_choice"][type="radio"],
		.gfield_radio input[value="gf_other_choice"][type="checkbox"] {
			top: 16px;
		}

@media (--viewport-medium) {

.gfield_checkbox input[value="gf_other_choice"] + input, .gfield_radio input[value="gf_other_choice"] + input {
				width: 50%
		}
			}

.gfield_checkbox li {
		padding-left: 33px !important;
	}

.gfield_checkbox label:before {
			border-radius: 3px;
		}

.gfield_checkbox label:after {
			left: 6px;
			top: 4px;
			width: 9px;
			height: 4px;
			border: 2px solid #1c7abf;
			border-top: none;
			border-right: none;
			-webkit-transform: rotate(-50deg);
			    -ms-transform: rotate(-50deg);
			        transform: rotate(-50deg);
		}

.gfield_radio li {
		padding-left: 33px !important;
	}

.gfield_radio label:before,
		.gfield_radio label:after {
			border-radius: 50%;
		}

.gfield_radio label:after {
			left: 6px;
			top: 3px;
			width: 10px;
			height: 10px;
			background-color: #1c7abf;
		}

.gf-select .ginput_container {
		cursor: pointer;
		position: relative;
	}

.gf-select .ginput_container:hover:after, .gf-select .ginput_container:focus:after, .gf-select .ginput_container:active:after {
			background-color: transparent;
		}

.gf-select .ginput_container:after {
		font-family: 'core-icons';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-rendering: auto;

		display: block;
		-webkit-transition: all 0.15s ease-in-out;
		transition: all 0.15s ease-in-out;
		content: "\e90c";
		text-align: center;
		height: calc(45px - 2px);
		width: 45px;
		line-height: 45px;
		background-color: transparent;
		color: #a3a3a3;
		position: absolute;
		font-size: 8px;
		right: 1px;
		top: 1px;
		pointer-events: none;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
	}

.gf-select .ginput_container select {
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
		padding-right: calc(45px + 15px);
	}

.gf-select .ginput_container select::-ms-expand {
		display: none;
	}

.gf-address .address_country {
		cursor: pointer;
		position: relative;
	}

.gf-address .address_country:hover:after, .gf-address .address_country:focus:after, .gf-address .address_country:active:after {
			background-color: transparent;
		}

.gf-address .address_country:after {
		font-family: 'core-icons';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-rendering: auto;

		display: block;
		-webkit-transition: all 0.15s ease-in-out;
		transition: all 0.15s ease-in-out;
		content: "\e90c";
		text-align: center;
		height: calc(45px - 2px);
		width: 45px;
		line-height: 45px;
		background-color: transparent;
		color: #a3a3a3;
		position: absolute;
		font-size: 8px;
		right: 1px;
		top: 1px;
		pointer-events: none;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
	}

.gf-address .address_country select {
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
		padding-right: calc(45px + 15px);
	}

.gf-address .address_country select::-ms-expand {
		display: none;
	}

.gf-textarea .ginput_container {
		position: relative;
	}

.gf-textarea textarea {
		padding-bottom: calc(30px + 10px);
	}

/* Counter */

.ginput_counter {
	display: inline-block;
	background-color: #f5f5f5;
	color: #494452;
	font: normal 400 14px / 32px "lato", sans-serif;
	height: 30px;
	padding: 0 15px;
	position: absolute;
	left: 1px;
	bottom: 1px;
	border-bottom-left-radius: 0;
}

/* -----------------------------------------------------------------------------
 * Control: Time & Date Globals
 * ----------------------------------------------------------------------------- */

@media (--viewport-medium) {

.gf-date-layout-datefield.field_sublabel_above .clear-multi, .gf-time.field_sublabel_above .clear-multi {
				margin-top: -11px
		}
			}

@media (--viewport-medium) {

.gf-date-layout-datefield.field_sublabel_below .clear-multi, .gf-time.field_sublabel_below .clear-multi {
				margin-bottom: -11px
		}
			}

.gf-date .clear-multi:after, .gf-time .clear-multi:after {
		content: '';
		display: table;
		clear: both;
	}

.gf-date .clear-multi .ginput_container, .gf-time .clear-multi .ginput_container {
			display: block;
		}

.gf-date .clear-multi .ginput_container label, .gf-time .clear-multi .ginput_container label {
				margin-top: 8px;
				padding: 0 15px;
				color: #a3a3a3;
				letter-spacing: normal;
				text-transform: none;
				font: normal 400 13px / 1.15 "lato", sans-serif;
			}

@media (--viewport-medium) {

.gf-date .clear-multi .ginput_container, .gf-time .clear-multi .ginput_container {
				width: 33.33%;
				float: left
		}
			}

.gfield_date_dropdown_month,
.gfield_date_dropdown_day,
.gfield_date_dropdown_year,
.gfield_time_ampm {
	cursor: pointer;
	position: relative;
}

.gfield_date_dropdown_month:hover:after, .gfield_date_dropdown_month:focus:after, .gfield_date_dropdown_month:active:after, .gfield_date_dropdown_day:hover:after, .gfield_date_dropdown_day:focus:after, .gfield_date_dropdown_day:active:after, .gfield_date_dropdown_year:hover:after, .gfield_date_dropdown_year:focus:after, .gfield_date_dropdown_year:active:after, .gfield_time_ampm:hover:after, .gfield_time_ampm:focus:after, .gfield_time_ampm:active:after {
			background-color: transparent;
		}

.gfield_date_dropdown_month:after, .gfield_date_dropdown_day:after, .gfield_date_dropdown_year:after, .gfield_time_ampm:after {
		font-family: 'core-icons';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-rendering: auto;

		display: block;
		-webkit-transition: all 0.15s ease-in-out;
		transition: all 0.15s ease-in-out;
		content: "\e90c";
		text-align: center;
		height: calc(45px - 2px);
		width: 45px;
		line-height: 45px;
		background-color: transparent;
		color: #a3a3a3;
		position: absolute;
		font-size: 8px;
		right: 1px;
		top: 1px;
		pointer-events: none;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
	}

.gfield_date_dropdown_month select, .gfield_date_dropdown_day select, .gfield_date_dropdown_year select, .gfield_time_ampm select {
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
		padding-right: calc(45px + 15px);
	}

.gfield_date_dropdown_month select::-ms-expand, .gfield_date_dropdown_day select::-ms-expand, .gfield_date_dropdown_year select::-ms-expand, .gfield_time_ampm select::-ms-expand {
		display: none;
	}

.gfield_date_dropdown_month,
.gfield_date_dropdown_day,
.gfield_date_dropdown_year,
.gfield_time_ampm {

	max-width: 250px;
}

@media (--viewport-medium) {

.gfield_date_dropdown_month,
.gfield_date_dropdown_day,
.gfield_date_dropdown_year,
.gfield_time_ampm {
		max-width: none
}
	}

.gfield_date_dropdown_month:after, .gfield_date_dropdown_day:after, .gfield_date_dropdown_year:after, .gfield_time_ampm:after {
		top: auto;
		bottom: 1px;
	}

/* -----------------------------------------------------------------------------
 * Control: Date
 * ----------------------------------------------------------------------------- */

/* Layout: Datepicker */

.gf-date.gf-date-layout-datepicker {
		max-width: 500px;
	}

.gf-date.gf-date-layout-datepicker .ginput_container {
			/* To remove GF datepicker icon dependency */
			padding-right: 0;

			/* To use GF datepicker icon dependency
			padding-right: 42px; */
			position: relative;
		}

/* Layout: Inputs */

.gf-date.gf-date-layout-datefield {

	}

/* Layout: Selects */

.gf-date.gf-date-layout-datedropdown {

	}

/* Datepicker Image */

.gf-date .ui-datepicker-trigger {
		/* To remove GF datepicker icon dependency */
		display: none;

		/* To use GF datepicker icon dependency
		margin: -8px 0 0;
		position: absolute;
		top: 50%;
		right: 13px; */
	}

.gfield_date_dropdown_month ~ *, .gfield_date_dropdown_day ~ *, .gfield_date_dropdown_year ~ * {
		margin-top: 20px;
	}

@media (--viewport-medium) {

.gfield_date_dropdown_month ~ *, .gfield_date_dropdown_day ~ *, .gfield_date_dropdown_year ~ * {
			margin-top: 0
	}
		}

@media (--viewport-medium) {

.gfield_date_dropdown_month:after, .gfield_date_dropdown_day:after {
			right: 16px
	}
		}

/* -----------------------------------------------------------------------------
 * Control: Time
 * ----------------------------------------------------------------------------- */

.gf-time .gfield_time_hour i {
			display: none;
		}

.ginput_list input {
		background-color: #fff;
	}

.ginput_list .gfield_list {
		margin-top: 0;
		margin-bottom: 0;
		table-layout: auto;
	}

.ginput_list .gfield_list_icons {
		width: 50px;
		padding-left: 0;
		padding-right: 0;
	}

.ginput_list .gfield_list_icons .add_list_item,
		.ginput_list .gfield_list_icons .delete_list_item {
			margin: 0 auto !important;
		}

.ginput_list .gfield_list_icons .delete_list_item {
			margin-top: 8px !important;
		}

.ginput_container_creditcard .ginput_full {
		margin-bottom: 15px;
	}

.ginput_container_creditcard .validation_message {
		margin-bottom: 0;
		color: #eb2c31;
	}

.gform_card_icon_container {
	margin: 8px 0 6px;
	height: 32px;
}

.gform_card_icon {
	margin-right: 4px;
	text-indent: -9000px;
	background-image: resolve('img/gravity-forms/gf-creditcard-icons.png');
	background-repeat: no-repeat;
	width: 36px;
	height: 32px;
	float: left;
}

.gform_card_icon_style1 .gform_card_icon_visa {
		background-position: 0 0;
	}

.gform_card_icon_style1 .gform_card_icon_visa.gform_card_icon_selected {
			background-position: 0 -32px;
		}

.gform_card_icon_style1 .gform_card_icon_visa.gform_card_icon_inactive {
			background-position: 0 -64px;
		}

.gform_card_icon_style1 .gform_card_icon_mastercard {
		background-position: -36px 0;
	}

.gform_card_icon_style1 .gform_card_icon_mastercard.gform_card_icon_selected {
			background-position: -36px -32px;
		}

.gform_card_icon_style1 .gform_card_icon_mastercard.gform_card_icon_inactive {
			background-position: -36px -64px;
		}

.gform_card_icon_style1 .gform_card_icon_amex {
		background-position: -72px 0;
	}

.gform_card_icon_style1 .gform_card_icon_amex.gform_card_icon_selected {
			background-position: -72px -32px;
		}

.gform_card_icon_style1 .gform_card_icon_amex.gform_card_icon_inactive {
			background-position: -72px -64px;
		}

.gform_card_icon_style1 .gform_card_icon_discover {
		background-position: -108px 0;
	}

.gform_card_icon_style1 .gform_card_icon_discover.gform_card_icon_selected {
			background-position: -108px -32px;
		}

.gform_card_icon_style1 .gform_card_icon_discover.gform_card_icon_inactive {
			background-position: -108px -64px;
		}

.gform_card_icon_style1 .gform_card_icon_maestro {
		background-position: -144px 0;
	}

.gform_card_icon_style1 .gform_card_icon_maestro.gform_card_icon_selected {
			background-position: -144px -32px;
		}

.gform_card_icon_style1 .gform_card_icon_maestro.gform_card_icon_inactive {
			background-position: -144px -64px;
		}

.gform_card_icon_style1 .gform_card_icon_jcb {
		background-position: -180px 0;
	}

.gform_card_icon_style1 .gform_card_icon_jcb.gform_card_icon_selected {
			background-position: -180px -32px;
		}

.gform_card_icon_style1 .gform_card_icon_jcb.gform_card_icon_inactive {
			background-position: -180px -64px;
		}

.gform_card_icon_style2 .gform_card_icon_visa {
		background-position: 0 -192px;
	}

.gform_card_icon_style2 .gform_card_icon_visa.gform_card_icon_selected {
			background-position: 0 -224px;
		}

.gform_card_icon_style2 .gform_card_icon_visa.gform_card_icon_inactive {
			background-position: 0 -256px;
		}

.gform_card_icon_style2 .gform_card_icon_mastercard {
		background-position: -36px -192px;
	}

.gform_card_icon_style2 .gform_card_icon_mastercard.gform_card_icon_selected {
			background-position: -36px -224px;
		}

.gform_card_icon_style2 .gform_card_icon_mastercard.gform_card_icon_inactive {
			background-position: -36px -256px;
		}

.gform_card_icon_style2 .gform_card_icon_amex {
		background-position: -72px -192px;
	}

.gform_card_icon_style2 .gform_card_icon_amex.gform_card_icon_selected {
			background-position: -72px -224px;
		}

.gform_card_icon_style2 .gform_card_icon_amex.gform_card_icon_inactive {
			background-position: -72px -256px;
		}

.gform_card_icon_style2 .gform_card_icon_discover {
		background-position: -108px -192px;
	}

.gform_card_icon_style2 .gform_card_icon_discover.gform_card_icon_selected {
			background-position: -108px -224px;
		}

.gform_card_icon_style2 .gform_card_icon_discover.gform_card_icon_inactive {
			background-position: -108px -256px;
		}

.gform_card_icon_style2 .gform_card_icon_maestro {
		background-position: -144px -192px;
	}

.gform_card_icon_style2 .gform_card_icon_maestro.gform_card_icon_selected {
			background-position: -144px -224px;
		}

.gform_card_icon_style2 .gform_card_icon_maestro.gform_card_icon_inactive {
			background-position: -144px -256px;
		}

.gform_card_icon_style2 .gform_card_icon_jcb {
		background-position: -180px -192px;
	}

.gform_card_icon_style2 .gform_card_icon_jcb.gform_card_icon_selected {
			background-position: -180px -224px;
		}

.gform_card_icon_style2 .gform_card_icon_jcb.gform_card_icon_inactive {
			background-position: -180px -256px;
		}

.ginput_card_security_code_icon {
	width: 32px;
	height: 23px;
	background-image: resolve('img/gravity-forms/gf-creditcard-icons.png');
	background-repeat: no-repeat;
	background-position: 0 -128px;
	position: relative;
	top: -1px;
	left: 6px;
	display: -moz-inline-stack;
	display: inline-block;
}

input[type=radio]#gform_payment_method_creditcard {
	float: left;
	position: relative;
	top: 4px;
}

@media (--viewport-small) {

.ginput_cardinfo_left,
.ginput_cardinfo_right {
		min-height: 43px;
		position: relative;
		float: left
}
	}

.ginput_cardinfo_left label, .ginput_cardinfo_right label {
		display: inline-block;
		white-space: nowrap;
	}

@media (--viewport-small) {

.ginput_cardinfo_left label, .ginput_cardinfo_right label {
			margin-bottom: 0
	}
		}

@media (--viewport-small) {

.ginput_cardinfo_left {
		width: 50%
}
	}

.ginput_cardinfo_right {
	min-width: 85px;
}

.ginput_cardinfo_right .ginput_card_security_code {
		max-width: 50%;
	}

.ginput_cardextras {
	display: block;
	overflow: hidden;
}

.ginput_card_expiration_container {
	position: relative;
	display: block;
	min-width: 160px;
}

@media (--viewport-small) {

.ginput_card_expiration_month,
.ginput_card_expiration_year {
		width: 47%;
		display: -moz-inline-stack;
		display: inline-block
}
	}

.ginput_card_expiration_month {
	margin-bottom: 15px;
}

@media (--viewport-small) {

.ginput_card_expiration_month {
		margin-bottom: 0;
		margin-right: 4px
}
	}

.gfield_price {

}

.ginput_product_price_label {
	margin-right: 2px;
}

.ginput_quantity_label {
	margin-right: 2px;
	margin-left: 10px;
}

input[type="number"].ginput_quantity {
	display: inline-block;
	width: 100px;
}

.ginput_container_number input[type="number"] {
		width: 100px;
	}

.gfield_required {
	padding-left: 4px;
	color: #eb2c31;
}

.gform_confirmation_wrapper {
	margin: 45px 0;
	padding: 68px 25px 80px;
	text-align: center;
	border: 1px solid transparent;
	background-color: #19928f;
	border-radius: 3px;
	color: #fff;
	position: relative;
}

.gform_confirmation_wrapper:before {
		font-family: 'core-icons';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-rendering: auto;

		content: "\e90a";
		color: #fff;
		text-align: center;
		font-size: 65px;
	}

.gform_confirmation_wrapper > * {
		color: #fff !important;
	}

.gform_confirmation_message {
	max-width: 600px;
	margin: 0 auto;
	padding-top: 20px;
	letter-spacing: normal;
	text-transform: none;
	font: normal 400 16px / 1.5 "lato", sans-serif;
}

#gquiz_confirmation_message table,
	#gquiz_confirmation_message tr,
	#gquiz_confirmation_message td,
	#gquiz_confirmation_message th {
		color: #3b444f;
	}

#gquiz_confirmation_message table {
		display: block;
		background-color: #fff;
	}

#gquiz_confirmation_message table table {
			margin: 0;
		}

#gquiz_confirmation_message tbody {
		display: block;
	}

#gquiz_confirmation_message tr {
		display: block;
		background-color: transparent;
	}

#gquiz_confirmation_message tr ~ tr {
			border-top: none;
		}

#gquiz_confirmation_message tr[bgcolor="#EAF2FA"] {
			border-bottom: 1px solid #a3a3a3;
		}

#gquiz_confirmation_message tr[bgcolor="#EAF2FA"] font {
				font: normal 700 14px / 1 "lato", sans-serif !important;
			}

#gquiz_confirmation_message tr[bgcolor="#FFFFFF"] td {
				display: block;
			}

#gquiz_confirmation_message tr[bgcolor="#FFFFFF"] td:first-child {
					display: none;
				}

#gquiz_confirmation_message tr[bgcolor="#FFFFFF"] font {
				font-size: 17px !important;
				line-height: 1.529412 !important;
			}

@media (--viewport-medium) {

#gquiz_confirmation_message tr[bgcolor="#FFFFFF"] font {
					font-size: 18px !important;
					line-height: 1.666667 !important
			}
				}

#gquiz_confirmation_message td {
		display: block;
		border: 0;
	}

.validation_error {
	display: none;
}

.gform_validation_error .validation_error {
		display: block;
		margin: 45px 0;
		padding: 30px;
		text-align: center;
		background-color: #fff;
		border: 1px solid #eb2c31;
		border-radius: 3px;
		color: #eb2c31;
		position: relative;
	}

.gform_validation_error .validation_error:before {
			font-family: 'core-icons';
			speak: none;
			font-style: normal;
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			text-rendering: auto;

			display: inherit;
			padding-bottom: 20px;
			content: "\e913";
			color: #eb2c31;
			text-align: center;
			font-size: 65px;
		}

.gform_validation_error .validation_error * {
			color: #eb2c31 !important;
		}

.gfield_error input[type],
	.gfield_error textarea,
	.gfield_error select {
		border-color: #eb2c31;
	}

.gfield_error .gfield_description ~ .validation_message {
			margin-top: -12px;
		}

.gfield_error .validation_message {
		color: #eb2c31;
		margin-top: 8px;
		padding: 0 15px;
		letter-spacing: normal;
		text-transform: none;
		font: normal 400 13px / 1.15 "lato", sans-serif;
	}

/* Compatibility */

html {
	height: 100%;
	font-family: "lato", sans-serif;
}

.page-legacy {
	position: relative;
	height: 100%;
	overflow-x: auto;
	color: #fff;
	background: #1c7abf;
}

.site-wrap {
	position: relative;
	z-index: 2;
	height: 100%;
	padding: 60px 25px;
}

.content-wrap {
	max-width: 900px;
}

.main .content-wrap {
		padding: 60px 0;
	}

img.logo {
	max-width: 160px;
}

.context-content h1,
	.context-content h2,
	.context-content h3,
	.context-content h4,
	.context-content h5,
	.context-content h6 {
		color: #fff;
	}

.context-content h1 {
		font-size: 60px;
	}

.context-content p {
		font-size: 22px;
	}

ul.browsers {
	margin: 30px auto 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
	text-align: center;
}

ul.browsers li {
		width: 220px;
		display: inline-block;
		list-style: none;
	}

ul.browsers li ~ li {
			margin-top: 0;
		}

ul.browsers li:first-child a {
			margin-left: 0;
		}

ul.browsers a {
		color: #fff;
		display: block;
		margin: 12px;
		text-decoration: none;
		font-weight: 900;
		border-bottom: 0;
	}

ul.browsers span {
		display: block;
		margin-bottom: 5px;
		padding: 30px 0;
		border-radius: 3px;
		background: #fff;
	}

img.background {
	min-height: 100%;
	min-width: 1024px;
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
}

@media (max-width: 1024px) {

img.background {
		left: 50%;
		margin-left: -512px
}
	}