* {
	margin:0;
	padding:0;
	position:relative;
}

body {
	background: url(../images/backgr.jpg);
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	font-weight: 300;!important
	
}

.clear {
	
	clear:both;
	font-size:0;
	line-height:0;
}

.inner {
	width:1100px;
	margin:0 auto;
}

section#one {
	/*overflow: hidden;*/
}

.menu {
	width: 586px;
	height: 777px;
	line-height: 0;
}
	.menu img {
		position: absolute;
		top: 0;
		left: 0;
	}

.page {
	width: 594px;
	
	position:relative;
	float:left;
	
}

.skew {
	width: 460px;
	height: 780px;
	background: #eee;
	/* transform: rotatez(20deg); */
	/* transform: rotatey(50deg); */
	transform-origin: 0% 50%; 
	/*transform: rotate3d(15, 50, 6, 45deg);*/
	/* margin-left: 41px; */
	/* transform: perspective(98px); */
	/* margin-top: 45px; */
	float:left;
	z-index: 999;
	transform: skewY(18deg);
}

.company {
	width: 506px;
	float: right;
	margin-top: 116px;
	padding-left: 53px;
}

.link {
    display: inline-block;
    padding: 15px 20px;
    border: 1px solid rgb(255, 51, 51);
    border-radius: 44px;
    right: 20px;
    margin-top: 35px;
}

.link a {
	color: #fff;
	font-size: 18px;
}

.link a:hover {
	text-decoration: none;
}

.slogan {
	color: #fff;
	font-weight: 300;
	font-size: 30px;
	margin-top:50px;
	line-height:36px;
	right: 20px;
}

.slogan span {
	display: inline-block;
	float: left;
	height: 120px;
	padding-right: 10px;
}

section#two {
	/*position: relative;
	bottom: 149px;*/
}

.bgr-photo {
	background: url(../images/bgr-photo.png);
	background-size: cover;
	background-position: center;
	height: 655px;
}


.face {
	position: absolute;
	text-align: right;
}

.face.p1 {
	
	width:320px;
}

.block-face {
	top: 177px;
	float: left;
}

.face img {
	left: 10px;
}

.face span {
	display: block;
	color: #fff;
	font-size: 20px;
	font-weight: 300;
	margin-top: 6px;
	padding-right: 6px;
}

.face p {
	text-align: right;
	font-size: 16px;
	font-weight: 300;
	color: rgba(255, 255, 255, 0.5);
	margin-top: 10px;
	padding-right: 6px;
	line-height:21px;
}

.speech {
	float: right;
	/*padding: 275px 0 0 105px;*/
   
	color: #fff;
	font-size: 20px;
	
}

.speech.pos {
	 width: 780px;
	 top: 282px;
	left: 105px;
}

.speech p {
	font-weight: 300;
	margin: 0 0 21px 0;
	line-height: 25px;
}

.left {
	width: 410px;
	float: left;
	position: relative;
	font-size:26px;
	bottom: 98px;
	/*margin-right:23px;*/
}

.left p, .right p {
	font-weight: 300;
}

.trig1 {
	padding-left: 58px;
	position: relative;
	background: url(../images/iphone.png) no-repeat 59px 0;
}

.trig1 p {
	position: absolute;
	color: #fff;
	top: 162px;
	left: 160px;
	
}

.trig2 {
	position: relative;
	bottom: 17px;
	left: 4px;
	
}

.trig2 p {
	left: 305px;
	position: absolute;
	top: 326px;
}

.elips {

	  position: absolute;
	  border-width: 0.7px;
	  border-color: rgb(255, 51, 51);
	  border-style: solid;
	  border-radius: 50%;
	  position: absolute;
	  width: 120px;
	  height: 120px;
	  z-index: 39;
	
}

.elips.pos1 {
	
	  top: 118px;
	  left: 150px;
	
}

.elips.pos2 {
	left: 293px;
	width: 162px;
	height: 162px;
	top: 265px;
}

.center {
	width: 248px;
	float: left;
	position: relative;
}

.right {
	width: 432px;
	float: right;
	position: relative;
	font-size: 26px;
}

.trig3 {
	bottom: 22px;
	/*width: 248px;*/
	z-index:10;
}

.trig4 {
	
	width: 422px;
	height: 438px;
	bottom: 25px; 
	
}

.trig4 img {
	left: 22px; 
}

.trig4 p {
	left: 130px;
	top: 358px;
	position: absolute;
}

.elips.pos3 {
	left: 117px;
	top: 317px;
}

.trig5 {
	
	width: 432px;
}

.trig5 img {
	right: 81px;
	top: 3px;
}

.elips.pos4 {
	top: 292px;
	left: 54px;
}

.trig5 p {
	left: 68px;
	top: 333px;
	position: absolute;
}

.line {
	border-bottom: 1px solid #ff3333;
	position: absolute;
	width: 100%;
	height: 2px;
	transform: rotate(8deg);
	margin-top: 6px;
}

.obr {
	transform: rotate(-8deg);
	top: 78px;
	position: relative;
}

section#four {
	padding-top: 127px;
}

.four-left {
	float: left;
	height: 400px;
	width: 546px;
	position: absolute;
}

.face.p2 {
	left: 240px;
	top: 6px;
}

.mac {
	right: 110px;
	top: 97px;
}

.speech.pos2 {
	width: 613px;
	bottom: 14px;
}

h1.title {
	font-size: 40px;
	margin-bottom: 69px;
	z-index: 5;
	font-weight: 300;
}

.red {
	width: 37px;
	height: 37px;
	background: #ff3333;
	border-radius: 50%;
	left: -26px;
	z-index: 3;
	position: absolute;
	top: 9px;

}

.advantage {
	max-width: 861px;
	margin: 92px auto 0;
}

.advantage h3 {
	
	font-size:25px;
}

.advantage p {
	font-size: 20px;
	font-weight: 300;
	line-height: 24px;
}

.adv-item {
	   float: left;
	   text-align: center;
	   position: relative;
}

.adv1 {
	width: 335px;
	height: 460px;
	margin-right: 134px;
	margin-left: 5px;
}

.adv1 h3 {
	
	margin-bottom: 26px;
}


.adv1 img {
	margin: 0px 0px 29px 0;
}

.adv2 {
	width: 370px;
	height: 460px;
}

.adv2 h3 {
	margin-bottom: 24px;
	line-height: 31px;
}

.adv2 img {
	margin: 47px 0px 38px;
}

.adv3 {
	width: 348px;
	margin-right: 83px;
	
}

.adv3 h3 {
	
	margin-bottom: 24px;
}

.adv3 img {
	margin: 8px 5px 50px 0;
}

.adv4 {
	width: 429px;
}

.adv4 h3 {
	
	margin-bottom: 24px;
}

.adv4 img {
	margin: 0px 0px 32px 12px;
}

.adv4 h3 {
	margin-bottom: 24px;
	line-height: 30px;
	padding-left: 21px;
}

.line-block {
	height: 158px;
	margin: 35px 0 56px 0;
}

.red.pos {
	left: 145px;
}

/*секция 5*/

section#five {
	bottom: 14px;
}

h1.title.five {
	text-align: center;
	margin: 0 0 68px 48px;
}

.top-five {
	height: 240px;
}

.speech h3 {
	font-size: 24px;
	margin-bottom: 29px;
}

.speech.pos1 {
	top: 97px;
	width: 665px;
}

.speech.pos1 h3 {
	margin-bottom: 19px;
}

.face.p3 {
	width: 333px;
}

.five-bl1 {
	margin-top: 35px;
	height: 392px;
}

.five-bl1 img {
   display: block;
   left: 465px;
   top:0px;
   position:absolute;
}

.five-bl1 .info {
	float: left;
	width: 487px;
	top: 68px;
}

.elips.pos5 {
	width: 176px;
	height: 176px;
}

.five-bl1 .text {
	width: 438px;
	top: 48px;
	left: 53px;
}

.text p, .text span {
	font-size: 20px;
	font-weight: 300;
	margin: 0 0 24px 0;
	display: block;
}

.five-bl2 {
	height: 681px;
}

.five-bl2 .info {
	float: right;
	top: 223px;
	width: 559px;
}

.elips.pos6 {
	
	width: 176px;
	height: 176px;
	
}

.five-bl2 .text {
	/* width: 430px; */
	/* margin: 0 38px 40px 93px; */
	top: 24px;
	left: 93px;
}

.five-bl2 img {
	display: block;
	right: 510px;
	top: 0px;
	position: absolute;
}

.five-bl3 .info {
	float: left;
	width: 580px;
	margin-top: 12px;
	
}

.five-bl3 img {
	display: block;
   left: 557px;
   top:0px;
   position:absolute;
}

.elips.pos7 {
	width: 176px;
	height: 176px;
}

.five-bl3 .text {
	width: 487px;
	top: 22px;
}

.text p.paragraf {
	margin-bottom: 95px;
}

.text p.last{
	
	 width: 618px;
}

/*Блок6*/

section#six {
	height: 648px;
}

.six-bgr {
	background: url(../images/bgr2.png);
		background-position: center;
	height: 697px;
	width:100%;
	bottom:78px;
}

.elips.pos8 {
	width: 176px;
	height: 176px;
	right: 290px;
	top: 67px;
}

.six-bgr .text {
	
	color:#000;
	float: right;
	/*width:420px;*/
	top:165px;
}


section#seven {
	height: 893px;
	z-index: 9999;
}

/*.seven-bl1 .text {
	position: absolute;
	left: 558px;
	top: 94px;
}*/

.elips.pos9 {
	left: 453px;
	top: 39px;
	width: 176px;
	height: 176px;
}

.seven-bl1 img {
	float: left;
	right: 62px;
}


section#seven .seven-bl1 .text {
	top: 88px;
	right: 24px;
}
	
.elips.pos10 {
  left: 3px;
  top: 215px;
  width: 176px;
  height: 176px;
}

.seven-bl2 {
	position: absolute;
	top: 337px;
	width: 100%;
	height: 540px;
}
	
section#seven .seven-bl2 .text{
	top: 265px;
	left: 91px;
}    

.seven-bl2  img {
	display: block;
	right: 0px;
	position: absolute;
}

.seven-bl2 .big-cir {
	
	position: absolute;
	top: 207px;
	right:-53px;
}


.seven-bl2 .small-cir {
	right: 157px;
		top: 0px;
}


.eight-bgr {
	background: url(../images/bgr3.png);
	width: 100%;
	height: 783px;
	background-size: cover;
   /* top: 315px;*/
	z-index: 1;
	background-position: center;
}

section#eight h1.title {
	top: 135px;
	position: absolute;
	left: 406px;
}

section#eight .red {
	top: 146px;
	left: 383px;
}

section#eight .block-face {
	width: 148px;
	float: left;
	top: 248px;
	margin-left: 5px;
}

.speech.pos4 {
	/* float: left; */
	width: 457px;
	top: 352px;
	left: 227px;
	position: absolute;
}

.review {
	right: 11px;
	position: absolute;
	top: 237px;
}
	.review a {
		cursor: zoom-in;
		outline: none;
	}

.domen {
	font-size: 30px;
	width: 331px;
	height: 82px;
	/* padding: 22px 54px; */
	border: 1px solid rgb(255, 51, 51);
	border-radius: 44px;
	font-weight: 300;
	right: 48px;
	top: 35px;
}

.domen a {
	display: block;
	padding: 19px 52px 21px;
	text-decoration: underline;
	color: #fff;
}


.Ellipse_3_copy {
  border-width: 0.7px;
  border-color: rgb(255, 51, 51);
  border-style: solid;
  border-radius: 50%;
  position: absolute;
  left: 949px;
  top: 4946px;
  width: 176px;
  height: 176px;
  z-index: 118;
}




.persp1 {
	display: none;
	width: 141px;
	height: 324px;
	/* border: 1px solid red; */
	position: absolute;
	top: 44px;
	/* z-index: 99999; */
	/* perspective: 600px; */
	/* perspective: 600px; */
	transform: sweY(45deg);
	transform: perspective( 600px );
	/* position: relative; */
	background: red;
	transform: perspective( 600px ) rotateY( 24deg );
	left: 77px;
	transform-origin: 0% 113%;
}

.persp2 {
	display: none;
	background: rgba(255, 0, 0, 0.46);
	height: 487px;
	width: 260px;
	position: absolute;
	top: 53px;
	transform: perspective( 600px ) rotateY( 18deg );
	transform-origin: 0% 112%;
	left: 22px;
}

.persp3 {
	display: none;
	background: rgba(255, 0, 0, 0.54);
	height: 222px;
	width: 301px;
	position: absolute;
	top: 25px;
	left: 43px;
	/* transform: skewY(0deg); */
	transform: perspective( 600px ) skewx(14deg) rotateY( 23deg ) rotateZ(0deg) rotateX(0deg);
	transform-origin: 0% 38%;
	
	
	/*вариант2
		transform-origin: 47% 55%;
	transform: perspective(900px) skewY(-1deg) skewX(14deg) rotateY(30deg) rotateX(1deg) translate(0px);*/
	
	/*вариант3*/
	transform-origin: 3% 28%;
	transform: perspective(900px) skewY(1deg) skewX(14deg) rotateY(30deg) rotateX(1deg) translate(0px);
}

/*вариант4*/
.persp3 {
	display: none;
	background: rgba(255, 0, 0, 0.54);
	height: 221px;
	width: 340px;
	position: absolute;
	top: 22px;
	left: 31px;
	/* transform: skewY(0deg); */
	transform: perspective( 600px ) skewx(14deg) rotateY( 23deg ) rotateZ(0deg) rotateX(0deg);
	transform-origin: 0% 38%;
	transform-origin: 3% 21%;
	transform: perspective(900px) skewY(2deg) skewX(14deg) rotateY(32deg) rotateX(1deg) translate(0px);
}


/*варинат5

	transform-origin: 3% 21%;
	transform: perspective(900px) skewY(1.9deg) skewX(14.5deg) rotateY(31deg) rotateX(-1.5deg) translate(0px);*/