*, body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

:root {
  --header-outer-height: 130px;
  --header-inner-height: 85px;
  --header-height-difference: calc(
    var(--header-outer-height) - var(--header-inner-height)
  );
  --scr-height: 100vh;
  --scr-width: 100vw;
  --scale-difference: calc( 1010px / var(--scr-height) );
  //--scale-difference: calc( var(--scr-width) / var(--scr-height) );

  --calc-height: 505vh;
  
  //--calc-animation: 505vh;

}

body{
	margin: 0;
	line-height: 1.5;
	min-height: 100%;
	display: block;
	background-color: #fff;
	font-family: Arial;
}
div{
	display: block;
	position: relative;
	unicode-bidi: isolate;
}
h1{
	size: 30px;
	margin-top: 20px;
    text-align: center;
}
h1, h2{
	font-family: sans-serif;
	color: #2ba6fc;;
}
h2{
    width: 100%;
}
textarea{
	width: 100%;
	height: 100px;
}
@font-face {
  font-family: hiphoray;
  src: url('../images/fonts/hip-horay.ttf');
}
@font-face {
  font-family: boorsok;
  src: url('../images/fonts/boorsok.ttf');
}
hr{
	margin: 60px 130px;
    border: 1px solid #aee6ed;
}
.align_right_lang{
    text-align: right !important;
}
.blue{
	color: #2ba6fc;
}
.header{
	z-index: 99;
    position: sticky;
    inset: 0 0 auto;
	border-bottom: 1px solid #10132000;
	background-color: #fff;
	height: var(--header-outer-height);
	top: calc(var(--header-height-difference) * -1);
	display: flex;
	align-items: center;
	box-shadow: 0 2px 10px 0 rgba(0,0,0, 0.1);
	flex-direction: column;
	justify-content: space-around;
	margin-bottom: 80px;
	background: linear-gradient(180deg, rgb(29 65 93) 1%, rgb(30 66 94) 20%, rgb(53 94 125) 21%, rgb(24 50 71) 23%, rgb(29 65 93) 26%, rgb(29 65 93) 64%, rgb(53 92 123) 66%, rgb(21 46 66) 68%, rgb(29 65 93) 69%, rgb(29 65 93) 90%, rgb(29 65 93) 91%, rgb(60 102 134) 90%, rgb(61 103 135) 96%, rgb(29 65 93) 95%, rgb(29 65 93) 100%);
}

.logo{
	//background-image: url('../images/logo-home.png');
	background-image: url('../images/footer-logo.png');
	background-repeat: no-repeat;
	background-position: top left;
	width: 95px;
	cursor: pointer;
	position: absolute;
	height: 70px;
	background-size: 89px;
	top: 12px;
	left: 7rem;
	transition: transform 0.5s ease;
}

.logo:hover {
   transform: rotate(-360deg);
}

.header-inner{
	height: var(--header-inner-height);
	position: sticky;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 72rem;
    max-width: 72rem;
	margin: 0 auto;
	z-index: 90;
}

.header_decoration{
	position: absolute;
    width: 100%;
    height: 64px;
    background: linear-gradient(180deg, rgb(0 149 248 / 22%) 38%, rgb(188 233 244 / 0%) 100%);
    bottom: -65px;
    z-index: 22;
}

.store_buttons{
	position: absolute;
    width: 72rem;
    display: flex;
    justify-content: center;
    top: 8rem;
    z-index: 70;
}

.store_button{
	width: 40%;
    border: 1px solid #ccc;
    border-radius: 12px;
    float: left;
    padding: 5px;
    margin: 5px;
    //background: #000;
    background: linear-gradient(180deg, rgb(29 65 93) 1%, rgb(30 66 94) 20%, rgb(53 94 125) 21%, rgb(24 50 71) 23%, rgb(29 65 93) 26%, rgb(29 65 93) 64%, rgb(53 92 123) 66%, rgb(21 46 66) 68%, rgb(29 65 93) 69%, rgb(29 65 93) 90%, rgb(29 65 93) 91%, rgb(60 102 134) 90%, rgb(61 103 135) 96%, rgb(29 65 93) 95%, rgb(29 65 93) 100%);
    align-items: center;
    display: flex;
}

.store_button img{
	width: 40px;
	border-radius: 6px;
    margin: 4px;
    box-shadow: 0 0px 4px 0 rgb(0 0 0);
    transition: all 0.1s ease;
}

.store_button a{
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	float: left;
	height: 22px;
    display: flex;
    width: 125px;
    align-items: center;
    font-weight: bold;
    border: 1px solid #000;
    padding: 9px;
    margin: 3px;
    border-radius: 7px;
    background: #000;
    box-shadow: 0 0px 4px 0 rgb(255 255 255 / 21%);
}

.store_button a:hover{
	border: 1px solid #ccc;
}

.store_button i, .block_6_left i{
	font-size: 28px;
	padding-right: 7px;
}

.store_button span{
	color: #ffd900;
    font-weight: normal;
    font-size: 18px;
    line-height: 17px;
    padding-right: 20px;
    padding-left: 10px;
    width: 80px;
    padding-top: 3px;
}

.store_button .memolingo{
	background-image: url(../images/memolingo_logo.png);
    width: 80px;
    height: 42px;
    background-size: 100px 21px;
    background-repeat: no-repeat;
    background-position-x: 7px;
    background-position-y: 12px;
}

.store_button .app_page{
	border: none;
    background: none;
    padding: 0;
    margin: 0;
    width: auto;
    box-shadow: none;
}

.store_button a.app_page:hover{
	border: none;
}

.store_button a.app_page:hover img{
	box-shadow: 0 0px 3px 1px rgb(219 251 255 / 91%);
}

.memolingo_icon{
	box-shadow: 0 0px 3px 1px rgb(219 251 255 / 91%) !important;
}

.store_button a.app_page:hover .memolingo_icon{
	box-shadow: 0 0px 4px 0 rgb(0 0 0) !important;
}


@keyframes blog_images_animation {
	from {
		scale: .8;
	}
}
  
.blog_post img {
	animation: blog_images_animation linear both;
	animation-timeline: view();
	animation-range: 25vh 75vh;
}
  


.lang{
	z-index: 101;
	position: absolute;
	top: 8px;
	right: 96px;
	display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.open_lang{
    display: flex;
    width: 50px;
    height: 50px;
    padding: 8px;
    justify-content: center;
    align-items: center;
}

.open_lang span{
	border-radius: 5px;
    border: 2px #ffffff solid;
    box-shadow: 0 0px 0px 3px rgb(0 0 0 / 75%);
}

.lang_items{
	display: none;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 7px;
    padding: 9px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 240px;
    box-shadow: 0 2px 10px 0 rgba(0,0,0, 0.1);
}

.lang_items a{
	width: 48%;
	color: #000;
    text-decoration: none;
    padding-bottom: 10px;
    text-align: left;
}

.lang_items span{
	padding-right: 7px;
}

.lang_items a:hover{
	color:#0099ff;
}

.lang:has(.open_lang:hover) .lang_items{
	display: flex;
}
.lang_items:hover{
	display: flex;
}

.btn{
	width: 160px;
    height: 34px;
    margin-bottom: 300px;
}

.container{
	font-family: Arial;
	size: 18px;
	color: #59666f;
	overflow: clip;
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100vh;
}

.page{
	width: 1000px;
    margin: 0 auto;
    background-image: url('../images/bg_logo.png');
	background-repeat: no-repeat;
	background-position: bottom center;
	background-attachment:fixed;
}

.menu{
	position: absolute;
    top: 8px;
    right: 157px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.open_menu{
	//color: #19a3ff;
	color: #fff;
    font-size: 40px;
    display: flex;
    width: 50px;
    height: 50px;
    padding: 8px;
    justify-content: center;
    align-items: center;
}

.open_menu:hover{
	//height: 200px;
}

.menu_items{
	display: none;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 7px;
    padding: 9px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 120px;
    box-shadow: 0 2px 10px 0 rgba(0,0,0, 0.1);
}

.menu:has(.open_menu:hover) .menu_items{
	display: flex;
}
.menu_items:hover{
	display: flex;
}
.menu_items a:hover .menu_item{
}
.menu_items a:hover{
	color: #19b9ff;
}
.menu_items a:hover i{
	margin-left: 9px;
	margin-right: 0px;
}
.menu_items a{
	width: 100%;
	color: #0078d8;
	font-weight: bold;
	text-decoration: none;
	height: 30px;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-start;
}
.menu_items i{
	margin-left: 4px;
	margin-right: 4px;
	transition: all 0.3s ease;
}

.menu_item{
	width: 13px;
	height: 13px;
	float: right;
    margin-left: 11px;
    margin-top: 2px;
}

.content{
	font-size: 18px;
	color: #59666f;
}

.content a{
	color: #19a3ff;
	text-decoration: none;
}
.content a:hover{
	color: #f38f0f;
	text-decoration: underline;
}

.category_navigtion, .share-buttons{
	width: 80%;
    max-width: 72rem;
    margin:0 auto;
	text-align: center;
	display: flex;
    justify-content: center;
    padding: 25px;
    flex-wrap: wrap;
}

.category_navigtion a{
	display: flex;
    width: 40px;
    min-height: 40px;
    background: #2ba5fc;
    align-items: center;
    justify-content: center;
    margin: 4px;
    border-radius: 5px;
    color: #fff;
    transition: all 0.1s ease;
}

.category_navigtion a:hover{
	text-decoration: none;
	color: #007fd4;
	background: #80c9fc;
	margin: 2px;
	padding: 2px
}

.post_keyword{
	width: fit-content !important;
	padding: 0 17px;
}

.post_keywords a:hover{
	margin: 2px;
	padding: 2px 19px;
}
.share-buttons{
	padding-bottom: 75px;//5px;
	font-weight: bold;
    color: #12c7dc;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}
.share-buttons a{
	font-size: 32px;
    margin: 0 10px 10px 10px;
    color: #12c7dc;
}
.share-buttons a:hover{
	text-decoration: none;
	color: #2ba5fc;
}
.share-buttons span{
	padding-top: 4px;
    padding-right: 10px;
}
.share-article{
	border: 1px #12c7dc solid;
    border-radius: 5px;
    padding: 1px 8px 14px 9px;
    font-weight: normal;
    color: #ccc;
    width: 160px;
    height: 16px;
    text-align: left;
    font-size: 15px;
    margin-left: 7px;
}
.share-url{
    white-space: nowrap;
    width: 80px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.share-article button{
	width: 70px;
    height: 32px;
    background: #12c7dc;
    border: 1px solid #12c7dc;
    border-radius: 5px;
    display: block;
    float: right;
    margin-top: -28px;
    margin-right: -8px;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
}
.share-article button:hover{
	background: #2ba5fc;
}

.content_text{
	white-space: pre-line;
	width: 80%;
	margin: 0 auto;
	word-wrap: break-word;
}

.content_text iframe, .content_text img{
	float: left;
    margin: 22px 40px 10px 0;
    width: 50%;
}

.content_text img{
    border-radius: 17px;
    border: 16px #ffffff solid;
    box-shadow: 0 0px 2px 0 rgb(179 179 179);
}

.img_100, #img_100{
    width: 95%;
}
#img_25{
    width: 25%;
}
#img_30{
    width: 30%;
}
.img_center{
    display: flex;
    justify-content: center;
}
.video_100, .video_88{
    width: 100%;
    display: flex;
    justify-content: center;
}
.video_100{
    height: 109vh;
}
.video_88{
    height: 88vh;
}
.cta_button{
    color: #fff !important;
    text-decoration: none !important;
    align-items: center;
    font-weight: bold;
    border: 1px solid #000;
    padding: 5px 22px;
    margin: 3px;
    border-radius: 7px;
    background: #000;
    display: inline-block;
}
.cta_button:hover{
    border: 1px solid #2ba8fc;
    background: #2ba8fc;
}

.content_text h2{
	width: 100%;
    font-size: 25px;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom: 0px;
    margin-top: 40px;
    //color: #3f7fa3;
    //color: #00a541;
}

.content_text a{
	
}

.content_container{
    width: 72rem;
    max-width: 72rem;
    margin:0 auto;
}

.blog_posts{
	width: 100%;
	height: 100%;
	grid-column-gap: var(--base-size--125);
    grid-row-gap: var(--base-size--125);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.blog_posts a{
	display: block;
	float: left;
}

.blog_posts a img{
	margin: 0 auto;
	aspect-ratio: 1.6;
    border-radius: 0.8rem;
    object-fit: cover;
    width: 100%;
    margin-bottom: 0.5rem;
}
.blog_post{
	border: 1px solid #ccc;
    border-radius: 1.4rem;
    background-color: #fff;
    margin: 0.5rem;
    padding: 0.5rem 0.6rem;
    padding-bottom: 0.9rem;
}



.game_container{
	width: 512px;
	padding: 7px;
    border: solid 5px #f0f0f0;
    border-radius: 12px;
    display: flow-root;
    float: left;
    margin-right: 26px;
    background-color: #fff;
}

.game_container img{
	width: 100%;

}

.game_container a{
	width: 216px;
    display: block;
    float: left;
    margin-left: 5%;
    cursor: pointer;
}

.google{
	background-image: url('../images/google_play_icon.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 216px;
	height: 64px;
}

.apple{
	background-image: url('../images/appstore_icon.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 216px;
	height: 63px;
}


ul, ol{
	display: flex;
    flex-direction: column;
    padding-left: 20px;
}

li{
	padding-bottom: 6px;
}
li::marker {
	color: #2ba7fc;
}
.list_with_icons{
	padding-top: 10px;
}
.list_with_icons li{
	display: flex;
	flex-direction: row;
	padding-bottom: 15px;
    border-bottom: 1px #eeeeee solid;
    margin-bottom: 15px;
}
.list_with_icons li::marker {
	content: none;
}
.list_with_icons li i{
    width: 50px;
    font-size: 40px;
    color: #2ba7fc;
    text-align: right;
    padding-right: 10px;
}
.list_with_icons li span{
	display: flex;
    width: 95%;
    flex-direction: column;
}
.list_with_icons p{
    margin: 0;
}
.itemscope_div{
    margin: 0;
    padding: 0;
}
.itemscope_meta{
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
    position: relative;
}
.itemprop_price{
    display: contents;
}
.in_blog_page{
    margin-top: 0 !important;
}
ul li h6{
	font-size: 16px;
    color: #000;
    font-weight: bold;
    margin: 0;
}



.footer{
	//background:linear-gradient(180deg, rgb(227 227 227) 38%, rgb(184 184 184) 100%);
	//background:linear-gradient(180deg, rgb(22 214 8) 1%, rgb(201 88 16) 5%, rgb(151 80 37) 50%, rgb(90 65 50) 80%);
	//background: linear-gradient(180deg, rgb(0 101 172) 1%, rgb(43 166 252) 5%, rgb(29 65 93) 50%, rgb(21 48 68) 80%);
	background: linear-gradient(180deg, rgb(0 101 172) 1%, rgb(43 166 252) 5%, rgb(29 65 93) 50%, rgb(27 72 107) 52%, rgb(29 65 93) 54%, rgb(21 48 68) 80%);
	color:#fff;
	height: 310px;
}

.footer-container{
	width: 72rem;
	margin:0 auto;
	max-width: 72rem;
	height: 100%;
}

.footer_logo{
	background-image: url('../images/footer-logo.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 178px;
	height: 124px;
	padding: 65px 0 30px 0;
	cursor: pointer;
	display: flex;
}


.footer-menu{
	position: absolute;
	display: flex;
    right: 0;
    bottom: 70px;
}

.footer-menu a{
	color:#fff;
	text-decoration: none;
	margin: 0 26px;
	display: flex;
    align-items: center;
}

.footer-menu i{
	padding-right: 15px;
	padding-left: 5px;
	transition: all 0.2s ease;
	color: #ffffff00;
}

.footer-menu a:hover i{
	padding-right: 5px;
	padding-left: 15px;
	color: #60e3ff;
}

.footer-socials{
	display: flex;
    position: absolute;
    right: 0;
    bottom: 100px;
    flex-direction: row;
    align-items: center;
}

.footer-socials a{
	color: #fff;
    padding: 12px;
    font-size: 26px;
    text-decoration: none;
    transition: all 0.1s ease;
    width: 32px;
    height: 32px;
}

.footer-socials a::before{
	display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.1s ease;
}

.copy{
	width: 250px;
    position: absolute;
    bottom: 40px;
}
.copy a{
	color: #fff;
	text-decoration: none;
}

.policy{
	position: absolute;
    right: 0;
    bottom: 20px;
    color: #aaa;
    font-size: 14px;
    margin-right: 15px;
}
.policy a{
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	font-size: 14px;
}

.footer a:hover{
	color: #60e3ff;
}

.footer-socials a:hover{
	color: #fff;
    font-size: 34px;
    padding-top: 0px;
}









.block_1 {
	display: flex;
	margin-top: 200px;
	margin-bottom: 250px;
}
.block_1_left, .block_1_right, .block_3_left, .block_3_right{
	width: 50%;
    height: 100%;
}
.block_1_left div{
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 0%;
	animation-fill-mode: forwards;
}
@keyframes block_1_animation_intro {
  0% 	{ background-size: 50%; }
  100% 	{ background-size: 100%; }
}
.block_1_animation_1{
	background-image: url('../images/memolingo/landing_block_1_1.png');
	width: 304px;
	height: 204px;
	top: 75px;
	left: 94px;
	animation: block_1_animation_intro 500ms 1 ease;
	animation-delay: 1000ms;
}
@keyframes block_1_animation_2_keys {
  0% 	{ top: 97px; }
  50% 	{ top: 87px; }
  100% 	{ top: 97px; }
}
.block_1_animation_2{
	background-image: url('../images/memolingo/landing_block_1_2.png');
	width: 275px;
	height: 30px;
	top: 97px;
	left: 115px;
	animation: block_1_animation_2_keys 3000ms infinite ease-in-out, block_1_animation_intro 1000ms 1 ease;
	animation-delay: 2000ms, 1400ms;
}
@keyframes block_1_animation_3_keys {
  0% 	{ top: 108px; }
  50% 	{ top: 100px; }
  100% 	{ top: 108px; }
}
.block_1_animation_3{
	background-image: url('../images/memolingo/landing_block_1_3.png');
	width: 29px;
	height: 29px;
	top: 108px;
	left: 62px;
	animation: block_1_animation_3_keys 2500ms infinite ease-in-out, block_1_animation_intro 1000ms 1 ease;
	animation-delay: 2000ms, 1200ms;
}
@keyframes block_1_animation_4_keys {
  0% 	{ top: 140px; }
  50% 	{ top: 130px; }
  100% 	{ top: 140px; }
}
.block_1_animation_4{
	background-image: url('../images/memolingo/landing_block_1_4.png');
	width: 361px;
	height: 103px;
	top: 140px;
	left: 65px;
	animation: block_1_animation_4_keys 3000ms infinite ease-in-out, block_1_animation_intro 1000ms 1 ease;
	animation-delay: 2000ms, 1000ms;
}
@keyframes block_1_animation_5_keys {
  0% 	{ top: 90px; }
  50% 	{ top: 80px; }
  100% 	{ top: 90px; }
}
.block_1_animation_5{
	background-image: url('../images/memolingo/landing_block_1_5.png');
	width: 255px;
	height: 125px;
	top: 90px;
	left: 116px;
	animation: block_1_animation_5_keys 3000ms infinite ease-in-out, block_1_animation_intro 1000ms 1 ease;
	animation-delay: 2400ms, 1100ms;
}
@keyframes block_1_animation_6_keys {
  0% 	{ top: 146px; }
  50% 	{ top: 137px; }
  100% 	{ top: 146px; }
}
.block_1_animation_6{
	background-image: url('../images/memolingo/landing_block_1_6.png');
	width: 52px;
	height: 56px;
	top: 146px;
	left: 226px;
	animation: block_1_animation_6_keys 3100ms infinite ease-in-out, block_1_animation_intro 1000ms 1 ease;
	animation-delay: 2200ms, 1200ms;
}
@keyframes block_1_animation_7_keys {
  0% 	{ top: 96px; }
  50% 	{ top: 87px; }
  100% 	{ top: 96px; }
}
.block_1_animation_7{
	background-image: url('../images/memolingo/landing_block_1_7.png');
	width: 69px;
	height: 69px;
	top: 96px;
	left: 198px;
	animation: block_1_animation_7_keys 3100ms infinite ease-in-out, block_1_animation_intro 1000ms 1 ease;
	animation-delay: 2600ms, 1300ms;
}
@keyframes block_1_animation_8_keys {
  0% 	{ top: 62px; }
  50% 	{ top: 53px; }
  100% 	{ top: 62px; }
}
.block_1_animation_8{
	background-image: url('../images/memolingo/landing_block_1_8.png');
	width: 77px;
	height: 82px;
	top: 62px;
	left: 153px;
	animation: block_1_animation_8_keys 3100ms infinite ease-in-out, block_1_animation_intro 1000ms 1 ease;
	animation-delay: 3000ms, 1400ms;
}
@keyframes block_1_animation_9_keys {
  0% 	{ top: 101px; }
  50% 	{ top: 91px; }
  100% 	{ top: 101px; }
}
.block_1_animation_9{
	background-image: url('../images/memolingo/landing_block_1_9.png');
	width: 113px;
	height: 121px;
	top: 101px;
	left: 181px;
	animation: block_1_animation_9_keys 3000ms infinite ease-in-out, block_1_animation_intro 1000ms 1 ease;
	animation-delay: 2500ms, 1500ms;
}
.block_1_animation_10{
	background-image: url('../images/memolingo/landing_block_1_10.png');
	width: 362px;
	height: 69px;
	top: 0px;
	left: 67px;
	animation: block_1_animation_intro 900ms 1 ease;
	animation-delay: 700ms;
}
.block_1_right, .block_2_left h4, .block_2_left h3, .block_3_right h4, .block_5_right h4, .block_6_right h4{
	font-family: hiphoray;
	color: #2da4f9;
	font-size: 36px;
}
.block_1_right h4, .block_2_left h4, .block_3_right h4{
	padding: 10px 62px;
	margin: 0;
    padding-bottom: 26px;
    font-weight: normal;
}
.block_3_right h4{
	padding-left: 33px;
}
.block_1_underline{
	background: #00d9ff;
	border-radius: 3px;
	width: 361px;
	height: 6px;
	margin-left: 8%;
}
.block_1_button{
	width: 234px;
	height: 106px;
	margin-top: 31px;
    margin-left: 92px;
}
.block_1_button a{
	background-image: url('../images/memolingo/landing_block_1_11.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 234px;
	height: 106px;
	top: 10px;
	left: 10px;
	display: block;
    background-size: 100%;
    transition: all 0.1s ease;
}
@keyframes block_1_animation_hover_button {
	0%{transform: scale(1);}
	20%{transform: scale(0.7);}
	100%{transform: scale(1);}
}
.block_1_button:hover a{
	//background-size: 90%;
	animation: block_1_animation_hover_button 0.4s 1 ease;
}




.block_2, .block_3, .block_5_right, .block_6_right {
	color: #1c1c1c;
	font-size: 24px;
	line-height: 30px;
}

.block_2 {
	display: flex;
	height: 555vh;//4714px;
	overflow: visible;

	view-timeline-name: --scrollscheme;
	view-timeline-axis: block;

}
.block_2_left, .block_2_right{
	width: 50%;
    height: 100%;
    animation-fill-mode: forwards;
}
.block_2 div, .block_2_right p, .block_2_right div{
	display: block;
	position: absolute;
}
.block_2 div{
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}
.block_2_left h3, .block_2_left h4{
	margin: 0;
	padding: 0;
	font-weight: normal;
	line-height: 40px;
}
.block_2_left h3{
	color: #393939;
	font-size: 48px;
}
.block_2_underline{
	background: #06ff00;
	border-radius: 3px;
	width: 361px;
	height: 6px;
	margin-left: 8%;
}

/*
@keyframes moveit {
	to {
		transform: translateY(calc(-100% + 603vh));
		
		//transform: translateY(calc(var( --calc-height )));

		//transform: translateY(calc(-100% + 5050px));

		//transform: translateY(calc(-100% + 505vh));
	}
}
*/


.block_2_scroller {
	height: 505vh;//5050px;
	width: 100vw;
	position: sticky;
	top: 0;
	width: 100%;
	overflow: hidden;
}

.block_2_scale{
	width: 100%;// 1010px;//100%;
	//height: 1010px;
}

.block_2_right{
	width: 100%;
	top: 19px;
	height: 1010px;//113.3vh;//108.5vh;//1010px;
	display: flex;
	will-change: transform;
	animation: linear moveit forwards;
	animation-timeline: --scrollscheme;
	animation-range: contain 95px contain 3753px;
	
}

.block_2_right div, .block_2_right p{
	z-index: 11;
	animation-timeline: --scrollscheme;
}

.block_2_bottom{
	//top: 530vh;//5270px;
	bottom: 0;
	z-index: 11;
	display: flex !important;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
}

.block_2_bottom a{
	width: 10%;
	font-size: 42px;
    padding: 18px;
}

.block_2_left{
	width: 406px;
	height: 192px;
	top: 0;
	right: 268px;
	text-align: right;
	z-index: 11;
}

.block_2_animation_1{
	background-image: url('../images/memolingo/landing_block_2_1.png');
	background-position-y: top !important;
	width: 880px;
	height: 100%;
	top: 0px;
	left: 33px;
	z-index: 10 !important;
	opacity: 100% !important;
}

@keyframes block_2_animation_2_key {
	0%{ opacity: 10%; }
	1%{ opacity: 100%; }
	2%{ opacity: 10%; }
	3%{ opacity: 100%; }
	4%{ opacity: 10%; }
	5%{ opacity: 100%; }
	6%{ opacity: 10%; }
	7%{ opacity: 100%; }
	8%{ opacity: 10%; }
	9%{ opacity: 100%; }
	10%{ opacity: 10%; }
	11%{ opacity: 100%; }
	12%{ opacity: 10%; }
	13%{ opacity: 100%; }
	14%{ opacity: 10%; }
	15%{ opacity: 100%; }
	16%{ opacity: 10%; }
	17%{ opacity: 100%; }
	18%{ opacity: 10%; }
	19%{ opacity: 100%; }
	20%{ opacity: 10%; }
	21%{ opacity: 100%; }

    

	88%{ opacity: 100%; }
	89%{ opacity: 10%; }
	90%{ opacity: 100%; }
	91%{ opacity: 10%; }
	92%{ opacity: 100%; }
	93%{ opacity: 10%; }
	94%{ opacity: 100%; }
	95%{ opacity: 10%; }
	96%{ opacity: 100%; }
	97%{ opacity: 10%; }
	98%{ opacity: 100%; }
    99%{ opacity: 10%; }
	100%{ opacity: 100%; }
}
.block_2_animation_2{ /* Reading and Language brain */
	background-image: url('../images/memolingo/landing_block_2_2.png');
	width: 79px;
    height: 46px;
    top: 272px;
    left: 463px;
    animation: linear block_2_animation_2_key forwards;
	animation-range: contain 1250px contain 3753px;
	opacity: 100%;
}
@keyframes block_2_text_1_animation {
	0%{ opacity: 100%; }
	5%{ opacity: 10%; }
	10%{ opacity: 100%; }
	15%{ opacity: 10%; }
	20%{ opacity: 100%; }
	25%{ opacity: 10%; }
	30%{ opacity: 100%; }
	35%{ opacity: 10%; }
	40%{ opacity: 100%; }
	45%{ opacity: 10%; }
	50%{ opacity: 100%; }
	55%{ opacity: 10%; }
	60%{ opacity: 100%; }
	65%{ opacity: 10%; }
	70%{ opacity: 100%; }
	75%{ opacity: 10%; }
	80%{ opacity: 100%; }
	85%{ opacity: 10%; }
	90%{ opacity: 100%; }
	95%{ opacity: 10%; }
	100%{ opacity: 100%; }
}
.block_2_animation_3{ /* Speech brain */
	background-image: url('../images/memolingo/landing_block_2_3.png');
	width: 32px;
    height: 29px;
    top: 286px;
    left: 363px;
    animation: linear block_2_text_1_animation forwards;
	animation-range: contain 600px contain 1200px;
	opacity: 100%;
}
.block_2_animation_4{ /* Hearing brain */
	background-image: url('../images/memolingo/landing_block_2_4.png');
	width: 32px;
    height: 29px;
    top: 270px;
    left: 413px;
    animation: linear block_2_text_1_animation forwards;
	animation-range: contain 600px contain 1200px;
	opacity: 100%;
}
@keyframes block_2_animation_5_key {
	0%{ opacity: 10%; }
	1%{ opacity: 100%; }
	2%{ opacity: 10%; }
	3%{ opacity: 100%; }
	4%{ opacity: 10%; }
	5%{ opacity: 100%; }
	6%{ opacity: 10%; }
	7%{ opacity: 100%; }
	8%{ opacity: 10%; }
	9%{ opacity: 100%; }
	10%{ opacity: 10%; }
	11%{ opacity: 100%; }
	12%{ opacity: 10%; }
	13%{ opacity: 100%; }

    90%{ opacity: 100%; }
	100%{ opacity: 100%; }
}
.block_2_animation_5{ /* Vision brain */
	background-image: url('../images/memolingo/landing_block_2_5.png');
	width: 24px;
    height: 39px;
    top: 319px;
    left: 545px;
    animation: linear block_2_animation_5_key forwards;
	animation-range: contain 100px contain 3753px;
	opacity: 100%;
}
@keyframes block_2_animation_6_key {
	0%{ opacity: 0%; }
	10%{ opacity: 100%; }
	90%{ opacity: 100%; }
	100%{ opacity: 0%; }
}
.block_2_animation_6{ /* Visual line card-neuron */
	background-image: url('../images/memolingo/landing_block_2_6.png');
	width: 579px;
    height: 347px;
    top: 328px;
    left: 176px;
    animation: linear block_2_animation_6_key forwards;
	animation-range: contain 100px contain 600px;
	opacity: 0%;
}
@keyframes block_2_animation_7_key {
	0%{ opacity: 0%; }
	10%{ opacity: 100%; 
		top: 328px;
    	left: 176px;
    }
	30%{ 
		top: 408px;
    	left: 256px;
	}
	50%{ 
		top: 618px;
    	left: 256px;
    	opacity: 100%;
	}
	51%{ 
		top: 618px;
    	left: 256px;
    	opacity: 0%;
	}
	52%{ 
		top: 328px;
    	left: 697px;
    	opacity: 0%;
	}
	53%{ 
		top: 328px;
    	left: 697px;
    	opacity: 100%;
	}
	60%{ 
		top: 412px;
    	left: 611px;
	}
	70%{ 
		top: 412px;
    	left: 349px;
	}
	80%{ 
		top: 471px;
    	left: 291px;
	}
	90%{ top: 661px;
    	left: 291px;
    	opacity: 100%;
    }
	100%{ top: 661px;
    	left: 291px;
    	opacity: 0%; 
    }
}
.block_2_animation_7{ /* ball fly */
	background-image: url('../images/memolingo/landing_block_2_7.png');
	width: 62px;
    height: 62px;
    top: 328px;
    left: 176px;
    animation: linear block_2_animation_7_key forwards;
	animation-range: contain 300px contain 590px;
	opacity: 0%;
}
@keyframes block_2_animation_8_key {
	0%{ opacity: 0%; }
	10%{ opacity: 100%; }
	90%{ opacity: 100%; }
	100%{ opacity: 0%; }
}
.block_2_animation_8{ /* Sound line card-neuron */
	background-image: url('../images/memolingo/landing_block_2_8.png');
	width: 476px;
    height: 200px;
    top: 483px;
    left: 225px;
    animation: linear block_2_animation_8_key forwards;
	animation-range: contain 600px contain 1200px;
	opacity: 0%;
}
@keyframes block_2_animation_9_key {
	0%{ opacity: 0%; }
	10%{ opacity: 100%; 
		top: 483px;
    	left: 225px;
    }
	50%{ 
		top: 673px;
    	left: 405px;
    	opacity: 100%;
	}
	51%{ 
		top: 673px;
    	left: 405px;
    	opacity: 0%;
	}
	52%{ 
		top: 483px;
    	left: 650px;
    	opacity: 0%;
	}
	53%{ 
		top: 483px;
    	left: 650px;
    	opacity: 100%;
	}
	90%{ top: 653px;
    	left: 480px;
    	opacity: 100%;
    }
	100%{ top: 653px;
    	left: 480px;
    	opacity: 0%; 
    }
}
.block_2_animation_9{ /* sound fly */
	background-image: url('../images/memolingo/landing_block_2_9.png');
	width: 64px;
    height: 25px;
    top: 483px;
    left: 225px;
    animation: linear block_2_animation_9_key forwards;
	animation-range: contain 650px contain 1100px;
	opacity: 0%;
}
@keyframes block_2_animation_10_key {
	0%{ opacity: 0%; }
	10%{ opacity: 100%; }
	90%{ opacity: 100%; }
	100%{ opacity: 0%; }
}
@keyframes block_2_animation_final {
	0%{ opacity: 0%; }
	10%{ opacity: 100%; }
	20%{ opacity: 10%; }
	30%{ opacity: 100%; }
	40%{ opacity: 10%; }
	50%{ opacity: 100%; }
	60%{ opacity: 10%; }
	70%{ opacity: 100%; }
	80%{ opacity: 10%; }
	90%{ opacity: 100%; }
	100%{ opacity: 0%; }
}
.block_2_animation_10{ /* Text line card-neuron */
	background-image: url('../images/memolingo/landing_block_2_10.png');
	width: 538px;
    height: 304px;
    top: 370px;
    left: 190px;
    animation: linear block_2_animation_10_key forwards;
	animation-range: contain 1250px contain 1800px;
	opacity: 0%;
}

.block_2_animation_11{ /* Visual line neuron-neuron */
	background-image: url('../images/memolingo/landing_block_2_11.png');
	width: 463px;
    height: 191px;
    top: 586px;
    left: 318px;
    animation: linear block_2_animation_10_key forwards, linear block_2_animation_final forwards;
	animation-range: contain 1850px contain 2100px, contain 3600px contain 3753px;
	opacity: 0%;
}

.block_2_animation_12{ /* Sound line neuron-neuron */
	background-image: url('../images/memolingo/landing_block_2_12.png');
	width: 451px;
    height: 164px;
    top: 576px;
    left: 273px;
    animation: linear block_2_animation_10_key forwards, linear block_2_animation_final forwards;
	animation-range: contain 2500px contain 2750px, contain 3600px contain 3753px;
	opacity: 0%;
}

.block_2_animation_13{ /* Text line neuron-neuron */
	background-image: url('../images/memolingo/landing_block_2_13.png');
	width: 431px;
    height: 130px;
    top: 561px;
    left: 291px;
    animation: linear block_2_animation_10_key forwards, linear block_2_animation_final forwards;
	animation-range: contain 2900px contain 3150px, contain 3600px contain 3753px;
	opacity: 0%;
}

.block_2_animation_14{ /* Visual line neuron-cortex */
	background-image: url('../images/memolingo/landing_block_2_14.png');
	width: 235px;
    height: 131px;
    top: 741px;
    left: 275px;
    animation: linear block_2_animation_10_key forwards, linear block_2_animation_final forwards;
	animation-range: contain 2200px contain 2450px, contain 3600px contain 3753px;
	opacity: 0%;
}

.block_2_animation_15{ /* Sound line neuron-cortex */
	background-image: url('../images/memolingo/landing_block_2_15.png');
	width: 340px;
    height: 234px;
    top: 704px;
    left: 342px;
    animation: linear block_2_animation_10_key forwards, linear block_2_animation_final forwards;
	animation-range: contain 2800px contain 2850px, contain 3600px contain 3753px;
	opacity: 0%;
}

.block_2_animation_16{ /* Text line neuron-cortex */
	background-image: url('../images/memolingo/landing_block_2_16.png');
	width: 282px;
    height: 164px;
    top: 720px;
    left: 440px;
    animation: linear block_2_animation_10_key forwards, linear block_2_animation_final forwards;
	animation-range: contain 3200px contain 3450px, contain 3600px contain 3753px;
	opacity: 0%;
}

.block_2_animation_17{ /* Lines cortex-neurons */
	background-image: url('../images/memolingo/landing_block_2_17.png');
	width: 614px;
    height: 348px;
    top: 622px;
    left: 196px;
    animation: linear block_2_animation_10_key forwards, linear block_2_animation_final forwards;
	animation-range: contain 3500px contain 3600px, contain 3600px contain 3753px;
	opacity: 0%;
}







.block_2_text_1, .block_2_text_2, .block_2_text_3, .block_2_text_4, .block_2_text_5{
	font-size: 14px;
	opacity: 100%;
}


.block_2_text_1{ /* Speech */
	color: #de9505;
	top: 260px;
    left: 249px;
    animation: linear block_2_text_1_animation forwards;
	animation-range: contain 600px contain 1200px;	
}
@keyframes block_2_text_2_animation {
	0%{ opacity: 100%; }
	5%{ opacity: 10%; }
	10%{ opacity: 100%; }
	15%{ opacity: 10%; }
	20%{ opacity: 100%; }
	25%{ opacity: 10%; }
	30%{ opacity: 100%; }
	35%{ opacity: 10%; }
	40%{ opacity: 100%; }
	45%{ opacity: 10%; }
	50%{ opacity: 100%; }
	55%{ opacity: 10%; }
	60%{ opacity: 100%; }
	65%{ opacity: 10%; }
	70%{ opacity: 100%; }
	75%{ opacity: 10%; }
	80%{ opacity: 100%; }
	85%{ opacity: 10%; }
	90%{ opacity: 100%; }
	95%{ opacity: 10%; }
	100%{ opacity: 100%; }
}
.block_2_text_2{ /* Language */
	color: #000;
	top: 254px;
    left: 609px;
    animation: linear block_2_text_2_animation forwards;
	animation-range: contain 3500px contain 3700px;
}
@keyframes block_2_text_3_animation {
	0%{ opacity: 100%; }
	5%{ opacity: 10%; }
	10%{ opacity: 100%; }
	15%{ opacity: 10%; }
	20%{ opacity: 100%; }
	25%{ opacity: 10%; }
	30%{ opacity: 100%; }
	35%{ opacity: 10%; }
	40%{ opacity: 100%; }
	45%{ opacity: 10%; }
	50%{ opacity: 100%; }
	55%{ opacity: 10%; }
	60%{ opacity: 100%; }
	65%{ opacity: 10%; }
	70%{ opacity: 100%; }
	75%{ opacity: 10%; }
	80%{ opacity: 100%; }
	85%{ opacity: 10%; }
	90%{ opacity: 100%; }
	95%{ opacity: 10%; }
	100%{ opacity: 100%; }
}
.block_2_text_3{ /* Reading */
	color: #dc163e;
	top: 299px;
    left: 609px;
    animation: linear block_2_text_3_animation forwards;
	animation-range: contain 1250px contain 1800px;
}

.block_2_text_4{ /* Hearing */
	color: #259e16;
	top: 368px;
    left: 309px;
    animation: linear block_2_text_1_animation forwards;
	animation-range: contain 600px contain 1200px;
}

.block_2_text_5{ /* Vision */
	color: #1f83e7;
	top: 341px;
    left: 594px;
    animation: linear block_2_animation_5_key forwards;
	animation-range: contain 100px contain 3753px;
	opacity: 100%;
}

.block_2_text_6{
	color: #dc163e;
	font-size: 30px;
	font-weight: bold;
	top: 341px;
    left: 105px;
    opacity: 100% !important;
}
.block_2_text_7{
	color: #dc163e;
	font-size: 30px;
	font-weight: bold;
	top: 341px;
    left: 718px;
    opacity: 100% !important;
    width: 130px;
    text-align: center;
}

@keyframes block_2_text_8_animation {
	0%{ opacity: 0%; }
	10%{ opacity: 70%; 
		top: 371px;
    	left: 171px;
    }
	30%{ 
		top: 441px;
    	left: 241px;
	}
	50%{ 
		top: 441px;
    	left: 539px;
	}
	60%{ 
		top: 481px;
    	left: 580px;
	}
	70%{ 
		top: 671px;
    	left: 580px;
    	opacity: 70%; 
	}
	73%{ 
		top: 671px;
    	left: 580px;
    	opacity: 0%; 
	}
}
.block_2_text_8{ /* ball fly */
	color: #dc163ebf;
	font-size: 16px;
	top: 371px;
    left: 171px;
    animation: linear block_2_text_8_animation forwards;
	animation-range: contain 1350px contain 1600px;
	opacity: 0%;
}
@keyframes block_2_text_9_animation {
	0%{ opacity: 0%; }
	10%{ opacity: 70%; 
		top: 365px;
    	left: 725px;
    }
	30%{ 
		top: 417px;
    	left: 661px;
	}
	60%{ 
		top: 667px;
    	left: 661px;
    	opacity: 70%;
	}
	90%{ 
		top: 667px;
    	left: 661px;
    	opacity: 0%;
	}
}
.block_2_text_9{ /* мяч fly */
	color: #dc163ebf;
	font-size: 16px;
	top: 365px;
    left: 725px;
    animation: linear block_2_text_9_animation forwards;
	animation-range: contain 1600px contain 1800px;
	opacity: 0%;
}



.block_2_text_10, .block_2_text_11, .block_2_text_12, .block_2_text_13, .block_2_text_14{
	color: #000;
	font-weight: bold;
	opacity: 100% !important;
}

.block_2_text_10, .block_2_text_11, .block_2_text_12{
	font-size: 24px;
}

.block_2_text_13, .block_2_text_14{
	font-size: 16px;
	width: 120px;
    text-align: center;
    line-height: 21px;
    font-weight: normal;
}

.block_2_text_10{
	top: 545px;
    left: 183px;
    color: #2172bf;
}
.block_2_text_11{
	top: 503px;
    left: 439px;
    color: #2d8112;
}
.block_2_text_12{
	top: 585px;
    left: 773px;
    color: #dc163f;
}
.block_2_text_13{
	top: 673px;
    left: 34px;
}
.block_2_text_14{
	top: 888px;
    left: 213px;
}









.block_3{
	height: 489px;
	display: flex;
	margin-bottom: 19%;
}

.block_3_animation_1{ /* Visual line neuron-neuron */
	background-image: url('../images/memolingo/landing_block_3_1.png');
	width: 100%;
    height: 489px;
    background-position-x: right;
    background-repeat: no-repeat;
    //animation: linear block_2_animation_10_key forwards;
}

.block_3_right{
    padding-top: 10%;
    height: 80%;
}

.block_3_right p{
	margin-left: 8%;
}

.block_3_left{
	perspective: 2937px;
}

.block_3_text_1, .block_3_text_2, .block_3_text_3{
	position: absolute;
	transform: rotateX(11deg) rotateY(43deg) rotateZ(-16deg) skew(7deg, -2deg);
    font-size: 13px;
    font-weight: bold;
    color: #000;
    z-index: 10;
    width: 70px;
    text-align: center;
}

.block_3_text_1{
	top: 124px;
    right: 192px;
}
.block_3_text_2{
	top: 314px;
    right: 110px;
}
.block_3_text_3{
	top: 427px;
    right: 132px;
}
.memolingo_name{
	font-size: 60px !important;
	padding: 50px 0 25px 0 !important;
}
.memolingo_name b{
	color: #ffc071;
}
.block_3_right h3{
	font-family: hiphoray;
    color: #2da4f9;
    font-size: 26px;
    font-weight: normal;
    margin: 4px 0;
}
.not_en h3, .not_en h4, .not_en div{
	font-family: Arial;
    font-style: italic;
}
.slidingpuzzle .not_en h3{
    font-family: Arial !important;
    font-weight: bold;
    -webkit-text-stroke: 0px #000 !important;
    color: #2dcaf9;
    line-height: 28px;
}
.slidingpuzzle .not_en h4{
    font-family: Arial !important;
    font-weight: bold;
    -webkit-text-stroke: 0px #000 !important;
    color: #2da4f9;
    line-height: 70px;
}
.not_en .block_1_right h3, .not_en .block_3_right h3{
    padding-left: 40px;
    margin-bottom: 10px;
    font-size: 38px;
    font-weight: bold;
}
.not_en .block_6_right h4{
    font-size: 32px;
}


.homepage{
	margin-top: 80px;
	width: 100%;
	margin-bottom: 0px;
}
.homepage .block_2_underline{
	margin: 0 !important;
    width: 88% !important;
}
.block_3_homepage{
	margin-bottom: 250px;
}
.homepage p{
	margin: 6px 0;
    font-size: 22px !important;
}
.homepage a{
	margin: 40px 0px 0px 70px !important;
    display: block;
    border-radius: 33px;
    width: 180px;
    text-align: center;
    padding: 16px;
    background: #2da5f9;
    color: #fff;
    font-family: Arial;
    font-size: 24px;
}
.homepage a:hover{
	color: #fff;
    text-decoration: none;
    background: #1dd7d5;
}
.homepage .block_1_right{
	align-items: unset !important;
	margin-top: 220px !important;
}
.homepage .block_1_right, .block_1_left_homepage{
	width: 50%;
}
.block_1_left_homepage{
	display: flex;
    justify-content: flex-end;
}
.homepage .block_1_right h4, .homepage .block_1_right h3{
	padding: 0;
}
.homepage  .block_1_right .block_2_underline{
    width: 68%;// !important;
}
.blog_posts_homepage{
	margin-bottom: 90px;
}




.block_4{
	width: 100%;
	margin-top: 120px;
	border-radius: 5vh;
    overflow: hidden;
    view-timeline-name: --revealing-image;
	view-timeline-axis: block;
}

.block_4_title_1, .block_4_title_2, .block_4_title_3, .block_4_title_4{
	font-family: hiphoray;
    color: #1d3f5b;
    font-size: 5vh;
    text-align: center;
    height: 11vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.block_4_title_2, .block_4_title_3, .block_4_title_4{
	transform: rotate(353deg);
    background: #fff;
    z-index: 11;
    width: 120%;
    margin-left: -5vw;
    position: absolute;
    margin-top: -8.5vh;
    height: 200px;
    font-size: 70px;
}

.block_4_title_1{
	color: #fff;
    background: linear-gradient(180deg, rgb(29 65 93) 1%, rgb(30 66 94) 20%, rgb(53 94 125) 21%, rgb(24 50 71) 23%, rgb(29 65 93) 26%, rgb(29 65 93) 64%, rgb(53 92 123) 66%, rgb(21 46 66) 68%, rgb(29 65 93) 69%, rgb(29 65 93) 90%, rgb(29 65 93) 91%, rgb(60 102 134) 90%, rgb(61 103 135) 96%, rgb(29 65 93) 95%, rgb(29 65 93) 100%);
}

@keyframes block_4_map_animation1 {
	from{background-position-y: -130px;}
	to{background-position-y: 130px;}
}
@keyframes block_4_map_animation2 {
	from{background-position-y: -130px;}
	to{background-position-y: 130px;}
}
@keyframes block_4_map_animation3 {
	from{background-position-y: -260px;}
	to{background-position-y: 130px;}
}
@keyframes block_4_map_animation4 {
	from{background-position-y: -130px;}
	to{background-position-y: 130px;}
}



.block_4_map_1{
	background-image: url('../images/memolingo/landing_block_4_1.png');
	animation: linear block_4_map_animation1 both;
	height: 600px;
	z-index: 10;
}
.block_4_map_2{
	background-image: url('../images/memolingo/landing_block_4_2.png');
	animation: linear block_4_map_animation2 both;
	height: 600px;
	z-index: 10;
}
.block_4_map_3{
	background-image: url('../images/memolingo/landing_block_4_3.png');
	animation: linear block_4_map_animation3 both;
	height: 600px;
	z-index: 10;
}
.block_4_map_4{
	background-image: url('../images/memolingo/landing_block_4_4.png');
	animation: linear block_4_map_animation4 both;
	height: 600px;
	margin-top: -64px;
	z-index: 9;
}

.block_4_map_1, .block_4_map_2, .block_4_map_3, .block_4_map_4{
	width: 100%;
    background-size: 100%;
    animation-range: cover 0% cover 100%;
    animation-timeline: --revealing-image;
    
}


@keyframes block_4_puzzle_animation {
	0%{ background-image: url('../images/memolingo/puzzle/puzzle_00000.png'); margin-left: 0px; margin-top: 0px;}
	5%{ background-image: url('../images/memolingo/puzzle/puzzle_00001.png'); margin-left: 0px; margin-top: 0px;}
	10%{ background-image: url('../images/memolingo/puzzle/puzzle_00002.png'); margin-left: 0px; margin-top: 0px;}
	15%{ background-image: url('../images/memolingo/puzzle/puzzle_00003.png'); margin-left: 0px; margin-top: 0px;}
	20%{ background-image: url('../images/memolingo/puzzle/puzzle_00004.png'); margin-left: 0px; margin-top: 0px;}
	25%{ background-image: url('../images/memolingo/puzzle/puzzle_00005.png'); margin-left: 0px; margin-top: 0px;}
	30%{ background-image: url('../images/memolingo/puzzle/puzzle_00006.png'); margin-left: 0px; margin-top: 0px;}
	35%{ background-image: url('../images/memolingo/puzzle/puzzle_00007.png'); margin-left: 0.5px; margin-top: 0px;}
	40%{ background-image: url('../images/memolingo/puzzle/puzzle_00008.png'); margin-left: 1px;   margin-top: 0px;}
	45%{ background-image: url('../images/memolingo/puzzle/puzzle_00009.png'); margin-left: 1.5px; margin-top: 0px;}
	50%{ background-image: url('../images/memolingo/puzzle/puzzle_00010.png'); margin-left: 2px;   margin-top: 0px;}
	55%{ background-image: url('../images/memolingo/puzzle/puzzle_00011.png'); margin-left: 2.5px; margin-top: 0px;}
	60%{ background-image: url('../images/memolingo/puzzle/puzzle_00012.png'); margin-left: 3px;   margin-top: 0px;}
	65%{ background-image: url('../images/memolingo/puzzle/puzzle_00013.png'); margin-left: 3.5px; margin-top: 0px;}
	70%{ background-image: url('../images/memolingo/puzzle/puzzle_00014.png'); margin-left: 4px;   margin-top: 0px;}
	75%{ background-image: url('../images/memolingo/puzzle/puzzle_00015.png'); margin-left: 4.5px; margin-top: -0.5px;}
	80%{ background-image: url('../images/memolingo/puzzle/puzzle_00016.png'); margin-left: 5px;   margin-top: -1px;}
	85%{ background-image: url('../images/memolingo/puzzle/puzzle_00017.png'); margin-left: 5.5px; margin-top: -1.5px;}
	90%{ background-image: url('../images/memolingo/puzzle/puzzle_00018.png'); margin-left: 6px;   margin-top: -2px;}
	95%{ background-image: url('../images/memolingo/puzzle/puzzle_00019.png'); margin-left: 6.5px; margin-top: -2.5px;}
	100%{ background-image: url('../images/memolingo/puzzle/puzzle_00020.png'); margin-left: 7px;  margin-top: -3px;}
}

@keyframes block_4_puzzle_animation2 {
	0%{top: 20vh;}
	50%{top: 12vh;}
	100%{top: 20vh;}
}

.block_4_puzzle, .block_4_puzzle_2{
	position: absolute;
    top: 20vh;
    left: 20vw;
    width: 150px;
    height: 205px;
    background-size: 10vh;
    background-repeat: no-repeat;
    animation: block_4_puzzle_animation 0.4s infinite, block_4_puzzle_animation2 0.8s infinite;
}


.block_4_map_1 .block_4_puzzle{
	left: 25%
}
.block_4_map_3 .block_4_puzzle{
	left: 15%;
}
.block_4_map_3 .block_4_puzzle_2{
	left: 60%;
}

.block_4_map_4{
	//height: 22%;
}






.block_5, .block_6{
	width: 100%;
	margin-top: 120px;
	display: flex;
	justify-content: center;
}
.block_5_left {
	width: 400px;
    height: 400px;
    perspective: 2000px;
    transform-style: preserve-3d;
    display: flex;
    align-items: center;
}
.block_5_left span{
	font-size: 60px;
}

.block_5_left div{
	position: absolute;
	display: flex;
    flex-direction: column;
    align-items: center;
    left: 160px;
}

@keyframes block_5_flags_animation1 {
	0%{transform: rotateY(0deg) translate3d(0px, 0px, 186px);}
	100%{transform: rotateY(360deg) translate3d(0px, 0px, 186px);}
}
.block_5_text_1{
	animation: linear block_5_flags_animation1 10s infinite;
}

@keyframes block_5_flags_animation2 {
	0%{transform: rotateY(51deg) translate3d(0px, 0px, 186px);}
	100%{transform: rotateY(411deg) translate3d(0px, 0px, 186px);}
}
.block_5_text_2{
	animation: linear block_5_flags_animation2 10s infinite;
}

@keyframes block_5_flags_animation3 {
	0%{transform: rotateY(102deg) translate3d(0px, 0px, 186px);}
	100%{transform: rotateY(462deg) translate3d(0px, 0px, 186px);}
}
.block_5_text_3{
	animation: linear block_5_flags_animation3 10s infinite;
}

@keyframes block_5_flags_animation4 {
	0%{transform: rotateY(154deg) translate3d(0px, 0px, 186px);}
	100%{transform: rotateY(514deg) translate3d(0px, 0px, 186px);}
}
.block_5_text_4{
	animation: linear block_5_flags_animation4 10s infinite;
}

@keyframes block_5_flags_animation5 {
	0%{transform: rotateY(205deg) translate3d(0px, 0px, 186px);}
	100%{transform: rotateY(565deg) translate3d(0px, 0px, 186px);}
}
.block_5_text_5{
	animation: linear block_5_flags_animation5 10s infinite;
}

@keyframes block_5_flags_animation6 {
	0%{transform: rotateY(257deg) translate3d(0px, 0px, 186px);}
	100%{transform: rotateY(617deg) translate3d(0px, 0px, 186px);}
}
.block_5_text_6{
	animation: linear block_5_flags_animation6 10s infinite;
}

@keyframes block_5_flags_animation7 {
	0%{transform: rotateY(308deg) translate3d(0px, 0px, 186px);}
	100%{transform: rotateY(668deg) translate3d(0px, 0px, 186px);}
}
.block_5_text_7{
	animation: linear block_5_flags_animation7 10s infinite;
}





@keyframes block_5_flags_animation8 {
	0%{transform: rotateY(0deg) translate3d(0px, 100px, 136px);}
	100%{transform: rotateY(360deg) translate3d(0px, 100px, 136px);}
}
.block_5_text_8{
	animation: linear block_5_flags_animation8 18s infinite;
}

@keyframes block_5_flags_animation9 {
	0%{transform: rotateY(60deg) translate3d(0px, 100px, 136px);}
	100%{transform: rotateY(420deg) translate3d(0px, 100px, 136px);}
}
.block_5_text_9{
	animation: linear block_5_flags_animation9 18s infinite;
}

@keyframes block_5_flags_animation10 {
	0%{transform: rotateY(120deg) translate3d(0px, 100px, 136px);}
	100%{transform: rotateY(480deg) translate3d(0px, 100px, 136px);}
}
.block_5_text_10{
	animation: linear block_5_flags_animation10 18s infinite;
}

@keyframes block_5_flags_animation11 {
	0%{transform: rotateY(180deg) translate3d(0px, 100px, 136px);}
	100%{transform: rotateY(540deg) translate3d(0px, 100px, 136px);}
}
.block_5_text_11{
	animation: linear block_5_flags_animation11 18s infinite;
}

@keyframes block_5_flags_animation12 {
	0%{transform: rotateY(240deg) translate3d(0px, 100px, 136px);}
	100%{transform: rotateY(600deg) translate3d(0px, 100px, 136px);}
}
.block_5_text_12{
	animation: linear block_5_flags_animation12 18s infinite;
}

@keyframes block_5_flags_animation13 {
	0%{transform: rotateY(300deg) translate3d(0px, 100px, 136px);}
	100%{transform: rotateY(660deg) translate3d(0px, 100px, 136px);}
}
.block_5_text_13{
	animation: linear block_5_flags_animation13 18s infinite;
}








@keyframes block_5_flags_animation14 {
	0%{transform: rotateY(0deg) translate3d(0px, -100px, 136px);}
	100%{transform: rotateY(360deg) translate3d(0px, -100px, 136px);}
}
.block_5_text_14{
	animation: linear block_5_flags_animation14 18s infinite;
}

@keyframes block_5_flags_animation15 {
	0%{transform: rotateY(60deg) translate3d(0px, -100px, 136px);}
	100%{transform: rotateY(420deg) translate3d(0px, -100px, 136px);}
}
.block_5_text_15{
	animation: linear block_5_flags_animation15 18s infinite;
}

@keyframes block_5_flags_animation16 {
	0%{transform: rotateY(120deg) translate3d(0px, -100px, 136px);}
	100%{transform: rotateY(480deg) translate3d(0px, -100px, 136px);}
}
.block_5_text_16{
	animation: linear block_5_flags_animation16 18s infinite;
}

@keyframes block_5_flags_animation17 {
	0%{transform: rotateY(180deg) translate3d(0px, -100px, 136px);}
	100%{transform: rotateY(540deg) translate3d(0px, -100px, 136px);}
}
.block_5_text_17{
	animation: linear block_5_flags_animation17 18s infinite;
}

@keyframes block_5_flags_animation18 {
	0%{transform: rotateY(240deg) translate3d(0px, -100px, 136px);}
	100%{transform: rotateY(600deg) translate3d(0px, -100px, 136px);}
}
.block_5_text_18{
	animation: linear block_5_flags_animation18 18s infinite;
}

@keyframes block_5_flags_animation19 {
	0%{transform: rotateY(300deg) translate3d(0px, -100px, 136px);}
	100%{transform: rotateY(660deg) translate3d(0px, -100px, 136px);}
}
.block_5_text_19{
	animation: linear block_5_flags_animation19 18s infinite;
}

.block_5_right{
	width: 40%;
	margin-left: 10%;
}

.block_5_right h4, .block_6_right h4{
	margin-bottom: 4%;
	margin-top: 42%;
}

.block_5_right .block_2_underline, .block_6_right .block_1_underline{
    margin-left: 0%;
}

.block_5_right p, .block_6_right p{
	margin-top: 2%;
}







.earth {
	border: 2px solid #4af7ff;
	background: #6ce5ff;
	border-radius: 50%;
	height: 250px;
	width: 250px;
	position: absolute;
	top: 60px;
	left: 80px !important;  
}

.mridian {
    border-radius: 0;
    border: 1px solid #42eff6;
    height: 0px;
    transform: translateZ(125px);
}
.mridian0 {
    top: 185px;
    margin-left: 10px;
    width: 230px;
}
.mridian1 {
    top: 140px;
    margin-left: 19px;
    width: 212px;
}
.mridian2 {
    top: 230px;
    margin-left: 19px;
    width: 212px;
}
.mridian3 {
    top: 105px;
    margin-left: 43px;
    width: 166px;
    transform: translateZ(101px);
}
.mridian4 {
    top: 265px;
    margin-left: 43px;
    width: 166px;
    transform: translateZ(101px);
}
.mridian5 {
    top: 81px;
    margin-left: 69px;
    width: 112px;
    transform: translateZ(90px);
}
.mridian6 {
    top: 289px;
    margin-left: 69px;
    width: 112px;
    transform: translateZ(90px);
}

@keyframes block_5_earth_animation1 {
	0%{transform: rotateY(0deg) translate3d(0px, 0px, 0px);}
	100%{transform: rotateY(360deg) translate3d(0px, 0px, 0px);}
}
.circ1 {
  animation: linear block_5_earth_animation1 10s infinite;
}
@keyframes block_5_earth_animation2 {
	0%{transform: rotateY(51deg) translate3d(0px, 0px, 0px);}
	100%{transform: rotateY(411deg) translate3d(0px, 0px, 0px);}
}
.circ2 {
  animation: linear block_5_earth_animation2 10s infinite;
}
@keyframes block_5_earth_animation3 {
	0%{transform: rotateY(102deg) translate3d(0px, 0px, 0px);}
	100%{transform: rotateY(462deg) translate3d(0px, 0px, 0px);}
}
.circ3 {
  animation: linear block_5_earth_animation3 10s infinite;
}
@keyframes block_5_earth_animation4 {
	0%{transform: rotateY(154deg) translate3d(0px, 0px, 0px);}
	100%{transform: rotateY(514deg) translate3d(0px, 0px, 0px);}
}
.circ4 {
  animation: linear block_5_earth_animation4 10s infinite;
}
@keyframes block_5_earth_animation5 {
	0%{transform: rotateY(205deg) translate3d(0px, 0px, 0px);}
	100%{transform: rotateY(565deg) translate3d(0px, 0px, 0px);}
}
.circ5 {
  animation: linear block_5_earth_animation5 10s infinite;
}
@keyframes block_5_earth_animation6 {
	0%{transform: rotateY(257deg) translate3d(0px, 0px, 0px);}
	100%{transform: rotateY(617deg) translate3d(0px, 0px, 0px);}
}
.circ6 {
  animation: linear block_5_earth_animation6 10s infinite;
}
@keyframes block_5_earth_animation7 {
	0%{transform: rotateY(308deg) translate3d(0px, 0px, 0px);}
	100%{transform: rotateY(668deg) translate3d(0px, 0px, 0px);}
}
.circ7 {
  animation: linear block_5_earth_animation7 10s infinite;
}



.block_6{
	margin-bottom: 150px;
}
.block_6_right, .block_6_left{
	width: 40%;
	margin: 2%;
	height: 350px;
}
.block_6_left{
	margin-top: 90px;
}
.block_6_right h4{
	color: #ff2000;
}
.block_6_button{
	width: 236px;
    height: 107px;
    margin: 20px;
}
.block_6_button a{
	width: 216px;
    height: 87px;
    display: flex;
    justify-content: center;
    font-size: 22px;
    color: #fff;
	text-decoration: none;
	float: left;
    align-items: center;
    font-weight: bold;
    padding: 9px;
    background-image: url('../images/memolingo/button.png');
    background-repeat: no-repeat;
}
.block_1 .block_6_button a{
    font-size: 28px;
    font-style: normal;
    font-family: arial;
}
.block_1 .block_6_button i{
    padding-right: 10px;
}
.block_1 .block_6_button{
    margin-top: 31px;
    margin-left: 92px;
}


@keyframes block_6_button_animation {
	0%{transform: scale(1);}
	20%{transform: scale(0.7);}
	100%{transform: scale(1);}
}

.block_6_button:hover a{
    color: #fff;
    text-decoration: none;
    animation: block_6_button_animation 0.4s 1 ease;
}

@keyframes block_6_icon_animation {
	0%{top: 130px;}
	50%{top: 100px}
	100%{top: 130px;}
}
@keyframes block_6_icon_animation2 {
	0%{transform: rotate(-20deg);}
	50%{transform: rotate(-10deg);}
	100%{transform: rotate(-20deg);}
}

.memolingo_icon_div, .slidingpuzzle_icon_div{
	background-image: url('../images/memolingo/192.png');
    background-repeat: no-repeat;
    background-size: 70px 70px;
    width: 70px;
    height: 70px;
    position: absolute;
    left: 65%;
    transform: rotate(-20deg);
    border-radius: 5px;
    z-index: 10;
    animation: block_6_icon_animation 1s infinite ease, block_6_icon_animation2 2s infinite ease;
}
.align_right_lang .memolingo_icon_div, .align_right_lang .slidingpuzzle_icon_div{
    left: 5%;
}

.slidingpuzzle_icon_div{
	background-image: url('../images/slidingpuzzle/192.png');
}

.slidingpuzzle .block_1_left{
	display: flex;
    justify-content: flex-end;
    //height: 634px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.slidingpuzzle_src{
	width: 320px;
	height: 720px;
}

.slidingpuzzle_phone{
	background-image: url('../images/slidingpuzzle/landing_block_1_phone.png');
	width: 100%;
    height: 100%;
    z-index: 10;
}
.slidingpuzzle_src div{
	background-size: 100%;
	background-position: 0px 0px;
}

.slidingpuzzle_mask{
	width: 393px;
    height: 672px;
    transform: rotateX(39deg) rotateY(51deg) rotateZ(-4deg) skew(5deg, -24deg);
    top: -31px;
    left: -33px;
    border-radius: 44px;
    overflow: hidden;
}
.slidingpuzzle_screen{
    width: 320px;
    scale: 1.2 0.95;
    left: 40px;
    rotate: -1deg;
    transform: skew(-1deg, -2deg);
    top: -37px;
    height: 720px;
}
.slidingpuzzle_slide_block{
	overflow: hidden;
}
.slidingpuzzle_slide{
	background-image: url('../images/slidingpuzzle/landing_block_1_1.png');
	width: 100%;
    height: 100%;
    overflow: hidden;
    background-size: 140% !important;
}
@keyframes block_1_fish_animation_1 {
	0%{left: -300px; top: 50px; transform: scaleX(1);}
	49%{left: 600px; top: 50px; transform: scaleX(1);}
	50%{left: 600px; top: 250px; transform: scaleX(-1);}
	100%{left: -300px; top: 250px; transform: scaleX(-1);}
}
.fish_1{
	background-image: url('../images/slidingpuzzle/landing_block_1_2.png');
	width: 220px;
    height: 152px;
    animation: linear block_1_fish_animation_1 20s infinite;
}
@keyframes block_1_fish_animation_2 {
	0%{left: 600px; top: 150px; transform: scaleX(-1);}
	49%{left: -300px; top: 150px; transform: scaleX(-1);}
	50%{left: -300px; top: 350px; transform: scaleX(1);}
	100%{left: 600px; top: 350px; transform: scaleX(1);}
}
.fish_2{
	background-image: url('../images/slidingpuzzle/landing_block_1_3.png');
	width: 220px;
    height: 114px;
    animation: linear block_1_fish_animation_2 15s infinite;
    animation-delay: 1s;
}
@keyframes block_1_fish_animation_3 {
	0%{left: -300px; top: 200px; transform: scaleX(1);}
	49%{left: 600px; top: 200px; transform: scaleX(1);}
	50%{left: 600px; top: 100px; transform: scaleX(-1);}
	100%{left: -300px; top: 100px; transform: scaleX(-1);}
}
.fish_3{
	background-image: url('../images/slidingpuzzle/landing_block_1_4.png');
	width: 220px;
    height: 180px;
    animation: linear block_1_fish_animation_3 10s infinite;
    animation-delay: 0.5s;
}
@keyframes block_1_fish_animation_4 {
	0%{left: 600px; top: 300px; transform: scaleX(-1);}
	49%{left: -300px; top: 300px; transform: scaleX(-1);}
	50%{left: -300px; top: 150px; transform: scaleX(1);}
	100%{left: 600px; top: 150px; transform: scaleX(1);}
}
.fish_4{
	background-image: url('../images/slidingpuzzle/landing_block_1_5.png');
	width: 220px;
    height: 96px;
    animation: linear block_1_fish_animation_4 25s infinite;
    animation-delay: 1.2s;
}
@keyframes block_1_fish_animation_5 {
	0%{left: -300px; top: 400px; transform: scaleX(1);}
	49%{left: 600px; top: 400px; transform: scaleX(1);}
	50%{left: 600px; top: 250px; transform: scaleX(-1);}
	100%{left: -300px; top: 250px; transform: scaleX(-1);}
}
.fish_5{
	background-image: url('../images/slidingpuzzle/landing_block_1_6.png');
	width: 300px;
    height: 101px;
    animation: linear block_1_fish_animation_5 30s infinite;
    animation-delay: 1.7s;
}
@keyframes block_1_fish_animation_6 {
	0%{left: 600px; top: 400px; transform: scaleX(-1);}
	49%{left: -300px; top: 400px; transform: scaleX(-1);}
	50%{left: -300px; top: 50px; transform: scaleX(1);}
	100%{left: 600px; top: 50px; transform: scaleX(1);}
}
.fish_6{
	background-image: url('../images/slidingpuzzle/landing_block_1_7.png');
	width: 200px;
    height: 199px;
    animation: linear block_1_fish_animation_6 17s infinite;
    animation-delay: 0.3s;
}
@keyframes block_1_fish_animation_7 {
	0%{left: -300px; top: 200px; transform: scaleX(1);}
	49%{left: 600px; top: 200px; transform: scaleX(1);}
	50%{left: 600px; top: 450px; transform: scaleX(-1);}
	100%{left: -300px; top: 450px; transform: scaleX(-1);}
}
.fish_7{
	background-image: url('../images/slidingpuzzle/landing_block_1_8.png');
	width: 200px;
    height: 107px;
    animation: linear block_1_fish_animation_7 27s infinite;
    animation-delay: 1.9s;
}
.slidingpuzzle_slide{
	width: 320px;
    height: 720px;
}
.slide_1{
	width: 320px;
	height: 320px;
	overflow: hidden;
}
.slidingpuzzle_slide_block{
	width: 80px;
	height: 80px;
}



.slide_2{
	top: 320px;
	left: 0;
}
.slide_2 .slidingpuzzle_slide{
    top: -320px;
    left: 0px;
}

.slide_14{
	top: 640px;
	left: 240px;
}
.slide_4 .slidingpuzzle_slide{
	top: -320px;
    left: -160px;
}
.slide_8{
	top: 320px;
	left: 240px;
}
.slide_5 .slidingpuzzle_slide{
	top: -320px;
    left: -240px;
}




.slide_16{
	top: 400px;
	left: 0px;
}
.slide_6 .slidingpuzzle_slide{
	top: -400px;
    left: 0px;
}
.slide_7{
	top: 400px;
	left: 80px;
}
.slide_7 .slidingpuzzle_slide{
	top: -400px;
    left: -80px;
}
.slide_11{
	top: 400px;
	left: 160px;
}
.slide_8 .slidingpuzzle_slide{
	top: -400px;
    left: -160px;
}
.slide_18{
	top: 400px;
	left: 240px;
}
.slide_9 .slidingpuzzle_slide{
	top: -400px;
    left: -240px;
}




.slide_10{
	top: 480px;
	left: 0px;
}
.slide_10 .slidingpuzzle_slide{
	top: -480px;
    left: 0px;
}
.slide_20{
	top: 480px;
	left: 80px;
}
.slide_11 .slidingpuzzle_slide{
	top: -480px;
    left: -80px;
}
.slide_17{
	top: 480px;
	left: 160px;
}
.slide_12 .slidingpuzzle_slide{
	top: -480px;
    left: -160px;
}
.slide_13{
	top: 480px;
	left: 240px;
}
.slide_13 .slidingpuzzle_slide{
	top: -480px;
    left: -240px;
}


.slide_4{
	top: 560px;
	left: 0px;
}
.slide_14 .slidingpuzzle_slide{
	top: -560px;
    left: 0px;
}

.slide_15{
	top: 320px;
	left: 80px;
}
.slide_3 .slidingpuzzle_slide{
	top: -320px;
    left: -80px;
}
.slide_3{
	top: 560px;
	left: 80px;
}
.slide_15 .slidingpuzzle_slide{
	top: -560px;
    left: -80px;
}

.slide_6{
	top: 560px;
	left: 160px;
}
.slide_16 .slidingpuzzle_slide{
	top: -560px;
    left: -160px;
}
.slide_12{
	top: 560px;
	left: 240px;
}
.slide_17 .slidingpuzzle_slide{
	top: -560px;
    left: -240px;
}



.slide_9{
	top: 640px;
	left: 0px;
}
.slide_18 .slidingpuzzle_slide{
	top: -640px;
    left: 0px;
}
.slide_19{
	top: 640px;
	left: 80px;
}
.slide_19 .slidingpuzzle_slide{
	top: -640px;
    left: -80px;
}
.slide_5{
	top: 640px;
	left: 160px;
}
.slide_20 .slidingpuzzle_slide{
	top: -640px;
    left: -160px;
}




.slidingpuzzle_2{
	background-image: url('../images/slidingpuzzle/landing_block_2_1.png');
}

@keyframes block_3_gradient_animation {
	0%{background-position: -10px -10px; transform: scale(2.5); rotate: 0deg;}
	20%{background-position: -430px -230px; }
	35%{background-position: -640px -440px; rotate: -20deg;}
	50%{background-position: -210px -240px; transform: scale(8);}
	70%{background-position: -637px 0px; rotate: 120deg;}
	85%{background-position: -3px -440px; }
	100%{background-position: -10px -10px; transform: scale(2.5); rotate: 0deg;}
}
.slidingpuzzle_3 .slidingpuzzle_slide{
	background-image: url('../images/slidingpuzzle/landing_block_3_1.png');
	background-size: 300% !important;
	animation: linear block_3_gradient_animation 20s infinite;
}

.slidingpuzzle_4{
	background-image: url('../images/slidingpuzzle/landing_block_4_1.png');
}

.slidingpuzzle_5{
	background-image: url('../images/slidingpuzzle/landing_block_5_1.png');
}


.slidingpuzzle_1_text{
	margin-left: 10%;
	width: 320px;
	align-items: flex-start;
}
.slidingpuzzle_1_text h4, .slidingpuzzle_1_text h3{
	width: 100%;
}


.slidingpuzzle h4, .slidingpuzzle h3, .sliding_puzzle{
	font-family: boorsok;
	-webkit-text-stroke: 1px #000;
}
.slidingpuzzle h4{
	color: #ffea00;
    font-size: 40px;
    -webkit-text-stroke: 2px #000;
    padding-bottom: 0px;
    line-height: 34px;
    margin-bottom: -9px;
}
.slidingpuzzle h3{
	color: #fff;
    font-size: 22.5px;
    -webkit-text-stroke: 2px #000;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px 62px;
    font-weight: normal;
}
.slidingpuzzle p{
	font-family: Arial;
	color: #1c1c1c;
    font-size: 24px;
    line-height: 30px;
    margin-top: 10px;
}
.slidingpuzzle .block_2_underline {
	width: 100%;
	margin: 0;
}
.slidingpuzzle {
	margin-top: 10px;
	justify-content: center;
}

.slidingpuzzle iframe{
	width: 323px;
    height: 700px;
    border-radius: 30px;
    margin: 0;
}

.slidingpuzzle .block_1_right{
	margin-top: 270px;
	display: flex;
    flex-direction: column;
    align-items: center;
}

.slidingpuzzle .block_1_underline {
	width: 60%;
	margin-left: 14%;
}

.slidingpuzzle .block_1_button {
	margin-left: 56px;
}



.slidingpuzzle_6_text{
	margin-top: 0px !important;
}
.slidingpuzzle_100_levels{
	flex-direction: column;
    align-items: center;
    margin-bottom: 450px;
}
.slidingpuzzle_6 div{
	width: 353px;
	height: 686px;
	background-size: 100%;
	scale: 0.55;
	border-radius: 15px;
	animation-timeline: view();
	animation-range: cover 0% cover 100%;
	//box-shadow: 0 0 10px 5px #ffffff, 0 0 20px 7px #ebecca, 0 0 25px 20px #feffe6, 0 0 10px 14px #ffffff;
}

.slidingpuzzle_levels_1{
	background-image: url('../images/slidingpuzzle/landing_block_6_1.png');
	top: -20%;
    left: 2%;
    scale: 0.5 !important;
}
@keyframes slidingpuzzle_levels_2_animation {
	from {top: 3%;}
	to{top: -5%;}
}
.slidingpuzzle_levels_2{
	background-image: url('../images/slidingpuzzle/landing_block_6_2.png');
	top: 3%;
    left: -50%;
    rotate: -3deg;
    animation: slidingpuzzle_levels_2_animation linear both;
}
.slidingpuzzle_levels_3{
	background-image: url('../images/slidingpuzzle/landing_block_6_3.png');
	top: 3%;
	left: 50%;
	rotate: 3deg;
	animation: slidingpuzzle_levels_2_animation linear both;
}
@keyframes slidingpuzzle_levels_4_animation {
	from {top: -5%;}
	to{top: -20%;}
}
.slidingpuzzle_levels_4{
	background-image: url('../images/slidingpuzzle/landing_block_6_4.png');
	top: -5%;
	left: 100%;
	rotate: 7deg;
	scale: 0.6 !important;
	animation: slidingpuzzle_levels_4_animation linear both;
}
.slidingpuzzle_levels_5{
	background-image: url('../images/slidingpuzzle/landing_block_6_5.png');
	top: -5%;
	left: -100%;
	rotate: -7deg;
	scale: 0.6 !important;
	animation: slidingpuzzle_levels_4_animation linear both;
}
@keyframes slidingpuzzle_levels_6_animation {
	from {top: 40%;}
	to{top: 32%;}
}
.slidingpuzzle_levels_6{
	background-image: url('../images/slidingpuzzle/landing_block_6_6.png');
	top: 40%;
	left: 70%;
	rotate: -3deg;
	animation: slidingpuzzle_levels_6_animation linear both;
}
.slidingpuzzle_levels_7{
	background-image: url('../images/slidingpuzzle/landing_block_6_7.png');
	top: 40%;
	left: -70%;
	rotate: 3deg;
	animation: slidingpuzzle_levels_6_animation linear both;
}
@keyframes slidingpuzzle_levels_8_animation {
	from {top: 90%;}
	to{top: 60%;}
}
.slidingpuzzle_levels_8{
	background-image: url('../images/slidingpuzzle/landing_block_6_8.png');
	top: 90%;
	left: 90%;
	rotate: 5deg;
	scale: 0.6 !important;
	animation: slidingpuzzle_levels_8_animation linear both;
}
.slidingpuzzle_levels_9{
	background-image: url('../images/slidingpuzzle/landing_block_6_9.png');
	top: 90%;
	left: -90%;
	rotate: -5deg;
	scale: 0.6 !important;
	animation: slidingpuzzle_levels_8_animation linear both;
}
@keyframes slidingpuzzle_levels_10_animation {
	from {top: 70%;}
	to{top: 45%;}
}
.slidingpuzzle_levels_10{
	background-image: url('../images/slidingpuzzle/landing_block_6_10.png');
	top: 70%;
	left: -30%;
	rotate: -3deg;
	animation: slidingpuzzle_levels_10_animation linear both;
}
.slidingpuzzle_levels_11{
	background-image: url('../images/slidingpuzzle/landing_block_6_11.png');
	top: 70%;
	left: 30%;
	rotate: 3deg;
	animation: slidingpuzzle_levels_10_animation linear both;
}
@keyframes slidingpuzzle_levels_12_animation {
	from {top: 15%;}
	to{top: 35%;}
}
.slidingpuzzle_levels_12{
	background-image: url('../images/slidingpuzzle/landing_block_6_12.png');
	top: 15%;
	left: 0%;
	scale: 0.5 !important;
	animation: slidingpuzzle_levels_12_animation linear both;
}
@keyframes slidingpuzzle_levels_13_animation {
	from {top: 70%;}
	to{top: 95%;}
}
.slidingpuzzle_levels_13{
	top: 70%;
	left: 0%;
	scale: 0.5 !important;
	background-image: url('../images/slidingpuzzle/landing_block_6_13.png');
	animation: slidingpuzzle_levels_13_animation linear both;
}

.slidingpuzzle_store{
	margin-top: 410px;
	margin-bottom: 250px;
}

.socials_about{
	display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    font-size: 40px;
    margin-top: 50px;
}
.socials_about a:hover{
	text-decoration: none;
}

.contacts{
	width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.contacts form{
	border: 1px solid #ccc;
    border-radius: 23px;
    padding: 0 20px;
}
.contacts a{
    background: #2ba7fc;
    color: #fff;
    font-weight: bold;
    padding: 5px 34px;
    border-radius: 22px;
}
.contacts a:hover{
	text-decoration: none;
	background: #1d415d;
    color: #fff;
}
.contacts input{
	padding: 8px;
    font-size: 18px;
    border-radius: 12px;
    border: 1px solid #ccc;
    margin-left: 7px;
}
.contacts textarea{
	padding: 8px;
    font-size: 18px;
    border-radius: 12px;
    border: 1px solid #ccc;
    width: 96%;
}
.contacts h4{
	margin-top: 60px;
    font-size: 24px;
    margin-bottom: 5px;
}
.send_button{
	min-width: 30%;
    background: #2ba7fc;
    border: none !important;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
}
.send_button:hover{
	background: #1d415d;
}

#cookie_banner{
	position: sticky;
    display: flex;
    bottom: calc(var(--header-height-difference) * -1);
    background: #fff;
    padding: 40px;
    border: 1px solid #ccc;
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
    padding-bottom: 80px;
    z-index: 90;
}
#cookie_banner p{
	margin: 0;
}
#cookie_banner p a{
	color: #19a3ff;
	text-decoration: none;
}
.cookie_button{
	cursor: pointer;
    background: #19a3ff;
    padding: 7px 35px;
    border-radius: 5px;
    display: block;
    float: right;
    margin: 5px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

.cookie_button:hover{
	background: #1d415d;
}

.memolingo_name{
    font-family: hiphoray !important;
    font-style: normal !important;
}

.cn h4{
    line-height: 52px;
    -webkit-text-stroke: 1px #ff0000;
    color: #ff0000;
}
.cn h3{
    color: #000;
    -webkit-text-stroke: 0px #ff0000;
}

.align_right_lang .block_2_underline{
    width: 100% !important;
}










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

}








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

	.content_container, .category_navigtion, .footer-container {
		width: 94%;
	}
	.content_text {
		width: 100%;
	}
	.category_navigtion{
		padding-left: 0;
		padding-right: 0;
	}
	.footer-container{
		padding: 0 3%;
	}


}


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

	.header-inner {
		width: 100%;
	}
	.logo {
		left: 2rem;
	}
	.lang {
		right: 0px;
	}
	.menu {
		right: 97px;
	}

}



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


	.header{
		margin-bottom: 120px;
	}
	.logo {
		background-size: 50px;
		width: 50px;
        height: 50px;
	}
	.menu, .lang {
		top:-5px;
	}
	.menu {
		width: 100%;
	}
	.menu_items {
		width: 95%;
        margin-right: -96px;
        top: -5px;
	}
	.menu_items a {
		height: 60px;
		font-size: 26px;
		justify-content: center;
	}
	.lang_items {
		width: 95%;
        margin-right: 10px;
        font-size: 26px;
        top: -5px;
	}
	.store_buttons {
		flex-direction: column;
		align-items: center;
		top: 6.3rem;
	}

	.store_button {
		margin-bottom: 0;
		margin-top: 0;
	}
	.blog_posts {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.block_1_right {
		width: 40%;
        right: -10%;
	}
	.slidingpuzzle .block_1_right {
		right: unset;
	}
	.block_1_underline {
		width: 80%;
	}
	.block_1_button, .block_1 .block_6_button {
		margin-left: 14%;
	}
	.block_2_right {
		left: -8%;
	}
	.footer{
		height: 350px;
	}
	.footer-menu {
		flex-wrap: wrap;
        flex-direction: row;
        align-content: flex-start;
        justify-content: flex-start;
        top: 30px;
        width: 50%;
	}
	.footer-menu a{
		width: 30%;
		height: 17%;
		font-size: 20px;
	}
	.footer-socials {
		width: 66%;
        flex-wrap: wrap;
        justify-content: flex-end;
        bottom: 40px;
	}

	.block_4_map_1 {
    	height: 67vw;
	}
	.block_4_map_2 {
    	height: 67vw;
	}
	.block_4_map_3 {
    	height: 67vw;
	}
	.block_4_map_4 {
    	height: 67vw;
	}
	.block_4_title_1, .block_4_title_2, .block_4_title_3, .block_4_title_4 {
		font-size: 4vh;
		height: 11vh;
	}
	.block_4_puzzle, .block_4_puzzle_2 {
		width: 14vw;
    	background-size: 6vh;
    }
    .block_4_map_3 .block_4_puzzle_2 {
    	left: 51vw;
	}

	@keyframes block_4_puzzle_animation2 {
		0%{top: 10vh;}
		50%{top: 5vh;}
		100%{top: 10vh;}
	}

	.block_5_right .block_2_underline {
		width: 90%;
	}

}


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

	.blog_posts {
		grid-template-columns: 1fr 1fr;
	}
	.footer{
		height: 360px;
	}
	.footer_logo {
		background-size: 130px;
		width: 140px;
		height: 65px;
		padding-top: 130px;
	}
	.footer-menu {
        width: 73%;
    }
    .footer-menu a{
		height: 12%;
	}
	.footer-socials {
		bottom: 90px;
	}
	.policy{
		width: 64%;
		bottom: 45px;
	}
	.block_1, .block_3 {
		width: 100%;
        margin-top: 10px;
        height: 630px;
        flex-direction: column;
        margin-bottom: 150px;
	}
	.block_3 {
		margin-bottom: 250px;
	}
	.block_1_left {
		width: 90%;
		margin-left: 9%;
	}
	.block_1_right {
		width: 85%;
		margin-left: 5%;
	}
	.block_1_left {
		margin-left: 13%;
	}
	.block_1_underline {
		width: 70%;
    	margin-left: 11%;
	}
	.block_1_button, .block_1 .block_6_button {
    	margin-left: 25%;
	}
	.block_2_left {
		right: unset;
		left: 13%;
	}
	.block_2_scale {
		width: unset; // 60%;
	}
	.block_2_text_6{
    	width: 100px;
    }
    .block_2_bottom{
    	width: 100%;
    }

	.block_4_map_1 {
    	height: 67vw;
	}
	.block_4_map_2 {
    	height: 67vw;
	}
	.block_4_map_3 {
    	height: 67vw;
	}
	.block_4_map_4 {
    	height: 67vw;
	}
	.block_4_title_1, .block_4_title_2, .block_4_title_3, .block_4_title_4 {
		font-size: 4vh;
		height: 11vh;
	}
	.block_4_puzzle, .block_4_puzzle_2 {
		width: 14vw;
    	background-size: 6vh;
    }
    .block_4_map_3 .block_4_puzzle_2 {
    	left: 51vw;
	}

	@keyframes block_4_puzzle_animation2 {
		0%{top: 10vh;}
		50%{top: 5vh;}
		100%{top: 10vh;}
	}

	.block_5 {
    	flex-direction: column-reverse;
    	flex-wrap: wrap;
    	align-content: center;
    	align-items: center;
	}
	.block_6 {
    	flex-wrap: wrap;
    	align-content: center;
    	align-items: center;
	}
	.block_5_right {
		width: 100%;
	}
	.block_6_right {
		width: 90%;
	}
	.block_5_right h4, .block_6_right h4 {
		margin-top: 12%;
	}
	.block_6_left{
		margin-top: 0;
		width: 100%;
		display: flex;
		align-items: center;
        flex-direction: column;
	}
	.block_6 .block_1_underline {
		width: 100%;
	}



	.slidingpuzzle .block_1_left {
    	margin-left: 0;
    	justify-content: center;
    	height: 1870px !important;
    }
    .slidingpuzzle .block_1_right {
    	margin-top: 10px;//250px;
    	margin-left: 0%;
	}
	.slidingpuzzle{
		height: 920px !important;//1000px;
		width: 100% !important;//350px;
		align-items: center;
		margin-top: -20px !important;
		margin-bottom: 0 !important;
	}
	.slidingpuzzle_video{
		height: 1000px !important;
		margin-bottom: 150px !important;
	}

	.slidingpuzzle_src{
		//width: 20vh;
		//height: 30vh;
	}

	.slidingpuzzle_1, .slidingpuzzle_3, .slidingpuzzle_phone{
		height: 630px;//1000px;
        width: 350px;
	}

	.slidingpuzzle_phone{
		background-size: 91% !important;
	}

	.slidingpuzzle_1_text{
		margin-top: 340px;
	}

	.slidingpuzzle_0_text{
		margin-top: 60px !important;
	}
	.slidingpuzzle_0_text h4, .slidingpuzzle_0_text h3{
    	text-align: center;
    }

	.slidingpuzzle .block_1_right h4, .slidingpuzzle .block_1_right h3 {
		padding-left: 0;
		text-align: left;
	}
    .align_right_lang .slidingpuzzle .block_1_right h4, .align_right_lang .slidingpuzzle .block_1_right h3 {
        text-align: right;
    }
	.slidingpuzzle .block_1_underline {
		margin-left: 0;
        width: 100%;
	}
	.slidingpuzzle .block_1_button {
    	margin-left: 0;
	}

	.slidingpuzzle_1, .slidingpuzzle_3{
		width: 350px !important;
	}

	.slidingpuzzle .block_1_left {
    	background-size: auto 100%;
    	background-position: center;
	}

	.slidingpuzzle_100_levels h4{
		text-align: center !important;
	}
	.slidingpuzzle_6_text{
		height: 200px;
	}
	.slidingpuzzle_100_levels{
		height: 1200px !important;
	}
	.slidingpuzzle_6{
		width: 48vw !important;
	}
/*	.slidingpuzzle_store .block_6_right{
		height: 170px;
	}*/
	.block_6_right{
		height: 170px;
	}
	@keyframes block_6_icon_animation {
		0%{top: 30px;}
		50%{top: 0px}
		100%{top: 30px;}
	}

    .not_en .block_4_title_4{
       font-size: 31px;
    }
    .block_4_title_2, .block_4_title_3, .block_4_title_4 {
        margin-left: -9vw;
    }
    .slidingpuzzle_6_text{
        margin-bottom: 30px;
    }


}


@media screen and (max-width:767px) and (max-height:650px){
	.block_2_scale {
		width: 40%;
	}
}

@media screen and (max-width:767px) and (max-height:550px){
	.block_2_scale {
		width: 60%;
	}
}


@media screen and (max-width:650px){
	.block_1_left {
		margin-left: 7%;
	}
	.block_1_right {
        margin-left: 0;
    }
    .block_1_button, .block_1 .block_6_button {
        margin-left: 21%;
    }
    .slidingpuzzle_6{
		left: -4%;
	}
	.contacts input{
		width: 94%;
	}

}

@media screen and (max-width:650px) and (max-height:650px){
	.block_2_scale {
		width: unset;
	}
}



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

	.lang {
		right: -10px;
	}
	.blog_posts {
		grid-template-columns: 1fr;
	}
	.footer{
		height: 450px;	
	}
	.footer-socials {
		bottom: 120px;
		width: 100%;
	}
	.policy{
		bottom: 45px;
	}
	.block_1_left, .block_1_right {
		margin-left: 0;
	}
	.block_2_left {
		left: 5%;
	}
	.block_1_underline {
        width: 80%;
        margin-left: 7%;
    }
    .block_1_right h4{
    	padding-left: 7%;
    }
    .block_1_button, .block_1 .block_6_button {
        margin-left: 17%;
    }
    .slidingpuzzle_6{
		left: -9%;
	}

}

@media screen and (max-height:450px){
	.header {
		position: relative;
	}
	.block_1 {
		margin-top: 0;
		margin-bottom: 0;
	}
}


@media screen and (max-width:430px){
	
	.menu{
		right: 60px;
	}
	.menu_items{
		margin-right: -57px;
        width: 94%;
	}
    .lang{
    	right: 3px;
    }
    .lang_items{
        margin-right: -1px;
    }
	.store_buttons{
		width: 96%;
	}
	.store_button {
		width: 100%;
	}
	.store_button a {
		font-size: 11px;
	}
	.content_text {
		padding: 0 2%;
		width: 96%;
	}
	.content_text img, #img_100 {
		width: 91%;
		margin: 20px 0;
	}
	.content_text iframe{
		width: 100%;
		margin: 20px 0;
	}
	.footer-menu{
		width: 60%;
		top: 50px;
	}
	.footer-menu a{
		width: 46%;
        margin: 0 2px;
	}
	.copy{
		bottom: 40px;
	}
	.policy{
		bottom: 41px;
        width: 60%;
        right: 5px;
        text-align: right;
	}
	.share-buttons a {
    	margin: 0 16px 16px 16px;
    }

	.block_1 {
		width: 100%;
        margin-top: 10px;
        height: 630px;
        flex-direction: column;
        margin-bottom: 150px;
	}
	.block_1_left, .block_1_right{
		width: 100%;
		margin-left: -6%;
	}
	.block_3_right {
		width: 100%;
	}
	.block_1_left {
		margin-left: -13%;
	}
	.block_3_left{
		width: 338px;
		margin:0 auto;
	}
	.block_3_animation_1 {
    	width: 338px;
    	height: 430px;
    	background-size: 338px 430px;
    	background-position-x: left;
	}
	.block_3_text_1 {
    	top: 107px;
    	right: 163px;
	}
	.block_3_text_2 {
    	top: 274px;
    	right: 92px;
	}
	.block_3_text_3 {
    	top: 375px;
    	right: 111px;
	}

	.block_2_left {
		right: 17px;
        width: 95%;
	}
	.block_2_underline {
    	margin-left: 18px;
    }
    .block_2_text_6, .block_2_text_8{
    	width: 100px;
    }
    .block_2_text_8, .block_2_text_9{
    	font-size: 26px;
    }
    
    .slidingpuzzle{
		height: 1000px;
	}

	.slidingpuzzle_6{
		left: -16%;
	}




    


}

@media screen and (max-width: 400px) {
    .block_1_left {
        margin-left: -19%;
    }
}

@media screen and (max-width: 380px) {
    .slidingpuzzle_4 {
        background-size: 100% !important;
    }
    .slidingpuzzle_2, .slidingpuzzle_5 {
		width: 130% !important;
    }
    .slidingpuzzle_6{
		left: -26%;
	}
}

@media screen and (max-width: 360px) {
    .block_1_left {
        transform: scale(0.8);
    }
    .slidingpuzzle_6{
    	transform: scale(1);
    }
}