h1,h2,h3,p,a {
	font-family: Stem-Bold!important;
}

.button {
	font-family: Stem!important;
}


#ferretVideoMovie{
	max-height: 57vw;
}

.score{
	background: rgba(0, 0, 0, 0.7);
	left: 0;
	bottom: 4%;
	padding: 0.5% 2%;
	border-top-right-radius: 4vw;
	border-bottom-right-radius: 4vw;
}



.level-panel .wrapper .level-point{
	background: white;
}

.answer{
	font-weight: bold;
	font-size: 1.7vw;
}


#ferretVideoWaitlay{
	position: absolute;
	z-index: 12;
	width: 100%;
	height: 130%;
	background: rgba(0,0,0,0.75);
}


@media only screen and (max-width: 1000px){
	.form-layout.final .form {
		width: 18rem;
	}
	.form-layout.final .form h1{
		font-size: 1.5rem;
	}

	.form-layout .form img.award{
		position: absolute;
		left: -5rem;
		width: 9rem;
		filter: drop-shadow(0 0 0.5vw black);
		transform: rotate(32deg);
	}
}



html{
	font-size: 16px!important;
}

.event-locker{
	background: black;
	opacity: 0;
}

.question{
	text-align: right;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	top: 7%;
	left: 17%;
	font-size: 1.8vw;
	font-weight: bold;
	word-break: break-word;

	width: 54%;
}

.callout{
	width: 50vw;
	height: 25vw;
}

.answer{
	text-align: right;
	word-break: break-word;
}

.answers{
	left: 27%;
	width: 45%;
}

#watermark{
	bottom: 85%!important;
	left: 1%;
}

.time-before{
	visibility: hidden;
	opacity: 0;
}



.form-layout.contactData .form .linkInput{
	margin: 2% 0;
	height: unset;
	width: 90%;
}

.form-layout .form h1{
	font-size: 2.5rem;
}

.form-layout.contactData .form{
	width: 28rem;
}

.form-layout .form img.award{
	position: absolute;
	top: -3rem;
	left: -9rem;
	width: 16rem;
	filter: drop-shadow(0 0 0.5vw black);
	transform: rotate(20deg);
}

.form-layout.final .form {
	width: 30rem;
	padding: 2%;
}

.form-layout.final ul{
	text-align: center!important;
}

.form-layout.final .actions{
	text-align: center!important;
	margin-top: 3%;
}
#ferretVideoContainer .form-layout.final .actions .already{
	margin-top: 3%;
}

.form-layout.final .actions :last-child {
	margin-right: 0!important;
}

.form-layout.final .actions .already{
	font-size: 0.7em;
	line-height: normal;
}
.form-layout.final .actions .already.button{
	padding: 0.6em 1.5em;
}

.form-layout.final ul{
	width: 20%;
	margin-left: 4%;
}

.form-layout.final .form h1{
	font-size: 2.5rem;
	margin-bottom: 2%;
}


.form-layout.final .form .repeat{
	position: absolute;
	top: 20%;
	right: -14%;
	font-size: 2rem;
	background: white;
	color: black;
	border-radius: 50%;
	width: 3rem;
	height: 3rem;
	line-height: 3rem;
	cursor: pointer;
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}


#start-locker{
	position: absolute;
	height: 100%;
	width: 100%;
	background: black;
	left: 0px;
	top: 0px;
	z-index: 6;
}

#ferretVideoPresentLay{
	background-size: cover;
}

@media only screen and (max-width: 1000px){

	.form-layout.final .form h1{
		font-size: 2rem;
	}


	.form-layout.final ul{
		width: 34%;
	}
	.form-layout.final .form .repeat{
		top: 14%;
		right: -17%;
	}

	.form-layout .form img.award{
		width: 11rem;
		top: -2rem;
		left: -6rem;
		filter: drop-shadow(0 0 0.5vw black);
		transform: rotate(31deg);
	}

	.form-layout.final .form {
		width: 23rem;
	}


	.form-layout.contactData .form {
		width: 19rem;
		padding: 1rem;
	}

	.form-layout .form h1{
		font-size: 1.8rem;
	}

	.form-layout.final .metrics h3{
		font-size: 1rem;
	}

	#ferretVideoContainer .form-layout.final .actions .already{
		font-size: 0.9rem;
	}
}


@media only screen and (max-width: 500px){

	.form-layout.final .actions{
		margin-top: 4%;
		margin-bottom: 3%;
	}

	.form-layout.final .rating .fa {
		font-size: 2rem;
		margin: 0 2%;
		display: inline-block;
	}

	.form-layout.final .metrics h3{
		font-size: 0.7rem;
	}

	#ferretVideoContainer .form-layout.final .actions .already{
		font-size: 0.6rem;
	}
	.form-layout.final .metrics{
		margin-bottom: 0;
	}

	.form-layout.final .form h1 {
		font-size: 1.5rem;
	}




	.form-layout.final .form {
		border-radius: 2rem;
		padding: 1%;
		width: 16rem;
	}

	.form-layout.final .form .repeat{
		right: -11%;
		font-size: 1rem;
		width: 1.5rem;
		height: 1.5rem;
		line-height: 1.5rem;
	}

	.form-layout .form img.award{
		top: -3rem;
		width: 8rem;
		left: -4rem;
		filter: drop-shadow(0 0 0.5vw black);
		transform: rotate(41deg);
	}

	.form-layout.final ul{
		margin-bottom: 4%;
		margin-top: 4%;
	}


	.form-layout .form ul li {
		font-size: 1rem;
		line-height: 1.5rem;
	}

	.form-layout.final ul{
		width: 25%;
	}

}






h1, h2, h3, p, a {
	font-family: SamsungSharpSans !important;

}

.form-layout .form .linkInput {
	margin: 2% 0;
}

.score-element {
	transition: 10s;
	transition-timing-function: ease;
	z-index: 9999;
	animation-name: rotation;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.logo-wrapper {
	position: absolute;
	top: 5%;
	left: 5%;
	background: #ffffff;
	padding: 0.75vw;
	border-radius: 100px;
	box-shadow: 0 0 17px 10px #00000094;
}

.logo-feed {
	background: #d0d0d0;
	font-size: 2.5vw;
	padding: 1vw 1.5vw;
	border-radius: 100px;
	font-family: cursive;
	border: #303030 dashed 0.25vw;
	color: #303030;
}


.count-wrapper {
	position: absolute;
	bottom: 5%;
	left: 5%;
	background: #ffffff;
	padding: 0.75vw;
	border-radius: 100px;
	box-shadow: 0 0 17px 10px #00000094;
}

.count-feed {
	background: #d0d0d0;
	font-size: 2.5vw;
	padding: 1vw 1.5vw;
	border-radius: 100px;
	font-family: cursive;
	border: #303030 dashed 0.25vw;
	color: #303030;
}


.logo-feed2 {
	background: #e7e7e7;
	font-size: 2.5vw;
	padding: 1vw 1.5vw;
	border-radius: 100px;
	font-family: cursive;
	border: #303030 dashed 0.25vw;
	color: #303030;
	margin: 4% 0;
}


.frame-wrapper {
	min-height: 100vh;
	display: flex;
	align-items: center;
	position: relative;
	justify-content: center;
}

#ferretVideoContainer {
	transform-origin: top;
}

body {
	background: black;
}

.level-panel .wrapper .level-point {
	background: red;
}

.level-panel .wrapper {
	background: rgb(255 255 255 / 91%);
	box-shadow: 0 0 17px 10px #00000094;
}

.answer {
	text-align: right;
	word-break: break-word;
	border-radius: 1vw;
	color: white;
	padding: 10px;
}

.form-layout .form .button.message{
	width: 100%;
	background: green;
	color:white;
	display: none;
	width: 84%;
	margin-right: 0;
}

.answer{
	padding: 4%;
	font-family: SamsungSharpSans !important;
}
.question{
	font-family: SamsungSharpSans !important;
	/*border-top: white solid 2px;*/
	/*border-bottom: white solid 2px;*/

	border-top: white solid 4px;
	border-bottom: white solid 4px;
	top: 4%;
}


@media only screen and (max-width: 1000px){
	.logo-feed2{
		font-size: 3.5vw;
	}
}

@media only screen and (max-width: 500px){
	.logo-feed2{
		font-size: 1.2rem;
	}
}