html,body,.main-page,.pages{width: 100%;height:100%}
.main-page{font-size:62.5%;font-family: 'IntroLightRegular'}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.pBef1,.pBef2,.pBef3,.pBef4{width:100%;display:none;}
.pBef1 img,.pBef2 img,.pBef3 img,.pBef4 img{width: 100%;vertical-align: top}


/* header */
header{position: fixed;top:-20px;left:0;width: 100%;z-index: 99;
-webkit-transition: top .3s ease;
-moz-transition: top .3s ease;
-o-transition: top .3s ease;
transition: top .3s ease;
}
.bg-header{width: 100%;height:100%;position: absolute;top:0;left:0;z-index: -1;background-color: transparent;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);
-moz-opacity: .95;
-khtml-opacity: .95;
opacity: .95;
}
nav ul{padding:0;margin:0;float:left;width: 100%;text-align: center;
-webkit-transition: background-color .3s ease;
-moz-transition: background-color .3s ease;
-o-transition: background-color .3s ease;
transition: background-color .3s ease;
}
nav ul li{position: relative;list-style: none;display:inline-block;padding:60px 2% 30px 2%}
nav ul li a{text-decoration: none;font-size:2.311em;color:#585c69;font-family: 'IntroBoldRegular';
-webkit-transition: color .3s ease;
-moz-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease;
}
.menu-logo{display:none;width: 8%;text-indent: -9999px;}
.menu-logo img{position: absolute;width: 90%;left: 5%;top: 10%}
.arrow-menu{width:18px;height:11px;position: absolute;top: 32px;left:50%;margin-left: -9px;background: url(../images/arrow-menu.png) no-repeat;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-webkit-transition: opacity .3s ease-in;
-moz-transition: opacity .3s ease-in;
-o-transition: opacity .3s ease-in;
transition: opacity .3s ease-in;
}
.arrow-menu-active{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.change-lang{width: 50px;position: absolute;right:5%;top:49px}
.langs img{display:block;width: 23px;height:23px;top: 10px;left: 10px;position: relative;overflow:hidden;z-index: 4;
border:2px solid #eaeaea;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
}
.middle-line-lang{display:none;position:absolute;z-index:5;top:42px;left:6px;width: 35px;height:11px;border-left:2px solid #eaeaea;border-right:2px solid #eaeaea;background:#fff}
.langs{border:2px solid transparent}
.lang-ru{top: 0;left: 0}
.lang-last{display:none;top: 43px;left: 0}
.lang-bg{top:0;left:0;border:2px solid #585c69;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);
-moz-opacity: 0.1;
-khtml-opacity: 0.1;
opacity: 0.1;
}
.lang-bg,.langs{width:47px;height:47px;position: absolute;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
}

.pages{position: relative}

/* page1 */
.page1{z-index:1;
background: #a8d2e0;
background: -moz-linear-gradient(top,  #a8d2e0 0%, #d2e8ef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a8d2e0), color-stop(100%,#d2e8ef));
background: -webkit-linear-gradient(top,  #a8d2e0 0%,#d2e8ef 100%);
background: -o-linear-gradient(top,  #a8d2e0 0%,#d2e8ef 100%);
background: -ms-linear-gradient(top,  #a8d2e0 0%,#d2e8ef 100%);
background: linear-gradient(to bottom,  #a8d2e0 0%,#d2e8ef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8d2e0', endColorstr='#d2e8ef',GradientType=0 );
}
.arrows{width:49px;height: 49px;position: absolute;z-index: 90;top:50%;margin-top: -24px;background: url(../images/arrows.png) no-repeat}
.arrows a{float: left;width: 100%;height: 100%;}
.arrow-l{left:5%;background-position: 0 0}
.arrow-r{right:5%;background-position: -49px 0}
.arrow-l:hover{background-position: 0 -49px}
.arrow-r:hover{background-position: -49px -49px}

/* ppls main */
.all-ppls{width: 100%;height:100%;z-index:3;overflow: hidden;position: absolute;top: 0;left:0}
.all-ppls img{position: absolute;left:-40%;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.ppl-p1{width:40%;top:7%}
.ppl-p2{width:40%;top:0}
.ppl-p3{width:40%;top:3%}
.ppl-p4{width:32%;top:7%}
.all-ppls .ppl-active{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}

.big-logo-block{position: absolute;text-align: center;z-index:5;width:78%;height:80%;left:11%;top:6%}
.big-logo{height:100%;max-width:100%;max-height:1156px}
.iphone-p1{position: absolute;z-index:6;height: 63%;max-width:558px;max-height:833px;right:20%;bottom:10%}
.gradient-main-page{width: 100%;height:73%;position: absolute;z-index: 4;bottom:0;left:0;
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(210,232,239,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(210,232,239,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(210,232,239,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(210,232,239,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(210,232,239,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(210,232,239,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#d2e8ef',GradientType=0 );
}

/* Scroll-Down Ico */
.scroll-down{width: 150px;height:80px;position: absolute;z-index: 7;bottom:5%;left:50%;margin-left: -75px;
-webkit-transition: opacity .5s ease;
-moz-transition: opacity .5s ease;
-o-transition: opacity .5s ease;
transition: opacity .5s ease;
}
.scroll-down div{position:absolute;width:100%;height:17px;background:url(../images/arrow-scroll-down.png) no-repeat center center}
.scroll-down p{margin:0;font-size:2.133em;font-family: 'ProximaNovaBold';text-align: center;width:100%;color:#fff}

.arrow-sd1{top: 32px;
-webkit-animation: scroll-down1 1.5s ease-in infinite;
-moz-animation: scroll-down1 1.5s ease-in infinite;
-o-animation: scroll-down1 1.5s ease-in infinite;
animation: scroll-down1 1.5s ease-in infinite;
}
.arrow-sd2{top: 42px;
-webkit-animation: scroll-down2 1.5s ease-in infinite;
-moz-animation: scroll-down2 1.5s ease-in infinite;
-o-animation: scroll-down2 1.5s ease-in infinite;
animation: scroll-down2 1.5s ease-in infinite;
}
.arrow-sd3{top: 52px;
-webkit-animation: scroll-down3 1.5s ease-in infinite;
-moz-animation: scroll-down3 1.5s ease-in infinite;
-o-animation: scroll-down3 1.5s ease-in infinite;
animation: scroll-down3 1.5s ease-in infinite;
}

/* Scroll-Down Ico Animate */
@-webkit-keyframes scroll-down1{
	0%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}
	30%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
		-moz-opacity: .5;
		-khtml-opacity: .5;
		opacity: .5;
	}
	60%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25);
		-moz-opacity: .25;
		-khtml-opacity: .25;
		opacity: .25;
	}
	99%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}
	100%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}
}
@-webkit-keyframes scroll-down2{
	0%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}
	28%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}
	30%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}
	60%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
		-moz-opacity: .5;
		-khtml-opacity: .5;
		opacity: .5;
	}
	90%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25);
		-moz-opacity: .25;
		-khtml-opacity: .25;
		opacity: .25;
	}
	100%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}
}
@-webkit-keyframes scroll-down3{
	0%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}
	58%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}
	60%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}
	90%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}
	100%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}
}

@-moz-keyframes scroll-down1{
	0%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}
	30%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
		-moz-opacity: .5;
		-khtml-opacity: .5;
		opacity: .5;
	}
	60%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25);
		-moz-opacity: .25;
		-khtml-opacity: .25;
		opacity: .25;
	}
	99%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}
	100%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}
}

@-moz-keyframes scroll-down2{
	0%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}
	28%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}
	30%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}
	60%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
		-moz-opacity: .5;
		-khtml-opacity: .5;
		opacity: .5;
	}
	90%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25);
		-moz-opacity: .25;
		-khtml-opacity: .25;
		opacity: .25;
	}
	100%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}
}
@-moz-keyframes scroll-down3{
	0%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}
	58%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}
	60%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}
	90%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}
	100%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}
}

@-o-keyframes scroll-down1{
	0%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}
	30%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
		-moz-opacity: .5;
		-khtml-opacity: .5;
		opacity: .5;
	}
	60%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25);
		-moz-opacity: .25;
		-khtml-opacity: .25;
		opacity: .25;
	}
	99%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}
	100%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}
}

@-o-keyframes scroll-down2{
	0%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}
	28%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}
	30%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}
	60%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
		-moz-opacity: .5;
		-khtml-opacity: .5;
		opacity: .5;
	}
	90%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25);
		-moz-opacity: .25;
		-khtml-opacity: .25;
		opacity: .25;
	}
	100%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}
}
@-o-keyframes scroll-down3{
	0%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}
	58%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}
	60%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}
	90%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}
	100%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}
}

@keyframes scroll-down1{
	0%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}
	30%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
		-moz-opacity: .5;
		-khtml-opacity: .5;
		opacity: .5;
	}
	60%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25);
		-moz-opacity: .25;
		-khtml-opacity: .25;
		opacity: .25;
	}
	99%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}
	100%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}
}
@keyframes scroll-down2{
	0%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}
	28%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}
	30%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}
	60%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
		-moz-opacity: .5;
		-khtml-opacity: .5;
		opacity: .5;
	}
	90%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25);
		-moz-opacity: .25;
		-khtml-opacity: .25;
		opacity: .25;
	}
	100%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}
}
@keyframes scroll-down3{
	0%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}
	58%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}
	60%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}
	90%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}
	100%{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}
}

/* /Scroll-Down Ico Animate */

/* page2 */
.page2{z-index: 2;
background: rgb(210,232,239);
background: -moz-linear-gradient(top,  rgba(210,232,239,1) 0%, rgba(246,224,240,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(210,232,239,1)), color-stop(100%,rgba(246,224,240,1)));
background: -webkit-linear-gradient(top,  rgba(210,232,239,1) 0%,rgba(246,224,240,1) 100%);
background: -o-linear-gradient(top,  rgba(210,232,239,1) 0%,rgba(246,224,240,1) 100%);
background: -ms-linear-gradient(top,  rgba(210,232,239,1) 0%,rgba(246,224,240,1) 100%);
background: linear-gradient(to bottom,  rgba(210,232,239,1) 0%,rgba(246,224,240,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2e8ef', endColorstr='#f6e0f0',GradientType=0 );
}
.pattern-p2{overflow:hidden;width: 100%;height:76%;top:6%;left:0;position: absolute;z-index: 1;text-align: center}
.pattern-p2 img{height:100%}
.iphone-p2{width: 100%;position: absolute;top: 14%;left:0;height:58%;z-index: 2;text-align: center;}
.iphone-p2 img{height:100%;max-width: 96%}
.play-video-p2{width:200px;height:177px;position: absolute;z-index: 3;top:50%;left:50%;margin: -115px 0 0 -110px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
}
.text-under-iphone-p2{position: absolute;z-index: 4;width: 100%;text-align: center;left: 0;top: 73%;color:#25252a;}
.text-under-iphone-p2 h1{font-size:7.111em;font-family: 'IntroBoldRegular';margin: 0;line-height: .8em}
.text-under-iphone-p2 p{font-size:2.667em;font-family: 'IntroLightRegular';margin: 0}
.video-bg{width: 100%;height:100%;z-index: 100;top:0;left: 0;background-color:#000}
.video-block{width: 72%;height: 80%;z-index: 101;top:10%;left: 14%}
.video-block iframe{width: 100%;height: 100%}
.video-bg,.video-block{position: fixed;display:none;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.close-pop-up-btn{width:24px;height:26px;position: absolute;top:0;right:-44px;z-index: 99;background: url(../images/close-pop-up.png) no-repeat;}
.close-pop-up-btn a{float:left;width: 100%;height:100%;}
/* Page3 */
.page3{z-index: 3;
background: rgb(246,224,240);
background: -moz-linear-gradient(top,  rgba(246,224,240,1) 0%, rgba(210,225,236,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,224,240,1)), color-stop(100%,rgba(210,225,236,1)));
background: -webkit-linear-gradient(top,  rgba(246,224,240,1) 0%,rgba(210,225,236,1) 100%);
background: -o-linear-gradient(top,  rgba(246,224,240,1) 0%,rgba(210,225,236,1) 100%);
background: -ms-linear-gradient(top,  rgba(246,224,240,1) 0%,rgba(210,225,236,1) 100%);
background: linear-gradient(to bottom,  rgba(246,224,240,1) 0%,rgba(210,225,236,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e0f0', endColorstr='#d2e1ec',GradientType=0 );
}

/* Parallax BG */
.parallax-p3,.parallax-p4,.parallax-p5,.parallax-p6,.parallax-p8,.parallax-p9,.parallax-p10{width: 100%;position: absolute;top:0;left: 0;z-index: 1;background-size: cover;background-attachment: fixed}
.parallax-p3{height:55%;background-image: url(../images/bg-para-p3.jpg);background-repeat: no-repeat}
.parallax-p4{height:55%;background-image: url(../images/bg-para-p4.jpg);background-repeat: no-repeat}
.parallax-p5{height:55%;background-image: url(../images/bg-para-p5.jpg);background-repeat: no-repeat}
.parallax-p6{height:55%;background-image: url(../images/bg-para-p6.jpg);background-repeat: no-repeat}
.parallax-p8{height:60%;background-image: url(../images/bg-para-p8.jpg);background-repeat: no-repeat}
.parallax-p9{height:100%;background-image: url(../images/bg-para-p9.jpg);background-repeat: no-repeat}
.parallax-p10{height:100%;background-image: url(../images/bg-para-p10.jpg);background-repeat: no-repeat;background-position: center center !important}

/* Parallax PPL */
.ppls-p3,.ppls-p5{position: absolute;top:-26%;left:10%;width:90%;height:110%;z-index: 7}
.ppls-p3 img,.ppls-p5 img{height:100%;float: left}
.ppls-p4,.ppls-p6{position: absolute;top:-26%;right:10%;width:90%;height:110%;z-index: 7}
.ppls-p4 img,.ppls-p6 img{height:100%;float: right}


/* Parallax Hand */
.hand-p3,.hand-p5{position: absolute;top:5%;right:0;height:85%;width:100%;z-index: 6}
.hand-p3 img,.hand-p5 img{height:100%;float:right}
.hand-p4,.hand-p6{position: absolute;top:5%;left:9%;height:85%;width:91%;z-index: 6}
.hand-p4 img,.hand-p6 img{height:100%;float:left}

/* sky */
.sky-blocks{position:relative;background-color:#fff;padding: 1% 2%;font-size:5.333em;color:#25252a;
-webkit-border-radius:999px;
-moz-border-radius:999px;
-ms-border-radius:999px;
-o-border-radius:999px;
border-radius:999px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-webkit-transition: opacity .35s ease-in;
-moz-transition: opacity .35s ease-in;
-o-transition: opacity .35s ease-in;
transition: opacity .35s ease-in;
}
.sky-blocks:before{content:'';position: absolute;display:block;z-index: 1;width: 35px;height:26px}

.sky-block1:before,.sky-block3:before{background:url(../images/tail-l.png) no-repeat;bottom:-9px;left:3px}
.sky-block2:before,.sky-block4:before,.sky-block5:before,.sky-block6:before{background:url(../images/tail-r.png) no-repeat;bottom:-9px;right:3px}

.sky-block1{top: 9%;float: left;left: -2%}
.sky-block3{top: 4%;float: left;left: -8%}
.sky-block2{top: 1%;float: right;right: -3%}
.sky-block4{top: 1%;float: right;right: -8%}
.sky-block5{font-size:4.444em;top: 18%;float: left;left: 10%;z-index:9;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-webkit-transition: opacity .35s ease-in;
-moz-transition: opacity .35s ease-in;
-o-transition: opacity .35s ease-in;
transition: opacity .35s ease-in;
-webkit-border-radius:48px;
-moz-border-radius:48px;
-ms-border-radius:48px;
-o-border-radius:48px;
border-radius:48px;
}
.sky-block6{top: 27%;float: right;right: 100%;z-index:9;
-webkit-transition: all .55s cubic-bezier(.54,.42,.61,1.26);
-moz-transition: all .55s cubic-bezier(.54,.42,.61,1.26);
-o-transition: all .55s cubic-bezier(.54,.42,.61,1.26);
transition: all .55s cubic-bezier(.54,.42,.61,1.26);
}
.sky-block6 span{font-family: 'IntroBoldRegular'}
/* Page4 */
.page4{z-index: 4;
background: rgb(210,225,236);
background: -moz-linear-gradient(top,  rgba(210,225,236,1) 0%, rgba(231,218,235,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(210,225,236,1)), color-stop(100%,rgba(231,218,235,1)));
background: -webkit-linear-gradient(top,  rgba(210,225,236,1) 0%,rgba(231,218,235,1) 100%);
background: -o-linear-gradient(top,  rgba(210,225,236,1) 0%,rgba(231,218,235,1) 100%);
background: -ms-linear-gradient(top,  rgba(210,225,236,1) 0%,rgba(231,218,235,1) 100%);
background: linear-gradient(to bottom,  rgba(210,225,236,1) 0%,rgba(231,218,235,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2e1ec', endColorstr='#e7daeb',GradientType=0 );
}

/* Page5 */
.page5{z-index: 5;
background: rgb(231,218,235);
background: -moz-linear-gradient(top,  rgba(231,218,235,1) 0%, rgba(218,217,233,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(231,218,235,1)), color-stop(100%,rgba(218,217,233,1)));
background: -webkit-linear-gradient(top,  rgba(231,218,235,1) 0%,rgba(218,217,233,1) 100%);
background: -o-linear-gradient(top,  rgba(231,218,235,1) 0%,rgba(218,217,233,1) 100%);
background: -ms-linear-gradient(top,  rgba(231,218,235,1) 0%,rgba(218,217,233,1) 100%);
background: linear-gradient(to bottom,  rgba(231,218,235,1) 0%,rgba(218,217,233,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7daeb', endColorstr='#dad9e9',GradientType=0 );
}

/* Page6 */
.page6{z-index: 6;
background: rgb(219,217,233);
background: -moz-linear-gradient(top,  rgba(219,217,233,1) 0%, rgba(232,218,235,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(219,217,233,1)), color-stop(100%,rgba(232,218,235,1)));
background: -webkit-linear-gradient(top,  rgba(219,217,233,1) 0%,rgba(232,218,235,1) 100%);
background: -o-linear-gradient(top,  rgba(219,217,233,1) 0%,rgba(232,218,235,1) 100%);
background: -ms-linear-gradient(top,  rgba(219,217,233,1) 0%,rgba(232,218,235,1) 100%);
background: linear-gradient(to bottom,  rgba(219,217,233,1) 0%,rgba(232,218,235,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbd9e9', endColorstr='#e8daeb',GradientType=0 );
}

/* Page7 */
.page7{z-index:7;background-image: url(../images/bg-p7.jpg);background-repeat: no-repeat;background-position: center top;background-color: #d1e8f0;background-size: cover;background-attachment: fixed}
.tog-ppls{width: 100%;height:100%;position: relative;z-index: 1}
.tog-ppl{position: absolute;height:57%;top:24%;z-index: 1}
.tog-ppl img{height:100%}
.tog-ppl1{left:4%}
.tog-ppl2{left:14%;z-index: 2;top:29%}
.tog-ppl3{left:21%;height: 56%}
.tog-ppl4{left:29%;z-index: 2;top:30%;height: 56%}
.tog-ppl5{right:29%;top:23%}
.tog-ppl6{right:21%;top:30%;z-index: 3}
.tog-ppl7{right:11%;z-index: 2;top: 29%;}
.tog-ppl8{right:4%}

.tog-sky{white-space:nowrap;position: absolute;top: -11%;padding:4% 12%;background-color:#fff;color:#25252a;font-size:3.555em;
-webkit-border-radius:999px;
-moz-border-radius:999px;
-ms-border-radius:999px;
-o-border-radius:999px;
border-radius:999px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-webkit-transition: opacity .3s ease-in;
-moz-transition: opacity .3s ease-in;
-o-transition: opacity .3s ease-in;
transition: opacity .3s ease-in;
}
.tog-sky-l{left:51%}
.tog-sky-r{right:51%}
.tog-ppl4 .tog-sky-l,.tog-ppl7 .tog-sky-l{left:43%}
.tog-ppl5 .tog-sky-l{left:56%}
.tog-ppl8 .tog-sky-r{right:60%}
.tog-sky:before{content:'';position: absolute;display:block;z-index: 1;width: 26px;height:17px}
.tog-sky-l:before{background:url(../images/tog-tail-l.png) no-repeat;bottom:-9px;left:3px}
.tog-sky-r:before{background:url(../images/tog-tail-r.png) no-repeat;bottom:-9px;right:3px}
.tog-phone{position: absolute;top:23%;left:38%;width: 24%;}
.tog-phone img{width:100%;max-height: 919px}

/* Page8 */
.page8{z-index: 8;overflow: hidden;
background: rgb(213,218,233);
background: -moz-linear-gradient(top,  rgba(213,218,233,1) 0%, rgba(241,222,238,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(213,218,233,1)), color-stop(100%,rgba(241,222,238,1)));
background: -webkit-linear-gradient(top,  rgba(213,218,233,1) 0%,rgba(241,222,238,1) 100%);
background: -o-linear-gradient(top,  rgba(213,218,233,1) 0%,rgba(241,222,238,1) 100%);
background: -ms-linear-gradient(top,  rgba(213,218,233,1) 0%,rgba(241,222,238,1) 100%);
background: linear-gradient(to bottom,  rgba(213,218,233,1) 0%,rgba(241,222,238,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5dae9', endColorstr='#f1deee',GradientType=0 );
}
.p8-phone{position: absolute;z-index: 4;width:80%;top:0;left:16%;height: 80%;top:6%}
.p8-phone img{height: 100%;max-height:1086px}
.pop-p8{width:34%;padding:2% 3% 2% 5%;position: absolute;z-index: 5;top:16%;right:-34%;
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 43%, rgba(227,242,242,1) 100%);/
background: -webkit-gradient(linear, left top, left bottom, color-stop(43%,rgba(255,255,255,1)), color-stop(100%,rgba(227,242,242,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 43%,rgba(227,242,242,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 43%,rgba(227,242,242,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 43%,rgba(227,242,242,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 43%,rgba(227,242,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3f2f2',GradientType=0 );
-webkit-border-radius:16px;
-moz-border-radius:16px;
-ms-border-radius:16px;
-o-border-radius:16px;
border-radius:16px;
-webkit-transition: all .55s cubic-bezier(.54,.42,.61,1.26);
-moz-transition: all .55s cubic-bezier(.54,.42,.61,1.26);
-o-transition: all .55s cubic-bezier(.54,.42,.61,1.26);
transition: all .55s cubic-bezier(.54,.42,.61,1.26);

}
.pop-p8-title{text-align: center;color:#25252a;font-size: 5.689em}
.pop-p8-btn{float:left;color:#fff;font-size:4.267em;background-color: #59d644;padding:2% 9%;
-webkit-border-radius:999px;
-moz-border-radius:999px;
-ms-border-radius:999px;
-o-border-radius:999px;
border-radius:999px;
}
.pop-p8-btn-text{margin-top: 5%}
.pop-p8-text{color:#25252a;font-size:4.267em;padding:2% 0;float: right}
.p8-green-text{color: #59d644}
.p8-dollar{padding: 0 12px 0 8px;position: relative;top: 4px}

/* Page9 */
.page9{z-index: 9;
background: rgb(241,222,238);
background: -moz-linear-gradient(top,  rgba(241,222,238,1) 0%, rgba(210,229,238,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,222,238,1)), color-stop(100%,rgba(210,229,238,1)));
background: -webkit-linear-gradient(top,  rgba(241,222,238,1) 0%,rgba(210,229,238,1) 100%);
background: -o-linear-gradient(top,  rgba(241,222,238,1) 0%,rgba(210,229,238,1) 100%);
background: -ms-linear-gradient(top,  rgba(241,222,238,1) 0%,rgba(210,229,238,1) 100%);
background: linear-gradient(to bottom,  rgba(241,222,238,1) 0%,rgba(210,229,238,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1deee', endColorstr='#d2e5ee',GradientType=0 );
}
.imap{width: 60%;height:67%;position: absolute;z-index:1;bottom:0;left:2%;background-image: url(../images/imap.png);background-size: contain;background-repeat: no-repeat}
.hand-p9-block{width:100%;height:98%;position: absolute;z-index: 5;bottom:0;overflow: hidden}
.hand-p9{height:100%;width: 32%;position: absolute;bottom:0;right:19%}
.hand-p9 img{height:100%;max-height:865px;position: absolute;bottom: 0}
.p9-wood{min-width:19%;height: 100%;overflow:hidden;position: absolute;z-index: 3;right:0;top:0}
.p9-wood > img{height:100%;float:right;}
.ibeacon{position: absolute;right:36%;bottom:7%;width: 28%}
.ibeacon img{width:100%;max-width: 133px}

/* Page10 */
.page10{z-index: 10;
background: rgb(209,229,238);
background: -moz-linear-gradient(top,  rgba(209,229,238,1) 0%, rgba(232,217,235,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(209,229,238,1)), color-stop(100%,rgba(232,217,235,1)));
background: -webkit-linear-gradient(top,  rgba(209,229,238,1) 0%,rgba(232,217,235,1) 100%);
background: -o-linear-gradient(top,  rgba(209,229,238,1) 0%,rgba(232,217,235,1) 100%);
background: -ms-linear-gradient(top,  rgba(209,229,238,1) 0%,rgba(232,217,235,1) 100%);
background: linear-gradient(to bottom,  rgba(209,229,238,1) 0%,rgba(232,217,235,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1e5ee', endColorstr='#e8d9eb',GradientType=0 );
}

.page11{z-index: 11;background: url(../images/bg-mag.jpg) no-repeat;background-size: cover;background-attachment: fixed;background-position: top center}
.mag-text{position: absolute;z-index: 2;text-align: center;width: 100%;bottom:5%;left:0}
.mag-text h1{color:#fff;font-size:7.111em;font-family: 'IntroBoldRegular';margin: 0}
.mag-text p{color:#fff;font-size:2.667em;margin: 0}
.mag-btn{position: absolute;color:#fff;font-size:3.2em;text-decoration:none;display:block;z-index:5;padding:0 3%;bottom:6%;height: 60px;line-height: 62px;right:8%;background-color: #d73638;
-webkit-border-radius:999px;
-moz-border-radius:999px;
-ms-border-radius:999px;
-o-border-radius:999px;
border-radius:999px;
}

/* Page12 - Team Page */
.page12{background-color: #25252a;z-index: 12}
.p12-pattern{position: absolute;top:2%;left:0;width: 100%;height: 98%;background-image:url(../images/p12-pattern.png);background-position: top center;background-repeat: repeat-y;background-size: contain}
.page12 h1{position:absolute;top:20%;left:0;z-index:3;color:#fff;font-size:7.111em;font-family: 'IntroBoldRegular';text-align: center;width:100%;margin:0}
.team-blocks{position: absolute;z-index: 4;width: 70%;height:70%;top:30%;left:15%;text-align: center}
.team-block{position:relative;width: 20%;margin:0 5% 0 5%;display:inline-block;text-align: center;
border:10px solid #212126;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;

-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;
}
.team-img{float:left;width: 100%;height: 100%;overflow:hidden;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.team-img img{width: 100%;float:left}
.team-block2{top:-5%}
.team-patt{top:0;height:100%;z-index: 3;background-color: #1d1d21}
.team-name{top:32%;height:32%;z-index: 5;text-align: center;color:#fff}
.team-name-last{top:32% !important}
.team-name-last table{cursor:pointer !important}
.team-name,.team-patt{position: absolute;width: 100%;left:0;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;
}
.team-block:hover{border:10px solid #585c69}
.team-block:hover .team-img .team-name{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.team-block:hover .team-img .team-patt{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}
.team-name table{width: 100%;cursor:default;height:100%;text-align: center}
.team-font-name{font-size: 3.555em;color: #fff;font-family: 'IntroBoldRegular'}
.team-font-spec{font-size: 2.489em;color: #fff;padding-top:3%}
.team-footer-text{width: 84%;position: absolute;bottom:6%;left:8%;text-align: center;color: #fff;font-size:2.844em}

/* Page13 - Contacts */
.page13{background-color: #25252a;z-index: 13}
.brands{width:100%;height:30%;position:relative;top:0;left: 0;background-color: #1d1d21;z-index: 1}
.contacts-main-block{width: 100%;position: relative;z-index: 3;top:7%}
.contacts-title{float:left;margin:2% 0 1% 0;width:100%;text-align: center}
.contacts-title h1{margin:0;color:#fff;font-size:7.111em;font-family: 'IntroBoldRegular'}
.contacts-title p{margin:0;color:#fff;font-size:3.555em}
.brand-blocks{position:absolute;width: 70%;top:8%;left:15%;text-align: center}
.brand-block{display:inline-block;margin: 2% 6% 0% 5%;text-align: center}
.brand-block1{width: 7%}
.brand-block1 img{max-width: 111px}
.brand-block2{width: 13%}
.brand-block2 img{max-width: 218px}
.brand-block3{width: 7%}
.brand-block3 img{max-width: 115px}
.brand-block4{width: 9%}
.brand-block4 img{max-width: 160px}
.brand-block5{width: 11%}
.brand-block5 img{max-width: 191px}
.brand-block6{width: 10%}
.brand-block6 img{max-width: 172px}
.brand-block7{width: 7%}
.brand-block7 img{max-width: 117px}
.brand-block a{display:block}
.brand-block img{width: 100%;vertical-align: middle}
#contact_form,.socials{width: 32%;margin:0 auto}
#contact_form input{outline:none;width: 100%;text-align: center;margin-top:4.4%;
-webkit-border-radius:999px;
-moz-border-radius:999px;
-ms-border-radius:999px;
-o-border-radius:999px;
border-radius:999px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.user-email{border:2px solid #585c69;background: transparent;font-size: 4.444em;color:#fff;padding:2% 0}
.button-submit{border:2px solid #d73638;background: #d73638;font-size: 4.444em;color:#fff;padding:2% 0}
.soc-block{background:transparent;width:13%;float:left;margin-top:7%;margin-right:4.4%;border:2px solid #585c69;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
-webkit-transition: background-color .19s ease-in;
-moz-transition: background-color .19s ease-in;
-o-transition: background-color .19s ease-in;
transition: background-color .19s ease-in;
}
.soc-block:hover{background:#585c69}
.soc-block img{width: 100%;vertical-align: middle}
.soc-block6{margin-right:0}
.copy-block{position: absolute;width:100%;z-index: 9;bottom:0;left:0;text-align: center;padding:1.2% 0;font-size:2.133em;color:#585c69;background-color: #1d1d21}
.copy-block a{color:#585c69;text-decoration:none}
.copy-block a:hover{text-decoration:underline}