@font-face {
    font-family: 'intro_regular';
    src: url('https://www.cntiprogress.ru/content/fonts/intro.eot');
    src: url('https://www.cntiprogress.ru/content/fonts/intro.eot?#iefix') format('embedded-opentype'),
    url('https://www.cntiprogress.ru/content/fonts/intro.woff2') format('woff2'),
    url('https://www.cntiprogress.ru/content/fonts/intro.woff') format('woff'),
    url('https://www.cntiprogress.ru/content/fonts/intro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  @media (min-width: 320px) and (max-width: 767px){
  
  .header_zvonok{display:none !important;}
  
  }
  
  /*header*/
  .list_city li {
      display: inline !important;
  }
  #header-hidden-link {
      position: inherit !important;
      right: 0 !important;
      top: 0 !important;
  }
  #header-hidden-link a.show-hide, #header-hidden-link a.top-link {
      background: transparent !important;
  }
  #navigation .header {
      padding: 0px 0 15px 0 !important;
      border-top: 0px solid rgb(136, 136, 136) !important;
  }
  header {
      background: transparent !important;
  }
  #search_box > input, form.search_field > input{border-radius: 0px;}
  @media (min-width: 320px) and (max-width: 768px){
      .zakaz_zvonka{display: none !important;}
      .nav_box_icons > a{display: none !important;}
      .mobile_blue_box{
        display: block !important;
        margin-left: -4px !important;
        margin-right: 4px !important;}
        .oferta p{
          padding-left: 3px;
          padding-right: 30px;
      }
  }
  @media (min-width: 768px){
      .mobile_blue_box{display: none !important;}
  }
  @media screen and (min-width: 1199px) {
      .panel_entry_city:before {
  /*        content: '';
          position: absolute;
          right: 0;
          top: 0px;
          border-bottom: 38px solid white;
          border-left: 21px solid #ececec;*/
      }
      .sp_main{
          margin-bottom: 50px;
      }
  }
  .entry_personal{
      font-family: 'Roboto Condensed', sans-serif !important;
      font-size: 14px !important;
      line-height: 20px !important;
  }
  .entry_personal a, .entry_personal span{
      color: #616161;
  
  }
  .list_city li{
     color: #616161;
     font-family: 'Roboto Condensed', sans-serif;
     font-size: 14px;
     line-height: 20px; 
     padding-right: 10px;
  }
  
  @media (max-width: 1200px) {
      .block_icons {
          padding-left: 5px !important;
          padding-top: 5px !important;
          clear: both !important;
          margin-left: 25px !important;
      }
  }
  @media (min-width: 769px) and (max-width: 800px) {
      .zakaz_zvonka {
          margin-top: 77px !important;
          margin-left: 29px !important;
      }
  }
  @media (width: 768px) {
      .zakaz_zvonka {
          margin-top: 77px !important;
          margin-left: 30px !important;
      }
  }
  @media (min-width: 801px) and (max-width: 850px) {
      .zakaz_zvonka {
          margin-top: 77px !important;
          margin-left: 30px !important;
      }
  }
  @media (min-width: 851px) and (max-width: 890px) {
      .zakaz_zvonka {
          margin-top: 77px !important;
          margin-left: 30px !important;
      }
  }
  @media (min-width: 891px) and (max-width: 940px) {
      .zakaz_zvonka {
          margin-top: 77px !important;
          margin-left: 30px !important;
      }
  }
  @media (min-width: 941px) and (max-width: 985px) {
      .zakaz_zvonka {
          margin-top: 77px !important;
          margin-left: 30px !important;
      }
  }
  @media (min-width: 985px) and (max-width: 991px) {
      .zakaz_zvonka {
          margin-top: 77px !important;
          margin-left: 30px !important;
      }
  }
  @media (min-width: 992px) and (max-width: 940px) {
      .zakaz_zvonka {
          margin-top: 77px !important;
          margin-left: 30px !important;
      }
  }
  #navigation .header-hidden {
      background: #ececec !important;
  }
  #search > input, form.search > input {
      width: 98% !important;
  }
  .zvonok:hover, .openPopup_write:hover {
      color: #ef9a49 !important;
  }
  .zvonok:hover:before{
      background: url(https://img.cntiprogress.ru/image/1_cnti/callme_header_orange-01.svg) !important;
      background-repeat: no-repeat;
      width: 15px;
      margin-right: 9px;
  }
  .openPopup_write:hover:before{
      background: url(https://img.cntiprogress.ru/image/1_cnti/emailto_header_orange-01.svg) !important;
  }
  .block_icons a:hover{
   color: #6195bb !important;
   text-decoration: underline !important;
  }
  .block_icons{
     margin-top: 12px;
     text-align: right;
     margin-left: 0px;
     margin-right: 0px;
     padding-left: 13px; 
  }
  .openPopup_write{
      color: #333333;
      text-decoration: none;
  }
  .openPopup_write:before {
      content: '';
      background: url(https://img.cntiprogress.ru/image/1_cnti/emailto_header_grey-01.svg);
      background-repeat: no-repeat;
      width: 16px;
      margin-right: 8px;
      height: 16px;
      display: inline-block;
      vertical-align: sub;
  }
  .zvonok:before {
      content: '';
      background: url(https://img.cntiprogress.ru/image/1_cnti/callme_header_grey-01.svg);
      background-repeat: no-repeat;
      width: 16px;
      margin-right: 8px;
      height: 15px;
      display: inline-block;
  }
  .header-hidden h3 {
      color: #616161 !important;
  }
  .form-control1 {
      display: block!important;
      width: 100%!important;
      max-width: 220px!important;
      height: 32px!important;
      color: #bababa !important;
      line-height: 26px!important;
      padding: 0 5%!important;
      font-size: 12px!important;
      border-radius: 0px!important;
      border: 1px solid #616161!important;
  }
  input#login-issave[type="checkbox"] + span {
      position: absolute!important;
      left: 0;
      top: 0!important;
      width: 100%;
      height: 100%!important;
      background: url(https://img.cntiprogress.ru/file/ivksenia/galka_passw1_2.png) no-repeat!important;
      background-position: -25px 0!important;
      cursor: pointer!important;
  }
  input#login-issave[type="checkbox"]:checked + span {
      background-position: 0px 0!important;
  }
  .show-hide.open .entry_personal:before {
      background: url(https://img.cntiprogress.ru/file/ivksenia/key_open.png)!important;
  }
  
  @media (width: 768px) {
      .nav_boxes {
          margin-top: 0px !important;
          margin-left: -27px !important;
      }
  }
  @media (min-width: 769px) and (max-width: 991px) {
      .nav_box_icons {
          margin-left: 65px !important;
      }
  }
  .navbar-btn-wrap.open, .navbar-btn-wrap:hover {
      background: none repeat scroll 0 0 transparent !important;
  }
  .navbar-btn-wrap {
      background-color: transparent !important;
  }
  .navbar-btn {
      text-decoration: none !important;
  }
  .navbar-collapse { background-color: transparent !important;}
  .navbar {
    width: inherit !important;
  }
  @media (min-width: 320px) and (max-width: 768px){
    .nav_grey_line{margin-left: -9px !important;}
  }
  @media (min-width: 550px) and (max-width: 992px){
    .grey_line_only{
      width: 800px !important;
      margin-left: 12px !important;
  }
  }
  @media (min-width: 363px) and (max-width: 415px){
    .nav_grey_line  {box-sizing: initial !important; }
  }
  @media (min-width: 416px) and (max-width: 417px){
    .nav_grey_line  {box-sizing: inherit !important;
     width: 330px !important;
  }
  }
  @media (min-width: 417px) and (max-width: 465px){
      .nav_grey_line  {box-sizing: content-box !important;
       width: 70% !important;
   }
  }
  @media (min-width: 466px) and (max-width: 500px){
    .nav_grey_line  {box-sizing: content-box !important;
     width: 73% !important;
  }
  }
  @media (min-width: 501px) and (max-width: 545px){
    .nav_grey_line  {box-sizing: content-box !important;
     width: 74% !important;
  }
  }
  @media (min-width: 546px) and (max-width: 605px){
    .nav_grey_line  {box-sizing: content-box !important;
     width: 77% !important;
  }
  }
  @media (min-width: 606px) and (max-width: 669px){
    .nav_grey_line  {box-sizing: content-box !important;
     width: 79% !important;
  }
  }
  @media (min-width: 670px) and (max-width: 749px){
    .nav_grey_line  {box-sizing: content-box !important;
     width: 81% !important;
  }
  }
  @media (min-width: 750px) and (max-width: 768px){
    .nav_grey_line  {box-sizing: content-box !important;
     width: 83% !important;
  }
  }
  @media (width: 768px) {
    .nav_grey_line {
      box-sizing: content-box !important;
      width: 34% !important;
      margin-left: -8px !important;
  }
  }
  @media (width: 992px){
    .navbar {width: inherit !important;}
  }
  @media (min-width: 992px) and (max-width: 1010px){
    .nav_grey_line  {
      min-width: inherit !important;
      width: 25% !important;
  }
  }
  @media (min-width: 1011px) and (max-width: 1199px){
    .nav_grey_line  {
      min-width: inherit !important;
      width: 26% !important;
  }
  }
  @media (width: 768px){
    .block_icons  {
      margin-top: -121px !important;
  }
  }
  @media (min-width: 769px) and (max-width: 990px){
    .block_icons  {
      margin-top: -122px !important;
      margin-left: 0px !important;
  }
  }
  
  @media (width: 991px){
    .block_icons  {
      margin-top: -122px !important;
  }
  }
  @media (min-width: 768px) and (max-width: 992px){
   #header-hidden-link{
      display: flex; 
  }
  }
  
  @media (width: 768px){
    #header-hidden-link {margin-top: 109px;     display: block;    margin-right: -30px !important;}}
    @media (width: 768px){
      .nav_boxes img:first-child {
        margin: 0 4px !important;
        margin-left: -12px !important;
    }
  }
  
  @media (min-width: 320px) and (max-width: 991px) {
      .addnav{
          margin-top: -15px !important;
          margin-bottom: 28px !important;
      }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
      .addnav{
         margin-top: 25px !important;
         margin-bottom: 28px !important;
     }
     .addnav ul li a {
      padding-bottom: 6px;
  }
  }
  @media (min-width: 1200px) {
      #search_box, form.search_field {
          width: 307px !important;
      }
  }
  
  #search_box, form.search_field {
      position: relative;
      float: right;
      display: inline-block;
      margin: -37px 8px 0px 0;
      z-index: 5000;
      background: #ffffff;
  }
  
  #search_box > input, form.search_field > input {
      width: 90%;
      position: relative;
      line-height: 20px;
      height: 36px;
      vertical-align: middle;
      border: 0px;
      border-bottom: 1px solid #ffffff;
      margin-left: -41px;
      margin-top: -3px;
      color: #888888;
      background: #ffffff;
      font-size: 14px;
      outline: none;
      padding-left: 19px;
      letter-spacing: 0.2px;
      overflow: hidden;
      font-family: 'Roboto Condensed', sans-serif;
      behavior: url(../js/PIE.htc);
  }
  
  #search_box > a, form.search_field > a {
      position: absolute;
      z-index: 10;
      top: -7px;
      color: #ffffff;
      right: -6px;
      height: 44px;
      font-size: 16px;
      font-family: 'Roboto Condensed', sans-serif;
      width: 145px;
      padding-right: 25px;
      padding-top: 12px;
      overflow: hidden;
      /*  background: url(https://img.cntiprogress.ru/image/1_cnti/nh-search-white.svg) center top no-repeat;*/
      background-color: #ffffff;
      background-repeat: no-repeat;
      background-size: cover;
      background-image: url(https://img.cntiprogress.ru/file/ivksenia/button_search.png);
  }
  #search_box > a:hover{
      text-decoration: none;
      /*   background: url(https://img.cntiprogress.ru/image/1_cnti/nh-search-orange.svg) center top no-repeat !important; */  
  }
  .bgColapsSea_search {
      min-height: 44px;
      background: #ec9136;
      width: 109.5%;
      margin-left: 108px;
      display: block !important;
  }
  
  .nav_box_icons {
      margin-left: 55px !important;
  
  }
  
  #search_box > input:focus, form.search_field > input:focus {
      border-bottom: 1px solid #ffffff;
      -webkit-box-shadow: 0 0 0;
      outline: 0;
      -moz-box-shadow: 0 0 0;
      box-shadow: 0 0 0;
      color: #888888;
      behavior: url(../js/PIE.htc);
  }
  
  #search_box, form.search_field {
      margin: 7px 0px 0px 7px !important;
      float: left;
      width: 96.3% !important;
  }
  .navbar-btn-wrap img{
      margin-left: 73px !important;
      margin-top: -30px !important;
  }
  .nav_boxes {
      margin-left: -49px !important;
  }
  @media (min-width: 320px) and (max-width: 345px) {
      .bgColapsSea_search {
          width: 100% !important;
      }
  }
  @media (min-width: 320px) and (max-width: 374px) {
      #search_box > a, form.search_field > a{
        width: 70px !important;
        padding-right: 4px !important;
    }
    #search_box > input, form.search_field > input{
        width: 94% !important;
        margin-left: -19px !important;
    }
  }
  @media (min-width: 375px) and (max-width: 415px) {
      #search_box > input, form.search_field > input{
        width: 94% !important;
        margin-left: -21px !important;
    }
    #search_box > a, form.search_field > a{ 
      right: -8px !important;
      width: 76px !important;
      padding-right: 1px !important;
  }
  }
  
  @media (min-width: 416px) and (max-width: 767px) {
      #search_box > input, form.search_field > input{
        width: 94% !important;
        margin-left: -21px !important;
    }
    #search_box > a, form.search_field > a{ 
      right: -8px !important;
      width: 93px !important;
      padding-right: 9px !important;
  
  }
  }
  @media (min-width: 614px) and (max-width: 767px) {
     #search_box > a, form.search_field > a{  padding-left: 9px;}
  }
  @media (min-width: 364px) and (max-width: 410px) {
      #search_box, form.search_field {
          width: 85% !important;
      }
  }
  
  @media (min-width: 411px) and (max-width: 700px) {
      #search_box, form.search_field {
          width: 82% !important;
      }
  }
  
  @media (min-width: 701px) and (max-width: 767px) {
      #search_box, form.search_field {
          width: 80% !important;
      }
  }
  
  @media (width: 768px) {
      .block_icons {
          padding-left: 0 !important;
          margin-left: 18px !important;
      }
  
      .entry_personal {
          margin-top: -10px;
      }
  }
  
  @media (width: 768px) {
      .bgColapsSea_search {
          width: 115% !important;
          margin-left: 94px !important;
      }
  }
  
  @media (min-width: 769px) and (max-width: 991px) {
      .bgColapsSea_search {
          width: 93% !important;
      }
  
      #search_box, form.search_field {
          width: 95% !important;
      }
  }
  
  @media (min-width: 992px) and (max-width: 1200px) {
      .dropdown-toggle.dt-contacts {
          padding-right: 25px !important;
      }
  }
  
  @media (min-width: 320px) and (max-width: 363px) {
      #search_box, form.search_field {
          width: 77% !important;
      }
  
      .bgColapsSea_search {
          margin-left: 102px !important;
      }
  }
  
  @media (min-width: 364px) and (max-width: 410px) {
      .bgColapsSea_search {
          width: 93% !important;
          margin-left: 102px !important;
      }
  }
  
  @media (min-width: 411px) and (max-width: 500px) {
      .bgColapsSea_search {
          width: 105% !important;
          margin-left: 102px !important;
      }
  }
  
  @media (min-width: 501px) and (max-width: 550px) {
      .bgColapsSea_search {
          width: 107% !important;
          margin-left: 102px !important;
      }
  }
  
  @media (min-width: 551px) and (max-width: 650px) {
      .bgColapsSea_search {
          width: 108% !important;
          margin-left: 102px !important;
      }
  }
  
  @media (min-width: 651px) and (max-width: 700px) {
      .bgColapsSea_search {
          width: 111% !important;
          margin-left: 102px !important;
      }
      #search_box > a, form.search_field > a{
          right: 0px !important;
          padding-right: 0px !important;
          width: 90px !important;
      }
  }
  @media (width: 768px) {
      .nav_box_icons {
          margin-left: 56px !important;
      }
  }
  @media (min-width: 701px) and (max-width: 767px) {
      .bgColapsSea_search {
          width: 112% !important;
          margin-left: 102px !important;
      }
      #search_box > a, form.search_field > a{
        right: 0px !important;
        padding-right: 0px !important;
        width: 90px !important;
    }
  }
  
  
  @media (width: 1200px) {
      .bgColapsSea_search {
          width: 139% !important;
      }
  
      #search_box, form.search_field {
          width: 97% !important;
      }
  
      .nav_boxes {
          margin-left: -146px !important;
      }
  }
  
  @media (width: 768px) {
      #search_box, form.search_field {
          width: 83% !important;
      }
  }
  
  @media (min-width: 993px) and (max-width: 1199px) {
      .nav_boxes {
          margin-left: -147px !important;
      }
  
      .bgColapsSea_search {
          width: 98% !important;
      }
  
      #search_box, form.search_field {
          width: 94% !important;
      }
  }
  @media (max-width: 991px) and (min-width: 240px){
      .navbar-nav {
          width: 102.5% !important;
          margin-top: -1px !important;
      }
  }
  @media (min-width: 991px) and (max-width: 1199px) {
      #search_box > input, form.search_field > input {
          width: 94% !important;
      }
      #search_box > a, form.search_field > a{
          right: 8px !important;
      }
  }
  @media (min-width: 1201px) {
      #search_box, form.search_field {
          width: 97.3% !important;
      }
  }
  @media (width: 1200px) {
     .nav_box_icons {
       margin-left: 68px !important;
   }
  }
  @media (width: 992px) {
      .nav_boxes {
          margin-left: 546px !important;
      }
  }
  
  @media (width: 992px) {
      .bgColapsSea_search {
          width: 113% !important;
      }
  
      #search_box, form.search_field {
          width: 82% !important;
      }
  }
  .navbar-collapse {
      background-color: transparent !important;
  }
  .navbar {
      width: 692px !important;
  }
  @media (min-width: 320px) and (max-width: 767px) {
      .nav_grey_line {
          margin-left: -9px !important;
      }
  }
  @media (min-width: 550px) and (max-width: 992px) {
      .grey_line_only {
          width: 800px !important;
          margin-left: 12px !important;
      }
  }
  @media (min-width: 768px) and (max-width: 992px) {
      .navbar {
          width: 45% !important;
      }
  }
  @media (min-width: 363px) and (max-width: 415px) {
      .nav_grey_line {
          box-sizing: initial !important;
      }
  }
  @media (min-width: 416px) and (max-width: 417px) {
      .nav_grey_line {
          box-sizing: inherit !important;
          width: 330px !important;
      }
  }
  @media (min-width: 417px) and (max-width: 465px) {
      .nav_grey_line {
          box-sizing: content-box !important;
          width: 70% !important;
      }
  }
  @media (min-width: 466px) and (max-width: 500px) {
      .nav_grey_line {
          box-sizing: content-box !important;
          width: 73% !important;
      }
  }
  @media (min-width: 501px) and (max-width: 545px) {
      .nav_grey_line {
          box-sizing: content-box !important;
          width: 74% !important;
      }
  }
  @media (min-width: 546px) and (max-width: 605px) {
      .nav_grey_line {
          box-sizing: content-box !important;
          width: 77% !important;
      }
  }
  @media (min-width: 606px) and (max-width: 669px) {
      .nav_grey_line {
          box-sizing: content-box !important;
          width: 79% !important;
      }
  }
  @media (min-width: 670px) and (max-width: 749px) {
      .nav_grey_line {
          box-sizing: content-box !important;
          width: 81% !important;
      }
  }
  @media (min-width: 750px) and (max-width: 768px) {
      .nav_grey_line {
          box-sizing: content-box !important;
          width: 83% !important;
      }
  }
  @media (width: 768px) {
      .nav_grey_line {
          box-sizing: content-box !important;
          width: 34% !important;
          margin-left: -8px !important;
      }
  }
  @media (min-width: 992px) and (max-width: 1010px) {
      .nav_grey_line {
          min-width: inherit !important;
          width: 25% !important;
      }
  }
  @media (min-width: 1011px) and (max-width: 1199px) {
      .nav_grey_line {
          min-width: inherit !important;
          width: 26% !important;
      }
  }
  @media (width: 768px) {
      .block_icons {
          margin-top: -121px !important;
      }
  }
  @media (min-width: 769px) and (max-width: 992px) {
      .block_icons {
        margin-top: -107px !important;
        margin-left: 77px !important;
    }
  }
  @media (min-width: 769px) and (max-width: 992px) {
      #header-hidden-link {
          display: block;
      }
  }
  
  @media (min-width: 320px) and (max-width: 768px) {
      .city_icon_mobile {
          padding-left: 50px !important;
          padding-right: 0 !important;
      }
      .entry_personal{  
          padding-left: 10px !important;
      }
      .phone_numbers{padding-left: 7px !important;}
  }
  @media (width: 768px) {
      #header-hidden-link {
          margin-top: 109px;
          display: block;
          margin-right: -30px !important;
      }
  }
  @media (width: 768px) {
      .nav_boxes img:first-child {
          margin: 0 4px !important;
          margin-left: -12px !important;
      }
  }
  @media (min-width: 484px) and (max-width: 567px) {
      #search_box > input, form.search_field > input{
          margin-left: -26px !important;
      }
  }
  @media (min-width: 568px) and (max-width: 650px) {
      #search_box > input, form.search_field > input{
          margin-left: -31px !important;
      }
  }
  @media (min-width: 651px) and (max-width: 759px) {
      #search_box > input, form.search_field > input{
          margin-left: -37px !important;
      }
  }
  @media (min-width: 760px) and (max-width: 767px) {
      #search_box > input, form.search_field > input{
          margin-left: -43px !important;
      }
  }
  @media (width: 768px){
      #search_box > input, form.search_field > input{
          margin-left: -35px !important;
      }
      #search_box > a, form.search_field > a{
          right: -2px !important;
      }
  }
  
  @media (min-width: 769px) and (max-width: 990px) {
      #search_box > input, form.search_field > input{
          margin-left: -33px !important;
      }
      #search_box > a, form.search_field > a{
         right: -8px !important;
     }
  }
  @media (width: 991px){
      #search_box > input, form.search_field > input{
          margin-left: -20px !important;
      }
      #search_box > a, form.search_field > a{
          right: -9px !important;
      }
  }
  @media (width: 992px) {
      #search_box > input, form.search_field > input{
          margin-left: -20px !important;
      }
      #search_box > a, form.search_field > a{
        right: -47px !important;
        background-size: 64% 100%;
        padding-right: 65px !important;
    }
  }
  @media (min-width: 768px) and (max-width: 1199px) {
      .addnav ul li {
          background: none !important;
          display: inline-block !important;
          margin-right: 51px !important;
      }
      .addnav ul {
          margin-bottom: -21px !important;
          margin-left: -12px !important;
      }
  }
  
  @media (min-width: 993px) and (max-width: 1199px) {
      #search_box > input, form.search_field > input{
          margin-left: -20px !important;
      }
      #search_box > a, form.search_field > a{
          right: -60px !important;
          background-size: 64% 100%;
          padding-right: 65px !important;
      }
  }
  @media (width: 768px){
    a.navbar-btn{    width: 97% !important;}
    .box_orang_searc{    margin-left: 2px !important; }
  }
  @media (min-width: 769px) and (max-width: 991px ){
    .nav_boxes{    margin-left: -40px !important;}
    #search_box, form.search_field {
      width: 95% !important;
      }}
      @media (width: 992px){
        .navbar {
          width: 63% !important;
      }
      .nav_boxes{
        margin-left: -52px !important;
    }
    #search_box, form.search_field {
      width: 84.3% !important;
  }
  }
  @media (min-width: 993px) and (max-width: 1199px ) {
      .nav_box_icons {
          margin-left: 68px !important;
      }
  }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
   a.dropdown-toggle.dt-contacts{padding-right: 108px !important;}
  }
  
  /*слайдер*/
  .addnav ul li{
      background: none !important;
  }
  .addnav ul li a{
     color: #616161 !important;
     font-family: 'Roboto Condensed', sans-serif !important; 
     font-size: 16px !important; 
     line-height: 20px !important; 
     text-transform: inherit !important; 
  }
  .addnav ul li a:hover{
      color:#6195bb !important;
      text-decoration: underline;
      -webkit-transition: none !important;
      -moz-transition: none !important;
      -o-transition: none !important;
      transition: none !important;
  }
  .addnav ul{
      padding-top: 15px !important;
  }
  
  .flexslider {
      margin: 0px !important;}
      .flex-control-nav {
          width: 100%;
          position: absolute;
          bottom: 20px !important;
          z-index: 9999 !important;
          left: 23px !important;
          text-align: center;
      }
      .button_read_more {       
         color: #3a80a4;
         font-family: 'Roboto Condensed', sans-serif;
         font-size: 14px;
         line-height: 20px;
         font-weight: bold;
         padding: 0px 27px;
         display:inline-block;
         height: 36px;
         width: auto;
         transition: background .4s linear;
         text-decoration: none;
         text-transform: uppercase;
     }
     .button_read_more:hover,.button_read_more:focus {
      color: #ed8f35 !important;
      text-decoration: none;
  }
  .button_read_more:active {
    position:relative;
    top:1px;
  }
  .flex-control-paging li a.flex-active, .flex-control-paging li a:hover {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    background-color: #6195bb !important;
    border-radius: 0px !important;
  }
  .flex-control-paging li a {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    background: #ffffff !important;
    border: 2px solid #6195bb !important;
    border-radius: 0px !important;
  }
  .flex-direction-nav .flex-prev {
      width: 64px !important;
      height: 37px !important;
      opacity: 1 !important;
      color: transparent !important;
  }
  .flex-direction-nav .flex-next {
      width: 136px !important;
      height: 37px !important;
      opacity: 1 !important;
      color: transparent !important;
  }
  .flex-direction-nav a:before {
      content: "";
      background-image: url(https://img.cntiprogress.ru/image/1_cnti/nh-arrow-left-carousel.svg) !important;
      width: 64px !important;
      height: 37px !important;
      background-position: 1px -1px !important;
  }
  
  .flex-direction-nav a.flex-next:before {
      content: "";
      background: url(https://img.cntiprogress.ru/image/1_cnti/mega-arrow-blue.svg) !important;
      background-repeat: no-repeat !important;
      background-position: 0px 0px !important;
      width: 136px !important;
      height: 37px !important;
  }
  .content_slider{
   background: url(https://img.cntiprogress.ru/file/ivksenia/backgr_pic_slider33.png);
   background-repeat: repeat;
   position: absolute;
   max-width: 639px;
   height: 287px;
   display: block;
   padding: 7% 14% 0 21%;
   top: 0px;
   /* left: 209px; */
   right: 7px;
  }
  .header_seminar{
    color: #000000; 
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    line-height: 34px;
    width: 373px;
  }
  
  .flex-direction-nav .flex-prev {
    left: 65% !important;
    top: 87% !important;
  }
  .flex-direction-nav .flex-next {
      right: 8% !important;
      top: 86.6% !important;
  }
  
  .boxBlock{margin-top: -13px; padding-bottom: 4px;}
  .content_slider{right: 1px;}
  .header_seminar{margin-left: 35px !important;}
  .button_read_more_contain{margin-left: 10px !important;}
  ol.flex-control-nav{display: none;}
  
  @media (min-width: 320px) and (max-width: 655px){
    .flex-control-nav{
      display: none !important;
  }
  }
  
  @media (min-width: 320px) and (max-width: 655px){
    .flex-direction-nav .flex-prev { left: 17px !important;}
    .flex-direction-nav .flex-next {right: 1px !important;}
    .header_seminar{
      font-size: 20px;
      line-height: 24px;
      width: 266px;
  }
  .button_read_more{
      padding-left: 31px !important;
  }
  .content_slider {
      padding: 25% 7% 0 62%;
      right: 0;
  }
  .button_read_more_contain{
      font-size: 16px !important;
      margin-left: 5px !important;
  }
  .flex-direction-nav a:before {
      background-image: url(https://img.cntiprogress.ru/image/1_cnti/nh-arrow-left-carousel.svg) !important;
      width: 64px !important;
      height: 37px !important;
      background-position: -1px 0 !important;
  }
  .flex-direction-nav a:hover:before,
  .flex-direction-nav a.flex-next:hover:before {
    content: "";
    background-image: url(https://img.cntiprogress.ru/file/ivksenia/arrow_both_hover.png) !important;
  }
  .flex-direction-nav a:hover:before, .flex-direction-nav a.flex-next:hover:before {
      content: "";
      background-image: url(https://img.cntiprogress.ru/file/ivksenia/arrow_both_hover_mobile.png) !important;
  }
  }
  @media (min-width: 656px) and (max-width: 991px){
      .flex-direction-nav .flex-prev{
          left: 59% !important;
      }
  }
  @media (min-width: 991px) and (max-width: 1199px){
      .flex-direction-nav .flex-prev{
          left: 59% !important;
      }
  }
  @media (min-width: 344px) and (max-width: 395px){
    .content_slider {
      padding: 25% 10% 0 57% !important; }
  }
  @media (min-width: 396px) and (max-width: 450px){
      .content_slider {
        padding: 24% 19% 0 48% !important;}
    }
    @media (min-width: 451px) and (max-width: 500px){
        .content_slider {
         padding: 14% 15% 0 35% !important;}
         .header_seminar {
          width: 320px !important;}
      }
      @media (min-width: 501px) and (max-width: 560px){
          .content_slider {
            padding: 21% 18% 0 33% !important;}
            .header_seminar {
              width: 320px !important;
          }
      }
      @media (min-width: 561px) and (max-width: 600px){
          .content_slider {
            padding: 12% 21% 0 30% !important;}
            .header_seminar {
              width: 320px !important;
          }
      }
  
      @media (min-width: 601px) and (max-width: 655px){
          .content_slider {
           padding: 10% 23% 0 28% !important;}
           .header_seminar {
            width: 320px !important;
        }
    }
    @media (min-width: 656px) and (max-width: 690px){
       .content_slider { padding: 9% 21% 0 24% !important;}
  
   }
   @media (min-width: 691px) and (max-width: 750px){
       .content_slider {     padding: 8.5% 32% 0 20% !important; }
  
   }
   @media (min-width: 750px) and (max-width: 770px){
       .content_slider {     padding: 8.5% 32% 0 20% !important; }
  
   }
   @media (min-width: 656px) and (max-width: 662px){
      .flex-control-nav { left: -114px !important;}
  }
  @media (min-width: 663px) and (max-width: 667px){
      .flex-control-nav { left: -107px !important;}
  }
  @media (min-width: 668px) and (max-width: 676px){
      .flex-control-nav { left: -103px !important;}
  }
  @media (min-width: 676px) and (max-width: 683px){
      .flex-control-nav {left: -99px !important;}
  }
  @media (min-width: 684px) and (max-width: 690px){
      .flex-control-nav {left: -94px !important;}
  }
  @media (min-width: 691px) and (max-width: 696px){
      .flex-control-nav {left: -115px !important;}
  }
  @media (min-width: 697px) and (max-width: 703px){
      .flex-control-nav {left: -112px !important;}
  }
  @media (min-width: 704px) and (max-width: 710px){
      .flex-control-nav {left: -105px !important;}
  }
  @media (min-width: 711px) and (max-width: 717px){
      .flex-control-nav {left: -100px !important;}
  }
  @media (min-width: 718px) and (max-width: 729px){
      .flex-control-nav {left: -93px !important;}
  }
  @media (min-width: 730px) and (max-width: 739px){
      .flex-control-nav {left: -86px !important;}
  }
  @media (min-width: 740px) and (max-width: 750px){
      .flex-control-nav {left: -77px !important;}
  }
  @media (min-width: 741px) and (max-width: 759px){
      .flex-control-nav {left: -70px !important;}
  }
  @media (min-width: 760px) and (max-width: 767px){
      .flex-control-nav {left: -65px !important;}
  }
  @media (min-width: 768px) and (max-width: 770px){
      .flex-control-nav {left: -73px !important;}
  }
  @media (min-width: 771px) and (max-width: 991px){
      .flex-control-nav {left: -64px !important;}
  }
  
  .flex-direction-nav .flex-prev:hover:before{
    content: "";
    background-image: url(https://img.cntiprogress.ru/image/1_cnti/nh-arrow-left-carousel-orange.svg) !important;
  }
  
  .flex-direction-nav .flex-next:hover:before {
    content: "";
    background-image: url(https://img.cntiprogress.ru/image/1_cnti/mega-arrow-orange.svg) !important;
  }
  
  
  /*карусель*/
  .hrGray2{
      border-bottom-color: #ececec !important;
      border-bottom-width: 3px !important;
      width: 100%;
      margin-left: -3px !important;
  }
  .header_k_s{
     padding-top: 35px !important;
     padding-bottom: 20px !important;
  }
  .header_k_s, .line-wrapper h2{
      color: #313131;
      line-height: 34px;
      font-size: 24px;
      font-family: 'Roboto Condensed', sans-serif;
      text-transform: uppercase;
      padding-top: 20px;
      font-weight: normal !important;
      text-shadow: none !important;
  }
  #prev-1{
      background-image: url(https://img.cntiprogress.ru/image/1_cnti/nh-arrow-left-carousel.svg) !important;
      left: 37px !important;
      top: 62px;
      width: 64px;
      height: 37px;
  }
  #next-1{
      right: 0px;
      background-image: url(https://img.cntiprogress.ru/image/1_cnti/nh-arrow-left-carousel.svg) !important;
      top: 62px;
      width: 64px;
      height: 37px;
      -moz-transform: scaleX(-1);
      -o-transform: scaleX(-1);
      -webkit-transform: scaleX(-1);
      transform: scaleX(-1);
      filter: FlipH;
      -ms-filter: "FlipH";
  }
  #prev-1:hover {
      background-image: url(https://img.cntiprogress.ru/image/1_cnti/nh-arrow-left-carousel-orange.svg) !important;
  }
  #next-1:hover{
      background-image: url(https://img.cntiprogress.ru/image/1_cnti/nh-arrow-left-carousel-orange.svg) !important;
      -moz-transform: scaleX(-1);
      -o-transform: scaleX(-1);
      -webkit-transform: scaleX(-1);
      transform: scaleX(-1);
      filter: FlipH;
      -ms-filter: "FlipH";
  }
  .list_carousel-1 li a, .thumbnail .title{
      color: #313131 !important;
      text-decoration: none !important;
      font-family: 'Roboto', sans-serif !important;
      font-size: 14px !important;
      line-height: 20px !important;
  }
  .thumbnail .title{
      width: 270px;
  }
  .box-colorProm,.box-colorBuilding, .box-colorPersonal, .box-colorMenager, .box-colorGov, .box-colorNedvizsh, .box-colorServices, .box-colorCommunicat, .box-colorMed, .box-colorTV, .box-colorCulture, .box-colorEducation{
      width: 28px !important;
      height: 28px !important;
  }
  .list_carousel-1 table{
      height: inherit !important;
  }
  .thumb-pad .date{
      background: none !important;
      padding-top: 0px !important;
      margin-top: -10px !important;
      color: #313131 !important;
      font-size: 12px !important;
      line-height: 17px !important;
      font-style: normal !important;
      font-family: 'Roboto', sans-serif !important;
      text-align: left !important;
      margin-left: 44px !important;
  }
  .thumbnail{
      min-height: 65px !important;
  }
  .list_carousel-1 table{
      margin-top: -144px !important;
  }
  .list_carousel-1 li{
      background: none !important;
  }
  .caroufredsel_wrapper{
      width: 1030px !important;
      margin-left: 101px !important;
  }
  .list_carousel-1 li a:hover{
      color: #6195bb !important;
      text-decoration: underline !important;
  }
  
  @media (width: 320px){
      .header_k_s, .line-wrapper h2{
          line-height: 28px !important;
          font-size: 20px !important;
      }
      .caroufredsel_wrapper{
          margin-left: 15px !important;
          margin-top: -15px !important;
      }
      #prev-1, #next-1{
          top: 165px !important;
          width: 48px !important;
          height: 28px !important;
      }
      #prev-1{
          left: 25px !important;
      }
  
  }
  @media (min-width: 321px) and (max-width: 767px){
      .header_k_s, .line-wrapper h2{
          line-height: 28px !important;
          font-size: 20px !important;
      }
      .caroufredsel_wrapper{
          margin-left: 20px !important;
          margin-top: -15px !important;
      }
      .list_carousel-1 li{
          min-width: 182px !important;
          width: initial !important;
      }
      #prev-1, #next-1{
          top: 165px !important;
          width: 48px !important;
          height: 28px !important;
      }
  }
  @media (min-width: 321px) and (max-width: 375px){
      #prev-1{
          left: 51px !important;
      }
  }
  @media (min-width: 376px) and (max-width: 400px){
      #prev-1{left: 51px !important;}
  }
  @media (min-width: 401px) and (max-width: 470px){
      #prev-1{left: 51px !important;}
  }
  @media (min-width: 471px) and (max-width: 530px){
      #prev-1{left: 51px !important;}
  }
  @media (min-width: 504px) and (max-width: 620px){
      #prev-1{left: 51px !important;}
  }
  @media (min-width: 621px) and (max-width: 767px){
      #prev-1{left: 51px !important;}
  }
  
  
  .hrGray {
      display: none !important;
  }
  
  /*   ЦНТИ рекомендует*/
  .line-wrapper.extra h2{
      margin-top: -30px !important;
  }
  .sp_box img{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; /* IE 6-9 */
    -webkit-transition: all 0.3s;
    -moz-transition: all  0.3s;
    -o-transition: all 0.3s;
    transition: all  0.3s;
  }
  
  .sp_box img:hover{ 
     -webkit-filter: none;
     -moz-filter: none;
     -ms-filter: none;
     -o-filter: none;
     filter: none;
     filter: none; /* IE 6-9 */
  }
  .sp_box a:hover img{ 
     -webkit-filter: none;
     -moz-filter: none;
     -ms-filter: none;
     -o-filter: none;
     filter: none;
     filter: none; /* IE 6-9 */
  }
  .sp_box p a{
      font-size: 14px;
      line-height: 20px;
      color: #313131;
      font-family: 'Roboto', sans-serif;
      text-decoration: none;
  }
  .sp_box p {
      margin-top: 5px;
  }
  .sp_box p a:hover {
      color: #6195bb !important;
      text-decoration:underline !important;
  }
  .sp_box img{
      width: auto !important;
      height: auto !important;
  }
  .list_carousel-1{
      margin-top: -37px !important;
  
  }
  /*контент перед футером*/
  .content_mainpg{
      margin-left: 0px;
      margin-right: 0;
      margin-top: -21px;
  }
  .hr_bot{
      margin-top: 24px;
      border-top: 3px solid #ececec;
  }
  .hr_bot2{ 
      margin-top: 0px;
      border-top: 3px solid #6195bb;
  }
  .hr_bot, .hr_bot2{
      background: transparent;
      margin-bottom: 0px;
      width: 100%;
  }
  .col_left_blocks{
      background: url(https://img.cntiprogress.ru/file/ivksenia/main_pg_bg.png);
      background-repeat: no-repeat;
      max-width: 1170px;
      min-height: 679px;
      margin-left: 11px;
      background-position-x: 214px;
      padding-left: 35px;
      padding-right: 20px;
  }
  .dovert_obuch{
      padding: 91px 60px 23px 62px;
  }
  .dovert_obuch p{
      color: #313131;
      font-size: 24px;
      font-family: 'Roboto Condensed', sans-serif;
      text-transform: uppercase;
      padding-top: 20px;
      font-weight: normal !important;
      text-shadow: none !important;
      line-height: 1.2;
      padding-top: 47px;
  
  }
  .dovert_obuch ul{
      font-size: 14px;
      line-height: 22px;
      color: #333333;
      font-family: 'Roboto', sans-serif;
      margin-left: 16px;
      list-style-image: url('https://img.cntiprogress.ru/file/ivksenia/list_blue_sqr1.png');   
      margin-top: 24px;
      padding-right: 9px;
  }
  .dovert_obuch ul li{
      padding: 4px 0;
      padding-left: 3px;
  }
  .dovert_obuch_pic{
      padding-left: 0;
      padding-right: 2px;
      margin-top: 83px;
      margin-left: -14px;
  }
  .numb_p{
     font-size: 48px;
     line-height: 1.2;
     font-family: 'intro_regular';
     color: #303030;
  }
  .numb_text{
      font-family: 'Roboto', sans-serif;
      font-size: 12px;
      line-height: 17px;
      margin-top: 15px;
      color: #303030;
  }
  .button_col_right{
     font-family: 'Roboto', sans-serif;
     font-size: 12px;
     line-height: 16px; 
     color: #303030;
     position: relative;
  }
  .button_col_right:after {
      content: '';
      background: url(https://img.cntiprogress.ru/image/1_cnti/mega-arrow-blue.svg);
      background-repeat: no-repeat;
      height: 37px;
      width: 136px;
      position: absolute;
      top: -33px;
      left: 2px;
  }
  .numbers_cnti{
      margin-top: -135px;
  }
  .num_1{
      margin-left: 16px;
      padding-right: 0;
  }
  .num_2{
      margin-left: 27px;
  }
  .num_3{
      margin-left: 30px;
  }
  .num_4{
   margin-left: 19px;
   margin-top: 26px;
   line-height: 16px;
  }
  
  .button_col_right:hover {
      text-decoration: none !important;
      color: #ef9a49 !important;
  }
  .button_col_right:hover:after {
      background: url(https://img.cntiprogress.ru/image/1_cnti/mega-arrow-orange.svg) !important;
      width: 120px;
  }
  
  @media (max-width: 768px) {
      .forget_passw {
          margin-top: -20px !important;
      }
  
      .regform {
          margin-left: 0px !important;
      }
  
      .panel_entry_city {
          min-height: 36px !important;
      }
  
      .entry_icon_mobile {
          margin-top: -109px !important;
      }
      .entry_icon_mobile {
          margin-top: -97px !important;
          margin-left: -25px !important;
      }
  
      .nav_boxes img:first-child {
          margin: 0 4px !important;
          margin-left: -4px !important;
      }
  }
  @media (min-width: 320px) and (max-width: 1199px){
      .header_zvonok{float: inherit !important;}
      .header_mess {padding-top: 0px !important;}
  }
  @media (min-width: 320px) and (max-width: 767px){
      .header_mess{padding-top: 0px !important;}
      .menu_mobile, .navbar-nav > li > a, .navbar-nav > li > a:link, .navbar-nav > li > a:focus{
       font-size: 19px !important;
       font-family: 'Roboto', sans-serif !important;
       font-weight: 100 !important;
       letter-spacing: 0.3px !important;
   }
   .last_list_contacts a{
      padding-bottom: 23px !important;
  }
  .navbar-nav > li > a, .navbar-nav > li > a:link, .navbar-nav > li > a:focus{
     padding-left: 32px !important;
  }
  #next-1{
      right: 20px !important;
  }
  .block_icons {
      padding-top: 15px !important;
  }
  .sp_box{
      width: 165px !important;
  }
  .oferta{
      margin-left: -18px !important;
      margin-top: 20px !important;
  }
  .numbers_phone{
      padding-left: 0px !important;
  }
  .oferta p{
      padding-right: 0px !important;
  }
  .col_left_blocks{
      background-position-x: -196px !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
  }
  .line-wrapper h2{
      margin-bottom: 25px !important;
  }
  .content_mainpg{
      margin-left: -10px !important;
  }
  .dovert_obuch{
      padding: 10px 15px 10px 10px !important;
  }
  .dovert_obuch_pic{
      margin-top: 2px !important;
  }
  .pic_first{
      display: none !important;
  }
  .pic_second{
   max-width: 100% !important;
   padding-left: 16px;
   padding-right: 9px;
   margin-bottom: 103px !important;
  }
  
  .num_1, .num_2, .num_3, .num_4{
      margin: 0 auto !important;
      display: block !important;
      width: 132px !important;
      margin-top: 42px !important;
  }
  .numbers_cnti{
      margin-top: -70px !important;
  }
  .numb_p{
      line-height: 24px !important;
  }
  .numb_text{
      margin-top: 17px !important;
  }
  .num_4{
      padding-top: 10px !important;
      margin-bottom: 60px !important;
  }
  .num_1{
  
      padding-top: 15px !important;
  }
  .hrw {
      display: none !important;
  }
  
  .addnav{
      padding-left: 16px !important;
  }
  .sp_box{
      display: block !important;
      text-align: center !important;
      width: 250px !important;
      margin: 0 auto !important;
  }
  .sp_box p{
      margin-bottom: 30px !important;
      margin-top: 0px !important;
  }
  .list_carousel-1{
      padding-top: 25px !important;
      padding-bottom: 33px !important;
  }
  .nav-collapse {width: 200% !important;}
  #header-hidden-link{  
      margin-top: 100px;  
      float: left !important;}
      .panel_entry_city {
        min-height: 86px !important;}
        .list_city {
          margin-left: -33px !important;
      }
      .last_list_contacts {
          margin-bottom: 42px !important;
      }
      .nav_boxes {
          margin-top: 5px !important;
      }
      .nav_box_icons {
          margin-left: 53px !important;
      }
      .box_orang_searc {
          margin-left: 2px !important;
      }
      #header-hidden-link {
          margin-top: 100px;
          float: left !important;
      }
      .panel_entry_city {
          min-height: 100px !important;
      }
      .ColorBoxGray{
          margin-top: 25px;
          margin-bottom: -65px !important;
      }
      .new_col, .news_col{padding-left: 15px !important;  margin-top: 50px !important;}
      #footer_pattern{
          padding-top: 78px !important;
          padding-left: 30px !important;
      }
      .list_city {
          margin-left: -33px !important;
      }
      .show-hide .entry_personal{
          margin-left: -10px !important;
      }
  }
  
  @media (min-width: 768px) and (max-width: 991px){
      .menu_mobile, .navbar-nav > li > a, .navbar-nav > li > a:link, .navbar-nav > li > a:focus{
       font-size: 19px !important;
       font-family: 'Roboto', sans-serif !important;
       font-weight: 100 !important;
       letter-spacing: 0.3px !important;
   }
   .last_list_contacts a{
      padding-bottom: 23px !important;
  }
  .navbar-nav > li > a, .navbar-nav > li > a:link, .navbar-nav > li > a:focus{
     padding-left: 17px !important;
  }
  .list_carousel-1 li{
      padding: 0 0px 0 5px !important;
      width: 253px !important;
  }
  .columns_menu_footer{
      padding-left: 20px;
  }
  .col_left_blocks{
      background-position-x: -174px !important;
  }
  .content_mainpg{
      margin-left: -33px !important;
  }
  .hr_bot{
      margin-left: 30px !important;
      width: 96% !important;
  }
  .dovert_obuch{
      padding: 60px 0px 23px 45px !important;
      width: 500px !important;
  }
  .dovert_obuch p{
      padding-right: 20px;
  }
  .show-hide .entry_personal{
      margin-left: 6px !important;
  }
  .dovert_obuch_pic{
      padding-left: 0 !important;
      padding-right: 2px !important;
      margin-top: 0px !important;
      margin-left: 40px !important;
      margin-right: 40px !important;
  }
  .num_1 {
      margin-left: 63px !important; 
      margin-top: 35px !important;
      margin-bottom: 45px !important;
  }
  .num_2 {
      margin-left: -17px !important;
      margin-top: 35px !important;
      margin-bottom: 45px !important;
  }
  .num_3 {
      margin-left: -3px !important;
      margin-top: 35px !important;
      margin-bottom: 45px !important;
  }
  .num_4 {
      margin-left: -10px !important;
      margin-top: 61px !important;
      margin-bottom: 45px !important;
  }
  .regform {
      margin-left: 55px !important;
  }
  .phone_numbers{
      margin-left: 87px !important;
  }
  .navbar {
      width: 45% !important;
  }
  #search_box, form.search_field {
      width: 85% !important;
  }
  .sp_main:nth-child(4){
      clear: both !important;
  }
  .sp_main{
      margin-bottom: 30px !important; 
  }
  .sp_main p{
      margin-right: 15px !important;
      padding-left: 30px !important;
  }
  .sp_main img{
      margin: 0 auto !important;
      display: block !important;
  }
  .caroufredsel_wrapper{
      width: 606px !important;
  } 
  .hrGray2 {
      margin-left: 4px !important;
      width: 99%;
  } 
  .news_col{
      padding-left: 15px !important;
      padding-top: 40px !important;
  }
  }
  @media (min-width: 992px) and (max-width: 1199px){
      .col_left_blocks{
          background-position-x: 14px !important;
          min-height: 600px !important;
      }
      .dovert_obuch {
          padding: 31px 28px 10px 0px !important;
      }
      .pic_first{
          margin-left: 2px !important;
          max-width: 102.5% !important;
      }
      .numbers_cnti {
          margin-top: -150px !important;
          width: 60% !important;
      }
      .caroufredsel_wrapper{width: 830px !important;} 
      .news_col{padding-left: 55px !important;}
      .block_icons  {
          margin-top: -101px !important;
          margin-left: 72px !important;
      }
      .sp_main:nth-child(4){
          clear: both !important;
      }
      .sp_main{
          margin-bottom: 30px !important;
      }
      .sp_main p{
          margin-right: 15px !important;
          padding-left: 30px !important;
      }
      .sp_main img{
          margin: 0 auto !important;
          display: block !important;
      }
      .flex-control-nav {left: -72px !important;}
      .content_slider {
        padding: 7% 16% 0 24% !important;}
    }
    .navbar-nav>li>a:hover, .navbar-nav>li>a:focus, .navbar-nav>li.active .dropdown-toggle, .navbar-nav>li.open .dropdown-toggle, .navbar-nav>li.open.active .dropdown-toggle{
      color: rgb(255, 255, 255);
      background-color: #888888 !important;
      text-decoration: underline !important;
  }
  .list_city li {
      display: inline-block!important;
      margin-left: -18px !important;
  }
  .head_exit{color: #6195bb !important;}
  .list_city {
      margin-left: 8px;
  }
  .zakaz_zvonka p {
      text-align: center !important;
  }
  .phone_numbers {
      text-align: left !important;
      margin-left: 42px !important;
  }
  .navbar-brand {
      margin-left: 13px !important;
      margin-bottom: 20px !important;
  }
  .zakaz_zvonka p {
      margin: 0 !important;
      margin-left: 13px !important;
      margin-bottom: 23px !important;
  }
  
  .nav_boxes {
      margin-right: 10px !important;
  }
  
  @media (min-width: 768px) {
      .header-inner {
          width: 100% !important;
      }
  
      a.navbar-btn {
          width: 102.5% !important;
      }
  }
  
  /*три колонки*/
  .ColorBoxGray h3{
      font-size: 22px !important;
      line-height: 34px !important;
      font-family: 'Roboto Condensed', sans-serif;
      color: #313131 !important;
      margin-bottom: 27px;
  }
  .ColorBoxGray{
      background: none !important;
      margin-top: 17px;
  }
  .list1, .list1 li{
      background: none !important;
  }
  .list1 li:before{
      content:"" !important;
  }
  .ColorBoxGray .footer h3 a:hover{
      text-decoration: none !important;
      color: #313131 !important;
  }
  .list1 li a{
      color: #313131 !important;
      font-size: 14px !important;
      line-height: 20px !important;
      font-family: 'Roboto', sans-serif !important;
      margin-left: 0px !important;
      margin-top: 2px !important;
      -webkit-transition: none !important;
      -moz-transition: none !important;
      -o-transition: none !important;
      transition: none !important;
  }
  .list1 li a:hover{
      color: #75a1c2 !important;
      text-decoration: underline !important;
  }
  .list1 .date-set{
    color: #313131 !important;
    font-size: 12px !important;
    line-height: 17px !important;
    font-family: 'Roboto', sans-serif !important; 
    font-weight: 300;
    text-align: left !important;
  }
  .list1 li{
      margin-bottom: 20px;
  }
  .colorbox_footer{
      top: 2px;
      width: 15px;
      height: 15px;
      display: inline-block;
      float: left;
      overflow: hidden;
      margin-right: 10px;
  }
  .new_col{padding-left: 25px;}
  .news_col{padding-left: 113px;}
  .news_col .list1 li{margin-bottom: 10px !important;}
  .news_col h3{margin-bottom: 21px !important;}
  .ColorBoxGray ul{margin-bottom: 47px;}
  footer {
      padding-top: 0px !important;
      background: none !important;
  }
  #greenProm{background-color: rgb(0, 119, 95);} /*Промышленность*/
  #seawaveStr{background-color: rgb(0, 181, 170);}  /*Строительство*/
  #blueInf{background-color: rgb(0, 116, 158);}  /*Связь, инф. техн*/
  #orangePers{background-color: rgb(248, 159, 101);}  /*Упр. персоналом*/
  #yellMenag{background-color: rgb(220, 169, 14);}    /*Менеджмент*/
  #greenNedv{background-color: rgb(177, 211, 85);}  /* Земля, недвиж.*/
  #redServ{background-color: rgb(255, 27, 34);}    /*Сфера услуг*/
  #blackComm{background-color: rgb(77, 77, 79);}   /*Коммуникации*/
  #purplGov{background-color: rgb(144, 86, 163);}   /*ГМУ*/
  #maroonZdrav{background-color: rgb(174, 39, 99);}  /*Здрав, соц, спорт*/
  #pinkCult{background-color: rgb(222, 130, 169);}   /*Культура*/
  #violentEdu{background-color: rgb(104, 91, 199);}  /*Образование*/
  #yellTren{background-color: rgb(220, 169, 14);}    /*Тренинги*/
  
  
  
  /*Нижнее меню*/
  #footer_pattern h5{
   font-family: 'Roboto Condensed', sans-serif !important;
   line-height: 32px !important;
   font-size: 19px !important;
   color: #ffffff !important;
   text-transform: uppercase !important;
   font-weight: normal !important;
  }
  .list2 li a{
   font-family: 'Roboto', sans-serif !important;
   line-height: 14px !important;
   font-size: 14px !important;
   color: #ffffff !important;
  }
  #footer_pattern {
      box-shadow: 0px 8px 17px -4px #585757 inset !important;
      background-color: #888888 !important;
      padding-top: 127px;
  }
  .oferta p{
   font-family: 'Roboto', sans-serif;
   color: rgb(200, 200, 200);
   line-height: 1.2;
   font-size: 11px;
   padding-right: 30px;
   padding-bottom: 50px;
   font-style: italic;
  }
  .list2 li{
      padding-bottom: 8px;
  }
  .footer_talon span{background: #6195bb;}
  .footer_material span{background: #ec9036;}
  .footer_talon span, .footer_material span{
      width: 10px;
      height: 10px;
      display: inline-block;
      float: left;
      overflow: hidden;
      margin-top: 5px;
      margin-right: 10px;
      margin-left: -20px;
  }
  .adress_footer, .numbers_phone, .footer_email{
      color: #ffffff !important;
      font-size: 14px !important;
      line-height: 20px !important;
      font-family: 'Roboto', sans-serif !important;
  }
  .footerColContact h5{
      margin-bottom: 16px !important;
  }
  .numbers_phone{
      margin-top: -15px;
      padding-bottom: 0px !important;
  }
  .footer_vk{background: url(https://img.cntiprogress.ru/image/1_cnti/hn-vk-white.svg);}
  .footer_fb{background: url(https://img.cntiprogress.ru/image/1_cnti/nh-fb-white.svg);}
  .footer_mes{background: url(https://img.cntiprogress.ru/image/1_cnti/hn-subscribe-white.svg);}
  .footer_inst{background: url(https://img.cntiprogress.ru/image/1_cnti/inst-white-01.svg);}
  
  .footer_vk, .footer_fb, .footer_mes, .footer_inst{
      width: 30px;
      height: 30px;
      display: block;
  }
  .footer_vk:hover{background: url(https://img.cntiprogress.ru/image/1_cnti/hn-vk-ornage.svg) !important;}
  .footer_fb:hover{background: url(https://img.cntiprogress.ru/image/1_cnti/nh-fb-orange.svg) !important;}
  .footer_mes:hover{background: url(https://img.cntiprogress.ru/image/1_cnti/hn-subscribe-orange.svg) !important;}
  .footer_inst:hover{background:url(https://img.cntiprogress.ru/image/1_cnti/inst-orange-01.svg) !important;}
  
  .social_icons li{
      display: inline-block;
      margin-right: 6px;
  }
  
  @media (min-width: 320px) and (max-width: 992px){
    .social_icons{
      margin: 0 auto !important;
      display: block !important;
      float: inherit !important;
      padding-top: 15px !important;}
  }
  @media (min-width: 580px) and (max-width: 767px){
      .oferta{padding: 20px 0px !important;}
  }
  
  
  /*модальное напишите нам*/
  .modal{
   background-color: rgba(60, 60, 60, 0.58) !important;
   background-image: none !important;
  }
  .modal-header1 {
      display: inline-block;
      float: right;
      padding: 33px 31px 15px 15px;
      border-bottom: none;
  }
  input.agreeBox_write_pop[type="checkbox"] {
      display: none;
  }
  input#agreeBox_write_pop[type="checkbox"]:checked + span {
      background: url(https://img.cntiprogress.ru/file/ivksenia/grey-checked-box.svg) no-repeat;
      width: 20px;
      height: 20px;
  }
  input#agreeBox_write_pop[type="checkbox"] + span{
      position: absolute;
      left: 0px;
      top: 0;
      width: 100%;
      height: 100%;
      background: url(https://img.cntiprogress.ru/file/ivksenia/grey-empty-box.svg) no-repeat;
      cursor: pointer;
      width: 20px;
      height: 20px;
  }
  .content_writePOP{
      padding: 98px 67px 0px 70px;
  }
  
  #button_WritePop:disabled {
      cursor: not-allowed !important;
      background: url(https://img.cntiprogress.ru/file/ivksenia/butWritepop_gr.png) no-repeat;
      pointer-events: visible !important;
      opacity: 1;
  }
  #button_WritePop {
      background: url(https://img.cntiprogress.ru/file/ivksenia/butWritepop_or.png);
      width: 231px;
      height: 38px;
      font-family: 'Roboto Condensed', sans-serif;
      border: none;
      padding-left: 28px !important;
      padding-top: 8px;
      color: #ffffff;
      font-size: 15px;
      text-align: left;
      margin-top: 31px;
  }
  .modal-header1 .close{
    opacity: 1;
  }
  .header_popWrite{
     font-family: 'Roboto Condensed', sans-serif !important;
     color: #313131 !important;
     font-size: 21px !important;
     line-height: 34px !important;
  }
  #feedback_write_pop {
      font-size: 14px;
      color: rgb(102, 102, 102);
      height: 128px;
      margin-top: 4px;
      padding-left: 20px;
      font-family: "Roboto Condensed", sans-serif;
      margin-bottom: 0px !important;
      border: 1px solid #333333;
      resize: none;
      max-width: 399px;
      padding-top: 14px;
  }
  .modal-dialog1{ 
      width: 534px !important;
      min-height: 534px;
      margin-left: auto;
      margin-right: auto;
      border: none;
      position: relative;
      top: 207px;
      background: linear-gradient(-47.2deg, #eef6ff 50%, #ffffff 50%);
      background-repeat: no-repeat;
      box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.23);
      -webkit-box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.23);
      -moz-box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.23);
  }
  .modal.in .modal-dialog1 {
   -webkit-transform: translate(0, 0); 
   -ms-transform: translate(0, 0);
   transform: translate(0, 0); 
  }
  .modal.fade .modal-dialog1 {
   -webkit-transform: translate(0, -25%); 
   -ms-transform: translate(0, -25%);
   transform: translate(0, -25%); 
   -webkit-transition: -webkit-transform 0.3s ease-out; 
   -moz-transition: -moz-transform 0.3s ease-out;
   -o-transition: -o-transform 0.3s ease-out;
   transition: transform 0.3s ease-out; 
  }
  .modal-header1 .close:focus{outline: none !important;}
  @media screen and (min-width: 768px){
      .modal-dialog1 {
          left: 0;
          right: auto;
      }
  }
  @media (min-width: 320px) and (max-width: 767px){
    .modal-dialog1 {
      top: 165px !important;
  }
  }
  @media (min-width: 320px) and (max-width: 534px){
    .modal-dialog1 {
      width: auto !important;
  }
  }
  
  @media (min-width: 768px) and (max-width: 1440px){
    .modal-dialog1 {
      top: 165px !important;
  }
  }
  
  @media (min-width: 320px) and (max-width: 555px){
    .modal-dialog1{
      margin-left: 5px;
      margin-right: 5px;
  }
  .content_writePOP {
      padding: 115px 25px 0px 25px !important;
  }
  }
  @media (min-width: 320px) and (max-width: 336px){
    #feedback-Email_pop, #feedback-Phone_pop, #feedback-FN_pop, #feedback_write_pop{
      max-width: 263px !important;
  }
  }
  @media (min-width: 337px) and (max-width: 380px){
    #feedback-Email_pop, #feedback-Phone_pop, #feedback-FN_pop, #feedback_write_pop{
      max-width: 314px !important;
  }
  }
  @media (min-width: 381px) and (max-width: 420px){
     #feedback-Email_pop, #feedback-Phone_pop, #feedback-FN_pop, #feedback_write_pop{
      max-width: 345px !important;
  }
  }
  @media (min-width: 421px) and (max-width: 465px){
    #feedback-Email_pop, #feedback-Phone_pop, #feedback-FN_pop, #feedback_write_pop{
      max-width: 375px !important;
  }
  }
  
  
  /*livetex*/
  .lt-blurred>*:not(.lt-xwidget-wrapper){
      filter: blur(0px) !important;
      -moz-filter: blur(0px) !important;
      -o-filter: blur(0px) !important;
      -ms-filter: blur(0px) !important;
  }
  .lt-xwidget-wrapper{
      background-color: rgba(60, 60, 60, 0.58) !important;
  }
  
  .lt-xwidget .lt-xwidget-close .lt-xwidget-close__icon:before {
     content: url(https://img.cntiprogress.ru/image/1_cnti/close-grey.svg) !important;
     width: 30px !important;
     height: 31px !important;
  }
  .lt-xwidget{
      background: #ffffff !important;
      border-radius: 0px !important;
      width: 509px !important;
      height: 345px !important;
      top: 206px !important;
  }
  .lt-xwidget .lt-xwidget_txt {
      font-size: 21px !important;
      line-height: 28px !important;
      margin: 60px 0 20px;
      margin-left: 9px !important;
      padding-right: 148px !important;
      text-align: left !important;
      font-family: 'Roboto Condensed', sans-serif !important;
      font-weight: normal !important;
      padding-top: 30px;
  }
  .lt-xwidget .lt-xwidget-form{
   margin: 0px 0 10px -30px !important;
   width: 574px !important;
  }
  .lt-xwidget .lt-xwidget__input{
      border: 1px solid #333333 !important;
      border-radius: 0px !important;
      height: 37px !important;
      line-height: 30px !important;
      width: 205px !important;
  }
  .lt-xwidget-close{
      padding: 13px 17px 15px 15px !important;
  }
  .lt-xwidget *{
      font-family: 'Roboto Condensed', sans-serif !important;
      font-size: 15px !important;
  }
  .lt-xwidget .lt-xwidget__btn{
      background: url(https://img.cntiprogress.ru/file/ivksenia/butWritepop_or.png) !important;
      background-repeat: no-repeat !important;
      width: 217px !important;
      border-radius: 0px !important;
      height: 38px !important;
      line-height: 24px !important;
      padding-left: 0px !important;
      font-weight: 500px !important;
  }
  .lt-xwidget .lt-xwidget__eula-link{
      color: #888888 !important;
      font-size: 12px !important;
      line-height: 16px !important;
      font-family: 'Roboto', sans-serif !important;
      text-decoration: underline !important;
      left: 7px !important;
      bottom: 20px !important;
  }
  .lt-xwidget .lt-xwidget__provided{
      right: 68px !important;
      color: #888888 !important;
      font-size: 12px !important;
      line-height: 16px !important;
      font-family: 'Roboto', sans-serif !important;
      bottom: 20px !important;
  }
  @media (min-width: 346px) and (max-width: 363px){
      #search_box > a, form.search_field > a {
         width: 94px !important;
         padding-right: 16px !important;
     }
  }
  
  
  /* kochnev */
  
  
  .courses-preview {
    display:flex;
    align-items: stretch;
    flex-wrap:wrap;
  }
  .courses-preview__group {
    display:flex;
    flex-direction: column;
  }
  .courses-preview__group--near {
  }
  .courses-preview__group--new {
  }
  .courses-preview__group--new ul {
    display:grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 25px;
    
  }
  .courses-preview__title {
    margin-top: 40px;
  }
  .courses-preview__list {
    flex-grow: 1;
  }
  .button_col_right {
  }
  .courses-preview__link {
  }