@font-face {
	font-family: 'UnileverShilling';
	src: url('../fonts/UnileverShilling.eot');
	src: url('../fonts/UnileverShilling.eot') format('embedded-opentype'),
	url('../fonts/UnileverShilling.woff2') format('woff2'),
	url('../fonts/UnileverShilling.woff') format('woff'),
	url('../fonts/UnileverShilling.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'UnileverShilling';
	src: url('../fonts/UnileverShillingItalic.eot');
	src: url('../fonts/UnileverShillingItalic.eot') format('embedded-opentype'),
	url('../fonts/UnileverShillingItalic.woff2') format('woff2'),
	url('../fonts/UnileverShillingItalic.woff') format('woff'),
	url('../fonts/UnileverShillingItalic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'UnileverShilling';
	src: url('../fonts/UnileverShillingMedium.eot');
	src: url('../fonts/UnileverShillingMedium.eot') format('embedded-opentype'),
	url('../fonts/UnileverShillingMedium.woff2') format('woff2'),
	url('../fonts/UnileverShillingMedium.woff') format('woff'),
	url('../fonts/UnileverShillingMedium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'UnileverShilling';
	src: url('../fonts/UnileverShillingBold.eot');
	src: url('../fonts/UnileverShillingBold.eot') format('embedded-opentype'),
	url('../fonts/UnileverShillingBold.woff2') format('woff2'),
	url('../fonts/UnileverShillingBold.woff') format('woff'),
	url('../fonts/UnileverShillingBold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'fontello';
	src: url('../fonts/fontello.eot?79702437');
	src: url('../fonts/fontello.eot?79702437#iefix') format('embedded-opentype'),
	url('../fonts/fontello.woff2?79702437') format('woff2'),
	url('../fonts/fontello.woff?79702437') format('woff'),
	url('../fonts/fontello.ttf?79702437') format('truetype'),
	url('../fonts/fontello.svg?79702437#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}
* {
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	-webkit-text-size-adjust: 100%;
}
html {
	width: 100%;
	height: 100%;
}
body {
	font-family: 'UnileverShilling';
	font-size: 17px;
	line-height: 1.2;
	height: 100%;
	color: #110553;
	background-color: #fff;
	overflow: hidden;
}
body:not(.page_loaded), .overflow_hidden{
	overflow: hidden;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	display: inline-block;
	text-decoration: inherit;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}

.icon-tick:before { content: '\e800'; } /* '' */
.icon-settings:before { content: '\e801'; } /* '' */
.icon-position:before { content: '\e802'; } /* '' */
.icon-medal:before { content: '\e803'; } /* '' */
.icon-cancel:before { content: '\e804'; } /* '' */
.icon-left-open-mini:before { content: '\e805'; } /* '' */
.icon-right-open-mini:before { content: '\e806'; } /* '' */
.icon-down-open-mini:before { content: '\e807'; } /* '' */
.icon-up-open-mini:before { content: '\e808'; } /* '' */
.icon-home:before { content: '\e809'; } /* '' */
.icon-lock:before { content: '\e80a'; } /* '' */
.icon-star:before { content: '\e80b'; } /* '' */
.icon-mobile-phone:before { content: '\e80c'; } /* '' */
.icon-back:before { content: '\e80e'; } /* '' */

:focus {
	outline: none;
}
b, strong {
	font-weight: bold;
}
img {
	max-width: 100%;
	height: auto;
}
iframe {
	max-width: 100%;
}
input, textarea, button, select {
	font-family: 'UnileverShilling';
	outline: 0!important;
}
p {
	margin-bottom: 25px;
}
p:last-of-type {
	margin-bottom: 0;
}
a {
	color: #5c5ee1;
	-webkit-transition: all cubic-bezier(0.19, 0, 0.47, 0.93) 0.3s;
	-moz-transition: all cubic-bezier(0.19, 0, 0.47, 0.93) 0.3s;
	-ms-transition: all cubic-bezier(0.19, 0, 0.47, 0.93) 0.3s;
	-o-transition: all cubic-bezier(0.19, 0, 0.47, 0.93) 0.3s;
	transition: all cubic-bezier(0.19, 0, 0.47, 0.93) 0.3s;
}
button {
	cursor: pointer;
}
a:hover {
	color: #686bff;
}

.container {
	margin: 0 auto;
	width: 100%;
	padding: 0 10%;
}
.container::after {
	display: table;
	content: "";
	width: 100%;
	clear: both;
}
.btn {
	display: inline-block;
	line-height: 1;
	font-size: 14px;
	background: #5c5ee1;
	text-align: center;
	padding: 20px 20px;
	cursor: pointer;
	text-decoration: none;
	text-transform: uppercase;
	border: 0;
	color: #77ddf5;
}
.btn-blue {
	background-color: #5c5ee1;
	color: #77ddf5;
}
.btn-blue:hover {
	background-color: #686bff;
	color: #77ddf5;
}
.btn-pink {
	background-color: #feb0c0;
	color: #fff;
}
.btn-pink:hover {
	background-color: #fe8a95;
	color: #fff;
}
.btn-sm {
	padding: 11px 32px;
}
.btn-block {
	display: block;
	width: 100%;
}
.btn-link {
	display: inline-block;
	color: #77ddf5;
	position: relative;
	font-weight: normal;
	line-height: 1;
	background: none;
	text-align: center;
	border: 0;
	outline: none!important;
	text-decoration: underline!important;
}
.btn-link.disabled {
	pointer-events: none;
	opacity: 0.2;
}
.btn-link:hover {
	color: #77ddf5;
	text-decoration: none!important;
}
.btn-blue-outline {
	background-color: transparent;
	border: 1px solid #5c5ee1;
	color: #5c5ee1;
}
.btn-blue-outline:hover {
	background-color: #5c5ee1;
	color: #77ddf5;
}
.game_wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.game_wrap_inner {
	width: 100%;
	height: 100%;
	max-width: 1440px;
	max-height: 880px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}
.background-image {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: none;
	-webkit-transform: translate3d(-50%,-50%,0);
	-moz-transform: translate3d(-50%,-50%,0);
	-ms-transform: translate3d(-50%,-50%,0);
	-o-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
	min-width: 100%;
	min-height: 100%;
	width: 1440px;
	height: 800px;
}

/*login login*/
.login_section {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	height: 100%;
}
.login_section_inner {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.login_section_col {
	width: 50%;
	padding: 0 25px;
}
.login_section_form {
	margin: 0 auto;
	max-width: 385px;
}
.form-item {
	border: solid 2px rgba(92, 94, 225, 0.1);
	font-size: 14px;
	color: #5c5ee1;
	height: 53px;
	padding: 0 17px;
	background: none;
	width: 100%;
	border-radius: 0;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.form-item:focus {
	border: solid 2px rgba(92, 94, 225, 1);
}
.form-item:-moz-placeholder {
	color: #5c5ee1;
}
.form-item::-moz-placeholder {
	color: #5c5ee1;
}
.form-item::-ms-input-placeholder {
	color: #5c5ee1;
}
.form-item::-webkit-input-placeholder {
	color: #5c5ee1;
}
.form-item::placeholder {
	color: #5c5ee1;
}
.form_group {
	margin-bottom: 15px;
}
.login_section_img {
	margin: 0 auto;
	position: absolute;
	max-width: 57%;
	left: 0;
	bottom: 0;
	padding: 0 25px;
	width: 100%;
}
.login_section_img img {
	display: block;
}
.login_logo {
	margin: 0 0 27px;
}
.login_tabs {
	display: flex;
	list-style: none;
	margin: 0 0 15px;
}
.login_tabs a {
	display: block;
	font-size: 12px;
	color: #7de9ff;
	padding: 10px 22px;
	background-color: rgba(92, 94, 225, 0.3);
	text-decoration: none;
	line-height: 1;
}
.login_tabs .active a {
	background-color: #5c5ee1;
}
.login_tabs  a:hover {
	background-color: #5c5ee1;
}
.login_tabs li:first-child a {
	border-radius: 18px 0 0 18px;
}
.login_tabs li:last-child a {
	border-radius: 0 18px 18px 0;
}
.form-link {
	font-size: 12px;
	text-decoration: underline;
}
.form-link:hover {
	text-decoration: none;
}
.form_footer {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	color: #5c5ee1;
}
.checkbox label {
	font-size: 12px;
	color: #5c5ee1;
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: inline-block;
	vertical-align: top;
}
.checkbox label:before {
	content: '';
	border: solid 2px rgba(92, 94, 225, 0.1);
	width: 18px;
	height: 18px;
	position: absolute;
	top: -2px;
	left: 0;
	font-family: 'fontello';
	text-align: center;
	line-height: 18px;
	font-size: 14px;
	color: #77ddf5;
}
.checkbox input:checked + label:before {
	content: '\e800';
	border: solid 2px #5c5ee1;
	background-color: #5c5ee1;
}
.checkbox input {
	width: 0;
	opacity: 0;
	position: absolute;
}
.login_tabs_content .login_content {
	display: none;
}
.login_tabs_content .login_content.active {
	display: block;
}
.login-text {
	color: #5c5ee1;
	font-size: 14px;
	margin-bottom: 15px;
}
.animation_box {
	width: 100%;
	display: flex;
	justify-content: flex-end;
}
.form_group_item {
	width: 32%;
}
.form_group_flex {
	display: flex;
	justify-content: space-between;
	height: 53px;
	position: relative;
}
.is-mobile .form_group_flex {
	height: 44px;
}
.custom_select + .select2-container {
	min-width: 100%;
	max-width: 100%;
}
.custom_select + .select2-container .select2-selection--single {
	border: solid 2px rgba(92, 94, 225, 0.1);
	font-size: 14px;
	background: none;
	height: 53px;
	border-radius: 0;
	background: #7ce9fe;
}
select.custom_select:not(.filter_select) {
	border: solid 2px rgba(92, 94, 225, 0.1);
	font-size: 12px;
	background: none;
	height: 44px;
	border-radius: 0;
	width: 100%;
	color: #5c5ee1;
	padding: 0 20px 0 15px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.is-mobile .form_group_item {
	position: relative;
}
.is-mobile .form_group_item:before {
	position: absolute;
	top: 50%;
	right: 9px;
	content: '\e807';
	font-family: 'fontello';
	line-height: 4px;
	color: #5c5ee1;
	margin-top: -2px;
}
.custom_select + .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
	border: solid 2px rgba(92, 94, 225, 1);
	border-bottom: 0;
}
.custom_select + .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #5c5ee1;
	line-height: 49px;
	padding-left: 15px;
}
.custom_select + .select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #5c5ee1;
}
.custom_select + .select2-container--default .select2-selection--single .select2-selection__arrow b {
	display: none;
}
.custom_select + .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 50%;
	margin-top: -13px;
	line-height: 26px;
	color: #5c5ee1;
	font-size: 20px;
}
.custom_select + .select2-container--default .select2-selection--single .select2-selection__arrow:before {
	content: '\e807';
	font-family: 'fontello';
}
.custom_select + .select2-container--default.select2-container--open.select2-container--below {
	position: absolute;
	width: 100%!important;
	z-index: 2;
	left: 0;
	top: 0;
}

.custom_select.select2-dropdown {
	border-radius: 0;
	background: #7ce9fe;
	border: 2px solid #5c5ee1;
	overflow: hidden;
	font-size: 14px;
	border-top: none;
}
.select2-container--default .custom_select .select2-results>.select2-results__options {
	width: calc(100% + 17px);
}
.select2-container--default .custom_select .select2-results__option[aria-selected]{
	color: #5c5ee1;
	padding: 10px 15px;
}
.select2-container .custom_select .select2-results__option[aria-selected=true],
.select2-container .custom_select .select2-results__option--highlighted[aria-selected] {
	background: #5c5ee1;
	color: #7ce9fe;
}
.select2-container .custom_select .select2-results__option[aria-disabled=true] {
	display: none;
}
/*header*/
.header {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 100;
	display: flex;
	justify-content: space-between;
	padding: 5px 40px;
	height: 90px;
	align-items: center;
	border-radius: 0 0 9px 9px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}
.col-5 {
	width: 38%;
}
.col-2 {
	width: 24%;
}
.header_title {
	font-size: 24px;
	color: #5c5ee1;
	font-weight: bold;
	text-align: center;
	cursor: pointer !important;
}
.header_title_sm.header_title {
	font-size: 18px;
}
.header_subtitle {
	font-size: 15px;
	color: #5c5ee1;
	font-weight: 500;
	text-align: center;
	margin: 5px 0 0;
}
.game_list {
	display: flex;
	flex-wrap: wrap;
	padding: 3% 4.2%;
}
.game_item {
	width: 18%;
	margin: 2.5% 2%;
	position: relative;
	text-align: center;
	padding: 0 10px;
	-webkit-transition: transform .4s ease;
	-moz-transition: transform .4s ease;
	-ms-transition: transform .4s ease;
	-o-transition: transform .4s ease;
	transition: transform .4s ease;
}
.game_item:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.game_item > img {
	width: 100%;
}
.game_title {
	position: absolute;
	width: 100%;
	bottom: 35px;
	left: 0;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	padding: 0 15%;
	line-height: 1;
	z-index: 3;
}
.home_image {
	position: absolute;
	bottom: 0;
	right: 24px;
	z-index: 100;
	max-width: 23.5%;
}
.home_image_text {
	position: absolute;
	right: 81%;
	bottom: 92px;
	width: 344px;
	color: #fff;
	background-color: #aa8eea;
	padding: 24px 26px;
	border-radius: 10px;
	z-index: 10;
	display: flex;
	align-content: center;
	flex-wrap: wrap;
}
.home_image_text a {
	color: #fff;
}
.home_image_text a:hover {
	text-decoration: none;
}
.home_image_text:before {
	content: '';
	position: absolute;
	left: 100%;
	bottom: 15px;
	width: 12px;
	height: 17px;
	background: url('../img/rectangle-purple.svg') no-repeat 0 0;
	background-size: contain;
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
}
.game_nav {
	justify-content: flex-end;
	list-style: none;
	display: flex;
	line-height: 1;
	font-weight: 500;
	align-items: center;
	color: #5c5ee1;
}
.game_nav li {
	margin-left: 40px;
	white-space: nowrap;
}
.game_nav li a {
	text-decoration: none!important;
}
.game_nav li a span {
	font-size: 30px;
	font-weight: normal;
	vertical-align: sub;
}
.game_nav_text {
	vertical-align: middle;
}
.circle-chart {
	width: 27px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
}
.circle-chart__circle {
	stroke: #5c5ee1;
	stroke-width: 6;
	stroke-linecap: round;
	fill: none;
	-webkit-animation: circle-chart-fill 2s reverse;
	-o-animation: circle-chart-fill 2s reverse;
	animation: circle-chart-fill 2s reverse;
	-webkit-transform: rotate(90deg) scaleX(-1);
	-moz-transform: rotate(90deg) scaleX(-1);
	-ms-transform: rotate(90deg) scaleX(-1);
	-o-transform: rotate(90deg) scaleX(-1);
	transform: rotate(90deg) scaleX(-1);
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: center;
}
@-webkit-keyframes circle-chart-fill {
	to { stroke-dasharray: 0, 100; }
}
@keyframes circle-chart-fill {
	to { stroke-dasharray: 0, 100; }
}
.circle-chart_text {
	display: inline-block;
	vertical-align: middle;
}
.progress_circle {
	display: inline-block;
	vertical-align: text-top;
}
.circle-chart__background {
	stroke: rgba(92, 94, 225, 0.21);
	stroke-width: 6;
	fill: none;
}
.game_page {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	height: calc(100% - 80px);
	margin-top: -10px;
}
.game_score {
	width: 54px;
	height: 54px;
	background-color: #feb0c0;
	text-align: center;
	position: absolute;
	top: -3px;
	right: 5px;
	z-index: 2;
	border-radius: 50%;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}
.pink_box {
	background-color: #feb0c0;
}
.pink_box:before {
	background: url('../img/rectangle-pink.svg') no-repeat 0 0;
}
.game_item_locked .game_score {
	font-size: 0;
}
.game_item_locked .game_score:before {
	content: '\e80a';
	font-family: "fontello";
	font-size: 1.4rem;
}
.game_item_locked {
	opacity: .5;
	pointer-events: none;
}
.game_scene {
	position: relative;
	width: 100%;
	height: 100%;
}
.game_scene_wrapper{
	padding-top: 100px;
}

@media (max-width: 1399px) {
	.game_scene_wrapper{
		padding-top: 3.5% !important;
	}
	.game_explanation_img{
		max-width: 80% !important;
	}
	.game_explanation_text{
		left: 80% !important;
	}
}

@media (max-width: 1024px) {
	.game_scene_wrapper{
		display: none;
	}
	.game_explanation_img{
		max-width: 70% !important;
	}
	.game_explanation_text{
		left: 80% !important;
		bottom: 10% !important;
	}
}

.game_scene_header{
	background-color: rgb(136,77,193);
	color: white;
	border-radius: 25px;
	padding: 0 25px;
	width: 250px;
}
.game_scene_list {
	position: absolute;
	width: 180px;
	display: flex;
	flex-wrap: wrap;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-61%);
	-moz-transform: translate(-50%,-61%);
	-ms-transform: translate(-50%,-61%);
	-o-transform: translate(-50%,-61%);
	transform: translate(-50%,-61%);
	align-content: center;
}
.game_scene_item {
	width: 16.1%;
	height: 41px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../img/droppable.png');
	margin: 4% 1.95%;
}
.game_scene_bay_2 .game_scene_list {
	width: 362px;
}
.game_scene_bay_2 .game_scene_item {
	width: 7.9%;
	margin: 2% .95%;
}
.game_scene_bay_2 .game_scene_item:nth-child(10n+5) {
	margin-right: 1.5%;
}
.game_scene_bay_2 .game_scene_item:nth-child(10n+6) {
	margin-left: 2.4%;
}
.game_scene_bay_3 .game_scene_list {
	width: 552px;
}
.game_scene_bay_3 .game_scene_item {
	width: 5.18%;
	margin: 1.33% 0.65%;
}
.game_scene_bay_3 .game_scene_item:nth-child(15n+5),
.game_scene_bay_3 .game_scene_item:nth-child(15n+10) {
	margin-right: 1.5%;
}
.game_scene_bay_3 .game_scene_item:nth-child(15n+6),
.game_scene_bay_3 .game_scene_item:nth-child(15n+11) {
	margin-left: 1.1%;
}
.game_scene_bay_4 .game_scene_list {
	width: 742px;
}
.game_scene_bay_4 .game_scene_item {
	width: 3.88%;
	margin: 1% 0.45%;
}
.game_scene_bay_4 .game_scene_item:nth-child(10n+5),
.game_scene_bay_4 .game_scene_item:nth-child(20n+10) {
	margin-right: 1.1%;
}
.game_scene_bay_4 .game_scene_item:nth-child(10n+6),
.game_scene_bay_4 .game_scene_item:nth-child(20n+11) {
	margin-left: 1.25%;
}
.game_scene_bay_5 .game_scene_list {
	width: 930px;
}
.game_scene_bay_5 .game_scene_item {
	width: 3.15%;
	margin: 0.77% 0.4%;
}
.game_scene_bay_5 .game_scene_item:nth-child(25n+5),
.game_scene_bay_5 .game_scene_item:nth-child(25n+10),
.game_scene_bay_5 .game_scene_item:nth-child(25n+15),
.game_scene_bay_5 .game_scene_item:nth-child(25n+20) {
	margin-right: .7%;
}
.hover_over .game_scene_item:not(.hovered) {
	opacity: .4;
}
.activated_item .game_scene_item:not(.activated) {
	opacity: .4;
}
.activated_item .game_scene_item:hover {
	opacity: 1;
	cursor: pointer;
}
.game_scene_item.active_item {
	background-image: url("../img/draggable.png");
	cursor: pointer;
}
.activated_item .game_scene_item.activated {
	opacity: 1;
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
	transform: scale(1.3);
	z-index: 50;
}
.game-page .header_logo {
	display: none;
}
.mobile_rotate_note {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9999;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	display: none;
	background-color: #3e4ac2;
}
.mobile_rotate_text {
	position: absolute;
	top: 27.7%;
	color: #fff;
	font-size: 18px;
	width: 245px;
	font-weight: 700;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 5;
	display: flex;
	padding: 9px 27px;
	background-color: #aa8eea;
	border-radius: 15px;
}
.mobile_rotate_text:before {
	content: '';
	position: absolute;
	left: 30px;
	top: 96%;
	width: 12px;
	height: 17px;
	background: url('../img/rectangle-purple.svg') no-repeat 0 0;
	background-size: contain;
	-webkit-transform: scaleX(-1) rotate(-90deg);
	-moz-transform: scaleX(-1) rotate(-90deg);
	-ms-transform: scaleX(-1) rotate(-90deg);
	-o-transform: scaleX(-1) rotate(-90deg);
	transform: scaleX(-1) rotate(-90deg);
}
.icon-mobile-phone {
	font-size: 40px;
	position: relative;
	top: -7px;
	right: 10px;
}
.mobile_rotate_img {
	position: absolute;
	bottom: 0;
	max-width: 41vh;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.home-link {
	position: absolute;
	top: 25px;
	right: 33px;
	width: 50px;
	height: 56px;
	background-size: cover;
	background-image: url("../img/home.svg");
	background-position: 50%;
	background-repeat: no-repeat;
	z-index: 100;
	display: none;
}
.game_explanation_box {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 100;
	max-width: 277px;
	width: 100%;
}
.game_explanation_img img {
	display: block;
}
.text_lg {
	font-size: 24px;
	font-weight: bold;
	line-height: 0.8;
}
.game_explanation_text {
	width: 430px;
	background-color: #5c5ee1;
	color: #fff;
	padding: 15px 30px;
	position: absolute;
	left: 102%;
	border-radius: 10px;
	bottom: 37px;
	min-height: 50px;
	display: flex;
	align-content: center;
	flex-wrap: wrap;
}
.game_explanation_text.purple_box {
	background-color: #aa8eea;
}
.game_explanation_text:before {
	content: '';
	position: absolute;
	right: 100%;
	bottom: 15px;
	width: 12px;
	height: 17px;
	background: url('../img/rectangle.svg') no-repeat 0 0;
	background-size: contain;
}
.game_explanation_text.purple_box:before {
	background: url('../img/rectangle-purple.svg') no-repeat 0 0;
}
.game_explanation_text p {
	margin-bottom: 20px;
}
.game_explanation_text p:last-of-type {
	margin-bottom: 0;
}
.game_step_text {
	display: block;
}
.game_intro .game_intro_text {
	display: block;
}
.game_step1 .game_step1_text {
	display: block;
}
.game_step2 .game_step2_text {
	display: block;
}
.game_explanation_text .game_undo {
	margin-left: 15px;
}
.game_type_intro.game_explanation_box {
	max-width: 380px;
}
.game_type_intro .game_explanation_text {
	bottom: 62px;
	width: 438px;
	padding: 30px;
}
.game_type_overlay {
	position: absolute;
	width: 100%;
	height: calc(100% - 80px);
	bottom: 0;
	left: 0;
	z-index: 120;
}
.game_choose_level_list {
	padding: 5.2% 3.8% 180px;
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 100%;
}
.game_choose_level_list::-webkit-scrollbar {
	width: 0;
	background: transparent;
}
.game_choose_level_list .game_item {
	width: 11.4%;
	margin: 2.7% 2.2%;
}
.game_choose_level_list .game_score {
	width: 70px;
	height: 70px;
	top: -33px;
	right: -15px;
	font-size: 18px;
}
.game_choose_level_list .game_title {
	bottom: 56px;
	font-size: 48px;
}
.game_level_stars {
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	font-size: 12px;
}
.game_item_locked .game_level_stars {
	display: none;
}
.game_level_stars .icon-star {
	color: #ffc21b;
	position: absolute;
	opacity: 0.2;
}
.game_level_stars .icon-star.active {
	opacity: 1;
}
.game_level_stars .icon-star:nth-child(1) {
	top: -5px;
	left: 14px;
}
.game_level_stars .icon-star:nth-child(2) {
	top: -27px;
	left: 31px;
	font-size: 1.5em;
}
.game_level_stars .icon-star:nth-child(3) {
	top: -43px;
	left: 59px;
	font-size: 1.8em;
}
.special-achievement {
	position: absolute;
	z-index: 150;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 86%;
	max-height: 92%;
}
.game_result_table {
	margin: 20px 0;
	width: 100%;
	font-weight: 500;
	line-height: 1.41;
}
.game_result_stars .icon-star {
	color: #ffc21b;
	opacity: .2;
	display: inline-block;
	margin-right: 3px;
	vertical-align: top;
	font-size: 36px;
}
.game_result_stars .icon-star.active {
	opacity: 1;
}
.game_result_table td {
	border: 0;
}
.game_result_links {
	display: flex;
	align-items: center;
}
.game_result_links .btn-link {
	margin-right: 50px;
}
.game_freezer .game_scene_list {
	width: 39.4%;
	-webkit-transform: translate(-50%,-51%);
	-moz-transform: translate(-50%,-51%);
	-ms-transform: translate(-50%,-51%);
	-o-transform: translate(-50%,-51%);
	transform: translate(-50%,-51%);
	min-width: 567px;
}
.game_freezer.game_freezer2 .game_scene_list {
	width: 51.4%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	min-width: 730px;
}
.game_freezer .game_scene_item {
	width: 22.63%;
	height: 65px;
	margin: 1.4% 1.18%;
	background-image: url('../img/ice-cream4-blue.png');
}
.game_freezer.game_freezer2 .game_scene_item {
	width: 21.93%;
	height: 50px;
	margin: 0.5% 1.5%;
	background-image: url('../img/ice-cream-blue.png');
}
.game_freezer .game_scene_item.active_item {
	background-image: url('../img/ice-cream4-pink.png');
}
.game_freezer.game_freezer2 .game_scene_item.active_item {
	background-image: url('../img/ice-cream-pink.png');
}
.game_freezer .game_scene_list:before {
	width: 106%;
	height: 116%;
	content: '';
	position: absolute;
	top: -14%;
	left: -3%;
	z-index: 5;
	background-image: url('../img/freezer-1-glass.png');
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 50% 0;
	pointer-events: none;
}
.game_freezer.game_freezer2 .game_scene_list:before {
	background-image: url('../img/freezer-2-glass.png');
}
.hover_freezer.game_scene_list:before {
	display: none;
}
.game_settings_box {
	padding: 8.4% 10.5%;
	overflow-y: auto;
	max-height: 100%;
}
.game_settings_nav {
	list-style: none;
	display: flex;
	margin: 0 0 30px;
	font-size: 16px;
}
.game_settings_nav > li {
	margin-right: 26px;
}
.game_settings_nav > li a {
	color: #fff;
	opacity: .6;
	text-decoration: none;
	position: relative;
	padding-bottom: 3px;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
.game_settings_nav > li.active a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 100%;
	background: #fff;
	width: 100%;
	height: 2px;
}
.game_settings_nav > li a:hover {
	opacity: 1;
}
.game_settings_nav > li.active a {
	opacity: 1;
	font-weight: bold;
}
.game_settings_wrap {
	border-radius: 6px;
	background-color: #5c5ee1;
	padding: 20px 30px;
}
.game_settings_wrap .btn-pink{
	margin-bottom: 30px;
	min-width: 188px;
	color: #5c5ee1;
}
.game_settings_tab {
	display: none;
	color: #fff;
}
.game_settings_tab a:not([class]) {
	color: #feb0c0;
}
.game_settings_tab a:not([class]):hover {
	text-decoration: none;
}
.game_settings_tab.active {
	display: block;
}
.profile_settings {
	width: 100%;
	table-layout: fixed;
	line-height: 1.4;
}
.profile_settings td {
	padding: 7px 8px;
	vertical-align: top;
}
.profile_settings td:nth-child(1) {
	text-align: right;
	width: 30%;
}
.profile_settings td:nth-child(2) {
	width: 53%;
}
.select_value{
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.profile_settings_row {
	display: flex;
	flex-wrap: wrap;
}
.profile_settings_col {
	flex: 0 0 50%;
	max-width: 395px;
}
.profile_filter_block .select2{
	display: none;
	position: absolute;
	top: -15px;
	left: -8px;
}
.profile_select  + .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding-left: 6px;
	color: #5c5ee1;
	line-height: 49px;
}
.profile_select.select2-dropdown {
	border-radius: 0;
	background: #7ce9fe;
	border: 2px solid #5c5ee1;
	overflow: hidden;
	border-top: none;
}
.select2-container--default .profile_select .select2-results>.select2-results__options {
	width: calc(100% + 17px);
}
.select2-container .profile_select .select2-results__option[aria-disabled=true] {
	display: none;
}
.select2-container--default .profile_select .select2-results__option[aria-selected] {
	color: #5c5ee1;
	padding: 10px 6px;
}
.select2-container .profile_select .select2-results__option[aria-selected=true], .select2-container .profile_select .select2-results__option--highlighted[aria-selected] {
	background: #5c5ee1;
	color: #7ce9fe;
}
.profile_select + .select2-container .select2-selection--single {
	border: solid 2px rgba(92, 94, 225, 0.1);
	background: none;
	height: 53px;
	border-radius: 0;
	background: #7ce9fe;
}
.profile_select + .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
	border: solid 2px rgba(92, 94, 225, 1);
	border-bottom: 0;
}
.profile_select + .select2-container--default .select2-selection--single .select2-selection__arrow:before {
	content: '\e807';
	font-family: 'fontello';
}
.profile_select + .select2-container--default .select2-selection--single .select2-selection__arrow b {
	display: none;
}
.profile_select + .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 50%;
	margin-top: -13px;
	line-height: 26px;
	color: #5c5ee1;
	font-size: 20px;
}
.profile_select + .select2-container--default.select2-container--open.select2-container--below {
	position: absolute;
	width: 100%!important;
	z-index: 2;
	left: 0;
	top: 0;
}
.profile_select + .select2-container {
	min-width: 100%;
	max-width: 100%;
}
.profile_filter_block.open_filter .select2{
	display: block;
}
.open_filter .select_value{
	display: none;
}
.profile_filter_block{
	position: relative;
}
.select_value_category {
	font-weight: bold;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.profile_select + .select2-container--default.select2-container--open.select2-container--below {
	top: -15px !important;
	left: -8px;
}
select.profile_select {
	border: solid 2px rgba(92, 94, 225, 0.1);
	background: #7de9ff;
	height: 40px;
	border-radius: 0;
	width: 100%;
	color: #5c5ee1;
	padding: 0 20px 0 7px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	position: absolute;
	top: -11px;
	left: -8px;
	display: none;
	font-size: inherit;
}
.profile_filter_block.open_filter select.profile_select {
	display: block;
}
.edit_profile_btn span:last-child{
	display: none;
}
.edit_profile_btn.edit_active span:first-child{
	display: none;
}
.edit_profile_btn.edit_active span:last-child{
	display: block;
}
.accordion_box {
	margin: 23px 0 0;
}
.accordion_item {
	border-radius: 4px;
	background-color: #5c5ee1;
	padding: 15px 25px;
	color: #fff;
	margin-bottom: 6px;
}
.accordion_link {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	position: relative;
	display: block;
	font-size: 18px;
	padding-right: 30px;
}
.accordion_link:after,
.accordion_link:before {
	content: '';
	width: 10px;
	height: 2px;
	background: #fff;
	position: absolute;
	right: 9px;
	top: 9px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
.accordion_link:after {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.accordion_item.active .accordion_link:after {
	-webkit-transform: rotate(90deg) scale(0.1);
	-moz-transform: rotate(90deg) scale(0.1);
	-ms-transform: rotate(90deg) scale(0.1);
	-o-transform: rotate(90deg) scale(0.1);
	transform: rotate(90deg) scale(0.1);
}
.accordion_link:hover {
	color: #fff;
}
.accordion_content {
	margin: 16px 0 30px;
	font-size: 16px;
	line-height: 1.4;
	display: none;
}
.game_settings_text {
	font-size: 16px;
	margin: 0 0 30px;
}
.game_badges_box {
	display: flex;
	padding: 10% 17% 0;
	flex-wrap: wrap;
	overflow-y: auto;
	max-height: 100%;
	justify-content: center;
}
.game_badges_item {
	width: 20%;
	text-align: center;
	color: #2a32bb;
	margin: 0 0 2.6%;
	padding: 0 15px;
}
.game_badges_item.active {
	color: #fff;
}
.game_badges_item.active .badge_change {
	fill: #fff;
}
.game_badges_title {
	line-height: 1.3;
	margin: 0 0 4px;
}
.game_badges_subtitle {
	font-size: .85em;
	margin: 0 0 4px;
}
.game_badges_image {
	margin-bottom: 10px;
}
.game_leader_table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 2px;
	color: #fff;
	display: table;
}
.game_leader_table .table_row  {
	background-color: #5c5ee1;
	justify-content: space-between;
	display: flex;
	margin-bottom: 2px;
	border-radius: 4px;
}
.game_leader_table .table_col  {
	padding: 15px 45px;
	position: relative;
	z-index: 1;
	line-height: 1.4;
	font-weight: bold;
}
.game_leader_table .table_col:first-child  {
	width: 5%;
}
.game_leader_table .table_col:nth-child(2) {
	padding-right: 10px;
	padding-left: 10px;
	width: 30%;
}
.game_leader_table .table_col:nth-child(3) {
	padding-right: 10px;
	padding-left: 10px;
	width: 28%;
}
.game_leader_table .table_col:nth-child(4) {
	padding-right: 50px;
	padding-left: 15px;
	text-align: right;
	width: 12%;
}
.game_leader_table .table_col:nth-child(5) {
	padding-right: 50px;
	padding-left: 15px;
	text-align: right;
	width: 12%;
}
.game_leader_table .icon-medal {
	font-size: 1.2em;
	line-height: 1;
}
.game_leader_box {
	padding: 7.2% 10.5%;
	max-height: 100%;
	overflow-y: hidden;
}
.game_leader_head {
	display: flex;
	justify-content: space-between;
	color: #fff;
	align-items: center;
	font-size: 16px;
	margin: 0 0 45px;
}
.game_leader_filter {
	margin-left: 6px;
}
.game_leader_filter li {
	list-style: none;
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
}
.filter_select_wrap{
	position: relative;
}
.filter_select_wrap, .parent_filter{
	direction: rtl;
	position: relative;
}
.filter_select_wrap .select2-container--open + .select2-container--open, .parent_filter .select2-container--open + .select2-container--open{
	left: auto;
	right: 0;
	width: 100%;
}
.game_leader_filter_wrap {
	display: flex;
	align-items: center;
}
.game_leader_title {
	font-weight: bold;
}
.filter_select + .select2-container--default {
	width: auto!important;
	max-width: 150px;
}
.filter_select + .select2-container--default .select2-selection--single {
	background: none;
	border: 0;
	height: auto;
	padding-left: 5px;
	padding-right: 14px;
}
.filter_select + .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #fff;
	line-height: 1.5;
	padding: 0;
}
.filter_select + .select2-container--default .select2-selection--single .select2-selection__arrow:before {
	content: '\e807';
	font-family: 'fontello';
}
.filter_select + .select2-container--default .select2-selection--single .select2-selection__arrow b{
	display: none;
}
.filter_select + .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: auto;
	position: absolute;
	top: 2px;
	right: 1px;
	width: 10px;
	text-align: center;
	font-size: 1.1em;
}
.filter_select.select2-dropdown{
	min-width: 280px !important;
	border-radius: 4px;
	background-color: #686bff;
	border: 0;
	overflow: hidden;
}
.select2-results li{
	display: block;
	margin-left: 0 !important;
}
.user_position {
	position: relative;
}
.user_position:before {
	content: '';
	position: absolute;
	width: 101%;
	left: -0.5%;
	height: 100%;
	background-color: #686bff;
	border-radius: 4px;
}

.select2-container--default .filter_select .select2-results>.select2-results__options {
	width: calc(100% + 17px);
	font-size: 14px;
	max-height: 154px;
	overflow-y: scroll;
}
.select2-container .filter_select .select2-results__option[aria-selected]{
	color: #fff;
	padding: 10px 25px;
}
.select2-container .filter_select .select2-results__option[aria-selected=true],
.select2-container .filter_select .select2-results__option--highlighted[aria-selected] {
	background: #5c5ee1;
	color: #fff;
}
.select2-container .filter_select .select2-results__option[aria-disabled=true] {
	display: none;
}
.profile_input {
	position: absolute;
	top: -9px;
	left: 0;
	display: none;
}
.open_filter .profile_input {
	display: block;
	background: none;
	border: 0;
	border-bottom: 1px solid #77ddf5;
	height: 28px;
	color: #fff;
	border-radius: 0;
}
.home_image_small {
	right: 43px;
	max-width: 15.2%;
}
.home_image_small .home_image_text {
	right: 98%;
	bottom: 46px;
	padding: 16px 24px;
}
.note_content {
	color: #5c5ee1;
	max-width: 385px;
	margin: 0 auto;
}
.section_title {
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 20px;
}
.note_text {
	margin: 0 0 20px;
	line-height: 32px;
}
.btns_wrap {
	display: flex;
	justify-content: space-between;
}
.btns_wrap .btn {
	width: 47%;
	padding: 16px 5px;
	min-width: 135px;
}
.btns_wrap .btn-blue {
	color: #feb0c0;
}
.is-mobile .profile_filter_block select.custom_select {
	display: none;
	position: absolute;
	top: -15px;
	left: -8px;
	padding: 0 0 0 8px;
	font-size: 14px;
	margin: 0;
	border: 0;
	background-color: #7de9ff;
	color: #5c5ee1;
	height: 44px;
}
.is-mobile .open_filter.profile_filter_block:before {
	position: absolute;
	top: 9px;
	right: 16px;
	content: '\e807';
	font-family: 'fontello';
	line-height: 4px;
	color: #5c5ee1;
	z-index: 10;
	font-size: 18px;
}
.is-mobile .open_filter.profile_filter_block .select_value_category {
	display: none;
}
.is-mobile .open_filter.profile_filter_block select.custom_select {
	display: block;
}
.is-mobile select.filter_select {
	border: 0;
	font-size: 13px;
	background: none;
	height: 22px;
	border-radius: 0;
	width: 100%;
	color: #fff;
	padding: 0 12px 0 0;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	max-width: 80px;
}
.is-mobile .filter_select_wrap:before {
	position: absolute;
	top: 50%;
	right: 3px;
	content: '\e807';
	font-family: 'fontello';
	line-height: 4px;
	color: #fff;
}
.is-mobile .filter_select_wrap {
	direction: unset;
}

@media (min-width: 768px) {
	.visible_xs {
		display: none!important;
	}
}
@media (min-width: 1200px) {
	.visible_md {
		display: none!important;
	}
}
@media (min-width: 1940px) {
	.game_wrap_inner {
		max-width: 1900px;
		max-height: 1120px;
	}
	.background-image {
		width: 1900px;
		height: 1056px;
	}
	.game_scene_item {
		height: 53px;
	}
	.game_scene_list {
		width: 234px;
	}
	.game_scene_bay_2 .game_scene_list {
		width: 480px;
	}
	.game_scene_bay_3 .game_scene_list {
		width: 725px;
	}
	.game_scene_bay_4 .game_scene_list {
		width: 980px;
	}
	.game_scene_bay_5 .game_scene_list {
		width: 1222px;
	}
	.game_title {
		font-size: 30px;
	}
	.home_image_text {
		bottom: 135px;
	}
	.game_choose_level_list .game_title {
		bottom: 74px;
		font-size: 54px;
	}
	.game_choose_level_list .game_score {
		width: 80px;
		height: 80px;
		font-size: 22px;
	}
	.game_level_stars {
		font-size: 16px;
	}
	.game_level_stars .icon-star:nth-child(1) {
		top: 0;
		left: 12px;
	}
	.game_level_stars .icon-star:nth-child(3) {
		top: -46px;
		left: 61px;
	}
	.game_freezer .game_scene_item {
		height: 85px;
	}
	.game_freezer.game_freezer2 .game_scene_item {
		height: 67px;
	}
}

@media (max-width: 1199px) {
	body {
		font-size: 14px;
		line-height: 1.21;
	}
	.hidden-md {
		display: none!important;
	}
	.game_nav li {
		margin-left: 15px;
	}
	.col-2 {
		width: 30%;
	}
	.col-5 {
		width: 35%;
	}
	.game_wrap_inner {
		max-width: 1024px;
		max-height: 650px;
	}
	.background-image {
		width: 1024px;
		height: 569px;
	}
	.game_scene_list {
		width: 126px;
	}
	.game_scene_item {
		height: 29px;
	}
	.game_scene_bay_2 .game_scene_list {
		width: 260px;
	}
	.game_scene_bay_3 .game_scene_list {
		width: 392px;
	}
	.game_scene_bay_4 .game_scene_list {
		width: 526px;
	}
	.game_scene_bay_5 .game_scene_list {
		width: 660px;
	}
	.game_title {
		font-size: 16px;
	}
	.home_image_text {
		bottom:50px;
		width: 270px;
		padding: 14px 16px;
	}
	.game_choose_level_list .game_title {
		bottom: 36px;
		font-size: 32px;
	}
	.game_choose_level_list .game_score {
		width: 46px;
		height: 46px;
		top: -20px;
		right: -7px;
		font-size: 14px;
	}
	.game_level_stars {
		font-size: 10px;
	}
	.game_level_stars .icon-star:nth-child(1) {
		top: -2px;
		left: 11px;
	}
	.game_level_stars .icon-star:nth-child(2) {
		top: -19px;
		left: 24px;
	}
	.game_level_stars .icon-star:nth-child(3) {
		top: -33px;
		left: 44px;
	}
	.game_item_locked .game_score:before {
		font-size: 1.1rem;
	}
	.game_score {
		width: 42px;
		height: 42px;
		top: -9px;
		right: 7px;
		font-size: 12px;
	}
	.game_explanation_box {
		max-width: 230px;
	}
	.game_freezer .game_scene_item {
		height: 47px;
	}
	.game_freezer .game_scene_list {
		min-width: 406px;
	}
	.game_freezer.game_freezer2 .game_scene_list {
		min-width: 520px;
	}
	.game_freezer.game_freezer2 .game_scene_item {
		height: 36px;
	}
	.game_freezer .game_scene_list:before {
		display: none;
	}
	.profile_select + .select2-container .select2-selection--single {
		height: 44px;
	}
	.profile_select + .select2-container--default .select2-selection--single .select2-selection__rendered {
		line-height: 40px;
	}
	.profile_filter_block .select2 {
		top: -11px;
	}
}
@media (max-width: 991px) and (orientation: portrait) {
	.login_section_inner {
		display: block;
	}
	.login_section_form {
		max-width: 320px;
		position: relative;
		z-index: 2;
	}
	.login_section_col {
		width: 100%;
		padding: 5vh 25px;
	}
	.login_section_img {
		max-width: 45vh;
		position: absolute;
		bottom: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.game_nav_text {
		display: none;
	}
	.game_item {
		width: 20%;
	}
	.game_list {
		padding: 4% 1.2%;
	}
	.game_choose_level_list .game_item {
		width: 13.8%;
		margin: 2.7% 1.2%;
	}
	.profile_settings_col {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media (max-width: 767px) and (orientation: portrait) {
	body:not(.login-page) .mobile_rotate_note {
		display: block;
	}
}
@media (max-width: 896px) and (orientation: landscape) {
	.home-link {
		display: block;
	}
	.login_logo img {
		max-width: 48px;
	}
	.login_section_col {
		padding: 25px;
		max-height: 100%;
		overflow: auto;
	}
	.form-item {
		height: 44px;
		font-size: 12px;
	}
	.select2-container .custom_select .select2-selection--single {
		font-size: 12px;
	}
	.select2-container .custom_select .select2-selection--single,
	.form_group_flex {
		height: 44px;
	}
	.custom_select + .select2-container--default .select2-selection--single .select2-selection__rendered {
		line-height: 42px;
	}
	.custom_select + .select2-container--default .select2-selection--single .select2-selection__arrow {
		font-size: 18px;
	}
	.btn {
		padding: 16px 20px;
		font-size: 12px;
	}
	.game-page .header {
		display: none;
	}
	.game_page {
		height: calc(100% - 50px);
	}
	.game_wrap_inner {
		max-width: 896px;
		max-height: 414px;
	}
	.background-image {
		width: 896px;
		height: auto;
		-webkit-transform: translate3d(-50%,-45%,0);
		-moz-transform: translate3d(-50%,-45%,0);
		-ms-transform: translate3d(-50%,-45%,0);
		-o-transform: translate3d(-50%,-45%,0);
		transform: translate3d(-50%,-45%,0);
	}
	.game_scene_list {
		width: 110px;
		-webkit-transform: translate(-50%,-49%);
		-moz-transform: translate(-50%,-49%);
		-ms-transform: translate(-50%,-49%);
		-o-transform: translate(-50%,-49%);
		transform: translate(-50%,-49%);
	}
	.game_scene_item {
		height: 26px;
	}
	.game_scene_bay_2 .game_scene_list {
		width: 227px;
	}
	.game_scene_bay_3 .game_scene_list {
		width: 343px;
	}
	.game_scene_bay_4 .game_scene_list {
		width: 462px;
	}
	.game_scene_bay_5 .game_scene_list {
		width: 578px;
	}
	.game_type_intro.game_explanation_box,
	.game_intro.game_explanation_box {
		left: 0;
		bottom: 0;
		max-width: 35.2%;
	}
	.game_type_intro .game_explanation_text,
	.game_intro .game_explanation_text {
		bottom: 50px;
		width: 355px;
		padding: 25px 23px;
		left: 102%;
		font-size: 14px;
	}
	.game_explanation_text p {
		margin-bottom: 15px;
	}
	.game_explanation_box {
		left: -14px;
		max-width: 126px;
	}
	.game_explanation_text {
		width: 215px;
		padding: 10px 15px;
		left: 99%;
		bottom: 20px;
		min-height: 30px;
		font-size: 12px;
	}
	.text_lg {
		font-size: 20px;
	}
	.game_undo {
		font-size: 12px;
	}
	.header {
		padding: 5px 25px;
		height: 60px;
		border-radius: 0 0 6px 6px;
	}
	.header_logo {
		max-width: 36px;
	}
	.header_title {
		font-size: 16px;
	}
	.header_subtitle {
		font-size: 16px;
		font-weight: bold;
		margin: 0;
	}
	.game_nav li a span {
		font-size: 20px;
	}
	.game_nav li {
		margin-left: 22px;
		font-size: 11px;
	}
	.circle-chart {
		width: 20px;
		margin: 0 3px;
	}
	.game_list {
		display: block;
		padding: 4% 4.2% 0;
		overflow-x: auto;
		max-width: 100%;
		white-space: nowrap;
		height: 100%;
	}
	.game_item {
		width: 212px;
		margin: 4.5% 3% 0;
		display: inline-block;
		white-space: normal;
		max-width: 52vh;
	}
	.game_title {
		font-size: 22px;
	}
	.home_image {
		bottom: -45px;
		max-width: 31%;
		right: 20px;
	}
	.home_image.home_image_small {
		bottom: -55px;
		max-width: 19%;
		right: 20px;
	}
	.home_image_small .home_image_text,
	.home_image_text {
		bottom: 72px;
		width: 290px;
		padding: 15px 20px;
		font-size: 14px;
		right: 83%;
	}
	.home_mobile_overlay {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 150;
	}
	.game_page_mobile .home_mobile_overlay {
		display: none;
	}
	.game_page_mobile .home_image {
		max-width: 166px;
		bottom: -51px;
	}
	.game_page_mobile .home_image_text {
		padding: 11px 15px;
		font-size: 14px;
	}
	.game_choose_level_list .game_title {
		bottom: 35%;
		font-size: 30px;
	}
	.game_choose_level_list.game_list {
		white-space: normal;
		padding: 7% 2.8% 80px;
	}
	.game_choose_level_list .game_item {
		width: 12.4%;
		margin: 2.4% 1.9%;
		min-width: 90px;
	}
	.header_title_sm.header_title {
		display: none;
	}
	.game_choose_level_list .game_score {
		width: 42px;
		height: 42px;
		top: -18px;
		right: -5px;
		font-size: 12px;
	}
	.game_level_stars {
		font-size: 7px;
		top: 2px;
		left: 5px;
	}
	.game_level_stars .icon-star:nth-child(2) {
		top: -16px;
		left: 22px;
	}
	.game_level_stars .icon-star:nth-child(3) {
		top: -28px;
		left: 38px;
	}
	.special-achievement {
		width: 81%;
	}
	.btn-link {
		font-size: 12px;
	}
	.btn-sm {
		padding: 9px 25px;
	}
	.game_result_links .btn-link {
		margin-right: 30px;
	}
	.game_freezer .game_scene_list {
		min-width: 352px;
		-webkit-transform: translate(-50%,-42%);
		-moz-transform: translate(-50%,-42%);
		-ms-transform: translate(-50%,-42%);
		-o-transform: translate(-50%,-42%);
		transform: translate(-50%,-42%);
	}
	.game_freezer .game_scene_item {
		height: 41px;
	}
	.game_freezer.game_freezer2 .game_scene_list {
		min-width: 460px;
		-webkit-transform: translate(-50%,-38%);
		-moz-transform: translate(-50%,-38%);
		-ms-transform: translate(-50%,-38%);
		-o-transform: translate(-50%,-38%);
		transform: translate(-50%,-38%);
	}
	.game_freezer.game_freezer2 .game_scene_item {
		height: 31px;
	}
	.accordion_link {
		font-size: 15px;
	}
	.accordion_content {
		font-size: 13px;
		margin: 10px 0 6px;
	}
	.game_settings_nav {
		font-size: 13px;
		margin: 0 0 35px;
	}
	.accordion_link:after, .accordion_link:before {
		top: 9px;
	}
	.game_settings_text {
		font-size: 13px;
		margin: 0 0 25px;
	}
	.home_image_sm {
		bottom: -52px;
		max-width: 18%;
	}
	.accordion_item {
		padding: 13px 25px;
	}
	.home_image_sm .home_image_text {
		bottom: 72px;
		width: 275px;
		padding: 12px 15px;
		font-size: 14px;
		right: 91%;
	}
	.game_leader_box {
		padding: 6.4% 9.5% 0;
	}
	.game_leader_head {
		margin: 0 0 14px;
		font-size: 13px;
	}
	.game_leader_table .table_col {
		padding: 13px 30px;
	}
	.game_leader_table .table_col:nth-child(2) {
		width: 40%;
	}
	.game_leader_table .table_col:nth-child(3) {
		width: 14%;
	}
	.game_leader_table .table_col:nth-child(4) {
		width: 10%;
	}
	.game_leader_table .table_col:nth-child(5) {
		padding-right: 30px;
		padding-left: 10px;
		width: 16%;
	}
	.open_filter .select_value_category {
		display: none;
	}
	.profile_filter_block  select.custom_select {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		color: #fff;
		height: 19px;
		padding: 0;
		font-weight: bold;
		font-size: 13px;
		margin: 0;
		border: 0;
	}
	.profile_filter_block.open_filter select.custom_select  {
		display: block;
	}
	.game_badges_box {
		padding: 4.5% 5% 0;
	}
	.game_badges_item {
		width: 20%;
		margin: 0 0 2.6%;
		padding: 0 15px;
	}
	.game_badges_image img {
		max-height: 70px;
	}
	.game_settings_box {
		padding: 6.5% 9.5%;
	}
	.filter_select_wrap, .parent_filter {
		direction: unset;
	}
	select.filter_select {
		border: 0;
		font-size: 13px;
		background: none;
		height: 22px;
		border-radius: 0;
		width: 100%;
		color: #fff;
		padding: 0 12px 0 0;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		max-width: 80px;
	}
	.filter_select_wrap:before {
		position: absolute;
		top: 50%;
		right: 3px;
		content: '\e807';
		font-family: 'fontello';
		line-height: 4px;
		color: #fff;
	}
	p {
		margin-bottom: 20px;
	}
	.note_content {
		max-width: 320px;
	}
	.section_title {
		font-size: 18px;
	}
	.profile_settings td:nth-child(1) {
		width: 108px;
	}
}
@media (max-width: 740px) and (orientation: landscape) {
	.game_nav_text {
		display: none;
	}
	.game_type_intro .game_explanation_text, .game_intro .game_explanation_text {
		bottom: 20px;
	}
	.game_leader_box {
		padding: 6.4% 5% 0;
	}
	.game_settings_box {
		padding: 6.5% 2%;
	}
	.game_settings_wrap {
		padding: 15px;
	}
	.profile_settings {
		font-size: 12px;
	}
	.profile_settings td {
		padding: 7px 3px;
	}
	.is-mobile .profile_filter_block select.custom_select {
		top: -10px;
		left: -5px;
		font-size: 12px;
		height: 34px;
	}
	select.profile_select {
		height: 36px;
		padding: 0 20px 0 4px;
		left: -5px;
	}
	.is-mobile .open_filter.profile_filter_block:before {
		top: 5px;
	}
}
@media (max-width: 600px) and (orientation: landscape) {
	.login_section_col {
		padding: 20px 10px;
		width: 53%;
	}
	.login_section_img {
		max-width: 52%;
	}
	.profile_settings_col {
		flex: 0 0 100%;
		max-width: 500px;
	}
}
@media (orientation: portrait) and (max-width: 767px){
}
@media (max-height: 600px) and (orientation: portrait) {
	.login_section_img {
		max-width: 35vh;
	}
}
@media (max-width: 350px) {

}

.load-container {
	height: 240px;
	position: relative;
	overflow: hidden;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.loader,
.loader:before,
.loader:after {
	background: #5c5ee1;
	-webkit-animation: load1 1s infinite ease-in-out;
	animation: load1 1s infinite ease-in-out;
	width: 1em;
	height: 4em;
}
.loader {
	color: #5c5ee1;
	text-indent: -9999em;
	margin: 88px auto;
	position: relative;
	font-size: 11px;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
.loader:before,
.loader:after {
	position: absolute;
	top: 0;
	content: '';
}
.loader:before {
	left: -1.5em;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.loader:after {
	left: 1.5em;
}
@-webkit-keyframes load1 {
	0%,
	80%,
	100% {
		box-shadow: 0 0;
		height: 4em;
	}
	40% {
		box-shadow: 0 -2em;
		height: 5em;
	}
}
@keyframes load1 {
	0%,
	80%,
	100% {
		box-shadow: 0 0;
		height: 4em;
	}
	40% {
		box-shadow: 0 -2em;
		height: 5em;
	}
}

.active_badge{
	filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(193deg) brightness(106%) contrast(101%);
}

.closebtn{
	position: absolute; bottom: 15px; right: 15px; cursor: pointer;
}

.preloading {
	position: absolute;
	right: 120px;
	bottom: 40px;
	height: 21px;
	font-family: UnileverShilling;
	font-size: 22px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.93;
	letter-spacing: normal;
	color: #fff;
}

.preloading:after {
	content: ' .';
	animation: dots 1s steps(5, end) infinite;}

@keyframes dots {
	0%, 20% {
		color: rgba(0,0,0,0);
		text-shadow:
				.25em 0 0 rgba(0,0,0,0),
				.5em 0 0 rgba(0,0,0,0);}
	40% {
		color: white;
		text-shadow:
				.25em 0 0 rgba(0,0,0,0),
				.5em 0 0 rgba(0,0,0,0);}
	60% {
		text-shadow:
				.25em 0 0 white,
				.5em 0 0 rgba(0,0,0,0);}
	80%, 100% {
		text-shadow:
				.25em 0 0 white,
				.5em 0 0 white;}}


@keyframes bounce {
	0%, 20%, 53%, 80%, 100% {
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transform: translate3d(0,0,0);
		transform-style: preserve-3d;
	}

	40%, 43% {
		transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transform: translate3d(0, -30px, 0);
		transform-style: preserve-3d;
	}

	70% {
		transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transform: translate3d(0, -15px, 0);
		transform-style: preserve-3d;
	}

	90% {
		transform: translate3d(0,-4px,0);
		transform-style: preserve-3d;
	}
}
.bump{
	animation: bounce 1s infinite;
	transform-origin: center bottom;
}
.bump:hover,.bump:focus {
	 animation: none;
}

.cookieConsentContainer {
	z-index: 999;
	width: 350px;
	min-height: 20px;
	box-sizing: border-box;
	padding: 30px 30px 30px 30px;
	background: #7de9ff;
	overflow: hidden;
	position: fixed;
	bottom: 30px;
	right: 30px;
	display: none;
}
.cookieConsentContainer .cookieTitle a {
	font-family: OpenSans, arial, "sans-serif";
	color: #5c5ee1;
	font-size: 22px;
	line-height: 20px;
	display: block;
}
.cookieConsentContainer .cookieDesc p {
	margin: 0;
	padding: 0;
	font-family: OpenSans, arial, "sans-serif";
	color: #5c5ee1;
	font-size: 13px;
	line-height: 20px;
	display: block;
	margin-top: 10px;
} .cookieConsentContainer .cookieDesc a {
	  font-family: OpenSans, arial, "sans-serif";
	  color: #FFFFFF;
	  text-decoration: underline;
  }
.cookieConsentContainer .cookieButton a {
	display: inline-block;
	font-family: OpenSans, arial, "sans-serif";
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin-top: 14px;
	background: #5c5ee1;
	box-sizing: border-box;
	padding: 15px 24px;
	text-align: center;
	transition: background 0.3s;
}
.cookieConsentContainer .cookieButton a:hover {
	cursor: pointer;
	background: #686bff;
}

@media (max-width: 980px) {
	.cookieConsentContainer {
		bottom: 0px !important;
		left: 0px !important;
		width: 100%  !important;
	}
}