@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;
}