@font-face {
  font-family: "NissanBrand";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/NissanBrand-Regular.woff2") format("woff2"); }

@font-face {
  font-family: "NissanBrand";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/NissanBrand-Light.woff2") format("woff2"); }

@font-face {
  font-family: "NissanBrand";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/NissanBrand-Bold.woff2") format("woff2"); }

*::-webkit-input-placeholder {
  color: rgba(26, 26, 26, 0.6);
  opacity: 1; }

*:-moz-placeholder {
  color: rgba(26, 26, 26, 0.6);
  opacity: 1; }

*::-moz-placeholder {
  color: rgba(26, 26, 26, 0.6);
  opacity: 1; }

*:-ms-input-placeholder {
  color: rgba(26, 26, 26, 0.6);
  opacity: 1; }

*::-ms-clear {
  display: none; }

*::-webkit-scrollbar {
  width: 8px; }

*::-webkit-scrollbar-track {
  background: #1a1a1a; }

*::-webkit-scrollbar-thumb {
  background: #13599f; }

* {
  scrollbar-base-color: #ddd;
  scrollbar-face-color: #13599f;
  scrollbar-3dlight-color: transparent;
  scrollbar-highlight-color: transparent;
  scrollbar-track-color: transparent;
  scrollbar-arrow-color: #13599f;
  scrollbar-shadow-color: transparent;
  scrollbar-dark-shadow-color: transparent; }

*::-moz-selection {
  color: #13599f;
  background: #1a1a1a; }

*::selection {
  color: #13599f;
  background: #1a1a1a; }

body input:focus:required:invalid,
body textarea:focus:required:invalid {
  color: green; }

body input:required:valid,
body textarea:required:valid {
  color: green; }

body {
  font-size: 16px;
  min-width: 320px;
  position: relative;
  line-height: 1.2em;
  font-family: "NissanBrand", sans-serif;
  overflow-x: hidden;
  opacity: 1;
  color: #1a1a1a; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

* {
  margin: 0;
  padding: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-family: "NissanBrand", sans-serif;
  line-height: 1.2em; }

a {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip: ink;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  color: #13599f;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  outline-width: 0; }

[v-cloak] {
  display: none; }

.redput {
  color: #cd002d;
  border-color: #cd002d;
  -webkit-box-shadow: none;
          box-shadow: none; }
  .redput::-webkit-input-placeholder {
    color: #cd002d !important; }
  .redput:-moz-placeholder {
    color: #cd002d !important; }
  .redput::-moz-placeholder {
    color: #cd002d !important; }
  .redput:-ms-input-placeholder {
    color: #cd002d !important; }
[type="submit"]:disabled {
  cursor: default;
  opacity: .7;
}

.btn {
  position: relative;
  display: inline-block;
  background-color: transparent;
  color: #fff;
  text-transform: uppercase;
  font-size: 20px;
  letter-spacing: 2px;
  font-weight: bold;
  line-height: 1em;
  text-align: center;
  text-decoration: none !important;
  -webkit-transition: all 0.3s cubic-bezier(1, 1, 0.44, 0.92);
  -o-transition: all 0.3s cubic-bezier(1, 1, 0.44, 0.92);
  transition: all 0.3s cubic-bezier(1, 1, 0.44, 0.92);
  border: 0;
  padding: 22px 30px;
  -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.35);
          box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.35);
  background: #ee002f;
  background: -webkit-gradient(linear, left top, left bottom, from(#ee002f), to(#b10028));
  background: -webkit-linear-gradient(top, #ee002f 0%, #b10028 100%);
  background: -o-linear-gradient(top, #ee002f 0%, #b10028 100%);
  background: linear-gradient(180deg, #ee002f 0%, #b10028 100%);
  -webkit-border-radius: 10px;
          border-radius: 10px; }
  .btn:hover, .btn:focus {
    text-decoration: none;
    color: #fff;
    -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
            transform: scale(0.95); }
  .btn .text {
    position: relative;
    z-index: 1; }
  .btn .progress {
    position: absolute;
    height: 100%;
    width: 0;
    background-color: #0e4071;
    left: 0;
    top: 0;
    -webkit-border-radius: 2px;
            border-radius: 2px; }
  .btn.sending .progress {
    -webkit-animation-name: sendingPhone;
            animation-name: sendingPhone;
    -webkit-animation-duration: 3s;
            animation-duration: 3s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1; }

.no-wrap {
  white-space: nowrap; }

#app {
  overflow: hidden; }

.input-block {
  width: 269px;
  height: 60px;
  position: relative;
  margin: 0 auto; }

.input {
  display: block;
  text-align: left;
  font-size: 12px;
  font-weight: 300;
  font-family: "NissanBrand", sans-serif;
  letter-spacing: 0.36px;
  color: #8099b3;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  line-height: 1em;
  border: none;
  border: 1px solid #8099b3;
  padding-left: 30px;
  position: relative;
  z-index: 2;
  background-color: transparent;
  color: #bfbfbf !important;
  position: relative;
  height: 100%;
  width: 100%; }

.phone {
  white-space: nowrap; }

button {
  display: block !important; }

.red {
  color: #cd002d !important; }

#popup {
  position: fixed;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  visibility: hidden;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }
  #popup img.call {
    position: absolute;
    bottom: -160px;
    left: -webkit-calc(50% - 160px);
    left: calc(50% - 160px); }
  #popup p.registrtop {
    padding-top: 50px;
    color: #13599f; }
  #popup img.registr {
    position: absolute;
    top: -120px;
    left: -webkit-calc(50% - 220px);
    left: calc(50% - 220px);
    width: 440px; }
  #popup .body {
    max-width: 372px;
    width: 100%;
    margin: 0 auto;
    background: #fff;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%) scale(0);
        -ms-transform: translateY(-50%) scale(0);
            transform: translateY(-50%) scale(0);
    text-align: center;
    padding-top: 0px;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); }
    #popup .body .close {
      position: absolute;
      width: 49px;
      height: 49px;
      top: -5px;
      right: -5px;
      cursor: pointer;
      -webkit-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s;
      -webkit-border-radius: 50%;
              border-radius: 50%; }
      #popup .body .close:before {
        content: '';
        display: block;
        position: absolute;
        width: 40%;
        height: 2px;
        background: #13599f;
        -webkit-border-radius: 5px;
                border-radius: 5px;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
        top: 48%;
        left: 30%; }
      #popup .body .close:after {
        content: '';
        display: block;
        position: absolute;
        width: 40%;
        height: 2px;
        background: #13599f;
        -webkit-border-radius: 5px;
                border-radius: 5px;
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
        top: 48%;
        left: 30%; }
      #popup .body .close:hover {
        opacity: .6; }
    #popup .body .content.tnxpopup {
      display: block;
      max-height: 70vh;
      height: auto;
      -webkit-overflow-scrolling: touch;
      padding: 20px;
      width: 100%; }
      #popup .body .content.tnxpopup .btn:after {
        display: none; }
      #popup .body .content.tnxpopup p {
        text-align: center; }
      #popup .body .content.tnxpopup p.bold {
        font-weight: bold;
        font-size: 24px; }
    #popup .body .content.politicpopup {
      display: block;
      max-height: 50vh;
      height: auto;
      -webkit-overflow-scrolling: touch;
      padding: 20px;
      width: 100%; }
      #popup .body .content.politicpopup p.bold {
        font-weight: bold;
        font-size: 18px;
        text-align: center; }
      #popup .body .content.politicpopup p {
        font-size: 10px;
        text-align: justify; }
    #popup .body .content {
      max-height: 70vh;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      #popup .body .content p {
        line-height: 1.2em; }
      #popup .body .content form {
        text-align: center;
        padding: 50px; }
        #popup .body .content form .btn {
          width: 100%; }
        #popup .body .content form > p {
          font-family: "NissanBrand", sans-serif;
          letter-spacing: 0.6px;
          font-size: 24px;
          line-height: 1.2em;
          margin-bottom: 60px; }
        #popup .body .content form p.green {
          font-size: 18px;
          padding-top: 10px;
          line-height: 1.2em;
          font-weight: 400;
          color: #13599f;
          text-transform: none; }
      #popup .body .content .form-elements .submit {
        margin-top: 30px; }
      #popup .body .content .form-elements .input-block {
        margin-top: 15px; }
      #popup .body .content .form-elements p.politic {
        font-size: 12px;
        margin-top: 30px; }
        #popup .body .content .form-elements p.politic a {
          color: #bfbfbf;
          text-decoration: underline; }
    #popup .body p.form_disclamer.callbot {
      padding-bottom: 50px; }
    #popup .body p.form_disclamer {
      margin-top: 40px;
      letter-spacing: 0.12px;
      font-size: 12px;
      color: #eee; }
      #popup .body p.form_disclamer a {
        color: #eee;
        text-decoration: underline; }
  #popup.open {
    visibility: visible;
    background: rgba(0, 0, 0, 0.8); }
    #popup.open .body {
      -webkit-transform: translateY(-45%) scale(1);
          -ms-transform: translateY(-45%) scale(1);
              transform: translateY(-45%) scale(1); }

.circle-loader {
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-left-color: #13599f;
  -webkit-animation-name: loader-spin;
          animation-name: loader-spin;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  position: relative;
  display: inline-block;
  vertical-align: top;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  bottom: 20px;
  opacity: 0;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  z-index: 2; }
  .circle-loader:after {
    -webkit-border-radius: 50%;
            border-radius: 50%;
    width: 20px;
    height: 20px; }
  .circle-loader.checking {
    opacity: 1; }

.load-complete {
  -webkit-animation: none;
          animation: none;
  border-color: #299926;
  -webkit-transition: border 500ms ease-out;
  -o-transition: border 500ms ease-out;
  transition: border 500ms ease-out; }
  .load-complete.wrong {
    border-color: #cd002d;
    cursor: pointer; }
    .load-complete.wrong:before {
      content: '';
      display: block;
      height: 2px;
      width: 8px;
      background: #cd002d;
      display: block;
      position: absolute;
      top: 7px;
      left: 4px;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg);
      -webkit-transform-origin: center;
          -ms-transform-origin: center;
              transform-origin: center; }
    .load-complete.wrong:after {
      content: '';
      display: block;
      height: 2px;
      width: 8px;
      background: #cd002d;
      display: block;
      position: absolute;
      top: 7px;
      left: 4px;
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg);
      -webkit-transform-origin: center;
          -ms-transform-origin: center;
              transform-origin: center; }

.checkmark {
  display: none; }
  .checkmark:after {
    opacity: 1;
    height: 11px;
    width: 7px;
    -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
            transform-origin: left top;
    border-right: 2px solid #299926;
    border-top: 2px solid #299926;
    content: '';
    left: 2px;
    top: 8px;
    position: absolute; }
  .checkmark.draw:after {
    -webkit-animation-duration: 800ms;
            animation-duration: 800ms;
    -webkit-animation-timing-function: ease;
            animation-timing-function: ease;
    -webkit-animation-name: checkmark;
            animation-name: checkmark;
    -webkit-transform: scaleX(-1) rotate(135deg);
        -ms-transform: scaleX(-1) rotate(135deg);
            transform: scaleX(-1) rotate(135deg); }
  .checkmark.checked {
    display: block; }

@-webkit-keyframes loader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes loader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1; }
  20% {
    height: 0;
    width: 7px;
    opacity: 1; }
  40% {
    height: 11px;
    width: 7px;
    opacity: 1; }
  100% {
    height: 11px;
    width: 7px;
    opacity: 1; } }

@keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1; }
  20% {
    height: 0;
    width: 7px;
    opacity: 1; }
  40% {
    height: 11px;
    width: 7px;
    opacity: 1; }
  100% {
    height: 11px;
    width: 7px;
    opacity: 1; } }

@-webkit-keyframes sendingPhone {
  0% {
    width: 0; }
  20% {
    width: 10%; }
  40% {
    width: 30%; }
  50% {
    width: 45%; }
  55% {
    width: 50%; }
  65% {
    width: 80%; }
  100% {
    width: 100%; } }

@keyframes sendingPhone {
  0% {
    width: 0; }
  20% {
    width: 10%; }
  40% {
    width: 30%; }
  50% {
    width: 45%; }
  55% {
    width: 50%; }
  65% {
    width: 80%; }
  100% {
    width: 100%; } }

.btngreen {
  background-color: #13599f; }

.success {
  width: 60%;
  margin: 40px auto 0;
  text-align: center;
  padding: 10px;
  cursor: pointer;
  display: block; }
  .success svg {
    width: 35px;
    height: 28px; }
    .success svg path {
      fill: #fff; }

#app-cons #main {
  background-image: url("../img/bg.jpg");
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center center;
  padding: 110px 0; }
  #app-cons #main .main__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  #app-cons #main .main__wrapper-video {
    width: 519px;
    height: 341px;
    background-image: url("../img/mcbook.png");
    -webkit-background-size: contain;
            background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 21px;
    padding-left: 46px; }
    #app-cons #main .main__wrapper-video iframe {
      width: 430px;
      height: 276px; }
  #app-cons #main .main__wrapper-title {
    width: 400px; }
  #app-cons #main h1 {
    margin-bottom: 40px; }
    #app-cons #main h1 span {
          font-size: 23px;
    color: #f7f7f7;
    line-height: 1.4;
    display: block;
    font-weight: normal;
    text-transform: none;
    }
  #app-cons #main p {
    font-size: 23px;
    color: #f7f7f7;
    line-height: 1.4; }
  #app-cons #main .btn {
    margin-top: 80px; }

#app-cons h1 {
  font-size: 36px;
  text-transform: uppercase;
  color: #ffffff;
  letter-spacing: 3px; 
line-height: 1.4;}

#app-cons h2 {
  font-size: 37px;
  font-weight: 700;
  letter-spacing: 2.22px;
  text-transform: uppercase;
  text-align: center; }

#app-cons #scheme-work {
  padding: 50px 0;
  position: relative; }
  #app-cons #scheme-work .scheme-work__wrapper {
    margin-top: 50px;
    position: relative; }
    #app-cons #scheme-work .scheme-work__wrapper:after {
      content: '';
      position: absolute;
      left: 50%;
      height: 80%;
      width: 1px;
      top: 10%;
      background-color: #13599f;
      display: block; }
    #app-cons #scheme-work .scheme-work__wrapper .scheme-work__wrapper-item p {
      font-size: 35px;
      text-decoration: underline;
      font-weight: 700;
      line-height: 1.2;
      position: relative;
      z-index: 1;
      cursor: pointer;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease; }
      #app-cons #scheme-work .scheme-work__wrapper .scheme-work__wrapper-item p:hover {
        color: #13599f; }
      #app-cons #scheme-work .scheme-work__wrapper .scheme-work__wrapper-item p span {
        position: absolute;
        font-size: 120px;
        font-weight: 700;
        color: #f6f6f6;
        bottom: 10px;
        z-index: -1; }
    #app-cons #scheme-work .scheme-work__wrapper .scheme-work__wrapper-item:nth-child(odd) {
      margin-left: -webkit-calc(50% + 80px);
      margin-left: calc(50% + 80px);
      position: relative; }
      #app-cons #scheme-work .scheme-work__wrapper .scheme-work__wrapper-item:nth-child(odd):after {
        content: '';
        position: absolute;
        left: -80px;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        top: 50%;
        width: 14px;
        height: 14px;
        background-color: #13599f;
        -webkit-border-radius: 50%;
                border-radius: 50%; }
      #app-cons #scheme-work .scheme-work__wrapper .scheme-work__wrapper-item:nth-child(odd) p span {
        left: 227px; }
    #app-cons #scheme-work .scheme-work__wrapper .scheme-work__wrapper-item:nth-child(even) {
      margin-left: -webkit-calc(50% - 80px);
      margin-left: calc(50% - 80px);
      position: relative; }
      #app-cons #scheme-work .scheme-work__wrapper .scheme-work__wrapper-item:nth-child(even):after {
        content: '';
        position: absolute;
        left: -webkit-calc(50% - 245px);
        left: calc(50% - 245px);
        top: 50%;
        width: 14px;
        height: 14px;
        background-color: #13599f;
        -webkit-border-radius: 50%;
                border-radius: 50%; }
      #app-cons #scheme-work .scheme-work__wrapper .scheme-work__wrapper-item:nth-child(even) p {
        display: inline-block;
        -webkit-transform: translateX(-100%);
            -ms-transform: translateX(-100%);
                transform: translateX(-100%); }
        #app-cons #scheme-work .scheme-work__wrapper .scheme-work__wrapper-item:nth-child(even) p span {
          right: -34px; }

#app-cons #step-1 {
  padding-bottom: 50px; }
  #app-cons #step-1 .step-1__main-text {
    margin: 70px 0;
    font-size: 25px;
    line-height: 1.4; }
  #app-cons #step-1 .step-1__titles {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; }
    #app-cons #step-1 .step-1__titles .step-1__titles-title {
      margin-right: 35px; }
      #app-cons #step-1 .step-1__titles .step-1__titles-title {
        color: #343e46;
        opacity: 0.29;
        text-transform: uppercase;
        text-decoration: underline;
        font-size: 24px;
        font-weight: 700;
        line-height: 1.2;
        cursor: pointer;
        letter-spacing: 2.67px; }
      #app-cons #step-1 .step-1__titles .step-1__titles-title.active {
        font-size: 24px;
        letter-spacing: 2.67px;
        text-decoration: none;
        opacity: 1; }
  #app-cons #step-1 .step-1__info {
    margin-top: 50px;
    display: none;
    padding-bottom: 90px;    
      }
      #app-cons #step-1 .step-1__info.active {
        display: block;
        
      }
    #app-cons #step-1 .step-1__info span {
      display: block;
      margin-bottom: 30px;
      font-size: 21px;
      line-height: 1.4; }

#app-cons h2 {
  position: relative;
  z-index: 1; }
  #app-cons h2 span {
    position: relative;
    font-size: 120px;
    color: #f6f6f6;
    font-weight: 700;
    z-index: -1;
    top: 20px;
    margin-left: -60px; }

#app-cons #step-2 {
  background-color: #eff0f6;
  padding: 50px 0; }
  #app-cons #step-2 .step-2__wrapper-steps {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 60px; }
    #app-cons #step-2 .step-2__wrapper-steps .step-2__wrapper-steps-item {
      width: 220px;
      text-align: center; }
      #app-cons #step-2 .step-2__wrapper-steps .step-2__wrapper-steps-item figure {
        width: 103px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 40px; }
      #app-cons #step-2 .step-2__wrapper-steps .step-2__wrapper-steps-item p {
        font-size: 22px;
        font-weight: 700;
        letter-spacing: 0.6px;
        text-transform: uppercase;
        line-height: 1.4; }
        #app-cons #step-2 .step-2__wrapper-steps .step-2__wrapper-steps-item p a {
          color: #010101; }
  #app-cons #step-2 .step-2__info {
    margin-top: 90px; }
    #app-cons #step-2 .step-2__info .step-2__info-title {
      color: #13599f;
      font-size: 21px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 2.1px;
      line-height: 1.2;
      margin-bottom: 20px;
      margin-top: 40px; }
    #app-cons #step-2 .step-2__info .step-2__info-text {
      font-size: 21px;
      line-height: 1.4; }
      #app-cons #step-2 .step-2__info .step-2__info-text span {
        display: block;
        margin-bottom: 20px;
      }
      #app-cons #step-2 .step-2__info .step-2__info-text a {
        text-decoration: underline;
      }
  #app-cons #step-2 .step-2__footer {
    margin-top: 40px; }
    #app-cons #step-2 .step-2__footer .step-2__footer-title {
      text-align: center;
      font-size: 22px;
      font-weight: 700;
      letter-spacing: 0.6px;
      margin-bottom: 30px; }
    #app-cons #step-2 .step-2__footer .step-2__footer-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-bottom: 40px; }
      #app-cons #step-2 .step-2__footer .step-2__footer-wrapper p {
        width: 400px; }
    #app-cons #step-2 .step-2__footer p {
      font-size: 21px;
      line-height: 1.2; }

#app-cons #step-3 {
  padding-bottom: 50px;
}
  #app-cons #step-3 .step-3__main-text {
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 0.48px;    
    position: relative;
    padding-top: 40px;    
  }
  #app-cons #step-3 .step-3__main-text:after {
content: '';
position: absolute;
top: 0;
left: 0;
background-color: #13599f;
height: 2px;
width: 184px;
  }
  #app-cons #step-3 .step-3__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    #app-cons #step-3 .step-3__wrapper figure {
      width: 500px; }
    #app-cons #step-3 .step-3__wrapper p {
      width: 520px;
      margin-top: 100px; }
      #app-cons #step-3 .step-3__wrapper p span {
        display: block;
        margin-bottom: 20px;
        font-size: 21px;
        line-height: 1.4; }

#app-cons #step-4 {
  padding: 50px 0; }
  #app-cons #step-4 .step-4__tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    width: 553px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    border-bottom: 1px solid #eeeeee;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    #app-cons #step-4 .step-4__tabs span {
      display: block;
      padding-bottom: 19px;
      border-bottom: 3px solid transparent;
      font-size: 17px;
      text-transform: uppercase;
      line-height: 1.2;
      cursor: pointer;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease; }
      #app-cons #step-4 .step-4__tabs span:hover {
        color: #13599f; }
      #app-cons #step-4 .step-4__tabs span.active {
        font-weight: 700;
        letter-spacing: 0.85px;
        color: #13599f;
        border-color: #13599f; }
  #app-cons #step-4 .step-4__tab-info {
    margin-top: 90px; }
    #app-cons #step-4 .step-4__tab-info .bg-map {
      background-image: url("../img/map.png");
      -webkit-background-size: contain;
              background-size: contain;
      background-repeat: no-repeat;
      background-position: top center; }
    #app-cons #step-4 .step-4__tab-info .step-4__wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      /*margin-bottom: 30px;*/
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      #app-cons #step-4 .step-4__tab-info .step-4__wrapper p.title {
        font-size: 24px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 2.3px;
        line-height: 1.4;
        margin-bottom: 30px;
        width: 100%; }
      #app-cons #step-4 .step-4__tab-info .step-4__wrapper p.text {
        font-size: 21px;
        line-height: 1.4; }
        #app-cons #step-4 .step-4__tab-info .step-4__wrapper p.text span {
          display: block;
          margin-bottom: 10px; }
      #app-cons #step-4 .step-4__tab-info .step-4__wrapper .step-4__wrapper-left {
        width: 100%;
        max-width: 500px; }
      #app-cons #step-4 .step-4__tab-info .step-4__wrapper .step-4__wrapper-right {
        max-width: 450px;
        width: 100%; }
        #app-cons #step-4 .step-4__tab-info .step-4__wrapper .step-4__wrapper-right figure {
          margin-bottom: 25px; }
        #app-cons #step-4 .step-4__tab-info .step-4__wrapper .step-4__wrapper-right p {
          font-size: 20px;
          letter-spacing: 0.13px;
          line-height: 1.4; }
          #app-cons #step-4 .step-4__tab-info .step-4__wrapper .step-4__wrapper-right p b {
            display: block;
            font-weight: 700;
            font-size: 21px;
            letter-spacing: 2.3px;
            text-transform: uppercase;
            line-height: 1.4; }
  #app-cons #step-4 .step-4__button {
    margin-top: 80px;
    text-align: center; }

#app-cons #step-5 {
  padding-top: 50px;
  padding-bottom: 100px; }
  #app-cons #step-5 .step-5__text p{
font-size: 25px;
letter-spacing: 0.48px;
line-height: 1.4;
  }
    #app-cons #step-5 .step-5__main-text {
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 0.48px;    
    position: relative;
    padding-top: 40px;    
    line-height: 1.4;
  }
  #app-cons #step-5 .step-5__main-text:after {
content: '';
position: absolute;
top: 0;
left: 0;
background-color: #13599f;
height: 2px;
width: 184px;
  }

  #app-cons #step-5 .step-5__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    margin-top: 95px; }
    #app-cons #step-5 .step-5__wrapper .step-5__wrapper-item {
      width: 190px; }
      #app-cons #step-5 .step-5__wrapper .step-5__wrapper-item figure {
        width: 111px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 40px; }
      #app-cons #step-5 .step-5__wrapper .step-5__wrapper-item p {
        font-size: 24px;
        color: #13599f;
        text-transform: uppercase;
        letter-spacing: 0.6px;
        font-weight: 700;
        text-align: center;
        line-height: 1.4; }
  #app-cons #step-5 .step-5__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 80px; }
    #app-cons #step-5 .step-5__info .step-5__info-text {
      max-width: 540px;
      width: 100%; }
      #app-cons #step-5 .step-5__info .step-5__info-text p {
        font-size: 21px;
        margin-bottom: 35px;
        line-height: 1.4; }
    #app-cons #step-5 .step-5__info figure {
      max-width: 520px;
      width: 100%; }
  #app-cons #step-5 .step-5__button {
    text-align: center;
    margin-top: 60px; }

#app-cons #clients {
  padding: 50px 0;
  background-color: #eff0f6; }
  #app-cons #clients p.clients__length {
    font-size: 29px;
    text-align: center;
    margin-top: 40px;
    line-height: 1.4; }
  #app-cons #clients p.clients__length-des {
    font-size: 21px;
    line-height: 1.4;
    text-align: center;
    margin-top: 40px; }
  #app-cons #clients .clients__button {
    text-align: center;
    margin-top: 65px; }
  #app-cons #clients figure {
            width: -webkit-calc(33.33% - 5px);
        width: calc(25% - 5px);
        margin-bottom: 10px;
        -webkit-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);        
        transition: .3s ease      
     }
       #app-cons #clients figure:hover {
              -webkit-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        filter: grayscale(0%);                
       }
#app-cons #clients .clients-wrapper {
  margin-top: 80px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#app-cons #comments-clients {
  padding: 50px 0; }
  #app-cons #comments-clients .comments__slider {
    margin-top: 120px; }
    #app-cons #comments-clients .comments__slider .comments__slider-slide {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      width: 100%;
      margin: 40px; }
      #app-cons #comments-clients .comments__slider .comments__slider-slide .video {
        width: 560px;
        background-color: rgba(4, 4, 4, 0.23);
        -webkit-border-radius: 15px;
                border-radius: 15px;
        overflow: hidden;
        padding: 0 !important; }
      #app-cons #comments-clients .comments__slider .comments__slider-slide .comments__slider-slide-info {
        max-width: 500px;
        width: 100%; }
        #app-cons #comments-clients .comments__slider .comments__slider-slide .comments__slider-slide-info p.title {
          font-size: 24px;
          font-weight: 700;
          letter-spacing: 0.46px;
          line-height: 1.4;
          margin-bottom: 50px; }
        #app-cons #comments-clients .comments__slider .comments__slider-slide .comments__slider-slide-info p.text {
          font-size: 21px;
          line-height: 1.4; }
  #app-cons #comments-clients .comments__slider-slide-info-author {
    margin-top: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    #app-cons #comments-clients .comments__slider-slide-info-author p {
      line-height: 1.4; }
      #app-cons #comments-clients .comments__slider-slide-info-author p b {
        display: block;
        font-size: 17px;
        letter-spacing: 0.85px;
        text-transform: uppercase; }
    #app-cons #comments-clients .comments__slider-slide-info-author figure {
      width: 64px;
      height: 64px;
      -webkit-border-radius: 50%;
              border-radius: 50%;
      background-color: #eff0f6;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-right: 25px; }
      #app-cons #comments-clients .comments__slider-slide-info-author figure img {
        width: 60%;
        height: auto;
        display: block; }
  #app-cons #comments-clients .text-comments {
    background-color: #eff0f6;
    padding: 50px 0;
    margin-top: 80px; }
    #app-cons #comments-clients .text-comments .text-comments__wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      #app-cons #comments-clients .text-comments .text-comments__wrapper .text-comments__wrapper-item {
        max-width: 550px;
        width: 100%; }
        #app-cons #comments-clients .text-comments .text-comments__wrapper .text-comments__wrapper-item .text-comments__wrapper-item-comment {
          background-color: #fff;
          padding: 40px 60px;
          position: relative;
          margin-bottom: 50px; }
          #app-cons #comments-clients .text-comments .text-comments__wrapper .text-comments__wrapper-item .text-comments__wrapper-item-comment:after {
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 29.5px 0 29.5px 43px;
            border-color: transparent transparent transparent #fff;
            display: block;
            position: absolute;
            bottom: -28px;
            left: 28px; }
        #app-cons #comments-clients .text-comments .text-comments__wrapper .text-comments__wrapper-item .text-comments__wrapper-item-author {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          width: 100%; }
          #app-cons #comments-clients .text-comments .text-comments__wrapper .text-comments__wrapper-item .text-comments__wrapper-item-author figure {
            width: 68px;
            height: 68px;
            margin-right: 25px; }
          #app-cons #comments-clients .text-comments .text-comments__wrapper .text-comments__wrapper-item .text-comments__wrapper-item-author p {
            line-height: 1.4; }
            #app-cons #comments-clients .text-comments .text-comments__wrapper .text-comments__wrapper-item .text-comments__wrapper-item-author p span {
              color: #13599f; }
            #app-cons #comments-clients .text-comments .text-comments__wrapper .text-comments__wrapper-item .text-comments__wrapper-item-author p b {
              display: block;
              text-transform: uppercase;
              font-size: 17px;
              letter-spacing: 0.85px; }

#app-cons #benefits {
  padding: 50px 0; }
  #app-cons #benefits .benefits__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-top: 100px; }
    #app-cons #benefits .benefits__wrapper .benefits__wrapper-item {
      width: 550px;
      padding: 60px 70px;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease;
      cursor: default; }
      #app-cons #benefits .benefits__wrapper .benefits__wrapper-item:hover {
        -webkit-box-shadow: 18px 15px 35px rgba(178, 178, 182, 0.55);
                box-shadow: 18px 15px 35px rgba(178, 178, 182, 0.55); }
        #app-cons #benefits .benefits__wrapper .benefits__wrapper-item:hover .benefits__wrapper-item-title figure img:first-child {
          display: none; }
        #app-cons #benefits .benefits__wrapper .benefits__wrapper-item:hover .benefits__wrapper-item-title figure img:last-child {
          display: block; }
        #app-cons #benefits .benefits__wrapper .benefits__wrapper-item:hover .benefits__wrapper-item-title p {
          color: #13599f; }
      #app-cons #benefits .benefits__wrapper .benefits__wrapper-item > p {
        font-size: 21px;
        letter-spacing: 0.4px;
        line-height: 1.4; }
      #app-cons #benefits .benefits__wrapper .benefits__wrapper-item .benefits__wrapper-item-title {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        margin-bottom: 40px; }
        #app-cons #benefits .benefits__wrapper .benefits__wrapper-item .benefits__wrapper-item-title p {
          font-size: 24px;
          font-weight: 700;
          letter-spacing: 0.92px;
          line-height: 1.4;
          text-transform: uppercase; }
        #app-cons #benefits .benefits__wrapper .benefits__wrapper-item .benefits__wrapper-item-title figure {
          margin-right: 40px;
          width: 57px; }
          #app-cons #benefits .benefits__wrapper .benefits__wrapper-item .benefits__wrapper-item-title figure img:last-child {
            display: none; }
#app-cons #quote {
  padding: 50px 0;
}
#app-cons #quote .quote__button {
  margin-top: 40px;
  text-align: center;
}
#app-cons #call-me {
  padding-bottom: 50px;
}
#app-cons #call-me p.title {
  font-size: 37px;
  letter-spacing: 1.11px;
  margin-bottom: 40px;
  font-weight: bold;
}
#app-cons #call-me p {
  text-align: center;
  font-size: 23px;
  line-height: 1.4;
  letter-spacing: 0.14px;
}
#app-cons #call-me p a {
  font-weight: bold;  
  color: #000;
}

#app-cons #quote .quote__text {
  font-size: 25px;
  margin-bottom: 90px;
  letter-spacing: 0.51px;
  line-height: 1.4;
}
#app-cons #quote .quote__text-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
#app-cons #quote .quote__text-wrapper p {
  max-width: 460px;
  width: 100%;
}
#app-cons #quote .quote__text-wrapper p span {
  font-size: 21px;
  margin-bottom: 15px;
  letter-spacing: 0.13px;
  line-height: 1.4;
  display: block;
  
}

#app-cons #quote .quote__text-wrapper p span.title {
text-transform: uppercase;
letter-spacing: 1.45px;
font-size: 26px;
line-height: 1.4;
margin-bottom: 30px;
font-weight: bold;

}


#app-cons #quote .quote__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }
  #app-cons #quote .quote__wrapper figure {
    max-width: 56px;
    width: 100%;
    margin-right: 33px; }
  #app-cons #quote .quote__wrapper p {
    font-size: 25px;
    letter-spacing: 0.51px;
    line-height: 1.4;
    padding-top: 15px; }

#app-cons .chevrone {
  opacity: 0.2;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: -1.35px;
  padding: 0px 10px; 
display: none;}

#app-cons .flickity-prev-next-button.previous {
  left: -50px; }

#app-cons .flickity-prev-next-button.next {
  right: -50px; }

#app-cons .flickity-prev-next-button {
  background: transparent !important; }

#app-cons .flickity-page-dots .dot {
  background-color: #13599f; }

#app-cons #footer-form {
  background-image: url("../img/bg-footer-form.jpg");
  -webkit-background-size: cover;
          background-size: cover;
  background-position: top center;
  padding-top: 113px;
  padding-bottom: 90px; }
  #app-cons #footer-form form {
    width: 440px; }
    #app-cons #footer-form form button {
      margin-top: 20px; }
    #app-cons #footer-form form .check-agreement {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      width: 100%;
      margin: 20px 0; }
      #app-cons #footer-form form .check-agreement input {
        width: 15px;
        margin-right: 20px; }
      #app-cons #footer-form form .check-agreement label {
        color: #fff; }
        #app-cons #footer-form form .check-agreement label a {
          color: #fff;
          text-decoration: underline; }
    #app-cons #footer-form form p.title {
      font-size: 37px;
      font-weight: bold;
      color: #ffffff;
      letter-spacing: 1.11px;
      line-height: 1.4;
      margin-bottom: 25px; }
    #app-cons #footer-form form p.text {
      font-size: 23px;
      letter-spacing: 0.14px;
      color: #f7f7f7;
      margin-bottom: 25px;
      line-height: 1.4; }
    #app-cons #footer-form form input {
      height: 60px;
      width: 377px;
      padding-left: 18px;
      font-size: 19px;
      color: #f7f7f7;
      letter-spacing: 2.85px;
      background-color: transparent;
      outline: none;
      border: 0;
      border-bottom: 1px solid #fffefe; }
      #app-cons #footer-form form input::-webkit-input-placeholder {
        color: #fffefe; }
      #app-cons #footer-form form input:-moz-placeholder {
        color: #fffefe; }
      #app-cons #footer-form form input::-moz-placeholder {
        color: #fffefe; }
      #app-cons #footer-form form input:-ms-input-placeholder {
        color: #fffefe; }

/*==========  Desktop First  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1400px) {
  /**/ }

/* Medium Devices, Desktops */
@media only screen and (max-width: 1200px) {
  /**/
  #app-cons #step-5 .step-5__text p br{
    display: none;
    
  }
  #app-cons #step-1 .step-1__titles .step-1__titles-title.active {
    font-size: 26px; }
  #app-cons #step-4 .step-4__tab-info .step-4__wrapper .step-4__wrapper-left {
    max-width: 440px; }
  #app-cons #comments-clients .text-comments .text-comments__wrapper .text-comments__wrapper-item {
    max-width: 400px; }
  #app-cons #benefits .benefits__wrapper .benefits__wrapper-item {
    width: 470px; }
  #app-cons {
    overflow-x: hidden; }
      #app-cons #scheme-work .scheme-work__wrapper .scheme-work__wrapper-item:nth-child(even):after {
    left: -webkit-calc(50% - 200px);
    left: calc(50% - 200px); }
     }

/* Small Devices, Tablets */
@media only screen and (max-width: 996px) {
  /**/
  #app-cons #main .main__wrapper {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  #app-cons #main .main__wrapper-title {
    margin-bottom: 20px; }
  #app-cons #scheme-work .scheme-work__wrapper .scheme-work__wrapper-item p {
    font-size: 24px; }
  #app-cons #scheme-work .scheme-work__wrapper .scheme-work__wrapper-item:nth-child(odd) p span {
    left: 160px;
    font-size: 100px; }
  h2 {
    font-size: 24px !important; }
  #app-cons #scheme-work .scheme-work__wrapper .scheme-work__wrapper-item:nth-child(even) p span {
    right: -75px;
    font-size: 100px; }
  #app-cons #scheme-work .scheme-work__wrapper .scheme-work__wrapper-item:nth-child(even):after {
    left: -webkit-calc(50% - 139px);
    left: calc(50% - 139px); }
  #app-cons #step-1 .step-1__main-text {
    font-size: 18px; }
  #app-cons #step-1 .step-1__titles .step-1__titles-title.active {
    font-size: 18px; }
  #app-cons #step-1 .step-1__main-text {
    margin: 40px 0; }
  #app-cons #step-1 .step-1__titles .step-1__titles-title  {
    font-size: 18px; }
  #app-cons #step-1 .step-1__info span {
    margin-bottom: 15px;
    font-size: 16px; }
  #app-cons #step-2 .step-2__wrapper-steps {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  #app-cons #step-2 .step-2__wrapper-steps .step-2__wrapper-steps-item {
    margin-bottom: 20px; }
  #app-cons #comments-clients .text-comments .text-comments__wrapper .text-comments__wrapper-item .text-comments__wrapper-item-comment {
    padding: 20px;
    padding-bottom: 40px; }
  #app-cons #comments-clients .text-comments .text-comments__wrapper .text-comments__wrapper-item {
    max-width: 300px; }
  #app-cons #footer-form form p.title {
    font-size: 24px; }
  #app-cons #footer-form form p.text {
    font-size: 18px; } }

/* Extra Small Devices, Phones */
@media only screen and (max-width: 760px) {
  /**/
  #app-cons h1 {
    font-size: 24px; }
  #app-cons #main p {
    font-size: 18px; }
  #app-cons #main .btn {
    margin-top: 20px; }
  .btn {
    font-size: 16px;
    padding: 15px; }
  #app-cons #main .main__wrapper-video {
    width: 290px;
    padding-top: 89px;
    padding-left: 26px; }
  #app-cons #main .main__wrapper-video iframe {
    width: 240px;
    height: 151px; }
  #app-cons #main {
    padding-bottom: 0; }
  #app-cons #scheme-work .scheme-work__wrapper .scheme-work__wrapper-item:nth-child(odd) {
    margin-left: 0;
    width: 100%; }
  #app-cons #scheme-work .scheme-work__wrapper .scheme-work__wrapper-item p {
    font-size: 18px;
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
    margin-bottom: 15px;
    width: 100%;
    padding-left: 40px; }
    #app-cons #scheme-work .scheme-work__wrapper .scheme-work__wrapper-item p br {
      display: none; }
  #app-cons h2 span {
    font-size: 48px;
    margin-left: -20px;
    top: 0; }
  #app-cons #scheme-work .scheme-work__wrapper .scheme-work__wrapper-item:nth-child(odd) p span,
  #app-cons #scheme-work .scheme-work__wrapper .scheme-work__wrapper-item:nth-child(even) p span {
    font-size: 24px;
    right: auto;
    top: 0;
    left: 0; }
  #app-cons #scheme-work .scheme-work__wrapper .scheme-work__wrapper-item:nth-child(odd):after,
  #app-cons #scheme-work .scheme-work__wrapper .scheme-work__wrapper-item:nth-child(even):after {
    display: none; }
  #app-cons #scheme-work .scheme-work__wrapper .scheme-work__wrapper-item:nth-child(even) {
    margin-left: 0; }
  #app-cons #scheme-work .scheme-work__wrapper:after {
    display: none; }
  #app-cons #step-1 .step-1__titles {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  #app-cons #step-1 .step-1__titles .step-1__titles-title {
    margin-bottom: 15px;
    margin-right: 0; }
  #app-cons #step-2 .step-2__footer .step-2__footer-wrapper {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  #app-cons #step-3 .step-3__wrapper {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  #app-cons #step-4 .step-4__tabs {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 100%;
    border-bottom: 0px; }
  #app-cons #step-4 .step-4__tabs span {
    margin-bottom: 15px; }
  #app-cons #step-4 .step-4__tab-info {
    margin-top: 40px; }
  #app-cons #step-5 .step-5__wrapper {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  #app-cons #step-5 .step-5__info {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  #app-cons #step-5 .step-5__info .step-5__info-text {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  #app-cons #clients p.clients__length {
    font-size: 18px; }
  #app-cons #clients p.clients__length-des {
    font-size: 16px; }
  #app-cons #comments-clients .comments__slider .comments__slider-slide {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  #app-cons #comments-clients .comments__slider .comments__slider-slide .comments__slider-slide-info {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    margin-top: 15px; }
  #app-cons #comments-clients .text-comments .text-comments__wrapper {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  #app-cons #comments-clients .text-comments .text-comments__wrapper .text-comments__wrapper-item {
    margin-bottom: 15px; }
  #app-cons #benefits .benefits__wrapper .benefits__wrapper-item {
    width: 100%;
    padding: 15px; }
  #app-cons #benefits .benefits__wrapper .benefits__wrapper-item .benefits__wrapper-item-title {
    margin-bottom: 15px; }
  #app-cons #benefits .benefits__wrapper .benefits__wrapper-item .benefits__wrapper-item-title p {
    font-size: 18px; }
  #app-cons #benefits .benefits__wrapper .benefits__wrapper-item > p {
    font-size: 16px; }
  #app-cons #quote .quote__wrapper p {
    font-size: 18px; }
  #app-cons #footer-form form {
    width: 100%; }
  #app-cons .flickity-prev-next-button.next {
    right: 0; }
  #app-cons .flickity-prev-next-button.previous {
    left: 0; }
  #app-cons #main {
    padding-top: 40px; }
  #app-cons #step-2 .step-2__wrapper-steps {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  #app-cons #step-2 .step-2__wrapper-steps .step-2__wrapper-steps-item figure {
    width: 70px;
    margin-bottom: 15px; }
  #app-cons #step-2 .step-2__wrapper-steps .step-2__wrapper-steps-item p {
    font-size: 16px; }
  #app-cons #step-2 .step-2__info .step-2__info-title {
    font-size: 18px; }
  #app-cons #step-2 .step-2__info .step-2__info-text {
    font-size: 16px; }
  #app-cons #step-2 .step-2__footer .step-2__footer-wrapper p {
    width: 100%;
    font-size: 16px; }
  #app-cons #step-2 .step-2__footer p {
    font-size: 16px; }
  #app-cons #step-3 .step-3__wrapper figure {
    width: 100%; }
    #app-cons #step-3 .step-3__wrapper figure img {
      margin-left: auto;
      margin-right: auto; }
  #app-cons #step-3 .step-3__wrapper p {
    width: 100%;
    margin-top: 20px; }
  #app-cons #step-3 .step-3__wrapper p span {
    font-size: 18px; }
  #app-cons #step-4 .step-4__tab-info .step-4__wrapper p.text {
    font-size: 18px; }
  #app-cons #step-4 .step-4__tab-info .step-4__wrapper .step-4__wrapper-right p {
    font-size: 16px; }
  #app-cons #step-4 .step-4__tab-info .step-4__wrapper .step-4__wrapper-right p b {
    font-size: 18px; }
  #app-cons #step-5 .step-5__wrapper {
    margin-top: 40px; }
  #app-cons #step-5 .step-5__wrapper .step-5__wrapper-item figure {
    width: 70px;
    margin-bottom: 20px; }
  #app-cons #step-5 .step-5__wrapper .step-5__wrapper-item p {
    font-size: 18px; }
  #app-cons #step-5 .step-5__wrapper .step-5__wrapper-item {
    margin-bottom: 20px; }
  #app-cons #step-5 .step-5__info .step-5__info-text {
    margin-top: 20px; }
  #app-cons #step-5 .step-5__info .step-5__info-text p {
    font-size: 18px; }
  #app-cons #comments-clients .comments__slider {
    margin-top: 40px; }
  #app-cons #comments-clients .comments__slider .comments__slider-slide .video {
    width: 100%; }
  #app-cons #comments-clients .comments__slider .comments__slider-slide .comments__slider-slide-info p.title {
    font-size: 18px;
    margin-bottom: 15px; }
  #app-cons #comments-clients .comments__slider .comments__slider-slide .comments__slider-slide-info p.text {
    font-size: 16px; }
  #app-cons #comments-clients .comments__slider-slide-info-author {
    margin-top: 20px; }
  #app-cons #benefits .benefits__wrapper {
    margin-top: 40px; } 
#app-cons #step-5 .step-5__text p {
  font-size: 18px;
}
#app-cons #quote .quote__text {
  font-size: 18px;
}
#app-cons #quote .quote__text-wrapper {
  flex-wrap: wrap;
}
#app-cons #quote .quote__text-wrapper p {
  width: 100%;
}
#app-cons #call-me p.title {
  font-size: 24px;
}
#app-cons #call-me p {
  font-size: 18px;
}







  }

/* Custom, iPhone Retina */
@media only screen and (max-width: 480px) {
  /**/ }

/*==========  Mobile First  ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
  /**/ }

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
  /**/ }

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  /**/ }

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
  /**/ }

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
  /**/ }