/* BAZA */
.wrapper.animation {
	--transition_opacity: 0.25s;
	--transition_transform: 0.50s;
	--transition_delay: 0.35s;
}

/* SIDE 1 */
.wrapper.animation .side[side="1"] .logo,
.wrapper.animation .side[side="1"] .menu,
.wrapper.animation .side[side="1"] .side_one_title,
.wrapper.animation .side[side="1"] .side_one_text,
.wrapper.animation .side[side="1"] .side_catalog_btn,
.wrapper.animation .side[side="1"] .side_one_arrow {
	opacity: 0;
	transition: opacity var(--transition_opacity), transform var(--transition_transform);
}

.wrapper.animation .side[side="1"].currentSlide .logo,
.wrapper.animation .side[side="1"].currentSlide .menu,
.wrapper.animation .side[side="1"].currentSlide .side_one_title,
.wrapper.animation .side[side="1"].currentSlide .side_one_text,
.wrapper.animation .side[side="1"].currentSlide .side_catalog_btn,
.wrapper.animation .side[side="1"].currentSlide .side_one_arrow {
	opacity: 1 !important;
	transform: none !important;
}

.wrapper.animation .side[side="1"] .logo {
	transition-delay: calc(var(--transition_delay) * 1);
	transform: translate3d(-50px, 0px, 0px);
}

.wrapper.animation .side[side="1"] .menu {
	transition-delay: calc(var(--transition_delay) * 2);
	transform: translate3d(50px, 0px, 0px);
}

.wrapper.animation .side[side="1"] .side_one_title {
	transition-delay: calc(var(--transition_delay) * 3);
	transform: translate3d(0px, -20px, 0px) scaleY(0);
}

.wrapper.animation .side[side="1"] .side_one_text {
	transition-delay: calc(var(--transition_delay) * 4);
	transform: translate3d(0px, -20px, 0px) scaleY(0);
}

.wrapper.animation .side[side="1"] .side_catalog_btn {
	transition-delay: calc(var(--transition_delay) * 5);
	transform: translate3d(0px, 20px, 0px);
}

.wrapper.animation .side[side="1"] .side_one_arrow {
	transition-delay: calc(var(--transition_delay) * 6);
	transform: translate3d(0px, 20px, 0px);
}

/* SIDE 2 */
.wrapper.animation .side[side="2"] .side_to_title,
.wrapper.animation .side[side="2"] .side_to_text,
.wrapper.animation .side[side="2"] .side_to_flex .side_to_item {
	opacity: 0;
	transition: opacity var(--transition_opacity), transform var(--transition_transform);
}

.wrapper.animation .side[side="2"].currentSlide .side_to_title,
.wrapper.animation .side[side="2"].currentSlide .side_to_text,
.wrapper.animation .side[side="2"].currentSlide .side_to_flex .side_to_item {
	opacity: 1 !important;
	transform: none !important;
}

.wrapper.animation .side[side="2"] .side_to_title {
	transition-delay: calc(var(--transition_delay) * 1);
	transform: translate3d(0px, 50px, 0px) scaleY(0);
}

.wrapper.animation .side[side="2"] .side_to_text {
	transition-delay: calc(var(--transition_delay) * 2);
	transform: translate3d(0px, 50px, 0px) scaleY(0);
}

.wrapper.animation .side[side="2"] .side_to_flex .side_to_item:first-child {
	transition-delay: calc(var(--transition_delay) * 3);
	transform: translate3d(-50px, 0px, 0px);
}

.wrapper.animation .side[side="2"] .side_to_flex .side_to_item:last-child {
	transition-delay: calc(var(--transition_delay) * 4);
	transform: translate3d(50px, 0px, 0px);
}

/* SIDE 3 */
.wrapper.animation .side[side="3"] .side_three_list_item,
.wrapper.animation .side[side="3"] .highlight,
.wrapper.animation .side[side="3"] .highlight span {
	opacity: 0;
	transition: opacity var(--transition_opacity), transform var(--transition_transform);
}

.wrapper.animation .side[side="3"].currentSlide .highlight,
.wrapper.animation .side[side="3"].currentSlide .highlight span,
.wrapper.animation .side[side="3"].currentSlide .side_three_list_item {
	opacity: 1 !important;
	transform: none !important;
}

.wrapper.animation .side[side="3"] .side_three_list_item:nth-child(1) {
	transition-delay: calc(var(--transition_delay) * 1);
	transform: translate3d(0px, 50px, 0px) scaleY(0);
}

.wrapper.animation .side[side="3"] .side_three_list_item:nth-child(2) {
	transition-delay: calc(var(--transition_delay) * 2);
	transform: translate3d(0px, -50px, 0px) scaleY(0);
}

.wrapper.animation .side[side="3"] .side_three_list_item:nth-child(3) {
	transition-delay: calc(var(--transition_delay) * 3);
	transform: translate3d(0px, 50px, 0px) scaleY(0);
}

.wrapper.animation .side[side="3"] .side_three_list_item:nth-child(4) {
	transition-delay: calc(var(--transition_delay) * 4);
	transform: translate3d(0px, -50px, 0px) scaleY(0);
}

.wrapper.animation .side[side="3"] .highlight {
	transition-delay: calc(var(--transition_delay) * 5);
	transform: translate3d(0px, -50px, 0px) scale(0);
}

.wrapper.animation .side[side="3"] .highlight span:nth-child(1) {
	transition-delay: calc(var(--transition_delay) * 6);
	transform: translate3d(0px, -50px, 0px) scale(0);
}

.wrapper.animation .side[side="3"] .highlight span:nth-child(2) {
	transition-delay: calc(var(--transition_delay) * 7);
	transform: translate3d(0px, -50px, 0px) scale(0);
}

.wrapper.animation .side[side="3"] .highlight span:nth-child(3) {
	transition-delay: calc(var(--transition_delay) * 8);
	transform: translate3d(0px, -50px, 0px) scale(0);
}

/* SIDE 4 */
.wrapper.animation .side[side="4"] .side_four_title,
.wrapper.animation .side[side="4"] .side_four_item {
	opacity: 0;
	transition: opacity var(--transition_opacity), transform var(--transition_transform);
}

.wrapper.animation .side[side="4"].currentSlide .side_four_title,
.wrapper.animation .side[side="4"].currentSlide .side_four_item {
	opacity: 1 !important;
	transform: none !important;
}

.wrapper.animation .side[side="4"] .side_four_title {
	transition-delay: calc(var(--transition_delay) * 1);
	transform: translate3d(0px, -20px, 0px) scaleY(0);
}

.wrapper.animation .side[side="4"] .side_four_item:nth-child(1) {
	transition-delay: calc(var(--transition_delay) * 2);
	transform: translate3d(0px, -50px, 0px) scale(0);
}

.wrapper.animation .side[side="4"] .side_four_item:nth-child(2) {
	transition-delay: calc(var(--transition_delay) * 3);
	transform: translate3d(0px, -50px, 0px) scale(0);
}

.wrapper.animation .side[side="4"] .side_four_item:nth-child(3) {
	transition-delay: calc(var(--transition_delay) * 4);
	transform: translate3d(0px, -50px, 0px) scale(0);
}

.wrapper.animation .side[side="4"] .side_four_item:nth-child(4) {
	transition-delay: calc(var(--transition_delay) * 5);
	transform: translate3d(0px, -50px, 0px) scale(0);
}

.wrapper.animation .side[side="4"] .side_four_item:nth-child(5) {
	transition-delay: calc(var(--transition_delay) * 6);
	transform: translate3d(0px, -50px, 0px) scale(0);
}

/* SIDE 5 */
.wrapper.animation .side[side="5"] .side_five_text,
.wrapper.animation .side[side="5"] .side_five_catalog,
.wrapper.animation .side[side="5"] .side_five_highlight div,
.wrapper.animation .side[side="5"] .foot_copy,
.wrapper.animation .side[side="5"] .foot_nav {
	opacity: 0;
	transition: opacity var(--transition_opacity), transform var(--transition_transform);
}

.wrapper.animation .side[side="5"].currentSlide .side_five_text,
.wrapper.animation .side[side="5"].currentSlide .side_five_catalog,
.wrapper.animation .side[side="5"].currentSlide .side_five_highlight div,
.wrapper.animation .side[side="5"].currentSlide .foot_copy,
.wrapper.animation .side[side="5"].currentSlide .foot_nav {
	opacity: 1 !important;
	transform: none !important;
}

.wrapper.animation .side[side="5"] .side_five_highlight div:nth-child(1) {
	transition-delay: calc(var(--transition_delay) * 1);
	transform: translate3d(0px, 50px, 0px) scale(0);
}

.wrapper.animation .side[side="5"] .side_five_highlight div:nth-child(2) {
	transition-delay: calc(var(--transition_delay) * 2);
	transform: translate3d(0px, 50px, 0px) scale(0);
}

.wrapper.animation .side[side="5"] .side_five_highlight div:nth-child(3) {
	transition-delay: calc(var(--transition_delay) * 3);
	transform: translate3d(0px, 50px, 0px) scale(0);
}

.wrapper.animation .side[side="5"] .side_five_highlight div:nth-child(4) {
	transition-delay: calc(var(--transition_delay) * 4);
	transform: translate3d(0px, 50px, 0px) scale(0);
}

.wrapper.animation .side[side="5"] .side_five_text {
	transition-delay: calc(var(--transition_delay) * 5);
	transform: translate3d(0px, -50px, 0px) scaleY(0);
}

.wrapper.animation .side[side="5"] .side_five_catalog {
	transition-delay: calc(var(--transition_delay) * 6);
	transform: translate3d(0px, -50px, 0px) scaleY(0);
}

.wrapper.animation .side[side="5"] .foot_copy {
	transition-delay: calc(var(--transition_delay) * 7);
	transform: translate3d(0px, -50px, 0px) scaleY(0);
}

.wrapper.animation .side[side="5"] .foot_nav {
	transition-delay: calc(var(--transition_delay) * 8);
	transform: translate3d(0px, -50px, 0px) scaleY(0);
}