@import "fonts.css";
body {
  background: white;
  font-family: MetaBookLFC;
}
body .water-left {
  position: absolute;
  top: 480px;
  width: 100%;
  height: 100%;
  z-index: -1;
}
body .water-left .l1 {
  background: url(img/water_l1.png) no-repeat;
  height: 100%;
  width: 22%;
  background-size: contain;
  background-position: left center;
}
body .water-left .l2 {
  position: absolute;
  top: 800px;
  background: url(img/water_l2.png) no-repeat;
  height: 100%;
  width: 22%;
  background-size: contain;
  background-position: left center;
}
body .water-left .l3 {
  position: absolute;
  top: 1800px;
  background: url(img/water_l3.png) no-repeat;
  height: 100%;
  width: 22%;
  background-size: contain;
  background-position: left center;
}
body .water-left .l4 {
  position: absolute;
  top: 3000px;
  background: url(img/water_l4.png) no-repeat;
  height: 100%;
  width: 22%;
  background-size: contain;
  background-position: left center;
}
body .water-right {
  position: absolute;
  top: 430px;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.sale {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.img_action {
  max-width: 500px;
  height: auto;
}
body .water-right .r1 {
  float: right;
  background: url(img/water_r1.png) no-repeat;
  height: 100%;
  width: 22%;
  background-size: contain;
  background-position: right center;
}
body .water-right .r2 {
  position: absolute;
  top: 1000px;
  right: 0;
  background: url(img/water_r2.png) no-repeat;
  height: 100%;
  width: 22%;
  background-size: contain;
  background-position: right center;
}
body .water-right .r3 {
  position: absolute;
  top: 3000px;
  right: 0;
  background: url(img/water_r2.png) no-repeat;
  height: 100%;
  width: 22%;
  background-size: contain;
  background-position: right center;
}
body header {
  width: 100%;
  height: 480px;
  background: url(img/header.png) no-repeat;
  background-size: contain;
  overflow: auto;
  min-width: 1000px;
}
body header .logo {
  display: block;
  float: left;
  margin: 20px 0 0 20px;
  width: 20%;
  height: 70px;
  background: url(img/logo.png) no-repeat;
  background-size: contain;
}
body header .queue {
  display: block;
  float: right;
  padding: 20px 20px 0 0;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
body header .queue:hover .icon {
	background: url(img/camera2.png) no-repeat;
}
body header .queue .text {
  float: left;
  padding-top: 26px;
  color: white;
  font-size: 16px;
  transition: .4s all linear;
}
body header .queue .icon {
  float: left;
  margin-left: 6px;
  background: url(img/camera.png) no-repeat;
  width: 68px;
  height: 68px;
  background-size: contain;
  transition: .4s all linear;
}
body header .queue:hover .text {
  color: #833f99;
}
body header .slider-wrapper {
  position: absolute;
  top: 90px;
  left: 0;
  display: block;
  width: 100%;
  height: 400px;
}
body header .slider-wrapper .slider {
  position: relative;
  width: 1000px;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}
body header .slider-wrapper .slider .arrow-left {
  float: left;
  margin-top: 163px;
  background: url(img/slider-left.svg) no-repeat;
  width: 74px;
  height: 74px;
  background-size: contain;
  cursor: pointer;
  transition: all .2s linear;
}
body header .slider-wrapper .slider .img-wrapper {
  position: absolute;
  left: 74px;
  width: 852px;
  height: 400px;
  float: left;
  text-align: center;
  overflow: hidden;
}
body header .slider-wrapper .slider .img-wrapper img {
  max-height: 100%;
}
/*body header .slider-wrapper .slider .img-wrapper .slide {
  height: 100%;
}
body header .slider-wrapper .slider .img-wrapper:not(:nth-of-type(2)) {
  display: none;
}*/
body header .slider-wrapper .slider .arrow-right {
  float: right;
  margin-top: 163px;
  background: url(img/slider-right.svg) no-repeat;
  width: 74px;
  height: 74px;
  background-size: contain;
  cursor: pointer;
  transition: all .2s linear;
}
@media (max-width: 1024px) {
  body header .slider-wrapper {
    height: 350px;
  }
  body header .slider-wrapper .slider .arrow-left {
    margin-top: 138px;
  }
  body header .slider-wrapper .slider .img-wrapper {
    height: 350px;
  }
  body header .slider-wrapper .slider .arrow-right {
    margin-top: 138px;
  }
}
body main .techno {
  width: 1000px;
  margin: 80px auto 0 auto;
  overflow: hidden;
  text-align: center;
}
body main .techno .offer {
  font-family: MetaBookCapsLFC;
  color: #803a96;
  font-size: 50px;
}
body main .techno .time {
  margin-top: 86px;
  float: left;
  background: url(img/time.png) no-repeat;
  width: 132px;
  height: 132px;
  background-size: contain;
}
body main .techno .materials {
  margin-top: 78px;
  float: left;
  background: url(img/materials.png) no-repeat;
  width: 132px;
  height: 132px;
  background-size: contain;
}
body main .techno .components {
  margin-top: 68px;
  float: left;
  background: url(img/components.png) no-repeat;
  width: 132px;
  height: 132px;
  background-size: contain;
}
body main .techno .tires {
  margin-top: 68px;
  float: left;
  background: url(img/tires.png) no-repeat;
  width: 132px;
  height: 132px;
  background-size: contain;
}
/*body main .techno .tires:hover ~ .icon-descriptions div{
  right: 3500px;
}*/
body main .techno .pollution {
  margin-top: 78px;
  float: left;
  background: url(img/pollution.png) no-repeat;
  width: 132px;
  height: 132px;
  background-size: contain;
}
body main .techno .polish {
  margin-top: 86px;
  float: left;
  background: url(img/polish.png) no-repeat;
  width: 132px;
  height: 132px;
  background-size: contain;
}
body main .techno .separator {
  float: left;
  background: url(img/separator.svg) no-repeat;
  width: 22px;
  height: 22px;
  background-size: contain;
  margin: 0 10px 0 9px;
}
body main .techno .separator:nth-of-type(1),
body main .techno .separator:nth-of-type(5) {
  margin-top: 140px;
}
body main .techno .separator:nth-of-type(2),
body main .techno .separator:nth-of-type(4) {
  margin-top: 130px;
}
body main .techno .separator:nth-of-type(3) {
  margin-top: 118px;
}
body main .techno .circle {
  position: relative;
}
body main .techno .circle .circle-1,
body main .techno .circle .circle-2 {
  opacity: 0;
  position: absolute;
  top: 54px;
  left: 54px;
  background: url(img/circle-hover.svg);
  width: 22px;
  height: 22px;
  background-size: contain;
}
body main .techno .circle .circle-1 {
  transform: translateY(-62px);
}
body main .techno .circle .circle-2 {
  transform: translateY(62px);
}
body main .techno .circle:hover .circle-1 {
  opacity: 1;
  animation-name: hover-rotation-1;
  animation-duration: .5s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}
body main .techno .circle:hover .circle-2 {
  opacity: 1;
  animation-name: hover-rotation-2;
  animation-duration: .5s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}
body main .icon-descriptions{
  clear: both;
  width: 6500px;
  height: 150px
}
body main .icon-descriptions div{
  display: inline-block;
  width: 1000px;
  position: relative;
  right: 250px;
  transition: linear .5s all;
}
body main .techno .speed {
  clear: both;
  padding-top: 16px;
  padding-bottom: 16px;
  font-family: MetaBookCapsC;
  color: #a26fb2;
  text-decoration: underline;
}
body main .techno .text {
  font-family: MetaBookLFCItalic;
  color: #555555;
}
body main .techno .text q {
  quotes: "\00ab" "\00bb";
}
body main .techno .text q:before {
  content: open-quote;
}
body main .techno .text q:after {
  content: close-quote;
}
body main .separator-shadow-upper {
  background: url(img/separator-shadow-upper.png) no-repeat;
  width: 1000px;
  height: 26px;
  background-size: contain;
  margin: 62px auto 0 auto;
}

body main .drycleaning {
	background: url(img/drycleaning.png) no-repeat;
	width: 100%;
	height: 650px;
	background-size: contain;
	background-position: center top;
  box-sizing: border-box;
}

body main .drycleaning .cont {
	width: 1000px;
	/*padding-top: 35px;*/
  padding-top: 185px;
	margin: 0 auto;
}

body main .drycleaning .cont .head {
 	color: #faa208;
 	text-align: center;
  font-size: 50px;
}

body main .drycleaning .cont .service {
	display: inline-block;
	width: 50%;
	padding-top: 10px;
	padding-left: 30px;
	float: left;
	box-sizing: border-box;
}

body main .drycleaning .cont .service .b {
	padding-top: 0;
	padding-bottom: 25px;
}

body main .drycleaning .cont .service .circle {
  height: 25px;
  width: 25px;
  margin-top: 40px;
  margin-right: 35px;
  background-color: #ff9f07;
  border-radius: 50%;
  display: inline-block;	
  float: left;
}

body main .drycleaning .cont .service .text {
	width: calc(100% - 60px);
	display: inline-block;
	color: white;
	font-size: 50px;
	float: left;
}

body main .drycleaning .cont .service .addblock {
	display: inline-block;
	height: auto;
	background-color: #ff9f07;
	border-radius: 7px;
	margin-top: 25px;
	margin-left: 60px;
	padding: 15px 20px 15px 20px;
}

body main .drycleaning .cont .service .addblock .line {
	display: inline-block;
	color: black;
	font-size: 28px;	
	text-align: center;
}

body main .drycleaning .cont .service .price {
	margin-left: 60px;
	color: #ff9f07;
	font-size: 50px;	
}

body main .drycleaning .cont .morebutton {
	width: 150px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 5px solid #ff9f07;
	border-radius: 18px;
	padding: 10px 28px 10px 28px;
  cursor: pointer; 
}

body main .drycleaning .cont .morebutton .text {
	color: #ff9f07;
	font-size: 22px;
	text-align: center;
}

body main .drycleaning .cont .signup {
	color: white;
	font-size: 22px;	
	text-align: center;
	padding-bottom: 10px;
}

body main .drycleaning .cont .phonecont {
  text-align: center;
}

body main .drycleaning .cont .phonecont i {
  color: #b589c3;
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}

body main .drycleaning .cont .phonecont .phone {
  display: inline-block;
  margin-left: 15px;
	color: #b589c3;
	font-size: 50px;	
	text-align: center;
	padding-bottom: 70px;
  text-decoration: none;
}

@media (max-width: 1649px) {
  body main .drycleaning .cont {
    /*padding-top: 15px;*/
    padding-top: 75px;
  }
	body main .drycleaning .cont .head {
		font-size: 35px;
	}	
  body main .drycleaning .cont .service .circle {
    margin-top: 7px;
  }
	body main .drycleaning .cont .service .text {
		font-size: 35px;
	}
	body main .drycleaning .cont .service .price {
		font-size: 35px;
	}
	body main .drycleaning .cont .phonecont .phone {
		font-size: 35px;
	}
}

@media (max-width: 1375px) {
    body main .drycleaning .cont .service .addblock {
    margin-top: 10px;
    padding: 5px 10px 5px 10px;
  }
  body main .drycleaning .cont .morebutton {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px 15px 5px 15px;
  }
  body main .drycleaning .cont .phonecont .phone {
    padding-bottom: 30px;
  }
}

@media (max-width: 1023px) {
  body main .drycleaning .cont .head {
    font-size: 24px;
  }
  body main .drycleaning .cont .service .circle {
    margin-top: 3px;
    width: 15px;
    height: 15px;
  }
  body main .drycleaning .cont .service .text {
    font-size: 24px;
  }
  body main .drycleaning .cont .service .price {
    font-size: 24px;
  }
  body main .drycleaning .cont .phonecont .phone {
    font-size: 24px;
  }
}

body main .calc {
  width: 1000px;
  margin: 70px auto 0 auto;
  text-align: center;
  position: relative;
}
body main .calc .value {
  color: #faa208;
  font-size: 50px;
}
body main .calc .value b {
	color: #833f99;
}
body main .calc p.car-type-choice {
  padding-top: 80px;
  color: #833f99;
  font-size: 22px;
}
body main .calc div.car-type-choice {
  margin-top: 20px;
  font-size: 22px;
  margin-left: 150px;
}
body main .calc div.car-type-choice .home-passenger {
  float: left;
  width: 228px;
}
.image-wrapper{
	cursor: pointer;
}
div.car-type-choice p{
	cursor: pointer;
}
body main .calc div.car-type-choice .home-passenger .image-wrapper {
  /*height: 218px;
  display: flex;*/
  height: 165px;
  position: relative;
}
body main .calc div.car-type-choice .home-passenger .image-wrapper .image {
  margin-top: 79px;
  background: url(img/home-passenger.png) no-repeat;
  width: 100%;
  height: 148px;
  background-size: 100% 100%;
}
body main .calc div.car-type-choice .home-passenger .image-wrapper .image-hover {
  opacity: 0;
  position: absolute;
  /*margin-top: 79px;*/
  background: url(img/home-passenger-hover.png) no-repeat;
  width: 100%;
  height: 148px;
  background-size: 100% 100%;
  transition: all .3s linear;
  top: 0px;
}
body main .calc div.car-type-choice .home-passenger p {
  color: #555555;
  padding-top: 10px;
  transition: all .3s linear;
}
body main .calc div.car-type-choice .home-passenger p:first-of-type {
  padding-top: 18px;
}
body main .calc div.car-type-choice .home-passenger:hover .image-hover {
  opacity: 1;
}
body main .calc div.car-type-choice .home-passenger:hover p {
  color: #3be400;
}
body main .calc div.car-type-choice .import-passenger {
  float: left;
  width: 256px;
}
body main .calc div.car-type-choice .import-passenger .image-wrapper {
  /*height: 218px;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;*/
  height: 155px;
  position: relative;
}
body main .calc div.car-type-choice .import-passenger .image-wrapper .image {
  margin-top: 88px;
  background: url(img/import-passenger.png) no-repeat;
  width: 100%;
  height: 138px;
  background-size: 100% 100%;
}
body main .calc div.car-type-choice .import-passenger .image-wrapper .image-hover {
  opacity: 0;
  position: absolute;
  /*margin-top: 88px;*/
  background: url(img/import-passenger-hover.png) no-repeat;
  width: 100%;
  height: 138px;
  background-size: 100% 100%;
  transition: all .3s linear;
  top: 0px;
}
body main .calc div.car-type-choice .import-passenger p {
  color: #555555;
  padding-top: 10px;
  transition: all .3s linear;
}
body main .calc div.car-type-choice .import-passenger p:first-of-type {
  padding-top: 18px;
}
body main .calc div.car-type-choice .import-passenger:hover .image-hover {
  opacity: 1;
}
body main .calc div.car-type-choice .import-passenger:hover p {
  color: #3be400;
}
body main .calc div.car-type-choice .offroader {
  float: left;
  width: 220px;
}
body main .calc div.car-type-choice .offroader .image-wrapper {
  /*height: 218px;
  display: flex;*/
  height: 185px;
  position: relative;
}
body main .calc div.car-type-choice .offroader .image-wrapper .image {
  margin-top: 58px;
  background: url(img/outlander.png) no-repeat;
  width: 100%;
  height: 168px;
  background-size: 100% 100%;
}
body main .calc div.car-type-choice .offroader .image-wrapper .image-hover {
  opacity: 0;
  position: absolute;
  /*margin-top: 58px;*/
  background: url(img/outlander-hover.png) no-repeat;
  width: 100%;
  height: 168px;
  background-size: 100% 100%;
  transition: all .3s linear;
  top: 0px;
}
body main .calc div.car-type-choice .offroader p {
  color: #555555;
  padding-top: 10px;
  transition: all .3s linear;
}
body main .calc div.car-type-choice .offroader p:first-of-type {
  padding-top: 18px;
}
body main .calc div.car-type-choice .offroader:hover .image-hover {
  opacity: 1;
}
body main .calc div.car-type-choice .offroader:hover p {
  color: #3be400;
}
body main .calc div.car-type-choice .minivan {
  float: left;
  width: 274px;
}
body main .calc div.car-type-choice .minivan .image-wrapper {
  height: 218px;
  /*display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;*/
  position: relative;
}
body main .calc div.car-type-choice .minivan .image-wrapper .image {
  margin-top: 24px;
  background: url(img/minivan.png) no-repeat;
  width: 100%;
  height: 200px;
  background-size: 100% 100%;
}
body main .calc div.car-type-choice .minivan .image-wrapper .image-hover {
  opacity: 0;
  position: absolute;
  /*margin-top: 24px;*/
  background: url(img/minivan-hover.png) no-repeat;
  width: 100%;
  height: 200px;
  background-size: 100% 100%;
  transition: all .3s linear;
  top: 0px;
}
body main .calc div.car-type-choice .minivan p {
  color: #555555;
  padding-top: 10px;
  transition: all .3s linear;
}
body main .calc div.car-type-choice .minivan p:first-of-type {
  padding-top: 18px;
}
body main .calc div.car-type-choice .minivan:hover .image-hover {
  opacity: 1;
}
body main .calc div.car-type-choice .minivan:hover p {
  color: #3be400;
}
body main .calc p.wash-type-choice {
  clear: both;
  padding-top: 72px;
  color: #833f99;
  width: 1000px;
  font-size: 22px;
}
body main .calc .notes {
  clear: both;
  padding-top: 36px;
}
body main .calc .notes .note {
  color: #9f9f9f;
}
body main .calc .calc-itself {
  padding-top: 38px;
  width: 1000px;
  position: relative;
  height: 535px;
}
body main .calc .calc-itself .speed-water {
  pointer-events: none;
  position: absolute;
  left: -130px;
  background: url(img/speed-water.png) no-repeat;
  width: 638px;
  height: 602px;
  background-size: contain;
}
body main .calc .calc-itself .speedometer {
  position: relative;
  margin-top: 106px;
  width: 434px;
  height: 434px;
  float: left;
  background: url(img/speedometer.png) no-repeat;
  background-size: contain;
}
body main .calc .calc-itself .speedometer .arrow {
  background: url(img/speed-arrow.png) no-repeat;
  width: 66px;
  height: 120px;
  background-size: contain;
  position: absolute;
  left: 180px;
  top: 154px;
  transform: translateY(60px);
  font-size: 0;
}
body main .calc .calc-itself .speedometer .cost {
  background: url(img/cost.png) no-repeat;
  width: 154px;
  height: 154px;
  background-size: contain;
  position: absolute;
  left: 140px;
  top: 140px;
}
body main .calc .calc-itself .speedometer .cost p {
  font-family: MetaBookLFCItalic;
  text-align: right;
  margin-right: 40px;
}
body main .calc .calc-itself .speedometer .cost p:first-child {
  margin-top: 58px;
  font-size: 34px;
  line-height: 28px;
}
body main .calc .calc-itself .speedometer .icon-1 {
  position: absolute;
  left: 204px;
  top: 204px;
  width: 20px;
  height: 20px;
  transform: rotate(330deg) translateY(190px) rotate(-330deg);
}
/*body main .calc .calc-itself .speedometer .icon-1 .inactive {*/
.icon-1 .inactive{
  background: url(img/speed-icon-1-inactive.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
}
.icon-1 .hover {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(img/speed-icon-1-hover.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
  transition: all .2s linear;
}
.icon-1:hover .hover {
  opacity: 1;
}
.icon-1 .active {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(img/speed-icon-1-active.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
  transition: all .2s linear;
}
body main .calc .calc-itself .speedometer .icon-2 {
  position: absolute;
  left: 204px;
  top: 204px;
  width: 20px;
  height: 20px;
  transform: rotate(315deg) translateY(191px) rotate(-315deg);
}
.icon-2 .inactive {
  background: url(img/speed-icon-2-inactive.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
}
.icon-2 .hover {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(img/speed-icon-2-hover.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
  transition: all .2s linear;
}
.icon-2:hover .hover {
  opacity: 1;
}
.icon-2 .active {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(img/speed-icon-2-active.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
  transition: all .2s linear;
}
body main .calc .calc-itself .speedometer .icon-3 {
  position: absolute;
  left: 204px;
  top: 204px;
  width: 20px;
  height: 20px;
  transform: rotate(30deg) translateY(188px) rotate(-30deg);
}
.icon-3 .inactive {
  background: url(img/speed-icon-3-inactive.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
}
.icon-3 .hover {
  opacity: 0;
  position: absolute;
  top: -7px;
  left: -6px;
  background: url(img/speed-icon-3-hover.png) no-repeat;
  width: 32px;
  height: 32px;
  background-size: contain;
  transition: all .2s linear;
}
.icon-3:hover .hover {
  opacity: 1;
}
.icon-3 .active {
  opacity: 0;
  position: absolute;
  top: -7px;
  left: -6px;
  background: url(img/speed-icon-3-active.png) no-repeat;
  width: 32px;
  height: 32px;
  background-size: contain;
  transition: all .2s linear;
}
body main .calc .calc-itself .speedometer .icon-4 {
  position: absolute;
  left: 204px;
  top: 204px;
  width: 20px;
  height: 20px;
  transform: rotate(270deg) translateY(191px) rotate(-270deg);
}
.icon-4 .inactive {
  background: url(img/speed-icon-4-inactive.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
}
.icon-4 .hover {
  opacity: 0;
  position: absolute;
  top: 46%;
  left: 48%;
  transform: translate(-50%, -50%);
  background: url(img/speed-icon-4-hover.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
  transition: all .2s linear;
}
.icon-4:hover .hover {
  opacity: 1;
}
.icon-4 .active {
  opacity: 0;
  position: absolute;
  top: 46%;
  left: 48%;
  transform: translate(-50%, -50%);
  background: url(img/speed-icon-4-active.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
  transition: all .2s linear;
}
body main .calc .calc-itself .speedometer .icon-5 {
  position: absolute;
  left: 204px;
  top: 204px;
  width: 20px;
  height: 20px;
  transform: rotate(90deg) translateY(184px) rotate(-90deg);
}
.icon-5 .inactive {
  background: url(img/speed-icon-5-inactive.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
}
.icon-5 .hover {
  opacity: 0;
  position: absolute;
  top: -6px;
  left: -6px;
  background: url(img/speed-icon-5-hover.png) no-repeat;
  width: 32px;
  height: 32px;
  background-size: contain;
  transition: all .2s linear;
}
.icon-5:hover .hover {
  opacity: 1;
}
.icon-5 .active {
  opacity: 0;
  position: absolute;
  top: -6px;
  left: -6px;
  background: url(img/speed-icon-5-active.png) no-repeat;
  width: 32px;
  height: 32px;
  background-size: contain;
  transition: all .2s linear;
}
body main .calc .calc-itself .speedometer .icon-6 {
  position: absolute;
  left: 204px;
  top: 204px;
  width: 20px;
  height: 20px;
  transform: rotate(105deg) translateY(181px) rotate(-105deg);
}
.icon-6 .inactive {
  background: url(img/speed-icon-6-inactive.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
}
.icon-6 .hover {
  opacity: 0;
  position: absolute;
  top: -6px;
  left: -10px;
  background: url(img/speed-icon-6-hover.png) no-repeat;
  width: 32px;
  height: 32px;
  background-size: contain;
  transition: all .2s linear;
}
.icon-6:hover .hover {
  opacity: 1;
}
.icon-6 .active {
  opacity: 0;
  position: absolute;
  top: -6px;
  left: -6px;
  background: url(img/speed-icon-6-active.png) no-repeat;
  width: 32px;
  height: 32px;
  background-size: contain;
  transition: all .2s linear;
}
body main .calc .calc-itself .speedometer .icon-7 {
  position: absolute;
  left: 204px;
  top: 204px;
  width: 20px;
  height: 20px;
  transform: rotate(45deg) translateY(188px) rotate(-45deg);
}
.icon-7 .inactive {
  background: url(img/speed-icon-7-inactive.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
}
.icon-7 .hover {
  opacity: 0;
  position: absolute;
  top: -6px;
  left: -4px;
  background: url(img/speed-icon-7-hover.png) no-repeat;
  width: 29px;
  height: 30px;
  background-size: contain;
  transition: all .2s linear;
}
.icon-7:hover .hover {
  opacity: 1;
}
.icon-7 .active {
  opacity: 0;
  position: absolute;
  top: -4px;
  left: -4px;
  background: url(img/speed-icon-7-active.png) no-repeat;
  width: 28px;
  height: 30px;
  background-size: contain;
  transition: all .2s linear;
}
body main .calc .calc-itself .speedometer .icon-8 {
  position: absolute;
  left: 204px;
  top: 204px;
  width: 20px;
  height: 20px;
  transform: rotate(255deg) translateY(192px) rotate(-255deg);
}
.icon-8 .inactive {
  background: url(img/speed-icon-8-inactive.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
}
.icon-8 .hover {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(img/speed-icon-8-hover.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
  transition: all .2s linear;
}
.icon-8:hover .hover {
  opacity: 1;
}
.icon-8 .active {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(img/speed-icon-8-active.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
  transition: all .2s linear;
}
body main .calc .calc-itself .speedometer .icon-9 {
  position: absolute;
  left: 204px;
  top: 204px;
  width: 20px;
  height: 20px;
  transform: rotate(60deg) translateY(188px) rotate(-60deg);
}
.icon-9 .inactive {
  background: url(img/speed-icon-9-inactive.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
}
.icon-9 .hover {
  opacity: 0;
  position: absolute;
  top: -8px;
  left: -3px;
  background: url(img/speed-icon-9-hover.png) no-repeat;
  width: 29px;
  height: 27px;
  background-size: contain;
  transition: all .2s linear;
}
.icon-9:hover .hover {
  opacity: 1;
}
.icon-9 .active {
  opacity: 0;
  position: absolute;
  top: -5px;
  left: -4px;
  background: url(img/speed-icon-9-active.png) no-repeat;
  width: 29px;
  height: 21px;
  background-size: contain;
  transition: all .2s linear;
}
body main .calc .calc-itself .speedometer .icon-10 {
  position: absolute;
  left: 204px;
  top: 204px;
  width: 20px;
  height: 20px;
  transform: rotate(75deg) translateY(186px) rotate(-75deg);
}
.icon-10 .inactive {
  background: url(img/speed-icon-10-inactive.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
}
.icon-10 .hover {
  opacity: 0;
  position: absolute;
  top: -8px;
  left: -5px;
  background: url(img/speed-icon-10-hover.png) no-repeat;
  width: 30px;
  height: 32px;
  background-size: contain;
  transition: all .2s linear;
}
.icon-10:hover .hover {
  opacity: 1;
}
.icon-10 .active {
  opacity: 0;
  position: absolute;
  top: -6px;
  left: -5px;
  background: url(img/speed-icon-10-active.png) no-repeat;
  width: 30px;
  height: 32px;
  background-size: contain;
  transition: all .2s linear;
}
body main .calc .calc-itself .speedometer .icon-11 {
  position: absolute;
  left: 204px;
  top: 204px;
  width: 20px;
  height: 20px;
  transform: rotate(300deg) translateY(192px) rotate(-300deg);
}
.icon-11 .inactive {
  background: url(img/speed-icon-11-inactive.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
}
.icon-11 .hover {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(img/speed-icon-11-hover.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
  transition: all .2s linear;
}
.icon-11:hover .hover {
  opacity: 1;
}
.icon-11 .active {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(img/speed-icon-11-active.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
  transition: all .2s linear;
}
body main .calc .calc-itself .speedometer .icon-12 {
  position: absolute;
  left: 204px;
  top: 204px;
  width: 20px;
  height: 20px;
  transform: rotate(240deg) translateY(191px) rotate(-240deg);
}
.icon-12 .inactive {
  background: url(img/speed-icon-12-inactive.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
}
.icon-12 .hover {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(img/speed-icon-12-hover.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
  transition: all .2s linear;
}
.icon-12:hover .hover {
  opacity: 1;
}
.icon-12 .active {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(img/speed-icon-12-active.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
  transition: all .2s linear;
}
body main .calc .calc-itself .speedometer .icon-13 {
  position: absolute;
  left: 204px;
  top: 204px;
  width: 20px;
  height: 20px;
  transform: rotate(210deg) translateY(191px) rotate(-210deg);
}
.icon-13 .inactive {
  background: url(img/speed-icon-13-inactive.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
}
.icon-13 .hover {
  opacity: 0;
  position: absolute;
  top: 45%;
  left: 48%;
  transform: translate(-50%, -50%);
  background: url(img/speed-icon-13-hover.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
  transition: all .2s linear;
}
.icon-13:hover .hover {
  opacity: 1;
}
.icon-13 .active {
  opacity: 0;
  position: absolute;
  top: 45%;
  left: 48%;
  transform: translate(-50%, -50%);
  background: url(img/speed-icon-13-active.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
  transition: all .2s linear;
}
body main .calc .calc-itself .speedometer .icon-14 {
  position: absolute;
  left: 204px;
  top: 204px;
  width: 20px;
  height: 14px;
  transform: rotate(150deg) translateY(180px) rotate(-150deg);
}
/*.icon-14 .inactive {*/
.icon-14 .inactive {
  background: url(img/speed-icon-14-inactive.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
}
/*.icon-14 .hover {*/
.icon-14 .hover{
  opacity: 0;
  position: absolute;
  top: -9px;
  left: -4px;
  background: url(img/speed-icon-14-hover.png) no-repeat;
  width: 28px;
  height: 28px;
  background-size: contain;
  transition: all .2s linear;
}
/*.icon-14:hover .hover {*/
.icon-14:hover .hover {
  opacity: 1;
}
/*.icon-14 .active {*/
.icon-14 .active {
  opacity: 0;
  position: absolute;
  top: -5px;
  left: -5px;
  background: url(img/speed-icon-14-active.png) no-repeat;
  width: 32px;
  height: 20px;
  background-size: contain;
  transition: all .2s linear;
}
body main .calc .calc-itself .speedometer .icon-15 {
  position: absolute;
  left: 204px;
  top: 204px;
  width: 20px;
  height: 20px;
  transform: rotate(135deg) translateY(182px) rotate(-135deg);
}
.icon-15 .inactive {
  background: url(img/speed-icon-15-inactive.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
}
.icon-15 .hover {
  opacity: 0;
  position: absolute;
  top: -8px;
  left: -5px;
  background: url(img/speed-icon-15-hover.png) no-repeat;
  width: 32px;
  height: 30px;
  background-size: contain;
  transition: all .2s linear;
}
.icon-15:hover .hover {
  opacity: 1;
}
.icon-15 .active {
  opacity: 0;
  position: absolute;
  top: -3px;
  left: -4px;
  background: url(img/speed-icon-15-active.png) no-repeat;
  width: 32px;
  height: 19px;
  background-size: contain;
  transition: all .2s linear;
}
body main .calc .calc-itself .speedometer .icon-16 {
  position: absolute;
  left: 204px;
  top: 204px;
  width: 20px;
  height: 20px;
  transform: rotate(120deg) translateY(182px) rotate(-120deg);
}
.icon-16 .inactive {
  background: url(img/speed-icon-16-inactive.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
}
.icon-16 .hover {
  opacity: 0;
  position: absolute;
  top: -9px;
  left: -5px;
  background: url(img/speed-icon-16-hover.png) no-repeat;
  width: 29px;
  height: 32px;
  background-size: contain;
  transition: all .2s linear;
}
.icon-16:hover .hover {
  opacity: 1;
}
.icon-16 .active {
  opacity: 0;
  position: absolute;
  top: -5px;
  left: -5px;
  background: url(img/speed-icon-16-active.png) no-repeat;
  width: 32px;
  height: 20px;
  background-size: contain;
  transition: all .2s linear;
}
body main .calc .calc-itself .speedometer .icon-17 {
  position: absolute;
  left: 204px;
  top: 204px;
  width: 20px;
  height: 20px;
  background-image: url(img/speed-icon-17-inactive.png) contain no-repeat center;
  transform: rotate(285deg) translateY(192px) rotate(-285deg);
}
.icon-17 .inactive {
  background: url(img/speed-icon-17-inactive.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
}
.icon-17 .hover {
  opacity: 0;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(img/speed-icon-17-hover.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
  transition: all .2s linear;
}
.icon-17:hover .hover {
  opacity: 1;
}
.icon-17 .active {
  opacity: 0;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(img/speed-icon-17-active.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
  transition: all .2s linear;
}
body main .calc .calc-itself .speedometer .icon-18 {
  position: absolute;
  left: 208px;
  top: 203px;
  width: 20px;
  height: 20px;
  transform: rotate(225deg) translateY(187px) rotate(-225deg);
}
.icon-18 .inactive {
  background: url(img/speed-icon-18-inactive.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
}
.icon-18 .hover {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(img/speed-icon-18-hover.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
  transition: all .2s linear;
}
.icon-18:hover .hover {
  opacity: 1;
}
.icon-18 .active {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(img/speed-icon-18-active.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
  transition: all .2s linear;
}
body main .calc .calc-itself .speedometer .icon-19 {
  position: absolute;
  left: 115px;
  top: 154px;
  width: 20px;
  height: 20px;
  transform: rotate(225deg) translateY(187px) rotate(-225deg);
}
.icon-19 .inactive {
  background: url(img/speed-icon-19-inactive.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
}
.icon-19 .hover {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(img/speed-icon-19-hover.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
  transition: all .2s linear;
}
.icon-19:hover .hover {
  opacity: 1;
}
.icon-19 .active {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(img/speed-icon-19-active.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
  transition: all .2s linear;
}
body main .calc .calc-itself .services {
  width: 480px;
    float: left;
  color: #833f99;
    margin-left: 40px;
    margin-top: 144px;
    text-align: left;
    position: absolute;
    right: 0px;
    bottom: 0px;
    top: 0px;
}
.chosen {
  color: #ffa208 !important;
  border-color: #ffa208 !important;
}
.chosen p {
  color: #ffa208 !important;
}
.chosen .image-hover {
  opacity: 1 !important;
}
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  border: 5px solid black;
  border-radius: 20px;
  background: white;
}
.ui-helper-hidden-accessible {
  display: none;
}
.wash-title{
  font-size: 22px;
}
.option div{
  display: inline-block;
}
.option > div:first-child{
  position: relative;
}
/*.option .icon-14 div{
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  /*background-position: center bottom;
}
.option .icon-14 .inactive {
  background-image: url(img/speed-icon-14-inactive.png);
}
.option .icon-14 .hover{
  opacity: 0;
  background-image: url(img/speed-icon-14-hover.png);
  width: 28px;
  height: 28px;
  transition: all .2s linear;
}
.option .icon-14:hover .hover {
  opacity: 1;
}
.option .icon-14 .active {
  opacity: 0;
  background-image: url(img/speed-icon-14-active.png);
  width: 32px;
  height: 20px;
  transition: all .2s linear;
}*/
.wash{
  position: absolute;
}
.wash.wash-1{
  display: block; 
}
.wash.wash-2{
  display: none;
}
.wash.wash-3{
  display: none;
}
#star-text{
  width: 500px;
  color: #9f9f9f;
}
.option{
  margin-top: 15px;
    cursor: pointer;
}
.option:hover{
  color: #3be400;
}
.option:hover .hover {
  opacity: 1;
}
.option .price{
  float: right;
  font-size: 20px;
}
.option .description{
  font-size: 16px;
    width: 370px;
    margin-left: 8px;
    vertical-align: top;
}
.option .icon{
  width: 6px;
    height: 6px;
    background: #ffcc00;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  box-shadow: 0 0 0 4px #833f98;
  margin-right: 8px;
}
.options-buttons{
  position: absolute;
    height: 40px;
    width: 100%;
    bottom: 0px;
}
.options-buttons .button:last-child{
  margin-right: 0px;
}
.options-buttons .button{
  box-sizing: border-box;
    padding-top: 6px;
    float: left;
    width: 145px;
    height: 40px;
    border-radius: 25px;
    border: 4px solid #833f99;
    font-size: 18px;
    transition: all .3s linear;
    margin-right: 20px;
  text-align: center;
  cursor: pointer;
}
.options-buttons .button:hover{
  border-color: #3be400;
  color: #3be400;
}
.feedback {
  clear: both;
  padding-top: 30px;
}
.before-articles{
  height: 157px;
    width: 100%;
    background-image: url('img/shadow-line.png');
    background-repeat: no-repeat;
    background-position: center bottom;
}
.articles{
  width: 100%;
  overflow: hidden;
  display: none;
}
.articles .article{
  text-align: left;
  font-size: 18px;
}
.articles .article:first-child{
  margin-top: 72px;
}
.article .title{
  font-family: MetaBookCapsC;
  font-size: 26px;
  padding-bottom: 38px;
  color: #833f99;
}
.article .body{
  margin-bottom: 44px;
}
.article .captures{
  padding-bottom: 44px;
    margin: auto;
  text-align: center;
}
.article .captures .capture{
  width: 150px;
  height: 150px;
  background-image: url('img/hot-picture.png');
  background-size: cover;
  border-radius: 100px;
  border: 5px solid #ffffff;
  box-shadow: 0 0 5px rgba(13,13,14,0.15);
  display: inline-block;
  margin-right: 50px;
}
.pol1{
  background-image: url('img/pol1.png') !important;
}
.pol2{
  background-image: url('img/pol2.png') !important;
}
.pol3{
  background-image: url('img/pol3.png') !important;
}
.chem1{
  background-image: url('img/chem1.png') !important;
}
.chem2{
  background-image: url('img/chem2.png') !important;
}
.chem3{
  background-image: url('img/chem3.png') !important;
}
.bottom{
  width: 100%;
  min-width: 1000px;
  position: relative;
}
.show-articles{
  text-align: center;
  font-family: MetaBookCapsLFC;
  font-size: 26px;
  color: #833f99;
  cursor: pointer;
  height: 50px;
  padding-top: 20px;
}
.all-right{
  background-image: url('img/triangle-up.png');
  background-repeat: no-repeat;
  background-position: center bottom;
}
.tell-me-why{
  background-image: url('img/triangle-down.png');
  background-repeat: no-repeat;
  background-position: center bottom;
}
.jaguar-xk{
  width: 100%;
  margin-bottom: -8%;
    z-index: 1;
    position: relative;
}
.jaguar-title{
  font-family: MetaBookCapsC;
    font-size: 26px;
    color: #ffffff;
    position: absolute;
    left: 50%;
    margin-left: -102px;
    top: 12%;
}
.bottom  a:hover .play-button{
  box-shadow: 0 0 0 4px #ffa208;
}
.bottom  a:hover .triangle-play{
  border-color: transparent transparent transparent #ffa208;
}
.map-info{
  position: absolute;
    border-radius: 15px;
    top: 50%;
    margin-top: 60px;
    z-index: 1;
    background-color: rgba(0,0,0,.75);
    width: 500px;
    height: 360px;
    right: 50%;
    text-align: left;
    font-family: MetaBookLFC;
}
.inner-map-info{
  padding: 17px;
}
.inner-map-info p:nth-child(1){
  font-size: 18px;
  color: #ffffff;
  height: 60px;
}
.inner-map-info a {
  font-family: MetaBookLFC;
  font-size: 39px;
  color: #ffba00;
  text-decoration: none;
}
.inner-map-info p:nth-child(3){
  font-size: 22px;
  color: #ffffff;
  margin-top: 12px;
  margin-bottom: 20px;
}
.inner-map-info p:nth-child(5){
  font-size: 22px;
  color: #ffffff;
  margin-top: 12px;
  margin-bottom: 20px;
}
.inner-map-info p:nth-child(7){
  font-size: 22px;
  color: #ffffff;
  margin-top: 12px;
  margin-bottom: 20px;
}
.left-play{
  width: 355px;
  height: 205px;
  /*width: 32%;
    height: 205px;*/
    z-index: 1;
    top: 0px;
    margin-top: 5%;
    right: 50%;
    border: 4px solid #ffffff;
    border-radius: 12px;
    margin-right: 40px;
    position: absolute;
    background-image: url('img/left-picture.png');
  background-size: 100% auto;
}
.left-play p{
  position: relative;
    text-align: center;
    top: -35px;
    font-family: MetaBookCapsLFC;
  font-size: 18px;
  color: #ffffff;
}
.right-play{
  width: 355px;
  height: 205px;
  /*width: 32%;
    height: 205px;*/
    z-index: 1;
    top: 0px;
    margin-top: 5%;
    left: 50%;
    border: 4px solid #ffffff;
    position: absolute;
    border-radius: 12px;
    margin-left: 30px;
    background-image: url('img/right-picture.png');
}
.right-play p{
  position: relative;
    text-align: center;
    top: -35px;
    font-family: MetaBookCapsLFC;
  font-size: 18px;
  color: #ffffff;
}
.play-button{
  width: 92px;
    height: 92px;
    background: rgba(0,0,0,0);
    position: absolute;
    left: 50%;
    margin-left: -46px;
    top: 50%;
    margin-top: -46px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    box-shadow: 0 0 0 4px #ffffff;
}
.play-button{
  width: 92px;
    height: 92px;
    background: rgba(0,0,0,0);
    position: absolute;
    left: 50%;
    margin-left: -46px;
    top: 50%;
    margin-top: -46px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    box-shadow: 0 0 0 4px #ffffff;
}
.triangle-play{
  width: 0;
    height: 0;
    margin: 20px 40px;
    border-style: solid;
    border-width: 25px 0 25px 25px;
    border-color: transparent transparent transparent #ffffff;
}
#map{
  width: 100%;
  height: 730px;
}
.popup-window{
  display: none;
  height: 180px;
    width: 300px;
  background-color: #ffffff;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -150px;
  margin-top: -180px;
    z-index: 10;
    border-radius: 25px;
    border: 4px solid white;
    box-shadow: 0 0 4px black;
}
.inner-popup{
  padding: 20px;
}
.inner-popup p{
  font-size: 24px;
    text-align: center;
    line-height: 35px;
  font-family: MetaBookLFC;
}
.popup-ok{
  border-radius: 25px;
    border: 4px solid #833f99;
    color: #833f99;
    font-size: 24px;
    transition: all .3s linear;
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 80px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}
.popup-ok:hover{
  border-color: #3be400;
    color: #3be400;
}
footer{
  position: absolute;
  bottom: 0px;
  width: 100%;
}
footer img{
  bottom: -4px;
    position: relative;
}
.footer-inner{
  width: 1000px;
  margin: auto;
}
.footer-logo{
  background-image: url('img/footer-logo.png');
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1;
    width: 255px;
    height: 80px;
    bottom: 50%;
    margin-bottom: -50px;
    left: 50%;
    margin-left: -500px;
}
.footer-info{
  z-index: 1;
    position: absolute;
    bottom: 50%;
    margin-bottom: -25px;
  margin-left: 200px;
    left: 50%;
    text-align: right;
}
.footer-info p:nth-child(1){
  font-family: MetaBookLFC;
  font-size: 20px;
  color: #ffffff;
}
.footer-info a {
  font-family: MetaBookLFC;
  font-size: 28px;
  color: #ffba00;
  text-decoration: none;
}
/*.footer-info p:nth-child(3){
  font-size: 14px;
  color: #c86ee6;
  position: absolute;
  bottom: 10px;
}*/
.spaceapp{
  font-size: 14px;
  color: #c86ee6;
  position: absolute;
  bottom: 10px;
  margin-left: 240px;
    left: 50%;
    text-align: right;
}
.buttons-wrapper {
  margin: 0 auto;
  width: 200px;
  overflow: hidden;
}
.wash-type-choice .buttons-wrapper {
  width: 440px;
  margin: 32px auto 0 auto;
}
.buttons-wrapper .button {
  padding-top: 6px;
  float: left;
  width: 192px;
  height: 36px;
  border-radius: 25px;
  border: 4px solid #833f99;
  color: #833f99;
  font-size: 24px;
  transition: all .3s linear;
  background: white;
  cursor: pointer;
}

.vopros{
  padding-top: 10px !important;
}
.buttons-wrapper input.button {
  padding-top: 0;
}
.buttons-wrapper .button:not(:first-child) {
  margin-left: 40px;
}
.buttons-wrapper .button:hover {
  border-color: #3be400;
  color: #3be400;
}
.feedback .button.chosen {
  pointer-events: none;
}
.feedback form {
  overflow: hidden;
  width: 900px;
  height: 0;
  margin: 30px 50px;
  clear: both;
}
.feedback form div {
  text-align: left;
}
.feedback form div:not(:first-child) {
  margin-top: 20px;
}
.feedback form label {
  color: #833f99;
}
.feedback form input[type="text"], .feedback form textarea {
  display: block;
  margin-top: 10px;
  width: 872px;
  height: 26px;
  border: 2px solid #833f99;
  border-radius: 20px;
  outline: none;
  padding: 0 12px;
  font-size: 15px;
}
.feedback form textarea {
  height: 100px;
  padding: 12px;
}
.feedback form .error {
  color: red;
}
@keyframes hover-rotation-1 {
  0% {
    transform: rotate(0deg) translateY(-62px);
  }
  100% {
    transform: rotate(360deg) translateY(-62px);
  }
}
@keyframes hover-rotation-2 {
  0% {
    transform: rotate(0deg) translateY(62px);
  }
  100% {
    transform: rotate(360deg) translateY(62px);
  }
}

.clear {
	clear: both;
}

.engels {
  margin-top: -4%;
}

.engels_title {
  position: relative;
  text-align: center;
}

.engels_title span {
  font-size: 40px;
  position: absolute;
  white-space: nowrap;
  color: #fff;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
}

.engels_title img {
  max-width: 100%;
}

.engels_subtitle {
  font-size: 26px;
  color: #833f99;
  text-align: center;
}

.engels_imgs {
  padding-top: 30px;
  display: flex;
  justify-content: space-evenly;
}

.engels_imgs_item {
  max-width: 32%;
  height: 180px;
  border-radius: 5%;
  /*background-size: cover;
  background-position: center;*/
}

.engels_card {
  padding-top: 30px;
  font-size: 22px;
  color: #833f99;
  text-align: center;
}

.engels_advantages {
  padding-top: 30px;
  display: flex;
  justify-content: center;
}

.engels_advantages_item {
  position: relative;
  padding-left: 15px;
  margin: 0 20px;
  font-size: 20px;
  color: #833f99;
}

.engels_advantages_item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 55%;
  width: 10px;
  height: 10px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #833f99;
}

.engels_final {
  padding-top: 40px;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
}

.engels_final_item {
  font-size: 22px;
  font-weight: 500;
  color: #555555;
}

@media screen and (min-width: 1650px) {
  .map-info {
    top: 48%;
  }
}