@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.safetyvertcentre {
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	width: 100%;
	font-family:Lato;
}
.morepara {
	padding:2vw;
	font-family: Lato;
	font-size: 20px;
	line-height: 20px;
	color: color(srgb 1 1 1 / 0.701);
}

.morepara a{
	font-family: Lato;
	font-weight:700;
	font-size: 20px;
	line-height: 20px;
	color: white;
}

.footermenu {
	z-index:998;
}

.closehint {
height:3vh;
text-align:right;	
font-size:4vh;
}

#safetyp {
	color:black;
}

#fadeout {
	opacity:0;
	background-color: rgba(0,0,0,0.2);
    transition: all 0.2s;
    position: fixed;
    z-index: 50;
	top:0;
	height: 100vh;
    width: 100vw;
	display: none;
	backdrop-filter:blur(5px);
}

.safetypopup {
	transform: translateY(102vh);
	transition: all 0.2s;
	display:none;
	position:fixed;
	background-color: white;
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	top:0;
	margin-top:2vh;
	margin-bottom:3vh;
	z-index:55;
	width:100vw;
	padding-bottom:4vh;
}

.s_icon {
	margin-right:2vw;
}
.dim {
	opacity: 0.2;
	transition: all 0.2s;
}

.safetyfullscreen {
	background-color: #d2d7eb;
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	font-family:Lato;
	font-size: 1em;
	padding:2vw;
	border-radius:10px;
	margin-bottom:2vh;
	color: rgba(255,255,255,0.9);
	z-index: 999;
    position: absolute;
	min-height:100vh;
	transition: all 0.2s;
	transform: translateY(100vh);
	width:96vw;
}

.safetysection2 {
	background-color:#bbffbb;
	font-family:Lato;
	font-size: 1em;
	color:white;
	padding:2vw;
	border-radius:10px;
	margin:2vw;
	margin-bottom:2vh;
}

.safetysection3 {
	background-color:#bbbbff;
	font-family:Lato;
	font-size: 1em;
	padding:2vw;
	border-radius:10px;
	margin:2vw;
	margin-bottom:2vh;
}
.ss_img{
	width:96vw;
	border-radius:12px;
}

.angelapanel {
    background-color: black;
    width: 94vw;
    height: 30vh;
    border-radius: 12px;
    border: solid 6px #ff00ff;
}

.angelatitle {
	text-align:center;
	font-size:1.5em;
	font-family: Lato;
	font-weight:700;
	padding: 2vw;
}

.angelabig {
	font-size:4.5em;
	color:white;
	font-weight:700;
	font-family: Lato;
	text-align: center;
}

.angelabody {
text-align:center;	
}


.findhelppanel {
	color: black;
	/*background-color: black;*/
	width: 94vw;
	/* height: 19vh; */
	border-radius: 12px;
	border: solid 6px #ff00ff;
	margin-bottom: 1vw;
}

.fhpdarkpink {
	background-color: #f24077;
}

.fhplightpink {
	background-color: #f570ab;
}

.fhpyellow {
	background-color: #e5e145;
}

.fhpblue {
	background-color: #21b1e6;
}

.fhporange {
	background-color: #f87f43;
}

.fhpcyan {
	background-color: #08bba1;
}

.fhpmint {
	background-color: #63c391;
}

.findhelp_icon {
	display: block;
	float: right;
	height: 10vh;
	padding: 2vw;

}

.findhelpbody b, strong {
	color: white;
	font-weight: bold;

}

.findhelptitle {
	text-align:left;
	font-size:1.5em;
	font-family: Lato;
	font=weight:700;
	padding: 2vw;
}


.findhelpbody {
	text-align:left;
	padding: 2vw;
	padding-top: 0vw;
	margin: 1vw;
}



.safetyh1{
	font-family: Lato;
	font-size:5vw;
	color:rgba(255,255,255,0.9);
}

.safetyh2 {
    font-size: 5vw;
    font-family: Lato;
    /* line-height: 2em; */
    background-color: rgba(0,0,0,0.1);
    border-radius: 10px;
    padding: 2vw;
    margin-top: 2vh;
    margin-bottom: 2vh;
	color: rgba(255,255,255,0.9);
}

.safetypara {
	max-height:0;
	overflow:hidden;
	font-size: 4vw;
	font-family: Lato;
	transition: all 0.2s ease-out;
	line-height:1.1em;
}

.safetymore {
	max-height:0;
	overflow:hidden;
	font-size: 5vw;
	line-height: 5.5vw;
	font-family: AeonikLight;
	transition: max-height 0.2s ease-out;
}

.safetymore2 {
	/* max-height:0; */
	overflow:hidden;
	font-size: 5vw;
	line-height: 5.5vw;
	font-family: AeonikLight;
	transition: max-height 0.2s ease-out;
}

.safetybold {
	font-family: Lato;
	line-height: 1.2em;
	font-size:1em;
}

.safetyitem {
	font-size:4.5vw;
    background-color: rgba(255,255,255,0.1);
    margin-bottom: 2vh;
	margin-left: 2vw;
    padding: 5px;
    border-radius: 10px;
}

.safetyitem:first-of-type {
    margin-top: 2vh;
}

div .safetypara > ul > li {
    padding: 10px;
}

.safetytop {
	padding-left: 1vw;
    text-align:center;
    width: 98vw;
}

.safetyicon {
	height:5vh;
	padding-top:1vh;
}

.safebuttontext {
	margin-top: -2vh;
}

.safetyiconsmall {
	height:5vh;
	transform: translateY(28%);
}

.safetytitle {
	line-height:7vh;
	text-align:center;
}

.safetybuttons {
    width: 96vw;
    text-align: center;
    margin-left: 2vw;
	font-family: Lato;
}

.safetytooltext {
	font-family: Lato;
    margin-left: 2vw;
    text-align: left;
}

.safebutton3 {
	width:45vw;
	background-color:#eee;
	height: 10vh;
	border-radius:10px;
	margin: 1vh 1vw;
	position: relative;
}

.safebutton3text {
	width:45vw;
	text-align:center;
}

.safebuttonicon {
    line-height: 10vh;
    font-size: 6vh;
}

.safebutton2 {
	width:30vw;
	border:1px solid black;
	background-color:white;
	height: 10vh;
	line-height:10vh;
	border-radius:10px;
	margin-top:2vh;
}

.safebutton2text {
	width:30vw;
	text-align:center;
}

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

.safetydivider {
	margin: 1vh 0;
	border-top: solid 1px #dddddd;
}

.safetydivider2 {
	margin:2vh 0;
	border-top: solid 3px #dddddd;
}

.call999 {
	color: red;
	text-transform:uppercase;
}

.woowoo {
	margin-top:1vh;
	height:8vh;
}

.safetylink {
	text-decoration:none;
     color:rgba(255,255,255,0.75);
}

.safetylinkb {
	text-decoration:none;
    color:black;
}

.safetysection {
	display:none;
	top:0;
}

.safetyfullscreen {
	display:none;
}

#fullscreensafety {
	display: none;
	position: absolute;
	top: 0;
	transition: all 0.25s;
	transform: translateY(100vh);
	background-color: rgba(0, 0, 0, .2);
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	z-index: 1200;
	height:100vh;
}