/* Start:/local/templates/softmajor/css/slick.css?15631658261776*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

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

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

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

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/local/templates/softmajor/css/daterangepicker.css?15631658268402*/
.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto; }
    .daterangepicker .ranges ul {
      width: 140px; }
    .daterangepicker.single .ranges ul {
      width: 100%; }
    .daterangepicker.single .drp-calendar.left {
      clear: none; }
    .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .drp-calendar {
      float: left; }
    .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .drp-calendar {
      float: right; }
    .daterangepicker.ltr {
      direction: ltr;
      text-align: left; }
      .daterangepicker.ltr .drp-calendar.left {
        clear: left;
        margin-right: 0; }
        .daterangepicker.ltr .drp-calendar.left .calendar-table {
          border-right: none;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
      .daterangepicker.ltr .drp-calendar.right {
        margin-left: 0; }
        .daterangepicker.ltr .drp-calendar.right .calendar-table {
          border-left: none;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
      .daterangepicker.ltr .drp-calendar.left .calendar-table {
        padding-right: 8px; }
      .daterangepicker.ltr .ranges, .daterangepicker.ltr .drp-calendar {
        float: left; }
    .daterangepicker.rtl {
      direction: rtl;
      text-align: right; }
      .daterangepicker.rtl .drp-calendar.left {
        clear: right;
        margin-left: 0; }
        .daterangepicker.rtl .drp-calendar.left .calendar-table {
          border-left: none;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
      .daterangepicker.rtl .drp-calendar.right {
        margin-right: 0; }
        .daterangepicker.rtl .drp-calendar.right .calendar-table {
          border-right: none;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
      .daterangepicker.rtl .drp-calendar.left .calendar-table {
        padding-left: 12px; }
      .daterangepicker.rtl .ranges, .daterangepicker.rtl .drp-calendar {
        text-align: right;
        float: right; } }
@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto; }
  .daterangepicker.ltr .ranges {
    float: left; }
  .daterangepicker.rtl .ranges {
    float: right; }
  .daterangepicker .drp-calendar.left {
    clear: none !important; } }

/* End */


/* Start:/local/templates/softmajor/css/fonts.css?15631658262070*/
@font-face {
  font-family: 'Segoe UI';
  font-weight: 400;
  src: url('/local/templates/softmajor/css/../fonts/Segoe UI-Regular/Segoe_UI.eot');
  src: url('/local/templates/softmajor/css/../fonts/Segoe UI-Regular/Segoe_UI.eot?#iefix') format('embedded-opentype'),
  url('/local/templates/softmajor/css/../fonts/Segoe UI-Regular/Segoe_UI.woff2') format('woff2'),
  url('/local/templates/softmajor/css/../fonts/Segoe UI-Regular/Segoe_UI.woff') format('woff'),
  url('/local/templates/softmajor/css/../fonts/Segoe UI-Regular/Segoe_UI.ttf') format('truetype'),
  url('/local/templates/softmajor/css/../fonts/Segoe UI-Regular/Segoe_UI.svg#roboto_black') format('svg');
}

@font-face {
  font-family: 'Segoe UI';
  font-weight: 700;
  src: url('/local/templates/softmajor/css/../fonts/Segoe UI-Bold/Segoe UI_Bold.eot');
  src: url('/local/templates/softmajor/css/../fonts/Segoe UI-Bold/Segoe UI_Bold.eot?#iefix') format('embedded-opentype'),
  url('/local/templates/softmajor/css/../fonts/Segoe UI-Bold/Segoe UI_Bold.woff2') format('woff2'),
  url('/local/templates/softmajor/css/../fonts/Segoe UI-Bold/Segoe UI_Bold.woff') format('woff'),
  url('/local/templates/softmajor/css/../fonts/Segoe UI-Bold/Segoe UI_Bold.ttf') format('truetype'),
  url('/local/templates/softmajor/css/../fonts/Segoe UI-Bold/Segoe UI_Bold.svg#roboto_black') format('svg');
}

@font-face {
  font-family: 'Segoe UI';
  font-weight: 600;
  src: url('/local/templates/softmajor/css/../fonts/Segoe UI-Semibold/Segoe UI_Semibold.eot');
  src: url('/local/templates/softmajor/css/../fonts/Segoe UI-Semibold/Segoe UI_Semibold.eot?#iefix') format('embedded-opentype'),
  url('/local/templates/softmajor/css/../fonts/Segoe UI-Semibold/Segoe UI_Semibold.woff2') format('woff2'),
  url('/local/templates/softmajor/css/../fonts/Segoe UI-Semibold/Segoe UI_Semibold.woff') format('woff'),
  url('/local/templates/softmajor/css/../fonts/Segoe UI-Semibold/Segoe UI_Semibold.ttf') format('truetype'),
  url('/local/templates/softmajor/css/../fonts/Segoe UI-Semibold/Segoe UI_Semibold.svg#roboto_black') format('svg');
}

@font-face {
  font-family: 'Segoe UI';
  font-weight: 300;
  src: url('/local/templates/softmajor/css/../fonts/Segoe UI-Semilight/Segoe UI_Semilight.eot');
  src: url('/local/templates/softmajor/css/../fonts/Segoe UI-Semilight/Segoe UI_Semilight.eot?#iefix') format('embedded-opentype'),
  url('/local/templates/softmajor/css/../fonts/Segoe UI-Semilight/Segoe UI_Semilight.woff2') format('woff2'),
  url('/local/templates/softmajor/css/../fonts/Segoe UI-Semilight/Segoe UI_Semilight.woff') format('woff'),
  url('/local/templates/softmajor/css/../fonts/Segoe UI-Semilight/Segoe UI_Semilight.ttf') format('truetype'),
  url('/local/templates/softmajor/css/../fonts/Segoe UI-Semilight/Segoe UI_Semilight.svg#roboto_black') format('svg');
}
/* End */


/* Start:/local/templates/softmajor/css/grid.css?15631658265117*/
* {
    box-sizing: border-box;
}

.container {
    max-width: 1156px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px
}
   
.row {
    margin-left: -10px;
    margin-right: -10px;
}

.container::before,
.container::after,
.row::before,
.row::after {
    content: " ";
    display: table
}

.container::after,
.row::after {
    clear:both
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}
  
.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}
   
.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

@media (min-width: 761px) {
    .container {
        padding-left: 48px;
        padding-right: 48px
    }

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

    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }
    
    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }
}

@media (min-width: 993px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
     width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }
}

@media (min-width: 1281px) {
    .container {
        padding-left: 16px;
        padding-right: 16px
    }

    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left
    }
    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }
}
/* End */


/* Start:/local/templates/softmajor/css/magnific-popup.css?16639216796940*/
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

/* End */


/* Start:/local/templates/softmajor/css/main.css?166392981779218*/
body {
    margin: 0;
    font-family: Segoe UI, sans-sarif;
    color: #2b2a29;
}

body.print * {
    color: #000 !important;
}

body * {
    transition: all .3s ease-out;
}

#bx-panel *, div.bx-component-opener *, .bx-core-popup-menu *, .bx-core-window, .bx-core-window * {
    transition: none;
}

.display_none, a.photo-full {
    display: none;
}

h1, .h1 {
    color: #1e3058;
    font-size: 42px;
    line-height: normal;
    font-weight: 700;
    margin: 28px 0;
}

h2 {
    color: #2b2a29;
    font-size: 30px;
    line-height: normal;
    font-weight: 400;
    margin: 24px 0;
}

.content-block h2:first-child {
    margin-top: 0;
}

.h2 {
    font-size: 2.8rem;
    line-height: normal;
    font-weight: 700;
    margin: 24px 0;
}

h3 {
    color: #2b2a29;
    font-size: 24px;
    line-height: normal;
    font-weight: 700;
    margin: 18px 0;
}

h4 {
    color: #2b2a29;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    margin: 18px 0;
}

h5 {
    color: #828ea9;
    font-size: 18px;
    line-height: normal;
    font-weight: 700;
    margin: 16px 0;
}

h6 {
    color: #828ea9;
    font-size: 16px;
    line-height: normal;
    font-weight: 700;
    margin: 12px 0;
}

p, ul.list, ol, .content-block ul, .content-block a, body {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #2b2a29;
}

p>a, .content-block a {
    color: inherit;
    border-bottom: 1px solid rgba(53, 101, 196, 0.4);
}

p>a>span, .content-block a>span {
    color: rgba(53, 101, 196, 0.4);
    font-weight: 700;
}

p>a:hover, .content-block a:hover {
    color: #3564c4;
    border-bottom-color: rgba(53, 101, 196, 1);
}

p>a:hover>span, .content-block a:hover>span {
    color: rgba(53, 101, 196, 1);
}

a {
    text-decoration: none;
}

a.goto {
    position: relative;
    margin-right: 10px;
    display: inline-block;
}

a.link {
    color: #204391;
    font-size: 16px;
    border-bottom: none;
}

a.link:hover {
    color: #3564c4;
}

ul, ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.list li, ol li, .content-block ul li {
    position: relative;
    margin: 15px 0;
}

li:before {
    display: table-cell;
}

ul.list li::before, ol li::before, .content-block ul li::before {
    padding-right: 0.5em;
}

.content-block ul>ul, ol>ul {
    margin-left: 27px;
}

ul.list li::before, .content-block ul li::before {
    content: "—";
    top: 0px;
}

ol {
    counter-reset: item;
}

ol>li::before {
    font-weight: 700;
}

li>ol li::before {
    font-weight: 400;
}

ol li::before {
    content: counters(item, ".") ". ";
    counter-increment: item;
}

ol li, .content-block ul li {
    display: table;
}

li ol li:last-child {
    margin: 0;
}

blockquote {
    background-color: #204391;
    margin: 1em 0;
    color: #a1b6e6;
    font-weight: 300;
    font-size: 28px;
    line-height: 36px;
    padding: 32px 64px 40px 80px;
    position: relative;
}

blockquote::before {
    content: '“';
    position: absolute;
    color: #f15060;
    font-size: 100px;
    left: 24px;
    top: 53px;
    font-family: 'PT Sans', sans-serif;
}

blockquote:hover {
    color: #fff;
}

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

table.tab1, table.tab2, table.data-table {
    border-color: transparent;
    border-bottom-color: #cdcdcd;
    border-bottom: none;
}

table.tab1 th, table.tab2 th, table.data-table th {
    color: #1e3058;
    font-weight: 700;
    background-color: #f4f6fb;
    text-align: left;
    vertical-align: bottom;
    border-bottom-color: transparent;
}

table.tab1 td, table.tab2 td, table.data-table td {
    color: #2b2a29;
    background-color: #fff;
    vertical-align: top;
}

table.tab1 th, table.tab1 td, table.tab2 th, table.tab2 td, table.data-table th, table.data-table td {
    padding: 20px;
}

table, table p, .content-block table a {
    font-size: 16px;
    line-height: 24px;
}

table.tab2 {
    background-color: #f4f6fb;
    border: 20px solid #f4f6fb;
}

table.tab2 td, table.tab2 th {
    background-color: transparent;
    border-color: #fff;
}

table.tab2 th {
    padding-top: 0;
}

table.tab2 td:first-child, table.tab2 th:first-child {
    padding-left: 0;
}

table.tab2 td:last-child, table.tab2 th:last-child {
    padding-right: 0;
}

.table-fs-12 th, .table-fs-14 th, .table-fs-14 td {
    font-size: 14px;
    line-height: 20px;
}

.table-fs-12 td {
    font-size: 12px;
    line-height: 20px;
}

.img-scale img {
    width: 100%;
    height: auto;
}

img {
    max-width: 100%;
    height: auto;
}

input, button, textarea {
    outline: none;
    font-family: Segoe UI, sans-sarif;
    border: none;
}

textarea {
    resize: none;
}

summary, .spoiler-title {
    outline: none;
    font-size: 18px;
    font-weight: 600;
    color: #3564c4;
    cursor: pointer;
    padding: 20px 25px 20px 0;
    position: relative;
}

details .spoiler-text, .spoiler .spoiler-text {
    padding-bottom: 20px;
}

details, .spoiler {
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: -1px;
}

summary:hover, summary:hover::after, .spoiler-title:hover, .spoiler-title:hover::after {
    color: #204391;
}

details summary::-webkit-details-marker {
    display: none;
}

summary::after, .spoiler-title::after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    color: #3564c4;
    font-weight: 900;
    display: inline-block;
    position: absolute;
    right: 0;
    top: calc(50% - 12px);
    transition: all .3s ease-out;
}

details[open] summary::after, .spoiler-title.active::after {
    transform: rotate(180deg);
}

.header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 990;
}

.main {
    margin-top: 160px;
}

.top-header {
    background-color: #f9f9f9;
}

.bottom-header {
    background-color: #204391;
}

.footer {
    background-color: #2a3c65;
    color: #7488b7;
    padding: 70px 0;
}

.flex-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex {
    display: flex;
}

.top-header .flex-row {
    height: 56px;
}

.top-header a {
    color: #204391;
    font-size: .95rem;
    font-weight: 300;
}

.bottom-header .flex-row {
    height: 104px;
}

.logo {
    display: flex;
}

.img-cover {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.img-link.disabled {
    pointer-events: none;
    cursor: default;
}

.img-contain {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.logo .img {
    background-image: url(/local/templates/softmajor/css/../img/gerb.png?v=1.1) !important;
    height: 65px;
    width: 42px;
    margin-right: 20px;
}

.logo:hover .img {
    background-image: url(/local/templates/softmajor/css/../img/gerb-hover.png?v=1.1) !important;
}

.logo .text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    color: #fff;
}

.logo .text>div:first-child {
    font-size: 18px;
    font-weight: 600;
}

ul.menu, ul.crumbs {
    display: flex;
}

ul.crumbs {
    flex-wrap: wrap;
}

.menu-bars {
    margin-left: 40px;
}

ul.menu>li {
    position: relative;
    top: 20px;
    padding: 0 20px 40px 20px;
}

ul.menu>li>a {
    color: #fff;
    font-size: 18px;
    padding-bottom: 15px;
}

ul.menu>li>a::before {
    content: '';
    transition: .3s ease-out;
    position: absolute;
    width: 0;
    height: 4px;
    left: 20px;
    bottom: 25px;
    background-color: #f15060;
}

ul.menu>li>a:hover::before, ul.menu>li.active>a::before {
    width: calc(100% - 40px);
}

.sub-menu-box {
    position: absolute;
    z-index: 10;
    display: none;
    transition: none;
    top: 64px;
}

ul.sub-menu {
    background-color: #fff;
    padding: 28px 37px 28px 24px;
    box-shadow: 0 0.5rem 0.938rem rgba(0, 0, 0, 0.08);
}

ul.sub-menu>li {
    margin-bottom: 20px;
}

ul.sub-menu>li>a {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #2b2a29;
    white-space: nowrap;
}

ul.crumbs>li {
    padding-right: 30px;
    position: relative;
}

ul.crumbs>li:last-child::before, ul.crumbs>li:last-child::after {
    content: none;
}

ul.crumbs>li>a {
    font-size: 14px;
    color: #204391;
}

ul.crumbs>li {
    font-size: 14px;
}

.news-item .date a {
    color: #2b2a29;
    border-bottom: none;
    font-size: 1rem;
}

ul.crumbs>li>a:hover, a.news-item:hover h4, .person-card a:hover h4, .news-item .date a:hover, .afisha-item:hover h4, .circle-icon:hover, .file:hover .icon, .file:hover span, .file:hover div {
    color: #3564c4;
}

.main.overlay, .footer.overlay {
    opacity: 0.5;
}

.menu-bars, .close-bars {
    width: 24px;
    cursor: pointer;
}

.menu-bars {
    height: 21px;
}

.close-bars {
    height: 35px;
}

.menu-bars {
    opacity: 0.5;
}

.menu-bars:hover {
    opacity: 1;
}

.close-bars:hover>div {
    background-color: #204391;
}

.menu-bars>div, .close-bars>div {
    height: 3px;
    width: 100%;
    border-radius: 3px;
}

.menu-bars>div {
    background-color: #fff;
    margin-bottom: 6px;
}

.close-bars>div {
    background-color: #8c9ec5;
}

.menu-bars>div:last-child, .news-item:last-child, .department-cards .item a:last-child {
    margin-bottom: 0;
}

.menu-bars.active>div:nth-child(1) {
    transform: rotate(45deg);
    margin-bottom: -12px;
    margin-top: 10px;
}

.close-bars>div:first-child {
    transform: rotate(45deg);
    margin-bottom: -3px;
    margin-top: 17px;
}

.menu-bars.active>div:nth-child(2) {
    opacity: 0;
}

.menu-bars.active>div:nth-child(3), .close-bars>div:last-child {
    transform: rotate(-45deg);
}

.menu-bars:active, .close-bars:active {
    transform: scale(0.95);
}

.menu-bars.active {
    transform: scaleX(-1);
}

.full-menu .title {
    margin-bottom: 40px;
    font-size: 1.125rem;
    font-weight: 700;
}

.full-menu a {
    display: block;
    margin-bottom: 12px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: #2b2a29;
}

.full-menu a:hover, ul.sub-menu>li>a:hover {
    color: #204391;
}

body.overflow {
    overflow: hidden;
}

.pd-40-0 {
    padding: 40px 0;
}

.pd-64-0 {
    padding: 64px 0;
}

.pd-64-0 .h2:first-child {
    margin-top: 0px;
}

.pd-96-0 {
    padding: 96px 0;
}

.side-block {
    padding-left: 50px;
}

.content-block {
    padding-right: 50px;
}

.m-bottom-32 {
    margin-bottom: 32px;
}

.m-bottom-50 {
    margin-bottom: 50px;
}

.news-item {
    display: block;
    padding-bottom: 26px;
    margin-bottom: 22px;
    border-bottom: 1px solid #cdcdcd;
    font-size: 1rem;
    transition: none;
}

.news-item h4 {
    line-height: 1.45rem;
    font-size: 1.125rem;
    font-weight: 400;
    margin: 0;
    color: #2b2a29;
}

.news-item .date {
    color: #6c6a68;
    margin-top: 19px;
}

.news-item .date span, .record-item .date span, .vote-item .date span, .news-date span {
    margin-left: 20px;
    position: relative;
    font-weight: 300;
}

.news-item .date span::before, .record-item .date span::before, .vote-item .date span::before, .news-date span::before {
    content: "";
    position: absolute;
    left: -10px;
    top: 7px;
    width: 0.063rem;
    height: 0.688rem;
    background-color: #dadada;
}

.preview-news .news-item, .news-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.preview-news .news-item h4, .preview-afisha .afisha-item h4 {
    font-weight: 600;
    font-size: 2.125rem;
    line-height: 2.5rem;
    margin-top: 32px;
}

.preview-news .news-item .date {
    font-weight: 600;
    margin-top: 26px;
}

.preview-news .button {
    margin-top: 42px;
}

.col-2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.col-2>div {
    width: calc(50% - 32px);
}

.afisha-item h4 {
    margin: 24px 0 50px 0;
}

.preview-afisha .afisha-item h4 {
    margin-bottom: 64px;
}

.afisha-item .img {
    height: 200px;
}

.preview-afisha .img {
    height: 440px;
}

.button {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    padding: 12px 18px;
    border-radius: 0.25rem;
    border: 0.063rem solid rgba(32, 67, 145, 0.3);
    font-size: 1rem;
    font-weight: 700;
    overflow: hidden;
}

.button::before {
    z-index: 0;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    background-color: #204391;
    transition: .3s ease-out;
}

.button:hover {
    border-color: #204391;
    color: #ffffff;
}

.button:hover::before {
    height: 100%;
}

.button:active {
    border-color: #204391;
}

.button span {
    z-index: 1;
    position: relative;
    color: #3564c4;
}

.button:hover span, .content-block a.button:hover span {
    color: #ffffff;
}

.banner {
    box-sizing: border-box;
    border-radius: 0.125rem;
    display: block;
    height: 224px;
    padding: 23px;
    color: #2b2a29;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.banner .text {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-bottom: 15px;
    width: 70%;
}

.banner .date {
    color: #6c6a68;
    font-size: 0.875rem;
}

.banner a {
    display: block;
    padding-left: 20px;
    position: relative;
    opacity: 0.8;
    font-size: 0.875rem;
    color: #fff;
    margin-bottom: 10px;
    white-space: nowrap;
}

.banner a:hover, .grey-block a:hover {
    color: #f15060;
}

.banner .more-info {
    color: #3564c4;
    font-size: 0.875rem;
    line-height: 1.75rem;
}

.banner:hover .more-info {
    color: #f15060;
}

.banner a::before, .banner a::after, ul.crumbs>li::before, ul.crumbs>li::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 1px;
}

.banner a::before, ul.crumbs>li::before {}

.banner a::after, ul.crumbs>li::after {}

.banner a::before, .banner a::after {
    background-color: #f15060;
    left: 0;
}

.banner a::before {
    top: 13px;
}

.banner a::after {
    top: 12px;
}

ul.crumbs>li::before, ul.crumbs>li::after {
    background-color: #204391;
    right: 11px;
}

p.pasp-dan {
    margin-bottom: -40px;
    margin-left: 4px;
}

select {
    font-size: 18px !important;
    font-weight: normal;
    font-family: Segoe UI, sans-sarif !important;
}

.mbtm {
    margin-bottom: -40px;
}

ul.crumbs>li::before {
    top: 13px;
}

ul.crumbs>li::after {
    top: 13px;
}

.banner-municipal {
    background: #204391 url(/local/templates/softmajor/css/../img/index/hand_big.png) no-repeat 195% 60%;
    color: #fff;
    justify-content: flex-start;
}

.banner-voting {
    cursor: pointer;
    background: #f4f6fb url(/local/templates/softmajor/css/../img/index/news/golos.png) no-repeat 86% 36%;
    height: 144px;
}

.banner-graphic {
    background: #f4f6fb url(/local/templates/softmajor/css/../img/index/calendar_big.png) no-repeat 80% -100%;
    margin-bottom: 0;
    height: 144px;
}

.banner-municipal:hover {
    background-position-x: 145%;
}

.banner-graphic:hover {
    background-position-x: 95%;
}

.news-banner-block, .news-block, .news-block>.row {
    display: flex;
}

/*.news-banner-block .preview-news {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}*/

.card {
    display: block;
    box-sizing: border-box;
    height: 136px;
    width: 100%;
    background-color: #204391;
    padding: 25px;
    border-radius: 0.125rem;
    display: flex;
    justify-content: space-between;
    color: #fff;
    margin-bottom: 32px;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.5rem;
}

.card .text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 75%;
    color: #fff;
}

.card .icon {
    position: relative;
}

.card:hover .icon svg>path:first-child {
    fill: #fff;
}

.card .icon img {
    margin-right: 3px;
}

.card .icon::before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    border: 0.375rem solid #ffffff;
    opacity: 0.2;
    border-radius: 50%;
    width: 52px;
    height: 52px;
    top: -12px;
}

.card:hover, .department-cards .item a:hover {
    transform: translateY(-4px);
    background-color: #3564c4;
    box-shadow: 0 0.5rem 0.938rem rgba(0, 0, 0, 0.08);
}

.card:active {
    transform: scale(0.95);
}

.project-cards .item a {
    display: block;
    background-color: #fff;
    position: relative;
    height: 450px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    transition: all .3s ease-out;
}

.project-cards .item a:hover h6 {
    color: #3564c4;
}

.project-cards .item .img {
    height: 220px;
    width: 100%;
    flex: none;
}

.project-cards .item .text {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25rem;
    color: #6c6a68;
    padding: 24px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.project-cards .item h6 {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.5rem;
    color: #2b2a29;
    margin: 0 0 20px 0;
}

.slider-cards * {
    transition: none;
}

.slider-cards .item * {
    transition: all .3s ease-out;
}

.slider-cards .item a:hover {
    transform: translateY(-4px);
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.08);
}

.slider-cards .item a:active {
    transform: scale(0.95);
}

.slider-cards .slick-arrow:active, .close-bars:active {
    transform: scale(0.9);
}

.slider-cards .slick-next, .slider-cards .slick-prev {
    width: 31px;
    height: 31px;
    border-radius: 50%;
    font-size: 0;
    background: #3564c4 url(/local/templates/softmajor/css/../img/index/projects/arrow-right.png) no-repeat center;
    transition: all .3s ease-out;
    z-index: 2;
    top: calc(50% - 15px);
    position: absolute;
    cursor: pointer;
}

.slider-cards .slick-next {
    right: -49px;
}

.slider-cards .slick-prev {
    background-image: url(/local/templates/softmajor/css/../img/index/projects/arrow.png);
    left: -49px;
}

.slider-cards .slick-next:hover, .slider-cards .slick-prev:hover {
    background-color: #204391;
    box-shadow: 0 0.5rem 0.938rem rgba(0, 0, 0, 0.12);
}

.slider-cards .slick-list {
    z-index: 1;
    margin: 0 -16px;
    padding-top: 4px;
}

.project-cards .slick-list {
    padding-bottom: 15px;
}

.slider-cards ul.slick-dots {
    margin-top: 32px;
    display: flex;
}

.slider-cards ul.slick-dots>li>button {
    width: 26px;
    height: 5px;
    padding: 0;
    background: #dde1e6;
    margin-left: 5px;
    border-radius: 10px;
    font-size: 0px;
}

.slider-cards ul.slick-dots>li:first-child>button {
    margin-left: 0;
}

.slider-cards ul.slick-dots>li.slick-active>button {
    background: #f15060;
}

.button-red, input[type=submit].button-red {
    border-radius: 0.125rem;
    background-color: #f15060;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.5rem !important;
    color: #fff !important;
    padding: 10px;
    width: auto;
    cursor: pointer;
    white-space: nowrap;
    border-bottom: none !important;
}

.button-red:hover, .button-upload input[type=file]:hover~.button-red, input[type=submit].button-red:hover {
    background-color: #f96876;
}

.department-cards .item a {
    display: block;
    margin-bottom: 32px;
    padding: 0 24px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: 104px;
    border-radius: 0.25rem;
    background: url(/local/templates/softmajor/css/../img/index/departments/element.png) no-repeat 90% 50% #204391;
    font-size: 1rem;
    color: #fff;
    font-weight: 400;
    line-height: 1.5rem;
}

.footer .logo {
    flex-direction: column;
    margin-bottom: 26px;
}

.footer .logo .img {
    width: 64px;
    height: 100px;
    margin: 20px 0;
}

.footer .logo .text {
    font-size: 0.95rem;
    font-weight: 300;
}

.footer .logo .text>div:first-child {
    font-size: 1.42rem;
    line-height: 1.45rem;
    margin-bottom: 4px;
    font-weight: 400;
}

.footer .logo .text>div:first-child>span {
    font-weight: 600;
}

.footer a {
    font-size: 1rem;
    font-weight: 400;
    line-height: 2rem;
    color: #a1b6e6;
    display: block;
}

.footer a:hover {
    color: #fff;
}

.footer .address, .footer .phone, .footer .mail {
    color: #fff;
    display: initial;
}

.footer .address {
    font-size: 1rem;
    font-weight: 300;
}

.footer .phone {
    font-weight: 600;
}

.footer .mail {
    font-weight: 600;
    border-bottom: 1px solid #fff;
}

.footer .mail:hover {
    border-bottom-color: transparent;
}

.footer .title {
    font-size: 1.125rem;
    color: #fff;
    font-weight: 600;
    margin-bottom: 25px;
}

.social-block, .social-block>div {
    display: flex;
}

.social-block .social-link, .circle-icon>div:first-child, .file .icon>span:first-child, .bookmarks a.facebook, .bookmarks a.twitter, .bookmarks a.vk {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border: 0.063rem solid #a1b6e6;
    border-radius: 50%;
    color: #e2e4e6;
    margin-right: 10px;
    flex: none;
}

.social-block>.social-link:hover, .circle-icon:hover>div:first-child {
    border-color: #f15060;
}

.social-link .fa-vk, .social-link .fa-facebook-f {
    font-size: 14px;
}

.footer {
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 2rem;
}

.footer .conf {
    font-size: 0.875rem;
    font-weight: 300;
}

.visible-xs, .visible-sm, .more-block {
    display: none;
}

.hidden-xs {
    display: inline-block;
}

.white-color {
    color: #fff;
}

.top-header .icon-link::before {
    content: '';
    display: block;
    margin-right: 13px;
    opacity: 0.5;
    transition: .3s ease-out;
    background-position: center;
    background-repeat: no-repeat;
}

.top-header .icon-link.sites::before {
    height: 16px;
    width: 16px;
    background: url(/local/templates/softmajor/css/../img/prm.png) center no-repeat;
    background-size: contain;
}

.top-header .icon-link.search::before {
    height: 17px;
    width: 18px;
    background: url(/local/templates/softmajor/css/../img/search.png) center no-repeat;
    background-size: contain;
}

.top-header .icon-link.sites::after, .select-selected::after {
    content: '';
    height: 6px;
    width: 6px;
    margin-left: 11px;
    margin-bottom: 1px;
    border-left: 1px solid #204391;
    border-bottom: 1px solid #204391;
    transform: rotate(-45deg);
    transition: all .3s ease-out;
}

.select-selected::after {
    position: absolute;
    right: 16px;
}

.select-selected.select-arrow-active::after {
    transform: rotate(-225deg);
}

.impaired {
    display: block;
    margin-left: 43px;
    width: 24px;
    height: 18px;
    background: url(/local/templates/softmajor/css/../img/eye.png) no-repeat center;
    background-size: contain;
    opacity: 0.5;
}

.impaired:hover, .top-header .icon-link:hover::before {
    opacity: 1;
}

.container-800 {
    max-width: 832px;
}

.toggle-menu .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 20px;
}

.toggle-menu-top {
    display: flex;
    justify-content: space-between;
}

.search-form {
    margin-bottom: 60px;
}

.search-form input {
    box-sizing: border-box;
    padding-left: 20px;
    border: none;
    border-radius: 2px;
    background-color: #f4f6fb;
    color: #2b2a29;
    font-size: 18px;
    font-weight: 400;
    width: 100%;
    height: 56px;
}

.search-form button {
    cursor: pointer;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    background-color: #204391;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    width: 100%;
    height: 56px;
}

.search-form button:hover {
    background-color: #3564c4;
}

.toggle-menu {
    display: none;
    transition: none;
    overflow-y: auto;
    position: fixed;
    right: 0;
    left: 0;
}

.sites-menu, .search-menu {
    background-color: #fff;
    top: 56px;
    height: calc(100vh - 56px);
    z-index: 990;
}

.full-menu {
    background-color: #f9f9f9;
    z-index: 3;
    top: 160px;
    height: calc(100vh - 160px);
}

.full-menu .row {
    font-size: 0;
}

.full-menu .col-sm-3 {
    font-size: 18px;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 40px;
}

.search-menu .banner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px;
    height: 160px;
    background-color: #f4f6fb;
}

.tab-links {
    margin-bottom: 32px;
}

.tab-links>a {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem;
    color: #99a9cb;
    position: relative;
    border-bottom: none;
}

.tab-links>a.active, .tab-links>a:hover {
    color: #204391;
}

.tab-links>a.active::before {
    content: "";
    position: absolute;
    bottom: -11px;
    left: 0;
    width: 100%;
    background-color: #f15060;
    height: 4px;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}

ul.sites-list>li {
    padding: 27px 33px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    background-color: #fbfbfd;
}

ul.sites-list>li:hover {
    background-color: #f4f6fb;
}

ul.sites-list>li>.text {
    width: 50%;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5rem;
}

ul.sites-list>li>a {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: #2b2a29;
    position: relative;
    display: block;
    border-bottom: 1px solid rgba(53, 100, 196, 0.4);
}

ul.sites-list>li>a::after, a.goto::after {
    content: '';
    position: absolute;
    right: -10px;
    top: 4px;
    height: 7px;
    width: 7px;
    background: url(/local/templates/softmajor/css/../img/arrow-link.png) no-repeat center;
    opacity: .4;
    transition: .3s ease-out;
}

ul.sites-list>li>a:hover, a.goto:hover {
    border-bottom-color: #3564c4;
    color: #3564c4;
}

ul.sites-list>li>a:hover::after, a.goto:hover::after {
    opacity: 1;
}

.full-menu .sub-sub-m-menu, .full-menu i {
    display: none;
}

.bottom-header.top-0, .top-header.top-0 {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}

.bottom-header.top-0 {
    z-index: 3;
}

.top-header.top-0 {
    z-index: 4;
}

.bottom-header.top-0 .full-menu {
    position: fixed;
    top: 104px;
    height: calc(100% - 104px);
}

.bottom-header.overflow ul.menu>li>a {
    opacity: 0.5;
    pointer-events: none;
}

.bottom-info, .footer .conf {
    line-height: 1rem;
}

.slick-slide {
    height: auto;
    padding: 0 16px;
    outline: none;
}

.slick-slide>div:first-child {
    padding-bottom: 16px;
}

.slick-slide>div:last-child {
    padding-top: 16px;
}

.img-scale {
    overflow: hidden;
    width: 100%;
    line-height: 0px;
}

.img-scale>* {
    transition: transform 5s linear;
}

.img-scale:hover>* {
    transform: scale(1.1);
}

.news-date {
    color: #2b2a29;
    font-size: 18px;
    font-weight: 300;
    margin: -24px 0 32px 0;
}

.h3 {
    color: #2b2a29;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

.h4 {
    color: #1e3058;
    font-size: 18px;
    font-weight: 600;
    margin-right: 15px;
}

p.important {
    color: #1e3058;
    font-size: 28px;
    line-height: 36px;
    font-weight: 300;
    margin: 50px 0;
}

.bordered-block {
    border-top: 1px solid #cdcdcd;
    padding-top: 40px;
}

.tag-block {
    display: flex;
    align-items: center;
    margin: 80px 0 40px;
    flex-wrap: wrap;
}

.button-tag, .content-block a.button-tag {
    font-size: 14px;
    font-weight: 400;
    color: #3564c4;
    display: block;
    margin: 5px;
    border-radius: 0.2rem;
    padding: 9px 11px;
}

.circle-icon, .file .icon {
    display: flex;
    font-weight: 400;
    align-items: center;
    font-size: 14px;
    color: #2b2a29;
    margin-right: 40px;
}

.circle-icon .icon:hover {
    color: #3564c4;
}

form>.row>div {
    margin-bottom: 50px;
}

.form-input-box {
    position: relative;
}

.form-input, .select-selected {
    width: 100%;
    padding: 16px;
    background-color: #f4f6fb;
    border: 1px solid transparent;
    border-radius: 3px;
    font-size: 18px;
}

select.form-input {
    width: 100%;
    padding: 16px;
    background-color: #f4f6fb;
    border: 1px solid transparent;
    border-radius: 3px;
    font-size: 18px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.sel {
    position: relative;
}

.sel:after {
    content: "";
    display: block;
    border-style: solid;
    border-width: 6px 5px 0 5px;
    border-color: #000 transparent transparent transparent;
    pointer-events: none;
    position: absolute;
    top: 50%;
    right: 1rem;
    z-index: 1;
    margin-top: -3px;
}

.form-input:hover, .custom-select:hover, .select-items div:hover {
    background-color: #eceff4;
}

#reestr-filter {
    min-width: 200px;
}

.form-input-box .form-label {
    position: absolute;
    top: 16px;
    left: 16px;
    cursor: text;
}

.form-input-box .form-label span {
    color: #6c6a68;
    font-weight: 300;
}

.form-input-box .form-input:focus {
    border-color: #6195ff;
    background-color: #fff;
}

.form-input-box .form-input, .form-input-box .form-label, .checkbox label, .radio label {
    color: #2b2a29;
    font-size: 18px;
}

.form-input-box .form-input:focus~.form-label, .form-input-box .form-input.valid~.form-label, .form-input-box.check-true .form-input~.form-label, .form-input-box.check-false .form-input~.form-label, .form-input-box .form-input.error:focus~.form-label {
    top: -24px;
    left: 0;
    font-size: 14px;
}

.form-input-box .form-input.error~.form-label {
    top: 16px;
    left: 16px;
    font-size: 18px;
}

.form-input-box .form-input.error.err2~.form-label {
    display: none;
}

.form-input-box .form-input.error.err2:focus~.form-label {
    display: inline;
}

.form-input-box .form-input:focus~.form-label span, .form-input-box .form-input.valid~.form-label span {
    display: none;
}

.form-input-box .form-input.error {
    border-color: #f15060;
    background-color: #fff;
}

.form-input-box .form-input.error:focus~label.error {
    display: none !important;
}

label.error {
    color: #f15060;
    font-size: 14px;
    position: absolute;
    left: 0;
    top: -24px;
    white-space: nowrap;
}

.checkbox, .radio {
    position: relative;
    padding: 0 50px 0 40px;
}

.checkbox input[type=checkbox], .radio input[type=radio] {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.checkbox span, .radio span {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 4px solid #f4f6fb;
    box-sizing: border-box;
    background-color: #8c9ec5;
    margin-top: 3px;
}

.radio span {
    border-radius: 50%;
}

.checkbox label, .radio label {
    cursor: pointer;
}

.checkbox input:hover~label span, .radio input:hover~label span {
    border-color: #eceff4;
    background-color: #204391;
}

.checkbox input:checked~label span, .radio input:checked~label span, .vote-answer-item.active label span {
    border-color: #aec1e7;
    background-color: #3564c4;
}

form button, input[type=submit] {
    width: 100%;
    background-color: #204391;
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    padding: 16px 0;
    cursor: pointer;
}

form button:hover, input[type=submit]:hover {
    background-color: #3564c4;
}

.file, .content-block a.file {
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    padding: 20px 0;
    color: #6c6a68;
    margin-bottom: -1px;
}

a.file>span {
    font-weight: normal;
    color: #6c6a68;
}

.file>span:last-child {
    white-space: nowrap;
}

.file>span:last-child span {
    font-weight: 600;
}

.file, .file .icon {
    font-size: 18px;
    line-height: 24px;
}

.file .icon>span:first-child {
    border: 2px solid #aec1e7;
    height: 49px;
    width: 49px;
    margin-right: 16px;
}

.file .icon svg path {
    fill: #aec1e7;
}

.file:hover .icon>span:first-child {
    border-color: #f15060;
}

.file:hover .icon svg path {
    fill: #3564c4;
}

ul.side-menu {
    background-color: #f4f6fb;
    padding: 16px 32px 32px 32px;
}

.side-menu-current {
    display: none;
}

ul.side-menu>li>.flex-row {
    border-bottom: 1px solid #e0e4ed;
    padding: 18px 0;
}

ul.side-menu>li.active>.flex-row {
    border-bottom-color: #204391;
}

ul.side-menu>li.active.single>.flex-row {
    border-bottom-color: #f15060;
}

ul.side-menu ul.side-menu>li>.flex-row {
    border-bottom: none;
    padding: 0;
}

ul.side-menu>li a {
    font-size: 18px;
    font-weight: 600;
    color: #204391;
}

ul.side-menu li.active a, ul.side-menu ul.side-menu li.active>div>a {
    color: #1e3058;
}

ul.side-menu ul.side-menu li.active>div>a {
    border-bottom: 1px solid #204391;
    padding-bottom: 4px;
}

ul.side-menu ul.side-menu>li a {
    font-weight: 400;
}

ul.side-menu ul.side-menu ul.side-menu>li a {
    font-size: 16px;
}

ul.side-menu ul.side-menu {
    display: none;
    transition: none;
    padding: 7px 0 0 32px;
}

ul.side-menu ul.side-menu ul.side-menu {
    padding: 7px 0 0 7px;
}

ul.side-menu ul.side-menu li, ul.rubrics>li {
    margin: 16px 0;
}

ul.side-menu ul.side-menu a, ul.rubrics a {
    font-size: 18px;
    color: #2b2a29;
}

ul.side-menu a.active, ul.rubrics a.active {
    color: #3564c4 !important;
    border-bottom: 2px solid #f15060;
}

ul.side-menu li.active>.flex-row>i {
    transform: rotate(180deg);
}

ul.side-menu i {
    color: #8c9ec5;
    cursor: pointer;
}

ul.side-menu li .side-menu-item-2.selected {
    border-bottom-color: transparent;
}

.table-responsive {
    margin-bottom: 48px;
}

.table-responsive, .topscrollbar-box {
    width: 100%;
}

.table-responsive, .topscrollbar-box, .topscrollbar {
    overflow-x: auto;
    overflow-y: hidden;
}

.topscrollbar-box, .topscrollbar {
    height: 20px;
}

/*.table-responsive::-webkit-scrollbar,
.topscrollbar-box::-webkit-scrollbar {
    height: 2px;
}

.table-responsive::-webkit-scrollbar-track,
.topscrollbar-box::-webkit-scrollbar-track {
    background: none;
}

.table-responsive::-webkit-scrollbar-thumb,
.topscrollbar-box::-webkit-scrollbar-thumb {
    background-color: #1e3058;
}*/

.pagination-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
}

.pagination-block a {
    font-size: 16px;
    color: #204391;
}

ul.pagination {
    display: flex;
}

ul.pagination>li {
    margin-right: 26px;
}

ul.pagination a.active {
    color: #3564c4;
    font-weight: 700;
    border-bottom: 2px solid #f15060;
    padding-bottom: 5px;
}

.light {
    font-weight: 300 !important;
}

.semibold, .modal h4 {
    font-weight: 600 !important;
}

.bold {
    font-weight: 700 !important;
}

.top-news-item {
    margin-bottom: 64px;
}

.top-news-item .news-item h4 {
    margin-top: 0;
}

.grey-block {
    background-color: #f4f6fb;
    padding: 24px;
    margin-bottom: 32px;
}

.uslugi .grey-block {
    min-height: 204px;
    height: calc(100% - 32px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.side-block h4, .grey-block h4, .side-block>.h3, .person-card h4 {
    margin: 0 0 24px 0;
}

.grey-block p {
    font-size: 14px;
    line-height: 18px;
    color: #6c6a68;
    margin: 0;
}

.grey-block a {
    color: #3564c4;
    font-size: 14px;
    border-bottom: none;
}

.form-date-box {
    position: relative;
}

.icon-filtr {
    position: absolute;
    height: 16px;
    width: 16px;
    background: url(/local/templates/softmajor/css/../img/filtr.png) no-repeat center;
    background-size: contain;
    right: 16px;
    top: calc(50% - 8px);
}

.news-form input[type=text] {
    background-color: #fff;
}

.news-form>input[type=text] {
    margin: 24px 0;
}

.custom-select {
    position: relative;
    font-size: 18px;
    border-radius: 3px;
    color: #2b2a29;
    background-color: #f4f6fb;
    min-width: 220px;
}

.custom-select select {
    display: none;
}

.select-selected {
    cursor: pointer;
    display: flex;
    align-items: center;
    /*white-space: nowrap;*/
    padding-right: 32px;
    overflow: hidden;
}

.select-items {
    position: absolute;
    background-color: #f4f6fb;
    top: 100%;
    /*left: 0;
    right: 0;*/
    z-index: 1;
}

.select-items div {
    padding: 16px;
    cursor: pointer;
    border-top: 1px solid #fff;
    display: flex;
    align-items: center;
}

.select-hide {
    display: none;
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    padding: 0;
    min-width: 0;
    width: 32px;
    height: 32px;
    background-color: #fff;
    border-radius: 50%;
}

.daterangepicker .calendar-table td.available {
    color: #3364c3;
}

.daterangepicker .calendar-table td.off {
    color: #b2c3ea;
}

.daterangepicker .calendar-table td.active, .daterangepicker .calendar-table td.active:hover {
    background-color: #f4f6fb;
}

.daterangepicker .calendar-table td:hover {
    background-color: #fff;
}

.daterangepicker .calendar-table td.active, .daterangepicker td.start-date.end-date, .daterangepicker .calendar-table td:hover {
    color: #ec5e52;
    border-radius: 50%;
}

.daterangepicker th.month {
    font-size: 18px;
    font-weight: 600;
    padding: 10px 0;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
    border: solid #8c9ec5;
    border-width: 0 2px 2px 0;
}

.daterangepicker .calendar-table .next:hover, .daterangepicker .calendar-table .prev:hover {
    background-color: #fff;
}

.daterangepicker .calendar-table .next:hover span, .daterangepicker .calendar-table .prev:hover span {
    border-color: #204391;
}

.daterangepicker.ltr .ranges, .daterangepicker.ltr .drp-calendar {
    float: none;
}

.daterangepicker .calendar-table table thead>tr:last-child>th {
    font-weight: 300;
    color: #6c6a68;
}

#record-form .flex-row>div {
    width: calc(33.33% - 8px);
}

.photo-gallery-box {
    position: relative;
    margin: 48px 0;
}

.slider-counter {
    opacity: .5;
    position: absolute;
    right: 34px;
    top: 17px;
}

.slider-counter p {
    color: #1e3058;
    font-weight: 700;
    display: flex;
    align-items: center;
    margin: 0;
}

.photo-full {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.photo-full:hover svg>path {
    fill: #3564c4;
}

.photo-full:hover svg>path:first-child {
    stroke: #3564c4;
}

.photo-gallery img {
    height: 100%;
    width: auto;
}

.photo-gallery .slick-slide {
    opacity: .3;
}

.photo-gallery .slick-slide.slick-current {
    opacity: 1;
}

.person-card {
    background-color: #fbfbfd;
    padding: 64px;
    margin-bottom: 32px;
}

.person-card.active {
    background-color: #f4f6fb;
}

.person-card .info, .modal .info, .maket-structure .info {
    display: flex;
}

.person-card .info>div:last-child, .modal .info>div:last-child, .maket-structure .info>div:last-child {
    width: 100%;
}

.person-card .name {
    display: block;
    border-bottom: none;
}

.person-card .img, .modal .img, .maket-structure .img {
    height: 180px;
    width: 135px;
    margin-right: 28px;
    flex: none;
}

.person-card .contacts, .modal .contacts {
    font-size: 16px;
    line-height: 20px;
    color: #6c6a68;
}

.collapse-content {
    display: none;
    transition: none;
}

.person-card .collapse-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-top: 1px solid #e0e4ed;
    border-bottom: 1px solid #e0e4ed;
    padding: 20px 0;
    margin-top: 32px;
}

.person-card .collapse-btn:hover {
    border-bottom-color: #e0e4ed;
}

.person-card .collapse-btn, .person-card .collapse-content {
    margin-top: 32px;
}

.person-card .collapse-btn.active {
    margin-top: 0;
}

.person-card .collapse-btn::before {
    content: '+';
    font-size: 28px;
    line-height: 16px;
    font-weight: 600;
    color: #8c9ec5;
    margin-right: 8px;
    margin-bottom: 4px;
}

.person-card .collapse-btn::after {
    content: 'Показать структуру подчинения';
    font-size: 16px;
    line-height: 16px;
    color: #204391;
    font-weight: 300;
}

.person-card .collapse-btn.active::before {
    content: '-';
}

.person-card .collapse-btn.active::after {
    content: 'Скрыть структуру подчинения';
}

.person-card .collapse-content>div {
    border-top: 1px solid #e0e4ed;
    padding: 32px 0;
}

.person-card .collapse-content h4 {
    font-size: 18px;
    line-height: 24px;
    margin: 0;
    font-weight: 400;
}

.person-card .contacts-right {
    margin-top: 102px;
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 160px;
    background-color: rgba(237, 237, 237, 0.5);
    overflow-y: auto;
    transition: none;
    z-index: 3;
}

.modal.top-0 {
    padding-top: 104px;
}

.modal-inner {
    background-color: #fff;
    margin: 40px 0;
    padding: 32px 160px 100px 160px;
    position: relative;
    overflow-y: auto;
}

.close-modal {
    position: absolute;
    top: 32px;
    right: 32px;
}

.modal .tab-links.flex-row, .maket-structure .tab-links.flex-row {
    justify-content: flex-start;
}

.modal .tab-links>a, .maket-structure .tab-links>a {
    margin-right: 40px;
}

.modal .title {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 40px;
    color: #1e3058;
}

.modal h4, .modal .email, .maket-structure .email, .profile-work p, .profile-name {
    margin: 0;
}

.modal .email {
    font-size: 16px;
    color: #2b2a29;
}

.modal .contacts>div, .maket-structure .contacts>div, .row-contacts>div {
    margin-top: 24px;
}

.profile-work {
    margin: 50px 0 40px 0;
    padding: 24px 32px;
    border: 1px solid #e0e4ed;
    border-radius: 3px;
    font-size: 16px;
}

#structure .contacts, .maket-structure .contacts {
    border-bottom: 1px solid #e0e4ed;
    padding-bottom: 50px;
    margin-bottom: 32px;
}

.blue-triangle-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 32px;
    background-color: rgba(244, 246, 251, 0.4);
    border-radius: 3px;
    margin-bottom: 32px;
    position: relative;
}

.blue-triangle-block::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border: 8px solid #fff;
    border-right: 8px solid #204391;
    border-bottom: 8px solid #204391;
}

.blue-triangle-block:hover {
    background-color: rgba(244, 246, 251, 1);
}

.blue-triangle-block .angle-right {
    height: 16px;
    width: 16px;
    border-left: 4px solid #8c9ec5;
    border-bottom: 4px solid #8c9ec5;
    transform: rotate(-135deg);
}

.blue-triangle-block:hover .angle-right {
    border-color: #204391;
}

.blue-triangle-block p {
    margin: 0;
}

.blue-triangle-block p:first-child {
    margin-bottom: 24px;
}

.blue-triangle-block>div:first-child {
    border-right: 1px solid #e0e4ed;
    margin-right: 24px;
    width: 100%;
}

.step-links {
    margin-bottom: 50px;
    overflow: hidden;
}

.step-links a {
    display: flex;
    border: 1px solid rgba(81, 122, 204, 0.3);
    border-radius: 3px;
    padding: 15px 16px;
    align-items: center;
    color: rgba(53, 98, 195, 0.3);
    font-size: 18px;
    line-height: 24px;
    position: relative;
    background-color: #fff;
    pointer-events: none;
    border-right: none;
    margin-right: 32px;
}

.step-links a .corner {
    border: 1px solid rgba(81, 122, 204, 0.3);
    height: 80px;
    width: 80px;
    border-radius: 5px;
    transform: scaleX(0.8) rotate(45deg);
    position: absolute;
    right: -27px;
    z-index: -1;
    top: 0;
}

.step-links a.active, .step-links a.active .corner {
    border-color: rgba(81, 122, 204, 1);
    color: rgba(53, 98, 195, 1);
}

.step-links a>span:first-child {
    border: 2px solid rgba(53, 98, 195, 0.3);
    border-radius: 50%;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    width: 48px;
    margin-right: 14px;
    flex: none;
}

.step-links a.active>span:first-child {
    border-color: rgba(53, 98, 195, 1);
}

.step-links a>span {
    white-space: nowrap;
}

.step-links a.active>span:first-child {
    border-color: #f15060;
}

.step-links a.checked {
    border-color: rgba(81, 122, 204, 0.3);
}

.step-links a.checked::before {
    content: '';
    display: block;
    position: absolute;
    top: 15px;
    left: 16px;
    border-radius: 50%;
    background-color: #f15060;
    height: 17px;
    width: 17px;
    z-index: 1;
}

.step-links a.checked::after {
    content: '';
    display: block;
    position: absolute;
    top: 18px;
    left: 21px;
    height: 7px;
    width: 4px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
    z-index: 1;
}

.record-block {
    color: #6c6a68;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 80px;
    padding: 24px 32px;
}

.record-block>div {
    margin-bottom: 24px;
}

.record-block>div:last-child {
    margin-bottom: 0;
}

.record-item {
    border-bottom: 1px solid #cdcdcd;
    padding: 40px 0;
    display: flex;
    align-items: center;
    color: #6c6a68;
    font-size: 16px;
}

.record-item>div {
    margin-right: 40px;
}

.record-item>div:last-child {
    margin-right: 0;
}

.record-item .date {
    white-space: nowrap;
}

.g-card {
    height: auto;
    align-items: center;
}

.g-card .text {
    max-width: none;
    flex: 2;
    margin-left: 40px;
}

.g-card .fa {
    color: #8c9ec5;
}

h4>span.light {
    display: inline-block;
}

.sub-profile-block {
    font-size: 16px;
}

.sub-profile-block>div:first-child {
    font-size: 18px;
    margin-bottom: 32px;
}

.sub-profile-block>div:first-child a {
    font-size: 18px;
    border-bottom: none;
    padding: 0;
}

.modal .sub-profile-block .img, .maket-structure .sub-profile-block .img {
    height: 64px;
    width: 48px;
    flex: none;
    margin-right: 32px;
}

.sub-profile-block .flex-row {
    justify-content: flex-start;
    align-items: flex-start;
}

#datepicker>.ui-datepicker-inline {
    width: 100% !important;
    display: flex !important;
    justify-content: space-between;
}

#datepicker>.ui-datepicker-inline>div {
    width: calc(33.33% - 16px);
    background-color: #fff;
    padding-bottom: 15px;
}

.ui-datepicker-row-break, #datepicker .ui-datepicker-prev, #datepicker .ui-datepicker-next, .ui-datepicker-year {
    display: none;
}

#datepicker table th, #datepicker table td {
    padding: 0;
    font-size: 12px;
    color: #3364c3;
    border-bottom: none;
    background-color: #fff;
    text-align: center;
}

#datepicker table th {
    font-weight: 300;
    color: #6c6a68;
    padding-bottom: 15px;
}

#datepicker table th:first-child, #datepicker table td:first-child {
    padding-left: 15px;
}

#datepicker table th:last-child, #datepicker table td:last-child {
    padding-right: 15px;
}

#datepicker table thead {
    border-bottom: 1px solid #f4f6fb;
}

.ui-datepicker-title {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    padding: 16px 0;
}

#datepicker table td.ui-datepicker-today a {
    font-weight: 700;
}

#datepicker table td.ui-datepicker-today.buzy a {
    color: #2b2a29;
}

#datepicker table td a.ui-state-active {
    background-color: #f4f6fb;
}

#datepicker table td.ui-state-disabled span {
    font-size: 0 !important;
    position: relative;
}

#datepicker table td.ui-state-disabled span::after {
    content: '•';
    color: #b2c3ea;
    font-size: 12px;
    line-height: 25px;
}

#datepicker table td.buzy a {
    pointer-events: none;
    color: #b2c3ea;
}

#datepicker table td.free a {
    font-weight: bold;
}

#datepicker table td a.ui-state-active, #datepicker table td a:hover {
    color: #ec5e52;
}

#datepicker table td a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    /*height: 26px;
    width: 26px;*/
}

li>p {
    margin: 0;
}

.content-block img {
    margin: 5px;
}

.top-grey-block {
    background-color: #f4f6fb;
    font-size: 16px;
}

.top-grey-block .search-form input {
    background-color: #fff;
}

.top-grey-block h1, .top-grey-block .search-form, .page-404 h1 {
    margin: 0 0 32px 0;
}

.highlight, .search-item b {
    background-color: #fcdcdf;
}

.page-404 {
    position: relative;
}

.page-404::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(32, 68, 145, 0.2);
}

.page-404 h1, .page-404 p, .page-404 ul.crumbs>li>a, .page-404 .button span {
    color: #fff;
}

.page-404 p {
    line-height: 30px;
}

.page-404 .button {
    margin: 0 24px 50px 0;
    border: 0.063rem solid rgba(255, 255, 255, 0.3);
}

.page-404 .button::before {
    background-color: #fff;
}

.page-404 .button:hover {
    border-color: #fff;
}

.page-404 .button:hover span {
    color: #3564c4;
}

.blue-block-link, .content-block a.blue-block-link {
    background-color: #204391;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 20px;
    margin: 16px 0;
}

.blue-block-link:hover, .content-block a.blue-block-link:hover {
    background-color: #3564c4;
}

.blue-block-link, .blue-block-link .circle-icon, .content-block a.blue-block-link {
    color: #fff;
}

.blue-block-link .circle-icon {
    margin-right: 0;
}

.vote-item {
    border-bottom: 1px solid #cdcdcd;
    padding: 40px 0;
}

.vote-item h4 {
    margin: 20px 0;
}

.vote-form .checkbox, .vote-form .radio {
    padding: 0;
    margin: 8px 0;
}

.vote-form label {
    display: block;
    background-color: #fbfbfd;
    padding: 10px 10px 10px 40px;
}

.vote-form .collapse-content label {
    display: inline;
    background-color: transparent;
    padding: 0;
}

.vote-form .collapse-content .form-input-box {
    margin: 50px 0;
}

.vote-form .checkbox span, .vote-form .radio span {
    top: 10px;
    left: 10px;
}

.vote-form label:hover {
    background-color: #f4f6fb;
}

.vote-form.result .checkbox, .vote-form.result .radio {
    padding: 10px;
    position: relative;
    background-color: #f4f6fb;
}

.vote-form.result .bar {
    background-color: #fcdcdf;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0%;
    z-index: 0;
}

.vote-form.result .text {
    z-index: 1;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    font-weight: 300;
}

.vote-form.result .value, .vote-form.result .desc {
    font-size: 14px;
    color: #6c6a68;
}

.search-form>.row>div {
    margin-bottom: 0;
}

.bv-body .main {
    margin-top: 256px;
}

.bv-body .bottom-header.top-0 {
    top: 96px;
}

.bv-body .sites-menu, .bv-body .search-menu {
    top: 152px;
    height: calc(100vh - 152px);
}

.bv-body .bottom-header.top-0 .full-menu {
    top: 200px;
    height: calc(100% - 200px);
}

.bv-body .full-menu {
    top: 256px;
    height: calc(100vh - 256px);
}

.bv-body .fab {
    font-family: "Font Awesome 5 Brands" !important;
}

.bv-body .fa {
    font-family: "Font Awesome 5 Free" !important;
}

.bv-body .button::before, .bv-body .blue-triangle-block::before, ul.pagination li::before {
    content: none;
}

.bv-body .step-links a {
    border: 1px solid !important;
    border-right: none !important;
}

.whiteblack .bottom-header, .whiteblack .tab-links>a.active::before, .whiteblack form button, .whiteblack input[type=submit], .whiteblack .close-bars>div, .whiteblack .slider-cards .slick-next, .whiteblack .slider-cards .slick-prev, .whiteblack .footer, .whiteblack .banner-municipal, .whiteblack .card, .whiteblack .department-cards .item a, .blackwhite ul.menu>li>a::before, .blackwhite .top-header, .blackwhite .toggle-menu, .blackwhite ul.sites-list>li, .blackwhite .menu-bars>div, .blackwhite .banner-voting, .blackwhite .banner-graphic, .blackwhite .project-cards .item a, .blackwhite .bottom-header nav ul.sub-menu, .whiteblack .checkbox input:checked~label span, .whiteblack .radio input:checked~label span, .blackwhite .checkbox span, .blackwhite .radio span, .blackwhite ul.side-menu, .blackwhite .vote-form.result .checkbox, .blackwhite .vote-form.result .radio, .blackwhite .vote-form label, .whiteblack ul.crumbs>li::before, .whiteblack ul.crumbs>li::after, .blackwhite .person-card, .blackwhite .grey-block, .blackwhite .banner a::before, .blackwhite .banner a::after, .blackwhite table.tab2 th, .blackwhite .top-grey-block, .whiteblack blockquote, .blackwhite .select-selected, .blackwhite .select-items div, .blackwhite .blue-triangle-block, .blackwhite .step-links a, .whiteblack .step-links a.checked::before, .whiteblack #datepicker table td a.ui-state-active, .blackwhite #datepicker table th, .blackwhite #datepicker>.ui-datepicker-inline>div, .whiteblack .daterangepicker .calendar-table td.active, .whiteblack .daterangepicker td.start-date.end-date, .blackwhite .daterangepicker.ltr, .blackwhite .calendar-table, .blackwhite .daterangepicker .calendar-table th, .whiteblack .slider-cards ul.slick-dots>li.slick-active>button {
    background-color: #000 !important;
}

.whiteblack .logo div, .whiteblack .bottom-header nav a, .whiteblack .footer div, .whiteblack .footer a, .whiteblack .footer span, .whiteblack .footer a:hover, .whiteblack .banner-municipal div, .whiteblack .banner-municipal a, .whiteblack .banner-municipal a:hover, .whiteblack .card, .whiteblack .card div, .whiteblack .department-cards .item a, .blackwhite .project-cards .item h6, .blackwhite .bottom-header nav .sub-menu-box a, .blackwhite .vote-form label, .blackwhite .side-menu>li>.flex-row>i, .blackwhite .person-card .collapse-btn::before, .blackwhite .person-card .collapse-btn::after, .blackwhite ul.list, .blackwhite ol, .blackwhite .content-block ul, .blackwhite table.tab2 th, .whiteblack blockquote, .whiteblack blockquote::before, .blackwhite .form-input-box .form-input, .blackwhite .form-input-box .form-label, .blackwhite .checkbox label, .blackwhite .radio label, .blackwhite label.error, .blackwhite #datepicker table td.ui-state-disabled span::after, .whiteblack #datepicker table td a.ui-state-active, .whiteblack .daterangepicker .calendar-table td.active.available, .whiteblack .daterangepicker td.start-date.end-date, .blackwhite .daterangepicker th.month, .blackwhite .daterangepicker .calendar-table td.available, .blackwhite .button-red, .whiteblack form button, .whiteblack input[type=submit], .whiteblack .bottom-header {
    color: #fff !important;
}

.whiteblack .banner a::before, .whiteblack .banner a::after, .whiteblack ul.menu>li>a::before, .blackwhite .bottom-header, .blackwhite .tab-links>a.active::before, .blackwhite form button, .blackwhite input[type=submit], .blackwhite .close-bars>div, .blackwhite .slider-cards .slick-next, .blackwhite .slider-cards .slick-prev, .blackwhite .footer, .blackwhite .banner-municipal, .blackwhite .card, .blackwhite .department-cards .item a, .whiteblack .checkbox span, .whiteblack .radio span, .blackwhite .checkbox input:checked~label span, .blackwhite .radio input:checked~label span, .blackwhite ul.crumbs>li::before, .blackwhite ul.crumbs>li::after, .blackwhite blockquote, .blackwhite .step-links a.checked::before, .blackwhite .daterangepicker .calendar-table td.active, .blackwhite .daterangepicker td.start-date.end-date, .blackwhite .slider-cards ul.slick-dots>li.slick-active>button {
    background-color: #fff !important;
}

.whiteblack .bottom-header nav .sub-menu-box a, .whiteblack .project-cards .item h6, .blackwhite .logo div, .blackwhite form button, .blackwhite input[type=submit], .blackwhite .bottom-header nav a, .blackwhite .footer div, .blackwhite .footer a, .blackwhite .footer span, .blackwhite .footer a:hover, .blackwhite .banner-municipal div, .blackwhite .banner-municipal a, .blackwhite .banner-municipal a:hover, .blackwhite .card, .blackwhite .card div, .blackwhite .department-cards .item a, .blackwhite .search-menu .banner, .blackwhite .search-menu .banner div, .whiteblack .side-menu>li>.flex-row>i, .whiteblack .person-card .collapse-btn::before, .whiteblack .person-card .collapse-btn::after, .whiteblack table.tab2 th, .blackwhite blockquote, .blackwhite blockquote::before, .whiteblack label.error, .whiteblack #datepicker table td.ui-state-disabled span::after, .blackwhite #datepicker table td a.ui-state-active, .whiteblack .daterangepicker th.month, .whiteblack .daterangepicker .calendar-table td.available, .blackwhite #datepicker table td a.ui-state-active, .blackwhite .daterangepicker .calendar-table td.active.available, .whiteblack .daterangepicker td.start-date.end-date, .whiteblack .button-red {
    color: #000 !important;
}

.whiteblack .card .icon svg>path, .blackwhite .circle-icon svg>path, .blackwhite .photo-full svg>path, .blackwhite .file .icon svg path {
    fill: #fff;
    stroke: #fff;
}

.blackwhite .card .icon svg>path, .blackwhite .card:hover .icon svg>path, .whiteblack .circle-icon svg>path, .whiteblack .photo-full svg>path, .whiteblack .file .icon svg path {
    fill: #000;
    stroke: #000;
}

.whiteblack .top-header .icon-link.sites::after, .whiteblack .select-selected::after, .blackwhite .card .icon::before, .blackwhite .step-links a.checked::after, .whiteblack .step-links a {
    border-color: #000 !important;
}

.blackwhite .top-header .icon-link.sites::after, .blackwhite .select-selected::after, .blackwhite .step-links a {
    border-color: #fff !important;
}

.whiteblack .search-form input, .whiteblack .button, .whiteblack .button-red, .whiteblack .blue-block-link {
    border: 4px solid #000 !important;
    background-color: #fff !important;
}

.blackwhite .search-form input, .blackwhite .button, .blackwhite .button-red, .blackwhite .blue-block-link {
    border: 4px solid #fff !important;
    background-color: #000 !important;
}

.whiteblack .top-header .icon-link.sites::before {
    background-image: url(/local/templates/softmajor/css/../blind/img/prm-b.png);
}

.whiteblack .top-header .icon-link.search::before {
    background-image: url(/local/templates/softmajor/css/../blind/img/search-b.png);
}

.whiteblack ul.sites-list>li>a::after, .whiteblack a.goto::after {
    background-image: url(/local/templates/softmajor/css/../blind/img/arrow-link-b.png);
}

.whiteblack .icon-filtr {
    background-image: url(/local/templates/softmajor/css/../blind/img/filtr-b.png);
}

.blackwhite .top-header .icon-link.sites::before {
    background-image: url(/local/templates/softmajor/css/../blind/img/prm-w.png);
}

.blackwhite .top-header .icon-link.search::before {
    background-image: url(/local/templates/softmajor/css/../blind/img/search-w.png);
}

.blackwhite ul.sites-list>li>a::after, .blackwhite a.goto::after {
    background-image: url(/local/templates/softmajor/css/../blind/img/arrow-link-w.png);
}

.blackwhite .icon-filtr {
    background-image: url(/local/templates/softmajor/css/../blind/img/filtr-w.png);
}

.whiteblack .logo .img, .blackwhite .logo .img {
    background-image: url(/local/templates/softmajor/css/../blind/img/gerb.png) !important;
}

.blackwhite .slider-cards .slick-next {
    background-image: url(/local/templates/softmajor/css/../blind/img/arrow-right.png) !important;
}

.blackwhite .slider-cards .slick-prev {
    background-image: url(/local/templates/softmajor/css/../blind/img/arrow.png) !important;
}

.whiteblack .vote-form.result .bar, .whiteblack .highlight {
    background-color: #ccc;
}

.blackwhite .vote-form.result .bar, .blackwhite .highlight {
    background-color: #333;
}

.whiteblack #datepicker table td.buzy a {
    color: #ccc !important;
}

.blackwhite #datepicker table td.buzy a {
    color: #333 !important;
}

.blue .top-header, .blue .bottom-header nav ul.sub-menu, .blue .toggle-menu, .blue .project-cards .item a, .blue .tab-links>a.active::before, .blue .menu-bars>div, .blue .banner-voting, .blue .banner-graphic, .blue ul.sites-list>li, .blue ul.menu>li>a::before, .blue ul.side-menu, .blue .vote-form label, .blue .vote-form.result .checkbox, .blue .vote-form.result .radio, .blue .person-card, .blue .grey-block, .blue .banner a::before, .blue .banner a::after, .blue table.tab2 th, .blue .top-grey-block, .blue .select-selected, .blue .select-items div, .blue .blue-triangle-block, .blue .step-links a, .blue #datepicker table th, .blue #datepicker>.ui-datepicker-inline>div, .blue .daterangepicker.ltr, .blue .calendar-table, .blue .daterangepicker .calendar-table th {
    background-color: #9dd1ff !important;
}

.blue .bottom-header nav ul.sub-menu a, .blue .search-form input, .blue .project-cards .item a, .blue .project-cards .item div, .blue .project-cards .item h6, .blue .form-input-box .form-input, .blue .form-input-box .form-label, .blue .checkbox label, .blue .radio label, .blue label.error, .blue #datepicker table td.ui-state-disabled span::after, .blue .daterangepicker .calendar-table td.available, .blue .button-red {
    color: #063462 !important;
}

.blue .close-bars>div, .blue .news-item .date span::before, .blue .record-item .date span::before, .blue .vote-item .date span::before, .blue .news-date span::before, .blue .step-links a.checked::before, .blue .daterangepicker .calendar-table td.active, .blue .daterangepicker td.start-date.end-date, .blue .slider-cards ul.slick-dots>li.slick-active>button {
    background-color: #063462 !important;
}

.blue .logo div, .blue .bottom-header nav a, .blue .footer div, .blue .footer a, .blue .footer span, .blue .footer a:hover, .blue .banner-municipal div, .blue .banner-municipal a, .blue .banner-municipal a:hover, .blue .card, .blue .card div, .blue .department-cards .item a, .blue form button, .blue .blue-block-link, .blue .blue-block-link div, .blue blockquote, .blue blockquote::before, .blue #datepicker table td a.ui-state-active, .blue #datepicker table td a.ui-state-active, .blue .daterangepicker .calendar-table td.active.available, .blue .daterangepicker td.start-date.end-date {
    color: #9dd1ff !important;
}

.blue .card .icon svg>path, .blue .card:hover .icon svg>path, .blue .blue-block-link svg>path {
    fill: #9dd1ff;
    stroke: #9dd1ff;
}

.blue .photo-full svg>path, .blue .file .icon svg path {
    fill: #063462;
    stroke: #063462;
}

.blue .search-form input, .blue .button, .blue .button-red {
    border: 4px solid #063462 !important;
    background-color: #9dd1ff !important;
}

.blue .vote-form.result .bar, .blue .highlight {
    background-color: #8c9ec5;
}

.blue #datepicker table td.buzy a {
    color: #8c9ec5 !important;
}

.noshow .banner-voting, .noshow .banner-graphic {
    background-image: none;
}

.blue .step-links a.checked::after {
    border-color: #8c9ec5;
}

.blue .step-links a {
    border-color: #063462;
}

.blue .daterangepicker::after {
    border-bottom-color: #9dd1ff;
}

.blue .daterangepicker::before {
    border-bottom-color: #063462;
}

#letter-form img {
    width: auto;
}

.check-true, .check-false {
    position: relative;
}

.check-true::before, .check-false::before {
    position: absolute;
    content: '';
    right: 12px;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    top: calc(50% - 8px);
}

.check-true::before {
    background-color: #27d060;
}

.check-false::before {
    background-color: #f15060;
}

.check-true::after, .check-false::after {
    position: absolute;
    transform: rotate(45deg);
}

.check-true::after {
    content: '';
    height: 6px;
    width: 4px;
    top: calc(50% - 5px);
    right: 17px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
}

.check-false::after {
    content: '+';
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    top: calc(50% - 11px);
    right: 13px;
}

.img-popup, .content-block a.img-popup {
    border-bottom: none;
}

.img-cover__popup .mfp-img {
    width: 400px;
}

.button-add {
    position: relative;
    padding-right: 47px;
}

.button-add::before, .button-del::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 300;
}

.button-add::before {
    content: '+';
    background-color: rgba(255, 255, 255, 0.15);
    font-size: 27px;
    padding-bottom: 3px;
}

.button-del::before {
    cursor: pointer;
    width: 100%;
    background-color: #e4e8f3;
    color: #8c9ec5;
    content: '✖';
    font-size: 18px;
}

.add-content .form-input-box {
    margin-bottom: 30px;
    display: flex;
}

.button-del {
    position: relative;
    width: 58px;
    flex: none;
}

.button-upload {
    margin: 2em 0 1em 0;
}

.button-upload input[type=file] {
    display: none;
    transition: none;
}

.success-modal {
    z-index: 9999;
}

.success-modal .container {
    padding: 0;
    width: 460px;
}

.success-modal .modal-inner {
    padding: 90px 60px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.success-modal .title {
    font-size: 30px;
    font-weight: 300;
}

.success-modal .button-bordered {
    color: #3564c4;
    font-weight: 700;
    font-size: 16px;
    border: 1px solid rgba(32, 68, 145, 0.3);
    padding: 17px;
    display: inline-block;
    border-radius: 5px;
    margin-bottom: 60px;
}

.success-modal .link {
    color: #2b2a29;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid rgba(53, 101, 196, 0.4);
}

.share-dialog-left {
    left: -5px;
    top: 50px;
    z-index: 1;
}

.share-dialog-inner-left {
    background: #fff;
    min-width: 90px;
}

.cookie-notify {
    width: 100%;
    right: 30px;
    bottom: 30px;
    max-width: 350px;
    z-index: 1000;
    position: fixed;
    background: #fff;
    padding: 30px;
    box-shadow: 0 16px 24px rgba(47, 52, 68, .16);
}

.cookie-notify__content {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 20px;
}

.cookie-notify__button {
    width: auto;
    display: inline-block;
    border: 0 none;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    background: #204391;
    color: #fff;
    padding: 0 30px;
    white-space: nowrap;
}

.content-block a.circle-icon, .bookmarks a, .pagination-block a, .search-item a, .content-block a.photo-full, .content-block .photo-gallery a {
    border-bottom: none;
}

.bookmarks a.facebook, .bookmarks a.twitter, .bookmarks a.vk {
    font-size: 14px;
    background: none;
    font-family: "Font Awesome 5 Brands";
    color: #3564c4;
}

.bookmarks a.facebook::before {
    content: "\f39e";
}

.bookmarks a.twitter::before {
    content: "\f099";
}

.bookmarks a.vk::before {
    content: "\f189";
}

.bookmarks a:hover {
    border-color: #f15060;
}

font.notetext {
    color: #2b2a29;
}

.form-date-box form>.row>div {
    margin-bottom: 20px;
}

.popup-window, .blind-version-block *, .spoiler-text {
    transition: none;
}

.search-item a::after {
    content: none;
}

.toggle-menu.m-menu {
    position: absolute;
}

#form-reestr-search>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 24px -5px;
    flex-wrap: wrap;
}

#form-reestr-search>div>div {
    margin: 0 5px;
}

#form-reestr-search>div>div:nth-child(2) {
    flex: 2;
}

#form-reestr-search>div>div:nth-child(4), #form-reestr-search>div>div:nth-child(5) {
    flex: 1;
}

.photo-gallery-box .slider-counter {
    right: 0;
    top: -32px;
}

.row.uslugi, .full-menu.toggle-menu .container>div.row>div>div.row {
    display: flex;
    flex-wrap: wrap;
}

.news-item .file {
    margin: 20px 0;
}

.spoiler-text {
    display: none;
}

.maket-structure .contacts>div>*, .sub-profile-block .row>div.light>div, .row-contacts>div>* {
    display: inline-block;
}

.photo-gallery-nav img {
    height: 70px;
    cursor: pointer;
}

.photo-gallery-nav .slick-slide {
    padding: 0;
}

.photo-gallery-nav {
    padding: 0 30px;
}

.photo-gallery-nav .slick-slide {
    opacity: .3;
}

.photo-gallery-nav .slick-slide.slick-current {
    opacity: 1;
}

.photo-gallery-nav-box {
    position: relative;
}

.photo-gallery-nav-box button.mfp-arrow {
    z-index: 1;
}

.photo-gallery-nav-box .mfp-arrow-left:after, .photo-gallery-nav-box .mfp-arrow-right:after {
    content: none;
}

.photo-gallery-nav-box .mfp-arrow-right:before {
    border-left: 14px solid #1e3058;
}

.photo-gallery-nav-box .mfp-arrow-left:before {
    border-right: 14px solid #1e3058;
}

.photo-gallery-nav-box .mfp-arrow:before {
    border-top-width: 10px;
    border-bottom-width: 10px;
    margin-top: 26px;
    margin-left: 0;
}

.photo-gallery-nav-box .mfp-arrow {
    top: 5px;
    margin-top: 0;
    width: 20px;
    height: 70px;
}

a.goto {
    display: inline;
}

a.goto::after {
    top: auto;
    position: relative;
    right: -5px;
    bottom: 4px;
    position: relative;
    content: url(/local/templates/softmajor/css/../img/arrow-link.png);
    background: none;
    width: 0px;
    margin-right: -5px;
}

.blue-block-link .circle-icon:hover>div:first-child {
    border-color: #a1b6e6;
}

/*  */

#timer {
    height: 144px;
    margin-top: 32px;
}

#timer .timer300 {
    /* background-size: auto 100%; */
}

#timer .timer300 .cntnt {
    width: 100%;
    height: 100%;
    position: static;
    transform: none;
}

#timer .timer300 .cntnt>h1 {
    font-size: 12px;
    padding-top: 25px;
    padding-bottom: 12px;
    margin: 0;
}

#timer .timer300 .cntnt>img {
    top: 49px;
    right: 16px;
    width: 47px;
    height: 37px;
    margin: 0;
}

.timer-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#timer-text-f0d351da89d4630d5b7e0c4c9e3c6685-hours, #timer-text-f0d351da89d4630d5b7e0c4c9e3c6685-minutes, #timer-text-f0d351da89d4630d5b7e0c4c9e3c6685-secundes, #timer-separator-f0d351da89d4630d5b7e0c4c9e3c6685-hours {
    display: none !important;
}

#timer-element-f0d351da89d4630d5b7e0c4c9e3c6685-days {
    width: 100%;
}

.timer-wrapper .timer-element-days {
    font-size: 36px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 5px;
}

.timer-wrapper #timer-text-f0d351da89d4630d5b7e0c4c9e3c6685-days {
    font-size: 16px !important;
    line-height: 18px;
    font-weight: 300;
}

.timer-wrapper .timer-element-hours, .timer-wrapper .timer-element-minutes, .timer-wrapper .timer-element-secundes, .timer-wrapper .timer-separator {
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
}

/* 75 лет победы */

.banner75 {
    display: block;
    width: 100%;
    height: 120px;
    background: url(/local/templates/softmajor/css/../img/pobed75.svg) center center no-repeat #f4f6fb;
    background-size: 208px;
    margin-top: 32px;
}

.banner-img {
    display: block;
    margin-top: 32px;
    background: #f4f6fb;
    text-align: center;
}

.banner-img img {
    width: 140px;
    margin-top: -7px;
    padding-bottom: 20px;
}

@media (min-width: 1281px) {
    .news-item {
        max-width: 256px;
    }
    .preview-news .news-item {
        max-width: 544px;
    }
    .banner-block {
        max-width: 288px;
    }
}

@media (min-width: 760px) and (max-width: 1281px) {
    .banner-block .row {
        margin-bottom: 32px;
    }
    .banner-block .row>div {
        height: 297px;
    }
    .banner.banner-municipal, .banner.banner-voting {
        height: 100%;
    }
    #timer {
        margin-bottom: 32px;
        margin-top: 0px;
    }
}

@media (min-width: 760px) and (max-width: 1150px) {
    .banner .text {
        font-size: .9rem;
        line-height: 1.4rem;
    }
    #timer .timer300 .cntnt>h1 {
        font-size: 10px;
    }
}

@media (max-width: 761px) {
    .banner, .banner:last-child {
        margin-bottom: 0px;
    }
    .banner-block .row {
        margin-bottom: 32px;
    }
    .timer-element-days {
        padding-bottom: 0 !important;
    }
    .banner-graphic {
        background-position: 93% -70% !important;
        background-size: contain !important;
    }
    .img-cover__popup .mfp-img {
        width: 280px;
    }
}

.banner-graphic {
    height: auto;
    background-position-y: 50%;
}

.footer .address, .footer .phone, .footer .mail {
    display: inline-block;
}

.project-cards .item .text {
    display: block;
    position: relative;
}

.project-cards .item .button-red {
    position: absolute;
    bottom: 24px;
    padding: 5px 10px;
}

.content-block a.blue-triangle-block {
    border-bottom: none;
}

.bookmarks a>span {
    font-size: 0;
}

@media screen and (max-width: 760px) {
    .project-cards .item .button-red {
        bottom: 20px;
        padding: 3px 8px;
    }
}

/*
Add 300 banner to bottom from AKO
*/

.home__banners--iframe-widget {
    padding: 0 !important;
    margin: 0;
}

.home__banners--iframe-widget iframe {
    width: 100%;
    height: 240px;
}

.header-social {
    margin-right: 43px;
}

.header-social a {
    color: #204391 !important;
}

.header-social svg {
    fill: #204391 !important;
}

.header-social .social-link {
    width: 2rem;
    height: 2rem;
}

/* 30 march 2021 add safe_kemerovo */

.safe-page-wrapper .modal-check-project {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    position: absolute;
    left: 50px;
    bottom: 50px;
    border-bottom-color: red;
}

.safe-page-wrapper .modal-check-project::after {
    content: '';
    padding-left: 15px;
    background: url("/local/templates/softmajor/css/../img/right-arrow 1.png") no-repeat;
    background-position: right 65%;
}

.safe-page-wrapper .modal-detail {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    padding-left: 50px;
    text-align: left;
    grid-column: 1/2;
}

.safe-page-wrapper h4 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    padding-top: 30px;
    padding-left: 20px;
    text-align: left;
}

.safe-page-wrapper h3 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 39px;
    padding-left: 50px;
    text-align: left;
    grid-column: 1/2;
    margin-top: 25px;
}

.safe-page-wrapper {
    position: relative;
}

.svg-safe-block {
    position: absolute;
    left: 20px;
    bottom: 5px;
}

.safe-button__safe-block {
    width: 100%;
    height: 100%;
    min-width: 220px;
    min-height: 170px;
    position: relative;
}
.overflow-wrap-modal{
    overflow: auto;
    max-height: 800px;
    margin-top: 10px;
    width: 100%;
    padding-right: 60px;
}

.safe-button__modal-window img{
    margin:0;
}
@media screen and (min-width: 700px) and (max-width: 1300px) {
    .safe-page-wrapper {
        display: grid;
        white-space: wrap;
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }
    .safe-button__modal-window {
        left: 20px;
        right: 400px;
        top: 70px;
        bottom: 650px;
        height: auto;
        padding-bottom: 100px;
    }
}

@media not screen and (max-width: 1300px) {
    .safe-page-wrapper {
        display: grid;
        white-space: wrap;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .safe-button__safe-block {
        width: 250px;
        height: 100%;
        min-width: 220px;
        min-height: 140px;
    }
    .safe-button__modal-window {

        left: 100px;
        right: 100px;
        top: 70px;
        height: auto;
        padding-top: 20px;
        padding-bottom: 100px;
        max-height: 950px;
    }
}

@media not screen and (min-width: 700px) {
    .safe-page-wrapper {
        display: grid;
        white-space: wrap;
        grid-template-columns: 1fr;
        width: 100%;
    }
    .safe-button__modal-window {
        left: 20px;
        right: 100px;
        top: 70px;
        bottom: 200px;
        height: 900px;
    }
    .safe-page-wrapper h3 {
        padding-top: 50px;
    }
    .modal-detail{
        padding-top: 45px;
    }
}

.safe-button {
    margin: 0;
    margin-right: 12px;
    background-color: white;
    margin-bottom: 12px;
    cursor: pointer;
}


.block--blago {
    background-color: #D1E3EF;
}

.block--blago:hover {
    background-color: #967BB9;
    box-shadow: 0 0 5px 2px #967BB9;
}

.block--blago:hover h4 {
    color: white;
}

.block--blago:hover .svg-color--blago path {
    fill: white;
}

.block--xoz {
    background-color: #D2DBF5;
}

.block--xoz:hover {
    background-color: #7481A5;
    box-shadow: 0 0 5px 2px #7481A5;
}

.block--xoz:hover h4 {
    color: white;
}

.block--xoz:hover .svg-color--xoz path {
    fill: white;
}

.block--social-sphere {
    background-color: #DECCF5;
}

.block--social-sphere:hover {
    background-color: #9785DE;
    box-shadow: 0 0 5px 2px #9785DE;
}

.block--social-sphere:hover h4 {
    color: white;
}

.block--social-sphere:hover .svg-color--social-sphere path {
    fill: white;
}

.block--economic {
    background-color: #D2DFFF;
}

.block--economic:hover {
    background-color: #4A7795;
    box-shadow: 0 0 5px 2px #4A7795;
}

.block--economic:hover h4 {
    color: white;
}

.block--economic:hover .svg-color--economic path {
    fill: white;
}

.block--municipal {
    background-color: #FFDAD6;
}

.block--municipal:hover {
    background-color: #F49387;
    box-shadow: 0 0 5px 2px #F49387;
}

.block--municipal:hover h4 {
    color: white;
}

.block--municipal:hover .svg-color--municipal path {
    fill: white;
}

.block--transport {
    background-color: #E5EBFA;
}

.block--transport:hover {
    background-color: #6D94F8;
    box-shadow: 0 0 5px 2px #6D94F8;
}

.block--transport:hover h4 {
    color: white;
}

.block--transport:hover .svg-color--transport path {
    fill: white;
}

.block--health {
    background-color: #FDE5EB;
}

.block--health:hover {
    background-color: #E47996;
    box-shadow: 0 0 5px 2px #E47996;
}

.block--health:hover h4 {
    color: white;
}

.block--health:hover .svg-color--health path {
    fill: white;
}

.block--culture {
    background-color: #ECD6E2;
}

.block--culture:hover {
    background-color: #C14D8B;
    box-shadow: 0 0 5px 2px #C14D8B;
}

.block--culture:hover h4 {
    color: white;
}

.block--culture:hover .svg-color--culture path {
    fill: white;
}

.block--education {
    background-color: #D9CBDD;
}

.block--education:hover {
    background-color: #7D3F8C;
    box-shadow: 0 0 5px 2px #7D3F8C;
}

.block--education:hover h4 {
    color: white;
}

.block--education:hover .svg-color--education path {
    fill: white;
}

.block--sport {
    background-color: #E6DDEB;
}

.block--sport:hover {
    background-color: #551673;
    box-shadow: 0 0 5px 2px #551673;
}

.block--sport:hover h4 {
    color: white;
}

.block--sport:hover .svg-color--sport path {
    fill: white;
}

.block--buissness {
    background-color: #C9BFE0;
}

.block--buissness:hover {
    color: white;
    background-color: #2E1465;
    box-shadow: 0 0 5px 2px #2E1465;
}

.block--buissness:hover h4 {
    color: white;
}

.block--buissness:hover .svg-color--buissness path {
    fill: white;
}

.block--project-x {
    background-color: #C8D5DD;
}

.block--project-x:hover {
    background-color: #144560;
    box-shadow: 0 0 5px 2px #144560;
}

.block--project-x:hover h4 {
    color: white;
}

.block--project-x:hover .svg-color--project-x path {
    fill: white;
}

.safe-button__modal-window {
    display: grid;
    grid-template-columns: auto;
    z-index: 100;
    display: none;
    position: absolute;
    background-color: #fff;
    width: 80%;
    text-align: left;
    cursor: default;
    box-shadow: 0px 24px 45px rgba(69, 69, 69, 0.35);
}

.close {
    position: absolute;
    background-color: #fff;
    margin: 0;
    padding: 0;
    top: 10px;
    right: 60px;
    font-size: 50px;
    cursor: pointer;
    width: 0px;
    height: 0px;
}
/* End */


/* Start:/local/templates/softmajor/css/responsive.css?157171743224224*/
@media screen and (max-width: 1280px) {
    .menu-bars {
        margin-left: 30px;
    }

    .news-banner-block {
        flex-direction: column-reverse;
        position: relative;
    }

    .banner {
        /* height: 200px; */
    }

    .preview-news .news-item {
        margin-bottom: 50px;
    }

    .card {
        font-size: 1.1rem;
    }

    .slider-cards .slick-next {
        right: -33px;
    }

    .slider-cards .slick-prev {
        left: -33px;
    }

    .project-cards .item .img {
        height: 180px;
    }

    .banner-voting {
        background-position-y: 18%;
    }

    .project-cards .item h6 {
        font-size: 1.125rem;
    }

    .project-cards .item a {
        height: 430px;
    }

    .side-block {
        padding-left: 25px;
    }

    .content-block {
        padding-right: 25px;
    }
}

@media screen and (max-width: 992px) {
    .bottom-header nav,
    ul.crumbs,
    .side-news,
    ul.side-menu,
    ul.side-menu > li > .flex-row > i,
    .hidden-sm {
        display: none;
    }

    .visible-sm {
        display: block;
    }

    .sub-m-menu {
        margin-bottom: 32px;
    }

    .banner-graphic {
        margin-bottom: 32px;
    }

    .card {
        height: 175px;  
    }

    .department-cards .item a {
        height: 140px;
    }

    .project-cards .item a {
        height: 480px;
    }

    .side-block {
        padding-left: 10px;
        margin-top: 32px;
    }
    
    .content-block {
        padding-right: 10px;
    }

    .sub-side-menu {
        display: block;
    }

    .side-menu-current {
        display: flex;
        padding: 15px;
        border: 1px solid #3564c4;
        border-radius: 3px;
    }

    .side-menu-current span {
        color: #3564c4;
        font-weight: 700;
        font-size: 18px;
    }

    .side-menu-current i {
        color: #8c9ec5;
        font-size: 16px;
        margin-top: 1px;
    }

    ul.side-menu {
        transition: none;
        padding: 0;
        background: none;
        border: 1px solid #cdcdcd;
    }

    ul.side-menu ul.side-menu {
        border: none;
    }

    ul.side-menu > li {
        padding: 0 14px;
        border-bottom: 1px solid #cdcdcd;
    }

    ul.side-menu > li > .flex-row {
        border: none;
    }

    ul.side-menu > li > .flex-row > a {
        font-weight: 400;
    }

    ul.side-menu ul.side-menu a,
    ul.side-menu ul.side-menu a.active {
        color: #757576 !important;
        border-bottom: none;
    }

    ul.side-menu ul.side-menu a,
    ul.side-menu ul.side-menu a.active,
    ul.side-menu ul.side-menu,
    ul.side-menu ul.side-menu ul.side-menu,
    ul.side-menu ul.side-menu li.active {
        padding: 0;
    }

    ul.side-menu ul.side-menu > li {
        margin: 0;
        padding: 16px 0;
        border-bottom: 1px solid #cdcdcd;
    }

    ul.side-menu > li:last-child,
    ul.side-menu ul.side-menu > li:last-child {
        border-bottom: none;
    }
}

@media screen and (max-width: 760px) {
    h1, .h1 {
        font-size: 24px;
        line-height: 24px;
        margin: 18px 0;
    }

    h2 {
        font-size: 19px;
        margin: 16px 0;
    }

    .h2 {
        font-size: 1.8rem;
        margin: 16px 0;
    }

    h3 {
        font-size: 16px;
        margin: 14px 0;
    }

    h4 {
        font-size: 14px;
        line-height: 20px;
        margin: 14px 0;
    }

    h5 {
        font-size: 13px;
    	margin: 13px 0;
    }

    h6 {
        font-size: 12px;
    }

    p, ul.list, ol, .content-block ul, .content-block a, body,
    .news-date,
    .page-404 p {
        font-size: 13px;
        line-height: 20px;
    }

    /*ul.list li, ol li, .content-block ul li {
        padding-left: 30px;
    }*/

    blockquote {
        font-size: 18px;
        line-height: 26px;
        padding: 32px 16px 24px 16px;
    }

    blockquote::before {
        font-size: 50px;
        left: 16px;
        top: 28px;
    }

    .table-responsive {
        margin-bottom: 24px;
    }

    table.tab1 th, table.tab1 td, table.tab2 th, table.tab2 td,
    .table-fs-12 th, .table-fs-12 td, table.data-table th, table.data-table td {
        padding: 10px;
    }

	table, table p, .content-block table a {
        font-size: 10px;
        line-height: 14px;
	}

    .table-fs-14 th, .table-fs-14 td {
        font-size: 11px;
        line-height: 14px;
        padding: 10px;
    }

    .table-fs-14 .button-red {
        padding: 8px;
    }

	summary, .spoiler-title {
		font-size: 14px;
    	padding: 16px 18px 16px 0;
	}

	details .spoiler-text, .spoiler .spoiler-text {
		padding-bottom: 16px;
	}

    .main {
        margin-top: 110px;
    }

    .full-menu {
        top: 110px;
        height: calc(100vh - 110px);
    }

    .news-block,
    .news-block > .row {
        flex-direction: column;
        align-items: flex-start;
    }

    .preview-news .news-item {
        border-bottom: 1px solid #cdcdcd;
        padding-bottom: 26px;
        width: 100%;
        margin-bottom: 22px;
    }

    .visible-xs {
        display: inline-block;
    }

    .hidden-xs,
    ul.crumbs {
        display: none;
    }

    .top-header .flex-row {
        height: 42px;
    }

    .sites-menu, .search-menu {
        background-color: #fff;
        top: 42px;
        height: calc(100vh - 42px);
        z-index: 4;
    }

    .top-header a {
        font-size: 0.75rem;
        line-height: 2.5rem;
    }

    .top-header a.search {
        font-size: 0;
    }

    .pd-64-0 {
        padding: 24px 0;
    }

    .top-header .icon-link.sites::before {
        height: 14px;
        width: 14px;
    }

    .top-header .icon-link.sites::after {
        height: 4px;
        width: 4px;
        margin-left: 7px;
    }

    .top-header .icon-link.search::before {
        width: 14px;
    }

    .top-header .icon-link::before {
        margin-right: 10px;
    }

    .impaired {
        margin-left: 12px;
        width: 20px;
    }

    .bottom-header .flex-row {
        height: 68px;
    }

    .bottom-header.top-0 .full-menu {
        position: fixed;
        top: 68px;
        height: calc(100% - 68px);
    }

    .logo .text {
        font-size: 9px;
        line-height: 12.8px;
    }

    .logo .text > div:first-child {
        font-size: 11px;
        margin-bottom: 2px;
    }

    .banner a,
    .banner .date {
        font-size: 0.74rem;
    }

    .logo .img {
        height: 42px;
        width: 28px;
        margin-right: 12px;
    }

    .menu-bars, .close-bars {
        width: 18px;
    }

    .menu-bars {
        height: 16px;
    }

    .menu-bars > div {
        margin-bottom: 5px;
    }

    .menu-bars > div, .close-bars > div {
        height: 2px;
        border-radius: 2px;
    }

    .banner .text {
        font-size: 1rem;
        line-height: 1.25rem;
        margin-bottom: 10px;
    }

    .banner {
        height: 160px; 
    }

    .banner, .banner:last-child {
        margin-bottom: 24px;
    }

    .banner-municipal {
        background-position: 130% 50%;
        background-size: 53%;
    }

    .banner-voting {
        height: 105px;
        background-position: 93% 39%;
        background-size: 10%;
    }

    .banner-graphic {
        background-position: 110% 50%;
        background-size: 40%;
    }

    .banner .more-info,
    .news-item,
    .vote-item {
        font-size: 0.76rem;
        line-height: 1.25rem;
    }

    .preview-news .news-item h4 {
        font-size: 24px;
        line-height: 30px;
    }

    .news-item .date span::before,
    .vote-item .date span::before {
        top: 3px;
    }

    .news-item .date,
    .vote-item .date {
        margin-top: 10px;
    }

    .news-item h4,
    .vote-item h4 {
        line-height: 1.25rem;
        font-size: 0.84rem;
    }

    .news-item:last-child {
        margin-bottom: 36px;
    }

    .button {
        font-size: 0.76rem;
        padding: 10px 12px;
    }

    .news-banner-block .button,
    .top-grey-block .search-form {
        margin-bottom: 16px;
    }

    .card {
        font-size: 1rem;
        line-height: 1.2rem;
        padding-left: 20px;
        padding-top: 20px;
        margin-bottom: 24px;
        height: 110px;
    }

    .footer {
        padding: 30px 0;
    }

    .footer, .footer .conf {
        font-size: 0.675rem;
    }

    .footer .logo .img {
        width: 40px;
        height: 60px;
        margin: 10px 0;
    }

    .footer .logo .text {
        font-size: 0.65rem;
    }

    .footer .logo .text > div:first-child {
        font-size: 0.84rem;
        line-height: 1rem;
    }

    .footer .address,
    .footer .mail,
    .footer .phone {
        font-size: 0.73rem;
        line-height: 1.8rem;
    }

    .footer a {
        font-size: 0.82rem;
        line-height: 1rem;
        margin-bottom: 15px;
    }

    .footer .title {
        font-size: 0.94rem;
        line-height: 1.2rem;
        margin: 25px 0 20px 0;
    }

    .footer .row.m-bottom-50 {
        margin-bottom: 0;
    }

    .pd-96-0 {
        padding: 32px 0;
    }

    .pd-40-0 {
        padding: 16px 0;
    }

    .social-block .social-link,
    .circle-icon > div:first-child,
	.bookmarks a.facebook, .bookmarks a.twitter, .bookmarks a.vk {
        width: 2rem;
        height: 2rem;
    }

	.share-dialog-left { 
		top: 40px;
	}

    .file .icon > div:first-child {
        margin-top: -10px;
    }

    .file, .file .icon {
        font-size: 13px;
        line-height: 20px;
        margin-right: 10px;
        align-items: flex-start;
    }

    .card .icon svg,
    .circle-icon svg {
        transform: scale(0.8);
    }

    .m-bottom-50 {
        margin-bottom: 20px;
    }

    .department-cards .item a {
        margin-bottom: 16px;
        font-size: 0.84rem;
        line-height: 1.2rem;
        height: 90px;
    }

    .slider-cards ul.slick-dots {
        margin-top: 10px;
    }

    .project-cards .item a {
        height: 350px;
        width: 220px;
    }

    .project-cards .item .img {
        height: 138px;
    }

    .project-cards .item .text {
        font-size: 0.84rem;
        line-height: 1.2rem;
        padding: 20px 20px 30px 20px;
    }

    .project-cards .item h6 {
        font-size: 1rem;
        line-height: 1.2rem;
        margin: 0 0 10px 0
    }

    .button-red {
        font-size: 0.72rem;
        padding: 3px 8px;
    }

    .m-bottom-32 {
        margin-bottom: 20px;
    }

    .menu-bars.active > div:nth-child(1) {
        margin-bottom: -9px;
        margin-top: 8px;
    }

    .close-bars > div:first-child {
        margin-bottom: -2px;
        margin-top: 16px;
    }

    .sites-menu, .search-menu {
        top: 42px;
    }

    .toggle-menu .title {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .search-form {
        margin-bottom: 30px;
    }

    .search-form input {
        margin-bottom: 10px;
        padding-left: 16px;
    }

    .search-form input,
    .search-form button {
        height: 48px;
        font-size: 13px;
    }

    .search-menu .m-bottom-32,
    .person-card .contacts.col-2 > div:last-child,
    .person-card .info .contacts.visible-xs  {
        margin-bottom: 0;
    }

    .tab-links > a {
        font-size: 0.84rem;
        line-height: 1.2rem;
    }

    ul.sites-list > li {
        flex-direction: column;
        align-items: flex-start;
        padding: 12px 15px;
    }

    ul.sites-list > li > .text {
        width: 100%;
        margin-bottom: 10px;
    }

    ul.sites-list > li > .text,
    ul.sites-list > li > a {
        font-size: 0.84rem;
        line-height: 1.2rem;   
    }

    .m-menu .sub-m-menu {
        display: none;
    }

    .m-menu .title, .m-menu .sub-m-menu > span {
        margin-bottom: 0;
        padding: 15px;
        font-size: 16px;
        color: #204391;
        margin: 0 -10px;
        border-bottom: 1px solid #cdcdcd;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .m-menu .pd-64-0 {
        padding: 0;
    }

    .m-menu i {
        display: inline-block;
        color: #8c9ec5;
    }

    .m-menu .title.active i,
    .m-menu .sub-m-menu > span.active i {
        transform: rotate(180deg);
    }

    .m-menu .sub-m-menu,
    .m-menu .sub-sub-m-menu {
        transition: none;
    }

    .m-menu .sub-m-menu > span > a {
        display: inline-block;
        margin-bottom: 0;
        color: #204391;
        font-size: 16px;
        position: relative;
    }

    .m-menu .sub-m-menu > span > a::before {
        content: '';
        display: block;
        height: 3px;
        width: 0%;
        background-color: #f15060;
        position: absolute;
        bottom: -16px;
        transition: .3s;
    }

    .m-menu .sub-m-menu > span.active > a::before {
        width: 100%;
    }

    .m-menu .sub-sub-m-menu {
        border-bottom: 1px solid #cdcdcd;
        margin: 0 -10px;
    }

    .m-menu .sub-sub-m-menu a {
        color: #757576;
        margin: 15px;
        font-size: 14px;
    }

    .tab-links > a {
        width: min-content;
    } 
    
    .project-cards,
    .social-block {
        margin-bottom: 10px;
    }

    .slider-cards .slick-list {
        margin: 0 -10px;
        padding: 0;
    }

    .banner .text {
        width: 100%;
    }

    .slick-slide {
        padding: 0 8px;
    }

    .photo-gallery .slick-slide {
        padding: 0 16px;
    }

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

    .footer .conf,
    .news-date {
        margin: 10px 0;
    }

    p.important {
        font-size: 18px;
        line-height: 26px;
        margin: 32px 0;
    }

    .bordered-block {
        padding-top: 20px;
    }

    .tag-block {
        margin: 40px 0 30px 0;
    }

    .button-tag {
        font-size: 11px;
        padding: 6px;
        margin: 0 3px;
    }

    .h3 {
        font-size: 14px;
        margin-bottom: 24px;
    }

    .h4 {
        font-size: 13px;
        margin-right: 15px;
    }

    .social-link .fa-vk, .social-link .fa-facebook-f,
    .side-menu-current,
    ul.side-menu > li > .flex-row > a,
    .side-menu-current span,
    ul.side-menu ul.side-menu a, ul.rubrics a,
    .file > div:last-child,
    .pagination-block a,
    a.link,
    .person-card .collapse-btn::after,
    .modal .email, .maket-structure .email,
    .sub-profile-block,
    .top-grey-block,
    ul.side-menu ul.side-menu ul.side-menu > li a {
        font-size: 12px;
    }

    ul.side-menu > li > .flex-row {
        padding: 10px 0;
    }

    .file {
        padding: 25px 0 15px 0;
    }

    .side-menu-current {
        padding: 10px 12px;
    }

    ul.side-menu ul.side-menu > li {
        padding: 8px 0;
    }

    #sample-form .row > div {
        margin-bottom: 24px;
    }

    .custom-select,
    .form-input, .select-selected,
    .form-input-box .form-label,
    .form-input-box .form-input,
    .checkbox label, .radio label,
    form button,
    .form-input-box .form-input.error ~ .form-label,
    .select-items div,
    .vote-form.result .text {
        font-size: 13px;
    }
    
    .custom-select {
        min-width: 180px;
    }
    .pagination-block {
        padding: 0;
    }

    .checkbox span, .radio span {
        margin-top: 0;
    }

    table.tab2 {
        border: 10px solid #f4f6fb;
    }

    label.error,
    .form-input-box .form-input:focus ~ .form-label, .form-input-box .form-input.valid ~ .form-label {
        font-size: 11px;
        top: -18px;
    }

    .top-news-item {
        margin-bottom: 32px;
    }

    .top-news-item .news-item h4 {
        font-size: 20;
        line-height: 28px;
    }

    .grey-block a,
    .person-card,
    .profile-work,
    .banner,
    .department-cards .item a,
    .search-menu .banner {
        padding: 20px;
    }

    .grey-block a,
    .circle-icon {
        font-size: 10px;
    }

    ul.pagination > li {
        margin-right: 20px;
    }

    .grey-block p {
        font-size: 11px;
        line-height: 14px;
    }

    .grey-block,
    .person-card,
    .person-card .info .contacts {
        margin-bottom: 20px;
    }
    
    .uslugi .grey-block {
        height: auto;
        min-height: 0px;
    }

    .col-2 > div {
        width: calc(50% - 10px);
    }

    .afisha-item .img {
        height: 90px;
    }
    
    .preview-afisha .img {
        height: 190px;
    }

    .afisha-item h4 {
        font-size: 14px;
        margin: 4px 0 24px 0;
    }
    
    .preview-afisha .afisha-item h4 {
        font-size: 20px;
        margin: 4px 0 24px 0;
    }

    .photo-gallery-box {
        margin: 32px -10px;
    }

    .slider-counter {
        right: 23px;
        top: 0;
    }

    .photo-full {
        right: 3px;
        bottom: 3px;
        transform: scale(0.8);
    }

	.photo-gallery-box .slider-counter {
    	right: 10px;
    	top: -26px;
	}

    .person-card .img, .modal .img {
        height: 154px;
        width: 103px;
        margin-right: 20px;
    }

    .person-card .contacts, .modal .contacts, .maket-structure .contacts {
        font-size: 12px;
        line-height: 16px;
    }

    .person-card .contacts.col-2 {
        flex-direction: column;
    }

    .person-card .contacts.col-2 > div {
        width: 100%;
        margin-bottom: 20px;
    }

    .person-card h4 {
        margin: 0 0 16px 0;
    }

    .person-card .collapse-btn::before {
        font-size: 20px;
        margin-right: 4px;
    } 

    .person-card .collapse-btn {
        padding: 12px 0;
        margin-top: 20px;
    }

    .person-card .collapse-content h4 {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 16px;
    }

    .person-card .collapse-content > div {
        padding: 16px 0;
    }

    .person-card h4 {
        font-weight: 600;
    }

    .g-card {
        height: auto;
        padding: 15px;
    }

    .g-card .text {
        font-size: 14px;
        line-height: 20px;
        margin-left: 20px;
    }

    .g-card .icon::before {
        top: -6px;
        left: 4px;
    }

    .step-links {
        margin-bottom: 30px;
    }

    .step-links > .row {
        display: flex;
        margin: 0;
        justify-content: space-between;
    }

    .step-links > .row > div {
        width: auto;
        float: none;
        padding: 0;
    }

    .step-links a {
        padding: 10px;
        margin-right: 24px;
    }

    .step-links a > span:first-child {
        margin-right: 0;
    }

    .step-links a.active > span:first-child {
        margin-right: 7px;
    }

    .step-links a > span:nth-child(2) {
        font-size: 0;
        line-height: 0;
    }

    .step-links a > span:first-child,
    .step-links a.active > span:nth-child(2) {
        font-size: 11px;
        line-height: 14px;
    }

    .step-links a > span:first-child {
        height: 30px;
        width: 30px;
    }

    .step-links a .corner {
        right: -17px;
    }

    .file .icon > div:first-child,
    .g-card .icon::before {
        height: 40px;
        width: 40px;
    }

    .blue-triangle-block > div:first-child {
        border-right: none;
        margin-right: 0;
    }

    .blue-triangle-block {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 20px;
    }

    .blue-triangle-block .angle-right {
        height: 12px;
        width: 12px;
        border-left: 3px solid #8c9ec5;
        border-bottom: 3px solid #8c9ec5;
        margin-left: 15px;
    }

    .blue-triangle-block > div:last-child {
        display: flex;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 0;
        width: 100%;
    }

    .blue-triangle-block > div:last-child .line {
        width: 100%;
        height: 1px;
        background-color: #e0e4ed;   
    }

    .step-links a.checked::before {
        top: 10px;
        left: 10px;
        height: 12px;
        width: 12px;
    }

    .step-links a.checked::after {
        top: 12px;
        left: 14px;
        height: 4px;
        width: 2px;
    }

    .record-block {
        font-size: 12px;
        line-height: 18px;
        padding: 15px;
    }

    .record-block > div {
        margin-bottom: 18px;
    }

    .record-item {
        padding: 20px 0;;
        font-size: 12px;
    }

    .record-item .button-red,
    .vote-form.result .value, .vote-form.result .desc,
    .blue-block-link {
        font-size: 11px;
    }

    .record-item .date span::before {
        top: 4px;
    }

    .modal {
        padding-top: 110px;
    }

    .modal.top-0 {
        padding-top: 68px;
    }

    .modal-inner {
        margin: 10px 0;
        padding: 20px 20px 50px 20px;
    }

    .modal .title {
        font-size: 24px;
        line-height: 24px;
        margin: 32px 0;
    }

    .close-modal {
        top: 14px;
        right: 16px;
    }

    .modal .contacts > div {
        margin-top: 14px;
    }

    .profile-work {
        margin: 32px 0 20px 0;
        font-size: 12px;
        flex-direction: column;
        align-items: flex-start;
    }

    .profile-work > div {
        width: 100%;
    }

    .profile-work .button-red {
        display: block;
        text-align: center;
        margin-top: 16px;
    }

    .modal .tab-links > a, .maket-structure .tab-links > a {
        margin-right: 20px;
        white-space: nowrap;
    }

    .sub-profile-block > div:first-child {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 20px;
    }

    .sub-profile-block > .row > div {
        margin-left: 58px;
    }

    .sub-profile-block > .row > div:first-child {
        margin-left: 0;
    }

    .modal .sub-profile-block .img, .maket-structure .sub-profile-block .img {
        height: 50px;
        width: 37.5px;
        margin-right: 20px;
    }

    #datepicker-box {
        overflow-x: auto;
        margin: 0 -10px;
        width: 100vw;
    }

    #datepicker > .ui-datepicker-inline {
        width: 200% !important;
    }

    #datepicker a {
        padding: 0;
    }

    #datepicker > .ui-datepicker-inline > div {
        width: 100%;
        margin-right: 20px;
    }

    .page-404 {
        padding: 40px 0;
    }

    .page-404 .container {
        padding: 0 20px;
    }

    .top-grey-block {
        padding-bottom: 32px;
    }

    .top-grey-block h1 {
        margin: 12px 0 26px 0;
    } 

    .page-404 h1 {
        margin: 0 0 8px 0;
    }

    .page-404 .button {
        margin-right: 16px;
    }

    .vote-item {
        padding: 0 0 20px 0;
        margin-bottom: 28px;
    }

    .vote-item h4 {
        margin: 10px 0 15px 0;
    }

    .vote-form .collapse-content .form-input-box {
        margin: 16px 0;
    }

    .vote-form.result .checkbox, .vote-form.result .radio {
        padding: 5px 10px;
    }

    .vote-form label {
        padding: 5px 10px 5px 35px;
    }

    .vote-form .checkbox span, .vote-form .radio span {
        top: 5px;
        left: 5px;
    }

    .blue-block-link {
        padding: 10px;
        margin: 64px 0 16px 0;
    }

    .bv-body .main {
        margin-top: 207px;
    }

    .bv-body .full-menu {
        top: 207px;
        height: calc(100vh - 207px);
    }

    .bv-body .sites-menu, .bv-body .search-menu {
        top: 136px;
        height: calc(100vh - 136px);
    }
    
    .cookie-notify {
        max-width: 250px;
    }

	.blind-version-block {
    	margin-bottom: 0 !important;
	}

	.bv-body .bottom-header.top-0, .bv-body .top-header.top-0 {
    	top: 96px;
	}

	.content-block ul > ul {
		margin-left: 20px;
	}

#form-reestr-search > div > div:nth-child(5) {
    width: 100%;
    flex: none;
    margin: 0;
}

#form-reestr-search > div > div {
    margin: 0 0 12px 5px;
}

#form-reestr-search > div {
    margin: 12px 0;
}

	.bookmarks a.facebook, .bookmarks a.twitter, .bookmarks a.vk {
		font-size: 12px;
	}
}

@media only screen and (max-width: 500px) {
	.bv-body .bottom-header.top-0, .bv-body .top-header.top-0 {
    	top: 128px;
	}

    .bv-body .sites-menu, .bv-body .search-menu {
        top: 168px;
        height: calc(100vh - 168px);
    }

	.bv-body .full-menu {
    	top: 236px;
    	height: calc(100vh - 236px);
	}

	.bv-body .main {
    	margin-top: 236px;
	}
}
/* End */


/* Start:/local/templates/softmajor/blind/panel.css?156316582715161*/
.wrap {
    max-width: 980px; 	
    margin: 0 auto;
    position: relative;
}

.wrap .impaired {
    position: absolute;
    right: 0;
    top: 10px;
    text-decoration: underline;
    color: #000;
    cursor: pointer;
    z-index: 10;
    font-size: 16px !important;

}
.wrap .impaired:before {
        content: "";
        background-image: url(/local/templates/softmajor/blind/img/blind-icon.png);
        width: 18px;
        height: 10px;
        display: inline-block;
        margin-right: 5px;

    }

.wrap .anketa {
	  position: absolute;
	  right: 230px;
	  top: 10px;
	  text-decoration: underline;
	  color: #000;
	  cursor: pointer;
	  z-index: 10;
	  font-size: 16px !important;
	}

.wrap .anketa:before {
	  content: "";
	  width: 10px;
	  height: 11px;
	  background: url(/local/templates/softmajor/blind/img/anket.png) no-repeat;
	  display: block;
	  position: absolute;
	  top: 3px;
	  left: -16px;
	}

.wrap .anketa:hover {
	  color: #000;
	  text-decoration: none;
	}
	
@media only screen and (max-width: 500px) {
	.wrap { padding-bottom: 20px }
	.wrap .impaired { left: 20px }
	.wrap .anketa { right: 20px }
}	
	
.blind-version-block, .blind-version-block * { box-sizing: content-box }
.whiteblack .downloads i, .blackwhite .downloads i, .blue .downloads i  { display: none }
.whiteblack .downloads ul li a, .blackwhite .downloads ul li a, .blue .downloads ul li a { padding-left: 0 }

.blind-version-block { height: 96px; }
.blind-version-inner { height: 96px; max-width: 960px; margin: 0 auto; position: relative; min-width: 320px }
.blind-version-fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 400 }

.whiteblack .blind-version-fixed { background: #fff; border-bottom: 2px solid #000; }
.blackwhite .blind-version-fixed { background: #000; color: #fff; border-bottom: 2px solid #fff; }
.blue .blind-version-fixed { background: #9dd1ff; color: #063462; border-bottom: 2px solid #063462; }

/*color*/
.blind-version-block .color-block { float: left; font-size: 0; padding: 8px 45px 0 0 }
.blind-version-block .color-block .name { display: inline-block; vertical-align: middle; font-size: 16px !important; padding-right: 9px }
.blind-version-block .color-block .ico { display: inline-block; vertical-align: middle; width: 28px; height: 28px; border-radius: 3px; margin-right: 10px; position: relative; cursor: pointer }
.blind-version-block .color-block .ico.sel { cursor: default }
.blind-version-block .color-block .ico.sel i { position: absolute; width: 10px; height: 7px; left: 8px; }

.whiteblack .blind-version-block .color-block .ico.sel i { background: url(/local/templates/softmajor/blind/img/wbarr.png) no-repeat 0 0; }
.whiteblack .blind-version-block .color-block .wb { border: 1px solid #000; background: #fff url(/local/templates/softmajor/blind/img/colors.png) no-repeat 4px 8px }
.whiteblack .blind-version-block .color-block .bw { border: 1px solid #000; background: #000 url(/local/templates/softmajor/blind/img/colors.png) no-repeat -36px 8px }
.whiteblack .blind-version-block .color-block .blue { border: 1px solid #063462; background: #9dd1ff url(/local/templates/softmajor/blind/img/colors.png) no-repeat -76px 8px }
.whiteblack .blind-version-block .color-block .ico.sel i  { bottom: -7px }

.blackwhite .blind-version-block .color-block .ico.sel i { background: url(/local/templates/softmajor/blind/img/wbarr.png) no-repeat 0 0; }
.blackwhite .blind-version-block .color-block .wb { border: 1px solid #fff; background: #fff url(/local/templates/softmajor/blind/img/colors.png) no-repeat 4px 8px }
.blackwhite .blind-version-block .color-block .bw { border: 1px solid #fff; background: #000 url(/local/templates/softmajor/blind/img/colors.png) no-repeat -36px 8px }
.blackwhite .blind-version-block .color-block .blue { border: 1px solid #063462; background: #9dd1ff url(/local/templates/softmajor/blind/img/colors.png) no-repeat -76px 8px }
.blackwhite .blind-version-block .color-block .ico.sel i  { bottom: -8px }

.blue .blind-version-block .color-block .ico.sel i { background: url(/local/templates/softmajor/blind/img/blarr.png) no-repeat 0 0; }
.blue .blind-version-block .color-block .wb { border: 1px solid #000; background: #fff url(/local/templates/softmajor/blind/img/colors.png) no-repeat 4px 8px }
.blue .blind-version-block .color-block .bw { border: 1px solid #000; background: #000 url(/local/templates/softmajor/blind/img/colors.png) no-repeat -36px 8px }
.blue .blind-version-block .color-block .blue { border: 1px solid #063462; background: #9dd1ff url(/local/templates/softmajor/blind/img/colors.png) no-repeat -76px 8px }
.blue .blind-version-block .color-block .ico.sel i  { bottom: -7px }
/*eof_color*/

/*size*/
.blind-version-block .size-block { float: left; font-size: 0; padding: 8px 45px 0 0 }
.blind-version-block .size-block .name { display: inline-block; vertical-align: middle; font-size: 16px !important; padding-right: 9px }
.blind-version-block .size-block .ico { display: inline-block; vertical-align: middle; width: 28px; height: 28px; border-radius: 3px; margin-right: 10px; position: relative; cursor: pointer; background: none; line-height: normal }
.blind-version-block .size-block b { text-transform: uppercase; position: absolute; }
.blind-version-block .size-block .size1 b { font-size: 16px !important; top: 4px; left: 8px }
.blind-version-block .size-block .size2 b { font-size: 20px; top: 2px; left: 7px }
.blind-version-block .size-block .size3 b { font-size: 24px; top: 0; left: 6px }
.blind-version-block .size-block .ico.sel { cursor: default }
.blind-version-block .size-block .ico.sel i { position: absolute; width: 10px; height: 7px; left: 8px; }

.whiteblack .blind-version-block .size-block .ico { border: 1px solid #fff; }
.whiteblack .blind-version-block .size-block .ico.sel { border-color: #000 }
.whiteblack .blind-version-block .size-block .ico.sel i { background: url(/local/templates/softmajor/blind/img/wbarr.png) no-repeat 0 0; bottom: -7px }

.blackwhite .blind-version-block .size-block .ico { border: 1px solid #000; }
.blackwhite .blind-version-block .size-block .ico.sel { border-color: #fff }
.blackwhite .blind-version-block .size-block .ico.sel i { background: url(/local/templates/softmajor/blind/img/wbarr.png) no-repeat 0 0; bottom: -8px }

.blue .blind-version-block .size-block .ico { border: 1px solid #9dd1ff; }
.blue .blind-version-block .size-block .ico.sel { border-color: #063462 }
.blue .blind-version-block .size-block .ico.sel i { background: url(/local/templates/softmajor/blind/img/blarr.png) no-repeat 0 0; bottom: -7px }

/*eof_size*/

/*interval*/
.blind-version-block .interval-block { float: left; font-size: 0; padding: 8px 45px 0 0 }
.blind-version-block .interval-block .name { display: inline-block; vertical-align: middle; font-size: 16px !important; padding-right: 9px }
.blind-version-block .interval-block .ico { display: inline-block; vertical-align: middle; width: 28px; height: 28px; border-radius: 3px; margin-right: 10px; position: relative; cursor: pointer }
.blind-version-block .interval-block .ico.sel { cursor: default }
.blind-version-block .interval-block .ico.sel i { position: absolute; width: 10px; height: 7px; left: 8px; }

.whiteblack .blind-version-block .interval-block .ico { border: 1px solid #000; }
.whiteblack .blind-version-block .interval-block .size1 { background: url(/local/templates/softmajor/blind/img/interval.png) no-repeat 8px 6px }
.whiteblack .blind-version-block .interval-block .size2 { background: url(/local/templates/softmajor/blind/img/interval.png) no-repeat -32px 6px }
.whiteblack .blind-version-block .interval-block .size3 { background: url(/local/templates/softmajor/blind/img/interval.png) no-repeat -72px 6px }
.whiteblack .blind-version-block .interval-block .ico.sel i { background: url(/local/templates/softmajor/blind/img/wbarr.png) no-repeat 0 0; bottom: -7px }

.blackwhite .blind-version-block .interval-block .ico { border: 1px solid #fff; }
.blackwhite .blind-version-block .interval-block .size1 { background: #fff url(/local/templates/softmajor/blind/img/interval.png) no-repeat 8px 6px }
.blackwhite .blind-version-block .interval-block .size2 { background: #fff url(/local/templates/softmajor/blind/img/interval.png) no-repeat -32px 6px }
.blackwhite .blind-version-block .interval-block .size3 { background: #fff url(/local/templates/softmajor/blind/img/interval.png) no-repeat -72px 6px }
.blackwhite .blind-version-block .interval-block .ico.sel i { background: url(/local/templates/softmajor/blind/img/wbarr.png) no-repeat 0 0; bottom: -8px }

.blue .blind-version-block .interval-block .ico { border: 1px solid #063462; }
.blue .blind-version-block .interval-block .size1 { background: #9dd1ff url(/local/templates/softmajor/blind/img/interval.png) no-repeat 8px -32px }
.blue .blind-version-block .interval-block .size2 { background: #9dd1ff url(/local/templates/softmajor/blind/img/interval.png) no-repeat -32px -32px }
.blue .blind-version-block .interval-block .size3 { background: #9dd1ff url(/local/templates/softmajor/blind/img/interval.png) no-repeat -72px -32px }
.blue .blind-version-block .interval-block .ico.sel i { background: url(/local/templates/softmajor/blind/img/blarr.png) no-repeat 0 0; bottom: -7px }

/*eof_interval*/


/*font*/
.blind-version-block .font-block { position: absolute; left: 0; bottom: 8px; font-size: 0 }
.blind-version-block .font-block .name { display: inline-block; vertical-align: middle; font-size: 16px !important; padding-right: 9px }
.blind-version-block .font-block .ico { display: inline-block; vertical-align: middle; font-size: 16px !important; margin-right: 11px; padding: 2px 7px; border-radius: 2px; cursor: pointer; position: relative }
.blind-version-block .font-block .ico.sel i { position: absolute; width: 10px; height: 7px; left: 42%; }

.blackwhite .blind-version-block .font-block .ico { background: #000; color: #fff; border: 1px solid #fff }
.blackwhite .blind-version-block .font-block .ico.sel { background: #000; color: #fff }
.blackwhite .blind-version-block .font-block  .ico.sel i { background: url(/local/templates/softmajor/blind/img/wbarr.png) no-repeat 0 0; bottom: -8px }

.whiteblack .blind-version-block .font-block .ico { background: #fff; color: #000; border: 1px solid #000 }
.whiteblack .blind-version-block .font-block .ico.sel { background: #fff; color: #000 }
.whiteblack .blind-version-block .font-block  .ico.sel i { background: url(/local/templates/softmajor/blind/img/wbarr.png) no-repeat 0 0; bottom: -7px }

.blue .blind-version-block .font-block .ico { background: #9dd1ff; color: #063462; border: 1px solid #063462 }
.blue .blind-version-block .font-block .ico.sel { background: #9dd1ff; color: #063462 }
.blue .blind-version-block .font-block  .ico.sel i { background: url(/local/templates/softmajor/blind/img/blarr.png) no-repeat 0 0; bottom: -7px }

/*eof_font*/

/*img*/
.blind-version-block .img-block { position: absolute; top: 0; right: 0; font-size: 0; padding: 8px 0 0 0; }
.blind-version-block .img-block .name { display: inline-block; vertical-align: middle; font-size: 16px !important; padding-right: 9px }
.blind-version-block .img-block .toggle { display: inline-block; vertical-align: middle; width: 78px; height: 28px; border-radius: 3px; margin-right: 0; position: relative; cursor: pointer }
.blind-version-block .img-block .toggle b { position: absolute; top: 5px; left: 2px; font-weight: normal; font-size: 14px; }
.blind-version-block .img-block .toggle.noshow b { left: 44px }

.whiteblack .blind-version-block .img-block .toggle { border: 1px solid #000; background: url(/local/templates/softmajor/blind/img/blind-img.png) no-repeat 100% 0 }
.whiteblack .blind-version-block .img-block .toggle.noshow { background: url(/local/templates/softmajor/blind/img/blind-img.png) no-repeat 0 0 }

.blackwhite .blind-version-block .img-block .toggle { border: 1px solid #fff; background: #fff url(/local/templates/softmajor/blind/img/blind-img.png) no-repeat 100% 0; color: #000!important }
.blackwhite .blind-version-block .img-block .toggle.noshow { background: #fff url(/local/templates/softmajor/blind/img/blind-img.png) no-repeat 0 0 }

.blue .blind-version-block .img-block .toggle { border: 1px solid #063462; background: #9dd1ff url(/local/templates/softmajor/blind/img/blind-img-bl.png) no-repeat 100% 0; color: #063462 }
.blue .blind-version-block .img-block .toggle.noshow { background: #9dd1ff url(/local/templates/softmajor/blind/img/blind-img-bl.png) no-repeat 0 0 }
/*eof_img*/

.blind-version-block .reset { position: absolute; bottom: 12px; right: 0; font-size: 16px !important; cursor: pointer }
.blackwhite .blind-version-block .reset { border-bottom: 1px solid #fff; }
.whiteblack .blind-version-block .reset { border-bottom: 1px solid #000; }
.blue .blind-version-block .reset { border-bottom: 1px solid #063462; }

.blind-underscribe { display: none; font-size: 16px !important; }
.blind-underscribe .title { display: block; font-weight: bold; padding-bottom: 2px; font-size: 18px }

body.arial { font-family: Arial }
body.arial * { font-family: Arial !important }

body.times { font-family: 'Times New Roman' }
body.times * { font-family: 'Times New Roman' !important }

/*===========================*/
/*========whiteblack=========*/
.whiteblack { background: #fff; color: #000; font-family: Arial }
.whiteblack a { color: #000; }
.whiteblack a:hover{ color: #000; text-decoration: none }

.whiteblack h1 { color: #000 }  
.whiteblack h2 { color: #000 }  
.whiteblack h3 { color: #000 }  
.whiteblack h4 { color: #000 }  
.whiteblack h6 { color: #000 }
}
/*===========================*/


/*========blackwhite=========*/
.blackwhite { background: #000; color: #fff; font-family: Arial }
.blackwhite a { color: #fff; }
.blackwhite a:hover{ color: #fff; text-decoration: none }

.blackwhite h1 { color: #fff }	
.blackwhite h2 { color: #fff }	
.blackwhite h3 { color: #fff }	
.blackwhite h4 { color: #fff }	
.blackwhite h6 { color: #fff }
/*===========================*/

/*========blue=========*/
.blue { background: #9dd1ff; font-family: Arial; color: #063462 }
.blue a { color: #063462; }
.blue a:hover{ text-decoration: none }

.blue h1 { color: #063462 }	
.blue h2 { color: #063462 }	
.blue h3 { color: #063462 }	
.blue h4 { color: #063462 }	
.blue h6 { color: #063462 }
/*=================*/

.noshow img { display: none !important }
.noshow div { background-image: none !important }

/*=================*/

.w2 { letter-spacing: 1px }
.w3 * { letter-spacing: 2px }

.w2 .blind-version-block *, .w3 .blind-version-block * { letter-spacing: normal } 


@media only screen and (max-width: 970px) {	
	
	.blind-version-block .color-block { padding: 8px 10px 0 10px; width: 30% }
	.blind-version-block .color-block .name { display: none } 
	.blind-version-block .color-block .ico { margin-right: 2px }
	.blind-version-block .size-block { padding: 8px 0 0 0; width: 30% }
	.blind-version-block .size-block .name { display: none } 
	.blind-version-block .size-block .ico { margin-right: 2px }
	.blind-version-block .interval-block { float: left; font-size: 0; padding: 8px 10px 0 0; }
	.blind-version-block .interval-block .name { display: none } 
	.blind-version-block .interval-block .ico { margin-right: 2px }
	.blind-version-block .font-block { position: absolute; left: 10px; bottom: 8px; font-size: 0 }
	.blind-version-block .font-block .name { display: none } 
	.blind-version-block .font-block .ico { margin-right: 2px }
	.blind-version-block .img-block { position: relative; top: 0px; right: auto; left: 0; padding: 8px 10px 0 0; float: right; }
	.blind-version-block .img-block .name { display:none }
	.blind-version-block .reset { right: 10px }
}	

@media only screen and (max-width: 790px) {
	.blind-version-block .color-block { width: 25% }
	.blind-version-block .size-block { width: 25% }
}	

@media only screen and (max-width: 500px) {	
	.blind-version-block { height: 126px; margin-bottom: -10px }
	.blind-version-inner { height: 126px;   }
	.blind-version-block .color-block { width: 37% }
	.blind-version-block .size-block { width: auto }
	.blind-version-block .interval-block { float: right; padding: 8px 10px 0 0; }
	.blind-version-block .img-block { padding: 18px 10px 0 0; float: none; text-align: right; clear: both }
}

@media only screen and (max-width: 380px) {	
	.blind-version-block .color-block { width: auto }
}











/* End */


/* Start:/local/templates/softmajor/blind/blind.css?15631658276892*/

body.whiteblack { background: #fff!important; color: #000 }
.whiteblack * { border-color: #000!important }
.whiteblack div { color: #000!important }
.whiteblack a { color: #000!important; text-decoration: underline; border: none !important }
.whiteblack a:hover { color: #000!important }
.whiteblack h1, .whiteblack h2, .whiteblack h3, .whiteblack h4, .whiteblack h5, .whiteblack p, .whiteblack span { color: #000!important }
.whiteblack blockquote, .whiteblack blockquote p { color: #000; font-style: normal }
.whiteblack table { border: 3px solid #000; color: #000 }
.whiteblack td { border: 1px solid #000; color: #000; background: #fff !important }
.whiteblack th { background: #000; color: #fff }
.whiteblack .alert-block { background: #fff }
.whiteblack .submenu-wrapper { background: #fff }  
.whiteblack .submenu-wrapper:before { display: none } 
.whiteblack input, .whiteblack textarea { border-color: #000; background: #fff;  }
.whiteblack .form-content .file-input { border: 1px solid #000; background: #fff }
.whiteblack .form-content .submit input { background: #000; color: #fff; border: 1px solid #000 }
.whiteblack .main-menu li { border: none !important }
.whiteblack .main-menu li.reception:hover { background: none }
.whiteblack .reception-link span { display: block; top: 0 }
.whiteblack .reception-block .tcorn { display: none }
.whiteblack .search-top .submit { font-size: 0 !important; background: url(/local/templates/softmajor/blind/../img/search.png) no-repeat 0 0 !important }
.whiteblack .important-wrapper { background: none }
.whiteblack .important-wrapper:before { display: none }

body.blackwhite { background: #000!important; color: #fff }
.blackwhite * { border-color: #fff!important }
.blackwhite div { color: #fff!important }
.blackwhite a { color: #fff!important; text-decoration: underline; border: none !important }
.blackwhite a:hover { color: #fff!important }
.blackwhite h1, .blackwhite h2, .blackwhite h3, .blackwhite h4, .blackwhite h5, .blackwhite p, .blackwhite span { color: #fff!important }
.blackwhite blockquote, .blackwhite blockquote p { color: #fff; font-style: normal }
.blackwhite table { border: 3px solid #fff; color: #fff }
.blackwhite td { border: 1px solid #fff; color: #fff; background: #000 !important }
.blackwhite th { background: #fff; color: #000 }
.blackwhite .welcome-block { background: #000 }
.blackwhite .alert-block { background: #000 }
.blackwhite .topcrn, .blackwhite .menucrn { background: #000 !important }
.blackwhite .reception-link { background: #000 }
.blackwhite .reception-link span { background: #000; }
.blackwhite .submenu-wrapper { background: #000 }  
.blackwhite .submenu-wrapper:before { display: none } 
.blackwhite .path span { color: #000 !important }
.blackwhite .path a { color: #000 !important }
.blackwhite .back-link a { color: #000 !important }
.blackwhite .back-link span { color: #000 !important }
.blackwhite input, .blackwhite textarea { border-color: #fff; background: #000 !important; color: #fff  }
.blackwhite .form-content .file-input { border: 1px solid #fff; background: #000; color: #fff }
.blackwhite .file-submit, .blackwhite .file-submit:hover { background: #000; color: #fff; border: 1px solid #fff }
.blackwhite .form-content .submit input { background: #fff !important; color: #000; border: 1px solid #fff }
.blackwhite .main-menu li { border: none !important }
.blackwhite .main-menu li.reception:hover { background: none }
.blackwhite .reception-link span { display: block; top: 0 }
.blackwhite .reception-block .tcorn { display: none }
.blackwhite .search-top { background: #000; }
.blackwhite .search-top .submit { font-size: 0 !important; background: url(/local/templates/softmajor/blind/../img/search.png) no-repeat 0 0 !important }
.blackwhite .important-wrapper { background: none }
.blackwhite .important-wrapper:before { display: none }

body.blue { background: #9dd1ff!important; color: #063462 }
.blue * { border-color: #063462!important }
.blue div { color: #063462!important }
.blue a { color: #063462!important; text-decoration: underline; border: none !important }
.blue a:hover { color: #063462!important }
.blue h1, .blue h2, .blue h3, .blue h4, .blue h5, .blue p, .blue span { color: #063462!important }
.blue blockquote, .blue blockquote p { color: #063462; font-style: normal }
.blue table { border: 3px solid #063462; color: #063462 }
.blue td { border: 1px solid #063462; color: #063462; background: #9dd1ff !important }
.blue th { background: #9dd1ff; color: #063462 }
.blue .welcome-block { background: #9dd1ff }
.blue .alert-block { background: #9dd1ff }
.blue .topcrn, .blue .menucrn { background: #9dd1ff !important }
.blue .reception-link { background: #9dd1ff }
.blue .reception-link span { background: #9dd1ff; }
.blue .submenu-wrapper { background: #9dd1ff }  
.blue .submenu-wrapper:before { display: none } 
.blue .path span { color: #063462 !important }
.blue .path a { color: #063462 !important }
.blue .back-link a { color: #063462 !important }
.blue .back-link span { color: #063462 !important }
.blue input, .blue textarea { border-color: #063462; background: #9dd1ff !important; color: #063462  }
.blue .form-content .file-input { border: 1px solid #063462; background: #9dd1ff; color: #063462 }
.blue .file-submit, .blue .file-submit:hover { background: #9dd1ff; color: #063462; border: 1px solid #063462 }
.blue .form-content .submit input { background: #063462 !important; color: #9dd1ff; border: 1px solid #063462 }
.blue .main-menu li { border: none !important }
.blue .main-menu li.reception:hover { background: none }
.blue .reception-link span { display: block; top: 0 }
.blue .reception-block .tcorn { display: none }
.blue .search-top { background: #9dd1ff; }
.blue .search-top .submit { font-size: 0 !important; background: url(/local/templates/softmajor/blind/../img/search.png) no-repeat 0 0 !important }
.blue .important-wrapper { background: none }
.blue .important-wrapper:before { display: none }

.s14 { font-size: 16px }
.s14 a,
.s14 blockquote,
.s14 div,
.s14 li,
.s14 p,
.s14 span,
.s14 td {
    font-size: 16px;
    line-height: normal
}

.s14 p,
.s14 span,
.s14 strong,
.s14 input,
.s14 textarea { 
    font-size: 16px!important
}

.s14 h1 { font-size: 30px }
.s14 h2 { font-size: 24px }
.s14 h3 { font-size: 18px }

.s16 { font-size: 18px }
.s16 a,
.s16 blockquote,
.s16 div,
.s16 li,
.s16 p,
.s16 span,
.s16 td {
    font-size: 18px;
    line-height: normal
}

.s16 p,
.s16 span,
.s16 strong,
.s16 input,
.s16 textarea {
    font-size: 18px!important
}

.s16 h1 { font-size: 32px }
.s16 h2 { font-size: 26px }
.s16 h3 { font-size: 20px }

.s18 {
    font-size: 20px
}

.s18 a,
.s18 blockquote,
.s18 div,
.s18 li,
.s18 p,
.s18 span,
.s18 td {
    font-size: 20px;
    line-height: normal
}

.s18 p,
.s18 span,
.s18 strong,
.s18 input,
.s18 textarea { font-size: 20px!important }

.s18 h1 { font-size: 36px }
.s18 h2 { font-size: 32px }
.s18 h3 { font-size: 22px }

.noshow img {
    display: none!important
}


/* End */


/* Start:/local/templates/softmajor/styles.css?1632367463250*/
.tab1 {}

.hidden-checkbox:disabled  {
  background-color: #828282;
  color: #828282 !important;
}
@media (min-width: 1281px){
.news-item {
    max-width: inherit;
	}}
@media (min-width: 1281px){
.preview-news .news-item {
    max-width: inherit;
	}}
/* End */


/* Start:/local/templates/softmajor/template_styles.css?163236746339*/
.select-items{
right: 0;
    left: 0;
}
/* End */
/* /local/templates/softmajor/css/slick.css?15631658261776 */
/* /local/templates/softmajor/css/daterangepicker.css?15631658268402 */
/* /local/templates/softmajor/css/fonts.css?15631658262070 */
/* /local/templates/softmajor/css/grid.css?15631658265117 */
/* /local/templates/softmajor/css/magnific-popup.css?16639216796940 */
/* /local/templates/softmajor/css/main.css?166392981779218 */
/* /local/templates/softmajor/css/responsive.css?157171743224224 */
/* /local/templates/softmajor/blind/panel.css?156316582715161 */
/* /local/templates/softmajor/blind/blind.css?15631658276892 */
/* /local/templates/softmajor/styles.css?1632367463250 */
/* /local/templates/softmajor/template_styles.css?163236746339 */