.showing-splash{
	display: none;
}
#close1 {
    position: absolute;
    top: 2rem;
    right: 2rem;
    font-size: 1.1rem;
    z-index: 4;
    color: #ffffff;
    text-decoration: none;
    text-shadow: none;
    transition: all 0.3s;
    opacity: 0;
}
.splash.close-modal {
	 top: 2rem;
	 right: 2rem;
	 font-size: 1.1rem;
	 z-index: 4;
	 color: #fff;
	 background-color: transparent;
	 padding: 0;
}
 .splash.close-modal span {
	 letter-spacing: normal;
	 margin-right: 0;
}
 #close2, #volume, footer a {
	 transition: all 0.3s;
}
 #volume {
	 position: absolute;
	 display: block;
	 top: 2rem;
	 left: 2rem;
	 font-size: 1.1rem;
	 z-index: 4;
	 color: #fff;
	 text-decoration: none;
	 text-shadow: none;
	 transition: all 0.3s;
	 width: 8.81px;
	 height: 17.594px;
	 z-index: 100;
    opacity: 0;	 
}
 #volume #volume-off {
	 display: none;
}
 #volume #volume-on {
	 display: inline-block;
}
 #volume.mute {
	 width: 19.81px;
}
 #volume.mute #volume-off {
	 display: inline-block;
}
 #volume.mute #volume-on {
	 display: none;
}
 .splash-video {
	 width: 100vw;
	 height: 100vh;
	 object-fit: cover;
	 position: absolute;
	 left: 0;
	 right: 0;
	 top: 0;
	 bottom: 0;
	 z-index: -1;
}
 .splash-container {
	 width: 100%;
	 height: 100vh;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 text-align: center;
	 font-family: 'Goulding';
	 z-index: 2;
	 position: relative;
	 background-size: cover;
	 background-repeat: no-repeat;
}
 .splash-container .splash-main {
	 z-index: 1;
	 position: relative;
	 width: 90%;
	 margin: auto;
}
 .splash-container .splash-main #ellie {
	 display: block;
	 opacity: 0;
	 margin: auto auto 0px;
	 max-width: 579px;
	 width: 100%;
	 margin-bottom: 10px;
}
 .splash-container .splash-main h4.intro {
 	 position: relative;
	 font-size: 17px !important;
	 margin-bottom: 2px !important;
	 line-height: normal;
	 font-weight: 700;
	 opacity: 0;
	 margin: 0;
	 top: unset;
	 bottom: unset;
}
 .splash-container .splash-main .buttons {
 	 position: relative;
	 padding-top: 0.5rem;
	 max-width: 600px;
	 margin: auto;
	 width: 90%;
	 opacity: 0;
}
 .splash-container .splash-main .buttons a {
	 position: relative;
	 text-decoration: none;
	 color: #fff;
	 text-shadow: none;
	 border: 2px solid #fff;
	 border-radius: 0;
	 font-size: 14px;
	 padding: 8px 10px;
	 margin: auto;
	 margin-bottom: 0.25rem;
	 transition: all 0.3s;
	 display: inline-block;
	 margin-bottom: 11px;
	 background: white;
	 color: #fff;
	 background-color: transparent;
	 width: 253px;
	 opacity: 1;
	 font-size: 11px;
}
 .splash-footer-legals {
	 position: absolute;
	 bottom: 1.3rem;
	 color: white;
	 z-index: 2;
	 left: 1rem;
	 right: 1rem;
	 font-family: 'Goulding';
	 font-size: 0.6rem;
	 background-color: transparent;
}
 .splash-footer-legals a {
	 color: #fff;
}
 .splash-footer-legals span {
	 color: #fff;
}
.hideMobile{
	display: initial;
}
.showMobile{
	display: none;
}
@media only screen and (max-width: 550px) {
	.hideMobile{
		display: none;
	}
	.showMobile{
		display: initial;
	}
} 
@media only screen and (max-width: 776px) {
	#ellie{
		margin-bottom: 0px!important;
	}
	.splash-container .splash-main h4.intro{
		width: 100%;
		text-align: center;
	}
	 .splash-container .splash-main .buttons a {
	 	font-size: 7px;
	 }
	 .label-details p{
	 	font-size: 7px!important;
	 }
	 #splash-footer #legals a, 
	 #splash-footer .umggr-evidon-cookie-choices-footer{
	 	font-size: 7px!important;
	 }
}