* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

nav {
	background-color: dodgerblue;
	height: 70px;
}

.mobile-login {
	text-align: center;
}

/* unvisited link */
a:link {
	color: black;
}

/* visited link */
a:visited {
	color: black;
}

/* mouse over link */
a:hover {
	color: black;
}

/* selected link */
a:active {
	color: black;
}

h1 {
	line-height: 130%;
	font-family: bookmania, serif;
}

h2 {

font-family: bookmania, serif;
}


:root {
	--page-background: rgba(250,250,250,1);
	--youthwork: rgba(230, 46, 46, 1);
	--youthwork-text: rgba(230, 46, 46, 0.7);
	--youthwork-light: rgba(255,235,235, 1);
	--digital: rgba(17,204,242,1);
	--digital-text: rgba(17,204,242, 0.7);
	--party: rgb(245, 205, 72);
	--party-text: rgb(245, 205, 72);
	--digital-light: rgba(17,204,242, 0.1);
	--community: rgba(161, 99, 214,1);
	--community-text: rgba(161, 99, 214, 0.7);
	--community-light: rgba(161, 99, 214, 0.2);
	--health: rgba(255,205,39,1);
	--health-text: rgba(255,205,39, 0.7);
	--health-light: rgba(255,205,39, 0.1);
	--food: rgba(255,129,32,1);
	--food-text: rgba(255,129,32, 0.7);
	--food-light: rgba(255,129,32, 0.2);
	--autism: rgb(237, 102, 255);
	
	--park: rgba(149,217,67,1);
	--park-text: rgba(149,217,67, 0.7);
	--park-light: rgba(149,217,67, 0.2);
	--default: rgba(180,180,180,1);
	--default-text: rgba(200,200,200, 0.5);
	--default-light: rgba(200,200,200, 0.5);
	--black-color: rgb(0, 0, 0);


	--black-almost: rgba(40,40,40, 1);
	--black-light: rgba(120,120,120, 1);
	--input-grey: gainsboro;

	--gradient-dark-bottom: rgba(11,11,21,1);
	--gradient-dark-top: rgba(33,33,43,1);

	--funky-red: #FF4747;

	--dark-blue: rgb(26 26 36);


	/* --background: blue; */
	--pannel: rgba(230,230,230,1);
	--brunswick-red: #D42A2A;


	--nav-text: rgba(15,15,15,1);
	--nav-text-hover: rgba(132, 132, 132, 1);
	--shadow: 0px 4px 6px rgb(0 0 0 / 10%), 0px 5px 15px rgba(0, 0, 0, 5%);
    --shadow-small: 0px 2px 6px rgb(0 0 0 / 15%);
	--shadow-hover: 0px 12px 10px rgb(0 0 0 / 27%), 0px 5px 25px rgba(0, 0, 0, 15%);
}

.text--white {
	color: white;
}

.gradient-background {
	background: rgb(161,99,214);
	background: -moz-linear-gradient(90deg, rgba(161,99,214,1) 0%, rgba(230,46,46,1) 19%, rgba(255,129,32,1) 41%, rgba(255,205,39,1) 60%, rgba(149,217,67,1) 82%, rgba(17,204,242,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(161,99,214,1) 0%, rgba(230,46,46,1) 19%, rgba(255,129,32,1) 41%, rgba(255,205,39,1) 60%, rgba(149,217,67,1) 82%, rgba(17,204,242,1) 100%);
	background: linear-gradient(90deg, rgba(161,99,214,1) 0%, rgba(230,46,46,1) 19%, rgba(255,129,32,1) 41%, rgba(255,205,39,1) 60%, rgba(149,217,67,1) 82%, rgba(17,204,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a163d6",endColorstr="#11ccf2",GradientType=1);
}

.bronze {
	background: rgb(156,107,52);
	background: linear-gradient(
		117deg
		, rgba(158,138,127,1) 0%, rgba(216,196,186,1) 100%);
}

/* .bronze {
	background: rgb(179, 218, 255);
	background: linear-gradient(
		117deg
		, #ff9be1, #9cbfff 100%);
} */



.coco {
	background: rgb(129,255,100);
background: -moz-linear-gradient(20deg, #ffdd1e, #F299BD);
background: -webkit-linear-gradient(20deg, #ffdd1e, #F299BD);
background: linear-gradient(20deg, #ffdd1e, #F299BD);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffdd1e",endColorstr="#F299BD",GradientType=1);

linear-gradient(20deg, #ffdd1e, #F299BD)
}

.silver {
	background: rgb(198,204,209);
	background: -moz-linear-gradient(90deg, rgba(198,204,209,1) 0%, rgba(222,229,231,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(198,204,209,1) 0%, rgba(222,229,231,1) 100%);
	background: linear-gradient(90deg, rgba(198,204,209,1) 0%, rgba(222,229,231,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c6ccd1",endColorstr="#dee5e7",GradientType=1);
}

.gold {
	background: rgb(179, 147, 68);
	background: linear-gradient(
		297deg
		, rgba(231,204,143,1)  0%, rgba(181,137,18,1) 100%);
}

.plat {
	background: rgb(202, 202, 202);
  background: linear-gradient(297deg, rgba(255, 255, 255, 1) 0%, rgba(192, 192, 192, 1) 100%);
}

.thirteen {
	background: rgb(135,224,255);
	background: -moz-linear-gradient(90deg, rgba(135,224,255,1) 0%, rgba(239,134,255,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(135,224,255,1) 0%, rgba(239,134,255,1) 100%);
	background: linear-gradient(90deg, rgba(135,224,255,1) 0%, rgba(239,134,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#87e0ff",endColorstr="#ef86ff",GradientType=1);
}

.black-color {
	color: var(--black-color);
}

.youthwork {
	background-color: var(--youthwork);
}

.youthwork--light {
	background-color: var(--youthwork-light);
}

.youthwork-color {
	color: var(--youthwork);
}

.logo-color--youthwork {
	fill: var(--youthwork);
}

.logo-color--youthwork--light {
	fill: var(--youthwork-light);
}


.digital {
	background-color: var(--digital);
}

.digital--light {
	background-color: var(--digital-light);
}

.digital-color {
	color: var(--digital);
}

.party-color {
	color: var(--party);
}

.logo-color--party {
	fill: var(--party);
}

.logo-color--digital {
	fill: var(--digital);
}

.logo-color--digital--light {
	fill: var(--digital-light);
}


.community {
	background-color: var(--community);
}

.party {
	background-color: var(--party);
}

.community--light {
	background-color: var(--community-light);
	fill: var(--community-light);
}

.community-color {
	color: var(--community);
}

.logo-color--community {
	fill: var(--community);
}

.logo-color--community--light {
	fill: var(--community-light);
}


.health {
	background-color: var(--health);
}

.health--light {
	background-color: var(--health-light);
	fill: var(--health-light);
}

.health-color {
	color: var(--health);
}

.logo-color--health {
	fill: var(--health);
}

.logo-color--health--light {
	fill: var(--health-light);
}

.food {
	background-color: var(--food);
}

.food--light {
	background-color: var(--food-light);
	fill: var(--food-light);
}

.food-color {
	color: var(--food);
}

.logo-color--food {
	fill: var(--food);
}

.logo-color--autism {
	fill: var(--autism);
}

.autism-color {
	color: var(--autism);
}

.park {
	background-color: var(--park);
}

.park--light {
	background-color: var(--park-light);
	fill: var(--park-light);
}

.park-color {
	color: var(--park);
}

.logo-color--park {
	fill: var(--park);
}

.default {
	background-color: rgb(177 177 177);
}

.glass {
	background-color: rgba(255, 255, 255, .25);
	backdrop-filter: blur(5px);
}



/*
font-family: bio-sans,sans-serif;
font-weight: 200;
font-style: normal;

font-family: bio-sans,sans-serif;
font-weight: 400;
font-style: normal;

font-family: bio-sans,sans-serif;
font-weight: 700;
font-style: normal;
*/









/* nav */
* {
	box-sizing: border-box
}
blockquote, body, dd, dl, figure, h1, h2, h3, h4, h5, h6, ol, p, pre, ul {
	margin: 0;
	padding: 0
}
ol, ul {
	list-style: none
}
a {
	text-decoration: none
}
:root {
	overflow-x: hidden;
	height: 100%
}

.navbar-body {
	min-height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: 62.5%;
	font-family: Camphor, Open Sans, Segoe UI, sans-serif;
	font-weight: 400;
	font-style: normal;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	-webkit-font-feature-settings: "pnum";
	font-feature-settings: "pnum";
	font-variant-numeric: proportional-nums;
}

.globalContent {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}
html[lang=ja] body {
	font-family: Meiryo, Hiragino Sans, sans-serif
}
code, pre {
	font-family: Source Code Pro, Consolas, Menlo, monospace
}

.container, .container-fluid, .container-lg, .container-wide, .container-xl {
	margin: 0 auto;
	padding: 0 20px;
	width: 100%;
	/* background-color: aqua; */
	/* position: absolute; */
}
.container, .container-lg {
	max-width: 1240px
}
.container-wide, .container-xl {
	max-width: 1160px
}
.common-SuperTitle {
	font-weight: 300;
	font-size: 45px;
	line-height: 60px;
	color: #32325d;
	letter-spacing: -.01em
}
@media (min-width:670px) {
	.common-SuperTitle {
		font-size: 50px;
		line-height: 70px
	}
}
.common-PageTitle {
	font-weight: 400;
	font-size: 34px;
	line-height: 43px;
	color: #32325d
}
@media (min-width:670px) {
	.common-PageTitle {
		font-size: 40px;
		line-height: 50px
	}
}
.common-PageSubtitle {
	font-weight: 300;
	font-size: 34px;
	line-height: 43px;
	color: #6772e5
}
@media (min-width:670px) {
	.common-PageSubtitle {
		font-size: 40px;
		line-height: 50px
	}
}
.common-IntroText {
	font-weight: 400;
	font-size: 21px;
	line-height: 31px;
	color: #525f7f
}
@media (min-width:670px) {
	.common-IntroText {
		font-size: 24px;
		line-height: 36px
	}
}
.common-BodyTitle {
	font-weight: 500;
	font-size: 19px;
	line-height: 28px;
	color: #32325d
}
.common-BodyText {
	font-weight: 400;
	font-size: 17px;
	line-height: 26px;
	color: #6b7c93
}
.common-UppercaseTitle {
	font-size: 20px;
	line-height: 31px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .025em
}
@media (min-width:670px) {
	.common-UppercaseTitle {
		font-size: 22px;
		line-height: 33px
	}
}
.common-Uppercase {
	font-size: 17px;
	line-height: 26px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .025em
}
.common-AlignRight {
	text-align: right
}
.common-NoWrap {
	white-space: nowrap
}
.common-ProductLockup, .common-ProductLockupBack {
	font-size: 24px;
	line-height: 30px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .04em;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}
@media (min-width:670px) {
	.common-ProductLockup, .common-ProductLockupBack {
		font-size: 28px;
		line-height: 38px
	}
}
.common-ProductLockup .icon, .common-ProductLockupBack .icon {
	width: 64px;
	height: 64px;
	overflow: hidden;
	border-radius: 50%;
	box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
	margin-right: 20px
}
@media (min-width:670px) {
	.common-ProductLockup .icon, .common-ProductLockupBack .icon {
		width: 72px;
		height: 72px
	}
}
.common-ProductLockupBack {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	font-size: 20px;
	-webkit-transition: color .1s;
	transition: color .1s
}
.common-ProductLockupBack:before {
	font: normal 48px/24px StripeIcons;
	content: '\279D';
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	width: 36px;
	text-align: right;
	position: relative;
	top: -6px;
	-webkit-transition: color .1s;
	transition: color .1s
}
.common-ProductLockupBack .icon {
	width: 48px;
	height: 48px
}
.common-ProductLockupBack .hover-fillDark, .common-ProductLockupBack .hover-fillLight {
	-webkit-transition: fill .1s;
	transition: fill .1s
}
.common-ProductLockupBack .hover-strokeDark, .common-ProductLockupBack .hover-strokeLight {
	-webkit-transition: stroke .1s;
	transition: stroke .1s
}
.common-ProductLockupBack:hover .hover-fillLight {
	fill: #8898aa
}
.common-ProductLockupBack:hover .hover-fillDark {
	fill: #32325d
}
.common-ProductLockupBack:hover .hover-strokeLight {
	stroke: #8898aa
}
.common-ProductLockupBack:hover .hover-strokeDark {
	stroke: #32325d
}
.common-Link {
	color: #6772e5;
	font-weight: 500;
	-webkit-transition: color .1s ease;
	transition: color .1s ease;
	cursor: pointer
}
.common-Link:hover {
	color: #32325d
}
.common-Link:active {
	color: #000
}
.common-Link--arrow:after {
	font: normal 16px StripeIcons;
	content: '\2192';
	padding-left: 5px
}
.common-Uppercase.common-Link--arrow:after {
	content: '\279C'
}
.common-InvertedText .common-BodyTitle, .common-InvertedText .common-PageSubtitle, .common-InvertedText .common-PageTitle, .common-InvertedText .common-SuperTitle, .common-InvertedText .common-Uppercase, .common-InvertedText .common-UppercaseTitle {
	color: #fff
}
.common-InvertedText .common-IntroText {
	color: #c4f0ff
}
.common-InvertedText .common-BodyText {
	color: #9cdbff
}
.common-InvertedText .common-Link, .common-Link--white {
	color: #fff
}
.common-InvertedText .common-Link:hover, .common-Link--white:hover {
	color: #c4f0ff
}
.common-InvertedText .common-Link:active, .common-Link--white:active {
	color: #87bbfd
}
.common-Button {
	white-space: nowrap;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0 14px;
	box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
	background: #fff;
	border-radius: 4px;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .025em;
	color: #6772e5;
	text-decoration: none;
	-webkit-transition: all .15s ease;
	transition: all .15s ease
}
.common-Button:hover {
	color: #7795f8;
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
	box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08)
}
.common-Button:active {
	color: #555abf;
	background-color: #f6f9fc;
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
	box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08)
}
.common-Button--default {
	color: #fff;
	background: #6772e5
}
.common-Button--default:hover {
	color: #fff;
	background-color: #7795f8
}
.common-Button--default:active {
	color: #e6ebf1;
	background-color: #555abf
}
.common-Button--dark {
	color: #fff;
	background: #32325d
}
.common-Button--dark:hover {
	color: #fff;
	background-color: #43458b
}
.common-Button--dark:active {
	color: #e6ebf1;
	background-color: #32325d
}
.common-ButtonIcon {
	display: inline;
	margin: 0 5px 0 0;
	position: relative
}
.common-ButtonGroup {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -10px
}
.common-ButtonGroup .common-Button {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin: 10px
}
.StripeBackground {
	position: absolute;
	left: 0;
	top: 50%;
	right: 0;
	-webkit-transform: skewY(-12deg);
	transform: skewY(-12deg);
	pointer-events: none
}
.StripeBackground .stripe {
	position: absolute;
	top: auto;
	left: 0;
	right: 0
}
.StripeBackground.accelerated .stripe {
	will-change: transform
}
.StripeBackground .stripe.pattern {
	overflow: hidden
}
.StripeBackground .stripe.pattern:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1000px;
	top: -1000px;
	-webkit-transform: skew(0, 12deg);
	transform: skew(0, 12deg)
}
.common-Card {
	position: relative;
	background-color: #fff;
	border-radius: 4px;
	padding: 30px;
	box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07)
}
@media (min-width:880px) {
	.common-Card {
		padding: 50px
	}
}
.common-BetaBadge {
	display: inline;
	position: relative;
	height: 18px;
	margin-left: 11px;
	border-radius: 9px;
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	padding: 2px 6px 2px 7px;
	text-transform: uppercase;
	color: #8898aa;
	background-color: rgba(136, 152, 170, .15)
}
.lg-cols, .lg-grid, .lg-rows, .md-cols, .md-grid, .md-rows, .sm-cols, .sm-grid, .sm-rows, .xs-cols, .xs-grid, .xs-rows {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin: -20px
}
.feature-block {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 20px;
	position: relative
}
.xs-cols {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row
}
.xs-cols .feature-block {
	-webkit-flex-basis: 100%;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%
}
.xs-rows {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}
.xs-rows .feature-block {
	-webkit-flex-basis: auto;
	-ms-flex-preferred-size: auto;
	flex-basis: auto
}
.xs-grid {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.xs-grid .feature-block {
	-webkit-flex-basis: 50%;
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%
}
@media (min-width:670px) {
	.sm-cols {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row
	}
	.sm-cols .feature-block {
		-webkit-flex-basis: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%
	}
	.sm-rows {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.sm-rows .feature-block {
		-webkit-flex-basis: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
	.sm-grid {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.sm-grid .feature-block {
		-webkit-flex-basis: 50%;
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%
	}
}
@media (min-width:880px) {
	.md-cols {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap
	}
	.md-cols .feature-block {
		-webkit-flex-basis: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%
	}
	.md-rows {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap
	}
	.md-rows .feature-block {
		-webkit-flex-basis: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
	.md-grid {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.md-grid .feature-block {
		-webkit-flex-basis: 50%;
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%
	}
}
@media (min-width:1040px) {
	.lg-cols {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap
	}
	.lg-cols .feature-block {
		-webkit-flex-basis: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%
	}
	.lg-rows {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap
	}
	.lg-rows .feature-block {
		-webkit-flex-basis: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
	.lg-grid {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.lg-grid .feature-block {
		-webkit-flex-basis: 50%;
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%
	}
}
.xs-icon-top .icon {
	margin: 10px 0 20px -3px
}
.xs-icon-left {
	padding-left: 50px
}
.xs-icon-left .icon {
	position: absolute;
	left: -24px;
	top: 7px
}
@media (min-width:670px) {
	.sm-icon-top {
		padding-left: 0
	}
	.sm-icon-top .icon {
		position: static;
		margin: 10px 0 20px -3px
	}
	.sm-icon-left {
		padding-left: 50px
	}
	.sm-icon-left .icon {
		position: absolute;
		left: -24px;
		top: 7px
	}
}
@media (min-width:880px) {
	.md-icon-top {
		padding-left: 0
	}
	.md-icon-top .icon {
		position: static;
		margin: 10px 0 20px -3px
	}
	.md-icon-left {
		padding-left: 50px
	}
	.md-icon-left .icon {
		position: absolute;
		left: -24px;
		top: 7px
	}
}
@media (min-width:1040px) {
	.lg-icon-top {
		padding-left: 0
	}
	.lg-icon-top .icon {
		position: static;
		margin: 10px 0 20px -3px
	}
	.lg-icon-left {
		padding-left: 50px
	}
	.lg-icon-left .icon {
		position: absolute;
		left: -24px;
		top: 7px
	}
}
.feature-block h3, .feature-block p {
	margin-bottom: 10px
}
.feature-block h3:last-child, .feature-block p:last-child {
	margin-bottom: 0
}
.feature-block .icon {
	width: 48px;
	height: 48px
}
.common-FlagIcon:before {
	content: '';
	display: inline-block;
	width: 21px;
	height: 15px;
	background: url(/img/v3/common/flagIcons.svg);
	background-position: -258px -35px;
	vertical-align: -2px;
	margin-right: 12px
}
.common-FlagIcon--at:before {
	background-position: -10px -10px
}
.common-FlagIcon--au:before {
	background-position: -41px -10px
}
.common-FlagIcon--be:before {
	background-position: -72px -10px
}
.common-FlagIcon--br:before {
	background-position: -103px -10px
}
.common-FlagIcon--ca:before {
	background-position: -134px -10px
}
.common-FlagIcon--ch:before {
	background-position: -165px -10px
}
.common-FlagIcon--de:before {
	background-position: -196px -10px
}
.common-FlagIcon--dk:before {
	background-position: -227px -10px
}
.common-FlagIcon--es:before {
	background-position: -258px -10px
}
.common-FlagIcon--fi:before {
	background-position: -289px -10px
}
.common-FlagIcon--fr:before {
	background-position: -320px -10px
}
.common-FlagIcon--gb:before {
	background-position: -351px -10px
}
.common-FlagIcon--hk:before {
	background-position: -382px -10px
}
.common-FlagIcon--ie:before {
	background-position: -413px -10px
}
.common-FlagIcon--it:before {
	background-position: -444px -10px
}
.common-FlagIcon--jp:before {
	background-position: -475px -10px
}
.common-FlagIcon--lu:before {
	background-position: -506px -10px
}
.common-FlagIcon--mx:before {
	background-position: -10px -35px
}
.common-FlagIcon--nl:before {
	background-position: -41px -35px
}
.common-FlagIcon--no:before {
	background-position: -72px -35px
}
.common-FlagIcon--nz:before {
	background-position: -103px -35px
}
.common-FlagIcon--pt:before {
	background-position: -134px -35px
}
.common-FlagIcon--se:before {
	background-position: -165px -35px
}
.common-FlagIcon--sg:before {
	background-position: -196px -35px
}
.common-FlagIcon--us:before {
	background-position: -227px -35px
}
.common-FlagIcon--xx:before {
	background-position: -258px -35px
}
.globalNav {
	font-family: Camphor, Open Sans, Segoe UI, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	left: 0;
	top: 0px;
	right: 0;
	z-index: 500;
	height: 70px;
	-webkit-perspective: 2000px;
	perspective: 2000px;
	background-color: white;
	padding-top: 10px;
}
.globalNav ul {
	padding: 0;
	margin: 0
}
.globalNav li {
	list-style: none;
}
.globalNav a {
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	color: var(--nav-text);
	-webkit-transition: color .1s;
	transition: color .1s
}
.globalNav a:hover {
	color: var(--nav-text-hover);
}
.globalNav>.container-lg {
	padding: 0
}
.globalNav .navRoot {
	position: relative
}
.globalNav .navSection.logo {
	position: absolute;
	top: 0;
	left: 0
}
.globalNav .navSection.primary, .globalNav .navSection.secondary {
	display: none
}
@media (min-width:670px) {
	.globalNav .navSection.primary, .globalNav .navSection.secondary {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex
	}
}
.globalNav .navSection.primary {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}
.globalNav .navSection.secondary {
	position: absolute;
	top: 0;
	right: 0
}
.globalNav .navSection.mobile {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end
}
@media (min-width:670px) {
	.globalNav .navSection.mobile {
		display: none
	}
}
.globalNav.compact .navRoot {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}
.globalNav.compact .navSection.logo {
	position: static;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}
.globalNav.compact .navSection.secondary {
	position: static
}
.globalNav .rootLink {
	display: inline-block;
	height: 50px;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 17px;
	line-height: 50px;
	font-weight: 400;
	margin: 0;
	padding: 0 10px
}
@media (min-width:670px) {
	.globalNav .rootLink {
		padding: 0 calc(10px + (100vw - 670px) * .040541)
	}
}
@media (min-width:1040px) {
	.globalNav .rootLink {
		padding: 0 25px
	}
}
.globalNav .navSection.logo .rootLink {
	padding-left: 16px!important
}
.globalNav .navSection.secondary .rootLink:last-child {
	padding-right: 20px!important
}
.globalNav .navSection.primary .rootLink {
	font-weight: 500;
}
.globalNav .colorize {
	color: var(--nav-text);
	-webkit-transition: color .1s ease;
	transition: color .1s ease;
}
.globalNav .colorize.active, .globalNav .colorize:hover {
	color: var(--nav-text-hover);
	background-color: white;
}
.globalNav .hasDropdown {
	cursor: default
}
.globalNav .item-home h1 {
	line-height: 50px;
	font-size: 20px;
	margin: 0;
	color: inherit
}
.globalNav .item-home svg {
	vertical-align: -5px
}
.globalNav .item-home svg path {
	fill: currentColor
}
.globalNav .item-dashboard:after {
	font: normal 16px StripeIcons;
	content: '\279E';
	padding-left: 1px
}
.globalNav .dropdownRoot {
	position: absolute;
	z-index: 1000;
	left: 0;
	right: 0;
	top: 60px;
	pointer-events: none;
	-webkit-transform: rotateX(-15deg);
	transform: rotateX(-15deg);
	-webkit-transform-origin: 50% -50px;
	transform-origin: 50% -50px;
	opacity: 0;
	will-change: transform, opacity;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	-webkit-transition-duration: .25s;
	transition-duration: .25s;
	display: none;
}
@media (min-width:670px) {
	.globalNav .dropdownRoot {
		display: block
	}
}
.globalNav.dropdownActive .dropdownRoot {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: none;
	transform: none;
}
.globalNav .dropdownBackground {
	background: #fff;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
	width: 520px;
	height: 400px;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0
}
.globalNav .alternateBackground, .globalNav .dropdownBackground {
	position: absolute;
	top: 0;
	left: 0;
	will-change: transform;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-duration: .25s;
	transition-duration: .25s
}
.globalNav .alternateBackground {
	right: 0;
	height: 1000px;
	background: #f6f9fc
}
.globalNav .dropdownArrow {
	top: -6px;
	margin: 0 0 0 -6px;
	width: 12px;
	height: 12px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-radius: 4px 0 0 0;
	background: #fff;
	box-shadow: -3px -3px 5px rgba(82, 95, 127, .04);
	will-change: transform;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform
}
.globalNav .dropdownArrow, .globalNav .dropdownContainer {
	position: absolute;
	left: 0;
	-webkit-transition-duration: .25s;
	transition-duration: .25s
}
.globalNav .dropdownContainer {
	overflow: hidden;
	top: 0;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	will-change: transform, width, height;
	-webkit-transition-property: width, height, -webkit-transform;
	transition-property: width, height, -webkit-transform;
	transition-property: transform, width, height;
	transition-property: transform, width, height, -webkit-transform
}
.globalNav .dropdownSection {
	opacity: 0;
	pointer-events: none;
	will-change: transform, opacity;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	-webkit-transition-duration: .25s;
	transition-duration: .25s;
	background: red
}
.globalNav .dropdownSection.active {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}
.globalNav .dropdownSection.left {
	-webkit-transform: translateX(-150px);
	transform: translateX(-150px)
}
.globalNav .dropdownSection.right {
	-webkit-transform: translateX(150px);
	transform: translateX(150px)
}
.globalNav.dropdownActive .dropdownSection.active {
	pointer-events: auto
}
.globalNav.noDropdownTransition .alternateBackground, .globalNav.noDropdownTransition .dropdownArrow, .globalNav.noDropdownTransition .dropdownBackground, .globalNav.noDropdownTransition .dropdownContainer, .globalNav.noDropdownTransition .dropdownSection {
	-webkit-transition: none;
	transition: none
}
.globalNav .dropdownContent {
	position: absolute;
	top: 0;
	left: 0
}
.globalNav .linkGroup {
	padding: 20px 35px
}
.globalNav .linkContainer {
	display: block;
	padding: 9px 0
}
.globalNav .linkTitle {
	margin: 0;
	color: var(--nav-text);
	font-size: 16px;
	line-height: 22px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: .025em
}
.globalNav .linkSub {
	font-size: 15px;
	line-height: 22px;
	color: #6b7c93;
	margin: 5px 0 0;
	display: block
}
.globalNav .linkSub, .globalNav .linkTitle {
	-webkit-transition: color .1s;
	transition: color .1s
}
.globalNav .linkContainer:hover .linkTitle, .globalNav .linkTitle:hover {
	color: var(--nav-text-hover);
}
.globalNav .linkContainer:hover .linkSub {
	color: #424770
}
.globalNav .hover-fillDark, .globalNav .hover-fillLight {
	-webkit-transition: fill .1s;
	transition: fill .1s
}
.globalNav .hover-strokeDark, .globalNav .hover-strokeLight {
	-webkit-transition: stroke .1s;
	transition: stroke .1s
}
.globalNav .linkContainer:hover .hover-fillLight {
	fill: #8898aa
}
.globalNav .linkContainer:hover .hover-fillDark {
	fill: #32325d
}
.globalNav .linkContainer:hover .hover-strokeLight {
	stroke: #8898aa
}
.globalNav .linkContainer:hover .hover-strokeDark {
	stroke: #32325d
}
.globalNav .linkIcon {
	white-space: nowrap
}
.globalNav .linkIcon svg {
	margin: 0 12px -3px -1px
}
.globalNav .withIcon {
	padding-left: 28px
}
.globalNav .withIcon .linkTitle {
	margin-left: -28px
}
.globalNav .new-badge {
	display: inline-block;
	margin-left: 5px;
	vertical-align: 2px;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 14px;
	font-weight: 700;
	background: #6772e5;
	-webkit-transition: background .15s;
	transition: background .15s;
	border-radius: 10px;
	padding: 0 5px;
	height: auto;
	top: auto;
	box-shadow: none
}

.globalNav .new-badge-small {
	display: inline-block;
	margin-left: 5px;
	vertical-align: 2px;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 14px;
	font-weight: 700;
	background: #6772e5;
	-webkit-transition: background .15s;
	transition: background .15s;
	border-radius: 10px;
	padding: 0 5px;
	height: auto;
	top: auto;
	box-shadow: none;
}

.globalNav .linkContainer:hover .new-badge {
	background: #32325d
}
.globalNav .productsGroup {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 640px;
	max-width: calc(100vw - 85px);
	margin: -5px -10px
}
.globalNav .productsGroup>li {
	-webkit-flex: 1 0 50%;
	-ms-flex: 1 0 50%;
	flex: 1 0 50%
}
.globalNav .productsGroup .linkContainer, .globalNav .productsGroup>li {
	-webkit-box-flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}
.globalNav .productsGroup .linkContainer {
	padding: 18px 10px;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}
.globalNav .productsGroup svg {
	width: 48px;
	height: 48px
}
.globalNav .productLinkContent {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: 20px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 71px
}
.globalNav .prodsubGroup, .globalNav .productLinkContent {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}
.globalNav .prodsubGroup .linkContainer {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	padding: 13px 30px
}
.globalNav .prodsubGroup .linkSub {
	margin: 0 0 0 10px
}
.globalNav .item-subscriptions .linkTitle {
	color: var(--community-text);
}
.globalNav .item-connect .linkTitle {
	color: var(--digital-text);
}
.globalNav .item-connect2 .linkTitle {
	color: var(--party-text);
}
.globalNav .item-relay .linkTitle {
	color: var(--youthwork-text);
}
.globalNav .item-atlas .linkTitle {
	color: var(--food-text);
}

.globalNav .item-payments .linkTitle {
	color: var(--youthwork-text);
}
.globalNav .item-radar .linkTitle {
	color: var(--park-text);
}
.globalNav .item-radar .new-badge {
	background: #b76ac4
}
.globalNav .documentationGroup .linkSub {
	max-width: 250px
}
.globalNav .documentationArticles {
	font-size: 15px;
	line-height: 26px;
	margin: 15px 20px 10px 28px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	white-space: nowrap
}
.globalNav .documentationArticles>ul {
	margin-right: 40px
}
.globalNav .documentationArticles>ul:last-child {
	margin-right: 0
}
.globalNav .documentationArticles h4 {
	font-size: 14px;
	line-height: 22px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .025em;
	margin: 0 0 3px;
	color: #8898aa
}
.globalNav .blogPosts {
	margin: 5px 10px 5px 28px
}
.globalNav .blogPosts a {
	display: block;
	white-space: nowrap;
	padding: 5px 0
}
.globalNav .blogPosts a:after {
	content: '\27A2';
	font: normal 16px StripeIcons;
	margin-left: 6px;
	vertical-align: -3px
}
.globalNav .blogPosts .title {
	font-size: 15px;
	line-height: 22px;
	display: inline-block;
	white-space: nowrap;
	max-width: 300px;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: top
}
.globalNav .blogPosts .title.new {
	font-weight: 500
}
.globalNav .blogPosts .new-badge {
	vertical-align: -1px
}
.globalNav .blogPosts a:hover .new-badge {
	background: #32325d
}
.globalNav .navSection.mobile .rootLink {
	cursor: pointer;
	width: 50px;
	height: 50px;
	position: relative
}
.globalNav .navSection.mobile .rootLink h2 {
	color: inherit
}
.globalNav .navSection.mobile .rootLink h2, .globalNav .navSection.mobile .rootLink h2:after, .globalNav .navSection.mobile .rootLink h2:before {
	position: absolute;
	width: 24px;
	height: 3px;
	border-radius: 1px;
	background: currentColor
}
.globalNav .navSection.mobile .rootLink h2 {
	font-size: 0;
	left: 13px;
	top: 23px
}
.globalNav .navSection.mobile .rootLink h2:after, .globalNav .navSection.mobile .rootLink h2:before {
	content: '';
	left: 0
}
.globalNav .navSection.mobile .rootLink h2:before {
	top: -9px
}
.globalNav .navSection.mobile .rootLink h2:after {
	top: 9px
}
.globalNav .popup {
	position: absolute;
	left: 10px;
	top: 5px;
	right: 10px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	pointer-events: none;
	-webkit-perspective: 2000px;
	perspective: 2000px
}
.globalNav .popupContainer {
	background: #fff;
	box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
	border-radius: 4px;
	overflow: hidden;
	position: relative;
	font-size: 17px;
	line-height: 40px;
	white-space: nowrap;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-transform: rotate3d(1, 1, 0, -15deg);
	transform: rotate3d(1, 1, 0, -15deg);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
	opacity: 0;
	will-change: transform, opacity;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	-webkit-transition-duration: .25s;
	transition-duration: .25s
}
.globalNav .navSection.mobile.globalPopupActive .popupContainer {
	-webkit-transform: none;
	transform: none;
	opacity: 1;
	pointer-events: auto
}
.globalNav .popup a {
	display: block
}
.globalNav .popupCloseButton {
	position: absolute;
	right: 0;
	top: 0;
	width: 51px;
	height: 51px;
	font-size: 0;
	cursor: pointer
}
.globalNav .popupCloseButton:after, .globalNav .popupCloseButton:before {
	content: '';
	position: absolute;
	background: #6772e5;
	border-radius: 1px;
	left: 14px;
	right: 14px;
	top: 24px;
	height: 3px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: background .1s;
	transition: background .1s
}
.globalNav .popupCloseButton:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.globalNav .popupCloseButton:hover:after, .globalNav .popupCloseButton:hover:before {
	background: #32325d
}
.globalNav .mobileSignIn {
	background: #f6f9fc;
	display: block;
	padding: 12px 30px;
	font-weight: 600
}
.globalNav .mobileSignIn:after {
	font: normal 16px StripeIcons;
	content: '\279C';
	margin-left: 6px
}
.globalNav .mobileProducts {
	padding: 20px 0 15px
}
.globalNav .mobileProducts h4 {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: .025em;
	color: #8898aa;
	text-transform: uppercase;
	margin: -5px 0 0 30px
}

.globalNav .mobileSecondaryNav h4 {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: .025em;
	color: #8898aa;
	text-transform: uppercase;
	margin: -5px 0 0 30px;
}
.globalNav .mobileProductsList {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}


.globalNav .mobileProductsList>ul {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}
.globalNav .mobileProductsList>ul:last-child {
	-webkit-box-flex: 3;
	-webkit-flex-grow: 3;
	-ms-flex-positive: 3;
	flex-grow: 3
}
.globalNav .mobileProductsList a {
	padding: 0 30px;
	font-size: 20px;
	font-weight: 500;
	line-height: 50px
}
.globalNav .mobileProductsList a:hover {
	color: var(--nav-text-hover);
}
.globalNav .mobileProductsList a svg {
	display: inline-block;
	width: 26px;
	height: 26px;
	margin: 0 15px 0 -3px;
	vertical-align: -5px
}
.globalNav .mobileProductsList .item-subscriptions {
	color: var(--community-text);
}

.globalNav .mobileProductsList .item-payments {
	color: var(--youthwork-text);
}
.globalNav .mobileProductsList .item-connect {
	color: var(--digital-text);
}
.globalNav .mobileProductsList .item-connect2 {
	color: var(--party-text);
}
.globalNav .mobileProductsList .item-relay {
	color: var(--food-text);
}
.globalNav .mobileProductsList .item-atlas {
	color: var(--youthwork-text);
}
.globalNav .mobileProductsList .item-radar {
	color: var(--park-text);
}

.globalNav .mobileProductsList--secondary a {
	padding: 0 30px;
	font-size: 18px;
	font-weight: 500;
	line-height: 50px;
}

.globalNav .mobileSecondaryNav {
	border-top: 2px solid #f6f9fc;
	padding: 15px 10px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.globalNav .mobileSecondaryNav>ul {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}
.globalNav .mobileSecondaryNav>ul:last-child {
	-webkit-box-flex: 3;
	-webkit-flex-grow: 3;
	-ms-flex-positive: 3;
	flex-grow: 3
}
.globalNav .mobileSecondaryNav a {
	padding: 0 20px;
	min-width: 100px
}
.globalFooter {
	font-family: Camphor, Open Sans, Segoe UI, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: #f6f9fc;
	position: relative
}
.globalFooter.withCards {
	background: transparent;
	overflow: hidden;
	padding-top: 500px;
	margin-top: -480px;
	pointer-events: none
}
.globalFooter.withCards>* {
	pointer-events: auto;
	position: relative
}
.globalFooter.withCards:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 600px;
	height: 2000px;
	background: #f6f9fc;
	-webkit-transform: skew(0, -12deg);
	transform: skew(0, -12deg)
}
.globalFooterCards .container-xl {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -15px auto;
	padding: 0 5px
}
.globalFooterCards .container-xl, a.globalFooterCard, div.globalFooterCard {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}
a.globalFooterCard, div.globalFooterCard {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
	margin: 15px;
	z-index: 501;
	position: relative;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: hidden;
	padding: 40px 40px 40px 120px;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);
	-webkit-transition-property: color, background-color, box-shadow, -webkit-transform;
	transition-property: color, background-color, box-shadow, -webkit-transform;
	transition-property: color, background-color, box-shadow, transform;
	transition-property: color, background-color, box-shadow, transform, -webkit-transform;
	-webkit-transition-duration: .15s;
	transition-duration: .15s
}
a.globalFooterCard:after, div.globalFooterCard:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #aab7c4;
	pointer-events: none;
	opacity: 0;
	-webkit-transition: opacity .15s;
	transition: opacity .15s
}
@media (min-width:670px) {
	a.globalFooterCard, div.globalFooterCard {
		-webkit-flex-basis: 1%;
		-ms-flex-preferred-size: 1%;
		flex-basis: 1%;
		padding-left: 100px
	}
}
@media (min-width:880px) {
	a.globalFooterCard, div.globalFooterCard {
		padding-left: 120px
	}
}
a.globalFooterCard:hover, div.globalFooterCard:hover {
	color: #32325d!important;
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
	box-shadow: 0 18px 35px rgba(50, 50, 93, .1), 0 8px 15px rgba(0, 0, 0, .07)
}
a.globalFooterCard:active, div.globalFooterCard:active {
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	box-shadow: 0 11px 20px rgba(50, 50, 93, .1), 0 6px 11px rgba(0, 0, 0, .08)
}
a.globalFooterCard:active:after, div.globalFooterCard:active:after {
	opacity: .15
}
a.globalFooterCard img, a.globalFooterCard svg, div.globalFooterCard img, div.globalFooterCard svg {
	position: absolute;
	width: 130px;
	height: 130px;
	left: -35px;
	top: calc(50% - 65px)
}
@media (min-width:670px) {
	a.globalFooterCard img, a.globalFooterCard svg, div.globalFooterCard img, div.globalFooterCard svg {
		left: -50px
	}
}
@media (min-width:880px) {
	a.globalFooterCard img, a.globalFooterCard svg, div.globalFooterCard img, div.globalFooterCard svg {
		left: -35px
	}
}
a.globalFooterCard svg .hover-fillDark, a.globalFooterCard svg .hover-fillLight, div.globalFooterCard svg .hover-fillDark, div.globalFooterCard svg .hover-fillLight {
	-webkit-transition: fill .15s;
	transition: fill .15s
}
a.globalFooterCard svg .hover-strokeDark, a.globalFooterCard svg .hover-strokeLight, div.globalFooterCard svg .hover-strokeDark, div.globalFooterCard svg .hover-strokeLight {
	-webkit-transition: stroke .15s;
	transition: stroke .15s
}
a.globalFooterCard:hover svg .hover-fillDark, div.globalFooterCard:hover svg .hover-fillDark {
	fill: #32325d
}
a.globalFooterCard:hover svg .hover-fillLight, div.globalFooterCard:hover svg .hover-fillLight {
	fill: #8898aa
}
a.globalFooterCard:hover svg .hover-strokeDark, div.globalFooterCard:hover svg .hover-strokeDark {
	stroke: #32325d
}
a.globalFooterCard:hover svg .hover-strokeLight, div.globalFooterCard:hover svg .hover-strokeLight {
	stroke: #8898aa
}
a.globalFooterCard h2, div.globalFooterCard h2 {
	margin: 0 0 5px;
	white-space: normal
}
a.globalFooterCard p, div.globalFooterCard p {
	margin: 5px 0 0
}
a.globalFooterCard.card-pricing, div.globalFooterCard.card-pricing {
	color: #24b47e
}
a.globalFooterCard.card-documentation, div.globalFooterCard.card-documentation {
	color: #b76ac4
}
a.globalFooterCard.card-subscriptions, div.globalFooterCard.card-subscriptions {
	color: #24b47e
}
a.globalFooterCard.card-connect, div.globalFooterCard.card-connect {
	color: #3297d3
}
a.globalFooterCard.card-relay, div.globalFooterCard.card-relay {
	color: #e25950
}
a.globalFooterCard.card-atlas, div.globalFooterCard.card-atlas {
	color: #e39f48
}
a.globalFooterCard.card-radar, div.globalFooterCard.card-radar {
	color: #b76ac4
}
.globalFooterCTA {
	padding: 50px 0;
	border-bottom: 2px solid rgba(207, 215, 223, .25)
}
@media (min-width:670px) {
	.globalFooterCTA .container-lg {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center
	}
}
.globalFooterCTA .buttons, .globalFooterCTA .content {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 50%;
	-ms-flex: 1 0 50%;
	flex: 1 0 50%
}
.globalFooterCTA .title {
	font-weight: 400;
	font-size: 30px;
	line-height: 45px;
	color: #32325d;
	margin: .75em 0
}
.globalFooterCTA .subtitle {
	font-weight: 300;
	color: #6772e5;
	display: block
}
@media (min-width:670px) {
	.globalFooterCTA .common-ButtonGroup {
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end
	}
}
.globalFooterNav {
	padding: 65px 0 55px;
	color: #8898aa;
	line-height: 30px;
	font-size: 15px;
	white-space: nowrap
}
.globalFooterNav ul {
	padding: 0;
	margin: 0
}
.globalFooterNav li {
	list-style: none
}
.globalFooterNav .container-lg {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
@media (min-width:880px) {
	.globalFooterNav .container-lg {
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap
	}
}
.globalFooterNav a {
	text-decoration: none;
	color: inherit;
	-webkit-transition: color .1s;
	transition: color .1s
}
.globalFooterNav a:hover {
	color: #32325d
}
.globalFooterNav .metaNav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-flex: 2;
	-webkit-flex-grow: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
	-webkit-flex-basis: 100%;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	margin-bottom: 20px
}
@media (min-width:880px) {
	.globalFooterNav .metaNav {
		-webkit-flex-basis: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		margin: 0 0 20px
	}
}
.globalFooterNav .metaNav>li {
	margin-right: 20px
}
.globalFooterNav .metaNav .select {
	position: relative;
	-webkit-perspective: 2000px;
	perspective: 2000px;
	z-index: 501
}
.globalFooterNav .metaNav .rootLink {
	color: #6772e5;
	font-weight: 600;
	cursor: pointer
}
.globalFooterNav .metaNav .rootLink:hover {
	color: #32325d
}
.globalFooterNav .metaNav .rootLink svg {
	display: inline-block;
	vertical-align: -1px;
	margin: 0 7px 0 -2px
}
.globalFooterNav .metaNav .rootLink svg path {
	fill: currentColor
}
.globalFooterNav .metaNav .select.globalPopupActive .rootLink {
	color: #32325d
}
@media (min-width:880px) {
	.globalFooterNav .metaNav .country {
		margin-bottom: 5px
	}
}
.globalFooterNav .metaNav .space {
	-webkit-box-flex: 2;
	-webkit-flex-grow: 2;
	-ms-flex-positive: 2;
	flex-grow: 2
}
.globalFooterNav .metaNav .copyright {
	margin-right: 0;
	color: #cfd7df
}
.globalFooterNav .siteNav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}
@media (min-width:670px) {
	.globalFooterNav .siteNav {
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap
	}
}
@media (min-width:880px) {
	.globalFooterNav .siteNav {
		-webkit-box-flex: 0;
		-webkit-flex-grow: 0;
		-ms-flex-positive: 0;
		flex-grow: 0
	}
}
.globalFooterNav .siteNav .column {
	-webkit-flex-basis: 50%;
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	margin-bottom: 20px
}
@media (min-width:670px) {
	.globalFooterNav .siteNav .column {
		-webkit-flex-basis: auto!important;
		-ms-flex-preferred-size: auto!important;
		flex-basis: auto!important;
		margin-right: 40px
	}
}
@media (min-width:880px) {
	.globalFooterNav .siteNav .column {
		margin-right: 30px
	}
}
@media (min-width:1040px) {
	.globalFooterNav .siteNav .column {
		margin-right: 40px
	}
}
.globalFooterNav .siteNav .column:last-child {
	margin-right: 0
}
.globalFooterNav .siteNav .splitColumn {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.globalFooterNav .siteNav li {
	margin-right: 40px
}
.globalFooterNav .siteNav .column:last-child li {
	margin-right: 0
}
.globalFooterNav .siteNav h4 {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .025em;
	margin: 0 0 5px
}
.globalFooterNav .siteNav strong {
	font-weight: 500
}
.globalFooterNav .popup {
	position: absolute;
	bottom: 40px;
	left: -5px;
	z-index: 1000;
	font-size: 15px;
	line-height: 26px;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
	pointer-events: none;
	-webkit-transform: rotate3d(1, 1, 0, 15deg);
	transform: rotate3d(1, 1, 0, 15deg);
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	opacity: 0;
	will-change: transform, opacity;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	-webkit-transition-duration: .25s;
	transition-duration: .25s
}
@media (min-width:1160px) {
	.globalFooterNav .popup {
		left: -65px
	}
}
.globalFooterNav .popup:before {
	content: '';
	position: absolute;
	bottom: -6px;
	left: 30px;
	width: 20px;
	height: 20px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-radius: 20px 0 3px 0;
	background: #fff
}
@media (min-width:1160px) {
	.globalFooterNav .popup:before {
		left: 60px
	}
}
.globalFooterNav .globalPopupActive .popup {
	-webkit-transform: none;
	transform: none;
	opacity: 1;
	pointer-events: auto
}
.globalFooterNav .optionList {
	color: #525f7f;
	white-space: nowrap
}
.globalFooterNav .optionList a {
	border-radius: 4px;
	display: block;
	line-height: 36px;
	padding: 0 15px;
	-webkit-transition: color .1s, background-color .1s;
	transition: color .1s, background-color .1s
}
.globalFooterNav .optionList a:hover {
	background-color: #f6f9fc;
	color: #32325d
}
.globalFooterNav .optionList a:active {
	background-color: #e6ebf1
}
.globalFooterNav .optionList .selected {
	font-weight: 600;
	color: #32325d
}
.globalFooterNav .optionList .selected>span:before {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: -2px;
	margin: 0 6px 0 -2px;
	background: url(/img/v3/common/footer/select/checkmark.svg)
}
.globalFooterNav .badge {
	font-size: 10px;
	line-height: 10px;
	color: #aab7c4;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .025em;
	font-style: normal;
	padding: 2px 3px 1px;
	border-radius: 4px;
	border: 1px solid #e6ebf1;
	display: inline-block;
	vertical-align: 1px;
	margin-left: 8px
}
.globalFooterNav .languagePicker {
	padding: 10px 5px
}
.globalFooterNav .countryPicker {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}
.globalFooterNav .countryPicker:before {
	background: #f6f9fc
}
@media (min-width:670px) {
	.globalFooterNav .countryPicker {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row
	}
	.globalFooterNav .countryPicker:before {
		background: #fff
	}
}
.globalFooterNav .columns, .globalFooterNav .sidebar {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}
.globalFooterNav .sidebar {
	background: #f6f9fc;
	border-radius: 0 0 5px 5px;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}
@media (min-width:670px) {
	.globalFooterNav .sidebar {
		border-radius: 0 5px 5px 0
	}
}
.globalFooterNav .sidebar .optionList a:hover {
	background-color: rgba(230, 235, 241, .5)
}
.globalFooterNav .sidebar .optionList a:active {
	background-color: rgba(207, 215, 223, .5)
}
.globalFooterNav .countryList {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 25px;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: calc(100vw - 40px);
	overflow: auto;
	-webkit-overflow-scrolling: touch
}
.globalFooterNav .countryList h4 {
	margin: 0 0 5px
}
.globalFooterNav .countryList h4 a {
	line-height: 36px;
	padding: 0 15px;
	text-transform: uppercase;
	color: #6772e5;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: .025em
}
.globalFooterNav .countryList h4 a:hover {
	color: #32325d
}
.globalFooterNav .countryList h4 a:after {
	font: normal 16px StripeIcons;
	content: '\2192';
	margin-left: 6px
}
.globalFooterNav .globalLink {
	border-top: 2px solid #fff;
	padding: 30px 40px
}
.globalFooterNav .globalLink:hover {
	color: #424770
}
.globalFooterNav .globalLink:hover strong {
	color: #32325d
}
.globalFooterNav .globalLink strong {
	display: block;
	color: #6772e5;
	font-weight: 500;
	-webkit-transition: color .1s;
	transition: color .1s
}
.globalFooterNav .globalLink strong:after {
	font: normal 16px StripeIcons;
	content: '\2192';
	margin-left: 6px
}







































/*  footer  */

.footer--dark {
	min-height: 300px;
	background-color: #ffc3c3;
	width: 100%;
	/* color: #8B8B8B; */
	color: rgb(209, 209, 209);
}

.footer-container--dark {
	margin: auto;
	max-width: 1200px;
	display: flex;
	flex-direction: column;
	padding: 40px 15px;
	/* padding: 20px 60px; */
}

.footer-col1--dark {
	max-width: 350px;
	margin-bottom: 30px;
}

.footer-col2--dark {
	margin-bottom: 20px;
}

.map {
	background-color: gainsboro;
	height: 255px;
	width: 100%;
	/* margin-left: 40px; */
	border-radius: 3px;
	overflow: hidden;
}

.gmap_canvas {
	overflow: hidden;
	height: 260px;
}

.footer-title--dark {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
	color: white;
}

.social-container--dark {
	display: flex;
	align-items: center;
	width: 160px;
	justify-content: space-between;
	margin-bottom: 30px;
	margin-top: 15px;
}

.footer-text--dark {
	font-size: 16px;
	margin-bottom: 5px;
}

.footer-icon--dark {
	fill: #ffffff;
	width: 40px;
	height: 40px;
	cursor: pointer;
	transition: 0.3s;
}

/* .footer-icon--dark:hover {
fill: grey;
width: 40px;
height: 40px;
} */

.footer-icon--dark--facebook:hover {
	fill: #1778F2;
}

.footer-icon--dark--instagram:hover {
	fill: #DD2A7B;
}

.footer-icon--dark--twitter:hover {
	fill: #1DA1F2;
}


@media only screen and (min-width: 800px) {

	.footer--dark {
		min-height: 300px;
		width: 100%;
		/* position: absolute; */
		/* bottom: 0; */
	}

	.footer-container--dark {
		margin: auto;
		max-width: 1200px;
		display: flex;
		flex-direction: row;
		padding: 20px 60px;
	}

	.footer-col1--dark {
		width: 550px;
		margin-bottom: 30px;
		margin-right: 30px;
	}

	.footer-col2--dark {
		margin-bottom: 20px;
		margin-right: 20px;
		min-width: 160px;
		position: relative;
	}

	.footer-col3--dark {
		height: 100%;
		width: 100%;
	}


}














.button--lo {
	position: relative;
	padding: 8px 16px;
	background: #009579;
	border: none;
	outline: none;
	border-radius: 2px;
	cursor: pointer;
  }

.button__text--load {
	color: #ffffff;
	transition: all 0.2s;
  }
  
  .button--loading--load .button__text--load {
	visibility: hidden;
	opacity: 0;
  }
  
  .button--loading--load::after {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	border: 4px solid transparent;
	border-top-color: #ffffff;
	border-radius: 50%;
	animation: button-loading-spinner 1s ease infinite;
  }
  
  @keyframes button-loading-spinner {
	from {
	  transform: rotate(0turn);
	}
  
	to {
	  transform: rotate(1turn);
	}
  }

























body {
	font-family: 'bio-sans', sans-serif;
	/* margin: auto; */
	font-size: 20px;
	background-color: var(--page-background);
}

p {
	font-weight: 300;
	font-size: 20px;
}

.page-container {
	width: 100%;
	max-width: 1240px;
	padding: 0px 16px;
	margin: 100px auto;
	background-color: var(--page-background);
	/* color: white; */
}

.page-padding {
	padding: 0px 16px;
}


.nav-placeholder {
	width: 100%;
	height: 65px;
	background-color: palegreen;	
}

.page-header {
	height: 60px;
	/*	background-color: gray;*/
	color: white;
	display: flex;
	margin-top: 70px;
}

.page-header__inner {
	width: 1240px;
	font-weight: 700;
	padding-left: 16px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	/* font-weight: 700; */
}

.sector-header__inner {
	max-width: 1240px;
	margin: auto;
	padding-left: 16px;
	/*	transform: skewY(4deg);*/
}

.page-header-bottom {
	height: 4px;
	background-color: black;
	margin-bottom: 80px;
}

.page-header-bottom--nomargin {
	height: 4px;
	background-color: black;
	/*	margin-bottom: 80px;*/
}

.navTitle {
	position: absolute;
	top: 0px;
	left: 55px;
}

.bg-white {
	background-color: white;
}

.mb--64 {
	/* margin-bottom: -1224px; */
	padding-bottom: -1110px;
}

.mb-120 {
	margin-bottom: 120px;
}

.mb-8 {
	margin-bottom: 8px;
}

.mb-16 {
	margin-bottom: 16px;
}

.mb-32 {
	margin-bottom: 32px;
}

.mb-64 {
	margin-bottom: 64px;
}

.mb-80 {
	margin-bottom: 80px;
}

.mt-16 {
	margin-top: 16px;
}

.mt-100 {
	margin-top: 100px;
}

.mt-160 {
	margin-top: 160px;
}

.mt-120 {
	margin-top: 120px;
}

.f-bold {
	font-weight: 700;
	font-size: 18px;
}

.f-light {
	font-weight: 200;
}

.f-regular {
	font-weight: 400;
}

.f-18 {
	font-size: 18px;
}

ul {
	list-style-type: none;
}

.f-32 {
	font-size: 32px;
}

.f-22{
	font-size: 22px;
	line-height: 24px;
	font-weight: 600;
}
























/* Home page cards */

























.page-header__inner__link {
	background-color: white;
	border-radius: 50px;
	/* height: 60px; */
	/* width: 300px; */
	padding: 10px;
	color: black;
	font-size: 16px;
}


























/* volunteer */
.background-grey {
	background-color: gray;
}

.info-card {
	height: 150px;
	max-width: 400px;
	border-radius: 5px;
	box-shadow: var(--shadow);
	margin: auto;
	padding: 24px;
	text-align: center;
}

.info-card__info {
	margin-bottom: 16px;
}

.email {
	color: var(--youthwork);
	font-weight: 400;
}

.no-padding {
	padding: 0;
}

.margin-32 {
	margin: 32px auto;
}

.sector-header__nodiagonal {
	max-width: 1240px;
	padding-left: 16px;
	margin: 0px auto 60px auto;
}











 /* home page banner new */

 .banner-home-top-link {
	display: block;
	width: 100%;
	text-decoration: none;
  }

.banners-container-home {
	padding-top: 70px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    /* Additional styling properties */
    width: 100%;
    /* max-width: 1200px; */
    height: auto;
    background-color: #21212A;
    justify-content: center;
}

.banner-home-top {
	width: 50%;
    height: 120px;
    padding: 30px;

}

.banner-home-top-fullwidth {
	width: 100%;
    height: 120px;
    padding: 30px;

}

.banner-home-top-cont {
	display: flex;
    max-width: 574px;
    width: 100%;
	margin: auto;
    /* height: auto; */
    /* background-color: blue; */
    justify-content: space-between;
 
}

.banner-home-top-title {
    font-size: 40px;
	font-family: bookmania, serif;
	margin-top: 3px;
}

.banner-home-top-button {
	display: flex;
	align-items: center;
	justify-content: center;
	height: auto;
	width: 100px;
	border-radius: 4px;
	background-color: var(--funky-red);
	color: white;
	font-size: 20px;
	cursor: pointer;
}

.banner-home-top--colour-pitch {
	background: rgb(0, 0, 0) url("/images/home/grass.jpg") fixed;
	background-position: center; 
	/* background-repeat: no-repeat; */
	background-size: 1450px;

	display: flex;
    justify-content: flex-end;
	color: white;
}



.banner-home-top--colour-party {
    background: rgb(0, 0, 0) url("/images/home/party5.jpg") fixed;
	/* background-position: center; */
	/* background-repeat: no-repeat; */
	background-size: 2575px;

	display: flex;
    justify-content: flex-start;
	color: white;
}

@media (max-width: 868px) {
    .banner-home-top-title {
        font-size: 30px;
    }

    .banner-home-top {
        height: 90px;
        position: relative;
        padding: 20px;
    }
}

@media (max-width: 680px) {
	.banners-container-home {
	  display: block;
	  width: 100%;
	}
  
	.banner-home-top {
	  width: 100%;
	}

	.banner-home-top--colour-pitch {
		justify-content: flex-start;
	}
	
	.banner-home-top-cont {		
		max-width: 700px;	 
	}
  }







/* halloween */

.promo-banner--easter2 {
	height: 100px;
	width: 100%;
	background-color: #f0fdc1;
	display: flex;
	justify-content: center;
}

.promo-banner__sub--easter2 {
	/* height: 100px; */
	/* width: 100%; */
	/* background-color: rgb(198 255 217); */
	/* display: flex; */
	/* justify-content: center; */
	color: #cfaff5;
}





.promo-banner {height: 100px;width: 100%; margin-top: 70px; background-color: #1E1C1A;display: flex;justify-content: center;}

.promo-banner--easter {
height: 100px;
width: 100%;
background-color: #FFFBD1;
display: flex;
justify-content: center;
}

.promo-banner--kabin {
height: 100px;
width: 100%;
background-color: #1b1b1b;
display: flex;
justify-content: center;
}

.promo-banner__inner--kabin {
width: 100%;
max-width: 1200px;
display: flex;
padding-left: 20px;
padding-right: 20px;
justify-content: space-between;
/* background-color: goldenrod; */
}

.promo-banner__inner {
width: 100%;
max-width: 1200px;
display: flex;
}

.promo-banner__inner--membership {
	width: 100%;
	max-width: 1200px;
	display: flex;
	justify-content: center;
}

.promo-banner__image {
width: 0%;
height: 100%;
margin: auto;
object-fit: fill;
display: block;
}

.promo-banner__image--kabin {
width: 50%;
height: 70%;
margin: auto 0;
object-fit: contain;
display: block;
}

.promo-banner__text {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-content: center;
flex-direction: row;
margin-left: 20px;
padding-right: 15px;
}

.promo-banner__sub {
	color: #B6B6A4;
	font-size: 18px;
	font-weight: 600;
}

.promo-banner__sub--easter {
color: #cfaff5;
}

.promo-banner__text__wrap {
display: flex;
justify-content: center;
flex-direction: column;
}

.promo-banner__title {
font-size: 24px;
color: #ffffff;
font-family: 'Creepster', cursive;
letter-spacing: 2px;
}

.promo-banner__title--membership {
	font-size: 24px;
	color: #ffffff;
	font-family: 'bio-sans', cursive;
	font-weight: 700;
	letter-spacing: 2px;
	}

.promo-banner__title--easter {
font-size: 30px;
font-family: ganache, sans-serif;
   font-weight: 400;
font-style: normal;
color: #F09194;
letter-spacing: 2px;
}

.promo-banner__text {
color: white;
font-size: 18px;
}

.promo-banner__button {
background-color: rgb(255, 44, 44);
border: none;
border-radius: 5px;
color: white;
font-size: 16px;
cursor: pointer;
width: 150px;
height: 40px;
bottom: 10px;
display: flex;
justify-content: center;
align-items: center;
margin: auto;
}

.promo-banner__button--easter {
background-color: #F09194;
border: none;
border-radius: 5px;
color: white;
font-size: 16px;
cursor: pointer;
width: 150px;
height: 40px;
bottom: 10px;
display: flex;
justify-content: center;
align-items: center;
margin: auto;
/* float: right; */
/* position: relative; */
/* right: 0px; */
}

.promo-banner__button--kabin {
background-color: #FD6510;
border: none;
border-radius: 5px;
color: white;
font-size: 16px;
cursor: pointer;
width: 130px;
height: 40px;
bottom: 10px;
display: flex;
justify-content: center;
align-items: center;
margin: auto 0;
/* float: right; */
/* float: right; */
/* position: relative; */
/* right: 0px; */
}

.promo-banner__button--text {
	color: white;
}

.promo-banner__button:hover {
background-color:rgb(209, 0, 0);
}

.promo-banner__button--easter:hover {
background-color: #ffc8ca;
}


/* DESKTOP  FOR HALOWEEN */
@media only screen and (min-width: 800px) {	

	.image-container {
		/*		display: block;*/
		  display: flex;
		}
	
	
		.promo-banner {
			height: 100px;
			width: 100%;
			background-color: #1E1C1A;
			display: flex;
			justify-content: center;
		}
		
		.promo-banner__inner {
			width: 100%;
			max-width: 1200px;
			display: flex;
			justify-content: center;
		}
		
		.promo-banner__image--kabin {
			width: 50%;
			height: 70%;
			/* margin: auto; */
			object-fit: contain;
			display: block;
			/* padding-left: 10px; */
		}
	
		.promo-banner__button--kabin {
			background-color: #FD6510;
			border: none;
			border-radius: 5px;
			color: white;
			font-size: 16px;
			cursor: pointer;
			width: 130px;
			height: 40px;
			bottom: 10px;
			display: flex;
			justify-content: center;
			align-items: center;
			margin: auto;
			/* float: right; */
			/* float: right; */
			/* position: relative; */
			/* right: 0px; */
		}
	
		.promo-banner__image {
			width: 50%;
			height: 100%;
			margin: auto;
			object-fit: fill;
			display: block;
		}
		
		.promo-banner__text {
			width: 50%;
			height: 100%;
			display: flex;
			justify-content: center;
			align-content: center;
			flex-direction: row;
			margin-left: 20px;
			padding-right: 15px;
		}
		
		.promo-banner__sub {
			color: #B6B6A4;
			font-size: 18px;
			font-weight: 600;
		}
		
		.promo-banner__text__wrap {
			display: flex;
			justify-content: center;
			flex-direction: column;
		}
		
		.promo-banner__title {
			font-size: 24px;
			color: white;
		}
		
		.promo-banner__text {
			color: white;
			font-size: 18px;
		}
		
		.promo-banner__button {
			background-color: var(--funky-red);
			border: none;
			border-radius: 5px;
			color: white;
			font-size: 16px;
			cursor: pointer;
			width: 150px;
			height: 40px;
			bottom: 10px;
			display: flex;
			justify-content: center;
			align-items: center;
			margin: auto;
		}
	
	
	
	
	


}









.social-icon-container--x {
	width: 60px;
}


/* santa */

#issMap {
    height: 360px;
    z-index: 1;
}

.santa-page {
	background-color: #21265e;
}

.santa-above-map {
	margin-top: 20px;
	margin-bottom: 10px;
	/* color: #c02025; */
}



.santa-above-map h2 {
	font-size: 42px;
	color: #ffffff;
	text-align: center;
	font-family: 'Mountains of Christmas', cursive;
}

.santa-above-map p {
	text-align: center;
	color: #ffffff;
	margin-bottom: 0px;
	font-weight: 700;
}

.santa-donate-container {
	/* background-color: blue; */
	height: 200px;
	width: 100%;
	padding: 10px 0px;
	display: flex;
	justify-content: center;
}

.santa-donate {
	border-radius: 15px;
	display: flex;
	height: 60px;
	/* padding: 10px 20px; */
	/* margin-top: 20px; */
	justify-content: space-around;
	align-items: center;
	width: 80px;
	color: white;
	width: 220px;
	text-align: center;
	font-size: 20px;
	background-color: var(--brunswick-red);
}

.candy-cane {
	width: 50px;
	height: 50px;
}

.candy-cane--flip {
	transform: scaleX(-1);
}

.santa-banner {
	max-width: 100%;
	display: flex;
	height: 60px;
	background-size: 120px;
	background-position: center; 
	background-image: url("/images/santa-drive/banner1.png");
	background-repeat: repeat-x;
	/* background-color: brown; */
}

.santa-banner-image {
	width: 50%;
	height: 100%;
	max-width: 200px;
	max-height: 100px;
}


.santa-banner--home {	
	height: 140px;
	background-position: top; 
	justify-content: center;
	align-items: center;
	text-align: center;



}

.santa-banner--home h2 {
	margin-top: 40px;	
	color: #3b2424;
	margin-bottom: -10px;	
	font-size: 32px;
	color: #c02025;
	font-family: 'Mountains of Christmas', cursive;
}

.santa-banner--home p {	
	color: #3b2424;
	margin-bottom: -10px;
}

a.santa-donate {
    color: white;
}


.santa-pop-up-modal {
	z-index: 10;
	/* height: 200px; */
	width: 95%;
	max-width: 500px;
	background-color: white;
	position: absolute;
	top: 80px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
	border-radius: 10px;
	padding: 20px;
	box-shadow: var(--shadow);
}

.santa-pop-up-modal h2 {
	margin-top: 30px;
}

.santa-pop-up-modal__input {
	width: 50%;
	min-width: 230px;
    padding-left: 10px;
    border-radius: 5px;
	background-color: var(--input-grey);
}

input[type=email] {
    padding-top: 12px;
    padding-bottom: 12px;
    margin-top: 8px;
    margin-bottom: 8px;
    box-sizing: border-box;
    border: none;
}

.santa-pop-up-modal__button {
	border-radius: 5px;
    height: 50px;
    width: 80px;
    color: white;
    width: 150px;
    text-align: center;
    font-size: 20px;
	background-color: var(--brunswick-red);
	border: none;
	margin-top: 10px;
	margin-bottom: 10px;
}

.santa-pop-up-modal__cancel {
	background-color: white;
	width: 30px;
	height: 30px;
	padding-bottom: 5px;
	padding-left: 1px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	float: right;
	box-shadow: var(--shadow);
	position: relative;
	top: -10px;
	right: -10px;
}

.santa-overlay {
	background-color: rgba(0, 0, 0, 0.432);
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 8;
}

.santa-pop-up-modal p {
 line-height: 150%;
 max-width: 300px;
 margin: 10px auto;
}


 .santa-background {
	height: 1000px;
	background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
	overflow: hidden;
	/* filter: drop-shadow(0 0 10px white); */
	background-image: url("/images/treesanta.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	} 

  .santa-background-2 {
	height: 100vh;
	background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
	overflow: hidden;
	filter: drop-shadow(0 0 10px white);
	/* background-image: url("/images/treesanta.jpg"); */
	background-repeat: no-repeat;
	background-size: cover;
	} 
  
  .snow {
	position: absolute;
	width: 10px;
	height: 10px;
	background: white;
	border-radius: 50%;
  }
  .snow:nth-child(1) {
	opacity: 0.5777;
	transform: translate(0.4978vw, -10px) scale(0.1352);
	animation: fall-1 26s -17s linear infinite;
  }
  @keyframes fall-1 {
	46.643% {
	  transform: translate(-4.0323vw, 46.643vh) scale(0.1352);
	}
	to {
	  transform: translate(-1.76725vw, 100vh) scale(0.1352);
	}
  }
  .snow:nth-child(2) {
	opacity: 0.2232;
	transform: translate(52.5097vw, -10px) scale(0.877);
	animation: fall-2 15s -24s linear infinite;
  }
  @keyframes fall-2 {
	53.931% {
	  transform: translate(48.7291vw, 53.931vh) scale(0.877);
	}
	to {
	  transform: translate(50.6194vw, 100vh) scale(0.877);
	}
  }
  .snow:nth-child(3) {
	opacity: 0.651;
	transform: translate(92.5087vw, -10px) scale(0.5779);
	animation: fall-3 29s -13s linear infinite;
  }
  @keyframes fall-3 {
	63.72% {
	  transform: translate(100.7168vw, 63.72vh) scale(0.5779);
	}
	to {
	  transform: translate(96.61275vw, 100vh) scale(0.5779);
	}
  }
  .snow:nth-child(4) {
	opacity: 0.5136;
	transform: translate(50.2008vw, -10px) scale(0.6003);
	animation: fall-4 10s -2s linear infinite;
  }
  @keyframes fall-4 {
	67.916% {
	  transform: translate(57.3925vw, 67.916vh) scale(0.6003);
	}
	to {
	  transform: translate(53.79665vw, 100vh) scale(0.6003);
	}
  }
  .snow:nth-child(5) {
	opacity: 0.3409;
	transform: translate(41.0689vw, -10px) scale(0.2129);
	animation: fall-5 23s -6s linear infinite;
  }
  @keyframes fall-5 {
	45.535% {
	  transform: translate(43.3832vw, 45.535vh) scale(0.2129);
	}
	to {
	  transform: translate(42.22605vw, 100vh) scale(0.2129);
	}
  }
  .snow:nth-child(6) {
	opacity: 0.1462;
	transform: translate(77.2582vw, -10px) scale(0.7898);
	animation: fall-6 19s -11s linear infinite;
  }
  @keyframes fall-6 {
	59.294% {
	  transform: translate(79.6672vw, 59.294vh) scale(0.7898);
	}
	to {
	  transform: translate(78.4627vw, 100vh) scale(0.7898);
	}
  }
  .snow:nth-child(7) {
	opacity: 0.9243;
	transform: translate(10.807vw, -10px) scale(0.4486);
	animation: fall-7 11s -21s linear infinite;
  }
  @keyframes fall-7 {
	61.227% {
	  transform: translate(17.9692vw, 61.227vh) scale(0.4486);
	}
	to {
	  transform: translate(14.3881vw, 100vh) scale(0.4486);
	}
  }
  .snow:nth-child(8) {
	opacity: 0.7963;
	transform: translate(58.5148vw, -10px) scale(0.8357);
	animation: fall-8 10s -28s linear infinite;
  }
  @keyframes fall-8 {
	36.211% {
	  transform: translate(56.3564vw, 36.211vh) scale(0.8357);
	}
	to {
	  transform: translate(57.4356vw, 100vh) scale(0.8357);
	}
  }
  .snow:nth-child(9) {
	opacity: 0.601;
	transform: translate(94.2834vw, -10px) scale(0.0153);
	animation: fall-9 22s -11s linear infinite;
  }
  @keyframes fall-9 {
	31.022% {
	  transform: translate(86.3434vw, 31.022vh) scale(0.0153);
	}
	to {
	  transform: translate(90.3134vw, 100vh) scale(0.0153);
	}
  }
  .snow:nth-child(10) {
	opacity: 0.7575;
	transform: translate(11.3936vw, -10px) scale(0.2147);
	animation: fall-10 14s -7s linear infinite;
  }
  @keyframes fall-10 {
	56.539% {
	  transform: translate(18.7419vw, 56.539vh) scale(0.2147);
	}
	to {
	  transform: translate(15.06775vw, 100vh) scale(0.2147);
	}
  }
  .snow:nth-child(11) {
	opacity: 0.9156;
	transform: translate(75.657vw, -10px) scale(0.6503);
	animation: fall-11 22s -1s linear infinite;
  }
  @keyframes fall-11 {
	62.771% {
	  transform: translate(66.5558vw, 62.771vh) scale(0.6503);
	}
	to {
	  transform: translate(71.1064vw, 100vh) scale(0.6503);
	}
  }
  .snow:nth-child(12) {
	opacity: 0.1503;
	transform: translate(53.6637vw, -10px) scale(0.4579);
	animation: fall-12 20s -11s linear infinite;
  }
  @keyframes fall-12 {
	72.706% {
	  transform: translate(57.7578vw, 72.706vh) scale(0.4579);
	}
	to {
	  transform: translate(55.71075vw, 100vh) scale(0.4579);
	}
  }
  .snow:nth-child(13) {
	opacity: 0.0259;
	transform: translate(79.8622vw, -10px) scale(0.4399);
	animation: fall-13 20s -23s linear infinite;
  }
  @keyframes fall-13 {
	53.339% {
	  transform: translate(76.3111vw, 53.339vh) scale(0.4399);
	}
	to {
	  transform: translate(78.08665vw, 100vh) scale(0.4399);
	}
  }
  .snow:nth-child(14) {
	opacity: 0.5672;
	transform: translate(31.4773vw, -10px) scale(0.5906);
	animation: fall-14 25s -9s linear infinite;
  }
  @keyframes fall-14 {
	64.212% {
	  transform: translate(34.1811vw, 64.212vh) scale(0.5906);
	}
	to {
	  transform: translate(32.8292vw, 100vh) scale(0.5906);
	}
  }
  .snow:nth-child(15) {
	opacity: 0.3903;
	transform: translate(65.7421vw, -10px) scale(0.951);
	animation: fall-15 22s -5s linear infinite;
  }
  @keyframes fall-15 {
	67.5% {
	  transform: translate(58.6103vw, 67.5vh) scale(0.951);
	}
	to {
	  transform: translate(62.1762vw, 100vh) scale(0.951);
	}
  }
  .snow:nth-child(16) {
	opacity: 0.5316;
	transform: translate(58.2036vw, -10px) scale(0.4967);
	animation: fall-16 19s -20s linear infinite;
  }
  @keyframes fall-16 {
	79.692% {
	  transform: translate(50.1185vw, 79.692vh) scale(0.4967);
	}
	to {
	  transform: translate(54.16105vw, 100vh) scale(0.4967);
	}
  }
  .snow:nth-child(17) {
	opacity: 0.5784;
	transform: translate(85.5466vw, -10px) scale(0.6505);
	animation: fall-17 28s -13s linear infinite;
  }
  @keyframes fall-17 {
	30.263% {
	  transform: translate(84.0249vw, 30.263vh) scale(0.6505);
	}
	to {
	  transform: translate(84.78575vw, 100vh) scale(0.6505);
	}
  }
  .snow:nth-child(18) {
	opacity: 0.6175;
	transform: translate(63.2293vw, -10px) scale(0.2387);
	animation: fall-18 17s -8s linear infinite;
  }
  @keyframes fall-18 {
	46.073% {
	  transform: translate(54.9284vw, 46.073vh) scale(0.2387);
	}
	to {
	  transform: translate(59.07885vw, 100vh) scale(0.2387);
	}
  }
  .snow:nth-child(19) {
	opacity: 0.8583;
	transform: translate(34.5824vw, -10px) scale(0.0631);
	animation: fall-19 25s -28s linear infinite;
  }
  @keyframes fall-19 {
	59.428% {
	  transform: translate(26.1763vw, 59.428vh) scale(0.0631);
	}
	to {
	  transform: translate(30.37935vw, 100vh) scale(0.0631);
	}
  }
  .snow:nth-child(20) {
	opacity: 0.7094;
	transform: translate(39.2185vw, -10px) scale(0.4587);
	animation: fall-20 11s -4s linear infinite;
  }
  @keyframes fall-20 {
	60.565% {
	  transform: translate(43.077vw, 60.565vh) scale(0.4587);
	}
	to {
	  transform: translate(41.14775vw, 100vh) scale(0.4587);
	}
  }
  .snow:nth-child(21) {
	opacity: 0.0376;
	transform: translate(86.9275vw, -10px) scale(0.4692);
	animation: fall-21 17s -30s linear infinite;
  }
  @keyframes fall-21 {
	65.086% {
	  transform: translate(81.5718vw, 65.086vh) scale(0.4692);
	}
	to {
	  transform: translate(84.24965vw, 100vh) scale(0.4692);
	}
  }
  .snow:nth-child(22) {
	opacity: 0.6134;
	transform: translate(32.2483vw, -10px) scale(0.6811);
	animation: fall-22 21s -6s linear infinite;
  }
  @keyframes fall-22 {
	51.866% {
	  transform: translate(25.2465vw, 51.866vh) scale(0.6811);
	}
	to {
	  transform: translate(28.7474vw, 100vh) scale(0.6811);
	}
  }
  .snow:nth-child(23) {
	opacity: 0.9682;
	transform: translate(64.3748vw, -10px) scale(0.5107);
	animation: fall-23 15s -30s linear infinite;
  }
  @keyframes fall-23 {
	68.493% {
	  transform: translate(70.9608vw, 68.493vh) scale(0.5107);
	}
	to {
	  transform: translate(67.6678vw, 100vh) scale(0.5107);
	}
  }
  .snow:nth-child(24) {
	opacity: 0.1238;
	transform: translate(35.3236vw, -10px) scale(0.99);
	animation: fall-24 25s -24s linear infinite;
  }
  @keyframes fall-24 {
	71.692% {
	  transform: translate(36.0379vw, 71.692vh) scale(0.99);
	}
	to {
	  transform: translate(35.68075vw, 100vh) scale(0.99);
	}
  }
  .snow:nth-child(25) {
	opacity: 0.7085;
	transform: translate(82.4707vw, -10px) scale(0.1206);
	animation: fall-25 17s -6s linear infinite;
  }
  @keyframes fall-25 {
	71.428% {
	  transform: translate(87.095vw, 71.428vh) scale(0.1206);
	}
	to {
	  transform: translate(84.78285vw, 100vh) scale(0.1206);
	}
  }
  .snow:nth-child(26) {
	opacity: 0.0798;
	transform: translate(21.056vw, -10px) scale(0.5306);
	animation: fall-26 19s -20s linear infinite;
  }
  @keyframes fall-26 {
	63.655% {
	  transform: translate(19.3221vw, 63.655vh) scale(0.5306);
	}
	to {
	  transform: translate(20.18905vw, 100vh) scale(0.5306);
	}
  }
  .snow:nth-child(27) {
	opacity: 0.1307;
	transform: translate(31.0679vw, -10px) scale(0.1123);
	animation: fall-27 28s -12s linear infinite;
  }
  @keyframes fall-27 {
	56.135% {
	  transform: translate(31.6054vw, 56.135vh) scale(0.1123);
	}
	to {
	  transform: translate(31.33665vw, 100vh) scale(0.1123);
	}
  }
  .snow:nth-child(28) {
	opacity: 0.2299;
	transform: translate(10.5168vw, -10px) scale(0.2932);
	animation: fall-28 25s -27s linear infinite;
  }
  @keyframes fall-28 {
	48.18% {
	  transform: translate(16.2876vw, 48.18vh) scale(0.2932);
	}
	to {
	  transform: translate(13.4022vw, 100vh) scale(0.2932);
	}
  }
  .snow:nth-child(29) {
	opacity: 0.1901;
	transform: translate(33.334vw, -10px) scale(0.4991);
	animation: fall-29 23s -2s linear infinite;
  }
  @keyframes fall-29 {
	34.084% {
	  transform: translate(31.5374vw, 34.084vh) scale(0.4991);
	}
	to {
	  transform: translate(32.4357vw, 100vh) scale(0.4991);
	}
  }
  .snow:nth-child(30) {
	opacity: 0.9342;
	transform: translate(8.3854vw, -10px) scale(0.3115);
	animation: fall-30 25s -25s linear infinite;
  }
  @keyframes fall-30 {
	72.524% {
	  transform: translate(12.2114vw, 72.524vh) scale(0.3115);
	}
	to {
	  transform: translate(10.2984vw, 100vh) scale(0.3115);
	}
  }
  .snow:nth-child(31) {
	opacity: 0.0025;
	transform: translate(23.683vw, -10px) scale(0.3599);
	animation: fall-31 19s -8s linear infinite;
  }
  @keyframes fall-31 {
	41.83% {
	  transform: translate(20.6381vw, 41.83vh) scale(0.3599);
	}
	to {
	  transform: translate(22.16055vw, 100vh) scale(0.3599);
	}
  }
  .snow:nth-child(32) {
	opacity: 0.3641;
	transform: translate(34.255vw, -10px) scale(0.0518);
	animation: fall-32 14s -25s linear infinite;
  }
  @keyframes fall-32 {
	58.924% {
	  transform: translate(33.1848vw, 58.924vh) scale(0.0518);
	}
	to {
	  transform: translate(33.7199vw, 100vh) scale(0.0518);
	}
  }
  .snow:nth-child(33) {
	opacity: 0.735;
	transform: translate(24.5188vw, -10px) scale(0.549);
	animation: fall-33 29s -26s linear infinite;
  }
  @keyframes fall-33 {
	51.523% {
	  transform: translate(17.6216vw, 51.523vh) scale(0.549);
	}
	to {
	  transform: translate(21.0702vw, 100vh) scale(0.549);
	}
  }
  .snow:nth-child(34) {
	opacity: 0.0964;
	transform: translate(24.8002vw, -10px) scale(0.6002);
	animation: fall-34 26s -1s linear infinite;
  }
  @keyframes fall-34 {
	73.747% {
	  transform: translate(19.6574vw, 73.747vh) scale(0.6002);
	}
	to {
	  transform: translate(22.2288vw, 100vh) scale(0.6002);
	}
  }
  .snow:nth-child(35) {
	opacity: 0.8866;
	transform: translate(83.1206vw, -10px) scale(0.4347);
	animation: fall-35 14s -5s linear infinite;
  }
  @keyframes fall-35 {
	76.45% {
	  transform: translate(83.7745vw, 76.45vh) scale(0.4347);
	}
	to {
	  transform: translate(83.44755vw, 100vh) scale(0.4347);
	}
  }
  .snow:nth-child(36) {
	opacity: 0.6859;
	transform: translate(10.9816vw, -10px) scale(0.287);
	animation: fall-36 30s -17s linear infinite;
  }
  @keyframes fall-36 {
	38.855% {
	  transform: translate(8.1783vw, 38.855vh) scale(0.287);
	}
	to {
	  transform: translate(9.57995vw, 100vh) scale(0.287);
	}
  }
  .snow:nth-child(37) {
	opacity: 0.6135;
	transform: translate(4.7039vw, -10px) scale(0.4452);
	animation: fall-37 27s -26s linear infinite;
  }
  @keyframes fall-37 {
	63.895% {
	  transform: translate(5.7512vw, 63.895vh) scale(0.4452);
	}
	to {
	  transform: translate(5.22755vw, 100vh) scale(0.4452);
	}
  }
  .snow:nth-child(38) {
	opacity: 0.6585;
	transform: translate(45.3749vw, -10px) scale(0.6791);
	animation: fall-38 11s -4s linear infinite;
  }
  @keyframes fall-38 {
	38.113% {
	  transform: translate(46.192vw, 38.113vh) scale(0.6791);
	}
	to {
	  transform: translate(45.78345vw, 100vh) scale(0.6791);
	}
  }
  .snow:nth-child(39) {
	opacity: 0.4712;
	transform: translate(39.0541vw, -10px) scale(0.2619);
	animation: fall-39 23s -16s linear infinite;
  }
  @keyframes fall-39 {
	39.461% {
	  transform: translate(35.1071vw, 39.461vh) scale(0.2619);
	}
	to {
	  transform: translate(37.0806vw, 100vh) scale(0.2619);
	}
  }
  .snow:nth-child(40) {
	opacity: 0.1761;
	transform: translate(97.1086vw, -10px) scale(0.8623);
	animation: fall-40 19s -20s linear infinite;
  }
  @keyframes fall-40 {
	58.032% {
	  transform: translate(88.2492vw, 58.032vh) scale(0.8623);
	}
	to {
	  transform: translate(92.6789vw, 100vh) scale(0.8623);
	}
  }
  .snow:nth-child(41) {
	opacity: 0.7008;
	transform: translate(55.5721vw, -10px) scale(0.5933);
	animation: fall-41 28s -23s linear infinite;
  }
  @keyframes fall-41 {
	72.476% {
	  transform: translate(48.0691vw, 72.476vh) scale(0.5933);
	}
	to {
	  transform: translate(51.8206vw, 100vh) scale(0.5933);
	}
  }
  .snow:nth-child(42) {
	opacity: 0.0114;
	transform: translate(37.2077vw, -10px) scale(0.7249);
	animation: fall-42 21s -22s linear infinite;
  }
  @keyframes fall-42 {
	63.555% {
	  transform: translate(35.1511vw, 63.555vh) scale(0.7249);
	}
	to {
	  transform: translate(36.1794vw, 100vh) scale(0.7249);
	}
  }
  .snow:nth-child(43) {
	opacity: 0.0854;
	transform: translate(9.3735vw, -10px) scale(0.9666);
	animation: fall-43 12s -8s linear infinite;
  }
  @keyframes fall-43 {
	77.724% {
	  transform: translate(17.1134vw, 77.724vh) scale(0.9666);
	}
	to {
	  transform: translate(13.24345vw, 100vh) scale(0.9666);
	}
  }
  .snow:nth-child(44) {
	opacity: 0.184;
	transform: translate(76.1104vw, -10px) scale(0.8809);
	animation: fall-44 26s -10s linear infinite;
  }
  @keyframes fall-44 {
	72.131% {
	  transform: translate(85.5602vw, 72.131vh) scale(0.8809);
	}
	to {
	  transform: translate(80.8353vw, 100vh) scale(0.8809);
	}
  }
  .snow:nth-child(45) {
	opacity: 0.1583;
	transform: translate(22.6154vw, -10px) scale(0.1319);
	animation: fall-45 12s -29s linear infinite;
  }
  @keyframes fall-45 {
	35.154% {
	  transform: translate(16.2413vw, 35.154vh) scale(0.1319);
	}
	to {
	  transform: translate(19.42835vw, 100vh) scale(0.1319);
	}
  }
  .snow:nth-child(46) {
	opacity: 0.7053;
	transform: translate(47.2348vw, -10px) scale(0.4458);
	animation: fall-46 15s -3s linear infinite;
  }
  @keyframes fall-46 {
	60.855% {
	  transform: translate(51.0923vw, 60.855vh) scale(0.4458);
	}
	to {
	  transform: translate(49.16355vw, 100vh) scale(0.4458);
	}
  }
  .snow:nth-child(47) {
	opacity: 0.3328;
	transform: translate(38.9195vw, -10px) scale(0.8827);
	animation: fall-47 13s -28s linear infinite;
  }
  @keyframes fall-47 {
	52.648% {
	  transform: translate(43.9451vw, 52.648vh) scale(0.8827);
	}
	to {
	  transform: translate(41.4323vw, 100vh) scale(0.8827);
	}
  }
  .snow:nth-child(48) {
	opacity: 0.4995;
	transform: translate(87.8501vw, -10px) scale(0.2281);
	animation: fall-48 13s -22s linear infinite;
  }
  @keyframes fall-48 {
	71.356% {
	  transform: translate(88.3481vw, 71.356vh) scale(0.2281);
	}
	to {
	  transform: translate(88.0991vw, 100vh) scale(0.2281);
	}
  }
  .snow:nth-child(49) {
	opacity: 0.8384;
	transform: translate(43.9094vw, -10px) scale(0.4593);
	animation: fall-49 11s -6s linear infinite;
  }
  @keyframes fall-49 {
	39.575% {
	  transform: translate(36.3876vw, 39.575vh) scale(0.4593);
	}
	to {
	  transform: translate(40.1485vw, 100vh) scale(0.4593);
	}
  }
  .snow:nth-child(50) {
	opacity: 0.8322;
	transform: translate(59.7277vw, -10px) scale(0.6274);
	animation: fall-50 25s -5s linear infinite;
  }
  @keyframes fall-50 {
	58.332% {
	  transform: translate(66.9069vw, 58.332vh) scale(0.6274);
	}
	to {
	  transform: translate(63.3173vw, 100vh) scale(0.6274);
	}
  }
  .snow:nth-child(51) {
	opacity: 0.3299;
	transform: translate(9.4931vw, -10px) scale(0.9729);
	animation: fall-51 28s -6s linear infinite;
  }
  @keyframes fall-51 {
	43.577% {
	  transform: translate(11.3605vw, 43.577vh) scale(0.9729);
	}
	to {
	  transform: translate(10.4268vw, 100vh) scale(0.9729);
	}
  }
  .snow:nth-child(52) {
	opacity: 0.6651;
	transform: translate(29.426vw, -10px) scale(0.7712);
	animation: fall-52 24s -6s linear infinite;
  }
  @keyframes fall-52 {
	36.366% {
	  transform: translate(22.4773vw, 36.366vh) scale(0.7712);
	}
	to {
	  transform: translate(25.95165vw, 100vh) scale(0.7712);
	}
  }
  .snow:nth-child(53) {
	opacity: 0.3839;
	transform: translate(63.0404vw, -10px) scale(0.1747);
	animation: fall-53 29s -11s linear infinite;
  }
  @keyframes fall-53 {
	41.541% {
	  transform: translate(55.1657vw, 41.541vh) scale(0.1747);
	}
	to {
	  transform: translate(59.10305vw, 100vh) scale(0.1747);
	}
  }
  .snow:nth-child(54) {
	opacity: 0.3682;
	transform: translate(39.9008vw, -10px) scale(0.428);
	animation: fall-54 27s -19s linear infinite;
  }
  @keyframes fall-54 {
	46.203% {
	  transform: translate(48.3112vw, 46.203vh) scale(0.428);
	}
	to {
	  transform: translate(44.106vw, 100vh) scale(0.428);
	}
  }
  .snow:nth-child(55) {
	opacity: 0.8067;
	transform: translate(39.631vw, -10px) scale(0.1471);
	animation: fall-55 25s -28s linear infinite;
  }
  @keyframes fall-55 {
	50.395% {
	  transform: translate(35.8743vw, 50.395vh) scale(0.1471);
	}
	to {
	  transform: translate(37.75265vw, 100vh) scale(0.1471);
	}
  }
  .snow:nth-child(56) {
	opacity: 0.7887;
	transform: translate(32.0456vw, -10px) scale(0.0691);
	animation: fall-56 30s -9s linear infinite;
  }
  @keyframes fall-56 {
	61.448% {
	  transform: translate(27.4375vw, 61.448vh) scale(0.0691);
	}
	to {
	  transform: translate(29.74155vw, 100vh) scale(0.0691);
	}
  }
  .snow:nth-child(57) {
	opacity: 0.704;
	transform: translate(95.8518vw, -10px) scale(0.1822);
	animation: fall-57 15s -11s linear infinite;
  }
  @keyframes fall-57 {
	75.11% {
	  transform: translate(98.5575vw, 75.11vh) scale(0.1822);
	}
	to {
	  transform: translate(97.20465vw, 100vh) scale(0.1822);
	}
  }
  .snow:nth-child(58) {
	opacity: 0.663;
	transform: translate(77.1325vw, -10px) scale(0.0534);
	animation: fall-58 16s -19s linear infinite;
  }
  @keyframes fall-58 {
	73.177% {
	  transform: translate(75.6894vw, 73.177vh) scale(0.0534);
	}
	to {
	  transform: translate(76.41095vw, 100vh) scale(0.0534);
	}
  }
  .snow:nth-child(59) {
	opacity: 0.1263;
	transform: translate(83.604vw, -10px) scale(0.5266);
	animation: fall-59 29s -11s linear infinite;
  }
  @keyframes fall-59 {
	78.291% {
	  transform: translate(73.6631vw, 78.291vh) scale(0.5266);
	}
	to {
	  transform: translate(78.63355vw, 100vh) scale(0.5266);
	}
  }
  .snow:nth-child(60) {
	opacity: 0.8552;
	transform: translate(90.3904vw, -10px) scale(0.9455);
	animation: fall-60 30s -5s linear infinite;
  }
  @keyframes fall-60 {
	45.872% {
	  transform: translate(90.1887vw, 45.872vh) scale(0.9455);
	}
	to {
	  transform: translate(90.28955vw, 100vh) scale(0.9455);
	}
  }
  .snow:nth-child(61) {
	opacity: 0.9524;
	transform: translate(56.1332vw, -10px) scale(0.5161);
	animation: fall-61 13s -16s linear infinite;
  }
  @keyframes fall-61 {
	57.572% {
	  transform: translate(55.4898vw, 57.572vh) scale(0.5161);
	}
	to {
	  transform: translate(55.8115vw, 100vh) scale(0.5161);
	}
  }
  .snow:nth-child(62) {
	opacity: 0.8133;
	transform: translate(5.7335vw, -10px) scale(0.8868);
	animation: fall-62 29s -26s linear infinite;
  }
  @keyframes fall-62 {
	67.002% {
	  transform: translate(13.8962vw, 67.002vh) scale(0.8868);
	}
	to {
	  transform: translate(9.81485vw, 100vh) scale(0.8868);
	}
  }
  .snow:nth-child(63) {
	opacity: 0.4837;
	transform: translate(49.1492vw, -10px) scale(0.0034);
	animation: fall-63 30s -6s linear infinite;
  }
  @keyframes fall-63 {
	46.393% {
	  transform: translate(43.9009vw, 46.393vh) scale(0.0034);
	}
	to {
	  transform: translate(46.52505vw, 100vh) scale(0.0034);
	}
  }
  .snow:nth-child(64) {
	opacity: 0.3806;
	transform: translate(44.4938vw, -10px) scale(0.4784);
	animation: fall-64 19s -21s linear infinite;
  }
  @keyframes fall-64 {
	41.304% {
	  transform: translate(51.1387vw, 41.304vh) scale(0.4784);
	}
	to {
	  transform: translate(47.81625vw, 100vh) scale(0.4784);
	}
  }
  .snow:nth-child(65) {
	opacity: 0.3536;
	transform: translate(76.1504vw, -10px) scale(0.2481);
	animation: fall-65 16s -29s linear infinite;
  }
  @keyframes fall-65 {
	64.01% {
	  transform: translate(84.4374vw, 64.01vh) scale(0.2481);
	}
	to {
	  transform: translate(80.2939vw, 100vh) scale(0.2481);
	}
  }
  .snow:nth-child(66) {
	opacity: 0.6561;
	transform: translate(47.876vw, -10px) scale(0.8776);
	animation: fall-66 15s -22s linear infinite;
  }
  @keyframes fall-66 {
	70.195% {
	  transform: translate(55.5695vw, 70.195vh) scale(0.8776);
	}
	to {
	  transform: translate(51.72275vw, 100vh) scale(0.8776);
	}
  }
  .snow:nth-child(67) {
	opacity: 0.1569;
	transform: translate(26.2557vw, -10px) scale(0.1752);
	animation: fall-67 25s -16s linear infinite;
  }
  @keyframes fall-67 {
	68.47% {
	  transform: translate(30.8764vw, 68.47vh) scale(0.1752);
	}
	to {
	  transform: translate(28.56605vw, 100vh) scale(0.1752);
	}
  }
  .snow:nth-child(68) {
	opacity: 0.1202;
	transform: translate(86.2102vw, -10px) scale(0.6803);
	animation: fall-68 22s -15s linear infinite;
  }
  @keyframes fall-68 {
	35.78% {
	  transform: translate(89.2136vw, 35.78vh) scale(0.6803);
	}
	to {
	  transform: translate(87.7119vw, 100vh) scale(0.6803);
	}
  }
  .snow:nth-child(69) {
	opacity: 0.2596;
	transform: translate(82.1282vw, -10px) scale(0.3474);
	animation: fall-69 29s -23s linear infinite;
  }
  @keyframes fall-69 {
	79.137% {
	  transform: translate(72.1832vw, 79.137vh) scale(0.3474);
	}
	to {
	  transform: translate(77.1557vw, 100vh) scale(0.3474);
	}
  }
  .snow:nth-child(70) {
	opacity: 0.6456;
	transform: translate(28.9861vw, -10px) scale(0.7507);
	animation: fall-70 23s -5s linear infinite;
  }
  @keyframes fall-70 {
	64.351% {
	  transform: translate(23.3245vw, 64.351vh) scale(0.7507);
	}
	to {
	  transform: translate(26.1553vw, 100vh) scale(0.7507);
	}
  }
  .snow:nth-child(71) {
	opacity: 0.7742;
	transform: translate(29.0323vw, -10px) scale(0.8257);
	animation: fall-71 25s -20s linear infinite;
  }
  @keyframes fall-71 {
	59.533% {
	  transform: translate(29.738vw, 59.533vh) scale(0.8257);
	}
	to {
	  transform: translate(29.38515vw, 100vh) scale(0.8257);
	}
  }
  .snow:nth-child(72) {
	opacity: 0.3311;
	transform: translate(11.05vw, -10px) scale(0.7617);
	animation: fall-72 16s -5s linear infinite;
  }
  @keyframes fall-72 {
	68.715% {
	  transform: translate(10.2632vw, 68.715vh) scale(0.7617);
	}
	to {
	  transform: translate(10.6566vw, 100vh) scale(0.7617);
	}
  }
  .snow:nth-child(73) {
	opacity: 0.0132;
	transform: translate(23.62vw, -10px) scale(0.0072);
	animation: fall-73 16s -9s linear infinite;
  }
  @keyframes fall-73 {
	78.576% {
	  transform: translate(16.8285vw, 78.576vh) scale(0.0072);
	}
	to {
	  transform: translate(20.22425vw, 100vh) scale(0.0072);
	}
  }
  .snow:nth-child(74) {
	opacity: 0.2321;
	transform: translate(43.4217vw, -10px) scale(0.3832);
	animation: fall-74 25s -3s linear infinite;
  }
  @keyframes fall-74 {
	79.034% {
	  transform: translate(35.023vw, 79.034vh) scale(0.3832);
	}
	to {
	  transform: translate(39.22235vw, 100vh) scale(0.3832);
	}
  }
  .snow:nth-child(75) {
	opacity: 0.1042;
	transform: translate(87.4355vw, -10px) scale(0.8195);
	animation: fall-75 27s -24s linear infinite;
  }
  @keyframes fall-75 {
	41.213% {
	  transform: translate(88.2045vw, 41.213vh) scale(0.8195);
	}
	to {
	  transform: translate(87.82vw, 100vh) scale(0.8195);
	}
  }
  .snow:nth-child(76) {
	opacity: 0.803;
	transform: translate(93.2216vw, -10px) scale(0.5217);
	animation: fall-76 22s -14s linear infinite;
  }
  @keyframes fall-76 {
	74.905% {
	  transform: translate(97.5628vw, 74.905vh) scale(0.5217);
	}
	to {
	  transform: translate(95.3922vw, 100vh) scale(0.5217);
	}
  }
  .snow:nth-child(77) {
	opacity: 0.373;
	transform: translate(14.3354vw, -10px) scale(0.2185);
	animation: fall-77 12s -22s linear infinite;
  }
  @keyframes fall-77 {
	66.284% {
	  transform: translate(23.9527vw, 66.284vh) scale(0.2185);
	}
	to {
	  transform: translate(19.14405vw, 100vh) scale(0.2185);
	}
  }
  .snow:nth-child(78) {
	opacity: 0.1036;
	transform: translate(96.4884vw, -10px) scale(0.9433);
	animation: fall-78 22s -5s linear infinite;
  }
  @keyframes fall-78 {
	62.802% {
	  transform: translate(106.3588vw, 62.802vh) scale(0.9433);
	}
	to {
	  transform: translate(101.4236vw, 100vh) scale(0.9433);
	}
  }
  .snow:nth-child(79) {
	opacity: 0.1967;
	transform: translate(12.8108vw, -10px) scale(0.7324);
	animation: fall-79 15s -30s linear infinite;
  }
  @keyframes fall-79 {
	64.538% {
	  transform: translate(20.9778vw, 64.538vh) scale(0.7324);
	}
	to {
	  transform: translate(16.8943vw, 100vh) scale(0.7324);
	}
  }
  .snow:nth-child(80) {
	opacity: 0.3402;
	transform: translate(70.4542vw, -10px) scale(0.9983);
	animation: fall-80 12s -3s linear infinite;
  }
  @keyframes fall-80 {
	41.588% {
	  transform: translate(67.3021vw, 41.588vh) scale(0.9983);
	}
	to {
	  transform: translate(68.87815vw, 100vh) scale(0.9983);
	}
  }
  .snow:nth-child(81) {
	opacity: 0.9224;
	transform: translate(82.2616vw, -10px) scale(0.3489);
	animation: fall-81 29s -24s linear infinite;
  }
  @keyframes fall-81 {
	32.082% {
	  transform: translate(84.5535vw, 32.082vh) scale(0.3489);
	}
	to {
	  transform: translate(83.40755vw, 100vh) scale(0.3489);
	}
  }
  .snow:nth-child(82) {
	opacity: 0.8575;
	transform: translate(2.4976vw, -10px) scale(0.5511);
	animation: fall-82 18s -1s linear infinite;
  }
  @keyframes fall-82 {
	55.786% {
	  transform: translate(0.9366vw, 55.786vh) scale(0.5511);
	}
	to {
	  transform: translate(1.7171vw, 100vh) scale(0.5511);
	}
  }
  .snow:nth-child(83) {
	opacity: 0.2618;
	transform: translate(17.3866vw, -10px) scale(0.9779);
	animation: fall-83 10s -24s linear infinite;
  }
  @keyframes fall-83 {
	66.026% {
	  transform: translate(18.6769vw, 66.026vh) scale(0.9779);
	}
	to {
	  transform: translate(18.03175vw, 100vh) scale(0.9779);
	}
  }
  .snow:nth-child(84) {
	opacity: 0.4695;
	transform: translate(26.1304vw, -10px) scale(0.7801);
	animation: fall-84 20s -18s linear infinite;
  }
  @keyframes fall-84 {
	75.328% {
	  transform: translate(18.237vw, 75.328vh) scale(0.7801);
	}
	to {
	  transform: translate(22.1837vw, 100vh) scale(0.7801);
	}
  }
  .snow:nth-child(85) {
	opacity: 0.224;
	transform: translate(53.1498vw, -10px) scale(0.0174);
	animation: fall-85 23s -29s linear infinite;
  }
  @keyframes fall-85 {
	55.93% {
	  transform: translate(55.0806vw, 55.93vh) scale(0.0174);
	}
	to {
	  transform: translate(54.1152vw, 100vh) scale(0.0174);
	}
  }
  .snow:nth-child(86) {
	opacity: 0.0989;
	transform: translate(67.3627vw, -10px) scale(0.0979);
	animation: fall-86 15s -23s linear infinite;
  }
  @keyframes fall-86 {
	38.783% {
	  transform: translate(58.7756vw, 38.783vh) scale(0.0979);
	}
	to {
	  transform: translate(63.06915vw, 100vh) scale(0.0979);
	}
  }
  .snow:nth-child(87) {
	opacity: 0.5185;
	transform: translate(78.1487vw, -10px) scale(0.5485);
	animation: fall-87 28s -24s linear infinite;
  }
  @keyframes fall-87 {
	43.432% {
	  transform: translate(86.0943vw, 43.432vh) scale(0.5485);
	}
	to {
	  transform: translate(82.1215vw, 100vh) scale(0.5485);
	}
  }
  .snow:nth-child(88) {
	opacity: 0.687;
	transform: translate(78.1659vw, -10px) scale(0.415);
	animation: fall-88 13s -11s linear infinite;
  }
  @keyframes fall-88 {
	69.573% {
	  transform: translate(77.0475vw, 69.573vh) scale(0.415);
	}
	to {
	  transform: translate(77.6067vw, 100vh) scale(0.415);
	}
  }
  .snow:nth-child(89) {
	opacity: 0.0287;
	transform: translate(29.0737vw, -10px) scale(0.7892);
	animation: fall-89 24s -10s linear infinite;
  }
  @keyframes fall-89 {
	38.093% {
	  transform: translate(38.5417vw, 38.093vh) scale(0.7892);
	}
	to {
	  transform: translate(33.8077vw, 100vh) scale(0.7892);
	}
  }
  .snow:nth-child(90) {
	opacity: 0.2926;
	transform: translate(8.9713vw, -10px) scale(0.6849);
	animation: fall-90 23s -7s linear infinite;
  }
  @keyframes fall-90 {
	79.746% {
	  transform: translate(3.7752vw, 79.746vh) scale(0.6849);
	}
	to {
	  transform: translate(6.37325vw, 100vh) scale(0.6849);
	}
  }
  .snow:nth-child(91) {
	opacity: 0.8304;
	transform: translate(81.5408vw, -10px) scale(0.724);
	animation: fall-91 25s -17s linear infinite;
  }
  @keyframes fall-91 {
	66.784% {
	  transform: translate(72.6999vw, 66.784vh) scale(0.724);
	}
	to {
	  transform: translate(77.12035vw, 100vh) scale(0.724);
	}
  }
  .snow:nth-child(92) {
	opacity: 0.6821;
	transform: translate(3.7816vw, -10px) scale(0.061);
	animation: fall-92 10s -10s linear infinite;
  }
  @keyframes fall-92 {
	56.755% {
	  transform: translate(10.4842vw, 56.755vh) scale(0.061);
	}
	to {
	  transform: translate(7.1329vw, 100vh) scale(0.061);
	}
  }
  .snow:nth-child(93) {
	opacity: 0.3117;
	transform: translate(80.9743vw, -10px) scale(0.5879);
	animation: fall-93 27s -3s linear infinite;
  }
  @keyframes fall-93 {
	50.095% {
	  transform: translate(80.0251vw, 50.095vh) scale(0.5879);
	}
	to {
	  transform: translate(80.4997vw, 100vh) scale(0.5879);
	}
  }
  .snow:nth-child(94) {
	opacity: 0.0989;
	transform: translate(0.5429vw, -10px) scale(0.5769);
	animation: fall-94 11s -13s linear infinite;
  }
  @keyframes fall-94 {
	74.494% {
	  transform: translate(-8.9096vw, 74.494vh) scale(0.5769);
	}
	to {
	  transform: translate(-4.18335vw, 100vh) scale(0.5769);
	}
  }
  .snow:nth-child(95) {
	opacity: 0.2194;
	transform: translate(72.3792vw, -10px) scale(0.1271);
	animation: fall-95 15s -6s linear infinite;
  }
  @keyframes fall-95 {
	49.331% {
	  transform: translate(69.5919vw, 49.331vh) scale(0.1271);
	}
	to {
	  transform: translate(70.98555vw, 100vh) scale(0.1271);
	}
  }
  .snow:nth-child(96) {
	opacity: 0.8161;
	transform: translate(84.7277vw, -10px) scale(0.1693);
	animation: fall-96 22s -13s linear infinite;
  }
  @keyframes fall-96 {
	31.496% {
	  transform: translate(85.873vw, 31.496vh) scale(0.1693);
	}
	to {
	  transform: translate(85.30035vw, 100vh) scale(0.1693);
	}
  }
  .snow:nth-child(97) {
	opacity: 0.2206;
	transform: translate(98.319vw, -10px) scale(0.8974);
	animation: fall-97 17s -21s linear infinite;
  }
  @keyframes fall-97 {
	50.884% {
	  transform: translate(101.0834vw, 50.884vh) scale(0.8974);
	}
	to {
	  transform: translate(99.7012vw, 100vh) scale(0.8974);
	}
  }
  .snow:nth-child(98) {
	opacity: 0.4148;
	transform: translate(47.3063vw, -10px) scale(0.2808);
	animation: fall-98 29s -25s linear infinite;
  }
  @keyframes fall-98 {
	37.966% {
	  transform: translate(48.6564vw, 37.966vh) scale(0.2808);
	}
	to {
	  transform: translate(47.98135vw, 100vh) scale(0.2808);
	}
  }
  .snow:nth-child(99) {
	opacity: 0.8343;
	transform: translate(8.7367vw, -10px) scale(0.0529);
	animation: fall-99 12s -13s linear infinite;
  }
  @keyframes fall-99 {
	32.397% {
	  transform: translate(7.1867vw, 32.397vh) scale(0.0529);
	}
	to {
	  transform: translate(7.9617vw, 100vh) scale(0.0529);
	}
  }
  .snow:nth-child(100) {
	opacity: 0.5014;
	transform: translate(91.4619vw, -10px) scale(0.2249);
	animation: fall-100 24s -29s linear infinite;
  }
  @keyframes fall-100 {
	43.463% {
	  transform: translate(100.5158vw, 43.463vh) scale(0.2249);
	}
	to {
	  transform: translate(95.98885vw, 100vh) scale(0.2249);
	}
  }
  .snow:nth-child(101) {
	opacity: 0.647;
	transform: translate(28.8228vw, -10px) scale(0.5475);
	animation: fall-101 11s -27s linear infinite;
  }
  @keyframes fall-101 {
	31.848% {
	  transform: translate(20.4699vw, 31.848vh) scale(0.5475);
	}
	to {
	  transform: translate(24.64635vw, 100vh) scale(0.5475);
	}
  }
  .snow:nth-child(102) {
	opacity: 0.1058;
	transform: translate(5.3159vw, -10px) scale(0.9504);
	animation: fall-102 29s -29s linear infinite;
  }
  @keyframes fall-102 {
	62.308% {
	  transform: translate(2.0069vw, 62.308vh) scale(0.9504);
	}
	to {
	  transform: translate(3.6614vw, 100vh) scale(0.9504);
	}
  }
  .snow:nth-child(103) {
	opacity: 0.3928;
	transform: translate(81.9424vw, -10px) scale(0.8135);
	animation: fall-103 27s -30s linear infinite;
  }
  @keyframes fall-103 {
	77.142% {
	  transform: translate(83.8865vw, 77.142vh) scale(0.8135);
	}
	to {
	  transform: translate(82.91445vw, 100vh) scale(0.8135);
	}
  }
  .snow:nth-child(104) {
	opacity: 0.6095;
	transform: translate(52.9347vw, -10px) scale(0.7777);
	animation: fall-104 26s -18s linear infinite;
  }
  @keyframes fall-104 {
	64.904% {
	  transform: translate(57.2637vw, 64.904vh) scale(0.7777);
	}
	to {
	  transform: translate(55.0992vw, 100vh) scale(0.7777);
	}
  }
  .snow:nth-child(105) {
	opacity: 0.1323;
	transform: translate(89.104vw, -10px) scale(0.0925);
	animation: fall-105 26s -9s linear infinite;
  }
  @keyframes fall-105 {
	77.106% {
	  transform: translate(87.2514vw, 77.106vh) scale(0.0925);
	}
	to {
	  transform: translate(88.1777vw, 100vh) scale(0.0925);
	}
  }
  .snow:nth-child(106) {
	opacity: 0.7949;
	transform: translate(30.1774vw, -10px) scale(0.9939);
	animation: fall-106 28s -29s linear infinite;
  }
  @keyframes fall-106 {
	59.625% {
	  transform: translate(38.9956vw, 59.625vh) scale(0.9939);
	}
	to {
	  transform: translate(34.5865vw, 100vh) scale(0.9939);
	}
  }
  .snow:nth-child(107) {
	opacity: 0.1256;
	transform: translate(7.8964vw, -10px) scale(0.6453);
	animation: fall-107 10s -2s linear infinite;
  }
  @keyframes fall-107 {
	49.164% {
	  transform: translate(5.2697vw, 49.164vh) scale(0.6453);
	}
	to {
	  transform: translate(6.58305vw, 100vh) scale(0.6453);
	}
  }
  .snow:nth-child(108) {
	opacity: 0.6077;
	transform: translate(68.2207vw, -10px) scale(0.8946);
	animation: fall-108 13s -16s linear infinite;
  }
  @keyframes fall-108 {
	67.835% {
	  transform: translate(60.6646vw, 67.835vh) scale(0.8946);
	}
	to {
	  transform: translate(64.44265vw, 100vh) scale(0.8946);
	}
  }
  .snow:nth-child(109) {
	opacity: 0.7317;
	transform: translate(50.867vw, -10px) scale(0.94);
	animation: fall-109 18s -27s linear infinite;
  }
  @keyframes fall-109 {
	33.426% {
	  transform: translate(40.9813vw, 33.426vh) scale(0.94);
	}
	to {
	  transform: translate(45.92415vw, 100vh) scale(0.94);
	}
  }
  .snow:nth-child(110) {
	opacity: 0.4099;
	transform: translate(36.6587vw, -10px) scale(0.7143);
	animation: fall-110 29s -2s linear infinite;
  }
  @keyframes fall-110 {
	54.533% {
	  transform: translate(37.0365vw, 54.533vh) scale(0.7143);
	}
	to {
	  transform: translate(36.8476vw, 100vh) scale(0.7143);
	}
  }
  .snow:nth-child(111) {
	opacity: 0.205;
	transform: translate(13.3494vw, -10px) scale(0.1234);
	animation: fall-111 26s -8s linear infinite;
  }
  @keyframes fall-111 {
	59.917% {
	  transform: translate(9.3398vw, 59.917vh) scale(0.1234);
	}
	to {
	  transform: translate(11.3446vw, 100vh) scale(0.1234);
	}
  }
  .snow:nth-child(112) {
	opacity: 0.2274;
	transform: translate(38.7941vw, -10px) scale(0.1643);
	animation: fall-112 21s -24s linear infinite;
  }
  @keyframes fall-112 {
	72.881% {
	  transform: translate(48.1478vw, 72.881vh) scale(0.1643);
	}
	to {
	  transform: translate(43.47095vw, 100vh) scale(0.1643);
	}
  }
  .snow:nth-child(113) {
	opacity: 0.8394;
	transform: translate(37.1547vw, -10px) scale(0.0731);
	animation: fall-113 30s -5s linear infinite;
  }
  @keyframes fall-113 {
	46.67% {
	  transform: translate(36.2001vw, 46.67vh) scale(0.0731);
	}
	to {
	  transform: translate(36.6774vw, 100vh) scale(0.0731);
	}
  }
  .snow:nth-child(114) {
	opacity: 0.3551;
	transform: translate(46.7014vw, -10px) scale(0.6211);
	animation: fall-114 11s -18s linear infinite;
  }
  @keyframes fall-114 {
	76.972% {
	  transform: translate(54.2739vw, 76.972vh) scale(0.6211);
	}
	to {
	  transform: translate(50.48765vw, 100vh) scale(0.6211);
	}
  }
  .snow:nth-child(115) {
	opacity: 0.0413;
	transform: translate(58.4995vw, -10px) scale(0.0733);
	animation: fall-115 20s -4s linear infinite;
  }
  @keyframes fall-115 {
	44.496% {
	  transform: translate(49.1236vw, 44.496vh) scale(0.0733);
	}
	to {
	  transform: translate(53.81155vw, 100vh) scale(0.0733);
	}
  }
  .snow:nth-child(116) {
	opacity: 0.763;
	transform: translate(12.8235vw, -10px) scale(0.4678);
	animation: fall-116 12s -10s linear infinite;
  }
  @keyframes fall-116 {
	64.923% {
	  transform: translate(18.0993vw, 64.923vh) scale(0.4678);
	}
	to {
	  transform: translate(15.4614vw, 100vh) scale(0.4678);
	}
  }
  .snow:nth-child(117) {
	opacity: 0.0326;
	transform: translate(54.2923vw, -10px) scale(0.5427);
	animation: fall-117 24s -23s linear infinite;
  }
  @keyframes fall-117 {
	69.003% {
	  transform: translate(55.5754vw, 69.003vh) scale(0.5427);
	}
	to {
	  transform: translate(54.93385vw, 100vh) scale(0.5427);
	}
  }
  .snow:nth-child(118) {
	opacity: 0.8363;
	transform: translate(66.5408vw, -10px) scale(0.8515);
	animation: fall-118 20s -26s linear infinite;
  }
  @keyframes fall-118 {
	71.678% {
	  transform: translate(64.2606vw, 71.678vh) scale(0.8515);
	}
	to {
	  transform: translate(65.4007vw, 100vh) scale(0.8515);
	}
  }
  .snow:nth-child(119) {
	opacity: 0.7409;
	transform: translate(15.5646vw, -10px) scale(0.3492);
	animation: fall-119 16s -3s linear infinite;
  }
  @keyframes fall-119 {
	58.438% {
	  transform: translate(16.1265vw, 58.438vh) scale(0.3492);
	}
	to {
	  transform: translate(15.84555vw, 100vh) scale(0.3492);
	}
  }
  .snow:nth-child(120) {
	opacity: 0.0005;
	transform: translate(52.99vw, -10px) scale(0.3526);
	animation: fall-120 15s -23s linear infinite;
  }
  @keyframes fall-120 {
	41.546% {
	  transform: translate(59.0172vw, 41.546vh) scale(0.3526);
	}
	to {
	  transform: translate(56.0036vw, 100vh) scale(0.3526);
	}
  }
  .snow:nth-child(121) {
	opacity: 0.2794;
	transform: translate(99.9088vw, -10px) scale(0.1966);
	animation: fall-121 30s -13s linear infinite;
  }
  @keyframes fall-121 {
	55.725% {
	  transform: translate(90.8809vw, 55.725vh) scale(0.1966);
	}
	to {
	  transform: translate(95.39485vw, 100vh) scale(0.1966);
	}
  }
  .snow:nth-child(122) {
	opacity: 0.9293;
	transform: translate(26.9675vw, -10px) scale(0.7964);
	animation: fall-122 22s -12s linear infinite;
  }
  @keyframes fall-122 {
	34.953% {
	  transform: translate(33.0472vw, 34.953vh) scale(0.7964);
	}
	to {
	  transform: translate(30.00735vw, 100vh) scale(0.7964);
	}
  }
  .snow:nth-child(123) {
	opacity: 0.6868;
	transform: translate(44.9762vw, -10px) scale(0.0065);
	animation: fall-123 27s -19s linear infinite;
  }
  @keyframes fall-123 {
	75.057% {
	  transform: translate(52.5457vw, 75.057vh) scale(0.0065);
	}
	to {
	  transform: translate(48.76095vw, 100vh) scale(0.0065);
	}
  }
  .snow:nth-child(124) {
	opacity: 0.8564;
	transform: translate(80.2966vw, -10px) scale(0.4269);
	animation: fall-124 20s -14s linear infinite;
  }
  @keyframes fall-124 {
	62.952% {
	  transform: translate(72.1847vw, 62.952vh) scale(0.4269);
	}
	to {
	  transform: translate(76.24065vw, 100vh) scale(0.4269);
	}
  }
  .snow:nth-child(125) {
	opacity: 0.3538;
	transform: translate(42.1673vw, -10px) scale(0.7184);
	animation: fall-125 27s -18s linear infinite;
  }
  @keyframes fall-125 {
	76.619% {
	  transform: translate(41.7451vw, 76.619vh) scale(0.7184);
	}
	to {
	  transform: translate(41.9562vw, 100vh) scale(0.7184);
	}
  }
  .snow:nth-child(126) {
	opacity: 0.2429;
	transform: translate(97.9304vw, -10px) scale(0.9496);
	animation: fall-126 30s -20s linear infinite;
  }
  @keyframes fall-126 {
	44.777% {
	  transform: translate(96.9347vw, 44.777vh) scale(0.9496);
	}
	to {
	  transform: translate(97.43255vw, 100vh) scale(0.9496);
	}
  }
  .snow:nth-child(127) {
	opacity: 0.1531;
	transform: translate(25.8733vw, -10px) scale(0.0683);
	animation: fall-127 10s -15s linear infinite;
  }
  @keyframes fall-127 {
	39.569% {
	  transform: translate(24.9873vw, 39.569vh) scale(0.0683);
	}
	to {
	  transform: translate(25.4303vw, 100vh) scale(0.0683);
	}
  }
  .snow:nth-child(128) {
	opacity: 0.0903;
	transform: translate(29.6714vw, -10px) scale(0.385);
	animation: fall-128 28s -16s linear infinite;
  }
  @keyframes fall-128 {
	50.807% {
	  transform: translate(36.9265vw, 50.807vh) scale(0.385);
	}
	to {
	  transform: translate(33.29895vw, 100vh) scale(0.385);
	}
  }
  .snow:nth-child(129) {
	opacity: 0.3646;
	transform: translate(67.602vw, -10px) scale(0.466);
	animation: fall-129 19s -13s linear infinite;
  }
  @keyframes fall-129 {
	49.5% {
	  transform: translate(64.883vw, 49.5vh) scale(0.466);
	}
	to {
	  transform: translate(66.2425vw, 100vh) scale(0.466);
	}
  }
  .snow:nth-child(130) {
	opacity: 0.7217;
	transform: translate(70.9847vw, -10px) scale(0.9817);
	animation: fall-130 16s -30s linear infinite;
  }
  @keyframes fall-130 {
	58.834% {
	  transform: translate(72.4765vw, 58.834vh) scale(0.9817);
	}
	to {
	  transform: translate(71.7306vw, 100vh) scale(0.9817);
	}
  }
  .snow:nth-child(131) {
	opacity: 0.4538;
	transform: translate(14.4951vw, -10px) scale(0.2431);
	animation: fall-131 28s -20s linear infinite;
  }
  @keyframes fall-131 {
	31.99% {
	  transform: translate(15.2983vw, 31.99vh) scale(0.2431);
	}
	to {
	  transform: translate(14.8967vw, 100vh) scale(0.2431);
	}
  }
  .snow:nth-child(132) {
	opacity: 0.7664;
	transform: translate(81.8146vw, -10px) scale(0.4072);
	animation: fall-132 16s -18s linear infinite;
  }
  @keyframes fall-132 {
	68.372% {
	  transform: translate(89.2374vw, 68.372vh) scale(0.4072);
	}
	to {
	  transform: translate(85.526vw, 100vh) scale(0.4072);
	}
  }
  .snow:nth-child(133) {
	opacity: 0.3077;
	transform: translate(23.7006vw, -10px) scale(0.5761);
	animation: fall-133 27s -15s linear infinite;
  }
  @keyframes fall-133 {
	42.724% {
	  transform: translate(25.6716vw, 42.724vh) scale(0.5761);
	}
	to {
	  transform: translate(24.6861vw, 100vh) scale(0.5761);
	}
  }
  .snow:nth-child(134) {
	opacity: 0.6622;
	transform: translate(83.183vw, -10px) scale(0.6219);
	animation: fall-134 10s -15s linear infinite;
  }
  @keyframes fall-134 {
	77.421% {
	  transform: translate(86.6295vw, 77.421vh) scale(0.6219);
	}
	to {
	  transform: translate(84.90625vw, 100vh) scale(0.6219);
	}
  }
  .snow:nth-child(135) {
	opacity: 0.0038;
	transform: translate(10.6922vw, -10px) scale(0.0735);
	animation: fall-135 11s -22s linear infinite;
  }
  @keyframes fall-135 {
	38.682% {
	  transform: translate(1.904vw, 38.682vh) scale(0.0735);
	}
	to {
	  transform: translate(6.2981vw, 100vh) scale(0.0735);
	}
  }
  .snow:nth-child(136) {
	opacity: 0.9957;
	transform: translate(47.897vw, -10px) scale(0.8765);
	animation: fall-136 13s -12s linear infinite;
  }
  @keyframes fall-136 {
	54.121% {
	  transform: translate(51.8859vw, 54.121vh) scale(0.8765);
	}
	to {
	  transform: translate(49.89145vw, 100vh) scale(0.8765);
	}
  }
  .snow:nth-child(137) {
	opacity: 0.5799;
	transform: translate(59.0798vw, -10px) scale(0.3247);
	animation: fall-137 26s -2s linear infinite;
  }
  @keyframes fall-137 {
	71.813% {
	  transform: translate(66.0908vw, 71.813vh) scale(0.3247);
	}
	to {
	  transform: translate(62.5853vw, 100vh) scale(0.3247);
	}
  }
  .snow:nth-child(138) {
	opacity: 0.257;
	transform: translate(68.7015vw, -10px) scale(0.7511);
	animation: fall-138 26s -14s linear infinite;
  }
  @keyframes fall-138 {
	42.943% {
	  transform: translate(60.1549vw, 42.943vh) scale(0.7511);
	}
	to {
	  transform: translate(64.4282vw, 100vh) scale(0.7511);
	}
  }
  .snow:nth-child(139) {
	opacity: 0.3395;
	transform: translate(41.9943vw, -10px) scale(0.7256);
	animation: fall-139 16s -13s linear infinite;
  }
  @keyframes fall-139 {
	55.838% {
	  transform: translate(44.8004vw, 55.838vh) scale(0.7256);
	}
	to {
	  transform: translate(43.39735vw, 100vh) scale(0.7256);
	}
  }
  .snow:nth-child(140) {
	opacity: 0.214;
	transform: translate(5.46vw, -10px) scale(0.8964);
	animation: fall-140 13s -29s linear infinite;
  }
  @keyframes fall-140 {
	31.836% {
	  transform: translate(5.9699vw, 31.836vh) scale(0.8964);
	}
	to {
	  transform: translate(5.71495vw, 100vh) scale(0.8964);
	}
  }
  .snow:nth-child(141) {
	opacity: 0.183;
	transform: translate(89.731vw, -10px) scale(0.5439);
	animation: fall-141 30s -21s linear infinite;
  }
  @keyframes fall-141 {
	61.879% {
	  transform: translate(82.5767vw, 61.879vh) scale(0.5439);
	}
	to {
	  transform: translate(86.15385vw, 100vh) scale(0.5439);
	}
  }
  .snow:nth-child(142) {
	opacity: 0.0148;
	transform: translate(19.9112vw, -10px) scale(0.5323);
	animation: fall-142 16s -25s linear infinite;
  }
  @keyframes fall-142 {
	77.087% {
	  transform: translate(23.4576vw, 77.087vh) scale(0.5323);
	}
	to {
	  transform: translate(21.6844vw, 100vh) scale(0.5323);
	}
  }
  .snow:nth-child(143) {
	opacity: 0.1283;
	transform: translate(23.3835vw, -10px) scale(0.1111);
	animation: fall-143 18s -16s linear infinite;
  }
  @keyframes fall-143 {
	54.552% {
	  transform: translate(18.8216vw, 54.552vh) scale(0.1111);
	}
	to {
	  transform: translate(21.10255vw, 100vh) scale(0.1111);
	}
  }
  .snow:nth-child(144) {
	opacity: 0.3115;
	transform: translate(27.2884vw, -10px) scale(0.582);
	animation: fall-144 15s -13s linear infinite;
  }
  @keyframes fall-144 {
	63.439% {
	  transform: translate(20.7929vw, 63.439vh) scale(0.582);
	}
	to {
	  transform: translate(24.04065vw, 100vh) scale(0.582);
	}
  }
  .snow:nth-child(145) {
	opacity: 0.2789;
	transform: translate(37.1946vw, -10px) scale(0.8675);
	animation: fall-145 24s -16s linear infinite;
  }
  @keyframes fall-145 {
	51.281% {
	  transform: translate(46.9178vw, 51.281vh) scale(0.8675);
	}
	to {
	  transform: translate(42.0562vw, 100vh) scale(0.8675);
	}
  }
  .snow:nth-child(146) {
	opacity: 0.4333;
	transform: translate(27.1331vw, -10px) scale(0.0828);
	animation: fall-146 29s -1s linear infinite;
  }
  @keyframes fall-146 {
	45.936% {
	  transform: translate(32.8206vw, 45.936vh) scale(0.0828);
	}
	to {
	  transform: translate(29.97685vw, 100vh) scale(0.0828);
	}
  }
  .snow:nth-child(147) {
	opacity: 0.2531;
	transform: translate(75.7745vw, -10px) scale(0.2597);
	animation: fall-147 17s -11s linear infinite;
  }
  @keyframes fall-147 {
	58.555% {
	  transform: translate(80.0719vw, 58.555vh) scale(0.2597);
	}
	to {
	  transform: translate(77.9232vw, 100vh) scale(0.2597);
	}
  }
  .snow:nth-child(148) {
	opacity: 0.2317;
	transform: translate(81.2467vw, -10px) scale(0.2793);
	animation: fall-148 20s -22s linear infinite;
  }
  @keyframes fall-148 {
	70.355% {
	  transform: translate(76.0998vw, 70.355vh) scale(0.2793);
	}
	to {
	  transform: translate(78.67325vw, 100vh) scale(0.2793);
	}
  }
  .snow:nth-child(149) {
	opacity: 0.3577;
	transform: translate(62.5941vw, -10px) scale(0.398);
	animation: fall-149 29s -1s linear infinite;
  }
  @keyframes fall-149 {
	58.798% {
	  transform: translate(56.865vw, 58.798vh) scale(0.398);
	}
	to {
	  transform: translate(59.72955vw, 100vh) scale(0.398);
	}
  }
  .snow:nth-child(150) {
	opacity: 0.7452;
	transform: translate(19.965vw, -10px) scale(0.2518);
	animation: fall-150 11s -21s linear infinite;
  }
  @keyframes fall-150 {
	64.005% {
	  transform: translate(15.5055vw, 64.005vh) scale(0.2518);
	}
	to {
	  transform: translate(17.73525vw, 100vh) scale(0.2518);
	}
  }
  .snow:nth-child(151) {
	opacity: 0.2698;
	transform: translate(21.9591vw, -10px) scale(0.2205);
	animation: fall-151 16s -16s linear infinite;
  }
  @keyframes fall-151 {
	60.71% {
	  transform: translate(19.3932vw, 60.71vh) scale(0.2205);
	}
	to {
	  transform: translate(20.67615vw, 100vh) scale(0.2205);
	}
  }
  .snow:nth-child(152) {
	opacity: 0.5701;
	transform: translate(23.7268vw, -10px) scale(0.3966);
	animation: fall-152 17s -8s linear infinite;
  }
  @keyframes fall-152 {
	72.816% {
	  transform: translate(33.4475vw, 72.816vh) scale(0.3966);
	}
	to {
	  transform: translate(28.58715vw, 100vh) scale(0.3966);
	}
  }
  .snow:nth-child(153) {
	opacity: 0.3156;
	transform: translate(81.7873vw, -10px) scale(0.2254);
	animation: fall-153 11s -9s linear infinite;
  }
  @keyframes fall-153 {
	40.087% {
	  transform: translate(86.6558vw, 40.087vh) scale(0.2254);
	}
	to {
	  transform: translate(84.22155vw, 100vh) scale(0.2254);
	}
  }
  .snow:nth-child(154) {
	opacity: 0.3381;
	transform: translate(26.6521vw, -10px) scale(0.628);
	animation: fall-154 19s -26s linear infinite;
  }
  @keyframes fall-154 {
	67.531% {
	  transform: translate(17.9103vw, 67.531vh) scale(0.628);
	}
	to {
	  transform: translate(22.2812vw, 100vh) scale(0.628);
	}
  }
  .snow:nth-child(155) {
	opacity: 0.0438;
	transform: translate(4.7449vw, -10px) scale(0.7051);
	animation: fall-155 25s -12s linear infinite;
  }
  @keyframes fall-155 {
	56.894% {
	  transform: translate(12.2963vw, 56.894vh) scale(0.7051);
	}
	to {
	  transform: translate(8.5206vw, 100vh) scale(0.7051);
	}
  }
  .snow:nth-child(156) {
	opacity: 0.1978;
	transform: translate(20.8168vw, -10px) scale(0.3367);
	animation: fall-156 19s -10s linear infinite;
  }
  @keyframes fall-156 {
	61.401% {
	  transform: translate(16.2733vw, 61.401vh) scale(0.3367);
	}
	to {
	  transform: translate(18.54505vw, 100vh) scale(0.3367);
	}
  }
  .snow:nth-child(157) {
	opacity: 0.6724;
	transform: translate(11.1907vw, -10px) scale(0.4605);
	animation: fall-157 20s -13s linear infinite;
  }
  @keyframes fall-157 {
	52.577% {
	  transform: translate(16.6046vw, 52.577vh) scale(0.4605);
	}
	to {
	  transform: translate(13.89765vw, 100vh) scale(0.4605);
	}
  }
  .snow:nth-child(158) {
	opacity: 0.0339;
	transform: translate(34.127vw, -10px) scale(0.9189);
	animation: fall-158 21s -22s linear infinite;
  }
  @keyframes fall-158 {
	33.507% {
	  transform: translate(28.4499vw, 33.507vh) scale(0.9189);
	}
	to {
	  transform: translate(31.28845vw, 100vh) scale(0.9189);
	}
  }
  .snow:nth-child(159) {
	opacity: 0.8842;
	transform: translate(79.7314vw, -10px) scale(0.4633);
	animation: fall-159 12s -18s linear infinite;
  }
  @keyframes fall-159 {
	41.45% {
	  transform: translate(70.1842vw, 41.45vh) scale(0.4633);
	}
	to {
	  transform: translate(74.9578vw, 100vh) scale(0.4633);
	}
  }
  .snow:nth-child(160) {
	opacity: 0.3973;
	transform: translate(55.7078vw, -10px) scale(0.3348);
	animation: fall-160 19s -5s linear infinite;
  }
  @keyframes fall-160 {
	73.436% {
	  transform: translate(46.1023vw, 73.436vh) scale(0.3348);
	}
	to {
	  transform: translate(50.90505vw, 100vh) scale(0.3348);
	}
  }
  .snow:nth-child(161) {
	opacity: 0.1487;
	transform: translate(20.6949vw, -10px) scale(0.4571);
	animation: fall-161 18s -15s linear infinite;
  }
  @keyframes fall-161 {
	70.777% {
	  transform: translate(20.2916vw, 70.777vh) scale(0.4571);
	}
	to {
	  transform: translate(20.49325vw, 100vh) scale(0.4571);
	}
  }
  .snow:nth-child(162) {
	opacity: 0.534;
	transform: translate(22.2669vw, -10px) scale(0.8587);
	animation: fall-162 16s -28s linear infinite;
  }
  @keyframes fall-162 {
	43.879% {
	  transform: translate(20.4029vw, 43.879vh) scale(0.8587);
	}
	to {
	  transform: translate(21.3349vw, 100vh) scale(0.8587);
	}
  }
  .snow:nth-child(163) {
	opacity: 0.7029;
	transform: translate(44.3249vw, -10px) scale(0.2168);
	animation: fall-163 14s -14s linear infinite;
  }
  @keyframes fall-163 {
	60.481% {
	  transform: translate(48.8741vw, 60.481vh) scale(0.2168);
	}
	to {
	  transform: translate(46.5995vw, 100vh) scale(0.2168);
	}
  }
  .snow:nth-child(164) {
	opacity: 0.2493;
	transform: translate(57.5379vw, -10px) scale(0.5104);
	animation: fall-164 27s -9s linear infinite;
  }
  @keyframes fall-164 {
	52.937% {
	  transform: translate(60.9558vw, 52.937vh) scale(0.5104);
	}
	to {
	  transform: translate(59.24685vw, 100vh) scale(0.5104);
	}
  }
  .snow:nth-child(165) {
	opacity: 0.1752;
	transform: translate(56.1367vw, -10px) scale(0.7494);
	animation: fall-165 15s -19s linear infinite;
  }
  @keyframes fall-165 {
	47.062% {
	  transform: translate(54.0918vw, 47.062vh) scale(0.7494);
	}
	to {
	  transform: translate(55.11425vw, 100vh) scale(0.7494);
	}
  }
  .snow:nth-child(166) {
	opacity: 0.3082;
	transform: translate(16.2888vw, -10px) scale(0.3742);
	animation: fall-166 18s -2s linear infinite;
  }
  @keyframes fall-166 {
	47.312% {
	  transform: translate(11.9927vw, 47.312vh) scale(0.3742);
	}
	to {
	  transform: translate(14.14075vw, 100vh) scale(0.3742);
	}
  }
  .snow:nth-child(167) {
	opacity: 0.4837;
	transform: translate(99.4412vw, -10px) scale(0.0024);
	animation: fall-167 10s -1s linear infinite;
  }
  @keyframes fall-167 {
	32.417% {
	  transform: translate(90.578vw, 32.417vh) scale(0.0024);
	}
	to {
	  transform: translate(95.0096vw, 100vh) scale(0.0024);
	}
  }
  .snow:nth-child(168) {
	opacity: 0.403;
	transform: translate(83.548vw, -10px) scale(0.1687);
	animation: fall-168 14s -2s linear infinite;
  }
  @keyframes fall-168 {
	70.649% {
	  transform: translate(77.6297vw, 70.649vh) scale(0.1687);
	}
	to {
	  transform: translate(80.58885vw, 100vh) scale(0.1687);
	}
  }
  .snow:nth-child(169) {
	opacity: 0.1527;
	transform: translate(69.9248vw, -10px) scale(0.5919);
	animation: fall-169 28s -7s linear infinite;
  }
  @keyframes fall-169 {
	69.701% {
	  transform: translate(75.0568vw, 69.701vh) scale(0.5919);
	}
	to {
	  transform: translate(72.4908vw, 100vh) scale(0.5919);
	}
  }
  .snow:nth-child(170) {
	opacity: 0.5323;
	transform: translate(70.3604vw, -10px) scale(0.7837);
	animation: fall-170 17s -26s linear infinite;
  }
  @keyframes fall-170 {
	65.73% {
	  transform: translate(69.7798vw, 65.73vh) scale(0.7837);
	}
	to {
	  transform: translate(70.0701vw, 100vh) scale(0.7837);
	}
  }
  .snow:nth-child(171) {
	opacity: 0.6267;
	transform: translate(69.7813vw, -10px) scale(0.8577);
	animation: fall-171 15s -16s linear infinite;
  }
  @keyframes fall-171 {
	49.984% {
	  transform: translate(76.7084vw, 49.984vh) scale(0.8577);
	}
	to {
	  transform: translate(73.24485vw, 100vh) scale(0.8577);
	}
  }
  .snow:nth-child(172) {
	opacity: 0.5768;
	transform: translate(56.389vw, -10px) scale(0.3701);
	animation: fall-172 30s -14s linear infinite;
  }
  @keyframes fall-172 {
	47.691% {
	  transform: translate(49.8517vw, 47.691vh) scale(0.3701);
	}
	to {
	  transform: translate(53.12035vw, 100vh) scale(0.3701);
	}
  }
  .snow:nth-child(173) {
	opacity: 0.7716;
	transform: translate(31.5322vw, -10px) scale(0.3116);
	animation: fall-173 17s -17s linear infinite;
  }
  @keyframes fall-173 {
	44.436% {
	  transform: translate(22.3284vw, 44.436vh) scale(0.3116);
	}
	to {
	  transform: translate(26.9303vw, 100vh) scale(0.3116);
	}
  }
  .snow:nth-child(174) {
	opacity: 0.1318;
	transform: translate(0.0732vw, -10px) scale(0.4346);
	animation: fall-174 28s -19s linear infinite;
  }
  @keyframes fall-174 {
	65.483% {
	  transform: translate(2.2038vw, 65.483vh) scale(0.4346);
	}
	to {
	  transform: translate(1.1385vw, 100vh) scale(0.4346);
	}
  }
  .snow:nth-child(175) {
	opacity: 0.2381;
	transform: translate(54.1868vw, -10px) scale(0.1782);
	animation: fall-175 12s -19s linear infinite;
  }
  @keyframes fall-175 {
	66.819% {
	  transform: translate(44.7605vw, 66.819vh) scale(0.1782);
	}
	to {
	  transform: translate(49.47365vw, 100vh) scale(0.1782);
	}
  }
  .snow:nth-child(176) {
	opacity: 0.4453;
	transform: translate(36.7248vw, -10px) scale(0.1356);
	animation: fall-176 29s -4s linear infinite;
  }
  @keyframes fall-176 {
	52.487% {
	  transform: translate(34.9706vw, 52.487vh) scale(0.1356);
	}
	to {
	  transform: translate(35.8477vw, 100vh) scale(0.1356);
	}
  }
  .snow:nth-child(177) {
	opacity: 0.7766;
	transform: translate(58.7995vw, -10px) scale(0.8914);
	animation: fall-177 15s -16s linear infinite;
  }
  @keyframes fall-177 {
	73.478% {
	  transform: translate(60.6531vw, 73.478vh) scale(0.8914);
	}
	to {
	  transform: translate(59.7263vw, 100vh) scale(0.8914);
	}
  }
  .snow:nth-child(178) {
	opacity: 0.3647;
	transform: translate(76.511vw, -10px) scale(0.7031);
	animation: fall-178 27s -20s linear infinite;
  }
  @keyframes fall-178 {
	49.247% {
	  transform: translate(86.3731vw, 49.247vh) scale(0.7031);
	}
	to {
	  transform: translate(81.44205vw, 100vh) scale(0.7031);
	}
  }
  .snow:nth-child(179) {
	opacity: 0.6451;
	transform: translate(29.4693vw, -10px) scale(0.2227);
	animation: fall-179 10s -19s linear infinite;
  }
  @keyframes fall-179 {
	41.568% {
	  transform: translate(35.9516vw, 41.568vh) scale(0.2227);
	}
	to {
	  transform: translate(32.71045vw, 100vh) scale(0.2227);
	}
  }
  .snow:nth-child(180) {
	opacity: 0.8445;
	transform: translate(52.7464vw, -10px) scale(0.4266);
	animation: fall-180 24s -13s linear infinite;
  }
  @keyframes fall-180 {
	56.154% {
	  transform: translate(52.9992vw, 56.154vh) scale(0.4266);
	}
	to {
	  transform: translate(52.8728vw, 100vh) scale(0.4266);
	}
  }
  .snow:nth-child(181) {
	opacity: 0.2357;
	transform: translate(42.174vw, -10px) scale(0.5617);
	animation: fall-181 17s -3s linear infinite;
  }
  @keyframes fall-181 {
	32.061% {
	  transform: translate(42.7917vw, 32.061vh) scale(0.5617);
	}
	to {
	  transform: translate(42.48285vw, 100vh) scale(0.5617);
	}
  }
  .snow:nth-child(182) {
	opacity: 0.1575;
	transform: translate(0.9945vw, -10px) scale(0.0098);
	animation: fall-182 26s -27s linear infinite;
  }
  @keyframes fall-182 {
	36.463% {
	  transform: translate(4.895vw, 36.463vh) scale(0.0098);
	}
	to {
	  transform: translate(2.94475vw, 100vh) scale(0.0098);
	}
  }
  .snow:nth-child(183) {
	opacity: 0.0793;
	transform: translate(63.2274vw, -10px) scale(0.6265);
	animation: fall-183 28s -24s linear infinite;
  }
  @keyframes fall-183 {
	47.687% {
	  transform: translate(60.1436vw, 47.687vh) scale(0.6265);
	}
	to {
	  transform: translate(61.6855vw, 100vh) scale(0.6265);
	}
  }
  .snow:nth-child(184) {
	opacity: 0.1932;
	transform: translate(2.6443vw, -10px) scale(0.4738);
	animation: fall-184 13s -8s linear infinite;
  }
  @keyframes fall-184 {
	43.114% {
	  transform: translate(-2.4924vw, 43.114vh) scale(0.4738);
	}
	to {
	  transform: translate(0.07595vw, 100vh) scale(0.4738);
	}
  }
  .snow:nth-child(185) {
	opacity: 0.246;
	transform: translate(69.3843vw, -10px) scale(0.1079);
	animation: fall-185 25s -13s linear infinite;
  }
  @keyframes fall-185 {
	52.07% {
	  transform: translate(76.3499vw, 52.07vh) scale(0.1079);
	}
	to {
	  transform: translate(72.8671vw, 100vh) scale(0.1079);
	}
  }
  .snow:nth-child(186) {
	opacity: 0.9464;
	transform: translate(32.6298vw, -10px) scale(0.4862);
	animation: fall-186 29s -24s linear infinite;
  }
  @keyframes fall-186 {
	32.107% {
	  transform: translate(39.7958vw, 32.107vh) scale(0.4862);
	}
	to {
	  transform: translate(36.2128vw, 100vh) scale(0.4862);
	}
  }
  .snow:nth-child(187) {
	opacity: 0.786;
	transform: translate(1.8674vw, -10px) scale(0.5282);
	animation: fall-187 24s -22s linear infinite;
  }
  @keyframes fall-187 {
	43.694% {
	  transform: translate(10.0498vw, 43.694vh) scale(0.5282);
	}
	to {
	  transform: translate(5.9586vw, 100vh) scale(0.5282);
	}
  }
  .snow:nth-child(188) {
	opacity: 0.3558;
	transform: translate(80.3313vw, -10px) scale(0.8322);
	animation: fall-188 20s -26s linear infinite;
  }
  @keyframes fall-188 {
	45.695% {
	  transform: translate(80.284vw, 45.695vh) scale(0.8322);
	}
	to {
	  transform: translate(80.30765vw, 100vh) scale(0.8322);
	}
  }
  .snow:nth-child(189) {
	opacity: 0.7618;
	transform: translate(76.7729vw, -10px) scale(0.7563);
	animation: fall-189 25s -3s linear infinite;
  }
  @keyframes fall-189 {
	41.56% {
	  transform: translate(76.9713vw, 41.56vh) scale(0.7563);
	}
	to {
	  transform: translate(76.8721vw, 100vh) scale(0.7563);
	}
  }
  .snow:nth-child(190) {
	opacity: 0.4533;
	transform: translate(58.2797vw, -10px) scale(0.7688);
	animation: fall-190 28s -15s linear infinite;
  }
  @keyframes fall-190 {
	36.085% {
	  transform: translate(55.0089vw, 36.085vh) scale(0.7688);
	}
	to {
	  transform: translate(56.6443vw, 100vh) scale(0.7688);
	}
  }
  .snow:nth-child(191) {
	opacity: 0.7085;
	transform: translate(33.0679vw, -10px) scale(0.1743);
	animation: fall-191 24s -24s linear infinite;
  }
  @keyframes fall-191 {
	78.848% {
	  transform: translate(40.9001vw, 78.848vh) scale(0.1743);
	}
	to {
	  transform: translate(36.984vw, 100vh) scale(0.1743);
	}
  }
  .snow:nth-child(192) {
	opacity: 0.783;
	transform: translate(16.3866vw, -10px) scale(0.5605);
	animation: fall-192 23s -11s linear infinite;
  }
  @keyframes fall-192 {
	36.309% {
	  transform: translate(10.0687vw, 36.309vh) scale(0.5605);
	}
	to {
	  transform: translate(13.22765vw, 100vh) scale(0.5605);
	}
  }
  .snow:nth-child(193) {
	opacity: 0.0355;
	transform: translate(69.0072vw, -10px) scale(0.6871);
	animation: fall-193 12s -7s linear infinite;
  }
  @keyframes fall-193 {
	65.243% {
	  transform: translate(66.9613vw, 65.243vh) scale(0.6871);
	}
	to {
	  transform: translate(67.98425vw, 100vh) scale(0.6871);
	}
  }
  .snow:nth-child(194) {
	opacity: 0.3669;
	transform: translate(83.2349vw, -10px) scale(0.7651);
	animation: fall-194 11s -7s linear infinite;
  }
  @keyframes fall-194 {
	56.422% {
	  transform: translate(93.221vw, 56.422vh) scale(0.7651);
	}
	to {
	  transform: translate(88.22795vw, 100vh) scale(0.7651);
	}
  }
  .snow:nth-child(195) {
	opacity: 0.761;
	transform: translate(75.6694vw, -10px) scale(0.0169);
	animation: fall-195 18s -8s linear infinite;
  }
  @keyframes fall-195 {
	50.459% {
	  transform: translate(72.7389vw, 50.459vh) scale(0.0169);
	}
	to {
	  transform: translate(74.20415vw, 100vh) scale(0.0169);
	}
  }
  .snow:nth-child(196) {
	opacity: 0.7709;
	transform: translate(80.7583vw, -10px) scale(0.2342);
	animation: fall-196 16s -29s linear infinite;
  }
  @keyframes fall-196 {
	70.914% {
	  transform: translate(74.4118vw, 70.914vh) scale(0.2342);
	}
	to {
	  transform: translate(77.58505vw, 100vh) scale(0.2342);
	}
  }
  .snow:nth-child(197) {
	opacity: 0.8785;
	transform: translate(22.0252vw, -10px) scale(0.4772);
	animation: fall-197 21s -14s linear infinite;
  }
  @keyframes fall-197 {
	56.323% {
	  transform: translate(12.6557vw, 56.323vh) scale(0.4772);
	}
	to {
	  transform: translate(17.34045vw, 100vh) scale(0.4772);
	}
  }
  .snow:nth-child(198) {
	opacity: 0.2345;
	transform: translate(33.3426vw, -10px) scale(0.3019);
	animation: fall-198 19s -19s linear infinite;
  }
  @keyframes fall-198 {
	70.947% {
	  transform: translate(31.9338vw, 70.947vh) scale(0.3019);
	}
	to {
	  transform: translate(32.6382vw, 100vh) scale(0.3019);
	}
  }
  .snow:nth-child(199) {
	opacity: 0.5367;
	transform: translate(31.0737vw, -10px) scale(0.0791);
	animation: fall-199 26s -12s linear infinite;
  }
  @keyframes fall-199 {
	48.423% {
	  transform: translate(40.0295vw, 48.423vh) scale(0.0791);
	}
	to {
	  transform: translate(35.5516vw, 100vh) scale(0.0791);
	}
  }
  .snow:nth-child(200) {
	opacity: 0.2205;
	transform: translate(32.7705vw, -10px) scale(0.1057);
	animation: fall-200 21s -9s linear infinite;
  }
  @keyframes fall-200 {
	36.559% {
	  transform: translate(23.2755vw, 36.559vh) scale(0.1057);
	}
	to {
	  transform: translate(28.023vw, 100vh) scale(0.1057);
	}
  }










/* home page top banner */
.home-page-top-banner {
	/* margin-top: 70px; */
	height: 110px;
	text-align: center;
	/* padding: 20px; */
	color: rgb(255 255 255);
	/* border: 3px solid var(--brunswick-red); */
	background-color: #0b234a;
}

.home-page-top-banner h2 {
	margin-bottom: 0px;
	font-size: 60px;
	font-family: 'Mountains of Christmas', cursive;
	font-weight: 700;
}

.home-page-top-banner a{
	color: #ff4747;
	font-weight: 700;
}

.pattern {
  width: 100%;
  height: auto;
  padding: 15px;
  flex: 0 0 auto;
}

.polka {
    /* background: radial-gradient(#ff9292 2px, transparent 3px),
        radial-gradient(#ff9797 2px, transparent 3px),
        rgb(255 255 255); */
    /* background-position: 0 0, 20px 20px; */
    /* background-size: 40px 40px; */
}











/* sector pages */


.sector-subtitle {
	text-align: left;
	font-size: 30px;
	margin-bottom: 16px;
	font-family: bookmania, serif;
	font-weight: 600;

}

.sector-subtitle--half-margin {
	margin-bottom: 30px;
}

.contact-title {
	text-align: center;
	/* margin-bottom: 30px; */
	/* color: var(--dark-blue); */
}

.sector-subtitle--sub {
	text-align: center;
	font-size: 26px;
	margin-bottom: 60px;
}

.sector-subtitle--extra-margin {
	text-align: center;
	font-size: 30px;
	margin-bottom: 80px;
}



.sector-diagonal {
	position: absolute;
	width: 100%;
	/*	background-image: linear-gradient(45deg, #6303B1, #ff0099);*/
	background-color: #E9FCFF;
	transform: skewY(-4deg);
	height: auto;
	top: 400px;
	z-index: -10;
}


.sector-header {
	/* padding-top: 180px; */
	padding: 180px 10px 0px 10px;
	margin-bottom: -100px;
	position: relative;
	width: 100%;
	/* background-image: linear-gradient(45deg, #6303B1, #ff0099); */
	transform: skewY(-4deg);
	height: auto;
	top: -120px;
	z-index: -10;
	padding: 180px 16px -40px 16px;
}

.sector-header__inner--diagonal {
	max-width: 1240px;
	margin: auto;
	padding-left: 16px;
	padding-bottom: 80px;
	transform: skewY(4deg);
}

.sector-title {
	font-size: 38px;
	text-align: center;
	margin-bottom: 16px;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	overflow-wrap: break-word;
	word-wrap: break-word;
	font-family: 'bookmania';
	font-weight: 600;
}

.sector-description {
	font-weight: 200;
	font-size: 22px;
	text-align: center;
	max-width: 1000px;
	margin: auto;
	/*	padding-bottom: 60px;*/
}

.button {
	background-color: white;
	text-align: center;
	border: none;
	border-radius: 5px;
	color: black;
	padding: 12px 20px;
	font-size: 22px;
	cursor: pointer;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: background-color 0.3s;
}

.sector-subsection-youth--button {
	background-color: var(--funky-red);
	width: 200px;
	text-align: center;
	border: none;
	border-radius: 5px;
    color: white;
	padding: 12px 20px;
	font-size: 22px;
	cursor: pointer;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: background-color 0.3s;
}

.sector-subsection-youth--button:hover {
	background-color: var(--black-almost);
}


.button--booking {
	transition: 0.3s;
	background-color: var(--black-almost);border: none;border-radius: 8px;padding: 16px 24px;color: white;cursor: pointer;}

.button--booking:hover {
	background-color: var(--dark-blue);
}

.pop-up-booking {
	color: red;;
}

.button--sector-cards {
	background-color: white;
	text-align: center;
	border: none;
	border-radius: 5px;
	color: black;
	padding: 12px 20px;
	font-size: 18px;
	cursor: pointer;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}


.sector-section {
	/*
	margin: 0px auto 36px auto;
	background: linear-gradient(
	0deg
	, #ffeed9 0%, rgb(244 177 90) 100%);
	padding: 20px;
	border-radius: 5px;
	*/
	position: relative;
	color: white;
	padding: 100px 16px 120px 16px;
	/*	z-index: 1;*/
}

.sector-section--button {

padding: 60px 16px 60px 16px;

/* background-color: hotpink; */
}


.sector-section--pb-0 {
	padding: 100px 16px 0px 16px;

}

.sector-section-program {
	height: 100%;
	margin: 0px auto 36px auto;
	background: linear-gradient(
  0deg
  , #fff3ca 0%, rgb(255 205 39) 100%);
	padding: 20px;
	border-radius: 5px;
	color: black;
	position: relative;*/
	/*
	color: white;
	padding: 100px 16px 120px 16px;
	*/
	z-index: 1;
}


.sector-section--digital {
	background: rgb(167,228,255);
	background: -moz-linear-gradient(313deg, rgba(167,228,255,1) 0%, rgba(213,249,255,1) 100%);
	background: -webkit-linear-gradient(313deg, rgba(167,228,255,1) 0%, rgba(213,249,255,1) 100%);
	background: linear-gradient(313deg, rgba(167,228,255,1) 0%, rgba(213,249,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a7e4ff",endColorstr="#d5f9ff",GradientType=1);
}

.sector-section--community {
	background: rgb(204,152,255);
	background: -moz-linear-gradient(313deg, rgba(204,152,255,1) 0%, rgba(239,217,255,1) 100%);
	background: -webkit-linear-gradient(313deg, rgba(204,152,255,1) 0%, rgba(239,217,255,1) 100%);
	background: linear-gradient(313deg, rgba(204,152,255,1) 0%, rgba(239,217,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc98ff",endColorstr="#efd9ff",GradientType=1);
}

.sector-section__link {
	text-decoration: underline;
	font-weight: 400;
}

.fw-400 {
	font-weight: 400;
}

.sector-section__title {
	font-family: 'bio-sans', sans-serif;;
	margin-bottom: 20px;
	text-align: center;
	font-size: 22px;
	color: rgb(27, 0, 0);
}


.sector-section__left-right {
	/*    display: flex;*/
}

.sector-section__image--left {
	width: 100%;
	max-width: 250px;
	display: block;
	margin: auto;
	margin-bottom: 20px;
	border-radius: 5px;
	/* background-color: white; */
}


.sector-section__times {
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: center;
	overflow-wrap: break-word;
	word-wrap: break-word;

	/* Adds a hyphen where the word breaks */
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.sector-section__times__title {
	font-weight: 700;
	font-size: 20px;
}


.button--centre {
	display: flex;
	justify-content: center;
	margin: auto;
}

















/* youth work sector */

.youth-sector-card-container {
	width: 100%;
	/* border: solid blue; */
	display: grid;
	grid-template-columns: repeat(auto-fill, 100%);
	justify-content: center;
	grid-gap: 130px;
	/*	margin-bottom: 80px;*/
}

.youth-timetable {
	position: relative;
	height: 530px;
	width: 100%;
	background: rgb(232,36,36);
	background: -moz-linear-gradient(313deg, rgba(232,36,36,1) 0%, rgba(255,94,113,1) 100%);
	background: -webkit-linear-gradient(313deg, rgba(232,36,36,1) 0%, rgba(255,94,113,1) 100%);
	background: linear-gradient(313deg, rgba(232,36,36,1) 0%, rgba(255,78,99,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e82424",endColorstr="#ff5e71",GradientType=1);
	color: white;
	padding-left: 16px;
	padding-top: 12px;
	/*	margin-bottom: 60px;*/
}

.youth-timetable__image {
	width: auto;
	max-height: 500px;
	margin: auto;
	object-fit:contain;
width: 100%;
height: 425px;
margin-top: 20px;

}

.youth-timetable__image img {

}

.youth-timetable__bottom-right {
	height: 440px;
	width: 70%;
	background-color: var(--page-background);
	position: absolute;
	bottom: 0;
	right: 0;
	color: black;
	font-size: 18px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	padding-left: 24px;
}

.youth-timetable__left {
	/* background-color: darkseagreen; */
	position: absolute;
	top: 90px;
	font-size: 18px;
	height: 440px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.youth-timetable-head {
	margin-bottom: 16px;
	font-size: 25px;
	position: absolute;
	top: -50px;
	left: 0px;
	/*	color: black;*/
}

.youth-timetable--button {
	position: relative;
	top: 480px;
	width: 200px;
	margin: auto;

	background-color: white;
	text-align: center;
	border: none;
	border-radius: 5px;
	color: black;
	padding: 12px 20px;
	font-size: 22px;
	cursor: pointer;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: background-color 0.3s;
}

.youth-timetable--button:hover {
	background-color: rgb(179, 179, 179);
	
}


.nav__inner {
	max-width: 1240px;
	margin: auto;
}

.home-page-titles {
	margin-top: 0px;
	margin-bottom: 80px;
	font-size: 30px;
	font-weight: 700;
	text-align: center;
}


.youth-section-testimonials__section {
	/*	background-color: #E9E4E4;*/
	/*	color: black;*/
	padding: 20px 0px 32px 0px;
	width: 100%;
}

.youth-section-testimonials {
	background-color: #E9E4E4;
	color: black;
	padding: 40px 15px 20px 15px;
	width: 100%;
}

.youth-section-test {
	/*	max-width: 1160px;*/
	margin: auto;
}

.youth-section-testimonials__title {
	font-weight: 700;
	font-size: 34px;
	margin-bottom: 20px;
	font-family: bookmania, serif;
}

.youth-section-testimonials__container {
	display: block;
	justify-content: space-between;
}


.youth-section-testimonial__container {
	width: 100%;
}

.youth-section-testimonials__name {
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 5px;
}

.youth-section-testimonials__body {
	margin-bottom: 80px;
}

.youth-diagonal {
	/* padding-top: 80px; */
	/* margin-bottom: -40px; */
	/*	position: inherit;*/
	width: 100%;
	/*	background-image: linear-gradient(45deg, #6303B1, #ff0099);*/
	/*	transform: skewY(-4deg);*/
	height: auto;
	top: 1320px;
	left: 0;
	z-index: -10;
}


/* youth work - images page */

.hero-centre {
	font-size: 38px;
	text-align: center;
	margin-bottom: 90px;
	font-family: 'bookmania';
	font-weight: 600;
	line-height: 120%;
}

img {
    display: block;
}

.container-insta {
    max-width: 93.5rem;
    margin: 0 auto;
    padding: 0 18px;
    max-width: 1240px;
}



/* Gallery Section */

.gallery-insta {
    display: flex;
    flex-wrap: wrap;
    margin: -1rem -1rem;
    padding-bottom: 3rem;
}

.gallery-item--insta {
    position: relative;
    flex: 1 0 22rem;
    margin: 1rem;
    color: #fff;
    cursor: pointer;
}

.gallery-image {
    width: 100%;
    height: 400px;
    object-fit: cover;
}



@supports (display: grid) {
  

    .gallery-insta  {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
        grid-gap: 1.5rem;
    }

    .gallery-item,
    .gallery-insta  {
        width: auto;
        margin: 0;
    }

}








































/* HERO HOME */
.hero {
	width: 100%;
	height: 600px;
	background-color: black;
	display: flex;
	justify-content: center;
	align-items: center;
}

.slide-logo {
	fill: black;
	transition: 0.8s;
}

/* .slide-logo:hover {
fill: blue;
} */

.hero-logo-cont {
	/*	background-color: cadetblue;*/
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}

.slide-logo-text {
	font-weight: 200;
	font-size: 30px;
	margin-right: 25px;
	/*	background-color: darkgrey;*/
	position: relative;
	top: 40px;
	text-align: right;
}

.hero__container {

	background: rgba(255,255,255, 1);

	background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%);

	background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%);

	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);

	height: 100%;

	width: 100%;

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

	transition: all 1s;

	opacity: 0%;
}

.hero-text {
	width: 500px;
	margin-left: 0px;
	position: absolute;
	top: 40px;
	width: 100%;
	/* background-color: rebeccapurple; */
	padding: 16px;
}

.hero-text {

}

.hero-text-next {
	position: relative;
	top: -80px;
	width: 100%;
	margin-left: 0px;
	display: block;
	opacity: 0%;
	/* background-color: brown; */
	padding: 16px;
}

.hero-text-cont {
	/* background-color: red; */
	height: 200px;
	width: 100%;
	position: relative;
	top: -120px;
	/* padding: 16px; */
}

#hero-text-next {
	/*	background-color: aquamarine;*/
}

#hero-text {
	/*	background-color: bisque*/
}

.logo-text-sector {
	opacity: 0%;
	font-weight: 700;
	color: green;
	transition: 0.8s;
}

#slide-logo-text {

}

.hero-bottom-bar {
	height: 10px;
	background-color: black;
	width: 100%;
	transition: 0.8s;
}


@media only screen and (max-width: 420px) {
	.hero-text-cont {
		/* background-color: greenyellow; */
		height: 200px;
		width: 100%;
		position: relative;
		/* top: -120px; */
	}

	.hero-logo-cont {
		zoom: 76%;
	}

	.hero {
		height: 500px;
	}
}

@media only screen and (min-width: 875px) {



	/* HERO HOME */
	.hero {
		width: 100%;
		height: 600px;
		background-color: #ffffff;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.slide-logo {
		fill: black;
		transition: 0.8s;
	}

	/* .slide-logo:hover {
	fill: blue;
} */

	.hero-logo-cont {
		/*	background-color: cadetblue;*/
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
	}

	.slide-logo-text {
		font-weight: 200;
		font-size: 30px;
		margin-right: 25px;
		/*	background-color: darkgrey;*/
		position: relative;
		top: 40px;
		text-align: right;

	}

	.hero__container {

		background: rgba(255,255,255, 1);
		/* color: pink; */
		background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%);

		background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%);

		background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%);

		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);

		height: 100%;

		width: 100%;

		display: flex;

		flex-direction: row;

		align-items: center;

		justify-content: center;

		transition: all 1s;

		opacity: 0%;
	}

	.hero-text {
		width: 90%;
		margin-left: 60px;
		position: absolute;
		top: 40px;
	}

	.hero-text {

	}

	.hero-text-next {
		position: relative;
		top: -80px;
		width: 90%;
		margin-left: 60px;
		display: block;
		opacity: 0%;
	}

	.hero-text-cont {
		/*	background-color: red;*/
		height: 200px;
		width: 50%;
		position: relative;
		top: -10px;
	}

	#hero-text-next {
		/*	background-color: aquamarine;*/
	}

	#hero-text {
		/*	background-color: bisque*/
	}

	.logo-text-sector {
		opacity: 0%;
		font-weight: 700;
		color: red;
		transition: 0.8s;
	}

	#slide-logo-text {

	}

	.hero-bottom-bar {
		height: 10px;
		background-color: black;
		width: 100%;
		transition: 0.8s;
	}



}











/* home funders */
.home-sector-card__logo {

}

.home-funders__logo__image {
	width: 100%;

}

.home-funders-container {
	width: 100%;
	/*	border: solid red;*/
	display: grid;
	grid-template-columns: repeat(2, 100px);
	grid-gap: 30px;
	justify-content: space-evenly;
	align-items: center;
}

.scale-80 {
	transform: scale(0.8);
}

@media only screen and (min-width: 700px) {
	.home-funders-container {
		grid-template-columns: repeat(5, 100px);
	}
}











/* fundraise */
.volunteer-names-container {
	background-color: #171717;
	width: 100%;
	padding: 20px;
	text-align: center;
}

.volunteer-names-container__title {
	font-size: 38px;
	text-align: center;
	margin-bottom: 24px;
	font-family: 'bookmania';
	font-weight: 600;
}

.cinema-wrapper {
	position: absolute;
	top: 100%;
	left: 50%;
	width: 400px;
	margin-left: -200px;
	font: 300 30px/1 'Open Sans Condensed', sans-serif;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	animation: 30s credits linear infinite;

	display: flex;
	flex-direction: column;
	justify-content: center; 
	align-items: center;
}

@keyframes credits {
	0% { top:  100%; }
	100% { top: -620%; }
}


.cinema-name {
	margin-bottom: 20px;
	font-size: 18px;
	color: bl;
	width: 200px;
	font-weight: 700;
	text-align: center;
	height: 70px;
	background-color: rgba(0,0,0,0.3);

	background-blend-mode: darken;
	border-radius: 5px;
	border: 1px solid white;		
	backdrop-filter: blur(15px);
	display: flex;
	justify-content: center;
	align-items: center;	
}








.intro {
	background: url("/images/fundraisestage.jpg"), linear-gradient(233deg, #e56420, #c22525, #3d9c31, #37bbde);
	width: 100%;
	height: 650px;
	background-size: 100% 100%;
	background-blend-mode: hard-light;
	-webkit-animation: hue-rotate 6s linear infinite;
	animation: hue-rotate 6s linear infinite;
	color: white;
	overflow: hidden;
	max-width: 1240px;
	/* margin: auto; */
	border-radius: 0px;
	margin: 0px auto 60px auto;

	touch-action: none;
	-ms-touch-action: none;
}

@-webkit-keyframes hue-rotate {
	from {
		-moz-filter: hue-rotate(0);
		-ms-filter: hue-rotate(0);
		filter: hue-rotate(0);
	}
	to {
		-moz-filter: hue-rotate(360deg);
		-ms-filter: hue-rotate(360deg);
		filter: hue-rotate(360deg);
	}
}

@keyframes hue-rotate {
	from {
		-moz-filter: hue-rotate(0);
		-ms-filter: hue-rotate(0);
		filter: hue-rotate(0);
	}
	to {
		-moz-filter: hue-rotate(360deg);
		-ms-filter: hue-rotate(360deg);
		filter: hue-rotate(360deg);
	}
}




















/* park  */
.park-parent {
	/*	border:1px solid red; */
	width:100%; 
	height:960px; 
	position:relative;
	white-space: nowrap;
	overflow: hidden;
	top: -130px;
	z-index: -10;
}

.coming-soon {
	font-weight: 700;
	font-size: 36px;
	color: var(--park);
	text-align: center;
}

.leafsleft {
	position: absolute;
	right: calc(50px + 50vw);
	top: 0;
	height: 1000px; 
	z-index: -10;
}

.leafsright {
	top: 0;
	height: 1000px; 
	left: calc(50px + 50vw);
	bottom: 0;
	position:absolute;
}


@media only screen and (min-width: 1080px) {
	.leafsleft {
		position: absolute;
		left: 0;
		/*		top: 100px;*/
		/*		height: 900px;*/
		z-index: -10;
	}

	.leafsright {
		position: absolute;
		right: 0;
		left: inherit;
		/*		top: 100px;*/
		/*height: 1000px; */
		z-index: -10;
	}
}






















/* New stuff Hsitory*/

.history-top-section {	
	padding: 0px 20px;
	margin-bottom: 40px;
}

.history-top-section__element {
	margin-bottom: 20px;
}

.history-title {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 15px;
}

.history-bottom-section {
	padding: 40px 15px;
	background-color: #f5f5f5;
	margin: auto;
}

.history-header {
	font-size: 30px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 40px;
}

.history-bottom-section__element {
	margin-bottom: 40px;
}

.page-content--history {
	background-color: #f5f5f5;
}

.page-content--20padding {
	padding: 30px 0px 20px 0px;
}

.history-image {
	width: 100%;
	max-height: 500px;
	background-color: #ffffff;
	overflow: hidden;
	object-fit: cover;
	object-position: 0  0;
}

.history-image-container {
	width: 100%;
}

.history-video {
	margin: 20px auto 20px auto;		
}

video {
	width: 100%;
	height: 100%;
	max-width: 800px;
}

.swiper-container--history {
	width: 100%;
	height: 350px;
	/* background-color: white; */
	position: relative;
}

.history-images-section {
	max-width: 1000px;
	margin: auto;
	padding-top: 40px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 34px;
}

.image-history-slider {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section img {
	height: 220px;
	width: 100%;
	object-fit: cover;
	/* mix-blend-mode: multiply; */
	border-radius: 5px;
}


/* team card alight left for anything after mobile */
@media only screen and (min-width: 800px) {
	.swiper-container--history {
		width: 100%;
		height: 350px;
		/* background-color: white; */
		position: relative;
	}

	.history-top-section {
		padding: 0px 0px;
		margin-bottom: 0px;
		display: flex;
		justify-content: space-between;
	}

	.history-top-section__element {
		margin-bottom: 30px;
		width: 50%;
	}

	.history-top-section__element:nth-child(1) {
		padding-right: 20px;
	}

	.page-content {
		max-width: 1200px;
		margin: auto;
		padding: 60px 20px 20px 20px;
		/* background-color: rgb(253 253 253 / 90%); */
	}

	.page-content--20padding {
		padding: 30px 15px 20px 15px;
	}

	.history-header {
		font-size: 30px;
		font-weight: 700;
		text-align: center;
		margin-bottom: 40px;
	}

	.history-bottom-section {
		width: 800px;
	}

	.history-title {
		font-size: 24px;
		font-weight: 700;
		margin-bottom: 15px;
	}

}























/* meet the team Page */

.team-card-container {
	width: 100%;
	/*	border: solid red;*/
	display: grid;
	grid-template-columns: repeat(auto-fill, 330px);
	justify-content: center;
	grid-gap: 20px;
	margin-bottom: 80px;
}

.team-card-container--board {
	width: 100%;
	/*	border: solid red;*/
	display: grid;
	grid-template-columns: repeat(auto-fill, 220px);
	justify-content: center;
	grid-gap: 20px;
	margin-bottom: 80px;
}

.team-card-container--volunteers {
	width: 100%;
	/*		border: solid red;*/
	display: grid;
	grid-template-columns: repeat(auto-fill, 120px);
	justify-content: center;
	grid-gap: 20px;
	margin-bottom: 80px;
}


.card--team {
	position: relative;
	width: 100%;
	height: 100px;	
	margin: auto;
	max-width: 300px;
	min-height: 200px;
	/*	background-color: rgba(155, 155, 155, .25);  */
	backdrop-filter: blur(5px);
	/*	margin-bottom: 50px;*/
	position: relative;
	/*	border-radius: 5px;*/
	border-style: solid;
	border-width: 1px;
	border-color: rgba(255, 255, 255, .55);  

	display: flex;
	align-items: center;
	zoom: 110%;
	/*	box-shadow: var(--shadow);*/
}


/* team card alight left for anything after mobile */
@media only screen and (min-width: 900px) {
	.team-card-container {
		/*		padding-top: 10px;*/
		justify-content: flex-start;
		grid-template-columns: repeat(auto-fill, 389px);
	}	

	.team-card-container--board {
		width: 100%;
		justify-content: flex-start;
	}

	.team-card-container--volunteers {

		grid-template-columns: repeat(auto-fill, 120px);
		justify-content: flex-start;
	}

	.card--team {
		zoom : 130%;	
	}
}









.overlay-glass {
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 50% 80%, 0% 50%);
	clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 50% 70%, 0% 50%);

	position: absolute;
	display: block;
	width: 100%;
	height: 43%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 50% 80%, 0% 50%);
	clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 50% 70%, 0% 50%);
	background-color: rgba(255, 255, 255, .05);  
	backdrop-filter: blur(2px);
	z-index: 1;  /*  Specify a stack order in case you're using a different order for other */
}


.card--team__rail {
	height: 120px;
	width: 100%;
	border-radius: 10px;
	/*	background-color: cornflowerblue;*/
	position: absolute;
}

.rail__container {
	height: 160px;
	width: 160px;
	/*	background-color: grey;*/
	position: relative;
	margin: auto;
	top: -20px;
	border-radius: 30px;
}

.rail__container__image {
	background-color: brown;
	height: 100%;	
	border-radius: 30px;

	position: absolute;
	display: block;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	overflow: hidden;
}

.rail__container__glass {
	background-color: palevioletred;
	height: 100%;
	border-radius: 30px;
	padding: 16px;

	position: relative;
	display: block;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	background-color: rgba(232 232 232 / 86%);
	backdrop-filter: blur(4px);
}

.rail__container__image--image {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.rail__container__glass-logo {
	position: absolute;
	top: 110px;
	z-index: 10;
	/*	background-color: aqua;*/
	/*	height: 15px;*/
	/*
	position: relative;
	top: 0px;
	*/
}


.card--team__rail--digital {
	background-color: var(--digital-light);
}

.card--team__rail--default {
	background-color: var(--default-light);
}

.card--team__rail--youthwork {
	background-color: var(--youthwork-light);
}

.card--team__rail--food {
	background-color: var(--food-light);
}

.card--team__rail--community {
	background-color: var(--community-light);
}

.card--team__rail--park {
	background-color: var(--park-light);
}

.rail__container__glass--text {
	font-size: 18px;
}

.rail__container__glass--text--condense {
	line-height: 120%;
	font-size: 13px;
	margin-top: 5px;
}




.heading-text {
	font-size: 36px;
	font-family: 'bookmania';
	font-weight: 600;
	color: rgb(26 26 36);
}



.card-team-board {
	background-color: rgb(26 26 36);
	height: 98px;
	width: 220px;
	border-radius: 6px;
	/*	border-style: solid;*/
	/*	border-width: 3px;*/
	/*	border-color: gainsboro;*/
	margin: auto;
	/*    box-shadow: var(--shadow);*/
}

.card-team-board__name {
	height: 35px;
	background-color: #FFF;
	border-radius: 5px 5px 0px 0px;
	display: flex;
	align-items: center;
	padding-left: 15px;
	font-size: 20px;
	font-weight: 600;
	color: black;
}

.card-team-board__title {
	height: 40px;
	border-radius: 0px 0px 5px 5px;
	padding-left: 15px;
	padding-top: 5px;
	color: white;
	font-size: 18px;
}

.meet-the-team-card__nameplate--vol {
	height: 100%;
	width: 120px;
	border-radius: 5px;
	/* margin: auto; */
	box-shadow: var(--shadow);
	border-bottom: 5px solid var(--brunswick-red);
}

.card-team-volunteer--name {
	height: 35px;
	background-color: white;
	border-radius: 5px 5px 0px 0px;
	display: flex;
	align-items: center;
	padding-left: 15px;
	font-size: 20px;
	font-weight: 400;
	color: black;
}

.card-team-volunteer {
	height: 100%;
	width: 120px;
	border-radius: 5px;
	/* margin: auto; */
	box-shadow: var(--shadow);
	border-bottom: 5px solid rgb(26 26 36);
}


























/* Party Selector Page */
.party-background {
	/* background: linear-gradient(141deg, #c0d7ff, #c0d7ff, #ff6f6f, #eaffab, #ddd4ff, #ffb795, #e3abff, #adafff, #ffd0ba); */
	background: linear-gradient(141deg, #e9f1ff, #d8e6ff, #8c82df, #ffceab, #ddd4ff, #ffb795, #abf7ff, #ffadad, #faffba);
	background-size: 1000% 1000%;
	-webkit-animation: party-background 30s ease infinite;
	-moz-animation: party-background 30s ease infinite;
	animation: party-background 100s ease infinite;
}

@-webkit-keyframes party-background {
	0%{background-position:0% 19%}
	50%{background-position:100% 82%}
	100%{background-position:0% 19%}
}
@-moz-keyframes party-background {
	0%{background-position:0% 19%}
	50%{background-position:100% 82%}
	100%{background-position:0% 19%}
}
@keyframes party-background {
	0%{background-position:0% 19%}
	50%{background-position:100% 82%}
	100%{background-position:0% 19%}
}

.party-card-container {
	display: flex;
	flex-direction: column;
	/*	margin-top: 80px;*/
	max-width: 1240px;
	margin: 20px auto;
}

.card--party {
	position: relative;
	width: 100%;
	height: 530px;	
	margin: auto;
	max-width: 400px;
	/*	min-height: 300px;*/
	padding-bottom: 80px;
	background-color: rgba(255, 255, 255, .25);  
	backdrop-filter: blur(5px);
	margin-bottom: 50px;
	position: relative;
	/*	border-radius: 5px;*/
	border-style: solid;
	border-width: 1px;
	border-color: rgba(255, 255, 255, .55);  
	/*	box-shadow: var(--shadow);*/
}

.shape {
	width: 100%;
	height: 50%;
	/* background: #4285F4; */
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 26px;
}

.shape--bronze {
	background: rgb(158,138,127);
	background: linear-gradient(117deg, rgba(158,138,127,1) 0%, rgba(216,196,186,1) 100%);
}

.shape--silver {
	background: rgb(136,154,159);
	background: linear-gradient(30deg, rgba(136,154,159,1) 0%, rgba(198,211,214,1) 100%);
}

.shape--gold {
	background: rgb(181,137,18);
	background: linear-gradient(297deg, rgba(181,137,18,1) 0%, rgba(231,204,143,1) 100%);
}

.shape--13th {
	background: rgb(215,146,254);
	background: linear-gradient(297deg, rgba(215,146,254,1) 0%, rgba(91,135,239,1) 100%);
}

.shape--coco {
	/* background: rgb(158,138,127); */
	background-image: url("/images/cocomelon.jpg");
	background-position: center;
	background-size: 100%;
	background-position-y: -15px;
}

.shape--arcade {
	/* background: rgb(158,138,127); */
	background-image: url("/images/retro.jpeg");
	background-position: center;
	background-size: 100%;
	background-position-y: -15px;
}

.shape.arrow-point {
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 50% 80%, 0% 50%);
	clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 50% 70%, 0% 50%);
}

.css-ball {
	height: 30px;
	width: 30px;
	position: absolute;
	border-radius: 50%;
	left: 32px;	
}

.css-ball-bronze-1 {
	height: 30px;
	width: 30px;
	position: absolute;
	background: rgb(158,138,127);
	background: linear-gradient(117deg, rgba(158,138,127,1) 0%, rgba(216,196,186,1) 100%);
	border-radius: 50%;
	left: 24px;	
}

.css-ball-bronze-2 {
	height: 30px;
	width: 30px;
	position: absolute;
	background: rgb(158,138,127);
	background: linear-gradient(117deg, rgba(216,196,186,1) 0%, rgba(158,138,127,1) 100%);
	border-radius: 50%;
	right: 24px;
	top: 52px;
}

.css-ball-silver-1 {
	height: 30px;
	width: 30px;
	position: absolute;
	background: rgb(136,154,159);
	background: linear-gradient(30deg, rgba(136,154,159,1) 0%, rgba(198,211,214,1) 100%);
	border-radius: 50%;
	left: 24px;	
}

.css-ball-silver-2 {
	height: 30px;
	width: 30px;
	position: absolute;
	background: rgb(136,154,159);
	background: linear-gradient(30deg, rgba(198,211,214,1) 0%, rgba(136,154,159,1) 100%);
	border-radius: 50%;
	right: 24px;
	top: 52px;
}


.css-ball-gold-1 {
	height: 30px;
	width: 30px;
	position: absolute;
	background: rgb(181,137,18);
	background: linear-gradient(297deg, rgba(181,137,18,1) 0%, rgba(231,204,143,1) 100%);
	border-radius: 50%;
	left: 24px;	
}

.css-ball-gold-2 {
	height: 30px;
	width: 30px;
	position: absolute;
	background: rgb(181,137,18);
	background: linear-gradient(297deg, rgba(231,204,143,1) 0%, rgba(181,137,18,1) 100%);
	border-radius: 50%;
	right: 24px;
	top: 52px;
}

.css-ball-13th-1 {
	height: 30px;
	width: 30px;
	position: absolute;
	background: rgb(215,146,254);
	background: linear-gradient(297deg, rgba(215,146,254,1) 0%, rgba(91,135,239,1) 100%);
	border-radius: 50%;
	left: 24px;	
}

.css-ball-13th-2 {
	height: 30px;
	width: 30px;
	position: absolute;
	background: rgb(215,146,254);
	background: linear-gradient(297deg, rgba(91,135,239,1) 0%, rgba(215,146,254,1)  100%);
	border-radius: 50%;
	right: 24px;
	top: 52px;
}


.card--party__name {
	font-size: 24px;
	margin-bottom: -2px;
	font-weight: 600;
}

.card--party__price {
	font-size: 36px;
}

.card--party__body {
	padding: 0px 32px;
	position: relative;
	top: -140px;
/*	background-color: aquamarine;	*/
}

.card--party__button {
	position: absolute;
	bottom: 0px;
	width: 100%;
}

.button-book {
	background-color: black;
	transition: all 0.2s;
	height: 60px;
	color: white;
	text-align: center;
	padding: 12px;	
	cursor: pointer;
}

.button-book:hover {
	background-color: rgb(60,60,60);
}

.card--party__titles {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;	
	position: relative;
	z-index: 5;
	top: -190px;
	text-shadow: 4px 4px 4px rgb(119, 119, 119);
}

.card--party__titles--white {
	color: white;	
	
}

.overlay-glass {
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 50% 80%, 0% 50%);
	clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 50% 70%, 0% 50%);
	position: absolute;
	display: block;
	width: 100%;
	height: 43%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgb(0 0 0 / 0%);
	backdrop-filter: blur(2px);
	z-index: 1;  /*  Specify a stack order in case you're using a different order for other */
}

.overlay-glass--dark {
	background-color: rgb(255 255 255 / 50%);
}


























/* tablet */
@media only screen and (min-width: 900px) {
	/*
	body {
	background-color: white;
}
	*/

	.intro {
		border-radius: 8px;
		margin-bottom: 60px;
	}




	.sector-section {

		/*
		max-width: 900px;
		width: 100%;
		margin: 40px auto 0px auto; 
		*/

	}

	.sector-section-program {
		/*		min-height: 200px;*/
		max-width: 900px;
		width: 100%;
		margin: 40px auto 0px auto; 
	}

	.sector-section__title {
		margin-bottom: 20px;
		text-align: left;
	}

	.sector-section__bottom {
		position: absolute;
		bottom: 0;
		width: 320px;
		/* background-color: aquamarine; */
		/* max-width: 400px; */
	}

	.sector-section__left-right {
		display: flex;
		/* height: 100%; */
		/* background-color: brown; */
		min-height: 250px;
	}

	.sector-section__image--left {
		margin: auto 20px auto 0px;
		/* background-color: aqua; */
		height: 100%;
		/* min-height: 250px; */
	}

	.sector-section-bottom-container {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: stretch;
		justify-content: space-between;
		align-items: flex-end;
		/*
		position: absolute; 
		bottom: 0px; 
		*/
	}

	.family-section-text--right {
		position: relative;
		/*		height: 100%;*/
		/* background-color: antiquewhite; */
	}

	.sector-section__times {
		margin-top: 10px;
		margin-bottom: 0px;
		text-align: left;
		/* width: 300px; */
	}





	/*	youth sector */
	.youth-sector-card-container {
		width: 100%;
		/* border: solid red; */
		display: grid;
		grid-template-columns: repeat(auto-fill, 48%);
		justify-content: center;
		grid-gap: 20px;
	}


	.youth-section-testimonial__container {
		width: 30%;
	}

	.youth-section-testimonials__body {
		margin-bottom: 40px;
	}


	.youth-diagonal {
		padding-top: 80px;
		padding-bottom: 60px;
		margin-bottom: 0px;
		/*		position: absolute;*/
		width: 100%;
		/*	background-image: linear-gradient(45deg, #6303B1, #ff0099);*/
		/*		transform: skewY(-4deg);*/
		height: auto;
		/*
		top: 2400px;
		left: 0;
		z-index: -10;
		*/
	}







	/* Home page cards */

	.home-sector-card-container {
		width: 100%;
		/* border: solid red; */
		display: grid;
		grid-template-columns: repeat(auto-fill, 48%);
		justify-content: center;
		grid-gap: 20px;
	}

	.home-sector-card__logo-box {
		background-color: white;
		height: 100%;
		width: 80px;
	}

	.home-sector-card {
		width: 100%;
		height: 250px;
		/*		background-color: pink;*/
		position: relative;
		padding-left: 80px;
	}

	.home-sector-card__bottom {
		/*		background-color: mediumvioletred;*/
		height: 80px;
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		display: flex;
	}


	.home-sector-card__text-box {
		padding: 16px;
	}

	.home-sector-card__text-title {
		font-size: 22px;
		font-weight: 700;
		text-align: center;
		margin-bottom: 16px;
	}

	.home-sector-card__text-body {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3; /* number of lines to show */
		-webkit-box-orient: vertical;
		/*		background-color: darkorange;*/
	}

	.home-sector-card__bottom-text {
		color: white;
		display: flex;
		align-items: center;
		margin: auto;
	}







	/*	youth sector */
	.youth-section-testimonials__container {
		display: flex;
		justify-content: space-between;
	}

	.youth-section-testimonials__title {
		font-weight: 700;
		font-size: 38px;
		margin-bottom: 48px;
		font-family: bookmania, serif;
	}











	/* Party Selector Page */
	.party-card-container {
		display: flex;
		justify-content: center;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.card--party {
		margin-left: 16px;
		margin-right: 16px;
	}

	.card--party:first-child {
		margin-left: 0px;		
	}

	.card--party:last-child {
		margin-right: 0px;		
	}











}


/* Desktop */
@media only screen and (min-width: 1200px) {
	body {
		/*		background-color: lightblue;*/
	}



	/* Party Selector Page */
	.party-card-container {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		max-width: 1240px;
		width: 100%;
	}

	.card--party {
		width: 100%;
		margin: auto;
		max-width: 350px;
		margin-left: 10px;
		margin-right: 10px;
	}



}





.donate-card {
	background-color: white;
	width: 100%;
	padding: 16px;
	border: 1px solid var(--black-light);
	border-radius: 8px;
}

.donate-card__title {
	font-size: 30px;
	font-weight: 700;
}

.donate-card__sub-title {
	font-weight: 400;
	font-size: 24px;
}

.button--donate {
	background-color: var(--black-almost);
	color: white;
}

.button--donate:hover {
	background-color: black;
	color: white;

}

.input {
	height: 48px;
	border: none;
	background-color: rgba(230,230,230,1);
	border-radius: 5px;
	margin-bottom: 16px;
	font-size: 16px;
	display: flex;
	padding: 16px;
	font-family: 'bio-sans', sans-serif;
}

.donate-card__input-container {
	display: flex;
	flex-direction: column;
}

.donate-card__amount-button:first-child {
	margin-left: 0px;

}

.donate-card__amount-button:last-child {
	margin-right: 0px;
}


.donate-card__amount-button {
	width: 100%;
	margin: 16px;
	border: 1px solid rgba(140, 140, 140, 1);
}

.donate-card__amount-button:hover {
	background-color: var(--black-almost);
	color: white;
}

.donate-card__amount-container {
	display: flex;
	justify-content: center;
}

.donate-card__tiny {
	font-size: 18px;
	text-align: center;
	margin: 8px 0px 0px 0px;
}

.donate-card__tiny a {
	color: blue;
}

.donate-mobile-sub-title {
	display: block;
	text-align: center;
	margin-bottom: 24px;
}

.past-donation-card {
	width: 100%;
	/*	height: 400px;*/
	background-color: white;
	border-radius: 8px;
	border: 1px solid var(--black-light);
	overflow: hidden;
	margin-bottom: 16px;
}

.past-donation-card__top {
	background-color: aquamarine;
	height: 64px;
	border-bottom: 1px solid var(--black-light);
	display: flex;
}

.past-donation-card__top__left {
	/* background-color: var(--black-almost); */
	width: 200px;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
}

.past-donation-card__top__right {
	width: 100%;
	padding-left: 16px;
	background-color: white;
	display: flex;
	align-items: center;
}

.past-donation-card__bottom {
	padding: 16px;
	font-weight: 200;
}

.donate-contaner__left {

}

.donate-contaner__right {
	margin-bottom: 40px;
}

.donate-contaner {
	display: flex;
	flex-direction: column;
}


.active, .button:hover {
	background-color:var(--black-almost);
	color: var(--black-almost);
}

.active1, .button:hover {
	background-color: var(--black-almost);
	color: white;
}


@media only screen and (min-width: 900px) {
	.donate-contaner {
		display: flex;
		flex-direction: row-reverse;
	}

	.donate-contaner__left {
		margin-right: 24px;
		width: 60%;

	}

	.donate-contaner__right {
		margin-bottom: 0px;
		width: 40%;
	}

	.donate-mobile-sub-title {
		display: none;
	}


}
.input--big {
	height: 100px;
}
















.food-card {
	background-color: white;
	width: 100%;	
	padding: 24px;
	/*	border: 1px solid var(--black-light);*/
	margin-bottom: 40px;
	border-radius: 0px;
	box-shadow: var(--shadow);
}

.food-card__title {
	font-size: 38px;
	font-weight: 700;
	text-align: left;
	/*	margin-bottom: 8px;*/
	color: black;
	font-family: bookmania, serif;
	line-height: 120%;
}

.button--food {
	background-color: var(--food);
	color: white;
	padding: 30px 50px;
}


.button--heritage {
	background-color: #0D431E;
	color: white;
	padding: 30px 50px;
}

.button--park {
	background-color: var(--park);
	color: white;
	padding: 30px 50px;
}

.button--community {
	background-color: var(--community);
	color: white;
	padding: 30px 50px;
}

.button--disabled {
	background-color: var(grey);
	color: white;
	padding: 30px 50px;
}

.food-image-container__div {
	width: 100%;
	max-width: 400px;
	height: 400px;
	/*	background-color: antiquewhite;*/
	border-radius: 10px;
	margin-bottom: 20px;
	overflow: hidden;
}

.food-image-container__div:first-child() {
	margin: 0px 10px;
}

.food-image-container__div:last-child() {
	margin: 0px 20px;
}

.food-social-container {
	height: 240px;
	width: 100%;
	background-color: var(--food);
	padding-top: 40px;
	color: white;

}

.food-social-container__links {
	display: flex;
	justify-content: space-around;
	margin: auto;
	max-width: 200px;
}

.food-social-container__title {
	text-align: center;
	font-size: 36px;
	margin-bottom: 32px;

}

.food-card__body {
	margin-bottom: 24px;
	font-weight: 200;
	font-size: 20px;
	color: black;
}

.food-card__times {
	margin-bottom: 24px;
	text-align: center;
	font-size: 24px;
}

.food-image-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.food-card-image-behind {
	display: none;
}

.food-card__flex {
	display: flex;
	justify-content: space-between;
	align-items: l;
	flex-direction: column;
	color: black;
}


.grid-aboutus--food {
	display: grid;
	grid-template-columns: 1fr;
	grid-column-gap: 24px;
	grid-row-gap: 24px;
}

.about-us-image--food {
	height: 330px;
	width: 100%;
	max-width: 400px;
	margin: auto;
	background-color: darkslateblue;
	overflow: hidden;
	border-radius: 10px;
	/*	object-fit: contain;*/
}

.about-us-image--food img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}







@media only screen and (min-width: 1000px) {

	.grid-aboutus--food {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-column-gap: 24px;
		grid-row-gap: 24px;
	}
	
	.about-us-image--food {
		height: 380px;
		width: 100%;
		max-width: 400px;
		margin: auto;
		background-color: darkslateblue;
		overflow: hidden;
		/*	object-fit: contain;*/
	}
	
	.about-us-image--food img {
		height: 100%;
		width: 100%;
		object-fit: cover;
	}



	.food-image-container {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	.food-image-container__div {
		margin: 0px 10px;
		/*		background-color: aqua;*/
	}

	.food-image-container__div:first-child {
		margin-left: 0px;
	}

	.food-image-container__div:last-child {
		margin-right: 0px;
	}



	.food-card-container {
		position: relative;
		/*		background-color: cadetblue;*/
		height: 750px;
		margin-bottom: 80px;
	}

	.food-card-image-behind {
		/* background-color: aquamarine; */
		height: 700px;
		width: 700px;
		position: absolute;
		border-radius: 8px;
		overflow: hidden;
		display: block;
	}

	.food-card {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 700px;	
		padding: 16px;
		margin-bottom: 0px;
		border-radius: 8px;
		padding: 70px;
	}

	.food-card__times {
		margin-bottom: 24px;
		text-align: left;
	}

	.food-card__flex {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: row;
	}





}









.page-quote {
	font-family: rockwell, sans-serif;
	font-size: 30px;
	position: relative;
	/*	padding: 0px 20px;*/
	text-align: center;
	margin-bottom: 80px;
	max-width: 1000px;
	margin: 0px auto 80px auto;
	line-height: 130%;
}

.page-quote__left {
	position: absolute;
	top: -100px;
	left: -100px;
	fill: grey;
	zoom: 50%;
	display: none;
}

.page-quote__right {
	position: absolute;
	top: 100px;
	right: 100px;
	fill: grey;
	zoom: 50%;
	display: none;
}

.page-content-text {
	font-weight: 200;
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
	/* margin: auto; */
	color: white;
	text-align: left;
}

.page-content-text--youth {
	font-weight: 400;
	text-align: center;
	/*	margin-bottom: 80px;*/
	max-width: 1000px;
	margin: 0px auto 40px auto;
}

.our-aims-container {
	margin-bottom: 160px;}

.our-aims-container__grid {
	width: 100%;
	/* border: solid blue; */
	display: grid;
	grid-template-columns: repeat(auto-fill, 100%);
	justify-content: center;
	grid-gap: 20px;
	row-gap: 80px;
	/*	margin-bottom: 80px;*/
	padding-top: 20px;
	color: rgb(26 26 36);
}

@media only screen and (min-width: 800px) {

	.our-aims-container__grid {
		grid-template-columns: repeat(auto-fill, 48%);
	}

}

@media only screen and (min-width: 1200px) {

	.our-aims-container__grid {
		grid-template-columns: repeat(auto-fill, 49%);	
	}

}

.our-aims__grid-item__body {
	font-weight: 200;
}

.our-aims__grid-item__title {
	margin-bottom: 20px;
	font-weight: 700;
}

.out-aims__grid-item__icon {
	width: 80px;
	min-width: 80px;
}

.our-aims__grid-item__text-cont {
	/*	margin-left: 20px;*/
	display: flex;
}

.our-aims__grid-item {
	display: flex;
	/* background-color: aquamarine; */
	padding-right: 20px;
	/*	padding-top: 20px;*/
}

.our-aims-container__title {
	font-size: 38px;
	margin-bottom: 80px;
	padding-bottom: 30px;
	text-align: left;
	font-family: bookmania, serif;
	font-weight: 600;
}





@media only screen and (min-width: 800px) {



}

@media only screen and (min-width: 1200px) {



}

.youth-diagonal-bottom {
	height: 190px;
	width: 100%;
	background-color: var(--youthwork-light);
	position: relative;
	top: -50px;
	z-index: -1;
}




.object-cover {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.object-cover--zoom {
	

} 

.food-social-container__link {
	fill: white;
}

.noblacka a {
	background-color: aqua;
	color: aqua;
	fill: aqua;
	fill: red;

}

.noblacka a:visited {
	color: red;
	fill: red;

}

.noblacka a:hover {
	color: red;
	fill: red;
}

.noblacka a:visited {
	color: red;
	fill: red;

}























.booking-section__box {
	background-color: var(--pannel);
	padding: 15px;	
	margin-top: 10px;
	padding-top: 0px;
}

.booking-section {
	/*	margin-bottom: 40px;	*/
	width: 100%;

}

.header-text-container {
	position: relative;
	max-width: 1200px;
	margin: auto;
	/* background-color: aqua; */
}

.header-text {
	font-size: 32px;
	font-weight: 700;
	/* color: #ffffff; */
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center;
	height: 100%;
	filter: saturate();
	text-align: center;
	/* opacity: .5; */
	filter: invert(1);
}

.header-text-behind {
	position: absolute;
	left: 5px;
	top: -145px;
	font-size: 90px;
	font-weight: 700;
	color: white;
	opacity: 0.05;
	z-index: 0;
}

.text24 {
	font-size: 24px;	
}

.weight-n {
	font-weight: 400;	
}

.weight-sb {
	font-weight: 600;	
}



.booking-section__input-cont {
	display: flex;
	align-items: center;
	position: relative;
}

.booking-section__input {
	width: 100%;
	padding-left: 80px;
	border-radius: 5px;
	background-color: var(--input-grey);
}

input[type=text] {
	padding-top: 12px;
	padding-bottom: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
	box-sizing: border-box;
	border: none;
}

input[type=number] {
	padding-top: 12px;
	padding-bottom: 12px;
	margin-top: 8px;
	margin-bottom: 8px;
	/* box-sizing: border-box; */
	border: none;
	max-width: 250px;
	font-size: 16px;
	/* height: 60px; */
	/* margin-left: 10px; */
}

#catering-amount {
	font-size: 20px;
	padding-left: 20px; /* Adjust the value as per your preference */
	border-radius: 6px;
}

.booking-section__name {
	position: absolute;
	left: 10px;
}

.booking-section__box--white {
	background-color: var(--background);
}

.margin-left-15-mobile {
	margin-left: 0px;
}

/* .button {
background-color: var(--brunswick-red);
border: none;
border-radius: 5px;
color: white;
padding: 12px 10px;
font-size: 18px;
cursor: pointer;
height: 50px;
} */

.button--centre {
	display: flex;
	justify-content: center;
	margin: auto;	
}

.button--offline {
	background-color: gray;
}

/* .button:hover {
background-color: #d83f3f;
} */

.button--small {
	width: 200px;
	text-align: center;
	margin: auto;
}

.button--white {
	background-color: white;
	color: black;
	box-shadow: var(--shadow);
}

.button--white:hover {
	background-color: gainsboro;
}

.booking-section__pay-text {
	/* width: 280px; */
	/* margin: auto; */
	text-align: center;
	padding-top: 20px;
	font-size: 20px;
}

.booking-section__box--pay {
	display: flex;
	justify-content: center;
	align-items: center;
}

.booking-section__timer-text {
	font-size: 12px;
	line-height: 14px;

	max-width: 390px;
	margin: 10px auto   0px auto;
}





/* Radio Selector */
.radioContainer{
	position: relative;
	cursor: pointer;
	font-family: sans-serif;
	font-size: 18px;
	user-select: none;    
	justify-content: space-between;
	display: flex;
	align-items: center;
	width: 270px;
	height: 25px;
	margin-bottom: 5px;
}
.radioContainer input {
	display:none;

}
.radioContainer .circle{
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: white;
	border: 1px solid grey;
	position: relative;
	border-radius: 50%;

	/* margin-left: 25px; */
}

.radioContainer:hover .circle{
	background-color: #ccc;
}
.radioContainer input:checked + .circle{
	background-color: var(--brunswick-red);
}
.radioContainer input:checked + .circle:after{
	content: "";
	width: 5px;
	height: 5px;
	background-color: white;
	position: absolute;
	border-radius: 50%;
	left:50%;
	top:50%; 
	transform: translate(-50%,-50%);
}

/* Checkbox */
/* The container */
.checkboxContainer {
	display: block;
	position: relative;
	width: 265px;
	margin-bottom: 5px;
	cursor: pointer;
	font-size: 18px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.checkboxContainer input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmark {	
	position: absolute;
	top: 0;
	right: 0;
	height: 25px;
	width: 25px;
	background-color: white;
	border: 1px solid grey;
}

/* On mouse-over, add a grey background color */
.checkboxContainer:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkboxContainer input:checked ~ .checkmark {
	background-color: var(--black-almost);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.checkboxContainer input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.checkboxContainer .checkmark:after {
	left: 8px;
	top: 3px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}


.text-to-swap:after {
	content: "Select Date";
}

.text-to-hide {
	opacity: 1;
}


.text20 {
	font-size: 20px;	
}

.options-title {
	margin-bottom: 10px;
	margin-top: 20px;

}

.options-title-small {
	font-size: 14px;
}

.padding-top-20 {
	padding-top: 20px;
}

.margin-top-20 {
	margin-top: 20px;
}

.weight-bold {
	font-weight: 700;
}

.margin-bottom-10 {
	margin-bottom: 10px;
}

.margin-bottom-30 {
	margin-bottom: 30px;
}


.booking-box-title {
	margin-bottom: 10px;
	margin-top: 20px;
}

.booking-section__box--payment {
	border-radius: 10px;
	padding: 0px 15px 20px 15px;
}

.booking-section__box--details {
	padding-top: 14px;
	border-radius: 10px;
	padding: 0px 0px 0px 0px;
}

.booking-section__box--date {
	border-radius: 10px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

.booking-section__box--time {
	border-radius: 0px 10px 10px 0px;
	padding: 5px 0px 0px 0px;
}

.booking-section__box--package {
	border-radius: 10px;
}

@media (max-width: 610px) {


	.booking-section__box {
		background-color: var(--pannel);
		padding: 15px;	
		margin-top: 10px;
		padding-top: 0px;
	}

	.booking-section {
		/*	margin-bottom: 40px;	*/
		width: 100%;

	}

	.header-text-container {
		position: relative;
		max-width: 1200px;
		margin: auto;
		/* background-color: aqua; */
	}

	.header-text {
		font-size: 32px;
		font-weight: 700;
		/* color: #ffffff; */
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-content: center;
		height: 100%;
		filter: saturate();
		text-align: center;
		/* opacity: .5; */
		filter: invert(1);
	}

	.header-text-behind {
		position: absolute;
		left: 5px;
		top: -145px;
		font-size: 90px;
		font-weight: 700;
		color: white;
		opacity: 0.05;
		z-index: 0;
	}

	.text24 {
		font-size: 24px;	
	}

	.weight-sb {
		font-weight: 600;	
	}



	.booking-section__input-cont {
		display: flex;
		align-items: center;
		position: relative;
	}

	.booking-section__input {
		width: 100%;
		padding-left: 80px;
		border-radius: 5px;
		background-color: var(--input-grey);
	}

	input[type=text] {
		padding-top: 12px;
		padding-bottom: 12px;
		margin-top: 8px;
		margin-bottom: 8px;
		box-sizing: border-box;
		border: none;
	}

	input[type=number] {
		padding-top: 12px;
		padding-bottom: 12px;
		margin-top: 8px;
		margin-bottom: 8px;
		box-sizing: border-box;
		border: none;
		max-width: 250px;
		/* height: 60px; */
	}

	.booking-section__name {
		position: absolute;
		left: 10px;
	}

	.booking-section__box--white {
		background-color: var(--background);
	}

	.margin-left-15-mobile {
		margin-left: 0px;
	}

	/* .button {
	background-color: var(--brunswick-red);
	border: none;
	border-radius: 5px;
	color: white;
	padding: 12px 10px;
	font-size: 18px;
	cursor: pointer;
	height: 50px;
} */

	.button--centre {
		display: flex;
		justify-content: center;
		margin: auto;	
	}

	.button--offline {
		background-color: gray;
	}
	/* 	
	.button:hover {
	/* background-color: #d83f3f; */
} 

.button--small {
	width: 200px;
	text-align: center;
	margin: auto;
}

.button--white {
	background-color: white;
	color: black;
	box-shadow: var(--shadow);
}

.button--white:hover {
	background-color: gainsboro;
}

.booking-section__pay-text {
	/* width: 280px; */
	/* margin: auto; */
	text-align: center;
	padding-top: 20px;
	font-size: 20px;
}

.booking-section__box--pay {
	display: flex;
	justify-content: center;
	align-items: center;
}

.booking-section__timer-text {
	font-size: 12px;
	line-height: 14px;

	max-width: 390px;
	margin: 10px auto   0px auto;
}





/* Radio Selector */
.radioContainer{
	position: relative;
	cursor: pointer;
	font-family: sans-serif;
	font-size: 18px;
	user-select: none;    
	justify-content: space-between;
	display: flex;
	align-items: center;
	width: 270px;
	height: 25px;
	margin-bottom: 5px;
}
.radioContainer input {
	display:none;

}
.radioContainer .circle{
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: white;
	border: 1px solid grey;
	position: relative;
	border-radius: 50%;

	/* margin-left: 25px; */
}

.radioContainer:hover .circle{
	background-color: #ccc;
}
.radioContainer input:checked + .circle{
	background-color: var(--brunswick-red);
}
.radioContainer input:checked + .circle:after{
	content: "";
	width: 5px;
	height: 5px;
	background-color: white;
	position: absolute;
	border-radius: 50%;
	left:50%;
	top:50%; 
	transform: translate(-50%,-50%);
}

/* Checkbox */
/* The container */
.checkboxContainer {
	display: block;
	position: relative;
	width: 265px;
	margin-bottom: 5px;
	cursor: pointer;
	font-size: 18px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.checkboxContainer input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmark {	
	position: absolute;
	top: 0;
	right: 0;
	height: 25px;
	width: 25px;
	background-color: white;
	border: 1px solid grey;
}

/* On mouse-over, add a grey background color */
.checkboxContainer:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkboxContainer input:checked ~ .checkmark {
	background-color: var(--black-almost);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.checkboxContainer input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.checkboxContainer .checkmark:after {
	left: 8px;
	top: 3px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}


.text-to-swap:after {
	content: "Select Date";
}

.text-to-hide {
	opacity: 1;
}


.text20 {
	font-size: 20px;	
}

.options-title {
	margin-bottom: 10px;
	margin-top: 20px;

}

.options-title-small {
	font-size: 14px;
}

.padding-top-20 {
	padding-top: 20px;
}

.margin-top-20 {
	margin-top: 20px;
}

.weight-bold {
	font-weight: 700;
}

.margin-bottom-10 {
	margin-bottom: 10px;
}


.booking-box-title {
	margin-bottom: 10px;
	margin-top: 20px;
	/* font-family: 'bookmania'; */
}

.booking-section__box--payment {
	border-radius: 10px;
	padding: 0px 15px 20px 15px;
}

.booking-section__box--details {
	padding-top: 14px;
	border-radius: 10px;
	padding: 0px 0px 0px 0px;
}

.booking-section__box--date {
	border-radius: 10px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

.booking-section__box--time {
	border-radius: 0px 10px 10px 0px;
	padding: 5px 0px 0px 0px;
}

.booking-section__box--package {
	border-radius: 10px;
}







/* DESKTOP */
@media screen and (min-width: 800px) {	

	.party-card-container--room--diagonal {
		margin: 80px 0px 0px 0px;
		padding: 100px 20px 20px 20px;
		background-color: var(--brunswick-red);
		background: linear-gradient(180deg, var(--brunswick-red) 0%, rgba(242,127,109,1) 100%);
		color: white;
		clip-path: polygon(0 80px, 100% 0, 100% 100%, 0% 100%);
	}

	.margin-right-60 {
		margin-right: 60px;
	}

	/*	BOOKING PAGE PARTYS */
	.booking-mid-block {
		display: flex;		
	}

	.margin-left-15-mobile {
		margin-left: 0px;
	}

	.booking-section__box {
		background-color: var(--pannel);
		padding: 15px;
		margin-top: 10px;
		padding-top: 0px;
		height: 100%;
	}

	.booking-bottom-block {
		display: flex;
	}

	.margin-right-5 {
		margin-right: 5px;
	}

	.margin-left-5 {
		margin-left: 5px;
	}

	.booking-section__input {
		background-color: white;
	}

	.booking-section__pay-text {
		padding-top: 0px;
	}


	.booking-section__box--payment {
		border-radius: 10px;
		padding: 20px 15px 15px 15px;
		margin-bottom: 20px;
		height: auto;
	}

	.booking-section__box--details {
		padding-top: 14px;
		border-radius: 10px;
		padding: 12px 15px 0px 15px;
		height: 338px;
	}

	.booking-section__box--date {
		border-radius: 10px 0px 0px 10px;
		padding: 20px 15px 0px 15px;
		height: 375px;
	}

	.booking-section__box--time {
		border-radius: 0px 10px 10px 0px;
		padding: 20px 15px 0px 15px;
		height: 375px;
	}

	.booking-section__box--package {
		border-radius: 10px;
	}

	.text-to-swap:after {
		content: "Select Date & Time";
	}

	.text-to-hide {
		opacity: 0;
	}

	.booking-options-extras {
		display: flex;		
	}

.booking-options-details {
	width: 280px;

}


	/* party cards */

	.party-banner {
		background-image: url(/images/partybanner-mobile.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		height: 200px;
		object-fit: contain;
	}

	.party-card {
		margin: auto;
		max-width: 400px;
		min-height: 300px;
		padding-bottom: 80px;
		background-color: white;
		margin-bottom: 50px;
		position: relative;
		border-radius: 5px;
		box-shadow: var(--shadow);
	}

	.party-card-container {

	}

	.party-card__top {
		padding: 15px;
		background-color: sandybrown;
		height: 60px;
		font-weight: 700;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 20px;
		border-radius: 5px 5px 0px 0px;
	}

	.party-card__main__title {
		font-weight: 600;
		font-size: 18px;
		text-align: center;
		margin-bottom: 10px;
	}

	.party-card__main {	
		padding: 0px 10px;

	}

	.party-card__main__body {
		text-align: center;
	}

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

	.button-book {
		border-radius: 0px;
		text-align: center;
		border-radius: 0px 0px 5px 5px;
	}

	.party-card__button {
		position: absolute;
		bottom: 0px;
		width: 100%;
	}

	a {
		text-decoration: none; /* no underline */
	}

	.width-170 {
		width: 170px;
	}

	.party-card__top--bronze {
		background: rgb(219,201,189);
		background: linear-gradient(290deg, rgba(219,201,189,1) 0%, rgba(157,138,125,1) 100%);
	}

	.party-card__top-silver {
		background: rgb(201,214,217);
		background: linear-gradient(290deg, rgba(201,214,217,1) 0%, rgba(135,153,158,1) 100%);
	}

	.party-card__top-gold {
		background: rgb(235,209,152);
		background: linear-gradient(290deg, rgba(235,209,152,1) 0%, rgba(180,136,17,1) 100%);
	}

	.party-card__top-13 {
		background: rgb(235,209,152);
		background: linear-gradient(290deg, rgb(224, 147, 255) 0%, rgb(88, 136, 238) 100%);
	}


	.party-card__top p {
		line-height: 120%;
	}

	.party-card__top p:first-child {
		line-height: 120%;
		margin-right: 10px;
	}

	.button--party-pay {padding: 16px 24px;min-width: 170px;background-color: var(--black-almost);border-radius: 5px;}


	/* room cards */

	.room-image {
		width: 100%;
		height: 180px;
		object-fit: cover;
		margin-bottom: 10px;
	}

	.party-card--room {
		margin: auto;
		max-width: 400px;
		min-height: 300px;
		padding-bottom: 80px;
		background-color: white;
		margin-bottom: 30px;
		position: relative;
		border-radius: 5px;
		box-shadow: var(--shadow);
	}

	.party-card__top--room {
		padding: 15px;
		background: rgb(238,238,238);
		background: linear-gradient(290deg, rgba(238,238,238,1) 0%, rgba(162,162,162,1) 100%);
		height: 60px;
		font-weight: 700;
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-radius: 5px 5px 0px 0px;
	}

	/* .party-card__top--room--pitch {
	background: linear-gradient(290deg, rgb(226, 255, 192) 0%, rgb(153, 221, 75) 100%);
} */

	.party-card__main-room {
		padding: 0px 10px;
	}

	.party-card__button--room {
		position: absolute;
		bottom: 0px;
		width: 100%;
	}

	.button-book--room {
		border-radius: 0px;
		text-align: center;
		border-radius: 0px 0px 5px 5px;
	}

	.party-card__top--room--right {
		float: none;
	}

	.party-card__main-room--right {
		position: inherit;
		right: 0;
		top: 0px;
	}

	.room-image--right {
		left: 0;
	}

	.party-card__button--room--right {
		right: 0;
	}





}











/* DEFAULT CONTAINER */
.default-container {
	display: flex;
	padding: 0px;
	margin-bottom: 30px;
	justify-content: center;
}

.default-container {
	display: block;
	padding: 0px;
	justify-content: center;
	margin: auto;
}

.iframe__membershipform {
	width: 100%;
	height: 500px;
}

.iframe__membershipform--easter {
	width: 100%;
	height: 670px;
}














/*  hero new */
/* HERO NEW */

.hero-large-logo {
	/* background-color: rgba(0,0,0,0); */
	/* padding-top: 100px; */
	/* height: 450px; */
	width: 100%;
	/* position: absolute; */
	z-index: 2;
	/* margin-left: auto; */
	/* margin-right: auto; */
	/* left: 0; */
	/* right: 0; */
	/* text-align: center; */
	/* top: 50%; */
	/* transform: translateY(-33%) translateX(-20px); */
	/*	display: none;*/
	opacity: 1;
	/* display: block; */
	/* zoom: 60%; */
}

.gallery-item {
	width: 17%;
	height: 100%;
	overflow: hidden;
	position: relative;
	transition: 500ms all;
	/*	background-color: red;*/
}

.gallery {
	width: 100%;
	height: 100%;
	display: none;
	align-items: center;
	justify-content: center;
	background-color: black;

}

.gallery img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 300ms all;
	z-index: 2;
}



.overlay-content h1 {
	/*	border: 1px solid #fff;*/
	padding: 10px 15px;
	color: #fff;
	transition: 500ms all;
	opacity: 0;
	font-size: 26px;
	width: 550px;
	margin-bottom: 20px;
}


.container-hero {
	overflow: hidden;
	/* height: 300px; */
	/* position: relative; */
	background: rgb(15,15,26);
	background: -moz-linear-gradient(180deg, var(--gradient-dark-bottom) 0%, var(--gradient-dark-top) 100%);
	background: -webkit-linear-gradient(180deg, var(--gradient-dark-bottom) 0%, var(--gradient-dark-top) 100%);
	background: linear-gradient(180deg, var(--gradient-dark-bottom) 0%, var(--gradient-dark-top) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0f0f1a",endColorstr="#21212b",GradientType=1);
}

.hero-large-logo {
	background-color: rgba(0,0,0, 0);
	/* zoom: 100%; */
}

@media screen and (min-width: 500px) {

	.hero-large-logo {
		/* zoom: 65%; */
		/* transform: translateY(-33%) translateX(-35px); */
	}

}

/* display cool hero */
@media screen and (min-width: 900px) {

	.container-hero {
		height: 700px;
	}

	.hero-large-logo {
		display: none;	
	}

	.gallery {
		display: flex;
	}

	.overlay-content h1 {


		/*		font-size: 32px;*/
	}

}



.gallery-item:hover {
	width: 200%;
}


.gallery-item:hover h1{
	opacity: 1;
}

.gallery-item:hover .button-hero{
	opacity: 1;
}

.gallery-item:hover img {
	opacity: 0.7;
}

.gallery-item:hover .logo-text {
	opacity: 1;
}


.gallery-item__logo {
	height: 80px;
	width: 130px;;
	/*	background-color: antiquewhite;*/
	position: absolute;
	bottom: 10px;
	left: 10px;
	display: flex;
	color: white;
	z-index: 2;
}

.gallery-item__logo img {
	height: 100%;
	width: 100%;
	object-fit: contain;
}

img {
	transition: 300ms all;
}

/*
.gallery-item__logo__img {
width: 10%;
height: 10%;
}
*/

.overlay-content {
	padding: 0 20px;
	text-align: center;
}

.button-hero {
	max-width: 220px;
	height: 60px;
	background-color: white;
	margin: auto;
	opacity: 0;
	transition: 500ms all;
	color: black;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
}

.logo-text {
	position: absolute;
	bottom: 10px;
	left: 75px;
	width: 160px;
	font-weight: 700;
	opacity: 0;
	transition: 300ms all;
	text-align: left;
	/* z-index: 5; */
}

@media screen and (min-width: 1000px) {

	.overlay-content h1 {
		font-size: 32px;
		width: 700px;
		text-align: center;
	}

	.overlay-content {
		padding: 0 100px;
	}

	.logo-text {
		opacity: 1;
	}
}

.image-overlay-prep {
	height: 100%;
	position: relative;
}

.image-overlay-prep::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;

	/*		      background-image: -moz-linear-gradient( 90deg, rgb(252, 227, 138) 0%, rgb(243, 129, 129) 100%);*/
	background-image: -webkit-linear-gradient( 90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 40%, rgba(255, 255, 255, 1) 100%);
	/*      background-image: -ms-linear-gradient( 90deg, rgb(252, 227, 138) 0%, rgb(243, 129, 129) 100%);*/
	mix-blend-mode: multiply;
}

img {
	display: block;
}

.image-overlay-prep:hover::before,
.image-overlay-prep:focus::before {
	/*
	background-image: -moz-linear-gradient( 90deg, rgb(252, 227, 138) 0%, rgb(243, 129, 129) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(252, 227, 138) 0%, rgb(243, 129, 129) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(252, 227, 138) 0%, rgb(243, 129, 129) 100%);
	mix-blend-mode: overlay;
	*/
}



.hero-logo-font {
	font-family: 'bio-sans', sans-serif;
}



/* Home Page 2 */










.container-home-particle {
	height: 100%;
	width: 100%;
}

.home-section {
	/*	height: 900px;*/
	color: white;
	position: relative;
	overflow: hidden;
}

.home-section-gradient--dark {
	background: rgb(15,15,26);
	background: -moz-linear-gradient(0deg, var(--gradient-dark-bottom) 0%, var(--gradient-dark-top) 100%);
	background: -webkit-linear-gradient(0deg, var(--gradient-dark-bottom) 0%, var(--gradient-dark-top) 100%);
	background: linear-gradient(0deg, var(--gradient-dark-bottom) 0%, var(--gradient-dark-top) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0f0f1a",endColorstr="#21212b",GradientType=1);
	color: white;
}

.home-section-green {
	background-color:  var(--park);
}

.home-section-full {
	background: rgb(255 215 228);
}

.home-section__1240 {
	max-width: 1240px;
	margin: auto;
	padding: 80px 16px 80px 16px;
	position: relative;
	/*
	top:0;
	left:0;
	*/
}

.home-section__1240--spacer {
	max-width: 1240px;
	margin: auto;
	padding: 20px;
	position: relative;
	/*
	top:0;
	left:0;
	*/
}

.home-section__1240--park {
	max-width: 1240px;
	margin: auto;
	padding: 30px 16px 80px 16px;
	position: relative;
	/*
	top:0;
	left:0;
	*/
}

.home-section__full {
/*	max-width: 1240px;*/
	margin: auto;
	padding: 80px 16px 80px 16px;
	position: relative;
	/*
	top:0;
	left:0;
	*/
}

.home-section__half {
	/*	max-width: 1240px;*/
		margin: auto;
		padding: 40px 16px 40px 16px;
		position: relative;
		/*
		top:0;
		left:0;
		*/
	}

.home-section__title {
	font-family: bookmania, serif;
	font-size: 38px;
	font-weight: 700;
}

.home-section__body {
	font-size: 20px;
}

.white-bar {
	height: 15px;
	width: 60%;
	background-color: white;
	margin: 40px 0px;
}

.home-section__title--sub {
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 16px;
	font-size: 24px;
}

.home-section__image {
	width: 100%;
	object-fit: cover;
	height: 100%;
}

.home-section__image__container {
	width: 100%;
	/*	background-color: aquamarine;*/
	height: 350px;
	border-radius: 5px;
	overflow: hidden;

}

@media only screen and (min-width: 1400px) {	

	.home-about-flex {
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
	}


	.home-section__image__container {
		width: 100%;
		/*	background-color: aquamarine;*/
		height: 550px;
		border-radius: 5px;
		/*		overflow: hidden;*/
		/* background-color: #2b313e; */
	}

	.home-about-flex-child-l {
		width: 50%;
		margin-left: 20px;
		/*	margin-right: 20px;*/
	}

	.home-about-flex-child-r {
		width: 50%;
		/*	margin-left: 20px;*/
		margin-right: 20px;
	}


}



.home-section--background-image {
	/*	height: 100%;*/
	/*	background-image: url("images/artem-kniaz-DqgMHzeio7g-unsplash.jpg");*/
}

.home-section__card {
	/*	background-color: #292929;*/
	width: 100%;
	/*	height: 500px;*/
	padding: 40px;
	border-radius: 5px;
	position: relative;

	display: flex;
	justify-content: space-between;
	flex-direction: column;

}

.home-section__card__title {
	font-weight: 700;
	font-size: 34px;
	text-align: center;
}

.home-section__card__body {
	font-size: 20px;
	text-align: center;
	font-weight: 200;
}

.home-section__card__body__ul {

}

.home-section__card__body__ul > li {
	margin-bottom: 10px;
	margin-top: 10px;
	font-weight: 200;
}

.home-section__card__bottom {
	height: 120px;
	width: 100%;
	position: relative;
	left: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 40px;
	font-size: 34px;
	margin-top: 40px;
	border-radius: 5px;
	color: white;
}

.home-card-container {
	width: 100%;
	/* border: solid blue; */
	display: grid;
	grid-template-columns: repeat(auto-fill, 100%);
	justify-content: center;
	grid-gap: 40px;
	margin-bottom: 40px;
}

.home-section__card--book {
	height: 400px;
	background-repeat: no-repeat;
	/*  background-attachment: fixed;*/
	background-position: center;
	background-size: cover;
	border-radius: 10px;
	position: relative;
	margin-bottom: 40px;
}

.pitch-backgound {
	background-image:   linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,  rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 1) 100%), url("/images/home/pitch.jpg");
}

.brunswickacademy-backgound {
	background-image:   linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,  rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 1) 100%), url("/images/hero/brunacad-banner1.jpg");
}

.castle-background {
	background-image: linear-gradient(to bottom,  rgba(0, 0, 0, 0) 0%,  rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 1) 100%), url("/images/home/castle.jpg");

}

.pitch11-background {
	background-image: linear-gradient(to bottom,  rgba(0, 0, 0, 0) 0%,  rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 1) 100%), url("/images/hero/springburn-banner.jpg");

}

.text--black {
	color: black;
}



.card-book-text {
	position: absolute;
	bottom: 10px;
	font-size: 48px;
	font-weight: 700;
	left: 40px;
	bottom: 40px;
}

.button-card-book {
	position: absolute;
	bottom: -40px;
	width: 180px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 26px;
	color: white;
	background-color: var(--funky-red);
}

.button-pitches {
	background-color: var(--park);
}

.button-youth {
	background-color: var(--youthwork);
}

.button-membership-youth {
	max-width: 300px;
	width: 100%;
	height: 80px;
	/* margin-left: auto; */
	/* margin-right: auto; */
	/* left: 0; */
	/* right: 0; */
	margin: auto;
	text-align: center;
	font-size: 26px;
	color: white;
	background-color: var(--funky-red);
}


@media only screen and (min-width: 1400px) {	

	.home-card-container {
		width: 100%;
		/* border: solid blue; */
		display: grid;
		grid-template-columns: repeat(auto-fill, 48.3%);
		justify-content: center;
		grid-gap: 40px;
		margin-bottom: 40px;
	}

	.home-card-container--advertise {
		width: 100%;
		/* border: solid blue; */
		display: grid;
		grid-template-columns: repeat(auto-fill, 100%);
		justify-content: center;
		grid-gap: 40px;
		margin-bottom: 40px;
	}

	.home-section__card--book {
		height: 500px;
	}

}






.social-feed-container {
	width: 100%;
	/*	background-color: cadetblue;*/
	display: flex;
	justify-content: center;
	/*	height: 600px;*/
}

.social-icon-container {
	height: 110px;
	width: 110px;
	border: 1px solid gray;
	border-radius: 5px;
	margin: 40px 10px;
	display: flex;
	justify-content: center;
	align-items: center;	
	text-align:center;
}

.social-icon {
	fill:white;	
	/*	background: green;*/
	display: block; margin: auto;
	height: 100px;
	width: 100px;
}

.social-social-container {
	display: flex;
	justify-content: center;
}

.social-image-twitter  {
	position: absolute;
	height: 300px;
	top: 30px;
	left: 960px;
	z-index: -1;
	display: none;
}

.social-image-fb  {
	position: absolute;
	height: 300px;
	top: 60px;
	left: 370px;
	z-index: -1;
	display: none;
}

.flex-social {
	display: flex;
	flex-direction: column;
}


@media only screen and (min-width: 1400px) {	

	.flex-social {
		display: flex;
		flex-direction: row;
		/* position: relative; */
		/* z-index: 2; */
	}

	.social-feed-container {
		width: 100%;
		/*	background-color: cadetblue;*/
		display: flex;
		justify-content: center;
		flex-direction: row;
		/*	height: 600px;*/
	}

	/* .flex {
	display: flex;
	flex-direction: row;
} */

	.social-image-twitter  {
		position: absolute;
		height: 300px;
		top: 55px;
		left: 960px;
		display: block;
	}



	.social-image-fb  {
		position: absolute;
		height: 300px;
		top: 60px;
		left: 370px;
		z-index: -1;
		display: block;
	}


	.social-feeds-text-rotate {
		position: relative;
		top: 200px;
		left: -650px;
		transform: rotate(270deg);
		font-size: 80px;
	}

}



.centre {
	text-align: center;
}

.home-section--background-image--funders {

}

/*
.home-section--background-image--funders::after {
content: ""; 
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(120deg, #eaee44, #33d0ff);
opacity: .7;
filter: blur(2px);
-webkit-filter: blur(2px);
}
*/












.swiper-container {
	width: 100%;
	height: 300px;
	/*	max-width: 400px;*/
	/*	background-color: aqua;*/
	border-radius: 5px;

}

.swiper-slide {
text-align: center;
				font-size: 18px;
				background: #fff;

				/* Center slide text vertically */
				display: -webkit-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				-webkit-justify-content: center;
				justify-content: center;
				-webkit-box-align: center;
				-ms-flex-align: center;
				-webkit-align-items: center;
				align-items: center;
}

.swiper-slide--funders {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;

	height: 90% !important;

	border-radius: 5px;

	/*	overflow: hidden;*/
}







.swiper-slide-img-funders {
	display: block;
	width: 60%;
	height: 90%;
    object-fit: contain;
    /* margin: auto; */
    margin: 14px auto 10px auto;
}

.funder-slider-icon {
	width: 100px;
	height: 100px;
	object-fit: contain;
}


.swiper-wrapper {
		/* background-color: royalblue; */
/*	border-radius: 5px;*/
}

.swiper-wrapper--funders {
	/*	background-color: royalblue;*/
	border-radius: 5px;
}


.swiper-pagination-bullet {
	background: white !important;
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: white !important;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 0px !important;
}


@media only screen and (max-width: 1024px) {	

	.swiper-container  {
		/*	width: 100%;
		/*	height: 300px;*/
/*		max-width: 300px;*/
		/*	max-width: 400px;*/
		/*		background-color: aqua;*/
		/*	border-radius: 5px;*/
	}
	
	.swiper-container--funders {
		/*	width: 100%;*/
		/*	height: 300px;*/
		max-width: 300px;
		/*	max-width: 400px;*/
		/*		background-color: aqua;*/
		/*	border-radius: 5px;*/
	}



}







.img-bg {
	position: absolute;
	z-index: -5;
	top: 0;
	left: 0;
	filter: blur(12px);
	-webkit-filter: blur(12px);
	height: 100%;
	width: 100%;
	object-fit: cover;
	transform: scale(1.1);
	background-color: #25292d;
}

#rtlogo {
	background-color: black;
	border-radius: 5px;
}




#particles-js {
    position: relative;
    width: 100%;
    height: 100%;
    /* top: 10px; */
    /* background-image: url(stylesheetNew.css); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    position: absolute;
    z-index: -5;
    object-fit: contain;
    /* background-color: aquamarine; */
}


.sector-hero__title {
	font-size: 38px;
	/* margin-bottom: 32px; */
	/*	text-align: center;*/
	font-family: bookmania, serif;
	font-weight: 600;
	line-height: 120%;
}

.instead-of-page-container {
	max-width: 1240px;
	width: 100%;
	/*	background-color: aquamarine;*/
	/*	height: 10px;*/
	/*	margin: auto;*/
	margin-left: auto;
	margin-right: auto;
	padding: auto 16px;
}

.sector-hero__circle {
	position: absolute;
	/*	background-color: var(--youthwork);*/
	height: 250px;
	width: 250px;
	border-radius: 100%;
	z-index: -1;
	left: 20%;
	top: 60px;
}

.sector-hero__hash {
	position: absolute;
	z-index: -1;
	left: 16px;
	top: 60px;
	font-size: 28px;
	color: #53536b;
}

.sector-hero {
	position: relative;
	color: white;
	padding: 160px 16px 80px 16px;
	z-index: 1;
}

.sector-hero__body {
	font-weight: 200;

}

.sector-hero__body__blend {
	mix-blend-mode: exclusion ;

}

.sector-hero__image {
	/*	position: absolute;*/
	/*	background-color: darkred;*/
	height: 310px;
	width: 310px;
	z-index: -1;
	margin: auto;
	border-radius: 100%;
	border: 10px solid;
	overflow: hidden;
	/*	left: 20%;*/
	/*	top: 60px;*/
	flex: 1 1 1 1;
}

.sector-hero__image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}



.sector-hero-extra-bottom {
	width: 100%;
	top: -60px;
	/* background-color: cadetblue; */
	max-width: 1240px;
	margin: -60px auto 0px auto;
	padding: 0px 16px 60px 16px;
	font-weight: 200;
}

.sector-hero__hash--under {
	margin-top: -4px;
	margin-bottom: 16px;
	font-size: 16px;
	font-weight: 400;
	color: #e6e6e6;
}




@media only screen and (min-width: 875px) {

	.sector-hero__hash {
		position: absolute;
		z-index: -1;
		left: 16px;
		top: 20px;
		font-size: 48px;
		/* color: #3d3d54; */
	}

	.sector-hero {
		display: flex;
		position: relative;
		color: white;
		padding: 160px 16px 80px 16px;
		z-index: 1;
	}

	.sector-hero__title {
		font-size: 48px;
		margin-bottom: 0px;
		line-height: 100%;
	}

	.sector-hero__image {
		position: absolute;
		height: 350px;
		width: 350px;

		/* left: 20%; */
		top: 80px;
		right: 5%;

	}

	.sector-hero__body {
		width: 500px;
	}

}

@media only screen and (min-width: 1000px) {




	.sector-hero__image {
		height: 450px;
		width: 450px;     
		right: 120px;

	}



}












.our-aims__grid-item__circle {
	height: 70px;
	width: 70px;
	/*	background-color: var(--youthwork);*/
	border-radius: 100%;
	flex: 1 0 auto;
	margin-right: 24px;
	position: relative;
	top: -20px;
}

.sector-titles {
	font-size: 38px;
	margin-bottom: 30px;
	text-align: left;
	font-family: bookmania, serif;
	font-weight: 600;
	/* color: white; */
}

.sector-titles--button {
	margin-bottom: -20px;
}


.text-black {
	color: rgb(26 26 36);
}

.sector-section-bar {
	height: 20px;
	width: 40%;
	background-color: aquamarine;
	margin-bottom: 20px;
	/*	margin-top: 60px;*/
}

.sector-subsection-youth__image-box img {
	width: 100%;
	height: 100%;
}

.sector-subsection-youth__text-box {
	/*	padding: 20px 0px;*/
	/*	padding: 20px;*/
	flex: 50%;
	margin-bottom: 40px;
}

.climate-change-video {
	width: 100%;
	height: 100%;
	position: absolute;
	/* top: 0; */
	left: 0;
	/* width: 100%;
	height: 300px;
	/*	background-color: grey; */
	position: absolute;

}

.playpause {
	background-image:url(http://png-4.findicons.com/files/icons/2315/default_icon/256/media_play_pause_resume.png);
	background-repeat:no-repeat;
	width:20%;
	height:20%;
	position:absolute;
	left:0%;
	right:0%;
	top:190%;
	bottom:0%;
	margin:auto;
	background-size:contain;
	background-position: center;
	padding-top: 56.25%;
}

.video-container {
	/* width is set as 100% here. any width can be specified as per requirement */
	width: 100%;
	padding-top: 56.25%;
	height: 0px;
	position: absolute;
	top: -10%;
	/* transform: translateY(-100%); */
}

.sector-subsection-youth__image-box {
	position: relative;
	flex: none;
	/*		height: 450px;*/
}

.small-image-box {
	height: 400px;
}

.sector-subsection-youth__image-box img {
	object-fit: cover;
	/*	height: 450px;*/
	object-position: top;
}

.grid-youth-climate__item3 {
	display: none;
}

.subsection-youth-flex {
	display: flex;
	flex-direction: column;
}

.flex-reverse-row-desktop {
	flex-direction: column;
}

.grid-youth-school__item2 { grid-area: 2 / 2 / 3 / 3; display: none;}
.grid-youth-school__item3 { grid-area: 2 / 2 / 3 / 3; display: block; height: 450px;}
.grid-youth-school__item4 { grid-area: 2 / 2 / 3 / 3; display: none;
}

.grid-youth-climate {	
	margin-bottom: 160px;
}

.centre-youth-text-flex {
	display: flex;
	justify-content: center;
	align-items: center;
	/*	background-color: bisque;*/
	/*	margin-bottom: 40px;*/
	/*	height: 400px;*/
}

.sector-subsection-youth {
	margin-bottom: 60px;
}



@media only screen and (min-width: 875px) {


	.sector-subsection-youth__image-box {
		position: relative;
		flex: 50%;
		/* height: 450px; */
	}

	.sector-subsection-youth__image-box img {
		object-fit: cover;
		/*	height: 450px;*/
		object-position: 50% 50%;
	}

	.grid-youth-climate {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: 1fr 0.7fr;
		grid-column-gap: 0px;
		grid-row-gap: 0px;
		margin-bottom: 0px;
	}

	.centre-youth-text-flex {
		/*		background-color: lemonchiffon;*/
		height: 500px;
		margin-bottom: 0px;
	}

	.grid-youth-climate__item1 { grid-area: 1 / 1 / 3 / 2; 
		height: 868px;}

	.grid-youth-climate__item2 { 
		grid-area: 1 / 2 / 2 / 3; 

	}
	.grid-youth-climate__item3 { grid-area: 2 / 2 / 3 / 3; 
		display: block;}


	.subsection-youth-flex {
		flex-direction: row;
	}

	.sector-subsection-youth__text-box {
		/*	padding: 20px 0px;*/
		padding: 0px 60px;
		display: flex;
		justify-content: center;
		align-items: center;
		/*		height: 500px;*/
		/*		flex: 50%;*/
		margin-bottom: 0px;
	}

	.flex-reverse-row-desktop {
		flex-direction: row-reverse
	}



	.grid-youth-school {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: 0.7fr 0.5fr;
		grid-column-gap: 0px;
		grid-row-gap: 0px;
	}

	.grid-youth-school__item1 { grid-area: 1 / 1 / 2 / 2; }
	.grid-youth-school__item2 { grid-area: 1 / 2 / 2 / 3; display: block;}
	.grid-youth-school__item3 { grid-area: 2 / 1 / 3 / 2; display: block;}
	.grid-youth-school__item4 { grid-area: 2 / 2 / 3 / 3; display: block;
		height: 450px;}


	.sector-subsection-youth {
		margin-bottom: 0px;
	}

	.sector-titles {
		text-align: center;
	}

	.small-image-box {
		height: 500px;
	}

}





.section-bar--climate {
	background-color: #4D9F26;
}

.section-bar--santa {
	background-color: #f54242;
}

.section-bar--bunny {
	background-color: #293134;
}


.section-bar--youthforum {
	background-color: #293134;
}

.section-bar--bunny {
	background-color: #427ef5;
}

.section-bar--school {
	background-color: #3757B6;
}

.circle-border-youthwork {
	border-color:  var(--youthwork);
}

.circle-border-digital {
	border-color:  var(--digital);
}

.circle-border-health{
	border-color:  var(--health);
}

.circle-border-community {
	border-color:  var(--community);
}

.circle-border-food {
	border-color:  var(--food);
}

.circle-border-park {
	border-color:  var(--park);
}

.beglamimage {	
	/*	background-color: pink;*/
}

.small-image-box-pink {
	background-color: pink;
	display: flex;
	justify-content: center;
	align-items: center;
}

.small-image-box-pink img {
	/* height: 400px; */
	/* width: 400px; */
}


.aboutus-flex {
	display: flex;
	flex-direction: column;
	font-weight: 200;
}

.aboutus-flex-item {
	margin-bottom: 24px;
	flex: 1 1 0px;
}

.grid-aboutus {
	display: grid;
	grid-template-columns: 1fr;
	grid-column-gap: 24px;
	grid-row-gap: 24px;
}

.about-us-image {
	height: 330px;
	width: 100%;
	max-width: 400px;
	margin: auto;
	background-color: darkslateblue;
	overflow: hidden;
	/*	object-fit: contain;*/
}

.about-us-image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

@media only screen and (min-width: 875px) {


	.aboutus-flex {
		display: flex;
		flex-direction: row;
		font-weight: 200;
	}

	.aboutus-flex-item:first-child {
		margin-bottom: 0px;
		padding-right: 20px;
	}

	.aboutus-flex-item:last-child {
		margin-bottom: 0px;
		padding-left: 20px;
	}

	.grid-aboutus {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-column-gap: 24px;
		grid-row-gap: 24px;
	}

	.about-us-image {
		height: 300px;
		width: 100%;
		max-width: 400px;
		margin: auto;
		/*		background-color: aqua;*/
		overflow: hidden;
		/*	object-fit: contain;*/
	}

}



.here4you-image {
	height: 280px;
	width: 150px;
	min-width: 150px;
	margin: auto;
	transform: rotate(0deg) translateX(-10px);
	/*	position: relative;*/
	/*	right: 80px;*/
}

.here4you-image img {
	height: 100%;
	width: 100%;
}

.here4you-text {
	font-size: 60px;
	font-family: bookmania, serif;
	font-weight: 600;
	line-height: 0px;
	margin-bottom: 30px;
}

.here4you-since {
	font-family: bookmania, serif;
	font-weight: 600;
	font-size: 40px;
}

.here4you-bar {
	height: 20px;
	width: 30%;
	background-color: aquamarine;
	margin-left: 20px;
}

.hereforyou-bar-flex {
	display: flex;
	align-items: center
}

.hereforyou-flex {
	display: flex;
	flex-direction: column;
}

@media only screen and (min-width: 550px) {

	.hereforyou-flex {
		display: flex;
		flex-direction: row;
	}

	.here4you-image {
		height: 280px;
		width: 150px;
		zoom: 110%;
		min-width: 150px;
		margin: auto;
		transform: rotate(20deg) translateX(-15px) translateY(-50px);
	}

}

@media only screen and (min-width: 875px) {

	.hereforyou-flex {
		display: flex;
		flex-direction: row;
		padding-top: 120px;
	}

	.here4you-image {
		height: 280px;
		width: 150px;
		zoom: 190%;
		min-width: 150px;
		margin: auto;
		transform: rotate(25deg) translateX(-35px) translateY(-80px);
	}

	.here4you-text {
		font-size: 130px;
		font-family: bookmania, serif;
		font-weight: 600;
		line-height: 0px;
		margin-bottom: 40px;
		margin-left: 0px;
	}

	.here4you-since {
		font-family: bookmania, serif;
		font-weight: 600;
		font-size: 40px;
	}

	.here4you-bar {
		height: 20px;
		width: 80%;
		/*	background-color: aquamarine;*/
		margin-left: 20px;
	}

}


.page-container-fix-footer {
	position: relative;
	min-height: 78vh;


}

.page-container-fix-footer-content-wrap {
	padding-bottom: 2.5rem;    /* Footer height */
}


.page-container-fix-footer-content-wrap-footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 2.5rem;            /* Footer height */
}
.party-3-image-flex {
	display: flex;
	flex-direction: column;
	/* justify-content: center; */
	align-items: center;
}

.party-3-image-flex img {
	width: 100%;
	max-width: 500px;
	margin-bottom: 20px;
	border-radius: 5px;
	/* object-fit: fill; */
}

.flex-text-bar {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 20px;
}

.party-bar {
	height: 10px;
	/*	width: 100px;*/
	background-color: black;
	/*	margin-right: 20px;*/
}

.font-bookmainia {
	font-family: bookmania;
	font-weight: 600;
	font-size: 24px;
}

.party-heading {
	font-size: 40px;
}

.party-text {

}

.mt-40 {
	margin-top: 40px;
}

.mt-60 {
	margin-top: 60px;
}


.party-options-text {
	font-size: 50px;
	margin-top: 50px;
}

.page-container--nobackground {
	background: none;
}

.mt-20 {
	margin-top: 20px;
}


.vol-img {
	object-fit: cover;	
	margin-top: 40px;	
	}

@media only screen and (min-width: 875px) { 

	.party-3-image-flex {
		display: flex;
		flex-direction: row;
		/*	justify-content: center;*/
		align-items: center;
		width: 100%;
		max-width:100%;
		/* max-height: 100px; */
	}	

	.party-3-image-flex__imgd {

	}

	.party-3-image-flex__img img {

/* max-height: 100px; */

/* object-fit: cover; */

/* height: 400px; */

}

.vol-img {

/* max-height: 100px; */

object-fit: cover;

height: 400px;

margin-top: 40px;

}

	.party-3-image-flex__img:first-child {
		margin-right: 20px;

	}

	.party-3-image-flex__img:last-child {
		margin-left: 20px;

	}

	.party-heading {
		font-size: 90px;
		line-height: 100%;
		/*		letter-spacing: px;*/
	}

	.flex-text-bar {	
		flex-direction: row;
		margin-bottom: 30px;
	}

	.party-bar {
		height: 10px;
		width: 60%;
		background-color: black;
		margin-right: 20px;
	}

	.party-heading--sub {
		font-size: 30px;
	}




}



.page-container-success {
	height: 300px;
	width: 100%;
	/* background-color: #ececff; */
	margin: 120px auto 60px auto;
	text-align: center;
}

.success-modal {

}

.success-modal__title {
	font-weight: 400;
}

.button-success-donate {
	font-size: 16px;
	width: 160px;
	margin: 20px auto;
	background-color: var(--black-almost);
	color: white;
}

.small-h1 {
	font-size: 20px;
	color: white;
	max-width: 80%;
	margin: auto;
}

.button--slider-home {
	font-size: 16px;
	padding: 10px;
	margin-top: 24px;
	max-width: 150px;
	margin: 24px auto 0px auto;f
}

.swiper-home-img1 {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5)), url("/images/hero/img1.jpg");
	background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.swiper-home-img2 {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5)), url("/images/hero/img2.jpg");
	background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.swiper-home-img3 {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5)), url("/images/home/party6.jpg");
	background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
/* .swiper-home-img3 {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5)), url("/images/hero/img3d.jpg");
	background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
} */

.swiper-home-img4 {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5)), url("/images/hero/img4.jpg");
	background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.swiper-home-img5 {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5)), url("/images/hero/img8dark.jpg");
	background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.swiper-home-img6 {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5)), url("/images/hero/img7.jpg");
	background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.swiper-home-img7 {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5)), url("/images/hero/springburn-banner.jpg");
	background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.swiper-home-img8 {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5)), url("/images/hero/brunacad-banner1.jpg");
	background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}


.swiper-container--mobile-home{
	height: 600px;
}

.swiper-slide--mobile-home {
	text-align: center;
	font-size: 18px;
	/* background: #fff; */

	padding-top: 230px;


	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

	.swiper-slide--mobile-home img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.opacity1{
	opacity: 1;
	width: initial;
}

.width105{
	width: 105px;
}

.width135{
	width: 135px;
}






canvas{ display: block; vertical-align: bottom; } /* ---- particles.js container ---- */ 

#particles-js2{position:relative;width: 100%;height: 100%;background: rgb(15,15,26);background: -moz-linear-gradient(0deg, var(--gradient-dark-bottom) 0%, var(--gradient-dark-top) 100%);background: -webkit-linear-gradient(0deg, var(--gradient-dark-bottom) 0%, var(--gradient-dark-top) 100%);background: linear-gradient(0deg, var(--gradient-dark-bottom) 0%, var(--gradient-dark-top) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0f0f1a",endColorstr="#21212b",GradientType=1);color: white;background-image: url("");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;} /* ---- stats.js ---- */ 

.count-particles{ background: #000022; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: .8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; } 
.js-count-particles{ font-size: 1.1em; } #stats, 


.count-particles{ -webkit-user-select: none; margin-top: 5px; margin-left: 5px; } #stats{ border-radius: 3px 3px 0 0; overflow: hidden; } 


.count-particles{ border-radius: 0 0 3px 3px; }

.container-in {
	width: 100%;
	height: 100%;
	/* background-color: rgba(10, 10, 10, 0.5); */
	position: absolute;
}

.main-cont-in {
	height: 2500px;
	width: 100%;
	/* background-color: azure; */
	position: relative;
}

.sink-bottom {
	/* position:absolute; */
	/* bottom: 0; */
	margin-top: 20px;
	text-align: center;
	text-decoration: underline;
}

.sink-bottom a {
color: white;
}

@media only screen and (min-width: 1400px) { 

	.main-cont-in {
		height: 1590px;
	}

}

@media only screen and (min-width: 800px) { 

	.sink-bottom {
		/* position:absolute; */
		/* bottom: 0; */
		margin-top: 20px;
		text-align: left;
	}

}







.click-here-link {
	color: blue;
	text-decoration: underline;
	cursor: pointer;
}










/* cms  */

/* CMS */

.cms {
	/* width: 700px; */
	margin: auto;
}

.side-nav {
	width: 210px;
	height: 100%;
	background-color: #f2f2f2;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	overflow-x: hidden;
	padding-top: 20px;
	color: black;
}

.side-nav__title {
	text-align: center;
	font-weight: 400;
	color: var(--red);
	margin-bottom: 20px;

}

.side-nav__title--cms {
	font-weight: 100;
}

.side-nav a {
	padding: 6px 8px 6px 16px;
	text-decoration: none;
	font-size: 20px;
	color: var(--black-1);
	display: block;
}

.main {
	margin-left: 210px; 
	padding: 0px 10px;
	background-color: white;
	height: 100vh;
}


.cms-header-main h2 {   
	padding: 12px 12px 12px 0px;
	color: var(--black-1);
	font-size: 24px;
	font-weight: 400;
}

.cms-header h2 {   
	padding: 12px 12px 12px 0px;
	color: var(--black-1);
	font-size: 24px;
	font-weight: 400;
}


.cms-header {
	background-color: var(--white);
	color: var(--black-1);    

	margin: auto;    
	max-width: 500px;
	min-width: 300px;
}


/*table*/
#customers {
  /* font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; */
  border-collapse: collapse;
  width: 100%;
}

#customers td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: var(--brunswick-red);
  color: white;
}


/*table*/

  
  #membership-lis td, #membership-lis th {
	border: 1px solid #ddd;
	padding: 8px;
  }
  
  #membership-lis tr:nth-child(even){background-color: #f2f2f2;}
  
  #membership-lis tr:hover {background-color: #ddd;}
  
  #membership-lis th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
	background-color: var(--brunswick-red);
	color: white;
  }



/*tool tip*/
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted rgb(211, 211, 211);
  background-color: rgb(211, 211, 211);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  padding-left: 7.5px;
  font-size: 12px;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: rgb(211, 211, 211);
  color: black;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 150%;
  left: 50%;
  margin-left: -60px;
  box-shadow: 0px 5px 7px 0px #00000047;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent rgb(211, 211, 211) transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
.tooltiptext__title {
	font-size: 18px;
	margin-top: 5px;
}

.tooltip__ul {
	margin-top: 10px;
}




/*tool tip - membership details more*/
.tooltip-member {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted rgb(211, 211, 211);
	background-color: rgb(211, 211, 211);
	width: 120px;
	height: 40px;
	padding-top: 7px;
	font-size: 16px;
	text-align: center;
	margin-top: 10px;
  }
  
  .tooltip-member .tooltiptext-member {
	visibility: hidden;
	width: 320px;
	background-color: rgb(211, 211, 211);
	color: black;
	text-align: left;
	border-radius: 6px;
	padding: 5px 10px;
	position: absolute;
	z-index: 1;
	top: 150%;
	left: 50%;
	margin-left: -60px;
	box-shadow: 0px 5px 7px 0px #00000047;
  }
  
  .tooltip-member .tooltiptext-member::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent rgb(211, 211, 211) transparent;
  }
  
  .tooltip-member:hover .tooltiptext-member {
	visibility: visible;
  }
  .tooltiptext__title-member {
	  font-size: 18px;
	  margin-top: 5px;
  }
  
  .tooltip__ul-member {
	  margin-top: 10px;
  }

 #membership-lis li {
    list-style:none;
    background-image:none;
    background-repeat:none;
    background-position:0; 
}

.membership--true {
background-color: greenyellow;
}

.membership--false {
	background-color: var(--funky-red);
	}
	







.cms-label {
	height: 30px;
	/* width: 50%; */
	max-width: 100px;
	margin: auto;
	padding: 10px;
	background-color: grey;
	color: black;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
	border-radius: 30px;
}

.cms-label--deposit {
	background-color: #FFEBAA;
	color: #392B00;
}

.cms-label--payed {
	background-color: #bbffb6;
	color: #033728;
	/* padding: 10px; */
}

.form-group {
		background-color: rgb(245,245,245);
	padding: 20px;
	border: 1px solid rgb(145,145,145);
	border-radius: 10px;
	margin-bottom: 10px;
	display: flex;
	flex-direction: column;
}

.form-control {
	max-width: 350px;
	border-radius: 5px;
	font-size: 18px;
	padding-left: 10px;
	/* border-bottom: 1px solid black; */
}

.rendered-form {
	max-width: 600px;
	margin: auto;
}

.formbuilder-text-label {
	margin-bottom: 10px;
}

.formbuilder-radio-group-label {
		margin-bottom: 10px;
}

.form-headings {
	font-size: 26px;
	background-color: rgb(245,245,245);
	padding: 20px;
	border-radius: 10px;
	margin-bottom: 10px;
	border: 1px solid rgb(145,145,145);
	display: flex;
	align-items: center;
}

.form-register-button-container {
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.button-register-form {
	background-color: var(--black-almost);
	color: white;
}

.register-disclaimer p {
	font-size: 14px;
}

.price-list {
	/* background-color: #efefef; */
	border: 1px solid #bfbfbf;
	border: 1px solid #bfbfbf;
	height: 300px;
	padding-top: 40px;
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: 12px;
}

.price-list--coacha {
	/* background-color: #efefef; */
	border: 1px solid #bfbfbf;
	border: 1px solid #bfbfbf;
	/* height: 200px; */
	padding-top: 40px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 40px;
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: 12px;
	
}

.price-list-2 {
	/* background-color: #efefef; */
	border: 1px solid #bfbfbf;
	border: 1px solid #bfbfbf;
	min-height: 300px;
	width: 40%;
	padding-top: 40px;
	padding-left: 10px;
	padding-right: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	/* justify-content: center; */
	border-radius: 12px;
	margin-left: 15px;
	margin-right: 15px;
	background-color: WhiteSmoke;
}

.short-paragraph-financial {
	max-width: 400px;
	margin: auto;
	margin-bottom: 20px;
	/* text-align: center; */
}

.container-400 {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}

.container-400-2 {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	
}

.container-400-flex {
	display: flex;
	/* max-width: 400px; */
	margin-left: auto;
	margin-right: auto;
	align-items: center;
	justify-content: center;
}

@media only screen and (max-width: 600px) {
	.container-400-flex {
		/* it place the items in vertical direction */
	  flex-direction: column;
	}
  
	.price-list-2 {
	  /* margin: 0 0 1rem; */
	  width: 100%;
	}
  }

.container-500 {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}

.price-list__price {
	font-size: 70px;
	margin-bottom: -16px;
	margin-left: -16px;
	/* margin-right: auto; */
	/* margin: auto; */
	/* width: 100%; */
	text-align: center;
}

.price-list__price--coacha {
	/* font-size: 70px; */
	/* margin-bottom: -16px;
	margin-left: -16px; */
	/* margin-right: auto; */
	/* margin: auto; */
	/* width: 100%; */
	text-align: center;
	
}


.price-list__tag {
	font-size: 20px;
	margin-bottom: 16px;
	/* margin-left: auto; */
	/* margin-right: auto; */
	/* margin: auto; */
	/* width: 60%; */
	text-align: center;
}

.button--black {
	color: white;
	background-color: var(--black-almost);
}

.button--black:hover {
	color: var(--black-almost);
	background-color: white;
}

.thick-outline{
	border: 1px solid black !important;
}








table {
	font-family: arial, sans-serif;
	border-collapse: collapse;
	width: 100%;
  }
  
  td, th {
	border: 1px solid #dddddd;
	text-align: left;
	padding: 8px;
  }
  
  tr:nth-child(even) {
	background-color: #dcdcdc;
	margin-bottom: 50px;
	padding-bottom: 50px !important;
	}

  .table-row-member {
	  margin-bottom: 25px;
  }

  .mlmr8 {
	margin-left: 8px;
	margin-right: 8px;
  }

  .mlmr8:first-child {
	  margin-left: 0px;
  }

  .flex-buttons {
	  display: flex;
	  flex-direction: row;
	  margin-bottom: 32px;
	  align-items:center;	
	  flex-wrap: wrap;  
  }

  .flex-buttons button {
	  margin-bottom: 10px;
  }

  .flex-buttons--inc {
	display: flex;
	flex-direction: row;
	margin-top: 32px;
	margin-bottom: 32px;
	align-items:center;	  
}

  .membership-row {
	display: flex;
	flex-direction: row;
  }

  .membership-row__title {
	  color: gray;
  }

  .Membership-section-title {
	  font-weight: 700;
	  font-size: 24px;
  }

.membership-button {
	height: 40px;
	width: 60px;
	background-color: var(--black-almost);
	color: white;
	border: none;
	border-radius: 4px;
	font-size: 20px;
	/* margin-left: 10px; */
}

.membership-button:first-child{
	margin-right: 10px;
}

.membership-button:last-child{
	margin-left: 10px;
}

.width700 {
	width: 700px;
}

.bullet-list {
	list-style-type: circle;
	margin-left: 24px;
	margin-bottom: 16px;
}
.payment-container {
    width: 100%;
    max-width: 500px;
    height: 300px;
    background-color: #F9FBFD;
    border: 1px solid #E8E8FC;
    border-radius: 5px;
    padding: 20px;
    margin: auto;
}

.payment-container__field-container {
/*    background-color: green;*/
    margin: auto;
    width: 100%;
    
/*    height: 60px;*/
}

.payment-container__field-container__field {
    height: 40px;
    background-color: white;
/*
    margin-top: 10px;
    margin-bottom: 10px;
*/
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 15px;
    box-shadow: var(--shadow-small);
    margin-bottom: 20px;
}

.payment-container__field-container__field--card {
    height: 40px;
    background-color: white;

	padding-top: 12px;
	padding-left: 50px;

    font-size: 15px;
    box-shadow: var(--shadow-small);
    margin-bottom: 20px;
	color: #606C89;
}

.pos-abs {
	position:relative;
	top: -18px;
	padding-left: 50px;
	padding-right: 20px;
	/* margin-left: 100px; */
}

.payment-container__field-container__field--left {/* 
	   background-color: darkorange;*/width: 100%;
	   height: 60px;
	   padding-left: 50px;
	   display: flex;
	   align-items: center;
	   color: #606C89;
	   border-radius: 3px;
	}

	.test-float {
		float: left;
	}

.payment-container__field-container__field--left:placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: red;
  opacity: 1; /* Firefox */
}

.payment-container__field-container__field--right {
    background-color: darkgoldenrod;
    width: 100%;
    height: 40px;
}

.payment-container__field-container__field--left--input {
    margin-left: 20px;
    height: 20px;
}

.payment-container__button {
	position: relative;
    width: 100%;
    background-color: #8C91EE;
    height: 40px;
    color: white;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    box-shadow: var(--shadow-small);
	border: 0px solid #fff;
	cursor: pointer;
}

.payment-container__field-container__title {
    font-size: 12px;
/*    font-weight: 700;*/
    color: #656585;
    margin-bottom: 10px;
}

.payment-container__stripelogo {
    margin: auto;
    width: 130px;
    margin-top: 18px;
}

.membership-select-subtitle {
    color: #cdcdcd;
    font-size: 16px;
    margin-top: 20px;
}

 .membership-select-subtitle-red {
	 color: red;
	 font-size: 24px;
	 font-weight: 700;
 }


.container-membership-select {
  display: flex; 
  flex-direction: column;
    
}

.container-membership-select--inner {
    height: 100%;
    background-color: white;
    border-radius: 5px;
    padding: 10px;
    color: black;
    text-align: center;
    display: flex;
    flex-direction: column;
/*    align-items: center;*/
    justify-content: center;
}

.container-membership-select--inner--nobackground {
    background-color: transparent;
}

.section1 { 
    grid-area: section1;
    padding: 5px;
}
.section2 { 
    grid-area: section2;
padding: 5px;
}
.section3 { grid-area: section3;
padding: 5px;
}
.section4 { grid-area: section4;
padding: 5px;
}
.section5 { 
    grid-area: section5;
padding: 5px;
display: none;
}
.section6 { grid-area: section6;
padding: 5px;}

@media only screen and (min-width: 800px) { 

    .container-membership-select {
      display: grid; 
      grid-template-columns: 1.4fr 1fr 1fr 1.4fr; 
      grid-template-rows: 1fr 1fr; 
      gap: 0px 0px; 
      grid-template-areas: 
        "section1 section2 section2 section3"
        "section4 section5 section5 section6"
        ". . . ."; 
    }
    
    .container-membership-select--inner {
    height: 100%;
    background-color: white;
    border-radius: 5px;
    padding: 10px;
    color: black;
    text-align: center;
    display: flex;
    flex-direction: column;
/*    align-items: center;*/
    justify-content: center;
}

.container-membership-select--inner--nobackground {
    background-color: transparent;
}
    
    .section5 {
    display: block;
}
    
    

}







.container-membership-select--inner__title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}
.container-membership-select--inner__share-title {
    font-size: 16px;
    font-weight: 600;
    color: #00BFA6;
/*    margin-bottom: 10px;*/
}

.container-membership-select--inner__examples-title {
      font-size: 13px;
    font-weight: 600;
    margin-bottom: 2px;
}

.container-membership-select--inner__share {
     font-size: 13px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #00BFA6;
/*    margin-bottom: 10px;*/
}

.container-membership-select--inner__examples {
      font-size: 13px;
    color: #616161;
/*    font-weight: 600;*/
/*    margin-bottom: 10px;*/
}

.container-membership-select--inner--image {
/*    height: 50%;*/
    width: 80%;
    margin: auto;
}





/*sign up / login membership*/

.signin-card {
	background-color: white;
	width: 100%;
    max-width: 400px;
	padding: 16px;
	border: 1px solid var(--black-light);
	border-radius: 8px;
    margin: auto;
    margin-top: 40px;
}

.signin-card__input-container {
	display: flex;
	flex-direction: column;
}

.signin-card__title {
	font-size: 30px;
	font-weight: 600;
}

.signin-card__amount-button:first-child {
	margin-left: 0px;

}

.signin-card__amount-button:last-child {
	margin-right: 0px;
}


.signin-card__amount-button {
	width: 100%;
	margin: 16px;
	border: 1px solid rgba(140, 140, 140, 1);
}

.signin-card__amount-button:hover {
	background-color: var(--black-almost);
	color: white;
}

.signin-card__amount-container {
	display: flex;
	justify-content: center;
}

.signin-card__tiny {
	font-size: 12px;
	color: var(--black-almost);
	text-align: center;
	margin: 8px 0px 0px 0px;
}

	.password-reqs {
		font-size: 14px;
		margin-top: -5px;
		margin-bottom: 10px;
	}

.signin-mobile-sub-title {
	display: block;
	text-align: center;
	margin-bottom: 24px;
}

.login-error {
	color: red;
	font-size: 18px;
	text-align: center;
	margin-top: 10px;
}

.button--signin {
	position: relative;
	background-color: var(--black-almost);
	color: white;
}

.button--signin:hover {
	background-color: black;
	color: white;
}

.button--black-darkhover {
	color: white;
	background-color: var(--black-almost);
}

.button--black-darkhover:hover {
	background-color: black;
	color: white;
}

.button--memberadd {
	background-color: var(--youthwork);
	color: white;
}

.button--memberadd:hover {
	background-color: var(--youthwork);
	color: white;
}

.centre-button {
	margin: auto;
}

.random-block {
  height: 300px;
  width: 300px;
  max-width: 400px;
  position: absolute;
  left: 50%;
  margin-left: -150px;
  /* background-color: beige; */
}

@media only screen and (min-width: 480px) {	

	.random-block {
		height: 300px;
		width: 100%;
		max-width: 400px;
		position: absolute;
		left: 50%;
		margin-left: -200px;
		/* background-color: beige; */
		}
	  

}

.waves-behind {
    position: absolute;
    width: 100%;
    top: 60px;
}

.waves-behind-container {
    position: relative;
}

@media only screen and (min-width: 900px) {	

	.waves-behind {
		position: absolute;
		width: 100%;
		top: 10px;
	}
    
}

@media only screen and (min-width: 1200px) {	

	.waves-behind {
		position: absolute;
		width: 100%;
		top: -110px;
	}    
}

@media only screen and (min-width: 2000px) {	

	.waves-behind {
		position: absolute;
		width: 100%;
		top: -210px;
	}    
}


.height-500 {
    height: 1200px;
}

.no-side-padding {
    padding-left: 0px;
    padding-right: 0px;
}


.home-section-position {
    position: relative;
    width: 100%;
    height: 200px;
/*    background-color: ivory;*/
    top: 220px;
        margin-top: 50px;
    color: black;
    text-align: center;
}

.membership-pay-icons {
    margin: auto;
    width: 40%;
    max-width: 150px;
}

.membership-pay-icons-title {
    color: gray;
    margin-bottom: 10px;
}

.access-to-container {
	margin-top: 20px;
}

.access-to-container__title {
	font-size: 24px;
	font-weight: 600;
}

.home-section__waveup {
	position: absolute;
	height: 100%;
	right: 50px;
	top: 0px;
}




.summer-flex-choice {
	display: flex;
}

.summer-flex-choice__col-1 {


  }

  .summer-box {
	background-color: rgb(245, 215, 160);
	padding: 10px;
	border-radius: 12px;
	border: 2px solid rgb(116, 113, 113);
	margin: 1rem;
	box-shadow: 1px 1px 1px #000;
  }

  @media only screen and (max-width: 600px) {
	.summer-flex-choice {
		/* it place the items in vertical direction */
	  flex-direction: column;
	}
  
	.summer-box {
	  margin: 0 0 1rem;
	}
  }



  .summerContainer {
	display: flex;
	flex-direction: column;
	align-items: center;
	/* justify-content: center; */
	/* height: 100vh; */
  }

  .summerInput-wrapper {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: 10px;
  }

  .input-label {
	text-align: left;
	margin-bottom: 5px;
  }

  .text-align-left {
	text-align: left;
  }

  .summerInput-field {
	width: 200px;
	padding: 5px;
  }

  .error-message {
	color: red;
	font-size: 20px;
  }












  /* BANNER CSS  */
body {
    font-family: Arial, sans-serif;
}

.bannerContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
	margin-top: 40px;

}

.bannerCard {
    border: 1px solid #f3f3f3;
    padding: 20px;
    text-align: center;
    width: 90%;
    max-width: 300px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.02), 0 6px 20px rgba(0, 0, 0, 0.02);
	border-radius: 5px;
	background-color: white;
}

.bannerCard img {
    max-width: 100%;
    height: auto;
	border-radius: 5px;
}

.bannerCard button {
    padding: 15px 35px;
    background-color: #292929;
    color: #ffffff;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s;
    border-radius: 5px;
	font-size: 16px;
}

.bannerCard button:hover {
    background-color: #4a4a4a;
}

.almostblack {
	background-color: #292929;
}

/* Media query for desktop layout */
@media (min-width: 768px) {
    .bannerContainer {
        flex-direction: row;
        justify-content: center;
        gap: 40px;
    }
}


.poweredByStripe {
	width: 130px;
    margin: 20px auto auto auto;
}

.checkoutContainer {
    max-width: 500px;
    width: 90%;
    background-color: #fff;
    padding: 20px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.02), 0 6px 20px rgba(0, 0, 0, 0.02);
    margin: 40px auto;
	border-radius: 5px;
}

.productDetail {
    text-align: center;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.productDetail img {
    max-width: 100%;
    height: auto;
	border-radius: 10px;
}

#payment-form input[type="text"], input[type="email"], textarea {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #e0e0e0;
    resize: vertical;
}

.mb-10 {
    margin-bottom: 10px;
}

.mt-10 {
	margin-top: 10px;
}

.mt-15 {
	margin-top: 15px;
}

.uploadBox, .stripePaymentBox {
	border: 1px solid #d9d9ff;
    padding: 25px;
    margin: 10px 0;
    text-align: center;
    background-color: #f7f8ff;
    border-radius: 5px;
    
}

.centre {
    text-align: center;
}

.fixBottomMargin {
    margin-bottom: 30px;
}

.uploadBox p {
    font-family: 'Arial', sans-serif;; /* Replace with the font name you're using for other text boxes */
    font-size: 16px;
}



.payButton {
    width: 100%;
    padding: 15px;
    background-color: #007BFF;
    color: #fff;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s;
}

.payButton:hover {
    background-color: #0056b3;
}


.payment-success-container {
	text-align: center;
    max-width: 500px;
    margin: 50px auto;
    padding: 40px;    
    border-radius: 5px;
	border: 1px solid #f3f3f3;	
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.02), 0 6px 20px rgba(0, 0, 0, 0.02);
    background-color: white;
}

.payment-success-container h1 {
    color: #4CAF50; /* Green color for the success message */
    margin-top: 20px;
}

.payment-success-container a {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 15px;
    color: white;
    background-color: #4CAF50; /* Green background */
    border-radius: 5px;
    text-decoration: none;
}

.payment-success-container a:hover {
    background-color: #45a049; /* Slightly darker green for hover effect */
}

.payment-success-container img {
    width: 80px; 
	margin: auto;   
}


.buttonStripe {
	background-color: #635BFE;
    color: white;
    border: none;
    margin-top: 20px;
    cursor: pointer;
    padding: 15px 20px;
    font-size: 16px;
	border-radius: 3px;
}

.buttonStripe:hover {
    background-color: #564ee9;
}



.spinner {
    border: 8px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top: 8px solid #000000;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
    margin: 0 auto;
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }


  .bannerHeader {
	margin: 40px auto 10px auto;
	text-align: center;
	line-height: 36px;
  }

  .bannerSubtext {
	max-width: 700px;
    margin: 10px auto;
    text-align: center;
	padding: 0px 20px;
	color: #000022;
  }



/* BANNER CSS END */



/* stripe party */
/* Container styling for the card element */
.card-element-container {
    max-width: 400px; /* Set a max width for a clean look */
    margin: 20px auto; /* Center the element */
    padding: 20px; /* Add padding for spacing */
    background-color: #f9f9f9; /* Light background */
    border-radius: 8px; /* Rounded corners */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}

/* Styling for the Stripe card element */
#card-element {
    padding: 12px 16px; /* Add padding inside the input */
    border: 1px solid #ddd; /* Light border */
    border-radius: 4px; /* Rounded corners */
    background-color: #fff; /* White background */
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); /* Inner shadow */
    font-size: 16px; /* Comfortable font size */
    color: #333; /* Dark text for readability */
}

/* Styling for the Stripe input placeholder */
.StripeElement--placeholder {
    color: #999; /* Lighter color for placeholder text */
}

/* Styling for Stripe input when focused */
.StripeElement--focus {
    border-color: #007bff; /* Highlight border when focused */
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.2); /* Add blue outline */
}

/* Styling for Stripe input when invalid */
.StripeElement--invalid {
    border-color: #e3342f; /* Red border on error */
    box-shadow: 0 0 0 2px rgba(227, 52, 47, 0.2); /* Red outline on error */
}

/* #submit-button {
	height: 20px;
	width: 60px;
	background-color: #000000;
	border-radius: 5px;
} */

/* Solid border */
hr.solid {
	border-top: 1px solid #bbb;
  }
  
  .party-payment-container {
	
  }

 .mt-20 {
margin-top: 20px;
 } 
  
 .mb-20 {
	margin-bottom: 20px;

 } 
  

 .form-complete-payment {
    width: 100%;
    margin: 100px auto;
    display: flex;
    justify-content: center;
 }

 .widthlimit {
	max-width: 500px;
	padding: 20px;
	margin: auto;
 }
 
 .mt-100 {
	margin-top: 100px;
 }