@media (min-width: 768px) {
  body {
    overflow-x: hidden; }
  header h1 {
    font-size: 40px;
    line-height: 44px; }
  header span.subtitle {
    font-size: 22px; }
  h5 {
    font-size: 40px;
    line-height: 44px; }
  .test {
    padding: 0 0 57px; }
    .test h5 {
      margin: 75px 0 15px; }
    .test .human {
      margin-top: 55px; }
  .footer .copy {
    float: left; }
  .footer .lofty {
    float: right; }
  .nav-trigger {
    display: none; }
  .mobiles_head {
    position: relative; }
  label[for="nav-trigger"] {
    display: none; }
  header nav.menu, .footer nav.menu {
    position: inherit;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background: none;
    height: 68px;
    border-bottom: 0px none #3a2038;
    margin: 0 0 44px;
    padding: 0;
    left: 0; }
    header nav.menu li, .footer nav.menu li {
      margin: 0 10px; }
  header .logotype, .footer .logotype {
    float: left; }
    header .logotype img, .footer .logotype img {
      width: 196px; }
  header .contacts_block, .footer .contacts_block {
    float: right;
    text-align: right;
    margin: 13px 12px 0 0;
    width: 221px; }
    header .contacts_block a, .footer .contacts_block a {
      width: 221px;
      padding: 0; }
  .footer nav.menu {
    margin: 0 0 21px; }
  /*.container-video {
    margin-left: 68px;
    margin-top: 60px; }*/
  /*.video-container {
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 30px; height: 0; overflow: hidden;
  }
   
  .video-container iframe,
  .video-container object,
  .video-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }*/
  .advantages h5 {
    margin: 75px 0 75px; }
  .advantages_one {
    margin-bottom: 20px; }
  .advantages_txt {
    padding: 52px; }
  .why_we-item {
    width: -webkit-calc(100% - 10%);
    width: -moz-calc(100% - 10%);
    width: calc(100% - 10%);
    height: 560px;
    margin: 0 auto; }
    .why_we-item-text {
      padding: 68px 62px; }
    .why_we-item li {
      -webkit-box-pack: start;
      -webkit-justify-content: start;
         -moz-box-pack: start;
          -ms-flex-pack: start;
              justify-content: start;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex; }
  .staff-item-info_text {
    margin: 132px 0 0 26px;
    width: auto;
    text-align: left; }
  .staff-item-info_photo {
    float: left;
    margin-left: 43px; }

  .about_item-text {
    width: 240px; }
  .staff {
   	padding-left: 20px;
    padding-right: 20px;
  }
  .staff h5 {
    padding: 72px 0 88px; }
  .footer .logo_blocks {
    margin-left: 28px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: inherit;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; } }

@media (min-width: 992px) {
  .container-video-block {
    margin-top: 40px;
  }
  
  .contacts .maps {
    display: block; }
  .contacts .cont {
    position: absolute;
    right: 0; }
    .contacts .cont-text {
      margin: 0; }
  .footer .logo_blocks .icon {
    margin: 0 10px; }
  header nav.menu li, .footer nav.menu li {
    margin: 0 0; }
  .why_we-item {
    margin: 0 auto; }
  .services {
    min-height: 800px; }
    .services .block_text {
      float: right;
      width: 650px;
      min-height: 450px;
      -webkit-transition: .2s;
      -o-transition: .2s;
      -moz-transition: .2s;
      transition: .2s;
      margin-top: 130px;
      margin-right: 10px;
      position: inherit;
      background: transparent;
      padding-top: 0; }
      .services .block_text .btn {
        display: none; }
    .services #data-text {
      padding: 0; }
    .services img {
      display: block;
      margin: 0 0 29px 91px; } }

@media (min-width: 1170px) {
  .steps {
    height: 1011px;
    background-image: url("../images/step_bg.png");
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 72px; }
    .steps .step {
      float: left;
      width: 33%;
      height: 830px; }
      .steps .step-item {
        width: 265px; }
        .steps .step-item-1 {
          padding: 0 0 0 12px; }
        .steps .step-item-2 {
          position: absolute;
          bottom: 0;
          right: 12px; }
        .steps .step-item-3 {
          position: absolute;
          top: 0;
          left: 19px; }
        .steps .step-item-4 {
          position: absolute;
          bottom: 22px;
          right: 7px; }
        .steps .step-item-5 {
          position: absolute;
          top: 0;
          left: 23px; }
        .steps .step-item-6 {
          position: absolute;
          bottom: 110px;
          right: 3px; }
    .steps .step_1 {
      background-image: url("../images/step_1.png");
      background-position: 0 160px; }
    .steps .step_2 {
      background-image: url("../images/step_2.png");
      background-position: 30px 160px; }
    .steps .step_3 {
      background-image: url("../images/step_3.png");
      background-position: 54px 160px;
      padding: 0; }
  .man-image {
    background: url("../images/man-image.png") no-repeat center center;
    width: 461px;
    height: 707px;
    position: absolute;
    top: 69px;
    right: -7px; }
  .footer .logo_blocks .icon {
    margin: 0 17px; } }

@media (max-width: 1169px) {
  header {
    background: url("../images/mainscreen.jpg") no-repeat center center;
    -o-background-size: cover;
     background-size: cover;
  }
  .steps {
    padding-bottom: 6px; }
    .steps .step {
      max-width: inherit; }
    .steps .step-item {
      position: relative;
      padding-left: 120px;
      width: -webkit-calc(50% - 120px);
      width: -moz-calc(50% - 120px);
      width: calc(50% - 120px);
      float: left;
      margin-bottom: 50px; }
    .steps .step-item-1 .step-item-img_mobelis {
      background: url(../images/mobile_step/01.png) no-repeat; }
    .steps .step-item-2 .step-item-img_mobelis {
      background: url(../images/mobile_step/02.png) no-repeat; }
    .steps .step-item-3 .step-item-img_mobelis {
      background: url(../images/mobile_step/03.png) no-repeat; }
    .steps .step-item-4 .step-item-img_mobelis {
      background: url(../images/mobile_step/04.png) no-repeat; }
    .steps .step-item-5 .step-item-img_mobelis {
      background: url(../images/mobile_step/05.png) no-repeat; }
    .steps .step-item-6 .step-item-img_mobelis {
      background: url(../images/mobile_step/06.png) no-repeat; }
    .steps .step-item-img_mobelis {
      position: absolute;
      display: block;
      height: 100%;
      width: 100px;
      float: left;
      left: 13px; }
    .steps .step-item-h1 span {
      padding: 0; }
  .contacts .cont {
    width: 450px;
    padding-left: 0; }
    .contacts .cont form {
      padding-left: 50px; }
  .contacts .cont-text {
    padding-left: 50px; }
  .contacts .maps {
    width: -webkit-calc(100% - 450px);
    width: -moz-calc(100% - 450px);
    width: calc(100% - 450px); } }

@media (max-width: 992px) {
  .contacts .cont {
    width: 100%;
    padding: 50px 0 0; }
    .contacts .cont form {
      margin: 20px auto 0;
      padding-left: 0; }
      .contacts .cont form strong {
        text-align: center; }
  .cases .item-img img {
    margin: 0 auto; }
  .cases .item-text {
    max-width: 458px;
    margin: 0 auto;
    float: none; }
  .about_item {
    margin-bottom: 60px; }
  .ac-container label {
    padding-left: 20px; }
  .clc-hiring {
    width: 100%; }
  div.data .test-block_item-inputs {
    width: 100%; }
  div.data .test-block_item-inputs span {
    float: left;
    width: -webkit-calc( 100% - 50px);
    width: -moz-calc( 100% - 50px);
    width: calc( 100% - 50px);
    line-height: 31px; }
  .test-block {
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
    padding: 19px 20px 50px;
    margin: 0; }
  .human:before {
    display: none; }
  .human:after {
    display: none; }
  .services {
    background: none;
    float: none; }
    .services .text-icons {
      width: 240px;
      margin: 40px auto 0;
      float: none; }
    .services .block_text {
      display: none; }
  .owl-theme .owl-nav .owl-prev, .owl-theme .owl-nav .owl-prev.disabled {
    left: 0; }
  .owl-theme .owl-nav .owl-next, .owl-theme .owl-nav .owl-next.disabled {
    right: 0; }
  .contacts {
    height: 100%; }
    .contacts .cont {
      padding: 0; }
    .contacts .cont-text {
      padding-left: 0; }
    .contacts .maps {
      width: 100%;
      float: none;
      display: block; }
  .why_we {
    min-height: auto; }
  .why_we-item {
    height: auto; } }

@media (max-width: 768px) {
  .clc-hiring {
    width: 100%; }
    .clc-hiring form {
      max-width: 300px;
      margin: 0 auto; }
  .container {
    width: inherit !important; }
  .clc-hiring {
    padding: 20px 0;
    margin: 48px auto 60px; }
    .clc-hiring h4 {
      cursor: pointer;
      padding-left: 20px; }
  .clc .btn-close-form {
    display: none; }
  .clc .container {
    padding-left: 30px;
    padding-right: 30px;
  }
  .services .block_text .table .table-cell {
    padding: 20px;
  }
  .services .block_text .table .table-cell img {
    max-width: 100%;
  }
  .services {
    padding-bottom: 40px;
  }
  .test-block_item .btn {
    margin-top: 15px;
  }
  .accordion {
    display: none; }
    .accordion .accordion-item {
      padding: 20px 15px 15px; }
    .accordion div.data {
      padding: 0 15px; }
  .clc-hiring.block {
    position: fixed;
    overflow-y: scroll;
    top: 0;
    left: 0;
    top: 0;
    margin-top: 0;
    width: 100%;
    height: 100%;
    z-index: 3000; }
    .clc-hiring.block .accordion {
      display: block;
      padding-bottom: 20px; }
    .clc-hiring.block .accordion.none {
      display: none; }
    .clc-hiring.block .btn {
      margin-bottom: 20px; }
    .clc-hiring.block .zxc {
      padding: 13px 0; }
    .clc-hiring.block div.data .test-block_item-inputs {
      width: 100%; }
  .ac-container input:checked ~ article.ac-small {
    height: 450px; }
  .test-block_form {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  .why_we {
    min-height: auto; }
    .why_we h5 {
      padding: 40px 0; }
  .why_we-item-text {
    font-size: 16px;
    padding: 32px 10px 17px;
    padding-left: 20px;
    padding-right: 23px; }
    .why_we-item-text ul {
      margin-top: 54px; }
      .why_we-item-text ul li {
        margin-bottom: 6px; }
        .why_we-item-text ul li .img {
          padding-right: 16px; }
  .staff h5 {
    padding: 33px 0 42px; }
  .staff-item {
    margin-bottom: -27px;
    margin-top: 50px; }
  .footer-item {
      text-align: center;
    }
    .staff-item-info {
      padding: 0;
    }
  .staff-item-info .clearfix {
    display: none; }
  .staff-item-info_text {
    margin: 112px 34px 15px; }
  .staff-item-info_desc {
    font-size: 14px;
    line-height: 20px;
    margin: 20px auto; }
  .staff-item-info_photo {
    margin: 0 auto; }
  .about h5 {
    margin: 26px 0 43px; }
  .about_item-img {
    margin-bottom: 17px; }
  .about_item-text {
    padding: 0 28px;
    width: 260px;
    margin: 0 auto; }
    .about_item-text strong {
      font-size: 16px;
      margin-bottom: 11px; }
    .about_item-text p {
      font-size: 14px;
      padding: 0;
      line-height: 20px;
      display: block; }
  .steps .step_2 {
    margin-bottom: 47px; }
  .steps .step-item {
    float: none;
    width: -webkit-calc(100% - 120px);
    width: -moz-calc(100% - 120px);
    width: calc(100% - 120px);
    margin-bottom: 31px; }
    .steps .step-item-h1 {
      padding-top: 7px;
      margin-bottom: 21px; }
      .steps .step-item-h1 span {
        display: block;
        padding: 11px 13px 0 26px !important;
        padding-top: 0 !important;
    	margin-left: 5px !important; }
  .steps h5 {
    padding: 55px 0 29px; }
  .steps .step span {
    font-size: 14px;
    padding: 0 24px 0 0;
    min-width: 160px;
    line-height: 20px; }
    .steps .step span br {
      display: none; }
  .steps .step strong {
    float: left; }
  header {
    padding: 0 0 50px 0; }
    header .container-form-block {
      padding: 0; }
      header .container-form-block form {
        margin: 8px auto; }
        header .container-form-block form .btn {
          margin-top: 5px; }
    header span.subtitle {
      line-height: 1.4;
      padding-bottom: 23px;
      padding-left: 20px;
      padding-right: 20px; }
    header .container-video {
      padding: 15px;
      margin: 10px auto;
    }
    header .video-container {
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 30px; height: 0; overflow: hidden; }   
    header .video-container iframe,
    header .video-container object,
    header .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    header .container-video {
      max-width: 100%;

    }
    header .container-video iframe {
      min-height: 0;
    }
    header .container-video-block {
      padding: 20px;
      margin: 0 -15px; }
    /*header .container-video iframe {
      min-height: 150px; }*/
    header .container-form {
      margin-top: 32px;
      font-size: 16px;
      line-height: 1.4; }
    header .logotype {
      position: relative;
      margin: 0;
      top: -6px;
      left: 3px; }
    header h1 {
      line-height: 36px;
      margin: 17px 0 9px; }
  .test h5 {
    margin: 33px 0 21px; }
  .test h6 {
    font-size: 16px; }
  .test .open-test {
    width: 175px;
    margin: 20px auto; }
  .advantages {
    padding: 0 0 65px; }
    .advantages h5 {
      margin: 41px 0 11px; }
    .advantages_one {
      margin: 40px 0 0; }
    .advantages_block {
      margin: 0 0 65px; }
      .advantages_block-text {
        font-size: 19px; }
      .advantages_block br {
        display: none; }
    .advantages_txt {
      margin: -6px 0;
      padding: 10px 0 35px; }
      .advantages_txt div {
        padding: 0; }
      .advantages_txt span {
        font-size: 16px; }
      .advantages_txt .col-sm-12 .row {
        margin: 0; }
        .advantages_txt .col-sm-12 .row p {
          line-height: 1.5; }
  .order {
    min-height: 412px; }
    .order .subtitle {
      font-size: 16px;
      line-height: 1.5; }
    .order .col-sm-12 {
      padding: 0; }
    .order .container-form {
      margin: 35px auto 0; }
  .services h5 {
    margin: 30px 0 0; }
  .services .text-icons .text-icon {
    margin-bottom: 24px; }
  .faststart {
    padding-bottom: 30px; }
    .faststart h5 {
      margin: 71px 0 22px; }
    .faststart-block {
      width: auto; }
    .faststart-img {
      text-align: center;
      width: 100%;
      float: none;
      margin-bottom: 25px; }
      .faststart-img img {
        margin: 0 auto; }
    .faststart-text {
      margin: 0;
      width: -webkit-calc(100% - 30px);
      width: -moz-calc(100% - 30px);
      width: calc(100% - 30px);
      padding: 0 17px;
      float: none; }
  .cases {
    padding-bottom: 52px; }
    .cases h5 {
      margin: 37px 0 23px; }
    .cases .item-title {
      font-size: 16px;
      padding: 0 15px;
      margin: 0 0 24px; }
    .cases .item-text {
      width: initial;
      padding: 26px 16px 0;
      letter-spacing: -0.06em; }
    .cases .owl-carousels {
      margin: 0 -15px; }
    .cases .owl-theme .owl-nav .owl-prev, .cases .owl-theme .owl-nav .owl-prev.disabled {
      left: 10px; }
    .cases .owl-theme .owl-nav .owl-next, .cases .owl-theme .owl-nav .owl-next.disabled {
      right: 10px; }
    .cases .owl-theme .owl-nav div {
      top: 148px; }
    .cases .owl-theme .owl-dots {
      display: none; }
  .test-block_shkala.test-block_item .asdasd .test-block_item-inputs {
    width: 100%; }
  .btn-step {
    display: block; }
  .layer_mobiles {
    width: 100%;
    position: fixed;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 50;
    display: none; }
  .btn-close-form {
    display: block;
    position: absolute;
    right: 30px;
    top: 15px;
    cursor: pointer;
    z-index: 4444; }
  .test-block .department .test-block_item-inputs {
    width: 100%; }
  .test-block {
    padding: 0 20px;
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 1000; }
  .test-block_item {
    overflow-y: scroll; }
  .test-block_item-inputs .radio:not(checked) {
    height: 33px; }
  .test-block_item .form-step {
    position: relative;
    right: 15px; }
  .test-block_item p {
    margin-bottom: 15px; }
  .test-block_item-inputs {
    width: 100%;
    text-align: left;
    margin: 10px 0; }
  .test-block_item-inputs_radio {
    float: left;
    top: 0;
    margin-right: 10px; }
  hr {
    display: none; }
  .test-block_item {
    display: none;
    height: 100%; }
    .test-block_item .table-cell {
      display: table-cell;
      padding: 0 15px;
      vertical-align: middle; }
  header .container-form form {
    width: 100%; }
  .owl-theme .owl-nav .owl-prev, .owl-theme .owl-nav .owl-prev.disabled {
    left: 0; }
  .owl-theme .owl-nav .owl-next, .owl-theme .owl-nav .owl-next.disabled {
    right: 0; }
  .clients {
    padding: 0 0 17px; }
    .clients h5 {
      margin: 31px 0 19px; }
    .clients ul {
      display: block;
      text-align: center;
      padding: 0; }
      .clients ul li {
        margin: 21px 0 39px;
        display: block;
        width: 50%;
        float: left; }
  .footer .copy {
    margin: 10px 0; }
  .footer .lofty {
    margin: 10px 0 25px; }
  .footer .logo_blocks .icon {
    margin: 5px 15px; }
  .cont-text {
    padding-top: 20px; }
  .contacts .cont {
    height: auto;
    padding: 20px;
    padding-left: 0;
    padding-right: 0;}
  .contacts .cont-text form {
    padding-bottom: 40px; }
    .contacts .cont-text form button {
      margin: 40px auto 0; } }

@media (max-width: 767px) {
  .staff-item-info_text {
    margin: 20px 0; }
  .staff-item-info_desc {
    margin: 0 auto; } 
  .box-modal {
      position: relative;
      /* min-width: 500px; */
      max-width: 100%;
      width: auto;
    }
  }

@media (max-width: 520px) {
  .block_text {
    overflow-y: scroll;
    overflow-x: hidden; }
  .steps .container {
    padding: 0; } }

@media (max-width: 400px) {
  .clients ul li {
    width: 100%; } }

@media (max-height: 700px) and (max-width: 768px) {
  .test-block {
    overflow-y: scroll; } }