@charset 'UTF-8';
@import url( ./normalize.min.css );
@import url( ./bootstrap-grid.min.css );
@import url( ./fonts.min.css );

body {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  line-height: 1.5rem;
  background: #E5E5E5;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  flex-basis: auto;
}

#main {
  flex-grow: 1;
  flex-basis: auto;
  margin: 65px 0 15px;
}

#back-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  display: block;
  width: 50px;
  height: 50px;
  background: #F00;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  transition: .2s linear;
  z-index: 999;
}
.didi_style #back-top {
  background: #ff793a;
}
#back-top.active {
  opacity: 1;
  visibility: visible;
}
#back-top:before {
  content: '';
  border-color: #FFF;
  border-style: solid;
  border-width: 5px 5px 0 0;
  display: inline-block;
  height: 20px;
  width: 20px;
  position: relative;
  left: 15px;
  top: 19px;
  transform: rotate(-45deg);
  vertical-align: top;
}

.home #main,
.body_no_margin #main {
  margin-bottom: -1px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: RobotoSlab, sans-serif;
  font-weight: 400;
}

.red {
  color: #FF0000;
}
.didi_style .red {
  color: #ff793a;
}
.center {
  text-align: center !important;
}

a {
  color: #FF0000;
}

.didi_style a {
  color: #ff793a;
}

.item-page p {
  text-align: left;
}

.input-label,
.checkbox-label,
.file-label {
  display: block;
  position: relative;
  margin: 10px 0;
}
.input-label input {
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 42px;
  color: #737373;
  padding: 0 13px;
  height: 42px;
  outline: none;
  border: 1px solid #BBB;
  transition: .1s linear;
  border-radius: 3px;
}
.input-label input:focus {
  border: 1px solid #FFB606;
}
.didi_style .input-label input:focus {
  border: 1px solid #ff793a;
}
.input-label span {
  position: absolute;
  display: inline-block;
  left: 13px;
  top: 50%;
  transform: translate(0,-50%);
  font-size: 16px;
  line-height: 1em;
  color: #737373;
  background: #fff;
  padding: 0 2px;
  transition: .1s linear;
}
.input-label input:focus + span,
.input-label.active span {
  top: -5px;
  font-size: 12px;
  transform: initial;
}
.input-label input::placeholder {
  font-size: 16px;
  line-height: 1em;
  color: #737373;
}

.checkbox-label span {
  font-family: RobotoSlab, sans-serif;
  font-size: 18px;
  line-height: 25px;
  font-weight: 400;
  padding-left: 35px;
  cursor: pointer;
}
.checkbox-label span:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 25px;
  height: 25px;
  border: 1px solid #BBB;
  border-radius: 3px;
}
.checkbox-label input {
  display: none;
}
.checkbox-label input:checked + span:before {
  content: '\2713';
  text-align: center;
  color: #F00;
  font-size: 26px;
  font-weight: bold;
  line-height: 25px;
  border: 1px solid #F00;
}

.file-label {
  padding: 10px;
  border: 1px dashed #F00;
  border-radius: 3px;
}
.file-label span {
  position: absolute;
  display: inline-block;
  left: 13px;
  top: -5px;
  font-size: 12px;
  line-height: 1em;
  color: #737373;
  background: #fff;
  padding: 0 2px;
  transition: .1s linear;
}
.file-label input {
  font-size: 14px;
}

.label-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 10px -10px;
}
.label-group label {
  width: calc( 100% / 2 - 20px );
  margin: 0 10px;
}

.btn {
  display: inline-block;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  line-height: 1em;
  font-weight: 700;
  /*letter-spacing: -1.5px;*/
  padding: 15px 35px;
  background: #1C1C1E;
  color: #FFF;
  border: none;
  outline: none;
  cursor: pointer;
  text-decoration: none;
}

.privacy,
.form-info {
  margin: 10px 0;
  text-align: center;
  font-size: 11px;
  line-height: 11px;
  color: #1C1C1E;
}
.form-info {
  text-align: left;
  margin-left: 15px;
}
.privacy a {
  color: #1C1C1E;
}

.block .inner {
  padding: 50px 0;
  background: #FFF;
}
.block .header {
  text-align: center;
  font-family: RobotoSlab, sans-serif;
  font-weight: 400;
  font-size: 38px;
  line-height: 1.3em;
  margin-bottom: 60px;
}
.block.yellow {
  background: #FFB606;
}
.block.black {
  background: #1C1C1E;
}

#welcome,
#welcome2 {
}
#welcome .container,
#welcome2 .container {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
}
#welcome .left,
#welcome2 .left {
  background: #fff;
  width: 100%;
  max-width: 670px;
  padding: 125px 40px 240px;
  position: relative;
}
#welcome .left:before,
#welcome2 .left:before {
  content: '';
  position: absolute;
  right: -250px;
  bottom: 47px;
  display: block;
  width: 642px;
  height: 350px;
  background: url(/images/taxi.png) no-repeat;
  background-size: cover;
}
#welcome.didi .left:before,
#welcome2.didi .left:before {
  background: url(/images/didi-taxi.png) no-repeat;
  background-size: 550px;
}

#welcome .left h4,
#welcome2 .left h4 {
  margin: 7px 0 7px;
  font-size: 38px;
  line-height: 1em;
}
#welcome .left h4 a,
#welcome2 .left h4 a {
  color: #333;
  transition: .2s ease-in-out;
  text-decoration: none;
}
#welcome .left h4 a:hover,
#welcome2 .left h4 a:hover {
  color: red
}
.didi_style #welcome .left h4 a:hover,
.didi_style #welcome2 .left h4 a:hover {
  color: #ff793a
}
#welcome .left h3,
#welcome2 .left h3 {
  margin: 20px 0 71px;
  font-size: 60px;
  font-weight: 700;
  line-height: 1em;
}
#welcome .left .commission,
#welcome2 .left .commission {
  font-size: 24px;
  line-height: 26px;
  position: relative;
}
#welcome .left .commission .percent,
#welcome2 .left .commission .percent {
  position: absolute;
  left: 169px;
  top: 50%;
  transform: translate(0,-50%);
  font-family: RobotoSlab, sans-serif;
  font-weight: 900;
  font-size: 50px;
  line-height: 50px;
  text-align: center;
  letter-spacing: 3px;
  color: #FFF;
  background: #FF0000;
  display: block;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.didi_style #welcome .left .commission .percent,
.didi_style #welcome2 .left .commission .percent {
  background: #ff793a;
}
#welcome .left .commission .percent strong,
#welcome2 .left .commission .percent strong {
  font-size: 12px;
  line-height: 12px;
  color: #fff;
}
#welcome .right,
#welcome2 .right {
  width: 100%;
  max-width: calc(100% - 670px);
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-bottom: 45px;
}
#welcome .right .form,
#welcome2 .right .form {
  width: 100%;
  max-width: 370px;
  margin-top: 48px;
  background: #FFF;
  position: relative;
}
#welcome .right .form .header,
#welcome2 .right .form .header {
  color: #FFF;
  text-align: center;
  position: relative;
  overflow: hidden;
  z-index: 1;
  padding: 20px 0 55px;
  font-family: RobotoSlab, sans-serif;
  font-size: 24px;
  line-height: 1em;
  font-weight: 700;
  margin-bottom: 35px;
}
#welcome .right .form .header:before,
#welcome2 .right .form .header:before {
  content: '';
  display: block;
  width: 518px;
  height: 518px;
  background: #FFB606;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: -406px;
  transform: translate(-50%, 0);
  z-index: -1;
}
.didi_style #welcome .right .form .header:before,
.didi_style #welcome2 .right .form .header:before {
  background: #ff793a;
}
#welcome .right .form form,
#welcome2 .right .form form {
  padding: 0 38px;
}
#welcome .right .form .btn,
#welcome2 .right .form .btn {
  width: 100%;
  margin-top: 0;
  margin-bottom: 40px;
  height: 57px;
  line-height: 57px;
  padding: 0;
  text-align: center;
}
#welcome .right img,
#welcome2 .right img {
  display: block;
  margin: 0 auto 34px;
}
#welcome2 .left p {
  font-family: RobotoSlab, sans-serif;
  font-size: 18px;
  margin: 0 0 50px;
}

#anketa,
#anketa2,
#anketa3 {
  padding: 15px 0;
  text-align: center;
  box-shadow: 0 0 10px rgba(0,0,0,.3);
}
#anketa .btn,
#anketa2 .btn,
#anketa3 .btn {
  background: #F00;
  color: #fff;
  line-height: 1em;
  padding: 20px 25px;
  font-family: RobotoSlab, sans-serif;
  font-size: 22px;
  line-height: 1em;
  margin: 10px;
}
#anketa .btn.btn-yellow,
#anketa2 .btn.btn-yellow,
#anketa3 .btn.btn-yellow {
  background: #ffb606;
  color: #1c1c1e;
}
.didi_style #anketa .btn,
.didi_style #anketa2 .btn,
.didi_style #anketa3 .btn {
  background: #ff793a;
}
#anketa .btn.small,
#anketa2 .btn.small,
#anketa3 .btn.small {
  background: #FFF;
  font-size: 14px;
  font-weight: 400;
  padding: 10px 15px;
  color: #1C1C1E;
}
#anketa .container,
#anketa2 .container,
#anketa3 .container {
  display: flex;
  align-items: center;
  flex-direction: column;
}

#reasons .inner {
  padding-left: 70px;
  padding-right: 70px;
}
#reasons .item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin: 15px 0;
}
#reasons .item .icon {
  width: 85px;
  height: 85px;
  margin-right: 20px;
}
#reasons .item .icon img {
  object-fit: cover;
  object-position: center;
}
#reasons .item .info .title {
  font-size: 20px;
}
#reasons .item .info p {
  margin: 0;
  margin-top: 10px;
  font-size: 14px;
  line-height: 14px;
  color: rgba(0,0,0,.5);
}
#reasons .item .info p a {
  color: #FF0000;
}

#footer {
  background: #1C1C1E;
  color: #FFF;
  padding-top: 15px;
}
.grecaptcha-badge {
  visibility: hidden;
}
.captcha {
  padding: 0;
  margin: 5px 0;
  font-size: 12px;
  line-height: 1em;
  /*text-align: center;*/
  color: rgba(255,255,255,.5);
}
.captcha a {
  color: rgba(255,255,255,.5);
}

.form-header {
  position: relative;
  padding: 15px 0;
  z-index: 1;
}
.form-header span {
  display: inline-block;
  padding: 0 10px 0 0;
  background: #fff;
  text-transform: uppercase;
  font-family: RobotoSlab, sans-serif;
  font-size: 22px;
  line-height: 1em;
}
.form-header:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translate(0,-50%);
  height: 3px;
  background: #F00;
  z-index: -1;
}

.anketa {
  padding: 10px 25px 25px;
  background: #fff;
}
.anketa p:last-child {
  margin-bottom: 0;
}
.anketa .input-label,
.anketa .checkbox-label,
.anketa .file-label {
  margin: 20px 0;
}
.anketa .label-group {
  margin: 20px -10px;
}
.anketa .label-group label {
  margin: 0 10px;
}

#footer h2 {
  text-align: center;
  font-size: 32px;
  line-height: 25px;
}
#footer h2 small {
  display: block;
  font-size: 13px;
}
.home #footer h2 {
  margin-top: 0;
}
#footer .contacts a {
  color: rgba(255,255,255,.5);
}
#footer .policy {
  margin: 5px 0;
  /*text-align: center;*/
  font-size: 12px;
  line-height: 1em;
  color: rgba(255,255,255,.5);
}
#footer .policy a {
  color: rgba(255,255,255,.5);
}
#footer .copy,
#footer .contacts,
#footer .partner {
  color: rgba(255,255,255,.7);
  text-align: center;
  font-size: 14px;
  line-height: 1em;
  margin: 5px 0;
}
#footer .copy a,
#footer .contacts a,
#footer .partner a {
  color: rgba(255,255,255,.7);
}

.atrium-footer-ask {
  text-align: right;
  padding-top: 9px;
}
.atrium-footer-ask a {
  display: inline-block;
  vertical-align: middle;
  line-height: 24px;
}

.atrium-footer a:focus, .atrium-header a:active, .atrium-footer a:hover {
  text-decoration: none;
  color: #ffb606;
  transition: .2s ease-in-out;
}

.atrium-footer svg {
  vertical-align: middle;
}

.payments {
  margin-top: 130px;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  color: #ff3333;
}

#welcome.didi .left {
  background: #fff;
  width: 100%;
  max-width: 670px;
  padding: 125px 40px 130px;
  position: relative;
}

#footer > h2 > a {
  display: inline-block;
  text-decoration: none;
  color: #fff;
}

#welcome.courier .left:before,
#welcome2.courier .left:before {
  width: 449px;
  height: 245px;
  right: -125px;
}
#welcome.courier .left:after,
#welcome2.courier .left:after {
  content: '';
  position: absolute;
  right: 320px;
  bottom: 47px;
  display: block;
  width: 175px;
  height: 193px;
  background: url(/images/Ybag.png) no-repeat;
  background-size: cover;
}
#anketa.inline-flex .container,
#anketa2.inline-flex .container,
#anketa3.inline-flex .container {
  justify-content: center;
  flex-direction: row;
}
.types {
  display: flex;
  justify-content: space-between;
}
.type {
  text-align: center;
  padding: 0 20px;
}
.type span {
  display: block;
}

#footer .seo_wrap {
  width: 100%;
  padding: 0 15px;
  margin-top: 1em;
  margin-bottom: 1em;
}
#footer .seo_wrap h1 {
  font-size: 16px;
  margin: 0 0 .5rem;
}
#footer .seo_wrap h2 {
  font-size: 12px;
  margin: 0 0 .5rem;
  text-align: left;
  display: block;
}
#footer .seo_wrap * {
  color: rgba(255,255,255,.5);
  text-align: left;
}
#footer .seo_wrap p {
  font-size: 12px;
  line-height: 1.3em;
  margin: 0 0 .5rem;
}