@font-face {
  font-family: 'Akrobat';
  src: url(../fonts/acrobat/Akrobat-Regular.eot);
  src: local("Akrobat Regular"), local("Akrobat-Regular"), url(../fonts/acrobat/Akrobat-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/acrobat/Akrobat-Regular.woff) format("woff"), url(../fonts/acrobat/Akrobat-Regular.ttf) format("truetype");
  font-weight: 500;
  font-style: normal
}
@font-face {
  font-family: 'Akrobat';
  src: url(../fonts/acrobat/Akrobat-ExtraLight.eot);
  src: local("Akrobat ExtraLight"), local("Akrobat-ExtraLight"), url(../fonts/acrobat/Akrobat-ExtraLight.eot?#iefix) format("embedded-opentype"), url(../fonts/acrobat/Akrobat-ExtraLight.woff) format("woff"), url(../fonts/acrobat/Akrobat-ExtraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal
}
@font-face {
  font-family: 'Akrobat';
  src: url(../fonts/acrobat/Akrobat-SemiBold.eot);
  src: local("Akrobat SemiBold"), local("Akrobat-SemiBold"), url(../fonts/acrobat/Akrobat-SemiBold.eot?#iefix) format("embedded-opentype"), url(../fonts/acrobat/Akrobat-SemiBold.woff) format("woff"), url(../fonts/acrobat/Akrobat-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal
}
@font-face {
  font-family: 'Akrobat';
  src: url(../fonts/acrobat/Akrobat-Light.eot);
  src: local("Akrobat Light"), local("Akrobat-Light"), url(../fonts/acrobat/Akrobat-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/acrobat/Akrobat-Light.woff) format("woff"), url(../fonts/acrobat/Akrobat-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal
}
@font-face {
  font-family: 'Akrobat';
  src: url(../fonts/acrobat/Akrobat-Black.eot);
  src: local("Akrobat Black"), local("Akrobat-Black"), url(../fonts/acrobat/Akrobat-Black.eot?#iefix) format("embedded-opentype"), url(../fonts/acrobat/Akrobat-Black.woff) format("woff"), url(../fonts/acrobat/Akrobat-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal
}
@font-face {
  font-family: 'Akrobat';
  src: url(../fonts/acrobat/Akrobat-Bold.eot);
  src: local("Akrobat Bold"), local("Akrobat-Bold"), url(../fonts/acrobat/Akrobat-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/acrobat/Akrobat-Bold.woff) format("woff"), url(../fonts/acrobat/Akrobat-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal
}
@font-face {
  font-family: 'Akrobat';
  src: url(../fonts/acrobat/Akrobat-Thin.eot);
  src: local("Akrobat Thin"), local("Akrobat-Thin"), url(../fonts/acrobat/Akrobat-Thin.eot?#iefix) format("embedded-opentype"), url(../fonts/acrobat/Akrobat-Thin.woff) format("woff"), url(../fonts/acrobat/Akrobat-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal
}
@font-face {
  font-family: 'Akrobat';
  src: url(../fonts/acrobat/Akrobat-ExtraBold.eot);
  src: local("Akrobat ExtraBold"), local("Akrobat-ExtraBold"), url(../fonts/acrobat/Akrobat-ExtraBold.eot?#iefix) format("embedded-opentype"), url(../fonts/acrobat/Akrobat-ExtraBold.woff) format("woff"), url(../fonts/acrobat/Akrobat-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal
}
a,
body,
button,
cite,
input,
li,
p,
select,
span,
textarea {
  font-weight: 300;
  font-size: 16px;
  color: #333
}
a,
body,
button,
cite,
h1,
h2,
h3,
h4,
input,
li,
p,
select,
span,
textarea {
  font-family: 'Akrobat', sans-serif
}
.block-btn__btn {
  background-color: #f7615f;
  color: #fff;
  font-size: 24px;
  display: block;
  width: 100%;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}
.block-btn__btn:hover {
  background-color: #d90102
}
.title,
.title-white {
  font-size: 60px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0
}
.title-white {
  color: #fff
}
@media (max-width:767px) {
  a,
  body,
  button,
  cite,
  input,
  li,
  p,
  select,
  span,
  textarea {
    font-weight: 400;
    font-size: 14px;
    color: #333
  }
}
.page-header,
.page-header__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}
.page-header {
  min-height: 100vh;
  background-image: url(../img/header-bg.jpg);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.page-header__wrap {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 162px 0 160px
}
.page-header__logo-block {
  margin: 0;
  width: 230px;
  height: 72px
}
.page-header__logo {
  width: 100%;
  height: 100%
}
.page-header__tel {
  font-size: 30px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 7px;
  display: block
}
.page-header__tel:hover {
  color: #fff;
  text-decoration: none
}
.page-header__tel:focus {
  color: #fff;
  text-decoration: none
}
.block-header {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 160px;
  margin-top: 90px
}
.block-header__title {
  color: #fff;
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 10px
}
.block-header__subtitle {
  font-size: 24px;
  line-height: 30px;
  color: #fff;
  display: block;
  width: 70%;
  padding-bottom: 35px;
  position: relative
}
.block-header__subtitle::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 460px;
  height: 1px;
  background-color: #fff
}
.block-header .block-btn {
  width: 460px;
  margin-top: 35px
}
.block-header .block-btn__btn {
  padding: 8px 0 12px;
  letter-spacing: .2px
}
.block-header__text {
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  display: block;
  margin-top: 55px
}
.block-header__text span {
  text-decoration: line-through;
  font-size: 36px;
  font-weight: 700;
  color: #fff
}
.block-header__text b {
  font-weight: 700;
  color: #eb6160
}
.page-main {
  padding-bottom: 110px
}
.algorithm {
  padding-top: 76px
}
.algorithm__block,
.algorithm__block-img,
.algorithm__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}
.algorithm__wrap {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
  padding-top: 58px
}
.algorithm__block,
.algorithm__block-img {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.algorithm__block {
  padding: 0 16px;
  margin-bottom: 30px;
  min-height: 90px;
  width: 640px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.algorithm__block-img {
  margin: 0;
  width: 10%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.algorithm__img {
  display: block
}
.algorithm__block-text {
  width: 90%;
  padding-top: 10px
}
.algorithm__text {
  font-size: 24px;
  margin-left: 20px;
  line-height: 30px
}
.algorithm .block-btn {
  width: 460px;
  margin: 45px auto 0
}
.algorithm .block-btn__btn {
  padding: 8px 0 12px
}
.portfolio {
  padding-bottom: 40px;
  background-image: url(../img/portfolio-bg.jpg);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  margin-top: 70px;
  padding-top: 55px
}
.portfolio__wrap {
  margin-top: 58px;
  padding-left: 35px;
  position: relative
}
.portfolio__wrap .slick-arrow {
  font-size: 0;
  line-height: 0;
  background-color: transparent;
  display: block;
  width: 40px;
  height: 65px;
  position: absolute;
  left: -5px;
  top: 50%;
  margin-top: -32.5px;
  background-image: url(../img/prev.png);
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  cursor: pointer;
  outline: inherit;
  z-index: 5
}
.portfolio__wrap .slick-next {
  background-image: url(../img/next.png);
  left: auto;
  right: -40px
}
.portfolio__block-img {
  position: relative;
  min-height: 433px;
  width: 300px;
  margin: 0 auto
}
.order__video iframe,
.portfolio__img {
  width: 100%;
  height: 100%
}
.portfolio__block-text {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(21, 43, 69, .7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  opacity: 1;
  -webkit-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
  -moz-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
  cursor: pointer
}
.portfolio__block-text:hover {
  opacity: 0
}
.portfolio__text {
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 18px
}
.help {
  background-image: url(../img/help-bg.jpg);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  margin-top: 120px;
  padding-top: 255px;
  padding-bottom: 110px
}
.help__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 110px 150px 0
}
.help__block {
  width: 320px;
  padding: 0 20px
}
.help__block-img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 90px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin: 0 0 12px
}
.help__text {
  color: #fff;
  font-size: 24px;
  text-align: center;
  display: block;
  line-height: 30px
}
.order__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 90px 159px 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.order__title {
  font-size: 60px;
  color: #4a90e2;
  font-weight: 700;
  margin-bottom: 3px
}
.order__text {
  font-size: 36px;
  font-weight: 700;
  padding-left: 2px
}
.order .block-btn {
  width: 460px;
  margin-left: 3px;
  margin-top: 30px
}
.order .block-btn__btn {
  padding: 8px 0 12px;
  letter-spacing: .2px
}
.order__left-block {
  padding-bottom: 10px
}
.order__right-block {
  width: 705px
}
.order__right-block .slick-arrow {
  font-size: 0;
  line-height: 0;
  background-color: transparent;
  display: block;
  width: 40px;
  height: 65px;
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -32.5px;
  background-image: url(../img/prev.png);
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  cursor: pointer;
  outline: inherit
}
.order__right-block .slick-next {
  background-image: url(../img/next.png);
  left: auto;
  right: 12px
}
.order__wrap {
  position: relative;
  padding-right: 82px;
  padding-left: 82px
}
.order__video {
  width: 540px;
  height: 305px
}
.page-footer {
  background-color: #4a90e2;
  padding-top: 47px;
  padding-bottom: 67px
}
.page-footer__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 190px 0 162px
}
.page-footer__row-sm {
  margin-bottom: 12px
}
.page-footer__row-sm .page-footer__text {
  display: inline;
  margin-right: 7px
}
.page-footer__row-sm:nth-child(2) {
  margin-bottom: 20px
}
.page-footer__text {
  font-size: 24px;
  line-height: 30px;
  color: #fff;
  display: block
}
.page-footer__link {
  font-size: 25px;
  line-height: 30px;
  color: #fff
}
.page-footer__link:hover {
  color: #fff;
  text-decoration: none
}
.page-footer__link:focus {
  color: #fff;
  text-decoration: none
}
.page-footer__center-block {
  text-align: center;
  margin-left: 15px
}
.page-footer__center-block .social {
  margin-top: 30px;
  margin-bottom: 46px
}
.page-footer__copyright {
  color: #fff
}
.page-footer__right-block .page-footer__copyright {
  display: none
}
.social__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.social__btn {
  width: 50px;
  height: 50px;
  display: block;
  margin: 0 12.5px;
  cursor: pointer
}
.social__icon {
  width: 100%;
  height: 100%
}
.my-modal__dialog {
  max-width: 1600px
}
.my-modal__content {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}
.my-modal__header {
  border: 0;
  padding: 0
}
.my-modal__body {
  padding: 0
}
.my-modal__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.my-modal__left-block {
  width: 30%
}
.my-modal__block-img {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 100%
}
.my-modal__right-block {
  width: 70%;
  padding: 70px 90px
}
.my-modal__caption {
  font-size: 48px;
  line-height: 52px;
  font-weight: 700
}
.my-modal__text {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700
}
.my-modal__down-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.my-modal__down-wrap .block-btn {
  width: 140px
}
.my-modal__down-wrap .block-btn__btn {
  padding: 2px 0 4px;
  font-size: 18px
}
.my-modal__link {
  font-size: 18px;
  line-height: 24px;
  color: #4a90e2;
  text-decoration: underline;
  font-weight: 700;
  margin-right: 25px
}
.my-modal__link:hover {
  color: #4a90e2
}
.my-modal__link:focus {
  color: #4a90e2
}
.my-modal__close {
  display: block
}
.my-modal__block-btn,
.step {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}
.my-modal__block-btn {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}
.my-modal--change .my-modal__down-wrap {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 40px 0 50px
}
.step {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 55px;
  margin-bottom: 50px
}
.step__block {
  padding-left: 20px;
  padding-right: 62px;
  position: relative;
  opacity: .3
}
.step__block::after {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  bottom: 3px;
  width: 3px;
  background-color: #000
}
.step__block::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 40px;
  height: 70px;
  margin-top: -35px;
  background-image: url(../img/next-black.png);
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain
}
.step__block--active {
  opacity: 1
}
.step__block--active::after {
  background-color: #4a90e2
}
.step__number {
  display: block;
  font-size: 48px;
  line-height: 50px;
  font-weight: 700;
  text-transform: uppercase
}
.step__text {
  font-size: 24px;
  line-height: 30px;
  display: block
}
.data {
  margin-bottom: 200px
}
.data__title {
  font-size: 48px;
  font-weight: 700
}
.data__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding-top: 35px
}
.data__field {
  width: 140px;
  font-size: 18px;
  line-height: 18px;
  border: 1px solid #b3b3b3;
  color: #b3b3b3;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  padding: 10px;
  margin-right: 20px
}
.data__field:focus {
  border: 1px solid #4a90e2;
  color: #1a1a1a
}
.data .block-btn {
  width: 140px
}
.data .block-btn__btn {
  padding: 8px 0 12px;
  font-size: 18px
}
.pay__title {
  font-size: 48px;
  line-height: 50px;
  font-weight: 700
}
.pay__right-block,
.pay__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.pay__wrap {
  margin-bottom: 30px
}
.pay__right-block {
  margin-left: 20px
}
.pay__block-img {
  width: 140px;
  margin: 0 40px 0 0
}
.pay__img {
  height: 100%
}
.pay__text {
  font-size: 18px;
  line-height: 26px;
  font-weight: 700
}
.finish {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  min-height: 620px;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}
.finish::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: .3
}
.finish__block-text {
  position: relative;
  z-index: 1;
  width: 60%;
  margin-bottom: 40px
}
.finish__text {
  display: block;
  color: #fff;
  font-size: 48px;
  line-height: 56px;
  text-align: center;
  font-weight: 700
}
@media (max-width:1500px) {
  .page-header__wrap {
    padding: 20px 3% 0
  }
  .block-header {
    padding: 0 3%
  }
  .algorithm__block {
    width: 47%
  }
  .help__wrap {
    padding: 110px 3% 0
  }
  .order__wrapper {
    padding: 90px 3% 0
  }
  .order__right-block {
    width: 50%
  }
  .page-footer__wrapper {
    padding: 0 3%
  }
  .my-modal__dialog {
    margin: 0 1%
  }
  .my-modal__right-block {
    padding: 30px
  }
  .order__video {
    width: 100%
  }
}
@media (max-width:1300px) {
  .portfolio__wrap .slick-arrow {
    left: 30px
  }
  .portfolio__wrap .slick-next {
    left: auto;
    right: -10px
  }
  .my-modal__left-block {
    width: 25%
  }
  .my-modal__right-block {
    width: 75%
  }
  .my-modal .step {
    display: none
  }
  .data {
    margin-bottom: 60px
  }
}
@media (max-width:991px) {
  .block-header__title,
  .title {
    font-size: 50px
  }
  .block-header__subtitle {
    font-size: 18px;
    line-height: 26px
  }
  .block-header__text {
    font-size: 24px;
    line-height: 30px
  }
  .portfolio__wrap .slick-arrow {
    left: 0
  }
  .portfolio__wrap .slick-next {
    left: auto;
    right: -40px
  }
  .order__title {
    font-size: 50px
  }
  .order__text {
    font-size: 24px;
    line-height: 30px
  }
  .order__wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 20px
  }
  .order__left-block {
    width: 100%;
    text-align: center
  }
  .order__left-block .block-btn {
    margin: 30px auto
  }
  .order__right-block {
    width: 100%
  }
  .algorithm .block-btn,
  .help,
  .my-modal__left-block,
  .portfolio {
    display: none
  }
  .my-modal__right-block {
    width: 100%
  }
  .my-modal__dialog {
    margin-top: 100px;
    margin-bottom: 100px
  }
  .pay__wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .pay__left-block {
    width: 100%;
    margin-bottom: 15px
  }
  .pay__right-block {
    width: 100%;
    margin-left: 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .pay__block-img {
    margin-bottom: 15px
  }
}
@media (max-width:768px) {
  .algorithm__block {
    width: 100%
  }
  .page-footer__left-block,
  .page-footer__wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .page-footer__left-block {
    width: 100%;
    text-align: center;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .page-footer__center-block {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 15px
  }
  .page-footer__center-block .page-footer__copyright {
    display: none
  }
  .page-footer__center-block .social {
    margin-bottom: 35px
  }
  .page-footer__right-block {
    width: 100%;
    text-align: center;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }
  .page-footer__right-block .page-footer__copyright {
    margin-top: 15px;
    display: block
  }
  .page-footer__text {
    display: block;
    width: 100%
  }
  .page-footer__text:nth-child(3) {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }
  .page-footer__text:nth-child(4) {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -moz-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
  }
  .page-footer__text:nth-child(5) {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -moz-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
  }
  .page-footer__row-sm {
    width: 100%
  }
  .page-footer__row-sm:first-child {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }
  .page-footer__row-sm:first-child .page-footer__text {
    display: block
  }
  .page-footer__row-sm:nth-child(2) {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
  .page-footer__row-sm:nth-child(2) .page-footer__text {
    display: inline
  }
  .block-btn__btn {
    font-size: 18px
  }
  .my-modal__caption {
    font-size: 24px;
    line-height: 30px
  }
  .my-modal__down-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .my-modal__link {
    width: 100%;
    display: block;
    margin: 0
  }
  .data__title {
    font-size: 24px;
    line-height: 30px
  }
  .data__wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 5px
  }
  .data__field {
    width: 100%;
    margin: 0 0 15px
  }
  .data .block-btn {
    width: 60%
  }
  .pay__title {
    font-size: 24px;
    line-height: 30px;
    margin-top: 10px
  }
}
@media (max-width:500px) {
  .page-header__wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .page-header__left-block {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 15px
  }
  .page-header__right-block {
    width: 100%;
    text-align: center
  }
  .block-header__subtitle::before {
    display: none
  }
  .block-header__title {
    font-size: 30px
  }
  .block-header__subtitle {
    width: 100%;
    font-size: 16px
  }
  .block-header .block-btn,
  .order__left-block .block-btn {
    width: 100%
  }
  .order__wrap {
    padding: 0
  }
  .title {
    font-size: 30px
  }
  .algorithm {
    padding-top: 37px
  }
  .algorithm__wrap {
    padding-top: 34px
  }
  .algorithm__text {
    font-size: 18px;
    line-height: 24px
  }
  .algorithm__block {
    min-height: 0;
    margin-bottom: 5px
  }
  .algorithm__block-text {
    width: 80%
  }
  .algorithm__block-img {
    width: 20%
  }
  .order__title {
    font-size: 30px
  }
  .order__text {
    font-size: 18px;
    line-height: 26px
  }
}
	
@-webkit-keyframes slideme {
    0% {
        left: -30px;
        margin-left: 0px;
    }

    30% {
        left: 110%;
        margin-left: 80px;
    }

    100% {
        left: 110%;
        margin-left: 80px;
    }
}

@keyframes slideme {
    0% {
        left: -30px;
        margin-left: 0px;
    }

    30% {
        left: 110%;
        margin-left: 80px;
    }

    100% {
        left: 110%;
        margin-left: 80px;
    }
}

@-webkit-keyframes pulseicon {
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.3);
                transform: scale(1.3);
    }
}

@keyframes pulseicon {
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.3);
                transform: scale(1.3);
    }
}

.btn-anim i {
    -webkit-animation-name: pulseicon;
            animation-name: pulseicon;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}

.leaking:after {
    margin-left: 60px;
    content: " ";
    width: 30px;
    height: 300px;
    background: #fff;
    -webkit-animation-delay: 0.05s;
            animation-delay: 0.05s;
    position: absolute;
    left: -40px;
    top: -150px;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    transition: all 0.1s;
    -moz-transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    -khtml-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -webkit-animation-name: slideme;
            animation-name: slideme;
    -webkit-animation-duration: 3s;
            animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -khtml-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.with-bg {
    position: relative;
    z-index: 10;
    display: inline-block;
    padding: 5px 10px;
    line-height: 40px;
    font-size: 30px;
    font-weight: 700;
}
.with-bg::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #ff6363;
    z-index: -1;
}






@-webkit-keyframes slideme {
   0% {
       left: -30px;
       margin-left: 0px;
   }

   30% {
       left: 110%;
       margin-left: 80px;
   }

   100% {
       left: 110%;
       margin-left: 80px;
   }
}

@keyframes slideme {
   0% {
       left: -30px;
       margin-left: 0px;
   }

   30% {
       left: 110%;
       margin-left: 80px;
   }

   100% {
       left: 110%;
       margin-left: 80px;
   }
}

@-webkit-keyframes pulseicon {
   0% {
       -webkit-transform: scale(1);
               transform: scale(1);
   }

   50% {
       -webkit-transform: scale(1.3);
               transform: scale(1.3);
   }
}

@keyframes pulseicon {
   0% {
       -webkit-transform: scale(1);
               transform: scale(1);
   }

   50% {
       -webkit-transform: scale(1.3);
               transform: scale(1.3);
   }
}

.btn-anim i {
   -webkit-animation-name: pulseicon;
           animation-name: pulseicon;
   -webkit-animation-duration: 0.3s;
           animation-duration: 0.3s;
   -webkit-animation-iteration-count: infinite;
           animation-iteration-count: infinite;
           overflow:hidden;
}

.leaking:after {
   margin-left: 60px;
   content: " ";
   width: 30px;
   height: 300px;
   background: #fff;
   -webkit-animation-delay: 0.05s;
           animation-delay: 0.05s;
   position: absolute;
   left: -40px;
   top: -150px;
   -webkit-animation-timing-function: ease-in-out;
           animation-timing-function: ease-in-out;
   transition: all 0.1s;
   -moz-transition: all 0.1s;
   -webkit-transition: all 0.1s;
   -o-transition: all 0.1s;
   -khtml-transition: all 0.1s;
   -ms-transition: all 0.1s;
   -webkit-animation-name: slideme;
           animation-name: slideme;
   -webkit-animation-duration: 3s;
           animation-duration: 3s;
   -webkit-animation-iteration-count: infinite;
           animation-iteration-count: infinite;
   transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -khtml-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   position: absolute;
}

.btn-anim {

   height: auto;
   text-align:center;
     
       background-color: #f7615f !important;
   overflow:hidden;
   position: relative;
}
[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance: none  !important;}