#fullpage {
	z-index:20
}
.phone-block {
	width:317px;
	height:570px;
	background:url(../images/banner.jpg) no-repeat center;
	background-size:cover;
	padding:78px 19px 10px;
	visibility:hidden;
	opacity:0;
	right:10%;
	bottom:0;
	position:fixed;
	z-index:100;
	overflow:hidden;
    -webkit-transition:all .5s ease;
    transition:all .5s ease;
	-webkit-transform:translateY(110%);
	transform:translateY(110%)
}
.phone-block-active {
	-webkit-transform:translateY(0);
	transform:translateY(0);
	opacity:1;
	visibility:visible
}
.phone-block-moveUp {
	opacity:0;
	visibility:hidden;
	-webkit-transform:translateY(-20%);
	transform:translateY(-20%)
}
.phone-block>div {
	position:absolute;
	width:100%;
	height:100%
}
.phone-block2, .phone-block3 {
	-webkit-transform:translateY(100%);
	transform:translateY(100%);
-webkit-transition:-webkit-transform .6s ease-in-out;
transition:-webkit-transform .6s ease-in-out;
transition:transform .6s ease-in-out;
transition:transform .6s ease-in-out, -webkit-transform .6s ease-in-out
}
.phone-block2-top, .phone-block3-top {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
.phone-block2-off {
	-webkit-transform:translateY(-150%);
	transform:translateY(-150%)
}
.section4-bottom figure.section-block-right {
	background-image:none
}
.img-2 {
	top:100%
}
.bg-img {
	position:fixed;
	left:0;
	top:0;
	bottom:0;
	right:0;
	z-index:5;
	background:#000;
	background-size:cover
}
.bg-img-color {
	width:100%;
	height:100%;
	opacity:.09;
	position:absolute;
	left:0;
	top:0;
	z-index:-9;
	background:url(../images/banner.jpg) top center no-repeat;
	background-size:cover
}
.section-wipe-block {
	position:fixed;
	height:100%;
	top:100%;
	width:100%;
	padding-top:82px;
	z-index:5;
-webkit-transition:all .65s ease-in-out;
transition:all .65s ease-in-out
}
.section-wipe-block-top {
	top:0
}
.section-wipe-block-moveup {
	top:-100%
}
.section-wipe-block .section4-bottom {
-webkit-transition:-webkit-transform .45s ease-in-out;
transition:-webkit-transform .45s ease-in-out;
transition:transform .45s ease-in-out;
transition:transform .45s ease-in-out, -webkit-transform .45s ease-in-out
}
.section4-bottom-show {
	-webkit-transform:translateY(-100%);
	transform:translateY(-100%)
}
.section1-box {
	background:0 0
}
.boxed {
	width:200px;
	height:200px;
	position:absolute
}
.boxed1 {
	background:red;
	-webkit-transform:translate(30px, 20px);
	transform:translate(30px, 20px)
}
.boxed2 {
	background:green;
	-webkit-transform:translate(300px, 120px);
	transform:translate(300px, 120px)
}
.boxed3 {
	background:#ff0;
	-webkit-transform:translate(100px, 320px);
	transform:translate(100px, 320px)
}
.section-clipped {
	background: url(../images/our-process.jpg) top center no-repeat;
	background-size: cover
}
.section-clipped .container {
	height: 100%;
	position: relative
}
.clipped-info {
	position: absolute;
	bottom: 40px;
	left: 30px;
	display: table
}
.clipped-info>div {
	display: table-cell;
	vertical-align: middle
}
.clipped-info-left {
	width: 65%;
	padding-left: 60px
}
.clipped-info .our-process-txt, .clipped-info h2 {
	font-size: 30px;
	line-height: 30px;
	font-weight: 300;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px
}
.clipped-info .our-process-txt span, .clipped-info h2 span {
	display: inline-block;
	font-weight: 700;
}
