/* front page */

.front-header.header > *, .front-header.left > *, .front-header.right > * {
	opacity: 0;
	transition: opacity 1s;
}

.front-header.header.show > *, .front-header.left.show > *, .front-header.right.show > * {
	opacity: 1;
}

.front-header.header, .front-header.left, .front-header.right, .page-wrapper {
	-webkit-transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1);
	transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1);
}

.front-header.header, .front-header.left, .front-header.right {
	background-color: white !important;
}

.front-header.header {
	width: 100% !important;
	padding: 0 3.645%;
	left: 0 !important;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.front-header.header .nav {
	right: 5vw;
}

.front-header.header.active {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
}

.front-header.left, .front-header.right {
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}

.front-header.left.active, .front-header.right.active {
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}


.page-wrapper {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	background-color: #cae0e3;
}

.page-wrapper.active {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
}

.about-us-content > *, .about-us-content > *:before {
	opacity: 0;
	transition: opacity 1s;
	visibility: hidden;
}

.about-us-content.show > * {
	opacity: 1;
	visibility: visible;
}

/* other pages */

.about-us-content:not(.front) .pre-back-2 {
	-webkit-transform: translateX(105%);
	transform: translateX(105%);
	-webkit-transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1);
	transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1);
}

.about-us-content:not(.front) .pre-back-2.active {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.white-back,
.colored-bac {
	opacity: 1 !important;
}

.white-back,
.colored-back,
.pre-back-1,
.pre-back-2 {
	width: 100%;
	min-height: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	opacity: 1;
	background-color: white;
	z-index: 1000000000000000000000000000000;
	-webkit-transform: translateX(105%);
	transform: translateX(105%);
	-webkit-transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1);
	transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1);
}

.single-news-page .pre-back-1,
.single-news-page .pre-back-2 {
	-webkit-transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1), opacity 1s;
	transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1), opacity 1s;
}

.colored-back,
.about-us-content {
	background-color: #e5eff5;
}

.white-back.active,
.colored-back.active {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.pre-back-2.push-left {
	-webkit-transform: translateX(-105%) !important;
	transform: translateX(-105%) !important;
}

.pre-back-1.push-left {
	-webkit-transform: translateX(0) !important;
	transform: translateX(0) !important;
}

.pre-back-2, .pre-back-1 {
	z-index: -1;
	visibility: visible !important;
}

.contact .pre-back-2, .contact .pre-back-1 {
	z-index: 0;
}

.left-side .about-us-list li:before {
	-webkit-transition: opacity 0.8s !important;
	transition: opacity 0.8s !important;
}

.left-side .about-us-list.hide li:before {
	opacity: 0;
}

.parallax-mirror {
	opacity: 0;
	-webkit-transition: opacity 0.8s;
	transition: opacity 0.8s;
}


/* background colors */

.about-us-content .section-image {
	background-color: #e5eff5;
}

.about-us-content .pre-back-1 {
	background-color: #e5eff5;
}

.about-us-content.contact .pre-back-1 {
	background-color: #e5eff5;
}

.single-news-page.about-us-content .pre-back-1 {
	background-color: #e1ede4;
}

.single-news-page.about-us-content {
	background-color: #e5eff5;
}

.about-us-content.products .pre-back-1 {
	background-color: #eaeeed !important;
}

.about-us-content.single-product-page .pre-back-1 {
	background-color: #eaeeed !important;
}

.about-us-content.technologies .pre-back-1,
.about-us-content.technologies .section-text,
.about-us-content.technologies .section-image {
	background-color: #f0f1e7 !important;
}

.about-us-content.fagiotherapy .pre-back-1,
.about-us-content.fagiotherapy .section-text,
.about-us-content.fagiotherapy .section-image {
	background-color: #efe9ee !important;
}

.about-us-content.technologies.directions .pre-back-1,
.about-us-content.technologies.directions .section-text,
.about-us-content.technologies.directions .section-image {
	background-color: #e1e4e9 !important;
}

.about-us-content.faq .pre-back-1 {
	background-color: #f5f4e5;
}

.about-us-content.faq.news .pre-back-1 {
	background-color: #e1ede4 !important;
}


@media screen and (max-width: 960px) {
	.page-wrapper {

	}
}