@font-face {
font-family:	'Love Light';
src:		url('Love-Light.otf') format('opentype'),
url('Love-Light.woff2') format('woff2'),
url('Love-Light.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family:	'Love Regular';
src:		url('Love-Regular.otf') format('opentype'),
url('Love-Regular.woff2') format('woff2'),
url('Love-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family:	'Love Bold';
src:		url('Love-Bold.otf') format('opentype'),
url('Love-Bold.woff2') format('woff2'),
url('Love-Bold.woff') format('woff');
/*
font-weight: normal;
font-style: normal;
 */
}

div::-webkit-scrollbar {
	-webkit-appearance: none;
	display: none;
	width:0;
	height:0;
}
div{ //FireFox//
  scrollbar-width: none;
  //IE10+//
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

html{
scroll-behavior: smooth;
}

.mapboxgl-popup-content
{
	font: 300 12px/13px 'Love Light', "Helvetica Neue", system-ui, -apple-system, sans-serif;
	padding: 0;
	max-width: 320px;
	/*
width: 220px;
 */
}

body
{
	font-family: 'Love Light', "Helvetica Neue", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", sans-serif;
	font-size: 16px;
	/*
	font-weight: 400;
 */
	line-height: 18px;
	color: #333;
	margin: 0;
	padding: 0;
	cursor: default;
	quotes: '\201c' '\201d';
	letter-spacing: .03em;
}

body, html { height: 100%; }
.mapboxgl-ctrl .mapboxgl-ctrl-attrib { background-color: transparent; }

@media all and (display-mode: fullscreen)
{
	body { margin: 0; }
}

h1,h2,h3,h4,h5,h6
{
	margin-bottom: 0px;
	padding: 6px 0 3px 0;
	font-family: 'Love Bold';
	line-height: .85;
/*
	font-weight: 600;
 */
}

h4,h5,h6 { font-weight: 400; }

.partner-logo
{
	display: flex;
	justify-content: center;
	align-items: center;
}

p { margin-bottom: 8px; }

b
{
	font-family: "Love Bold";
	/*
	font-weight: bold;
	font-weight: 900;
 */
	letter-spacing: -.01em;
}

.image-container
{
	width: 100%;
	/* Take full width of the parent col-4 */
	padding-top: 56.25%;
	/* 16:9 Aspect Ratio */
	position: relative;
	/* Relative positioning */
}

.image-container img
{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
}

#map
{
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	left: 0px;
}

table td, table td * { vertical-align: top; }

.modal
{
	height: calc(100vh) - 100;
	transition: all 0.5s ease;
}

.modal-header
{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 12px;
}

.modal-content {
	padding: 6px 24px 6px 24px
}

.btn-sm
{
	font-family: "Love Regular";
	width: 160px;
}

.btn-tiny
{
	border: none;
	display: inline-block;
	border-radius: 4px;
	font-size: 14px;
	line-height: 8px;
	font-weight: 400;
	height: 40px;
	width: 40px;
	color: #FFF;
	padding: 6px 7px 6px 7px;
	margin: 0;
}

label
{
	margin-top: 4px;
	margin-bottom: 2px;
}

.invisible { visibility: hidden; }

.parallax
{
	height: calc(100vh);
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.full-image
{
	width: calc(100vw);
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.noselect
{
	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Safari */
	-khtml-user-select: none;
	/* Konqueror HTML */
	-moz-user-select: none;
	/* Old versions of Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
	/* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}

input:focus, textarea:focus, select:focus { outline: none; }

blockquote
{
	letter-spacing: -.01em;
	padding: 26px 20px 20px 22px;
	border-left: none;
	font-size: 22px;
	line-height: 22px;
	font-family: "Love Bold";
	color: #666;
}

blockquote:before
{
	content: "\201C";
	font-family: "Love Bold",system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	position: absolute;
	left: 0;
	font-size: 80px;
	line-height: 0px;
	text-align: center;
	filter: alpha(opacity=65);
}

blockquote:after
{
	font-family: "Love Bold",system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	content: "\201D";
	position: absolute;
	left: 0;
	line-height: 104px;
	text-align: center;
	font-size: 80px;
	filter: alpha(opacity=65);
}

.quote-by
{
	font-weight: 360;
	font-size: 13px;
	font-style: oblique;
	line-height: 13px;
	letter-spacing: .01em;
	margin-bottom: 24px;
}

.huge
{
	font-size: 150px;
	line-height: .85;
	font-family: "Love Bold";
	letter-spacing: -.1ex;
}

.big
{
	font-size: 90px;
	line-height: .85;
	font-family: "Love Bold";
	letter-spacing: -.1ex;
}

.main-button
{
	/*
position: relative;
*/
	display: inline-block;
	padding: 5px 20px;
	background-color: #C529B0;
	border: 2px solid transparent;
	border-radius: 6px;
	color: #FFF;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
	margin-left: -5px;
	margin-top: 10px;
}

.main-button:hover , .main-button:focus
{
	background-color: #ccc;
	border: 2px solid #E40179;
	color: #E40179;
}

.main-button.icon-button:hover , .main-button.icon-button:focus { padding-right: 45px; }

.main-button.icon-button:after
{
	content: "\2661";
	position: absolute;
	width: 30px;
	right: 15px;
	text-align: center;
	opacity: 0;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
}

.main-button.icon-button:hover:after , .main-button.icon-button:focus:after { opacity: 1; }

.d-none
{
	-webkit-transition: all 10.5s ease;
	-moz-transition: all 10.5s ease;
	-o-transition: all 10.5s ease;
	transition: all 10.5s ease;
}

button.dt-button, div.dt-button, a.dt-button
{
	position: absolute;
	left: 0;
	top: -22px;
	display: inline-block;
	height: 20px;
	box-sizing: border-box;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 1px 2px 2px 3px;
	border: 1px solid #999;
	border-radius: 2px;
	cursor: pointer;
	font-size: 1em;
	line-height: .8em;
	font-weight: 700;
	color: #379EFF;
	white-space: nowrap;
	/* overflow: hidden; */
	background-color: #524646;
	background-image: none;
	filter: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-decoration: none;
	outline: none;
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle
{
	color: #fff;
	background-color: #0080ff;
	border-color: #4e555b;
}

.mapboxgl-popup-content { }

/* mapbox */
.mapboxgl-popup-close-button
{
	padding-left: 6px;
	margin-left: 6px;
}

.table-small
{
	font-size: 14px;
	margin: 0px !important;
	line-height: 19px !important;
	font-weight: 400;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.mapboxgl-popup
{
	/* max-width:600px; */
	color: #666;
	font-size: 16px;
	width: 500px;
	/* font: 14px/16px; */
	/* 	'Helvetica Neue', Arial, Helvetica, sans-serif; */
	line-height: 16px;
}

.mapboxgl-popup-tip::after
{
	content: " ";
	display: block;
	background-color: #681418;
	border-radius: 50%;
	width: 12px;
	height: 12px;
	margin-left: -6px;
	opacity: .5;
	margin-top: -6px;
}

.margin-top-16 { margin-top: 16px; }
.board { text-align: center; }

a.bread-crumb
{
	font-size: 12px;
	text-decoration: none;
	color: #fff;
	padding: 2px 5px 2px 5px;
	background-color: #000;
	opacity: .7;
	border-left: 1px dotted #999;
}

a.bread-crumb-home
{
	font-size: 12px;
	text-decoration: none;
	color: #fff;
	padding: 2px 5px 2px 5px;
	background-color: #000;
	opacity: .7;
	white-space: nowrap;
}

a.bread-crumb:hover, a.bread-crumb-home:hover
{
	color: #fff;
	border-bottom: 4px #2DA2DB solid;
	padding-bottom: 4px;
	opacity: .9;
}

.small { line-height: 1; }
.spacer { height: 18px; }
#small_menu { display: none; }
#full_menu { display: block; }
.srp-bg-hold { background-color: #71227E !important; }
.srp-bg-secure { background-color: #3E71E2 !important; }
.srp-bg-lockdown { background-color: #F10703 !important; }
.srp-bg-evacuate { background-color: #238200 !important; }
.srp-bg-shelter { background-color: #F27303 !important; }
.srp-bg-reunify { background-color: #DA01B7 !important; }
#partner-with-love-board .item .thumbnail:hover>img.img-circle.team-img { border: 4px solid #E42879; }

img.img-circle.team-img
{
	width: 120px;
	height: 120px;
	border: 4px solid transparent;
	border-radius: 50%;
}

.pwl-logo
{
	height: 15px;
	margin-bottom: 4px;
	margin-left: 4px;
}


@media (min-width: 200px)
{
	@keyframes tickerv {
		0% { margin-top: 0; }
		10% { margin-top: -80px; }
		32% { margin-top: -160px; }
		42% { margin-top: -240px; }
		52% { margin-top: -320px; }
		60% { margin-top: -400px; }
		70% { margin-top: -480px; }
		75% { margin-top: -560px; }
		80% { margin-top: -640px; }
		85% { margin-top: -720px; }
		90% { margin-top: -800px; }
		95% { margin-top: -880px; }
		98% { margin-top: -960px; }
		100% { margin-top: 0; }
	}

	.tickerh-wrap ul { animation-duration: 15s; }
	.spacer { height: 37px; }
	.huge { font-size: 100px; }
	.pwl-logo { margin-top: 10px; }

	a.bread-crumb
	{
		padding: 12px 15px 12px 15px;
		line-height: 36px;
		white-space: nowrap;
		opacity: .7;
	}

	a.bread-crumb-home
	{
		padding: 12px 15px 12px 15px;
		white-space: nowrap;
		line-height: 36px;
		opacity: .7;
	}

	a.bread-crumb:hover, a.bread-crumb-home:hover
	{
		color: #fff;
		border-bottom: 4px #2DA2DB solid;
		padding-bottom: 13px;
		opacity: .9;
	}

	#small_menu { display: flex; }
	#full_menu { display: none; }

	.h-big
	{
		font-family: 'Love Bold';
		font-size: 20px;
		line-height: 20px;
		font-weight: 700;
	}

	b
	{
		font-family: 'Love Regular';
		/*
		font-weight:700;
		*/
	}

	#menu_bottom:hover, #menu_bottom.menu-bottom-toggle
	{
		display: flex;
		height: 400px;
		opacity: .95;
	}
}

@media (min-width: 320px)
{
	/*@keyframes tickerv
			{
				0% {margin-top: 0;}
		5% {margin-top: -80px;}
		11% {margin-top: -160px;}
		16% {margin-top: -240px;}
		22% {margin-top: -320px;}
		27% {margin-top: -400px;}
		33% {margin-top: -480px;}
		38% {margin-top: -560px;}
		44% {margin-top: -640px;}
		50% {margin-top: -720px;}
		55% {margin-top: -800px;}
		61% {margin-top: -880px;}
		66% {margin-top: -960px;}
		72% {margin-top: -1040px;}
		77% {margin-top: -1120px;}
		83% {margin-top: -1200px;}
		88% {margin-top: -1280px;}
		94% {margin-top: -1360px;}
				100% {margin-top: 0;}
			}*/

	/* @keyframes tickerv {
				0% {margin-top: 0;}
				5% {margin-top: -80px;}
				10% {margin-top: -160px;}
				15% {margin-top: -240px;}
				20% {margin-top: -320px;}
				25% {margin-top: -400px;}
				30% {margin-top: -480px;}
				35% {margin-top: -560px;}
				40% {margin-top: -640px;}
				45% {margin-top: -720px;}
				50% {margin-top: -800px;}
				55% {margin-top: -880px;}
				60% {margin-top: -960px;}
				65% {margin-top: -1040px;}
				70% {margin-top: -1120px;}
				75% {margin-top: -1200px;}
				80% {margin-top: -1280px;}
				85% {margin-top: -1360px;}
				90% {margin-top: -1440px;}
				95% {margin-top: -1520px;}
				100% {margin-top: 0;}
				} */

	.tickerh-wrap ul { animation-duration: 45s; }
	.spacer { height: 37px; }
	.huge { font-size: 100px; }

	h1
	{
		letter-spacing: -.01em;
		font-size: 40px;
		line-height: 40px;
	}

	h2
	{
		letter-spacing: -.01em;
		font-size: 36px;
		line-height: 36px;
	}

	h3
	{
		letter-spacing: -.01em;
		font-size: 14px;
		line-height: 14px;
	}

	h4
	{
		letter-spacing: -.01em;
		font-size: 14px;
		line-height: 14px;
	}

	h5
	{
		letter-spacing: -.01em;
		font-size: 14px;
	}

	a.bread-crumb
	{
		padding: 12px 15px 12px 15px;
		line-height: 36px;
		white-space: nowrap;
		opacity: .7;
	}

	a.bread-crumb-home
	{
		padding: 12px 15px 12px 15px;
		white-space: nowrap;
		line-height: 36px;
		opacity: .7;
	}

	a.bread-crumb:hover, a.bread-crumb-home:hover
	{
		color: #fff;
		border-bottom: 4px #2DA2DB solid;
		padding-bottom: 13px;
		opacity: .9;
	}

	#small_menu { display: flex; }
	#full_menu { display: none; }

	.h-big
	{
		font-size: 20px;
		line-height: 20px;
	}

	#menu_bottom:hover, #menu_bottom.menu-bottom-toggle
	{
		display: flex;
		height: 430px;
		opacity: .95;
	}
}

@media (min-width: 414px)
{
	/*@keyframes tickerv
			{
				0% {margin-top: 0;}
		5% {margin-top: -80px;}
		11% {margin-top: -160px;}
		16% {margin-top: -240px;}
		22% {margin-top: -320px;}
		27% {margin-top: -400px;}
		33% {margin-top: -480px;}
		38% {margin-top: -560px;}
		44% {margin-top: -640px;}
		50% {margin-top: -720px;}
		55% {margin-top: -800px;}
		61% {margin-top: -880px;}
		66% {margin-top: -960px;}
		72% {margin-top: -1040px;}
		77% {margin-top: -1120px;}
		83% {margin-top: -1200px;}
		88% {margin-top: -1280px;}
		94% {margin-top: -1360px;}
				100% {margin-top: 0;}
			}*/

	/* @keyframes tickerv {
				0% {margin-top: 0;}
				5% {margin-top: -80px;}
				10% {margin-top: -160px;}
				15% {margin-top: -240px;}
				20% {margin-top: -320px;}
				25% {margin-top: -400px;}
				30% {margin-top: -480px;}
				35% {margin-top: -560px;}
				40% {margin-top: -640px;}
				45% {margin-top: -720px;}
				50% {margin-top: -800px;}
				55% {margin-top: -880px;}
				60% {margin-top: -960px;}
				65% {margin-top: -1040px;}
				70% {margin-top: -1120px;}
				75% {margin-top: -1200px;}
				80% {margin-top: -1280px;}
				85% {margin-top: -1360px;}
				90% {margin-top: -1440px;}
				95% {margin-top: -1520px;}
				100% {margin-top: 0;}
				} */

	.tickerh-wrap ul { animation-duration: 40s; }
	.huge { font-size: 100px; }
	h4 { font-size: 12px; }

	h1
	{
		letter-spacing: -.01em;
		font-size: 40px;
		line-height: 40px;
	}

	h2
	{
		letter-spacing: -.01em;
		font-size: 36px;
		line-height: 36px;
	}

	h3
	{
		letter-spacing: -.01em;
		font-size: 18px;
		line-height: 18px;
	}

	h4
	{
		letter-spacing: -.01em;
		font-size: 14px;
		line-height: 14px;
	}

	h5
	{
		letter-spacing: -.01em;
		font-size: 14px;
		line-height: 14px;
	}

	.h-big
	{
		font-size: 20px;
		line-height: 20px;
	}

	#menu_bottom:hover, #menu_bottom.menu-bottom-toggle
	{
		display: flex;
		height: 360px;
		opacity: .95;
	}
}

@media (min-width: 576px)
{
	/* @keyframes tickerv
			{
				0% {margin-top: 0;}
		9% {margin-top: -80px;}
		18% {margin-top: -160px;}
		27% {margin-top: -240px;}
		36% {margin-top: -320px;}
		45% {margin-top: -400px;}
		54% {margin-top: -480px;}
		63% {margin-top: -560px;}
		72% {margin-top: -640px;}
		81% {margin-top: -720px;}
		90% {margin-top: -800px;}
				100% {margin-top: 0;}
			} */

	.tickerh-wrap ul { animation-duration: 35s; }
	.spacer { height: 37px; }
	.huge { font-size: 120px; }

	h1
	{
		letter-spacing: -.01em;
		font-size: 40px;
		line-height: 40px;
	}

	h2
	{
		letter-spacing: -.01em;
		font-size: 36px;
		line-height: 36px;
	}

	h3
	{
		letter-spacing: -.01em;
		font-size: 24px;
		line-height: 24px;
	}

	h4
	{
		letter-spacing: -.01em;
		font-size: 18px;
		line-height: 18px;
	}

	h5
	{
		letter-spacing: -.01em;
		font-size: 16px;
		line-height: 15px;
	}

	a.bread-crumb
	{
		white-space: nowrap;
		padding: 12px 15px 12px 15px;
		line-height: 36px;
		opacity: .7;
	}

	a.bread-crumb-home
	{
		white-space: nowrap;
		padding: 12px 15px 12px 15px;
		line-height: 36px;
		opacity: .7;
	}

	h3 { font-size: 18px; }
	h4 { font-size: 20px; }
	#small_menu { display: flex; }
	#full_menu { display: none; }
	.mission-quote { font-size: 14px; }

	.h-big
	{
		font-size: 20px;
		line-height: 20px;
	}

	#menu_bottom:hover, #menu_bottom.menu-bottom-toggle
	{
		display: flex;
		height: 430px;
		opacity: .95;
	}
}

@media (min-width: 768px)
{
	.pwl-logo { margin-top: 10px; }

	h1
	{
		letter-spacing: -.01em;
		font-size: 40px;
		line-height: 40px;
	}

	h2
	{
		letter-spacing: -.01em;
		font-size: 36px;
		line-height: 36px;
	}

	h3
	{
		letter-spacing: -.01em;
		font-size: 24px;
		line-height: 24px;
	}

	h4
	{
		letter-spacing: -.01em;
		font-size: 18px;
		line-height: 18px;
	}

	h5
	{
		letter-spacing: -.01em;
		font-size: 16px;
		line-height: 15px;
	}

	/*@keyframes tickerv
				{
					0% {margin-top: 0;}
		16% {margin-top: -80px;}
		33% {margin-top: -160px;}
		50% {margin-top: -240px;}
		66% {margin-top: -320px;}
		83% {margin-top: -400px;}
					100% {margin-top: 0;}
				}*/

	/* @keyframes tickerv {
				0% {margin-top: 0;}
				10% {margin-top: -86px;}
				20% {margin-top: -166px;}
				30% {margin-top: -246px;}
				40% {margin-top: -326px;}
				50% {margin-top: -406px;}
				60% {margin-top: -486px;}
				70% {margin-top: -566px;}
				80% {margin-top: -646px;}
				90% {margin-top: -726px;}
				100% {margin-top: 0px;}
				} */

	.tickerh-wrap ul { animation-duration: 25s; }
	.spacer { height: 37px; }

	a.bread-crumb
	{
		white-space: nowrap;
		line-height: 36px;
		padding: 12px 15px 12px 15px;
		opacity: .7;
	}

	a.bread-crumb-home
	{
		white-space: nowrap;
		line-height: 36px;
		padding: 12px 15px 12px 15px;
		opacity: .7;
	}

	h3 { font-size: 20px; }
	h4 { font-size: 16px; }
	.mission-quote { display: none; }
	#small_menu { display: none; }
	#full_menu { display: flex; }

	.h-big
	{
		font-size: 40px;
		line-height: 38px;
	}

	#menu_bottom:hover, #menu_bottom.menu-bottom-toggle
	{
		display: flex;
		height: 300px;
		opacity: .95;
	}
}

@media (min-width: 810px) /* added for iPad 810 px width */
{
	/*@keyframes tickerv {
				0% {margin-top: 0;}
				11% {margin-top: -86px;}
				22% {margin-top: -166px;}
				33% {margin-top: -246px;}
				44% {margin-top: -326px;}
				55% {margin-top: -406px;}
				66% {margin-top: -486px;}
				77% {margin-top: -566px;}
				88% {margin-top: -646px;}
				100% {margin-top: 0px;}
			}*/

	/* @keyframes tickerv {
				0% {margin-top: 0;}
				14% {margin-top: -86px;}
				28% {margin-top: -166px;}
				42% {margin-top: -246px;}
				56% {margin-top: -326px;}
				70% {margin-top: -406px;}
				84% {margin-top: -486px;}
				100% {margin-top: 0px;}
			} */

	.tickerh-wrap ul { animation-duration: 38s; }
}

@media (min-width: 992px)
{
	.pwl-logo { margin-top: 0px; }

	h1
	{
		letter-spacing: -.02em;
		font-size: 50px;
		line-height: 50px;
	}

	h2
	{
		letter-spacing: -.02em;
		font-size: 36px;
		line-height: 36px;
	}

	h3
	{
		letter-spacing: -.02em;
		font-size: 26px;
		line-height: 26px;
	}

	h4
	{
		letter-spacing: -.01em;
		font-size: 18px;
		line-height: 18px;
	}

	h5
	{
		letter-spacing: -.01em;
		font-size: 16px;
		line-height: 15px;
	}

	.huge { font-size: 150px; }
	.spacer { height: 18px; }

	a.bread-crumb
	{
		white-space: nowrap;
		line-height: 18px;
		font-size: 12px;
		text-decoration: none;
		color: #fff;
		padding: 2px 5px 2px 5px;
		background-color: #000;
		opacity: .7;
		border-left: 1px dotted #999;
	}

	a.bread-crumb-home
	{
		white-space: nowrap;
		line-height: 18px;
		font-size: 12px;
		text-decoration: none;
		color: #fff;
		padding: 2px 5px 2px 5px;
		background-color: #000;
		opacity: .7;
	}

	a.bread-crumb:hover, a.bread-crumb-home:hover
	{
		color: #fff;
		border-bottom: 4px #2DA2DB solid;
		padding-bottom: 4px;
		opacity: .9;
	}

	h3 { font-size: 22px; }
	.menu-square { margin-top: 20px; }

	.h-big
	{
		font-size: 40px;
		line-height: 38px;
	}

	.menu-square:hover
	{
		margin-top: 0px;
		-webkit-transition: all .1s ease;
		-moz-transition: all .1s ease;
		-o-transition: all .1s ease;
		transition: all .1s ease;
	}

	#menu_bottom:hover, #menu_bottom.menu-bottom-toggle
	{
		display: flex;
		height: 220px;
		opacity: .95;
	}
}

@media (min-width: 1300px)
{
	h1
	{
		letter-spacing: -.02em;
		font-size: 60px;
		line-height: 60px;
	}

	h2
	{
		letter-spacing: -.02em;
		font-size: 36px;
		line-height: 36px;
	}

	h3
	{
		letter-spacing: -.02em;
		font-size: 26px;
		line-height: 26px;
	}

	h4
	{
		letter-spacing: -.01em;
		font-size: 20px;
		line-height: 20px;
	}

	h5
	{
		letter-spacing: -.01em;
		font-size: 16px;
		line-height: 15px;
	}

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

	.h-big
	{
		font-size: 40px;
		line-height: 38px;
	}

	.menu-square:hover
	{
		margin-top: 0px;
		-webkit-transition: all .1s ease;
		-moz-transition: all .1s ease;
		-o-transition: all .1s ease;
		transition: all .1s ease;
	}

	#menu_bottom:hover, #menu_bottom.menu-bottom-toggle
	{
		display: flex;
		height: 190px;
		opacity: .95;
	}
}

.gradient-10
{
	height: 100%;
	width: 100%;
	background: linear-gradient(rgba(0,0,0,1), rgba(0,0,0,.2));
}

.gradient-9
{
	height: 100%;
	width: 100%;
	background: linear-gradient(rgba(0,0,0,.9), rgba(0,0,0,.2));
}

.gradient-8
{
	height: 100%;
	width: 100%;
	background: linear-gradient(rgba(0,0,0,.8), rgba(0,0,0,.1));
}

.gradient-7
{
	height: 100%;
	width: 100%;
	background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.1));
}

.gradient-6
{
	height: 100%;
	width: 100%;
	background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,.0));
}

.gradient-5
{
	height: 100%;
	width: 100%;
	background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.0));
}

.gradient-4
{
	height: 100%;
	width: 100%;
	background: linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.0));
}

.gradient-3
{
	height: 100%;
	width: 100%;
	background: linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,.0));
}

.banner
{
	position: absolute;
	top: 25%;
	width: 100%;
}

.h-big
{
	font-weight: 700;
	letter-spacing: -.01em;
}

.b-big
{
	font-size: 18px;
	line-height: 20px;
	letter-spacing: .01em;
	/*
font-family:"Love Regular";
*/
}
.business
{
	font-size: 13px;
	font-style: italic;
}
/* this is needed to top the running out of smaller parallax images */
/* .parallax{ background-position: center center !important; } */
.mission-menu-list
{
	visibility: hidden;
	padding-top: 12px;
}

#menu_bottom
{
	height: 50px;
	display: flex;
	bottom: 0px;
	position: fixed;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	opacity: .9;
	font-size: 13px;
	color: #eee;
	background-color: #000;
}

/* Raise menu for scroll to bottom via jQuery */
#menu_bottom:hover #srp { margin-top: 20px; }
#menu_bottom:hover .mission-menu-list, #menu_bottom.menu-bottom-toggle .mission-menu-list { visibility: visible; }
.icon { padding: 6px; }
.srp-text-hold { color: #71227E; }
.srp-text-secure { color: #3E71E2; }
.srp-text-lockdown { color: #F10703; }
.srp-text-evacuate { color: #238200; }
.srp-text-shelter { color: #F27303; }
.srp-text-reunify { color: #DA01B7; }
.bg-black { background-color: #000; }

.pwl-hilight:hover
{
	background-color: #DA01B7;
	transition: all .5s ease;
	color: #fff;
}

.row
{
	margin: 0;
	padding: 0;
}

a
{
	color: inherit;
	text-decoration: none;
}

a:hover
{
	color: inherit;
	text-decoration: none;
}

a:active { text-decoration: none; }

a.mission-program-menu
{
	font-weight: 700;
	background-color: #666;
	color: #fff;
	padding: 3px;
	margin: 6px 3px 3px 3px;
	border-radius: 3px;
	font-size: 16px;
}

a.mission-program-menu:hover
{
	background-color: #ccc;
	color: #fff;
	padding: 3px;
	margin: 6px 3px 3px 3px;
	border-radius: 3px;
	font-size: 16px;
}

.hyperlink:hover
{
	color: #3579F6;
	/* font-weight:430; */
	border-bottom: 2px dotted #3579F6;
}

.hyperlink
{
	color: #3579F6;
	font-weight: 400;
}

.mission-quote
{
	display: block;
	/*
position: relative;
*/
	padding: 10px 10px 10px 30px;
	border-left: none;
	font-size: 18px;
	line-height: 16px;
	font-style: normal;
	font-weight: 600;
}

.mission-quote:before
{
	display: block;
	height: 30px;
	margin: 0px 0px 6px -14px;
	content: '\0201C';
	font-size: 40px;
	line-height: 60px;
	font-weight: 900;
}

.mission-quote:after
{
	margin: 0px 0px 0px -14px;
	display: block;
	/*
	height: 20px;
	*/
	content: '\0201D';
	font-size: 40px;
	line-height: 10px;
	padding-top: 10px;
	font-weight: 900;
}

.srp-quote-hold:before { color: #71227E; }
.srp-quote-hold:after { color: #71227E; }

@media (min-width: 1200px)
{
	h3 { font-size: 26px; }
	.menu-square { margin-top: 20px; }

	.menu-square:hover
	{
		margin-top: 0px;
		-webkit-transition: all .1s ease;
		-moz-transition: all .1s ease;
		-o-transition: all .1s ease;
		transition: all .1s ease;
	}
}

/* This is needed to target iPads in landscape and portrait mode when using PARALLAX BG images  (other non-parallax BG images are fine...) .. parallax on iPhones works without this (it doesn't do parallax effect but it shows the same image as a still, and at the correct scale... , but not iPads .. with iPads, what happens without this code is an ugly extreme zoom in.. this is the only thing that seems to work ... no customisation needed for the individual sections.. just this code in the global CSS..*/

@media only screen and (min-device-width : 200px) and (max-device-width : 1024px)
{
	.parallax
	{
		background-attachment: scroll !important;
		background-size: cover;
	height: calc(100vh);
/*
		height: 100%;
 */
		overflow: hidden;
	}

	.full-image
	{
		background-attachment: scroll !important;
		background-size: cover;
		overflow: hidden;
		width: 100%;
	}
}

.no-gutter > [class*='col-']
{
	padding-right: 0;
	padding-left: 0;
}

.sm-gutter > [class*='col-']
{
	padding-right: 6px;
	padding-left: 6px;
}