@charset "UTF-8";
@font-face {
  font-family: "Open-Sans-Regular";
  src: url("../fonts/open-sans/OpenSans-Regular.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Open-Sans-SemiBold";
  src: url("../fonts/open-sans/OpenSans-SemiBold.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Open-Sans-Bold";
  src: url("../fonts/open-sans/OpenSans-Bold.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Open-Sans-ExtraBold";
  src: url("../fonts/open-sans/OpenSans-ExtraBold.ttf");
  font-weight: normal;
  font-style: normal; }
* {
  margin: 0;
  padding: 0; }
  *:focus {
    outline-style: none;
    outline-width: 0px !important;
    outline-color: none !important; }

html, body {
  background-color: #FFF;
  color: #22282C;
  font-size: 1rem;
  box-sizing: border-box;
  font-family: "Open-Sans-Regular", sans-serif;
  height: 100%; }

h1, h2, h3, h4, h5 {
  color: #22282C;
  margin: 0;
  padding: 0;
  letter-spacing: 0.5px; }

p {
  margin: 0;
  padding: 0;
  letter-spacing: 0.5px; }

.wrapper {
  display: flex;
  flex-direction: column;
  height: 100%; }

.content {
  flex: 1 0 auto;
  position: relative; }

.container {
  max-width: 1600px; }

.pagination {
  flex: 0 0 auto;
  background-color: #F7FAFC;
  text-align: center;
  padding-bottom: 100px; }
  .pagination ul {
    max-width: 300px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0 auto; }
    .pagination ul li {
      list-style: none; }
      .pagination ul li a {
        color: #00A5FA;
        text-decoration: none;
        font-size: 1.563rem;
        transition: .3s all ease; }
        .pagination ul li a:hover {
          color: #7C8B93;
          transition: .3s all ease; }
      .pagination ul li .arrow-left img, .pagination ul li .arrow-right img {
        vertical-align: -5px; }
      .pagination ul li .selected {
        color: #7C8B93; }

footer {
  flex: 0 0 auto;
  background-color: #5B5F61;
  color: #FFF;
  padding: 50px 0; }
  footer .footer-logo {
    margin-bottom: 40px; }
  footer .footer-after-logo {
    font-size: 1rem;
    letter-spacing: 0.5px; }
  footer .footer-menu ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding: 10px 0;
    margin: 0; }
    footer .footer-menu ul li {
      list-style: none; }
      footer .footer-menu ul li a {
        color: #FFF;
        text-decoration: none;
        transition: .3s all ease;
        font-size: 1.25rem;
        letter-spacing: 0.5px; }
        footer .footer-menu ul li a:hover {
          transition: .3s all ease;
          color: #F89015; }
  footer .footer-after-menu {
    padding-top: 30px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end; }
    footer .footer-after-menu span {
      letter-spacing: 0.5px; }
      footer .footer-after-menu span a {
        color: #FFF;
        transition: .3s all ease;
        text-decoration: none;
        white-space: nowrap; }
        footer .footer-after-menu span a:hover {
          color: #F89015;
          transition: .3s all ease; }
  footer .footer-after-menu_socials {
    padding-left: 0px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin-top: -5px; }
    footer .footer-after-menu_socials a {
      display: block;
      width: 30px;
      height: 30px;
      border-radius: 15px;
      background-color: #F7FAFC;
      -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
      text-decoration: none;
      margin-left: 30px;
      transition: .3s all ease;
      position: relative; }
      footer .footer-after-menu_socials a:hover {
        background-color: #F89015;
        transition: .3s all ease;
        -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0); }
    footer .footer-after-menu_socials .facebook:before {
      content: "f";
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #5B5F61;
      font-size: 1rem;
      font: "Open-Sans-SemiBold", sans-serif;
      transition: .3s all ease; }
    footer .footer-after-menu_socials .facebook:hover:before {
      color: #FFF;
      transition: .3s all ease; }
    footer .footer-after-menu_socials .vkontakte:before {
      content: "В";
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #5B5F61;
      font-size: 1rem;
      font: "Open-Sans-Regular", sans-serif;
      transition: .3s all ease; }
    footer .footer-after-menu_socials .vkontakte:hover:before {
      color: #FFF;
      transition: .3s all ease; }
    footer .footer-after-menu_socials .instagram:before {
      content: url(../img/icons/instagram-grey.svg);
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      margin-top: 1px;
      transition: .3s all ease; }
    footer .footer-after-menu_socials .instagram:hover:before {
      content: url(../img/icons/instagram-white.svg);
      transition: .3s all ease; }

.pre-header-mobile {
  display: none; }

header {
  z-index: 2;
  position: fixed;
  background-color: #FFF;
  width: 100%;
  height: 60px;
  -webkit-box-shadow: 0px 5px 20px 15px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 5px 20px 15px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 5px 20px 15px rgba(0, 0, 0, 0.05); }
  header .logo {
    text-decoration: none;
    display: block;
    padding: 9px 0; }
    header .logo img {
      display: block;
      height: 42px;
      width: auto; }
  header .menu-line {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between; }
  header .menu {
    padding: 16px 20px;
    width: 82%; }
    header .menu ul {
      margin: 0;
      padding: 0;
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between; }
      header .menu ul li {
        list-style-type: none; }
        header .menu ul li a {
          display: block;
          text-decoration: none;
          color: #22282C;
          transition: .3s all ease;
          font-family: "Open-Sans-Regular", sans-serif;
          font-size: 1.25rem;
          letter-spacing: 1.2px; }
          header .menu ul li a:hover {
            transition: .3s all ease;
            color: #00A5FA; }
      header .menu ul .selected a {
        color: #00A5FA; }
  header .phone {
    width: 18%;
    padding: 16px 0;
    text-align: right; }
    header .phone a {
      display: block;
      font-size: 1.25rem;
      font-family: "Open-Sans-SemiBold", sans-serif;
      text-decoration: none;
      color: #22282C;
      transition: .3s all ease;
      letter-spacing: 0.5px; }
      header .phone a:hover {
        color: #00A5FA;
        transition: .3s all ease; }
  header .mobile-menu {
    display: none; }

.after-header {
  background-color: #F7FAFC;
  margin-top: 60px;
  padding-top: 80px;
  padding-bottom: 80px; }
  .after-header .offer h1 {
    font-size: 2.5rem;
    font-family: "Open-Sans-ExtraBold", sans-serif; }
  .after-header .offer .offer-text-on-main {
    font-size: 1.563rem;
    color: #00A5FA;
    font-family: "Open-Sans-SemiBold", sans-serif;
    padding-top: 50px; }
  .after-header .offer .offer-second-text-on-main {
    font-family: "Open-Sans-Bold", sans-serif;
    font-size: 1.563rem;
    letter-spacing: 0.5px;
    padding-bottom: 25px;
    padding-top: 50px; }
  .after-header .offer .offer-text-on-advantages {
    font-size: 1.45rem;
    padding: 25px 0;
    font-family: "Open-Sans-SemiBold", sans-serif; }
    .after-header .offer .offer-text-on-advantages span {
      color: #00A5FA;
      font-family: "Open-Sans-Bold", sans-serif; }
  .after-header .offer .offer-second-text-on-advantages {
    color: #00A5FA;
    font-size: 1.45rem;
    padding: 25px 0;
    font-family: "Open-Sans-SemiBold", sans-serif; }
  .after-header .offer .offer-text-on-base {
    font-family: "Open-Sans-SemiBold", sans-serif;
    font-size: 1.563rem;
    letter-spacing: 0.5px;
    padding-top: 100px; }
  .after-header .offer .offer-second-text-on-base {
    font-family: "Open-Sans-SemiBold", sans-serif;
    font-size: 1.563rem;
    letter-spacing: 0.5px;
    padding-bottom: 50px;
    padding-top: 50px;
    color: #00A5FA; }
  .after-header .offer .offer-text-on-site {
    font-family: "Open-Sans-SemiBold", sans-serif;
    font-size: 1.563rem;
    letter-spacing: 0.5px;
    padding-top: 100px; }
  .after-header .offer .offer-second-text-on-site {
    font-family: "Open-Sans-SemiBold", sans-serif;
    font-size: 1.563rem;
    letter-spacing: 0.5px;
    padding-bottom: 50px;
    padding-top: 50px;
    color: #00A5FA; }
  .after-header .offer p {
    padding-bottom: 20px;
    font-size: 1.25rem;
    letter-spacing: 0.5px; }
  .after-header .offer ul {
    margin: 0;
    padding: 0;
    border-left: 3px solid #00A5FA;
    padding-left: 50px; }
    .after-header .offer ul li {
      list-style-type: none;
      padding: 11px 0;
      font-size: 1.25rem;
      letter-spacing: 0.5px; }
      .after-header .offer ul li span {
        font-size: 1.563rem;
        font-family: "Open-Sans-SemiBold", sans-serif; }
  .after-header .callback-form-pre {
    display: flex;
    justify-content: flex-end; }
  .after-header .callback-form {
    max-width: 600px;
    padding: 25px 50px;
    background-color: #FFF;
    -webkit-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.1); }
    .after-header .callback-form h2 {
      font-size: 1.875rem;
      font-family: "Open-Sans-Bold", sans-serif;
      padding-bottom: 20px; }
    .after-header .callback-form p {
      font-size: 1.25rem;
      color: #7C8B93; }
    .after-header .callback-form span {
      display: block;
      text-align: center;
      font-size: 0.875rem; }
      .after-header .callback-form span a {
        text-decoration: none;
        color: #00A5FA;
        text-decoration: none;
        transition: .3s all ease;
        font-size: 0.875rem; }
        .after-header .callback-form span a:hover {
          transition: .3s all ease; }
    .after-header .callback-form input[type=text],
    .after-header .callback-form input[type=tel],
    .after-header .callback-form input[type=email] {
      width: 100%;
      text-align: left;
      color: #22282C;
      font-size: 1.25rem;
      border: 0px;
      border-bottom: 1px solid #7C8B93;
      margin: 10px 0;
      padding: 20px 0; }
      .after-header .callback-form input[type=text]::placeholder,
      .after-header .callback-form input[type=tel]::placeholder,
      .after-header .callback-form input[type=email]::placeholder {
        color: #7C8B93; }
    .after-header .callback-form textarea {
      width: 100%;
      text-align: left;
      color: #22282C;
      font-size: 1.25rem;
      border: 0px;
      border-bottom: 1px solid #7C8B93;
      margin: 10px 0;
      padding: 20px 0; }
      .after-header .callback-form textarea::placeholder {
        color: #7C8B93; }
    .after-header .callback-form button[type=submit] {
      display: block;
      border: 0px;
      background-color: #00A5FA;
      color: #FFF;
      -webkit-box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.25);
      -moz-box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.25);
      box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.25);
      padding: 15px 95px;
      text-align: center;
      font-size: 1.563rem;
      margin: 20px auto;
      letter-spacing: .5px;
      transition: .3s all ease;
      position: relative;
      z-index: 1; }
      .after-header .callback-form button[type=submit]:after {
        content: '';
        position: absolute;
        width: 0%;
        height: 100%;
        background-color: #FFF;
        z-index: -1;
        opacity: .15;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      .after-header .callback-form button[type=submit]:hover {
        transition: .3s all ease;
        -webkit-box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.05);
        box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.05); }
        .after-header .callback-form button[type=submit]:hover:after {
          width: 100%;
          transition: .3s all ease; }

.after-header.main-page {
  background-image: url(../img/backround-image-0.jpg);
  background-repeat: no-repeat;
  background-position: 0% 50%;
  background-size: auto 100%; }

.after-header.advantages {
  background-image: url(../img/backround-image-1.jpg);
  background-repeat: no-repeat;
  background-position: 0% 50%;
  background-size: auto 100%; }
  .after-header.advantages .offer h1 {
    margin-bottom: 50px; }

.after-header.base {
  background-image: url(../img/backround-image-2.jpg);
  background-repeat: no-repeat;
  background-position: 0% 50%;
  background-size: auto 100%; }

.after-header.site {
  background-image: url(../img/backround-image-3.jpg);
  background-repeat: no-repeat;
  background-position: 0% 50%;
  background-size: auto 100%; }

.after-header.contacts {
  margin-top: 140px;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 80px; }
  .after-header.contacts h1 {
    padding-top: 50px;
    margin-bottom: 50px; }
  .after-header.contacts ul.contacts-text {
    border: 0px;
    padding: 0;
    margin: 0;
    font-size: 1.25rem; }
    .after-header.contacts ul.contacts-text li a {
      text-decoration: none;
      transition: .3s all ease;
      color: #22282C; }
      .after-header.contacts ul.contacts-text li a:hover {
        color: #00A5FA;
        transition: .3s all ease; }
    .after-header.contacts ul.contacts-text .socials {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      padding-top: 50px;
      width: 150px; }
      .after-header.contacts ul.contacts-text .socials a img {
        display: block;
        -webkit-box-shadow: 0px 4px 10px 1px rgba(0, 165, 250, 0.2);
        -moz-box-shadow: 0px 4px 10px 1px rgba(0, 165, 250, 0.2);
        box-shadow: 0px 4px 10px 1px rgba(0, 165, 250, 0.2);
        border-radius: 15px;
        width: 30px;
        height: 30px; }

.advantages-functional {
  padding-top: 100px;
  text-align: center; }
  .advantages-functional h2 {
    display: inline-block;
    padding: 0px 20px;
    border-left: 5px solid #00A5FA;
    font-size: 1.563rem;
    color: #22282C;
    font-family: "Open-Sans-Bold", sans-serif;
    margin-bottom: 50px; }
  .advantages-functional .advantages-functional__first-row {
    background: linear-gradient(to right, #FFF 50%, #F7FAFC 50%); }
  .advantages-functional .advantages-functional__second-row {
    background: #F7FAFC;
    height: 600px;
    margin-bottom: 250px; }
  .advantages-functional .col-lg-6.right {
    padding: 50px 0px 50px 100px; }
  .advantages-functional .col-lg-6.left {
    padding: 50px 100px 50px 0px; }
  .advantages-functional .advantages-functional-item {
    padding: 50px;
    background-color: #FFF;
    text-align: left; }
    .advantages-functional .advantages-functional-item .image {
      margin-bottom: 50px; }
      .advantages-functional .advantages-functional-item .image img {
        display: block;
        width: 100%;
        height: auto; }
    .advantages-functional .advantages-functional-item .text .text-header {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      padding-bottom: 10px; }
      .advantages-functional .advantages-functional-item .text .text-header span {
        display: flex;
        align-items: center;
        font-size: 5rem;
        color: #00A5FA;
        display: block;
        width: 10%;
        font-family: "Open-Sans-Bold", sans-serif; }
      .advantages-functional .advantages-functional-item .text .text-header h3 {
        width: 90%;
        display: flex;
        align-items: center;
        font-size: 1.563rem;
        font-family: "Open-Sans-Bold", sans-serif; }
    .advantages-functional .advantages-functional-item .text .text-content {
      min-height: 200px;
      display: flex;
      align-items: center; }
      .advantages-functional .advantages-functional-item .text .text-content p {
        font-size: 1.25rem;
        padding: 0;
        margin: 0; }
  .advantages-functional .advantages-functional-item.shadow {
    -webkit-box-shadow: 0px 5px 20px 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 5px 20px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 5px 20px 5px rgba(0, 0, 0, 0.05); }
  .advantages-functional .advantages-functional-item.hover {
    transition: .3s all ease; }
    .advantages-functional .advantages-functional-item.hover:hover {
      -webkit-box-shadow: 0px 5px 20px 5px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: 0px 5px 20px 5px rgba(0, 0, 0, 0.05);
      box-shadow: 0px 5px 20px 5px rgba(0, 0, 0, 0.05);
      transition: .3s all ease; }

.about-crm {
  padding-top: 100px;
  text-align: center;
  padding-bottom: 100px; }
  .about-crm h2 {
    display: inline-block;
    padding: 0px 20px;
    border-left: 5px solid #00A5FA;
    font-size: 1.563rem;
    color: #22282C;
    margin-bottom: 100px;
    font-family: "Open-Sans-Bold", sans-serif; }
  .about-crm .video iframe {
    max-width: 100%; }
  .about-crm .text {
    padding: 20px 50px;
    text-align: left;
    position: relative; }
    .about-crm .text p {
      font-size: 1.25rem;
      letter-spacing: .5px; }
    .about-crm .text span {
      display: block;
      margin-top: 25px;
      color: #7C8B93;
      margin-bottom: 50px;
      letter-spacing: .5px;
      font-size: 1rem; }
    .about-crm .text .more {
      position: absolute;
      bottom: -10px;
      right: 50px;
      cursor: pointer;
      color: #00A5FA;
      font-family: "Open-Sans-SemiBold", sans-serif; }
      .about-crm .text .more:after {
        content: url(../img/more-down.svg);
        margin-left: 10px; }
@keyframes anim {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
    .about-crm .text .more.active {
      animation: anim 1s; }
      .about-crm .text .more.active:after {
        content: url(../img/more-up.svg); }
    .about-crm .text .addon {
      display: -webkit-box;
      -webkit-line-clamp: 6;
      -webkit-box-orient: vertical;
      overflow: hidden; }
      .about-crm .text .addon p {
        line-height: 1.875rem;
        font-size: 1rem; }
    .about-crm .text .addon.active {
      display: -webkit-box;
      -webkit-line-clamp: initial;
      -webkit-box-orient: vertical;
      overflow: hidden;
      animation: anim 1s; }

.why,
.actual-functional,
.advantages-site {
  padding: 50px 12px;
  background-color: #F7FAFC;
  text-align: center; }
  .why .container,
  .actual-functional .container,
  .advantages-site .container {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #FFF;
    -webkit-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.1); }
  .why h3,
  .actual-functional h3,
  .advantages-site h3 {
    display: inline-block;
    padding: 0px 20px;
    border-left: 5px solid #00A5FA;
    font-size: 1.563rem;
    color: #22282C;
    margin-bottom: 100px;
    font-family: "Open-Sans-Bold", sans-serif; }
  .why .icon-item,
  .actual-functional .icon-item,
  .advantages-site .icon-item {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 50px; }
    .why .icon-item .icon,
    .actual-functional .icon-item .icon,
    .advantages-site .icon-item .icon {
      padding: 0 40px;
      text-align: center;
      width: 22.5%;
      height: 10rem;
      display: flex;
      align-items: center; }
      .why .icon-item .icon img,
      .actual-functional .icon-item .icon img,
      .advantages-site .icon-item .icon img {
        width: 80px;
        height: 80px;
        border-radius: 40px; }
    .why .icon-item .icon.blue img,
    .actual-functional .icon-item .icon.blue img,
    .advantages-site .icon-item .icon.blue img {
      -webkit-box-shadow: 0px 6px 10px 1px rgba(0, 165, 250, 0.2);
      -moz-box-shadow: 0px 6px 10px 1px rgba(0, 165, 250, 0.2);
      box-shadow: 0px 6px 10px 1px rgba(0, 165, 250, 0.2); }
    .why .icon-item .icon.orange img,
    .actual-functional .icon-item .icon.orange img,
    .advantages-site .icon-item .icon.orange img {
      -webkit-box-shadow: 0px 6px 10px 1px rgba(248, 144, 21, 0.2);
      -moz-box-shadow: 0px 6px 10px 1px rgba(248, 144, 21, 0.2);
      box-shadow: 0px 6px 10px 1px rgba(248, 144, 21, 0.2); }
    .why .icon-item .text,
    .actual-functional .icon-item .text,
    .advantages-site .icon-item .text {
      width: 77.5%;
      text-align: left;
      height: 10rem;
      display: flex;
      align-items: center;
      padding-right: 40px; }
      .why .icon-item .text .text-inner,
      .actual-functional .icon-item .text .text-inner,
      .advantages-site .icon-item .text .text-inner {
        margin-top: 0px; }
      .why .icon-item .text p,
      .actual-functional .icon-item .text p,
      .advantages-site .icon-item .text p {
        display: block;
        font-size: 1.25rem;
        font-family: "Open-Sans-SemiBold", sans-serif; }
      .why .icon-item .text span,
      .actual-functional .icon-item .text span,
      .advantages-site .icon-item .text span {
        display: block;
        font-family: "Open-Sans-Regular", sans-serif;
        font-size: 1.25rem;
        color: #7C8B93; }
  .why .more-info,
  .actual-functional .more-info,
  .advantages-site .more-info {
    color: #00A5FA;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    text-decoration: none;
    width: 30%;
    float: right;
    padding-right: 40px;
    font-family: "Open-Sans-SemiBold", sans-serif;
    letter-spacing: .5px; }
    .why .more-info .more-info__icon,
    .actual-functional .more-info .more-info__icon,
    .advantages-site .more-info .more-info__icon {
      background-color: #00A5FA;
      position: relative;
      width: 44px;
      height: 44px;
      border-radius: 22px;
      transition: .3s all ease;
      margin-left: 25px;
      margin-top: -10px;
      -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 165, 250, 0.3);
      -moz-box-shadow: 0px 4px 4px 0px rgba(0, 165, 250, 0.3);
      box-shadow: 0px 4px 4px 0px rgba(0, 165, 250, 0.3);
      transition: .3s all ease; }
      .why .more-info .more-info__icon:before,
      .actual-functional .more-info .more-info__icon:before,
      .advantages-site .more-info .more-info__icon:before {
        content: url(../img/icons/icon-white-arrow.svg);
        position: absolute;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-top: 3px; }
    .why .more-info:hover .more-info__icon,
    .actual-functional .more-info:hover .more-info__icon,
    .advantages-site .more-info:hover .more-info__icon {
      -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 165, 250, 0);
      -moz-box-shadow: 0px 4px 4px 0px rgba(0, 165, 250, 0);
      box-shadow: 0px 4px 4px 0px rgba(0, 165, 250, 0);
      transition: .3s all ease; }

.actual-functional,
.advantages-site {
  background-color: #FFF; }
  .actual-functional .container,
  .advantages-site .container {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #FFF;
    -webkit-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0);
    box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0); }

.functional, .functional-base {
  padding-top: 100px;
  text-align: center; }
  .functional h4, .functional-base h4 {
    display: inline-block;
    padding: 0px 20px;
    border-left: 5px solid #00A5FA;
    font-size: 1.563rem;
    color: #22282C;
    font-family: "Open-Sans-Bold", sans-serif; }
  .functional .functional-background, .functional-base .functional-background {
    background-color: #F7FAFC;
    margin-bottom: 100px; }
  .functional .functional-background.last, .functional-base .functional-background.last {
    margin-bottom: 0px;
    padding-bottom: 100px; }
  .functional .functional-item, .functional-base .functional-item {
    background-color: #FFF;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    transition: .3s all ease; }
    .functional .functional-item:hover, .functional-base .functional-item:hover {
      -webkit-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.1);
      transition: .3s all ease; }
    .functional .functional-item .image, .functional-base .functional-item .image {
      width: 55%; }
      .functional .functional-item .image a, .functional-base .functional-item .image a {
        display: block; }
      .functional .functional-item .image img, .functional-base .functional-item .image img {
        max-width: 90%;
        height: auto;
        max-height: 450px; }
      .functional .functional-item .image .img-desktop, .functional-base .functional-item .image .img-desktop {
        display: block; }
      .functional .functional-item .image .img-mobile, .functional-base .functional-item .image .img-mobile {
        display: none; }
    .functional .functional-item .text, .functional-base .functional-item .text {
      width: 45%;
      display: flex;
      align-items: center;
      padding-right: 40px; }
      .functional .functional-item .text .text-content, .functional-base .functional-item .text .text-content {
        text-align: left;
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        .functional .functional-item .text .text-content span, .functional-base .functional-item .text .text-content span {
          color: #00A5FA;
          font-size: 5rem;
          font-family: "Open-Sans-Bold", sans-serif;
          width: 10%;
          display: flex;
          align-items: center;
          text-align: center; }
        .functional .functional-item .text .text-content h2, .functional-base .functional-item .text .text-content h2 {
          font-size: 1.563rem;
          font-family: "Open-Sans-Bold", sans-serif;
          width: 90%;
          display: flex;
          align-items: center; }
        .functional .functional-item .text .text-content p, .functional-base .functional-item .text .text-content p {
          width: 100%;
          font-size: 1.25rem;
          margin-bottom: 20px; }
  .functional .more-info, .functional-base .more-info {
    margin-top: 100px;
    color: #00A5FA;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    text-decoration: none;
    width: 30%;
    float: right;
    padding-right: 40px;
    font-family: "Open-Sans-SemiBold", sans-serif;
    letter-spacing: .5px; }
    .functional .more-info .more-info__icon, .functional-base .more-info .more-info__icon {
      background-color: #00A5FA;
      position: relative;
      width: 44px;
      height: 44px;
      border-radius: 22px;
      transition: .3s all ease;
      margin-left: 25px;
      margin-top: -10px;
      -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 165, 250, 0.3);
      -moz-box-shadow: 0px 4px 4px 0px rgba(0, 165, 250, 0.3);
      box-shadow: 0px 4px 4px 0px rgba(0, 165, 250, 0.3);
      transition: .3s all ease; }
      .functional .more-info .more-info__icon:before, .functional-base .more-info .more-info__icon:before {
        content: url(../img/icons/icon-white-arrow.svg);
        position: absolute;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-top: 3px; }
    .functional .more-info:hover .more-info__icon, .functional-base .more-info:hover .more-info__icon {
      -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 165, 250, 0);
      -moz-box-shadow: 0px 4px 4px 0px rgba(0, 165, 250, 0);
      box-shadow: 0px 4px 4px 0px rgba(0, 165, 250, 0);
      transition: .3s all ease; }

.callback {
  padding: 50px 12px; }
  .callback .callback-content {
    width: 100%;
    padding: 50px 100px;
    background-color: #FFF;
    -webkit-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .callback .callback-content h4 {
      font-size: 1.875rem;
      font-family: "Open-Sans-Bold", sans-serif;
      width: 100%;
      padding-bottom: 25px;
      text-align: center; }
    .callback .callback-content p {
      font-size: 1.25rem;
      color: #7C8B93;
      width: 100%;
      text-align: center;
      margin-bottom: 50px; }
    .callback .callback-content span {
      display: block;
      text-align: center;
      width: 100%;
      margin-top: 50px;
      font-size: 0.875rem; }
      .callback .callback-content span a {
        text-decoration: none;
        color: #00A5FA;
        text-decoration: none;
        transition: .3s all ease;
        font-size: 0.875rem; }
        .callback .callback-content span a:hover {
          transition: .3s all ease; }
    .callback .callback-content input[type=text],
    .callback .callback-content input[type=tel],
    .callback .callback-content input[type=email] {
      width: calc(25% - 4%);
      text-align: left;
      color: #22282C;
      font-size: 1.25rem;
      border: 0px;
      border-bottom: 1px solid #7C8B93;
      margin: 0 4% 0 0;
      padding: 1px; }
      .callback .callback-content input[type=text]::placeholder,
      .callback .callback-content input[type=tel]::placeholder,
      .callback .callback-content input[type=email]::placeholder {
        color: #7C8B93; }
    .callback .callback-content button[type=submit] {
      display: block;
      border: 0px;
      background-color: #00A5FA;
      color: #FFF;
      -webkit-box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.25);
      -moz-box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.25);
      box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.25);
      padding: 15px 0;
      text-align: center;
      font-size: 1.563rem;
      position: relative;
      letter-spacing: .5px;
      transition: .3s all ease;
      width: 25%;
      z-index: 1; }
      .callback .callback-content button[type=submit]:after {
        content: '';
        position: absolute;
        width: 0%;
        height: 100%;
        background-color: #FFF;
        z-index: -1;
        opacity: .15;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      .callback .callback-content button[type=submit]:hover {
        transition: .3s all ease;
        -webkit-box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.05);
        box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.05); }
        .callback .callback-content button[type=submit]:hover:after {
          width: 100%;
          transition: .3s all ease; }
  .callback .callback-content.no-shadows {
    -webkit-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0);
    box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0); }

.reviews-on-main {
  padding: 100px 12px;
  text-align: center;
  padding-bottom: 100px;
  background-color: #F7FAFC; }
  .reviews-on-main h4 {
    display: inline-block;
    padding: 0px 20px;
    border-left: 5px solid #00A5FA;
    font-size: 1.563rem;
    color: #22282C;
    margin-bottom: 100px;
    font-family: "Open-Sans-Bold", sans-serif; }
  .reviews-on-main .more-info {
    margin-top: 100px;
    color: #00A5FA;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    text-decoration: none;
    width: 30%;
    float: right;
    padding-right: 40px;
    font-family: "Open-Sans-SemiBold", sans-serif;
    letter-spacing: .5px; }
    .reviews-on-main .more-info .more-info__icon {
      background-color: #00A5FA;
      position: relative;
      width: 44px;
      height: 44px;
      border-radius: 22px;
      transition: .3s all ease;
      margin-left: 25px;
      margin-top: -10px;
      -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 165, 250, 0.3);
      -moz-box-shadow: 0px 4px 4px 0px rgba(0, 165, 250, 0.3);
      box-shadow: 0px 4px 4px 0px rgba(0, 165, 250, 0.3);
      transition: .3s all ease; }
      .reviews-on-main .more-info .more-info__icon:before {
        content: url(../img/icons/icon-white-arrow.svg);
        position: absolute;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-top: 3px; }
    .reviews-on-main .more-info:hover .more-info__icon {
      -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 165, 250, 0);
      -moz-box-shadow: 0px 4px 4px 0px rgba(0, 165, 250, 0);
      box-shadow: 0px 4px 4px 0px rgba(0, 165, 250, 0);
      transition: .3s all ease; }
  .reviews-on-main .reviews-on-main-container .reviews-on-main-item {
    padding: 30px;
    background-color: #FFF;
    margin: 10px 75px 20px 75px;
    width: auto;
    -webkit-box-shadow: 0px 5px 20px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 5px 20px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 20px 5px rgba(0, 0, 0, 0.1); }
    .reviews-on-main .reviews-on-main-container .reviews-on-main-item .name {
      font-size: 1.25rem;
      letter-spacing: .5px;
      text-align: left;
      margin-bottom: 25px;
      font-family: "Open-Sans-SemiBold", sans-serif; }
    .reviews-on-main .reviews-on-main-container .reviews-on-main-item .info {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      margin-bottom: 25px; }
      .reviews-on-main .reviews-on-main-container .reviews-on-main-item .info span {
        letter-spacing: .5px;
        font-size: 1rem;
        color: #7C8B93; }
    .reviews-on-main .reviews-on-main-container .reviews-on-main-item .text {
      min-height: 216px;
      display: flex;
      align-items: center;
      margin-bottom: 30px; }
      .reviews-on-main .reviews-on-main-container .reviews-on-main-item .text p {
        margin: 0;
        padding: 0;
        font-size: 1rem;
        text-align: left; }
    .reviews-on-main .reviews-on-main-container .reviews-on-main-item .stars {
      display: flex;
      flex-wrap: nowrap;
      justify-content: center; }
      .reviews-on-main .reviews-on-main-container .reviews-on-main-item .stars .star {
        margin: 0 5px;
        background-image: url(../img/icons/star-shadow.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        width: 25px;
        height: 25px; }
        .reviews-on-main .reviews-on-main-container .reviews-on-main-item .stars .star img {
          display: block;
          margin: 0 auto;
          margin-top: -3px; }

.site-gallery {
  padding: 100px 12px;
  background: #F7FAFC;
  text-align: center; }
  .site-gallery h3 {
    display: inline-block;
    padding: 0px 20px;
    border-left: 5px solid #00A5FA;
    font-size: 1.563rem;
    color: #22282C;
    margin-bottom: 90px;
    font-family: "Open-Sans-Bold", sans-serif; }
  .site-gallery .site-gallery-contnet {
    text-align: center; }
  .site-gallery .site-gallery-item {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 20px; }
    .site-gallery .site-gallery-item img {
      display: block;
      margin: 0 auto;
      max-width: 900px;
      height: auto;
      -webkit-box-shadow: 0px 5px 10px 4px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: 0px 5px 10px 4px rgba(0, 0, 0, 0.05);
      box-shadow: 0px 5px 10px 4px rgba(0, 0, 0, 0.05); }

.slick-next.slick-arrow {
  margin-right: 40px; }
  .slick-next.slick-arrow:before {
    content: url(../img/icons/next-icon.svg); }

.slick-prev.slick-arrow {
  margin-left: 40px;
  z-index: 1; }
  .slick-prev.slick-arrow:before {
    content: url(../img/icons/prev-icon.svg); }

.sidenav {
  display: none; }

.collapse-btn {
  display: none; }

.reviews-head {
  text-align: center;
  margin-top: 60px;
  border-bottom: 1px solid #dfe4e7;
  background-color: #FFF; }
  .reviews-head h1 {
    font-size: 1.875rem;
    font-family: "Open-Sans-ExtraBold", sans-serif;
    padding-top: 90px;
    padding-bottom: 40px; }
  .reviews-head .marquee {
    margin: 0 auto;
    width: 100%;
    height: 60px;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    padding: 15px 0; }
    .reviews-head .marquee:before, .reviews-head .marquee:after {
      position: absolute;
      top: 0;
      width: 50px;
      height: 60px;
      content: "";
      z-index: 1; }
    .reviews-head .marquee:before {
      left: 0;
      background: linear-gradient(to right, white 5%, transparent 100%); }
    .reviews-head .marquee:after {
      right: 0;
      background: linear-gradient(to left, white 5%, transparent 100%); }
  .reviews-head .marquee__content {
    width: 300% !important;
    display: flex;
    line-height: 30px; }
  .reviews-head .one {
    animation: marquee 60s linear infinite forwards; }
  .reviews-head .two {
    animation: marquee 100s linear infinite forwards; }
  .reviews-head .three {
    animation: marquee 80s linear infinite forwards; }
  .reviews-head .list-inline {
    display: flex;
    justify-content: space-around;
    width: 33.33%;
    /* reset list */
    list-style: none;
    padding: 0;
    margin: 0; }
    .reviews-head .list-inline li {
      font-size: 1.25rem;
      color: #7C8B93;
      padding: 0px 20px; }
@keyframes marquee {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-66.6%); } }
.reviews-content {
  padding: 100px 0 0 0;
  background-color: #F7FAFC; }
  .reviews-content .reviews-content__item {
    padding: 30px;
    background-color: #FFF;
    width: auto;
    -webkit-box-shadow: 0px 5px 20px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 5px 20px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 20px 5px rgba(0, 0, 0, 0.1);
    margin-bottom: 100px; }
    .reviews-content .reviews-content__item .name {
      font-size: 1.25rem;
      letter-spacing: .5px;
      text-align: left;
      margin-bottom: 25px;
      font-family: "Open-Sans-SemiBold", sans-serif; }
    .reviews-content .reviews-content__item .info {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      margin-bottom: 25px; }
      .reviews-content .reviews-content__item .info span {
        letter-spacing: .5px;
        font-size: 1rem;
        color: #7C8B93; }
    .reviews-content .reviews-content__item .text {
      display: flex;
      align-items: center;
      margin-bottom: 30px; }
      .reviews-content .reviews-content__item .text p {
        margin: 0;
        padding: 0;
        font-size: 1rem;
        text-align: left; }
    .reviews-content .reviews-content__item .stars {
      display: flex;
      flex-wrap: nowrap;
      justify-content: center; }
      .reviews-content .reviews-content__item .stars .star {
        margin: 0 5px;
        background-image: url(../img/icons/star-shadow.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        width: 25px;
        height: 25px; }
        .reviews-content .reviews-content__item .stars .star img {
          display: block;
          margin: 0 auto;
          margin-top: -3px; }

.wrapper.wrapper-reviews {
  background-color: #F7FAFC; }

.conditions {
  margin-top: 60px;
  padding-top: 50px;
  padding-bottom: 50px;
  letter-spacing: .5px; }
  .conditions h1 {
    font-size: 1.85rem;
    font-family: "Open-Sans-Bold", sans-serif;
    margin-bottom: 50px; }
  .conditions h2 {
    font-size: 1.25rem;
    font-family: "Open-Sans-SemiBold", sans-serif;
    margin-bottom: 15px;
    margin-top: 20px; }
  .conditions ul li {
    font-size: 1rem;
    list-style-type: none;
    padding-bottom: 10px; }
    .conditions ul li ul li {
      list-style-type: disc;
      padding-bottom: 5px;
      padding-top: 5px; }
      .conditions ul li ul li:first-child {
        padding-top: 10px; }
  .conditions a {
    color: #00A5FA;
    font-size: 1rem; }
  .conditions p {
    margin-bottom: 1rem; }

@media screen and (max-width: 1599px) {
  .container {
    max-width: 1280px; }

  header .menu {
    padding-left: 0px; }
    header .menu ul li a {
      font-size: 1.125rem; }
  header .phone a {
    font-size: 1.125rem; }

  .after-header {
    padding-top: 50px; }
    .after-header .offer h1 {
      font-size: 1.875rem; }
    .after-header .offer .offer-text-on-main {
      padding-top: 30px;
      font-size: 1.25rem; }
    .after-header .offer .offer-second-text-on-main {
      font-size: 1.25rem; }
    .after-header .offer .offer-text-on-advantages {
      font-size: 1.125rem;
      padding: 25px 0 0 0; }
    .after-header .offer .offer-second-text-on-advantages {
      font-size: 1.125rem; }
    .after-header .offer .offer-text-on-base {
      font-size: 1.125rem; }
    .after-header .offer .offer-text-on-site {
      font-size: 1.125rem; }
    .after-header .offer .offer-second-text-on-base {
      font-size: 1.125rem; }
    .after-header .offer .offer-second-text-on-site {
      font-size: 1.125rem; }
    .after-header .offer ul li {
      font-size: 1.125rem; }
      .after-header .offer ul li span {
        font-size: 1.25rem; }
    .after-header .callback-form h2 {
      font-size: 1.25rem; }
    .after-header .callback-form p {
      font-size: 1.125rem; }
    .after-header .callback-form input[type=text],
    .after-header .callback-form input[type=tel],
    .after-header .callback-form input[type=email],
    .after-header .callback-form textarea {
      font-size: 1.25rem;
      padding: 15px 0; }
    .after-header .callback-form button[type=submit] {
      font-size: 1.25rem; }

  .after-header.advantages .offer h1 {
    margin-bottom: 25px; }

  .after-header.contacts {
    margin-top: 100px; }
    .after-header.contacts .offer h1 {
      font-size: 1.875rem; }

  .callback .callback-content button[type=submit] {
    font-size: 1.25rem; }

  .reviews-on-main .reviews-on-main-container .reviews-on-main-item {
    margin: 10px 30px 20px 30px; }

  .slick-next.slick-arrow {
    margin-right: 20px; }

  .slick-prev.slick-arrow {
    margin-left: 20px; }

  .advantages-functional .col-lg-6.right {
    padding: 50px 12px; }
  .advantages-functional .col-lg-6.left {
    padding: 50px 12px; }
  .advantages-functional .advantages-functional-item .text .text-header h3 {
    font-size: 1.25rem; } }
@media screen and (max-width: 1279px) {
  header .menu {
    padding-right: 0;
    width: 100%;
    margin-left: -100px; }
  header .phone {
    width: 25%; }
  header .logo {
    padding: 15px 0; }
    header .logo img {
      height: 30px; }

  .functional .functional-item .image,
  .functional-base .functional-item .image {
    width: 40%; }
  .functional .functional-item .text,
  .functional-base .functional-item .text {
    width: 60%; }

  .functional .functional-item .image,
  .functional-base .functional-item .image {
    display: flex;
    align-items: center; }
    .functional .functional-item .image .img-desktop,
    .functional-base .functional-item .image .img-desktop {
      height: 100%;
      width: 100%;
      object-fit: cover; }

  .why .more-info,
  .actual-functional .more-info,
  .advantages-site .more-info {
    width: 50%; }

  .functional .more-info,
  .functional-base .more-info {
    width: 50%; }

  .reviews-on-main .more-info {
    width: 50%; }

  .advantages-functional .advantages-functional-item .text .text-header h3 {
    font-size: 1.125rem;
    width: 85%; }
  .advantages-functional .advantages-functional-item .text .text-header span {
    width: 15%; }
  .advantages-functional .advantages-functional-item .text .text-content p {
    font-size: 1rem; } }
@media screen and (max-width: 1199px) {
  header .logo {
    padding: 20px 0; }
    header .logo img {
      height: 20px; }
  header .menu {
    margin-left: -125px; }

  .why .icon-item .text,
  .why .icon-item .icon,
  .actual-functional .icon-item .text,
  .actual-functional .icon-item .icon,
  .advantages-site .icon-item .text,
  .advantages-site .icon-item .icon {
    height: 15rem; }
  .why .icon-item .text,
  .actual-functional .icon-item .text,
  .advantages-site .icon-item .text {
    padding-left: 10px;
    padding-right: 15px; }
  .why .icon-item .icon,
  .actual-functional .icon-item .icon,
  .advantages-site .icon-item .icon {
    padding: 0 20px; }

  .why .more-info,
  .actual-functional .more-info,
  .advantages-site .more-info {
    width: 100%; }

  .functional .more-info,
  .functional-base .more-info {
    width: 100%; }

  .reviews-on-main .more-info {
    width: 100%; }

  .callback .callback-content h4 {
    text-align: left; }
  .callback .callback-content p {
    text-align: left; }
  .callback .callback-content input[type=text],
  .callback .callback-content input[type=tel],
  .callback .callback-content input[type=email] {
    width: 100%;
    text-align: left;
    color: #22282C;
    font-size: 1.25rem;
    margin: 10px 0;
    padding: 20px 0; }
  .callback .callback-content button[type=submit] {
    width: 100%;
    margin: 20px auto;
    margin-top: 50px;
    width: 400px; } }
@media screen and (max-width: 991px) {
  .pre-header-mobile {
    padding: 0 15px;
    display: flex;
    background-color: #F7FAFC;
    color: #7C8B93;
    border-bottom: 1px solid #e8eaeb;
    height: 81px;
    width: 100%;
    z-index: 3;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap; }
    .pre-header-mobile .phone {
      color: #7C8B93;
      text-decoration: none;
      font-size: 1.25rem;
      font-family: "Open-Sans-SemiBold", sans-serif; }
    .pre-header-mobile span {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between; }
      .pre-header-mobile span a {
        display: block;
        width: 35px;
        height: 35px;
        border-radius: 20px;
        background-color: #FFF;
        -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
        text-decoration: none;
        margin-left: 30px;
        transition: .3s all ease;
        position: relative; }
        .pre-header-mobile span a:hover {
          background-color: #00A5FA;
          transition: .3s all ease;
          -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0);
          -moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0);
          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0); }
      .pre-header-mobile span .facebook:before {
        content: "f";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #5B5F61;
        font-size: 1rem;
        font: "Open-Sans-SemiBold", sans-serif;
        transition: .3s all ease; }
      .pre-header-mobile span .facebook:hover:before {
        color: #FFF;
        transition: .3s all ease; }
      .pre-header-mobile span .vkontakte:before {
        content: "В";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #5B5F61;
        font-size: 1rem;
        font: "Open-Sans-Regular", sans-serif;
        transition: .3s all ease; }
      .pre-header-mobile span .vkontakte:hover:before {
        color: #FFF;
        transition: .3s all ease; }
      .pre-header-mobile span .instagram:before {
        content: url(../img/icons/instagram-grey.svg);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-top: 1px;
        transition: .3s all ease; }
      .pre-header-mobile span .instagram:hover:before {
        content: url(../img/icons/instagram-white.svg);
        transition: .3s all ease; }

  header {
    top: 81px;
    height: 40px; }
    header .menu {
      display: none; }
    header .phone {
      display: none; }
    header .logo {
      padding: 5px 0; }
      header .logo img {
        height: 30px; }
    header .mobile-menu {
      display: block;
      padding: 10px 0;
      width: 40px; }
      header .mobile-menu img {
        display: block;
        margin: 0 auto;
        height: 20px;
        width: 20px; }
    header .col-lg-3 {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between; }

  @keyframes anime {
    0% {
      top: -100%; }
    100% {
      top: 0; } }
  header.--fixed {
    top: 0;
    animation: anime .5s; }

  footer {
    text-align: center; }
    footer .footer-logo {
      margin-bottom: 20px; }
    footer .footer-after-logo {
      margin-bottom: 50px;
      display: block;
      font-size: 1rem; }
    footer .footer-menu ul {
      display: block; }
      footer .footer-menu ul li {
        margin-bottom: 50px; }
        footer .footer-menu ul li a {
          padding: 0;
          font-size: 1.25rem; }
    footer .footer-after-menu {
      display: block; }
      footer .footer-after-menu span {
        display: block;
        padding-bottom: 40px;
        font-size: 1rem;
        line-height: 2rem; }
        footer .footer-after-menu span a {
          font-size: 1rem; }
    footer .footer-after-menu_socials {
      justify-content: center; }
      footer .footer-after-menu_socials a {
        margin: 0 10px;
        height: 50px;
        width: 50px;
        border-radius: 25px; }

  .sidenav {
    display: block;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 10;
    top: 0;
    left: -100%;
    background-color: #FFF;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    opacity: .99; }
    .sidenav .closebtn {
      position: absolute;
      top: 0;
      right: 25px;
      font-size: 2rem;
      margin-left: 50px;
      text-decoration: none;
      color: #7C8B93; }
      .sidenav .closebtn:hover {
        color: #F7FAFC; }
    .sidenav ul {
      padding: 0;
      margin: 0;
      display: block;
      text-align: center;
      width: 100%; }
      .sidenav ul li {
        list-style-type: none; }
        .sidenav ul li a {
          font-size: 1.25rem;
          color: #22282C;
          font-family: "Open-Sans-Regular", sans-serif;
          padding: 15px 0;
          text-decoration: none;
          display: block; }
          .sidenav ul li a:hover {
            color: #00A5FA; }
      .sidenav ul li.socials span {
        width: 200px;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        margin: 0 auto;
        margin-top: 40px; }
        .sidenav ul li.socials span a {
          display: block;
          width: 40px;
          height: 40px;
          border-radius: 20px;
          background-color: #F7FAFC;
          -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
          -moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
          text-decoration: none;
          transition: .3s all ease;
          position: relative; }
          .sidenav ul li.socials span a:hover {
            background-color: #00A5FA;
            transition: .3s all ease;
            -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0);
            -moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0);
            box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0); }
        .sidenav ul li.socials span .facebook:before {
          content: "f";
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          color: #5B5F61;
          font-size: 1rem;
          font: "Open-Sans-SemiBold", sans-serif;
          transition: .3s all ease; }
        .sidenav ul li.socials span .facebook:hover:before {
          color: #FFF;
          transition: .3s all ease; }
        .sidenav ul li.socials span .vkontakte:before {
          content: "В";
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          color: #5B5F61;
          font-size: 1rem;
          font: "Open-Sans-Regular", sans-serif;
          transition: .3s all ease; }
        .sidenav ul li.socials span .vkontakte:hover:before {
          color: #FFF;
          transition: .3s all ease; }
        .sidenav ul li.socials span .instagram:before {
          content: url(../img/icons/instagram-grey.svg);
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          margin-top: 1px;
          transition: .3s all ease; }
        .sidenav ul li.socials span .instagram:hover:before {
          content: url(../img/icons/instagram-white.svg);
          transition: .3s all ease; }

  .reviews-head {
    margin-top: 40px; }
    .reviews-head h1 {
      font-size: 1.875rem; }
    .reviews-head .marquee .marquee__inner span {
      font-size: 1.125rem; }

  .after-header {
    padding-bottom: 50px;
    margin-top: 0;
    padding-top: 90px; }
    .after-header .callback-form {
      padding-left: 20px;
      padding-right: 20px; }
      .after-header .callback-form h2 {
        font-size: 1.25rem; }
      .after-header .callback-form p {
        margin-bottom: 30px; }
      .after-header .callback-form input[type=text],
      .after-header .callback-form input[type=tel],
      .after-header .callback-form input[type=email],
      .after-header .callback-form textarea {
        margin: 0; }
      .after-header .callback-form button[type=submit] {
        margin: 30px auto;
        padding-left: 0;
        padding-right: 0;
        width: 400px; }
      .after-header .callback-form span {
        font-size: 0.875rem; }
        .after-header .callback-form span a {
          font-size: 0.875rem; }
    .after-header .offer h1 {
      font-size: 1.875rem; }
    .after-header .offer .offer-text-on-main {
      padding-top: 25px;
      font-size: 1.25rem; }
    .after-header .offer .offer-second-text-on-main {
      padding-top: 40px;
      padding-bottom: 25px; }
    .after-header .offer .offer-text-on-advantages {
      padding: 10px 0;
      font-size: 1.25rem; }
    .after-header .offer .offer-text-on-base {
      padding: 25px 0;
      font-size: 1.25rem; }
    .after-header .offer .offer-text-on-site {
      padding: 25px 0;
      font-size: 1.25rem; }
    .after-header .offer .offer-second-text-on-base {
      padding: 25px 0;
      font-size: 1.25rem;
      padding-bottom: 50px; }
    .after-header .offer .offer-second-text-on-site {
      padding: 25px 0;
      font-size: 1.25rem;
      padding-bottom: 50px; }
    .after-header .offer .offer-second-text-on-advantages {
      padding: 10px 0 100px 0;
      font-size: 1.25rem; }
    .after-header .offer ul {
      padding-left: 25px;
      margin-bottom: 100px; }
      .after-header .offer ul li {
        font-size: 1.125rem; }
        .after-header .offer ul li span {
          font-size: 1.25rem; }
    .after-header .callback-form {
      max-width: 100%; }
    .after-header .callback-form-pre {
      justify-content: center; }

  .after-header.contacts {
    text-align: center; }
    .after-header.contacts ul.contacts-text {
      margin-bottom: 50px; }
      .after-header.contacts ul.contacts-text .socials {
        width: 100%;
        justify-content: center; }
        .after-header.contacts ul.contacts-text .socials img {
          margin: 20px; }

  .after-header.advantages .offer h1 {
    margin-bottom: 25px; }
  .after-header.advantages ul {
    margin-bottom: 50px; }

  .about-crm {
    padding: 50px 12px; }
    .about-crm h2 {
      font-size: 1.25rem;
      margin-bottom: 50px; }
    .about-crm .video {
      margin-bottom: 40px; }
    .about-crm .text {
      padding: 0;
      padding-bottom: 20px; }
      .about-crm .text p {
        font-size: 1.125rem; }
      .about-crm .text span {
        margin-bottom: 40px;
        font-size: 0.875rem; }
      .about-crm .text .addon p {
        font-size: 1rem; }
      .about-crm .text .more {
        right: 20px; }

  .why h3,
  .actual-functional h3,
  .advantages-site h3 {
    margin-bottom: 50px;
    font-size: 1.25rem; }
  .why .icon-item .icon,
  .actual-functional .icon-item .icon,
  .advantages-site .icon-item .icon {
    height: 8rem;
    padding: 0;
    justify-content: center; }
    .why .icon-item .icon img,
    .actual-functional .icon-item .icon img,
    .advantages-site .icon-item .icon img {
      width: 50px;
      height: 50px; }
  .why .icon-item .text,
  .actual-functional .icon-item .text,
  .advantages-site .icon-item .text {
    height: 8rem;
    padding: 0; }
    .why .icon-item .text p,
    .actual-functional .icon-item .text p,
    .advantages-site .icon-item .text p {
      font-size: 1.125rem; }
    .why .icon-item .text span,
    .actual-functional .icon-item .text span,
    .advantages-site .icon-item .text span {
      font-size: 1rem; }

  .advantages-site,
  .actual-functional {
    padding-top: 0px; }

  .functional,
  .functional-base {
    padding-top: 50px; }
    .functional .functional-background,
    .functional .functional-background.last,
    .functional-base .functional-background,
    .functional-base .functional-background.last {
      background-color: #FFF;
      margin: 0; }
    .functional .functional-background.last,
    .functional-base .functional-background.last {
      padding-bottom: 50px; }
    .functional h4,
    .functional-base h4 {
      font-size: 1.25rem; }
    .functional .hide,
    .functional-base .hide {
      display: none; }
    .functional .functional-item,
    .functional-base .functional-item {
      flex-wrap: wrap;
      padding: 5px;
      margin-top: 30px;
      margin-bottom: 60px; }
      .functional .functional-item:nth-child(5),
      .functional-base .functional-item:nth-child(5) {
        display: none; }
      .functional .functional-item:hover,
      .functional-base .functional-item:hover {
        -webkit-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0);
        box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0);
        transition: .3s all ease; }
      .functional .functional-item .image,
      .functional-base .functional-item .image {
        width: 100%; }
        .functional .functional-item .image .img-desktop,
        .functional-base .functional-item .image .img-desktop {
          display: none; }
        .functional .functional-item .image .img-mobile,
        .functional-base .functional-item .image .img-mobile {
          display: block;
          width: 100%;
          -webkit-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.2);
          -moz-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.2);
          transition: .3s all ease; }
      .functional .functional-item .text,
      .functional-base .functional-item .text {
        width: 100%;
        padding-right: 0px; }
        .functional .functional-item .text .text-content span,
        .functional-base .functional-item .text .text-content span {
          display: none; }
        .functional .functional-item .text .text-content h2,
        .functional-base .functional-item .text .text-content h2 {
          width: 100%;
          margin-top: 30px;
          margin-bottom: 40px;
          font-size: 1.125rem; }
        .functional .functional-item .text .text-content p,
        .functional-base .functional-item .text .text-content p {
          font-size: 1rem; }
    .functional .more-info,
    .functional-base .more-info {
      margin-top: 0px; }

  .collapse-btn {
    display: block;
    position: relative;
    height: 25px;
    padding-top: 50px; }
    .collapse-btn:after {
      content: url(../img/icons/collapse-down.svg);
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: 23px; }

  .collapsed {
    display: none; }

  .collapsed.show {
    display: block; }

  .collapse-btn.show {
    padding-top: 100px; }
    .collapse-btn.show:after {
      content: url(../img/icons/collapse-up.svg); }

  .callback {
    padding: 50px 0; }
    .callback .callback-content {
      padding: 25px 20px; }
      .callback .callback-content h4 {
        font-size: 1.25rem; }
      .callback .callback-content p {
        margin-bottom: 30px; }
      .callback .callback-content input[type=tel],
      .callback .callback-content input[type=text],
      .callback .callback-content input[type=email] {
        margin: 0; }
      .callback .callback-content button[type=submit] {
        margin: 30px auto; }
      .callback .callback-content span {
        font-size: 0.875rem;
        margin-top: 0px; }
        .callback .callback-content span a {
          font-size: 0.875rem; }

  .reviews-on-main {
    padding-top: 50px;
    padding-bottom: 50px; }
    .reviews-on-main h4 {
      margin-bottom: 50px;
      font-size: 1.25rem; }
    .reviews-on-main .more-info {
      margin-top: 50px; }

  .callback.on-main {
    display: none; }

  .reviews-on-main .reviews-on-main-container .reviews-on-main-item .name {
    font-size: 1.125rem;
    margin-bottom: 20px; }
  .reviews-on-main .reviews-on-main-container .reviews-on-main-item .info {
    flex-wrap: wrap;
    margin-bottom: 0px; }
    .reviews-on-main .reviews-on-main-container .reviews-on-main-item .info span {
      text-align: left;
      width: 100%;
      padding-bottom: 20px;
      font-size: 1.125rem; }
  .reviews-on-main .reviews-on-main-container .reviews-on-main-item .text p {
    font-size: .875rem;
    line-height: 1.5rem; }

  .reviews-content .reviews-content__item .name {
    font-size: 1.125rem;
    margin-bottom: 20px; }
  .reviews-content .reviews-content__item .info {
    flex-wrap: wrap;
    margin-bottom: 0px; }
    .reviews-content .reviews-content__item .info span {
      text-align: left;
      width: 100%;
      padding-bottom: 20px;
      font-size: 1.125rem; }
  .reviews-content .reviews-content__item .text p {
    font-size: .875rem;
    line-height: 1.5rem; }

  .advantages-functional {
    padding-top: 50px; }
    .advantages-functional h2 {
      margin-bottom: 25px;
      font-size: 1.25rem; }
    .advantages-functional .advantages-functional__first-row {
      background: #FFF; }
    .advantages-functional .advantages-functional__second-row {
      background: #FFF;
      height: auto;
      margin-bottom: 0; }
    .advantages-functional .col-lg-6.left,
    .advantages-functional .col-lg-6.right {
      padding: 0 12px; }
    .advantages-functional .advantages-functional-item {
      padding: 25px 0 60px 0; }
      .advantages-functional .advantages-functional-item .image {
        margin-bottom: 30px; }
        .advantages-functional .advantages-functional-item .image img {
          -webkit-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.2);
          -moz-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.2); }
      .advantages-functional .advantages-functional-item .text .text-header {
        padding-bottom: 0; }
        .advantages-functional .advantages-functional-item .text .text-header span {
          display: none; }
        .advantages-functional .advantages-functional-item .text .text-header h3 {
          width: 100%;
          margin-bottom: 40px; }
      .advantages-functional .advantages-functional-item .text .text-content {
        height: auto;
        min-height: auto; }
    .advantages-functional .advantages-functional-item.shadow {
      -webkit-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0) !important;
      -moz-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0) !important;
      box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0) !important; }
    .advantages-functional .advantages-functional-item.hover {
      transition: .3s all ease; }
      .advantages-functional .advantages-functional-item.hover:hover {
        -webkit-box-shadow: 0px 5px 20px 5px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0px 5px 20px 5px rgba(0, 0, 0, 0);
        box-shadow: 0px 5px 20px 5px rgba(0, 0, 0, 0);
        transition: .3s all ease; }

  .site-gallery {
    padding: 50px 12px; }
    .site-gallery h3 {
      margin-bottom: 40px;
      font-size: 1.25rem; }
    .site-gallery .site-gallery-item img {
      width: 100%;
      height: auto; }

  .conditions h1 {
    font-size: 1.35rem; }
  .conditions ul {
    padding-left: 5px; }
    .conditions ul ul {
      padding-left: 15px; }

  .reviews-head .marquee__content {
    width: 800% !important; } }
@media screen and (max-width: 499px) {
  .reviews-head .marquee__content {
    width: 1000% !important; }

  .after-header .callback-form button[type=submit] {
    width: 100%; }

  .callback .callback-content button[type=submit] {
    width: 100%; }

  .slick-next.slick-arrow,
  .slick-prev.slick-arrow {
    display: none !important; }

  .reviews-on-main .container {
    padding-left: 0px;
    padding-right: 0px; }
  .reviews-on-main .reviews-on-main-container .reviews-on-main-item {
    margin: 12px;
    -webkit-box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.1); }

  .pre-header-mobile span a {
    margin: 0; }
    .pre-header-mobile span a:nth-child(2) {
      margin: 0 10px; }

  .functional .more-info,
  .functional-base .more-info {
    padding: 0; }
    .functional .more-info .more-info__icon,
    .functional-base .more-info .more-info__icon {
      margin-left: 10px; }

  .why .more-info,
  .actual-functional .more-info,
  .advantages-site .more-info {
    margin-top: 30px;
    padding: 0; }
    .why .more-info .more-info__icon,
    .actual-functional .more-info .more-info__icon,
    .advantages-site .more-info .more-info__icon {
      margin-left: 10px; }

  .reviews-on-main .more-info {
    padding: 0; }
    .reviews-on-main .more-info .more-info__icon {
      margin-left: 10px; }

  .advantages-site .icon-item {
    min-height: 200px; } }
@media screen and (max-width: 374px) {
  .pre-header-mobile .phone {
    font-size: 1rem;
    font-family: "Open-Sans-Regular", sans-serif; }

  .actual-functional .icon-item,
  .advantages-site .icon-item {
    min-height: 200px; }
    .actual-functional .icon-item:first-child,
    .advantages-site .icon-item:first-child {
      margin-top: 40px; } }
@media print {
  * {
    -webkit-print-color-adjust: exact !important;
    /* Chrome, Safari, Edge */
    color-adjust: exact !important;
    /*Firefox*/ }

  header, footer {
    display: none; }

  .after-header {
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px; }

  .functional {
    padding-top: 20px; }
    .functional .functional-background {
      margin-bottom: 20px;
      break-inside: avoid;
      page-break-inside: avoid; }
      .functional .functional-background .functional-item {
        margin: 10px 0;
        padding: 10px; } }

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