@keyframes show_header {
    from { 
        height: 0; 
    }
    to {
        height: auto;
    }
}

.show_header {
    animation: show_header 0.6s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
	height: 0;
}

@keyframes hide_logo_nav_mobile {
    from { 
        width: 100%;
		left: 0;
    }
    to {
        width: 0;
		left: 100%;
    }
}

.hide_logo_nav_mobile {
    animation: hide_logo_nav_mobile 1s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
	width: 100%;
	left: 0;
}
.logo_mobile_navigation.hide_logo_nav_mobile {
	width: 100%;
	left: 0;
}

@keyframes show_logo_nav_mobile {
    from { 
        width: 0;
		left: 100%;
    }
    to {
        width: 100%;
		left: 0;
    }
}

.show_logo_nav_mobile {
    animation: show_logo_nav_mobile 1s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
	width: 0;
	left: 100%;
}


@keyframes blinking_cursor {
    0% { 
        opacity: 0; 
    }
    50% {
        opacity: 1;
    }
	100% { 
        opacity: 0; 
    }
}

.blinking_cursor {
    animation: blinking_cursor 1s infinite;
    animation-timing-function: ease-in-out;
	display: none;
}


@keyframes fadeIn_navLink {
    0% { 
        opacity: 0; 
		filter: blur(5px);
    }
	100% { 
        opacity: 1;
		filter: blur(0);
    }
}

.fadeIn_navLink {
    animation: fadeIn_navLink 0.8s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
	opacity: 0;
	animation-delay: 0.2s;
}


/*

@keyframes fadeCourseTN_top {
    from { 
        top: -10vh;
		opacity: 0;
    }
    to {
        top: -5vh;
		opacity: 1;
    }
}

.fadeCourseTN_top {
    animation: fadeCourseTN_top 0.6s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
	opacity: 0;
	top: -10vh;
}
@keyframes fadeCourseTN_middle {
    from { 
        top: -5vh;
		opacity: 0;
    }
    to {
        top: 70px;
		opacity: 1;
    }
}

.fadeCourseTN_middle {
    animation: fadeCourseTN_middle 0.6s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
	opacity: 0;
	top: -5vh;
}
*/


@keyframes show_con_info_booking {
    from { 
        left: -35%;
    }
    to {
		left: 0;
    }
}

.show_con_info_booking {
    animation: show_con_info_booking 0.6s;
	animation-delay: 0.2s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
	left: -35%;
}


@keyframes hide_con_info_booking {
    from { 
        left: 0;
    }
    to {
		left: -35%;
    }
}
@media (max-width: 991.98px) {
	@keyframes hide_con_info_booking {
		from { 
			left: 0;
		}
		to {
			left: -100%;
		}
	}
	
	@keyframes hide_con_info_booking_container {
		from { 
			left: 0;
		}
		to {
			left: -100%;
		}
	}
	
	.hide_con_info_booking_container {
    animation: hide_con_info_booking_container 0.6s;
	animation-delay: 0.2s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
	left: 0%;
}
	
}

.hide_con_info_booking {
    animation: hide_con_info_booking 0.6s;
	animation-delay: 0.2s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
	left: 0%;
}


@keyframes show_input_booking {
    from { 
        left: 100%;
    }
    to {
		left: 35%;
    }
}

@media (max-width: 991.98px) {
	@keyframes show_input_booking {
		from { 
			left: 100%;
		}
		to {
			left: 0;
		}
	}
}

.hide_input_booking {
    animation: hide_input_booking 0.6s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
	left: 35%;
}


@keyframes hide_input_booking {
    from { 
        left: 35%;
    }
    to {
		left: 100%;
    }
}

.show_input_booking {
    animation: show_input_booking 0.6s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
	left: 165%;
}


@keyframes hoverBtnMore {
    0% { transform: perspective(1px) rotateY(0); 
        background: transparent; 
        padding: 12px 0px 12px 30px; 
        color: #0ABAB5; 
    }
    50% {transform: perspective(1px) rotateY(-0.2deg); 
        background: #0ABAB5; 
        padding: 12px 0px 12px 30px; 
        color: white;
    }
    100% {transform: perspective(1px) rotateY(0); 
        background: #0ABAB5; 
        padding: 12px 15px 12px 15px; 
        color: white;
    }
}

.hoverBtnMore {
    animation: hoverBtnMore 0.6s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    transform: perspective(0) rotateY(0);
}

@keyframes unhoverBtnMore {
    0% { transform: perspective(1px) rotateY(0); 
		background: #0ABAB5; 
        padding: 12px 15px 12px 15px; 
        color: white;
    }
    50% {transform: perspective(1px) rotateY(0.2deg); 
        background: #0ABAB5; 
        padding: 12px 0px 12px 30px; 
        color: white;
    }
    100% {transform: perspective(1px) rotateY(0); 
       	background: transparent; 
        padding: 12px 0px 12px 30px; 
        color: #0ABAB5; 
    }
}
.unhoverBtnMore {
    animation: unhoverBtnMore 0.6s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    transform: perspective(0) rotateY(0);
}


@keyframes hoverBtnMore_c1 {
    0% { transform: perspective(1px) rotateY(0); 
        background: transparent; 
        padding: 12px 0px 12px 30px; 
        color: #95C12E; 
    }
    50% {transform: perspective(1px) rotateY(-0.2deg); 
        background: #95C12E; 
        padding: 12px 0px 12px 30px; 
        color: white;
    }
    100% {transform: perspective(1px) rotateY(0); 
        background: #95C12E; 
        padding: 12px 15px 12px 15px; 
        color: white;
    }
}

.hoverBtnMore_c1 {
    animation: hoverBtnMore_c1 0.6s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    transform: perspective(0) rotateY(0);
}

@keyframes unhoverBtnMore_c1 {
    0% { transform: perspective(1px) rotateY(0); 
		background: #95C12E; 
        padding: 12px 15px 12px 15px; 
        color: white;
    }
    50% {transform: perspective(1px) rotateY(0.2deg); 
        background: #95C12E; 
        padding: 12px 0px 12px 30px; 
        color: white;
    }
    100% {transform: perspective(1px) rotateY(0); 
       	background: transparent; 
        padding: 12px 0px 12px 30px; 
        color: #95C12E; 
    }
}
.unhoverBtnMore_c1 {
    animation: unhoverBtnMore_c1 0.6s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    transform: perspective(0) rotateY(0);
}


@keyframes hoverBtnMore_c2 {
    0% { transform: perspective(1px) rotateY(0); 
        background: transparent; 
        padding: 12px 0px 12px 30px; 
        color: #E4097F; 
    }
    50% {transform: perspective(1px) rotateY(-0.2deg); 
        background: #E4097F; 
        padding: 12px 0px 12px 30px; 
        color: white;
    }
    100% {transform: perspective(1px) rotateY(0); 
        background: #E4097F; 
        padding: 12px 15px 12px 15px; 
        color: white;
    }
}

.hoverBtnMore_c2 {
    animation: hoverBtnMore_c2 0.6s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    transform: perspective(0) rotateY(0);
}

@keyframes unhoverBtnMore_c2 {
    0% { transform: perspective(1px) rotateY(0); 
		background: #E4097F; 
        padding: 12px 15px 12px 15px; 
        color: white;
    }
    50% {transform: perspective(1px) rotateY(0.2deg); 
        background: #E4097F; 
        padding: 12px 0px 12px 30px; 
        color: white;
    }
    100% {transform: perspective(1px) rotateY(0); 
       	background: transparent; 
        padding: 12px 0px 12px 30px; 
        color: #E4097F; 
    }
}
.unhoverBtnMore_c2 {
    animation: unhoverBtnMore_c2 0.6s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    transform: perspective(0) rotateY(0);
}


@keyframes hoverBtnMore_c3 {
    0% { transform: perspective(1px) rotateY(0); 
        background: transparent; 
        padding: 12px 0px 12px 30px; 
        color: #169AB0; 
    }
    50% {transform: perspective(1px) rotateY(-0.2deg); 
        background: #169AB0; 
        padding: 12px 0px 12px 30px; 
        color: white;
    }
    100% {transform: perspective(1px) rotateY(0); 
        background: #169AB0; 
        padding: 12px 15px 12px 15px; 
        color: white;
    }
}

.hoverBtnMore_c3 {
    animation: hoverBtnMore_c3 0.6s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    transform: perspective(0) rotateY(0);
}

@keyframes unhoverBtnMore_c3 {
    0% { transform: perspective(1px) rotateY(0); 
		background: #169AB0; 
        padding: 12px 15px 12px 15px; 
        color: white;
    }
    50% {transform: perspective(1px) rotateY(0.2deg); 
        background: #169AB0; 
        padding: 12px 0px 12px 30px; 
        color: white;
    }
    100% {transform: perspective(1px) rotateY(0); 
       	background: transparent; 
        padding: 12px 0px 12px 30px; 
        color: #169AB0; 
    }
}
.unhoverBtnMore_c3 {
    animation: unhoverBtnMore_c3 0.6s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    transform: perspective(0) rotateY(0);
}


@keyframes hoverBtnMoreArrow {
    0% { opacity: 0; margin-left: 15px;}
    50% {opacity: 0; margin-left: 15px;}
    100% {opacity: 1; margin-left: 15px; }
}

.hoverBtnMoreArrow {
    animation: hoverBtnMoreArrow 0.6s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    opacity: 0;
}

@keyframes from_pos1_to_pos0 {
    0% { 
		transform: rotate(-10deg); 
		left: -5%;
		top: 0;
		z-index: 1;
	}
    50% {
		transform: rotate(-15deg);
		left: -10%%;
		top: 0;
		z-index: 1;
    }
    100% {
		transform: rotate(0);
		left: 10%;
		top: 5%;
		z-index: 2;
    }
}
.pos_0.from_pos1_to_pos0, .pos_0.from_pos1_to_pos0.studio, .pos_0.from_pos1_to_pos0.bilder {
	left: -5%;
	top: 0;
	z-index: 1;
    animation: from_pos1_to_pos0 0.6s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

@keyframes from_pos3_to_pos5 {
    0% { 
		transform: rotate(-10deg); 
		left: -5%;
		top: 0;
		z-index: 1;
	}
    50% {
		transform: rotate(5deg);
		left: -20%;
		top: 0;
		z-index: 1;
    }
    100% {
		transform: rotate(0);
		left: 10%;
		top: 5%;
		z-index: 2;
    }
}
.pos_5.from_pos3_to_pos5 {
	left: -5%;
	top: 0;
	z-index: 1;
	transform: rotate(-10deg); 
    animation: from_pos3_to_pos5 0.6s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

@keyframes from_pos0_to_pos1 {
    0% { 
		transform: rotate(0); 
		left: 10%;
		top: 5%;
		z-index: 2;
	}
    50% {
		transform: rotate(5deg);
		left: 30%;
		top: 5%;
		z-index: 1;
    }
    100% {
		transform: rotate(-10deg);
		left: -5%;
		top: 0;
		z-index: 1;
    }
}
.pos_1.from_pos0_to_pos1, .pos_1.from_pos0_to_pos1.studio, .pos_1.from_pos0_to_pos1.bilder {
		transform: rotate(0); 
		left: 10%;
		top: 5%;
		z-index: 2;
    animation: from_pos0_to_pos1 0.6s;
	animation-delay: 0.3s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

@keyframes from_pos5_to_pos3 {
    0% { 
		transform: rotate(0); 
		left: 10%;
		top: 5%;
		z-index: 2;
	}
    50% {
		transform: rotate(5deg);
		left: 30%;
		top: 5%;
		z-index: 1;
    }
    100% {
		transform: rotate(10deg);
		left: -5%;
		top: 0;
		z-index: 1;
    }
}
.pos_3.from_pos5_to_pos3 {
		transform: rotate(0); 
		left: 10%;
		top: 5%;
		z-index: 2;
    animation: from_pos5_to_pos3 0.6s;
	animation-delay: 0.3s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}



@keyframes from_pos0_to_pos2 {
    0% { 
		transform: rotate(0); 
		left: 10%;
		top: 5%;
		z-index: 2;
	}
    50% {
		transform: rotate(15deg);
		left: 35%;
		top: 5%;
		z-index: 2;
    }
	70% {
		z-index: 0;
	}
    100% {
		transform: rotate(8deg);
		left: 20%;
		top: 0;
		z-index: 0;
    }
}
.pos_2.from_pos0_to_pos2, .pos_2.from_pos0_to_pos2.studio.bilder, .pos_2.from_pos0_to_pos2.bilder {
		transform: rotate(0); 
		left: 10%;
		top: 5%;
		z-index: 2;
    animation: from_pos0_to_pos2 0.6s;
	animation-delay: 0.3s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}


@keyframes from_pos5_to_pos4 {
    0% { 
		transform: rotate(0); 
		left: 10%;
		top: 5%;
		z-index: 2;
	}
    50% {
		transform: rotate(15deg);
		left: 35%;
		top: 5%;
		z-index: 2;
    }
	70% {
		z-index: 0;
	}
    100% {
		transform: rotate(-8deg);
		left: 20%;
		top: 0;
		z-index: 0;
    }
}
.pos_4.from_pos5_to_pos4 {
		transform: rotate(0deg); 
		left: 10%;
		top: 5%;
		z-index: 2;
    animation: from_pos5_to_pos4 0.6s;
	animation-delay: 0.3s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

@keyframes from_pos2_to_pos0 {
    0% { 
		transform: rotate(8deg); 
		left: 20%;
		top: 0;
		z-index: 0;
	}
    50% {
		transform: rotate(16deg);
		left: 30%;
		top: 0;
		z-index: 1;
    }
    100% {
		transform: rotate(0);
		left: 10%;
		top: 5%;
		z-index: 2;
    }
}
.pos_0.from_pos2_to_pos0 {
	left: 20%;
	top: 0;
	z-index: 0;
    animation: from_pos2_to_pos0 0.6s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

@keyframes from_pos4_to_pos5 {
    0% { 
		transform: rotate(8deg); 
		left: 20%;
		top: 0;
		z-index: 0;
	}
    50% {
		transform: rotate(-8deg);
		left: 30%;
		top: 0;
		z-index: 1;
    }
    100% {
		transform: rotate(0);
		left: 10%;
		top: 5%;
		z-index: 2;
    }
}
.pos_5.from_pos4_to_pos5 {
	left: 20%;
	top: 0;
	z-index: 0;
	transform: rotate(-8deg);
    animation: from_pos4_to_pos5 0.6s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

@keyframes hover_conCell {
    0% { 
		position: absolute;
		width: 100%;
		height: 100%;
		overflow: hidden;
		z-index: 3;
	}
    1% {
		position: absolute;
		width: 100%;
		height: 100%;
		overflow: hidden;
		z-index: 3;
    }
    100% {
		background: rgba(255,255,255,1);
		height: auto;
		width: 150%;
		box-shadow: 5px 5px 20px rgba(0,0,0,0.2);
		z-index: 3;
		padding: 10px;
		overflow: visible;
		position: absolute;
    }
}

@keyframes hover_conCell_input {
    0% { 
		visibility: hidden;
		opacity: 0;
	}
    50% {
		visibility: visible;
		opacity: 0;
    }
    100% {
		visibility: visible;
		opacity: 1;
    }
}

@keyframes hover_conCell_bottom {
    0% { 
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		overflow: visible;
		z-index: 1;
	}
    1% {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		overflow: visible;
		z-index: 1;
    }
    100% {
		background: rgba(255,255,255,1);
		height: auto;
		width: 150%;
		left: -25%;
		top: -100%;
		box-shadow: 5px 5px 20px rgba(0,0,0,0.2);
		z-index: 1;
		padding: 10px;
		position: absolute;
    }
}
.hover_conCell {
    animation: hover_conCell 0.6s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
.hover_conCell_input {
    animation: hover_conCell_input 0.6s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
.con-cell.bottom > .hover_conCell {
    animation: hover_conCell_bottom 0.3s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

@keyframes unhover_conCell {
    0% { 
		background: rgba(255,255,255,1);
		height: auto;
		width: 150%;
		left: -25%;
		top: -25%;
		box-shadow: 5px 5px 20px rgba(0,0,0,0.2);
		z-index: 1;
		padding: 10px;
		position: absolute;
	}
    99.9% {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		overflow: visible;
    }
    100% {
		position: relative;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		overflow: visible;
    }
}
.unhover_conCell {
    animation: unhover_conCell 0.3s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}



@keyframes fadein_left_menu {
    0% { 
		width: 0;
		height: 100%;
	}
    100% {
		width: 50%;
		height: 100%;
    }
}
@media (max-width: 991.98px) {
	@keyframes fadein_left_menu {
		0% { 
			height: 0;
			width: 100%;
		}
		100% {
			height: 50vh;
			width: 100%;
		}
	}
}
.fadein_left_menu {
    animation: fadein_left_menu 0.5s;
	animation-delay: 0.5s;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

@keyframes fadeout_left_menu {
    0% { 
		width: 50%;
	}
    100% {
		width: 0;
    }
}
@media (max-width: 991.98px) {
	@keyframes fadeout_left_menu {
		0% { 
			width: 100%;
			height: 50%;
		}
		100% {
			width: 100%;
			height: 0;
		}
	}
}
.fadeout_left_menu {
    animation: fadeout_left_menu 0.5s;
	animation-delay: 0.5s;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

@keyframes fadein_whole_menu {
    0% { 
		width: 0;
		left: 100%;
		height: 100%;
		top: 0;
	}
    100% {
		width: 100%;
		top: 0;
		left: 0;
		height: 100%;
    }
}
@media (max-width: 991.98px) {
	@keyframes fadein_whole_menu {
		0% { 
			width: 100%;
			left: 0;
			height: 0;
			top: 100%;
		}
		100% {
			width: 100%;
			left: 0;
			top: 0;
			height: 100vh;
		}
	}
}
.fadein_whole_menu {
    animation: fadein_whole_menu 0.5s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}



@keyframes fadeout_whole_menu {
    0% { 
		width: 50%;
		left: 50%;
		height: 100%;
		top: 0;
	}
    100% {
		width: 0;
		left: 50%;
		height: 100%;
		top: 0;
    }
}
@media (max-width: 991.98px) {
	@keyframes fadeout_whole_menu {
		0% { 
			width: 100%;
			left: 0%;
			height: 100vh;
			top: 0;
		}
		100% {
			width: 100%;
			left: 0%;
			height: 0;
			top: 100%;
		}
	}
}
.fadeout_whole_menu {
    animation: fadeout_whole_menu 0.5s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
	animation-delay: 0s;
}

@keyframes fadein_btn_menu {
    0% { 
		left: -20px;
		opacity: 0;
	}
    100% {
		left: 0;
		opacity: 1;
    }
}
.fadein_btn_menu {
    animation: fadein_btn_menu 0.7s;
	animation-delay: 1.0s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

@keyframes fadeout_btn_menu {
    0% { 
		left: 0;
		opacity: 1;
	}
    100% {
		left: -20px;
		opacity: 0;
    }
}
.fadeout_btn_menu {
    animation: fadeout_btn_menu 0.7s;
	animation-delay: 0.3s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

@keyframes fade_nav-item {
    0% { 
		left: 40px;
		opacity: 0;
	}
    100% {
		left: 0;
		opacity: 1;
    }
}
.fade_nav-item {
    animation: fade_nav-item 0.6s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
	left: 40px;
	opacity: 0;
}

@keyframes fadeout_nav-item {
    0% { 
		left: 0;
		opacity: 1;
	}
    100% {
		left: -40px;
		opacity: 0;
    }
}
.fadeout_nav-item {
    animation: fadeout_nav-item 0.6s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

@keyframes hover_nav-item {
    0% { 
		left: 0;
		opacity: 1;
	}
    100% {
		left: 0;
		opacity: 0.3;
    }
}
.hover_nav-item {
    animation: hover_nav-item 0.6s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
@keyframes unhover_nav-item {
    0% { 
		left: 0;
		opacity: 0.3;
	}
    100% {
		left: 0;
		opacity: 1;
    }
}
.unhover_nav-item {
    animation: unhover_nav-item 0.6s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}


@keyframes fade_in_close_btn_menu {
    0% { 
		transform: rotate(-260deg);
	}
    100% {
		transform: rotate(0deg);
    }
}
.fade_in_close_btn_menu {
    animation: fade_in_close_btn_menu 0.4s;
	animation-delay: 1.5s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
@keyframes fade_out_close_btn_menu {
    0% { 
		transform: rotate(0deg);
	}
    100% {
		transform: rotate(-260deg);
    }
}
.fade_out_close_btn_menu {
    animation: fade_out_close_btn_menu 0.4s;
	animation-delay: 1.5s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}






@keyframes fadeIn_watermark {
    0% { 
		opacity: 0;
	}
    100% {
		opacity: 0.05;
    }
}
.fadeIn_watermark {
    animation: fadeIn_watermark 0.5s;
	animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}


@keyframes fadeOut_watermark {
    0% { 
		opacity: 0.05;
	}
    100% {
		opacity: 0;
    }
}
.fadeOut_watermark {
    animation: fadeOut_watermark 0.5s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

@keyframes fadeOut_wrapper_img {
    0% { 
		width: 50%;
	}
    100% {
		width: 0;
    }
}
@media (max-width: 991.98px) {
	@keyframes fadeOut_wrapper_img {
		0% { 
			width: 100%;
			height: 100%;
			top: 0;
		}
		100% {
			width: 100%;
			height: 0;
			top: 100%;
		}
	}
}
.fadeOut_wrapper_img {
    animation: fadeOut_wrapper_img 0.3s;
	animation-delay: 0.7s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}



@keyframes fadeIn_row_3 {
    0% { 
		opacity: 0;
		padding-left: 40px;
	}
    100% {
		opacity: 1;
		padding-left: 0;
    }
}
.fadeIn_row_3 {
    animation: fadeIn_row_3 0.5s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}


@keyframes fadeOut_row_3 {
    0% { 
		opacity: 1;
		padding-left: 0;
	}
    100% {
		opacity: 0;
		padding-left: 40px;
    }
}
.fadeOut_row_3 {
    animation: fadeOut_row_3 0.5s;
	animation-delay: 0.6s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

@keyframes fadeIn_row_2 {
    0% { 
		opacity: 0;
		padding-left: calc(2vw + 40px);
	}
    100% {
		opacity: 1;
		padding-left: 2vw;
    }
}
.fadeIn_row_2 {
    animation: fadeIn_row_2 0.5s;
	animation-delay: 0.3s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

@keyframes fadeOut_row_2 {
    0% { 
		opacity: 1;
		padding-left: 2vw;
	}
    100% {
		opacity: 0;
		padding-left: calc(2vw + 40px);
    }
}
.fadeOut_row_2 {
    animation: fadeOut_row_2 0.5s;
	animation-delay: 0.3s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

@keyframes fadeIn_row_1 {
    0% { 
		opacity: 0;
		padding-left: calc(4vw + 40px);
	}
    100% {
		opacity: 1;
		padding-left: 4vw;
    }
}
.fadeIn_row_1 {
    animation: fadeIn_row_1 0.5s;
	animation-delay: 0.6s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

@keyframes fadeOut_row_1 {
    0% { 
		opacity: 1;
		padding-left: 4vw;
	}
    100% {
		opacity: 0;
		padding-left: calc(4vw + 40px);
    }
}
.fadeOut_row_1 {
    animation: fadeOut_row_1 0.5s;
	animation-delay: 0s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

@keyframes hoverBtnMore_second {
    0% { transform: perspective(1px) rotateY(0); 
        background: transparent; 
        padding: 12px 0px 12px 30px; 
        color: #007bff; 
    }
    50% {transform: perspective(1px) rotateY(-0.2deg); 
        background: #007bff; 
        padding: 12px 0px 12px 30px; 
        color: white;
    }
    100% {transform: perspective(1px) rotateY(0); 
        background: #007bff; 
        padding: 12px 15px 12px 15px; 
        color: white;
    }
}

.hoverBtnMore_second {
    animation: hoverBtnMore_second 0.6s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    transform: perspective(0) rotateY(0);
}

@keyframes unhoverBtnMore_second {
    0% { transform: perspective(1px) rotateY(0); 
		background: #007bff; 
        padding: 12px 15px 12px 15px; 
        color: white;
    }
    50% {transform: perspective(1px) rotateY(0.2deg); 
        background: #007bff; 
        padding: 12px 0px 12px 30px; 
        color: white;
    }
    100% {transform: perspective(1px) rotateY(0); 
       	background: transparent; 
        padding: 12px 0px 12px 30px; 
        color: #007bff; 
    }
}
.unhoverBtnMore_second {
    animation: unhoverBtnMore_second 0.6s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    transform: perspective(0) rotateY(0);
}

@keyframes hoverBtnMore_prime {
    0% { transform: perspective(1px) rotateY(0); 
        background: transparent; 
        padding: 12px 0px 12px 30px; 
        color: white; 
    }
    50% {transform: perspective(1px) rotateY(-0.2deg); 
        background: white; 
        padding: 12px 0px 12px 30px; 
        color: #007bff;
    }
    100% {transform: perspective(1px) rotateY(0); 
        background: white; 
        padding: 12px 15px 12px 15px; 
        color: #007bff;
    }
}

.hoverBtnMore_prime {
    animation: hoverBtnMore_prime 0.6s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    transform: perspective(0) rotateY(0);
}

@keyframes unhoverBtnMore_prime {
    0% { transform: perspective(1px) rotateY(0); 
		background: #007bbf; 
        padding: 12px 15px 12px 15px; 
        color: white;
    }
    50% {transform: perspective(1px) rotateY(0.2deg); 
        background: white; 
        padding: 12px 0px 12px 30px; 
        color: #007bbf;
    }
    100% {transform: perspective(1px) rotateY(0); 
       	background: transparent; 
        padding: 12px 0px 12px 30px; 
        color: white; 
    }
}
.unhoverBtnMore_prime {
    animation: unhoverBtnMore_prime 0.6s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    transform: perspective(0) rotateY(0);
}