/* Sections
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section 
{
	padding: 100px 0px 100px 0px;
	text-align: center;
}
.section_heading
{
	text-align: left;
	color: #060607;
	font-size: 64px;
	line-height: 76px;
	font-weight: 700;
}
.section_description 
{
	color: #060607;
	text-align: left;
	margin: 10px 0px 10px 0px;
}
h1.section_heading 
{
	font-size: 70px;
	line-height: 76px;
	letter-spacing: 5px;
	font-weight: 800;
	color: #ffffff;
	text-align: center;
	margin-bottom: 10px;
	text-transform: uppercase;
}
h2.section_heading 
{
	font-size: 42px;
	line-height: 48px;
	font-weight: 800;
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
}
h3.section_heading 
{
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	text-transform: uppercase;
	text-align: center;
	color: #ffffff;
	letter-spacing: 2px;
}
h4.section_heading 
{
	font-size: 18px;
	font-style: normal;
	line-height: 20px;
	font-weight: 700;
	letter-spacing: 0px;
}
h5.section_heading 
{
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	letter-spacing: 0px;
	text-transform: uppercase;
}
h6.section_heading 
{
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 30px;
	line-height: 34px;
	text-transform: uppercase;
	text-align: left;
	color: #ffffff;
	letter-spacing: 0px;
}

/* Up to 550px */
@media only screen and (max-width: 550px) {
	h1.section_heading 
	{
		text-align: center;
	}
}

/* Section - Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.header 
{
	position: fixed;
	background-color: transparent;
	width: 100%;
	top: 30px;
	z-index: 100;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 30px 0px;
	text-align: left;
	height: auto;
	transition: padding .4s ease, opacity .3s ease;
}
.section.header .navbar_logo
{
	float: left;
	text-align: left;
	top: 0px;
	overflow: visible;
	margin: 10px 0px 0px 0px;
	width: 230px;
	z-index: 502;
	transition: height .4s ease, opacity .3s ease;
	transition: width .4s ease, opacity .3s ease;
}
.section.header .navbar_logo img
{
	max-width: 100%;
}
/* Reduce logo size where too large for nav to fit */
@media only screen and (max-width: 1000px) {
	.section.header .navbar_logo
	{
		width: 200px;
	}
}
/* TABLET PORTRAIT - Size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.section.header 
	{
		height: 44px;
		transition: height .4s ease, opacity .3s ease;
	}
}
/* ALL MOBILE Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.section.header 
	{
		height: 42px;
		transition: height .4s ease, opacity .3s ease;
	}
	.section.header .navbar_logo
	{
		overflow: hidden;
		margin: 5px auto;
		width: 200px;
		height: 46px;
	}
}


/* Section - Top Bar
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.top_bar 
{
	position: fixed;
	background-color: #001b37;
	width: 100%;
	top: 0px;
	z-index: 100;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	height: 30px;
	transition: padding .4s ease, opacity .3s ease;
    box-sizing: border-box;
}
.section.top_bar 
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
}
.section.top_bar ul 
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    list-style: none;
}
.section.top_bar ul li
{
	font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 800;
    font-size: 16px;
    line-height: 17px;
	display: inline;
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 11px;
    text-transform: uppercase;
    color: #ffffff;
}
.section.top_bar ul li a
{
	font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 800;
    font-size: 16px;
    line-height: 17px;
    text-transform: uppercase;
    color: #ffffff;
}

/* Menu
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.menu
{
	float: right;
	height: 34px;
	margin: 10px 0px 0px 0px;	
	transition: margin-top .4s ease, opacity .3s ease;
}
.menu ul
{
	transition: height .4s ease, opacity .3s ease;
}
.menu ul li
{
	float: left;
	list-style: none;
	margin: 10px 0px 0px 40px;
}
.menu ul li:first-child
{
	margin-left: 0px;
}
.menu ul li a
{
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 1px;
	color: rgba(255, 255, 255, 0.6);
	text-decoration: none;
	text-transform: uppercase;
}
.menu ul li a.join
{
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 1px;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #52b3d0;
	padding: 3px 11px 3px 11px;
	border-radius: 5px;
}
.menu ul li a:hover
{
	color: #ffffff;
	text-decoration: none;
}
.menu ul li a.active
{
	color: #ffffff;
	border-bottom: none;
	text-decoration: none;
}

/* Screens not wide enough for nav ----------------------------------- */
/* @media only screen and (min-width: 1255px) and (max-width: 1335px) { */
@media only screen and (min-width: 1255px) and (max-width: 1385px) {
	.menu ul li
	{
		margin: 10px 0px 0px 30px;
	}
}
/* @media only screen and (min-width: 1201px) and (max-width: 1254px) { */
@media only screen and (min-width: 1201px) and (max-width: 1320px) {
	.menu ul li
	{
		margin: 10px 0px 0px 20px;
	}
}
/* @media only screen and (min-width: 1000px) and (max-width: 1200px) { */
@media only screen and (min-width: 1000px) and (max-width: 1240px) {
	.menu ul li
	{
		margin: 10px 0px 0px 20px;
	}
	.menu ul li a,
	.menu ul li a.join
	{
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 1px;
	}
}
/* Screens not wide enough for nav ----------------------------------- */
@media only screen and (max-width: 1023px) {
}

/* Responsive Menu
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#responsive_menu_buttons
{
	position: absolute;
	right: 10px;
	top: 0px;
	display: none;
	z-index: 50;
	width: 36px;
	height: 32px;
	border: 1px solid #eee;
	background: #f5f5f5;
	color: #001b37;
	padding: 5px 5px 3px 5px;
	margin: 0px 0px 0px 0px;
	border-radius: 3px;
	text-align: center;
	line-height: 30px;
}
#responsive_menu_buttons a
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	color: #001b37;
}
#responsive_menu_buttons a:hover
{
	text-decoration: none;
}
#responsive_menu_open_button
{
	display: block;
	visibility: visible;	
	z-index: 100;
	font-size: 30px;
	line-height: 30px;
}
#responsive_menu_close_button
{
	display: none;
	visibility: visible;	
	z-index: 100;
	font-size: 30px;
	line-height: 30px;
}

#responsive_menu 
{
	position: absolute;
	display: none;
	width: 100%;
	z-index: 50;
	background-color: #001b37;
	padding-top: 120px;
	padding-bottom: 40px;
}

#responsive_menu select
{
	-moz-appearance: none;
}
#responsive_menu ul
{
	width: 80%;
	margin: 0px 0px 0px 0px;
	padding-left: 10%;
	padding-right: 10%;
	list-style: none;
}
#responsive_menu li
{
	display: inline;
	float: left;
	width: 100%;
	border-top: 2px solid #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
}
#responsive_menu ul li:first-child
{
	border-top: 3px solid #ffffff;
}
#responsive_menu ul li:last-child
{
	border-bottom: 4px solid #ffffff;
}
#responsive_menu li.top
{
	border-top: 3px solid #ffffff;
}
#responsive_menu li span
{
	float: left;
	width: 40px;
}
#responsive_menu li a
{
	float: left;
	color: #ffffff;
	font-size: 22px;
	font-weight: normal;
	text-decoration: none;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 120%;
}
#responsive_menu li a#active_page
{
	font-weight: bold;
}
#responsive_menu li a:hover
{
	color: #555555;
}
/* Menu - Responsive  ---------------------------------- */
/* @media only screen and (max-width: 980px) { */
/* @media only screen and (max-width: 1062px) { */
@media only screen and (max-width: 1110px) {
	#responsive_menu_buttons
	{
		display: inline;
	}
	#responsive_menu 
	{
		display: none;
		visibility: visible;
	}
	.menu
	{
		visibility: hidden;
		height: 0;
		display: none;
	}
}


/* Section - Hero
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.sp-no-js 
{
    visibility: hidden;
} 
.section.hero
{
	padding: 0px 0px 0px 0px;
	background-color: #001b37;
	/* height:100vh; */
	height: 500px;
}
.section.hero h2.section_heading 
{
	font-size: 45px;
	line-height: 48px;
	letter-spacing: 5px;
	font-weight: 800;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
}
.section.hero h3.section_heading 
{
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 32px;
	line-height: 36px;
	text-transform: uppercase;
	text-align: center;
	color: #ffffff;
	letter-spacing: 2px;
}
.section.hero a.button
{
	border: 1px solid #ffffff;
}
.section.hero a.button:hover
{
	background-color: #ffffff;
	color: #001b37;
}
.section.hero .show_mobiles
{
	display: none;
}
.section.hero .not-mobile-landscape
	{
		display: block;
	}
.section.hero .not-mobile-landscape
	{
		display: none;
	}

@media only screen and (max-width: 1000px) {
	.section.hero h2.section_heading 
	{
		font-size: 50px;
		line-height: 56px;
		letter-spacing: 3px;
	}
	.section.hero h3.section_heading 
	{
		font-weight: 700;
		font-size: 24px;
		line-height: 28px;
		letter-spacing: 1px;
	}
}
/* TABLET PORTRAIT - Size to standard 960 (devices and browsers) */
@media only screen and (orientation:portrait) and (min-width: 768px) and (max-width: 959px) {
	.section.hero h2.section_heading 
	{
		font-size: 38px;
		line-height: 40px;
		letter-spacing: 1px;
	}
	.section.hero h3.section_heading 
	{
		font-weight: 700;
		font-size: 24px;
		line-height: 28px;
		letter-spacing: 1px;
	}
}
/* TABLET LANDSCAPE - Size to standard 960 (devices and browsers) */
@media only screen and (orientation:landscape) and (min-width: 768px) and (max-width: 959px) {
	.section.hero h2.section_heading 
	{
		font-size: 42px;
		line-height: 44px;
		letter-spacing: 2px;
	}
}

/* ALL MOBILE Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.section.hero .show_mobiles
	{
		display: block;
	}
	.not-mobile-landscape
	{
		display: none;
	}
	.not-mobile-landscape
	{
		display: block;
	}
}

/* MOBILE PORTRAIT Size to Tablet Portrait (devices and browsers) */
@media only screen and (orientation:portrait) and (min-width: 480px) and (max-width: 767px) {
	.section.hero h2.section_heading 
	{
		font-size: 30px;
		line-height: 32px;
		letter-spacing: 1px;
	}
	.section.hero h3.section_heading 
	{
		font-size: 20px;
		line-height: 20px;
		letter-spacing: 1px;
	}
}

/* MOBILE LANDSCAPE Size (devices and browsers) */
@media only screen and (orientation:landscape) and (min-width: 480px) and (max-width: 767px) {
	.section.hero .show_mobiles
	{
		display: none;
	}
	.section.hero h2.section_heading 
	{
		font-size: 24px;
		line-height: 26px;
		letter-spacing: 1px;
	}
	.section.hero h3.section_heading 
	{
		font-size: 12px;
		line-height: 13px;
		letter-spacing: 1px;
	}
}

/* MOBILE PORTRAIT Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	.section.hero h2.section_heading 
	{
		font-size: 24px;
		line-height: 26px;
		letter-spacing: 1px;
	}
	.section.hero h3.section_heading 
	{
		font-size: 12px;
		line-height: 13px;
		letter-spacing: 1px;
	}
}


/* Section - Default Page
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.default_page
{
	background-color: #ffffff;
	text-align: center;
}
.section.default_page h2.section_heading
{
	color: #5fb0d0;
	margin-bottom: 50px;
}
.section.default_page h3.section_heading
{
	color: #333333;
	margin: 34px 0px 2px 0px;
}
.section.default_page h4.section_heading
{
	color: #5fb0d0;
	margin: 24px 0px 2px 0px;
	text-transform: uppercase;
	text-align: center;
}
.section.default_page h2.section_heading,
.section.default_page p.section_description
{
	text-align: center;
}
.section.default_page p.section_description
{
	margin: 4px 0px 10px 0px;
}
.section.default_page .bold
{
	font-weight: 800;
}
.section.default_page a
{
	color: #52b2d0;
}

/* Section - Default Page Blue
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.default_page_blue
{
	padding: 0px 0px 0px 0px;
	background-color: #53b2d0;
	text-align: center;
}


/* Section - Default Left Align Panel
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.default_left_align_panel
{
	padding: 40px 0px 40px 0px;
	background-color: #ffffff;
	text-align: left;
}
.section.default_left_align_panel p.section_description
{
	text-align: left;
	margin: 4px 0px 10px 0px;
}


/* Section - staff_events_blue_Panel
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.staff_events_blue_panel
{
	background-color: #53b2d0;
	text-align: left;
	padding: 40px 0px 0px 0px;
}
.section.staff_events_blue_panel p.section_description
{
	text-align: left;
	margin: 4px 0px 10px 0px;
	color: #ffffff;
}
.section.staff_events_blue_panel h4.section_heading
{
	color: #ffffff;
	margin: 16px 0px 8px 0px;
	text-transform: uppercase;
	text-align: left;
}
.section.staff_events_blue_panel .flex_container
{
	gap: 5%;
}
.section.staff_events_blue_panel .flex_item:nth-child(1)
{
	flex-basis: 52%;
	margin-bottom: 40px;
}
.section.staff_events_blue_panel .flex_item.phone_container
{
	/* flex: none; */
	flex-basis: 42%;
	margin-top: auto;
	/* margin-top: 40px; */
}
.section.staff_events_blue_panel img
{
	display: block;

}

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

	.section.staff_events_blue_panel .flex_item.phone_container
	{
		width: 250px;
	}
	.section.staff_events_blue_panel .flex_item.phone_container img
	{
		max-width: 100%;
	}

}

@media only screen and (max-width: 980px) {
	.section.staff_events_blue_panel .flex_container
	{
		flex-direction: column;
	}
	.section.staff_events_blue_panel .flex_item.phone_container img
	{
		max-width: 300px;
	}
}
@media only screen and (max-width: 350px) {
	.section.staff_events_blue_panel .flex_item.phone_container img
	{
		max-width: 90%;
	}
}

/* Section - Single Hero
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.single_hero
{
	padding: 0px 0px 0px 0px;
	background-size: cover;
	background-position: center center;
	height: 500px;
}
.section.single_hero.carpet
{
	background-image: url(../images/single_heroes/carpet.jpg);
}
.section.single_hero.biscuits
{
	background-image: url(../images/single_heroes/header-bg-cookies.jpg);
}
.section.single_hero.classroom
{
	background-image: url(../images/single_heroes/header-bg-faqs.jpg);
}
.section.single_hero.drum
{
	background-image: url(../images/single_heroes/header-bg-prizes.jpg);
}
.section.single_hero.fairground
{
	background-image: url(../images/single_heroes/header-bg-join.jpg);
}
.section.single_hero.gift
{
	background-image: url(../images/single_heroes/header-bg-gift-card.jpg);
}
.section.single_hero.group
{
	background-image: url(../images/single_heroes/group.jpg);
}
.section.single_hero.jersey_hospice
{
	background-image: url(../images/single_heroes/header-bg-jersey-hospice.jpg);
}
.section.single_hero.joinwallet
{
	background-image: url(../images/single_heroes/header-bg-joinmain.jpg);
}
.section.single_hero.nightclub
{
	background-image: url(../images/single_heroes/nightclub.jpg);
}
.section.single_hero.oops
{
	background-image: url(../images/single_heroes/oops.jpg);
}
.section.single_hero.partygirls
{
	background-image: url(../images/single_heroes/header-bg-privacy.jpg);
}
.section.single_hero.partytime
{
	background-image: url(../images/single_heroes/party_time.jpg);
}
.section.single_hero.zantaclaus
{
	background-image: url(../images/single_heroes/zanta-claus-join-header.jpg);
}
.section.single_hero .centre_vertically_container
{
	height: 400px;
	margin-top: 100px;
}
.section.single_hero h1.section_heading.alt
{
	font-size: 46px;
	line-height: 50px;
	margin-top: 20px;
}

@media only screen and (max-width: 1050px) {
}
@media only screen and (max-width: 800px) {
}
@media only screen and (max-width: 500px) {
	.section.single_hero h1.section_heading,
	.section.single_hero h1.section_heading.alt
	{
		font-size: 40px;
		line-height: 46px;
	}
}
@media only screen and (max-width: 400px) {
}


/* Section - Short Hero
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.short_hero
{
	padding: 0px 0px 0px 0px;
	background-size: cover;
	background-position: center center;
	height: 162px;
}


/* Section - Home Page Intro Panel
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.home_page_intro_panel
{
	background-color: #ffffff;
	text-align: left;
}
.section.home_page_intro_panel h2.section_heading
{
	text-align: left;
	color: #333333;
}
.section.home_page_intro_panel a
{
	color: #52b2d0;
}

.section.home_page_intro_panel .flex_container
{
	gap: 20%;
}
.section.home_page_intro_panel .flex_item.appstore_panel
{
	flex: none;
	width: 160px;
}
.section.home_page_intro_panel ul
{
	list-style: none;
	margin-top: 10px;
	margin-bottom: 0px;
}
.section.home_page_intro_panel ul li:last-child
{
	margin-bottom: 0px;
}

.section.home_page_intro_panel .appstore_button
{
	width: 160px;
	height: auto;
}
.section.home_page_intro_panel .appstore_button img
{
	display: block;
	height: auto;
	max-width: 100%;
	box-sizing: border-box; 
}
/* ALL MOBILE Sizes (devices and browser) */
@media only screen and (max-width: 500px) {
	.section.home_page_intro_panel .flex_container
	{
		flex-direction: column;
		align-items: center;
	}
	.section.home_page_intro_panel .flex_item.appstore_panel
	{
		margin-top: 40px;
	}
}


/* Section - Home Page Plans Panel
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.home_page_plans_panel
{
	background-color: #284755;
	color: #ffffff;
	text-align: left;
	background-image: url("../images/section_panels/shopping-girl.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-bottom: 0px;
}
.section.home_page_plans_panel p.section_description
{
	color: #ffffff;
	padding-bottom: 75px;
}
.section.home_page_plans_panel .flex_item.phone_container
{
	flex: none;
	width: 350px;
	margin-top: auto;
}
.section.home_page_plans_panel ul
{
	list-style: none;
	margin-top: 160px;
	margin-bottom: 0px;
}
.section.home_page_plans_panel ul li
{
	display: inline-block;
	width: 150px;
	margin-right: 50px;
}
.section.home_page_plans_panel img
{
	display: block;

}
@media only screen and (max-width: 1250px) {
	.section.home_page_plans_panel ul li
	{
		display: inline-block;
		width: 120px;
		margin-right: 30px;
	}
}
@media only screen and (max-width: 1050px) {
	.section.home_page_plans_panel p.section_description
	{
		padding-bottom: 20px;
	}
	.section.home_page_plans_panel ul
	{
		margin-top: 0px;
	}
	.section.home_page_plans_panel ul li
	{
		display: block;
		width: 120px;
		margin-right: 30px;
	}
}
@media only screen and (max-width: 700px) {
	.section.home_page_plans_panel p.section_description
	{
		text-align: center;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.section.home_page_plans_panel .flex_container
	{
		flex-direction: column;
		align-items: center;
	}
	.section.home_page_plans_panel ul
	{
		width: 100%;
		margin-top: 0px;
	}
	.section.home_page_plans_panel ul li
	{
		width: 100%;
	}
	.section.home_page_plans_panel ul li img
	{
		width: 120px;
		margin: 0px auto;
	}
}
@media only screen and (max-width: 350px) {

	.section.home_page_plans_panel .flex_item.phone_container
	{
		width: 250px;
	}
	.section.home_page_plans_panel .flex_item.phone_container img
	{
		max-width: 100%;
	}

}


/* Section - Home Page How it Works Panel
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.home_page_hiw_panel
{
	background-color: #5fb0d0;
	color: #060607;
	text-align: left;
	background-image: url("../images/section_panels/how-to-background.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: 50px;
	padding-bottom: 50px;
}
.section.home_page_hiw_panel .flex_container
{
	gap: 10%;
}
.section.home_page_hiw_panel h2.section_heading
{
	text-align: left;
}
.section.home_page_hiw_panel a
{
	color: #ffffff;
}
.section.home_page_hiw_panel .flex_item.clipboard_container
{
	flex: none;
	width: 300px;
	/* margin-top: auto; */
}
@media only screen and (max-width: 660px) {
	.section.home_page_hiw_panel .flex_container
	{
		flex-direction: column;
		gap: 0%;
	}
	.section.home_page_hiw_panel .flex_item.clipboard_container
	{
		flex: auto;
		margin-top: 10px;
	}

}

/* Section - Home Page Blobs Panel
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.home_page_blobs
{
	background-color: #5fb0d0;
	color: #060607;
	text-align: left;
	background-image: url("../images/section_panels/3-women-laughing.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding-top: 80px;
	padding-bottom: 80px;
}
.section.home_page_blobs .grid_container
{
	margin-left: 8%;
	margin-right: 8%;
	grid-template-columns: auto auto auto;
	gap: 30px;
}
.section.home_page_blobs .grid_container div
{
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	text-align: center;
	height: 120px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 30px;
	line-height: 30px;
	color: #ffffff;
	text-transform: uppercase;
	padding-left: 20px;
	padding-right: 20px;
	letter-spacing: 2px;
}
.section.home_page_blobs .grid_container div:nth-child(odd)
{
	background-color: rgba(69, 181, 231, 0.7);
}
.section.home_page_blobs .grid_container div:nth-child(even)
{
	background-color: rgba(0, 27, 55, 0.7);
}
@media only screen and (max-width: 920px) {
	.section.home_page_blobs .grid_container
	{
		gap: 20px;
	}
	.section.home_page_blobs .grid_container div
	{
		padding-left: 12px;
		padding-right: 12px;
		height: 100px;
		font-size: 22px;
		line-height: 26px;
	}
}
@media only screen and (max-width: 660px) {
	.section.home_page_blobs .grid_container
	{
		gap: 20px;
	}
	.section.home_page_blobs .grid_container div
	{
		padding-left: 12px;
		padding-right: 12px;
		height: 80px;
		font-size: 16px;
		line-height: 20px;
	}
}
@media only screen and (max-width: 520px) {
	.section.home_page_blobs .grid_container
	{
		margin-left: 2%;
		margin-right: 2%;
		grid-template-columns: auto ;
		gap: 20px;
	}
	.section.home_page_blobs .grid_container div
	{
		/* width: 100%; */
		box-sizing: border-box;
		padding-left: 12px;
		padding-right: 12px;
		height: 80px;
		font-size: 16px;
		line-height: 20px;
	}
}


/* Section - Totals
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.totals
{
	background-image: 
		/* top, transparent black, faked with gradient */ 
        linear-gradient(
          rgba(0, 0, 0, 0.4), 
          rgba(0, 0, 0, 0.4)
        ),
        /* bottom, image */
		url("../images/section_panels/banner-bg-numbers.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.section.totals .columns
{
	border-right: 2px solid #ffffff;
}
.section.totals .columns:nth-of-type(4)
{
	border-right: none;
}
.section.totals h2.section_heading
{
	font-size: 60px;
	line-height: 62px;
	letter-spacing: 2px;
}
.section.totals h3.section_heading
{
	margin-bottom: 0px;
}
/* ---- Media Queries ---- */
@media (max-width: 700px) {
	.section.totals .columns
	{
		border-right: none;
	}
	.section.totals h2.section_heading
	{
		font-size: 40px;
	}
}
@media (max-width: 549px) {
	.section.totals h2.section_heading
	{
		margin-bottom: 0px;
	}
	.section.totals h3.section_heading
	{
		margin-bottom: 20px;
	}
}


/* Section - Montage
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.montage
{
	padding: 0px 0px 0px 0px;
	width: 100%;
	overflow: hidden;
}
.section.montage.alt
{
	background-color: #001b37;
}
.section.montage .onehundred-percent
{
	float: left;
	width: 100%;
}
.section.montage .fifty-percent
{
	float: left;
	width: 50%;
}
.section.montage .twentyfive-percent
{
	float: left;
	width: 25%;
}

.section.montage img
{
	max-width: 100%;
	display: block;
}


/* Section - Total Savings
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.total_savings
{
	padding: 10px 0px 10px 0px;
	background-color: #15ab2d;
}
.section.total_savings.blue
{
	background-color: #1a4392;
}
.section.total_savings h6.section_heading
{
	color: #ffffff;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 28px;
	letter-spacing: 2px;
}
.section.total_savings h6.section_heading.alt
{
	text-transform: unset;
}


/* Section - Total Partners
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.total_partners
{
	padding: 10px 0px 10px 0px;
	background-color: #d50e53;
}
.section.total_partners h6.section_heading
{
	color: #ffffff;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 28px;
	letter-spacing: 2px;
}
.section.total_partners h6.section_heading.alt
{
	text-transform: unset;
}


/* Section - Join Page Intro Panel
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.join_page_intro_panel
{
	background-color: #ffffff;
	text-align: center;
	padding: 60px 0px 60px 0px;
}
.section.join_page_intro_panel .section_description
{
	text-align: left;
}
.section.join_page_intro_panel .section_description.fineprint
{
	font-size: 11px;
	line-height: 13px;
}
.section.join_page_intro_panel .section_description:nth-child(1)
{
	text-align: center;
}

.section.join_page_intro_panel h4.section_heading
{
	text-align: center;
	color: #333333;
	margin: 12px 0px 10px 0px;
	text-transform: uppercase;
}

.section.join_page_intro_panel a
{
	color: #52b2d0;
}

.section.join_page_intro_panel .flex_container
{
	gap: 10%;
	margin-top: 55px
}
.section.join_page_intro_panel .flex_item
{
	flex: 1 0 60%; 
}
.section.join_page_intro_panel .flex_item.appstore_panel
{
	/* flex: none; */
	flex: 1 0 30%; 
	/* width: 160px; */
	display: flex;
	flex-direction: column;
	/* height: 100%; */
	/* border: 1px solid red; */
}
.section.join_page_intro_panel ul
{
	list-style: none;
	margin-top: 10px;
	margin-bottom: 0px;
}
.section.join_page_intro_panel ul li
{
	text-align: center;
	/* display: block; */
}
.section.join_page_intro_panel ul li a
{
	display: inline-block;
}

.section.join_page_intro_panel ul li:last-child
{
	margin-bottom: 0px;
}

.section.join_page_intro_panel .appstore_button
{
	width: 160px;
	height: auto;
}
.section.join_page_intro_panel .appstore_button img
{
	display: block;
	height: auto;
	max-width: 100%;
	box-sizing: border-box; 
}

.section.join_page_intro_panel .box_container
{
	display: flex;
	gap: 5%;
	margin-bottom: 25px;
}
.section.join_page_intro_panel .box_item
{
	flex: 1 0 30%; 
}
.section.join_page_intro_panel .box_container p.section_description
{
	text-align: center;
}
.section.join_page_intro_panel .box_container .box_item:nth-child(1) h4.section_heading
{
	color: #d50e53;
}
.section.join_page_intro_panel .box_container .box_item:nth-child(2) h4.section_heading
{
	color: #f49813;
}
.section.join_page_intro_panel .box_container .box_item:nth-child(3) h4.section_heading
{
	color: #46b6e8;
}

.section.join_page_intro_panel .box_item img
{
	max-width: 100%;
}
.section.join_page_intro_panel .flex_item.phone_container
{
	flex: none;
	/* flex-basis: 42%; */
	margin-top: auto;
	/* margin-top: 40px; */
	/* width: 350px; */
	/* background-color: lime; */
	/* margin-bottom: 0px; */
	/* align-self: flex-end; */
}
.section.join_page_intro_panel img
{
	display: block;
	max-width: 100%;

}

/* ALL MOBILE Sizes (devices and browser) */
@media only screen and (max-width: 650px) {
	.section.join_page_intro_panel .flex_container
	{
		flex-direction: column;
		align-items: center;
	}
	.section.join_page_intro_panel .flex_item.appstore_panel,
	.section.join_page_intro_panel .flex_item.phone_container
	{
		margin-top: 40px;
	}
}


/* Section - Become A Club Partner
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.become_a_club_partner #becomepartnerform:target:before 
{
	content:"";
	display:block;
	height: 250px; /* fixed header height*/
	margin:-250px 0 0; /* negative fixed header height */
}
.section.become_a_club_partner
{
	background-color: #52b3d0;
}
.section.become_a_club_partner.alt
{
	background-color: #001b37;
}
.section.become_a_club_partner.alt a
{
	color: #52b3d0;
}
.section.become_a_club_partner h2.section_heading
{
	color: #ffffff;
}
.section.become_a_club_partner p.section_description
{
	color: #ffffff;
	text-align: center;
	max-width: 80%;
	margin-left: auto;
    margin-right: auto;
}
.section.become_a_club_partner #becomepartnerform
{
	max-width: 60%;
	margin-left: auto;
    margin-right: auto;
	margin-top: 20px;
}
.section.become_a_club_partner .form_fields input,
.section.become_a_club_partner .form_fields textarea
{
	width: 100%;
	border: 1px solid #ffffff;
	margin-bottom: 5px;
}
.section.become_a_club_partner .form_fields textarea
{
	height: 200px;
}
.section.become_a_club_partner #becomepartnerform .recaptcha_container
{
	text-align: center;
}
.section.become_a_club_partner #becomepartnerform .recaptcha_container .g-recaptcha
{
	display: inline-block;
	margin-top: 20px;
}
.section.become_a_club_partner #becomepartnerform .recaptcha_container #RecaptchaField2
{
	display: inline-block;
	margin-top: 20px;
}
.section.become_a_club_partner #becomepartnerform .submit_container
{
	text-align: center;
}
.section.become_a_club_partner #becomepartnerform .submit_container input.button
{
	width: auto;
	background-color: #ffffff;
	color: #52b3d0;
	margin-top: 20px;
}
.section.become_a_club_partner #becomepartnerform .submit_container input.button:hover
{
	color: #ffffff;
	background-color: #1a4392;
}
.section.become_a_club_partner #message
{
	max-width: 60%;
	margin-left: auto;
    margin-right: auto;
	margin-top: 20px;
	text-align: center;
}
@media (max-width: 650px) {
	.section.become_a_club_partner #becomepartnerform .recaptcha_container
	{
		overflow-x: hidden;
	}
	.section.become_a_club_partner #becomepartnerform
	{
		max-width: 100%;
	}
	.section.become_a_club_partner #RecaptchaField2 {
		transform:scale(0.77);
		transform-origin:0 0;
	}
}

/* Section - Become A Corporate Partner
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.become_a_corporate_partner
{
	background-color: #061837;
}
.section.become_a_corporate_partner h3.section_heading
{
	color: #ffffff;
	margin-top: 30px;
}
.section.become_a_corporate_partner a
{
	color: #52b2d0;
}

.section.become_a_corporate_partner p.section_description
{
	color: #ffffff;
	text-align: center;
	max-width: 80%;
	margin-left: auto;
    margin-right: auto;
}
@media (max-width: 1000px) {
	.section.become_a_corporate_partner .flex_item
	{
		flex: 1 0 50%;
	}
}
@media (max-width: 660px) {
	.section.become_a_corporate_partner .flex_item
	{
		flex: 1 0 100%;
	}
}

/* Section - Zingela Events
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.zingela_events
{
	background-image: 
		/* top, transparent black, faked with gradient */ 
        linear-gradient(
          rgba(0, 0, 0, 0.4), 
          rgba(0, 0, 0, 0.4)
        ),
        /* bottom, image */
		url("../images/section_panels/banner-bg-numbers.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.section.zingela_events.alt
{
	background-image: none;
	background-color: #ffffff;
}
.section.zingela_events h2.section_heading
{
	color: #ffffff;
}
.section.zingela_events.alt h2.section_heading
{
	color: #52b3d0;
}
.section.zingela_events .event-details
{
	float: left;
	position: relative;
	width: 50%;
	height: 220px;
	box-sizing: border-box;
	padding: 22px 22px 22px 22px;
	margin: 25px 0px 25px 0px;
	text-align: left;
}
.section.zingela_events .event-details.charcoal
{
	background-color: rgba(23,24,25,0.9);
}
.section.zingela_events .event-details.red
{
	background-color: rgba(218,1,2,0.9);
}
.section.zingela_events .event-details.blue
{
	background-color: rgba(82,179,208,0.9);
}
.section.zingela_events .event-details.purple
{
	background-color: rgba(88,39,123,0.9);
}
.section.zingela_events .event-title
{
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 24px;
	color: #ffffff;
	text-transform: uppercase;
}
.section.zingela_events .event-date
{
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 40px;
	color: #ffffff;
	text-transform: uppercase;
}
.section.zingela_events .event-button
{
	position: absolute;
	bottom: 20px;
}
.section.zingela_events .event-button a.button
{
	border: 1px solid #ffffff;
	padding: 10px 20px 10px 20px;
	font-size: 14px;
	line-height: 14px;
}
.section.zingela_events .event-button a.button:hover
{
	background-color: #ffffff;
	color: #000000;
}
.section.zingela_events .event-image
{
	float: left;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 50%;
	height: 220px;
	margin: 25px 0px 25px 0px;
}
/* ---- Media Queries ---- */
@media (max-width: 1100px) {
	.section.zingela_events .event-details,
	.section.zingela_events .event-image
	{
		width: 100%;
	}
	.section.zingela_events .event-details
	{
		margin: 25px 0px 0px 0px;
	}
	.section.zingela_events .event-image
	{
		margin: 0px 0px 25px 0px;
	}
}


/* Section - Events page - Join Zingela Today panel
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.join-zingela-today
{
	background-image: url("../images/section_panels/bg-blue-stripes.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.section.join-zingela-today h2.section_heading
{
	color: #ffffff;
}
.section.join-zingela-today p.section_description
{
	color: #ffffff;
	text-align: center;
	padding-left: 15%;
	padding-right: 15%;
}
.section.join-zingela-today a.button
{
	background-color: #ffffff;
	color: #52b3d0;
	margin-top: 20px;
	border: 1px solid #ffffff;
}
.section.join-zingela-today a.button:hover
{
	background-color: #52b3d0;
	border: 1px solid #ffffff;
	color: #ffffff;
}
/* ---- Media Queries ---- */
@media (max-width: 1200px) {
	.section.join-zingela-today p.section_description
	{
		padding-left: 15%;
		padding-right: 15%;
	}
}
@media (max-width: 700px) {
	.section.join-zingela-today p.section_description
	{
		padding-left: 5%;
		padding-right: 5%;
	}
}


/* Section - Rewards Page - Sponsored By
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.sponsored_by
{
	padding: 0px 0px 0px 0px;
	background-color: #52b2d0;
}
.section.sponsored_by h5.section_heading
{
	/* color: #808080; */
	color: #ffffff;
	text-align: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.section.sponsored_by .sponsor_logo
{
	text-align: left;
	/*height: 50px;*/
}
.section.sponsored_by .sponsor_logo img
{
	display: block;
	max-width: 100%;
	max-height: 50px;
}
.section.sponsored_by .sponsor_container
{
    display: table;
    width: 100%;
    height: 100px;
}
.section.sponsored_by .sponsor_content
{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

/* ---- Media Queries ---- */
@media (max-width: 900px) {
    .section.sponsored_by
    {
        padding: 10px 0px 10px 0px;
    }
    .section.sponsored_by .sponsor_container
    {
        height: auto;
        padding: 5px 0px 5px 0px;
    }
    .section.sponsored_by h5.section_heading,
    .section.sponsored_by .sponsor_logo
    {
        text-align: center;
    }
    .section.sponsored_by .sponsor_logo img
    {
        display: inline;
    }
}


/* Section - Rewards Page - Club Partners Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.club_partners_header
{
	position: relative;
	background-color: #001b37;
    padding: 50px 0px 50px 0px;
}
.section.club_partners_header #loading
{
	position: absolute;
	left: 0;
	right: 0;
	bottom: -225px;
	width: 100%;
	height: 100px;
	margin: 0px auto;
	background-color: transparent;
	z-index: 100;
	text-align: center;
	/* border: 4px solid rgb(122, 122, 122)(122, 122, 122); */
}
.section.club_partners_header #loading img
{
	position: absolute;
	width: 100px;
	left: 50%;
	margin-left: -50px;
}

.section.club_partners_header h2.section_heading
{
	max-width: 600px;
	margin: 0px auto 40px;
}
.section.club_partners_header h4.section_heading
{
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
}
.section.club_partners_header h4.section_heading span
{
	color: #52b3d0;
}
.section.club_partners_header ul.localities
{
	list-style: none;
	margin: 5px 0px 5px 0px;
}
.section.club_partners_header ul.localities li
{
    display: inline;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    font-size: 18px;
	text-transform: uppercase;
    color: #52b3d0;
}
.section.club_partners_header ul.localities li select
{
    padding: 0px 10px 0px 10px;
    border: 1px solid #52b3d0;
    background-color: rgba(0,27,55,1);
	-webkit-appearance: none;
	padding-right: 24px;
}

.section.club_partners_header .select_wrapper {
	position: relative;
	display: inline-block;
  }
.section.club_partners_header .select_wrapper:after {
	  content: '\0025BC';
	  font: normal normal normal 12px/1 FontAwesome;
	  color:#52b3d0;
	  right: 6px;
	  top: -10px;
	  height: 26px;
	  padding: 15px 0px 0px 8px;
	  position: absolute;
	  pointer-events: none;
}
  
.section.club_partners_header ul.localities li select,
.section.club_partners_header ul.localities li select option
{
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    font-size: 18px;
	text-transform: uppercase;
    color: #52b3d0;
    background-color: rgba(0,27,55,1);
}
.section.club_partners_header ul.localities li.next
{
	margin-left: 20px;
}
.section.club_partners_header ul
{
	list-style: none;
	margin: 5px 0px 5px 0px;
}
.section.club_partners_header ul li
{
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
}
.section.club_partners_header ul li a
{
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 20px;
	text-transform: uppercase;
	color: #ffffff;
}
.section.club_partners_header ul li a.active
{
	color: #52b3d0;
}
.section.club_partners_header ul li a:hover
{
	text-decoration: none;
	color: #52b3d0;
    cursor: pointer;
}
@media (max-width: 550px) {
	.section.club_partners_header ul
	{
		padding: 0px 0px 0px 0px;
		margin-bottom: 0px;
	}
	.section.club_partners_header .columns:first-of-type
	{
		padding-top: 20px;
	}
}
@media (max-width: 740px) {
	.section.club_partners_header ul.localities li
	{
		width: 100%;
		display: block;
		box-sizing: border-box;
	}
	.section.club_partners_header ul.localities li.next
	{
		margin-left: 0px;
	}
	.section.club_partners_header ul.localities li select 
	{
		text-align-last: center;
		text-align: center;
		-ms-text-align-last: center;
		-moz-text-align-last: center;
	}
}

/* Section - Rewards Page - Club Partners Sort Order
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.club_partners_sort_order
{
	background-color: #52b3d0;
    padding: 30px 0px 30px 0px;
	border-top: 6px solid #ffffff;
	border-bottom: 6px solid #ffffff;
}
.section.club_partners_sort_order .select_wrapper 
{
	position: relative;
	display: inline-block;
}
.section.club_partners_sort_order .select_wrapper:after 
{
	content: '\0025BC';
	font: normal normal normal 12px/1 FontAwesome;
	color:#52b3d0;
	right: 6px;
	top: -10px;
	height: 26px;
	padding: 15px 0px 0px 8px;
	position: absolute;
	pointer-events: none;
}
.section.club_partners_sort_order select,
.section.club_partners_sort_order select option
{
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    font-size: 18px;
	text-transform: uppercase;
    color: #52b3d0;
    background-color: #ffffff;
}
.section.club_partners_sort_order select
{
    padding: 0px 10px 0px 10px;
	margin-bottom: 0px;
    border: 1px solid #001b37;
	-webkit-appearance: none;
	padding-right: 24px;
}


/* Section - Rewards Page - Club Partners
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.rewards
{
	background-color: #52b3d0;
	background-image: url("../images/section_panels/zc-bgtile.jpg");
	background-position: center center;
	background-repeat: repeat;
    padding: 25px 0px 25px 0px;
}
.section.rewards.alt
{
	background-image: none;
	background-color: #3985a2;
}
.section.rewards .partner_reward_summary
{
	float: left;
	position: relative;
	width: 50%;
	height: 220px;
	box-sizing: border-box;
	padding: 20px 0px 20px 0px;
	margin: 25px 0px 25px 0px;
	text-align: left;
	background-color: #001b37;
}
.section.rewards .partner_name
{
	padding: 0px 22px 0px 22px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	/*font-size: 24px;*/
	/*line-height: 24px;*/
	font-size: 14px;
	line-height: 16px;
	color: #ffffff;
	text-transform: uppercase;
}
.section.rewards .no_of_rewards
{
	padding: 0px 22px 0px 22px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 40px;
	color: #ffffff;
	text-transform: uppercase;
}
.section.rewards .reward_heading
{
	padding: 0px 22px 0px 22px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
/*
	font-size: 14px;
	line-height: 16px;
*/
	font-size: 20px;
	line-height: 24px;
    margin-top: 8px;
	color: #ffffff;
	text-transform: uppercase;
}
.section.rewards .partner_logo
{
	float: left;
	
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 50%;
	height: 220px;
	margin: 25px 0px 25px 0px;
}
.section.rewards .reward_image
{
	float: left;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 50%;
	height: 220px;
	margin: 25px 0px 25px 0px;
   text-align: right;
}
.section.rewards .reward_image .corporate_identifier
{
    float: right;
    width: 24px;
    height: 24px;
    margin: 10px 10px 0px 0px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    background-color: lime;
}
.section.rewards .reward_image .corporate_icon
{
	float: right;
	display: block;
    /* box-sizing: border-box; */
    /* width: 100%;
    height: 60px; */
    width: 32px;
    height: 32px;
	border-radius: 50%;
	overflow: hidden;
    margin: 10px 10px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.section.rewards .reward_image .corporate_icon img
{
    max-height: 100%;
    margin: 0px 0px 0px 0px;
}
.section.rewards .reward_footer
{
	position: absolute;
	bottom: 18px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
/*
    flex-direction: row;
    flex-direction: column;
*/
    width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
    box-sizing: border-box;
}
.section.rewards .flex_break 
{
  flex-basis: 100%;
  height: 0;
}
.section.rewards .reward_footer_item
{
    flex: 1;
}

.section.rewards .reward_button
{
    /*flex: 34%;*/
    /*flex: 100%;*/
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 14px;
    color: #ffffff;
    text-transform: uppercase;
text-align: left;
padding: 6px 0px 6px 22px;
    box-sizing: border-box;
}
.section.rewards .time_remaining
{
    /*flex: 34%;*/
    /*flex: 100%;*/
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 14px;
    color: #ffffff;
    text-transform: uppercase;
    text-align: right;
    padding: 6px 22px 6px 0px;
    box-sizing: border-box;
}
.section.rewards .time_remaining.pink,
.section.rewards .time_remaining.pink i
{
    color: #dd629b;
}
.section.rewards .time_remaining i
{
    padding-right: 5px;
}

.section.rewards .reward_saving_green
{
    /*flex: 38%;*/
    margin: 0px 0px 0px 0px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 14px;
    color: #00a831;
    text-align: left;
    padding: 6px 0px 6px 22px;
    box-sizing: border-box;
}
.section.rewards .reward_saving_blue
{
    /*flex: 28%;*/
    margin: 0px 0px 0px 0px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 14px;
    color: #54b1d2;
    text-align: right;
    padding: 6px 22px 6px 0px;
    box-sizing: border-box;
}
.section.rewards .reward_button a
{
	/*border: 1px solid #ffffff;*/
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	line-height: 14px;
    color: #ffffff;
    text-transform: uppercase;
}
.section.rewards .reward_button a.button:hover
{
	background-color: #ffffff;
	color: #000000;
}
/* ---- Media Queries ---- */
@media (max-width: 740px) {
/*
	.section.rewards .partner_reward_summary,
	.section.rewards .partner_logo,
    .section.rewards .reward_image
	{
		width: 100%;
	}
	.section.rewards .partner_reward_summary
	{
		margin: 25px 0px 0px 0px;
	}
	.section.rewards .partner_logo,
    .section.rewards .reward_image
	{
		margin: 0px 0px 25px 0px;
	}
*/
}
@media only screen and (max-width: 1500px) {
	.section.rewards .partner_reward_summary,
	.section.rewards .partner_logo,
    .section.rewards .reward_image
	{
		width: 100%;
	}
	.section.rewards .partner_reward_summary
	{
		margin: 25px 0px 0px 0px;
	}
	.section.rewards .partner_logo,
    .section.rewards .reward_image
	{
		margin: 0px 0px 25px 0px;
	}
}

/* Break Early */
@media only screen and (min-width: 550px) and (max-width: 775px) {
    .section.rewards .container 
    {
        width: 80%;
    }
    .section.rewards .column,
    .section.rewards .columns 
    {
        width: 100%;
        margin-left: 0px;
    }
}
@media (max-width: 350px) {
    .section.rewards .partner_reward_summary
    {
        height: 240px;
    }
}

/* Section - Partner Rewards Page - Partner Rewards
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.partners_rewards
{
	background-color: #52b3d0;
	background-image: url("../images/section_panels/zc-bgtile.jpg");
	background-position: center center;
	background-repeat: repeat;
    padding: 50px 0px 50px 0px;
}
.section.partners_rewards .reward_container
{
	padding: 20px 0px 20px 0px;
}

.section.partners_rewards .reward_image
{
	width: 100%;
}
.section.partners_rewards .reward_image img
{
	width: 100%;
	display: block;
}
.section.partners_rewards .reward_duration
{
	background-color: #ffffff;
	padding: 12px 10px 12px 10px;
}
.section.partners_rewards .reward_duration h4.section_heading
{
	color: #1a4392;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 0px;
}
.section.partners_rewards .reward_duration i
{
	font-size: 30px;
	color: #52b3d0;
	vertical-align: middle;
	padding-right: 10px;
}
.section.partners_rewards .green_bar
{
    background-color: #00a831;
	padding: 12px 10px 12px 10px;
}
.section.partners_rewards .green_bar h4.section_heading
{
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 0px;
}
.section.partners_rewards .blue_bar
{
    background-color: #54b1d2;
	padding: 12px 10px 12px 10px;
}
.section.partners_rewards .blue_bar h4.section_heading
{
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 0px;
}
.section.partners_rewards .exclusive_bar
{
    background-color: #1a4392;
	padding: 12px 10px 12px 10px;
}
.section.partners_rewards .exclusive_bar h4.section_heading
{
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 0px;
}
.section.partners_rewards .reward_social_links ul
{
	list-style: none;
	margin: 12px 0px 0px 0px;
}
.section.partners_rewards .reward_social_links ul li
{
	display: inline;
	margin: 0px 5px 0px 5px;
	line-height: 24px;
}
.section.partners_rewards .reward_social_links ul li h4.section_heading
{
	text-align: center;
	color: #ffffff;
	margin-bottom: 0px;
	text-transform: uppercase;
	display: inline;
	vertical-align: middle;
}
.section.partners_rewards .reward_social_links ul li i
{
	color: #ffffff;
	font-size: 24px;
	vertical-align: middle;
}
.section.partners_rewards .reward_social_links ul li i.fas.fa-envelope-open-text
{
	font-size: 22px;
}
.section.partners_rewards .reward_details
{
	background-color: #ffffff;
	box-sizing: border-box;
	padding: 20px 20px 20px 20px;
}
.section.partners_rewards .reward_details h3.section_heading
{
	color: #1a4392;
	text-align: left;
	font-size: 24px;
	line-height: 30px;
}
.section.partners_rewards .reward_details h4.section_heading
{
	color: #52b3d0;
	text-align: left;
	text-transform: uppercase;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.section.partners_rewards .reward_details ul
{
	list-style: disc;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.section.partners_rewards .reward_details ul li
{
	text-align: left;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}


/* Section - Benefits Page - Icons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.benefits_icons
{
	background-color: #ffffff;
}
.section.benefits_icons h2
{
	color: #52b3d0;
}
.section.benefits_icons h4
{
	max-width: 600px;
	margin: 0px auto 20px;
	text-transform: uppercase;
	text-align: center;
	color: #52b3d0;
}
.section.benefits_icons p.section_description
{
	text-align: center;
	margin: 0px auto;
	max-width: 300px;
}
.section.benefits_icons p.section_description a
{
	color: #52b3d0;
}
.section.benefits_icons .icon
{
	margin: 60px 0px 0px 0px;
}
.section.benefits_icons .icon img
{
	padding-bottom: 15px;
}
.section.benefits_icons ul.businesses
{
	list-style: none;
	margin: 60px 0px 80px 0px;
}
.section.benefits_icons li.business
{
	/* width: 100%; */
	display: inline-block;
	height: 100px;
	width: 100px;
	background-size: contain;
	background-repeat: no-repeat;
	margin: 20px 10px 20px 10px;
}
.section.benefits_icons li.business.glen
{
	background-image: url(../images/corporates/glen_q.png);
	width: 200px;
}
.section.benefits_icons li.business.gr8
{
	background-image: url(../images/corporates/gr8-logo.png);
}
.section.benefits_icons li.business.jep
{
	background-image: url(../images/corporates/jep-logo.png);
}
.section.benefits_icons li.business.jhc
{
	background-image: url(../images/corporates/jhc.png);
	width: 200px;
}
/* MOBILE PORTRAIT Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 1200px) {
}


/* Section - Event Page - Single Event
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* This jumps links to #joinform with a bit of header space to allow for being underneath the menu */
.section.zingela_single_event #eventform:target:before 
{
	content:"";
	display:block;
	height: 200px; /* fixed header height*/
	margin:-200px 0 0; /* negative fixed header height */
}
.section.zingela_single_event
{
	background-image: none;
	background-image: url("../images/section_panels/zc-bgtile-db.jpg");
	background-position: center center;
	background-repeat: repeat;
}
.section.zingela_single_event .event_details h6.section_heading.centered
{
	text-align: center;
}
.section.zingela_single_event .event_image
{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 220px;
	margin: 0px 0px 0px 0px;
}
.section.zingela_single_event .event_logo
{
	width: 100%;
	height: 220px;
	margin: 0px 0px 0px 0px;
}

.section.zingela_single_event .event_details
{
	background-color: #043761;
	width: 100%;
	box-sizing: border-box;
	padding: 22px 22px 22px 22px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}
.section.zingela_single_event .event_details h4.section_heading
{
	color: #ffffff;
	text-transform: uppercase;
	margin-top: 20px;
}
.section.zingela_single_event .event_details p.section_description 
{
	text-align: left;
	color: #ffffff;
}
.section.zingela_single_event .event_details a
{
	color: #ffffff;
}
.section.zingela_single_event .event_details ul
{
	list-style: disc;
}
.section.zingela_single_event .event_details ul li
{
	color: #ffffff;
	margin-left: 20px;
	margin-bottom: 1px;
}
.section.zingela_single_event .event_details .event_footer
{
	/* float: left; */
	display: inline-block;
	width: 100%;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	margin: 40px 0px 40px 0px;
}
.section.zingela_single_event .event_details .event_footer::after
{
	clear: both;
}
.section.zingela_single_event .event_details .event_footer .end_date,
.section.zingela_single_event .event_details .event_footer .capacity,
.section.zingela_single_event .event_details .event_footer .zip_event
{
	float: left;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	text-transform: uppercase;
	text-align: left;
	color: #ffffff;
	letter-spacing: 2px;
    box-sizing: border-box;
}
.section.zingela_single_event .event_details .event_footer .zip_event
{
	float: right;
}
.section.zingela_single_event .event_details .event_footer .end_date
{
    width: 35%;
	padding: 5px 0px 5px 0px;
	margin: 10px 0px 10px 0px;
}
.section.zingela_single_event .event_details .event_footer .end_date span
{
 	background-image: url('../images/icon-b-date.png');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
    padding-left: 40px;
}
.section.zingela_single_event .event_details .event_footer .capacity
{
    width: 15%;
	padding: 5px 0px 5px 0px;
	margin: 10px 0px 10px 0px;
}
.section.zingela_single_event .event_details .event_footer .capacity span
{
	background-image: url('../images/icon-b-capacity.png');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
    padding-left: 40px;
}
.section.zingela_single_event .event_details .event_footer .zip_event
{
    width: 50%;
	padding: 5px 0px 5px 0px;
	margin: 10px 0px 10px 0px;
    text-align: right;
}
.section.zingela_single_event .event_details .event_footer .zip_event span
{
	background-image: url('../images/icon-b-events.png');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
    padding-left: 50px;
}
.section.zingela_single_event #eventform
{
	width: 100%;
}
.section.zingela_single_event #eventform .form_column
{
	float: left;
	width: 50%;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	box-sizing: border-box;
}
.section.zingela_single_event #eventform .form_column::after
{
	clear: both;
}
.section.zingela_single_event #eventform .form_column input
{
	width: 100%;
}
.section.zingela_single_event #eventform .recaptcha_container,
.section.zingela_single_event #eventform .submit_container
{
	text-align: center;
}
.section.zingela_single_event #eventform .recaptcha_container .g-recaptcha,
.section.zingela_single_event #eventform .submit_container .button
{
	display: inline-block;
	margin-top: 20px;
}
.section.zingela_single_event #eventform .submit_container .button
{
	background-color: #52b3d0;
}
.section.zingela_single_event #eventform .submit_container .button:hover
{
	background-color: #ffffff;
	color: #52b3d0;
}

/* MOBILE PORTRAIT Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 1200px) {
    .section.zingela_single_event .event_details .event_footer .end_date,
    .section.zingela_single_event .event_details .event_footer .capacity,
    .section.zingela_single_event .event_details .event_footer .zip_event
    {
        width: 100%;
        text-align: left !important;
	    padding: 2px 0px 2px 0px;
    }
    .section.zingela_single_event #eventform .form_column
    {
        width: 100%;
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 400px) {
    .section.zingela_single_event #eventform .form_column input
    {
        font-size: 12px;
    }
}

/* Section - Prize Page - This months prize
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.this_months_prize
{
	background-image: none;
	background-color: #52b3d0;
}
.section.this_months_prize h2.section_heading
{
	width: 70%;
	margin: 0px auto;
}
.section.this_months_prize p.section_description
{
	color: #ffffff;
	text-align: center;
	width: 80%;
	margin: 0px auto;
}
.section.this_months_prize ol,
.section.this_months_prize ul
{
	margin: 20px 0px 10px 0px;
}
.section.this_months_prize ol li,
.section.this_months_prize ul li
{
	font-size: 14px;
	line-height: 22px;
	color: #ffffff;
}

.section.this_months_prize .flexbox_container
{
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	margin-top: 60px;
}
.section.this_months_prize .prize_caption
{
	flex: 1 1 auto;
	width: 40%;
	/*background-color: #001b37;*/
}
.section.this_months_prize .prize_caption img
{
	display: block;
}

.section.this_months_prize .prize_image
{
	flex: 1 1 auto;
	width: 60%;
	position: relative;
}
.section.this_months_prize .prize_image img
{
	display: block;
}
.section.this_months_prize .prize_image .prize_image_caption_1
{
	position: absolute;
	left: 20px;
	top: 20px;
	font-size: 66px;
	font-weight: 800;
	line-height: 70px;
	color: #ffffff;
	text-transform: uppercase;
}
.section.this_months_prize .prize_image .prize_image_caption_2
{
	position: absolute;
	right: 20px;
	bottom: 20px;
	font-size: 66px;
	font-weight: 800;
	line-height: 70px;
	color: #ffffff;
	text-transform: uppercase;
}
@media only screen and (max-width: 1250px) {
}
@media only screen and (max-width: 1100px) {
	.section.this_months_prize h2.section_heading
	{
		width: 100%;
	}
}
@media only screen and (max-width: 850px) {
	.section.this_months_prize .flexbox_container
	{
		flex-direction: column;
	}
	.section.this_months_prize .prize_caption
	{
		width: 100%;
	}
	.section.this_months_prize .prize_image
	{
		width: 100%;
	}
	.section.this_months_prize h2.section_heading
	{
		font-size: 32px;
		line-height: 36px;
	}
}


/* Section - Prize Page - Last months prize
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.last_months_prize
{
	background-image: none;
	background-color: #ffffff;
}
.section.last_months_prize h2.section_heading
{
	color: #52b3d0;
	width: 70%;
	margin: 0px auto;
}
.section.last_months_prize h3.section_heading
{
	color: #52b3d0;
}
.section.last_months_prize .flexbox_container
{
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	margin-top: 60px;
}
.section.last_months_prize .prize_caption
{
	flex: 1 1 auto;
	width: 40%;
	/*background-color: #001b37;*/
}
.section.last_months_prize .prize_caption img
{
	display: block;
}

.section.last_months_prize .prize_image
{
	flex: 1 1 auto;
	width: 60%;
	position: relative;
}
.section.last_months_prize .prize_image img
{
	display: block;
}
@media only screen and (max-width: 1100px) {
	.section.last_months_prize h2.section_heading
	{
		width: 100%;
	}
}
@media only screen and (max-width: 850px) {
	.section.last_months_prize .flexbox_container
	{
		flex-direction: column;
	}
	.section.last_months_prize .prize_caption
	{
		width: 100%;
	}
	.section.last_months_prize .prize_image
	{
		width: 100%;
	}
	.section.last_months_prize h2.section_heading
	{
		font-size: 32px;
		line-height: 36px;
	}
}


/* Section - Prize Page - Next months prize
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.next_months_prize
{
	background-image: none;
	background-color: #ffffff;
}
.section.next_months_prize p.section_description
{
	text-align: center;
	width: 80%;
	margin: 0px auto;
}
.section.next_months_prize h2.section_heading
{
	color: #52b3d0;
	width: 70%;
	margin: 0px auto;
}
.section.next_months_prize h3.section_heading
{
	color: #52b3d0;
}
.section.next_months_prize .flexbox_container
{
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	margin-top: 60px;
}
.section.next_months_prize .prize_caption
{
	flex: 1 1 auto;
	width: 40%;
	/*background-color: #001b37;*/
}
.section.next_months_prize .prize_caption img
{
	display: block;
}

.section.next_months_prize .prize_image
{
	flex: 1 1 auto;
	width: 60%;
	position: relative;
}
.section.next_months_prize .prize_image img
{
	display: block;
}
@media only screen and (max-width: 1100px) {
	.section.next_months_prize h2.section_heading
	{
		width: 100%;
	}
}
@media only screen and (max-width: 850px) {
	.section.next_months_prize .flexbox_container
	{
		flex-direction: column;
	}
	.section.next_months_prize .prize_caption
	{
		width: 100%;
	}
	.section.next_months_prize .prize_image
	{
		width: 100%;
	}
	.section.next_months_prize h2.section_heading
	{
		font-size: 32px;
		line-height: 36px;
	}
}


/* Section - Prize Page - Previous prizes
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.previous_prizes
{
	background-image: none;
	background-color: #001b37;
}
.section.previous_prizes h2.section_heading
{
	color: #52b3d0;
}
.section.previous_prizes .event-details
{
	float: left;
	position: relative;
	width: 50%;
	height: 220px;
	box-sizing: border-box;
	padding: 22px 22px 22px 22px;
	margin: 25px 0px 25px 0px;
	text-align: left;
}
.section.previous_prizes .event-details.blue
{
	background-color: rgba(82,179,208,0.9);
}
.section.previous_prizes .event-details.charcoal
{
	background-color: rgba(23,24,25,0.9);
}
.section.previous_prizes .event-details.green
{
	background-color: rgba(139,202,61,0.9);
}
.section.previous_prizes .event-details.grey
{
	background-color: rgba(128, 128, 128, 0.9);
}
.section.previous_prizes .event-details.lilac
{
	background-color: rgba(200, 150, 243, 0.9);
}
.section.previous_prizes .event-details.orange
{
	background-color: rgba(255, 141, 0, 0.9);
}
.section.previous_prizes .event-details.pink
{
	background-color: rgba(234, 114, 240, 0.9);
}
.section.previous_prizes .event-details.purple
{
	background-color: rgba(88,39,123,0.9);
}
.section.previous_prizes .event-details.red
{
	background-color: rgba(218,1,2,0.9);
}
.section.previous_prizes .event-details.yellow
{
	background-color: rgba(255,227,22,0.9);
}
.section.previous_prizes .event-title
{
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 24px;
	color: #ffffff;
	text-transform: uppercase;
}
.section.previous_prizes .event-sub-title
{
	position: absolute;
	bottom: 20px;
	margin-top: 20px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 22px;
	color: #ffffff;
	text-transform: uppercase;
}
.section.previous_prizes .event-image
{
	float: left;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 50%;
	height: 220px;
	margin: 25px 0px 25px 0px;
}
/* ---- Media Queries ---- */
@media (max-width: 1100px) {
	.section.previous_prizes .event-details,
	.section.previous_prizes .event-image
	{
		width: 100%;
	}
	.section.previous_prizes .event-details
	{
		margin: 25px 0px 0px 0px;
	}
	.section.previous_prizes .event-image
	{
		margin: 0px 0px 25px 0px;
	}
}



/* Section - Join Page
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* This jumps links to #joinform with a bit of header space to allow for being underneath the menu */
.section.join #joinform:target:before, 
.section.join #giftform:target:before 
{
	content:"";
	display:block;
	height: 200px; /* fixed header height*/
	margin:-200px 0 0; /* negative fixed header height */
}
.section.join
{
	background-color: #52b3d0;
	text-align: left;
	padding: 50px 0px 50px 0px;
}
.section.join.navy
{
	background-color: #0c61a1;
}
.section.join h2.section_heading
{
	margin: 0px 0px 0px 0px;
}
.section.join h4.section_heading
{
	color: #ffffff;
	margin: 10px 0px 5px 0px;
}
.section.join h5.section_heading
{
	color: #ffffff;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	line-height: 28px;
	font-weight: 700;
	letter-spacing: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}
.section.join p.section_description
{
	color: #ffffff;
}
.section.join p.section_description.strapline
{
	color: #ffffff;
	text-align: center;
}
.section.join p.section_description a
{
	color: #ffffff;
	text-decoration: underline;
}
.section.join p.section_description a:hover
{
	color: #001b37;
	text-decoration: none;
}

.section.join .form_fields label
{
	text-align: left;
	margin-top: 10px;
	font-weight: 400;
}
.section.join .referral_box
{
	background-color: #1a4392;
	padding: 40px 40px 40px 40px;
}
.section.join .referral_box h3
{
	text-align: left;
	color: #ffffff;
	margin-bottom: 10px;
}
.section.join .referral_box p
{
	text-align: left;
	color: #ffffff;
}

.section.join .form_fields input,
.section.join .form_fields select
{
	width: 100%;
	border: 1px solid #ffffff;
	margin-bottom: 5px;
}
.section.join .form_fields select
{
	color: #737373;
}
.section.join .form_fields option
{
	color: #060607;
}
.section.join .form_fields select:checked,
.section.join .form_fields option:checked
{
	color: #060607;
}
.section.join .form_fields select.chosen,
.section.join .form_fields option.chosen
{
	color: #060607;
}

.section.join #joinform .donation_container
{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
		/* flex-flow: row wrap; */
	/* width: 100%; */
	background-color: #ffffff;
	color: #737373;
	padding: 17px 20px 16px 20px;
	margin-bottom: 5px;
	box-sizing: border-box;
}
.section.join #joinform .donation_container .donation_container_left
{
	/* flex-basis: 100px; */
  	flex: 3 0 0;
	  /* flex: flex-grow flex-shrink flex-basis: ; */
	  /* max-width: 75%; */
	/* width: 25%; */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.section.join #joinform .donation_container .donation_container_right
{
	/* flex-basis: 100px; */
  	flex: 1 0 0;
  	/* flex: 1 1 auto; */
	/* width: 25%; */
	/* max-width: 25%; */
	text-align: right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 50px;
}
.section.join #joinform .donation_container h4.section_heading
{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #30549b;
	margin-top: 0px;
}

.section.join #joinform .recaptcha_container,
.section.join #giftform .recaptcha_container
{
	text-align: center;
}
.section.join #joinform .recaptcha_container .g-recaptcha,
.section.join #giftform .recaptcha_container .g-recaptcha
{
	display: inline-block;
	margin-top: 20px;
}
.section.join #joinform .submit_container,
.section.join #giftform .submit_container
{
	text-align: center;
}
.section.join #joinform .submit_container input.button,
.section.join #giftform .submit_container input.button
{
	width: auto;
	background-color: #ffffff;
	color: #52b3d0;
	margin-top: 20px;
}
.section.join #joinform .submit_container input.button:hover,
.section.join #giftform .submit_container input.button:hover
{
	color: #ffffff;
	background-color: #1a4392;
}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year 
{
    width: 45%;
	border-width: 1px;
    border-style: solid;
    border-color: rgb(169, 169, 169);
    border-image: initial;
	padding: 0px 0px 0px 0px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active 
{
	line-height: 1.4em;
	padding-right: .4em;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
	min-width: inherit;
}
@media (max-width: 1300px) {
	.section.join #joinform .donation_container {
		flex-direction: column;
	}
	.section.join #joinform .donation_container .donation_container_right
	{
		margin-left: 0px;
	}
}

/* Section - Join Page - List of Benefits
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.benefits_list
{
	background-color: #ffffff;
	padding: 50px 0px 50px 0px;
}
.section.benefits_list h2.section_heading
{
	color: #52b3d0;
	margin-bottom: 30px;
}
.section.benefits_list h3.section_heading
{
	text-align: left;
	color: #52b3d0;
	margin-bottom: 0px;
}
.section.benefits_list h4.section_heading
{
	text-align: center;
	color: #52b3d0;
	text-transform: uppercase;
	margin-bottom: 30px;
	font-size: 24px;
	line-height: 30px;
}
.section.benefits_list .flexbox_container
{
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	margin-top: 0px;
}
.section.benefits_list .join_caption
{
	flex: 1 0 auto;
	width: 48%;
	background-color: #52b3d0;
	margin-right: 2%;
	background-image: url("../images/card-and-wallet.png");
	background-size: cover;
	background-position: center;
	min-height: 300px;
}
.section.benefits_list .join_caption ul 
{
	height: 100%;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 60px 60px 60px 60px;
	box-sizing: border-box;
	list-style: none;
}

.section.benefits_list .join_caption li 
{
	padding: 0px 0px 0px 0px;
}
.section.benefits_list .join_caption li h2
{
	color: #ffffff;
	font-size: 36px;
	line-height: 60px;
	margin-bottom: 0px;
	text-align: left;
}

.section.benefits_list .list
{
	flex: 1 0 auto;
	width: 48%;
	background-color: #001b37;
	margin-left: 2%;
}
.section.benefits_list .list ul 
{
	height: 100%;
	width: 100%;
	margin: 10px 0px 0px 0px;
	padding: 60px 60px 60px 60px;
	box-sizing: border-box;
	list-style: none;
}

.section.benefits_list .list li 
{
	width: 100%;
	margin: 30px 0px 30px 0px;
	box-sizing: border-box;
	color: #ffffff;
	text-align: left;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 26px;
	text-transform: uppercase;
	padding: 0px 20px 0px 35px;
    text-indent: -15px;
}
.section.benefits_list .list li:first-of-type
{
	margin-top: 0px;
}
.section.benefits_list .list li .fa.li
{
	margin-right: 14px;
	color: #52b3d0;
	font-size: 24px;
	vertical-align: middle;
	line-height: 24px;
}

@media only screen and (max-width: 980px) {
	.section.benefits_list .flexbox_container
	{
		flex-direction: column;
	}
	.section.benefits_list .join_caption
	{
		width: 100%;
		margin-right: 0%;
	}
	.section.benefits_list .list
	{
		width: 100%;
		margin-left: 0%;
	}
	.section.benefits_list .join_caption li h2
	{
		text-align: center;
	}
}
@media only screen and (max-width: 500px) {
	.section.benefits_list .join_caption ul 
	{
		padding: 60px 30px 60px 30px;
	}
	.section.benefits_list .list ul 
	{
		padding: 60px 30px 60px 30px;
	}
	.section.benefits_list .join_caption li h2
	{
		font-size: 24px;
		line-height: 36px;
	}
}


/* Section - Join Page - Summary Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.summary_header
{
	background-color: #ffffff;
}
.section.summary_header.alt
{
	padding: 50px 0px 20px 0px;
}
.section.summary_header a.red
{
	color: #cc1764;
}
.section.summary_header h2.section_heading
{
	color: #52b3d0;
	margin-bottom: 30px;
}
.section.summary_header h3.section_heading
{
	text-align: left;
	color: #52b3d0;
	margin-bottom: 0px;
}
.section.summary_header h4.section_heading
{
	text-align: center;
	color: #52b3d0;
	text-transform: uppercase;
	margin-bottom: 30px;
	font-size: 24px;
	line-height: 30px;
}
.section.summary_header .ways_to_pay
{
	background-color: #e2e2e2;
	margin-bottom: 50px;
}
.section.summary_header .ways_to_pay p.section_description
{
	text-align: center;
	padding-left: 15%;
	padding-right: 15%;
}
.section.summary_header .ways_to_pay h3.section_heading
{
	text-align: center;
	color: #1a4392;
	padding-top: 20px;
}
.section.summary_header .ways_to_pay img
{
	text-align: center;
	padding: 15px 20px 20px 20px;
}
.section.summary_header .app_form_block.join
{
	background-color: #52b3d0;
}
.section.summary_header .app_form_block
{
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
}
.section.summary_header .app_form_block .gift_type_image_container
{
	padding: 0px 0px 10px 0px;
}
.section.summary_header .app_form_block.join
{
	background-color: #52b3d0;
}
.section.summary_header .app_form_block.join a:hover
{
	text-decoration: none;
}
.section.summary_header .app_form_block.gift
{
	background-color: #001b37;
}
.section.summary_header .app_form_block h2.section_heading
{
	color: #ffffff;
	text-align: center;
	margin-bottom: 20px;
}
.section.summary_header .app_form_block h4.section_heading
{
	color: #ffffff;
	text-align: center;
	margin-bottom: 20px;
}
@media only screen and (min-width: 550px) and (max-width: 700px) {
	.section.summary_header .app_form_block h2.section_heading
	{
		font-size: 32px;
		line-height: 36px;
	}
	.section.summary_header .app_form_block h4.section_heading
	{
		font-size: 24px;
		line-height: 30px;
	}
}


/* Section - Join Page - Gift Hook
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.gift_hook
{
	padding: 25px 0px 25px 0px;
	margin: 0px 0px 0px 0px;
	background-image: none;
	background-image: url("../images/section_panels/zc_gifttile.png");
	background-position: center top;
	background-repeat: repeat;
}
.section.gift_hook h2.section_heading
{
	margin: 0px 0px 0px 0px;
}
.section.gift_hook h2.section_heading a
{
	color: #ffffff;
	text-decoration: underline;
}
.section.gift_hook h2.section_heading a:hover
{
	color: #52b3d0;
}


/* Section - FAQ  (used in join page and FAQ page)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.faq
{
	background-image: none;
	background-image: url("../images/section_panels/zc-bgtile-db.jpg");
	background-position: center top;
	background-repeat: repeat;
}
.section.faq p.section_description
{
	text-align: center;
	color: #ffffff;
	margin-top: 40px;
}
.section.faq p.section_description a
{
	color: #ffffff;
}
.section.faq h3 
{
	font-size: 14px;
	line-height: 16px;
	margin: 12px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	background-color: #ffffff;
	text-align: left;
}

.section.faq h3 a 
{
	background: url("../images/sprite.png") 15px 12px no-repeat;
	display: block;
	padding: 10px;
	padding-left: 32px;
	margin: 0px 0px 0px 0px;
	color: #1a4392;
	text-decoration: none;
	font-weight: normal;
}
.section.faq h3:hover
{
	background-color: #1a4392;
}
.section.faq h3:hover a
{	
	color: #ffffff;
}
.section.faq h3.open
{
	background-color: #1a4392;
}
.section.faq h3.open a 
{
	color: #ffffff;
	background-position: 13px -25px;
}
.section.faq h3 + div 
{
	padding: 10px;
}

/* Pre hide sections with JavaScript on
--- */
.section.faq h3+div 
{
	display: none;
}

/* CSS3 Animation example
--- */
.section.faq #faqcollapseLeft h3 + div, 
.section.faq #faqcollapseRight h3 + div 
{
	height: 0px;
	padding: 0px;
	overflow: hidden;
	background: #ffffff;
	display: block!important;
	-webkit-transform: translateZ(0);
	-webkit-transition: all 0.3s ease;
	moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition: all 0.3s ease;
	text-align: left;
}
.section.faq #faqcollapseLeft .content, 
.section.faq #faqcollapseRight .content 
{
	padding: 10px;
}

.section.faq #faqcollapseLeft h3.open + div,
.section.faq #faqcollapseRight h3.open + div
{
	height: auto;
	background-color: #ffffff;
	padding-left: 20px;
}


/* Section - Join Cancel Page
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.join_cancel h3.section_heading
{
	color: #1a4392;
	text-align: left;
	margin: 10px 0px 5px 0px;
}
.section.join_cancel a
{
	color: #1a4392;
}



/* Section - Contact page
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.contact #contactform:target:before 
{
	content:"";
	display:block;
	height: 150px; /* fixed header height*/
	margin:-150px 0 0; /* negative fixed header height */
}
.section.contact
{
	background-color: #52b3d0;
}
.section.contact p.section_description
{
	text-align: center;
	color: #ffffff;
	max-width: 60%;
	margin-left: auto;
    margin-right: auto;
}
.section.contact p.section_description a
{
	color: #ffffff;
}
.section.contact h3 
{
	text-align: center;
}
.section.contact #contactform
{
	max-width: 60%;
	margin-left: auto;
    margin-right: auto;
	margin-top: 20px;
}
.section.contact .form_fields input,
.section.contact .form_fields select,
.section.contact .form_fields textarea
{
	width: 100%;
	border: 1px solid #ffffff;
	margin-bottom: 5px;
}
.section.contact .form_fields textarea
{
	height: 200px;
}
.section.contact #contactform .recaptcha_container
{
	text-align: center;
}
.section.contact #contactform .recaptcha_container .g-recaptcha
{
	display: inline-block;
	margin-top: 20px;
}
.section.contact #contactform .submit_container
{
	text-align: center;
}
.section.contact #contactform .submit_container input.button
{
	width: auto;
	background-color: #ffffff;
	color: #52b3d0;
	margin-top: 20px;
}
.section.contact #contactform .submit_container input.button:hover
{
	color: #ffffff;
	background-color: #1a4392;
}
.section.contact #message
{
	max-width: 60%;
	margin-left: auto;
    margin-right: auto;
	margin-top: 20px;
}

/* Section - Policies (for Terms, Cookies, Privacy)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.policies
{
	background-image: none;
	background-color: #52b3d0;
	text-align: left;
}
.section.policies h2.section_heading,
.section.policies h3.section_heading
{
	text-align: left;
}
.section.policies p,
.section.policies li
{
	color: #ffffff;
}


/* Section - Footer 
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.footer
{
	background-color: #333333;
}
.section.footer .flex_container .flex_item
{
	flex-basis: 20%;
}
.section.footer .flex_container .flex_item:nth-of-type(2)
{
	flex-basis: 60%;
}

.section.footer ul.footer_appstore_buttons
{
	list-style: none;
}
.section.footer ul.footer_appstore_buttons li
{
	text-align: left;
	margin-bottom: 4px;
}
.section.footer ul.footer_appstore_buttons li a img.appstore_button
{
	width: 96px;
	height: auto;
	box-sizing: border-box; 
}

.section.footer ul.footer_trial_buttons
{
	list-style: none;
}
.section.footer ul.footer_trial_buttons li
{
	text-align: right;
	margin-bottom: 4px;
}
.section.footer ul.footer_trial_buttons li img.appstore_button
{
	/* display: block; */
	width: 220px;
	max-width: 100%;
	height: auto;
	box-sizing: border-box; 
}

.section.footer ul.big_links
{
	list-style: none;
}
.section.footer ul.big_links li
{
	display: inline-block;
	margin: 0px 20px 0px 20px;
	padding: 0px 0px 0px 0px;
	color: #ffffff;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	text-transform: uppercase;
}
.section.footer ul.big_links li .footer-icon
{
	margin-bottom: 10px;
}
.section.footer ul.big_links li .footer-icon img
{
	height: 35px;
}
.section.footer ul.big_links li .footer-icon.inline
{
	display: inline-block;
}
.section.footer ul.big_links li a
{
	color: #ffffff;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	text-transform: uppercase;
}
.section.footer ul.small_links
{
	list-style: none;
}
.section.footer ul.small_links li
{
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
  	text-indent: -5px;
	color: #ffffff;
}
.section.footer ul.small_links li:nth-child(1):before
{
	content: "";
  	text-indent: -5px;
	padding-left: 0px;
	padding-right: 0px;
}
.section.footer ul.small_links li:before
{
	content: "-";
  	text-indent: -5px;
	padding-left: 10px;
	padding-right: 10px;
}
.section.footer ul.small_links li a
{
	color: #ffffff;
}

@media only screen and (max-width: 880px) {
	.section.footer .flex_container
	{
		flex-direction: column;
	}
	.section.footer ul.footer_appstore_buttons li,
	.section.footer ul.footer_trial_buttons li
	{
		text-align: center;
	}
}

@media only screen and (max-width: 610px) {
	.section.footer ul.small_links li
	{
		display: block;
		margin: 0px 0px 4px 0px;
		text-indent: 0px;
	}
	.section.footer ul.small_links li:nth-child(1):before
	{
		content: "";
		text-indent: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.section.footer ul.small_links li:before
	{
		content: "";
		text-indent: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
}
@media only screen and (max-width: 380px) {
	.section.footer ul.big_links li
	{
		display: block;
		margin-bottom: 25px;
	}
}

/* Section - Pop Up (Currently used in event.php) 
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.pop_up_backdrop
{
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0,0,0,0.4);
	z-index: 500;
	overflow: hidden;
}
.pop_up
{
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background: #ffffff;
	width: 50%;
	min-height: 100px;
	text-align: center;
	box-sizing: border-box;
	box-shadow: 12px 12px 3px rgba(0,0,0,0.9);
	padding: 20px 20px 20px 20px;
	z-index: 1000;
	overflow-y: scroll;
}
.pop_up.visible, 
.pop_up_backdrop.visible 
{
	display: block;
	/* position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%); */
}
.pop_up_header 
{
	color:white;
	background-color: #043761;
	line-height: 50px;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	height: 50px;
	box-sizing:border-box;
	font-size: 24px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
}
.pop_up_header a 
{
	position: absolute;
	top: 0;
	right: 0;
	text-decoration: none;
	color:white;
	font-weight: bold;
	display: block;
	padding: 0 20px;
	font-size: 16px;
	background: #b42424;
	height: 100%;  
}
.js_close_popup
{
	cursor: pointer;
}
/* #Misc
=================================================================================================================== */
.centered
{
	text-align: center;
}
.cerise
{
	color: #cc1764;
}
#message
{
	animation: colorchange 6s;
	-webkit-animation: colorchange 6s;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	text-align: left;
	padding: 6px 10px 6px 10px;
	margin: 0px 0px 20px 0px;
	border: 1px dashed #555555;
	font-size: 14px;
	line-height: 18px;
	background-color: #ffffc3;
}
.message_icon
{
	float: left;
	width: 20px;
}
@keyframes colorchange
{
	0%   {background: #86bc25;}
	100% {background: #ffffc3;}
}

@-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
{
	0%   {background: #86bc25;}
	100% {background: #ffffc3;}
}
.appstore_button
{
	height: 54px;
}
.appstore_button.alt1
{
	height: 47px;
}
.appstore_button img
{
	display: block;
	max-height: 100%;
	box-sizing: border-box; 
}
/* ALL MOBILE Sizes (devices and browser) */
@media only screen and (max-width: 954px) {
	.appstore_button,
	.appstore_button.alt1
	{
		height: auto;
		width: 220px;
	}
	.appstore_button img
	{
		display: block;
		max-height: none;
		max-width: 100%;
		box-sizing: border-box; 
	}
		
}

/* #Media Queries
=================================================================================================================== */

/* Bigger than 1000 */
@media (min-width: 1000px) {

}
/* ALL NON DESKTOP SIZES - Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
}

/* TABLET PORTRAIT - Size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* ALL MOBILE Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
}

/* MOBILE LANDSCAPE Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* MOBILE PORTRAIT Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
}