@font-face {
	font-family: KtavYadCLM;
	src: url(fonts/KtavYadCLM-MediumItalic.ttf);
	font-weight: 400;	
} 
@font-face {
	font-family: KtavYadCLM;
	src: url(fonts/KtavYadCLM-BoldItalic.ttf);
	font-weight: 700;	
}
@font-face {
	font-family: GveretLevin;
	src: url(fonts/GveretLevinAlefAlefAlef-Regular.ttf);
	font-weight: 400;	
}
@font-face {
	font-family: Assistant;
	src: url(fonts/Assistant-Regular.ttf);
	font-weight: 400;	
}
@font-face {
	font-family: Courgette;
	src: url(fonts/Courgette-Regular.ttf);
	font-weight: 400;	
}
body {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
body #main {
	width: 100vw;
	height: 100vh;
	background-image: url(img/HTML_bkg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
body #controls-land {
    position: fixed;
    z-index: 10;
    top: 4vh;
    left: 4vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 4vh;
    font-family: Assistant;
    font-size: 2vh;
}
body #controls-land .lang-click {
    margin: 0;
    padding: 0;
    border: 0;
    cursor: pointer;
    border-radius: 50%;
    width: 4vh;
    height: 4vh;
    justify-content: center;
    display: flex;
    align-items: center;
    margin-bottom: 1vh;
}
body #controls-land .lang-click svg {
	border-style: solid;
	border-radius: 50%;
	border-width: 3px;
	border-color: transparent;
}
body.lang-he #controls-land .lang-click[data-lang="he"] svg {
	border-color: #000;
}
body.lang-en #controls-land .lang-click[data-lang="en"] svg {
	border-color: #000;
}
body.lang-fr #controls-land .lang-click[data-lang="fr"] svg {
	border-color: #000;
}
body.lang-es #controls-land .lang-click[data-lang="es"] svg {
	border-color: #000;
}
body.lang-ru #controls-land .lang-click[data-lang="ru"] svg {
	border-color: #000;
}
body #full-screen-button {
	position: fixed;
	top: 2vw;
	right: 2vw;
	width: 2vw;
	height: 2vw;
	background-image: url(img/btn_fullscreen.png);
	background-position: center;
	background-size: contain;
	cursor: pointer;
}
body #full-screen-button.active {
	background-image: url(img/btn_fullscreen_close.png);
}
body #screen {
	position: relative;
	width: 133vh;
	height: 100vh;
	margin: 0 auto;
	background-color: #fff;
}
body #slides {
	position: relative;
	width: 100%;
	height: 92vh;	
    overflow: hidden;	
}
body #controls {
	display: flex;
	justify-content: space-between;
    position: relative;
    z-index: 100;	
	width: 100%;
	height: 8vh;
	background-color: #347890;
}
body.ani-disable * {
	transition-delay: 0s!important;
	transition-duration: 0s!important;	
}
body .slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
body .relative {
	position: relative;
	width: 100%;
	height: 100%;
}
body .font-print {
    color: #754c29;
    font-family: Assistant;
    font-size: 7vh;
	line-height: 1.15;	
}
body.ltr .font-print {
    font-size: 5vh;
	line-height: 1.05;	
}
body .font-handwriting {
	color: #4c6b8d;
	font-family: GveretLevin;
	font-family: KtavYadCLM;
    font-weight: 700;	
    font-size: 7vh;
	line-height: 1.15;		
}
body.ltr .font-handwriting {
	font-family: Courgette;
    font-size: 5vh;	
} 
body strong {
    color: #506d2b;
    font-weight: 700;
}
body .bg {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
body .bg-blue {
	background-color: #023857;
}
body .bg-blue-light {
    background-image: linear-gradient(#dee9ee,#ffffff);
}
body .popup.music {
	left: 10%;
    top: 3vh;
    width: 80%;
    height: 86vh;	
    background-color: #fff;
	transition: 0.35s;	
}
body .music-text {
	position: relative;
	padding: 9vh 5vh 3vh;
    height: 60vh;
    overflow: auto;	
}
body .music video {
    width: 95vh;
    position: absolute;
    top: initial;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 7vh;
    outline: 0;
}
body .music-lang .music .he video {
    transform: translate(-50%, -22%);
    height: 54vh;
}
body button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 4.5vh;
	height: 4.5vh;
	margin: 0 1vh;
	border: 0;
	border-radius: 50%;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;	
	cursor: pointer;
	outline: 0
	
}
body button:hover,
body button:focus,
body button:active {
	border: 0;
	outline: 0
}
body svg {
	width: 90%;
	height: 90%;
	color: #fff;
}
body.ltr svg {
	transform: scaleX(-1);
}
body.ltr .lang-click svg {
	transform: scaleX(1);
}
body video {
	width: 95vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

body .iframe-video,
body .iframe-video-initial {
	width: 95vh;
	height: 54vh;
    position: absolute;
    top: 50%;
    left: 50%;
	border: 0;
    transform: translate(-50%, -50%);
}

body .he {	display: inline-block;}
body li .he {	display: block;}
body .slide-16 .he {	display: block;}
body .es {	display: none;}
body .en {	display: none;}
body .fr  {	display: none;}
body .ru {	display: none;}

body.lang-es .he {	display: none;}
body.lang-es .es {	display: inline-block;}
body.lang-es li .es {	display: block;}
body.lang-es .en {	display: none;}
body.lang-es .fr {	display: none;}
body.lang-es .ru {	display: none;}

body.lang-en .he {	display: none;}
body.lang-en .es {	display: none;}
body.lang-en li .en {	display: block;}
body.lang-en .en {	display: inline-block;}
body.lang-en .fr  {	display: none;}
body.lang-en .ru {	display: none;}

body.lang-fr .he {	display: none;}
body.lang-fr .es {	display: none;}
body.lang-fr .en  {	display: none;}
body.lang-fr .fr {	display: inline-block;}
body.lang-fr li .fr {	display: block;}
body.lang-fr .ru {	display: none;}

body.lang-ru .he {	display: none;}
body.lang-ru .es {	display: none;}
body.lang-ru .en {	display: none;}
body.lang-ru .fr  {	display: none;}
body.lang-ru .ru {	display: inline-block;}
body.lang-ru li .ru {	display: block;}

body.ltr .button span {
    display: none;	
    justify-content: center;
    align-items: center;	
    position: absolute;
    width: 16.5vh;
    height: 3.5vh;
    margin-right: 4vh;
    border-radius: 1vh;
	color: #fff;
    font-size: 0.6vw;	
    text-align: center;
}
body.ltr.lang-es .button span.es,
body.ltr.lang-en .button span.en,
body.ltr.lang-fr .button span.fr,
body.ltr.lang-ru .button span.ru {
    display: flex;
}
body.ltr .button.orange span {
	background-color: #e59336;
}
body.ltr .button.blue span {
	background-color: #003758;
}
body.ltr .button.purple span {
	background-color: #754484;
}
/*ie*/
.person iframe {
	scrollbar-base-color: transparent;
	scrollbar-base-color: transparent;
	scrollbar-3dlight-color: transparent;
	scrollbar-highlight-color: transparent;
	scrollbar-track-color: transparent;
	scrollbar-arrow-color: transparent;
	scrollbar-shadow-color: transparent;
	scrollbar-dark-shadow-color: transparent;
}
/*chrome*/
.person iframe::-webkit-scrollbar { width: 1px; height: 1px;}
.person iframe::-webkit-scrollbar-button {  background-color: transparent; }
.person iframe::-webkit-scrollbar-track {  background-color: transparent;}
.person iframe::-webkit-scrollbar-track-piece { background-color: transparent;}
.person iframe::-webkit-scrollbar-thumb { height: 1px; background-color: transparent; border-radius: 1px;}
.person iframe::-webkit-scrollbar-corner { background-color: transparent;}
.person iframe::-webkit-resizer { background-color: transparent;}

body #controls .box {
	width: 25%;
}
body #controls .box.middle {
    display: flex;
    justify-content: center;
    align-items: center;	
	width: 50%;
}
body #controls .box .inner {
	display: flex;
	align-items: center;
	height: 100%;
	margin: 0 1vh;	
}
body #controls .box .inner.disable {
	display: none;	
}
body #controls .box.left .inner {
	justify-content: flex-end;
}
body #controls .box.left button {
	background-color: #9eb823;
}
body #controls .box.right button {
	background-color: #85aebc;
}
body #controls .box.left button#button-next-step.active {
	background-color: transparent;
	background-image: url(img/btn_hand.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
body #controls .box.left button#button-next-step.active:hover {
	/* transition-duration: 0.35s; */
	/* opacity: 0.4; */
}
body #screen #button-next-step {
	display: flex;
	position: relative;
	z-index: -1;
	opacity: 0;
}
body #button-next svg {
    margin-right: 0.5vh;
}
body.ltr #button-next svg {
    margin-right: 0;
    margin-left: 0.5vh;
}
body #button-prev svg {
    margin-left: 0.5vh;
}
body.ltr #button-prev svg {
    margin-right: 0.5vh;
    margin-left: 0;
}
body .popup {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(1,54,87,0.9);
}
body .popup.active {
	display: block;
	z-index: 2;
}
body .popup.music.active {
	/* display: block; */
	/* z-index: 2; */
	opcity: 0;	
	z-index: -1;
	transition: 0.35s;	
}
body .popup.music.lang.active {
	display: block;
	z-index: 2;
}
body .popup .video-wrap {
	position: relative;
}
body .popup .close {
    display: flex;
    justify-content: center;
    align-items: center;
	position: absolute;
	z-index: 1;
	top: 15vh;
    right: 15vh;
    width: 3vh;
    height: 3vh;
    border-radius: 50%;
    background-color: #763608;
    cursor: pointer;
}
body .popup.music .close {
    top: 4vh;
    right: 4vh;
}
body .popup .close svg {
	color: #fff;
    width: 55%;
    height: 55%;
}
body .popup-text {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(251,203,200,0.9);	
	opacity: 0;
	transition-delay: 0s;
	transition-duration: 0s;
}
body .popup-text.active {
	z-index: 2;
	opacity: 1;
	transition-delay: 0s;
	transition-duration: 1s;		
}
body .popup-text .relative {
	top: 8vh;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 94% 92%;
	opacity: 0;
	transition-delay: 0s;
	transition-duration: 0s;	
}
body .popup-text.active .relative {
	top: 4vh;
	opacity: 1;
	transition-delay: 1s;
	transition-duration: 1s;	
}
body .popup-text .text {
	position: absolute;
	top: 6vh;
    right: 14vh;
	opacity: 0;
	transition-delay: 0s;
	transition-duration: 0s;	
}
body.ltr .popup-text .text {
    width: 53%;
}
body .popup-text.active .text {
	opacity: 1;
	transition-delay: 2s;
	transition-duration: 1s;	
}
body .popup-text .text .font-handwriting {
	color: #aa6284;
}
body .popup-text .text .font-print {
	margin: 0;
	padding: 0;
	color: #aa6284;
	font-size: 4.2vh;
	line-height: 1.55;
}
body.ltr .popup-text .text .font-print {
    font-size: 4.0vh;
    line-height: 1.45;
}
body .popup-text .text .font-print .span {
	color: #754c29;
}
body .popup-text .close {
    display: flex;
    justify-content: center;
    align-items: center;
	position: absolute;
	z-index: 1;
	top: 7vh;
    right: 7vh;
    width: 4vh;
    height: 4vh;
    border-radius: 50%;
    background-color: #763608;
    cursor: pointer;
}
body .popup-text .close svg {
	color: #fff;
    width: 55%;
    height: 55%;
}
body .play-button {
	width: 22vh;
	height: 4vh;
    border-radius: 0;
    background-color: transparent;	
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;	
}
body .slide {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
body .slide.active {
	z-index: 3;
	opacity: 1;	
}
body .slide-inner {
	width: 100%;
	height: 100%;
}
body .stages-wrap .stage {
	/* position: absolute; */
	/* z-index: 2; */
	/* opacity: 0; */
	/* transition-delay: 0s; */
	/* transition-duration: 0s;	 */
}
body .stages-wrap .stage.active {
	/* position: absolute; */
	/* z-index: 3; */
	/* opacity: 1; */
	/* transition-delay: 0s; */
	/* transition-duration: 0.75s;	 */
}
body .music-text .title {
	color: #387892;
	font-weight: 700;
	font-size: 6vh;
}
body .music-text .title-sub {
	margin-top: 0.5vh;
	color: #6e8b37;
	font-size: 2vh;
}
body .music-text .he,
body .music-text .es,
body .music-text .en,
body .music-text .fr,
body .music-text .ru {
	width: 100%;
}
body .music-text p {
    margin-top: 1vw;
    margin-bottom: 1vh;
	color: #763609;
    font-size: 2.2vh;
    line-height: 1.2;
}
body .music-text-row {
    display: flex;
}
body .music-text-box {
    width: 50%;
}
body .slide-01 .slide-inner {
	background-image: url(images/slide01/s-1-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 130% auto;
	transition: 1s;
}
body .slide-01.active .slide-inner {
	background-size: 101% auto;
}
body .slide-01 .step-01 {
	position: absolute;
	bottom: -1vh;
	right: 0;
    width: 62vh;
    height: 0vh;
	background-image: url(images/slide01/s-1-01.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 62vh 83vh;	
	transition-delay: 0s;
	transition-duration: 0s;
}
body .slide-01.active .step-01 {
    height: 83vh;
	transition-delay: 1s;
	transition-duration: 2s;	
}
body .slide-01 .step-02 {
	position: absolute;
    top: 32vh;
    left: 4.75vh;
	width: 64vh;
    color: #3c5d82;
	font-weight: 700;
    font-family: GveretLevin;
	font-family: KtavYadCLM;
    font-size: 8vh;
    text-align: center;	
	opacity: 0;
	transition-delay: 0s;
	transition-duration: 0s;	
}
body.lang-he .slide-01 .step-02 {
    top: 35vh;
    left: 2.75vh;
    width: 63vh;
    font-size: 6vh;
}
body.ltr .slide-01 .step-02 {
	font-family: Courgette;
    font-size: 6vh;	
	transition-delay: 0s;
	transition-duration: 0s;		
}
body.lang-en .slide-01 .step-02 {
    top: 36vh;
    left: 2.75vh;
    width: 66vh;
}
body.ltr.lang-ru .slide-01 .step-02 {
    font-size: 5.5vh;
}
body .slide-01.active .step-02 {
	opacity: 1;
	transition-delay: 3s;
	transition-duration: 1s;
}
body .slide-01 .step-03 {
	position: absolute;
    bottom: 55.7vh;
    left: 20vh;
    width: 16vh;
    height: 0vh;
    background-image: url(images/slide01/s-1-02.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 14vh 17vh;
	transition-delay: 0s;
	transition-duration: 0s;
}
body.lang-he .slide-01 .step-03 {
    background-size: 11vh 14vh;
}
body.lang-es .slide-01 .step-03 {
    bottom: 58.7vh;
    left: 26.8vh;
    background-size: 10vh 15vh;
}
body.lang-en .slide-01 .step-03 {
    bottom: 54.7vh;
    left: 14.2vh;
    background-size: 12vh 16vh;
}
body.lang-fr .slide-01 .step-03 {
    bottom: 56.7vh;
    left: 20.6vh;
    background-size: 10.5vh 14vh;
}
body.lang-ru .slide-01 .step-03 {
    bottom: 56.4vh;
    left: 21.9vh;
    background-size: 12vh 16vh;
}
body .slide-01.active .step-03 {
    height: 18.5vh;
	transition-delay: 4s;
	transition-duration: 1s;	
}
body .slide-01 .step-04 {
    position: absolute;
    bottom: 39vh;
    left: 4.75vh;
	width: 64vh;
    color: #754c29;
    font-family: Assistant;
    font-size: 7vh;
	text-align: center;
	opacity: 0;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body.ltr .slide-01 .step-04 {
    bottom: 35vh;
	font-size: 5vh;		
}
body .slide-01.active .step-04 {
    bottom: 41vh;
	opacity: 1;	
	transition-delay: 5s;
	transition-duration: 1s;	
}
body.ltr .slide-01.active .step-04 {
    bottom: 38vh;		
}
body.ltr.lang-en .slide-01.active .step-04 {
    bottom: 42vh;
}
body .slide-01 .step-05 {
	position: absolute;
	top: 1vh;
	right: 4vh;
}
body .slide-01 .step-05 img {
	width: 10vh;
}
body .slide-01 .step-06 {
	position: absolute;
	top: 1vh;
	left: 4vh;
}
body .slide-01 .step-06 img {
	width: 10vh;
}
body #screen[data-num="2"] #button-next-step.active {
	z-index: 1;
	opacity: 1;
	transition-delay: 3s;
	transition-duration: 0.75s;
}
body .slide-02 .slide-inner {
	background-image: url(images/slide02/s-2-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 102% auto;
	opacity: 0;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-02.active .slide-inner {
	opacity: 1;
	transition-delay: 0s;
	transition-duration: 0.75s;	
}
body .slide-02 .step-01 {
    position: absolute;
    top: 0;
    left: 10vh;
    width: 113vh;
    height: 0vh;
    background-color: rgba(255,255,255,0.85);
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-02.active .step-01 {
    height: 92vh;
	transition-delay: 0.75s;
	transition-duration: 0.75s;		
}
body .slide-02 .step-02 {
	position: absolute;
    bottom: -35vh;
    left: 14vh;
    width: 93vh;
    height: 0vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-02.active .step-02 {
	height: 70vh;
	transition-delay: 1.5s;
	transition-duration: 1.5s;		
}
body .slide-02 .step-02 .bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 93vh;
    height: 70vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-02 .step-03 {
    position: absolute;
    top: -28vh;
    right: -44vh;
    width: 0vh;
    height: 79vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-02.active .step-03 {
	width: 103vh;
	transition-delay: 1.5s;
	transition-duration: 1.5s;		
}
body .slide-02 .step-03 .bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 99vh;
    height: 84vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-02 .step-04 {
    position: absolute;
    bottom: 36vh;
    left: -19vh;
    width: 0vh;
    height: 73vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-02.active .step-04 {
	width: 130vh;
	transition-delay: 1.5s;
	transition-duration: 1.5s;		
}
body .slide-02 .step-04 .bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 121vh;
    height: 80vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-02 .step-05 {
    position: absolute;
	z-index: 3;
    top: 31vh;
    right: 21vh;
    width: 93vh;
    height: 30vh;	
	opacity: 0;
    transition-delay: 0s;
	transition-duration: 0s;		
}
body.ltr .slide-02 .step-05 {
    font-size: 7vh;
}
body .slide-02.active .step-05 {
	opacity: 1;
	transition-delay: 3s;
	transition-duration: 0.75s;		
}
body .slide-02 .step-05 .stage {
    position: absolute;
	z-index: 1;
	top: 0;
    right: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-02 .step-05 .stage.active {
	z-index: 2;
    opacity: 1;
	transition-delay: 0s;
	transition-duration: 0.5s;
}
body .slide-02 .span {
    color: #3c5d82;
	font-size: 5vh;
}
body .slide-04 .step-01 {
    position: absolute;
    bottom: 1vh;
    right: -11vh;
    width: 30vh;
    height: 0vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-04.active .step-01 {
	height: 70vh;
    border-radius: 0%;	
	transition-delay: 0s;
	transition-duration: 1.5s;		
}
body .slide-04 .step-01 .bg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30vh;
    height: 70vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-04 .step-02 {
    position: absolute;
    top: -7vh;
    right: -15vh;
    width: 0vh;
    height: 36vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-04.active .step-02 {
	width: 90vh;
    border-radius: 0%;	
	transition-delay: 0s;
	transition-duration: 2.5s;		
}
body .slide-04 .step-02 .bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 73vh;
    height: 34vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-04 .step-03 {
    position: absolute;
	bottom: 56vh;
    left: -38vh;
    width: 0vh;
    height: 62vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-04.active .step-03 {
	width: 90vh;
    border-radius: 0%;	
	transition-delay: 0s;
	transition-duration: 2.5s;		
}
body .slide-04 .step-03 .bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 89vh;
    height: 45vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-04 .step-04 {
    position: absolute;
    bottom: 0vh;
    left: -5vh;
    width: 0vh;
    height: 14vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-04.active .step-04 {
	width: 14vh;
    border-radius: 0%;	
	transition-delay: 0s;
	transition-duration: 2.5s;		
}
body .slide-04 .step-04 .bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 14vh;
    height: 14vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body #screen[data-num="4"] #button-next-step {
	z-index: -1;
	opacity: 0;
	transition-delay: 0s;
	transition-duration: 0s;
}
body #screen[data-num="4"] #button-next-step.active {
	z-index: 1;
	opacity: 1;
	transition-delay: 2s;
	transition-duration: 0.75s;
}
body .slide-04 .step-05 .stage-01 {
	position: absolute;
    top: 43vh;
    right: 40vh;
	width: 46vh;
    text-align: center;	
	opacity: 0;
    transition-delay: 0s;	
	transition-duration: 0.75s
}
body .slide-04.active .step-05 .stage-01 {
	right: 42vh;
	opacity: 1;	
    transition-delay: 2s;	
}
body .slide-04 .step-05 .stage-02 {
    position: absolute;
    top: 4vh;
    left: 18vh;
    width: 26vh;
    height: 26vh;
}
body .slide-04 .step-05 .stage-02 .bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(1.01);
    width: 0vh;
    height: 0vh;
	border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 26vh 26vh;
    transition-delay: 0s;	
	transition-duration: 0s;
}
body .slide-04 .step-05 .stage-02.active .bg {
    width: 26vh;
    height: 26vh;
	transition-timing-function: linear;	
    transition-delay: 0s;	
	transition-duration: 0.75s	
}
body .slide-04 .step-05 .stage-02 .title {
    position: absolute;
    top: calc(100% - 2vh);
    left: 50%;
    transform: translateX(-50%);
    width: 26vh;
	font-size: 6vh;
	text-align: center;
	opacity: 0;
    transition-delay: 0s;	
	transition-duration: 0s	
}
body.ltr .slide-04 .step-05 .stage-02 .title {
	font-size: 4.5vh;
	line-height: 1.05;
}
body .slide-04 .step-05 .stage-02.active .title {
	opacity: 1;	
    transition-delay: 0.5s;	
	transition-duration: 0.5s	
}
body .slide-04 .step-05 .stage-03 {
    position: absolute;
    top: 57vh;
    left: 57vh;
    width: 26vh;
    height: 26vh;
}
body .slide-04 .step-05 .stage-03 .bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(1.01);
    width: 0vh;
    height: 0vh;
	border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 26vh 26vh;
    transition-delay: 0s;	
	transition-duration: 0s;
}
body .slide-04 .step-05 .stage-03.active .bg {
    width: 26vh;
    height: 26vh;
	transition-timing-function: linear;	
    transition-delay: 0s;	
	transition-duration: 0.5s	
}
body .slide-04 .step-05 .stage-03 .title {
    position: absolute;
    top: calc(100% - 1vh);
    left: 50%;
    transform: translateX(-50%);
    width: 26vh;
	font-size: 6vh;
	text-align: center;
	opacity: 0;
    transition-delay: 0s;	
	transition-duration: 0s	
}
body.ltr .slide-04 .step-05 .stage-03 .title {
	font-size: 4.5vh;
	line-height: 1.05;
}
body .slide-04 .step-05 .stage-03.active .title {
	opacity: 1;	
    transition-delay: 0.5s;	
	transition-duration: 0.5s	
}
body .slide-04 .step-05 .stage-04 {
    position: absolute;
    top: 14vh;
    left: 92vh;
    width: 26vh;
    height: 26vh;
}
body .slide-04 .step-05 .stage-04 .bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(1.01);
    width: 0vh;
    height: 0vh;
	border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 26vh 26vh;
    transition-delay: 0s;	
	transition-duration: 0s;
}
body .slide-04 .step-05 .stage-04.active .bg {
    width: 26vh;
    height: 26vh;
	transition-timing-function: linear;	
    transition-delay: 0s;	
	transition-duration: 0.5s	
}
body .slide-04 .step-05 .stage-04 .title {
    position: absolute;
    top: calc(100% - 1vh);
    left: 50%;
    transform: translateX(-50%);
    width: 26vh;
	font-size: 6vh;
	text-align: center;
	opacity: 0;
    transition-delay: 0s;	
	transition-duration: 0s	
}
body.ltr .slide-04 .step-05 .stage-04 .title {
	font-size: 4.5vh;
	line-height: 1.05;	
}
body .slide-04 .step-05 .stage-04.active .title {
	opacity: 1;	
    transition-delay: 0.5s;	
	transition-duration: 0.5s	
}
body .slide-04 .step-05 .stage-05 {
    position: absolute;
    top: 40vh;
    left: 11vh;
    width: 38vh;
    height: 38vh;
}
body .slide-04 .step-05 .stage-05 .bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(1.01);
    width: 0vh;
    height: 0vh;
	border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 38vh 38vh;
    transition-delay: 0s;	
	transition-duration: 0s;
}
body .slide-04 .step-05 .stage-05.active .bg {
    width: 38vh;
    height: 38vh;
	transition-timing-function: linear;	
    transition-delay: 0s;	
	transition-duration: 0.5s	
}
body .slide-04 .step-05 .stage-05 .title {
    position: absolute;
    top: calc(100% - 1vh);
    left: 50%;
    transform: translateX(-50%);
    width: 38vh;
	font-size: 6vh;
	text-align: center;
	opacity: 0;
    transition-delay: 0s;	
	transition-duration: 0s	
}
body.ltr .slide-04 .step-05 .stage-05 .title {
	font-size: 4.5vh;
	line-height: 1.05;
}
body .slide-04 .step-05 .stage-05.active .title {
	opacity: 1;	
    transition-delay: 0.5s;	
	transition-duration: 0.5s	
}
body .slide-04 .step-05 .stage-06 {
    position: absolute;
	top: 1vh;
    left: 48vh;
    width: 34vh;
    height: 34vh;
}
body .slide-04 .step-05 .stage-06 .bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(1.01);
    width: 0vh;
    height: 0vh;
	border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 34vh 34vh;
	transition-timing-function: linear;		
    transition-delay: 0s;	
	transition-duration: 0s;
}
body .slide-04 .step-05 .stage-06.active .bg {
    width: 34vh;
    height: 34vh;
	transition-timing-function: linear;	
    transition-delay: 0s;	
	transition-duration: 0.5s	
}
body .slide-04 .step-05 .stage-06 .title {
    position: absolute;
    top: calc(100% - 1vh);
    left: 50%;
    transform: translateX(-50%);
    width: 34vh;
	font-size: 6vh;
	text-align: center;
	opacity: 0;	
    transition-delay: 0s;	
	transition-duration: 0s	
}
body.ltr .slide-04 .step-05 .stage-06 .title {
	font-size: 4.5vh;
	line-height: 1.05;
}
body .slide-04 .step-05 .stage-06.active .title {
	opacity: 1;	
    transition-delay: 0.5s;	
	transition-duration: 0.5s	
}
body .slide-04 .step-05 .stage-07 {
    position: absolute;
    top: 48vh;
    left: 87vh;
    width: 34vh;
    height: 34vh;
}
body .slide-04 .step-05 .stage-07 .bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(1.01);
    width: 0vh;
    height: 0vh;
	border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 34vh 34vh;
	transition-timing-function: linear;		
    transition-delay: 0s;	
	transition-duration: 0s;
}
body .slide-04 .step-05 .stage-07.active .bg {
    width: 34vh;
    height: 34vh;
	transition-timing-function: linear;	
    transition-delay: 0s;	
	transition-duration: 0.5s	
}
body .slide-04 .step-05 .stage-07 .title {
    position: absolute;
    top: calc(100% - 1vh);
    left: 50%;
    transform: translateX(-50%);
    width: 34vh;
	font-size: 6vh;
	text-align: center;
	opacity: 0;	
    transition-delay: 0s;	
	transition-duration: 0s	
}
body.ltr .slide-04 .step-05 .stage-07 .title {
	font-size: 4.5vh;
	line-height: 1.05;
}
body .slide-04 .step-05 .stage-07.active .title {
	opacity: 1;	
    transition-delay: 0.5s;	
	transition-duration: 0.5s	
}
body.lang-es .slide-04  .music-text {
    padding: 6vh 5vh 3vh;
    height: 66vh;
}
body #screen .buttons-slide-04 {
	display: none;
}
body #screen[data-num="4"] .buttons-slide-04 {
    display: flex;
    justify-content: center;
}
body #screen #slide-04-button-video-right {
	position: relative;
	z-index: -1;
	opacity: 0;
	background-image: url(img/btn_song_slide3.png);
}
body #screen #slide-04-button-video-left {
	position: relative;
	z-index: -1;
	opacity: 0;
	background-image: url(img/btn_vid_slide3.png);
}
body #screen[data-num="4"] #slide-04-button-video-right {
	position: relative;
	z-index: 1;
	opacity: 1;
}
body #screen[data-num="4"]  #slide-04-button-video-left {
	position: relative;
	z-index: 1;
	opacity: 1;
}
body .slide-05 .step-01 {
    position: absolute;
    bottom: -14vh;
    right: -15vh;
    width: 42vh;
    height: 0vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-05.active .step-01 {
	height: 115vh;
    border-radius: 0%;	
	transition-delay: 0s;
	transition-duration: 1.5s;		
}
body .slide-05 .step-01 .bg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 42vh;
    height: 104vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-05 .step-02 {
    position: absolute;
    bottom: 0vh;
    left: -15vh;
    width: 0vh;
    height: 66vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-05.active .step-02 {
	width: 66vh;
    border-radius: 0%;	
	transition-delay: 0s;
	transition-duration: 2.5s;		
}
body .slide-05 .step-02 .bg {
    position: absolute;
    bottom: -40px;
    left: -71px;
    width: 66vh;
    height: 66vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-05 .step-03 {
    position: absolute;
    bottom: -19vh;
    right: -30vh;
    width: 0vh;
    height: 140vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-05.active .step-03 {
	width: 140vh;
    border-radius: 0%;	
	transition-delay: 0s;
	transition-duration: 2.5s;		
}
body .slide-05 .step-03 .bg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 140vh;
    height: 108vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-05 .step-04 {
    position: absolute;
    top: 0;
    left: 12vh;
    width: 109vh;
    height: 100vh;
    background-color: rgba(255,255,255,0.7);
}
body .slide-05 .step-05 {
    position: absolute;
	top: 6vh;
	width: 88vh;	
    right: 19vh;
    font-size: 5vh;	
	opacity: 0;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body.lang-he .slide-05 .step-05 {
    font-size: 4.6vh;
}
body .slide-05.active .step-05 {
    opacity: 1;
	transition-delay: 0.5s;
	transition-duration: 0.5s;		
}
body .slide-05 .step-06 {
    position: absolute;
    top: 28vh;
    right: 19vh;
    width: 86vh;
    height: 40vh;
    font-size: 8vh;
}
body.ltr .slide-05 .step-06 {
    font-size: 6vh;
}
body .slide-05 .step-06 .stage {
    position: absolute;
	z-index: 1;
	top: 0;
    right: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-05 .step-06 .stage.active {
	z-index: 2;
    opacity: 1;
	transition-delay: 0s;
	transition-duration: 0.5s;
}
body .slide-05 .step-06 .stage .span {
    color: #3c5d82;
	font-size: 5vh;
}
body .slide-05 .step-06 .stage strong {
    color: #506d2b;
	font-weight: 700;
}
body #screen[data-num="5"] #button-next-step.active {
	z-index: 1;
	opacity: 1;
	transition-delay: 2s;
	transition-duration: 0.75s;
}
body .slide-06 .step-01 {
    position: absolute;
    top: 0;
    left: 0;
    width: 83vh;
    height: 93vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-06.active .step-01 {
	height: 93vh;
    border-radius: 0%;	
	transition-delay: 0s;
	transition-duration: 1.5s;		
}
body .slide-06 .step-01 .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 83vh;
    height: 93vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-06 .step-02 {
    position: absolute;
    bottom: -4vh;
    right: -14vh;
    width: 0vh;
    height: 32vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-06.active .step-02 {
	width: 61vh;
    border-radius: 0%;	
	transition-delay: 0s;
	transition-duration: 2.5s;		
}
body .slide-06 .step-02 .bg {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 63vh;
    height: 32vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-06 .step-03 {
    position: absolute;
	top: -19vh;
    right: -10vh;
    width: 0vh;
    height: 45vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-06.active .step-03 {
	width: 45vh;
    border-radius: 0%;	
	transition-delay: 0s;
	transition-duration: 2.5s;		
}
body .slide-06 .step-03 .bg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 45vh;
    height: 45vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-06 img {
	width: 45vh;
	border: 0.75vh solid #fff;
    box-shadow: 0 0 15px #000;
}
body .slide-06 .step-04 {
	position: absolute;
    top: -3vh;
    left: -60vh;
    transform: rotate(10deg);
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-06.active .step-04 {
	top: 0vh;
    left: -10vh;
	transition-delay: 0s;
	transition-duration: 2.5s;		
}
body .slide-06 .step-05 {
	position: absolute;
	bottom: -3vh;
    left: -60vh;
    transform: rotate(-10deg);
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-06.active .step-05 {
    bottom: 0vh;
    left: -10vh;
	transition-delay: 0s;
	transition-duration: 2.5s;		
}
body .slide-06 .step-06 {
	position: absolute;
	top: 10vh;
	right: 8vh;
	width: 76vh;
	font-size: 5vh;
	opacity: 0;	
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-06.active .step-06 {
	right: 12vh;
	opacity: 1;
	transition-delay: 2.5s;
	transition-duration: 0.5s;		
}
body .slide-06 .step-07 {
    position: absolute;
    top: 26vh;
    right: 12vh;
    width: 76vh;
    height: 40vh;
    font-size: 7vh;
}

body .slide-06 .step-07 .stage {
    position: absolute;
	z-index: 1;
	top: 0;
    right: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-06 .step-07 .stage.active {
	z-index: 2;
    opacity: 1;
	transition-delay: 0s;
	transition-duration: 0.5s;
}
body .slide-06 .step-07 .stage .span {
    color: #3c5d82;
	font-size: 5vh;
}
body .slide-06 .step-07 .stage strong {
    color: #506d2b;
	font-weight: 700;
}
body #screen[data-num="6"] #button-next-step.active {
	z-index: 1;
	opacity: 1;
	transition-delay: 2s;
	transition-duration: 0.75s;
}
body .slide-08 .slide-inner {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 101% 101%;
}
body .slide-08 .step-01 {
    position: absolute;
    bottom: -21vh;
    right: -32vh;
    width: 0vh;
	height: 0vh;	
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-08.active .step-01 {
    width: 90vh;	
	height: 70vh;
    border-radius: 0%;	
	transition-delay: 0s;
	transition-duration: 1.5s;		
}
body .slide-08 .step-01 .bg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 90vh;
    height: 70vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-08 .step-02 {
    position: absolute;
    top: -20vh;
    right: -31vh;
    width: 0vh;
    height: 75vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-08.active .step-02 {
	width: 75vh;
    border-radius: 0%;	
	transition-delay: 0s;
	transition-duration: 2.5s;		
}
body .slide-08 .step-02 .bg {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 75vh;
    height: 75vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-08 .step-03 {
    position: absolute;
	top: -5vh;
    left: -12vh;
    width: 0vh;
    height: 43vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-08.active .step-03 {
	width: 110vh;
    border-radius: 0%;	
	transition-delay: 0s;
	transition-duration: 2.5s;		
}
body .slide-08 .step-03 .bg {
    position: absolute;
	top: 0;
    left: 0;
    width: 110vh;
    height: 43vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-08 .step-04 {
    position: absolute;
	top: 10vh;
    left: 0vh;
    width: 100%;
	height: 33vh;
    overflow: hidden;
	background-color: rgba(11,53,81,0.8);
	opacity: 0;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-08.active .step-04 {
	top: 20vh;
	opacity: 1;
	transition-delay: 2s;
	transition-duration: 2.5s;		
}
body .slide-08 .step-05 {
	position: absolute;
	top: 24vh;
	width: 100%;
	color: #fff;
	text-align: center;
	opacity: 0;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-08.active .step-05 {
	opacity: 1;
	transition-delay: 4s;
	transition-duration: 2.5s;	
}
body .slide-08 .step-06 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 48vh;
    width: 37vh;
	opacity: 0;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-08 .step-06 img {
	width: 100%;
}
body .slide-08.active .step-06 {
    top: 38vh;	
	opacity: 1;
	transition-delay: 4s;
	transition-duration: 2.5s;	
}

body .slide-09 .slide-inner.bg {
	background-size: 130%;
	opacity: 0;	
	transition-delay: 0s;
	transition-duration: 0s;
}
body .slide-09.active .slide-inner.bg {
	opacity: 1;	
	background-size: 101%;
	transition-delay: 0s;
	transition-duration: 0.75s;		
}
body .slide-09 .step-01 {
    position: absolute;
	bottom: -5vh;
    right: -16vh;
    width: 0vh;
	height: 0vh;	
    overflow: hidden;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-09.active .step-01 {
    width: 40vh;	
	height: 40vh;
    border-radius: 0%;	
	transition-delay: 0.5s;
	transition-duration: 1.5s;		
}
body .slide-09 .step-01 .bg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40vh;
    height: 40vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-09 .step-02 {
    position: absolute;
	top: -5vh;
    right: -3vh;
    width: 0vh;
    height: 35vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-09.active .step-02 {
	width: 62vh;
    border-radius: 0%;	
	transition-delay: 0.5s;
	transition-duration: 1.5s;		
}
body .slide-09 .step-02 .bg {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 62vh;
    height: 35vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-09 .step-03 {
    position: absolute;
    top: -7vh;
    left: -15vh;
    width: 0vh;
    height: 45vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-09.active .step-03 {
	width: 45vh;
    border-radius: 0%;	
	transition-delay: 0.5s;
	transition-duration: 1.5s;
}
body .slide-09 .step-03 .bg {
    position: absolute;
	top: 0;
    left: 0;
    width: 45vh;
    height: 45vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-09 .step-04 {
    position: absolute;
	bottom: -18vh;
    left: -5vh;
    width: 0vh;
    height: 33vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-09.active .step-04 {
	width: 52vh;
    border-radius: 0%;	
	transition-delay: 0.5s;
	transition-duration: 1.5s;		
}
body .slide-09 .step-04 .bg {
    position: absolute;
	bottom: 0;
    left: 0;
    width: 52vh;
    height: 33vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-09 .step-05 {
	position: absolute;
    top: 22vh;
    left: -101%;	
    width: 100%;
    height: 63vh;
    background-color: rgba(255,255,255,0.8);
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-09.active .step-05 {
    left: 0;
	transition-delay: 0.5s;
	transition-duration: 1s;
}
body .slide-09 .step-06 {
	position: absolute;
    top: 23vh;
    right: 7%;
    width: 92%;
    opacity: 0;	
    transition-delay: 0s;
	transition-duration: 0s;		
}
body.ltr .slide-09 .step-06 {
    right: 5%;
    width: 78%;
}
body .slide-09.active .step-06 {
    opacity: 1;
	transition-delay: 1.5s;
	transition-duration: 1s;
}
body .slide-09 .step-06 .font-handwriting {
    font-size: 5vh;
    margin-bottom: 4vh;
    margin-top: 3vh;
}
body.ltr .slide-09 .step-06 .font-print {
    font-size: 3.3vh;
    margin-bottom: 2vh;
}
body.ltr .slide-09 .step-06 .font-print strong {
    font-size: 4vh;
}
body .slide-09 .step-06 .font-print {
    font-size: 4.7vh;
    margin-bottom: 5vh;
}
body .slide-09 .step-06 .font-print strong {
    font-size: 5.5vh;
}
body .slide-09 .step-07 {
	position: absolute;
    top: 9vh;
	animation-name: example;
	animation-duration: 7.5s;
	animation-iteration-count: infinite;
}
body .slide-09 .person {
	position: absolute;
    top: 9vh;
	left: -12vh;
}
body.ltr .slide-09 .person {
	top: -4vh;
}
body .slide-09 .step-07 img {
	width: 44vh;
	height: auto;
}
body .slide-09 .person iframe{
    width: 44vh;
    height: 50.8vh;
	border: 0;
}
body #screen #slide-09-button-music {
	position: relative;
	z-index: -1;
	opacity: 0;
	background-image: url(images/slide09/btn_music.png);
}
body #screen[data-num="9"] #slide-09-button-music {
	position: relative;
	z-index: 1;
	opacity: 1;
}
body #screen .buttons-slide-09 {
	display: none;
}
body #screen[data-num="9"] .buttons-slide-09 {
    display: flex;
    justify-content: center;
}
body .slide-10 .step-01 {
    position: absolute;
    bottom: -3vh;
    right: -12vh;
    width: 110vh;
	height: 0vh;	
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-10.active .step-01 {
	height: 80vh;
    border-radius: 0%;	
	transition-delay: 0s;
	transition-duration: 1.5s;		
}
body .slide-10 .step-01 .bg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 110vh;
    height: 80vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-10 .step-02 {
    position: absolute;
    top: -1vh;
    right: -4vh;
    width: 0vh;
    height: 40vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-10.active .step-02 {
	width: 40vh;
    border-radius: 0%;	
	transition-delay: 0s;
	transition-duration: 1.5s;		
}
body .slide-10 .step-02 .bg {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 40vh;
    height: 40vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-10 .step-03 {
    position: absolute;
    top: -7vh;
    left: -1vh;
    width: 0vh;
    height: 113vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-10.active .step-03 {
	width: 52vh;
    border-radius: 0%;	
	transition-delay: 0s;
	transition-duration: 1.5s;		
}
body .slide-10 .step-03 .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 52vh;
    height: 113vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-10 .step-04.font-print {
	position: absolute;
    top: 16vh;
    right: 19vh;
    width: 62vh;
    font-size: 5.5vh;
	opacity: 0;
	transition-delay: 0s;
	transition-duration: 0s;	
}
body .slide-10 .step-04.font-print {
    font-size: 5.4vh;
}
body.ltr .slide-10 .step-04.font-print {
	font-size: 3.8vh;
}
body .slide-10.active .step-04.font-print {
	opacity: 1;	
	transition-delay: 1.5s;
	transition-duration: 1s;	
}
body .slide-10 .step-05 {
	position: absolute;
	top: 37vh;
    left: -118vh;
    width: 118vh;
    height: 48vh;
    background-color: rgba(47,93,120,0.95);
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-10.active .step-05 {
    left: 0vh;
	transition-delay: 2.5s;
	transition-duration: 1s;
}
body .slide-10 .step-06.font-print {
	position: absolute;
    top: 40vh;
    right: 19vh;
    width: 62vh;	
	color: #fff;
	font-size: 4vh;
    line-height: 1.3;
	opacity: 0;
	transition-delay: 0s;
	transition-duration: 0s;	
}
body.ltr .slide-10 .step-06.font-print {
    font-size: 3vh;
}
body .slide-10.active .step-06.font-print {
	opacity: 1;
	transition-delay: 3.5s;
	transition-duration: 1s;	
}
body .slide-10 .step-06.font-print small {
	font-size: 3vh;
}
body.ltr .slide-10 .popup-text .text .font-print {
		font-size: 3.5vh;
}
body #screen #slide-10-button-video-right {
	position: relative;
	z-index: -1;
	opacity: 0;
	background-image: url(images/slide10/btn_song_slide10.png);
}
body #screen[data-num="10"] #slide-10-button-video-right {
	position: relative;
	z-index: 1;
	opacity: 1;
}
body #screen #slide-10-button-video-left {
	position: relative;
	z-index: -1;
	opacity: 0;
	background-image: url(images/slide10/btn_popup10.png);
}
body #screen[data-num="10"] #slide-10-button-video-left {
	position: relative;
	z-index: 1;
	opacity: 1;
}
body #screen .buttons-slide-10 {
	display: none;
}
body #screen[data-num="10"] .buttons-slide-10 {
    display: flex;
    justify-content: center;
}
body .slide-11 .step-01 {
    position: absolute;
    bottom: 1vh;
    right: -7vh;
    width: 0vh;
	height: 0vh;	
    overflow: hidden;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-11.active .step-01 {
    width: 23vh;
    height: 28vh;
    border-radius: 0%;	
	transition-delay: 0.5s;
	transition-duration: 1.5s;		
}
body .slide-11 .step-01 .bg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 23vh;
    height: 28vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-11 .step-02 {
    position: absolute;
	top: -11vh;
    right: -5vh;
    width: 0vh;
    height: 35vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-11.active .step-02 {
	width: 43vh;
    border-radius: 0%;	
	transition-delay: 0.5s;
	transition-duration: 1.5s;		
}
body .slide-11 .step-02 .bg {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 43vh;
    height: 35vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-11 .step-03 {
    position: absolute;
    top: -7vh;
    left: -15vh;
    width: 0vh;
    height: 45vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-11.active .step-03 {
	width: 45vh;
    border-radius: 0%;	
	transition-delay: 0.5s;
	transition-duration: 1.5s;
}
body .slide-11 .step-03 .bg {
    position: absolute;
	top: 0;
    left: 0;
    width: 45vh;
    height: 45vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-11 .step-04 {
    position: absolute;
    bottom: -14vh;
    left: -3vh;
    width: 0vh;
    height: 33vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-11.active .step-04 {
	width: 52vh;
    border-radius: 0%;	
	transition-delay: 0.5s;
	transition-duration: 1.5s;		
}
body .slide-11 .step-04 .bg {
    position: absolute;
	bottom: 0;
    left: 0;
    width: 52vh;
    height: 33vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-11 .step-05 .font-handwriting {
	position: absolute;
	top: 5vh;
	left: 0;
	width: 100%;
	color: #754c29;
	font-size: 5vh;
	text-align: center;
		opacity: 0;
}

body .slide-11.active .step-05  .font-handwriting {
	opacity: 1;
	transition-delay: 1s;
	transition-duration: 0.75s;		
}

body .slide-11 .step-06 .logowrapper
{
 opacity: 0;
}
.slide-11 .step-06 .logowrapper {
    position: absolute;
    top: 22vh;
    left: 0;
    width: 100%;
		text-align: center;
   
 
	z-index:1;
}

.slide-11.active .step-06  .logowrapper.active {
	opacity: 1;
	transition-delay: 2s;
	transition-duration: 1.75s;		
	z-index:2;
}

.slide-11.active .step-06  .logowrapper.activeimg {
	opacity: 1;
	transition-delay: 0s;
	transition-duration: 1.75s;		
	z-index:2;
}


/*
.slide-11 .step-06 .logowrapper.active
{
z-index:2;
	opacity: 1;
	transition-delay: 2s;
	transition-duration: 1.75s;		
}
*/
.slide-11 .step-07 .btnwrapper {
	position: absolute;
	top: 70vh;
	left: 0;
	width: 100%;
	text-align: center;
	opacity: 0;
	z-index:1;
	cursor:pointer;
}
body.ltr .slide-11 .step-07 .btnwrapper span {
    padding: 1vh 5vh;
    border-radius: 4vh;
    background-color: #85aebc;
    color: #fff;
    font-size: 4vh;
}

 

.slide-11.active .step-07 .btnwrapper.active {
	opacity: 1;
	transition-delay: 3s;
	transition-duration: 0.75s;		
	z-index:2;
}

.slide-11.active .step-07 .btnwrapper.activebtn {
	opacity: 1;
	transition-delay: 0s;
	transition-duration: 0.75s;		
	z-index:2;
}


.slide-11 .step-07 .btnwrapper  img{
	height: 7.5vh;
}
.slide-11 .logowrapper img
{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0 auto;
	
	width: 40vh;
    height: auto;
	
		opacity: 1;
	transition-delay: 0s;
	transition-duration: 1s;	
	
}

.slide-11 .logowrapper img.notactive
{
	opacity: 0.2;
	transition-delay: 0s;
	transition-duration: 1s;		
}

.slide-11 .fulllogo
{
 opacity: 0;
 z-index:1;
}

body .slide-11 .step-08 .font-handwriting {
	position: absolute;
	top: 12vh;
	left: 0;
    left: 10%;
    width: 80%;
	text-align: center;
	font-size: 4vh;
	opacity: 0;
}

.slide-11.active .step-08 .font-handwriting  {
	opacity: 1;
	transition-delay: 4s;
	transition-duration: 0.75s;		
}

.slide-11.active .step-08 .font-handwriting.notactivetxt  {
	opacity: 0;
	transition-delay: 0s;
	transition-duration: 0.75s;		
}

.slide-11.active .step-08 .font-handwriting.activetxt  {
	opacity: 1;
	transition-delay: 0s;
	transition-duration: 0.75s;		
}

.slide-11 .partiallogo_blue
{
    clip-path: polygon(66.5% 0, 0 0, 0 100%, 8.6% 100%);
}

.slide-11 .partiallogo_green
{
    clip-path: polygon(68.1% 0, 98.6% 0, 40.8% 100%, 10.3% 100%);
}

.slide-11 .partiallogo_brown
{
    clip-path: polygon(100% 6%, 41.7% 100%, 100% 100%);
}

.slide-11 .bluegallery ,
.slide-11 .greengallery ,
.slide-11 .browngallery 
{
display:none;

color:white;
    font-family: Assistant;
	    height: 50vh;
    width: 100%;
    margin: 0 auto;
    position: relative; 
 	z-index:2;
}

 
.slide-11  .galleryitem
{
opacity:0;
    top: 22vh;
position:absolute;
   height: 100%;
 
       left: 50%;
    transform: translateX(-50%);
	
transition-delay: 0s;
	transition-duration: 0.75s;			
}


.slide-11  .galleryitem.active
{
 
opacity:1;
transition-delay: 0s;
	transition-duration: 0.75s;		
}

.slide-11  .galleryitem  img
{
 height: 100%;
     height: calc( 100% - 44px );
	 height: calc( 100% - 6vh );
}

.slide-11  .galleryitem  div
{
text-align:center;
padding: 10px 0;
    position: absolute;
    bottom: 0;
    width: 100%;
	font-size:3vh;
}
.slide-11 .bluegallery .galleryitem  div
{
background-color:#4c6b8d;
}

.slide-11 .greengallery .galleryitem  div
{
background-color:#506d2b;
}

.slide-11 .browngallery .galleryitem  div
{
background-color:#754c29;
}

.slide-11 .bluegallery .galleryitem  img
{
border:2px solid #4c6b8d;
}

.slide-11 .greengallery .galleryitem  img
{
border:2px solid #506d2b;
}

.slide-11 .browngallery .galleryitem  img
{
border:2px solid #754c29;
}

body .slide-12 .slide-inner.bg {
	background-size: 110% auto;
	transition-delay: 0s;
	transition-duration: 0s;	
}
body .slide-12.active .slide-inner.bg {
	background-size: 101% auto;
	transition-delay: 0s;
	transition-duration: 1s;		
}
body .slide-12 .step-01 {
	position: absolute;
	top: -101%;
    left: 9%;
    width: 82%;
	height: 100%;
	background-color: rgba(255,255,255,0.9);
	transition-delay: 0s;
	transition-duration: 0s;	
}
body .slide-12.active .step-01 {
	top: 0%;	
	transition-delay: 1s;
	transition-duration: 1s;
}
body .slide-12 .step-02 {
	position: absolute;
    top: 4.2vh;
	left: 10%;
    width: 80%;
	text-align: center;
	opacity: 0;
	transition-delay: 0s;
	transition-duration: 0s;	
}
body .slide-12 .step-02 .font-handwriting {
	font-size: 5vh;
}
body .slide-12 .step-02 .font-print {
	font-size: 5vh;
}
body .slide-12.active .step-02 {	
	opacity: 1;
	transition-delay: 2s;
	transition-duration: 1s;
}


body .slide-12 .step-03 {
	position: absolute;
    top: 16vh;
 
	text-align: center;
	opacity: 0;
	    width: 80%;
     left: 10%;
}

body .slide-12.active .step-03 {	
	opacity: 1;
	transition-delay:3s;
	transition-duration: 1s;
}

body .slide-12 .cardwrapper
{
	width:50%;
	float: right;
    margin-bottom: 4vh;
	cursor:pointer;
	position: relative;
	transition: transform 0.8s;
	transform-style: preserve-3d;
	height:30vh;
}

body .slide-12 .cardwrapper.active  
{
transform: rotateY(180deg);
z-index:2;
}

body .slide-12 .cardwrapper.active.expended 
{
cursor: auto;
}

body .slide-12 .cardwrapper.active.expended  .img-flip.backimage
{
	width: 186%;
    top: -5px;
	transition-delay:0s;
	transition-duration: 1s;
}
body.ltr .slide-12 .cardwrapper.active.expended .img-flip.backimage {
    width: 189%;
    top: -5px;
    height: 220%;
}
body.ltr .slide-12 .step-03 .cardwrapper:nth-child(2).active.expended .img-flip.backimage {
    width: 197%;
    top: -5px;
    height: 220%;
}

body .slide-12 .cardwrapper.active.expended.lefttopcard .img-flip.backimage {
	right: 9%;
}
body.ltr .slide-12 .cardwrapper.active.expended.lefttopcard .img-flip.backimage {
	right: 6%;
}
body.ltr .slide-12 .step-03 .cardwrapper:nth-child(2).active.expended.lefttopcard .img-flip.backimage {
	right: 4%;
}
body .slide-12 .cardwrapper.active.expended.righttopcard  .img-flip.backimage
{
    right: -91%;
}

body .slide-12 .cardwrapper.active.expended.leftbottmcard   .img-flip.backimage
{
    top: -115%;
    right: 9%;
}

body .slide-12 .cardwrapper.active.expended.rightbottomcard    .img-flip.backimage
{
       top: -115%;
	    right: -91%;
}


body .slide-12 .cardwrapper .img-flip {
	position: absolute;
	width: 80%;
	top: 0;
	bottom: 0;
	right: 10%;

	-webkit-backface-visibility: hidden; /* Safari */
	backface-visibility: hidden;
}
body .slide-12 .cardwrapper .img-flip .he,
body .slide-12 .cardwrapper .img-flip .es,
body .slide-12 .cardwrapper .img-flip .en,
body .slide-12 .cardwrapper .img-flip .fr,
body .slide-12 .cardwrapper .img-flip .ru {
	position: relative;
	width: 100%;
	height: 100%;
}
body .slide-12 .cardwrapper .img-flip .q-frame {
	display: flex;
	justify-content: center;
	align-items: center;
    width: calc(100% - 4vh);
    height: calc(100% - 4vh);
	padding: 2vh;	
	background-image: url(images/slide12/slide12-q-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border: 0.3vh solid #856327;
	box-shadow: 0.5vh 0.5vh 1vh rgba(0,0,0,0.5);
	text-align: center;
}
body .slide-12 .cardwrapper .img-flip .a-frame {
	display: flex;
	justify-content: center;
	align-items: center;
    width: calc(100% - 4vh);
    height: calc(100% - 4vh);
	padding: 2vh;
	border: 0.3vh solid #856327;
	background-color: #fff;
	font-weight: 700;	
	text-align: center;	
}
body.lang-ru .slide-12 .cardwrapper .img-flip .q-frame {
	font-size: 3vh;
}
body .slide-12 .cardwrapper .img-flip img {
	width: 100%;
}


 
body .slide-12 .cardwrapper .img-flip.backimage
{
  transform: rotateY(180deg);
}

body .slide-12 div.closebtn{
    width: 5vh;
    height: 5vh;
    position:absolute;
	display:none;
	cursor:pointer;
	z-index: 4;
	top: 1vh;
    right: 6vh;
}
body.ltr .slide-12 div.closebtn{
    right: 3.5vh;
}

body .slide-12 .activestep div.closebtn{
	transition-delay:50s;
	transition-duration: 1s;
	display:block;

}


body .slide-12 div.closebtn:before,.slide-12 div.closebtn:after{
    content:'';
    position:absolute;
    width:90%;
    height:10%;
    background-color:#754c29;
    border-radius:2px;
   
 
}

body .slide-12 div.closebtn:before{
    -webkit-transform:rotate(45deg) translate(3vh, 0vh);
    -moz-transform:rotate(45deg) translate(3vh, 0vh);
    transform:rotate(45deg) translate(3vh, 0vh);
}
body .slide-12 div.closebtn:after{
    -webkit-transform:rotate(-45deg) translate(0vh, 3vh);
    -moz-transform:rotate(-45deg) translate(0vh, 3vh);
    transform:rotate(-45deg) translate(0vh, 3vh);    
}
body.ltr .slide-12 div.closebtn:before{
    -webkit-transform:rotate(45deg) translate(0vh, 3vh);
    -moz-transform:rotate(45deg) translate(0vh, 3vh);
    transform:rotate(45deg) translate(0vh, 3vh);
}
body.ltr .slide-12 div.closebtn:after{
    -webkit-transform:rotate(-45deg) translate(-3vh, 0vh);
    -moz-transform:rotate(-45deg) translate(-3vh, 0vh);
    transform:rotate(-45deg) translate(-3vh, 0vh);
}



body .slide-13 .slide-inner.bg {
	background-size: 130%;
	opacity: 0;	
	transition-delay: 0s;
	transition-duration: 0s;
}
body .slide-13.active .slide-inner.bg {
	opacity: 1;	
	background-size: 101%;
	transition-delay: 0s;
	transition-duration: 0.75s;		
}
body .slide-13 .step-01 {
    position: absolute;
	bottom: -1vh;
    right: -16vh;
    width: 0vh;
	height: 0vh;	
    overflow: hidden;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-13.active .step-01 {
    width: 40vh;	
	height: 70vh;
    border-radius: 0%;	
	transition-delay: 0.5s;
	transition-duration: 1.5s;		
}
body .slide-13 .step-01 .bg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40vh;
    height: 70vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-13 .step-02 {
    position: absolute;
	top: -5vh;
    right: -3vh;
    width: 0vh;
    height: 35vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-13.active .step-02 {
	width: 62vh;
    border-radius: 0%;	
	transition-delay: 0.5s;
	transition-duration: 1.5s;		
}
body .slide-13 .step-02 .bg {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 62vh;
    height: 35vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-13 .step-03 {
    position: absolute;
    top: -7vh;
    left: -15vh;
    width: 0vh;
    height: 45vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-13.active .step-03 {
	width: 45vh;
    border-radius: 0%;	
	transition-delay: 0.5s;
	transition-duration: 1.5s;
}
body .slide-13 .step-03 .bg {
    position: absolute;
	top: 0;
    left: 0;
    width: 45vh;
    height: 45vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-13 .step-04 {
    position: absolute;
	bottom: -18vh;
    left: -5vh;
    width: 0vh;
    height: 33vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-13.active .step-04 {
	width: 52vh;
    border-radius: 0%;	
	transition-delay: 0.5s;
	transition-duration: 1.5s;		
}
body .slide-13 .step-04 .bg {
    position: absolute;
	bottom: 0;
    left: 0;
    width: 52vh;
    height: 33vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-13 .step-05 {
	position: absolute;
    top: 22vh;
    left: -101%;	
    width: 100%;
    height: 63vh;
    background-color: rgba(255,255,255,0.8);
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-13.active .step-05 {
    left: 0;
	transition-delay: 0.5s;
	transition-duration: 1s;
}
body .slide-13 .step-06 {
	position: absolute;
    top: 23vh;
	right: 12%;
    width: 72%;
    opacity: 0;	
    transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-13.active .step-06 {
    opacity: 1;
	transition-delay: 1.5s;
	transition-duration: 1s;
}
body .slide-13 .step-06 .font-handwriting {
    font-size: 6vh;
    margin-bottom: 3vh;
    margin-top: 2vh;
}
body .slide-13 .step-06 .font-print {
    font-size: 5.5vh;
    margin-bottom: 3.5vh;
}
body.ltr .slide-13 .step-06 .font-print {
    font-size: 4.5vh;
    margin-bottom: 2vh;
}
body .slide-13 .step-06 .font-print strong {
    font-size: 5.5vh;
}
body.ltr .slide-13 .step-06 .font-print strong {
    font-size: 4.5vh;
}

body .slide-13 .step-07 {
	position: absolute;
    top: -1vh;
	animation-name: example2;
	animation-duration: 7.7s;
	animation-iteration-count: infinite;
}
@keyframes example2 {
	0%   {right: -2.5vh;}
	20%  {right: -2.5vh;}
	40%  {right: -2.5vh;}
	50%  {right: -62vh;}
	80%  {right: -62vh;}
	90%  {right: -62vh;}
	100% {right: -2.5vh;}
}
body .slide-13 .step-07 img {
	width: 31vh;
	height: auto;
}
body .slide-13 .person  {
	position: absolute;
    top: -1vh;
    right: -3vh;
	animation-name: example2;
	animation-duration: 7.7s;
	animation-iteration-count: infinite;	
}
body .slide-13 .person iframe {
    width: 31vh;
    height: 40vh;
    border: 0;
}

body #screen #slide-13-button-music {
	position: relative;
	z-index: -1;
	opacity: 0;
	background-image: url(images/slide13/btn_music.png);
}
body #screen[data-num="13"] #slide-13-button-music {
	position: relative;
	z-index: 1;
	opacity: 1;
}
body #screen .buttons-slide-13 {
	display: none;
}
body #screen[data-num="13"] .buttons-slide-13 {
    display: flex;
    justify-content: center;
}

body .slide-14 .step-01 {
    position: absolute;
    bottom: -7vh;
    right: -21vh;
    width: 0vh;
	height: 0vh;	
    overflow: hidden;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-14.active .step-01 {
    width: 80vh;	
	height: 80vh;
    border-radius: 0%;	
	transition-delay: 0.5s;
	transition-duration: 2.5s;		
}
body .slide-14 .step-01 .bg {
    position: absolute;
    bottom: -4vh;
    right: 0;
    width: 80vh;
    height: 80vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-14 .step-02 {
    position: absolute;
	top: -5vh;
    right: -9vh;
    width: 0vh;
    height: 43vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-14.active .step-02 {
	width: 80vh;
    border-radius: 0%;	
	transition-delay: 0.5s;
	transition-duration: 2.5s;		
}
body .slide-14 .step-02 .bg {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 70vh;
    height: 43vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-14 .step-03 {
    position: absolute;
    top: -3vh;
    left: -20vh;
	width: 70vh;
    height: 36vh;
    overflow: hidden;
	opacity: 0;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-14.active .step-03 {
	left: 4vh;	
	opacity: 1;	
	transition-delay: 0.5s;
	transition-duration: 1.5s;
}
body .slide-14 .step-03 .bg {
    position: absolute;
	top: 0;
    left: 0;
    width: 70vh;
    height: 36vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-14 .step-04 {
    position: absolute;
    bottom: -30vh;
    left: -13vh;
    width: 120vh;
    height: 0vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-14.active .step-04 {
    height: 120vh;
    border-radius: 0%;	
	transition-delay: 0.5s;
	transition-duration: 1.5s;		
}
body .slide-14 .step-04 .bg {
    position: absolute;
	bottom: 0;
    left: 0;
    width: 120vh;
    height: 120vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-14 .step-05 {
	position: absolute;
    top: -2vh;
    left: -39vh;
    width: 38vh;
    height: 63vh;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-14 .step-05 img {
	max-width: initial;
	width: 100%;
}
body .slide-14.active .step-05 {
    left: -3vh;	
	transition-delay: 1.5s;
	transition-duration: 1s;
}
body .slide-14 .step-06 {
	position: absolute;
    top: 29vh;
    right: 12%;
    width: 84%;
	text-align: center;
    opacity: 0;	
    transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-14 .step-06 p {
	margin-top: 0;
	margin-bottom: 3vh;
}
body .slide-14 .step-06 .font-print small {
	color: #3c5d82;
	font-size: 5.3vh;
}
body .slide-14 .step-06 .font-handwriting {
    color: #506d2b;
    font-size: 6vh;
	line-height: 1.2;
}
body .slide-14.active .step-06 {
    opacity: 1;
	transition-delay: 1.5s;
	transition-duration: 1s;
}
body .slide-14 .popup-text {
	background-color: rgba(230,144,49,0.9);
}
body .slide-14 .popup-text .text .font-handwriting {
	color: #e55a29;
}
body .slide-14 .popup-text .text .font-print {
	color: #e55a29;
}
body.ltr .slide-14 .popup-text .text .font-print {
	font-size: 3.6vh; 
}
body.lang-es .slide-14 .popup-text .text .font-print {
	font-size: 3.6vh; 
}
body #screen #slide-14-button-video-right {
	position: relative;
	z-index: -1;
	opacity: 0;
	background-image: url(images/slide14/btn_popup14.png);
}
body #screen[data-num="14"] #slide-14-button-video-right {
	position: relative;
	z-index: 1;
	opacity: 1;
}
body #screen #slide-14-button-video-left {
	position: relative;
	z-index: -1;
	opacity: 0;
	background-image: url(images/slide14/btn_song_slide14.png);
}
body #screen[data-num="14"] #slide-14-button-video-left {
	position: relative;
	z-index: 1;
	opacity: 1;
}
body #screen .buttons-slide-14 {
	display: none;
}
body #screen[data-num="14"] .buttons-slide-14 {
    display: flex;
    justify-content: center;
}
body.ltr #screen[data-num="14"] #slide-14-button-video-left {
	display: none;
}
body .slide-15 .step-01 {
    position: absolute;
    top: -13vh;
    right: -32vh;
    width: 0vh;
    height: 33vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-15.active .step-01 {
	width: 70vh;
    border-radius: 0%;	
	transition-delay: 0s;
	transition-duration: 1.5s;		
}
body .slide-15 .step-01 .bg {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 60vh;
    height: 33vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-15 .step-02 {
    position: absolute;
    top: -11vh;
    left: -20vh;
	width: 0vh;
    height: 0vh;
    overflow: hidden;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-15.active .step-02 {
    width: 121vh;
    height: 54vh;	
	transition-delay: 0s;
	transition-duration: 1.5s;
}
body .slide-15 .step-02 .bg {
    position: absolute;
	top: 0;
    left: 0;
    width: 121vh;
    height: 54vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-15 .step-03 {
    position: absolute;
    bottom: -20vh;
    left: -13vh;
    width: 135vh;
    height: 0vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-15.active .step-03 {
    height: 120vh;
    border-radius: 0%;	
	transition-delay: 0.5s;
	transition-duration: 1.5s;		
}
body .slide-15 .step-03 .bg {
    position: absolute;
	bottom: 0;
    left: 0;
    width: 135vh;
    height: 120vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-15 .step-05 {
	position: absolute;
    top: 9vh;
    width: 80%;
    right: 12vh;		
	opacity: 0;
	transition-delay: 0s;
	transition-duration: 0s;
}
body .slide-15.active .step-05 {
	opacity: 1;
	transition-delay: 1s;
	transition-duration: 1.5s;	
}
body .slide-15 .step-04 {
	position: absolute;
    top: 18vh;
    width: 80%;
    right: 12vh;	
}
body .slide-15 .step-04.stages-wrap .stage {
    position: relative;
    height: 6.5vh;	
	opacity: 0;
	transition-delay: 0s;
	transition-duration: 0.7s;
}
body .slide-15 .step-04.stages-wrap .stage.active {
	opacity: 1;
	transition-delay: 0s;
	transition-duration: 0.7s;
}
body .slide-15 .step-04.stages-wrap .stage ul {
    position: absolute;
    /* right: 50%; */
    opacity: 1;
    /* transform: translateX(50%); */
    transition-delay: 0s;
    transition-duration: 0.7s;
    width: auto;
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #6b8b33;
    font-size: 5vh;	
}
body .slide-15 .step-04.stages-wrap .stage.active ul {
    position: absolute;
    /* right: 50%; */
    opacity: 1;
    /* transform: translateX(50%); */
    transition-delay: 0s;
    transition-duration: 0.7s;
    width: auto;
    display: inline-block;
    margin: 0;
    padding: 0;
}
body .slide-15 .step-04.stages-wrap .stage.active.active-prev ul {
	/* right: 0%; */
    /* transform: translateX(0%); */
    transition-delay: 0s;
    transition-duration: 0.7s;
}
body .slide-15 .step-04.stages-wrap .relative .stage .font-print {
	opacity: 0;
    transition-delay: 0s;
    transition-duration: 0.7s;		
	font-size: 6vh;
	letter-spacing: -0.25vh;
}
body.ltr .slide-15 .step-04.stages-wrap .relative .stage .font-print {
	font-size: 5vh;
}
body .slide-15 .step-04.stages-wrap .relative .stage.active .font-print {
	opacity: 1;	
    transition-delay: 0s;
    transition-duration: 0.7s;		
}
body .slide-15 .step-04.stages-wrap .relative .stage.active.active-prev .font-print {
	font-size: 4vh;	
    transition-delay: 0s;
    transition-duration: 0.7s;	
	letter-spacing: 0vh;	
}
body.ltr .slide-15 .step-04.stages-wrap .relative .stage.active.active-prev .font-print {
	font-size: 3.5vh;		
}
body .slide-15 .step-04.stages-wrap .stage.stage-04.active ul {
    /* width: 82%; */
}
body .slide-15 .step-04.stages-wrap .stage.image {
	position: absolute;
    width: 65vh;
    height: 54vh;
    bottom: -4vh;
	left: -26vh;
	opacity: 0;
    transition-delay: 0s;
    transition-duration: 0s;	
}
body.ltr .slide-15 .step-04.stages-wrap .stage.image {
    width: 73vh;
    height: 62vh;
    bottom: -3vh;
    left: -26vh;
}

body.ltr .slide-15 .step-04.stages-wrap .stage.image {
	left: 86vh;
}
body .slide-15 .step-04.stages-wrap .stage.image.active {
	opacity: 1;	
    transition-delay: 0s;
    transition-duration: 0.7s;	
}
body .slide-15 .step-04.stages-wrap .stage.image .bg {
    width: 100%;
    height: 100%;
    background-size: contain;
}

body #screen #slide-15-button-video-right {
	position: relative;
	z-index: -1;
	opacity: 0;
	background-image: url(images/slide15/btn_song_slide15.png);
}
body #screen[data-num="15"] #slide-15-button-video-right {
	position: relative;
	z-index: 1;
	opacity: 1;
}
body #screen .buttons-slide-15 {
	display: none;
}
body #screen[data-num="15"] .buttons-slide-15 {
    display: flex;
    justify-content: center;
}
body #screen[data-num="15"] #button-next-step.active {
	z-index: 1;
	opacity: 1;
	transition-delay: 2s;
	transition-duration: 0.75s;
}




body .slide-16 .step-01 {
    position: absolute;
    top: -19vh;
    right: -17vh;
    width: 0vh;
    height: 0vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-16.active .step-01 {
	width: 70vh;
    height: 70vh;	
    border-radius: 0%;	
	transition-delay: 0s;
	transition-duration: 1.5s;		
}
body .slide-16 .step-01 .bg {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 46vh;
    height: 70vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-16 .step-02 {
    position: absolute;
    top: -9vh;
    left: -20vh;
	width: 0vh;
    height: 0vh;
    overflow: hidden;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-16.active .step-02 {
    width: 121vh;
    height: 54vh;	
	transition-delay: 0s;
	transition-duration: 1.5s;
}
body .slide-16 .step-02 .bg {
    position: absolute;
	top: 0;
    left: 0;
    width: 121vh;
    height: 54vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-16 .step-03 {
    position: absolute;
    top: 0;
    left: 7%;
	width: 86%;
    height: 0vh;
    background-color: rgba(255,255,255,0.9);
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-16.active .step-03 {
    height: 100vh;	
	transition-delay: 0s;
	transition-duration: 1.5s;
}
body .slide-16 .step-04 {
    position: absolute;
    top: 10vh;
    left: 0;
	width: 100%;
	text-align: center;
	opacity: 0;
	transition-delay: 0s;
	transition-duration: 0s;
}
body .slide-16.active .step-04 {
	opacity: 1;
	transition-delay: 1.5s;
	transition-duration: 1.5s;
}
body .slide-16 .step-05 {
    font-size: 6vh;	
	text-align: center;
}
body .slide-16 .step-05 .question {
	position: absolute;
	top: 20vh;
	width: 100%;
	height: 10vh;
	display: flex;
	justify-content: center;
	align-items: center;
    line-height: 1;
}
body .slide-16 .step-05 .answer {
	position: absolute;
	top: 35vh;
	left: 20%;
	width: 60%;
	height: 30vh;
	display: flex;
	justify-content: center;
	align-items: center;
    line-height: 1.3;
	font-size: 10.5vh;
	background-image: url(images/slide16/riddle_bkg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
body.ltr .slide-16 .step-05 .answer {
	line-height: 1.2;
    font-size: 4.5vh;
	padding: 2vh;
}
body .slide-16 .step-05 .answer .bg {
	position: absolute;
	top: 4vh;
    right: 3vh;
    width: 21vh;
    height: 21vh;
    background-size: contain;
}
body .slide-16 .step-05.stages-wrap .stage {
	opacity: 0;
	transition-delay: 0s;
	transition-duration: 0s;
}
body .slide-16 .step-05.stages-wrap .stage.active {
	opacity: 1;
	transition-delay: 0s;
	transition-duration: 0.7s;
}
#screen[data-num="16"] #button-next-step.active {
    z-index: 1;
    opacity: 1;
    transition-delay: 3s;
    transition-duration: 0.75s;
}

body.lang-es .slide-17 .music-text {
    padding: 2vh 5vh 3vh;
    height: 73vh;
}

body .slide-18 .slide-inner.bg {
	background-size: 130%;
	opacity: 0;	
	transition-delay: 0s;
	transition-duration: 0s;
}
body .slide-18.active .slide-inner.bg {
	opacity: 1;	
	background-size: 101%;
	transition-delay: 0s;
	transition-duration: 0.75s;		
}
body .slide-18 .step-01 {
    position: absolute;
	bottom: -1vh;
    right: -16vh;
    width: 0vh;
	height: 0vh;	
    overflow: hidden;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-18.active .step-01 {
    width: 40vh;	
	height: 70vh;
    border-radius: 0%;	
	transition-delay: 0.5s;
	transition-duration: 1.5s;		
}
body .slide-18 .step-01 .bg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40vh;
    height: 70vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-18 .step-02 {
    position: absolute;
	top: -5vh;
    right: -3vh;
    width: 0vh;
    height: 35vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-18.active .step-02 {
	width: 62vh;
    border-radius: 0%;	
	transition-delay: 0.5s;
	transition-duration: 1.5s;		
}
body .slide-18 .step-02 .bg {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 62vh;
    height: 35vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-18 .step-03 {
    position: absolute;
    top: -7vh;
    left: -15vh;
    width: 0vh;
    height: 45vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-18.active .step-03 {
	width: 45vh;
    border-radius: 0%;	
	transition-delay: 0.5s;
	transition-duration: 1.5s;
}
body .slide-18 .step-03 .bg {
    position: absolute;
	top: 0;
    left: 0;
    width: 45vh;
    height: 45vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-18 .step-04 {
    position: absolute;
	bottom: -18vh;
    left: -5vh;
    width: 0vh;
    height: 33vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-18.active .step-04 {
	width: 52vh;
    border-radius: 0%;	
	transition-delay: 0.5s;
	transition-duration: 1.5s;		
}
body .slide-18 .step-04 .bg {
    position: absolute;
	bottom: 0;
    left: 0;
    width: 52vh;
    height: 33vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-18 .step-05 {
	position: absolute;
    top: 22vh;
    left: -101%;	
    width: 100%;
    height: 63vh;
    background-color: rgba(255,255,255,0.8);
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-18.active .step-05 {
    left: 0;
	transition-delay: 0.5s;
	transition-duration: 1s;
}
body .slide-18 .step-06 {
	position: absolute;
    top: 23vh;
	right: 12%;
    width: 71%;
    opacity: 0;	
    transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-18.active .step-06 {
    opacity: 1;
	transition-delay: 1.5s;
	transition-duration: 1s;
}
body .slide-18 .step-06 .font-handwriting {
    font-size: 6vh;
    margin-bottom: 3vh;
    margin-top: 2vh;
}
body .slide-18 .step-06 .font-print {
    font-size: 5.5vh;
    margin-bottom: 3.5vh;
}
body.ltr .slide-18 .step-06 .font-print {
    font-size: 4.5vh;
}
body .slide-18 .step-06 .font-print strong {
    font-size: 5.5vh;
}
body.ltr .slide-18 .step-06 .font-print strong {
    font-size: 4.5vh;
}

body .slide-18 .step-07 {
	position: absolute;
    left: 1vh;
	animation-name: example3;
	animation-duration: 6.72s;
	animation-iteration-count: infinite;
}
@keyframes example3 {
	0%     {bottom: -90vh;}
	20%   {bottom: -90vh;}
	25%   {bottom: -90vh;}
	30%   {bottom: -43vh;}
	70%   {bottom: -43vh;}
	75%   {bottom: -43vh;}
	80%   {bottom: -90vh;}
	100% {bottom: -90vh;}
}
body .slide-18 .step-07 img {
	width: 38vh;
	height: auto;
}
body .slide-18 .person {
    position: absolute;
    left: 1vh;
    bottom: -2vh;
}
body .slide-18 .person iframe {
    width: 41.5vh;
    width: 42.5vh;
    height: 44.5vh;
    border: 0;
}

body #screen #slide-18-button-music {
	position: relative;
	z-index: -1;
	opacity: 0;
	background-image: url(images/slide18/btn_music.png);
}
body #screen[data-num="18"] #slide-18-button-music {
	position: relative;
	z-index: 1;
	opacity: 1;
}
body #screen .buttons-slide-18 {
	display: none;
}
body #screen[data-num="18"] .buttons-slide-18 {
    display: flex;
    justify-content: center;
}


body .slide-19 .step-01 {
    position: absolute;
    bottom: -23vh;
    right: -14vh;
    width: 60vh;
	height: 0vh;	
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-19.active .step-01 {
	height: 60vh;
    border-radius: 0%;	
	transition-delay: 0s;
	transition-duration: 1.5s;		
}
body .slide-19 .step-01 .bg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60vh;
    height: 60vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-19 .step-02 {
    position: absolute;
    top: -7vh;
    right: -24vh;
    width: 0vh;
    height: 58vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-19.active .step-02 {
	width: 80vh;
    border-radius: 0%;	
	transition-delay: 0s;
	transition-duration: 1.5s;		
}
body .slide-19 .step-02 .bg {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 80vh;
    height: 58vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-19 .step-03 {
    position: absolute;
	top: -18vh;
    left: -15vh;
    width: 0vh;
    height: 60vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-19.active .step-03 {
	width: 60vh;
    border-radius: 0%;	
	transition-delay: 0s;
	transition-duration: 1.5s;		
}
body .slide-19 .step-03 .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 60vh;
    height: 60vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-19 .step-07 {
    position: absolute;
    bottom: -0vh;
    left: -13vh;
    width: 0vh;
    height: 30vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-19.active .step-07 {
	width: 30vh;
    border-radius: 0%;	
	transition-delay: 0s;
	transition-duration: 1.5s;		
}
body .slide-19 .step-07 .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 30vh;
    height: 30vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-19 .step-08 {
    position: absolute;
    bottom: 6vh;
    right: -1vh;
	width: 50vh;
    height: 50vh;
    overflow: hidden;
	right: -10vh;    
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-19.active .step-08 {
	opacity: 1;
	right: 1vh;
    transition-delay: 0s;
	transition-duration: 1.5s;		
}
body .slide-19 .step-08 .bg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50vh;
    height: 50vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-19 .step-04.font-handwriting {
	position: absolute;
    top: 25vh;
    right: 43vh;
	width: 75vh;
	color: #763609;	
    font-size: 5.5vh;
	opacity: 0;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body.lang-he .slide-19 .step-04.font-handwriting {
	width: 80vh;	
	font-size: 4.5vh;
    line-height: 1.4;	
}
body.ltr .slide-19 .step-04.font-handwriting {
    font-size: 3.5vh;	
}
body .slide-19.active .step-04.font-handwriting {
	opacity: 1;	
	transition-delay: 1.5s;
	transition-duration: 1s;	
}
body .slide-19 .step-05 {
	position: absolute;
    top: 40vh;
    left: -118vh;
    width: 95vh;
    height: 44vh;
    background-color: rgba(47,93,120,0.95);
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-19.active .step-05 {
    left: 0vh;
	transition-delay: 2.5s;
	transition-duration: 1s;
}
body .slide-19 .step-06.font-print {
	position: absolute;
    top: 44vh;
    right: 42vh;
	width: 76vh	;
	color: #fff;
	font-size: 4vh;
    line-height: 1.3;
	opacity: 0;
	transition-delay: 0s;
	transition-duration: 0s;	
	text-align: justify;
}
body.lang-he .slide-19 .step-06.font-print {
    top: 43vh;	
    font-size: 4.1vh;
    line-height: 1.2;
}
body .slide-19 .step-06.font-print {
	font-size: 3.2vh;
    line-height: 1.2;
}
body .slide-19.active .step-06.font-print {
	opacity: 1;
	transition-delay: 3.5s;
	transition-duration: 1s;	
}
body .slide-19 .step-06.font-print small {
	font-size: 3vh;
}
body .slide-19 .popup-text {
	background-color: rgba(146,179,70,0.9);
}
body .slide-19 .popup-text .text .font-handwriting {
	color: #6b8b33;
}
body .slide-19 .popup-text .text .font-print {
	color: #6b8b33;
}
body.ltr .slide-19 .popup-text .text .font-print {
    font-size: 3.5vh;
}

body #screen #slide-19-button-video-right {
	position: relative;
	z-index: -1;
	opacity: 0;
	background-image: url(images/slide19/btn_song_slide19.png);
}
body #screen[data-num="19"] #slide-19-button-video-right {
	position: relative;
	z-index: 1;
	opacity: 1;
}
body #screen #slide-19-button-video-left {
	position: relative;
	z-index: -1;
	opacity: 0;
	background-image: url(images/slide19/btn_popup19.png);
}
body #screen[data-num="19"] #slide-19-button-video-left {
	position: relative;
	z-index: 1;
	opacity: 1;
}
body #screen .buttons-slide-19 {
	display: none;
}
body #screen[data-num="19"] .buttons-slide-19 {
    display: flex;
    justify-content: center;
}



body .slide-21 .step-01 {
    position: absolute;
	top: -6vh;
    right: -3vh;
	width: 0vh;	
	height: 0vh;	
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-21.active .step-01 {
	width: 85vh;
    height: 35vh;
    border-radius: 0%;	
	transition-delay: 0s;
	transition-duration: 1.5s;		
}
body .slide-21 .step-01 .bg {
    position: absolute;
    top: 0;
    right: 0;
	width: 85vh;
    height: 35vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-21 .step-02 {
    position: absolute;
    top: -4vh;
    left: -7vh;
    width: 0vh;
    height: 0vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-21.active .step-02 {
	width: 27vh;
    height: 31vh;	
    border-radius: 0%;	
	transition-delay: 0s;
	transition-duration: 1.5s;		
}
body .slide-21 .step-02 .bg {
    position: absolute;
    top: 0px;
    left: 0px;
	width: 27vh;
    height: 31vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-21 .step-03 {
    position: absolute;
    bottom: -15vh;
    left: -5vh;
    width: 0vh;
    height: 0vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-21.active .step-03 {
    width: 45vh;
    height: 28vh;	
    border-radius: 0%;	
	transition-delay: 0s;
	transition-duration: 1.5s;		
}
body .slide-21 .step-03 .bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 45vh;
    height: 28vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-21 .step-04 {
    position: absolute;
    top: 0vh;
    left: -15vh;
    width: 25vh;
    height: 100vh;
    overflow: hidden;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-21.active .step-04 {
    left: -1vh;
    width: 62vh;
	transition-delay: 0s;
	transition-duration: 1.5s;		
}
body .slide-21 .step-04 .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 67vh;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-21 .step-05  {
    position: absolute;
    top: 22vh;
    right: 2vh;
	color: #6b8b33;
	font-size: 6vh;
	opacity: 0;	
	transition-delay: 0s;
	transition-duration: 0s;		
}
body.ltr .slide-21 .step-05  {
    width: 50%;
	font-size: 5vh;	
}
body .slide-21.active .step-05 {
    opacity: 1;
	transition-delay: 1.5s;
	transition-duration: 1s;		
}
body .slide-21 .step-05 .font-print {
    margin-bottom: 6vh;
	font-size: 5.5vh;
    line-height: 1.4;
}
body.ltr .slide-21 .step-05 .font-print {
	font-size: 4.5vh;
    line-height: 1.3;
}
body #screen .buttons-slide-21 {
	display: none;
}
body #screen[data-num="21"] .buttons-slide-21 {
    display: flex;
    justify-content: center;
}
body #screen #slide-21-button-video-right {
	position: relative;
	z-index: -1;
	opacity: 0;
	background-image: url(img/btn_vid_right_slide21.png);
}
body #screen #slide-21-button-video-left {
	position: relative;
	z-index: -1;
	opacity: 0;
	background-image: url(img/btn_vid_left_slide21.png);
}
body #screen[data-num="21"] #slide-21-button-video-right {
	position: relative;
	z-index: 1;
	opacity: 1;
}
body #screen[data-num="21"]  #slide-21-button-video-left {
	position: relative;
	z-index: 1;
	opacity: 1;
}

body .slide-22 .slide-inner {
	background-size: 120%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-22.active .slide-inner {
	background-size: 101%;
	transition-delay: 0s;
	transition-duration: 1.5s;		
}
body .slide-22 .step-01 {
    position: absolute;
	bottom: -1vh;
    right: -7vh;
	width: 0vh;	
	height: 0vh;	
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-22.active .step-01 {
	width: 25vh;
    height: 71vh;
    border-radius: 0%;	
	transition-delay: 0s;
	transition-duration: 1.5s;		
}
body .slide-22 .step-01 .bg {
    position: absolute;
    bottom: 0;
    right: 0;
	width: 25vh;
    height: 71vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-22 .step-02 {
    position: absolute;
	top: -9vh;
    right: -10vh;
    width: 0vh;
    height: 0vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-22.active .step-02 {
	width: 70vh;
    height: 47vh;	
    border-radius: 0%;	
	transition-delay: 0s;
	transition-duration: 1.5s;		
}
body .slide-22 .step-02 .bg {
    position: absolute;
    top: 0px;
    right: 0px;
	width: 70vh;
    height: 47vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-22 .step-03 {
    position: absolute;
    top: -15vh;
    left: -15vh;
    width: 0vh;
    height: 0vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-22.active .step-03 {
    width: 75vh;
    height: 55vh;	
    border-radius: 0%;	
	transition-delay: 0s;
	transition-duration: 1.5s;		
}
body .slide-22 .step-03 .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 75vh;
    height: 55vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-22 .step-04 {
    position: absolute;
    top: -2vh;
    right: -9vh;
    width: 88vh;
    height: 106vh;
    overflow: hidden;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-22.active .step-04 {
    top: 0vh;
	transition-delay: 0s;
	transition-duration: 1.5s;		
}
body .slide-22 .step-04 .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 88vh;
    height: 106vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-22 .step-05 {
    position: absolute;
    top: 22vh;
    left: 9vh;
	color: #6b8b33;
	font-size: 6vh;
	opacity: 0;	
	transition-delay: 0s;
	transition-duration: 0s;		
}
body.ltr .slide-22 .step-05 {
	width: 45vh;
}
body .slide-22.active .step-05 {
    opacity: 1;
	transition-delay: 2.5s;
	transition-duration: 1s;		
}
body .slide-22 .step-05 .font-print {
    font-size: 5.5vh;
}
body.ltr .slide-22 .step-05 .font-print {
    font-size: 4.2vh;
}
body .slide-22 .step-05 .font-print small {
    color: #3c5d82;
    font-size: 4vh;	
}
body .slide-22 .step-06 {
    position: absolute;
    top: 19vh;
    left: -85vh;
    width: 84vh;
    height: 62vh;
	background-color: rgba(255,255,255,0.85);
    transition-delay: 0s;
	transition-duration: 0s;
}
body .slide-22.active .step-06 {
    left: 0vh;
	transition-delay: 1.5s;
	transition-duration: 1s;
}
body #screen .buttons-slide-22 {
	display: none;
}
body #screen[data-num="22"] .buttons-slide-22 {
    display: flex;
    justify-content: center;
}
body #screen #slide-22-button-video-right {
	position: relative;
	z-index: -1;
	opacity: 0;
	background-image: url(img/btn_song_slide22.png);
}

body #screen[data-num="22"] #slide-22-button-video-right {
	position: relative;
	z-index: 1;
	opacity: 1;
}



body .slide-23 .slide-inner.bg {
	background-size: 130%;
	opacity: 0;	
	transition-delay: 0s;
	transition-duration: 0s;
}
body .slide-23.active .slide-inner.bg {
	opacity: 1;	
	background-size: 101%;
	transition-delay: 0s;
	transition-duration: 0.75s;		
}
body .slide-23 .step-01 {
    position: absolute;
	bottom: -1vh;
    right: -16vh;
    width: 0vh;
	height: 0vh;	
    overflow: hidden;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-23.active .step-01 {
    width: 40vh;	
	height: 70vh;
    border-radius: 0%;	
	transition-delay: 0.5s;
	transition-duration: 1.5s;		
}
body .slide-23 .step-01 .bg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40vh;
    height: 70vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-23 .step-02 {
    position: absolute;
	top: -5vh;
    right: -3vh;
    width: 0vh;
    height: 35vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-23.active .step-02 {
	width: 62vh;
    border-radius: 0%;	
	transition-delay: 0.5s;
	transition-duration: 1.5s;		
}
body .slide-23 .step-02 .bg {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 62vh;
    height: 35vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-23 .step-03 {
    position: absolute;
    top: -7vh;
    left: -15vh;
    width: 0vh;
    height: 45vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-23.active .step-03 {
	width: 45vh;
    border-radius: 0%;	
	transition-delay: 0.5s;
	transition-duration: 1.5s;
}
body .slide-23 .step-03 .bg {
    position: absolute;
	top: 0;
    left: 0;
    width: 45vh;
    height: 45vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-23 .step-04 {
    position: absolute;
	bottom: -23vh;
    left: -5vh;
    width: 0vh;
    height: 33vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-23.active .step-04 {
	width: 52vh;
    border-radius: 0%;	
	transition-delay: 0.5s;
	transition-duration: 1.5s;		
}
body .slide-23 .step-04 .bg {
    position: absolute;
	bottom: 0;
    left: 0;
    width: 52vh;
    height: 33vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-23 .step-05 {
	position: absolute;
    top: 25vh;
    left: -101%;	
    width: 100%;
    height: 54vh;
    background-color: rgba(255,255,255,0.8);
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-23.active .step-05 {
    left: 0;
	transition-delay: 0.5s;
	transition-duration: 1s;
}
body .slide-23 .step-06 {
	position: absolute;
    top: 31vh;
	right: 12%;
    width: 74%;
    opacity: 0;	
    transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-23.active .step-06 {
    opacity: 1;
	transition-delay: 1.5s;
	transition-duration: 1s;
}
body .slide-23 .step-06 .font-handwriting {
    font-size: 6vh;
    margin-bottom: 3vh;
    margin-top: 2vh;
}
body .slide-23 .step-06 .font-print {
    font-size: 5.5vh;
    margin-bottom: 3.5vh;
}
body.ltr .slide-23 .step-06 .font-print {
    font-size: 4.5vh;
}
body .slide-23 .step-06 .font-print strong {
    font-size: 5.5vh;
}

body .slide-23 .person {
    position: absolute;
    left: -1vh;
    bottom: -6vh;
}
body .slide-23 .person iframe {
    width: 44.5vh;
    height: 79.89vh;
    border: 0;
}

body #screen #slide-23-button-music {
	position: relative;
	z-index: -1;
	opacity: 0;
	background-image: url(images/slide23/btn_music.png);
}
body #screen[data-num="23"] #slide-23-button-music {
	position: relative;
	z-index: 1;
	opacity: 1;
}
body #screen .buttons-slide-23 {
	display: none;
}
body #screen[data-num="23"] .buttons-slide-23 {
    display: flex;
    justify-content: center;
}


body .slide-24 .slide-inner {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 101% 101%;
}
body .slide-24 .step-01 {
    position: absolute;
    bottom: -21vh;
    right: -32vh;
    width: 0vh;
	height: 0vh;	
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-24.active .step-01 {
    width: 90vh;	
	height: 70vh;
    border-radius: 0%;	
	transition-delay: 0s;
	transition-duration: 1.5s;		
}
body .slide-24 .step-01 .bg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 90vh;
    height: 70vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-24 .step-02 {
    position: absolute;
    top: -20vh;
    right: -31vh;
    width: 0vh;
    height: 75vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-24.active .step-02 {
	width: 75vh;
    border-radius: 0%;	
	transition-delay: 0s;
	transition-duration: 2.5s;		
}
body .slide-24 .step-02 .bg {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 75vh;
    height: 75vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-24 .step-03 {
    position: absolute;
	top: -5vh;
    left: -12vh;
    width: 0vh;
    height: 43vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-24.active .step-03 {
	width: 110vh;
    border-radius: 0%;	
	transition-delay: 0s;
	transition-duration: 2.5s;		
}
body .slide-24 .step-03 .bg {
    position: absolute;
	top: 0;
    left: 0;
    width: 110vh;
    height: 43vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-24 .step-04 {
    position: absolute;
	top: 10vh;
    left: 0vh;
    width: 100%;
	height: 33vh;
    overflow: hidden;
	background-color: rgba(11,53,81,0.8);
	opacity: 0;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-24.active .step-04 {
	top: 20vh;
	opacity: 1;
	transition-delay: 2s;
	transition-duration: 2.5s;		
}
body .slide-24 .step-05 {
	position: absolute;
	top: 24vh;
	left: 10%;
	width: 80%;
	color: #fff;
	text-align: center;
	opacity: 0;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-24.active .step-05 {
	opacity: 1;
	transition-delay: 4s;
	transition-duration: 2.5s;	
}
body .slide-24 .step-05.font-print strong {
	color: #fff;
	font-weight: 700;
}
body .slide-24 .step-06 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 48vh;
    width: 37vh;
	opacity: 0;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-24 .step-06 img {
	width: 100%;
}
body .slide-24.active .step-06 {
    top: 38vh;	
	opacity: 1;
	transition-delay: 4s;
	transition-duration: 2.5s;	
}



body .slide-25 .slide-inner {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 101% 101%;
}
body .slide-25 .step-01 {
    position: absolute;
    bottom: -1vh;
    right: -6vh;
    width: 0vh;
	height: 0vh;	
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-25.active .step-01 {
    width: 21vh;
    height: 66vh;
    border-radius: 0%;	
	transition-delay: 0s;
	transition-duration: 1.5s;		
}
body .slide-25 .step-01 .bg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 21vh;
    height: 66vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-25 .step-02 {
    position: absolute;
    top: -20vh;
    right: -31vh;
    width: 0vh;
    height: 75vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-25.active .step-02 {
	width: 75vh;
    border-radius: 0%;	
	transition-delay: 0s;
	transition-duration: 2.5s;		
}
body .slide-25 .step-02 .bg {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 75vh;
    height: 75vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-25 .step-03 {
    position: absolute;
    top: -16vh;
    left: -12vh;
    width: 0vh;
    height: 0vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-25.active .step-03 {
	width: 65vh;
    height: 47vh;	
    border-radius: 0%;	
	transition-delay: 0s;
	transition-duration: 2.5s;		
}
body .slide-25 .step-03 .bg {
    position: absolute;
	top: 0;
    left: 0;
    width: 65vh;
    height: 47vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-25 .step-04 {
    position: absolute;
	bottom: -1vh;
    left: -1vh;
    width: 0vh;
    height: 0vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-25.active .step-04 {
	width: 35vh;
    height: 35vh;	
    border-radius: 0%;	
	transition-delay: 0s;
	transition-duration: 1.5s;		
}
body .slide-25 .step-04 .bg {
    position: absolute;
	bottom: 0;
    left: 0;
    width: 35vh;
    height: 35vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-25 .step-05 {
    position: absolute;
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
	background-color: rgba(255,255,255,0.5);
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-25.active .step-05 {
	transition-delay: 0s;
	transition-duration: 2.5s;		
}
body .slide-25 .step-05 .bg {
    position: absolute;
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 5vh 23vh;
    background-size: 115%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-25.active .step-05 .bg {
    background-position: 7vh 33vh;
    background-size: 95%;
	transition-delay: 0s;
	transition-duration: 2s;		
}
body .slide-25 .step-06 {
    position: absolute;
	top: 18vh;
    left: -81vh;
    width: 80vh;
    height: 45vh;
    overflow: hidden;
	background-color: rgba(255,255,255,0.85);
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-25.active .step-06 {
	left: 0vh;
	transition-delay: 2s;
	transition-duration: 2.5s;		
}

body .slide-25 .step-07 {
	position: absolute;
    z-index: 2;
    top: 23vh;
    left: 6vh;
    width: 66vh;
    height: 37vh;
    opacity: 0;
    transition-delay: 0s;
    transition-duration: 0s;
}
body .slide-25.active .step-07 {
    opacity: 1;
    transition-delay: 4.5s;
    transition-duration: 1s;
}
body .slide-25.active .step-07.stages-wrap .stage {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;	
    opacity: 0;
    transition-delay: 0s;
    transition-duration: 0s;
}
body .slide-25.active .step-07.stages-wrap .stage.active {
    z-index: 3;	
    opacity: 1;
    transition-delay: 0s;
    transition-duration: 0.75s;
}
body .slide-25 .step-07.font-handwriting {
    font-size: 4vh;
    line-height: 1.55;
    letter-spacing: 0.4vh;
}
body.lang-he .slide-25 .step-07.font-handwriting {
    font-size: 5vh;
    letter-spacing: 0vh;
}
body #screen[data-num="25"] #button-next-step.active {
    z-index: 1;
    opacity: 1;
    transition-delay: 2s;
    transition-duration: 0.75s;
}
body #screen .buttons-slide-25 {
	display: none;
}
body #screen[data-num="25"] .buttons-slide-25 {
    display: flex;
    justify-content: center;
}
body #screen #slide-25-button-video-right {
	position: relative;
	z-index: -1;
	opacity: 0;
	background-image: url(img/btn_song_slide24.png);
}
body #screen[data-num="25"] #slide-25-button-video-right {
	position: relative;
	z-index: 1;
	opacity: 1;
}



body .slide-26 .step-01 {
    position: absolute;
    bottom: -8vh;
    right: 29vh;
    width: 0vh;
	height: 0vh;	
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-26.active .step-01 {
    width: 30vh;
    height: 30vh;
    border-radius: 0%;	
	transition-delay: 0s;
	transition-duration: 1.5s;		
}
body .slide-26 .step-01 .bg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30vh;
    height: 30vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-26 .step-02 {
    position: absolute;
    top: -8vh;
    left: -34vh;
    width: 0vh;
    height: 0vh;
    overflow: hidden;
    border-radius: 50%;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-26.active .step-02 {
    width: 52vh;
    height: 40vh;
    border-radius: 0%;	
	transition-delay: 0s;
	transition-duration: 1.5s;
}
body .slide-26 .step-02 .bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 52vh;
    height: 40vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-26 .step-03 {
    position: absolute;
    top: -1vh;
    right: -13vh;
	width: 52vh;
    height: 94vh;
    overflow: hidden;
	opacity: 0;
	transition-delay: 0s;
	transition-duration: 0s;		
}
body .slide-26.active .step-03 {
    right: -1vh;
	opacity: 1;	
	transition-delay: 0s;
	transition-duration: 1.5s;		
}
body .slide-26 .step-03 .bg {
    position: absolute;
	top: 0;
    right: 0;
	width: 52vh;
    height: 94vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
body .slide-26 .step-04 {
	position: absolute;
	top: 10vh;
	right: 53vh;
	width: 70vh;
    opacity: 0;
    transition-delay: 0s;
    transition-duration: 0s;	
}
body .slide-26.active .step-04 {
	opacity: 1;
    transition-delay: 1.5s;
    transition-duration: 1s;	
}
body .slide-26 .step-04 .font-handwriting {
	font-size: 5.5vh;
    letter-spacing: 0.5vh;	
}
body.ltr .slide-26 .step-04 .font-handwriting {
    font-size: 5.0vh;
}
body .slide-26 .step-04 .font-handwriting small {
	font-size: 3vh;
}
body .slide-26 .step-05 {
	position: absolute;
    z-index: 2;
    top: 25vh;
    left: 6vh;
    width: 70vh;
    opacity: 0;
    transition-delay: 0s;
    transition-duration: 0s;
}
body.ltr .slide-26 .step-05 {
	top: 29vh;
}
body .slide-26.active .step-05 {
    left: 10vh;	
    opacity: 1;
    transition-delay: 2.5s;
    transition-duration: 1s;
}
body .slide-26.active .step-05.stages-wrap .stage {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;	
    opacity: 0;
    transition-delay: 0s;
    transition-duration: 0s;
}
body .slide-26.active .step-05.stages-wrap .stage.active {
    z-index: 3;	
    opacity: 1;
    transition-delay: 0s;
    transition-duration: 0.75s;
}
body .slide-26 .step-05.font-print {
	font-size: 6.5vh;
    line-height: 1.35;
}
body.ltr .slide-26 .step-05.font-print {
    font-size: 4.5vh;
}
body #screen[data-num="26"] #button-next-step.active {
    z-index: 1;
    opacity: 1;
    transition-delay: 2s;
    transition-duration: 0.75s;
}

body .slide-27 .slide-inner {
	background-size: 101%;
}
body .slide-27 .step-01 {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 0;
	transform: translateY(-50%);
	background-color: rgba(255,255,255,0.9);
    opacity: 0;
    transition-delay: 0s;
    transition-duration: 0s;	
}
body .slide-27.active .step-01 {
	opacity: 1;
	height: 42vh;
    transition-delay: 0s;
    transition-duration: 1.5s;	
}
body .slide-27 .step-02 {
    position: absolute;
    text-align: center;
    width: 100%;
    top: 26vh;
    opacity: 0;
    transition-delay: 0s;
    transition-duration: 0s;		
}
body.ltr .slide-27 .step-02 {
    width: 48%;
    left: 30%;
}
body .slide-27.active .step-02 {
    opacity: 1;
    transition-delay: 2.8s;
    transition-duration: 1s;		
}
body.ltr .slide-27.active .step-02 {
    top: 30vh;
}
body .slide-27 .step-02 .font-print {
    font-size: 5vh;
    line-height: 1.25;
}
body.ltr .slide-27 .step-02 .font-print {
    font-size: 3.5vh;
    line-height: 1.25;
}
body .slide-27 .step-02 .font-print strong {
    color: #4c6b8d;
}
body .slide-27 .step-02 .font-handwriting {
    color: #506d2b;
}
body .slide-27 img {
	width: 100%;
	height: auto;
}
body .slide-27 .step-03 {
    position: absolute;
    width: 29vh;
    top: -10vh;
    right: 41vh;
    opacity: 1;
    transition-delay: 0s;
    transition-duration: 0s;
}
body .slide-27 .step-03 {
    position: absolute;
    width: 29vh;
    top: -40vh;
    right: 41vh;
    transition-delay: 0s;
    transition-duration: 0s;
}
body .slide-27.active .step-03 {
    top: -10vh;
    transition-delay: 2.7s;
    transition-duration: 1s;
}
body .slide-27 .step-04 {
    position: absolute;
    width: 58vh;
    top: -40vh;
    right: -10vh;
    transition-delay: 0s;
    transition-duration: 0s;
}
body .slide-27.active .step-04 {
    top: 0vh;
    transition-delay: 2s;
    transition-duration: 1s;
}
body .slide-27 .step-05 {
    position: absolute;
    width: 23vh;
    top: 26vh;
    right: -25vh;
    transition-delay: 0s;
    transition-duration: 0s;
}
body .slide-27.active .step-05 {
    top: 36vh;
    right: 5vh;
    transition-delay: 2.15s;
    transition-duration: 1s;
}
body .slide-27 .step-06 {
    position: absolute;
    width: 35vh;
    bottom: 4vh;
    right: -38vh;
    transition-delay: 0s;
    transition-duration: 0s;
}
body .slide-27.active .step-06 {
    bottom: 11vh;
    right: -8vh;
    transition-delay: 2.5s;
    transition-duration: 1s;
}
body .slide-27 .step-07 {
    position: absolute;
    width: 50vh;
    bottom: -54vh;
    right: -60vh;
    transition-delay: 0s;
    transition-duration: 0s;
}
body .slide-27.active .step-07 {
    bottom: -4vh;
    right: -10vh;
    transition-delay: 2.8s;
    transition-duration: 1s;
}
body .slide-27 .step-08 {
    position: absolute;
    width: 42vh;
    bottom: -36vh;
    right: 4vh;
    transition-delay: 0s;
    transition-duration: 0s;
}
body .slide-27.active .step-08 {
    bottom: -6vh;
    right: 24vh;
    transition-delay: 2.2s;
    transition-duration: 1s;	
}
body .slide-27 .step-08 img {
	transform: scaleX(-1);
}
body .slide-27 .step-09 {
    position: absolute;
	width: 30vh;
    bottom: -38vh;
    right: 58vh;
    transition-delay: 0s;
    transition-duration: 0s;
}
body .slide-27.active .step-09 {
    bottom: -8vh;
    right: 38vh;
    transition-delay: 2.4s;
    transition-duration: 1s;
}
body .slide-27 .step-10 {
    position: absolute;
    width: 24vh;
    bottom: -39vh;
    right: 62vh;
    transition-delay: 0s;
    transition-duration: 0s;
}
body .slide-27.active .step-10 {
	bottom: -9vh;
	transition-delay: 2.35s;
	transition-duration: 1s;
}
body .slide-27 .step-11 {
    position: absolute;
    width: 32vh;
    bottom: -43vh;
    right: 84vh;
    transition-delay: 0s;
    transition-duration: 0s;
}
body .slide-27.active .step-11 {
    bottom: -13vh;
    right: 74vh;
    transition-delay: 2.4s;
    transition-duration: 1s;
}
body .slide-27 .step-12 {
    position: absolute;
    width: 59vh;
    bottom: -40vh;
    left: -19vh;
    transition-delay: 0s;
    transition-duration: 0s;
}
body .slide-27.active .step-12 {
    bottom: -4vh;
    transition-delay: 1.5s;
    transition-duration: 1s;
}
body .slide-27 .step-13 {
    position: absolute;
    width: 41vh;
    bottom: 15vh;
    left: -42vh;
	transition-delay: 0s;
    transition-duration: 0s;
}
body .slide-27.active .step-13 {
    left: -1vh;
    transition-delay: 2.3s;
    transition-duration: 1s;
}
body #screen .buttons-slide-27 {
	display: none;
}
body #screen[data-num="27"] .buttons-slide-27 {
    display: flex;
    justify-content: center;
}
body #screen #slide-27-button-video-right {
	position: relative;
	z-index: -1;
	opacity: 0;
	background-image: url(img/btn_song_slide26.png);
}
body #screen[data-num="27"] #slide-27-button-video-right {
	position: relative;
	z-index: 1;
	opacity: 1;
}


body .slide-28 .slide-inner {
	background-image: url(images/slide01/s-1-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 130% auto;
	transition: 1s;
}
body .slide-28.active .slide-inner {
	background-size: 128% auto;
}
body .slide-28 .step-01 {
	position: absolute;
	top: 53%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 40vh;
	height: 40vh;
	background-color: rgba(255,255,255,0.75);
	opacity: 0;	
    transition-delay: 0s;
    transition-duration: 0s;
}
body .slide-28.active .step-01 {
	width: 71vh;
    height: 65vh;	
	opacity: 1;	
    transition-delay: 0s;
    transition-duration: 1s;
}
body .slide-28 .step-02 {
	position: absolute;
	top: 20vh;
	width: 100%;
	text-align: center;
	opacity: 0;
    transition-delay: 0s;
    transition-duration: 0s;
}
body .slide-28 .step-02 {
    left: 25%;
	width: 50%;
}
body .slide-28 .step-02 .font-print.line-1 {
    font-size: 4.5vh;
    line-height: 1.25;
}
body .slide-28 .step-02 .font-print.line-2 {
	margin-top: 11vh;
    font-size: 4.5vh;
    line-height: 1.25;
}
body.ltr .slide-28 .step-02 .font-print.line-2 {
    margin-top: 4vh;
}
body .slide-28 .step-02 .font-print.line-3 {
	margin-top: 12vh;
    font-size: 3vh;
    line-height: 1.25;
}
body.ltr .slide-28 .step-02 .font-print.line-3 {
    margin-top: 8vh;
}
body .slide-28 .step-02 .font-print.line-4 {
	margin-top: 3vh;
    font-size: 2.5vh;
    line-height: 1.25;
}
body.ltr .slide-28 .step-02 .font-print.line-4 {
	margin-top: 1.5vh;
}
body .slide-28.active .step-02 {
	opacity: 1;
    transition-delay: 1s;
    transition-duration: 1s;
}
body .slide-28 .step-05 {
	position: absolute;
	top: 1vh;
	right: 4vh;
}
body .slide-28 .step-05 img {
	width: 10vh;
}
body .slide-28 .step-06 {
	position: absolute;
	top: 1vh;
	left: 4vh;
}
body .slide-28 .step-06 img {
	width: 10vh;
}
body .slide-28 .step-07 {
    width: 4vh;
    height: auto;
    background-color: rgba(11,53,81,0.8);
    position: absolute;
    left: -6vh;
    top: 17vh;
    padding-right: 1vh;
    padding-left: 1vh;
}
body .slide-28.active .step-07 {
    left: 0;
    padding-right: 1vh;
    transition-delay: 1s;
    transition-duration: 1s;
}
body .slide-28 .step-07 img {
    width: 100%;
    margin-top: 2vh;
    margin-bottom: 2vh;
}

body .code-link {
	text-decoration: none;
    color: #fff;
    font-family: sans-serif;
    transform: translateX(3.25vw) rotate(-90deg);
    display: block;
    width: 7vw;
    height: 3vw;
    font-size: 0.6vw;
    text-align: center;
    text-shadow: 2px 2px black;
    font-weight: 400;
    letter-spacing: 0.05vw;
    color: #e2e2e2;
    line-height: 1.4;
    margin-top: 1vw;
    margin-bottom: 1vw;
}
body.ltr .code-link {
    transform: translateX(-1.75vw) rotate(-90deg);
}