/* ------------------------------------------------------
   Variables for easy find and replace


	$link:					#48b78d;
	$link-hover:			#29a14a;

	$second-bg-color: #F6F6F6;
	$second-font-color: #707070;
	$table-border-color: #D6D6D6;

	$body-font:				"myriad-pro", sans-serif;
	font-weights: 400, 700;
	$heading-font:			"omnes-pro", Helvetica, sans-serif;
	font-weights: 500;


	Table of Contents for search based navigation


BASE STYLES

**** Box Model Reset

**** Typography
---- Lists
---- Breadcrumbs
---- Quotations
---- Text level elements
---- Links

**** Content Design Patterns
---- Buttons
---- Expando Styles
---- Content Highlight box
---- Date Pattern
---- Site Messages
---- Tabs
---- Close buttons

**** Images

**** Tables
---- No Styles Table

**** Helper classes
---- Clearfix
---- Floats and positioning
---- Visually Hidden
---- Help popups

**** Animations

GLOBAL TEMPLATE

**** Template Layout
---- Header
---- Footer
---- site search

**** Widgets and modules
---- Related Links
---- Article Category Subscribe
---- Simple Image Gallery
---- Gallery
---- Gallery Preview
---- Children Page Gallery
---- Job Search
---- Order Form
---- Videos
---- Species list

**** Media Queries

**** Print styles

------------------------------------------------------ */

/* ------------------------------------------------------
**** Box Model Reset
------------------------------------------------------ */

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

/* ------------------------------------------------------
**** Typography
------------------------------------------------------ */

html {
	font-size: 62.5%;
}

body {
	line-height: 1.4;
	font-size: 1.5em;
	color: #575756;
	font-family: "myriad-pro", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


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

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	margin: 1.9rem 0 1.3rem 0;
	text-rendering: optimizelegibility;
	font-family: "omnes-pro", Helvetica, sans-serif;
	font-weight: 500;
	color: #2f3945;
	line-height: 1.2;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
	font-weight: 500;
	line-height: 1;
	color: #8a7b7b;
}


h1, .h1 {
	font-size: 3.6rem;
	margin-bottom: 2rem;
}

h2, .h2 {
	font-size: 2.7rem;
	margin-top: 2.6rem;
	border-bottom: 2px solid #E6E6E6;
	padding-bottom: 8px;
}
.section > .container > h2:first-child,
.section > .container > .h2:first-child {
	margin-top: 0;
}


h3, .h3 {
	font-size: 2.3rem;
	margin-bottom: 1.2rem;
}

h4, .h4 {
	font-size: 1.8rem;
	margin-bottom: 1rem;
}

h5, .h5 {
	font-size: 1.7rem;
}

h6, .h6 {
	font-size: 1.7rem;
}

/* Second breakpoint */
@media screen and (max-width: 1080px) {
	h1,
	.h1,
	h2,
	.h2,
	h3,
	.h3,
	h4,
	.h4,
	h5,
	.h5,
	h6,
	.h6 {
		margin: 1.7rem 0 1.2rem 0;
	}
	h1, .h1 {
		font-size: 3.4rem;
		margin-bottom: 1rem;
	}
	h2, .h2 {
		font-size: 2.5rem;
		padding-bottom: 7px;
	}
	h3, .h3 {
		font-size: 2rem;
		margin-bottom: 0.8rem;
	}
}
/* Third breakpoint */
@media screen and (max-width: 880px) {
	h1, .h1 {
		font-size: 2.6rem;
	}
	h2, .h2 {
		font-size: 2.3rem;
	}
	h3, .h3 {
		font-size: 2.1rem;
	}
}


.heading-inline {
	display: inline;
	float: left;
	padding: 0;
}

p,
ol,
ul,
dl,
p,
ol,
ul,
dl,
address {
	margin: 0 0 1.5rem;
}

small {
	font-size: 12.8px;
	font-size: 1.28rem;
}

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

ul,
ol {
	padding: 0 0 0 20px;
	padding: 0 0 0 2rem;
}


li ul,
li ol {
	list-style-type: none;
	margin: 1rem 0;
}

ul.inline,
ol.inline {
	list-style-type: none;
	margin-left: 0;
}
ul.inline > li,
ol.inline > li {
	display: inline-block;
	padding-left: 12px;
	padding-right: 12px;
}

/* ---- Breadcrumbs ---- */

.breadcrumb {
	list-style: none;
	margin: 0 0 2.5rem;
	padding: 0 0 12px;
	border-bottom: 1px solid #E6E6E6;
	font-size: 1.3rem;
}
.breadcrumb > li {
	display: inline;
}
.breadcrumb > li:before {
	content: "\00a0//\00a0";
}
.breadcrumb > li:first-child:before {
	content: none;
}
/* Fourth breakpoint */
@media screen and (max-width: 490px) {
	.breadcrumb {
		margin: 0 0 1.5rem;
		padding: 0 0 10px;
	}
}



/* ---- Quotations ---- */

blockquote {
	margin: 15px 0;
	margin: 1.5rem 0;
	padding: 5px 20px 15px;
	background: #f6f6f6;
	font-style: normal;
}
blockquote small:before {
	content: '\00A0 \2014';
}
blockquote small:after {
	content: '';
}
blockquote.pull-right {
	float: right;
	background-color: transparent;
}
blockquote.pull-right p, blockquote.pull-right small {
	text-align: right;
}
blockquote.pull-right small:before {
	content: '';
}
blockquote.pull-right small:after {
	content: '\00A0 \2014';
}
blockquote cite {
	font-style: normal;
}

q {
	quotes: none;
}

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

dl,
dd {
	margin-bottom: 1.5em;
}

dt {
	font-weight: bold;
}

.dl-horizontal:before, .dl-horizontal:after {
	content: " ";
	display: table;
}
.dl-horizontal:after {
	clear: both;
}
.dl-horizontal dt {
	float: left;
	clear: left;
	width: 30.38869258%;
}
.dl-horizontal dd {
	margin-left: 32.99289258%;
}

/* ---- Text level elements ---- */

abbr[title] {
	border-bottom: 1px dotted #c6bfbf;
	cursor: help;
}

b, strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

ins {
	background-color: #f6f6f6;
	color: #473f3f;
	text-decoration: none;
}

mark {
	background-color: #f6f6f6;
	color: #473f3f;
	font-style: italic;
	font-weight: bold;
}

pre,
code,
kbd,
samp {
	font-family: Monaco, Courier New, monospace;
	color: #484040;
	background: #efefef;
	background: rgba(0, 0, 0, .07);
	padding: 0 2px;
	margin: 0 -2px;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

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

sup {
	top: -.5em;
}

sub {
	bottom: -.25em;
}


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

a {
	color: #1d7135;
	word-break: break-word;
}

a:hover {
	color: #185d2c;
}

/* Address `outline` inconsistency between Chrome and other browsers. */
a:focus {
	outline: thin dotted;
}

/* Improve readability when focused and also mouse hovered in all browsers. */
a:active,
a:hover {
	outline: 0;
}


/* ------------------------------------------------------
**** Design Patterns

Reusable bits of badass code that we probably use a lot
------------------------------------------------------ */

/* ---- Buttons ---- */

.button {
	display: inline-block;
	margin: 6px 0;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	font-weight: normal;
	line-height: 1;
	color: #fff;
	background-color: #48b78d;
	text-decoration: none;
	border: none;
	padding: 7px 16px 9px;
	border-radius: 19px;
	font-size: 1.8rem;
	line-height: 1.2;
	font-family: "omnes-pro", Helvetica, sans-serif;
	position: relative;
	-webkit-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
	z-index: 0;
}

/* Firefox: Get rid of the inner focus border */
.button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.button-hover,
.button:hover,
.button:focus {
	background-color: #29a14a;
	color: #fff;
	outline: none;
}

.button-small {
	font-size: 1.4rem;
	padding: 4px 14px 5px;
	border-radius: 116px;
}

.button-large {
	font-size: 2.2rem;
	padding: 10px 22px 12px;
	border-radius: 24px;
}

.button-block {
	display: block;
}

/* -- Button links -- */
.button.button-link {
	-webkit-appearance: none;
	padding: 0;
	text-transform: lowercase;
	background: transparent;
	display: block;
	color: #1d7135;
	font-family: "myriad-pro", sans-serif;
	text-align: left;
	text-decoration: underline;
	font-size: inherit;
}
.button.button-link:hover,
.button.button-link:focus {
	color: #185d2c;
}
.button-link:before {
	content: "...";
}

/* -- Button colours -- */

/* - Grey - */
.button.button-grey {
	background-color: #E6E6E6;
	color: #575756;
}
/* Hover/focus */
.button.button-grey:hover,
.button.button-grey:focus {
	background-color: #DEDEDE;
	color: #575756;
}

/* - White - */
.button.button-white {
	background-color: #fff;
	color: #575756;
}
/* Hover/focus */
.button.button-white:hover,
.button.button-white:focus {
	background-color: #E6E6E6;
	color: #575756;
}

/* -- Button circle -- */
.button.button-circle {
	width: 48px;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-indent: -9999px;
}
/* Small */
.button.button-small.button-circle {
	width: 24px;
}
.button.button-small.button-circle.button-icon-right:after {
	left: 0;
	right: 0;
	margin: 0 auto;
}

/* -- Button icons -- */

/* - Before - */
.button-icon-left {
	padding-left: 43px;
}
.button-icon-left:before {
	content: " ";
	position: absolute;
	top: 8px;
	left: 13px;
	width: 20px;
	height: 20px;
	background: url(../images/sprites/icon-sprite.svg) no-repeat;
}
/* - After - */
.button-icon-right {
	padding-right: 43px;
}
.button-icon-right:after {
	content: " ";
	position: absolute;
	top: 8px;
	right: 13px;
	width: 20px;
	height: 20px;
	background: url(../images/sprites/icon-sprite.svg) no-repeat;
}
/* Large */
.button.button-large.button-icon-right:after {
	top: 12px;
	right: 22px;
	width: 25px;
	height: 25px;
	background-size: 669px;
}
.button.button-large.button-icon-right {
	padding-right: 56px;
}
/* Small */
.button.button-small.button-icon-right:after {
	top: 4px;
	right: 7px;
	width: 17px;
	height: 17px;
}
.button.button-small.button-icon-right {
	padding-right: 30px;
}

/* Identify buttons */
.button.button-identify {
	padding: 20px 42px 20px 60px;
	width: 100%;
	overflow: hidden;
	white-space: initial;
}
.button.button-identify.button-icon-right:after {
	top: 20px;
}
.button.button-identify:before {
	content: " ";
	background: url(../images/frog-icon.svg) no-repeat center right;
	display: block;
	position: absolute;
	top: -5px;
	left: 0;
	width: 38px;
	bottom: 0;
}
.button.button-identify:hover{
	opacity: 0.8;
}


/* - Login - */
/* White */
.button-white.button-icon-right.button-icon-right-login:after {
	background-position: 0px -546px;
}
/* Small */
.button-white.button-small.button-icon-right.button-icon-right-login:after {
	background-position: 0px -431px;
	background-size: 451px;
}
/* Green */
.button-green.button-icon-right.button-icon-right-login:after {
	background-position: -100px -546px;
}
/* - Search - */
.button-icon-right.button-icon-right-search:after {
	background-position: -100px -478px;
}
/* Large */
.button.button-large.button-icon-right.button-icon-right-search:after {
	background-position: -116px -560px;
}
/* - Search - */
.button-icon-right.button-icon-right-community:after {
	background-position: -100px -322px;
}
/* Large */
.button.button-large.button-icon-right.button-icon-right-community:after {
	background-position: -131px -427px;
	background-size: 750px;
}
/* - Left arrow - */
.button-icon-left.button-icon-left-arrow-left:before {
	background-position: 3px -563px;
	background-size: 520px;
}
/* Grey */
.button-icon-left.button-grey.button-icon-left-arrow-left:before:after {
	background-position: -87px -563px;
	background-size: 520px;
}
/* - Right arrow - */
.button-icon-right.button-icon-right-arrow-right:after {
	background-position: -87px -86px;
	background-size: 520px;
}
/* Large */
.button.button-large.button-icon-right.button-icon-right-arrow-right:after {
	background-position: -108px -108px;
	background-size: 650px;
}
/* Small */
.button.button-small.button-icon-right.button-icon-right-arrow-right:after {
	background-position: -71px -70px;
	background-size: 420px;
}
/* - Down arrow - */
.button-icon-right.button-icon-right-arrow-down:after {
	background-position: -89px -56px;
	background-size: 520px;
}
/* Large */
.button.button-large.button-icon-right.button-icon-right-arrow-down:after {
	background-position: -112px -71px;
	background-size: 650px;
}
/* Small */
.button.button-small.button-icon-right.button-icon-right-arrow-down:after {
	background-position: -72px -45px;
	background-size: 420px;
}
/* - Play button - */
.button-icon-right.button-icon-right-play:after {
	background-position: -96px -96px;
}
/* Small */
.button.button-small.button-icon-right.button-icon-right-play:after {
	background-position: -79px -80px;
	background-size: 475px;
}
/* Small grey */
.button.button-grey.button-small.button-icon-right.button-icon-right-play:after {
	background-position: 5px -173px;
	background-size: 345px;
}
/* - Add - */
.button-icon-right.button-icon-right-add:after {
	background-position: -90px -174px;
	background-size: 520px;
}

/* - Check/tick - */
.button-icon-right.button-icon-right-check:after {
	background-position: -90px -115px;
	background-size: 520px;
}

/* Large */
.button.button-large.button-icon-right.button-icon-right-add:after {
	background-position: -110px -219px;
	background-size: 650px;
}
/* Small */
.button.button-small.button-icon-right.button-icon-right-add:after {
	background-position: -71px -140px;
	background-size: 420px;
}
/* Small grey */
.button.button-small.button-grey.button-icon-right.button-icon-right-add:after {
	background-position: 1px -140px;
}

/* - Cross - */
.button-icon-right.button-icon-right-close:after {
	background-position: 1px -157px;
	background-size: 560px;
}

/* ---- Selects ---- */
.field-element .field-input select {
	-moz-appearance: none;
	-webkit-appearance: none;
	background-image: url(../images/form-icons.svg),
	url(../images/form-icons.svg);
	background-repeat: no-repeat, no-repeat;
	background-position: top -257px right -104px, top -446px right -91px;
	padding-right: 55px;
}


/* Disabled/unavailable button style */

.button[disabled],
.button-disabled,
.button-disabled:hover,
.button-disabled:focus,
.button-disabled:active {
	border: none;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	filter: alpha(opacity=40);
	-khtml-opacity: 0.40;
	-moz-opacity: 0.40;
	opacity: 0.40;
	cursor: default;
	box-shadow: none;
}

/* Gets the buttons to line up with form inputs when you want them to */

.button.inline {
	margin-bottom: 0.75em;
}


/* --- Button row ---- */
.button-row {
	text-align: right;
}
.button-row .button {
	display: inline-block;
}
/* Right */
.button-row.button-row-right .button {
	margin-right: 8px;
}

.button-row.button-row-right .button:last-child {
	margin-right: 0;
}

/* Large */
.field-element--large .field-input select {
	background-position: top -253px right -104px, top -446px right -91px;
}

/* Second breakpoint */
@media screen and (max-width: 1080px) {
	/* Make large buttons regular */
	.button-large {
		padding: 7px 16px 9px;
		border-radius: 19px;
		font-size: 1.8rem;
	}
	.button.button-large.button-icon-right {
		padding-right: 43px;
	}
	.button.button-large.button-icon-right:after {
		background-size: 569px;
		top: 8px;
		right: 13px;
		width: 20px;
		height: 20px;
	}
	.button.button-large.button-icon-right.button-icon-right-search:after {
		background-position: -100px -478px;
	}
	.button.button-large.button-icon-right.button-icon-right-arrow-right:after {
		background-position: -100px -100px;
		background-size: 595px;
	}
	.button.button-large.button-icon-right.button-icon-right-community:after {
		background-position: -113px -364px;
		background-size: 640px;
	}
}

/* ---- Audio buttons ---- */
.audio-button {
	position: relative;
	height: 80px;
	width: 80px;
}

.audio-button-btn {
	-webkit-appearance: none;
	border: none;
	outline: none;
	padding: 0;
	position: absolute;
	background: #FFFFFF;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	z-index: 2;
	border: 1px solid #BFBFBF;
	left: 0;
}
.audio-button-btn:hover {
	background-color: #F5F5F5;
}

.audio-button-icon {
	width: 35px;
	height: 35px;
	background: url(../images/sprites/icon-sprite.svg) no-repeat;
	background-size: 1150px;
	display: block;
	position: absolute;
	top: 23px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 3;
	background-position: 6px -589px;
}
.audio-button-icon.audio-button-play {
	background-position: 6px -589px;
}

.audio-button-icon.audio-button-pause {
	background-position: 4px -1319px;
}

.audio-button-title {
	text-transform: uppercase;
	position: absolute;
	right: 100%;
	top: 32px;
	font-size: 1.4rem;
	margin-right: 24px;
	z-index: 3;
	display: block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.audio-button-no-title .audio-button-title {
	display: none;
}
.audio-button-duration {
	position: absolute;
	bottom: 6px;
	left: 0;
	right: 0;
	width: 40px;
	text-align: center;
	margin: 0 auto;
	font-size: 1.2rem;
	z-index: 1;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.audio-button-processing .processing {
	margin: 0 auto;
}

.audio-button-progress-rail,
.audio-button-progress-bar {
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
	-webkit-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
	position: absolute;
	left: -10px;
	top: -10px;
	right: -10px;
	bottom: -10px;
}
.audio-button-progress-rail {
	position: absolute;
	background-color: #D0D0D0;
	z-index: 0;
	border-radius: 50%;
}

.audio-button-progress-bar {
	z-index: 1;
	cursor: pointer;
}
.audio-button-progress-bar path {
	stroke: #1ECD97;
	stroke-width: 10px;
	stroke-dasharray: 282px;
	stroke-dashoffset: 282px;
	fill: none;
}

/* Text Right */
.audio-button.audio-button-large-text-right .audio-button-title {
	left: 100%;
	right: auto;
	margin-left: 24px;
	margin-right: 0;
}

/* Grey */
.audio-button.audio-button-grey .audio-button-btn {
	background: #E6E6E6;
	border: 1px solid #A7A7A7;
}
.audio-button.audio-button-grey .audio-button-btn:hover {
	background-color: #D8D8D8;
}

/* Default */
.audio-button-processing {
	display: none;
}
.audio-button-pause {
	display: none;
}
.audio-button-duration {
	display: none;
}

/* Active */
.audio-button-active .audio-button-progress-rail,
.audio-button-active .audio-button-progress-bar  {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.audio-button-active .audio-button-duration {
	display: block;
}

/* Loading */
.audio-button-loading .audio-button-pause {
	display: none;
}
.audio-button-loading .audio-button-play {
	display: none;
}
.audio-button-loading .audio-button-processing {
	display: block;
}

/* Playing */
.audio-button-playing .audio-button-pause {
	display: block;
}
.audio-button-playing .audio-button-play {
	display: none;
}
.audio-button-playing .audio-button-processing {
	display: none;
}

/* Paused */
.audio-button-paused .audio-button-pause {
	display: none;
}
.audio-button-paused .audio-button-play {
	display: block;
}
.audio-button-paused .audio-button-processing {
	display: none;
}

/* Disabled */
.audio-button.audio-button-disabled {
	opacity: 0.5;
	pointer-events: none;
}
.field-element .field-input select[multiple] {
	background-image: none;
	padding-right: 20px;
}

.field-element  select::-ms-expand {
    display: none;
}


/* Small */
.audio-button.audio-button-small,
.audio-button.audio-button-small .audio-button-btn {
	height: 24px;
	width: 24px;
}
.audio-button.audio-button-small .audio-button-icon {
	width: 13px;
	height: 11px;
	background-size: 367px;
	top: 6px;
}
.audio-button.audio-button-small .audio-button-icon.audio-button-play {
	background-position: 3px -188px;
}
.audio-button.audio-button-small .audio-button-icon.audio-button-pause {
	background-position: 2px -421px;
}
.audio-button.audio-button-small .audio-button-progress-rail,
.audio-button.audio-button-small .audio-button-progress-bar {
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
}
.audio-button.audio-button-small.audio-button-active .audio-button-progress-rail,
.audio-button.audio-button-small.audio-button-active .audio-button-progress-bar {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.audio-button.audio-button-small .audio-button-progress-rail {
	left: -4px;
	top: -4px;
	right: -4px;
	bottom: -4px;
}
.audio-button.audio-button-small .audio-button-progress-bar {
	left: -6px;
	top: -6px;
	right: -6px;
	bottom: -6px;
}
.audio-button.audio-button-small .audio-button-progress-bar path {
	stroke-width: 4px;
	stroke-dasharray: 90px;
	stroke-dashoffset: 90px;
}


/* ---- Processing spinner ---- */
.processing.processing-animate {
	-webkit-animation: spin 1200ms;
	animation: spin 1200ms;
}
.processing.processing-animate .processing-dots-wrapper {
	-webkit-animation: spin linear infinite 4000ms;
	animation: spin linear infinite 4000ms;
}
.processing.processing-animate .processing-dot {
	-webkit-animation-name: processing-dot;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-easing: linear;
	-webkit-animation-duration: 1200ms;
	animation-name: processing-dot;
	animation-iteration-count: infinite;
	animation-easing: linear;
	animation-duration: 1200ms;
}

.processing.processing-large .processing-dots-wrapper {
	position: relative;
}
.processing.processing-large .processing-dot {
	background: #c6c5c3;
	display: block;
	position: absolute;
	border-radius: 50%;
}

.processing-dot-8 {
	-webkit-animation-delay: 150ms;
	animation-delay: 150ms;
}
.processing-dot-7 {
	-webkit-animation-delay: 300ms;
	animation-delay: 300ms;
}
.processing-dot-6 {
	-webkit-animation-delay: 450ms;
	animation-delay: 450ms;
}
.processing-dot-5 {
	-webkit-animation-delay: 600ms;
	animation-delay: 600ms;
}
.processing-dot-4 {
	-webkit-animation-delay: 750ms;
	animation-delay: 750ms;
}
.processing-dot-3 {
	-webkit-animation-delay: 900ms;
	animation-delay: 900ms;
}
.processing-dot-2 {
	-webkit-animation-delay: 1050ms;
	animation-delay: 1050ms;
}
.processing-dot-1 {
	-webkit-animation-delay: 1200ms;
	animation-delay: 1200ms;
}

/* Large */
.processing.processing-large.processing-animate .processing-dots-wrapper {
	-webkit-animation-duration: 2500ms;
	animation-duration: 2500ms;
}
.processing.processing-large {
	width: 65px;
	height: 65px;
}
.processing.processing-large .processing-dots-wrapper {
	width: 65px;
	height: 65px;
}
.processing.processing-large .processing-dot {
	width: 13px;
	height: 13px;
}

.processing.processing-large .processing-dot-8 {
	left: 8px;
	top: 8px;
}
.processing.processing-large .processing-dot-7 {
	left: 0;
	top: 26px;
}
.processing.processing-large .processing-dot-6 {
	left: 7px;
	top: 44px;
}
.processing.processing-large .processing-dot-5 {
	left: 26px;
	top: 52px;
}
.processing.processing-large .processing-dot-4 {
	left: 45px;
	top: 44px;
}
.processing.processing-large .processing-dot-3 {
	left: 52px;
	top: 26px;
}
.processing.processing-large .processing-dot-2 {
	left: 45px;
	top: 8px;
}
.processing.processing-large .processing-dot-1 {
	left: 26px;
	top: 0px;
}

/* Regular */
.processing.processing-regular {
	width: 35px;
	height: 35px;
}
.processing.processing-regular .processing-dots-wrapper {
	width: 35px;
	height: 35px;
}
.processing.processing-regular .processing-dot {
	width: 8px;
	height: 8px;
}

.processing.processing-regular .processing-dot-8 {
	left: 4px;
	top: 4px;
}
.processing.processing-regular .processing-dot-7 {
	left: 0;
	top: 13px;
}
.processing.processing-regular .processing-dot-6 {
	left: 4px;
	top: 23px;
}
.processing.processing-regular .processing-dot-5 {
	left: 13px;
	top: 26px;
}
.processing.processing-regular .processing-dot-4 {
	left: 23px;
	top: 22px;
}
.processing.processing-regular .processing-dot-3 {
	left: 27px;
	top: 13px;
}
.processing.processing-regular .processing-dot-2 {
	left: 23px;
	top: 4px;
}
.processing.processing-regular .processing-dot-1 {
	left: 13px;
	top: 0px;
}

/* Small */
.processing.processing-small {
	width: 16px;
	height: 16px;
}
.processing.processing-small .processing-dots-wrapper {
	width: 16px;
	height: 16px;
}
.processing.processing-small .processing-dot {
	width: 4px;
	height: 4px;
}

.processing.processing-small .processing-dot-8 {
	left: 2px;
	top: 2px;
}
.processing.processing-small .processing-dot-7 {
	left: 0px;
	top: 6px;
}
.processing.processing-small .processing-dot-6 {
	left: 2px;
	top: 10px;
}
.processing.processing-small .processing-dot-5 {
	left: 7px;
	top: 12px;
}
.processing.processing-small .processing-dot-4 {
	left: 11px;
	top: 10px;
}
.processing.processing-small .processing-dot-3 {
	left: 13px;
	top: 6px;
}
.processing.processing-small .processing-dot-2 {
	left: 11px;
	top: 2px;
}
.processing.processing-small .processing-dot-1 {
	left: 6px;
	top: 0;
}


@-webkit-keyframes processing-dot {
	0% {
		-webkit-transform: scale(0.5);
		background-color: #c6c5c3;
	}
	10% {
		-webkit-transform: scale(1);
		background-color: #575756;
	}
	100% {
		-webkit-transform: scale(0.5);
		background-color: #c6c5c3;
	}
}
@keyframes processing-dot {
	0% {
		transform: scale(0.5);
		background-color: #c6c5c3;
	}
	10% {
		transform: scale(1);
		background-color: #575756;
	}
	100% {
		transform: scale(0.5);
		background-color: #c6c5c3;
	}
}
@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}


/* ---- Icons ---- */
.icon-before {
	padding-left: 30px;
	position: relative;
}
.icon-before:before {
	content: " ";
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url(../images/sprites/icon-sprite.svg) no-repeat;
	background-size: 540px;
	vertical-align: middle;
	position: absolute;
	left: 0;
	top: 0;
}


/* -- Check -- */

/* Green */
.icon-before.icon-before-check.icon-before-green:before {
	background-position: -142px -121px;
}

/* -- Cross -- */

/* Red */
.icon-before.icon-before-cross.icon-before-red:before {
	background-position: -257px -166px;
	background-size: 590px;
}

/* -- Plus -- */

/* Blue */
.icon-before.icon-before-plus.icon-before-blue:before {
	background-position: -197px -190px;
	background-size: 565px;
}

.abundance-correct {
	/* probably doesn't need specific styling */
}

.abundance-error {
	color: #F00;
}


/* ---- Expando Styles ---- */

.expando-opener-heading {
	color: #48b78d;
}

.expando-opener-heading:hover {
	color: #ae550d;
}

a.expando-opener-link:before,
.expando-opener-heading:before {
	content:"\003e ";
	margin-right: 5px;
	display: inline-block;
	top: -2px;
	position: relative;
}


.expando-opener-heading.expanded:before {
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);

}


hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 2em 0;
	padding: 0;
	clear: right; /* --------!!!! Change this to left if the sidebar is on the right !!!!-------- */
}

/* ---- Highlight box ---- */

.highlight {
	margin: 15px 0 30px;
	padding: 21px 30px;
	background: #E6E6E6;
	border-radius: 6px;
}
.highlight h2 {
	margin-top: 0;
}
.highlight .form-element:last-child {
	margin-bottom: 0;
}

/* center */
.highlight.highlight-center {
	text-align: center;
}

/* Fourth breakpoint */
@media screen and (max-width: 490px){
	.highlight {
		padding: 11px 15px 15px;
		margin: 10px 0 15px;
	}
}

/* ---- Date Pattern ---- */

.calendar-date {
	background: #48b78d;
	color: #fff;
	border-radius: 6px;
	padding: 0px 0 5px;
	width: 60px;
	text-align: center;
}
.calendar-date-text {
	color: #fff;
	text-decoration: none; /* Used if the date is a link */
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1;
	margin: 0;
	padding: 0;
}

.calendar-date-text span {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	text-transform: uppercase;
}


/* ---- Site Messages ---- */

ul.messages {
	background: #E6E6E6;
	list-style: none;
	margin: 15px 0 30px 0;
	padding: 0;
}
ul.messages.all-type-error {
	background: #F9CCCC;
}
ul.messages.all-type-confirm {
	background: #D9F9CC;
}
ul.messages li {
	margin: 0;
	padding: 10px 24px;
	vertical-align: bottom;
	text-align: center;
	font-size: 1.6rem;
	line-height: 1.2;
	font-weight: 300;
	font-family: "myriad-pro", sans-serif;
}
ul.messages li {
	border-top: 1px solid #8C1818;
}
ul.messages li.confirm {
	border-top-color: #BAE4A9;
	color: #116D0F;
}
ul.messages li.error {
	border-top-color: #DEA9A9;
	color: #8C1818;
}
ul.messages li:first-child {
	border-top: none;
}
ul.messages .notification--text {
	margin-right: 5px;
}

.section.section-messages {
	padding: 0;
}
.section.section-messages ul.messages {
	margin: 0;
}

.mainbar ul.messages li {
	text-align: left;
}

/* ---- Columns ---- */
.-columns:before,
.-columns:after {
	content: " ";
	display: table;
}

.-columns:after {
	clear: both;
}

.column {
	float: left;
	margin-right: 2.127659574468%;
}
.column:last-child {
	margin-right: 0;
}

.end-column {
	margin-right: 0;
}

/* Reversed */
.columns-reverse > .column {
	float: right;
}
.columns.columns-reverse > .column:last-child {
	margin-left: 0;
}
.columns.columns-reverse > .column {
	margin-right: 0;
	margin-left: 2.127659574468%;
}

/* One col */
.columns .column-1 {
	width: 6.3829787%;
}
/* Two cols */
.columns .column-2 {
	width: 14.893617%;
}
/* Three cols */
.columns .column-3 {
	width: 23.404255%;
}
/* Four cols */
.columns .column-4 {
	width: 31.914893%;
}
/* Five cols */
.columns .column-5 {
	width: 40.425531%;
}
/* Six cols */
.columns .column-6 {
	width: 48.93617%;
}
/* Seven cols */
.columns .column-7 {
	width: 57.44680%;
}
/* Eight cols */
.columns .column-8 {
	width: 65.957446%;
}
/* Nine cols */
.columns .column-9 {
	width: 74.468085%;
}
/* Ten cols */
.columns .column-10 {
	width: 82.978723404255%;
}
/* Eleven cols */
.columns .column-11 {
	width: 91.489361702128%;
}
/* Twelve cols */
.columns .column-12 {
	width: 100%;
}


/* Third breakpoint */
@media screen and (max-width: 1080px) {
	.end-column {
		margin-right: 2.127659574468%;
	}
	.end-column-breakpoint-2 {
		margin-right: 0;
	}
	/* One col */
	.columns .column-1-breakpoint-2 {
		width: 6.3829787%;
	}
	/* Two cols */
	.columns .column-2-breakpoint-2 {
		width: 14.893617%;
	}
	/* Three cols */
	.columns .column-3-breakpoint-2 {
		width: 23.404255%;
	}
	/* Four cols */
	.columns .column-4-breakpoint-2 {
		width: 31.914893%;
	}
	/* Five cols */
	.columns .column-5-breakpoint-2 {
		width: 40.425531%;
	}
	/* Six cols */
	.columns .column-6-breakpoint-2 {
		width: 48.93617%;
	}
	/* Seven cols */
	.columns .column-7-breakpoint-2 {
		width: 57.44680%;
	}
	/* Eight cols */
	.columns .column-8-breakpoint-2 {
		width: 65.957446%;
	}
	/* Nine cols */
	.columns .column-9-breakpoint-2 {
		width: 74.468085%;
	}
	/* Ten cols */
	.columns .column-10-breakpoint-2 {
		width: 82.978723404255%;
	}
	/* Eleven cols */
	.columns .column-11-breakpoint-2 {
		width: 91.489361702128%;
	}
	/* Twelve cols */
	.columns .column-12-breakpoint-2 {
		width: 100%;
	}
}

/* Third breakpoint */
@media screen and (max-width: 880px) {
	.end-column,
	.end-column-breakpoint-2 {
		margin-right: 2.127659574468%;
	}
	.end-column-breakpoint-3 {
		margin-right: 0;
	}
	/* One col */
	.columns .column-1-breakpoint-3 {
		width: 6.3829787%;
	}
	/* Two cols */
	.columns .column-2-breakpoint-3 {
		width: 14.893617%;
	}
	/* Three cols */
	.columns .column-3-breakpoint-3 {
		width: 23.404255%;
	}
	/* Four cols */
	.columns .column-4-breakpoint-3 {
		width: 31.914893%;
	}
	/* Five cols */
	.columns .column-5-breakpoint-3 {
		width: 40.425531%;
	}
	/* Six cols */
	.columns .column-6-breakpoint-3 {
		width: 48.93617%;
	}
	/* Seven cols */
	.columns .column-7-breakpoint-3 {
		width: 57.44680%;
	}
	/* Eight cols */
	.columns .column-8-breakpoint-3 {
		width: 65.957446%;
	}
	/* Nine cols */
	.columns .column-9-breakpoint-3 {
		width: 74.468085%;
	}
	/* Ten cols */
	.columns .column-10-breakpoint-3 {
		width: 82.978723404255%;
	}
	/* Eleven cols */
	.columns .column-11-breakpoint-3 {
		width: 91.489361702128%;
	}
	/* Twelve cols */
	.columns .column-12-breakpoint-3 {
		width: 100%;
	}
}

/* Extra breakpoint */
@media screen and (max-width: 660px) {
	.end-column,
	.end-column-breakpoint-2,
	.end-column-breakpoint-3 {
		margin-right: 2.127659574468%;
	}
	.end-column-breakpoint-extra1 {
		margin-right: 0;
	}
	/* One col */
	.columns .column-1-breakpoint-extra1 {
		width: 6.3829787%;
	}
	/* Two cols */
	.columns .column-2-breakpoint-extra1 {
		width: 14.893617%;
	}
	/* Three cols */
	.columns .column-3-breakpoint-extra1 {
		width: 23.404255%;
	}
	/* Four cols */
	.columns .column-4-breakpoint-extra1 {
		width: 31.914893%;
	}
	/* Five cols */
	.columns .column-5-breakpoint-extra1 {
		width: 40.425531%;
	}
	/* Six cols */
	.columns .column-6-breakpoint-extra1 {
		width: 48.93617%;
	}
	/* Seven cols */
	.columns .column-7-breakpoint-extra1 {
		width: 57.44680%;
	}
	/* Eight cols */
	.columns .column-8-breakpoint-extra1 {
		width: 65.957446%;
	}
	/* Nine cols */
	.columns .column-9-breakpoint-extra1 {
		width: 74.468085%;
	}
	/* Ten cols */
	.columns .column-10-breakpoint-extra1 {
		width: 82.978723404255%;
	}
	/* Eleven cols */
	.columns .column-11-breakpoint-extra1 {
		width: 91.489361702128%;
	}
	/* Twelve cols */
	.columns .column-12-breakpoint-extra1 {
		width: 100%;
	}
}

/* Fourth breakpoint */
@media screen and (max-width: 490px) {
	.end-column,
	.end-column-breakpoint-2,
	.end-column-breakpoint-3 {
		margin-right: 2.127659574468%;
	}
	.end-column-breakpoint-4 {
		margin-right: 0;
	}

	/* One col */
	.columns .column-1-breakpoint-4 {
		width: 6.3829787%;
	}
	/* Two cols */
	.columns .column-2-breakpoint-4 {
		width: 14.893617%;
	}
	/* Three cols */
	.columns .column-3-breakpoint-4 {
		width: 23.404255%;
	}
	/* Four cols */
	.columns .column-4-breakpoint-4 {
		width: 31.914893%;
	}
	/* Five cols */
	.columns .column-5-breakpoint-4 {
		width: 40.425531%;
	}
	/* Six cols */
	.columns .column-6-breakpoint-4 {
		width: 48.93617%;
	}
	/* Seven cols */
	.columns .column-7-breakpoint-4 {
		width: 57.44680%;
	}
	/* Eight cols */
	.columns .column-8-breakpoint-4 {
		width: 65.957446%;
	}
	/* Nine cols */
	.columns .column-9-breakpoint-4 {
		width: 74.468085%;
	}
	/* Ten cols */
	.columns .column-10-breakpoint-4 {
		width: 82.978723404255%;
	}
	/* Eleven cols */
	.columns .column-11-breakpoint-4 {
		width: 91.489361702128%;
	}
	/* Twelve cols */
	.columns .column-12-breakpoint-4 {
		width: 100%;
	}
}


/* ---- Alert boxes ---- */
.alert-box-image {
	margin-bottom: 24px;
}
.alert-box-title {
	padding-bottom: 0;
	border: none;
	margin-top: 0;
}

/* Fourth breakpoint */
@media screen and (max-width: 490px){
	.alert-box {
		margin-bottom: 25px;
	}
}

/* ---- Feature boxes ---- */
.feature-box-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.feature-boxes:last-child .feature-box:last-child {
	margin-bottom: 0;
}

.feature-box {
	border-radius: 15px;
	padding: 17px 16px;
	margin-bottom: 30px;
}
.feature-box-header {
	padding-bottom: 7px;
	padding-left: 4px;
	padding-right: 4px;
}
.feature-box-avatar-wrapper {
	float: left;
	width: 60px;
	margin-right: 17px;
}
.feature-box-avatar {
	border-radius: 50%;
	width: 100%;
}
.feature-box-header-content-wrapper {
	overflow: hidden;
}
.feature-box-header-title {
	margin: 0;
	font-size: 1.9rem;
	line-height: 1.1;
	margin-top: 2px;
}
.feature-box-header-subtitle {
	font-size: 1.4rem;
	margin: 0;
	line-height: 1.2;
	color: #8d98a6;
}
.feature-box-header-subtitle2 {
	font-size: 1.4rem;
	margin: 0;
	line-height: 1.2;
	color: #FFF;
}
.feature-box-header-info {
	color: #FFF;
	font-size: 1.4rem;
	line-height: 1.2;
	margin: 0;
}

.feature-box-content p {
	margin-bottom: 1rem;
}

.feature-box-content-box {
	border-radius: 5px;
	padding: 8px 16px 10px;
	font-size: 1.4rem;
	line-height: 1.3;
	margin: 10px 0 3px;
}
.feature-box-content-box ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.feature-box-content-box li:before {
	content: "-\00a0";
}
.feature-box-button-wrapper {
	text-align: right;
}
.feature-box-button-wrapper .button {
	margin-left: 5px;
}
.feature-box-button-wrapper .audio-button {
	display: inline-block;
	margin: 6px 0;
	vertical-align: top;
}

/* Fourth breakpoint */
@media screen and (max-width: 490px) {
	.feature-box-avatar-wrapper {
		width: 30px;
		margin-right: 6px;
	}
}


/* ---- form help ---- */

.help-block,
.help-inline {
	color: #625757;
	font-size: 12.8px;
	font-size: 1.28rem;
	line-height: 1.4;
}



/* ---- Tabs ---- */
.tabs-wrapper {
	position: relative;
	z-index: 1;
}
.tabs {
	border: 1px solid #e5e1d8;
	padding: 30px;
	position: relative;
}
.tab {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.tab.tab-active {
	clip: auto;
	height: auto;
	margin: auto;
	overflow: visible;
	padding: 0;
	position: static;
	width: auto;
}
.tab.tab-active .tab-content {
	-webkit-animation: fadeInUp 400ms;
	-webkit-animation-fill-mode: forwards;
	animation: fadeInUp 400ms;
	animation-fill-mode: forwards;
}

/* Feature buttons in tabs */
.tab .feature-button {
	position: absolute;
	top: -46px;
	right: 0;
}

/* -- Buttons -- */
.tab-buttons-list {
	padding: 0;
	margin: 0;
	list-style: none;
}
.tab-buttons-list-item {
	float: left;
	margin-right: 9px;
	position: relative;
	z-index: 1;
}
.tab-buttons-list-item:last-child {
	margin-right: 0;
}
.tab-button {
	-webkit-appearance: none;
	padding: 0;
	outline: none;
	border: none;
	font-family: "omnes-pro", Helvetica, sans-serif;
	font-weight: 500;
	border-top: 1px solid #e5e1d8;
	border-left: 1px solid #e5e1d8;
	border-right: 1px solid #e5e1d8;
	padding: 8px 22px 9px;
	font-size: 2.4rem;
	line-height: 1.2;
	background: #EFEFEF;
}
.tab-button,
.tab-buttons-list-item:after {
	-webkit-transition: all 120ms ease-in;
	transition: all 120ms ease-in;
}
.tab-buttons-list-item:after {
	content: " ";
	position: absolute;
	top: 100%;
	left: 1px;
	right: 1px;
	height: 1px;
	background-color: #FFF;
	opacity: 0;
}
/* Hover/focus */
.tab-button:hover,
.tab-button:focus {
	background-color: #f4f4f4;
}
/* Active */
.tab-buttons-list-item.tab-buttons-list-item-active .tab-button {
	background-color: #FFF;
}
.tab-buttons-list-item.tab-buttons-list-item-active:after {
	opacity: 1;
}

/* Second breakpoint */
@media screen and (max-width: 1080px){
	.tab-button {
		padding: 6px 15px 7px;
		font-size: 2rem;
	}
	.tab-buttons-list-item {
		margin-right: 4px;
	}
	.tab-buttons-list-item:last-child {
		margin-right: 0;
	}
}

/* Extra breakpoint */
@media screen and (max-width: 660px){
	.tabs {
		padding: 15px 20px;
	}
	.tab-button {
		padding: 5px 13px 6px;
		font-size: 1.7rem;
	}
	.tab-buttons-list-item {
		margin-right: 3px;
	}
	.tab-buttons-list-item:last-child {
		margin-right: 0;
	}
}

/* Fourth breakpoint */
@media screen and (max-width: 490px){
	.tab-button {
		padding: 5px 20px 6px;
		font-size: 1.8rem;
		display: block;
		width: 100%;
		text-align: left;
	}
	.tab-buttons-list-item {
		margin-right: 0;
		float: none;
		display: block;
	}
	.tab-buttons-list-item:after {
		content: none;
	}
}

/* ---- Close buttons ---- */
.close-button {
	-webkit-appearance: none;
	outline: none;
	border: none;
	padding: 0;
	background: transparent;
}
.close-button:before {
	content: " ";
	display: inline-block;
	width: 20px;
	height: 20px;
	background: transparent url(../images/sprites/icon-sprite.svg) no-repeat;
	background-position: -316px -205px;
	background-size: 720px;
	vertical-align: middle;
	margin-right: 10px;
}
.close-button:hover {
	opacity: 0.8;
}


/* ------------------------------------------------------
**** Images
------------------------------------------------------ */


img {
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}

/* IE10+ SVG scaling issue */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src*=".svg"] {
    width: 100%;
  }
}

/*

Old school image left and right are more generic now so we can use them on anything

You can find them in the helper classes section

*/

/* ---- Image slider ---- */
.image-slider-wrapper .image-slider {
	list-style: none;
	padding: 0 50px;
	margin: 0;
}

.image-slider-wrapper .image-slider-item > a {
	display: block;
}
.image-slider-wrapper {
	margin: 30px 0;
}
.image-slider-item:focus,
.image-slider-item:active {
	outline: none;
}

/* No js */
.image-slider-wrapper .image-slider:not(.slick-initialized) .image-slider-item {
	float: left;
}

/* -- 4 columns -- */
.image-slider-wrapper.image-slider-4 .image-slider .image-slider-item {
	margin: 0 5px;
}

/* No js */
.image-slider-wrapper.image-slider-4 .image-slider:not(.slick-initialized) .image-slider-item {
	width: 23.35%;
	margin-bottom: 20px;
}

/* ---- Default slick theme ---- */
/* Slider */
.slick-loading .slick-list {
    background: #fff url('../images/ajax-loader.gif') center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 35px;
    height: 35px;
    margin-top: -16px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: #E6E6E6 url(../images/sprites/icon-sprite.svg) no-repeat;
    background-size: 590px;
    text-indent: -9999px;
    border-radius: 50%;
    -webkit-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    background-color: #CCCCCC;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: 0;
    background-position: 10px -634px;
}
[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}
.slick-prev:before {
    content: ' ';
}
[dir='rtl'] .slick-prev:before {
    content: ' ';
}

.slick-next {
    right: 0;
    background-position: 13px -92px;
}
[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}
.slick-next:before {
    content: ' ';
}
[dir='rtl'] .slick-next:before {
    content: ' ';
}

/* Dots */
.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}
.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}


/* ------------------------------------------------------
**** Tables
------------------------------------------------------ */

/* ---- Content tables & Form section tables & Checkbox list tables (shared styles) ---- */
.table--content-standard,
.checkbox-list {
	width: 100%;
	margin: 2rem 0;
	border-collapse: collapse;
	border: 1px solid #d7d7d7;
}
.table--content-standard caption {
	text-align: left;
	padding-bottom: 13px;
	font-weight: 700;
}
.table--content-standard th,
.checkbox-list th {
	font-weight: bold;
	background-color: #2f3945;
	color: #FFF;
	font-size: 1.5rem;
}
.table--content-standard td,
.checkbox-list td {
	background-color: #FFF;
}
.table--content-standard th,
.table--content-standard td,
.checkbox-list th,
.checkbox-list td {
	padding: 11px 21px;
	text-align: left;
}
.table--content-standard th,
.checkbox-list th {
	border: 1px solid #1f272c;
}
.table--content-standard td,
.checkbox-list td {
	border: 1px solid #c0c0c0;
}
.table--content-standard tr:nth-child(odd) td,
.checkbox-list tr:nth-child(odd) td {
	background-color: #F9F9F9;
}

@media screen and (max-width: 1080px) {
	.table--content-standard th,
	.table--content-standard td,
	.checkbox-list th,
	.checkbox-list td {
		padding: 11px 11px;
	}
}

/* ---- Content tables ---- */

/* Small */
.table--content-standard.table--content-small {
	font-size: 13px;
	font-size: 1.3rem;
}
.table--content-standard.table--content-small th,
.table--content-standard.table--content-small td {
	padding: 5px 10px;
}
.table--content-standard.table--content-small th {
	font-size: 14px;
	font-size: 1.4rem;
}

/* ---- Form section tables ---- */

.form-section td.field-info {
	vertical-align: middle;
	font-size: 10px;
	font-size: 1rem;
}
.checkbox-list td.check {
	width: 10px;
	text-align: center;
}
.form-section .checkbox-list {
	margin: 0;
}

/* Form sections in sidebar */
.sidebar > .form-section,
.sidebar > .form-section > tbody,
.sidebar > .form-section > tbody > tr,
.sidebar > .form-section > tbody > tr > th,
.sidebar > .form-section > tbody > tr > td {
	display: block;
	width: 100%;
}
.sidebar .form-section > tbody > tr > td {
	border-left: 1px solid #d7d7d7;
}
.sidebar .form-section .field-info {
	text-align: right;
}
.sidebar .form-section td.field-info:empty,
.sidebar .form-section td.nothing {
	display: none !important;
}
.sidebar span.field-info:before {
	content: "^\00a0";
}
.sidebar .form-section > tbody > tr > th:first-child {
	width: 100%;
}

/* Responsiveness */
@media all and (min-width: 651px) {
	.form-section > tbody > tr > th:first-child {
		width: 25%;
	}
}

@media screen and (max-width: 650px) {
	.form-section,
	.form-section > tbody,
	.form-section > tbody > tr,
	.form-section > tbody > tr > th,
	.form-section > tbody > tr > td {
		display: block;
		width: 100%;
	}
	.form-section > tbody > tr > td {
		border-left: 1px solid #d7d7d7;
	}
	.form-section .field-info {
		text-align: right;
	}
	.form-section td.field-info:empty,
	.form-section td.nothing {
		display: none !important;
	}
	span.field-info:before {
		content: "^\00a0";
	}
}

/* ---- Scrollable table ---- */
table.scrollable {
	overflow: auto;
	overflow-y: hidden;
	overflow-x: auto;
	display: block;
}

/* ---- Responsive table ---- */
@media screen and (max-width: 650px) {

	/* One column table */
	.responsive-table {
		border: none;
	}
	.responsive-table,
	.responsive-table tr,
	.responsive-table tbody,
	.responsive-table td {
		display: block;
		width: 100%;
	}
	.responsive-table thead {
		display: none;
	}
	.responsive-table td[data-table-column] {
		padding-top: 0;
	}
	.responsive-table td:before {
		content: attr(data-table-column);
		display: block;
		background-color: #2f3945;
		color: #FFF;
		margin: -1px -12px 11px;
		padding: 5px 11px;
		border: 1px solid #1f272c;
		font-size: 1.3rem;
	}
	.responsive-table td {
		border: none;
		border-bottom: 1px solid #c0c0c0;
		border-left: 1px solid #c0c0c0;
		border-right: 1px solid #c0c0c0;
	}
	.responsive-table tr {
		margin-bottom: 20px;
	}
	.responsive-table td:empty {
		display: none;
	}
}

/* ---- Stripped table ---- */
.table-stripped {
	text-align: left;
}
.table-stripped th,
.table-stripped td {
	padding: 4px 12px 4px;
}

/* ---- No Styles Table ---- */

.table__no-styles {
	border-collapse: separate;
	border: none;
	background: none;
	min-width: 0;
}

.table__no-styles th,
div:not(.widget) > table.table__no-styles th,
.table__no-styles td,
div:not(.widget) > table.table__no-styles tr:nth-child(odd) td {
	padding: 0;
	border: 0;
	background: none;
}




/* ------------------------------------------------------
**** Helper classes
------------------------------------------------------ */

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

.clear {
	height: 0;
	clear: both;
	display: block;
}

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

.-clearfix:after {
	clear: both;
}

/* Third breakpoint */
@media screen and (max-width: 880px) {
	.-clearfix-breakpoint-3:before,
	.-clearfix-breakpoint-3:after {
		content: " ";
		display: table;
	}

	.-clearfix-breakpoint-3:after {
		clear: both;
	}
}


/* Image Replacement */
.-ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	*text-indent: -9999px;
}

.-ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

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

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

.-vis-hidden.focusable:active,
.-vis-hidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.-invisible {
	visibility: hidden;
}

/* Angle Brackets */
.-r-arrow-after:after {
	content: "\00a0\003e";
}
.-r-arrow-before:before {
	content: "\003e\00a0";
}
.-l-arrow-after:after {
	content: "\00a0\003c";
}
.-l-arrow-before:before {
	content: "\003c\00a0";
}

/* Ellipsis */
.ellipsis-2:after {
	content: "..";
}
.ellipsis-3:after {
	content: "...";
}

/* ---- Floats and positioning ---- */

.left {
	margin: 0 30px 25px 0;
	float: left;
}

.right {
	margin: 0 0 25px 30px;
	float: right;
}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

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

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

.clear {
	height: 0;
	clear: both;
	display: block;
}

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

.clearfix:after {
	clear: both;
}

/* ---- Help popups ---- */
.help-popup-button,
.help-popup-button-iframe,
.help-popup-button-static {
	-webkit-appearance: none;
	border: none;
	padding: 0;
	background: url(../images/sprites/icon-sprite.svg) no-repeat -54px -744px;
	background-size: 620px;
	width: 21px;
	height: 21px;
	border-radius: 50%;
	text-indent: -9999px;
	margin: 0 4px;
	outline: none;
	box-shadow: none;
	display: inline-block;
}
.help-popup-button:hover,
.help-popup-button-iframe:hover,
..help-popup-button-static:hover {
	opacity: 0.8;
}
.help-popup-button.help-popup-button-white,
.help-popup-button-iframe.help-popup-button-white,
.help-popup-button-static.help-popup-button-white {
	background-position: -108px -744px;
}

/* ------------------------------------------------------
**** Animations
------------------------------------------------------ */

/* ---- fadeInUp ---- */
@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

/* ---- fadeInDown ---- */
@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

/* ---- fadeIn ---- */
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}


/* radioButtonSwitchMoveLeft */
@-webkit-keyframes radioButtonSwitchMoveLeft {
	from {
		-webkit-transform: translateX(-50px);
		opacity: 1;
	}
	to {
		-webkit-transform: translateX(0);
		opacity: 1;
	}
}
@keyframes radioButtonSwitchMoveLeft {
	from {
		transform: translateX(-50px);
		opacity: 1;
	}
	to {
		transform: translateX(0);
		opacity: 1;
	}
}

/* radioButtonSwitchMoveRight */
@-webkit-keyframes radioButtonSwitchMoveRight {
	from {
		-webkit-transform: translateX(50px);
		opacity: 1;
	}
	to {
		-webkit-transform: translateX(0);
		opacity: 1;
	}
}
@keyframes radioButtonSwitchMoveRight {
	from {
		transform: translateX(50px);
		opacity: 1;
	}
	to {
		transform: translateX(0);
		opacity: 1;
	}
}


/* headerFadeIn */
@-webkit-keyframes headerFadeIn {
	0%   {
		-webkit-transform: translateY(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0%);
		opacity: 1;
	}
}
@keyframes headerFadeIn {
	0%   {
		transform: translateY(-100%);
		opacity: 0;
	}
	100% {
		transform: translateY(0%);
		opacity: 1;
	}
}



/* ------------------------------------------------------
**** Template Layout
------------------------------------------------------ */

* {
	margin: 0;
}

html,
body {
	background: #FFF;
	height: 100%;
}

#wrap {
	margin: 0 auto;
	position: relative;
	height: 100%;
}
/* Third breakpoint */
@media screen and (max-width: 880px) {
	#wrap {
		padding-top: 44px;
	}
}

.container {
	width: 1175px;
	margin: 0 auto;
	position: relative;
}
.wide-container {
	margin: 0 30px;
}

/* First breakpoint */
@media screen and (max-width: 1240px) {
	.container {
		width: 1000px;
	}
}

/* Second breakpoint */
@media screen and (max-width: 1080px) {
	.container {
		width: 800px;
	}
}

/* Third breakpoint */
@media screen and (max-width: 880px) {
	.container {
		width: 92%;
		margin: 0 4%;
	}
}


/* ---- Sections ---- */
.section {
	padding: 60px 0;
}
/* First breakpoint */
@media screen and (max-width: 1240px) {
	.section {
		padding-top: 40px;
		padding-bottom: 40px;
	}
}
/* Third breakpoint */
@media screen and (max-width: 880px) {
	.section {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}
/* Fourth breakpoint */
@media screen and (max-width: 490px) {
	.section {
		padding-top: 25px;
		padding-bottom: 25px;
	}
}

/* ---- Background colours ---- */
.bg-white {
	background-color: #FFF;
}
.bg-gradient-blue-green-horizontal {
	background: rgb(102,204,204); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(102,204,204,1) 0%, rgba(40,160,72,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(102,204,204,1)), color-stop(100%,rgba(40,160,72,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(102,204,204,1) 0%,rgba(40,160,72,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(102,204,204,1) 0%,rgba(40,160,72,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(102,204,204,1) 0%,rgba(40,160,72,1) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(102,204,204,1) 0%,rgba(40,160,72,1) 100%); /* W3C */
}
/* Light blue */
.bg-light-blue {
	background-color: #2f3945;
	color: #8d98a6;
}
.bg-light-blue h1,
.bg-light-blue .h1,
.bg-light-blue h2,
.bg-light-blue .h2,
.bg-light-blue h3,
.bg-light-blue .h3,
.bg-light-blue h4,
.bg-light-blue .h4,
.bg-light-blue h5,
.bg-light-blue .h5,
.bg-light-blue h6,
.bg-light-blue .h6 {
	color: #FFF;
}
.bg-light-blue a:not(.button) {
	color: #FFF;
}
.bg-light-blue a:not(.button):hover,
.bg-light-blue a:not(.button):focus {
	color: #48b78d;
}

/* Grey */
.bg-grey {
	background-color: #E6E6E6;
}

/* Blue */
.bg-blue {
	background-color: #1f272c;
	color: #8d98a6;
}
.bg-blue h1,
.bg-blue .h1,
.bg-blue h2,
.bg-blue .h2,
.bg-blue h3,
.bg-blue .h3,
.bg-blue h4,
.bg-blue .h4,
.bg-blue h5,
.bg-blue .h5,
.bg-blue h6,
.bg-blue .h6 {
	color: #FFF;
}
.bg-blue a:not(.button) {
	color: #FFF;
}
.bg-blue a:not(.button):hover,
.bg-blue a:not(.button):focus {
	color: #48b78d;
}

/* ---- Map ---- */
.gmnoscreen,
.gmnoprint,
.gm-style-cc,
a[title="Click to see this area on Google Maps"],
a[title*="Open this area in Google Maps"] {
	display: none !important;
}

.zoom-control-wrapper-wrapper {
	position: absolute;
	right: 30px !important;
	left: auto !important;
	top: 35px !important;
	width: 24px !important;
}

.zoom-control {
	-webkit-appearance: none;
	outline: none;
	border: none;
	background-color: #FFF;
	text-indent: -9999px;
	position: relative;
	width: 24px;
	height: 24px !important;
	display: block;
	box-shadow: 0px 0px 6px 0 rgba(0,0,0,0.3);
}
.zoom-control:after {
	content: " ";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../images/sprites/icon-sprite.svg) no-repeat;
}

/* Hover/focus */
.zoom-control:hover,
.zoom-control:focus {
	background-color: #E6E6E6;
}

/* -- Zoom in -- */
.zoom-control.zoom-control-in {
	margin-bottom: 5px;
}
.zoom-control.zoom-control-in:after {
	background-position: -47px -190px;
}
/* Hover */
.zoom-control.zoom-control-in:hover:after {
	background-position: 3px -190px;
}

/* -- Zoom out -- */
.zoom-control.zoom-control-out:after {
	background-position: -47px -219px;
}
/* Hover */
.zoom-control.zoom-control-out:hover:after {
	background-position: 3px -219px;
}

/* -- Sites legend -- */
#map-sites-legend {
	position: absolute;
	bottom: 27px;
	right: 20px;
	z-index: 1;
}
.map-sites-legend-gradient {
	height: 10px;
	width: 151px;
	background: rgb(215,66,57);/* Old browsers */
	background: -moz-linear-gradient(left, rgba(215,66,57,1) 0%, rgba(69,179,133,1) 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(215,66,57,1)), color-stop(100%,rgba(69,179,133,1)));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(215,66,57,1) 0%,rgba(69,179,133,1) 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(215,66,57,1) 0%,rgba(69,179,133,1) 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(215,66,57,1) 0%,rgba(69,179,133,1) 100%);/* IE10+ */
	background: linear-gradient(to right, rgba(215,66,57,1) 0%,rgba(69,179,133,1) 100%);/* W3C */
	display: inline-block;
	margin: 0 13px;
}
.map-sites-legend-text {
	text-transform: uppercase;
	color: #FFF;
	font-size: 1.3rem;
	display: inline-block;
	line-height: 1;
	text-shadow: 1px 1px 1px #000;
}

/* Third breakpoint */
@media screen and (max-width: 880px) {
	.zoom-control-wrapper-wrapper {
		right: 15px !important;
		top: 15px !important;
	}
}


/* ---- Member's Area Login Form ---- */
.members-area-form {
	margin: 23px 0 8px;
}
.members-area-form-bottom-links {
	float: left;
	margin-top: 6px;
}
.members-area-form-bottom-links p {
	display: inline;
}
.members-area-form-bottom-links p:after {
	content: " | ";
}
.members-area-form-bottom-links p:last-child:after {
	content: none;
}
.members-area-form-bottom .form-element.form-element-button {
	float: right;
	margin: 0;
}



/* Second breakpoint */
@media screen and (max-width: 1080px) {
	.members-area-form-bottom-links {
		float: none;
		margin-top: 6px;
	}
	.members-area-form-bottom .form-element.form-element-button {
		float: none;
		margin-top: 14px;
	}
	.members-area-form-bottom .form-element.form-element-button .button {
		width: auto;
	}
}

/* Third breakpoint */
@media screen and (max-width: 880px) {
	.members-area-form-bottom-links {
		float: left;
	}
	.members-area-form-bottom .form-element.form-element-button {
		float: right;
		margin-top: 0px;
	}
}

/* Extra breakpoint */
@media screen and (max-width: 400px) {
	.members-area-form-bottom-links {
		float: none;
		margin-top: 6px;
	}
	.members-area-form-bottom .form-element.form-element-button {
		float: none;
		margin-top: 14px;
	}
}

/* ---- Header ---- */
#header #logo {
	float: left;
	position: relative;
	z-index: 52;
	width: 410px;
	height: 89px;
	overflow: hidden;
}
#header #logo a {
	display: block;
}

/* Moved menu list */
.moved-menu-items {
	position: relative;
	z-index: 54;
	padding: 0;
	margin: 9px 44px 0 0;
	list-style: none;
	float: right;
}
.moved-menu-items a {
	margin: 0;
}

/* Second breakpoint */
@media screen and (max-width: 1080px) {
	#header #logo {
		width: 321px;
		height: 68px;
	}
}

/* Third breakpoint */
@media screen and (max-width: 880px) {
	#header #logo {
		width: 162px;
		height: 34px;
		margin-top: 5px;
	}
	#header #logo img {
		margin-top: -41px;
	}
}
/* Extra breakpoint */
@media screen and (max-width: 460px) {
	#header #logo {
		width: 132px;
		height: 29px;
		margin-top: 7px;
	}
	#header #logo img {
		margin-top: -33px;
	}
}

/* Extra breakpoint */
@media screen and (max-width: 295px) {
	#header #logo {
		width: 112px;
		height: 24px;
		margin-top: 10px;
	}
	#header #logo img {
		margin-top: -29px;
	}
	.moved-menu-items {
		margin: 9px 46px 0 0;
	}
}





/* ---- Partners List ---- */
.partners-section.section {
	padding: 42px 0;
	border-top: 2px solid #E6E6E6;
}

.partners-list {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}
.partners-list-item {
	display: inline-block;
	vertical-align: middle;
	margin: 0 18px;
}
.partners-list-item:first-child {
	margin-left: 0;
}
.partners-list-item:last-child {
	margin-right: 0;
}
.partners-list-item a {
	display: block;
}
.partners-list-item img {
	height: 56px;
}

/* First breakpoint */
@media screen and (max-width: 1240px) {
	.partners-list-item {
		margin: 0 12px;
	}
	.partners-list-item img {
		height: 48px;
	}
}

/* Second breakpoint */
@media screen and (max-width: 1080px) {
	.partners-section.section {
		padding: 31px 0 18px;
	}
	.partners-list-item {
		margin: 0 14px 9px;
	}
	.partners-list-item img {
		height: 37px;
	}
}

/* Third breakpoint */
@media screen and (max-width: 880px) {
	.partners-section.section {
		padding: 31px 0 18px;
	}
	.partners-list-item {
		margin: 9px 12px;
	}
	.partners-list-item img {
		height: 33px;
	}
}

@media screen and (max-width: 768px) {
	.partners-list-item {
		margin-inline: 0.8vw;
	}
}

@media screen and (max-width: 660px) {
	.partners-list-item {
		margin-inline: 12px;
	}
	.partners-list-item img {
		height: 37px;
	}
}

/* ---- Edit site template ---- */
.edit-site-image-wrapper {
	margin: 20px 0 30px;
}
/* Extra breakpoint */
@media screen and (max-width: 660px) {
	.edit-site-image-wrapper .column {
		margin-bottom: 20px;
	}
	.edit-site-image-wrapper .column:last-child {
		margin-bottom: 0;
	}
}

/* ---- Feature icon list ---- */
.feature-icon-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.feature-icon-list-item {
	padding-left: 120px;
	position: relative;
	margin-bottom: 35px;
}
.feature-icon-list-item-title {
	color: #48b78d;
	font-size: 2.1rem;
	margin-bottom: 0.7rem;
	padding-top: 11px;
	margin-top: 0;
}
.feature-icon-list-item p {
	margin-bottom: 0;
}

.feature-icon-list-item:before {
	content: " ";
	background-color: #D6D6D6;
	width: 100px;
	height: 100px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50px;
}
.feature-icon-list-item:after {
	content: " ";
	position: absolute;
	display: block;
	left: 15px;
	top: 15px;
	width: 70px;
	height: 70px;
	background: url(../images/sprites/icon-sprite.svg) no-repeat;
	background-size: 1260px;
}


/* -- Icons -- */

/* Community */
.feature-icon-list-item.feature-icon-list-item-community:after {
	background-position: 16px -701px;
	background-size: 1260px;
}
/* Research */
.feature-icon-list-item.feature-icon-list-item-research:after {
	background-position: 19px -785px;
	background-size: 1150px;
}
/* Experts */
.feature-icon-list-item.feature-icon-list-item-experts:after {
	background-position: 14px -737px;
	background-size: 1190px;
}
/* App */
.feature-icon-list-item.feature-icon-list-item-app:after {
	background-position: 19px -908px;
	background-size: 1200px;
}


/* Columns */

.feature-icon-list-columns-2 .feature-icon-list-item {
	width: 48.9%;
	float: left;
	margin-right: 2.2%;
}
.feature-icon-list-columns-2 .feature-icon-list-item:nth-child(2n+2){
	margin-right: 0;
}


/* Second breakpoint */
@media screen and (max-width: 1080px) {
	.feature-icon-list-item:before {
		width: 80px;
		height: 80px;
		border-radius: 40px;
	}
	.feature-icon-list-item:after {
		left: 5px;
		top: 6px;
		width: 70px;
		height: 70px;
		background-size: 1260px;
	}
	.feature-icon-list-item {
		padding-left: 100px;
		margin-bottom: 24px;
	}


	.feature-icon-list-item {
		padding-left: 98px;
		margin-bottom: 22px;
	}
}
/* Third breakpoint */
@media screen and (max-width: 880px) {
	.feature-icon-list-item:before {
		width: 70px;
		height: 70px;
		border-radius: 35px;
	}
	.feature-icon-list-item:after {
		left: 15px;
		top: 15px;
		width: 40px;
		height: 40px;
		background-size: 1260px;
	}

	.feature-icon-list-item-title {
		padding-top: 0;
	}

	/* Community */
	.feature-icon-list-item.feature-icon-list-item-community:after {
		background-position: 3px -582px;
		background-size: 1030px;
	}
	/* Research */
	.feature-icon-list-item.feature-icon-list-item-research:after {
		background-position: 6px -679px;
		background-size: 980px;
	}
	/* Experts */
	.feature-icon-list-item.feature-icon-list-item-experts:after {
		background-position: 2px -622px;
		background-size: 990px;
	}
	/* App */
	.feature-icon-list-item.feature-icon-list-item-app:after {
		background-position: 5px -795px;
		background-size: 1040px;
	}
}
/* Fourth breakpoint */
@media screen and (max-width: 490px) {
	.feature-icon-list-item {
		padding-left: 89px;
	}
	.feature-icon-list-columns-2 .feature-icon-list-item {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.feature-icon-list-item-title {
		font-size: 2rem;
		margin-bottom: 0.4rem;
		padding-top: 5px;
		margin-top: 0;
	}

}

/* ---- Title bars ---- */
.section.section-title-bar {
	padding-top: 35px;
	padding-bottom: 32px;
}
.section.section-title-bar h1 {
	margin-top: 0;
}



/* Group detail */
.section-group-detail-title .title-bar-button-right {
	padding-top: 34px;
	text-align: right;
}

/* Member detail */
.section-member-detail-title .title-bar-avatar-wrapper {
	width: 100px;
	float: left;
	margin-right: 20px;
}
.section-member-detail-title .title-bar-content {
	overflow: hidden;
}
.section-member-detail-title .title-bar-content h1 {
	margin: 0;
}
.section-member-detail-title .title-bar-avatar {
	border-radius: 50%;
}

/* Third breakpoint */
@media screen and (max-width: 880px) {
	.section-group-detail-title .title-bar-button-right {
		padding-top: 16px;
	}
}

/* Extra breakpoint */
@media screen and (max-width: 550px) {
	.section-member-detail-title .title-bar-avatar-wrapper {
		width: 70px;
	}
	.title-bar-table,
	.title-bar-table tr,
	.title-bar-table th,
	.title-bar-table td {
		display: block;
	}
	.title-bar-table th,
	.title-bar-table td {
		padding: 0;
		margin: 2px 0;
	}
	.title-bar-table th {
		margin-top: 10px;
	}
	.section-member-detail-title .title-bar-content {
		overflow: visible;
	}
	.title-bar-content h1,
	.title-bar-sub-title {
		overflow: hidden;
	}

}


/* Fourth breakpoint */
@media screen and (max-width: 490px) {
	.section.section-title-bar {
		padding-top: 22px;
		padding-bottom: 27px;
	}
	.section-group-detail-title .title-bar-button-right {
		padding-top: 0;
	}
	.section-group-detail-title .title-bar-button-right {
		text-align: left;
	}
}

/* ---- Stats list ---- */
.stats-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.stats-list-item {
	border-bottom: 1px solid #1f272c;
	padding-left: 99px;
	position: relative;
	min-height: 70px;
}
.stats-list-text {
	font-size: 1.7rem;
	padding-top: 24px;
	display: block;
	line-height: 1.1;
}
.stats-list-number {
	font-size: 4.4rem;
	background-color: #29323b;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 79px;
	font-family: "omnes-pro", Helvetica, sans-serif;
	font-weight: 700;
	text-align: center;
	padding: 2px 0;
}

/* Second breakpoint */
@media screen and (max-width: 1080px) {
	.stats-list-item {
		padding-left: 86px;
		min-height: 52px;
	}
	.stats-list-text {
		font-size: 1.6rem;
		padding-top: 17px;
	}
	.stats-list-number {
		font-size: 3.4rem;
		width: 69px;
		padding: 2px 0;
	}
}

/* Extra breakpoint */
@media screen and (max-width: 550px) {
	.stats-list-item {
		padding-left: 67px;
		min-height: 45px;
	}
	.stats-list-text {
		font-size: 1.4rem;
		padding-top: 13px;
	}
	.stats-list-number {
		font-size: 2.3rem;
		width: 53px;
		padding: 5px 0;
	}
}

/* Fourth breakpoint */
@media screen and (max-width: 490px) {
	.title-bar-stats-right {
		margin-top: 10px;
	}
	.stats-list-item {
		padding-left: 67px;
		min-height: 36px;
	}
	.stats-list-text {
		font-size: 1.4rem;
		padding-top: 8px;
	}
	.stats-list-number {
		font-size: 2.1rem;
		width: 53px;
		padding: 2px 0;
	}
}

/* ---- Group detail about section ---- */
.group-detail-about-left h2 {
	border-bottom: none;
	margin-top: 0;
	padding-bottom: 0;
}
.group-detail-about-right {
	text-align: right;
	padding-top: 38px;
}
.group-detail-about-right p {
	margin: 0;
}
.group-detail-about-right-members {
	font-size: 1.8rem;
	margin-top: 6px;
}
.group-detail-about-right .button {
	margin-bottom: 16px;
}

/* Fourth breakpoint */
@media screen and (max-width: 490px) {
	.group-detail-about-right {
		text-align: left;
		padding-top: 10px;
	}
}

/* ---- Mainbar/sidebar ---- */
.mainbar {
	padding: 25px 35px;
}
.widget-title {
	margin: 0 0 11px;
	padding: 0;
}
/* Third breakpoint */
@media screen and (max-width: 880px) {
	.mainbar {
		padding: 7px 35px;
	}
	.sidebar {
		margin-top: 25px;
	}
	.widget-title {
		margin: 0 0 5px;
	}
}
/* Fourth breakpoint */
@media screen and (max-width: 490px) {
	.mainbar {
		padding: 7px 20px;
	}
}



/* ---- Footer ---- */

.section.bottom-footer {
	padding: 17px 0;
}
.bottom-footer p {
	margin: 0;
}
.bottom-footer p,
.bottom-footer a {
	color: #8d98a6;
}

.footer-email-twitter-wrap .column:last-child {
	margin-right: 2.127659574468%;
}
/* Third breakpoint */
@media screen and (max-width: 880px) {
	.footer-email-twitter-wrap .column:last-child {
		margin-right: 0;
	}
	.footer-email-twitter-wrap {
		margin-bottom: 34px;
	}
}
/* Fourth breakpoint */
@media screen and (max-width: 490px) {
	.footer-enews-signup {
		margin: 0 0 30px;
	}
	.section.bottom-footer {
		padding: 10px 0;
	}
	.footer-email-twitter-wrap {
		margin-bottom: 24px;
	}
}

/* -- Enews Signup -- */
.footer-enews-signup-title {
	border: none;
	padding: 0;
	margin-top: 0;
}
.footer-enews-signup form {
	margin: 0;
}
.footer-enews-signup .form-element-button {
	margin: 0;
}
.footer-enews-signup .button {
	float: right;
	width: auto;
}

/* Fourth breakpoint */
@media screen and (max-width: 490px) {
	.footer-enews-signup .button {
		float: none;
	}
}

/* -- Twitter feed -- */
.footer-twitter-feed {
	padding: 25px;
	font-size: 1.4rem;
}
.footer-twitter-feed-header {
	margin-bottom: 15px;
}
.footer-twitter-feed-avatar {
	width: 60px;
	float: left;
	overflow: hidden;
	margin-right: 15px;
}
.footer-twitter-feed-header-text {
	overflow: hidden;
}
.footer-twitter-feed-header-text-title {
	font-size: 2.2rem;
	position: relative;
	padding-left: 30px;
	margin: 0;
	border: none;
	padding-bottom: 0;
}
.footer-twitter-feed-header-text-title:before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	background: url(../images/sprites/icon-sprite.svg) no-repeat -134px -41px;
	background-size: 760px;
}
.footer-twitter-feed-header-text-username {
	margin: 0;
}
.footer-twitter-feed-header-text-username a {
	color: #8d98a6;
	text-decoration: none;
}
.footer-twitter-feed-header-text-username a:hover,
.footer-twitter-feed-header-text-username a:focus {
	text-decoration: underline;
	color: #FFF;
}
.footer-twitter-feed-header-text-timestamp {
	margin: 0;
}
.footer-twitter-feed-content p:last-child {
	margin-bottom: 0;
}

/* First breakpoint */
@media screen and (max-width: 1240px) {
	.footer-twitter-feed-avatar {
		width: 50px;
	}
	.footer-twitter-feed-header-text-title {
		font-size: 1.8rem;
		padding-left: 23px;
	}
	.footer-twitter-feed-header-text-title:before {
		width: 19px;
		height: 15px;
		background-position: -103px -35px;
		background-size: 590px;
		top: 5px;
	}
	.footer-twitter-feed-header {
		margin-bottom: 10px;
	}
}
/* Second breakpoint */
@media screen and (max-width: 1080px) {
	.footer-twitter-feed-avatar {
		display: none;
	}
	.footer-twitter-feed {
		margin-right: 0;
	}
}
/* Third breakpoint */
@media screen and (max-width: 880px) {
	.footer-twitter-feed-avatar {
		display: block;
	}
}
/* Fourth breakpoint */
@media screen and (max-width: 490px) {
	.footer-twitter-feed {
		padding: 15px;
	}
}


/* -- Footer links lists -- */
.footer-links-list:last-child {
	margin-right: 0;
}
.footer-links-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer-links-list li {
	margin-bottom: 10px;
}

.footer-links-list a {
	text-decoration: none;
	color: #8d98a6;
	display: block;
}
.footer-links-list li:first-child {
	margin-bottom: 15px;
}
.footer-links-list li:first-child a {
	color: #FFF;
	font-family: "omnes-pro", Helvetica, sans-serif;
	font-weight: 700;
	font-size: 2.2rem;
}

/* Hover/focus */
.footer-links-list a:hover,
.footer-links-list a:focus {
	color: #FFF;
	text-decoration: underline;
}

/* Second breakpoint */
@media screen and (max-width: 1080px) {
	.footer-links-list li:first-child a {
		font-size: 2rem;
	}
}

/* Fourth breakpoint */
@media screen and (max-width: 490px) {
	.footer-links-list-2 {
		display: none;
	}
}



/* ---- Map search section ---- */
.section-map-search {
	padding: 40px 0;
	position: relative;
	transition: opacity 500ms;
}
.section-map-search.contains-map {
	height: 90%;
}
.section-map-search #map-search {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 1;
	-webkit-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
	z-index: 1;
	background: #EFEFEF;
}

.section-map-search .wide-container {
	height: 100%;
}

.section-map-search .map-processing {
	display: none;
	position: absolute;
	top: 60px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 9;
}
.section-map-search.data-loading .map-processing {
	display: block;
}

/* Second breakpoint */
@media screen and (max-width: 1080px) {
	.section-map-search .map-processing {
		left: 250px;
	}
}

/* Third breakpoint */
@media screen and (max-width: 880px) {
	.section-map-search {
		padding: 0;
	}
	.section-map-search #map-search {
		left: 33%;
	}
	.section-map-search .wide-container {
		margin: 0;
	}
}

/* Extra breakpoint */
@media screen and (max-width: 660px) {
	.section-map-search #map-search {
		display: none;
	}
	.section-map-search.contains-map {
		height: auto;
	}
	.section-map-search.data-loading .map-processing {
		display: none;
	}
}


/* Search results */
.map-search-results-scroll {
	padding-right: 6px;
}
.map-search-results {
	width: 22%;
	position: relative;
	z-index: 1;
	height: 100%;
	overflow: hidden;
	float: left;
}
.map-search-results-header {
	padding: 12px 25px;
}
.map-search-results-header-total-wrapper {
	font-size: 1.4rem;
	margin-bottom: 2px;
}
.map-search-results-header-total {
	margin: 0;
	line-height: 1.2;
	display: inline;
}
.map-search-results-header-sort.no-style-select {
	position: relative;
	display: block;
	margin: 3px 0 5px;
}
.map-search-results-header-sort.no-style-select select {
	background-position: right center;
	background-color: #161B1F;
	background-repeat: no-repeat;
	background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2019.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2219.4px%22%20height%3D%225.8px%22%20viewBox%3D%220%200%2019.4%205.8%22%20style%3D%22enable-background%3Anew%200%200%2019.4%205.8%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill%3A%238D98A6%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpolygon%20class%3D%22st0%22%20points%3D%229.6%2C0%204.8%2C5.8%200%2C0%20%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
	padding: 4px 23px 5px 15px;
	margin-left: 5px;
}
.map-search-results-header-export {
	margin: 0;
	line-height: 1;
}
.map-search-results-header-export a {
	font-size: 1.4rem;
	text-transform: uppercase;
	text-decoration: none;
}
.map-search-results-header-export a:hover,
.map-search-results-header-export a:focus {
	text-decoration: underline;
	color: #FFF;
}

@media screen and (max-width: 1370px) {
	.map-search-results {
		width: 28%;
	}
}

/* Second breakpoint */
@media screen and (max-width: 1080px) {
	.map-search-results {
		width: 33%;
	}
}

/* Third breakpoint */
@media screen and (max-width: 880px) {
	.map-search-results {
	}
}


/* Extra breakpoint */
@media screen and (max-width: 660px) {
	.map-search-results-header-total-showing {
		display: none;
	}
	.map-search-results-scroll {
		padding-right: 0;
	}
	.map-search-results-header-sort.no-style-select {
		display: inline;
	}
	.map-search-results-header-sort.no-style-select label {
		text-transform: lowercase;
	}
	.map-search-results-header-total-wrapper {
		margin: 0;
	}
}

/* -- Search hover box -- */
.survey-search-hover-box {
	height: 243px;
}

/* List */
.map-search-results-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.map-search-results-list-item {
	padding: 16px 25px;
	border-bottom: 1px solid #1f272c;
	position: relative;
}
.map-search-results-list-item:last-child {
	border-bottom: none;
}
.map-search-results-avatar-wrapper {
	float: left;
	width: 60px;
}
.map-search-results-avatar {
	border-radius: 50%;
}
.map-search-results-content-wrapper {
	padding-left: 75px;
}
.map-search-results-content-title {
	margin: 0;
	font-size: 1.9rem;
	line-height: 1.2;
	padding-right: 17px;
}
.map-search-results-content-info {
	margin: 0;
	font-size: 1.4rem;
}
.map-search-results-content-num-surveys {
	margin: 0;
	font-size: 1.4rem;
	color: #32D413;
}
.map-search-results-content-num-surveys[data-level="1"] { color: #3D9B70; }
.map-search-results-content-num-surveys[data-level="2"] { color: #667E5F; }
.map-search-results-content-num-surveys[data-level="3"] { color: #776552; }
.map-search-results-content-num-surveys[data-level="4"] { color: #A2473D; }
.map-search-results-content-num-surveys[data-level="5"] { color: #B7271F; }

.map-search-results-content-status {
	font-size: 1.3rem;
	text-transform: uppercase;
	margin: 0;
	line-height: 1.2;
}
.map-search-results-content-status-verified {
	color: #48B78D;
}
.map-search-results-content-status-pending {
	color: #FFF;
}
.map-search-results-button-wrapper {
	margin: 10px 0 2px;
}
.map-search-results-button-wrapper .button,
.map-search-results-button-wrapper .audio-button {
	margin-top: 0;
}
.map-search-results-button-wrapper .audio-button {
	margin-right: 10px;
	display: inline-block;
	vertical-align: top;
}
.map-search-results-button-wrapper:last-child .button {
	margin-bottom: 0;
}


/* Close button */
.map-search-results-list-item-close-button {
	-webkit-appearance: none;
	outline: none;
	border: none;
	background: transparent url(../images/sprites/icon-sprite.svg) no-repeat;
	background-position: 0px -205px;
	background-size: 720px;
	text-indent: -9999px;
	padding: 0;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 12px;
	right: 12px;
}
.map-search-results-list-item-close-button:hover,
.map-search-results-list-item-close-button:focus {
	opacity: 0.8;
}

/* Load more button */
.map-search-results-load-button {
	-webkit-appearance: none;
	background: #1F272C;
	outline: none;
	border: none;
	color: #FFF;
	display: block;
	width: 100%;
	padding: 11px 15px;
	text-transform: uppercase;
	font-size: 1.5rem;
}
.map-search-results-load-button:after {
	content: " ";
	width: 20px;
	height: 15px;
	background: url(../images/sprites/icon-sprite.svg) no-repeat -99px -67px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 9px;
}
.map-search-results-load-button:hover {
	background-color: #12171B;
}

.search-detail-back-wrapper {
	display: none;
}

/* Transitions */
.map-search-results-list-item,
.map-search-results-content-title,
.map-search-results-content-status,
.map-search-results-load-button {
	-webkit-transition: all 150ms ease-in;
	transition: all 150ms ease-in;
}

/* First breakpoint */
@media screen and (max-width: 1240px) {
	.map-search-results-avatar-wrapper {
		width: 50px;
	}
	.map-search-results-content-wrapper {
		padding-left: 66px;
	}
}

/* Second breakpoint */
@media screen and (max-width: 1080px) {
	.map-search-results-avatar-wrapper {
		width: 45px;
	}
	.map-search-results-content-wrapper {
		padding-left: 59px;
	}
}


/* Third breakpoint */
@media screen and (max-width: 880px) {
	.map-search-results-button-wrapper .audio-button {
		margin-right: 4px;
	}
	.map-search-results-avatar-wrapper {
		width: 25px;
	}
	.map-search-results-content-wrapper {
		padding-left: 34px;
	}
	.map-search-results-header {
		padding: 12px 15px;
	}
	.map-search-results-list-item {
		padding: 12px 15px;
	}
}

/* Wider than extra breakpoint */
@media screen and (min-width: 661px) {
	/* Active */
	.map-search-results-list-item.map-search-results-list-item-active {
		background-color: #E6E6E6;
	}
	.map-search-results-list-item.map-search-results-list-item-active,
	.map-search-results-list-item.map-search-results-list-item-active .map-search-results-content-title {
		color: #575756;
	}
	.map-search-results-list-item.map-search-results-list-item-active .button.button-grey {
		background-color: #e1e1e1;
	}
	.map-search-results-list-item.map-search-results-list-item-active .button.button-grey:hover,
	.map-search-results-list-item.map-search-results-list-item-active .button.button-grey:focus {
		background-color: #CCCCCC;
	}
	.map-search-results-list-item.map-search-results-list-item-active .map-search-results-content-status-pending {
		color: #575756;
	}
}

/* Extra breakpoint */
@media screen and (max-width: 660px) {
	.map-search-results-content-wrapper {
		padding-left: 78px;
	}
	.map-search-results-avatar-wrapper {
		width: 62px;
	}
	.map-search-results {
		min-width: 0;
		width: 100%;
		float: none;
		overflow: visible;
		/* display: none; */
	}
	.map-search-results-header {
		padding: 9px 15px 14px;
	}
	.map-search-results-list-item.hidden {
		display: none;
	}
	.map-search-results-list-item-close-button {
		background-position: -63px -205px;
	}
	.search-detail-map-search-results-header,
	.search-detail-map-search-results-list {
		display: none;
	}
	.search-detail-back-wrapper {
		padding: 5px 0;
		display: block;
	}
}

/* ---- Map popup boxes ---- */
.gm-style .gm-style-iw {
	font-weight: inherit;
	font-size: inherit;
}
.gm-style-iw-wrapper {
	margin-left: 0 !important;
	margin-top: 21px !important;
}
.gm-style-iw-d {
	overflow: auto !important;
}
.gm-style-iw button[title="Close"] {
    top: 3px !important;
    right: calc(29% - 10px) !important;
    z-index: 10 !important;
    background-color: rgba(255,255,255,1) !important;
    border-radius: 15px !important;
    width: 30px !important;
	height: 30px !important;
}

@media screen and (max-width: 768px) {
	.gm-style-iw button[title="Close"] {
		right: calc((100% - 294px) / 2) !important;
	}
}

@media screen and (max-width: 420px) {
	.gm-style-iw button[title="Close"] {
		right: 5px !important;
	}
}
.gm-style .gm-style-iw-c,
.gm-style-iw-wrapper > div:first-child > div:nth-child(1) {
	background-color: transparent !important;
	box-shadow: none !important;
}
.gm-style .gm-style-iw-t::after {
	background: #2F3945 !important;
}
.gm-style-iw {
	padding: 0 !important;
	left: 0 !important;
	top: 0 !important;
	width: 100% !important;
	background: #2F3945;
	border-radius: 15px;
	position: relative;
	overflow: visible !important;
	font-family: "myriad-pro", sans-serif;
}
.gm-style-iw:after {
	content: " ";
	position: absolute;
	top: 100%;
	display: block;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 1;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 10px 0 10px;
	border-color: #2f3945 transparent transparent transparent;
}
.gm-style-iw > div {
	max-height: none !important;
	max-width: 300px !important;
	display: block !important;
	margin: 0 auto;
}
.gm-style-iw-close {
	background: url('../images/sprites/icon-sprite.svg') no-repeat -51px -170px;
	background-size: 600px;
	width: 19px !important;
	height: 19px !important;
}
.gm-style-iw-close img {
	display: none;
}
.map-popup-wrapper {
	background-color: #2F3945;
	color: #FFF;
	position: relative;
	z-index: 1;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 0;
}
.map-popup-wrapper .feature-box-button-wrapper {
	text-align: left;
	margin-left: 5px;
}
.map-popup-results-avatar-wrapper {
	overflow: hidden;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	float: left;
}
.map-popup-results-avatar {
	width: 100%;
}


/* ---- Map search item details ---- */
.map-search-details {
	float: left;
	width: 74%;
	margin-left: 4%;
	z-index: 0;
	position: relative;
	padding-bottom: 23px;
}

@media screen and (max-width: 1370px) {
	.map-search-details {
		width: 68%;
	}
}

/* Second breakpoint */
@media screen and (max-width: 1080px) {
	.map-search-details {
		width: 65%;
	}
}

/* Third breakpoint */
@media screen and (max-width: 880px) {
	.map-search-details {
		width: 61%;
		margin-right: 4%;
		padding-top: 22px;
	}
}

/* Extra breakpoint */
@media screen and (max-width: 660px) {
	.map-search-details {
		width: 92%;
		margin-right: 4%;
		padding-top: 24px;
	}
}

/* ---- Main search bar ---- */
.section-main-search-bar {
	padding: 21px 0 39px;
	z-index: 2;
	position: relative;
}
.section-main-search-bar .radio-button-switches {
	margin: 0 auto;
	text-align: center;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin-top: 19px;
}

.section-main-search-bar-form-elements .form-element {
	float: left;
	margin-right: 0.7%;
}
.section-main-search-bar-form-elements #form-element-region {
	width: 22%;
}
.section-main-search-bar-form-elements #form-element-species {
	width: 23%;
}
.section-main-search-bar-form-elements #form-element-date-range {
	width: 22%;
}
.section-main-search-bar-form-elements #form-element-site-name {
	width: 15%;
}
.section-main-search-bar-form-elements #form-element-status {
	width: 19.7%;
}
.section-main-search-bar-form-elements .form-element-button {
	width: 10.5%;
	margin-right: 0;
	margin-top: 29px;
}

/* Ala search */
.ala-search {
	width: 690px;
	margin: 0 auto;
}
.section-main-search-bar-form-elements .ala-search #form-element-species {
	width: 40%;
}
.section-main-search-bar-form-elements .ala-search #form-element-date-range {
	width: 40%;
}
.section-main-search-bar-form-elements .ala-search .form-element-button {
	width: 18.6%;
}

/* First breakpoint */
@media screen and (max-width: 1240px) {
	.section-main-search-bar-form-elements .form-element {
		margin-right: 0.7%;
	}
	.section-main-search-bar-form-elements #form-element-region {
		width: 21%;
	}
	.section-main-search-bar-form-elements #form-element-species {
		width: 22.2%;
	}
	.section-main-search-bar-form-elements #form-element-date-range {
		width: 23%;
	}
	.section-main-search-bar-form-elements #form-element-site-name {
		width: 15%;
	}
	.section-main-search-bar-form-elements #form-element-status {
		width: 19%;
	}
	.section-main-search-bar-form-elements .form-element-button {
		width: 12%;
		margin-right: 0;
	}
}

/* Second breakpoint */
@media screen and (max-width: 1080px) {
	.section-main-search-bar-form-elements .form-element {
		margin-right: 1.5%;
	}
	.section-main-search-bar-form-elements #form-element-region {
		width: 43%;
	}
	.section-main-search-bar-form-elements #form-element-species {
		width: 55.5%;
		margin-right: 0;
	}
	.section-main-search-bar-form-elements #form-element-date-range {
		width: 43%;
	}
	.section-main-search-bar-form-elements #form-element-site-name {
		width: 15%;
	}
	.section-main-search-bar-form-elements #form-element-status {
		width: 37%;
	}
	.section-main-search-bar-form-elements .form-element-button {
		width: 17%;
		margin-right: 0;
	}

	/* Ala Search */
	.section-main-search-bar-form-elements .ala-search #form-element-species {
		width: 39%;
		margin-right: 1.5%;
	}
	.section-main-search-bar-form-elements .ala-search #form-element-date-range {
		width: 39%;
	}
	.section-main-search-bar-form-elements .ala-search .form-element-button {
		width: 19%;
	}
}

/* Third breakpoint */
@media screen and (max-width: 880px) {
	.section-main-search-bar {
		padding: 10px 0 15px;
	}
	.section-main-search-bar .radio-button-switches {
		margin-top: -1px;
	}
	.section-main-search-bar-form-elements .form-element {
		margin-right: 0;
	}
	.section-main-search-bar-form-elements #form-element-region {
		width: 42%;
	}
	.section-main-search-bar-form-elements #form-element-species {
		width: 56.5%;
		margin-right: 0;
	}
	.section-main-search-bar-form-elements #form-element-date-range {
		width: 42%;
	}
	.section-main-search-bar-form-elements #form-element-site-name {
		width: 15%;
	}
	.section-main-search-bar-form-elements #form-element-status {
		width: 35%;
	}

	.section-main-search-bar-form-elements #form-element-region,
	.section-main-search-bar-form-elements #form-element-species,
	.section-main-search-bar-form-elements #form-element-date-range,
	.section-main-search-bar-form-elements #form-element-site-name,
	.section-main-search-bar-form-elements #form-element-status {
		width: 100%;
	}
	.section-main-search-bar-form-elements .form-element-button {
		width: auto;
		margin-right: 0;
		margin-top: 6px;
	}

	/* Ala search */
	.ala-search {
		width: auto;
	}
	.section-main-search-bar-form-elements .ala-search .form-element-button {
		margin-top: 28px;
	}
	.section-main-search-bar-form-elements .ala-search #form-element-date-range {
		width: 39%;
		margin-right: 1.5%;
	}
}

/* Extra breakpoint */
@media screen and (max-width: 660px) {
	.section-main-search-bar .radio-button-switches {
		position: relative;
		margin-bottom: 8px;
	}

	/* Ala search */
	.section-main-search-bar-form-elements .ala-search #form-element-species,
	.section-main-search-bar-form-elements .ala-search #form-element-date-range {
		width: 100%;
		margin-right: 0;
	}
	.section-main-search-bar-form-elements .ala-search .form-element-button {
		margin-top: 0;
		margin-bottom: 0;
	}
}


/* ---- Item detail ---- */
.item-detail-header {
	padding: 25px 35px;
	position: relative;
}
.item-detail-avatar-wrapper {
	width: 100px;
	float: left;
	margin-right: 30px;
}
.item-detail-avatar {
	border-radius: 50%;
}
.item-detail-content-wrapper {
	overflow: hidden;
	padding-right: 160px;
}
.item-detail-content-title {
	margin: 0;
	font-size: 3rem;
}
.item-detail-content-title a {
	color: inherit;
	text-decoration: none;
}
.item-detail-content-title a:hover,
.item-detail-content-title a:focus {
	color: inherit;
	text-decoration: underline;
}
.item-detail-content-info {
	font-size: 1.6rem;
	margin: 0;
	line-height: 1.3;
}
.item-detail-content-status {
	text-transform: uppercase;
	font-size: 1.4rem;
	margin: 0;
	line-height: 1.3;
}
.item-detail-content-status small {
	text-transform: none;
}
.item-detail-content-status a {
	text-transform: none;
}

.item-detail-button-wrapper {
	position: absolute;
	top: 36px;
	right: 35px;
}


/* Species list */
.item-detail-sightings-name-wrapper {
	margin: 0;
	overflow: hidden;
	word-break: break-word;
}
.item-detail-sightings-audio {
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	float: left;
}
.item-detail-sightings-remove-button {
	vertical-align: middle;
}

.sightings-table .form-element {
	margin-bottom: 0;
}
.item-detail-sightings-table td > span.icon-before-check,
.item-detail-sightings-table td > span.icon-before-cross {
	display: block;
}


.item-detail-sightings-species-add-wrapper {
	display: none;
	z-index: 1;
	position: relative;
}
.item-detail-sightings-species-add-wrapper.item-detail-sightings-species-add-wrapper-visible {
	display: block;
	-webkit-animation: fadeInDown 400ms;
	-webkit-animation-fill-mode: forwards;
	animation: fadeInDown 400ms;
	animation-fill-mode: forwards;
}
.additional-species-button-hidden {
	display: none;
}
.item-detail-sightings-species-add-form .form-element {
	float: left;
	margin-right: 1.7%;
}
.item-detail-sightings-species-add-form .form-element:last-child {
	margin-right: 0;
}
.item-detail-sightings-species-add-form .form-element-select {
	width: 36.3%;
}
.item-detail-sightings-species-add-form .form-element-button {
	width: 20%;
	margin-top: 31px;
}

.sightings-table .form-element.form-element-small.form-element-checkbox label {
	font-size: 1.5rem;
}
.sightings-table.sightings-table-hidden {
	display: none;
}

/* First breakpoint */
@media screen and (max-width: 1240px) {
	.item-detail-sightings-species-add-form .form-element-select {
		width: 36.8%;
	}
	.item-detail-sightings-species-add-form .form-element-button {
		width: 23%;
		margin-top: 29px;
	}
}

/* Second breakpoint */
@media screen and (max-width: 1080px) {
	.item-detail-sightings-species-add-form .form-element-select {
		width: 48.5%;
	}
	.item-detail-sightings-species-add-form .form-element {
		margin-right: 3%;
	}
	.item-detail-sightings-species-add-form .form-element-select:nth-child(2){
		margin-right: 0;
	}
	.item-detail-sightings-species-add-form .form-element-button {
		width: auto;
		margin-top: 0;
		float: right;
	}
	.item-detail-avatar-wrapper {
		width: 70px;
		margin-right: 25px;
	}
	.item-detail-header {
		padding: 20px 25px;
	}
	.item-detail-button-wrapper .audio-button-title {
		display: none;
	}
	.item-detail-button-wrapper {
		top: 26px;
		right: 25px;
	}
	.item-detail-content-title {
		font-size: 2.5rem;
	}
	.item-detail-content-wrapper {
		padding-right: 100px;
	}
}

/* Extra breakpoint */
@media screen and (max-width: 660px) {
	.item-detail-sightings-species-add-form .form-element-select {
		width: 100%;
		margin-right: 0;
	}
	.item-detail-header {
		padding: 15px 15px;
	}
	.item-detail-avatar-wrapper {
		width: 60px;
		margin-right: 19px;
	}
	.item-detail-content-wrapper {
		padding-right: 110px;
	}
	.item-detail-button-wrapper {
		top: 19px;
		right: 21px;
	}

}

/* Fourth breakpoint */
@media screen and (max-width: 490px){
	.item-detail-button-wrapper {
		position: relative;
		top: auto;
		left: auto;
		margin: 30px 0 10px 25px;
	}
	.item-detail-button-wrapper .audio-button-title {
		display: block;
		right: auto;
		left: 100%;
		margin-left: 30px;
	}
	.item-detail-content-wrapper {
		padding-right: 0;
	}
}



/* ---- Species list ---- */
#species-list-count-wrapper {
	font-size: 1.7rem;
	line-height: 1.2;
}

.species-list {
	list-style: none;
	padding: 0;
	margin: 30px 0;
}
.species-list-item {
	margin-top: 33px;
	border-top: 1px solid #E6E6E6;
	padding-top: 33px;
	display: none;
}
.species-list-item.species-list-item-visible {
	display: block;
}
.species-list-item:first-child {
	margin-top: 0;
}
.species-list-item:last-child {
	border-top: 1px solid #E6E6E6;
}

.species-list-item-photo {
	width: 150px;
	float: left;
	margin-right: 32px;
}
.species-list-item-photo.species-list-item-photo-fallback {
	border: 1px solid #E6E6E6;
}
.species-list-item-content-wrapper {
	overflow: hidden;
}

.species-list-item-content-title {
	margin: 0 0 8px;
	font-size: 3rem;
	line-height: 1;
}
.species-list-item-content-title a {
	color: inherit;
	text-decoration: none;
	font-style: italic;
}
.species-list-item-content-title a:hover,
.species-list-item-content-title a:focus {
	color: inherit;
	text-decoration: underline;
}

.species-list-item-info {
	margin-bottom: 6px;
}
.species-list-button-wrapper {
	margin: 0;
}
.species-list-audio-button {
	vertical-align: top;
	margin: 13px 0 0 13px;
	display: none;
}
.species-list-item-audio-button-wrapper {
	float: right;
	padding-left: 90px;
	margin-top: 38px;
	margin-left: 30px;
}

/* Second breakpoint */
@media screen and (max-width: 1080px){
	.species-list-item-content-title {
		font-size: 2.4rem;
	}

	.species-detail-box__audio-player {
		float: left;
	}
}

/* Extra breakpoint */
@media screen and (max-width: 750px){
	.species-list-item-audio-button-wrapper {
		display: none;
	}
	.species-list-audio-button {
		display: inline-block;
	}
	.species-list-item-photo {
		width: 100px;
		float: left;
		margin-right: 16px;
	}
	.species-list-item {
		margin-top: 16px;
		padding-top: 24px;
	}
	.species-list-item-content-title {
		font-size: 2.2rem;
	}
	.species-detail-box-button-wrapper {
		padding: 19px 46% 19px 10%;
	}
}

/* Fourth breakpoint */
@media screen and (max-width: 490px){
	.species-list {
		margin: 20px 0;
	}
	.species-list-item {
		margin-top: 16px;
		padding-top: 18px;
	}
	.species-list-item-photo {
		width: 54px;
		margin-bottom: 13px;
	}
	.species-list-item-content-title {
		font-size: 2rem;
		overflow: hidden;
	}
	.species-list-item-content-wrapper {
		overflow: visible;
	}
	.species-list-item-info {
		clear: both;
	}
	.species-detail-box__audio-player {
		float: none;
	}
}

/* ---- Species detail ---- */
.species-detail-box {
	width: 200px;
	margin: 5px 30px 15px 0;
}
.species-detail-box-image-wrapper {
	margin-bottom: 20px;
}
.species-detail-box-button-wrapper {
	padding: 19px 25px;
}
.species-detail-content {
	float: right;
	width: 575px;
}
.species-detail-content > h2:first-child {
	margin-top: 0;
}

/* First breakpoint */
@media screen and (max-width: 1240px) {
	.species-detail-content {
		width: 444px;
	}
}

/* Second breakpoint */
@media screen and (max-width: 1080px) {
	.species-detail-box,
	.species-detail-content {
		width: 100%;
		float: none;
	}
	.species-detail-box__media-content .species-detail-box-image-wrapper {
		width: 48%;
		float: left;
		margin-right: 4%;
	}
	.species-detail-box__media-content .species-detail-box-image-wrapper:last-child {
		margin-right: 0;
	}
	.species-detail-box-button-wrapper {
		padding: 19px 86px 19px 25px;
	}
}


@media screen and (max-width: 490px){
	.species-detail-box__media-content .species-detail-box-image-wrapper {
		width: 100%;
		float: none;
		margin-right: 0;
	}
}

/* Extra breakpoint */
@media screen and (max-width: 660px) {
	.species-detail-box-button-wrapper {
		padding: 19px 86px 19px 25px;
	}
}


/* ---- Training file form ---- */
.training-file-header {
	float: left;
	margin-right: 30px;
	/* width: 102px; */
}
.training-file-title {
	margin: 0;
}
.training-file-wrapper {
	border-bottom: 1px solid #E6E6E6;
	padding: 28px 0 17px;
	margin: 0 0 20px;
}
.training-file-button-wrapper {
	margin: 21px 11px 0;
}

.training-file-species-add-form .form-element {
	float: left;
	margin-right: 1.7%;
}
.training-file-species-add-form .form-element:last-child {
	margin-right: 0;
}
.training-file-species-add-form .form-element-select {
	width: 38.3%;
}
.training-file-species-add-form .form-element-button {
	width: 20%;
	margin-top: 31px;
}

.training-file-content-wrapper {
	float: left;
	width: 673px;
}
.training-file-species-add-form {
	margin: 20px 0 20px;
	padding-bottom: 9px;
}

.additional-species-button-wrapper.additional-species-button-wrapper-hidden {
	display: none;
}

.training-files-table.training-files-table-hidden {
	display: none;
}

.training-files-species-add-wrapper.training-files-species-add-wrapper-hidden {
	display: none;
}

/* First breakpoint */
@media screen and (max-width: 1240px) {
	.training-file-content-wrapper {
		width: 542px;
	}
	.training-file-species-add-form .form-element-select:nth-child(2) {
		margin-right: 0;
	}
	.training-file-species-add-form .form-element-select {
		width: 49.1%;
	}
	.training-file-species-add-form .form-element-button {
		width: auto;
		margin-top: 0;
		float: right;
	}
	.training-file-species-add-form {
		padding-bottom: 20px;
	}
}

/* Second breakpoint */
@media screen and (max-width: 1080px) {
	.training-file-header {
		float: none;
		width: auto;
		margin: 0;
	}
	.training-file-content-wrapper {
		width: 100%;
	}
	.training-file-button-wrapper {
		margin: 21px 11px 10px;
	}
}

/* Extra breakpoint */
@media screen and (max-width: 660px) {
	.training-file-species-add-form .form-element-select {
		width: 100%;
		margin-right: 0;
	}
	.training-file-wrapper {
		padding: 14px 0 10px;
		margin: 0 0 11px;
	}
}



/* ---- site search ---- */

/* ie on the /search page */


@media screen and (min-width: 650px) {
	.site-search-form input[type="text"] {
		width: 60%;
		margin: 0 1.5% 0 0;
	}

}

/* Generic style for all widgets */

.widget h3.widget-title {

}



/* ------------------------------------------------------
**** Widgets

Widgets & Modules that ship with sprout.
If they don't they belong in seperate partial file

------------------------------------------------------ */

/* ---- Catch all ---- */
.sidebar .widget {
	margin-bottom: 25px;
}
.sidebar .widget:last-child {
	margin-bottom: 0;
}

/* ---- Related Links ---- */
.widget-RelatedLinks {
	margin-bottom: 25px;
}
/* resets, don't touch */
.widget-RelatedLinks ul {
	list-style: none;
	padding: 0;
	margin:  0;
}
.widget-RelatedLinks li {
	border-bottom: 2px solid #D2D2D2;
}
.widget-RelatedLinks li:last-child {
	border-bottom: none;
}
.widget-RelatedLinks a {
	text-decoration: none;
	display: block;
	-webkit-transition: all 150ms ease-out;
	transition: all 150ms ease-out;
}

/* Depth1 */
.widget-RelatedLinks li.depth1 {
	border-bottom: 2px solid #D2D2D2;
}
.widget-RelatedLinks li.depth1:last-child {
	border-bottom: none;
}
.widget-RelatedLinks li.depth1 > a {
	padding: 10px 15px 10px 0;
}

/* Depth2 */
.widget-RelatedLinks ul.depth2 {
	padding-left: 30px;
	border-top: 2px solid #eaeaea;
}
.widget-RelatedLinks li.depth2 > a {
	padding: 8px 15px 8px 5px;
}

/* Hover/focus */
.widget-RelatedLinks li a:focus,
.widget-RelatedLinks li a:hover {
	padding-left: 15px;
	padding-right: 5px;
}
.widget-RelatedLinks li:not(.on) a:focus,
.widget-RelatedLinks li:not(.on) a:hover,
.widget-RelatedLinks li:not(.on).depth1 > a:focus,
.widget-RelatedLinks li:not(.on).depth1 > a:hover {
	background-color: #eee;
}

/* On */
.widget-RelatedLinks li.on > a {
	background-color: #48b78d;
	padding-left: 15px;
	padding-right: 15px;
	color: #FFFFFF;
}

/* Fourth breakpoint */
@media screen and (max-width: 490px) {
	.widget-RelatedLinks li.depth1 > a {
		padding-top: 7px;
		padding-bottom: 7px;
	}

	/* Depth2 */
	.widget-RelatedLinks li.depth2 > a {
		padding-top: 5px;
		padding-bottom: 5px;
	}

}

/* ---- Simple Image Gallery ---- */
.widget-GallerySimple {
	margin: 15px -10px;
}

.widget-GallerySimple h3 {
	padding: 10px;
}

.widget-GallerySimple .gallery-simple-thumb {
	width: 33.333%;
	padding: 10px;
	float: left;
}
.widget-GallerySimple .gallery-simple-thumb img {
	width: 100%;
}

/* ---- Children Page Gallery ---- */
.children-gallery-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget-ChildrenGallery .children-gallery-list-item {
	width: 22%;
	float: left;
	margin: 0 0 20px 4%;
	position: relative;
}
.widget-ChildrenGallery .children-gallery-list-item:nth-child(4n+1) {
	margin-left: 0;
	clear: left;
}
.widget-ChildrenGallery .children-gallery-list-item-link {
	display: block;
	text-decoration: none;
	color: inherit;
}
.widget-ChildrenGallery .children-gallery-list-item-link:hover {
	text-decoration: underline;
}
.widget-ChildrenGallery .children-gallery-list-item-image {
	margin-bottom: 9px;
}
.widget-ChildrenGallery .children-gallery-list-item-link:hover .children-gallery-list-item-image {
	opacity: 0.9;
}
.widget-ChildrenGallery .children-gallery-list-item-title {
	margin: 0;
	font-size: 1.7rem;
}
.widget-ChildrenGallery .children-gallery-list-item-anchor {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
/* Uncomment if you want "Visit Page" button to appear on hover state
.widget-ChildrenGallery .children-gallery-list-item-link:hover .children-gallery-list-item-anchor {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	padding: 0;
	position: absolute;
	width: 100%;
	top: 56px;
	left: 0;
	text-align: center;
}
.widget-ChildrenGallery .children-gallery-list-item-anchor .button {
	margin: 0 auto;
	display: inline-block;
}
*/

@media screen and (max-width: 800px) {
	.widget-ChildrenGallery .children-gallery-list-item {
		width: 30.666666%;
	}

	.widget-ChildrenGallery .children-gallery-list-item:nth-child(4n+1) {
		margin-left: 4%;
		clear: none;
	}
	.widget-ChildrenGallery .children-gallery-list-item:nth-child(3n+1) {
		margin-left: 0;
	}
}

@media screen and (max-width: 500px) {
	.widget-ChildrenGallery .children-gallery-list-item {
		width: 48%;
	}
	.widget-ChildrenGallery .children-gallery-list-item:nth-child(3n+1) {
		margin-left: 4%;
	}
	.widget-ChildrenGallery .children-gallery-list-item:nth-child(2n+1) {
		margin-left: 0;
	}
}


/* ---- Order Form ---- */
.widget-OrderForm .product {
	width: 30%;
	margin-right: 5%;
	float: left;
}
.widget-OrderForm .product:nth-child(3n+3) {
	margin-right: 0;
}


/* ---- Videos ---- */
.widget-Video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
}

.widget-Video iframe,
.widget-Video object,
.widget-Video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* ------------------------------------------------------
**** Print styles
------------------------------------------------------ */

@media print {
	* {
		background: transparent !important;
		color: #000 !important; /* Black prints faster: h5bp.com/s */
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	/*
	 * Don't show links for images, or javascript/internal links
	 */

	 .ir a:after,
	 a[href^="javascript:"]:after,
	 a[href^="#"]:after {
		content: "";
	 }

	 pre,
	 blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	 }

	 thead {
		display: table-header-group; /* h5bp.com/t */
	 }

	 tr,
	 img {
		page-break-inside: avoid;
	 }

	 img {
		max-width: 100% !important;
	 }

	 @page {
		margin: 0.5cm;
	 }

	 p,
	 h2,
	 h3 {
		orphans: 3;
		widows: 3;
	 }

	 h2,
	 h3 {
		page-break-after: avoid;
	 }
	}