@charset "UTF-8";
*,
::after,
::before {
	box-sizing: border-box;
}
body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	margin: 0;
}
.align {
	display: table;
}
.align--center {
	margin-left: auto;
	margin-right: auto;
}
.align--even {
	table-layout: fixed;
}
.align--fluid {
	width: 100%;
}
.align--gutter-xs > .align__cell:not(:last-child) {
	padding-right: 5px;
	padding-right: 0.3125rem;
}
.align--gutter-sm > .align__cell:not(:last-child) {
	padding-right: 10px;
	padding-right: 0.625rem;
}
.align--gutter-md > .align__cell:not(:last-child) {
	padding-right: 20px;
	padding-right: 1.25rem;
}
.align--gutter-lg > .align__cell:not(:last-child) {
	padding-right: 40px;
	padding-right: 2.5rem;
}
.align--gutter-xl > .align__cell:not(:last-child) {
	padding-right: 80px;
	padding-right: 5rem;
}
.align--align-top > .align__cell {
	vertical-align: top;
}
.align--stretch {
	height: 100%;
	width: 100%;
}
.align__cell {
	display: table-cell;
	vertical-align: middle;
}
.align__cell--grow {
	width: 100%;
}
.align__cell--shrink {
	width: 1px;
}
.u-clear::after,
.u-clear::before {
	content: "";
	display: table;
}
.u-clear::after {
	clear: both;
}
.u-center {
	margin-left: auto;
	margin-right: auto;
}
.u-middle {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}
.u-table {
	display: table;
	table-layout: auto;
	width: 100%;
}
.u-stretch {
	height: 100%;
	width: 100%;
}
.u-overlay {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.u-fixed-overlay {
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
}
.u-fluid-image,
.u-stretched-image {
	display: block;
	height: auto;
}
.u-fluid-image {
	max-width: 100%;
}
.u-stretched-image {
	width: 100%;
}
.u-left {
	float: left;
}
.u-right {
	float: right;
}
[v-cloak] > * {
	display: none;
}
body {
	background-color: #ebebfd;
	font-family: sans-serif;
}
@font-face {
	font-family: icomoon;
	font-style: normal;
	font-weight: 400;
	src: url(../eot%40bfoq5r/icomoon.eot%40bfoq5r);
	src: url(../eot%40bfoq5r/icomoon.eot%40bfoq5r) format("embedded-opentype"), url(../ttf%40bfoq5r/icomoon.ttf%40bfoq5r) format("truetype"), url(../woff%40bfoq5r/icomoon.woff%40bfoq5r) format("woff"), url(../svg%40bfoq5r/icomoon.svg%40bfoq5r) format("svg");
}
[class*=" icon-"],
[class^="icon-"] {
	font-family: icomoon !important;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
	speak: none;
	text-transform: none;
}
.icon--xxxs {
	font-size: 6px;
	font-size: 0.375rem;
}
.icon--xxs {
	font-size: 8px;
	font-size: 0.5rem;
}
.icon--xs {
	font-size: 12px;
	font-size: 0.75rem;
}
.icon--sm {
	font-size: 16px;
	font-size: 1rem;
}
.icon--md {
	font-size: 18px;
	font-size: 1.125rem;
}
.icon--lg {
	font-size: 24px;
	font-size: 1.5rem;
}
.icon--xl {
	font-size: 32px;
	font-size: 2rem;
}
.icon--xxl {
	font-size: 50px;
	font-size: 3.125rem;
}
.icon-check:before {
	content: "";
}
.icon-chevron-up:before {
	content: "";
}
.icon-chevron-down:before {
	content: "";
}
.icon-chevron-left:before {
	content: "";
}
.icon-chevron-right:before {
	content: "";
} /*!
 * Generated with CSS Flag Sprite generator (https://www.flag-sprites.com/)
 */
.flag {
	display: inline-block;
	width: 32px;
	height: 32px;
	background: url(../png/flags.png) no-repeat;
	background-size: 512px 512px;
}
.flag.flag-ad {
	background-position: -32px 0;
}
.flag.flag-ae {
	background-position: -64px 0;
}
.flag.flag-af {
	background-position: -96px 0;
}
.flag.flag-ag {
	background-position: -128px 0;
}
.flag.flag-ai {
	background-position: -160px 0;
}
.flag.flag-al {
	background-position: -192px 0;
}
.flag.flag-am {
	background-position: -224px 0;
}
.flag.flag-an {
	background-position: -256px 0;
}
.flag.flag-ao {
	background-position: -288px 0;
}
.flag.flag-ar {
	background-position: -320px 0;
}
.flag.flag-as {
	background-position: -352px 0;
}
.flag.flag-at {
	background-position: -384px 0;
}
.flag.flag-au {
	background-position: -416px 0;
}
.flag.flag-aw {
	background-position: -448px 0;
}
.flag.flag-ax {
	background-position: -480px 0;
}
.flag.flag-az {
	background-position: 0 -32px;
}
.flag.flag-ba {
	background-position: -32px -32px;
}
.flag.flag-bb {
	background-position: -64px -32px;
}
.flag.flag-bd {
	background-position: -96px -32px;
}
.flag.flag-be {
	background-position: -128px -32px;
}
.flag.flag-bf {
	background-position: -160px -32px;
}
.flag.flag-bg {
	background-position: -192px -32px;
}
.flag.flag-bh {
	background-position: -224px -32px;
}
.flag.flag-bi {
	background-position: -256px -32px;
}
.flag.flag-bj {
	background-position: -288px -32px;
}
.flag.flag-bl {
	background-position: -320px -32px;
}
.flag.flag-bm {
	background-position: -352px -32px;
}
.flag.flag-bn {
	background-position: -384px -32px;
}
.flag.flag-bo {
	background-position: -416px -32px;
}
.flag.flag-br {
	background-position: -448px -32px;
}
.flag.flag-bs {
	background-position: -480px -32px;
}
.flag.flag-bt {
	background-position: 0 -64px;
}
.flag.flag-bw {
	background-position: -32px -64px;
}
.flag.flag-by {
	background-position: -64px -64px;
}
.flag.flag-bz {
	background-position: -96px -64px;
}
.flag.flag-ca {
	background-position: -128px -64px;
}
.flag.flag-cd {
	background-position: -160px -64px;
}
.flag.flag-cf {
	background-position: -192px -64px;
}
.flag.flag-cg {
	background-position: -224px -64px;
}
.flag.flag-ch {
	background-position: -256px -64px;
}
.flag.flag-ci {
	background-position: -288px -64px;
}
.flag.flag-ck {
	background-position: -320px -64px;
}
.flag.flag-cl {
	background-position: -352px -64px;
}
.flag.flag-cm {
	background-position: -384px -64px;
}
.flag.flag-cn {
	background-position: -416px -64px;
}
.flag.flag-co {
	background-position: -448px -64px;
}
.flag.flag-cr {
	background-position: -480px -64px;
}
.flag.flag-cu {
	background-position: 0 -96px;
}
.flag.flag-cv {
	background-position: -32px -96px;
}
.flag.flag-cw {
	background-position: -64px -96px;
}
.flag.flag-cy {
	background-position: -96px -96px;
}
.flag.flag-cz {
	background-position: -128px -96px;
}
.flag.flag-de {
	background-position: -160px -96px;
}
.flag.flag-dj {
	background-position: -192px -96px;
}
.flag.flag-dk {
	background-position: -224px -96px;
}
.flag.flag-dm {
	background-position: -256px -96px;
}
.flag.flag-do {
	background-position: -288px -96px;
}
.flag.flag-dz {
	background-position: -320px -96px;
}
.flag.flag-ec {
	background-position: -352px -96px;
}
.flag.flag-ee {
	background-position: -384px -96px;
}
.flag.flag-eg {
	background-position: -416px -96px;
}
.flag.flag-eh {
	background-position: -448px -96px;
}
.flag.flag-er {
	background-position: -480px -96px;
}
.flag.flag-es {
	background-position: 0 -128px;
}
.flag.flag-et {
	background-position: -32px -128px;
}
.flag.flag-eu {
	background-position: -64px -128px;
}
.flag.flag-fi {
	background-position: -96px -128px;
}
.flag.flag-fj {
	background-position: -128px -128px;
}
.flag.flag-fk {
	background-position: -160px -128px;
}
.flag.flag-fm {
	background-position: -192px -128px;
}
.flag.flag-fo {
	background-position: -224px -128px;
}
.flag.flag-fr {
	background-position: -256px -128px;
}
.flag.flag-ga {
	background-position: -288px -128px;
}
.flag.flag-gb {
	background-position: -320px -128px;
}
.flag.flag-gd {
	background-position: -352px -128px;
}
.flag.flag-ge {
	background-position: -384px -128px;
}
.flag.flag-gg {
	background-position: -416px -128px;
}
.flag.flag-gh {
	background-position: -448px -128px;
}
.flag.flag-gi {
	background-position: -480px -128px;
}
.flag.flag-gl {
	background-position: 0 -160px;
}
.flag.flag-gm {
	background-position: -32px -160px;
}
.flag.flag-gn {
	background-position: -64px -160px;
}
.flag.flag-gq {
	background-position: -96px -160px;
}
.flag.flag-gr {
	background-position: -128px -160px;
}
.flag.flag-gs {
	background-position: -160px -160px;
}
.flag.flag-gt {
	background-position: -192px -160px;
}
.flag.flag-gu {
	background-position: -224px -160px;
}
.flag.flag-gw {
	background-position: -256px -160px;
}
.flag.flag-gy {
	background-position: -288px -160px;
}
.flag.flag-hk {
	background-position: -320px -160px;
}
.flag.flag-hn {
	background-position: -352px -160px;
}
.flag.flag-hr {
	background-position: -384px -160px;
}
.flag.flag-ht {
	background-position: -416px -160px;
}
.flag.flag-hu {
	background-position: -448px -160px;
}
.flag.flag-ic {
	background-position: -480px -160px;
}
.flag.flag-id {
	background-position: 0 -192px;
}
.flag.flag-ie {
	background-position: -32px -192px;
}
.flag.flag-il {
	background-position: -64px -192px;
}
.flag.flag-im {
	background-position: -96px -192px;
}
.flag.flag-in {
	background-position: -128px -192px;
}
.flag.flag-iq {
	background-position: -160px -192px;
}
.flag.flag-ir {
	background-position: -192px -192px;
}
.flag.flag-is {
	background-position: -224px -192px;
}
.flag.flag-it {
	background-position: -256px -192px;
}
.flag.flag-je {
	background-position: -288px -192px;
}
.flag.flag-jm {
	background-position: -320px -192px;
}
.flag.flag-jo {
	background-position: -352px -192px;
}
.flag.flag-jp {
	background-position: -384px -192px;
}
.flag.flag-ke {
	background-position: -416px -192px;
}
.flag.flag-kg {
	background-position: -448px -192px;
}
.flag.flag-kh {
	background-position: -480px -192px;
}
.flag.flag-ki {
	background-position: 0 -224px;
}
.flag.flag-km {
	background-position: -32px -224px;
}
.flag.flag-kn {
	background-position: -64px -224px;
}
.flag.flag-kp {
	background-position: -96px -224px;
}
.flag.flag-kr {
	background-position: -128px -224px;
}
.flag.flag-kw {
	background-position: -160px -224px;
}
.flag.flag-ky {
	background-position: -192px -224px;
}
.flag.flag-kz {
	background-position: -224px -224px;
}
.flag.flag-la {
	background-position: -256px -224px;
}
.flag.flag-lb {
	background-position: -288px -224px;
}
.flag.flag-lc {
	background-position: -320px -224px;
}
.flag.flag-li {
	background-position: -352px -224px;
}
.flag.flag-lk {
	background-position: -384px -224px;
}
.flag.flag-lr {
	background-position: -416px -224px;
}
.flag.flag-ls {
	background-position: -448px -224px;
}
.flag.flag-lt {
	background-position: -480px -224px;
}
.flag.flag-lu {
	background-position: 0 -256px;
}
.flag.flag-lv {
	background-position: -32px -256px;
}
.flag.flag-ly {
	background-position: -64px -256px;
}
.flag.flag-ma {
	background-position: -96px -256px;
}
.flag.flag-mc {
	background-position: -128px -256px;
}
.flag.flag-md {
	background-position: -160px -256px;
}
.flag.flag-me {
	background-position: -192px -256px;
}
.flag.flag-mf {
	background-position: -224px -256px;
}
.flag.flag-mg {
	background-position: -256px -256px;
}
.flag.flag-mh {
	background-position: -288px -256px;
}
.flag.flag-mk {
	background-position: -320px -256px;
}
.flag.flag-ml {
	background-position: -352px -256px;
}
.flag.flag-mm {
	background-position: -384px -256px;
}
.flag.flag-mn {
	background-position: -416px -256px;
}
.flag.flag-mo {
	background-position: -448px -256px;
}
.flag.flag-mp {
	background-position: -480px -256px;
}
.flag.flag-mq {
	background-position: 0 -288px;
}
.flag.flag-mr {
	background-position: -32px -288px;
}
.flag.flag-ms {
	background-position: -64px -288px;
}
.flag.flag-mt {
	background-position: -96px -288px;
}
.flag.flag-mu {
	background-position: -128px -288px;
}
.flag.flag-mv {
	background-position: -160px -288px;
}
.flag.flag-mw {
	background-position: -192px -288px;
}
.flag.flag-mx {
	background-position: -224px -288px;
}
.flag.flag-my {
	background-position: -256px -288px;
}
.flag.flag-mz {
	background-position: -288px -288px;
}
.flag.flag-na {
	background-position: -320px -288px;
}
.flag.flag-nc {
	background-position: -352px -288px;
}
.flag.flag-ne {
	background-position: -384px -288px;
}
.flag.flag-nf {
	background-position: -416px -288px;
}
.flag.flag-ng {
	background-position: -448px -288px;
}
.flag.flag-ni {
	background-position: -480px -288px;
}
.flag.flag-nl {
	background-position: 0 -320px;
}
.flag.flag-no {
	background-position: -32px -320px;
}
.flag.flag-np {
	background-position: -64px -320px;
}
.flag.flag-nr {
	background-position: -96px -320px;
}
.flag.flag-nu {
	background-position: -128px -320px;
}
.flag.flag-nz {
	background-position: -160px -320px;
}
.flag.flag-om {
	background-position: -192px -320px;
}
.flag.flag-pa {
	background-position: -224px -320px;
}
.flag.flag-pe {
	background-position: -256px -320px;
}
.flag.flag-pf {
	background-position: -288px -320px;
}
.flag.flag-pg {
	background-position: -320px -320px;
}
.flag.flag-ph {
	background-position: -352px -320px;
}
.flag.flag-pk {
	background-position: -384px -320px;
}
.flag.flag-pl {
	background-position: -416px -320px;
}
.flag.flag-pn {
	background-position: -448px -320px;
}
.flag.flag-pr {
	background-position: -480px -320px;
}
.flag.flag-ps {
	background-position: 0 -352px;
}
.flag.flag-pt {
	background-position: -32px -352px;
}
.flag.flag-pw {
	background-position: -64px -352px;
}
.flag.flag-py {
	background-position: -96px -352px;
}
.flag.flag-qa {
	background-position: -128px -352px;
}
.flag.flag-ro {
	background-position: -160px -352px;
}
.flag.flag-rs {
	background-position: -192px -352px;
}
.flag.flag-ru {
	background-position: -224px -352px;
}
.flag.flag-rw {
	background-position: -256px -352px;
}
.flag.flag-sa {
	background-position: -288px -352px;
}
.flag.flag-sb {
	background-position: -320px -352px;
}
.flag.flag-sc {
	background-position: -352px -352px;
}
.flag.flag-sd {
	background-position: -384px -352px;
}
.flag.flag-se {
	background-position: -416px -352px;
}
.flag.flag-sg {
	background-position: -448px -352px;
}
.flag.flag-sh {
	background-position: -480px -352px;
}
.flag.flag-si {
	background-position: 0 -384px;
}
.flag.flag-sk {
	background-position: -32px -384px;
}
.flag.flag-sl {
	background-position: -64px -384px;
}
.flag.flag-sm {
	background-position: -96px -384px;
}
.flag.flag-sn {
	background-position: -128px -384px;
}
.flag.flag-so {
	background-position: -160px -384px;
}
.flag.flag-sr {
	background-position: -192px -384px;
}
.flag.flag-ss {
	background-position: -224px -384px;
}
.flag.flag-st {
	background-position: -256px -384px;
}
.flag.flag-sv {
	background-position: -288px -384px;
}
.flag.flag-sy {
	background-position: -320px -384px;
}
.flag.flag-sz {
	background-position: -352px -384px;
}
.flag.flag-tc {
	background-position: -384px -384px;
}
.flag.flag-td {
	background-position: -416px -384px;
}
.flag.flag-tf {
	background-position: -448px -384px;
}
.flag.flag-tg {
	background-position: -480px -384px;
}
.flag.flag-th {
	background-position: 0 -416px;
}
.flag.flag-tj {
	background-position: -32px -416px;
}
.flag.flag-tk {
	background-position: -64px -416px;
}
.flag.flag-tl {
	background-position: -96px -416px;
}
.flag.flag-tm {
	background-position: -128px -416px;
}
.flag.flag-tn {
	background-position: -160px -416px;
}
.flag.flag-to {
	background-position: -192px -416px;
}
.flag.flag-tr {
	background-position: -224px -416px;
}
.flag.flag-tt {
	background-position: -256px -416px;
}
.flag.flag-tv {
	background-position: -288px -416px;
}
.flag.flag-tw {
	background-position: -320px -416px;
}
.flag.flag-tz {
	background-position: -352px -416px;
}
.flag.flag-ua {
	background-position: -384px -416px;
}
.flag.flag-ug {
	background-position: -416px -416px;
}
.flag.flag-us {
	background-position: -448px -416px;
}
.flag.flag-uy {
	background-position: -480px -416px;
}
.flag.flag-uz {
	background-position: 0 -448px;
}
.flag.flag-va {
	background-position: -32px -448px;
}
.flag.flag-vc {
	background-position: -64px -448px;
}
.flag.flag-ve {
	background-position: -96px -448px;
}
.flag.flag-vg {
	background-position: -128px -448px;
}
.flag.flag-vi {
	background-position: -160px -448px;
}
.flag.flag-vn {
	background-position: -192px -448px;
}
.flag.flag-vu {
	background-position: -224px -448px;
}
.flag.flag-wf {
	background-position: -256px -448px;
}
.flag.flag-ws {
	background-position: -288px -448px;
}
.flag.flag-ye {
	background-position: -320px -448px;
}
.flag.flag-yt {
	background-position: -352px -448px;
}
.flag.flag-za {
	background-position: -384px -448px;
}
.flag.flag-zm {
	background-position: -416px -448px;
}
.flag.flag-zw {
	background-position: -448px -448px;
}
.flag.flag-io {
	background-position: -480px -448px;
}
.flag.flag-gf {
	background-position: -256px -128px;
}
.flag.flag-re {
	background-position: -256px -128px;
}
.flag.flag-pm {
	background-position: -256px -128px;
}
.flag.flag-gp {
	background-position: -256px -128px;
}
.flag.flag-cs {
	background-position: 0 -480px;
}
.button {
	border: 1px solid;
	border-radius: 4px;
	color: #fff;
	cursor: default;
	display: block;
	font-family: inherit;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	min-width: 140px;
	outline: 0;
	padding: 0 24px;
	text-align: center;
	text-decoration: none;
}
.button--blue {
	border-color: #0c58da;
}
.button--green {
	border-color: #29c566;
}
.button--red {
	border-color: red;
}
.button--white {
	border-color: #fff;
}
.button--solid.button--blue {
	background-color: #0c58da;
}
.button--solid.button--green {
	background-color: #29c566;
}
.button--solid.button--red {
	background-color: red;
}
.button--solid.button--white {
	background-color: #fff;
	color: #000;
}
.button--stroked {
	background-color: transparent;
}
.button--stroked.button--blue {
	color: #0c58da;
}
.button--stroked.button--green {
	color: #29c566;
}
.button--stroked.button--red {
	color: red;
}
.button--stroked.button--white {
	color: #fff;
}
.button--center {
	margin-left: auto;
	margin-right: auto;
}
.button--fluid {
	width: 100%;
}
.button--rounded {
	border-radius: 20px;
}
.button--disabled {
	opacity: 0.5;
}
.button--transparent {
	background-color: transparent;
	border-color: transparent;
}
.captcha-gallery > h2,
.captcha-gallery > h3 {
	text-align: center;
	margin: 16px;
}
.captcha-gallery > h2 {
	font-size: 25px;
	font-size: 1.5625rem;
}
.captcha-gallery > h3 {
	font-size: 23px;
	font-size: 1.4375rem;
	margin-bottom: 24px;
}
.captcha-gallery .page-indicator {
	margin-bottom: 0;
}
.captcha-gallery__container {
	height: 560px;
	overflow: auto;
}
.captcha-gallery__button-container {
	margin-top: 32px;
	text-align: center;
}
.captcha-gallery__button-container .button {
	display: inline-block;
}
.captcha-gallery__table {
	display: table;
	width: 100%;
}
.captcha-gallery__row {
	display: table-row;
	width: 100%;
}
.captcha-gallery__cell {
	vertical-align: middle;
	text-align: center;
	display: table-cell;
	width: 25%;
	padding: 4px;
}
.captcha-gallery__cell-image {
	height: 100px;
}
.captcha-gallery__cell-check {
	height: 25px;
	padding-bottom: 24px;
}
.captcha-gallery__image-container {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.captcha-page {
	text-align: center;
}
.captcha-page .captcha-gallery {
	background-color: #fff;
	border-radius: 8px;
	display: inline-block;
	max-width: 800px;
	padding: 16px;
	padding-bottom: 32px;
	width: 100%;
	overflow: auto;
}
.cookies {
	background-color: red;
	padding: 40px;
}
.cookies__message {
	color: #fff;
	font-size: 24px;
}
.cookies__button {
	border-radius: 0;
	color: red !important;
	font-size: 24px;
	height: 48px;
}
.dropdown {
	position: relative;
}
.dropdown--blue .dropdown__field {
	border-color: #0c58da;
}
.dropdown__header {
	position: relative;
}
.dropdown__field {
	background-color: #fff;
	border: 1px solid #b5bbc0;
	border-radius: 4px;
	padding: 10px;
	height: 100%;
	overflow: hidden;
	white-space: nowrap;
}
.dropdown__opener {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 50px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	text-align: center;
	display: table-cell;
}
.dropdown__opener .icon {
	font-size: 9pt;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 22.5px;
	height: 12px;
	margin-left: -11.25px;
	margin-top: -6px;
	vertical-align: middle;
}
.dropdown__list {
	background-color: #fff;
	border: 1px solid #b5bbc0;
	max-height: 0;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	border-radius: 4px;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 100;
	transition: border-radius 0.5s, max-height 0.5s, opacity 0.5s, visibility 0s linear 0.5s;
}
.dropdown__list-item {
	padding: 10px;
	cursor: default;
	transition: background-color 0.25s, color 0.25s;
}
.dropdown__list-item.selected {
	background-color: #b5bbc0;
	color: #fff;
	transition: background-color 0.25s, color 0.25s;
}
.dropdown.no-selection .dropdown__field::after {
	content: "";
	display: inline-block;
}
.dropdown.open .dropdown__field {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.dropdown.open .dropdown__list {
	border-top: 0 none transparent;
	max-height: 150px;
	visibility: visible;
	opacity: 1;
	overflow: auto;
	transition: overflow 0s ease 0.3s, border-top-color 0.3s, border-radius 0.3s, max-height 0.3s, opacity 0.3s;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.country-dropdown__flag-selected-item,
.country-dropdown__selected-country-name {
	vertical-align: middle;
}
.country-dropdown__flag-item {
	filter: grayscale(100%);
	transition: filter 0.5s;
}
.country-dropdown__flag-item:hover {
	filter: grayscale(0);
}
.country-dropdown .dropdown__list {
	padding-top: 8px;
	padding-left: 16px;
}
.date-dropdowns {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.date-dropdowns .dropdown__list {
	font-size: 10pt;
	overflow-x: hidden;
}
.date-dropdowns .date-dropdown__container {
	display: table-cell;
}
.date-dropdowns .date-dropdown__container + .date-dropdown__container {
	padding-left: 8px;
}
.end-screen {
	color: #29c566;
	text-align: center;
}
.end-screen__subtitle,
.end-screen__title {
	margin: 0;
}
.end-screen__title {
	text-transform: uppercase;
}
.end-screen__subtitle {
	font-weight: 400;
}
.end-screen__image,
.end-screen__text {
	margin-top: 40px;
	margin-top: 2.5rem;
	margin-bottom: 40px;
	margin-bottom: 2.5rem;
}
.end-screen__image:first-child,
.end-screen__text:first-child {
	margin-top: 0;
}
.end-screen__image:last-child,
.end-screen__text:last-child {
	margin-bottom: 0;
}
.end-screen__image {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.end-screen__link {
	color: #fff;
}
.end-screen__logo {
	max-width: 160px;
}
.bagaar-link {
	position: fixed;
	left: 10px;
	bottom: 10px;
	width: 150px;
}
.checkbox {
	display: inline-block;
	position: relative;
}
.checkbox__box {
	color: #fff;
	display: inline-block;
	background-color: #3498db;
	border: 1px solid #1a6190;
	border-radius: 4px;
	text-align: center;
	vertical-align: middle;
	line-height: 18px;
	position: relative;
	width: 18px;
	height: 18px;
	line-height: 18px;
}
.checkbox__check {
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.25s, visibility 0s linear 0.25s;
	font-weight: 600;
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 18px;
	line-height: 18px;
	margin-top: -9px;
}
.checkbox input[type="checkbox"] {
	display: none;
}
.checkbox input[type="checkbox"]:checked ~ .checkbox__box .checkbox__check {
	visibility: visible;
	opacity: 1;
	transition: opacity 0.25s;
}
.checkbox.small .checkbox__box {
	width: 15px;
	height: 15px;
	line-height: 15px;
}
.checkbox.small .checkbox__check {
	font-size: 10pt;
	height: 15px;
	line-height: 15px;
	margin-top: -7.5px;
}
.help-form {
	transition: height 0.2s ease-out;
	bottom: 0;
	display: inline-block;
	height: 228px;
	position: fixed;
	right: 56px;
	width: 303px;
	overflow: hidden;
	z-index: 200;
}
.help-form__container {
	box-sizing: border-box;
	padding: 24px 32px;
	background: #132a42;
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.3);
	border-radius: 8px 8px 0 0;
	width: 100%;
	height: 100%;
}
.help-form.is-hidden {
	transition: height 14s ease-out;
	height: 10px;
}
.help-form__close-button {
	font-size: 0.8em;
	position: absolute;
	right: 32px;
	top: 24px;
	width: 24px;
	height: 24px;
	line-height: 1;
	min-width: 0;
	padding: 0;
}
.help-form__close-button .icon {
	font-size: 6px;
	font-weight: 600;
}
.help-form .highlight {
	font-weight: 700;
}
.help-form .discrete {
	font-size: 0.7em;
}
.help-form__send-to-bottom-button {
	line-height: 1;
	min-width: 0;
}
.help-form__title {
	font-size: 18px;
	color: #fff;
	letter-spacing: 0;
	margin: 0 0 24px;
}
.help-form__text-area {
	font-size: 1em;
	padding: 8px;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #b5bbc0;
	border-radius: 4px;
	height: 72px;
	outline: 0;
	resize: none;
	width: 100%;
}
.help-form__help-button {
	color: #fff;
	cursor: pointer;
	font-size: 0.8em;
	text-decoration: underline;
}
.help-form__response {
	font-size: 0.75em;
	color: #fff;
	margin-top: 5px;
}
.input {
	background-color: transparent;
	border: 1px solid;
	border-radius: 4px;
	font-family: inherit;
	font-size: 16px;
	height: 40px;
	outline: 0;
	padding: 0 10px;
	width: 100%;
}
.input--blue {
	border-color: #0c58da;
	color: #0c58da;
}
.input--blue::-webkit-input-placeholder {
	color: #0c58da;
}
.input--blue::-moz-placeholder {
	color: #0c58da;
}
.input--blue:-ms-input-placeholder {
	color: #0c58da;
}
.input--blue:-moz-placeholder {
	color: #0c58da;
}
.input--gray {
	border-color: #b5bbc0;
	color: #b5bbc0;
}
.input--gray::-webkit-input-placeholder {
	color: #b5bbc0;
}
.input--gray::-moz-placeholder {
	color: #b5bbc0;
}
.input--gray:-ms-input-placeholder {
	color: #b5bbc0;
}
.input--gray:-moz-placeholder {
	color: #b5bbc0;
}
.login-form {
	margin-left: auto;
	margin-right: auto;
	height: 297px;
	font-size: 0.9em;
	width: 436px;
	position: relative;
}
.login-form .page-indicator {
	margin-bottom: 0;
	margin-top: -8px;
	position: relative;
	top: -12px;
}
.login-form .dropdown {
	width: 80px;
	text-align: left;
}
.login-form .dropdown__opener {
	width: 30px;
}
.login-form .checkbox {
	margin-right: 16px;
}
.login-form a {
	color: #000;
}
.login-form a:active,
.login-form a:hover,
.login-form a:visited {
	color: #000;
}
.login-form__container {
	height: 297px;
	width: 436px;
	background: #fff;
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.08);
	border-radius: 8px;
	position: absolute;
	left: 0;
	top: 0;
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.08);
	box-sizing: border-box;
	padding: 32px;
}
.login-form .input {
	font-size: 0.9em;
}
.login-form__container-copy-1 {
	height: 297px;
	width: 436px;
	background: rgba(255, 255, 255, 0.45);
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.08);
	border-radius: 8px;
	position: absolute;
	left: 8px;
	top: 8px;
}
.login-form__container-copy-2 {
	height: 297px;
	width: 436px;
	background: rgba(255, 255, 255, 0.27);
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.08);
	border-radius: 8px;
	position: absolute;
	left: 16px;
	top: 16px;
}
.login-form__input-password {
	width: 100%;
}
.login-form__section + .login-form__section {
	margin-top: 40px;
}
.login-form__field-row + .login-form__field-row {
	margin-top: 8px;
}
.login-form .button {
	font-size: 0.9em;
}
.login-form .button--secondary {
	cursor: default;
	color: #b5bbc0;
	display: inline-block;
}
.login-form .button--secondary:active,
.login-form .button--secondary:hover,
.login-form .button--secondary:visited {
	color: #b5bbc0;
}
.login-form .button-container__primary {
	width: 50%;
}
.login-form .button-container__secondary {
	width: 25%;
}
.login-form__terms-conditions {
	cursor: default;
	text-decoration: none;
}
.login-form__terms-conditions-underline {
	cursor: pointer;
	text-decoration: underline;
}
.login-form__terms-conditions-error {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 0.75em;
	color: red;
}
.login-form-with-pw-check {
	text-align: center;
}
.login-form-with-pw-check .login-form {
	display: inline-block;
}
.logo {
	text-align: center;
}
.logo__icon {
	font-family: Poppins, sans-serif;
	color: #fff;
	font-size: 40px;
	font-weight: 700;
	background-image: url(../svg/userinyerface-logo.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 300px;
	height: 175px;
	display: inline-block;
}
.logo__text {
	color: rgba(255, 255, 255, 0.4);
	font-size: 24px;
	font-weight: lighter;
}
.modal {
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 150;
}
.modal__box {
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	border-radius: 8px;
	display: table;
	margin-bottom: 80px;
	margin-top: 80px;
	padding: 40px;
	position: relative;
	width: 480px;
}
.modal--fullscreen .modal__box {
	height: 100%;
	width: 100%;
	border-radius: 0;
	margin: 0;
}
.modal__content {
	display: table-cell;
	vertical-align: middle;
}
.modal__close {
	color: #fff;
	left: 0;
	opacity: 0.2;
	margin-top: 16px;
	position: absolute;
	top: 100%;
}
.modal--fullscreen .modal__close {
	bottom: 32px;
	color: #000;
	left: 32px;
	margin-top: 0;
	top: auto;
}
.modal__close-copyright {
	font-size: 14px;
	font-size: 0.875rem;
	color: #b5bbc0;
	left: 16px;
	margin-top: -24px;
	position: absolute;
	top: 100%;
}
.modal--fullscreen .modal__close-copyright {
	bottom: 32px;
	color: #000;
	left: 32px;
	margin-top: 0;
	top: auto;
}
.modal__fullscreen {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 16px;
	width: 16px;
	background-image: url(../svg/increase-icon.svg);
	position: absolute;
	right: 16px;
	top: 16px;
}
.modal--fullscreen .modal__fullscreen {
	background-image: url(../svg/decrease-icon.svg);
	right: 32px;
	top: 32px;
}
.numeric-stepper {
	position: relative;
	width: 100%;
	height: 40px;
	border-radius: 4px;
	border: 1px solid #000;
}
.numeric-stepper__input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 0 transparent none;
	outline: 0;
	box-sizing: border-box;
	background: 0 0;
}
.numeric-stepper__input-container {
	position: absolute;
	display: inline-block;
	left: 10px;
	top: 0;
	right: 20px;
	bottom: 0;
	height: 40px;
	line-height: 40px;
}
.numeric-stepper__button-container {
	display: inline-block;
	position: absolute;
	width: 20px;
	top: 0;
	bottom: 0;
	right: 0;
}
.numeric-stepper__button {
	padding: 0;
	position: absolute;
	width: 100%;
	text-align: center;
	background: 0 0;
	border: none 0 transparent;
	outline: 0;
}
.numeric-stepper__button .icon {
	font-size: 8px;
	font-weight: 600;
	color: #0c58da;
	line-height: 20px;
}
.numeric-stepper__button--up {
	top: 0;
	bottom: 50%;
}
.numeric-stepper__button--down {
	top: 50%;
	bottom: 0;
}
.pagination {
	list-style: none;
	margin-bottom: 0;
	margin-top: 0;
	padding-left: 0;
	display: table;
}
.pagination--center {
	margin-left: auto;
	margin-right: auto;
}
.pagination__item {
	display: table-cell;
}
.pagination__item:not(:last-child) {
	padding-right: 48px;
}
.pagination__button {
	border-radius: 24px;
	height: 48px;
	width: 48px;
	transition: background-color 0.2s ease-out, color 0.2s ease-out;
	background-color: #29c566;
	border: 0;
	color: #fff;
	font-family: inherit;
	font-size: 24px;
	outline: 0;
	padding: 0;
}
.pagination__button.active,
.pagination__button.is-active {
	background-color: #fff;
	color: #29c566;
}
.page-indicator {
	text-align: center;
}
.password-check {
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 150%;
	padding: 32px;
	text-align: center;
}
.password-check__password-correct {
	color: red;
}
.password-check__password-rule {
	color: #29c566;
}
.personal-details {
	text-align: center;
}
.personal-details .page-indicator {
	margin-bottom: 0;
}
.personal-details__content {
	text-align: left;
	display: inline-block;
	max-width: 1200px;
}
.personal-details__form {
	border-radius: 8px;
	background-color: #fff;
	padding: 20px;
	padding-left: 80px;
	padding-right: 80px;
	width: 100%;
}
.personal-details__form-table {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.personal-details__tr-row {
	display: table-row;
}
.personal-details__td-cell {
	display: table-cell;
	padding-bottom: 30px;
	vertical-align: middle;
}
.personal-details__td-cell + .personal-details__td-cell {
	padding-left: 50px;
}
.personal-details__property-item-table {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.personal-details__property-item-tr-row {
	display: table-row;
	width: 100%;
}
.personal-details__td-label {
	display: table-cell;
	color: #0c58da;
	font-size: 16px;
	font-weight: 300;
	width: 100px;
	vertical-align: middle;
}
.personal-details__td-value {
	display: table-cell;
	color: #0c58da;
	font-size: 16px;
	font-weight: 300;
	vertical-align: middle;
}
.personal-details__bottom-button-row {
	text-align: right;
	margin-top: 24px;
}
.personal-details__bottom-button-container {
	display: inline-block;
}
.personal-details .dropdown__field,
.personal-details .dropdown__list,
.personal-details .dropdown__opener {
	border-color: #0c58da;
	color: #0c58da;
}
.personal-details .dropdown__field {
	font-size: 10pt;
}
.personal-details .dropdown__opener {
	width: 32px;
}
.personal-details .dropdown__list {
	overflow-x: hidden;
}
.personal-details .dropdown.open .dropdown__list {
	overflow-x: hidden;
}
.personal-details .numeric-stepper {
	border-color: #0c58da;
	color: #0c58da;
}
.personal-details .country-dropdown {
	height: 40px;
}
.personal-details .country-dropdown .dropdown__header {
	height: 100%;
}
.personal-details .country-dropdown .dropdown__field {
	padding: 0;
	line-height: 40px;
	padding-left: 8px;
}
.personal-details-errors-modal__list-container {
	text-align: center;
}
.personal-details-errors-modal__list-container ul {
	margin-bottom: 40px;
	min-width: 200px;
	text-align: left;
	display: inline-block;
}
@media (max-width: 1024px) {
	.personal-details__form-table {
		display: block;
	}
	.personal-details__tr-row {
		display: block;
	}
	.personal-details__td-cell {
		display: block;
	}
	.personal-details__td-label {
		min-width: 200px;
		display: block;
		padding-bottom: 24px;
	}
	.personal-details__td-value {
		display: block;
		width: 100%;
	}
	.personal-details__td-cell + .personal-details__td-cell {
		padding-left: 0;
	}
	.personal-details .age-property {
		margin-bottom: 20px;
	}
	.personal-details .age-property .personal-details__td-label {
		margin-bottom: 20px;
	}
}
.avatar-and-interests {
	font-size: 14px;
	font-size: 0.875rem;
}
.avatar-and-interests .page-indicator {
	margin-bottom: 0;
	margin-top: 0;
	position: relative;
	top: -16px;
}
.avatar-and-interests__form {
	background-color: #fff;
	border-radius: 8px;
	padding: 32px 30px 40px 30px;
	width: 438px;
}
.avatar-and-interests .checkbox {
	margin-right: 8px;
}
.avatar-and-interests__section + .avatar-and-interests__section {
	border-top: 1px solid #ecf0f1;
	margin-top: 32px;
	padding-top: 32px;
}
.avatar-and-interests__title {
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 400;
	margin: 0 0 24px 0;
}
.avatar-and-interests__text {
	margin: 0;
}
.avatar-and-interests__avatar-box {
	height: 130px;
	width: 130px;
	background-color: #dbdbdb;
	border-radius: 8px;
	background-image: url(../png/avatar_placeholder.png);
	background-size: cover;
}
.avatar-and-interests__avatar-image {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: 50% 50%;
	border-radius: 8px;
}
.avatar-and-interests__avatar-file {
	display: none;
}
.avatar-and-interests__spinner {
	position: absolute;
	left: 50%;
	top: 50%;
}
.avatar-and-interests__upload-button {
	color: #7f8c8d;
}
.avatar-and-interests__interests-list {
	-moz-column-count: 4;
	-moz-column-gap: 20px;
	-webkit-column-count: 4;
	-webkit-column-gap: 20px;
	column-count: 3;
	column-gap: 20px;
}
.avatar-and-interests__interests-list__item {
	margin-bottom: 8px;
}
.avatar-and-interests__avatar-upload-cell {
	vertical-align: top;
	position: relative;
}
.avatar-and-interests__avatar-upload-button {
	font-size: 14px;
	font-size: 0.875rem;
	vertical-align: bottom;
	height: 32px;
	line-height: 32px;
	position: absolute;
	bottom: 0;
}
.avatar-and-interests__errors-list {
	margin: 0;
	padding: 0;
	margin-top: 8px;
}
.avatar-and-interests__error {
	color: #29c566;
}
.avatar-and-interests-page {
	text-align: center;
}
.avatar-and-interests-page .avatar-and-interests {
	text-align: left;
	display: inline-block;
	display: -webkit-inline-box;
}
.avatar-and-interests-page__buttons-row {
	text-align: center;
	margin-top: 8px;
}
.avatar-and-interests-page__buttons {
	width: 438px;
	display: inline-block;
}
.avatar-and-interests-page__buttons .button {
	display: inline-block;
}
.slider {
	position: relative;
}
.slider__track {
	background-color: #0c58da;
	border-radius: 2px;
	height: 4px;
	left: 0;
	position: absolute;
	right: 0;
	top: 50%;
	width: 100%;
}
.slider__handle {
	background-color: #0c58da;
	border-radius: 50%;
	color: #fff;
	cursor: default;
	height: 48px;
	left: 50%;
	line-height: 48px;
	margin-left: -24px;
	margin-top: -22px;
	position: absolute;
	text-align: center;
	top: 50%;
	user-select: none;
	width: 48px;
}
.spinner {
	position: relative;
}
.spinner__element {
	width: 9px;
	height: 3px;
	background-color: #000;
	border-radius: 3px;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	transform-origin: 0 0;
	animation: spinner 1.2s linear infinite;
}
.spinner .spinner__element:nth-child(1) {
	transform: rotate(0) translate(10px, -50%);
	opacity: 0.25;
	animation-delay: 0s;
}
.spinner .spinner__element:nth-child(2) {
	transform: rotate(30deg) translate(10px, -50%);
	opacity: 0.3125;
	animation-delay: -0.1s;
}
.spinner .spinner__element:nth-child(3) {
	transform: rotate(60deg) translate(10px, -50%);
	opacity: 0.375;
	animation-delay: -0.2s;
}
.spinner .spinner__element:nth-child(4) {
	transform: rotate(90deg) translate(10px, -50%);
	opacity: 0.4375;
	animation-delay: -0.3s;
}
.spinner .spinner__element:nth-child(5) {
	transform: rotate(120deg) translate(10px, -50%);
	opacity: 0.5;
	animation-delay: -0.4s;
}
.spinner .spinner__element:nth-child(6) {
	transform: rotate(150deg) translate(10px, -50%);
	opacity: 0.5625;
	animation-delay: -0.5s;
}
.spinner .spinner__element:nth-child(7) {
	transform: rotate(180deg) translate(10px, -50%);
	opacity: 0.625;
	animation-delay: -0.6s;
}
.spinner .spinner__element:nth-child(8) {
	transform: rotate(210deg) translate(10px, -50%);
	opacity: 0.6875;
	animation-delay: -0.7s;
}
.spinner .spinner__element:nth-child(9) {
	transform: rotate(240deg) translate(10px, -50%);
	opacity: 0.75;
	animation-delay: -0.8s;
}
.spinner .spinner__element:nth-child(10) {
	transform: rotate(270deg) translate(10px, -50%);
	opacity: 0.8125;
	animation-delay: -0.9s;
}
.spinner .spinner__element:nth-child(11) {
	transform: rotate(300deg) translate(10px, -50%);
	opacity: 0.875;
	animation-delay: -1s;
}
.spinner .spinner__element:nth-child(12) {
	transform: rotate(330deg) translate(10px, -50%);
	opacity: 0.9375;
	animation-delay: -1.1s;
}
@keyframes spinner {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
.start {
	text-align: center;
}
.start__paragraph {
	color: #29c566;
	font-size: 24px;
	font-weight: lighter;
}
.start__button {
	border-radius: 54px;
	height: 108px;
	width: 108px;
	transition: transform 0.2s ease-out;
	background-color: #29c566;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
	border: 0;
	color: #fff;
	cursor: pointer;
	font-size: 32px;
	font-weight: 700;
	outline: 0;
	padding: 0;
}
html:not(.touchevents) .start__button:not([disabled]):not(.is-disabled):hover {
	transform: scale(1.1);
}
.start__link {
	color: inherit;
	cursor: text;
	text-decoration: none;
}
.start__highlight {
	color: rgba(255, 255, 255, 0.4);
}
.storybook {
	background-color: #fff;
	padding-bottom: 64px;
	padding-top: 64px;
}
.storybook__section {
	margin-left: auto;
	margin-right: auto;
	margin-top: 32px;
	margin-top: 2rem;
	margin-bottom: 32px;
	margin-bottom: 2rem;
	max-width: 1200px;
}
.storybook__section:first-child {
	margin-top: 0;
}
.storybook__section:last-child {
	margin-bottom: 0;
}
.storybook__box {
	margin-top: 32px;
	margin-top: 2rem;
	margin-bottom: 32px;
	margin-bottom: 2rem;
	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	padding: 24px;
}
.storybook__box:first-child {
	margin-top: 0;
}
.storybook__box:last-child {
	margin-bottom: 0;
}
.terms-and-conditions {
	text-align: center;
}
.terms-and-conditions__content {
	text-align: left;
	display: inline-block;
	width: 640px;
	height: 480px;
}
.terms-and-conditions__text {
	font-size: 0.75em;
	overflow: hidden;
	width: 100%;
	height: 300px;
	position: relative;
}
.terms-and-conditions__text-content {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 5px;
	overflow: hidden;
}
.terms-and-conditions__text-scrollbar {
	width: 5px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
}
.terms-and-conditions__text-scrollbar__scroller {
	border-radius: 2px;
	width: 100%;
	height: 50%;
	position: absolute;
	background-color: #b5bbc0;
}
.terms-and-conditions__buttons-row {
	margin-top: 24px;
	text-align: center;
}
.terms-and-conditions__buttons-container {
	display: inline-block;
}
.terms-and-conditions__accept-button-container.disabled {
	opacity: 0.5;
}
.timer {
	margin-top: 24px;
	margin-top: 1.5rem;
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
	font-size: 32px;
	font-weight: 700;
	line-height: 1;
}
.timer:first-child {
	margin-top: 0;
}
.timer:last-child {
	margin-bottom: 0;
}
.timer--center {
	text-align: center;
}
.timer--gray {
	color: #b5bbc0;
}
.timer--white {
	color: #fff;
}
.title {
	margin-top: 24px;
	margin-top: 1.5rem;
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
}
.title:first-child {
	margin-top: 0;
}
.title:last-child {
	margin-bottom: 0;
}
.title--center {
	text-align: center;
}
.toggle-buttons {
	width: 100%;
	height: 100%;
	display: table;
	table-layout: fixed;
	border-spacing: 0;
}
.toggle-buttons .toggle-button {
	user-select: none;
	height: 40px;
	text-align: center;
	border: 1px solid #0c58da;
	color: #0c58da;
	vertical-align: middle;
	width: 50px;
	display: table-cell;
}
.toggle-buttons .toggle-button--left {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-right: 0 transparent none;
}
.toggle-buttons .toggle-button--right {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.toggle-buttons .toggle-button.selected {
	color: #fff;
	background-color: #0c58da;
}
.view--center {
	align-items: center;
	display: flex;
	height: calc(100vh - 60px);
}
.view__content {
	padding-bottom: 64px;
	padding-top: 64px;
	width: 100%;
}
.view__row {
	margin-top: 40px;
	margin-top: 2.5rem;
	margin-bottom: 40px;
	margin-bottom: 2.5rem;
}
.view__row:first-child {
	margin-top: 0;
}
.view__row:last-child {
	margin-bottom: 0;
}

p.start__paragraph {
	max-width: 600px;
	margin: auto;
	margin-bottom: 10px;
}
.txt_ui_logo {
	font-size: 58px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.footer_links p {
	padding: 0 10px;
}
.sharing {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	position: fixed;
	left: 20px;
	top: 100px;
	z-index: 1;
}
.sharing a:hover {
	transform: scale(1.1);
}
.sharing a {
	background-color: transparent;
	background-size: 32px;
	display: inline-block;
	width: 36px;
	height: 36px;
	background-size: contain;
	margin-bottom: 10px;
	transition: 0.3s;
}
a.ico_faceboock {
	background-image: url(../svg/facebook_single.svg);
}

a.ico_twitter {
	background-image: url(../svg/twitter_single.svg);
}

a.ico_linkid {
	background-image: url(../svg/linkedin_single.svg);
}
input#game_name,
input#game_email {
	height: 30px;
	border-radius: 4px;
	border: 1px solid #f1f1f1;
}
p.end-screen__text {
	margin-top: 20px;
}
p.end-screen__text .next_table {
	color: #fff;
}
.finish_app p.start__paragraph.start__paragraph_h1 {
	color: #fff;
	transform: translateY(-25px);
	font-size: 40px;
}
.finish_app .view__table table {
	width: 90%;
	max-width: 700px;
	margin: auto;
	background: #fff;
	border-radius: 6px;
	font-size: 16px;
	line-height: 24px;
	border-collapse: collapse;
	border: 6px solid #fff;
	overflow: hidden;
}
.finish_app .view__table table thead {
	font-weight: bold;
}
.finish_app th,
.finish_app td {
	height: 40px;
}
.finish_app thead tr {
	border-bottom: 2px solid #111 !important;
}
.finish_app tr:not(:last-child) {
	border-bottom: 1px solid #111 !important;
}
.finish_app td:first-child {
	font-weight: bold;
}

button.next_table {
	background: none !important;
	border: none;
	padding: 0 !important;
	/*optional*/
	font-family: arial, sans-serif;
	/*input has OS specific font-family*/
	color: #069;
	text-decoration: underline;
	cursor: pointer;
}
input.next_table {
	background: none !important;
	border: none;
	padding: 0 !important;
	/*optional*/
	font-family: arial, sans-serif;
	/*input has OS specific font-family*/
	color: #069;
	text-decoration: underline;
	cursor: pointer;
}

#game_result_container {
	display: none;
}
.current_game {
	background-color: #dcdcde;
}
body a {
	color: #fff;
}
.sharing a {
	width: 75px;
	height: 67px;
	background-size: contain;
	border-radius: 0;
	border: none;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
}
a.ico_linkid {
	background-image: url(../png/link2.png);
}
a.ico_twitter {
	background-image: url(../png/twitter1.png);
}
a.ico_faceboock {
	background-image: url(../png/face1.png);
}
.sharing a.conferencia:active,
.sharing a.conferencia:focus {
	border-left: 3px solid #868a8e;
	border-top: 3px solid #868a8e;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
}
.sharing a.conferencia {
	display: inline-flex;
	width: 170px;
	height: 38px;
	border-left: 3px solid white;
	border-top: 3px solid white;
	border-right: 3px solid #868a8e;
	border-bottom: 3px solid #868a8e;
	background: #c3c7cb;
	outline: 3px solid #000;
	font-size: 17px;
	line-height: 29px;
	font-weight: bold;
	color: #191919;
	align-items: center;
	padding-left: 38px;
	background-image: url(../png/windows.png);
	background-repeat: no-repeat;
	background-size: 30px;
	background-position: 3px center;
	border-radius: 0;
	text-decoration: none;
	transform: translate(-63px, 67px) rotate(-90deg);
}
p.end-screen__text .next_table {
	font-size: inherit;
}
.personal-details .dropdown__field {
	font-size: 16px;
}
.select_leng {
	position: fixed;
	right: 20px;
	top: 20px;
	width: 98px;
	background-color: #efdca6;
	border: 5px solid #333;
	z-index: 12;
}
span.active-lang {
	font-size: 24px;
	line-height: 29px;
	font-weight: bold;
	color: #191919;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 44px;
	cursor: pointer;
	padding-left: 10px;
}
span.active-lang:after {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url(../png/arrow-down.png);
	background-size: inherit;
	margin-left: 10px;
}
.list_lang {
	position: absolute;
	display: none;
}
.list_lang a,
.list_lang span {
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	color: #191919;
	display: block;
	text-align: center;
	text-decoration: none;
}
.list_lang span,
.list_lang a:hover {
	background-color: rgba(94, 230, 205, 0.5);
	border-radius: 10px;
	text-decoration: none;
}
.list_lang a + a,
.list_lang span + a,
.list_lang a + span {
	margin-top: 10px;
}
.active-s .list_lang {
	background-color: #efdca6;
	border: 5px solid #333;
	display: block;
	width: calc(100% + 10px);
	left: -5px;
	padding: 10px;
}
.active-s span.active-lang:after {
	transform: rotate(180deg);
}

@media (max-width: 767px) {
	.sharing {
		width: 100vw;
		right: 0;
		bottom: 0;
		height: 60px;
		flex-direction: row;
		background-color: #6db1ff;
		border: 3px solid #333;
		padding: 0 15px;
		align-items: center;
		padding-top: 0px;
		top: auto;
		left: 0;
		justify-content: space-between;
		z-index: 12;
	}
	.sharing a.conferencia {
		transform: none;
		margin: 0;
		margin-left: 15px;
	}
	.sharing a {
		margin: 0;
	}
	.txt_ui_logo {
		font-size: 48px;
	}
	p.start__paragraph {
		font-size: 18px;
	}
	.view__row {
		padding: 0 15px;
	}
	.view__content {
		padding-bottom: 10px;
	}
	.view--center {
		height: calc(100vh - 70px);
	}
	div#app {
		margin-bottom: 70px;
	}
	.cookies {
		padding: 15px;
	}
	.cookies__message {
		font-size: 16px;
		margin: 0;
	}
	.align--gutter-md > .align__cell:not(:last-child) {
		padding-right: 8px;
	}
	.button {
		height: 30px;
		line-height: 30px;
		min-width: 60px;
		font-size: 14px;
	}
	.login-form {
		width: 100%;
	}
	.login-form__container-copy-1 {
		width: 100%;
	}
	.login-form__container-copy-2 {
		width: 100%;
	}
	.login-form__container {
		width: 100%;
		padding: 32px 15px;
	}
	.help-form {
		right: 5px;
		width: 200px;
		height: 202px;
	}
	.help-form__container {
		padding: 10px 10px;
	}
	.help-form__title {
		font-size: 14px;
		margin: 0 0 18px;
	}
	.help-form__close-button {
		width: 20px;
		height: 24px;
		font-size: 0.8em;
		min-width: 30px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
	button.button.button--solid.button--blue.help-form__send-to-bottom-button {
		padding: 0 5px;
	}
	.help-form .discrete {
		font-size: 14px;
		text-align: center;
		width: 100%;
	}
	.modal__box {
		width: calc(100% - 20px);
	}
	.password-check {
		font-size: 12px;
		padding: 30px 0;
	}
	.footer_links p {
		font-size: 14px;
	}
	.login-form .input {
		font-size: 14px;
	}
	.login-form a {
		font-size: 14px;
	}
	.login-form .input {
		font-size: 14px;
		padding: 0 10px;
	}
	.avatar-and-interests__form {
		padding: 32px 10px;
		width: 100%;
	}
	.avatar-and-interests__title {
		margin: 0 0 14px 0;
	}
	.avatar-and-interests .checkbox {
		margin-right: 4px;
	}
	.avatar-and-interests__interests-list {
		column-count: 2;
		column-gap: 10px;
	}
	.avatar-and-interests-page__buttons {
		width: 100%;
	}
	.personal-details__form {
		padding-left: 18px;
		padding-right: 18px;
	}
	.personal-details__td-label {
		padding-bottom: 5px;
		min-width: 0px;
		width: 100%;
		font-size: 14px;
	}
	.input {
		padding: 0 10px;
		font-size: 14px;
	}
	.personal-details__td-cell {
		padding-bottom: 20px;
	}
	.personal-details .dropdown__field {
		font-size: 14px;
	}
	.slider__handle {
		height: 28px;
		line-height: 28px;
		margin-left: -14px;
		margin-top: -12px;
		width: 28px;
	}
	.toggle-buttons .toggle-button.selected,
	.toggle-buttons .toggle-button--right {
		font-size: 14px;
	}
	.captcha-gallery > h2 {
		font-size: 18px;
	}
	.captcha-gallery > h2,
	.captcha-gallery > h3 {
		font-size: 18px;
	}
	.captcha-gallery__cell {
		padding: 1px;
		height: 68px;
	}
	.captcha-gallery__row.captcha-gallery__row-check .captcha-gallery__cell.captcha-gallery__cell-check {
		height: 38px;
	}
	.captcha-gallery__container {
		height: 430px;
	}
	.end-screen__title {
		font-size: 20px;
		max-width: 200px;
		margin: auto;
	}
	.end-screen__image {
		max-width: 100%;
		margin: 20px 0;
	}
	.end-screen {
		font-size: 14px;
	}
	.finish_app p.start__paragraph.start__paragraph_h1 {
		transform: translateY(-26px);
		font-size: 20px;
	}
	.finish_app .view__table table {
		font-size: 14px;
		width: 100%;
	}
	.finish_app .view__content {
		padding-top: 0;
	}
	.dropdown__list-item {
		font-size: 14px;
	}
}
[class*="number-tel"] ul {
	list-style: none;
	padding: 0;
	width: 100%;
	margin: 0;
	display: none;
}
[class*="number-tel"].a_list_a ul {
	display: block;
}

.my_phone > div {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.my_phone {
	text-align: left;
	margin-top: 10px;
	height: 42px;
}
.login-form__section + .login-form__section {
	margin-top: 30px;
}
.login-form__section + .login-form__section {
	margin-top: 20px;
}
[class*="number-tel"] > span {
	display: flex;
	width: 30px;
	justify-content: center;
	height: 20px;
	align-items: center;
	position: relative;
	padding-right: 4px;
}
[class*="number-tel"] {
	border: 1px solid #b5bbc0;
	border-radius: 4px;
	cursor: pointer;
	z-index: 1;
}
span.name_tel {
	display: inline-block;
	margin-bottom: 4px;
}
[class*="number-tel"] > span:after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	position: absolute;
	transform: rotate(-45deg);
	border-bottom: 1px solid #b5bbc0;
	border-left: 1px solid #b5bbc0;
	right: 4px;
	top: 6px;
}
[class*="number-tel"] li:hover {
	background: #0c58da;
	color: #fff;
}
[class*="number-tel"] li {
	padding: 1px 4px 1px 0;
	text-align: center;
}
[class*="number-tel"] ul {
	background: #fff;
}
.my_phone.errorPhone b {
	content: "";
	width: 94px;
	height: 40px;
	background: transparent;
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
}
.login-form__container form {
	position: relative;
}
.login-form__terms-conditions-error ~ .err_phone {
	display: none;
}
div#app .start .view__table {
	max-height: 50vh;
	overflow-y: scroll;
	width: auto;
	width: 90%;
	max-width: 700px;
	margin: auto;
}
div#app .start .view__table table {
	width: 100%;
}

/* 30070 */

div#app {
	position: relative;
	min-height: 100vh;
}
span.bg_app1 {
	position: absolute;
	width: calc(40% - 10px);
	height: calc(100% - 10px);
	display: inline-block;
	top: 5px;
	left: 5px;
	background-color: #9191f2;
	border: 5px solid #333;
	z-index: -1;
	background-image: url(../png/cobe.png);
}
span.bg_app2,
span.bg_app3 {
	position: absolute;
	border: 5px solid #333;
	height: calc((100% / 2) - 3px);
	width: calc(60% - 10px);
	right: 5px;
	top: 5px;
	background-color: #78ffe6;
	z-index: -1;
}
span.bg_app3 {
	top: auto;
	bottom: 5px;
	background-color: #efdca6;
	border-top-width: 4px;
}
.win_bg {
	border-right: 4px solid #868a8e;
	border-bottom: 4px solid #868a8e;
	outline: 5px solid #000000;
	width: calc(100% - 40px);
	margin: auto;
	max-width: 530px;
	background: #f6efed;
	position: relative;
	border-left: 4px solid white;
	border-top: 4px solid white;
}
.win_sub_bg {
	border-right: 4px solid #868a8e;
	border-bottom: 4px solid #868a8e;
	outline: 5px solid #000000;
	width: 100%;
	margin: -5px;
	max-width: 530px;
	background: #f6efed;
	position: relative;
	border-left: 4px solid white;
	border-top: 4px solid white;
	transform: translate(13px, -13px);
}
.win_bg:before,
.win_bg:after {
	content: "";
	border-right: 4px solid #868a8e;
	border-bottom: 4px solid #868a8e;
	outline: 5px solid #000000;
	width: calc(100% + 15px);
	margin: auto;
	max-width: 530px;
	background: #f6efed;
	position: relative;
	border-left: 4px solid white;
	border-top: 4px solid white;
	display: inline-block;
	height: 100%;
	position: absolute;
	top: 16px;
	left: -16px;
	z-index: -1;
}
.win_bg:before {
	top: 28px;
	left: -28px;
}

.win_sub_bg .view__row .txt_ui_logo {
	display: flex;
	align-items: center;
	height: 44px;
	padding: 0 10px;
	background: #1179f2;
	color: #edf5f9;
	font-size: 20px;
	font-family: "Montserrat", sans-serif;
	font-weight: 800;
	justify-content: space-between;
	letter-spacing: 2px;
}
p.start__paragraph {
	font-size: 14px;
	line-height: 17px;
	color: #000;
	text-align: left;
	font-weight: 800;
}
.win_sub_bg .view__row:first-child ~ div {
	max-width: 390px;
	width: calc(100% - 40px);
	margin: auto;
}
.view__row.row-m-s p {
	text-align: left;
	font-size: 14px;
	line-height: 17px;
	color: #9f9f9f;
	text-align: left;
	font-weight: 800;
}
.view__row.row-m-s p u {
	color: #333;
	text-decoration: none;
}
.view__row.row-m-s p a.start__link {
	text-decoration: underline;
}
.view__row.row-m-s p span.start__highlight {
	color: #1179f2;
}
button.start__button span {
	border: 2px dotted #111;
	border-radius: 4px;
	display: inline-flex;
	width: 100%;
	justify-content: center;
	color: #333;
}
button.start__button {
	outline: 2px solid #000000;
	background: #f7efed;
	border-width: 3px;
	border-style: solid;
	border-color: #ffffff #808080 #808080 #ffffff;
	padding: 4px;
	height: auto;
	margin-bottom: 20px;
	border-radius: 0;
	font-size: 18px;
	line-height: 22px;
}
p.start__paragraph-head + p.start__paragraph {
	margin-bottom: 60px;
}
.view__row.row-m-s {
	margin-bottom: 20px !important;
}
span.close_w {
	height: 31px;
	width: 36px;
	display: inline-block;
	background-image: url(../png/close.png);
	cursor: pointer;
	background-size: contain;
}
p.start__paragraph-head {
	font-size: 32px;
	line-height: 39px;
	color: #000;
	text-align: left;
	font-weight: 800;
}
.cookies {
	border: 5px solid #333;
	width: calc(100% - 10px);
	box-sizing: border-box;
	padding: 20px 25px;
	font-size: 12px;
	letter-spacing: 2.74px;
	font-weight: 800;
	margin: 5px;
}
.view__row-pagination {
	display: none;
}
.cookies__message {
	font-size: 12px;
}
.cookies button.button.button--solid.button--transparent {
	font-size: 12px;
	letter-spacing: 2.74px;
	font-weight: 800;
}
.win_sub_bg .view__row .txt_ui_logo span {
	display: inline-flex;
	align-items: center;
	line-height: 24px;
	font-size: 18px;
	letter-spacing: 2.4px;
}
.win_sub_bg .view__row.view__row2 {
	position: absolute;
	top: 11px;
	width: auto !important;
	left: 125px;
}
.view__row.view__row2 .timer {
	font-size: 18px;
	letter-spacing: 2.4px;
	line-height: 22px;
	font-weight: 800;
	color: #edf5f9;
}
.win_sub_bg .view__row.view__row3 {
	width: 100% !important;
	max-width: 100% !important;
}
.view__row.view__row1 {
	margin-bottom: 0px;
}
.login-form__container-copy-1 {
	display: none;
}
.login-form__container-copy-2 {
	display: none;
}
.login-form-with-pw-check .login-form {
	width: 100%;
}
.login-form__container {
	width: 100%;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}
.login-form .page-indicator {
	font-size: 18px;
	line-height: 26px;
	color: #cdc9c1;
	font-weight: 800;
}
.login-form .input::placeholder {
	color: #cdc9c1;
}
.login-form .input {
	border: 1px solid #cdc9c1;
	box-shadow: inset 3px 3px 4px 0px #cdc9c1;
	font-size: 14px;
	line-height: 17px;
	color: #9d9d9d;
	font-weight: bold;
	border-radius: 0;
}
.login-form .input:focus,
.dropdown.open .dropdown__field {
	border: 1px solid #9d9d9d;
	box-shadow: inset 3px 3px 4px 0px #a9a6a1;
	color: #9d9d9d;
}
.dropdown__field {
	border: 1px solid #cdc9c1;
	box-shadow: inset 3px 3px 4px 0px #cdc9c1;
	font-size: 14px;
	line-height: 17px;
	color: #9d9d9d;
	font-weight: bold;
	border-radius: 0;
	background: transparent;
}
.dropdown__opener .icon {
	border-left: 2px solid white;
	border-top: 2px solid white;
	border-right: 2px solid #868a8e;
	border-bottom: 2px solid #868a8e;
	background: #c8c3bc;
	width: 16px;
	height: 15px;
	margin-left: -8.25px;
	margin-top: -8px;
}
.dropdown__opener .icon:before {
	content: "";
	width: 15px;
	height: 15px;
	background-image: url(../png/arrow-down.png);
	background-size: contain;
	display: inline-block;
	position: absolute;
	top: -2px;
	left: -1px;
}
.login-form__field-row + .login-form__field-row {
	margin-top: 12px;
}
span.name_tel {
	font-size: 14px;
	line-height: 20px;
	font-weight: 800;
	text-transform: lowercase;
	letter-spacing: 1px;
}
.my_phone {
	margin-top: 12px;
	height: 54px;
}
[class*="number-tel"] {
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
	border-radius: 0;
	box-shadow: inset 3px 3px 4px 0px #a9a6a1;
	color: #9d9d9d;
	border: 1px solid #838282;
}
[class*="number-tel"] > span:after {
	content: "";
	width: 15px;
	height: 15px;
	background-image: url(../png/arrow-down.png);
	background-size: contain;
	display: inline-block;
	position: absolute;
	top: 5px;
	right: 2px;
	border-left: 2px solid white;
	border-top: 2px solid white;
	border-right: 2px solid #868a8e;
	border-bottom: 2px solid #868a8e;
	background-color: #c8c3bc;
	width: 16px;
	height: 15px;
	transform: translate(0, 0);
}
[class*="number-tel"] > span {
	width: 36px;
	height: 25px;
	padding-right: 15px;
}
.win_btn {
	outline: 2px solid #000000;
	background: #f7efed !important;
	border-width: 3px;
	border-style: solid;
	border-color: #ffffff #808080 #808080 #ffffff;
	padding: 4px;
	height: auto;
	margin-bottom: 0px;
	border-radius: 0;
	font-size: 18px;
	line-height: 22px;
}
.win_btn span {
	border: 2px dotted #111;
	border-radius: 4px;
	display: inline-flex;
	width: 100%;
	justify-content: center;
	color: #333;
	font-weight: 800;
	display: inline-block;
	font-size: 16px;
	letter-spacing: 1px;
	text-transform: lowercase;
	padding: 0 5px;
}
.password-check__password-rule {
	font-size: 12px;
	line-height: 15px;
	color: #a19f9e;
	letter-spacing: 0.5px;
}
.view__row.view__row3 {
	position: relative;
	padding-bottom: 80px;
}
.view__row.view__row3 .login-form__section.align.align--fluid.align--even {
	position: absolute !important;
	bottom: 15px;
	left: 50%;
	width: 80%;
	margin: auto;
	transform: translateX(-50%);
}
.view__row.view__row3 .login-form-with-pw-check .login-form {
	position: static;
	height: auto;
}
.view__row.view__row3 .login-form__container form {
	position: static;
}
.view__row.view__row3 .login-form__container {
	position: static;
	padding-bottom: 10px;
	height: auto;
}
.login-form__section a.login-form__terms-conditions {
	font-size: 14px;
	letter-spacing: 1.5px;
	line-height: 17px;
	font-weight: bold;
}
.password-check {
	padding: 25px;
}
.checkbox__box {
	background-color: #187ef5;
	border: 1px solid #000;
	box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.58);
	width: 21px;
	height: 21px;
	border-radius: 0;
}
.icon-check:before {
	content: "";
	display: inline-block;
	background-image: url(../png/win_check.png);
	width: 13px;
	height: 13px;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 3px;
	left: 3px;
}
.view__row.view__row3 .login-form__section button.win_btn span {
	line-height: 30px;
}
.login-form .button-container__secondary a.button--secondary {
	font-size: 18px;
	letter-spacing: 2.4px;
	color: #cdc9c1;
	font-weight: 800;
	float: none;
	text-transform: lowercase;
}
.login-form .button-container__primary {
	max-width: 50%;
	width: 190px;
}
.help-form__container {
	background-color: #1179f2;
	border: 5px solid #333;
	border-radius: 0px;
}
h2.help-form__title {
	font-size: 18px;
	letter-spacing: 2.4px;
	line-height: 22px;
	text-transform: lowercase;
}
.help-form__container .button--solid.button--blue {
	background: #1179f2;
	border: 2px solid #fff;
	border-radius: 0px;
}
.icon-chevron-up:before {
	content: "";
	content: "";
	display: inline-block;
	background-image: url(../png/win_arrow_white.png);
	width: 13px;
	height: 13px;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 6px;
	left: 4px;
}
div .help-form__container .win_help {
	outline: 2px solid #000000;
	background: #f7efed !important;
	border-width: 3px !important;
	border-style: solid !important;
	border-color: #ffffff #808080 #808080 #ffffff !important;
	padding: 4px;
	height: auto;
	margin-bottom: 0px;
	border-radius: 0;
	font-size: 18px;
	line-height: 22px;
	margin-top: 8px;
}
.help-form__container .button--solid.button--blue > div {
	border: 2px dotted #111;
	border-radius: 4px;
	display: inline-flex;
	width: 100%;
	justify-content: center;
	color: #333;
	font-weight: 800;
	display: inline-block;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 0 5px;
}
div .help-form__container .win_help span.highlight {
	font-size: 16px;
	line-height: 20px;
	text-transform: lowercase;
	font-weight: 800;
	color: #333;
}
div .help-form__container .win_help span.discrete {
	display: inline-block;
	margin-left: 5px;
	font-size: 10px;
	font-weight: normal;
}
textarea.help-form__text-area {
	background-color: #f4eeec;
	border: 1px solid #3e3e3e;
	box-shadow: inset 3px 3px 3px 0 #7c7c7c;
	border-radius: 0px;
}
.help-form__help-button {
	font-size: 16px;
	letter-spacing: 2.13px;
	line-height: 20px;
	text-transform: lowercase;
	margin-top: 5px;
	display: inline-block;
}
.login-form__terms-conditions-error {
	font-size: 14px;
	letter-spacing: 1.5px;
	line-height: 17px;
	font-weight: bold;
	text-transform: lowercase;
}
.modal__box {
	border-right: 4px solid #868a8e;
	border-bottom: 4px solid #868a8e;
	outline: 5px solid #000000;
	width: 100%;
	max-width: 530px;
	background: #f6efed;
	position: relative;
	border-left: 4px solid white;
	border-top: 4px solid white;
	border-radius: 0px;
	padding: 0;
}
.modal__box h2.title.title--center {
	background-color: #f7001a;
	font-size: 18px;
	letter-spacing: 2.4px;
	line-height: 22px;
	text-transform: lowercase;
	text-align: left;
	color: #fff;
	padding: 9px;
	font-weight: 800;
	margin-bottom: 38px;
}
.wrap-time-title {
	font-size: 24px;
	line-height: 29px;
	font-weight: 800;
}
.timer.timer--gray.timer--center {
	font-size: 24px;
	line-height: 29px;
	font-weight: 800;
	color: #cdc9c1;
	margin: 4px 0 27px;
	text-align: left;
}
.wrap-time {
	position: relative;
	padding-left: 140px;
}
.wrap-time:before {
	content: "";
	display: inline-block;
	background-image: url(../png/yellow-warning-sign.png);
	width: 105px;
	height: 85px;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: -9px;
	left: 14px;
}
button.win_btn.button.button--solid.button--green.button--center {
	margin-bottom: 40px;
	line-height: 30px;
}
span.modal__fullscreen {
	border-left: 2px solid white;
	border-top: 2px solid white;
	border-right: 2px solid #868a8e;
	border-bottom: 2px solid #868a8e;
	background-color: #c8c3bc;
	width: 32px;
	height: 29px;
	background-size: 15px 15px;
	right: 8px;
	top: 5px;
}
.modal {
	background-color: rgba(17, 121, 242, 0.55);
}
.view__row.view__row3 .avatar-and-interests-page__buttons-row {
	position: absolute;
	bottom: 10px;
	width: 100%;
	left: 0;
}
.avatar-and-interests-page .avatar-and-interests {
	width: 100%;
}
.avatar-and-interests__form {
	width: 100%;
	background: transparent;
	max-width: 450px;
	margin: auto;
}
.avatar-and-interests .page-indicator {
	font-size: 18px;
	line-height: 26px;
	color: #cdc9c1;
	font-weight: 800;
}
.avatar-and-interests__avatar-box {
	height: 130px;
	width: 120px;
	background-image: url(../png/pk.png);
	background-color: #f4eeec;
	border: 1px solid #3e3e3e;
	box-shadow: inset 3px 3px 3px 0 #7c7c7c;
	border-radius: 0;
	background-size: 75px 75px;
	background-repeat: no-repeat;
	background-position: center;
}
.avatar-and-interests__avatar-box .spinner.avatar-and-interests__spinner {
	display: none;
}
h2.avatar-and-interests__title {
	font-size: 16px;
	line-height: 20px;
	font-weight: 800;
	text-transform: lowercase;
	margin-bottom: 10px;
}
.avatar-and-interests__text {
	text-transform: lowercase;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: 0.5px;
	margin-bottom: 15px;
	font-weight: bold;
}
.align__cell.avatar-and-interests__avatar-upload-cell {
}
.avatar-and-interests__avatar-upload-cell .button--blue.win_btn span {
	font-size: 14px;
	color: #187ef5;
	padding: 0 5px;
}
.avatar-and-interests__avatar-upload-cell .button--blue.win_btn {
	position: static;
}
.avatar-and-interests__section + .avatar-and-interests__section {
	margin-top: 15px;
	padding-top: 15px;
	border-color: #cdc9c1;
}
.checkbox.small .checkbox__box {
	width: 17px;
	height: 17px;
	line-height: 17px;
}
.checkbox.small span.checkbox__box .icon-check:before {
	width: 10px;
	height: 10px;
	top: 4px;
	left: 3px;
}
.avatar-and-interests__interests-list__item span {
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
}
.avatar-and-interests__section.avatar-and-interests__interests-section h2.avatar-and-interests__title {
	margin-bottom: 15px;
}
.avatar-and-interests-page__buttons-row button.button.button--stroked.button--white.button--fluid.win_btn {
	opacity: 0.5;
}
.avatar-and-interests__avatar-image {
	border-radius: 0;
	border-width: 3px;
	border-style: solid;
	border-color: #ffffff #808080 #808080 #ffffff;
}
.avatar-and-interests-page__buttons-row .win_btn span {
	line-height: 30px;
}
.modal__box .align.align--center.align--gutter-sm {
	margin-bottom: 20px;
}
.personal-details .page-indicator {
	font-size: 18px;
	line-height: 26px;
	color: #cdc9c1;
	font-weight: 800;
	margin-bottom: 20px;
}
.personal-details__form {
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 0;
	background: transparent;
}
.personal-details h3 {
	display: none;
}
.personal-details__td-label {
	display: block;
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #000;
	margin-bottom: 4px;
	text-transform: lowercase;
}
.personal-details__td-value {
	display: block;
}
.personal-details__tr-row {
	display: flex;
}
.input--blue {
	border: 1px solid #636363;
	box-shadow: inset 3px 3px 4px 0px #cdc9c1;
	font-size: 14px;
	line-height: 14px;
	color: #333;
	font-weight: normal;
	border-radius: 0;
	height: 34px;
}
.personal-details .dropdown__field,
.personal-details .dropdown__list,
.personal-details .dropdown__opener {
	border: 1px solid #636363;
	box-shadow: inset 3px 3px 4px 0px #cdc9c1;
	font-size: 14px;
	line-height: 14px;
	color: #333;
	font-weight: normal;
	text-transform: lowercase;
}
.personal-details .dropdown__opener {
	border-left: 0px;
	box-shadow: inset -1px 3px 2px 0px #cdc9c1;
	border-radius: 0;
}
.personal-details__td-cell {
	padding-bottom: 15px;
}
.personal-details .numeric-stepper {
	border: 1px solid #636363;
	box-shadow: inset 3px 3px 4px 0px #cdc9c1;
	font-size: 14px;
	line-height: 14px;
	color: #333;
	font-weight: normal;
	border-radius: 0px;
	height: 34px;
}
.numeric-stepper__button-container .icon-chevron-down:before {
	width: 12px;
	height: 13px;
	background-image: url(../png/arrow-down.png);
	background-size: contain;
	display: inline-block;
	position: absolute;
	top: 0px;
	left: 4px;
	content: "";
}
.numeric-stepper__button-container .numeric-stepper__button .icon {
	border-left: 2px solid white;
	border-top: 2px solid white;
	border-right: 2px solid #868a8e;
	border-bottom: 2px solid #868a8e;
	background: #c8c3bc;
	width: 13px;
	height: 12px;
	display: inline-block;
}
.numeric-stepper__button-container .icon-chevron-up:before {
	width: 12px;
	height: 13px;
	background-image: url(../png/arrow-down.png);
	background-size: contain;
	display: inline-block;
	position: absolute;
	top: 0px;
	transform: rotate(180deg);
	left: 4px;
	content: "";
}
.numeric-stepper__input-container {
	height: 34px;
	line-height: 34px;
}
.numeric-stepper__button-container .numeric-stepper__button--down {
	bottom: 1px;
}
.numeric-stepper__button-container .numeric-stepper__button--up {
	top: 2px;
}
.slider__handle {
	height: 23px;
	width: 23px;
	background-color: #187ef5;
	border: 1px solid #5da6ff;
	box-shadow: inset 1px 1px 1px 0 #fff, inset 3px 3px 1px 0 #60a9ff;
	border-radius: 0px;
	line-height: 23px;
	font-size: 10px;
	margin-left: -8px;
	margin-top: -9px;
}
.slider {
	padding-top: 25px;
}
.slider__track {
	background: #187ef5;
}
.date-dropdowns .date-dropdown__container:first-child {
	width: 59px;
}
.date-dropdowns .date-dropdown__container:last-child {
	width: 73px;
}
.toggle-buttons .toggle-button {
	outline: 2px solid #000000;
	background: #f7efed !important;
	border-width: 3px;
	border-style: solid;
	border-color: #ffffff #808080 #808080 #ffffff;
	padding: 4px;
	height: auto;
	margin-bottom: 0px;
	border-radius: 0;
	font-size: 16px;
	line-height: 22px;
	font-weight: 800;
	margin: 2px;
	display: inline-flex;
	width: calc(50% - 8px);
	justify-content: center;
	position: relative;
	text-transform: lowercase;
	color: #333;
}
.toggle-buttons .toggle-button.selected {
	color: #187ef5;
}
.toggle-buttons {
	display: flex;
	justify-content: space-between;
}
.toggle-buttons .toggle-button:before {
	content: "";
	border: 2px dotted #111;
	border-radius: 4px;
	position: absolute;
	display: inline-block;
	height: calc(100% - 6px);
	width: calc(100% - 6px);
	left: 3px;
	top: 3px;
}
.personal-details__bottom-button-row {
	position: absolute;
	width: 100%;
	bottom: 20px;
	left: 0px;
	text-align: center;
}
.win_unlock {
	margin-bottom: 20px;
}
.avatar-and-interests__errors ul.avatar-and-interests__errors-list {
	list-style: none;
}
.avatar-and-interests__errors ul.avatar-and-interests__errors-list li:before {
	content: "_";
}
.avatar-and-interests__errors ul.avatar-and-interests__errors-list li {
	text-transform: lowercase;
	font-size: 14px;
	line-height: 19px;
	letter-spacing: 0.5px;
	font-weight: bold;
}
.personal-details-errors-modal__list-container ul li:before {
	content: "_";
}
.personal-details-errors-modal__list-container ul li {
	text-transform: lowercase;
	font-size: 14px;
	line-height: 19px;
	letter-spacing: 0.5px;
	font-weight: bold;
}
.personal-details-errors-modal__list-container ul {
	list-style: none;
}
.page-indicator {
	font-size: 18px;
	line-height: 26px;
	color: #cdc9c1;
	font-weight: 800;
}
h2.win_almos,
h2.win_almos ~ * {
	max-width: 350px;
	margin: auto;
}
.captcha-page .captcha-gallery {
	background: transparent;
	padding-bottom: 10px;
}
.captcha-page .captcha-gallery .captcha-gallery__button-container {
	position: absolute;
	bottom: 20px;
	width: calc(100% - 30px);
	margin: auto;
	max-width: 100%;
}
.captcha-gallery__button-container .win_btn {
	line-height: 30px;
}
h2.win_almos {
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	padding-top: 10px;
	font-weight: 800;
	margin-bottom: 10px;
}
h2.win_almos + h3 {
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	text-transform: lowercase;
}
.captcha-gallery__container::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #f5f5f5;
}
.captcha-gallery__container::-webkit-scrollbar {
	width: 6px;
	background-color: #f5f5f5;
}
.captcha-gallery__container::-webkit-scrollbar-thumb {
	background: linear-gradient(90deg, rgb(150 150 150) 0%, rgba(255, 255, 255, 1) 100%);
	border: 1px solid #a5a5a5;
}
.captcha-gallery__container {
	margin-top: 30px !important;
	height: 230px;
	max-width: 450px !important;
}
h2.win_almos + h3:after {
	content: "";
	display: inline-block;
	position: absolute;
	border-top: 1px solid #cdc9c1;
	width: 100%;
	left: 0;
	bottom: -15px;
}
.captcha-gallery__container span.checkbox__box {
	width: 18px;
	height: 18px;
}
.captcha-gallery__container .icon-check:before {
	width: 10px;
	height: 10px;
	top: 6px;
	left: 4px;
}
.captcha-gallery__container .captcha-gallery__cell.captcha-gallery__cell-check {
	padding-bottom: 5px;
}
.captcha-gallery__cell-image {
	height: 65px;
}
.end-screen__image {
	max-width: 270px;
	margin-top: 30px;
	margin-bottom: 15px;
}
.end-screen__title.h1 {
	display: block;
	text-transform: lowercase;
	font-size: 24px;
	line-height: 29px;
	color: #000;
	font-weight: 800;
	letter-spacing: 1.5px;
}
.end-screen__title.h1 .timer.timer--white.timer--center {
	display: inline-block;
	margin-left: 10px;
	font-size: 24px;
	line-height: 29px;
	color: #000;
	font-weight: 800;
	letter-spacing: 1.5px;
}
.sub_h1 {
	font-size: 14px;
	line-height: 17px;
	color: #000;
	font-weight: bold;
	margin-bottom: 30px;
}
.row_result {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 30px 30px;
}
.row_result div {
	width: calc(50% - 8px);
	text-align: left;
	font-size: 14px;
	line-height: 17px;
	color: #000;
	text-transform: lowercase;
	font-weight: 800;
	letter-spacing: 2px;
}
.row_result div input {
	border: 1px solid #8c8c8c !important;
	box-shadow: inset 3px 3px 4px 0px #cdc9c1;
	font-size: 14px;
	line-height: 17px;
	color: #9d9d9d;
	font-weight: bold;
	border-radius: 0 !important;
	width: 100%;
	background: transparent;
	padding: 0 5px;
}
.row_result div span {
	display: inline-block;
	margin-bottom: 5px;
}
button.next_table.win_btn {
	background: #f7efed !important;
	border-width: 3px !important;
	border-style: solid !important;
	border-color: #ffffff #808080 #808080 #ffffff !important;
	padding: 4px !important;
	font-size: 18px !important;
	margin-bottom: 10px;
}
input.next_table.win_btn {
	background: #f7efed !important;
	border-width: 3px !important;
	border-style: solid !important;
	border-color: #ffffff #808080 #808080 #ffffff !important;
	padding: 4px !important;
	font-size: 18px !important;
	margin-bottom: 10px;
}
p.end-screen__text {
	position: absolute;
	bottom: 20px;
	width: 100%;
	left: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-weight: bold;
}
.win_bg.win_bg-resultat:before,
.win_bg.win_bg-resultat:after {
	display: none;
}
.finish_app p.start__paragraph.start__paragraph_h1 {
	font-size: 24px;
	line-height: 29px;
	color: #000;
	text-transform: lowercase;
	text-align: center;
	padding-bottom: 5px;
	transform: translateY(-0px);
}
.win_bg.win_bg-resultat .view__row:first-child {
	margin-bottom: 30px;
}
.win_bg-resultat p.start__paragraph + p.start__paragraph {
	color: #1179f2;
	text-align: center;
	max-width: 300px;
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 20px;
}
.win_bg-resultat p.start__paragraph + p.start__paragraph a {
	color: #1179f2;
	text-transform: lowercase;
}
.view__row.view__row-res-tab {
	max-width: 100% !important;
}
.view__row.view__row-res-tab .view__table {
	width: 100% !important;
	max-width: 100%;
	overflow-y: auto !important;
	max-height: 300px !important;
	margin-bottom: 20px !important;
}
.view__row.view__row-res-tab .view__table table {
	border-radius: 0 !important;
}
.password-check__password-correct {
	font-size: 12px;
	letter-spacing: 1.5px;
	line-height: 17px;
	font-weight: bold;
	text-transform: lowercase;
	margin-bottom: 10px;
}
.modal.modal--fullscreen .modal__box {
	max-width: 100%;
}
.modal.modal--fullscreen .modal__content {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	position: relative;
}
.modal.modal--fullscreen span.modal__fullscreen {
	right: 14px;
	top: 6px;
}
.modal.modal--fullscreen h2.title.title--center {
	position: absolute;
	top: 0px;
	width: 100%;
}
input#game_name:focus,
input#game_email:focus {
	border-radius: 0 !important;
	outline: none;
	border: 1px solid #726e6e !important;
	box-shadow: inset 3px 3px 4px 0px #a9a8a5;
}
p.end-screen__text a.next_table {
	font-size: inherit;
	display: inline-block;
	margin-bottom: 10px;
}
p.end-screen__text input.next_table {
	font-size: inherit;
	display: inline-block;
	margin-bottom: 10px;
}
input.next_table {
    outline: 2px solid #000000;
    background: #f7efed!important;
    border-width: 3px;
    border-style: solid;
    border-color: #FFFFFF #808080 #808080 #FFFFFF;
    padding: 4px;
    height: auto;
    margin-bottom: 0px;
    border-radius: 0;
    font-size: 18px;
    line-height: 22px;
    font-size: inherit;
    display: inline-block;
    margin-bottom: 10px;
}
@media (max-width: 767px) {
	.view__row {
		padding: 0px;
	}
	.win_sub_bg .view__row .txt_ui_logo {
		font-size: 20px;
		height: 38px;
	}
	.win_sub_bg {
		border-right: 3px solid #868a8e;
		border-bottom: 3px solid #868a8e;
		outline: 4px solid #000000;
		transform: translate(10px, -12px);
	}
	.win_bg {
		border-right: 3px solid #868a8e;
		border-bottom: 3px solid #868a8e;
		outline: 4px solid #000000;
		position: relative;
		left: 2px;
	}
	.win_bg:before {
		border-right: 3px solid #868a8e;
		border-bottom: 3px solid #868a8e;
		outline: 4px solid #000000;
		top: 12px;
		left: -12px;
	}
	.win_bg:after {
		display: none;
	}
	span.bg_app1 {
		left: 2px;
		border: 3px solid #333;
		width: calc(40% - 5px);
	}
	span.bg_app2,
	span.bg_app3 {
		border: 3px solid #333;
		right: 3px;
		width: calc(60% - 5px);
	}
	p.start__paragraph-head {
		font-size: 28px;
		line-height: 30px;
	}
	p.start__paragraph-head + p.start__paragraph {
		margin-bottom: 40px;
		font-size: 13px;
	}
	.win_sub_bg .view__row .txt_ui_logo span {
		height: 26px;
		width: 30px;
	}
	button.start__button span {
		font-size: 16px;
	}
	.sharing a {
		width: 58px;
		height: 40px;
	}
	.sharing {
		justify-content: flex-start;
	}
	.view--center {
		height: calc(100vh - 70px);
	}
	div#app {
		min-height: calc(100vh - 81px);
	}
	.cookies {
		padding: 10px;
	}
	.cookies .align.align--fluid .cookies__message {
		font-size: 12px;
		letter-spacing: 1.74px;
	}
	.cookies .align.align--fluid {
		display: flex;
		flex-direction: column;
	}
	.modal__box {
		width: calc(100% - 30px);
	}
	.win_btn {
		font-size: 16px;
		line-height: 20px;
	}
	.win_btn span {
		font-size: 12px;
	}
	.view__row.view__row2 .timer {
		font-size: 16px;
		letter-spacing: 2.4px;
		line-height: 18px;
	}
	.win_sub_bg .view__row .txt_ui_logo span {
		line-height: 18px;
		font-size: 16px;
	}
	.win_sub_bg .view__row.view__row2 {
		top: 10px;
		left: 115px;
	}
	.view__row.view__row3 .login-form__container {
		padding: 24px 6px 0px;
	}
	[class*="number-tel"] > span:after {
		width: 12px;
		height: 12px;
		top: 7px;
	}
	[class*="number-tel"] > span {
		padding-right: 12px;
		width: 26px;
	}
	.wrap-time:before {
		width: 59px;
		height: 50px;
		top: -6px;
	}
	.wrap-time {
		padding-left: 95px;
	}
	.wrap-time-title {
		font-size: 18px;
		line-height: 24px;
	}
	button.win_btn.button.button--solid.button--green.button--center {
		line-height: 25px;
	}
	.password-check {
		padding: 10px;
	}
	h2.help-form__title {
		font-size: 14px;
		letter-spacing: 0px;
		line-height: 22px;
	}
	.help-form__container .button--solid.button--blue {
		width: 18px;
		height: 24px;
		right: 11px;
		top: 11px;
	}
	.icon-chevron-up:before {
		left: 7px;
	}
	button.button.button--solid.button--blue.help-form__send-to-bottom-button {
		width: auto;
		padding: 4px;
		height: auto;
	}
	div .help-form__container .win_help span.highlight {
		font-size: 11px;
		line-height: 15px;
	}
	.help-form__container .button--solid.button--blue > div {
		display: flex;
		flex-wrap: wrap;
	}
	div .help-form__container .win_help span.discrete {
		line-height: 12px;
	}
	.help-form__help-button {
		font-size: 14px;
	}
	.login-form__section a.login-form__terms-conditions {
		font-size: 14px;
		letter-spacing: 0px;
	}
	.login-form .checkbox {
		margin-right: 11px;
	}
	.view__row.view__row3 .login-form__section button.win_btn span {
		line-height: 24px;
	}
	.login-form .button-container__secondary a.button--secondary {
		font-size: 14px;
		letter-spacing: 1.4px;
	}
	.view__row.view__row3 .login-form__section.align.align--fluid.align--even {
		width: 100%;
	}
	.login-form__terms-conditions-error,
	.password-check__password-correct {
		letter-spacing: 0.5px;
	}
	.password-check__password-correct {
		font-size: 12px;
		letter-spacing: 1.5px;
		line-height: 17px;
		font-weight: bold;
		text-transform: lowercase;
		margin-bottom: 10px;
	}
	.avatar-and-interests__avatar-box {
		height: 100px;
		width: 90px;
		margin-right: 10px;
	}
	.avatar-and-interests__section .align.align--fluid.align--even {
		display: flex;
	}
	.avatar-and-interests__section .align.align--fluid.align--even .align__cell {
		flex-shrink: 0;
	}
	.avatar-and-interests__section .align.align--fluid.align--even .align__cell + .align__cell {
		width: calc(100% - 110px);
	}
	.avatar-and-interests-page__buttons .align.align--fluid {
		display: flex;
		width: 100%;
		justify-content: space-between;
		padding: 0 10px;
	}
	.avatar-and-interests-page__buttons .align.align--fluid .align__cell {
		width: 48%;
	}
	.avatar-and-interests__form {
		padding: 32px 10px 0px;
	}
	.personal-details__tr-row {
		flex-direction: column;
	}
	.finish_app .start.view.view--center {
		padding-top: 20px;
	}
	.finish_app p.start__paragraph.start__paragraph_h1 {
		font-size: 20px;
		line-height: 24px;
	}
	.win_bg-resultat p.start__paragraph + p.start__paragraph {
		font-size: 14px;
		line-height: 18px;
	}
}