/* Section 1
* ------------------------------------------------------------------------------------------------------ */

/* ========== SECTION 1 - headline ========== */
.section-one .slide-one > .fp-tableCell h2 {
	opacity: 0;
	-webkit-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}

.section-one.active .slide-one > .fp-tableCell h2 {
	opacity: 1;
}

/* ========== SECTION 1 - left column ========== */

.section-one .slide-one > .fp-tableCell .col-md-1,
.section-one .slide-one > .fp-tableCell .col-md-4 {
	-webkit-transform: translateX(-100%);
	        transform: translateX(-100%);
	opacity: 0;
	-webkit-transition: opacity .8s ease-in-out,
				-webkit-transform .8s cubic-bezier(0.16, 0.68, 0.43, 0.99);
	transition: opacity .8s ease-in-out,
				-webkit-transform .8s cubic-bezier(0.16, 0.68, 0.43, 0.99);
	transition: transform .8s cubic-bezier(0.16, 0.68, 0.43, 0.99),
				opacity .8s ease-in-out;
	transition: transform .8s cubic-bezier(0.16, 0.68, 0.43, 0.99),
				opacity .8s ease-in-out,
				-webkit-transform .8s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

.section-one.active .slide-one.active > .fp-tableCell .col-md-1,
.section-one.active .slide-one.active > .fp-tableCell .col-md-4 {
	-webkit-transform: translateX(0);
	        transform: translateX(0);
	opacity: 1;
}

/* ========== SECTION 1 - right column ========== */
.section-one .slide-one > .fp-tableCell .col-md-3,
.section-one .slide-one > .fp-tableCell .col-md-6 {
	-webkit-transform: translateX(100%);
	        transform: translateX(100%);
	opacity: 0;
	-webkit-transition: opacity .8s ease-in-out,
				-webkit-transform .8s cubic-bezier(0.16, 0.68, 0.43, 0.99);
	transition: opacity .8s ease-in-out,
				-webkit-transform .8s cubic-bezier(0.16, 0.68, 0.43, 0.99);
	transition: transform .8s cubic-bezier(0.16, 0.68, 0.43, 0.99),
				opacity .8s ease-in-out;
	transition: transform .8s cubic-bezier(0.16, 0.68, 0.43, 0.99),
				opacity .8s ease-in-out,
				-webkit-transform .8s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

.section-one.active .slide-one.active > .fp-tableCell .col-md-3,
.section-one.active .slide-one.active > .fp-tableCell .col-md-6 {
	-webkit-transform: translateX(0);
	        transform: translateX(0);
	opacity: 1;
}

/* ========== SECTION 1 - top column ========== */

.section-one .slide-one > .fp-tableCell .col-md-2 {
	-webkit-transform: translateY(-100%);
	        transform: translateY(-100%);
	opacity: 0;
	-webkit-transition: opacity .8s ease-in-out,
				-webkit-transform .8s cubic-bezier(0.16, 0.68, 0.43, 0.99);
	transition: opacity .8s ease-in-out,
				-webkit-transform .8s cubic-bezier(0.16, 0.68, 0.43, 0.99);
	transition: transform .8s cubic-bezier(0.16, 0.68, 0.43, 0.99),
				opacity .8s ease-in-out;
	transition: transform .8s cubic-bezier(0.16, 0.68, 0.43, 0.99),
				opacity .8s ease-in-out,
				-webkit-transform .8s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

.section-one.active .slide-one.active > .fp-tableCell .col-md-2 {
	-webkit-transform: translateY(0);
	        transform: translateY(0);
	opacity: 1;
}

/* ========== SECTION 1 - down column ========== */

.section-one .slide-one > .fp-tableCell .col-md-5 {
	-webkit-transform: translateY(100%);
	        transform: translateY(100%);
	opacity: 0;
	-webkit-transition: opacity .8s ease-in-out,
				-webkit-transform .8s cubic-bezier(0.16, 0.68, 0.43, 0.99);
	transition: opacity .8s ease-in-out,
				-webkit-transform .8s cubic-bezier(0.16, 0.68, 0.43, 0.99);
	transition: transform .8s cubic-bezier(0.16, 0.68, 0.43, 0.99),
				opacity .8s ease-in-out;
	transition: transform .8s cubic-bezier(0.16, 0.68, 0.43, 0.99),
				opacity .8s ease-in-out,
				-webkit-transform .8s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

.section-one.active .slide-one.active > .fp-tableCell .col-md-5 {
	-webkit-transform: translateY(0);
	        transform: translateY(0);
	opacity: 1;
}

.section-one.active .slide-one.active > #fp-nav.right {
    right: 60px;
}

/* Section 2
* ------------------------------------------------------------------------------------------------------ */

/* ========== SECTION 2 - headline and form ========== */
.section-two > .fp-tableCell h2,
.section-two > .fp-tableCell form {
	opacity: 0;
	-webkit-transition: opacity 1.2s ease-in-out;
	transition: opacity 1.2s ease-in-out;
}

.section-two.active > .fp-tableCell h2,
.section-two.active > .fp-tableCell form {
	opacity: 1;
}