@font-face {
	font-family: Segoe UI;
	src: url(Segoe-UI.ttf)
}

.ycf-gamification-form {
	text-align: center;
}

.ycf-form-element-wrapper {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.ycf-form-element-wrapper label {
	width: 100%;
	text-align: left;
}

.ypm-hide,.ypm-hide-element {
	display: none
}

.ypm-gifts-content-wrapper {
	padding: 60px 60px 0 60px
}

.ypm-gamification-content-wrapper .error {
	color: red;
	display: block;
	margin-top: 8px;
}

.ypm-gamification-content-wrapper #ypm-subs-email-error:empty {
	margin-top: 0 !important
}

.ypm-gifts {
	position: relative;
	margin-top: 61px;
	margin-bottom: 0px;
	display: flex;
	flex-wrap: wrap;
	z-index: 2;
	justify-content: center !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	align-items: center;
	flex-direction: unset;
}

.ypm-overflow-hidden {
	overflow: auto !important
}

.ypm-gifts .ypm-gift {
	position: relative;
	visibility: initial;
	bottom: 0;
	display: block;
	margin: 20px;
	margin-top: 0 !important;
	padding: 0;
	height: 73px;
	width: 72px;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.ypm-gifts.ypm-bigger .ypm-gift:hover {
	transform: scale(1.1)
}

.ypm-gifts .ypm-gift:active, .ypm-gifts .ypm-gift:focus {
	outline: 0 !important
}

.ypm-gamification-texts {
	margin-bottom: 36px;
	text-align: center
}

.ypm-alert {
	padding: 15px;
	border: 1px solid transparent;
	border-radius: 4px;
	text-align: center
}

.ypm-alert-info {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1
}

.ypm-alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1
}

.ypm-alert p {
	margin-bottom: 0px
}

.ypm-gamification-start-paragraph {
	margin-bottom: 0 !important;
	line-height: 1
}

.ypm-gamification-start-header,.ypm-gamification-play-header {
	margin-bottom: 18px !important;
	line-height: 1
}

.js-gamification-email-input {
	margin-top: 0 !important
}

.ypm-gamification-form {
	text-align: center
}

@media (max-width: 760px) {
	.ypm-gamification-content-wrapper {
		padding:0 !important
	}
}

@media (max-width: 600px) {
	.ypm-gifts-content-wrapper {
		padding-left:0 !important;
		padding-right: 0 !important
	}

	.ypm-gifts .ypm-gift {
		margin: 8px
	}
}

@media (max-width: 506px) {
	.ypm-gifts .ypm-gift {
		margin:21px
	}

	.ypm-gifts-content-wrapper {
		padding-top: 24px
	}

	.ypm-gifts {
		margin-top: 21px
	}
}

@media (max-width: 404px) {
	.ypm-gifts .ypm-gift {
		margin:8px
	}
}

.ypm-gifts-content-wrapper {
	position: relative
}

.ypm-animate-double {
	animation: crescendo 1.5s;
	transform: scale(2);
	margin: 0 !important
}

@keyframes crescendo {
	from {
		transform: scale(1);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	0% {
		transform: scale(1)
	}

	10% {
		transform: scale(1.1)
	}

	15% {
		transform: scale(1.15)
	}

	20% {
		transform: scale(1.2)
	}

	25% {
		transform: scale(1.25)
	}

	30% {
		transform: scale(1.3)
	}

	35% {
		transform: scale(1.35)
	}

	40% {
		transform: scale(1.4)
	}

	45% {
		transform: scale(1.45)
	}

	50% {
		transform: scale(1.5)
	}

	55% {
		transform: scale(1.55)
	}

	60% {
		transform: scale(1.6)
	}

	65% {
		transform: scale(1.65)
	}

	70% {
		transform: scale(1.7)
	}

	75% {
		transform: scale(1.75)
	}

	80% {
		transform: scale(1.8)
	}

	85% {
		transform: scale(1.85)
	}

	90% {
		transform: scale(1.9)
	}

	95% {
		transform: scale(1.95)
	}

	100% {
		transform: scale(2)
	}

	to {
		transform: scale(2);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

.ypm-gamification-lose-text {
	margin-top: 75px
}

.js-gamification-text-inputs {
	text-align: left !important
}

.ypm-gamification-content-wrapper {
	overflow: hidden
}

.ypm-gamification-play-text {
	padding-top: 16px;
	margin-bottom: -8px
}

.ypm-gamification-form input, .ypm-gamification-form label, .ypm-gamification-form select, .ypm-gamification-form button, .ypm-gamification-form textarea {
	margin: 0;
	border: 0;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	white-space: normal;
	background: none;
	line-height: 1;
	max-width: 100% !important;
	font-size: 13px;
	font-family: Arial
}

.ypm-gamification-form input:focus {
	outline: 0
}

.ypm-gamification-form input, .ypm-gamification-form textarea {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.ypm-gamification-form button, .ypm-gamification-form input[type=reset], .ypm-gamification-form input[type=button], .ypm-gamification-form input[type=submit], .ypm-gamification-form input[type=checkbox], .ypm-gamification-form input[type=radio], .ypm-gamification-form select {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.ypm-gamification-form input[type=checkbox], .ypm-gamification-form input[type=radio] {
	width: 13px;
	height: 13px
}

.ypm-gamification-form input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box
}

.ypm-gamification-form ::-webkit-search-decoration {
	display: none
}

.ypm-gamification-form button, .ypm-gamification-form input[type="reset"], .ypm-gamification-form input[type="button"], .ypm-gamification-form input[type="submit"] {
	overflow: visible;
	width: auto
}

.ypm-gamification-form ::-webkit-file-upload-button {
	padding: 0;
	border: 0;
	background: none
}

.ypm-gamification-form textarea {
	vertical-align: top;
	overflow: auto
}

.ypm-gamification-form select[multiple] {
	vertical-align: top
}

.ypm-gamification-form input[type="text"], .ypm-gamification-form input[type="number"], .ypm-gamification-form input[type="password"], .ypm-gamification-form input[type="email"], .ypm-gamification-form input[type="submit"], .ypm-gamification-form input[type="button"] {
	max-width: 100% !important;
	padding: 10px !important;
	box-sizing: border-box;
	font-size: 14px !important;
	box-shadow: none !important;
	margin: 5px auto !important;
	display: inline-block !important;
	font-weight: bold !important;
	background-image: none !important
}

.ypm-gamification-form input[type="submit"], .ypm-gamification-form input[type="button"] {
	line-height: 0.4 !important;
	font-size: 18px !important
}

.ypm-js-hide {
	display: none
}

.ypm-gamification-win-text {
	margin-top: 53px;
}

.js-gamification-submit-btn {
	cursor: pointer !important
}

.ypm-gamification-gdpr-text {
	text-align: center !important;
	color: #9f9f9f !important;
	font-size: 12px;
	font-family: Segoe UI !important;
	margin-top: 17px !important;
	line-height: 1
}

.ycf-hide {
	display: none;
}