@font-face {
  font-family: "Helvetica Neue Cyr";
  src: url(../fonts/helveticaneuecyr-medium.otf);
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: "Helvetica Neue Cyr";
  src: url(../fonts/helveticaneuecyr-bold.otf);
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Helvetica Neue Cyr";
  src: url(../fonts/helveticaneuecyr-roman.otf);
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Helvetica Neue Cyr";
  src: url(../fonts/helveticaneuecyr-black.otf);
  font-weight: 900;
  font-style: normal; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.container {
  width: 1780px;
  margin: 0 auto; }

a {
  text-decoration: none; }

.btn {
  position: relative;
  display: block;
  width: 240px;
  -webkit-box-shadow: 0 2px 0 #ff9600;
  box-shadow: 0 2px 0 #ff9600;
  background-color: #ffbe00;
  border-radius: 28px;
  border: none;
  color: #31343b;
  font: 500 12px/56px "Helvetica Neue Cyr";
  text-transform: uppercase;
  text-align: center;
  cursor: pointer; }
  .btn:hover {
    top: 2px;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn:focus {
    outline: none; }

.section-caption {
  margin: 0;
  color: #31343b;
  font: 700 25px/30px "Helvetica Neue Cyr";
  text-transform: uppercase;
  text-align: center; }

.line {
  width: 100%;
  height: 1px;
  background-color: #ebedf0; }

.cmn-toggle-switch {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  background: none;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s; }

.cmn-toggle-switch:focus {
  outline: none; }

.cmn-toggle-switch span {
  display: block;
  position: absolute;
  top: 19px;
  left: 4px;
  right: 4px;
  height: 2px;
  background: #ff9600; }

.cmn-toggle-switch span::before,
.cmn-toggle-switch span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #ff9600;
  content: ""; }

.cmn-toggle-switch span::before {
  top: -8px; }

.cmn-toggle-switch span::after {
  bottom: -8px; }

.cmn-toggle-switch__htx span {
  -webkit-transition: background 0 0.3s;
  -o-transition: background 0 0.3s;
  transition: background 0 0.3s; }

.cmn-toggle-switch__htx span::before,
.cmn-toggle-switch__htx span::after {
  -webkit-transition-duration: 0.3s, 0.3s;
  -o-transition-duration: 0.3s, 0.3s;
  transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0;
  -o-transition-delay: 0.3s, 0;
  transition-delay: 0.3s, 0; }

.cmn-toggle-switch__htx span::before {
  -webkit-transition-property: top, -webkit-transform;
  transition-property: top, -webkit-transform;
  -o-transition-property: top, transform;
  transition-property: top, transform;
  transition-property: top, transform, -webkit-transform; }

.cmn-toggle-switch__htx span::after {
  -webkit-transition-property: bottom, -webkit-transform;
  transition-property: bottom, -webkit-transform;
  -o-transition-property: bottom, transform;
  transition-property: bottom, transform;
  transition-property: bottom, transform, -webkit-transform; }

.cmn-toggle-switch__htx.active span {
  background: none; }

.cmn-toggle-switch__htx.active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.cmn-toggle-switch__htx.active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.cmn-toggle-switch__htx.active span::before,
.cmn-toggle-switch__htx.active span::after {
  -webkit-transition-delay: 0, 0.3s;
  -o-transition-delay: 0, 0.3s;
  transition-delay: 0, 0.3s; }

@media (max-width: 1790px) {
  .container {
    width: 1170px;
    padding: 0 15px; } }

@media (max-width: 1199px) {
  .container {
    width: 970px; }
  .btn {
    width: 200px;
    border-radius: 25px;
    line-height: 50px; } }

@media (max-width: 991px) {
  .container {
    width: 750px; } }

@media (max-width: 767px) {
  .container {
    width: 100%;
    padding: 0 5px; } }

header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 35px 0 40px; }
  header h1 {
    height: 38px;
    margin: 0; }
  header .description {
    margin-left: auto; }
  header h2 {
    margin: 0;
    color: #31343b;
    font: 700 20px/27px "Helvetica Neue Cyr";
    text-transform: uppercase;
    text-align: center; }
  header p {
    margin: 5px 0 0;
    color: #575a62;
    font: 400 14px/16px "Helvetica Neue Cyr";
    text-align: center; }
  header .contact-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: 255px; }
  header .phone {
    position: relative;
    color: #31343b;
    font: 700 22px/1 "Helvetica Neue Cyr"; }
    header .phone:before {
      content: '';
      position: absolute;
      top: -4px;
      left: -45px;
      display: block;
      width: 27px;
      height: 23px;
      background: url(../img/icons/call-icon.png); }
  header .mail {
    position: relative;
    margin-top: 15px;
    color: #31343b;
    font: 400 14px/1 "Helvetica Neue Cyr"; }
    header .mail:before {
      content: '';
      position: absolute;
      top: -5px;
      left: -45px;
      display: block;
      width: 27px;
      height: 23px;
      background: url(../img/icons/email-icon.png); }
  header .btn {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 65px; }
    header .btn:after {
      content: '';
      position: relative;
      top: 2px;
      display: inline-block;
      width: 13px;
      height: 14px;
      margin-left: 20px;
      background: url(../img/icons/megaphone-icon.png); }

@media (max-width: 1790px) {
  header h2 {
    font-size: 17px; }
  header .contact-info {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 80px; }
  header .btn {
    margin-left: 40px; }
  header .phone {
    font-size: 18px; } }

@media (max-width: 1199px) {
  header {
    padding: 15px 0 20px; }
    header h1 {
      height: 29px; }
      header h1 img {
        width: 120px; }
    header h2 {
      font: 700 14px/16px "Helvetica Neue Cyr"; }
    header p {
      font-size: 12px; }
    header .phone {
      font-size: 14px; }
    header .mail {
      position: relative;
      margin-top: 15px;
      color: #31343b;
      font: 400 12px/1 "Helvetica Neue Cyr"; }
      header .mail:before {
        content: '';
        position: absolute;
        top: -5px;
        left: -45px;
        display: block;
        width: 27px;
        height: 23px; }
    header .btn {
      margin-left: 20px; } }

@media (max-width: 991px) {
  header {
    position: relative; }
    header .contact-info {
      position: absolute;
      top: 100%;
      right: 0;
      margin-top: 3px; } }

@media (max-width: 767px) {
  header {
    padding-left: 5px;
    padding-right: 5px; }
    header .description {
      margin-left: 10px;
      margin-right: 10px; }
    header .btn {
      margin-left: 0; } }

@media (max-width: 670px) {
  header .description {
    margin-left: 20px; }
  header .btn {
    display: none; } }

@media (max-width: 440px) {
  header h1 {
    margin-right: 10px; }
    header h1 img {
      width: 90px; }
  header .description {
    margin: 0 0 0 auto; }
  header h2 {
    font: 700 12px/14px "Helvetica Neue Cyr"; }
  header p {
    font: 400 11px/12px "Helvetica Neue Cyr"; } }

nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  border-radius: 1px;
  background-color: #31343b; }

nav li {
  width: 12.5%;
  height: 58px; }

nav a {
  display: block;
  height: 56px;
  font: 400 14px/58px "Helvetica Neue Cyr";
  color: #ffffff;
  text-align: center; }
  nav a:hover {
    -webkit-box-shadow: 0 2px 0 #ff9600;
    box-shadow: 0 2px 0 #ff9600;
    background-color: #ffbe00;
    color: #000; }

nav li.active {
  -webkit-box-shadow: 0 2px 0 #ff9600;
  box-shadow: 0 2px 0 #ff9600;
  background-color: #ffbe00;
  color: #000; }

nav .hamb {
  display: none; }

@media (max-width: 991px) {
  nav {
    position: relative;
    height: 20px; }
    nav ul {
      position: relative;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      max-height: 0;
      overflow: hidden;
      -webkit-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s; }
      nav ul.active {
        max-height: 320px; }
    nav li {
      width: 100%;
      height: 38px;
      margin-bottom: 2px; }
    nav a {
      height: 38px;
      line-height: 40px; }
    nav .hamb {
      position: absolute;
      left: 15px;
      top: 0;
      display: block; } }

.welcome {
  background: #F5F6F8 url(../img/bg/guyworkingoncomputer.png) right bottom no-repeat; }
  .welcome .container {
    padding-bottom: 50px; }
  .welcome .options {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 970px;
    margin: 60px 0 0;
    padding: 0;
    list-style: none; }
    .welcome .options li {
      width: 155px; }
    .welcome .options p {
      margin: 5px 0 0;
      color: #4f535b;
      font: 400 14px/20px "Helvetica Neue Cyr"; }
  .welcome .dialog {
    width: 73px;
    height: 85px;
    background: url(../img/bg/dialog-bg.png) center bottom no-repeat; }
    .welcome .dialog span {
      display: block;
      height: 100%;
      background-position: center;
      background-repeat: no-repeat; }
  .welcome .fast {
    background-image: url(../img/icons/watch-icon.png); }
  .welcome .easy {
    background-image: url(../img/icons/dialog-icon.png); }
  .welcome .goal {
    background-image: url(../img/icons/goal-icon.png); }
  .welcome .transparent {
    background-image: url(../img/icons/transparent-icon.png); }
  .welcome h3 {
    margin: 15px 0 0;
    font: 700 16px/20px "Helvetica Neue Cyr";
    color: #31343b;
    text-transform: uppercase; }
  .welcome .want {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 970px;
    margin-top: 60px;
    padding: 32px 62px;
    -webkit-box-shadow: 0 7px 24px 6px rgba(0, 115, 190, 0.12);
    box-shadow: 0 7px 24px 6px rgba(0, 115, 190, 0.12);
    border-radius: 1px;
    background-color: #ffffff; }
    .welcome .want p {
      margin: 0;
      color: #1e1e1e;
      font: 400 16px/25px "Helvetica Neue Cyr"; }
  .welcome h4 {
    margin: 0;
    color: #1e1e1e;
    font: 700 16px/25px "Helvetica Neue Cyr";
    text-align: center; }

@media (max-width: 1790px) {
  .welcome .container {
    padding-left: 0;
    padding-right: 0; }
  .welcome .options {
    max-width: 750px;
    padding: 0 10px; }
  .welcome .want {
    max-width: 750px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 30px;
    padding-right: 30px; } }

@media (max-width: 767px) {
  .welcome .container {
    padding-bottom: 50px; }
  .welcome .options {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .welcome .options li {
      margin-bottom: 20px; }
  .welcome h3 {
    margin: 15px 0 0;
    font: 700 16px/20px "Helvetica Neue Cyr"; }
  .welcome .want {
    margin-top: 40px;
    padding: 20px; }
    .welcome .want p {
      font: 400 14px/18px "Helvetica Neue Cyr"; }
  .welcome h4 {
    font: 700 14px/18px "Helvetica Neue Cyr"; } }

@media (max-width: 630px) {
  .welcome .want {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .welcome .want div + div {
      margin: 15px 0; } }

.experience .container {
  padding-top: 65px; }

.experience h3 {
  font-size: 20px; }

.experience .descr {
  margin: 5px 0 0;
  font: 400 14px/14px "Helvetica Neue Cyr";
  color: #575a62;
  text-align: center; }

.experience ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 45px 0 40px;
  padding: 0;
  list-style: none; }

.experience li {
  width: 33.3%; }
  .experience li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 77px;
    background-color: #f5f7f8;
    color: #1d1d1d;
    font: 700 16px "Helvetica Neue Cyr"; }
    .experience li a:before {
      content: '';
      display: block;
      width: 31px;
      height: 31px;
      margin-right: 23px;
      background-size: 100%; }
  .experience li .negative:before {
    background-image: url(../img/icons/negative-icon.png); }
  .experience li .positive {
    margin: 0 3px; }
    .experience li .positive:before {
      background-image: url(../img/icons/positive-icon.png); }
  .experience li .no-use:before {
    background-image: url(../img/icons/no-use-icon.png); }
  .experience li.active .negative {
    background-color: #FFBE00;
    color: #FFF; }
    .experience li.active .negative:before {
      background-image: url(../img/icons/negative-icon2.png); }
  .experience li.active .positive {
    background: #099E4A;
    color: #fff; }
    .experience li.active .positive:before {
      background-image: url(../img/icons/positive-icon2.png); }
  .experience li.active .no-use {
    background: #0073BE;
    color: #fff; }
    .experience li.active .no-use:before {
      background-image: url(../img/icons/no-use-icon2.png); }

.experience .default-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  height: 342px;
  background: url(../img/bg/default-item-bg.jpg); }
  .experience .default-item img {
    margin: 0 138px 0 600px; }
  .experience .default-item h4 {
    margin: 0;
    font: 700 20px "Helvetica Neue Cyr";
    color: #31343b;
    text-transform: uppercase; }
  .experience .default-item p {
    margin: 10px 0 135px;
    color: #595959;
    font: 400 14px "Helvetica Neue Cyr"; }

.experience .tab-item {
  display: none;
  padding: 15px 10px; }
  .experience .tab-item p {
    max-width: 1110px;
    margin: 0 auto;
    font: 400 14px/25px "Helvetica Neue Cyr";
    color: #575a62;
    text-align: center; }
  .experience .tab-item .know {
    margin-top: 10px;
    color: #1e1e1e;
    font-size: 15px;
    font-weight: 500; }

.experience .more-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 260px;
  margin: 40px auto 0; }
  .experience .more-btn:after {
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    margin-left: 20px;
    background: url(../img/icons/arrow-back-icon.png); }

.experience .more-block {
  position: relative;
  display: none;
  max-width: 1120px;
  margin: 50px auto 0;
  padding: 44px 7px 56px;
  -webkit-box-shadow: 0 7px 48px 12px rgba(88, 146, 184, 0.1);
  box-shadow: 0 7px 48px 12px rgba(88, 146, 184, 0.1);
  border-radius: 2px;
  background-color: #ffffff; }
  .experience .more-block:before {
    content: '';
    position: absolute;
    top: -20px;
    left: calc(50% - 12px);
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    border-bottom: 26px solid #fff; }
  .experience .more-block .close {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    width: 15px;
    height: 15px;
    background: url(../img/icons/close.png);
    cursor: pointer; }
  .experience .more-block h4 {
    margin: 0 0 5px;
    font-size: 20px;
    line-height: 1; }
  .experience .more-block .flex-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 670px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 40px auto 0; }
    .experience .more-block .flex-container p {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 15px 0 0;
      color: #099f4b;
      font: 700 14px/22px "Helvetica Neue Cyr"; }
      .experience .more-block .flex-container p:before {
        content: '';
        display: block;
        width: 15px;
        height: 15px;
        margin-right: 20px;
        background: url(../img/icons/star-icon.png); }
    .experience .more-block .flex-container ul {
      display: block;
      width: 300px;
      height: 110px;
      margin: 20px 0 0; }
    .experience .more-block .flex-container li {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      width: 100%;
      color: #575a62;
      font: 400 14px/22px "Helvetica Neue Cyr"; }
      .experience .more-block .flex-container li:before {
        content: '';
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: block;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        margin-right: 15px;
        background: #099f4b url(../img/icons/check-icon.png) center center no-repeat; }
      .experience .more-block .flex-container li + li {
        margin-top: 7px; }
  .experience .more-block .btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 50px auto 0; }
    .experience .more-block .btn:after {
      content: '';
      display: block;
      width: 13px;
      height: 14px;
      margin-left: 22px;
      background: url(../img/icons/megaphone-icon.png); }
  .experience .more-block h5 {
    margin: 0;
    padding-left: 35px;
    color: #099f4b;
    font: 700 14px/1 "Helvetica Neue Cyr";
    text-transform: uppercase; }

.experience .negative-item p {
  max-width: 1050px; }

.experience .negative-item ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 830px;
  margin: 45px auto 0; }

.experience .negative-item li {
  position: relative;
  width: 415px;
  margin-bottom: 37px;
  padding-left: 35px; }
  .experience .negative-item li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #099f4b url(../img/icons/check-icon.png) center center no-repeat; }
  .experience .negative-item li h5 {
    margin: 0;
    padding: 0;
    color: #099f4b;
    font: 700 14px/25px "Helvetica Neue Cyr";
    text-transform: uppercase; }
  .experience .negative-item li p {
    font: 400 14px/25px "Helvetica Neue Cyr";
    text-align: left; }

.experience .negative-item .more-block .btn {
  margin-top: 10px; }

.experience .no-use-item p {
  max-width: 1050px; }

.experience .no-use-item .more-block .flex-container {
  max-width: 780px; }

.experience .no-use-item .more-block ul {
  width: 100%;
  max-width: 390px;
  height: 140px; }

@media (max-width: 1790px) {
  .experience .default-item img {
    margin: 0 70px 0 320px; } }

@media (max-width: 1199px) {
  .experience .default-item img {
    margin: 0 60px 0 200px; }
  .experience .more-btn {
    width: 200px; } }

@media (max-width: 991px) {
  .experience .container {
    padding-top: 45px; }
  .experience li a {
    height: 60px;
    font-size: 14px;
    line-height: 21px; }
    .experience li a:before {
      margin-right: 15px; }
  .experience .default-item img {
    margin: 0 20px 0 100px; }
  .experience .more-block {
    margin: 30px auto 0;
    padding: 30px 7px; }
  .experience .negative-item li {
    width: 340px;
    margin-bottom: 25px; } }

@media (max-width: 767px) {
  .experience .default-item img {
    margin: 0 20px 0 10px; }
  .experience .negative-item ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .experience .negative-item li {
    width: 100%;
    max-width: 390px;
    margin: 0 auto 20px; }
  .experience .no-use-item .more-block .flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .experience .no-use-item .more-block .flex-container div {
      margin: 15px auto; }
    .experience .no-use-item .more-block .flex-container ul {
      width: 390px;
      max-width: 390px; } }

@media (max-width: 680px) {
  .experience .more-block .flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .experience .more-block .flex-container div {
      margin: 15px auto; }
    .experience .more-block .flex-container ul {
      width: 100%;
      max-width: 300px;
      height: auto; } }

@media (max-width: 560px) {
  .experience ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .experience li {
    width: 100%; }
    .experience li .positive {
      margin: 0; } }

@media (max-width: 530px) {
  .experience .default-item {
    height: 240px; }
    .experience .default-item img {
      width: 170px;
      margin: 0 10px 0 0; }
    .experience .default-item h4 {
      font-size: 16px; }
    .experience .default-item p {
      margin-bottom: 80px; }
  .experience .more-block .flex-container p {
    font-size: 12px; }
  .experience .no-use-item .more-block .flex-container ul {
    max-width: 280px; } }

.know {
  background: url(../img/bg/know-bg.jpg) center top no-repeat;
  background-size: cover; }
  .know .container {
    position: relative;
    min-height: 295px;
    padding-top: 35px;
    padding-bottom: 20px; }
  .know img {
    position: absolute;
    bottom: -22px;
    left: 185px; }
  .know h3 {
    margin: 0;
    color: #31343b;
    font: 700 20px/20px "Helvetica Neue Cyr";
    text-transform: uppercase;
    text-align: center; }
  .know .descr {
    margin: 10px 0 0;
    color: #575a62;
    font: 400 14px/14px "Helvetica Neue Cyr";
    text-align: center; }
  .know .flex-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 40px 0 0 700px; }
    .know .flex-container p {
      margin: 0;
      color: #31343b;
      font: 400 14px "Helvetica Neue Cyr"; }
    .know .flex-container ul {
      margin: 15px 0;
      padding: 0;
      list-style: none; }
    .know .flex-container li {
      position: relative;
      padding-left: 15px;
      color: #575a62;
      font: 400 13px "Helvetica Neue Cyr"; }
      .know .flex-container li:before {
        content: '.';
        position: absolute;
        left: 0;
        top: -12px;
        color: #0073be;
        font-size: 25px; }
      .know .flex-container li + li {
        margin-top: 10px; }
  .know .profit {
    position: relative;
    margin: 35px 0 0 130px; }
    .know .profit:before {
      content: '';
      position: absolute;
      left: -61px;
      top: 0;
      display: block;
      width: 39px;
      height: 39px;
      background: url(../img/icons/profit-icon.png); }
    .know .profit p {
      margin: 0;
      color: #31343b;
      font: 400 13px/22px "Helvetica Neue Cyr"; }
      .know .profit p + p {
        font-weight: 700; }

@media (max-width: 1790px) {
  .know img {
    left: 0; }
  .know .flex-container {
    margin-left: 400px; }
  .know .profit {
    margin-left: 80px; } }

@media (max-width: 1199px) {
  .know img {
    width: 300px; }
  .know .flex-container {
    margin-left: 300px; } }

@media (max-width: 991px) {
  .know img {
    display: none; }
  .know .flex-container {
    margin-left: 0; } }

@media (max-width: 600px) {
  .know .flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; } }

.rates .container {
  padding-top: 48px; }

.rates .description {
  margin: 0;
  color: #575a62;
  font: 400 14px/30px "Helvetica Neue Cyr";
  text-align: center; }

.rates .rates-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 25px 0 0;
  padding: 0;
  list-style: none; }
  .rates .rates-list li {
    width: 355px;
    height: 114px;
    padding: 22px 55px 0;
    background-color: #0073be; }
    .rates .rates-list li + li {
      margin-left: 5px; }
  .rates .rates-list h5 {
    margin: 0;
    color: #ffffff;
    font: 700 24px/1 "Helvetica Neue Cyr";
    text-transform: uppercase;
    text-align: center; }
  .rates .rates-list p {
    margin: 5px 0 0;
    color: #ffffff;
    font: 400 14px/20px "Helvetica Neue Cyr"; }

.rates h4 {
  margin: 5px 0;
  padding-left: 50px;
  background-color: #f5f7f8;
  color: #31343b;
  font: 700 20px/85px "Helvetica Neue Cyr";
  text-transform: uppercase; }

.rates table {
  width: 100%;
  border-collapse: collapse; }

.rates td {
  padding: 40px 20px 40px 50px;
  border: 1px solid #e8edf0;
  color: #31343b;
  font: 700 13px "Helvetica Neue Cyr"; }
  .rates td:not(:first-child) {
    width: 357px;
    padding: 0;
    font-size: 14px;
    text-align: center; }
  .rates td a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #0073be;
    font-size: 16px;
    font-weight: 700;
    text-decoration: underline; }
    .rates td a:after {
      content: '';
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      display: inline-block;
      width: 12px;
      height: 7px;
      margin-left: 35px;
      background: url(../img/icons/blue-arrow.png);
      -webkit-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s; }
  .rates td .active {
    color: #31343b; }
    .rates td .active:after {
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg); }
  .rates td p {
    display: none;
    margin: 10px 0 0;
    color: #575a62;
    font: 400 13px/22px "Helvetica Neue Cyr"; }

.rates .prices-cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .rates .prices-cell p {
    display: inline;
    margin: 0;
    color: #31343b;
    font: 700 14px "Helvetica Neue Cyr"; }
  .rates .prices-cell span {
    color: #969aa3;
    font: 400 13px "Helvetica Neue Cyr"; }

.rates .rates-question {
  margin-top: 5px;
  background-color: #eff2f7;
  padding: 55px 50px 40px; }
  .rates .rates-question h4 {
    padding: 0;
    line-height: 1;
    background: none; }

.rates dl {
  margin: 40px 0 0; }

.rates dt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 27px;
  border-radius: 31px;
  -webkit-box-shadow: 0 7px 8px 2px rgba(0, 115, 190, 0.02);
  box-shadow: 0 7px 8px 2px rgba(0, 115, 190, 0.02);
  background-color: #ffffff;
  color: #0073be;
  font: 400 14px/16px "Helvetica Neue Cyr";
  text-decoration: underline;
  cursor: pointer; }
  .rates dt:before {
    content: '';
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    top: -1px;
    display: block;
    width: 22px;
    height: 22px;
    margin-right: 22px;
    background: url(../img/icons/accordeon-icon.png); }
  .rates dt.active {
    color: #31343b;
    text-decoration: none; }
    .rates dt.active:before {
      background: url(../img/icons/accordeon-icon2.png); }

.rates dd {
  display: none;
  margin: 0;
  padding: 30px 0 5px;
  color: #31343b;
  font: 400 14px/24px "Helvetica Neue Cyr"; }
  .rates dd + dt {
    margin-top: 15px; }

.rates .have-question {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 55px; }
  .rates .have-question p {
    margin: 0 68px 0 0;
    color: #31343b;
    font: 700 18px "Helvetica Neue Cyr";
    text-transform: uppercase; }
  .rates .have-question .btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .rates .have-question .btn:after {
      content: '';
      display: block;
      width: 16px;
      height: 12px;
      margin-left: 20px;
      background: url(../img/icons/chat-icon2.png); }

@media (max-width: 1790px) {
  .rates .rates-list li {
    width: 250px;
    height: 95px;
    padding: 17px 10px 0; }
  .rates .rates-list h5 {
    font-size: 20px; }
  .rates .rates-list p {
    font: 400 14px/20px "Helvetica Neue Cyr"; }
  .rates h4 {
    padding-left: 30px; }
  .rates td {
    padding: 30px 20px; }
    .rates td:not(:first-child) {
      width: 253px; }
    .rates td a {
      font-size: 14px; }
      .rates td a:after {
        margin-left: 20px; }
    .rates td p {
      line-height: 20px; } }

@media (max-width: 1199px) {
  .rates .rates-list li {
    width: 190px; }
  .rates .rates-list h5 {
    font-size: 16px; }
  .rates .rates-list p {
    font: 400 12px/16px "Helvetica Neue Cyr"; }
  .rates h4 {
    font-size: 18px;
    line-height: 70px; }
  .rates td {
    padding: 20px 15px; }
    .rates td:not(:first-child) {
      width: 193px; }
    .rates td a {
      font-size: 14px; }
      .rates td a:after {
        margin-left: 20px; }
    .rates td p {
      line-height: 20px; }
  .rates dt {
    padding: 17px 27px;
    border-radius: 28px; } }

@media (max-width: 991px) {
  .rates .rates-list {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .rates .rates-list li {
      width: 33%;
      height: auto;
      padding-bottom: 10px; }
  .rates tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .rates td:first-child {
    width: 100%; }
  .rates td:not(:first-child) {
    width: 33.3%;
    padding: 20px 10px; }
  .rates .rates-question {
    padding: 25px 20px 20px; }
  .rates .have-question {
    margin-top: 40px; }
    .rates .have-question p {
      margin-right: 35px;
      font-size: 16px; } }

@media (max-width: 530px) {
  .rates .rates-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }
    .rates .rates-list li {
      width: 250px;
      max-width: 300px;
      height: 80px;
      margin: 3px 0 !important; }
  .rates h4 {
    font-size: 16px;
    line-height: 60px;
    padding-left: 20px; }
  .rates td:first-child {
    width: 100%; }
  .rates td:not(:first-child) {
    width: 33.3%;
    padding: 20px 10px;
    font-size: 12px; }
  .rates td a {
    font-size: 12px; }
    .rates td a:after {
      margin-left: 10px; }
  .rates td p {
    font-size: 12px;
    line-height: 16px; }
  .rates .prices-cell p {
    font-size: 12px; }
  .rates .prices-cell span {
    font-size: 12px; }
  .rates dl {
    margin: 25px 0 0; }
  .rates dt {
    padding: 14px 15px;
    border-radius: 25px;
    font-size: 12px; }
    .rates dt:before {
      margin-right: 10px; }
  .rates dd {
    padding: 15px 0 0;
    font-size: 12px;
    line-height: 20px; }
    .rates dd + dt {
      margin-top: 10px; }
  .rates .have-question {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .rates .have-question p {
      margin: 0 0 15px;
      font-size: 14px; } }

.how-work .container {
  padding-top: 60px;
  padding-bottom: 50px; }

.how-work .descr {
  margin: 10px 0 0;
  color: #575a62;
  font: 400 14px/14px "Helvetica Neue Cyr";
  text-align: center; }

.how-work .tab-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 65px 0 0;
  padding: 0;
  list-style: none; }
  .how-work .tab-list li {
    width: 25%;
    padding: 0 0 20px;
    border-bottom: 2px solid #eff2f7;
    text-align: center; }
    .how-work .tab-list li + li {
      margin-left: 9px; }
    .how-work .tab-list li a {
      color: #31343b;
      font: 400 15px/15px "Helvetica Neue Cyr"; }
  .how-work .tab-list .active {
    border-color: #0073BE; }
    .how-work .tab-list .active a {
      color: #0073be; }

.how-work .tab-container {
  margin-top: 45px; }

.how-work .tab-item {
  display: none; }

.how-work .start .top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.how-work .start .get {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 32px 140px 0 0;
  color: #31343b;
  font: 400 16px/16px "Helvetica Neue Cyr"; }

.how-work .start .audit,
.how-work .start .conditions,
.how-work .start .contracting {
  position: relative; }
  .how-work .start .audit p,
  .how-work .start .conditions p,
  .how-work .start .contracting p {
    margin: 20px 0 0;
    color: #31343b;
    font: 400 13px/22px "Helvetica Neue Cyr";
    text-transform: uppercase; }

.how-work .start .audit,
.how-work .start .conditions {
  width: 402px; }

.how-work .start .contracting {
  width: 265px; }
  .how-work .start .contracting .dot-line {
    width: 168px; }

.how-work .start .dot-line {
  position: absolute;
  left: 91px;
  top: 34px;
  width: 304px;
  height: 10px;
  background: url(../img/bg/dot-line.png) left center no-repeat; }

.how-work .start .dialog {
  width: 73px;
  height: 84px;
  background: url(../img/bg/dialog-bg.png) center bottom no-repeat; }
  .how-work .start .dialog span {
    display: block;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat; }

.how-work .start .audit span {
  background-image: url(../img/icons/audit-icon.png); }

.how-work .start .conditions span {
  background-image: url(../img/icons/conditions-icon.png); }

.how-work .start .contracting span {
  background-image: url(../img/icons/contracting-icon.png); }

.how-work .start .flex-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 35px; }

.how-work .start h5 {
  margin: 0;
  color: #929cb7;
  font: 400 14px/1 "Helvetica Neue Cyr"; }

.how-work .start .accordeon,
.how-work .start .approval {
  width: 590px;
  background-color: #eff2f7;
  padding: 30px 35px 40px 33px; }

.how-work .start dl {
  margin: 20px 0 0; }

.how-work .start dt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 18px 27px;
  border-radius: 28px;
  -webkit-box-shadow: 0 7px 8px 2px rgba(0, 115, 190, 0.02);
  box-shadow: 0 7px 8px 2px rgba(0, 115, 190, 0.02);
  background-color: #ffffff;
  color: #0073be;
  font: 400 14px/16px "Helvetica Neue Cyr";
  text-decoration: underline;
  cursor: pointer; }
  .how-work .start dt:before {
    content: '';
    position: relative;
    top: -1px;
    display: block;
    width: 22px;
    height: 22px;
    margin-right: 22px;
    background: url(../img/icons/accordeon-icon.png); }

.how-work .start .active {
  color: #31343b;
  text-decoration: none; }

.how-work .start dd {
  display: none;
  margin: 0;
  padding: 20px 0;
  color: #31343b;
  font: 400 13px/24px "Helvetica Neue Cyr"; }
  .how-work .start dd + dt {
    margin-top: 10px; }

.how-work .start .talk {
  margin: 30px 0 0;
  color: #31343b;
  font: 400 14px/14px "Helvetica Neue Cyr"; }

.how-work .start .approval .flex-container {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.how-work .start .approval ul {
  margin: 25px 0 0;
  padding: 0;
  list-style: none; }

.how-work .start .approval li {
  color: #31343b;
  font: 400 13px/24px "Helvetica Neue Cyr"; }
  .how-work .start .approval li:first-child {
    margin-bottom: 10px;
    color: #0073be;
    font-size: 16px;
    font-weight: 900; }

.how-work .start .approval .you {
  text-align: right; }

.how-work .start .approval .res {
  margin: 10px auto 0;
  text-align: center; }
  .how-work .start .approval .res li:first-child {
    font-size: 14px; }

.how-work .start .talking {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 118px;
  height: 118px;
  border-radius: 50%;
  background-color: #0073be;
  -webkit-box-shadow: 0 0 0 4px #eff2f7, 0 0 0 5px #0073be;
  box-shadow: 0 0 0 4px #eff2f7, 0 0 0 5px #0073be; }
  .how-work .start .talking:before {
    content: '';
    position: absolute;
    left: -157px;
    top: 30px;
    display: block;
    width: 430px;
    height: 10px;
    background: url(../img/bg/talking-arrow1.png); }
  .how-work .start .talking:after {
    content: '';
    position: absolute;
    top: 126px;
    left: 54px;
    display: block;
    width: 10px;
    height: 48px;
    background: url(../img/bg/talking-arrow2.png); }
  .how-work .start .talking span {
    display: block;
    width: 31px;
    height: 23px;
    margin: 0 auto;
    background: url(../img/icons/chat-icon.png); }
  .how-work .start .talking p {
    margin: 12px auto 0;
    color: #ffffff;
    font: 400 14px/14px "Helvetica Neue Cyr"; }

.how-work .start .contracting-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 590px; }
  .how-work .start .contracting-block div {
    width: 100%;
    height: 50%;
    background-color: #eff2f7; }

.how-work .start .contracting-info {
  padding: 30px 50px 10px 30px; }
  .how-work .start .contracting-info p {
    margin: 25px 0 0;
    color: #31343b;
    font: 400 14px/24px "Helvetica Neue Cyr"; }

.how-work .start .more-info {
  margin-top: 4px;
  padding: 55px 0 0 45px;
  background-color: #e1e8f3; }
  .how-work .start .more-info p {
    margin: 0;
    color: #31343b;
    font: 700 18px/18px "Helvetica Neue Cyr"; }

.how-work .start .btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 35px; }
  .how-work .start .btn:after {
    content: '';
    display: block;
    width: 16px;
    height: 12px;
    margin-left: 20px;
    background: url(../img/icons/chat-icon2.png); }

.how-work .service .service-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.how-work .service .service-info {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 65px; }

.how-work .service .descr {
  margin: 0;
  width: 311px;
  height: 44px;
  color: #31343b;
  font: 400 16px/28px "Helvetica Neue Cyr";
  text-align: left; }
  .how-work .service .descr + p {
    max-width: 380px;
    margin: 30px 0 0;
    color: #8a8d94;
    font: 400 14px/23px "Helvetica Neue Cyr"; }

.how-work .service .options {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 5px; }
  .how-work .service .options p {
    width: 220px;
    margin: 0;
    border: 1px solid #0073be;
    color: #0073be;
    font: 400 14px/49px "Helvetica Neue Cyr";
    text-align: center;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s; }
    .how-work .service .options p + p {
      margin-top: 4px; }
  .how-work .service .options .monitoring {
    color: #ffffff;
    background-color: #0073be; }

.how-work .service .options-arrow {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 121px;
  height: 111px;
  margin-right: 16px;
  background: url(../img/bg/options-arrow.png); }

.how-work .service .steps {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 210px;
  height: 150px;
  margin-right: 10px;
  border: 1px solid #dee2e9;
  background-color: #eff2f7;
  -webkit-box-shadow: 0 0 0 6px #EFF2F7;
  box-shadow: 0 0 0 6px #EFF2F7; }

.how-work .service ul {
  margin: auto;
  padding: 0 0 0 15px;
  list-style: none; }

.how-work .service li {
  position: relative;
  color: #31343b;
  font: 400 14px/1 "Helvetica Neue Cyr"; }
  .how-work .service li:before {
    content: '';
    position: absolute;
    left: -21px;
    top: 2px;
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0073BE; }
  .how-work .service li + li {
    margin-top: 20px; }

.how-work .service .steps-arrow {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 141px;
  height: 98px;
  margin-right: 19px;
  background: url(../img/bg/steps-arrow.png); }

.how-work .service .process {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 10px; }
  .how-work .service .process div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 260px;
    height: 60px;
    border: 1px solid #dee2e9;
    background-color: #eff2f7;
    -webkit-box-shadow: 0 0 0 6px #EFF2F7;
    box-shadow: 0 0 0 6px #EFF2F7; }
    .how-work .service .process div + div {
      position: relative;
      margin-top: 30px; }
      .how-work .service .process div + div:after {
        content: '';
        position: absolute;
        left: 118px;
        top: -23px;
        display: block;
        width: 10px;
        height: 15px;
        background: url(../img/bg/double-arrow.png); }
  .how-work .service .process li + li {
    margin-top: 12px; }

.how-work .service .process-arrow {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 142px;
  height: 91px;
  margin-right: 30px;
  background: url(../img/bg/process-arrow.png); }

.how-work .service .done {
  width: 89px;
  height: 89px;
  border-radius: 50%;
  background: #099f4b url(../img/icons/choose-icon.png) center center no-repeat;
  -webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #099F4B;
  box-shadow: 0 0 0 3px #fff, 0 0 0 4px #099F4B; }

.how-work .reporting p {
  margin: 0;
  color: #31343b;
  font: 400 14px/25px "Helvetica Neue Cyr"; }

.how-work .reporting ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 30px 0 0;
  padding: 0;
  list-style: none; }
  .how-work .reporting ul p {
    margin: 15px 0 0;
    color: #575a62; }
  .how-work .reporting ul div {
    width: 75px;
    height: 87px;
    background: url(../img/icons/blue-icon2.png) center bottom no-repeat; }
  .how-work .reporting ul span {
    display: block;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat; }

.how-work .reporting .report-item1 {
  width: 530px; }
  .how-work .reporting .report-item1 span {
    background-image: url(../img/icons/report-item1.png); }

.how-work .reporting .report-item2 {
  width: 450px; }
  .how-work .reporting .report-item2 span {
    background-image: url(../img/icons/report-item2.png); }

.how-work .reporting .report-item3 {
  width: 595px; }
  .how-work .reporting .report-item3 span {
    background-image: url(../img/icons/report-item3.png); }

.how-work .reporting h5 {
  margin: 30px 0 0;
  color: #31343b;
  font: 700 15px/15px "Helvetica Neue Cyr";
  text-transform: uppercase; }

.how-work .result > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style: none; }
  .how-work .result > ul ul {
    margin: 20px 0 0;
    padding: 0 0 0 20px;
    list-style: none; }
    .how-work .result > ul ul li {
      position: relative;
      color: #575a62;
      font: 400 14px/25px "Helvetica Neue Cyr"; }
      .how-work .result > ul ul li:before {
        content: '';
        position: absolute;
        top: 10px;
        left: -20px;
        display: block;
        width: 3px;
        height: 3px;
        border-radius: 50%;
        background-color: #099f4b; }

.how-work .result div {
  width: 73px;
  height: 85px;
  background: url(../img/bg/dialog-bg.png) center bottom no-repeat; }
  .how-work .result div span {
    display: block;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat; }

.how-work .result .result-item1 {
  width: 360px; }
  .how-work .result .result-item1 span {
    background-image: url(../img/icons/watch-icon.png); }

.how-work .result .result-item2 {
  width: 410px; }
  .how-work .result .result-item2 span {
    background-image: url(../img/icons/dialog-icon.png); }

.how-work .result .result-item3 {
  width: 425px; }
  .how-work .result .result-item3 span {
    background-image: url(../img/icons/goal-icon.png); }

.how-work .result .result-item4 {
  width: 330px; }
  .how-work .result .result-item4 span {
    background-image: url(../img/icons/transparent-icon.png); }

.how-work .result h5 {
  margin: 34px 0 0;
  color: #31343b;
  font: 700 15px/1 "Helvetica Neue Cyr";
  text-transform: uppercase; }

#map {
  height: 350px; }
  #map h4 {
    margin: 20px 0;
    color: #0073be;
    font: 900 13px/1 "Helvetica Neue Cyr";
    text-transform: uppercase;
    text-align: center; }
  #map p {
    margin: 0 10px 22px;
    color: #31343b;
    font: 400 14px/1 "Helvetica Neue Cyr"; }

@media (max-width: 1790px) {
  .how-work .start .get {
    font-size: 14px;
    margin-right: 30px; }
  .how-work .start .audit,
  .how-work .start .conditions {
    width: 300px; }
  .how-work .start .contracting {
    width: 250px; }
    .how-work .start .contracting .dot-line {
      width: 113px; }
  .how-work .start .dot-line {
    width: 200px;
    background-position: -55px center; }
  .how-work .start .flex-container {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .how-work .start .accordeon,
  .how-work .start .approval {
    width: 560px;
    padding: 20px; }
  .how-work .start .contracting-block {
    margin: 15px auto 0; }
  .how-work .start .contracting-info {
    padding: 20px; }
  .how-work .start .more-info {
    padding-bottom: 20px;
    padding-top: 40px; }
  .how-work .service .service-flex {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .how-work .service .service-info {
    width: 100%;
    margin: 0 0 20px; }
  .how-work .service .descr {
    width: 100%;
    height: auto;
    text-align: center;
    line-height: 22px; }
    .how-work .service .descr br {
      display: none; }
    .how-work .service .descr + p {
      max-width: 100%;
      margin-top: 20px;
      line-height: 18px; }
  .how-work .service .options p {
    width: 170px; }
  .how-work .service .options-arrow {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 121px;
    height: 111px;
    margin-right: 16px;
    background: url(../img/bg/options-arrow.png); }
  .how-work .service .steps {
    width: 170px; }
  .how-work .service .steps-arrow {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 141px;
    height: 98px;
    margin-right: 19px;
    background: url(../img/bg/steps-arrow.png); }
  .how-work .service .process div {
    width: 210px; }
    .how-work .service .process div + div:after {
      left: 100px; }
  .how-work .reporting .report-item1,
  .how-work .reporting .report-item2,
  .how-work .reporting .report-item3 {
    width: 360px; }
  .how-work .result .result-item1,
  .how-work .result .result-item2,
  .how-work .result .result-item3,
  .how-work .result .result-item4 {
    width: 270px; } }

@media (max-width: 1199px) {
  .how-work .start .audit,
  .how-work .start .conditions {
    width: 220px; }
  .how-work .start .contracting {
    width: 220px; }
    .how-work .start .contracting .dot-line {
      width: 88px;
      background-position: -80px center; }
  .how-work .start .dot-line {
    width: 110px;
    background-position: -105px center; }
  .how-work .start > .flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .how-work .start .accordeon,
  .how-work .start .approval {
    width: 100%;
    max-width: 590px; }
  .how-work .start .approval {
    margin-top: 15px; }
  .how-work .service .options p {
    width: 150px; }
  .how-work .service .options-arrow {
    width: 90px;
    background-size: 100% 100%; }
  .how-work .service .steps-arrow {
    width: 90px;
    background-size: 100% 100%; }
  .how-work .service .process-arrow {
    width: 90px;
    background-size: 100% 100%; }
  .how-work .service .done {
    width: 60px;
    height: 60px; }
  .how-work .service .process div {
    width: 200px; }
    .how-work .service .process div + div:after {
      left: 95px; }
  .how-work .reporting ul {
    margin-top: 20px; }
  .how-work .reporting .report-item1,
  .how-work .reporting .report-item2,
  .how-work .reporting .report-item3 {
    width: 300px; }
  .how-work .reporting h5 {
    margin-top: 20px; }
  .how-work .result > ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto; }
  .how-work .result .result-item1,
  .how-work .result .result-item2,
  .how-work .result .result-item3,
  .how-work .result .result-item4 {
    width: 360px;
    margin-bottom: 30px; } }

@media (max-width: 991px) {
  .how-work .start .top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .how-work .start .get {
    width: 140px; }
  .how-work .start .audit,
  .how-work .start .conditions {
    width: 180px; }
  .how-work .start .contracting {
    width: 160px; }
    .how-work .start .contracting .dot-line {
      width: 70px;
      background-position: -98px center; }
  .how-work .start .dot-line {
    background-position: -120px center;
    width: 80px; }
  .how-work .service .service-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .how-work .service .options {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0; }
    .how-work .service .options p {
      width: 90px;
      margin: 0 2px !important;
      font: 400 14px/49px "Helvetica Neue Cyr"; }
  .how-work .service .options-arrow {
    margin: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  .how-work .service .steps-arrow {
    margin: 10px 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  .how-work .service .process {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0; }
    .how-work .service .process div {
      width: 200px;
      margin: 0 17px !important; }
      .how-work .service .process div + div:after {
        top: 22px;
        left: -23px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg); }
    .how-work .service .process li + li {
      margin-top: 12px; }
  .how-work .service .process-arrow {
    margin: 10px 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  .how-work .service .done {
    width: 89px;
    height: 89px; }
  .how-work .reporting ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .how-work .reporting .report-item1,
  .how-work .reporting .report-item2,
  .how-work .reporting .report-item3 {
    width: 350px;
    margin-bottom: 20px; }
  .how-work .result .result-item1,
  .how-work .result .result-item2,
  .how-work .result .result-item3,
  .how-work .result .result-item4 {
    width: 340px; } }

@media (max-width: 767px) {
  .how-work .start .top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .how-work .start .get {
    width: 100%;
    margin: 0 0 20px;
    text-align: center; }
  .how-work .start .audit,
  .how-work .start .conditions,
  .how-work .start .contracting {
    margin-bottom: 20px; }
    .how-work .start .audit p,
    .how-work .start .conditions p,
    .how-work .start .contracting p {
      text-align: center; }
      .how-work .start .audit p br,
      .how-work .start .conditions p br,
      .how-work .start .contracting p br {
        display: none; }
  .how-work .start .audit,
  .how-work .start .conditions {
    width: 100%; }
  .how-work .start .contracting {
    width: 100%; }
  .how-work .start .dot-line {
    display: none; }
  .how-work .start .dialog {
    margin: 0 auto; }
  .how-work .reporting .report-item1,
  .how-work .reporting .report-item2,
  .how-work .reporting .report-item3 {
    width: 300px; } }

@media (max-width: 720px) {
  .how-work .result .result-item1,
  .how-work .result .result-item2,
  .how-work .result .result-item3,
  .how-work .result .result-item4 {
    width: 300px; } }

@media (max-width: 700px) {
  .how-work .tab-list li {
    padding: 0 0 20px; }
    .how-work .tab-list li a {
      font: 400 14px/15px "Helvetica Neue Cyr"; } }

@media (max-width: 640px) {
  .how-work .reporting ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .how-work .reporting .report-item1,
  .how-work .reporting .report-item2,
  .how-work .reporting .report-item3 {
    width: 100%;
    max-width: 400px; }
  .how-work .result > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .how-work .result .result-item1,
  .how-work .result .result-item2,
  .how-work .result .result-item3,
  .how-work .result .result-item4 {
    width: 100%;
    max-width: 450px; } }

@media (max-width: 610px) {
  .how-work .start .accordeon,
  .how-work .start .approval {
    width: 100%;
    padding: 20px 10px; }
  .how-work .start dt {
    padding: 18px 15px; }
    .how-work .start dt:before {
      margin-right: 15px; }
  .how-work .start .talking {
    width: 80px;
    height: 80px; }
    .how-work .start .talking:before {
      left: -137px;
      width: 350px;
      height: 8px;
      background-size: 350px auto; }
    .how-work .start .talking:after {
      top: 112px;
      left: 35px; }
    .how-work .start .talking p {
      margin-top: 10px;
      font-size: 12px;
      line-height: 1; }
  .how-work .start .contracting-block {
    width: 100%; } }

@media (max-width: 560px) {
  .how-work .tab-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .how-work .tab-list li {
      width: 100%;
      padding-bottom: 10px; }
      .how-work .tab-list li + li {
        margin: 10px 0 0 0; } }

@media (max-width: 500px) {
  .how-work .service .process div {
    width: 140px;
    height: 60px;
    margin: 0 10px !important; }
    .how-work .service .process div + div:after {
      left: -17px;
      top: -25px; }
  .how-work .service .process li {
    font-size: 12px; }
    .how-work .service .process li:before {
      left: -10px; }
    .how-work .service .process li + li {
      margin-top: 8px; } }

@media (max-width: 465px) {
  .how-work .start .talking {
    display: none; }
  .how-work .start .approval .you {
    margin-left: auto;
    margin-bottom: 20px; } }

.industry .container {
  padding-top: 50px; }

.industry p {
  margin: 10px 0 0;
  color: #575a62;
  font: 400 14px "Helvetica Neue Cyr";
  text-align: center; }

.industry ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 70px 0 0;
  padding: 0;
  list-style: none; }

.industry li {
  width: 285px;
  margin-bottom: 55px; }
  .industry li div {
    width: 159px;
    height: 159px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid #dfe4ed;
    background-color: rgba(239, 242, 247, 0); }
  .industry li img {
    margin: auto;
    width: 142px;
    height: 142px;
    border-radius: 50%; }
  .industry li p {
    margin: 25px 0 0; }

@media (max-width: 1790px) {
  .industry ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px; } }

.stereotypes .container {
  padding-top: 60px;
  padding-bottom: 50px; }

.stereotypes .take {
  margin: 10px 0 0;
  color: #575a62;
  font: 400 14px "Helvetica Neue Cyr";
  text-align: center; }

.stereotypes .descr {
  max-width: 642px;
  margin: 40px auto 0;
  color: #31343b;
  font: 400 14px/24px "Helvetica Neue Cyr";
  text-align: center; }

.stereotypes .filters {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 38px 0 15px; }
  .stereotypes .filters div {
    position: relative; }
  .stereotypes .filters p {
    position: absolute;
    left: -65px;
    top: 15px;
    margin: 0;
    color: #31343b;
    font: 400 13px "Helvetica Neue Cyr";
    text-transform: uppercase; }
  .stereotypes .filters ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none; }
  .stereotypes .filters li {
    margin: 0 1px; }
  .stereotypes .filters a {
    display: block;
    border: 1px solid #d5dce7;
    background-color: #ffffff;
    padding: 0 12px;
    color: #31343b;
    font: 400 14px/39px "Helvetica Neue Cyr"; }
    .stereotypes .filters a.active {
      background-color: #0073be; }
  .stereotypes .filters .active {
    border: 1px solid #0073be;
    background-color: #0073be;
    color: #FFF; }

.stereotypes .filter-item {
  width: 100%; }

.stereotypes .post {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 35px; }
  .stereotypes .post > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 190px; }
  .stereotypes .post img {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 299px;
    height: 190px;
    margin-right: 35px;
    outline-offset: -3px;
    outline: 1px solid rgba(255, 255, 255, 0.5); }
  .stereotypes .post h4 {
    margin: 0;
    color: #31343b;
    font: 700 16px/1 "Helvetica Neue Cyr";
    text-transform: uppercase; }
  .stereotypes .post p {
    margin: auto;
    color: #31343b;
    font: 400 14px/24px "Helvetica Neue Cyr"; }
    .stereotypes .post p a {
      color: #0073be;
      text-decoration: underline; }
  .stereotypes .post .more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #0073be;
    font: 400 14px/1 "Helvetica Neue Cyr";
    text-decoration: underline; }
    .stereotypes .post .more:after {
      content: '';
      display: block;
      width: 12px;
      height: 7px;
      margin-left: 15px;
      background: url(../img/icons/blue-arrow.png);
      -webkit-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s; }
    .stereotypes .post .more.active:after {
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg); }
  .stereotypes .post .tags {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 35px; }
    .stereotypes .post .tags span {
      display: block;
      width: 121px;
      margin-right: 2px;
      border: 1px solid #d5dce7;
      color: #31343b;
      font: 400 13px/39px "Helvetica Neue Cyr";
      text-align: center; }

.stereotypes .post-descr {
  position: relative;
  display: none; }
  .stereotypes .post-descr .close {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    width: 15px;
    height: 15px;
    background: url(../img/icons/close.png);
    cursor: pointer; }

.stereotypes .employee-or-service {
  margin-top: 40px;
  padding-top: 50px;
  background-color: #eff2f7; }
  .stereotypes .employee-or-service h5 {
    margin: 0;
    color: #31343b;
    font: 700 18px/20px "Helvetica Neue Cyr";
    text-align: center; }
  .stereotypes .employee-or-service .tab-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 883px;
    margin: 57px auto 0;
    padding: 0;
    list-style: none; }
    .stereotypes .employee-or-service .tab-list li {
      width: 437px;
      padding-bottom: 20px;
      border-bottom: 2px solid #BFC7D4;
      text-align: center; }
    .stereotypes .employee-or-service .tab-list a {
      color: #31343b;
      font: 400 15px/1 "Helvetica Neue Cyr"; }
    .stereotypes .employee-or-service .tab-list .active {
      border-color: #3D88C6; }
      .stereotypes .employee-or-service .tab-list .active a {
        color: #0073be; }
  .stereotypes .employee-or-service .tab-container {
    margin-top: 65px; }
  .stereotypes .employee-or-service .tab-item {
    display: none; }
  .stereotypes .employee-or-service .costs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 883px;
    margin: 0 auto;
    padding-bottom: 80px; }
    .stereotypes .employee-or-service .costs > div {
      max-width: 392px; }
    .stereotypes .employee-or-service .costs .line {
      height: 1px;
      background-color: #dde2e9; }
    .stereotypes .employee-or-service .costs p {
      margin: 35px 0;
      color: #31343b;
      font: 400 14px/24px "Helvetica Neue Cyr"; }
      .stereotypes .employee-or-service .costs p:first-child {
        margin-top: 28px; }
      .stereotypes .employee-or-service .costs p span,
      .stereotypes .employee-or-service .costs p a {
        color: #0073be; }
      .stereotypes .employee-or-service .costs p a {
        text-decoration: underline; }
    .stereotypes .employee-or-service .costs .descr {
      text-align: left;
      margin-bottom: 0;
      color: #a1a3a6;
      font: 400 12px/22px "Helvetica Neue Cyr"; }
  .stereotypes .employee-or-service .loss {
    margin: 40px 0 45px;
    color: #31343b;
    font: 400 14px "Helvetica Neue Cyr";
    text-align: center; }

.stereotypes .risks > ul,
.stereotypes .speed > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 0;
  padding: 0;
  list-style: none; }
  .stereotypes .risks > ul li,
  .stereotypes .speed > ul li {
    width: 445px;
    background-color: #0073be;
    color: #ffffff;
    font: 700 18px/69px "Helvetica Neue Cyr";
    text-transform: uppercase;
    text-align: center; }
    .stereotypes .risks > ul li + li,
    .stereotypes .speed > ul li + li {
      margin-left: 1px;
      background-color: #099f4b; }

.stereotypes .risks table,
.stereotypes .speed table {
  background: #fff;
  border-collapse: collapse; }
  .stereotypes .risks table ul,
  .stereotypes .speed table ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .stereotypes .risks table li,
  .stereotypes .speed table li {
    position: relative;
    padding-left: 15px;
    color: #575a62;
    font: 400 13px/22px "Helvetica Neue Cyr"; }
    .stereotypes .risks table li:before,
    .stereotypes .speed table li:before {
      content: '.';
      position: absolute;
      left: 0;
      top: -6px;
      color: #428ac7;
      font-size: 25px;
      font-family: "Helvetica Neue Cyr"; }
  .stereotypes .risks table p,
  .stereotypes .speed table p {
    margin: 0;
    color: #575a62;
    font: 400 13px/22px "Helvetica Neue Cyr"; }
  .stereotypes .risks table div,
  .stereotypes .speed table div {
    display: none;
    margin-top: 18px; }

.stereotypes .risks td,
.stereotypes .speed td {
  border: 1px solid #E8EDF0; }
  .stereotypes .risks td:first-child,
  .stereotypes .speed td:first-child {
    width: 890px;
    padding: 30px 15px 30px 50px; }
    .stereotypes .risks td:first-child a,
    .stereotypes .speed td:first-child a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
      .stereotypes .risks td:first-child a:after,
      .stereotypes .speed td:first-child a:after {
        content: '';
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: inline-block;
        width: 12px;
        height: 7px;
        margin-left: 35px;
        background: url(../img/icons/blue-arrow.png);
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s; }
  .stereotypes .risks td a,
  .stereotypes .speed td a {
    color: #0073be;
    font: 700 16px "Helvetica Neue Cyr";
    text-decoration: underline; }
  .stereotypes .risks td:nth-child(2), .stereotypes .risks td:last-child,
  .stereotypes .speed td:nth-child(2),
  .stereotypes .speed td:last-child {
    width: 445px;
    padding: 30px 60px 30px 45px;
    text-align: center; }
    .stereotypes .risks td:nth-child(2) a, .stereotypes .risks td:last-child a,
    .stereotypes .speed td:nth-child(2) a,
    .stereotypes .speed td:last-child a {
      color: #0073be; }
  .stereotypes .risks td:last-child a,
  .stereotypes .speed td:last-child a {
    color: #099f4b; }

.stereotypes .risks tr.active td,
.stereotypes .speed tr.active td {
  text-align: left; }

.stereotypes .risks tr.active a,
.stereotypes .speed tr.active a {
  color: #31343b; }
  .stereotypes .risks tr.active a:after,
  .stereotypes .speed tr.active a:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }

.stereotypes .sysadmin {
  margin-top: 25px;
  padding-top: 50px;
  background-color: #eff2f7; }
  .stereotypes .sysadmin .tab-item {
    display: none; }
  .stereotypes .sysadmin .description {
    margin: 0;
    color: #31343b;
    font: 700 18px/1 "Helvetica Neue Cyr";
    text-align: center; }
  .stereotypes .sysadmin .tab-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 55px 0 0;
    padding: 0;
    list-style: none; }
    .stereotypes .sysadmin .tab-list li {
      width: 25%;
      padding-bottom: 20px;
      border-bottom: 2px solid #BFC7D4;
      text-align: center; }
      .stereotypes .sysadmin .tab-list li + li {
        margin-left: 10px; }
      .stereotypes .sysadmin .tab-list li a {
        color: #46484f;
        font: 400 15px/1 "Helvetica Neue Cyr"; }
    .stereotypes .sysadmin .tab-list .active {
      border-color: #3D88C6; }
      .stereotypes .sysadmin .tab-list .active a {
        color: #0073be; }
  .stereotypes .sysadmin .sometimes {
    margin: 40px 0 45px;
    color: #31343b;
    font: 400 14px/24px "Helvetica Neue Cyr";
    text-align: center; }
  .stereotypes .sysadmin .difference > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 620px;
    margin: 0 auto;
    padding-bottom: 50px; }
    .stereotypes .sysadmin .difference > div div:first-child {
      width: 273px; }
    .stereotypes .sysadmin .difference > div div:last-child {
      width: 100%;
      max-width: 315px; }
  .stereotypes .sysadmin .data {
    margin: 20px 0 0;
    color: #a1a3a6;
    font: 400 12px/22px "Helvetica Neue Cyr"; }
  .stereotypes .sysadmin h5 {
    margin: 0;
    color: #31343b;
    font: 700 12px "Helvetica Neue Cyr";
    text-transform: uppercase; }
  .stereotypes .sysadmin .line {
    height: 1px;
    margin: 25px 0;
    background: #dde2e9; }
  .stereotypes .sysadmin .ready {
    margin: 0;
    padding: 0;
    color: #31343b;
    font: 400 14px/24px "Helvetica Neue Cyr"; }

.stereotypes .doubt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 70px; }
  .stereotypes .doubt p {
    margin: 0 75px 0 0;
    color: #31343b;
    font: 700 18px/1 "Helvetica Neue Cyr";
    text-transform: uppercase; }
  .stereotypes .doubt .btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .stereotypes .doubt .btn:after {
      content: '';
      display: block;
      width: 16px;
      height: 12px;
      margin-left: 20px;
      background: url(../img/icons/chat-icon2.png); }

@media (max-width: 1790px) {
  .stereotypes .post img {
    margin-right: 15px; }
  .stereotypes .post p {
    margin-top: 10px;
    line-height: 20px; }
  .stereotypes .post .tags {
    margin-top: 15px; }
  .stereotypes .risks > ul li,
  .stereotypes .speed > ul li {
    width: 280px; }
  .stereotypes .risks table li,
  .stereotypes .speed table li {
    line-height: 20px; }
  .stereotypes .risks table p,
  .stereotypes .speed table p {
    line-height: 20px; }
  .stereotypes .risks table div,
  .stereotypes .speed table div {
    margin-top: 12px; }
  .stereotypes .risks td:first-child,
  .stereotypes .speed td:first-child {
    width: 580px;
    padding: 30px 15px 30px 30px; }
  .stereotypes .risks td:nth-child(2), .stereotypes .risks td:last-child,
  .stereotypes .speed td:nth-child(2),
  .stereotypes .speed td:last-child {
    width: 280px;
    padding: 30px 20px 30px 20px; } }

@media (max-width: 1199px) {
  .stereotypes .post {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .stereotypes .post > div {
      height: auto; }
    .stereotypes .post img {
      margin: 0 auto 20px;
      width: 100%;
      max-width: 400px;
      height: auto; }
    .stereotypes .post h4 {
      line-height: 1.3;
      text-align: center; }
    .stereotypes .post .more {
      margin: 25px 0 0; }
    .stereotypes .post .tags {
      margin-top: 25px; }
  .stereotypes .risks > ul li,
  .stereotypes .speed > ul li {
    width: 200px;
    font-size: 12px;
    line-height: 50px; }
  .stereotypes .risks table li,
  .stereotypes .speed table li {
    line-height: 18px; }
  .stereotypes .risks table p,
  .stereotypes .speed table p {
    line-height: 18px; }
  .stereotypes .risks table div,
  .stereotypes .speed table div {
    margin-top: 8px; }
  .stereotypes .risks td:first-child,
  .stereotypes .speed td:first-child {
    width: 540px;
    padding: 15px 10px; }
    .stereotypes .risks td:first-child a:after,
    .stereotypes .speed td:first-child a:after {
      margin-left: 15px; }
  .stereotypes .risks td a,
  .stereotypes .speed td a {
    font: 700 14px "Helvetica Neue Cyr"; }
  .stereotypes .risks td:nth-child(2), .stereotypes .risks td:last-child,
  .stereotypes .speed td:nth-child(2),
  .stereotypes .speed td:last-child {
    width: 200px;
    padding: 15px 5px; } }

@media (max-width: 991px) {
  .stereotypes .employee-or-service .tab-list {
    width: 95%; }
    .stereotypes .employee-or-service .tab-list li {
      width: 49%;
      padding-bottom: 15px; }
  .stereotypes .employee-or-service .tab-container {
    margin-top: 45px; }
  .stereotypes .employee-or-service .costs {
    padding: 0 10px 40px; }
    .stereotypes .employee-or-service .costs img {
      width: 350px;
      margin-left: 10px; }
    .stereotypes .employee-or-service .costs p {
      line-height: 20px; }
  .stereotypes .risks > ul li,
  .stereotypes .speed > ul li {
    width: 50%; }
  .stereotypes .risks table,
  .stereotypes .speed table {
    width: 100%; }
  .stereotypes .risks tr,
  .stereotypes .speed tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .stereotypes .risks td:first-child,
  .stereotypes .speed td:first-child {
    width: 100%; }
  .stereotypes .risks td:nth-child(2), .stereotypes .risks td:last-child,
  .stereotypes .speed td:nth-child(2),
  .stereotypes .speed td:last-child {
    width: 50%; }
  .stereotypes .sysadmin .tab-list li {
    padding-bottom: 15px; }
  .stereotypes .sysadmin .sometimes {
    margin: 30px 0; } }

@media (max-width: 680px) {
  .stereotypes .employee-or-service .costs {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 10px 40px; }
    .stereotypes .employee-or-service .costs > div {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1; }
    .stereotypes .employee-or-service .costs img {
      width: 100%;
      max-width: 350px;
      margin-left: 0; } }

@media (max-width: 630px) {
  .stereotypes .filters {
    margin: 38px 0 15px; }
    .stereotypes .filters p {
      position: static;
      margin-bottom: 10px;
      text-align: center; }
  .stereotypes .sysadmin .tab-list {
    margin-top: 40px; }
    .stereotypes .sysadmin .tab-list li + li {
      margin-left: 5px; }
  .stereotypes .sysadmin .difference > div {
    padding-bottom: 30px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .stereotypes .sysadmin .difference > div div:first-child {
      width: 100%;
      margin-bottom: 20px;
      text-align: center; }
  .stereotypes .sysadmin .data {
    line-height: 18px; }
  .stereotypes .sysadmin .line {
    margin: 20px 0; }
  .stereotypes .sysadmin .ready {
    line-height: 18px; } }

@media (max-width: 550px) {
  .stereotypes .doubt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 40px; }
    .stereotypes .doubt p {
      margin: 0 0 15px; } }

@media (max-width: 500px) {
  .stereotypes .filters ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .stereotypes .filters li {
    margin: 0 2px 4px; } }

@media (max-width: 400px) {
  .stereotypes .risks > ul li,
  .stereotypes .speed > ul li {
    font-size: 10px; }
  .stereotypes .risks td a,
  .stereotypes .speed td a {
    font-size: 13px; }
  .stereotypes .risks td:first-child,
  .stereotypes .speed td:first-child {
    width: 100%; }
  .stereotypes .risks td:nth-child(2), .stereotypes .risks td:last-child,
  .stereotypes .speed td:nth-child(2),
  .stereotypes .speed td:last-child {
    width: 50%; }
  .stereotypes .sysadmin .tab-list li {
    padding-bottom: 10px; }
    .stereotypes .sysadmin .tab-list li a {
      font-size: 12px; }
  .stereotypes .difference > div div {
    padding-left: 10px;
    padding-right: 10px; } }

.reviews {
  background: url(../img/bg/reviews-bg.jpg) center center no-repeat;
  background-size: cover; }
  .reviews .container {
    padding-top: 60px;
    padding-bottom: 80px; }
  .reviews .descr {
    margin: 5px 0 0;
    color: #575a62;
    font: 400 14px/14px "Helvetica Neue Cyr";
    text-align: center; }
  .reviews .slider {
    max-width: 620px;
    margin: 50px auto 0; }
  .reviews .slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 360px; }
    .reviews .slide:focus {
      outline: none; }
    .reviews .slide div {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 159px;
      height: 159px;
      margin: 0 auto;
      border-radius: 50%;
      border: 1px solid #cfd4dd;
      background-color: rgba(239, 242, 247, 0); }
    .reviews .slide img {
      width: 143px;
      height: 143px;
      margin: auto;
      border-radius: 50%; }
  .reviews .review {
    margin: 40px 0 0;
    color: #31343b;
    font: 400 14px/24px "Helvetica Neue Cyr";
    text-align: center; }
  .reviews h4 {
    margin: auto 0 0;
    color: #31343b;
    font: 700 14px/14px "Helvetica Neue Cyr";
    text-transform: uppercase;
    text-align: center; }
  .reviews .pos {
    margin: 10px 0 0;
    color: #808288;
    font-size: 12px; }
  .reviews .slick-arrow {
    position: absolute;
    top: 220px;
    width: 32px;
    height: 32px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    border: 1px solid #b9bdc7;
    background-color: transparent;
    font-size: 0; }
    .reviews .slick-arrow:hover {
      background-color: #0073be; }
    .reviews .slick-arrow:focus {
      outline: none; }
  .reviews .slick-prev {
    left: -80px;
    background-image: url(../img/icons/arrow-left-icon.png); }
    .reviews .slick-prev:hover {
      background-image: url(../img/icons/aroow-left-hover-icon.png); }
  .reviews .slick-next {
    right: -80px;
    background-image: url(../img/icons/arrow-right-icon.png); }
    .reviews .slick-next:hover {
      background-image: url(../img/icons/aroow-right-hover-icon.png); }

@media (max-width: 991px) {
  .reviews .slick-prev {
    left: -60px; }
  .reviews .slick-next {
    right: -60px; } }

@media (max-width: 767px) {
  .reviews .container {
    padding-top: 60px;
    padding-bottom: 80px; }
  .reviews h4 {
    margin: 40px auto 0; }
  .reviews .slider {
    width: calc(100vw - 100px); }
  .reviews .slide {
    height: auto; }
  .reviews .slick-prev {
    left: -40px; }
  .reviews .slick-next {
    right: -40px; } }

.ready {
  max-width: 850px;
  margin: 0 auto;
  padding: 65px 0 45px; }
  .ready h3 {
    color: #099f4b; }
  .ready .description {
    margin: 10px 0 0;
    color: #575a62;
    font: 400 14px/14px "Helvetica Neue Cyr";
    text-align: center; }
  .ready .content {
    margin: 40px 0 0;
    color: #31343b;
    font: 400 14px/24px "Helvetica Neue Cyr";
    text-align: center; }
  .ready .flex-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 25px; }
    .ready .flex-container > div {
      width: 410px; }
  .ready .dialog {
    height: 76px;
    width: 62px;
    margin: 0 auto;
    background-position: center bottom;
    background-repeat: no-repeat; }
    .ready .dialog span {
      display: block;
      height: 100%;
      background-position: center;
      background-repeat: no-repeat; }
  .ready .first-block .dialog {
    background-image: url(../img/bg/green-dialog.png); }
  .ready .first-block span {
    background-image: url(../img/icons/smile-icon.png); }
  .ready .second-block .dialog {
    background-image: url(../img/bg/blue-icon.png); }
  .ready .second-block span {
    background-image: url(../img/icons/no-smile-icon.png); }
  .ready .res {
    margin: 22px 0 0;
    color: #099f4b;
    font: 700 14px/14px "Helvetica Neue Cyr";
    text-transform: uppercase;
    text-align: center; }
  .ready .second-block .res {
    color: #0073be; }
  .ready .button {
    position: relative;
    display: block;
    width: 350px;
    margin: 33px auto 0;
    border-radius: 28px;
    -webkit-box-shadow: 0 2px 0 #01853b;
    box-shadow: 0 2px 0 #01853b;
    background-color: #099f4b;
    color: #ffffff;
    font: 500 12px/56px "Helvetica Neue Cyr";
    text-transform: uppercase;
    text-align: center; }
    .ready .button:hover {
      top: 2px;
      -webkit-box-shadow: none;
      box-shadow: none; }
  .ready .second-block .button {
    width: 410px;
    background-color: #0073be;
    -webkit-box-shadow: 0 2px 0 #00609e;
    box-shadow: 0 2px 0 #00609e; }
    .ready .second-block .button:hover {
      -webkit-box-shadow: none;
      box-shadow: none; }
  .ready .descr {
    margin: 25px auto 0;
    max-width: 231px;
    color: #575a62;
    font: 400 13px/22px "Helvetica Neue Cyr";
    text-align: center; }

@media (max-width: 991px) {
  .ready {
    padding-left: 15px;
    padding-right: 15px; }
    .ready .content {
      line-height: 20px; }
    .ready .flex-container {
      max-width: 700px;
      margin-left: auto;
      margin-right: auto; }
      .ready .flex-container > div {
        width: 350px; }
    .ready .button {
      width: 330px; }
    .ready .second-block .button {
      width: 330px; } }

@media (max-width: 767px) {
  .ready .flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .ready .flex-container > div + div {
      margin-top: 25px; } }

@media (max-width: 380px) {
  .ready .flex-container > div {
    width: 290px; }
  .ready .button {
    width: 290px;
    font-size: 10px;
    line-height: 50px; }
  .ready .second-block .button {
    width: 290px; } }

footer {
  background-color: #323438; }
  footer .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 45px;
    padding-bottom: 33px; }
  footer .logo {
    margin: 0 235px 0 0; }
  footer p {
    position: relative;
    margin: 0;
    color: #ffffff;
    font: 400 13px/1 "Helvetica Neue Cyr"; }
    footer p:before {
      content: '';
      position: absolute;
      top: -7px;
      left: -45px;
      display: block;
      width: 27px;
      height: 23px; }
    footer p a {
      color: #FFF; }
  footer .address {
    margin: 9px 210px 0 0; }
    footer .address:before {
      background-image: url(../img/icons/email-icon.png); }
  footer .email {
    margin: 9px 0 0; }
    footer .email:before {
      background-image: url(../img/icons/email-icon.png); }
  footer .site {
    margin-top: 20px; }
    footer .site:before {
      height: 22px;
      background-image: url(../img/icons/telegram-icon.png); }
  footer .phones {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 7px 110px 0 auto; }
    footer .phones:before {
      content: '';
      position: absolute;
      left: -42px;
      top: -3px;
      display: block;
      width: 27px;
      height: 23px;
      background: url(../img/icons/call-icon.png); }
    footer .phones a {
      color: #ffffff;
      font: 700 20px/20px "Helvetica Neue Cyr"; }
      footer .phones a + a {
        margin-top: 10px; }

@media (max-width: 1790px) {
  footer .container {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  footer .logo {
    margin-right: 100px; }
  footer .address {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-right: 0;
    margin-left: 45px; }
    footer .address + div {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1; }
  footer .phones {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-left: 0;
    margin-right: 0; }
  footer .btn {
    margin-left: 500px;
    margin-bottom: 25px; } }

@media (max-width: 1199px) {
  footer .btn {
    margin-left: 300px; } }

@media (max-width: 991px) {
  footer .btn {
    margin-left: 200px; } }

@media (max-width: 767px) {
  footer .logo {
    margin-right: 0; }
  footer .address {
    width: 50%;
    margin-left: 0; }
  footer p {
    padding-left: 45px; }
    footer p:before {
      left: 0; }
    footer p + div {
      width: 50%; }
  footer .btn {
    margin-left: 300px; }
  footer .phones {
    padding-left: 45px; }
    footer .phones:before {
      left: 0; } }

@media (max-width: 690px) {
  footer .btn {
    margin-left: 0; } }

@media (max-width: 600px) {
  footer .address {
    width: 100%; }
    footer .address + div {
      width: 100%;
      margin-top: 10px; }
  footer .phones {
    margin-top: 10px; } }

@media (max-width: 430px) {
  footer .logo {
    margin-bottom: 20px; }
  footer .btn {
    display: none; } }

.popup {
  position: relative;
  display: none;
  width: 350px;
  padding: 40px 20px; }
  .popup .close {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    width: 15px;
    height: 15px;
    background: url(../img/icons/close.png);
    cursor: pointer; }
  .popup form {
    width: 100%;
    margin-top: 30px; }
  .popup input {
    width: 100%;
    margin-bottom: 15px;
    padding: 10px 15px;
    font: 400 15px/1 "Helvetica Neue Cyr"; }
    .popup input:focus {
      outline: none; }
  .popup .btn {
    margin: 10px auto 0; }
  .popup p {
    margin: 20px 0 0;
    font: 400 16px/20px "Helvetica Neue Cyr";
    text-align: center; }

.fancybox-close {
  display: none; }

.thanks-btn {
  display: none; }