@charset "utf-8";

body.active {
	overflow-y: hidden !important;
	overflow-x: hidden !important;
	height: 100vh;
	height: 100dvh;
}

#termscontainer {
	display: none;
}
#termscontainer.active {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	height: 100dvh;
	background-color: rgba(0,0,0,0.85);
	z-index: 9999;
	animation: fadein 1500ms 1;
}
@keyframes fadein {
0% {opacity: 0;}
100% {opacity: 1;}
}
#termscontainer.fade {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	height: 100dvh;
	background-color: rgba(0,0,0,0.85);
	z-index: 0;
	opacity: 0;
	animation: fadeout 1500ms 1;
}
@keyframes fadeout {
0% {opacity: 1;}
100% {opacity: 0;}
}

#termscontainer a {
	color: #9A9999;
}
#termscontainer a:hover {
	transition: 0.25s;
	color: #FFFFFF;
	filter: brightness(100%);
}
#termscontainer p {
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    -webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.5em;
}

#termsholder {
	display: block;
	width: 25rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #01407F;
    box-shadow: 0em 0em 0.25em 0.25em #01407F;
	border-radius: 1rem;
	padding: 1rem 1rem 0rem 1rem;
}

#uhdtermsimage {
	display: block;
	width: 100%;
	background-image: url("/site/terms/consent-main-uhd.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 11rem;
}
#fhdtermsimage {
	display: block;
	width: 100%;
	background-image: url("/site/terms/consent-main-fhd-tab-mob868.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 11rem;
}
#tabtermsimage {
	display: block;
	width: 100%;
	background-image: url("/site/terms/consent-main-fhd-tab-mob868.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 11rem;
}
#mob868termsimage {
	display: block;
	width: 100%;
	background-image: url("/site/terms/consent-main-fhd-tab-mob868.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 11rem;
}
#mob668termsimage {
	display: block;
	width: 100%;
	background-image: url("/site/terms/consent-main-mob668-mob468.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 8.625rem;
}
#mob468termsimage {
	display: block;
	width: 100%;
	background-image: url("/site/terms/consent-main-mob668-mob468.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 8.625rem;
}

.termshr {
	display: block;
    border-bottom: 0.075rem solid #FFFFFF;
    margin: 1rem auto 1rem auto;
    width: 100%;
}

#termshr668468 {
	display: block;
    border-bottom: 0.075rem solid #FFFFFF;
    margin: 1rem auto 1rem auto;
    width: 100%;
}
#termscontent {
	display: inline-block;
	color: #FFFFFF;
	width: 20rem;
	text-align: center;
	vertical-align: middle;
	padding-left: 0.25rem;
}
#termsbuttons {
	display: inline-block;
	padding-left: 1rem;
	vertical-align: middle;
	line-height: 0;
}
#grantButton, #deniedButton, #termsButton {
	display: block;
	margin: 0.425rem 0rem 0.425rem 0rem;
	font-size: 0;
}
#grantButton img, #deniedButton img, #termsButton img {
	height: 2.25rem;
}




@media screen and (min-width: 1921px) {
#fhdtermsimage {
	display: none;
}
}

@media screen and (max-width: 1920px) {
#uhdtermsimage {
	display: none;
}
}

@media screen and (min-width: 1181px) {
#tabtermsimage {
	display: none;
}
}

@media screen and (max-width: 1180px) {
#fhdtermsimage {
	display: none;
}
}

@media screen and (min-width: 869px) {
#mob868termsimage {
	display: none;
}
}

@media screen and (max-width: 868px) {
#tabtermsimage {
	display: none;
}
}

@media screen and (min-width: 669px) {
#mob668termsimage {
	display: none;
}
#termshr668468 {
	display: none;
}
}

@media screen and (max-width: 668px) {
#mob868termsimage {
	display: none;
}
#termsholder {
	width: 19.5rem;
	padding: 0.5rem 0.75rem 0rem 0.75rem;
}
#termscontent {
	display: block;
	width: 19rem;
	margin: auto;
	padding: 0rem;
}
#termsbuttons {
	display: block;
	padding: 0rem;
	text-align: center;
}
#grantButton, #deniedButton, #termsButton {
	display: inline-block;
	margin: 0rem 0.425rem 0rem 0.425rem;
	font-size: 0;
}
}

@media screen and (min-width: 469px) {
#mob468termsimage {
	display: none;
}
}

@media screen and (max-width: 468px) {
#mob668termsimage {
	display: none;
}
}