.form-wrapper {
  margin-top: 100px;
  color: #333;
}

.input-area {
  width: 100%;
  height: 200px;
}

.input {
  width: 100%;
}

.btn {
  width: 100%;
  margin-top: 10px;
}

.input-err {
  box-shadow: 0 0 7px #f3715c !important;
  outline: none;
}



header {
  background: linear-gradient(#5286b5, #fff0);
}

.parallax-mirror {
  opacity: .5;
  height: 1350px !important;
}

body .gradient-bottom-wrapper .gradient {
  background: linear-gradient(#f5f5f5, #fff);
}

body .err label {
  margin-left: 10px;
}

body .offer .header .avatar-wrapper img {
  width: 80px;
  border-radius: 50%;
}


body .page-wrapper .header {
  justify-content: space-between !important;
}

body .page-wrapper .header .header-left {
  display: flex;
  align-items: center;
}
body .page-wrapper .header .header-right {

}
body .page-wrapper .header .header-right img {
  width: 60px;
  -webkit-transition: .1s ease-out;
  -o-transition: .1s ease-out;
  transition: .1s ease-out;
}
body .page-wrapper .header .header-right img:hover {
  transform: scale(1.05);
}


body .page-wrapper .header .icon-ok-circled {
  font-size: 20px;
  color: #7ebecc;
}

.page-wrapper .photo-block .icon-plus::before {
  color: #fff;
  transform: scale(0);
}

.page-wrapper .photo-block .photo:hover .icon-plus::before {
  transform: scale(1) !important;
}



body .border-block-wrapper {
  box-shadow: 0 0 40px #f5f5f5;
  color: #333 !important;
}

body .border-block-wrapper:hover {
  box-shadow: 0 0 40px #fff;
}

.no-result {
  position: relative;
  font-size: 30px;
  padding: 210px 0;
  text-align: center;
}


body .service-select .photo-inner {
  display: flex;
  align-items: center;
  justify-content: center;
}

.register .form-group {
  width: 100%;
  position: relative;
}



.cabinet .self {
  background-size: cover;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  cursor: pointer;
}


#map .mapboxgl-ctrl-top-right {
  top: 60px !important;
}

.social-block-wrapper:hover {
  transform: none !important;
  box-shadow: none !important;
}

body .social-block-wrapper .social-icons .soc-icon:hover {
  color: #8bd5f3 !important;
}


@media screen and (max-width: 570px) {
  #map .geocoder {
    margin-left: -43% !important;
    width: 75% !important;
  }
}