@charset "UTF-8";
/*utf*/
/*fonts*/
@font-face {
  font-family: Montserrat-Regular;
  src: url("../fonts/Montserrat/Montserrat-Regular.eot");
  src: url("../fonts/Montserrat/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat/Montserrat-Regular.woff") format("woff"), url("../fonts/Montserrat/Montserrat-Regular.ttf") format("truetype"); }
@font-face {
  font-family: Montserrat-Light;
  src: url("../fonts/Montserrat/Montserrat-Light.eot");
  src: url("../fonts/Montserrat/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat/Montserrat-Light.woff2") format("woff2"), url("../fonts/Montserrat/Montserrat-Light.woff") format("woff"), url("../fonts/Montserrat/Montserrat-Light.ttf") format("truetype"); }
@font-face {
  font-family: Montserrat-Bold;
  src: url("../fonts/Montserrat/Montserrat-Bold.eot");
  src: url("../fonts/Montserrat/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat/Montserrat-Bold.woff") format("woff"), url("../fonts/Montserrat/Montserrat-Bold.ttf") format("truetype"); }
/*fonts*/
/*colors*/
/*colors*/
/*custom grid*/
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
  padding-right: 10px;
  padding-left: 10px; }

.row {
  margin-right: -10px;
  margin-left: -10px; }

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  padding-right: 10px;
  padding-left: 10px; }

@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1200px; } }
/*custom grid*/
body {
  font-family: "Montserrat-Regular";
  font-size: 15px; }
  body ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  body button {
    border: none; }

/*classes*/
.blue-btn {
  display: inline-block;
  font-family: "Montserrat-Bold";
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
  background: -moz-linear-gradient(left, #04bedb 0%, #006ece 46%, #006ece 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #04bedb), color-stop(46%, #006ece), color-stop(100%, #006ece));
  background: -webkit-linear-gradient(left, #04bedb 0%, #006ece 46%, #006ece 100%);
  background: -o-linear-gradient(left, #04bedb 0%, #006ece 46%, #006ece 100%);
  background: -ms-linear-gradient(left, #04bedb 0%, #006ece 46%, #006ece 100%);
  background: linear-gradient(to right, #04bedb 0%, #006ece 46%, #006ece 100%);
  padding: 18px 44px;
  text-transform: uppercase;
  border-radius: 150px;
  transition: .3s all; }
  .blue-btn:hover {
    text-decoration: none;
    color: #ffffff;
    transform: scale(1.03); }

.section-title {
  padding-top: 115px;
  font-family: "Montserrat-Bold";
  font-size: 30px;
  color: #2b2b2b;
  text-align: center;
  line-height: 1;
  padding-bottom: 55px; }
  .section-title span {
    display: block;
    font-family: "Montserrat-Light";
    font-size: 25px;
    background: -moz-linear-gradient(left, #04bedb 0%, #006ece 46%, #006ece 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #04bedb), color-stop(46%, #006ece), color-stop(100%, #006ece));
    background: -webkit-linear-gradient(left, #04bedb 0%, #006ece 46%, #006ece 100%);
    background: -o-linear-gradient(left, #04bedb 0%, #006ece 46%, #006ece 100%);
    background: -ms-linear-gradient(left, #04bedb 0%, #006ece 46%, #006ece 100%);
    background: linear-gradient(to right, #04bedb 0%, #006ece 46%, #006ece 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 12px; }

.phone {
  display: flex;
  align-items: center;
  color: #0B2349;
  line-height: 1; }
  .phone:hover {
    text-decoration: none; }
  .phone .phone-number {
    font-family: "Montserrat-Bold";
    font-size: 23px;
    background: -moz-linear-gradient(left, #04bedb 0%, #006ece 46%, #006ece 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #04bedb), color-stop(46%, #006ece), color-stop(100%, #006ece));
    background: -webkit-linear-gradient(left, #04bedb 0%, #006ece 46%, #006ece 100%);
    background: -o-linear-gradient(left, #04bedb 0%, #006ece 46%, #006ece 100%);
    background: -ms-linear-gradient(left, #04bedb 0%, #006ece 46%, #006ece 100%);
    background: linear-gradient(to right, #04bedb 0%, #006ece 46%, #006ece 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
    .phone .phone-number span {
      font-family: "Montserrat-Light"; }
  .phone img {
    width: 19px;
    height: 22px;
    margin-right: 7px; }

/*classes*/
/*navigation*/
.navigation {
  /*menu*/
  /*menu*/ }
  .navigation .logo {
    display: flex;
    text-decoration: none;
    font-family: "Montserrat-Bold";
    font-size: 15px;
    color: #2b2b2b;
    line-height: 18px;
    align-items: center; }
    .navigation .logo:hover {
      text-decoration: none; }
    .navigation .logo img {
      width: 60px;
      height: 41px;
      margin-right: 10px; }
  .navigation .header-nav_wrapper .header_menu .hamburger {
    display: none; }
  .navigation .header-nav_wrapper .header_menu .drawer-list .menu_list-wrapheader {
    display: flex;
    flex-direction: row;
    font-size: 15px; }
    .navigation .header-nav_wrapper .header_menu .drawer-list .menu_list-wrapheader li {
      margin-right: 22px; }
      .navigation .header-nav_wrapper .header_menu .drawer-list .menu_list-wrapheader li a {
        color: #000000; }
  .navigation .contacts-column {
    display: flex;
    flex-direction: column;
    align-items: flex-end; }
    .navigation .contacts-column .phone {
      display: flex;
      align-items: center;
      color: #0B2349;
      line-height: 1; }
      .navigation .contacts-column .phone:hover {
        text-decoration: none; }
      .navigation .contacts-column .phone .phone-number {
        font-family: "Montserrat-Bold";
        font-size: 23px;
        background: -moz-linear-gradient(left, #04bedb 0%, #006ece 46%, #006ece 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, #04bedb), color-stop(46%, #006ece), color-stop(100%, #006ece));
        background: -webkit-linear-gradient(left, #04bedb 0%, #006ece 46%, #006ece 100%);
        background: -o-linear-gradient(left, #04bedb 0%, #006ece 46%, #006ece 100%);
        background: -ms-linear-gradient(left, #04bedb 0%, #006ece 46%, #006ece 100%);
        background: linear-gradient(to right, #04bedb 0%, #006ece 46%, #006ece 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
        .navigation .contacts-column .phone .phone-number span {
          font-family: "Montserrat-Light"; }
      .navigation .contacts-column .phone img {
        width: 19px;
        height: 22px;
        margin-right: 7px; }
    .navigation .contacts-column .mail {
      color: #000000; }

/*navigation*/
/*header*/
.header {
  background: url(../img/fs-bg.jpg);
  background-size: cover;
  background-position: top right;
  background-repeat: no-repeat;
  padding-top: 40px;
  min-height: 852px; }
  .header .top_navigation {
    height: 45px; }
  .header .fs-content {
    padding-top: 165px;
    padding-bottom: 140px; }
    .header .fs-content h1 {
      font-family: Montserrat-Bold;
      font-size: 42px;
      color: #2b2b2b;
      line-height: 1;
      margin: 0;
      padding: 0; }
    .header .fs-content .sub_h1 {
      font-family: Montserrat-Light;
      font-size: 30px;
      background: -moz-linear-gradient(left, #04bedb 0%, #006ece 46%, #006ece 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #04bedb), color-stop(46%, #006ece), color-stop(100%, #006ece));
      background: -webkit-linear-gradient(left, #04bedb 0%, #006ece 46%, #006ece 100%);
      background: -o-linear-gradient(left, #04bedb 0%, #006ece 46%, #006ece 100%);
      background: -ms-linear-gradient(left, #04bedb 0%, #006ece 46%, #006ece 100%);
      background: linear-gradient(to right, #04bedb 0%, #006ece 46%, #006ece 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      padding-top: 11px; }
    .header .fs-content .fs_advantages-list {
      font-size: 16px;
      color: #000000;
      padding-left: 29px;
      line-height: 1;
      padding-top: 35px; }
      .header .fs-content .fs_advantages-list li {
        margin-top: 30px;
        position: relative; }
        .header .fs-content .fs_advantages-list li:before {
          content: "";
          position: absolute;
          left: -29px;
          top: -2px;
          width: 19px;
          height: 19px;
          background-image: url("../img/advantages-list-icn.svg");
          background-size: cover;
          background-position: 50% 50%; }
    .header .fs-content .blue-btn {
      margin-top: 67px; }

/*header*/
/*product*/
.product {
  padding-bottom: 120px; }
  .product .product_wrapper .product_card-wrapper {
    min-height: 380px;
    position: relative;
    border-radius: 10px;
    margin-bottom: 20px; }
    .product .product_wrapper .product_card-wrapper .product_card-img {
      position: absolute;
      background-size: cover;
      width: 100%;
      height: 100%;
      border-radius: 10px; }
    .product .product_wrapper .product_card-wrapper .product_card {
      border-right: 10px;
      position: absolute;
      z-index: 99;
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      align-items: center;
      width: 100%;
      height: 100%;
      padding: 90px 0 80px 0;
      color: #ffffff; }
      .product .product_wrapper .product_card-wrapper .product_card .product_card-name {
        font-family: "Montserrat-Bold";
        font-size: 20px; }
      .product .product_wrapper .product_card-wrapper .product_card .product_card-list {
        font-size: 16px;
        text-align: center; }
      .product .product_wrapper .product_card-wrapper .product_card .blue-btn {
        padding: 13px 44px; }
    .product .product_wrapper .product_card-wrapper .gradient-bg {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      background-image: linear-gradient(-45deg, rgba(4, 157, 219, 0.92) -40%, rgba(255, 255, 255, 0) 71%);
      border-radius: 10px; }
    .product .product_wrapper .product_card-wrapper .dark-bg {
      content: "";
      background-color: rgba(0, 0, 0, 0.5);
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: 10px; }

/*product*/
/*why-we*/
.why-we {
  background-color: #eff4f8;
  padding-bottom: 110px; }
  .why-we .why-we_wrapper .why-we_card {
    display: flex;
    flex-direction: row;
    margin-bottom: 30px; }
    .why-we .why-we_wrapper .why-we_card .icon_wrapper {
      width: 70px;
      height: 70px;
      margin-right: 10px;
      padding: 14px 14px 12px 15px;
      box-shadow: 0 8px 13px 0 rgba(40, 40, 40, 0.1);
      background-color: #ffffff;
      border-radius: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
    .why-we .why-we_wrapper .why-we_card .why-we_description {
      padding-top: 20px;
      color: #2b2b2b;
      width: 290px;
      line-height: 30px; }
      .why-we .why-we_wrapper .why-we_card .why-we_description .why-we_description-title {
        font-family: "Montserrat-Bold";
        font-size: 16px; }

/*why-we*/
/*calculation*/
.calculation {
  background-color: #eff4f8; }
  .calculation .calculation-wrapper {
    padding: 70px;
    background: url("../img/calculation-bg.png"), white;
    background-position: 333px 50%;
    background-repeat: no-repeat;
    border-radius: 10px;
    box-shadow: 0 8px 46px 0 rgba(3, 160, 195, 0.14);
    position: relative; }
    .calculation .calculation-wrapper .section-title {
      font-size: 42px;
      text-align: left;
      padding-top: 0;
      padding-bottom: 39px; }
      .calculation .calculation-wrapper .section-title span {
        font-size: 30px;
        margin-top: 18px; }
    .calculation .calculation-wrapper .calculation-description {
      width: 600px;
      padding-bottom: 50px; }
    .calculation .calculation-wrapper:after {
      content: "";
      position: absolute;
      left: -218px;
      bottom: -113px;
      background-image: url("../img/calculation-sky.png");
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-size: contain;
      width: 345px;
      height: 193px; }

/*calculation*/
/*working*/
.working {
  background-color: #eff4f8;
  padding-bottom: 60px; }
  .working .working_card {
    display: flex;
    flex-direction: row;
    margin-bottom: 50px; }
    .working .working_card .working_step {
      font-family: "Montserrat-Bold";
      font-size: 30px;
      background: -moz-linear-gradient(left, #04bedb 0%, #006ece 46%, #006ece 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #04bedb), color-stop(46%, #006ece), color-stop(100%, #006ece));
      background: -webkit-linear-gradient(left, #04bedb 0%, #006ece 46%, #006ece 100%);
      background: -o-linear-gradient(left, #04bedb 0%, #006ece 46%, #006ece 100%);
      background: -ms-linear-gradient(left, #04bedb 0%, #006ece 46%, #006ece 100%);
      background: linear-gradient(to right, #04bedb 0%, #006ece 46%, #006ece 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      width: 40px;
      flex: 0 0 40px; }
    .working .working_card .working_description {
      color: #2b2b2b;
      border-left: solid 1px #dadada;
      padding-left: 20px; }
      .working .working_card .working_description .working_description-title {
        font-family: "Montserrat-Bold";
        font-size: 16px; }
      .working .working_card .working_description .working_description-text {
        line-height: 25px;
        padding-top: 5px; }
  .working .working-icn-step_wrapper {
    margin-top: 30px; }
    .working .working-icn-step_wrapper .icn-step {
      text-align: center;
      position: relative; }
      .working .working-icn-step_wrapper .icn-step.arrow:after {
        content: "";
        width: 30px;
        height: 11px;
        position: absolute;
        top: 0;
        right: -10px;
        background-image: url(../img/step-arrow.png);
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat; }
    .working .working-icn-step_wrapper .working-icn-step_btn {
      text-align: center;
      margin-top: 75px;
      position: relative;
      z-index: 22; }

/*working*/
/*portfolio*/
.portfolio {
  position: relative;
  background-color: #ffffff;
  box-shadow: 0px -16px 12px #fff;
  padding-bottom: 100px; }
  .portfolio .sky-separator {
    position: absolute;
    top: -183px;
    left: -50%;
    transform: translateX(50%);
    background-image: url(../img/sky-separator.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 100%;
    height: 600px;
    z-index: 1; }
  .portfolio .portfolio-wrapper {
    position: relative;
    z-index: 2; }
  .portfolio .section-title {
    padding-top: 55px; }
  .portfolio .portfolio-slider .portfolio-card {
    width: 380px;
    height: 380px;
    border-radius: 10px;
    position: relative;
    margin: 0 10px; }
    .portfolio .portfolio-slider .portfolio-card:focus {
      outline: none; }
    .portfolio .portfolio-slider .portfolio-card:before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      background-image: linear-gradient(-45deg, rgba(4, 157, 219, 0.92) -40%, rgba(255, 255, 255, 0) 71%);
      border-radius: 10px; }
    .portfolio .portfolio-slider .portfolio-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 10px; }
  .portfolio .slick-dots {
    bottom: -50px; }
    .portfolio .slick-dots li button {
      background-color: #016fcf;
      border-radius: 50%;
      box-shadow: 0 0 4px 2px #016fcf; }
      .portfolio .slick-dots li button:after, .portfolio .slick-dots li button:before {
        display: none; }
    .portfolio .slick-dots li.slick-active button {
      background-color: #04b9da;
      box-shadow: 0 0 4px 2px #04b9da; }

/*portfolio*/
/*reviews*/
.reviews {
  background-color: #eff4f8;
  padding-bottom: 140px; }
  .reviews .reviews-card_wrapper .reviews-card {
    padding: 30px 67px 30px 30px;
    border-radius: 10px;
    box-shadow: 0 8px 46px 0 rgba(3, 160, 195, 0.14);
    background-color: #ffffff;
    display: flex;
    flex-direction: row;
    margin-bottom: 40px;
    position: relative; }
    .reviews .reviews-card_wrapper .reviews-card:after {
      content: "";
      width: 20px;
      height: 20px;
      background-image: url(../img/reviews-arrow.png);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      position: absolute;
      bottom: -20px;
      right: 41px; }
    .reviews .reviews-card_wrapper .reviews-card .reviews_avatar-wrapper {
      width: 90px;
      height: 90px;
      border-radius: 100%;
      margin-right: 20px; }
      .reviews .reviews-card_wrapper .reviews-card .reviews_avatar-wrapper img {
        object-fit: cover;
        object-position: center;
        border-radius: 100%; }
    .reviews .reviews-card_wrapper .reviews-card .reviews_description .reviews-name {
      font-family: "Montserrat-Light";
      font-size: 20px;
      color: #45295b; }
      .reviews .reviews-card_wrapper .reviews-card .reviews_description .reviews-name .reviews-place {
        font-family: "Montserrat-Light";
        font-size: 15px;
        color: #9d9d9d;
        margin-left: 5px; }
    .reviews .reviews-card_wrapper .reviews-card .reviews_description .reviews-review {
      font-family: "Montserrat-Regular";
      font-size: 15px;
      line-height: 25px;
      color: #696969;
      margin-top: 5px; }

/*reviews*/
/*maps*/
.maps .maps-wrapper {
  position: relative;
  height: 870px; }
  .maps .maps-wrapper .maps-bg-gr {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(-45deg, #04bddb 19%, rgba(255, 255, 255, 0) 68%);
    z-index: 2; }
  .maps .maps-wrapper .maps-bg-cl {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
  .maps .maps-wrapper .container-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .maps .maps-wrapper .container-wrapper .container-lg {
      position: relative;
      height: 100%; }
    .maps .maps-wrapper .container-wrapper .maps-contact {
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
      padding: 50px;
      background-color: #ffffff;
      border-radius: 10px;
      z-index: 3;
      width: 380px; }
      .maps .maps-wrapper .container-wrapper .maps-contact .maps-contact_column {
        margin-bottom: 10px; }
        .maps .maps-wrapper .container-wrapper .maps-contact .maps-contact_column .maps-contact_name {
          font-family: "Montserrat-Bold";
          color: #b4b4b4;
          margin-bottom: 5px; }
        .maps .maps-wrapper .container-wrapper .maps-contact .maps-contact_column .maps-contact_contact {
          font-family: "Montserrat-Regular";
          font-size: 16px;
          color: #000000; }
          .maps .maps-wrapper .container-wrapper .maps-contact .maps-contact_column .maps-contact_contact .mail {
            font-family: "Montserrat-Light";
            font-size: 20px;
            color: #000000; }
          .maps .maps-wrapper .container-wrapper .maps-contact .maps-contact_column .maps-contact_contact .bank {
            font-family: "Montserrat-Regular";
            font-size: 12px;
            color: #747474;
            line-height: 20px;
            display: block; }
      .maps .maps-wrapper .container-wrapper .maps-contact .blue-btn {
        margin-top: 40px; }

/*maps*/
/*footer*/
.footer {
  padding: 82px 0; }

/*footer*/
/* modal */
.overlay {
  width: 100%;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 40px;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  opacity: 0;
  pointer-events: none;
  transition: 0.35s ease-in-out;
  max-height: 100vh;
  overflow-y: auto; }
  .overlay.open {
    opacity: 1;
    pointer-events: inherit; }
  .overlay .modal {
    text-align: center;
    opacity: 0;
    pointer-events: none;
    transition: 0.35s ease-in-out;
    max-height: 100vh;
    overflow-y: auto;
    display: flex;
    justify-content: center;
    height: auto;
    box-shadow: 0 8px 13px 0 rgba(69, 69, 69, 0.24);
    border-radius: 10px;
    background: #fff;
    width: 380px;
    box-sizing: border-box;
    max-width: 100%;
    padding: 30px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .overlay .modal.open {
      opacity: 1;
      pointer-events: inherit; }
      .overlay .modal.open .content {
        transform: translate(0, 0px);
        opacity: 1; }
    .overlay .modal .content {
      transform: translate(0, -10px);
      opacity: 0;
      transition: .35s ease-in-out; }
    .overlay .modal .title {
      margin-top: 0; }
    .overlay .modal .close-modal {
      position: absolute;
      top: -20px;
      right: -50px;
      cursor: pointer; }

.modal-form_wrapper .modal-form .form-title {
  font-size: 24px;
  margin-bottom: 25px;
  color: #2b2b2b;
  font-family: "Montserrat-Bold"; }
  .modal-form_wrapper .modal-form .form-title span {
    display: block;
    font-family: "Montserrat-Regular";
    font-size: 16px;
    margin-top: 10px;
    background: -moz-linear-gradient(left, #04bedb 0%, #006ece 46%, #006ece 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #04bedb), color-stop(46%, #006ece), color-stop(100%, #006ece));
    background: -webkit-linear-gradient(left, #04bedb 0%, #006ece 46%, #006ece 100%);
    background: -o-linear-gradient(left, #04bedb 0%, #006ece 46%, #006ece 100%);
    background: -ms-linear-gradient(left, #04bedb 0%, #006ece 46%, #006ece 100%);
    background: linear-gradient(to right, #04bedb 0%, #006ece 46%, #006ece 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
.modal-form_wrapper .modal-form .modal-form_field {
  margin-bottom: 11px;
  text-align: center; }
  .modal-form_wrapper .modal-form .modal-form_field input {
    font-size: 16px;
    width: 260px;
    height: 60px;
    border-radius: 50px;
    padding-left: 10px;
    box-sizing: border-box;
    border: 1px solid #a4a4a4; }
    .modal-form_wrapper .modal-form .modal-form_field input:focus {
      border: 1px solid #04b9da;
      border-radius: 50px;
      outline: none; }
.modal-form_wrapper .modal-form .modal-form_btn {
  margin-top: 20px; }
  .modal-form_wrapper .modal-form .modal-form_btn .blue-btn {
    width: 260px; }

/* modal */
.form_send {
  text-align: center;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 700;
  display: none; }

/* 1649 */
@media screen and (max-width: 1649px) {
  /*header*/
  .header {
    background-position: 63% 50%; }

  /*header*/ }
/* 1649 */
/* 1199 */
@media screen and (max-width: 1199px) {
  /*header*/
  .navigation .logo {
    font-size: 13px;
    line-height: 14px; }
    .navigation .logo img {
      margin-right: 5px; }
  .navigation .header-nav_wrapper .header_menu .drawer-list .menu_list-wrapheader {
    justify-content: flex-end; }
    .navigation .header-nav_wrapper .header_menu .drawer-list .menu_list-wrapheader li {
      margin-right: 15px; }
  .navigation .contacts-column .phone .phone-number {
    font-size: 21px; }

  .header {
    background-position: 43% 50%;
    height: 652px; }

  /*header*/
  /*why-we*/
  .why-we .why-we_wrapper .why-we_card .icon_wrapper {
    flex: 0 0 70px; }
  .why-we .why-we_wrapper .why-we_card .why-we_description {
    padding-top: 0;
    line-height: 25px; }
    .why-we .why-we_wrapper .why-we_card .why-we_description .why-we_description-title {
      font-size: 14px; }

  /*why-we*/
  /*calculation*/
  .calculation .calculation-wrapper {
    background-position: 149px 50%; }
    .calculation .calculation-wrapper .calculation-description {
      width: 465px; }

  /*calculation*/
  /*working_wrapper*/
  .working .working-icn-step_wrapper .icn-step {
    text-align: center;
    position: relative; }
    .working .working-icn-step_wrapper .icn-step img {
      width: 100%; }

  /*working_wrapper*/
  /*portfolio*/
  .portfolio .portfolio-slider .portfolio-card {
    height: auto; }
  .portfolio .slick-dots li button {
    width: 10px;
    height: 10px; }

  /*portfolio*/ }
/* 1199 */
/* 991 */
@media screen and (max-width: 991px) {
  /*menu*/
  .navigation.top_navigation .header-nav_wrapper .header_menu .drawer-list {
    box-shadow: 0 0 20px 6px #fff;
    position: fixed;
    z-index: 999;
    right: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    transform: translate(120vw, 0);
    /* ie workaround */
    -ms-transform: translatex(-120vw);
    box-sizing: border-box;
    pointer-events: none;
    padding-top: 70px;
    transition: width 475ms ease-out, transform 450ms ease;
    margin-right: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-color: white;
    background-color: white; } }
  @media screen and (max-width: 991px) and (min-width: 576px) {
    .navigation.top_navigation .header-nav_wrapper .header_menu .drawer-list {
      width: 40vw;
      padding-top: 90px; }
      .navigation.top_navigation .header-nav_wrapper .header_menu .drawer-list .header-social {
        right: 20px; }
      .navigation.top_navigation .header-nav_wrapper .header_menu .drawer-list ul {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        background-color: white;
        background-color: white; } }
@media screen and (max-width: 991px) {
    .navigation.top_navigation .header-nav_wrapper .header_menu .drawer-list .header-social {
      position: relative;
      right: auto;
      top: 0;
      display: block;
      margin-top: 40px; }
    .navigation.top_navigation .header-nav_wrapper .header_menu .drawer-list ul {
      height: auto;
      width: 100%;
      margin: 0;
      padding: 0;
      overflow: auto;
      overflow-x: hidden;
      pointer-events: auto;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      padding-top: 20px; }
    .navigation.top_navigation .header-nav_wrapper .header_menu .drawer-list li {
      margin-left: 0;
      margin-right: 0;
      list-style: none;
      pointer-events: auto;
      white-space: nowrap;
      box-sizing: border-box;
      padding: 1rem;
      transform: translatex(100vw);
      /* ie workaround */
      -ms-transform: translatex(-100vw); }
      .navigation.top_navigation .header-nav_wrapper .header_menu .drawer-list li:last-child {
        margin-bottom: 2em; }
      .navigation.top_navigation .header-nav_wrapper .header_menu .drawer-list li a {
        text-decoration: none;
        color: #333;
        text-align: center;
        display: block;
        padding-bottom: 5px;
        font-size: 18px;
        font-weight: 400;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s; }
  .navigation.top_navigation .header-nav_wrapper .header_menu input.hamburger {
    display: none; }
    .navigation.top_navigation .header-nav_wrapper .header_menu input.hamburger:checked {
      position: fixed; }
      .navigation.top_navigation .header-nav_wrapper .header_menu input.hamburger:checked ~ .drawer-list {
        transform: translatex(0);
        border-bottom-left-radius: 0; }
        .navigation.top_navigation .header-nav_wrapper .header_menu input.hamburger:checked ~ .drawer-list li {
          transform: translatex(0); }
      .navigation.top_navigation .header-nav_wrapper .header_menu input.hamburger:checked ~ label > i {
        background-color: transparent;
        transform: rotate(90deg);
        left: 11%; }
        .navigation.top_navigation .header-nav_wrapper .header_menu input.hamburger:checked ~ label > i:before {
          transform: translate(-50%, -50%) rotate(315deg); }
        .navigation.top_navigation .header-nav_wrapper .header_menu input.hamburger:checked ~ label > i:after {
          transform: translate(-50%, -50%) rotate(-315deg); }
      .navigation.top_navigation .header-nav_wrapper .header_menu input.hamburger:checked ~ label close {
        width: 100%; }
      .navigation.top_navigation .header-nav_wrapper .header_menu input.hamburger:checked ~ label open {
        width: 0; }
  .navigation.top_navigation .header-nav_wrapper .header_menu label.hamburger {
    z-index: 1000;
    position: relative;
    display: block !important;
    height: 60px;
    width: 55px;
    background: -moz-linear-gradient(left, #04bedb 0%, #006ece 46%, #006ece 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #04bedb), color-stop(46%, #006ece), color-stop(100%, #006ece));
    background: -webkit-linear-gradient(left, #04bedb 0%, #006ece 46%, #006ece 100%);
    background: -o-linear-gradient(left, #04bedb 0%, #006ece 46%, #006ece 100%);
    background: -ms-linear-gradient(left, #04bedb 0%, #006ece 46%, #006ece 100%);
    background: linear-gradient(to right, #04bedb 0%, #006ece 46%, #006ece 100%);
    border-radius: 15px; }
    .navigation.top_navigation .header-nav_wrapper .header_menu label.hamburger:hover {
      cursor: pointer; }
    .navigation.top_navigation .header-nav_wrapper .header_menu label.hamburger text close,
    .navigation.top_navigation .header-nav_wrapper .header_menu label.hamburger text open {
      font-family: "Montserrat-Regular";
      font-size: 13px;
      color: #ffffff;
      text-transform: uppercase;
      font-size: 14px;
      position: absolute;
      transform: translateY(40px);
      text-align: center;
      overflow: hidden;
      transition: width .25s .35s, color .45s .35s; }
    .navigation.top_navigation .header-nav_wrapper .header_menu label.hamburger text close {
      right: 0;
      width: 0; }
    .navigation.top_navigation .header-nav_wrapper .header_menu label.hamburger text open {
      width: 100%; }
    .navigation.top_navigation .header-nav_wrapper .header_menu label.hamburger > i {
      position: absolute;
      width: 69%;
      left: 15%;
      height: 2px;
      top: 32%;
      background-color: #ffffff;
      pointer-events: auto;
      transition-duration: .35s;
      transition-delay: .35s; }
      .navigation.top_navigation .header-nav_wrapper .header_menu label.hamburger > i:before, .navigation.top_navigation .header-nav_wrapper .header_menu label.hamburger > i:after {
        position: absolute;
        display: block;
        width: 100%;
        margin: 0 auto;
        height: 2px;
        left: 50%;
        background-color: #ffffff;
        content: "";
        transition: transform 0.35s;
        transform-origin: 50% 50%; }
      .navigation.top_navigation .header-nav_wrapper .header_menu label.hamburger > i:before, .navigation.top_navigation .header-nav_wrapper .header_menu label.hamburger > i:after {
        transform: translate(-50%, -10px); }
      .navigation.top_navigation .header-nav_wrapper .header_menu label.hamburger > i:after {
        transform: translate(-50%, 10px); }
  .navigation.top_navigation .header-nav_wrapper .header_menu label.hamburger {
    position: fixed;
    top: 20px;
    right: 10px;
    border-radius: 5px; }

  /*menu*/
  /*header*/
  .navigation .logo {
    font-size: 17px;
    line-height: 22px; }

  .header {
    min-height: 652px;
    padding-top: 20px; }
    .header .fs-content {
      padding-top: 125px;
      padding-bottom: 120px;
      width: 435px; }
      .header .fs-content h1 {
        font-size: 36px;
        line-height: 42px; }
      .header .fs-content .sub_h1 {
        font-size: 24px; }
      .header .fs-content .fs_advantages-list {
        font-size: 15px;
        padding-top: 15px; }
        .header .fs-content .fs_advantages-list li {
          margin-top: 20px; }

  /*header*/
  /*calculation*/
  .calculation .calculation-wrapper {
    background-position: 16px 20%;
    padding: 30px; }
    .calculation .calculation-wrapper:after {
      left: -277px;
      bottom: -127px; }
    .calculation .calculation-wrapper .section-title {
      font-size: 36px;
      padding-bottom: 28px; }
      .calculation .calculation-wrapper .section-title span {
        font-size: 24px;
        margin-top: 13px; }
    .calculation .calculation-wrapper .calculation-description {
      width: 400px;
      font-size: 14px; }

  /*calculation*/
  /*footer*/
  .footer {
    padding: 32px 0; }

  /*footer*/ }
/* 991 */
/* 767 */
@media screen and (max-width: 767px) {
  /*header*/
  .header .container {
    max-width: 100%; }
  .header .fs-content .blue-btn {
    margin-top: 42px; }

  /*header*/
  /*working*/
  .working .working-icn-step_wrapper .icn-step {
    margin-bottom: 30px; }
    .working .working-icn-step_wrapper .icn-step.arrow.media-arrow_bot:after {
      top: auto;
      bottom: -15px;
      right: -10px;
      transform: rotate(115deg); }
    .working .working-icn-step_wrapper .icn-step.arrow.media-arrow-bottom:after {
      top: 0;
      right: auto;
      left: -10px;
      transform: rotate(180deg) rotateX(180deg); }
  .working .working-icn-step_wrapper .working-icn-step_btn {
    margin-top: 25px; }

  /*working*/
  /*reviews*/
  .reviews {
    padding-bottom: 60px; }

  /*reviews*/
  /*maps*/
  .maps .maps-wrapper {
    height: 670px; }
    .maps .maps-wrapper .container-wrapper .maps-contact {
      padding: 30px; }
      .maps .maps-wrapper .container-wrapper .maps-contact .maps-contact_column {
        margin-bottom: 6px; }
        .maps .maps-wrapper .container-wrapper .maps-contact .maps-contact_column .maps-contact_name {
          font-size: 14px; }
        .maps .maps-wrapper .container-wrapper .maps-contact .maps-contact_column .maps-contact_contact {
          font-size: 14px; }
          .maps .maps-wrapper .container-wrapper .maps-contact .maps-contact_column .maps-contact_contact .mail {
            font-size: 17px; }
      .maps .maps-wrapper .container-wrapper .maps-contact .blue-btn {
        margin-top: 20px; }

  /*maps*/
  /*modal*/
  .overlay .modal {
    padding: 20px;
    width: 290px;
    max-width: 100%; }
    .overlay .modal .close-modal {
      top: -15px;
      right: -8px; }
      .overlay .modal .close-modal img {
        width: 18px; }

  .modal-form_wrapper .modal-form .form-title span {
    font-size: 14px; }
  .modal-form_wrapper .modal-form .modal-form_field input {
    height: 53px;
    font-size: 14px; }

  /*modal*/
  /*classes*/
  .blue-btn {
    font-size: 14px;
    padding: 16px 24px; }

  /*classes*/ }
/* 767 */
/* 600 */
@media screen and (max-width: 600px) {
  /*header*/
  .header {
    background-position: 0% 50%;
    height: 652px; }
    .header .navigation .logo {
      font-size: 15px;
      line-height: 22px;
      display: flex;
      align-items: center;
      justify-content: start;
      margin-bottom: 15px; }
    .header .navigation .contacts-column {
      align-items: start; }
      .header .navigation .contacts-column .mail {
        margin-left: 28px;
        margin-top: 5px; }

  /*header*/ }
/* 600 */
/* 575 */
@media screen and (max-width: 575px) {
  /*header*/
  .header .navigation.top_navigation .header-nav_wrapper .header_menu label.hamburger {
    position: fixed;
    top: 20px;
    right: 10px; }
  .header .fs-content {
    width: 100%; }
    .header .fs-content h1 {
      font-size: 32px;
      line-height: 38px; }
    .header .fs-content .sub_h1 {
      font-size: 23px;
      line-height: 24px; }
    .header .fs-content .fs_advantages-list li {
      margin-top: 15px; }
      .header .fs-content .fs_advantages-list li:before {
        left: -29px;
        top: 45%;
        transform: translateY(-50%); }

  /*header*/
  /*product*/
  .product {
    padding-bottom: 60px; }
    .product .product_wrapper .product_card-wrapper {
      max-width: 380px;
      margin: 0 auto 15px auto; }

  /*product*/
  /*why-we*/
  .why-we {
    padding-bottom: 60px; }
    .why-we .why-we_wrapper .why-we_card {
      justify-content: center; }

  /*why-we*/
  /*calculation*/
  .calculation .calculation-wrapper .section-title {
    font-size: 28px;
    padding-bottom: 20px; }
    .calculation .calculation-wrapper .section-title span {
      font-size: 21px;
      margin-top: 13px;
      line-height: 21px; }
  .calculation .calculation-wrapper .calculation-description {
    width: 100%; }
  .calculation .blue-btn {
    font-size: 12px;
    padding: 15px 22px; }

  /*calculation*/
  /*working*/
  .working .working-icn-step_wrapper .icn-step.arrow:after {
    right: -20px; }
  .working .working-icn-step_wrapper .icn-step.arrow.media-arrow-bottom:after {
    left: -30px; }

  /*working*/
  /*reviews*/
  .reviews .reviews-card_wrapper .reviews-card {
    flex-direction: column;
    padding: 15px; }

  /*reviews*/
  /*maps*/
  .maps .maps-wrapper .container-wrapper .maps-contact {
    padding: 30px;
    max-width: 320px;
    width: 300px; }

  /*maps*/
  /*footer*/
  .footer .navigation .logo {
    display: flex;
    justify-content: center;
    margin-bottom: 15px; }
  .footer .navigation .contacts-column {
    align-items: center; }

  /*footer*/
  /*classes*/
  .section-title {
    padding-top: 55px;
    font-size: 26px;
    padding-bottom: 35px; }
    .section-title span {
      font-size: 16px;
      line-height: 30px; }

  /*classes*/ }
/* 575 */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/*# sourceMappingURL=style.css.map */