*{
	padding:0; margin:0;
}
body {font-family:Tahoma, Geneva}
body#home {color:#000; background-image:url(../images/mainbg.jpg);background-size: contain;background-color:#29385A;}
a {color:#666; text-decoration:none}
table {width:100%; margin:20px 0; text-align:center; vertical-align:middle;}
td {padding:7px;}
.wrap {width:89%; margin:0 auto;}
#info {position: fixed;top: 20px;left: 20px;background-color: rgba(0,0,0,0.5);color: #fff;padding: 20px;z-index: 9999;}
/*Дополнительная обёртка для плавающих элементов*/
.overWrap{ overflow:hidden}
	.right {width:60%; float:right;}
/*Заголовки и маркеры*/		
.titleLeft {font-size:55px; margin-top:4.65%;padding-bottom:4.65%;text-transform:uppercase;font-family:Tahoma,Geneva;}
.titleRight {font-size:55px; margin-top:4.65%;padding-bottom:4.65%;text-align:right; text-transform:uppercase;}
.markText {color:#d5091c}
/*Стили первого листа*/	
header {font-family:Tahoma, Geneva;text-transform:uppercase; background-image:url(../images/hbg.png);background-size:100% 100%;width:100%; z-index:1000;    padding-bottom: 15%;padding-top:55px}
	
	.menu {font-size:14px; text-transform:uppercase;position:fixed;z-index:9999; width:100%; top:0;background-color: rgba(255, 255, 255, 0.7);}
		.menu ul  {width:47%; float:right; text-align:right; overflow:hidden; list-style:none; margin-bottom:0.5%;}
			.menu ul  li { float:left; padding: 1.8% 0.9%; margin-right:3.6%;}
				.menu ul  li:last-child{margin-right:0px;}
				.menu ul  li a {padding:5px;}
					.menu ul  li a:hover, .menu ul  li.current a  {border-bottom:3px solid #d5091c}
	
		.menu .titleLogo {position:absolute;height: 100%;left: 5.5%; }
		.menu .imgLogo {position:absolute;height: 85%;z-index:99999;top: 12%;left: 12%; }
		.menu .textLogo {position:absolute;left: 18.5%;top: 13%; }
		
	.ankor span {position:absolute;width:1px; height:1px;}
		.ankor span#fairy {top:1000px;}
		.ankor span#serv {top:59300px;}
		.ankor span#contact {top:61600px;}
		
	.headQuest{width: 95%;padding-right: 10px;font-size: 14px;background-image: url(../images/black_line_bgh_.png);margin-left: 5%;background-repeat: no-repeat;     background-size: 27% 148%;
    border-top: 3px solid #151515;background-position: right;box-sizing: border-box; padding-right: 5.5%;}
		.headQuest a{color: #fff;}
	header p{font-size:20px;  text-align:right; margin-top:40px;}
		header p img {float: right;margin: 4px 0 0 10px; width: 5.8%;}
		
	.headSpeedtest {float:right; margin-top:30px; margin-bottom:30px;width:19% }
    .headControl{position: absolute;right: 9%;top: 51%; width:19%;width:4.77%}
	.headLozung {position:absolute;top: 62%;left: 64%;font-size: 85%;text-transform: initial; font-weight: 800;}
	
/*Стили для куска фона*/
.sbg {height: 0.92%;background-image: url(../images/sbg.png);background-size: cover;width:100%;z-index:50; transform:scale(1)}	
	.sbg  h2 {padding-top: 30%; padding-left: 5%;}
/*Стили для третьего листа*/
#home section{padding-top: 3%;     padding-bottom: 2%;}
section {font-family:Tahoma; background-color:#fff;     overflow: hidden;width:100%;z-index:50;transform:scale(1) }

	.sectionQuest{padding-left:5%;font-size: 14px;background-image: url(../images/black_line_bgs_.png);background-repeat: no-repeat;background-size: 27% 148%;color: #fff;border-top: 3px solid #151515;background-position: left;box-sizing: border-box; text-transform:uppercase;}
		
	.sectionDesc {font-size:20px; text-align:right; margin-top:40px;text-transform:uppercase;}
	
	.tarifListImg {float:left; width: 28.1%}
	
	.tarifList {list-style:none; text-align:left; float:right; margin-top:30px;}
		.tarifList li {padding:5px; margin:5px;}
			.tarifList li span{color:#d5091c; border-bottom:1px dotted #000; padding:5px;}
			
	
	.tarifDesc {width:80%; float:right; overflow:hidden; margin-top:30px; display:none;}	
		.tarifDesc#tStart {display:block;}
		.tarifDesc p {float:left;width:calc(100% - 30px); margin-top:15px;}
		.tarifDesc img {float:right;     width: 4.3%;}
	
	.seoservList {float:left;margin-left: 2.5%;}
		.seoservArrow {float:left;     width: 6%;}
	.giftsTitle {position:relative}
		.giftsTitle h2 {margin-right:3%; width: 60%;float: right;    margin-top: -1%; text-align:right; text-transform:uppercase;font-size: 200%;}
			.giftsTitle h2 .markText {font-size: 200%;}
		.giftsTitle a {position:absolute; top:0; right:0}
		.giftsTitle img{margin-top: -20%;width: 100%;}
		
	.giftWrap {transform:rotate(20deg);width:75%;float:right;margin-top:-9%; margin-right: -15%;padding: 4% 0 0 4%;overflow:hidden;
	background: -webkit-linear-gradient(top left, #c7b7b7 0%,#ffffff 30%,#ffffff 70%,#413e3e 100%);}
		.giftWrap .left {width:38%; float:left; }
			.giftWrap .left p  {margin-bottom:10px; font-size:100%}
			.giftWrap .left p.kia {margin-top:10%;color:#d5091c;font-size:200%; margin-bottom:20% }
				.giftWrap .left p.kia span{color:#000;font-size:50%;  }
		.giftWrap .right{width:64%; float:right;transform: rotate(-20deg);position: absolute;top: 18%;left: 32%;} 
			.giftWrap .right img {width:67%; }
			.giftWrap .right p {text-align:center; font-size:14px; margin-top:10px;}
	
	
	
	
	.clientWrap { width:100%;transform: rotate(20deg);background-color: #DD383F; margin-top:-7%; padding-bottom:5%}
		.client {transform: rotate(-20deg);}
			.client_row1{background-image:url(../images/bottom_border.png); background-position:bottom left;background-repeat:no-repeat;background-size: 50% 30%;padding-bottom:4%;padding-left: 5%;}
				.client_row1 img {float:left;margin-right: 30px;margin-top: 8px;    width: 32%;}
				.client_row1 p {margin-top: -7%;float: left;width: 27%;font-size: 24px;   font-weight: 700;}
			.client_row2{overflow:hidden;}
				.first_cell img, .second_cell img {width:100%}
				.first_cell { width:22.5%;  float:left; }
				.second_cell  {width:18.4%; float:left;  padding-left:1%}
				.third_cell {float: left; width: 50%;padding-left: 5%;}
					.third_cell img {width:56%}
					.third_cell p {color:#fff}
					.third_cell .rev_company { text-align:right; color:#000; margin:2% 0 4% 0;}
			.client_row3 {background-image:url(../images/top_border.png); background-position:top right;background-repeat:no-repeat;    background-size: 60% 60%;padding-top:2%; text-align:right;}
				.client_row3  p {float:right;margin-top:2.3%; font-size:20px;}
				.client_row3  img {float:right; margin:2% 5% 0 2%;width: 2%;}
	
	
	.wrap.overWrap .titleSimple {font-size: 24px;text-transform: uppercase;margin-bottom: 3%;}
	.contact {float:left;Width:30%; margin-left:2%;text-align:right;margin-top: 10%;}
	
		.social {float:right; margin: 34px 0 10px auto;}
		.social ul  {overflow:hidden; list-style:none}
			.social ul li { float: left; margin: 0 4px; text-indent: -999em;}
				.social ul li a {display: block;width: 32px;height: 32px;background-image: url(../images/social.png);background-repeat: no-repeat; background-color: #bbb;   border-radius: 16px; transition: all 0.3s ease-out; color: rgba(0,0,0,0);}
					.social ul li a.twiter {background-position:-32px 0;} 
					.social ul li a.fp {background-position:-64px 0;} 
										
						.social ul li a:hover {border-top-left-radius:0px;}
						.social ul li a.fb:hover{background-color:#3c5fac;}
						.social ul li a.twiter:hover{background-color:#5ec3df;} 
						
						
.arrowAnimate:hover {-webkit-animation:zoom 1s infinite;-moz-animation:zoom 1s infinite;animation:zoom 1s infinite;}

	



	
.content {font-family:Tahoma;position:fixed; width:100%; color:#fff; font-size:24px; z-index:-99}
	#transform {text-align:center;margin-top:200px;}

footer {position:fixed; width:100%; bottom:0; background-color:RGB(16,15,17); padding:1% 0 1% 5.5%; color:#ccc; box-sizing:border-box}
	
/* Анимированные сцены*/
.scenWrap {position:fixed; width:30%; height:60%}
.sbg {}
/*Сцена 1*/ 
#scene1_1 {top:25%; left:15%; }
	#scene1_1  img{margin-left: 14.8923%;  width:25.5652%; }
#scene1_2  {top:25%;left:15%; }
	#scene1_2  img{margin-top:23.5795%; width:52.8678%}

	#scene1_3 img{width:96.0557%}
	#scene1_3 p{text-transform:uppercase;}
#scene1_name {position:fixed; top:5%; left:50%; }
	#scene1_name  img {width:136.5133%}

/*Сцена 2*/ 
#scene2_1{ top:100px; position:fixed; }
	#scene2_1 img {width:111.6927%}
#scene2_2{ top: 25%; left: 15%; position:fixed;display:none;}	
	#scene2_2 img { margin-top: -12.1620%;margin-left: 19.36%; width:54.1089%; }
	
/*Сцена 3*/ 
#scene3_1{ top:25%; left:60%; position:fixed; height:155%;  background:url(../images/scene/scene3_1.png) bottom center no-repeat; text-align:center; /*background-size:contain-*/}
	#scene3_1 img { width:50.1606%; 	position: absolute;bottom: 21%;left: 25%;}

/*Сцена 4*/	
#scene4_0 { overflow:hidden; position:fixed; top:58.3203%; left:29.4852%; width:100%;height:26.4385%; }
	#scene4_0 #road {background: url("../images/scene/scene4_0.png") repeat-x scroll center bottom; width:370%; height:100%; background-repeat-y: no-repeat; background-position-y:bottom;}
#scene4_1{ right:10%; opacity:0; }
#scene4_2{ right:10%; opacity:0; }
#scene4_3{ right:2%; opacity:0; }	
#scene4_4{ top: 58%;left: 15%; display:none;}
	#scene4_4 img{margin-top: 7.5%;margin-left: 19.6082%; width:15.3887%;}
#scene4_5{ top:350px;right:10%; opacity:0; }
#scene4_6{ top: 58%;left: 15%;display:none;}	
	    #scene4_6 img { margin-top: -12.1620%;margin-left: 19.36%; width:54.1089%; }
		
	
/*Сцена 5*/ 	
#scene5_1{ left:65%; position:fixed;background:url(../images/scene/scene5_1.png)  no-repeat; height:63.9191%; width:32%; background-size:contain; }
	#scene5_1 .key {margin-top: 49.8783%;margin-left: 11.5606%; width:11.1274%}
#scene5_2  {top:10%; left:12%; position:fixed;}
	#scene5_2 img {width:168.0355%}
#scene5_3{ top:60%; left:40%; position:fixed; }	
	#scene5_3 img {width:123.3584%}
	
	
	
/*#scene6_1{ top:450px;right:20%; position:fixed;opacity:0; }	*/

#scene6_2{top:15%; right: ;position:fixed; width: 55.5%;}	
#scene6_3{top:15%; right: 6%; position:fixed; }
	#scene6_3 img {margin-top: 15.8114%; margin-left: 98.7860%; width:14.3959%;}
#scene6_4{top:14.5%; right: 5.5%; position:fixed; }
	#scene6_4 img {margin-top: 36.5%; margin-left: 3.5%; width:13.4031%;}
#scene6_5{top:15%; right: 5.5%; position:fixed; }
	#scene6_5 img {margin-top: 69%;  margin-left: 60%;width:26.0616%;}
	
	
#scene7_1 {top: 50%; left: 40%;}
	#scene7_1 img {width:147.4344%;}
#scene7_2 {top: 30%; right: 15%;}	
	#scene7_2 img {width:74.4618%;}
#scene7_3 {top: 50%; left: 40%;}
	#scene7_3 img {width:107.7214%;}
#scene7_4 {top: 50%; left: 40%;}
	#scene7_4 img {width:107.7214%;}

#scene7_face_1 {top:58%; left:15%;}
	#scene7_face_1 img {margin-top: 7.7761%;margin-left: 19.8564%; width:15.3887%;}
#scene7_face_2 {top:58%; left:15%;}
	#scene7_face_2 img {margin-top: 5.1840%;margin-left: 21.5939%;width:9.1836%;}
#scene7_face_3 {top:58%; left:15%;}
	#scene7_face_3 img {margin-top: 5.1840%;margin-left: 21.5939%;width:9.1836%;}
#scene7_face_4 {top:58%; left:15%;}
	#scene7_face_4 img {margin-top: 4.1472%;margin-left: 11.1692%;width:32.7632%;}

#scene7_3_ufo {width:35.5%; height:60%; top:15%; right: 0%}
	#scene7_3_ufo img {margin-top: 13%;margin-left: 83%;width:12.1657%}

#scene7_4_ufo {width:35.5%; height:60%; top:15%; right: 0%}
	#scene7_4_ufo img {margin-top: 13%;margin-left: 82.5%;width:11.9559%}

	
	#scene8_1 img {width:137.7543%}
#scene8_2 {top: 30%;left: 25%;} 
	#scene8_2 img{-webkit-animation:zoom 2s infinite;-moz-animation:zoom 2s infinite;animation:zoom 2s infinite; width: 64.2853%} 
#scene8_3 {top: 60%;left: 77%;} 
	#scene8_3 img{-webkit-animation:zoom 2s infinite;-moz-animation:zoom 2s infinite;animation:zoom 2s infinite;width: 53.6125%} 
#scene8_4{top: 15%;left: 10%;}	
	#scene8_4 img {width: 111.1963%}
#scene8_5 {top: 26%;left: 61%; z-index:999999}
	.opros_in_star {text-transform: uppercase;}
		.opros_in_star p {margin-bottom: 20px;}
		.opros_in_star button {color:#000; margin-left:15px; border:none; background:none;text-transform: uppercase;font-size: 24px;cursor:pointer; }
		.opros_in_star button:hover {-webkit-animation:zoom 1s infinite;-moz-animation:zoom 1s infinite;animation:zoom 1s infinite;}
		.opros_in_star .result{width: 54%;font-size: 15.5px;margin-top: 7%;margin-left: -1%;}
			.opros_in_star .result p span {}
		.opros_in_star progress {position: relative;border: 0;width: 75%;height: 20px;border-radius: 9px;}
		.opros_in_star progress {background-color:#808080;border-radius: 9px;}
		.opros_in_star progress::-webkit-progress-bar {border-radius: 9px;}
		.opros_in_star progress::-webkit-progress-value {background-color:rgb(164, 0, 0); border-radius: 9px;}
		.opros_in_star progress::-moz-progress-bar {background-color:rgb(164, 0, 0);border-radius: 9px}
		

		
#scene9_1 {} 
	#scene9_1 img:nth-child(1) {top:-16%; left:-65%; opacity:0.2; position: absolute;}
	#scene9_1 img:nth-child(2) {top:7%;   left:-34%; opacity:0.4; position: absolute;}
	#scene9_1 img:nth-child(3) {top:16%;  left:-10%; opacity:1;   position: absolute;}
		
#scene9_2_1	{top: 50%;left: 38%}
	#scene9_2_1	img {}
#scene9_2_2 {top: 1%;left: 18%;}
	#scene9_2_2	img {}

#scene9_3_1{top: 50%;left: 38%;}
	#scene9_3_1	img {}
#scene9_3_2 {top: 1%;left: 10.7%;}
	#scene9_3_2	img {}
#scene9_4 {top: 50%;left: 2.6%;}
	#scene9_4 img {width:117.8978%}


.scene10 {width:70%; text-transform:uppercase}	
#scene10_1 { text-decoration:underline; top: 12%;left: 8%;}	

#scene10_2{top: 21%;left: 8%;}	
	#scene10_2_1 {top: 34%;left: 36%;}
	#scene10_2_2 {top: 34%;left: 36%;}
	#scene10_2_3 {top: 34%;left: 36%;}
#scene10_3{top: 26%;left: 8%;}	
	#scene10_3_1 {top: 33%;left: 36%;width: 56%;font-size: 16px}

#scene10_2 img, #scene10_3 img{width:2.9784%}

#scene10_4{top: 25%; left: 85%;}
	#scene10_4 img{width:19%}
	
#scene10_5{top: 40%; right: 1%;}

 
#scene11_1 {top: 77%;left: 69%;     z-index: -9999999;}
#scene11_2 {top: 37%;left: 50%;     z-index: -9999999;}
#scene11_3 {top: 27%;left: 57%;z-index: -9999999;}
#scene11_4 {top: 17%;left: 77%;z-index: -9999999;}
#scene11_5 {top: 38%;left: 88%;z-index: -9999999;}
#scene11_6 {left: 40%;z-index: -9999999;}
#scene11_7 {left: 38.6%;z-index: -9999999;}
#scene11_8 {left: 33.6%;z-index: -9999999;}
#scene11_9 {left: 47.6%;z-index: -9999999;} 
#scene11_10 {left: 35%; font-size:24px; width:30%; color:#fff; z-index:9999; font-family:Tahoma; text-align:center;}

/* Элементы формы*/
form {margin: 2% auto;}
textarea, input {font-family:Tahoma;}
form#callBackHome {width:50%}
	input {border: 2px solid #DD383F;padding: 2%; margin-bottom: 3%;width: 100%;    box-sizing: border-box;}
	textarea {border: 2px solid #DD383F;padding: 7px; margin-bottom: 10px;width: 100%; height:70px; resize:none;    box-sizing: border-box;}
	input[type=submit] {background-color:#DD383F; float:right; width:200px; color:#fff;    font-size: 16px;}
#callBackHome {float:left}
form #hidden{display:none}
input[type=radio] {width:auto}
form p {color:#666;}
label {color:#666; margin-right:4%}
input[type=submit].noFloatButton {float:none}
.halfForm {width:48%; box-sizing:border-box } 
.halfForm:last-child{margin-left:2.8% }

/* Звёздный рейтинг*/
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden;margin-top: 2px;margin-left: 10px;}
div.rating-cancel,div.rating-cancel a{background:url(../images/star/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(../images/star/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
div.star-rating-readonly a{cursor:default !important}
div.star-rating{background:transparent!important;overflow:hidden!important}




/*Модальное окно*/
#lean_overlay { position: fixed;z-index:100;top: 0px;left: 0px;height:100%;width:100%;background: #000;display: none;}
#rewHome, #zaprosUslug{width: 600px;padding: 30px;display:none;background: #FFF;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);}
 
	#rewHome p, #callBack p { color: #666; text-shadow: none; }
	#rewHome form, #callBack p {width:100%; }
		.textareaSmall {height:35px}
		.cell-2 {width:49%; float:left;margin-left:2%}
		.cell-2:nth-child(1){margin-left:0%} 
#zaprosUslug p{margin-bottom: 5%; }
#zaprosUslug  .modTitle {text-align: center;font-weight: 700;}
.bigButton  {background-color: #DD383F;color: #fff;font-size: 16px;padding: 2%;}
/*ajax ответ*/		
#answer {padding:2%; position: fixed;bottom: 5%;right: 2%;background-color: RGBA(215,89,22,0.7);border-radius: 15px; -webkit-animation:fadeOut 5s forwards;-moz-animation:fadeOut 5s forwards;animation:fadeOut 5s forwards; z-index:50000}



@-webkit-keyframes zoom {from {transform: scale(1);}50% {transform: scale(1.1);}100% {transform: scale(1);}}
@-moz-keyframes zoom {from {transform: scale(1);}50% {transform: scale(1.1);}100% {transform: scale(1);}}
@keyframes zoom {from {transform: scale(1);}50% {transform: scale(1.1);}100% {transform: scale(1);}}

@-webkit-keyframes fadeOut {from {opacity:1;}50% {opacity:1;}100% {opacity:0;}}
@-moz-keyframes fadeOut {from {opacity:1;}50% {opacity:1;}100% {opacity:0;}}
@keyframes fadeOut {from {opacity:1;}50% {opacity:1;}100% {opacity:0;}}




/* Дополнительные страницы*/
#page .wrap { overflow:hidden;}
#page header {padding-bottom:4.58%}
	#page header .wrap {border-bottom:3px solid black;}
	#page header .menu{position:absolute;top:20px;}
#page section {float:left; width: 75%; margin-right:4%;min-height: calc(100vh - 80px); }
	#page section p {margin-bottom:10px; text-align:justify}
	#page section  ul {list-style:disc; margin-left:5%}
	
#page aside{float:right; width: 21%; font-family:Tahoma, Geneva; }
	#page aside .otherSev p, #page aside .link p:first-child{text-decoration:underline;}
		#page aside .otherSev li.selected {display:none}
	#page aside  ul {margin:10px 0; list-style:none;}
		#page aside  ul li {padding:2px;}
		#page aside .otherSev ul li{border-bottom: 1px dotted #000;padding: 5px; width:-webkit-fit-content;width:  -moz-max-content;margin-left: 5%; }
		#page aside .otherSev ul li a,#page aside span a {color: #d5091c;}
		#page aside h2 {font-size: 100%;font-weight: 100;text-decoration: underline;margin-bottom:10px; margin-top:20px}
			#page aside h3 {font-size: 90%;font-weight: 100;margin-left: 5%;}
			#page aside .link p {margin-top:10px;}
			#page aside .link .markText {border-bottom: 1px dotted #000;}
			 
	#page aside a:hover { text-decoration:underline;}
#page footer {position:static; margin-top:2%; overflow:hidden; line-height: 340%;}



/*СОц кнопки*/
.pluso {display:block !important;     margin: 0 auto; text-align:center!important; }
	.pluso-more{display:none !important; width:0px;height:0px;}
#page  .pluso {float:right;width: 40%;margin-right: 5%;}
	#page  .pluso  div {float:right}


/*mobile*/
.mobile {position:absolute; top:10%; left:10%}