.body {
   color: #222;
}

a {
   color: #222;
}

img {
   max-width: 100%;
   height: auto;
}

.new-btn {
   display: inline-block;
   padding: 12px 30px;
   text-decoration: none;
   background: #CADE00;
   font-size: 18px;
   font-weight: 500;
   letter-spacing: 0.54px;
   text-align: center;
   border-radius: 8px;
   transition: all .2s ease;
}

.new-btn:hover,
.new-btn:focus {
   background: #92278d;
   color: #fff;
}

.new-btn .icon {
   margin-right: 12px;
   position: relative;
   top: 1px;
}

/* HEADER */

.header {
   margin-bottom: 64px;
   background: #CADE00;
   font-family: 'DINPro', DINPro, 'Helvetica Neue', Arial, sans-serif;
   overflow: hidden;
}

.header__inner {
   padding-top: 43px;
   padding-bottom: 96px;
   position: relative;
}

.header__top {
   max-width: 1192px;
   margin: 0 auto;
   margin-bottom: 62px;
}

.header__main {
   padding-right: 50px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
}

.header__content {
   -webkit-box-flex: 1;
       -ms-flex-positive: 1;
           flex-grow: 1;
}

.header__img {
   width: 1032px;
   height: 483px;
   position: absolute;
   bottom: 0;
   left: 0;
}

.header__info {
   width: 100%;
   min-width: 500px;
   max-width: 500px;
   margin-left: auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: end;
       -ms-flex-align: end;
           align-items: flex-end;
   font-weight: 700;
   position: relative;
   z-index: 5;
}

.header__info > *:not(:last-child) {
   margin-bottom: 20px;
}

.header__title {
   font-size: 60px;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 1.8px;
}

.header__percent {
   padding: 0 20px;
   font-size: 100px;
   line-height: 110%;
   font-weight: bold;
   text-transform: uppercase;
   text-align: center;
   background: #B3007C;
   color: #fff;
   white-space: nowrap;
}

.header__description {
   max-width: 343px;
}

.header__btn {
   padding: 15px 50px;
   display: inline-block;
   min-width: 343px;
   text-align: center;
   font-size: 18px;
   font-weight: 500;
   letter-spacing: 0.54px;
   border-radius: 8px;
   background: #fff;
   text-decoration: none;
   transition: all .2s ease;
}

.header__btn:hover,
.header__btn:focus {
   background: #92278d;
   color: #fff;
}

/* MAIN */

.r-address, .r-services {
   margin-bottom: 85px;
   font-family: 'DINPro', DINPro, 'Helvetica Neue', Arial, sans-serif;
}

.r-address__inner {
   max-width: 1200px;
   margin: 0 auto;
}

.r-address__header {
   margin-bottom: 32px;
}

.r-address__title {
   color: var(--black, #222);
   font-weight: bold;
   font-size: 24px;
   font-style: normal;
   line-height: normal;
   letter-spacing: 0.72px;
}

.r-address__list {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   grid-gap: 30px;
}

.r-address__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   padding: 16px 16px 32px;
   border-radius: 8px;
   border: 1px solid var(--light-grey, #EEE);
   background: var(--white, #FFF);
   -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.10);
           box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.10);
}

.r-address__top {
   margin-bottom: 14px;
}

.r-address__name {
   color: #B3007C;
   font-size: 18px;
   font-weight: 700;
   letter-spacing: 0.54px;
}

.r-address__info {
   margin-bottom: 20px;
}

.r-address__list {
   font-size: 15px;
   font-weight: 500;
   letter-spacing: 0.45px;
}

.r-address__places {
   margin-bottom: 0;
   padding-left: 0;
   list-style-type: none;
}

.r-address__places-item {
   padding: 3px 0;
   padding-left: 36px;
   margin-bottom: 12px;
   position: relative;
}

.r-address__places-item::before {
   content: '';
   position: absolute;
   left: 5px;
   top: 6px;
   font-family: icomoon;
   font-weight: 400;
   font-style: normal;
   font-variant: normal;
   line-height: 1;
   text-transform: none;
   text-rendering: auto;
   speak: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-size: 18px;
   display: inline-block;
   color: #222;
}

.r-address__places-item--location::before {
   content: "\e901";
}

.r-address__places-item--time::before {
   content: "\e904";
}

.r-address__places-item--metro::before {
   content: "\e902";
}

.r-address__places li:last-child {
   margin-bottom: 0;
}

.r-address__places p {
   margin-bottom: 2px;
}

.r-address__manage {
   margin-top: auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
}

.r-address__manage a {
   white-space: nowrap;
   margin-bottom: 24px;
}

.r-address__manage a:last-child {
   margin-bottom: 0;
}

.r-address__call {
   width: 100%;
}

.r-address__link {
   color: #222;
   text-align: center;
   font-size: 18px;
   font-weight: 400;
   letter-spacing: 0.54px;
}

.r-address__link:hover,
.r-address__link:focus {
   text-decoration: none;
   color: #92278d;
}

.r-services {
   font-family: 'DINPro', DINPro, 'Helvetica Neue', Arial, sans-serif;
}

.r-services__inner {
   width: 100%;
   max-width: 795px;
   margin: 0 auto;
}

.r-services__item {
   padding: 16px 0;
}

.r-services__item:not(:last-child) {
   border-bottom: 1px solid #EEE;
}

.r-services ul {
   padding: 0;
   list-style: none;
}

.r-services__top {
   margin-bottom: 56px;
}

.r-services__toggle {
   font-size: 24px;
   font-weight: 700;
   letter-spacing: 0.72px;
   color: #222;
   text-decoration: none;
}

.r-services__toggle > * {
   font-size: 24px;
   font-weight: 700;
}

.r-services__toggle .icon {
   font-size: 18px;
   margin-left: 12px;
   transition: transform .2s ease;
}

.r-services__toggle.is-active .icon {
   transform: rotate(180deg);
}

.r-services__list li {
   margin-bottom: 13px;
   font-size: 16px;
   letter-spacing: 0.48px;
}

.r-services__list a:hover,
.r-services__list a:focus {
   text-decoration: none;
   color: #92278d;
}

.r-services__manage {
   margin-bottom: 21px;
}

.r-services__title {
   margin-bottom: 20px;
   font-size: 20px;
   font-weight: 700;
   letter-spacing: 0.6px;
}

.r-services__info p:last-child {
   margin-bottom: 0;
}

.r-services__name {
   margin-bottom: 12px;
   font-size: 18px;
   line-height: 130%;
   font-weight: 500;
   letter-spacing: 0.54px;
}

.r-services__code {
   color: #8E8E8E;
   font-size: 16px;
   font-weight: 400;
   letter-spacing: 0.48px;
}

.r-services__prices {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: end;
       -ms-flex-pack: end;
           justify-content: flex-end;
   -webkit-box-align: end;
       -ms-flex-align: end;
           align-items: flex-end;
}

.r-services__prices > * {
   margin: 0;
}

.r-services__prices > *:not(:first-child) {
   margin-left: 15px;
}

.r-services__prices-old {
   position: relative;
   bottom: 2px;
   color: #8E8E8E;
   font-size: 16px;
   font-weight: 400;
   letter-spacing: 0.48px;
   -webkit-text-decoration-line: line-through;
           text-decoration-line: line-through;
}

.r-services__prices-new {
   color: #B3007C;
   font-size: 20px;
   font-weight: 700;
   letter-spacing: 0.6px;
}

.r-order {
   background: #F4FBFD;
   font-family: 'DINPro', DINPro, 'Helvetica Neue', Arial, sans-serif;
}

.r-order__inner {
   width: 100%;
   max-width: 795px;
   margin: 0 auto;
   padding: 80px 0;
}

.r-order__img {
   width: 343px;
   min-width: 343px;
   margin-right: 108px;
}

.r-order__content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
}

.r-order__question {
   margin-bottom: 7px;
   font-size: 16px;
   font-weight: 500;
   letter-spacing: 0.48px;
}

.r-order__answer {
   margin-bottom: 20px;
   font-size: 20px;
   font-weight: 500;
   letter-spacing: 0.6px;
}

.r-order__btn {
   min-width: 343px;
}

/* FOOTER */

.footer {
   padding: 75px 0 45px;
   background: #B3007C;
   color: #fff;
   font-family: 'DINPro', DINPro, 'Helvetica Neue', Arial, sans-serif;
   overflow: hidden;
}

.footer__inner {
   width: 100%;
   max-width: 1000px;
   margin: 0 auto;
   position: relative;
}

.footer__main {
   min-height: 415px;
   position: relative;
   left: 110px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
}

.footer__info {
   width: 400px;
   min-width: 400px;
   position: relative;
   z-index: 5;
}

.footer__title {
   margin-bottom: 7px;
   font-size: 32px;
   font-weight: 700;
   letter-spacing: 0.96px;
}

.footer__text {
   margin-bottom: 32px;
   font-size: 20px;
   font-weight: 400;
   letter-spacing: 0.6px;
}

.footer__btn {
   min-width: 343px;
   padding: 14px 32px;
   display: inline-block;
   font-size: 20px;
   font-weight: 700;
   letter-spacing: 0.6px;
   text-align: center;
   text-decoration: none;
   background: #fff;
   border-radius: 8px;
   transition: all .2s ease;
}

.footer__btn:hover,
.footer__btn:focus {
   background: #92278d;
   color: #fff;
}

.footer__btn .icon {
   margin-right: 12px;
   position: relative;
   top: 1px;
}

.footer__img {
   position: absolute;
   bottom: 0;
   right: 0;
}

/* ADAPTIVE */

@media screen and (max-width: 1200px) {
   .header__main {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
   }

   .header__img {
      position: static;
   }

   .header__info {
      margin-left: 0;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
   }

   .footer__main {
      left: 0;
      position: static;
   }
}

@media screen and (max-width: 991px) {
   .header__inner {
      padding-top: 40px;
      padding-bottom: 40px;
   }

   .header__info {
      min-width: auto;
   }

   .header__main {
      padding-right: 0;
   }

   .header__img {
      width: 100%;
      height: auto;
   }

   .r-address, .r-services {
      margin-bottom: 60px;
   }

   .r-address__list {
      grid-template-columns: 1fr;
      grid-gap: 20px;
   }

   .r-order__inner {
      padding: 60px 0;
   }

   .r-order__content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
   }

   .r-order__img {
      margin: 0;
      margin-bottom: 18px;
   }

   .footer__main {
      min-height: auto;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
   }

   .footer__content {
      -webkit-box-ordinal-group: 0;
          -ms-flex-order: -1;
              order: -1;
   }

   .footer__img {
      position: static;
   }
}

@media screen and (max-width: 767px) {
   .header {
      margin-bottom: 48px;
   }

   .header__title {
      font-size: 40px;
   }

   .footer__info {
      width: auto;
      min-width: auto;
   }
}

@media screen and (max-width: 560px) {
   .header__inner {
      padding-top: 32px;
      padding-bottom: 20px;
   }

   .header__title {
      font-size: 24px;
   }

   .header__top {
      margin-bottom: 10px;
   }

   .header__img {
      max-width: 150%;
      width: 150%;
      left: -70px;
      position: relative;
   }

   .header__info {
      margin-top: -50px;
   }

   .r-address__header {
      margin-bottom: 28px;
   }

   .r-services__top {
      margin-bottom: 48px;
   }

   .footer__img {
      max-width: 150%;
      width: 150%;
      position: relative;
      left: -100px;
   }

   .r-order__btn {
      width: 100%;
      min-width: auto;
   }
}

@media screen and (max-width: 460px) {
   .header__btn, .footer__btn {
      min-width: 100%;
      width: 100%;
   }
}