@charset "UTF-8";
/*О компании*/
.about {
  text-align: left;
  min-height: 100vh; }
  .about .about__title {
    margin-top: 60px; }

.about-plite {
  font-size: 0;
  vertical-align: middle; }
  .about-plite .about-plite__colomn {
    display: inline-block;
    position: relative;
    width: 350px;
    min-height: 470px;
    margin: 0 20px;
    vertical-align: top;
    font-size: 16px; }
    .about-plite .about-plite__colomn .about_plite_item {
      width: 350px;
      height: 350px;
      border-radius: 50%;
      overflow: hidden;
      font-size: 16px;
      box-shadow: 1px -1px 18px -1px rgba(0, 0, 0, 0.41); }
      .about-plite .about-plite__colomn .about_plite_item img {
        width: 100%;
        height: auto;
        object-fit: cover;
        display: block; }
    .about-plite .about-plite__colomn .about-plite__title-img {
      font-size: 22px;
      color: #013A33;
      font-weight: 600;
      margin-top: 15px; }
    .about-plite .about-plite__colomn .about-plite__description-img {
      font-size: 18px;
      color: #000000;
      font-weight: 600;
      margin-top: 5px; }
  .about-plite .about-plite__three {
    background: #d4c1b2; }
    .about-plite .about-plite__three img {
      position: relative;
      top: -88px;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1); }
      @media (max-width: 1300px) {
        .about-plite .about-plite__three img {
          top: -34px; } }

.about-plite-info {
  font-size: 16px;
  margin-bottom: 30px;
  line-height: 30px;
  text-align: justify; }
  .about-plite-info a {
    color: #013A33;
    font-weight: bold;
    text-decoration: none;
    transition: color 1s ease; }
    .about-plite-info a:hover {
      text-decoration: underline;
      color: #0c83e7; }
  .about-plite-info h5 {
    color: #013A33;
    font-weight: bold;
    font-size: 20px; }

.about-plite-header {
  width: 100%;
  height: 100%;
  max-height: 1024px;
  background: #000;
  overflow: hidden;
  position: relative;
  min-height: calc(100vh - 80px); }
  @media (max-width: 1487px) {
    .about-plite-header {
      min-height: calc(100vh - 60px); } }
  .about-plite-header .about-plite-header__inner {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); }
  .about-plite-header video {
    min-width: 100%;
    min-height: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 0;
    left: 0;
    object-fit: cover; }

.about-plite__visible-lg {
  position: absolute;
  top: 50%;
  margin-top: -235px;
  left: 50%;
  margin-left: -600px; }
  .about-plite__visible-lg .about-plite__title-img {
    color: #ffffff !important; }
  .about-plite__visible-lg .about-plite__description-img {
    color: #cccccc !important; }
  @media (max-width: 1024px) {
    .about-plite__visible-lg {
      top: 50px; } }
  @media (max-width: 1300px) {
    .about-plite__visible-lg {
      margin-left: -500px; }
      .about-plite__visible-lg .about-plite__colomn {
        width: 300px; }
        .about-plite__visible-lg .about-plite__colomn .about_plite_item {
          width: 300px;
          height: 300px; } }

.about-plite_visible_lg {
  display: block; }
  @media (max-width: 1024px) {
    .about-plite_visible_lg {
      display: none; } }

.about-plite_visible_xs {
  display: none; }
  @media (max-width: 1024px) {
    .about-plite_visible_xs {
      display: inline-block;
      margin-top: 20px; } }

@media (max-width: 768px) and (max-width: 768px) {
  .about-plite_visible_xs .about-plite__colomn {
    width: 280px;
    margin: 0 10px; }
    .about-plite_visible_xs .about-plite__colomn:last-child {
      min-height: 420px; } }

@media (max-width: 768px) and (max-width: 500px) {
  .about-plite_visible_xs .about-plite__colomn {
    margin: 0; } }

@media (max-width: 768px) and (max-width: 768px) {
  .about-plite_visible_xs .about_plite_item {
    width: 280px !important;
    height: 280px !important; } }
  @media (max-width: 768px) {
    .about-plite_visible_xs .about_plite_item img {
      width: 100%;
      height: auto;
      object-fit: cover;
      display: block; } }

.animated-style-plyte {
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-animation-duration: 700ms;
          animation-duration: 700ms;
  -webkit-animation-name: about-plite-animated;
          animation-name: about-plite-animated;
  opacity: 0; }

.about-plite_animated_one {
  -webkit-animation-delay: 250ms;
          animation-delay: 250ms; }

.about-plite_animated_two {
  -webkit-animation-delay: 950ms;
          animation-delay: 950ms; }

.about-plite_animated_three {
  -webkit-animation-delay: 1650ms;
          animation-delay: 1650ms; }

@-webkit-keyframes about-plite-animated {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes about-plite-animated {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.select {
  margin: 18px 0 !important; }
  .select__element {
    font-weight: bold; }
  .select__option {
    height: 30px !important; }
  .select .md-content {
    padding: 0; }

@charset "UTF-8";
@media print {
  @page {
    margin: 0 !important; }
  @Page CompanyLetterHead {
    display: none !important; }
  /*@page {
    size: A4;
    margin: 0;
  }*/
  *,
  *:before,
  *:after,
  *:first-letter,
  p:first-line,
  div:first-line,
  blockquote:first-line,
  li:first-line {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  * {
    -webkit-print-color-adjust: exact; }
  html {
    font-family: Times, 'Times New Roman', serif;
    /* Шрифт с засечками */
    color: #000 !important;
    /* Черный цвет текста */ }
  body {
    font-family: Times, 'Times New Roman', serif;
    /* Шрифт с засечками */
    color: #000 !important;
    /* Черный цвет текста */
    font-size: 14%;
    padding: 0 !important;
    box-sizing: border-box;
    margin: 0 auto; }
  title {
    display: none !important; }
  .col-p-1, .col-p-2, .col-p-3, .col-p-4, .col-p-5, .col-p-6, .col-p-7, .col-p-8, .col-p-9, .col-p-10, .col-p-11, .col-p-12 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .col-p-12 {
    width: 100%; }
  .col-p-11 {
    width: 91.66666667%; }
  .col-p-10 {
    width: 83.33333333%; }
  .col-p-9 {
    width: 75%; }
  .col-p-8 {
    width: 66.66666667%; }
  .col-p-7 {
    width: 58.33333333%; }
  .col-p-6 {
    width: 50%; }
  .col-p-5 {
    width: 41.66666667%; }
  .col-p-4 {
    width: 33.33333333%; }
  .col-p-3 {
    width: 25%; }
  .col-p-2 {
    width: 16.66666667%; }
  .col-p-1 {
    width: 8.33333333%; }
  .col-p-pull-12 {
    right: 100%; }
  .col-p-pull-11 {
    right: 91.66666667%; }
  .col-p-pull-10 {
    right: 83.33333333%; }
  .col-p-pull-9 {
    right: 75%; }
  .col-p-pull-8 {
    right: 66.66666667%; }
  .col-p-pull-7 {
    right: 58.33333333%; }
  .col-p-pull-6 {
    right: 50%; }
  .col-p-pull-5 {
    right: 41.66666667%; }
  .col-p-pull-4 {
    right: 33.33333333%; }
  .col-p-pull-3 {
    right: 25%; }
  .col-p-pull-2 {
    right: 16.66666667%; }
  .col-p-pull-1 {
    right: 8.33333333%; }
  .col-p-pull-0 {
    right: auto; }
  .col-p-push-12 {
    left: 100%; }
  .col-p-push-11 {
    left: 91.66666667%; }
  .col-p-push-10 {
    left: 83.33333333%; }
  .col-p-push-9 {
    left: 75%; }
  .col-p-push-8 {
    left: 66.66666667%; }
  .col-p-push-7 {
    left: 58.33333333%; }
  .col-p-push-6 {
    left: 50%; }
  .col-p-push-5 {
    left: 41.66666667%; }
  .col-p-push-4 {
    left: 33.33333333%; }
  .col-p-push-3 {
    left: 25%; }
  .col-p-push-2 {
    left: 16.66666667%; }
  .col-p-push-1 {
    left: 8.33333333%; }
  .col-p-push-0 {
    left: auto; }
  .col-p-offset-12 {
    margin-left: 100%; }
  .col-p-offset-11 {
    margin-left: 91.66666667%; }
  .col-p-offset-10 {
    margin-left: 83.33333333%; }
  .col-p-offset-9 {
    margin-left: 75%; }
  .col-p-offset-8 {
    margin-left: 66.66666667%; }
  .col-p-offset-7 {
    margin-left: 58.33333333%; }
  .col-p-offset-6 {
    margin-left: 50%; }
  .col-p-offset-5 {
    margin-left: 41.66666667%; }
  .col-p-offset-4 {
    margin-left: 33.33333333%; }
  .col-p-offset-3 {
    margin-left: 25%; }
  .col-p-offset-2 {
    margin-left: 16.66666667%; }
  .col-p-offset-1 {
    margin-left: 8.33333333%; }
  .col-p-offset-0 {
    margin-left: 0%; }
  /* Always insert a page break after the element */
  .always-page-break-after,
  .always-pba {
    page-break-after: always; }
  /* Avoid page break after the element (if possible) */
  .avoid-page-break-after,
  .avoid-pba {
    page-break-after: avoid; }
  /* Insert page breaks after the element so that the next page is formatted as a left page */
  .left-page-break-after,
  .left-pba {
    page-break-after: left; }
  /* Insert page breaks after the element so that the next page is formatted as a right page */
  .right-page-break-after,
  .right-pba {
    page-break-after: right; }
  /* Always insert a page break before the element */
  .always-page-break-before,
  .always-pbb {
    page-break-before: always; }
  /* Avoid page break before the element (if possible) */
  .avoid-page-break-before,
  .avoid-pbb {
    page-break-before: avoid; }
  /* Insert page breaks before the element so that the next page is formatted as a left page */
  .left-page-break-before,
  .left-pbb {
    page-break-before: left; }
  /* Insert page breaks before the element so that the next page is formatted as a right page */
  .right-page-break-before,
  .right-pbb {
    page-break-before: right; }
  /* Avoid page break inside the element (if possible) */
  .avoid-page-break-inside,
  .avoid-pbi {
    page-break-inside: avoid;
    width: 3; }
  /* Hide link's href URL in print. */
  a[href]:after {
    content: none !important; }
  .no-print {
    display: none !important; }
  .yes-print {
    display: block !important; }
  .vertical-middle {
    display: inline-block !important; }
  button {
    display: none !important; }
  .print-form {
    margin-top: 20px !important;
    box-sizing: border-box !important; } }

.display-flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .display-flex.vertical-center {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .display-flex.just-start {
    -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; }
  .display-flex.just-end {
    -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; }

.checkbox[type=checkbox] {
  display: none; }

.checkbox[type=checkbox] + .label-checkbox:before {
  content: "\2713";
  color: transparent;
  display: inline-block;
  border: 1px solid #8c8787;
  font-size: 13px;
  line-height: 14px;
  height: 14px;
  width: 14px;
  text-align: center;
  vertical-align: middle;
  transition: color ease-in-out .2s;
  cursor: pointer; }

.checkbox[type=checkbox]:checked + label:before {
  color: #8c8787; }

input[type=radio] + label:before {
  content: "\26AB";
  border: 1px solid #000;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #000;
  font-size: 20px;
  line-height: 20px;
  margin: -5px 5px 0 0;
  height: 20px;
  width: 20px;
  text-align: center;
  vertical-align: middle;
  font-size: 0;
  transition: font-size ease .3s; }

input[type=radio]:checked + label:before {
  font-size: 20px; }

div:focus {
  border: 0;
  outline: none; }

.admin {
  height: 100%; }

.admin-content {
  height: 100%; }
  .admin-content__wrapper {
    display: block;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    margin: -10px 14px 0;
    border-color: transparent;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12);
    color: #3e4855;
    font-size: 14px; }

.overflow-y.auto {
  overflow-y: auto; }

.table {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  border-collapse: collapse;
  white-space: nowrap;
  font-size: 13px;
  background-color: #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-sizing: border-box; }
  .table__thead {
    padding-bottom: 3px; }
    .table__thead th {
      position: relative;
      vertical-align: bottom;
      text-overflow: ellipsis;
      font-weight: 700;
      line-height: 24px;
      letter-spacing: 0;
      height: 48px;
      font-size: 12px;
      color: black;
      box-sizing: border-box;
      padding: 12px 18px;
      border-bottom: 0 !important; }
  .table__tbody tr {
    position: relative;
    height: 48px;
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: background-color;
    font-size: 12px; }
    .table__tbody tr:hover {
      background-color: #eee; }
    .table__tbody tr:focus {
      outline: #3f51b5 auto 1px; }
  .table__tbody td {
    vertical-align: middle;
    position: relative;
    height: 48px;
    border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
    padding: 15px 18px;
    box-sizing: border-box; }
  .table__col-sort {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .table__col-sort-ico {
      font-size: 16px;
      cursor: pointer;
      transition: color .2s ease-in-out; }
      .table__col-sort-ico:hover {
        color: #00685b; }

.header-table__button-wrap {
  margin-left: -7px; }

.header-table__button {
  font-weight: 500; }
  .header-table__button:hover {
    background: #3f51b5 !important;
    color: rgba(255, 255, 255, 0.87) !important; }

.icon {
  /*font-size: 14px;*/ }

.dropdown-menu-content {
  font-size: 16px; }
  .dropdown-menu-content .dropdown-menu-element {
    padding: 10px;
    max-width: 33%;
    width: 100%; }
    .dropdown-menu-content .dropdown-menu-element.img {
      max-width: 100%;
      width: 100%; }
    .dropdown-menu-content .dropdown-menu-element__title {
      font-size: 18px;
      font-weight: bold; }
    .dropdown-menu-content .dropdown-menu-element-wrapper {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      margin: 0 -10px; }
    .dropdown-menu-content .dropdown-menu-element__form-img-list {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      margin: 5px -5px; }
    .dropdown-menu-content .dropdown-menu-element__form-img-item {
      max-width: 75px;
      width: 100%;
      height: 75px;
      overflow: hidden;
      cursor: pointer;
      border: 5px solid #fff;
      margin: 5px;
      transition: box-shadow .3s ease-in-out; }
      .dropdown-menu-content .dropdown-menu-element__form-img-item:hover {
        box-shadow: none; }
      .dropdown-menu-content .dropdown-menu-element__form-img-item img {
        width: 100%;
        height: 100%;
        background-size: cover; }
    .dropdown-menu-content .dropdown-menu-element.multi-input .dropdown-menu-element__form {
      margin: -3px 5px 5px; }
    .dropdown-menu-content .dropdown-menu-element.multi-input .md-errors-spacer {
      min-height: 0; }

.dialog {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(33, 33, 33, 0.48);
  z-index: 1; }
  .dialog .dialog-inner {
    height: 100%;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .dialog-content {
    border-radius: 4px;
    -webkit-transform: translate(0, 0) scale(1);
        -ms-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
    background-color: white;
    color: rgba(0, 0, 0, 0.87);
    max-width: 80%;
    width: 100%;
    overflow: auto;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); }

.flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: inherit;
      -ms-flex: inherit;
          flex: inherit; }
  .flex.align_start {
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .flex.align_center {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .flex.align_end {
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .flex.content_start {
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .flex.content_center {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .flex.content_end {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .flex .direction_column {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .flex .direction_row {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
  .flex .wrap_nowrap {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
  .flex .wrap_wrap {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }

.list__wrapper {
  padding: 0 0 0 20px; }

.list__item {
  list-style-type: decimal;
  padding: 5px 0; }

.social-sharing__title {
  margin-right: 5px;
  font-size: 18px; }

.social-sharing-button {
  margin: 0 5px;
  cursor: pointer;
  border: none;
  background: none; }
  .social-sharing-button__ico {
    font-size: 18px; }
  .social-sharing-button_visible-mobile {
    display: none; }
    @media (max-width: 1000px) {
      .social-sharing-button_visible-mobile {
        display: block; } }

.button-submit[disabled] {
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.38) !important;
  cursor: default !important; }

.w1 {
  width: 1%; }

.w2 {
  width: 2%; }

.w3 {
  width: 3%; }

.w4 {
  width: 4%; }

.w5 {
  width: 5%; }

.w6 {
  width: 6%; }

.w7 {
  width: 7%; }

.w8 {
  width: 8%; }

.w9 {
  width: 9%; }

.w10 {
  width: 10%; }

.w11 {
  width: 11%; }

.w12 {
  width: 12%; }

.w13 {
  width: 13%; }

.w14 {
  width: 14%; }

.w15 {
  width: 15%; }

.w16 {
  width: 16%; }

.w17 {
  width: 17%; }

.w18 {
  width: 18%; }

.w19 {
  width: 19%; }

.w20 {
  width: 20%; }

.w21 {
  width: 21%; }

.w22 {
  width: 22%; }

.w23 {
  width: 23%; }

.w24 {
  width: 24%; }

.w25 {
  width: 25%; }

.w26 {
  width: 26%; }

.w27 {
  width: 27%; }

.w28 {
  width: 28%; }

.w29 {
  width: 29%; }

.w30 {
  width: 30%; }

.w31 {
  width: 31%; }

.w32 {
  width: 32%; }

.w33 {
  width: 33%; }

.w34 {
  width: 34%; }

.w35 {
  width: 35%; }

.w36 {
  width: 36%; }

.w37 {
  width: 37%; }

.w38 {
  width: 38%; }

.w39 {
  width: 39%; }

.w40 {
  width: 40%; }

.w41 {
  width: 41%; }

.w42 {
  width: 42%; }

.w43 {
  width: 43%; }

.w44 {
  width: 44%; }

.w45 {
  width: 45%; }

.w46 {
  width: 46%; }

.w47 {
  width: 47%; }

.w48 {
  width: 48%; }

.w49 {
  width: 49%; }

.w50 {
  width: 50%; }

.w51 {
  width: 51%; }

.w52 {
  width: 52%; }

.w53 {
  width: 53%; }

.w54 {
  width: 54%; }

.w55 {
  width: 55%; }

.w56 {
  width: 56%; }

.w57 {
  width: 57%; }

.w58 {
  width: 58%; }

.w59 {
  width: 59%; }

.w60 {
  width: 60%; }

.w61 {
  width: 61%; }

.w62 {
  width: 62%; }

.w63 {
  width: 63%; }

.w64 {
  width: 64%; }

.w65 {
  width: 65%; }

.w66 {
  width: 66%; }

.w67 {
  width: 67%; }

.w68 {
  width: 68%; }

.w69 {
  width: 69%; }

.w70 {
  width: 70%; }

.w71 {
  width: 71%; }

.w72 {
  width: 72%; }

.w73 {
  width: 73%; }

.w74 {
  width: 74%; }

.w75 {
  width: 75%; }

.w76 {
  width: 76%; }

.w77 {
  width: 77%; }

.w78 {
  width: 78%; }

.w79 {
  width: 79%; }

.w80 {
  width: 80%; }

.w81 {
  width: 81%; }

.w82 {
  width: 82%; }

.w83 {
  width: 83%; }

.w84 {
  width: 84%; }

.w85 {
  width: 85%; }

.w86 {
  width: 86%; }

.w87 {
  width: 87%; }

.w88 {
  width: 88%; }

.w89 {
  width: 89%; }

.w90 {
  width: 90%; }

.w91 {
  width: 91%; }

.w92 {
  width: 92%; }

.w93 {
  width: 93%; }

.w94 {
  width: 94%; }

.w95 {
  width: 95%; }

.w96 {
  width: 96%; }

.w97 {
  width: 97%; }

.w98 {
  width: 98%; }

.w99 {
  width: 99%; }

.w100 {
  width: 100%; }

.scroll-y {
  overflow-y: scroll; }
  .scroll-y.scrolling-offset {
    margin-right: -17px; }

.c-pointer {
  cursor: pointer; }

.line-height-normal {
  line-height: 1.2; }

.label-checkbox {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

h5 {
  font-size: 18px;
  font-weight: bold; }

.tooltip {
  position: relative; }
  .tooltip:hover .tooltip__wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .tooltip .tooltip__wrap {
    position: absolute;
    min-width: 100px;
    line-height: 19px;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 30px;
    left: 50%;
    margin-left: -50px;
    display: none;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.9);
    box-sizing: border-box;
    padding: 5px;
    z-index: 9999;
    font-size: 12px;
    bottom: calc(100% + 8px); }
    .tooltip .tooltip__wrap:before {
      content: '';
      position: absolute;
      left: 50%;
      margin-left: -5px;
      bottom: -8px;
      border-style: solid;
      border-width: 5px 7px 5px 0;
      -webkit-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
              transform: rotate(-90deg);
      border-color: transparent rgba(0, 0, 0, 0.9) transparent transparent; }
    .tooltip .tooltip__wrap.bottom {
      top: calc(100% + 8px); }
      .tooltip .tooltip__wrap.bottom:before {
        top: -8px;
        bottom: auto;
        border-width: 5px 7px 5px 0;
        -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
                transform: rotate(90deg); }
    .tooltip .tooltip__wrap.left {
      bottom: auto;
      left: auto;
      right: 100%;
      top: 50%;
      margin-top: -13px; }
      .tooltip .tooltip__wrap.left:before {
        top: 50%;
        bottom: auto;
        left: auto;
        right: -7px;
        margin-top: -5px;
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg); }
    .tooltip .tooltip__wrap.white {
      background-color: #ffffff;
      color: #000;
      border: 1px solid; }
    .tooltip .tooltip__wrap.right {
      bottom: auto;
      left: calc(100% + 8px);
      top: 50%;
      margin-top: -13px; }
      .tooltip .tooltip__wrap.right:before {
        top: 50%;
        bottom: auto;
        left: 0px;
        right: auto;
        margin-top: -5px;
        -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
                transform: rotate(0deg); }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important; }

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/MaterialIcons-Regular.eot);
  /* For IE6-8 */
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(../fonts/MaterialIcons-Regular.woff2) format("woff2"), url(../fonts/MaterialIcons-Regular.woff) format("woff"), url(../fonts/MaterialIcons-Regular.ttf) format("truetype"); }

@font-face {
  font-family: 'PT Sans';
  src: url("../fonts/PTSans-Regular.eot");
  src: url("../fonts/PTSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/PTSans-Regular.woff") format("woff"), url("../fonts/PTSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'PT Sans';
  src: url("../fonts/PTSans-BoldItalic.eot");
  src: url("../fonts/PTSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/PTSans-BoldItalic.woff") format("woff"), url("../fonts/PTSans-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'PT Sans';
  src: url("../fonts/PTSans-Bold.eot");
  src: url("../fonts/PTSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/PTSans-Bold.woff") format("woff"), url("../fonts/PTSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'PT Sans';
  src: url("../fonts/PTSans-Italic.eot");
  src: url("../fonts/PTSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/PTSans-Italic.woff") format("woff"), url("../fonts/PTSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga'; }

html,
body {
  height: auto !important;
  -webkit-appearance: none;
  -moz-appearance: none; }

body {
  -webkit-font-smoothing: antialiased;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  overflow-x: hidden;
  -webkit-text-size-adjust: none;
  position: relative;
  color: #383737; }

.wrapper {
  min-height: 100%;
  /* минимальная высота обертки */
  height: auto !important;
  /* для всех браузеров (можно убрать, если поддержка IE6 не нужна) */
  height: 100% !important;
  /* для IE6, т.к. он понимает height, как min-height */
  position: relative;
  /* позиционируем относительно этого блока */
  overflow: hidden; }
  .wrapper .header-full {
    position: fixed;
    width: 100%;
    z-index: 2; }
    @media (max-width: 790px) {
      .wrapper .header-full {
        z-index: 3; } }
  .wrapper .static {
    position: static; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

a, input, button {
  outline: none; }

a {
  cursor: pointer; }

/*Выпадающее меню*/
.menu_big ul {
  list-style: none;
  position: absolute;
  left: -9999px;
  opacity: 0;
  padding-top: 40px;
  z-index: 10;
  margin-top: -30px;
  width: 100%; }

.menu_big ul li {
  float: none;
  text-align: center; }

.menu_big ul a {
  white-space: nowrap;
  display: block; }

.menu_big li:hover ul {
  left: 0;
  opacity: 1;
  background: #013A33; }

.menu_big li:hover a {
  /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */
  text-decoration: underline; }

.menu_big li:hover ul a {
  /* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */
  text-decoration: none;
  background-color: #013A33; }

.menu_big li:hover ul li a:hover {
  /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */
  background: #013A33;
  background: rgba(4, 60, 144, 0.75);
  /* Будет полупрозрачным */
  text-decoration: underline; }

/*Выпадающее меню*/
/*Выпадающее меню футера*/
#nav_footer ul {
  list-style: none;
  position: absolute;
  left: -9999px;
  opacity: 0;
  -webkit-transition: 0.25s linear opacity;
  padding-top: 10px; }

#nav_footer ul li {
  float: none;
  min-width: 130px;
  text-align: left; }

#nav_footer ul a {
  white-space: nowrap;
  display: block; }

#nav_footer li:hover ul {
  left: 0;
  opacity: 1; }

#nav_footer li:hover a {
  /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */
  text-decoration: underline; }

#nav_footer li:hover ul a {
  /* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */
  text-decoration: none; }

#nav_footer li:hover ul li a:hover {
  /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */
  text-decoration: underline; }

/*Выпадающее меню футера*/
/*Активный класс*/
.active {
  display: block; }

/*Стайл кубиков*/
.kub_style {
  width: 109px !important;
  height: 109px !important; }
  @media (max-width: 1487px) {
    .kub_style {
      width: 60px !important;
      height: 60px !important; } }

.input_style_poupup {
  display: inline-block;
  font-size: 22px;
  padding: 22px 10px 0 10px;
  background: transparent;
  border: none;
  color: #ffffff;
  font-weight: 500;
  vertical-align: bottom;
  outline: none; }
  @media (max-width: 768px) {
    .input_style_poupup {
      max-width: 65%; } }
  .input_style_poupup:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 50px #013A33 !important;
    /* Цвет фона */
    -webkit-text-fill-color: #ffffff !important;
    /* цвет текста */
    color: #ffffff !important;
    /* цвет текста */ }

.style_input_title {
  color: #ffffff;
  font-size: 22px;
  font-weight: 500;
  display: inline-block; }

.style_row_login {
  border-bottom: 1px solid #5075a1;
  text-align: left;
  vertical-align: bottom;
  padding-bottom: 10px; }

.header__additional_menu {
  text-align: left; }
  @media (max-width: 1200px) {
    .header__additional_menu .header__nav_item_submenu {
      text-align: center !important; } }
  .header__additional_menu .header__menu_main {
    margin-bottom: 100px;
    display: none; }
    @media (max-width: 1200px) {
      .header__additional_menu .header__menu_main {
        display: block;
        margin-bottom: 10px; } }
    @media (max-width: 1200px) {
      .header__additional_menu .header__menu_main .header__menu_main_nav {
        display: block; } }
    @media (max-width: 1200px) {
      .header__additional_menu .header__menu_main .header__menu_main_nav .menu_big {
        margin-left: -15px;
        margin-bottom: 36px; } }
    .header__additional_menu .header__menu_main .header__menu_main_nav .menu_big .header__nav_item_submenu_item_list {
      display: none;
      opacity: 1;
      left: 0;
      position: relative;
      margin-left: 0; }
      .header__additional_menu .header__menu_main .header__menu_main_nav .menu_big .header__nav_item_submenu_item_list .header__nav_item_submenu {
        text-align: center; }
    @media (max-width: 1200px) {
      .header__additional_menu .header__menu_main .header__menu_main_nav .menu_big li {
        float: none;
        min-height: 36px;
        text-align: center; } }
    .header__additional_menu .header__menu_main .header__menu_main_nav .menu_big li a::before {
      border: 0; }
    @media (max-width: 1200px) {
      .header__additional_menu .header__menu_main .header__menu_main_nav .menu_big .header__nav_item_submenu {
        background: none; } }
    @media (max-width: 1200px) {
      .header__additional_menu .header__menu_main .header__menu_main_nav .menu_big .header__nav_item:hover {
        background-color: transparent; } }
    @media (max-width: 1200px) {
      .header__additional_menu .header__menu_main .menu_big ul {
        position: relative;
        padding-top: 6px;
        margin-top: 0;
        margin-left: 0;
        display: none; } }
    @media (max-width: 1200px) {
      .header__additional_menu .header__menu_main .menu_big li:hover ul {
        background: transparent; } }
  .header__additional_menu .header__additional_menu_close {
    position: relative;
    width: 50px;
    height: 50px;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    background: url("../img/close.svg") no-repeat 50% 50%;
    background-color: #013A33;
    transition: background-color 1s ease; }
    .header__additional_menu .header__additional_menu_close:hover {
      background-color: #05665A; }
  .header__additional_menu .header__additional_menu_wrapper {
    max-width: 1200px;
    margin: 0 auto; }
    @media (max-width: 1300px) {
      .header__additional_menu .header__additional_menu_wrapper {
        max-width: 900px; } }
    @media (max-width: 1200px) {
      .header__additional_menu .header__additional_menu_wrapper {
        height: 644px; } }
    @media (max-width: 950px) {
      .header__additional_menu .header__additional_menu_wrapper {
        max-width: 100%;
        text-align: center; } }
    @media (max-width: 768px) {
      .header__additional_menu .header__additional_menu_wrapper {
        max-width: 300px;
        width: 100%;
        padding: 0 0 0 10px; } }
    .header__additional_menu .header__additional_menu_wrapper .header__additional_menu_item-list {
      width: 240px;
      display: inline-block;
      margin-right: 60px;
      margin-bottom: 20px;
      vertical-align: top; }
      @media (max-width: 950px) {
        .header__additional_menu .header__additional_menu_wrapper .header__additional_menu_item-list {
          text-align: left; } }
      @media (max-width: 768px) {
        .header__additional_menu .header__additional_menu_wrapper .header__additional_menu_item-list {
          margin-right: auto; } }
      .header__additional_menu .header__additional_menu_wrapper .header__additional_menu_item-list .header__additional_menu_title {
        color: #ffffff;
        font-size: 20px;
        text-decoration: none;
        font-weight: 600;
        margin-bottom: 10px;
        display: inline-block; }
      .header__additional_menu .header__additional_menu_wrapper .header__additional_menu_item-list .header__additional_menu_item {
        padding-bottom: 10px; }
        .header__additional_menu .header__additional_menu_wrapper .header__additional_menu_item-list .header__additional_menu_item .header__additional_menu_item_link {
          color: #ffffff;
          text-decoration: none; }
          .header__additional_menu .header__additional_menu_wrapper .header__additional_menu_item-list .header__additional_menu_item .header__additional_menu_item_link:hover {
            color: #a5b0c5;
            transition: all 0.5s ease-in-out; }

.header__search_menu {
  text-align: right; }
  .header__search_menu .header__search_menu_wrapper {
    text-align: center;
    max-width: 1200px;
    margin: 200px auto;
    position: relative;
    overflow: hidden; }
    @media (max-width: 1250px) {
      .header__search_menu .header__search_menu_wrapper {
        max-width: 100%;
        padding: 0 20px; } }
    .header__search_menu .header__search_menu_wrapper .header__search_menu_row {
      border-bottom: 1px solid #5075a1;
      text-align: left;
      vertical-align: bottom;
      padding-bottom: 10px; }
      .header__search_menu .header__search_menu_wrapper .header__search_menu_row .header__search_menu_title {
        display: inline-block;
        vertical-align: bottom; }
        .header__search_menu .header__search_menu_wrapper .header__search_menu_row .header__search_menu_title .header__search_menu_title_stroke {
          color: #ffffff;
          font-size: 22px;
          font-weight: bold; }
      .header__search_menu .header__search_menu_wrapper .header__search_menu_row .header__search_menu_input {
        min-width: 1050px;
        padding: 22px 10px 0 10px; }
        @media (max-width: 1250px) {
          .header__search_menu .header__search_menu_wrapper .header__search_menu_row .header__search_menu_input {
            min-width: 80%; } }
        @media (max-width: 768px) {
          .header__search_menu .header__search_menu_wrapper .header__search_menu_row .header__search_menu_input {
            min-width: 50%;
            max-width: 50%; } }
      .header__search_menu .header__search_menu_wrapper .header__search_menu_row .header__search_menu_search_button {
        display: inline-block;
        background: transparent url("../img/icon_search_head_menu_search.svg") no-repeat 50% 50%;
        width: 32px;
        height: 32px;
        float: right;
        vertical-align: middle;
        position: relative;
        top: 20px;
        cursor: pointer; }
    .header__search_menu .header__search_menu_wrapper .header__search_menu_input_description {
      margin-top: 10px;
      text-align: left;
      color: #5075a1;
      opacity: 0.9; }
  .header__search_menu .header__search_menu_close {
    position: relative;
    width: 50px;
    height: 50px;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    background: url("../img/close.svg") no-repeat 50% 50%;
    background-color: #013A33;
    transition: background-color 1s ease; }
    .header__search_menu .header__search_menu_close:hover {
      background-color: #05665A; }

.header__login_menu {
  background-color: #013A33;
  text-align: right;
  background-size: 23% 59%; }
  @media (max-width: 768px) {
    .header__login_menu {
      background-position: 113% 152%;
      background-size: 53% 59%; } }
  .header__login_menu .header__login_menu_wrapper {
    text-align: center;
    max-width: 400px;
    margin: 200px auto;
    position: relative;
    overflow: hidden;
    text-align: left; }
    @media (max-width: 768px) {
      .header__login_menu .header__login_menu_wrapper {
        max-width: 300px;
        margin-top: 80px; } }
    .header__login_menu .header__login_menu_wrapper .header__login_menu_title {
      display: inline-block;
      height: 35px;
      color: #FFFFFF;
      text-align: left;
      margin-bottom: 20px; }
      .header__login_menu .header__login_menu_wrapper .header__login_menu_title .header__login_menu_title_ico {
        width: 32px;
        height: 32px;
        display: inline-block;
        background: url("../img/icon_account.svg") no-repeat 50% 50%; }
      .header__login_menu .header__login_menu_wrapper .header__login_menu_title .header__login_menu_title_section {
        vertical-align: top;
        font-size: 22px;
        font-weight: 600;
        padding-left: 10px; }
        @media (max-width: 1920px) {
          .header__login_menu .header__login_menu_wrapper .header__login_menu_title .header__login_menu_title_section {
            font-size: 20px; } }
    .header__login_menu .header__login_menu_wrapper .header__login_menu_row_user {
      border-bottom: 1px solid #5075a1;
      text-align: left;
      vertical-align: bottom;
      padding-bottom: 10px;
      margin-bottom: 20px; }
    .header__login_menu .header__login_menu_wrapper .header__login_menu_row_button {
      text-align: right;
      width: 100%;
      display: inline-block; }
      .header__login_menu .header__login_menu_wrapper .header__login_menu_row_button .header__login_menu_button {
        border: none;
        cursor: pointer;
        padding: 15px 40px;
        text-decoration: none;
        color: #ffffff;
        background-color: #013A33;
        display: inline-block;
        margin-top: 35px;
        font-size: 22px;
        opacity: 0.9;
        transition: all 0.4s ease-out; }
        .header__login_menu .header__login_menu_wrapper .header__login_menu_row_button .header__login_menu_button[disabled] {
          opacity: 0.5; }
          .header__login_menu .header__login_menu_wrapper .header__login_menu_row_button .header__login_menu_button[disabled]:hover {
            opacity: 0.5;
            cursor: no-drop; }
        .header__login_menu .header__login_menu_wrapper .header__login_menu_row_button .header__login_menu_button:hover {
          opacity: 1; }
  .header__login_menu .header__login_menu_close {
    position: relative;
    width: 50px;
    height: 50px;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    background: url("../img/close.svg") no-repeat 50% 50%;
    background-color: #013A33;
    transition: background-color 1s ease; }
    @media (max-width: 768px) {
      .header__login_menu .header__login_menu_close {
        background-size: 32%;
        width: 30px !important;
        height: 30px !important; } }
    .header__login_menu .header__login_menu_close:hover {
      background-color: #05665A; }

.header__contacts_menu {
  width: calc(100% - 109px);
  height: 109px;
  background-color: #ffffff;
  position: fixed;
  top: 109px;
  left: 109px;
  z-index: 4;
  display: none;
  text-align: right;
  transition: 1s ease;
  /*СЛАЙДЕР*/ }
  .header__contacts_menu.active {
    display: block; }
  @media (max-width: 1487px) {
    .header__contacts_menu {
      top: 60px;
      left: 60px;
      width: calc(100% - 60px);
      height: 60px; } }
  @media (max-width: 900px) {
    .header__contacts_menu {
      min-height: 100%;
      top: 120px;
      width: 100%;
      left: 0; } }
  .header__contacts_menu .header__contacts_menu_slider_wrapper {
    height: 109px;
    float: left; }
    @media (max-width: 1487px) {
      .header__contacts_menu .header__contacts_menu_slider_wrapper {
        height: 60px; } }
    @media (max-width: 900px) {
      .header__contacts_menu .header__contacts_menu_slider_wrapper {
        width: 100%;
        background: #edf2f8; } }
    .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_adress {
      overflow: hidden;
      width: 280px;
      text-align: left;
      float: left;
      height: 100%;
      position: relative; }
      @media (max-width: 1600px) {
        .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_adress {
          width: 200px; } }
      @media (max-width: 1024px) {
        .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_adress {
          width: 125px; } }
      @media (max-width: 900px) {
        .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_adress {
          width: 50%; } }
      .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_adress .header__contacts_menu_slider_adress_item {
        width: 300%;
        text-align: left;
        position: absolute;
        height: 100%; }
        .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_adress .header__contacts_menu_slider_adress_item .header__contacts_menu_slider_adress_item_wrapper {
          font-weight: 400;
          padding: 25px 0 25px 0;
          width: calc(100%/3);
          float: left;
          transition: -webkit-transform .3s ease;
          transition: transform .3s ease;
          transition: transform .3s ease, -webkit-transform .3s ease; }
          @media (max-width: 1487px) {
            .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_adress .header__contacts_menu_slider_adress_item .header__contacts_menu_slider_adress_item_wrapper {
              padding: 5px 0 0 0; } }
          .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_adress .header__contacts_menu_slider_adress_item .header__contacts_menu_slider_adress_item_wrapper .header__contacts_menu_title_ju {
            text-transform: uppercase;
            display: block;
            font-size: 22px;
            padding-left: 60px; }
            @media (max-width: 1487px) {
              .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_adress .header__contacts_menu_slider_adress_item .header__contacts_menu_slider_adress_item_wrapper .header__contacts_menu_title_ju {
                font-size: 16px;
                padding-left: 20px; } }
            @media (max-width: 1024px) {
              .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_adress .header__contacts_menu_slider_adress_item .header__contacts_menu_slider_adress_item_wrapper .header__contacts_menu_title_ju {
                font-size: 16px;
                padding-left: 10px;
                padding-top: 6px; } }
          .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_adress .header__contacts_menu_slider_adress_item .header__contacts_menu_slider_adress_item_wrapper .header__contacts_menu_descript {
            display: block;
            font-size: 16px;
            padding-left: 60px; }
            @media (max-width: 1487px) {
              .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_adress .header__contacts_menu_slider_adress_item .header__contacts_menu_slider_adress_item_wrapper .header__contacts_menu_descript {
                font-size: 14px;
                padding-left: 20px; } }
            @media (max-width: 1024px) {
              .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_adress .header__contacts_menu_slider_adress_item .header__contacts_menu_slider_adress_item_wrapper .header__contacts_menu_descript {
                font-size: 10px;
                padding-left: 10px; } }
    .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_controller {
      float: left;
      width: 120px;
      text-align: left;
      height: 100%; }
      @media (max-width: 1487px) {
        .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_controller {
          width: 60px; } }
      @media (max-width: 900px) {
        .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_controller {
          float: right; } }
      .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_controller .header__contacts_menu_slider_controller_arrow {
        float: left;
        width: 60px;
        height: 100%;
        cursor: pointer; }
        @media (max-width: 1487px) {
          .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_controller .header__contacts_menu_slider_controller_arrow {
            width: 30px; } }
      .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_controller .prev_slide {
        background: url("../img/icon_left_enable.svg") no-repeat 50% 50%;
        background-color: #013A33; }
      .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_controller .prev_slide.disabled {
        background: url("../img/icon_left.svg") no-repeat 50% 50%;
        background-color: #e6ebf1; }
      .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_controller .next_slide {
        background: url("../img/icon_right_enable.svg") no-repeat 50% 50%;
        background-color: #013A33; }
      .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_controller .next_slide.disabled {
        background: url("../img/icon_right.svg") no-repeat 50% 50%;
        background-color: #e6ebf1; }
    .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_wrapper_content {
      overflow: hidden;
      width: 1188px;
      text-align: left;
      float: left;
      position: relative;
      height: 100%; }
      @media (max-width: 1800px) {
        .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_wrapper_content {
          width: 950px; } }
      @media (max-width: 1600px) {
        .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_wrapper_content {
          width: 680px; } }
      @media (max-width: 1200px) {
        .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_wrapper_content {
          width: 550px; } }
      @media (max-width: 900px) {
        .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_wrapper_content {
          height: 600px; } }
      .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_wrapper_content .header__contacts_menu_slide_item_content {
        width: 300%;
        text-align: left;
        height: 100%;
        position: absolute; }
        .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_wrapper_content .header__contacts_menu_slide_item_content .header__contacts_menu_slide_item_content_main_slide_contact {
          width: calc(100%/3);
          height: 100%;
          float: left;
          transition: -webkit-transform .3s ease;
          transition: transform .3s ease;
          transition: transform .3s ease, -webkit-transform .3s ease; }
          .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_wrapper_content .header__contacts_menu_slide_item_content .header__contacts_menu_slide_item_content_main_slide_contact .header__contacts_block_contact {
            width: 300px;
            position: relative;
            padding: 32px 0 0 0;
            float: left; }
            @media (max-width: 1600px) {
              .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_wrapper_content .header__contacts_menu_slide_item_content .header__contacts_menu_slide_item_content_main_slide_contact .header__contacts_block_contact {
                width: 200px; } }
            @media (max-width: 1487px) {
              .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_wrapper_content .header__contacts_menu_slide_item_content .header__contacts_menu_slide_item_content_main_slide_contact .header__contacts_block_contact {
                padding: 6px 0 0 0; } }
            @media (max-width: 1200px) {
              .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_wrapper_content .header__contacts_menu_slide_item_content .header__contacts_menu_slide_item_content_main_slide_contact .header__contacts_block_contact {
                width: 175px; } }
            @media (max-width: 900px) {
              .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_wrapper_content .header__contacts_menu_slide_item_content .header__contacts_menu_slide_item_content_main_slide_contact .header__contacts_block_contact {
                float: none;
                margin-left: 10px; } }
            .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_wrapper_content .header__contacts_menu_slide_item_content .header__contacts_menu_slide_item_content_main_slide_contact .header__contacts_block_contact:first-child {
              padding-left: 40px; }
              @media (max-width: 1200px) {
                .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_wrapper_content .header__contacts_menu_slide_item_content .header__contacts_menu_slide_item_content_main_slide_contact .header__contacts_block_contact:first-child {
                  padding-left: 10px; } }
              @media (max-width: 900px) {
                .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_wrapper_content .header__contacts_menu_slide_item_content .header__contacts_menu_slide_item_content_main_slide_contact .header__contacts_block_contact:first-child {
                  padding-left: 0; } }
            .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_wrapper_content .header__contacts_menu_slide_item_content .header__contacts_menu_slide_item_content_main_slide_contact .header__contacts_block_contact .header__contacts_block_contact_ico {
              width: 18px;
              height: 19px;
              padding-right: 10px;
              display: inline-block;
              position: relative;
              background: url("../img/icon_passport_table.svg") no-repeat 50% 50%; }
            .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_wrapper_content .header__contacts_menu_slide_item_content .header__contacts_menu_slide_item_content_main_slide_contact .header__contacts_block_contact .header__contacts_block_contact_title {
              font-size: 14px;
              text-transform: uppercase;
              font-weight: 400;
              vertical-align: top; }
              @media (max-width: 1200px) {
                .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_wrapper_content .header__contacts_menu_slide_item_content .header__contacts_menu_slide_item_content_main_slide_contact .header__contacts_block_contact .header__contacts_block_contact_title {
                  font-size: 12px; } }
            .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_wrapper_content .header__contacts_menu_slide_item_content .header__contacts_menu_slide_item_content_main_slide_contact .header__contacts_block_contact .header__contacts_block_contact_number_wrapper {
              display: block; }
              .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_wrapper_content .header__contacts_menu_slide_item_content .header__contacts_menu_slide_item_content_main_slide_contact .header__contacts_block_contact .header__contacts_block_contact_number_wrapper .header__contacts_block_contact_number {
                font-size: 24px;
                text-transform: uppercase;
                color: #013A33;
                padding-left: 30px;
                display: inline-block; }
                .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_wrapper_content .header__contacts_menu_slide_item_content .header__contacts_menu_slide_item_content_main_slide_contact .header__contacts_block_contact .header__contacts_block_contact_number_wrapper .header__contacts_block_contact_number a {
                  color: #013A33;
                  text-decoration: none; }
                .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_wrapper_content .header__contacts_menu_slide_item_content .header__contacts_menu_slide_item_content_main_slide_contact .header__contacts_block_contact .header__contacts_block_contact_number_wrapper .header__contacts_block_contact_number:last-child {
                  padding-left: 0; }
                @media (max-width: 1920px) {
                  .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_wrapper_content .header__contacts_menu_slide_item_content .header__contacts_menu_slide_item_content_main_slide_contact .header__contacts_block_contact .header__contacts_block_contact_number_wrapper .header__contacts_block_contact_number {
                    font-size: 20px; } }
                @media (max-width: 1600px) {
                  .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_wrapper_content .header__contacts_menu_slide_item_content .header__contacts_menu_slide_item_content_main_slide_contact .header__contacts_block_contact .header__contacts_block_contact_number_wrapper .header__contacts_block_contact_number {
                    font-size: 16px; } }
                @media (max-width: 1200px) {
                  .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_wrapper_content .header__contacts_menu_slide_item_content .header__contacts_menu_slide_item_content_main_slide_contact .header__contacts_block_contact .header__contacts_block_contact_number_wrapper .header__contacts_block_contact_number {
                    padding-left: 2px; } }
                .header__contacts_menu .header__contacts_menu_slider_wrapper .header__contacts_menu_slider_wrapper_content .header__contacts_menu_slide_item_content .header__contacts_menu_slide_item_content_main_slide_contact .header__contacts_block_contact .header__contacts_block_contact_number_wrapper .header__contacts_block_contact_number:last-child {
                  padding-left: 0; }

.header__contacts_menu_close {
  position: relative;
  width: 50px;
  height: 50px;
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
  background: url("../img/close_contacts.svg") no-repeat 50% 50%;
  background-color: #eaeaea;
  transition: background-color 1s ease; }
  .header__contacts_menu_close:hover {
    background: url("../img/close.svg") no-repeat 50% 50%;
    background-color: #013A33; }
  @media (max-width: 900px) {
    .header__contacts_menu_close {
      display: none; } }

/*Стили для выпадашек на главной */
.style_popup_main {
  width: 100%;
  min-height: 100vh;
  background-color: #013A33;
  top: 0;
  z-index: 4;
  display: none;
  position: fixed;
  overflow: hidden; }
  @media (max-width: 1200px) {
    .style_popup_main {
      position: fixed; } }

/*Стили для выпадашек на главной */
.header {
  background: #013A33;
  display: inline-block;
  width: 100%;
  font-size: 0;
  height: 109px; }
  .header .header__dop_menu_logo {
    display: inline-block;
    line-height: 109px;
    padding-right: 17px; }
    .header .header__dop_menu_logo .header__additional_menu_open {
      display: inline-block;
      text-align: center;
      cursor: pointer; }
      .header .header__dop_menu_logo .header__additional_menu_open .header__burger-menu {
        position: relative;
        width: 50px;
        height: 50px;
        cursor: pointer;
        vertical-align: middle;
        display: inline-block;
        background: url("../img/icon_menu.svg") no-repeat 50% 50%; }
        @media (max-width: 1487px) {
          .header .header__dop_menu_logo .header__additional_menu_open .header__burger-menu {
            background-size: 32px; } }
    .header .header__dop_menu_logo .header__logo {
      display: inline-block;
      width: 250px;
      min-height: 100%;
      background: #FFFFFF;
      vertical-align: top;
      height: 109px; }
      @media (max-width: 1487px) {
        .header .header__dop_menu_logo .header__logo {
          width: 60px;
          height: 100%; } }
      @media (max-width: 1200px) {
        .header .header__dop_menu_logo .header__logo {
          background: transparent; } }
      .header .header__dop_menu_logo .header__logo-name {
        padding: 0 5px;
        font-size: 18px;
        color: #000;
        font-weight: bold;
        text-transform: uppercase;
        display: inline-block;
        font-family: "Roboto", "Helvetica", "Arial", sans-serif; }
      .header .header__dop_menu_logo .header__logo .header__logo_link {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding-top: 20px; }
        .header .header__dop_menu_logo .header__logo .header__logo_link .menu__logo_img {
          padding-left: 15px;
          vertical-align: middle;
          fill: #013A33; }
          @media (max-width: 1487px) {
            .header .header__dop_menu_logo .header__logo .header__logo_link .menu__logo_img {
              width: 40px;
              padding-left: 10px; } }
          @media (max-width: 1200px) {
            .header .header__dop_menu_logo .header__logo .header__logo_link .menu__logo_img {
              fill: #ffffff;
              width: 40px;
              padding-left: 10px; } }
        .header .header__dop_menu_logo .header__logo .header__logo_link .header__logo_title {
          display: inline-block;
          font-size: 14px;
          line-height: 18px;
          text-transform: uppercase;
          vertical-align: middle;
          letter-spacing: 1.4px;
          width: 120px;
          font-weight: 600;
          padding-left: 5px; }
  .header .header__search_login {
    float: right;
    width: 109px;
    height: 109px; }
    @media (max-width: 1487px) {
      .header .header__search_login {
        width: 60px;
        height: 60px; } }
    @media (max-width: 1200px) {
      .header .header__search_login {
        width: 120px; } }
    .header .header__search_login .header__search {
      width: 109px;
      height: 109px;
      background: url("../img/icon_search.svg") no-repeat 50% 50%;
      background-color: #1069d4;
      fill: #ffffff;
      cursor: pointer;
      transition: background-color 1s ease;
      background-size: 40px; }
      @media (max-width: 1487px) {
        .header .header__search_login .header__search {
          background-size: 20px; } }
      @media (max-width: 780px) {
        .header .header__search_login .header__search {
          background-color: transparent;
          width: 60px;
          height: 60px; } }
      .header .header__search_login .header__search:hover {
        background-color: #013A33;
        background-size: 40px; }
        @media (max-width: 1487px) {
          .header .header__search_login .header__search:hover {
            background-size: 20px; } }

.header__menu_main {
  display: inline-block;
  vertical-align: middle; }
  @media (max-width: 1200px) {
    .header__menu_main .header__menu_main_nav {
      display: none; } }
  .header__menu_main .header__menu_main_nav .menu_big {
    float: left;
    width: 100%;
    list-style: none;
    font-weight: 600; }
    .header__menu_main .header__menu_main_nav .menu_big .header__nav_item_submenu {
      margin: 0px;
      height: 32px;
      width: 87%;
      font-weight: 400;
      text-align: left;
      text-transform: none;
      background: #013A33;
      text-decoration: none; }
      .header__menu_main .header__menu_main_nav .menu_big .header__nav_item_submenu.current {
        color: #013A33; }
        .header__menu_main .header__menu_main_nav .menu_big .header__nav_item_submenu.current::before {
          border-bottom: none; }
      .header__menu_main .header__menu_main_nav .menu_big .header__nav_item_submenu::before {
        border-bottom: none; }
      @media (max-width: 1710px) {
        .header__menu_main .header__menu_main_nav .menu_big .header__nav_item_submenu {
          width: 68%; } }
    .header__menu_main .header__menu_main_nav .menu_big .main_menu-wrapper:hover .header__nav_item {
      z-index: 20; }
    .header__menu_main .header__menu_main_nav .menu_big .main_menu-wrapper:hover .menu_big ul {
      z-index: 9999; }
    .header__menu_main .header__menu_main_nav .menu_big .header__nav_item {
      min-width: 130px;
      position: relative;
      z-index: 2; }
      .header__menu_main .header__menu_main_nav .menu_big .header__nav_item::after {
        content: '';
        position: absolute;
        bottom: 0;
        background: url(../img/icon_select_down.svg) no-repeat 100% 68%;
        width: 23px;
        height: 21px;
        background-size: 56%;
        margin-left: -2px; }
        @media (max-width: 768px) {
          .header__menu_main .header__menu_main_nav .menu_big .header__nav_item::after {
            right: 0; } }
      .header__menu_main .header__menu_main_nav .menu_big .header__nav_item::before {
        border-bottom: none; }
      @media (max-width: 1920px) {
        .header__menu_main .header__menu_main_nav .menu_big .header__nav_item {
          background-position: 90% 65%; } }
      @media (max-width: 1649px) {
        .header__menu_main .header__menu_main_nav .menu_big .header__nav_item {
          background-position: 93% 65%; } }
      .header__menu_main .header__menu_main_nav .menu_big .header__nav_item:hover {
        background-color: #013A33; }
        .header__menu_main .header__menu_main_nav .menu_big .header__nav_item:hover::after {
          content: '';
          position: absolute;
          bottom: 0;
          background: url(../img/icon_select_down_hover.svg) no-repeat 100% 68%;
          width: 23px;
          height: 21px;
          background-size: 56%; }
        @media (max-width: 1920px) {
          .header__menu_main .header__menu_main_nav .menu_big .header__nav_item:hover {
            background-position: 90% 65%; } }
    .header__menu_main .header__menu_main_nav .menu_big li {
      float: left;
      position: relative;
      display: block;
      padding-right: 5px; }
      @media (max-width: 1540px) {
        .header__menu_main .header__menu_main_nav .menu_big li {
          padding-right: 2px; } }
      .header__menu_main .header__menu_main_nav .menu_big li a {
        padding: 0 17px;
        text-transform: uppercase;
        color: #fff;
        text-decoration: none;
        font-size: 18px;
        transition: color 0.2s ease;
        cursor: pointer;
        position: relative;
        display: inline-block;
        vertical-align: middle; }
        .header__menu_main .header__menu_main_nav .menu_big li a.current {
          color: #013A33;
          /* &::after {
               content: '';
               position: absolute;
               width: 100%;
               left: 0;
               bottom: -9px;
               border-top: 2px solid #ffffff;
               border-left: 2px solid #ffffff;
               height: 34px;
             }*/ }
          .header__menu_main .header__menu_main_nav .menu_big li a.current::before {
            content: '';
            position: absolute;
            width: 100%;
            left: 0;
            bottom: -9px;
            border-bottom: 2px solid #ffffff;
            /*border-right: 2px solid #ffffff;
              height: 34px;*/ }
        .header__menu_main .header__menu_main_nav .menu_big li a::before {
          content: '';
          position: absolute;
          width: 0;
          left: 0;
          bottom: -9px;
          border-bottom: 2px solid #ffffff;
          transition: width 0.25s ease-out; }
        @media (max-width: 1920px) {
          .header__menu_main .header__menu_main_nav .menu_big li a {
            font-size: 16px; } }
        @media (max-width: 1805px) {
          .header__menu_main .header__menu_main_nav .menu_big li a {
            font-size: 14px; } }
        @media (max-width: 1710px) {
          .header__menu_main .header__menu_main_nav .menu_big li a {
            font-size: 12px; } }
        @media (max-width: 1515px) {
          .header__menu_main .header__menu_main_nav .menu_big li a {
            font-size: 11px; } }
        @media (max-width: 1200px) {
          .header__menu_main .header__menu_main_nav .menu_big li a {
            font-size: 16px; } }
        .header__menu_main .header__menu_main_nav .menu_big li a:hover {
          color: #013A33; }
          .header__menu_main .header__menu_main_nav .menu_big li a:hover .round__vacancies-text {
            color: #fff !important; }
          .header__menu_main .header__menu_main_nav .menu_big li a:hover:before {
            width: 100%; }

/*Основная шапка добавление класса*/
.header_small {
  height: 80px; }
  .header_small .c-main-menu {
    line-height: 79px; }
    @media screen and (max-width: 1487px) {
      .header_small .c-main-menu {
        line-height: 60px; } }
  .header_small .kub_style {
    height: 100% !important;
    width: 80px !important; }
  .header_small .header__burger-menu {
    background-size: 72% !important; }
  .header_small .header__dop_menu_logo {
    line-height: 80px; }
    .header_small .header__dop_menu_logo .header__logo {
      height: 100%;
      background: transparent; }
      .header_small .header__dop_menu_logo .header__logo .header__logo_link {
        color: #ffffff; }
        .header_small .header__dop_menu_logo .header__logo .header__logo_link .menu__logo_img {
          fill: #ffffff; }
  .header_small .header__search_login {
    height: 100%;
    width: 200px; }
    .header_small .header__search_login .header__search {
      float: left;
      background-size: 27px;
      background-color: transparent;
      opacity: 0.5;
      transition: opacity 0.5s ease; }
      .header_small .header__search_login .header__search:hover {
        background-size: 27px;
        opacity: 1;
        background-color: transparent; }
      @media (max-width: 1680px) {
        .header_small .header__search_login .header__search {
          width: 60px !important; } }
    @media (max-width: 1680px) {
      .header_small .header__search_login {
        width: 120px; } }
  .header_small .display_none_big_menu {
    float: right;
    display: block;
    background: url(../img/icon_account.svg) no-repeat 8% 50%;
    background-color: transparent;
    cursor: pointer;
    text-align: center;
    line-height: 80px;
    text-transform: uppercase;
    background-size: 26px;
    width: 120px; }
    @media (max-width: 1680px) {
      .header_small .display_none_big_menu {
        width: 60px !important;
        background-position: 50% 50%; } }
    .header_small .display_none_big_menu .header_two__login_title {
      font-size: 14px;
      color: #FFFFFF;
      vertical-align: middle;
      font-weight: 600;
      padding-left: 24px; }
      @media (max-width: 1680px) {
        .header_small .display_none_big_menu .header_two__login_title {
          display: none; } }
  .header_small .header_two__login {
    width: 100px !important; }
    @media (max-width: 1900px) {
      .header_small .header_two__login {
        width: 80px !important; } }
    @media (max-width: 1700px) {
      .header_small .header_two__login {
        width: 60px !important; } }

.header_two {
  height: 109px;
  position: relative;
  z-index: 4; }
  .header_two .header_two__contacts_close_mobile {
    display: block; }
    @media (max-width: 900px) {
      .header_two .header_two__contacts_close_mobile {
        position: absolute;
        z-index: 9999;
        height: 18px;
        width: 18px;
        right: 10px;
        margin-top: 23px;
        top: 50%;
        font-size: 12px; } }
  .header_two .slider-phone-wrapper {
    height: 0;
    z-index: -6;
    position: relative;
    display: none; }
    .header_two .slider-phone-wrapper.active {
      display: block; }
  .header_two .slider-phone-wrapper.active {
    z-index: 7; }
  .header_two .header_two__contacts_close_mobile {
    display: block; }
  .header_two .slider-phone-wrapper.active .header_two__contacts_close_mobile {
    transition: all 3s ease;
    opacity: 0; }
    @media (max-width: 900px) {
      .header_two .slider-phone-wrapper.active .header_two__contacts_close_mobile {
        opacity: 1; } }
  .header_two .header_two__contacts__mobile {
    float: left;
    height: 60px;
    width: 60px;
    background: url("../img/icon_phone.svg") no-repeat 50% 40%;
    background-color: #01ba47;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    z-index: 6;
    background-position: 17px 15px;
    line-height: 0;
    display: none; }
    @media (max-width: 900px) {
      .header_two .header_two__contacts__mobile {
        display: block; } }
    .header_two .header_two__contacts__mobile.active {
      background-color: #00782e; }
  .header_two .header_two__contacts {
    float: left;
    width: 109px;
    height: 109px;
    display: block;
    background: url("../img/icon_phone.svg") no-repeat 50% 40%;
    background-color: #01ba47;
    cursor: pointer;
    text-align: center;
    line-height: 150px;
    text-transform: uppercase;
    position: absolute;
    z-index: 6;
    /* &::before {
       width: 100%;
       height: 60px;
       background-color: #01ba47;
       position: absolute;
       content: '';
       left: 60px;
     }*/ }
    @media (max-width: 1487px) {
      .header_two .header_two__contacts {
        height: 60px;
        width: 60px; } }
    @media (max-width: 900px) {
      .header_two .header_two__contacts {
        background-position: 17px 15px;
        line-height: 0;
        display: none; } }
    .header_two .header_two__contacts.active {
      width: 100%;
      transition: all 0.5s linear; }
    .header_two .header_two__contacts .header_two__contacts_title {
      font-size: 14px;
      color: #FFFFFF;
      vertical-align: middle;
      font-weight: 600; }
      @media (max-width: 1487px) {
        .header_two .header_two__contacts .header_two__contacts_title {
          display: none; } }
      @media (max-width: 768px) {
        .header_two .header_two__contacts .header_two__contacts_title {
          display: none; } }
  .header_two .header_two__contacts__mobile-line {
    display: none;
    height: 60px;
    position: absolute;
    content: '';
    left: 60px;
    width: 0;
    transition: width 1.1s, background-color 1.3s; }
    .header_two .header_two__contacts__mobile-line.active {
      width: calc(100% - 60px);
      background-color: #00782e; }
      @media (max-width: 900px) {
        .header_two .header_two__contacts__mobile-line.active {
          display: block; } }
  @media (max-width: 900px) {
    .header_two .header_two__contacts.active {
      /*width: 100% !important;
      transition: width 1s ease;
      background-color: #01ba47 !important;*/ } }
  .header_two .header_two__contacts_close_xs {
    color: #FFF;
    font-size: 27px;
    z-index: 9999;
    width: 14px;
    height: 100%;
    position: relative;
    float: right;
    right: 90px;
    line-height: 60px;
    display: none; }
  .header_two .header_two__login {
    float: right;
    width: 109px;
    height: 109px;
    display: block;
    background: url("../img/icon_account.svg") no-repeat 50% 40%;
    background-color: #013A33;
    cursor: pointer;
    text-align: center;
    line-height: 150px;
    text-transform: uppercase;
    transition: background-color .4s ease; }
    .header_two .header_two__login:hover {
      cursor: pointer;
      background-color: #013A33; }
    @media (max-width: 1487px) {
      .header_two .header_two__login {
        width: 60px;
        height: 60px;
        background-size: 25px; } }
    @media (max-width: 1200px) {
      .header_two .header_two__login {
        margin-top: -60px;
        position: relative; } }
    @media (max-width: 780px) {
      .header_two .header_two__login {
        position: relative; } }
    .header_two .header_two__login .header_two__login_title {
      font-size: 14px;
      color: #FFFFFF;
      vertical-align: middle;
      font-weight: 600; }
      @media (max-width: 1487px) {
        .header_two .header_two__login .header_two__login_title {
          display: none; } }

/*Маленькая вторая поменю*/
.header_two_small {
  display: none; }
  .header_two_small .kub_style {
    height: 80px !important;
    width: 174px !important; }
  .header_two_small .header_two__login {
    display: none; }
  .header_two_small .header_two__contacts {
    background: url(../img/icon_phone.svg) no-repeat 12% 53%;
    background-color: #01ba47;
    line-height: 80px;
    display: none; }
  .header_two_small .header_two__contacts_title {
    margin-left: 10px; }
    @media (max-width: 1487px) {
      .header_two_small .header_two__contacts_title {
        display: inline-block !important; } }
  .header_two_small .display_none_big_menu {
    display: none; }

.content {
  padding-bottom: 350px;
  /* Значение должно равняться высоте нашего футера */
  text-align: center; }
  @media (max-width: 768px) {
    .content {
      padding-bottom: 80px; } }
  .content .content__wrapper {
    display: inline-block;
    width: 1200px;
    min-height: 100%; }
    @media (max-width: 1400px) {
      .content .content__wrapper {
        width: auto; } }

.footer {
  height: 350px;
  /* Задаем фиксированную высоту для футера */
  position: relative;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #013A33;
  color: #959595;
  font-size: 18px;
  text-align: center; }
  @media (max-width: 1200px) {
    .footer {
      min-height: 80px;
      height: 100%;
      min-height: 80px;
      height: 100%;
      padding: 10px;
      box-sizing: border-box; } }
  .footer .footer_wrapper {
    display: inline-block;
    width: 1200px;
    text-align: left;
    margin-top: 43px; }
    @media (max-width: 1200px) {
      .footer .footer_wrapper {
        margin-top: 0;
        vertical-align: middle; } }
    .footer .footer_wrapper .footer_logo {
      width: 57px;
      height: 45px;
      display: inline-block;
      background: url("../img/kpd_logo_footer.svg") no-repeat 50% 40%;
      vertical-align: middle;
      margin-right: 10px; }
      @media (max-width: 1200px) {
        .footer .footer_wrapper .footer_logo {
          display: none; } }
    .footer .footer_wrapper .footer__menu {
      display: inline-block;
      vertical-align: middle; }
      @media (max-width: 1200px) {
        .footer .footer_wrapper .footer__menu {
          display: none; } }
      .footer .footer_wrapper .footer__menu .footer__menu_main {
        display: inline-block;
        vertical-align: middle; }
        .footer .footer_wrapper .footer__menu .footer__menu_main .footer__menu_main_nav {
          display: inline-block; }
          .footer .footer_wrapper .footer__menu .footer__menu_main .footer__menu_main_nav #nav_footer {
            float: left;
            width: 100%;
            list-style: none;
            font-weight: 500; }
            .footer .footer_wrapper .footer__menu .footer__menu_main .footer__menu_main_nav #nav_footer .footer__nav_item_submenu {
              margin: 0px;
              height: 32px;
              width: 87%; }
            .footer .footer_wrapper .footer__menu .footer__menu_main .footer__menu_main_nav #nav_footer .footer__nav_item {
              position: relative; }
            .footer .footer_wrapper .footer__menu .footer__menu_main .footer__menu_main_nav #nav_footer li {
              float: left;
              position: relative;
              display: block; }
              .footer .footer_wrapper .footer__menu .footer__menu_main .footer__menu_main_nav #nav_footer li a {
                padding: 0 17px;
                color: #959595;
                text-decoration: none;
                font-size: 16px;
                transition: color 0.2s ease;
                cursor: pointer;
                position: relative;
                display: inline-block;
                vertical-align: middle; }
                .footer .footer_wrapper .footer__menu .footer__menu_main .footer__menu_main_nav #nav_footer li a:hover {
                  color: #ffffff; }
    .footer .footer_wrapper .footer_search {
      width: 33px;
      height: 45px;
      display: inline-block;
      background: url("../img/icon_search_footer.svg") no-repeat 50% 40%;
      vertical-align: middle;
      float: right;
      cursor: pointer; }
      @media (max-width: 1200px) {
        .footer .footer_wrapper .footer_search {
          display: none; } }
    .footer .footer_wrapper .footer_copyright {
      position: relative;
      margin-top: 110px;
      font-size: 16px; }
      @media (max-width: 1200px) {
        .footer .footer_wrapper .footer_copyright {
          margin-top: 0;
          font-size: 12px; } }
      .footer .footer_wrapper .footer_copyright .footer_copyright__kpd {
        float: left; }
        @media (max-width: 1200px) {
          .footer .footer_wrapper .footer_copyright .footer_copyright__kpd {
            margin-bottom: 10px;
            text-align: center; } }
      .footer .footer_wrapper .footer_copyright .footer_copyright__right {
        float: right; }
        @media (max-width: 1200px) {
          .footer .footer_wrapper .footer_copyright .footer_copyright__right {
            float: none;
            display: block;
            text-align: center;
            margin-top: 10px; } }
        .footer .footer_wrapper .footer_copyright .footer_copyright__right .footer_copyright__bright {
          color: #6291ca;
          text-decoration: underline;
          transition: all .3s ease-in-out; }
          .footer .footer_wrapper .footer_copyright .footer_copyright__right .footer_copyright__bright:hover {
            color: #FFFFFF; }

.pay-services {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-left: -20px;
  margin-top: 20px; }
  @media (max-width: 1200px) {
    .pay-services {
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  .pay-services .pay-services__image {
    width: 100px; }
    @media (max-width: 768px) {
      .pay-services .pay-services__image {
        width: 70px; } }
    .pay-services .pay-services__image img {
      width: 100%;
      height: 100%; }
  .pay-services.pay-services_resident {
    margin: 0; }
    @media (max-width: 768px) {
      .pay-services.pay-services_resident {
        margin-top: 10px; } }

@media screen and (max-width: 1650px) {
  .header .header__menu_main .header__menu_main_nav .menu_big .header__nav_item {
    min-width: 110px; } }

@media screen and (max-width: 1487px) {
  .header {
    height: 60px; }
    .header .header__menu_main .header__menu_main_nav .menu_big .header__nav_item {
      min-width: 90px; }
      .header .header__menu_main .header__menu_main_nav .menu_big .header__nav_item .header__nav_item_submenu {
        text-align: left; }
    .header .header__dop_menu_logo {
      line-height: 60px; }
      .header .header__dop_menu_logo .header__dop_menu {
        width: 60px; }
      .header .header__dop_menu_logo .header__logo .header__logo_link .header__logo_title {
        display: none; } }

@media screen and (max-width: 1210px) {
  .footer .footer_wrapper {
    width: auto; } }

/*Стиль враппера контента*/
.full_width {
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box; }
  @media (max-width: 1200px) {
    .full_width {
      padding: 0 20px; } }

.alert {
  margin-bottom: 10px; }
  .alert.success {
    color: green; }
  .alert.error {
    color: red; }

/*Карта*/
ya-map {
  width: 100%;
  height: 100%;
  display: block; }

.overflow {
  overflow: hidden; }

/*Прелоадер*/
.preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #013A33;
  z-index: 999999;
  display: block; }
  .preloader .preloader__wrapper {
    text-align: center; }
  .preloader .preloader__inner {
    display: inline-block;
    margin-top: 200px; }
  .preloader .preloader-svg .preloader-svg__img {
    width: 200px;
    height: 200px; }

.preload_hidden {
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-name: preloader-hide;
          animation-name: preloader-hide; }

#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000; }

.loader-wrapper__text {
  color: #ffffff;
  z-index: 6;
  font-size: 25px;
  font-weight: bold;
  top: 50%;
  left: 50%;
  margin-left: -46px;
  margin-top: -12.5px;
  position: absolute; }

#loader {
  border: 3px solid transparent;
  border-top-color: #3498db;
  border-radius: 50%;
  display: block;
  margin: -75px 0 0 -75px;
  width: 150px;
  height: 150px;
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite; }

#loader:before {
  border: 3px solid transparent;
  border-top-color: #e74c3c;
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite; }

#loader:after {
  border: 3px solid transparent;
  border-top-color: #f9c922;
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  bottom: 15px;
  right: 15px;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes preloader-hide {
  0% {
    opacity: 1; }
  99% {
    opacity: 0; }
  100% {
    display: none; } }

@keyframes preloader-hide {
  0% {
    opacity: 1; }
  99% {
    opacity: 0; }
  100% {
    display: none; } }

.cube-folding {
  width: 50px;
  height: 50px;
  display: inline-block;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  font-size: 0; }
  .cube-folding span {
    position: relative;
    width: 25px;
    height: 25px;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
    display: inline-block; }
    .cube-folding span::before {
      content: '';
      background-color: white;
      position: absolute;
      left: 0;
      top: 0;
      display: block;
      width: 25px;
      height: 25px;
      -ms-transform-origin: 100% 100%;
      -webkit-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
      -webkit-animation: folding 2.50s infinite linear both;
              animation: folding 2.50s infinite linear both; }
  .cube-folding .leaf2 {
    -webkit-transform: rotateZ(90deg) scale(1.1);
        -ms-transform: rotate(90deg) scale(1.1);
            transform: rotateZ(90deg) scale(1.1); }
    .cube-folding .leaf2::before {
      -webkit-animation-delay: .30s;
              animation-delay: .30s;
      background-color: #f2f2f2; }
  .cube-folding .leaf3 {
    -webkit-transform: rotateZ(270deg) scale(1.1);
        -ms-transform: rotate(270deg) scale(1.1);
            transform: rotateZ(270deg) scale(1.1); }
    .cube-folding .leaf3::before {
      -webkit-animation-delay: .90s;
              animation-delay: .90s;
      background-color: #f2f2f2; }
  .cube-folding .leaf4 {
    -webkit-transform: rotateZ(180deg) scale(1.1);
        -ms-transform: rotate(180deg) scale(1.1);
            transform: rotateZ(180deg) scale(1.1); }
    .cube-folding .leaf4::before {
      -webkit-animation-delay: .60s;
              animation-delay: .60s;
      background-color: #e6e6e6; }

@-webkit-keyframes folding {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; } }

@keyframes folding {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; } }

.cube-wrapper {
  position: fixed;
  left: 50%;
  top: 50%;
  margin-top: -50px;
  margin-left: -50px;
  width: 100px;
  height: 100px;
  text-align: center; }
  .cube-wrapper:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    margin: auto;
    width: 90px;
    height: 6px;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-filter: blur(2px);
            filter: blur(2px);
    border-radius: 100%;
    z-index: 1;
    -webkit-animation: shadow 0.5s ease infinite alternate;
            animation: shadow 0.5s ease infinite alternate; }
  .cube-wrapper .loading {
    font-size: 16px;
    letter-spacing: 0.1em;
    font-weight: bold;
    display: block;
    color: white;
    position: relative;
    top: 25px;
    z-index: 2;
    -webkit-animation: text 0.5s ease infinite alternate;
            animation: text 0.5s ease infinite alternate; }

@-webkit-keyframes text {
  100% {
    top: 35px; } }

@keyframes text {
  100% {
    top: 35px; } }

@-webkit-keyframes shadow {
  100% {
    bottom: -18px;
    width: 100px; } }

@keyframes shadow {
  100% {
    bottom: -18px;
    width: 100px; } }

/******************************************************
Попап
******************************************************/
.popup-status {
  display: none;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 99999999999; }
  .popup-status.active {
    display: block; }

.popup-status-wrapper {
  width: 500px;
  height: 200px;
  position: fixed;
  z-index: 999999;
  top: 50%;
  color: #fff;
  left: 50%;
  margin-top: -100px;
  margin-left: -250px;
  box-sizing: border-box;
  border-radius: 2px; }

.popup-status__success .popup-status-wrapper {
  background-color: #89C541; }

.popup-status__filed .popup-status-wrapper {
  background-color: #F44336; }

.popup-status-wrapper__text {
  padding: 10px;
  min-height: 150px;
  line-height: 130px;
  text-align: center;
  box-sizing: border-box; }
  .popup-status-wrapper__text span {
    font-size: 26px;
    text-align: center;
    display: inline-block;
    vertical-align: middle; }
    .popup-status-wrapper__text span i {
      font-size: 30px;
      padding-right: 5px;
      vertical-align: middle;
      padding-bottom: 6px; }

.popup-status-wrapper__button {
  display: block;
  width: 100%;
  text-align: right; }
  .popup-status-wrapper__button .status-button__check {
    display: inline-block;
    margin-right: 40px;
    margin-bottom: 20px;
    cursor: pointer; }
    .popup-status-wrapper__button .status-button__check span {
      padding: 5px 10px;
      color: #fff;
      border: 2px solid #fff;
      border-radius: 4px;
      font-size: 20px;
      font-weight: 600; }

.round__vacancies {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  position: absolute;
  right: 2px;
  top: -5px;
  background-color: #ea433c;
  font-size: 0;
  text-align: center;
  line-height: 15px;
  -webkit-animation: pulsate 1.2s linear infinite;
          animation: pulsate 1.2s linear infinite; }
  @media (max-width: 1515px) {
    .round__vacancies {
      width: 12px;
      height: 12px;
      line-height: 12px; } }

@-webkit-keyframes pulsate {
  50% {
    color: #fff;
    box-shadow: 0 -1px rgba(0, 0, 0, 0.3), 0 0 2px #ffd700, 0 0 4px #ffd500; } }

@keyframes pulsate {
  50% {
    color: #fff;
    box-shadow: 0 -1px rgba(0, 0, 0, 0.3), 0 0 2px #ffd700, 0 0 4px #ffd500; } }
  .round__vacancies .round__vacancies-text {
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    font-weight: 400;
    margin-left: -1px;
    color: #fff !important; }
    @media (max-width: 1515px) {
      .round__vacancies .round__vacancies-text {
        font-size: 9px;
        margin-left: 0; } }

@media (max-width: 1000px) {
  .hide-xs {
    display: none; } }

@media (max-width: 1000px) {
  .visible-xs {
    display: block; } }

@media (min-width: 1000px) {
  .visible-xs {
    display: none; } }

/*Враппер для основного меню*/
.c-main-menu {
  position: relative;
  font-weight: 600;
  height: 100%;
  line-height: 108px; }
  @media screen and (max-width: 1487px) {
    .c-main-menu {
      line-height: 60px; } }
  @media (max-width: 1200px) {
    .c-main-menu {
      display: none; } }

/*Враппер для пунктов UL*/
.c-main-menu-wrapper__item {
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  box-sizing: border-box;
  margin: 0 -3px;
  height: 100%;
  /*Как делать прогрессивное меню можно удалить*/ }
  @media (max-width: 1630px) {
    .c-main-menu-wrapper__item {
      font-size: 15px; } }
  @media (max-width: 1570px) {
    .c-main-menu-wrapper__item {
      font-size: 14px; } }
  @media (max-width: 1517px) {
    .c-main-menu-wrapper__item {
      font-size: 13px; } }
  @media (max-width: 1300px) {
    .c-main-menu-wrapper__item {
      font-size: 12.3px; } }

/*Пункты LI*/
.c-main-menu-item-list {
  display: inline-block;
  box-sizing: border-box;
  margin: 0 3px;
  line-height: 1.2; }

.c-main-menu-item-list__link {
  box-sizing: border-box;
  color: #fff;
  padding: 10px;
  transition: color 0.2s ease;
  position: relative;
  text-decoration: none; }
  .c-main-menu-item-list__link:before {
    content: '';
    position: absolute;
    bottom: 0%;
    left: 0px;
    right: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    display: block;
    -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
            transform-origin: right top;
    -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
            transform: scale(0, 1);
    transition: -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1);
    transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    transition: transform 0.4s cubic-bezier(1, 0, 0, 1), -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1); }
  .c-main-menu-item-list__link:hover:before {
    -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
            transform: scale(1, 1); }
  .c-main-menu-item-list__link.current {
    color: #ffffff;
    transition: all 0.4s cubic-bezier(0.5, 0.24, 0, 1); }
    .c-main-menu-item-list__link.current:before {
      -webkit-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
              transform: scale(1, 1); }

.c-main-submenu {
  position: relative;
  box-sizing: border-box;
  padding: 10px 25px 10px 10px;
  display: inline-block; }
  .c-main-submenu:hover {
    background: #013A33; }
    .c-main-submenu:hover .c-main-submenu__wrapper-item {
      left: 0;
      opacity: 1; }
    .c-main-submenu:hover .submenu_first_item:after {
      -webkit-transform: rotate(-180deg);
          -ms-transform: rotate(-180deg);
              transform: rotate(-180deg); }

.submenu_first_item {
  cursor: pointer;
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease, -webkit-transform .2s ease; }
  .submenu_first_item:after {
    content: '';
    position: absolute;
    background: url(../img/icon_select_down.svg) no-repeat center center;
    width: 23px;
    height: 21px;
    background-size: 56%;
    right: 0;
    top: 50%;
    margin-top: -10px;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease; }

.c-main-submenu__wrapper-item {
  list-style: none;
  position: absolute;
  left: -9999px;
  opacity: 0;
  padding: 10px;
  z-index: 9;
  width: 100%;
  transition: opacity 0.1s ease;
  background: #013A33;
  box-sizing: border-box; }

.c-main-submenu__item {
  line-height: 30px; }

.c-main-submenu__item-link {
  text-decoration: none;
  font-weight: 400;
  text-transform: none;
  color: #fff;
  position: relative; }
  .c-main-submenu__item-link:before {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    display: block;
    -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
            transform-origin: right top;
    -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
            transform: scale(0, 1);
    transition: -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1);
    transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    transition: transform 0.4s cubic-bezier(1, 0, 0, 1), -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1); }
  .c-main-submenu__item-link:hover {
    color: #013A33;
    /*&:before {
      transform-origin: left top;
      transform: scale(1, 1)
    }*/ }
  .c-main-submenu__item-link.current {
    color: #013A33;
    /* &:before {
       transform-origin: left top;
       transform: scale(1, 1)
     }*/ }

.c-main-menu-round__vacancies {
  right: -4px;
  top: 4px; }

.display-flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .display-flex.flex-d-column {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .display-flex.flex-d-row {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
  .display-flex.vertical-center {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .display-flex.flex-block-center {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }

.yes-print {
  display: none; }

.btn {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  color: #212121;
  background-color: #fafafa;
  letter-spacing: .010em;
  display: inline-block;
  position: relative;
  min-height: 36px;
  min-width: 250px;
  line-height: 36px;
  vertical-align: middle;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  border-radius: 3px;
  box-sizing: border-box;
  cursor: pointer;
  border: 0;
  padding: 0 10px;
  margin: 6px 8px;
  text-transform: uppercase;
  font-weight: 600;
  overflow: hidden;
  transition: background-color .3s ease, color .3s ease; }
  .btn:hover {
    background-color: transparent; }
  .btn.box-sh-hover {
    transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
    .btn.box-sh-hover:hover {
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
      -webkit-transform: translate3d(0, -1px, 0);
              transform: translate3d(0, -1px, 0); }
  .btn.disabled {
    background-color: #ccc;
    color: #6b6b6b; }
    .btn.disabled:hover {
      background-color: #ccc; }

.pading.left-10 {
  padding-left: 10px; }

.input {
  position: relative; }
  .input .input__label {
    position: absolute;
    display: block; }
  .input .input__inner {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    line-height: 1.2; }

.yes-print {
  display: none !important; }

.admin-overflow {
  overflow: hidden;
  position: relative; }

.alert-status {
  position: absolute;
  font-size: 16px;
  max-width: 300px;
  width: 100%;
  color: #fff;
  top: 110px;
  z-index: 9999;
  right: 0; }
  .alert-status.active {
    right: 0; }
  .alert-status .animate-alert {
    /*right: -99999px;*/ }
  .alert-status .animate-alert.ng-move,
  .alert-status .animate-alert.ng-enter,
  .alert-status .animate-alert.ng-leave {
    transition: all .50s ease-in-out; }
  .alert-status .animate-alert.ng-leave.ng-leave-active,
  .alert-status .animate-alert.ng-move,
  .alert-status .animate-alert.ng-enter {
    /*opacity:0;*/
    right: -300px; }
  .alert-status .animate-alert.ng-leave,
  .alert-status .animate-alert.ng-move.ng-move-active,
  .alert-status .animate-alert.ng-enter.ng-enter-active {
    /*opacity:1;*/
    right: 0; }
  .alert-status .alert-status__row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px 5px;
    box-sizing: border-box;
    margin-bottom: 5px;
    right: 0;
    position: relative; }
    .alert-status .alert-status__row.active {
      right: 0;
      opacity: 1; }
    .alert-status .alert-status__row.succes {
      background-color: rgba(76, 175, 80, 0.91);
      border-left: 4px solid #128617; }
    .alert-status .alert-status__row.alert {
      background-color: rgba(243, 56, 74, 0.92);
      border-left: 4px solid #b3162f; }
    .alert-status .alert-status__row.attention {
      background-color: rgba(249, 168, 37, 0.91);
      border-left: 4px solid #f57f17; }
  .alert-status .alert-status__ico {
    font-size: 40px;
    margin: 0 10px; }

.disabled-button {
  opacity: .7;
  background-color: rgba(204, 204, 204, 0.45) !important;
  color: rgba(140, 140, 140, 0.88) !important; }
  .disabled-button:hover {
    background-color: rgba(204, 204, 204, 0.45) !important;
    color: rgba(140, 140, 140, 0.88) !important;
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important; }

.pagination {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: rgba(0, 0, 0, 0.87); }
  .pagination.pagination_right {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .pagination.pagination_center {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .pagination.pagination_dispatche-table {
    margin: 0; }
  .pagination .pagination__wrapper {
    margin-left: 7px;
    font-size: 0; }
    .pagination .pagination__wrapper .pagination__button {
      width: 40px;
      text-align: center;
      padding: .3rem .75rem;
      font-size: 16px;
      margin-left: 0;
      line-height: 1.5;
      box-sizing: border-box;
      background-color: #fff;
      cursor: pointer;
      border-top: 1px solid #ddd;
      border-right: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
      color: rgba(0, 0, 0, 0.72);
      transition: color .1s ease-in-out;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      .pagination .pagination__wrapper .pagination__button:last-child {
        border-right: 0; }
      .pagination .pagination__wrapper .pagination__button.pagination__button_bleft {
        border-radius: 4px 0 0 4px; }
      .pagination .pagination__wrapper .pagination__button.pagination__button_bright {
        border-radius: 0 4px 4px 0; }
      .pagination .pagination__wrapper .pagination__button:hover {
        color: black; }
      .pagination .pagination__wrapper .pagination__button.active {
        display: inline-block;
        opacity: 1;
        color: #fff;
        background-color: #0cc2aa;
        border: 1px solid #0cc2aa; }
    .pagination .pagination__wrapper .pagination__button_ctrl {
      font-size: 16px;
      border: 1px solid #ddd;
      padding: .3rem .75rem;
      margin-left: 0;
      line-height: 1.5;
      box-sizing: border-box;
      background-color: #fff;
      cursor: pointer;
      color: rgba(0, 0, 0, 0.72);
      transition: color .1s ease-in-out; }
      .pagination .pagination__wrapper .pagination__button_ctrl.finish {
        border-left: 0; }
      .pagination .pagination__wrapper .pagination__button_ctrl.disabled-button {
        opacity: 1 !important;
        background-color: rgba(204, 204, 204, 0.45) !important;
        color: rgba(140, 140, 140, 0.88) !important; }

.pagination-show-list .pagination-show-list-title {
  font-weight: bold;
  margin-right: 3px; }

.pagination-show-list .pagination-show-list__select select {
  outline: 0;
  padding: 5px 2px;
  cursor: pointer; }

.bold {
  font-weight: bold; }

.itelic {
  font-style: italic; }

.forget_pass {
  color: #e0e8f0;
  text-decoration: underline;
  margin-right: 20px;
  display: inline-block;
  cursor: pointer; }
  .forget_pass:hover {
    text-decoration: none; }

.popup {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  z-index: 16; }
  .popup-content {
    width: 100%;
    height: 100%; }
    .popup-content__wrapper {
      max-width: 450px;
      width: 100%;
      min-height: 300px;
      background: #fff; }

.popup-main__text-link {
  color: #0a275f;
  text-decoration: none;
  transition: color .2s ease-in-out, text-decoration .2s ease-in-out; }
  .popup-main__text-link:hover {
    color: #061a5f;
    text-decoration: underline; }

.animation {
  -webkit-transition: .3s; }

.animation.ng-enter-stagger,
.animation.ng-leave-stagger {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3); }

.animation.ng-leave {
  opacity: 1; }

.animation.ng-leave.ng-leave-active {
  opacity: 0; }

.animation.ng-enter {
  opacity: 0; }

.animation.ng-enter.ng-enter-active {
  opacity: 1; }

.container {
  max-width: 1200px;
  width: 100%;
  text-align: left;
  margin: 0 auto;
  padding: 0; }

@charset "UTF-8";
@media print {
  @page {
    margin: 0 !important; }
  @Page CompanyLetterHead {
    display: none !important; }
  /*@page {
    size: A4;
    margin: 0;
  }*/
  *,
  *:before,
  *:after,
  *:first-letter,
  p:first-line,
  div:first-line,
  blockquote:first-line,
  li:first-line {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  * {
    -webkit-print-color-adjust: exact; }
  html {
    font-family: Times, 'Times New Roman', serif;
    /* Шрифт с засечками */
    color: #000 !important;
    /* Черный цвет текста */ }
  body {
    font-family: Times, 'Times New Roman', serif;
    /* Шрифт с засечками */
    color: #000 !important;
    /* Черный цвет текста */
    font-size: 14%;
    padding: 0 !important;
    box-sizing: border-box;
    margin: 0 auto; }
  title {
    display: none !important; }
  .col-p-1, .col-p-2, .col-p-3, .col-p-4, .col-p-5, .col-p-6, .col-p-7, .col-p-8, .col-p-9, .col-p-10, .col-p-11, .col-p-12 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .col-p-12 {
    width: 100%; }
  .col-p-11 {
    width: 91.66666667%; }
  .col-p-10 {
    width: 83.33333333%; }
  .col-p-9 {
    width: 75%; }
  .col-p-8 {
    width: 66.66666667%; }
  .col-p-7 {
    width: 58.33333333%; }
  .col-p-6 {
    width: 50%; }
  .col-p-5 {
    width: 41.66666667%; }
  .col-p-4 {
    width: 33.33333333%; }
  .col-p-3 {
    width: 25%; }
  .col-p-2 {
    width: 16.66666667%; }
  .col-p-1 {
    width: 8.33333333%; }
  .col-p-pull-12 {
    right: 100%; }
  .col-p-pull-11 {
    right: 91.66666667%; }
  .col-p-pull-10 {
    right: 83.33333333%; }
  .col-p-pull-9 {
    right: 75%; }
  .col-p-pull-8 {
    right: 66.66666667%; }
  .col-p-pull-7 {
    right: 58.33333333%; }
  .col-p-pull-6 {
    right: 50%; }
  .col-p-pull-5 {
    right: 41.66666667%; }
  .col-p-pull-4 {
    right: 33.33333333%; }
  .col-p-pull-3 {
    right: 25%; }
  .col-p-pull-2 {
    right: 16.66666667%; }
  .col-p-pull-1 {
    right: 8.33333333%; }
  .col-p-pull-0 {
    right: auto; }
  .col-p-push-12 {
    left: 100%; }
  .col-p-push-11 {
    left: 91.66666667%; }
  .col-p-push-10 {
    left: 83.33333333%; }
  .col-p-push-9 {
    left: 75%; }
  .col-p-push-8 {
    left: 66.66666667%; }
  .col-p-push-7 {
    left: 58.33333333%; }
  .col-p-push-6 {
    left: 50%; }
  .col-p-push-5 {
    left: 41.66666667%; }
  .col-p-push-4 {
    left: 33.33333333%; }
  .col-p-push-3 {
    left: 25%; }
  .col-p-push-2 {
    left: 16.66666667%; }
  .col-p-push-1 {
    left: 8.33333333%; }
  .col-p-push-0 {
    left: auto; }
  .col-p-offset-12 {
    margin-left: 100%; }
  .col-p-offset-11 {
    margin-left: 91.66666667%; }
  .col-p-offset-10 {
    margin-left: 83.33333333%; }
  .col-p-offset-9 {
    margin-left: 75%; }
  .col-p-offset-8 {
    margin-left: 66.66666667%; }
  .col-p-offset-7 {
    margin-left: 58.33333333%; }
  .col-p-offset-6 {
    margin-left: 50%; }
  .col-p-offset-5 {
    margin-left: 41.66666667%; }
  .col-p-offset-4 {
    margin-left: 33.33333333%; }
  .col-p-offset-3 {
    margin-left: 25%; }
  .col-p-offset-2 {
    margin-left: 16.66666667%; }
  .col-p-offset-1 {
    margin-left: 8.33333333%; }
  .col-p-offset-0 {
    margin-left: 0%; }
  /* Always insert a page break after the element */
  .always-page-break-after,
  .always-pba {
    page-break-after: always; }
  /* Avoid page break after the element (if possible) */
  .avoid-page-break-after,
  .avoid-pba {
    page-break-after: avoid; }
  /* Insert page breaks after the element so that the next page is formatted as a left page */
  .left-page-break-after,
  .left-pba {
    page-break-after: left; }
  /* Insert page breaks after the element so that the next page is formatted as a right page */
  .right-page-break-after,
  .right-pba {
    page-break-after: right; }
  /* Always insert a page break before the element */
  .always-page-break-before,
  .always-pbb {
    page-break-before: always; }
  /* Avoid page break before the element (if possible) */
  .avoid-page-break-before,
  .avoid-pbb {
    page-break-before: avoid; }
  /* Insert page breaks before the element so that the next page is formatted as a left page */
  .left-page-break-before,
  .left-pbb {
    page-break-before: left; }
  /* Insert page breaks before the element so that the next page is formatted as a right page */
  .right-page-break-before,
  .right-pbb {
    page-break-before: right; }
  /* Avoid page break inside the element (if possible) */
  .avoid-page-break-inside,
  .avoid-pbi {
    page-break-inside: avoid;
    width: 3; }
  /* Hide link's href URL in print. */
  a[href]:after {
    content: none !important; }
  .no-print {
    display: none !important; }
  .yes-print {
    display: block !important; }
  .vertical-middle {
    display: inline-block !important; }
  button {
    display: none !important; }
  .print-form {
    margin-top: 20px !important;
    box-sizing: border-box !important; } }

.map_wrapper {
  width: 100%;
  height: 432px; }
  @media (max-width: 767px) {
    .map_wrapper {
      height: 230px; } }
  @media (max-width: 330px) and (orientation: landscape) {
    .map_wrapper {
      height: 200px; } }
  .map_wrapper ya-map {
    width: 100%;
    height: 100%;
    display: block; }
  .map_wrapper .title_map_ico {
    font-size: 14px;
    color: #ffffff;
    font-weight: 600;
    width: 76px;
    height: 31px;
    vertical-align: middle;
    line-height: 31px;
    background-color: rgba(0, 0, 0, 0.1);
    top: 0;
    position: absolute; }

.contacts__tabs {
  position: relative; }
  .contacts__tabs .contacts__tab_wrapper {
    width: 100%;
    text-align: left;
    font-size: 0; }
    .contacts__tabs .contacts__tab_wrapper .contacts__tab {
      display: inline-block;
      color: #000000;
      cursor: pointer;
      font-size: 18px;
      font-weight: 600;
      position: relative;
      text-align: left;
      background-color: #ffffff;
      padding: 18px 50px;
      vertical-align: bottom;
      border: 2px solid #dddddd;
      margin-right: 10px; }
      @media (max-width: 767px) {
        .contacts__tabs .contacts__tab_wrapper .contacts__tab {
          display: block;
          text-align: center;
          margin-bottom: 10px;
          margin-right: 0; } }
      .contacts__tabs .contacts__tab_wrapper .contacts__tab::before {
        content: '';
        position: absolute;
        bottom: -10px;
        border: transparent;
        margin-left: -10px;
        transition: bottom 0.3s ease; }
      .contacts__tabs .contacts__tab_wrapper .contacts__tab.active {
        background-color: #013A33;
        color: #ffffff;
        border: 2px solid transparent; }
        .contacts__tabs .contacts__tab_wrapper .contacts__tab.active::before {
          content: '';
          position: absolute;
          left: 50%;
          bottom: -20px;
          border: 10px solid transparent;
          border-top: 10px solid #013A33;
          margin-left: -10px; }

.contacts_tab_content {
  position: relative;
  text-align: left;
  border: 2px solid #dddddd;
  margin: 10px 0 20px 0;
  display: none; }
  .contacts_tab_content.active {
    display: block; }
  .contacts_tab_content .contacts_tab_content__wrapper {
    position: relative;
    text-align: left;
    display: block;
    padding: 40px; }
    @media (max-width: 767px) {
      .contacts_tab_content .contacts_tab_content__wrapper {
        padding: 10px; } }
    .contacts_tab_content .contacts_tab_content__wrapper.worker-contacts-wrapper {
      padding: 0; }

.contacts {
  text-align: left; }
  .contacts .contacts__title {
    font-size: 32px;
    font-weight: 600;
    margin: 30px 0; }
  .contacts .contacts_tab_content {
    position: relative;
    text-align: left;
    border: 2px solid #dddddd;
    margin: 10px 0 20px 0;
    display: none; }
    .contacts .contacts_tab_content.active {
      display: block; }
    .contacts .contacts_tab_content .contacts_tab_content__wrapper {
      position: relative;
      text-align: left;
      display: block;
      padding: 40px; }
      @media (max-width: 767px) {
        .contacts .contacts_tab_content .contacts_tab_content__wrapper {
          padding: 10px; } }
      .contacts .contacts_tab_content .contacts_tab_content__wrapper .contacts_tab_content__wrapper_left {
        display: inline-block;
        max-width: 345px;
        vertical-align: top;
        margin-right: 20px; }
        @media (max-width: 1024px) {
          .contacts .contacts_tab_content .contacts_tab_content__wrapper .contacts_tab_content__wrapper_left {
            max-width: 100%;
            width: 100%;
            margin-right: 0; } }
        .contacts .contacts_tab_content .contacts_tab_content__wrapper .contacts_tab_content__wrapper_left .contacts_tab_content__wrapper_left_img {
          max-width: 340px;
          height: 209px; }
          @media (max-width: 1024px) {
            .contacts .contacts_tab_content .contacts_tab_content__wrapper .contacts_tab_content__wrapper_left .contacts_tab_content__wrapper_left_img {
              max-width: 100%;
              width: 100%;
              height: 400px; } }
          @media (max-width: 767px) {
            .contacts .contacts_tab_content .contacts_tab_content__wrapper .contacts_tab_content__wrapper_left .contacts_tab_content__wrapper_left_img {
              max-width: 100%;
              width: 100%;
              height: 200px; } }
          .contacts .contacts_tab_content .contacts_tab_content__wrapper .contacts_tab_content__wrapper_left .contacts_tab_content__wrapper_left_img .img_style {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        .contacts .contacts_tab_content .contacts_tab_content__wrapper .contacts_tab_content__wrapper_left .contacts_tab_content__wrapper_left_info {
          max-width: 100%; }
          .contacts .contacts_tab_content .contacts_tab_content__wrapper .contacts_tab_content__wrapper_left .contacts_tab_content__wrapper_left_info__title {
            font-size: 20px;
            font-weight: 600;
            color: #1a1a1a;
            text-transform: uppercase;
            margin: 20px 0 10px 0; }
          .contacts .contacts_tab_content .contacts_tab_content__wrapper .contacts_tab_content__wrapper_left .contacts_tab_content__wrapper_left_info__description {
            font-size: 18px;
            color: #1a1a1a;
            margin-bottom: 10px; }
          .contacts .contacts_tab_content .contacts_tab_content__wrapper .contacts_tab_content__wrapper_left .contacts_tab_content__wrapper_left_info__linkmap {
            font-size: 18px;
            color: #013A33;
            opacity: 0.8;
            transition: all 0.2s ease;
            position: relative;
            padding-left: 20px;
            text-decoration: underline;
            cursor: pointer; }
            .contacts .contacts_tab_content .contacts_tab_content__wrapper .contacts_tab_content__wrapper_left .contacts_tab_content__wrapper_left_info__linkmap::before {
              position: absolute;
              content: '';
              width: 12px;
              height: 18px;
              background: url("../img/Contacts/ico_link.png");
              left: 0;
              top: 1px; }
            .contacts .contacts_tab_content .contacts_tab_content__wrapper .contacts_tab_content__wrapper_left .contacts_tab_content__wrapper_left_info__linkmap:hover {
              opacity: 1;
              text-decoration: none; }
        .contacts .contacts_tab_content .contacts_tab_content__wrapper .contacts_tab_content__wrapper_left .contacts_tab_content__wrapper_left_qua_home {
          height: 160px;
          background-color: #f2f2f2;
          margin-top: 25px;
          text-align: center; }
          .contacts .contacts_tab_content .contacts_tab_content__wrapper .contacts_tab_content__wrapper_left .contacts_tab_content__wrapper_left_qua_home_title {
            font-size: 20px;
            color: #383737;
            padding-top: 30px; }
          .contacts .contacts_tab_content .contacts_tab_content__wrapper .contacts_tab_content__wrapper_left .contacts_tab_content__wrapper_left_qua_home_sum {
            color: #013A33;
            font-size: 66px;
            font-weight: 600; }
      .contacts .contacts_tab_content .contacts_tab_content__wrapper .contacts_tab_content__wrapper_right {
        display: inline-block;
        max-width: 730px;
        width: 100%; }
        .contacts .contacts_tab_content .contacts_tab_content__wrapper .contacts_tab_content__wrapper_right .contacts_tab_content__right_title_row {
          min-height: 46px;
          vertical-align: middle;
          border-bottom: 2px solid #fec533;
          line-height: 46px;
          margin-top: 20px; }
          @media (max-width: 767px) {
            .contacts .contacts_tab_content .contacts_tab_content__wrapper .contacts_tab_content__wrapper_right .contacts_tab_content__right_title_row {
              text-align: center; } }
          .contacts .contacts_tab_content .contacts_tab_content__wrapper .contacts_tab_content__wrapper_right .contacts_tab_content__right_title_row:first-child {
            margin-top: 0; }
          .contacts .contacts_tab_content .contacts_tab_content__wrapper .contacts_tab_content__wrapper_right .contacts_tab_content__right_title_row .contacts_tab_content__right_title {
            font-size: 20px;
            font-weight: 600;
            line-height: 25px;
            padding-top: 10px; }
            @media (max-width: 767px) {
              .contacts .contacts_tab_content .contacts_tab_content__wrapper .contacts_tab_content__wrapper_right .contacts_tab_content__right_title_row .contacts_tab_content__right_title {
                padding-bottom: 10px; } }
        .contacts .contacts_tab_content .contacts_tab_content__wrapper .contacts_tab_content__wrapper_right .contacts_tab_content__right_wrapper_table {
          display: block;
          margin-top: 10px; }
          .contacts .contacts_tab_content .contacts_tab_content__wrapper .contacts_tab_content__wrapper_right .contacts_tab_content__right_wrapper_table.table_four {
            font-size: 0; }
            .contacts .contacts_tab_content .contacts_tab_content__wrapper .contacts_tab_content__wrapper_right .contacts_tab_content__right_wrapper_table.table_four .table_four__item_two {
              text-align: left; }
              @media (max-width: 600px) {
                .contacts .contacts_tab_content .contacts_tab_content__wrapper .contacts_tab_content__wrapper_right .contacts_tab_content__right_wrapper_table.table_four .table_four__item_two {
                  text-align: right; } }
            .contacts .contacts_tab_content .contacts_tab_content__wrapper .contacts_tab_content__wrapper_right .contacts_tab_content__right_wrapper_table.table_four .table_four__left {
              width: 50%; }
              @media (max-width: 600px) {
                .contacts .contacts_tab_content .contacts_tab_content__wrapper .contacts_tab_content__wrapper_right .contacts_tab_content__right_wrapper_table.table_four .table_four__left {
                  width: 100%; } }
          .contacts .contacts_tab_content .contacts_tab_content__wrapper .contacts_tab_content__wrapper_right .contacts_tab_content__right_wrapper_table .table_four__left {
            font-size: 0;
            width: 100%;
            display: inline-block;
            margin-bottom: 10px; }
          .contacts .contacts_tab_content .contacts_tab_content__wrapper .contacts_tab_content__wrapper_right .contacts_tab_content__right_wrapper_table .contact_item_style {
            font-size: 18px;
            display: inline-block;
            width: 50%;
            vertical-align: middle; }
            .contacts .contacts_tab_content .contacts_tab_content__wrapper .contacts_tab_content__wrapper_right .contacts_tab_content__right_wrapper_table .contact_item_style a {
              color: #383737;
              text-decoration: none;
              font-weight: 600; }
          .contacts .contacts_tab_content .contacts_tab_content__wrapper .contacts_tab_content__wrapper_right .contacts_tab_content__right_wrapper_table .table_four__item_two {
            text-align: right;
            font-weight: 600; }
          .contacts .contacts_tab_content .contacts_tab_content__wrapper .contacts_tab_content__wrapper_right .contacts_tab_content__right_wrapper_table .table_two__right {
            font-weight: 600; }
            .contacts .contacts_tab_content .contacts_tab_content__wrapper .contacts_tab_content__wrapper_right .contacts_tab_content__right_wrapper_table .table_two__right p {
              padding-left: 60px; }
              @media (max-width: 767px) {
                .contacts .contacts_tab_content .contacts_tab_content__wrapper .contacts_tab_content__wrapper_right .contacts_tab_content__right_wrapper_table .table_two__right p {
                  padding-left: 0; } }
          .contacts .contacts_tab_content .contacts_tab_content__wrapper .contacts_tab_content__wrapper_right .contacts_tab_content__right_wrapper_table .style__two_right_item {
            width: 50%;
            font-size: 18px;
            display: inline-block;
            line-height: 1.2;
            margin: 10px 0 0 0;
            vertical-align: top; }
            @media (max-width: 767px) {
              .contacts .contacts_tab_content .contacts_tab_content__wrapper .contacts_tab_content__wrapper_right .contacts_tab_content__right_wrapper_table .style__two_right_item {
                display: block;
                width: 100%; } }

.farget-pass {
  max-width: 1200px;
  width: 100%;
  padding: 25px 10px 20px;
  box-sizing: border-box;
  margin: 0 auto;
  min-height: calc(100vh - 160px); }
  .farget-pass .edit-pass-model.edit-pass-model__button-save {
    margin-top: 0; }

.edit-pass__email-req {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

@charset "UTF-8";
.disclosure {
  text-align: left;
  margin: 0 auto; }
  .disclosure .disclosure__title {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 25px;
    margin-top: 25px; }
    @media (max-width: 1920px) {
      .disclosure .disclosure__title {
        font-size: 28px; } }
  .disclosure .disclosure_uk {
    min-height: 538px;
    border: 2px solid #dddddd;
    margin-bottom: 20px; }
    .disclosure .disclosure_uk .disclosure_uk_title_wrapper {
      line-height: 100px;
      border-bottom: 2px solid #dddddd;
      height: 100px;
      font-size: 0; }
      .disclosure .disclosure_uk .disclosure_uk_title_wrapper .disclosure_uk__title {
        font-size: 24px;
        color: #383737;
        line-height: 30px; }
        .disclosure .disclosure_uk .disclosure_uk_title_wrapper .disclosure_uk__title span {
          padding-left: 35px; }
        .disclosure .disclosure_uk .disclosure_uk_title_wrapper .disclosure_uk__title p {
          font-size: 16px;
          color: #c0c0c0;
          font-weight: 400;
          padding-left: 35px; }
      .disclosure .disclosure_uk .disclosure_uk_title_wrapper .disclosure_uk__home_count {
        text-align: right;
        line-height: 14px; }
        .disclosure .disclosure_uk .disclosure_uk_title_wrapper .disclosure_uk__home_count .disclosure_uk__home_count__title {
          color: #013A33;
          font-size: 44px; }
        .disclosure .disclosure_uk .disclosure_uk_title_wrapper .disclosure_uk__home_count .disclosure_uk__home_count__description {
          display: block;
          color: #383737;
          font-size: 18px;
          font-weight: 400; }
        .disclosure .disclosure_uk .disclosure_uk_title_wrapper .disclosure_uk__home_count .count_style {
          padding-right: 39px; }
      .disclosure .disclosure_uk .disclosure_uk_title_wrapper .left_col, .disclosure .disclosure_uk .disclosure_uk_title_wrapper .right_col {
        display: inline-block;
        width: 50%;
        vertical-align: middle;
        font-weight: 600; }
    .disclosure .disclosure_uk .disclosure_uk_number_wrapper {
      padding: 38px 35px; }
      @media (max-width: 767px) {
        .disclosure .disclosure_uk .disclosure_uk_number_wrapper {
          padding: 30px 10px; } }
      .disclosure .disclosure_uk .disclosure_uk_number_wrapper .disclosure_uk_number__title {
        font-size: 18px;
        color: #383737;
        font-weight: 600;
        margin-bottom: 20px; }
      .disclosure .disclosure_uk .disclosure_uk_number_wrapper .disclosure_uk_number__table .disclosure_uk_number__table_item_wrapper {
        -webkit-column-count: 7;
                column-count: 7;
        height: 390px;
        -webkit-column-width: 120px;
                column-width: 120px;
        max-width: 11.5%; }
        @media (max-width: 1200px) {
          .disclosure .disclosure_uk .disclosure_uk_number_wrapper .disclosure_uk_number__table .disclosure_uk_number__table_item_wrapper {
            max-width: 10.5%; } }
        @media (max-width: 767px) {
          .disclosure .disclosure_uk .disclosure_uk_number_wrapper .disclosure_uk_number__table .disclosure_uk_number__table_item_wrapper {
            max-width: 20.5%;
            height: 900px; } }
        .disclosure .disclosure_uk .disclosure_uk_number_wrapper .disclosure_uk_number__table .disclosure_uk_number__table_item_wrapper .disclosure_uk_number__table_item {
          line-height: 37px;
          width: 100%;
          display: inline-block;
          cursor: pointer;
          text-align: center;
          vertical-align: middle;
          font-size: 18px;
          color: #013A33;
          text-decoration: none;
          transition: background-color .2s ease; }
          .disclosure .disclosure_uk .disclosure_uk_number_wrapper .disclosure_uk_number__table .disclosure_uk_number__table_item_wrapper .disclosure_uk_number__table_item:hover {
            background-color: #e5edf7; }
          .disclosure .disclosure_uk .disclosure_uk_number_wrapper .disclosure_uk_number__table .disclosure_uk_number__table_item_wrapper .disclosure_uk_number__table_item a {
            position: relative;
            color: #013A33;
            font-size: 18px;
            text-decoration: none;
            height: 100%; }

.disclosure__arсhive {
  font-size: 18px;
  color: #013A33;
  padding: 5px;
  box-sizing: border-box;
  display: inline-block;
  margin-bottom: 10px;
  text-decoration: none;
  transition: background-color .2s ease; }
  .disclosure__arсhive:hover {
    background-color: #e5edf7; }

.title_style {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 25px; }

.disclosure_home {
  text-align: left;
  margin-top: 20px; }
  .disclosure_home .disclosure_home__link {
    color: #013A33;
    text-decoration: none;
    font-size: 16px;
    transition: color 0.5s ease; }
    .disclosure_home .disclosure_home__link:hover {
      color: #0a478f; }
  .disclosure_home .disclosure_home__title {
    margin-top: 20px; }

.disclosure_home__tabs {
  position: relative;
  z-index: 0; }
  .disclosure_home__tabs .disclosure_home__tab_wrapper {
    width: 100%;
    text-align: left;
    font-size: 0;
    border-bottom: 2px solid #6696d0; }
    @media (max-width: 767px) {
      .disclosure_home__tabs .disclosure_home__tab_wrapper {
        text-align: center; } }
    .disclosure_home__tabs .disclosure_home__tab_wrapper .disclosure_home__tab {
      display: inline-block;
      color: #000000;
      cursor: pointer;
      font-size: 14px;
      font-weight: 600;
      height: 39px;
      line-height: 39px;
      position: relative;
      text-align: left;
      background-color: #e9e9e9;
      padding: 0 8px;
      border-radius: 3px 3px 0 0;
      margin-right: 2px;
      vertical-align: bottom; }
      .disclosure_home__tabs .disclosure_home__tab_wrapper .disclosure_home__tab.active {
        background-color: #6696d0;
        color: #ffffff;
        height: 41px; }

.disclosure_home__tab_cont {
  position: relative;
  text-align: left; }
  .disclosure_home__tab_cont .disclosure_home__tab_cont_wrapper {
    position: relative;
    text-align: left;
    display: none; }
    .disclosure_home__tab_cont .disclosure_home__tab_cont_wrapper.active {
      display: inline-block; }
  .disclosure_home__tab_cont_title_tab {
    font-size: 24px;
    color: #282828;
    font-weight: 600;
    margin: 30px 0; }
    @media (max-width: 767px) {
      .disclosure_home__tab_cont_title_tab {
        font-size: 18px; } }
  .disclosure_home__tab_cont_row {
    color: #282828;
    font-size: 18px;
    vertical-align: middle;
    height: 100%;
    margin-bottom: 40px; }
    .disclosure_home__tab_cont_row .disclosure_home__tab_cont_left_col {
      max-width: 403px;
      margin-right: 20px;
      width: 36%;
      text-align: right; }
      @media (max-width: 767px) {
        .disclosure_home__tab_cont_row .disclosure_home__tab_cont_left_col {
          width: 100%;
          text-align: left;
          margin-bottom: 10px; } }
      .disclosure_home__tab_cont_row .disclosure_home__tab_cont_left_col .disclosure_home__tab_cont_left_content {
        font-weight: normal; }
      .disclosure_home__tab_cont_row .disclosure_home__tab_cont_left_col .style_left_bold {
        font-weight: bold; }
      .disclosure_home__tab_cont_row .disclosure_home__tab_cont_left_col .style_left_item {
        font-weight: bold;
        display: inline-block; }
      .disclosure_home__tab_cont_row .disclosure_home__tab_cont_left_col .style_left_subitem {
        font-weight: 600;
        display: inline-block;
        padding-right: 40px;
        position: relative; }
        @media (max-width: 767px) {
          .disclosure_home__tab_cont_row .disclosure_home__tab_cont_left_col .style_left_subitem {
            padding-right: 0;
            padding-left: 20px; } }
        .disclosure_home__tab_cont_row .disclosure_home__tab_cont_left_col .style_left_subitem:before {
          display: none; }
          @media (max-width: 767px) {
            .disclosure_home__tab_cont_row .disclosure_home__tab_cont_left_col .style_left_subitem:before {
              position: absolute;
              content: '';
              width: 5px;
              height: 5px;
              border: 1px solid #013A33;
              border-radius: 50%;
              top: 50%;
              margin-top: -2.5px;
              left: 0px;
              display: inline-block; } }
        .disclosure_home__tab_cont_row .disclosure_home__tab_cont_left_col .style_left_subitem:after {
          position: absolute;
          content: '';
          width: 5px;
          height: 5px;
          border: 1px solid #282828;
          border-radius: 50%;
          top: 50%;
          margin-top: -2.5px;
          right: 10px; }
          @media (max-width: 767px) {
            .disclosure_home__tab_cont_row .disclosure_home__tab_cont_left_col .style_left_subitem:after {
              display: none; } }
      .disclosure_home__tab_cont_row .disclosure_home__tab_cont_left_col .style_left_sub_item_level_three {
        font-weight: 400;
        display: inline-block;
        padding-right: 60px;
        position: relative; }
        @media (max-width: 767px) {
          .disclosure_home__tab_cont_row .disclosure_home__tab_cont_left_col .style_left_sub_item_level_three {
            padding-right: 0;
            padding-left: 30px; } }
        .disclosure_home__tab_cont_row .disclosure_home__tab_cont_left_col .style_left_sub_item_level_three:before {
          display: none; }
          @media (max-width: 767px) {
            .disclosure_home__tab_cont_row .disclosure_home__tab_cont_left_col .style_left_sub_item_level_three:before {
              position: absolute;
              content: '';
              width: 5px;
              height: 5px;
              border: 1px solid #013A33;
              top: 50%;
              margin-top: -2.5px;
              left: 10px;
              display: inline-block; } }
        .disclosure_home__tab_cont_row .disclosure_home__tab_cont_left_col .style_left_sub_item_level_three:after {
          position: absolute;
          content: '';
          width: 5px;
          height: 5px;
          border: 1px solid #282828;
          top: 50%;
          margin-top: -2.5px;
          right: 25px; }
          @media (max-width: 767px) {
            .disclosure_home__tab_cont_row .disclosure_home__tab_cont_left_col .style_left_sub_item_level_three:after {
              display: none; } }
    .disclosure_home__tab_cont_row .row_subitem_level_three {
      margin: 5px 0 10px; }
    .disclosure_home__tab_cont_row .disclosure_home__tab_cont_right_col {
      max-width: 723px;
      width: 50%; }
      @media (max-width: 767px) {
        .disclosure_home__tab_cont_row .disclosure_home__tab_cont_right_col {
          width: 100%; } }
      .disclosure_home__tab_cont_row .disclosure_home__tab_cont_right_col .disclosure_home__tab_cont_right_content {
        font-weight: bold; }
      .disclosure_home__tab_cont_row .disclosure_home__tab_cont_right_col .disclosure_home__tab_cont_right_col_two_row {
        font-size: 0; }
        .disclosure_home__tab_cont_row .disclosure_home__tab_cont_right_col .disclosure_home__tab_cont_right_col_two_row .style_sub_row {
          font-weight: 600;
          font-size: 18px;
          max-width: 300px;
          width: 40%;
          display: inline-block;
          vertical-align: middle; }
          @media (max-width: 767px) {
            .disclosure_home__tab_cont_row .disclosure_home__tab_cont_right_col .disclosure_home__tab_cont_right_col_two_row .style_sub_row {
              width: 100%; } }
        .disclosure_home__tab_cont_row .disclosure_home__tab_cont_right_col .disclosure_home__tab_cont_right_col_two_row .style__three_colomn {
          width: 30%; }
          @media (max-width: 767px) {
            .disclosure_home__tab_cont_row .disclosure_home__tab_cont_right_col .disclosure_home__tab_cont_right_col_two_row .style__three_colomn {
              width: 100%; } }
        .disclosure_home__tab_cont_row .disclosure_home__tab_cont_right_col .disclosure_home__tab_cont_right_col_two_row span {
          max-width: 300px;
          width: 40%;
          font-size: 18px;
          vertical-align: middle; }
          @media (max-width: 767px) {
            .disclosure_home__tab_cont_row .disclosure_home__tab_cont_right_col .disclosure_home__tab_cont_right_col_two_row span {
              vertical-align: top; } }
        .disclosure_home__tab_cont_row .disclosure_home__tab_cont_right_col .disclosure_home__tab_cont_right_col_two_row strong {
          font-weight: bold;
          padding-right: 10px;
          padding-left: 10px;
          display: inline-block; }
          @media (max-width: 767px) {
            .disclosure_home__tab_cont_row .disclosure_home__tab_cont_right_col .disclosure_home__tab_cont_right_col_two_row strong {
              padding: 0 2px; } }
        .disclosure_home__tab_cont_row .disclosure_home__tab_cont_right_col .disclosure_home__tab_cont_right_col_two_row b {
          font-weight: bold;
          color: #013A33; }
        .disclosure_home__tab_cont_row .disclosure_home__tab_cont_right_col .disclosure_home__tab_cont_right_col_two_row .time-style {
          max-width: 110px;
          display: inline-block; }
        .disclosure_home__tab_cont_row .disclosure_home__tab_cont_right_col .disclosure_home__tab_cont_right_col_two_row .right_style__three_colomn {
          display: inline-block;
          max-width: 500px;
          width: 50%; }
          @media (max-width: 767px) {
            .disclosure_home__tab_cont_row .disclosure_home__tab_cont_right_col .disclosure_home__tab_cont_right_col_two_row .right_style__three_colomn {
              width: 100%; } }
      .disclosure_home__tab_cont_row .disclosure_home__tab_cont_right_col .disclosure_home__button {
        padding: 10px 80px;
        background-color: #013A33;
        color: #FFFFFF;
        cursor: pointer;
        display: inline-block;
        position: relative;
        font-weight: 600;
        text-decoration: none; }
        .disclosure_home__tab_cont_row .disclosure_home__tab_cont_right_col .disclosure_home__button:hover {
          background-color: #1e4c84; }
        .disclosure_home__tab_cont_row .disclosure_home__tab_cont_right_col .disclosure_home__button::before {
          content: '';
          position: absolute;
          width: 27px;
          height: 25px;
          left: 45px;
          background: url(../img/disclosure/download.png) no-repeat 88% 93%;
          background-size: 21px;
          top: 50%;
          margin-top: -17px; }
    .disclosure_home__tab_cont_row .style_colomn {
      display: inline-block;
      vertical-align: middle; }
    .disclosure_home__tab_cont_row .disclosure_home__tab_cont_silver_block {
      width: 100%;
      text-align: center;
      background-color: #d8d7d7;
      color: #013A33;
      height: 200px;
      line-height: 200px;
      font-weight: bold;
      font-size: 18px;
      display: inline-block;
      vertical-align: middle; }
  .disclosure_home__tab_cont .row_subitem {
    margin-top: -30px; }

.hr-line {
  line-height: 1em;
  position: relative;
  outline: 0;
  border: 0;
  color: black;
  text-align: center;
  height: 2px;
  opacity: .8; }
  .hr-line:before {
    content: '';
    background: linear-gradient(to right, transparent, #013A33, transparent);
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px; }
  .hr-line:after {
    content: attr(data-content);
    position: relative;
    display: inline-block;
    color: black;
    padding: 0 .5em;
    line-height: 1.5em;
    color: #013A33;
    background-color: #013A33; }

.disclosure-file__ico {
  height: 33px;
  width: 33px;
  /*@keyframes go-middle-bottom {

  }*/ }
  .disclosure-file__ico:hover svg {
    fill: #5BB75B; }
  .disclosure-file__ico:hover .arrow {
    -webkit-animation: go-middle-bottom 2s infinite linear;
            animation: go-middle-bottom 2s infinite linear;
    position: relative; }
  .disclosure-file__ico svg {
    width: 100%;
    height: 100%;
    fill: #013A33;
    transition: fill .3s ease; }

@-webkit-keyframes go-middle-bottom {
  0% {
    -webkit-transform: translateY(-1.5em);
            transform: translateY(-1.5em);
    opacity: 0; }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(1.6em);
            transform: translateY(1.6em);
    opacity: 0; } }

@keyframes go-middle-bottom {
  0% {
    -webkit-transform: translateY(-1.5em);
            transform: translateY(-1.5em);
    opacity: 0; }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(1.6em);
            transform: translateY(1.6em);
    opacity: 0; } }

.test label {
  display: block; }

.autorization-wrapper {
  width: 100%;
  min-height: 100vh; }
  .autorization-wrapper .autorization-wrapper__inner {
    min-height: 20px;
    max-width: 570px;
    width: 100%;
    margin-top: 40px;
    text-align: center;
    box-sizing: border-box; }
    @media (max-width: 768px) {
      .autorization-wrapper .autorization-wrapper__inner {
        margin-top: 40px;
        padding: 10px; } }
    .autorization-wrapper .autorization-wrapper__inner .autorization-wrapper__title {
      font-weight: bold;
      font-size: 17px; }
      .autorization-wrapper .autorization-wrapper__inner .autorization-wrapper__title-state {
        font-size: 30px;
        font-weight: bold; }

.autorization-form .autorization-form__input-wrap {
  text-align: left; }
  .autorization-form .autorization-form__input-wrap .autorization-form__label {
    display: block;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.87);
    padding-left: 5px;
    box-sizing: border-box; }
  .autorization-form .autorization-form__input-wrap .autorization-form__input .form-input {
    margin-left: -5px; }
    .autorization-form .autorization-form__input-wrap .autorization-form__input .form-input input {
      padding: 5px;
      display: block;
      width: 100%;
      background-color: transparent;
      color: rgba(255, 255, 255, 0.87);
      border: 0;
      box-sizing: border-box;
      font-weight: normal;
      /* border-top: 2px solid transparent;
          border-right: 2px solid transparent;
          border-left: 2px solid transparent;*/
      border: 2px solid transparent;
      border-bottom: 2px solid rgba(160, 160, 160, 0.2);
      box-shadow: none !important; }
      .autorization-form .autorization-form__input-wrap .autorization-form__input .form-input input:focus {
        border-bottom-color: #0cc2aa;
        border-bottom-width: 2px; }
      .autorization-form .autorization-form__input-wrap .autorization-form__input .form-input input:active {
        border-color: #0cc2aa; }
    .autorization-form .autorization-form__input-wrap .autorization-form__input .form-input input:-webkit-autofill,
    .autorization-form .autorization-form__input-wrap .autorization-form__input .form-input input:-webkit-autofill:hover,
    .autorization-form .autorization-form__input-wrap .autorization-form__input .form-input input:-webkit-autofill:focus
input:-webkit-autofill,
    .autorization-form .autorization-form__input-wrap .autorization-form__input .form-input textarea:-webkit-autofill,
    .autorization-form .autorization-form__input-wrap .autorization-form__input .form-input textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
    .autorization-form .autorization-form__input-wrap .autorization-form__input .form-input select:-webkit-autofill,
    .autorization-form .autorization-form__input-wrap .autorization-form__input .form-input select:-webkit-autofill:hover,
    .autorization-form .autorization-form__input-wrap .autorization-form__input .form-input select:-webkit-autofill:focus {
      border: 2px solid teal;
      -webkit-text-fill-color: teal;
      -webkit-box-shadow: 0 0 0px 1000px #000 inset;
      transition: background-color 5000s ease-in-out 0s; }
    .autorization-form .autorization-form__input-wrap .autorization-form__input .form-input.error input {
      border: 2px solid #f44336;
      box-shadow: 0 2px 3px rgba(255, 0, 0, 0.12), 0 2px 2px rgba(255, 0, 0, 0.24);
      color: #f44336; }
      .autorization-form .autorization-form__input-wrap .autorization-form__input .form-input.error input:focus {
        border-color: #f44336;
        border-bottom-width: 2px; }
      .autorization-form .autorization-form__input-wrap .autorization-form__input .form-input.error input:active {
        border-color: #f44336; }
    .autorization-form .autorization-form__input-wrap .autorization-form__input .form-input .form-input__error {
      font-size: 12px;
      color: #f44336; }
  .autorization-form .autorization-form__input-wrap .autorization-form__input_reg {
    margin-top: 5px;
    display: block;
    width: 100%;
    border: 2px solid #ccc;
    padding: 10px;
    box-sizing: border-box; }

.autorization-form .autorization-form__button {
  margin-top: 20px;
  text-align: center; }
  .autorization-form .autorization-form__button .autorization-form__button-inner {
    box-sizing: border-box;
    padding: 10px 5px;
    max-width: 300px;
    width: 100%;
    text-transform: uppercase;
    color: #fff;
    background-color: #0cc2aa;
    border: 0;
    cursor: pointer;
    opacity: .85;
    transition: opacity .4s ease; }
    .autorization-form .autorization-form__button .autorization-form__button-inner:hover {
      opacity: 1; }

@charset "UTF-8";
/*Одинаковый стиль с новостями*/
.news {
  text-align: left;
  margin-bottom: 50px; }
  .news .news__title {
    padding-top: 25px; }

.news-plite {
  font-size: 0;
  vertical-align: middle;
  text-align: left; }
  @media (max-width: 1200px) {
    .news-plite {
      text-align: center; } }
  .news-plite .news-plite_style {
    width: 370px;
    height: 249px;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    border: 2px solid #dddddd;
    transition: all 0.4s ease-out;
    margin-right: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    text-align: left; }
    .news-plite .news-plite_style:nth-child(3n) {
      margin-right: 0; }
    @media (max-width: 1200px) {
      .news-plite .news-plite_style:nth-child(3n) {
        margin-right: 20px; }
      .news-plite .news-plite_style:nth-child(9) {
        margin-right: 0; }
      .news-plite .news-plite_style:nth-child(2n) {
        margin-right: 0; } }
    @media (max-width: 808px) {
      .news-plite .news-plite_style {
        margin-right: 0 !important;
        width: 400px; } }
    @media (max-width: 500px) {
      .news-plite .news-plite_style {
        width: 100%; } }
    .news-plite .news-plite_style:hover {
      border-color: #013A33; }
    .news-plite .news-plite_style .news-plite-item__inner {
      padding: 30px; }
      .news-plite .news-plite_style .news-plite-item__inner .news-plite-item__date {
        font-size: 16px;
        color: #8f8f8f;
        line-height: 13px;
        padding-bottom: 17px; }
        @media (max-width: 767px) {
          .news-plite .news-plite_style .news-plite-item__inner .news-plite-item__date {
            padding-bottom: 7px; } }
      .news-plite .news-plite_style .news-plite-item__inner .news-plite-item__title {
        color: #383737;
        font-size: 20px;
        font-weight: bold;
        padding-bottom: 20px; }
        @media (max-width: 767px) {
          .news-plite .news-plite_style .news-plite-item__inner .news-plite-item__title {
            font-size: 15px; } }
      .news-plite .news-plite_style .news-plite-item__inner .news-plite-item__content {
        line-height: 22px;
        font-size: 16px;
        color: #383737; }
        @media (max-width: 767px) {
          .news-plite .news-plite_style .news-plite-item__inner .news-plite-item__content {
            line-height: 17px;
            font-size: 13px; } }
      .news-plite .news-plite_style .news-plite-item__inner .news-plite-item__link {
        max-width: 95%;
        text-align: right;
        right: 25px;
        display: inline-block;
        color: #013A33;
        text-transform: uppercase;
        text-decoration: none;
        opacity: 0.7;
        transition: all 0.4s ease-out;
        font-weight: 600;
        position: absolute;
        bottom: 15px;
        cursor: pointer; }
        .news-plite .news-plite_style .news-plite-item__inner .news-plite-item__link:hover {
          opacity: 1; }

.animated-style-plyte {
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-animation-duration: 200ms;
          animation-duration: 200ms;
  -webkit-animation-name: about-plite-animated;
          animation-name: about-plite-animated;
  opacity: 0; }

.snake_1 {
  -webkit-animation-delay: 50ms;
          animation-delay: 50ms; }

.snake_2 {
  -webkit-animation-delay: 250ms;
          animation-delay: 250ms; }

.snake_3 {
  -webkit-animation-delay: 450ms;
          animation-delay: 450ms; }

.snake_4 {
  -webkit-animation-delay: 650ms;
          animation-delay: 650ms; }

.snake_5 {
  -webkit-animation-delay: 850ms;
          animation-delay: 850ms; }

.snake_6 {
  -webkit-animation-delay: 1050ms;
          animation-delay: 1050ms; }

.snake_7 {
  -webkit-animation-delay: 1250ms;
          animation-delay: 1250ms; }

.snake_8 {
  -webkit-animation-delay: 1450ms;
          animation-delay: 1450ms; }

.snake_9 {
  -webkit-animation-delay: 1650ms;
          animation-delay: 1650ms; }

@keyframes about-plite-animated {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/*
NEWS ITEM*/
.news-item__date {
  color: #8f8f8f;
  font-size: 14px;
  margin-top: 25px;
  margin-bottom: 5px; }

.news-item {
  text-align: justify;
  /*&.news {
    blockquote {
      font-style: italic;
      quotes: "«" "»";
      font-size: 16px;
      background-color: #e4f0ff;
      display: inline-block;
      padding: 10px 20px;
      margin: 10px 0;


      &:after {
        content: '\201d';
        font-size: 30px;
        color: #0a3779;
        margin-bottom: -10px !important;
        display: block !important;
      }
      &:before {
        content: '\201c';
        font-size: 30px;
        color: #0a3779;
      }
    }
  }*/ }
  .news-item h2 {
    font-size: 32px;
    color: #383737;
    margin-bottom: 5px;
    font-weight: 600; }
  .news-item h3 {
    font-size: 16px;
    color: #013A33;
    font-weight: 600;
    margin-bottom: 20px; }
  .news-item blockquote {
    font-style: italic;
    quotes: "«" "»";
    font-size: 16px;
    background-color: #e4f0ff;
    display: inline-block;
    padding: 28px;
    margin: 10px 0;
    box-sizing: border-box;
    position: relative; }
    .news-item blockquote:after {
      content: '\201d';
      font-size: 30px;
      color: #0a3779;
      position: absolute;
      right: 10px;
      bottom: 0; }
    .news-item blockquote:before {
      content: '\201c';
      font-size: 30px;
      color: #0a3779;
      position: absolute;
      left: 10px;
      top: 10px; }
  .news-item table {
    text-align: center;
    border-collapse: collapse;
    background: #ffffff;
    border: 2px solid #6696d0; }
    .news-item table td {
      border: 1px solid #013A33 !important;
      padding: 10px 10px; }
  .news-item tr {
    font-weight: bold; }
    .news-item tr:nth-child(2n) {
      background: #f0f0f0; }
    .news-item tr:hover {
      background: #e6f1fd !important; }
  .news-item th {
    background: #6696d0;
    color: #ffffff;
    text-align: center;
    width: 280px;
    padding: 10px 10px;
    font-weight: 600;
    font-size: 16px;
    border: 2px solid #013A33; }
  .news-item ul {
    margin-left: 40px;
    font-size: 18px;
    line-height: 36px;
    font-weight: bold;
    margin: 10px 0 10px 40px; }
    @media (max-width: 700px) {
      .news-item ul {
        margin: 10px 0 10px 20px; } }
    .news-item ul li {
      list-style: circle;
      font-weight: 400;
      font-size: 16px;
      color: #013A33; }
  .news-item em {
    color: #000000;
    font-style: italic; }
  .news-item p {
    font-size: 18px;
    line-height: 28px; }
  .news-item b {
    font-weight: 600;
    color: #013A33; }
  .news-item strong {
    font-weight: 600;
    color: #013A33; }
  .news-item a {
    color: #013A33;
    font-size: 18px;
    text-decoration: underline;
    font-weight: bold;
    transition: color 0.7s ease; }
    .news-item a:hover {
      text-decoration: none;
      color: #6291ca; }
  .news-item hr {
    line-height: 1em;
    position: relative;
    outline: 0;
    border: 0;
    color: black;
    text-align: center;
    height: 2px;
    opacity: .8;
    display: inline-block;
    margin-bottom: 30px;
    margin-top: 15px;
    width: 100%; }
    .news-item hr:before {
      content: '';
      background: linear-gradient(to right, transparent, #013A33, transparent);
      position: absolute;
      left: 0;
      top: 50%;
      width: 100%;
      height: 2px; }
    .news-item hr:after {
      content: attr(data-content);
      position: relative;
      display: inline-block;
      padding: 0 .5em;
      line-height: 1.5em;
      color: #013A33;
      background-color: #013A33; }

@charset "UTF-8";
.grapfics {
  text-align: left; }
  .grapfics .grapfics__title {
    padding-top: 55px;
    position: relative;
    margin-bottom: -36px; }
  .grapfics .title_main_graphics {
    padding-top: 25px;
    margin-bottom: 25px; }

.grapfics_wrapper_style {
  margin-bottom: 30px !important; }

.grapfics-title-wrapper {
  margin-top: 34px;
  text-align: left;
  position: relative;
  cursor: pointer;
  /*&:before {
    content: '';
    position: absolute;
    width: 58px;
    transform: rotate(90deg);
    height: 54px;
    left: -101px;
    top: 50%;
    margin-top: -6px;
    background: url(../img/Graphics/pipe_treo.svg) no-repeat;
  }*/ }
  .grapfics-title-wrapper .grapfics-title__ju {
    font-size: 20px;
    font-weight: 600; }
  .grapfics-title-wrapper .grapfics_ico_treugolnik {
    position: absolute;
    width: 58px;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    height: 54px;
    left: -101px;
    top: 50%;
    margin-top: 1px; }
  .grapfics-title-wrapper .grapfics_ico_pipedl {
    position: absolute;
    width: 58px;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    height: 45px;
    left: -105.6px;
    top: 50%;
    margin-top: -50px; }
  .grapfics-title-wrapper .grapfics_ico_pipedl-one {
    position: absolute;
    width: 58px;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    height: 45px;
    left: -105.6px;
    top: 50%;
    margin-top: -100px; }
  .grapfics-title-wrapper .grapfics_ico_pipedl-0 {
    position: absolute;
    width: 58px;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    height: 45px;
    left: -105.6px;
    top: 50%;
    margin-top: -151px;
    z-index: -1; }
  .grapfics-title-wrapper .grapfics_ico_treugolnik_last {
    position: absolute;
    width: 40px;
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
    height: 54px;
    left: -93px;
    top: -35%;
    margin-top: 102px;
    /*&:before {
      content: '';
      position: absolute;
      width: 143vh;
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      height: 45px;
      left: -643px;
      top: -50%;
      margin-top: -216px;
      background: url(../img/Graphics/pipe_dl.svg);
    }*/ }
  .grapfics-title-wrapper .grapfics_ico_schet {
    position: absolute;
    width: 58px;
    height: 54px;
    left: -56px;
    top: 50%;
    margin-top: -16px; }
  .grapfics-title-wrapper .grapfics-title__adress {
    text-align: left;
    padding: 20px 5px;
    padding-left: 90px;
    font-weight: bold;
    background-color: #f6faff;
    margin-top: 25px;
    border: 2px solid #013A33;
    font-size: 19px;
    position: relative; }
    @media (max-width: 767px) {
      .grapfics-title-wrapper .grapfics-title__adress {
        font-size: 12px; } }
    .grapfics-title-wrapper .grapfics-title__adress:before {
      content: '';
      position: absolute;
      width: 58px;
      height: 54px;
      left: 20px;
      top: 50%;
      margin-top: -27px;
      background: url(../img/Graphics/townhouse.svg) no-repeat; }
    .grapfics-title-wrapper .grapfics-title__adress .grapfics-title_district {
      margin-right: 10px;
      position: relative; }
    .grapfics-title-wrapper .grapfics-title__adress .grapfics-title_home {
      color: #013A33;
      font-size: 21px; }
  .grapfics-title-wrapper .grapfics-title__link {
    position: absolute;
    right: 40px;
    font-size: 14px;
    cursor: pointer;
    top: 50%;
    margin-top: -9px;
    color: #013A33; }
    @media (max-width: 860px) {
      .grapfics-title-wrapper .grapfics-title__link {
        display: none; } }
  .grapfics-title-wrapper .grapfics-title__link_ico {
    position: absolute;
    right: -20px;
    width: 20px;
    height: 20px;
    font-size: 14px;
    top: 0; }
    .grapfics-title-wrapper .grapfics-title__link_ico svg {
      fill: #013A33; }

@media (max-width: 1400px) {
  .stile_pipe_fill {
    display: none; } }

.stile_pipe_fill svg {
  fill: #013A33; }

.grapfics_ico_schet svg {
  fill: #013A33; }

.cifer {
  fill: brown; }

/*Графики внутреняя*/
.grapfics__link {
  margin-top: 20px;
  display: inline-block;
  color: #013A33;
  text-decoration: none;
  font-size: 16px;
  transition: color 0.5s ease;
  cursor: pointer; }
  .grapfics__link:hover {
    color: #0a478f; }

.grapfics-section__wrapper .grapfics-title-wrapper {
  cursor: pointer;
  margin-top: 0; }
  .grapfics-section__wrapper .grapfics-title-wrapper.active .grapfics-title__icon_down {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
    .grapfics-section__wrapper .grapfics-title-wrapper.active .grapfics-title__icon_down svg {
      fill: #6696d0; }

.grapfics-section__wrapper .grapfics-title__adress {
  border-color: #6696d0; }

.grapfics-section {
  text-align: center; }

.section__table_wrapper {
  display: none; }

.section__table {
  border-collapse: collapse;
  background: #ffffff;
  border: 2px solid #6696d0; }
  @media (max-width: 767px) {
    .section__table {
      display: block;
      overflow-x: auto;
      box-sizing: border-box;
      padding: 0; } }
  .section__table td {
    border: none;
    padding: 10px 10px; }
  .section__table tr {
    font-weight: bold; }
    .section__table tr:hover {
      background: #e6f1fd !important; }

.section__table, .section__table
.section__table td {
  padding: 10px 10px; }

.section__table tr.row_table:nth-child(2n) {
  background: #f0f0f0; }

.section__table tr.header_table td {
  background: #6696d0;
  color: #ffffff;
  text-align: center;
  width: 280px;
  padding: 10px 10px;
  font-weight: 600;
  font-size: 16px; }

.input-search {
  text-align: left; }
  .input-search .input-search__wrapper .input-search__title {
    font-size: 18px;
    color: #0a3779;
    font-weight: 600;
    margin-right: 20px; }
  .input-search .input-search__wrapper .input-search_input {
    max-width: 500px;
    position: relative;
    color: #0a3779;
    font-size: 18px;
    padding: 5px 2px;
    padding-left: 46px;
    outline: none;
    background: url(../img/Graphics/search.svg) no-repeat 4% center;
    background-size: 11%;
    border: 2px solid #cccccc; }
    .input-search .input-search__wrapper .input-search_input:focus {
      border: 2px solid #0a3779; }
  .input-search .input-search__wrapper .input-search_input__ico {
    width: 30px;
    height: 30px;
    position: absolute; }

.grapfics-title__icon_down {
  position: absolute;
  right: 20px;
  width: 25px;
  height: 25px;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease; }
  .grapfics-title__icon_down svg {
    fill: #6696d0; }

.grapfics-jeu_description {
  color: #cdcdcd;
  margin-left: 20px;
  font-weight: 400; }
  @media (max-width: 760px) {
    .grapfics-jeu_description {
      margin-left: 0;
      display: block; } }

.grapfics-section__staff-name {
  position: relative;
  cursor: pointer;
  text-align: center; }
  .grapfics-section__staff-name .grapfics-section-staff {
    opacity: 0;
    color: #ffffff;
    width: 200px;
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    padding: 10px;
    transition: opacity .3s ease;
    z-index: 1;
    right: -167px;
    border-radius: 3px; }
    @media (max-width: 767px) {
      .grapfics-section__staff-name .grapfics-section-staff {
        right: -50px; } }
  .grapfics-section__staff-name:hover .grapfics-section-staff {
    position: absolute;
    opacity: 1; }
  .grapfics-section__staff-name .grapfics-section-staff__photo {
    border-radius: 50%;
    width: 150px;
    height: 150px;
    overflow: hidden;
    display: block;
    margin: 0 auto; }
    .grapfics-section__staff-name .grapfics-section-staff__photo img {
      width: 100%;
      height: 100%; }

.grapfics-section-staff__name {
  text-align: center;
  margin-bottom: 10px; }

.grapfics-section-staff-info {
  display: block; }
  .grapfics-section-staff-info .grapfics-section-staff-info__name {
    text-align: center;
    font-weight: 600;
    margin-top: 5px;
    font-size: 14px; }
  .grapfics-section-staff-info .grapfics-section-staff-info__position {
    font-weight: 400;
    margin-top: 5px;
    text-align: center; }

.grapfics-section-staff-info__number {
  margin-top: 5px;
  text-align: center;
  font-size: 12px; }

.grapfics-section-staff-info__number_identity {
  margin-top: 5px;
  text-align: center;
  font-size: 12px;
  font-weight: 400; }

.mobile-app {
  /* line 1, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_extend.scss */
  /* Normal desktop :1200px. */
  /* Normal desktop :992px. */
  /* Tablet desktop :768px. */
  /* small mobile :320px. */
  /* Large Mobile :480px. */
  /* 1. Theme default css */
  /* line 5, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 12, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 20, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 25, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 28, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 34, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 39, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 43, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 52, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 16, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 20, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 25, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 28, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 34, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 39, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 43, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 52, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 56, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 59, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 68, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 114, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 118, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 122, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 125, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 130, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 133, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 136, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 141, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 145, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 157, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 161, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 173, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 177, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 190, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 194, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 210, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 214, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* button style */
  /* line 220, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 247, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 252, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 259, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 269, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 272, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 282, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 286, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 289, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 292, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/theme-default.scss */
  /* line 1, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_btn.scss */
  /* line 17, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_btn.scss */
  /* line 22, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_btn.scss */
  /* line 25, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_btn.scss */
  /* line 29, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_btn.scss */
  /* line 48, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_btn.scss */
  /* line 53, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_btn.scss */
  /* line 56, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_btn.scss */
  /* line 60, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_btn.scss */
  /* line 79, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_btn.scss */
  /* line 84, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_btn.scss */
  /* line 87, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_btn.scss */
  /* line 92, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_btn.scss */
  /* line 109, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_btn.scss */
  /* line 114, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_btn.scss */
  /* line 117, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_btn.scss */
  /* line 120, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_btn.scss */
  /* line 125, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_btn.scss */
  /* line 141, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_btn.scss */
  /* line 146, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_btn.scss */
  /* line 149, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_btn.scss */
  /* line 153, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_btn.scss */
  /* line 165, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_btn.scss */
  /* line 169, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_btn.scss */
  /* line 173, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_btn.scss */
  /* line 181, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_btn.scss */
  /* line 190, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_btn.scss */
  /* line 193, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_btn.scss */
  /* line 197, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_btn.scss */
  /* line 206, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_btn.scss */
  /* line 2, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_section_title.scss */
  /* line 25, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_section_title.scss */
  /* line 39, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_section_title.scss */
  /* line 13, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_slick-nav.scss */
  /* line 28, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_slick-nav.scss */
  /* line 32, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_slick-nav.scss */
  /* line 44, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_slick-nav.scss */
  /* line 55, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_slick-nav.scss */
  /* line 72, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_slick-nav.scss */
  /* line 78, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_slick-nav.scss */
  /* line 1, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 16, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 36, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 56, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 82, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 95, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 102, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 105, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 109, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 116, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 124, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 135, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 143, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 147, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 157, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 176, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 197, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 202, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 211, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 223, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 225, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 231, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 235, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 240, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 245, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 249, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 255, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 285, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 288, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 291, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 297, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 304, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 308, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 313, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 319, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 321, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 330, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 340, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 343, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */
  /* line 1, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_slider.scss */
  /* line 4, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_slider.scss */
  /* line 8, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_slider.scss */
  /* line 22, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_slider.scss */
  /* line 44, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_slider.scss */
  /* line 63, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_slider.scss */
  /* line 83, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_slider.scss */
  /* line 96, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_slider.scss */
  /* line 1, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */
  /* line 10, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */
  /* line 15, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */
  /* line 19, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */
  /* line 36, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */
  /* line 54, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */
  /* line 69, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */
  /* line 93, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */
  /* line 122, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */
  /* line 134, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */
  /* line 139, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */
  /* line 148, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */
  /* line 160, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */
  /* line 168, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */
  /* line 177, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */
  /* line 192, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */
  /* line 200, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */
  /* line 1, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_counter.scss */
  /* line 4, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_counter.scss */
  /* line 6, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_counter.scss */
  /* line 8, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_counter.scss */
  /* line 14, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_counter.scss */
  /* line 1, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_gallery.scss */
  /* line 12, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_gallery.scss */
  /* line 15, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_gallery.scss */
  /* line 20, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_gallery.scss */
  /* line 33, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_gallery.scss */
  /* line 36, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_gallery.scss */
  /* line 41, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_gallery.scss */
  /* line 49, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_gallery.scss */
  /* line 54, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_gallery.scss */
  /* line 59, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_gallery.scss */
  /* line 64, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_gallery.scss */
  /* line 76, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_gallery.scss */
  /* line 81, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_gallery.scss */
  /* line 86, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_gallery.scss */
  /* line 98, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_gallery.scss */
  /* line 103, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_gallery.scss */
  /* line 112, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_gallery.scss */
  /* line 118, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_gallery.scss */
  /* line 1, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 6, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 22, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 24, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 30, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 44, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 47, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 54, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 67, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 73, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 84, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 87, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 98, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 102, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 113, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 122, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 131, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 142, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 149, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 166, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 170, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 175, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 187, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 195, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 204, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 213, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 220, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 225, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 238, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 253, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 259, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 262, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 276, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 281, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 289, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 301, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 310, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 322, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 327, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 338, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 351, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 356, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 367, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 372, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 379, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 388, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 397, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */
  /* line 1, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_footer.scss */
  /* line 6, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_footer.scss */
  /* line 25, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_footer.scss */
  /* line 35, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_footer.scss */
  /* line 45, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_footer.scss */
  /* line 48, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_footer.scss */
  /* line 54, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_footer.scss */
  /* line 57, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_footer.scss */
  /* line 63, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_footer.scss */
  /* line 67, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_footer.scss */
  /* line 71, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_footer.scss */
  /* line 79, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_footer.scss */
  /* line 83, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_footer.scss */
  /* line 85, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_footer.scss */
  /* line 91, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_footer.scss */
  /* line 94, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_footer.scss */
  /* line 102, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_footer.scss */
  /* line 107, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_footer.scss */
  /* line 121, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_footer.scss */
  /* line 127, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_footer.scss */
  /* line 130, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_footer.scss */
  /* line 133, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_footer.scss */
  /* line 141, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_footer.scss */
  /* line 146, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_footer.scss */
  /* line 152, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_footer.scss */
  /* line 155, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_footer.scss */
  /* line 168, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_footer.scss */
  /* line 1, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_bradcam.scss */
  /* line 4, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_bradcam.scss */
  /* line 7, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_bradcam.scss */
  /* line 10, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_bradcam.scss */
  /* line 13, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_bradcam.scss */
  /* line 35, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_bradcam.scss */
  /* line 45, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_bradcam.scss */
  /* line 50, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_bradcam.scss */
  /* line 52, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_bradcam.scss */
  /* line 59, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_bradcam.scss */
  /* line 66, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_bradcam.scss */
  /* line 70, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_bradcam.scss */
  /* line 74, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_bradcam.scss */
  /* line 82, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_bradcam.scss */
  /* line 86, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_bradcam.scss */
  /* line 93, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_bradcam.scss */
  /* line 97, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_bradcam.scss */
  /* line 101, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_bradcam.scss */
  /* line 112, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_bradcam.scss */
  /* line 116, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_bradcam.scss */
  /* line 120, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_bradcam.scss */
  /* line 154, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_bradcam.scss */
  /* line 169, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_bradcam.scss */
  /* line 178, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_bradcam.scss */
  /* line 184, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_bradcam.scss */
  /* line 192, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_bradcam.scss */
  /* line 197, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_bradcam.scss */
  /* line 202, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_bradcam.scss */
  /* line 1, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_department.scss */
  /* line 5, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_department.scss */
  /* line 9, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_department.scss */
  /* line 13, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_department.scss */
  /* line 19, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_department.scss */
  /* line 21, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_department.scss */
  /* line 23, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_department.scss */
  /* line 28, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_department.scss */
  /* line 33, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_department.scss */
  /* line 40, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_department.scss */
  /* line 43, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_department.scss */
  /* line 50, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_department.scss */
  /* line 1, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_tesmonial.scss */
  /* line 15, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_tesmonial.scss */
  /* line 27, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_tesmonial.scss */
  /* line 33, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_tesmonial.scss */
  /* line 60, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_tesmonial.scss */
  /* line 70, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_tesmonial.scss */
  /* line 75, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_tesmonial.scss */
  /* line 83, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_tesmonial.scss */
  /* line 93, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_tesmonial.scss */
  /* line 97, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_tesmonial.scss */
  /* line 1, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_service.scss */
  /* line 6, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_service.scss */
  /* line 12, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_service.scss */
  /* line 14, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_service.scss */
  /* line 30, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_service.scss */
  /* line 37, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_service.scss */
  /* line 46, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_service.scss */
  /* line 58, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_service.scss */
  /* line 60, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_service.scss */
  /* line 69, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_service.scss */
  /* line 74, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_service.scss */
  /* line 78, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_service.scss */
  /* line 80, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_service.scss */
  /* line 84, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_service.scss */
  /* line 88, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_service.scss */
  /* line 97, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_service.scss */
  /* line 102, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_service.scss */
  /* line 109, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_service.scss */
  /* line 1, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_experts.scss */
  /* line 4, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_experts.scss */
  /* line 12, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_experts.scss */
  /* line 22, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_experts.scss */
  /* line 26, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_experts.scss */
  /* line 32, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_experts.scss */
  /* line 37, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_experts.scss */
  /* line 43, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_experts.scss */
  /* line 51, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_experts.scss */
  /* line 55, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_experts.scss */
  /* line 57, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_experts.scss */
  /* line 60, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_experts.scss */
  /* line 67, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_experts.scss */
  /* line 89, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_experts.scss */
  /* line 94, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_experts.scss */
  /* line 101, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_experts.scss */
  /* line 3, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_emergency_contact.scss */
  /* line 12, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_emergency_contact.scss */
  /* line 14, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_emergency_contact.scss */
  /* line 22, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_emergency_contact.scss */
  /* line 30, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_emergency_contact.scss */
  /* line 36, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_emergency_contact.scss */
  /* line 39, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_emergency_contact.scss */
  /* line 1, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_prising.scss */
  /* line 4, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_prising.scss */
  /* line 10, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_prising.scss */
  /* line 25, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_prising.scss */
  /* line 29, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_prising.scss */
  /* line 32, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_prising.scss */
  /* line 37, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_prising.scss */
  /* line 44, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_prising.scss */
  /* line 46, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_prising.scss */
  /* line 50, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_prising.scss */
  /* line 52, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_prising.scss */
  /* line 57, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_prising.scss */
  /* line 60, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_prising.scss */
  /* line 65, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_prising.scss */
  /*=================== contact banner start ====================*/
  /* line 3, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_contact.scss */
  /* line 10, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_contact.scss */
  /* line 13, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_contact.scss */
  /* line 16, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_contact.scss */
  /* line 24, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_contact.scss */
  /* line 30, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_contact.scss */
  /* line 36, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_contact.scss */
  /*=================== contact banner end ====================*/
  /*=================== contact form start ====================*/
  /* line 45, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_contact.scss */
  /* line 53, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_contact.scss */
  /* line 57, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_contact.scss */
  /* line 61, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_contact.scss */
  /* line 69, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_contact.scss */
  /* line 74, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_contact.scss */
  /* line 80, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_contact.scss */
  /*=================== contact form end ====================*/
  /* Contact Success and error Area css
============================================================================================ */
  /* line 97, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_contact.scss */
  /* line 106, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_contact.scss */
  /* line 112, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_contact.scss */
  /* line 121, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_contact.scss */
  /* line 126, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_contact.scss */
  /* line 133, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_contact.scss */
  /* line 141, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_contact.scss */
  /* line 146, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_contact.scss */
  /* line 75, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 80, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 85, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 93, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 97, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 101, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 105, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 109, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 113, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 117, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 127, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 137, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 138, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 146, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 149, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 155, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 166, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 169, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 173, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 176, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 179, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 182, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 185, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 188, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 195, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 199, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 203, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 208, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 211, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 217, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 221, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 227, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 231, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 237, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 241, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 247, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 251, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 257, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 261, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 267, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 271, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 277, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 281, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 287, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 291, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 297, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 301, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 307, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 311, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 317, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 322, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 328, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 333, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 339, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 347, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 353, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 357, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 361, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 365, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 368, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 371, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 375, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 377, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 387, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 391, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 399, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 404, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 408, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 411, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 414, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 417, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 420, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 423, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 426, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 429, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 432, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 441, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 449, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 455, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 459, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 473, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 475, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 480, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 488, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 494, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 502, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 508, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 515, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 523, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 528, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 530, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 535, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 540, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 545, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 555, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 560, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 568, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 574, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 582, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 588, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 596, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 602, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 609, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 619, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 632, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 639, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 646, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 655, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 663, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 677, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 693, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 696, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 704, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 711, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 720, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 728, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 742, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 758, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 761, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 769, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 776, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 785, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 798, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 806, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 813, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 822, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 835, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 843, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 850, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 859, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 871, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 876, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 884, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 891, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 900, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 913, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 921, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 928, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 937, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 950, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 958, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 965, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 974, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 986, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 991, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 999, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 1001, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 1008, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 1015, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 1022, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 1026, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 1033, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 1037, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 1042, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 1045, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 1053, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 1060, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 1067, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 1071, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 1078, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 1082, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 1086, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 1089, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 1093, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 1096, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* line 1099, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_elements.scss */
  /* Start Blog Area css
============================================================================================ */
  /* line 5, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 10, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 14, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 24, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 28, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 32, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 36, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 49, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 56, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 66, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 74, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 84, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 104, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 112, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 116, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 121, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 135, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 157, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 160, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 179, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 185, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 195, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 200, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* End Blog Area css
============================================================================================ */
  /* Latest Blog Area css
============================================================================================ */
  /* line 224, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 228, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 234, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 247, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* End Latest Blog Area css
============================================================================================ */
  /* Causes Area css
============================================================================================ */
  /* line 263, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 267, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 274, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 285, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 288, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 291, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 299, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 307, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 320, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 323, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 336, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 346, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 358, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* End Causes Area css
============================================================================================ */
  /*================= latest_blog_area css =============*/
  /* line 374, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 378, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 381, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 384, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 389, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 392, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 403, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 410, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 417, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 431, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /*========= blog_categorie_area css ===========*/
  /* line 438, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 454, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 459, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 463, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 476, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 494, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 501, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 510, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /*============ blog_left_sidebar css ==============*/
  /* line 525, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 529, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 537, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 541, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 544, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 549, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 563, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 567, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 571, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 577, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 583, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 588, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 596, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 599, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 615, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 627, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 647, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 652, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 660, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 664, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 672, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 681, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 685, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 694, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 701, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 713, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 722, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 726, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 735, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 742, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 755, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 760, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 764, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 769, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 774, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 791, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 796, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 807, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 813, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 820, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 828, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 831, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 842, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 857, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 863, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 963, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 984, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 988, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1005, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1017, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1024, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /*============ Start Blog Single Styles  =============*/
  /* line 1049, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1054, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1057, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1061, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1074, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1077, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1087, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1101, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1111, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1114, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1121, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1126, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1130, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1134, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1137, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1144, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1147, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1156, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1160, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1164, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1182, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1191, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1204, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1208, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1213, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1218, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1225, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1230, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1234, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1240, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1243, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1247, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1252, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1259, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1264, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1275, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1278, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1282, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1287, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1294, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1299, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1314, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1325, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1332, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1341, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1344, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1348, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1369, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1372, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1378, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1385, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1391, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1408, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1416, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1420, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1428, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1437, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1445, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1453, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1458, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1463, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1468, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1474, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1480, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1486, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /* line 1492, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
  /*============ End Blog Single Styles  =============*/
  /**************** blog part css start ****************/
  /* line 2, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog_part.scss */
  /* line 19, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog_part.scss */
  /* line 40, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog_part.scss */
  /* line 43, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog_part.scss */
  /* line 48, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog_part.scss */
  /* line 72, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog_part.scss */
  /* line 76, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog_part.scss */
  /* line 83, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog_part.scss */
  /* line 86, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog_part.scss */
  /* line 97, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog_part.scss */
  /* line 119, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog_part.scss */
  /* line 140, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog_part.scss */
  /* line 150, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog_part.scss */
  /* line 166, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog_part.scss */
  /*# sourceMappingURL=style.css.map */ }
  .mobile-app .align-items-center {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .mobile-app .d-flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .mobile-app .align-items-center {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .mobile-app .flex-center-start {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
            align-items: center;
    -ms-flex-pack: start;
    -webkit-justify-content: start;
            justify-content: start; }
  .mobile-app a,
  .mobile-app .button {
    transition: 0.3s;
    text-decoration: none !important; }
  .mobile-app a:focus,
  .mobile-app .button:focus, .mobile-app button:focus {
    text-decoration: none;
    outline: none; }
  .mobile-app a:focus {
    text-decoration: none; }
  .mobile-app a:focus,
  .mobile-app a:hover,
  .mobile-app .portfolio-cat a:hover,
  .mobile-app .footer -menu li a:hover {
    text-decoration: none; }
  .mobile-app a,
  .mobile-app button {
    color: #1F1F1F;
    outline: medium none; }
  .mobile-app h1, .mobile-app h2, .mobile-app h3, .mobile-app h4, .mobile-app h5 {
    font-family: "Poppins", sans-serif;
    color: #1F1F1F; }
  .mobile-app h1 a,
  .mobile-app h2 a,
  .mobile-app h3 a,
  .mobile-app h4 a,
  .mobile-app h5 a,
  .mobile-app h6 a {
    color: inherit; }
  .mobile-app ul {
    margin: 0px;
    padding: 0px; }
  .mobile-app .img {
    max-width: 100%;
    transition: 0.3s; }
  .mobile-app a,
  .mobile-app .button {
    transition: 0.3s; }
  .mobile-app a:focus,
  .mobile-app .button:focus, .mobile-app button:focus {
    text-decoration: none;
    outline: none; }
  .mobile-app a:focus {
    text-decoration: none; }
  .mobile-app a:focus,
  .mobile-app a:hover,
  .mobile-app .portfolio-cat a:hover,
  .mobile-app .footer -menu li a:hover {
    text-decoration: none; }
  .mobile-app a,
  .mobile-app button {
    outline: medium none; }
  .mobile-app h1 a,
  .mobile-app h2 a,
  .mobile-app h3 a,
  .mobile-app h4 a,
  .mobile-app h5 a,
  .mobile-app h6 a {
    color: inherit; }
  .mobile-app ul {
    margin: 0px;
    padding: 0px; }
  .mobile-app li {
    list-style: none; }
  .mobile-app label {
    color: #7e7e7e;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400; }
  .mobile-app .mb-65 {
    margin-bottom: 67px; }
  .mobile-app .black-bg {
    background: #020c26 !important; }
  .mobile-app .white-bg {
    background: #ffffff; }
  .mobile-app .gray-bg {
    background: #f5f5f5; }
  .mobile-app .bg-img-1 {
    background-image: url(../img/slider/slider-img-1.jpg); }
  .mobile-app .bg-img-2 {
    background-image: url(../img/background-img/bg-img-2.jpg); }
  .mobile-app .cta-bg-1 {
    background-image: url(../img/background-img/bg-img-3.jpg); }
  .mobile-app .overlay {
    position: relative;
    z-index: 0; }
  .mobile-app .overlay::before {
    position: absolute;
    content: "";
    background-color: #1f1f1f;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: .5; }
  .mobile-app .overlay2 {
    position: relative;
    z-index: 0; }
  .mobile-app .overlay2::before {
    position: absolute;
    content: "";
    background-color: #2C2C2C;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.6; }
  .mobile-app .overlay_03 {
    position: relative;
    z-index: 0; }
  .mobile-app .overlay_03::before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #2C2C2C;
    opacity: .6;
    content: '';
    z-index: -1; }
  .mobile-app .bradcam_overlay {
    position: relative;
    z-index: 0; }
  .mobile-app .bradcam_overlay::before {
    position: absolute;
    content: "";
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5db2ff+0,7db9e8+100&1+24,0+96 */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #5db2ff 0%, #65b4f9 24%, rgba(124, 185, 233, 0) 96%, rgba(125, 185, 232, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5db2ff', endColorstr='#007db9e8',GradientType=1 );
    /* IE6-9 */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 1; }
  .mobile-app .section-padding {
    padding-top: 120px;
    padding-bottom: 120px; }
  .mobile-app .pt-120 {
    padding-top: 120px; }
  .mobile-app .owl-carousel .owl-nav div {
    background: transparent;
    height: 50px;
    left: 0px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all 0.3s ease 0s;
    width: 50px;
    color: #fff;
    background-color: transparent;
    border-radius: 50%;
    left: 50px;
    font-size: 15px;
    line-height: 50px;
    border: 1px solid #787878;
    left: 150px; }
  .mobile-app .owl-carousel .owl-nav div.owl-next {
    left: auto;
    right: 150px; }
  .mobile-app .owl-carousel .owl-nav div.owl-next i {
    position: relative;
    right: 0; }
  .mobile-app .owl-carousel .owl-nav div.owl-prev i {
    position: relative;
    top: 0px; }
  .mobile-app .owl-carousel:hover .owl-nav div {
    opacity: 1;
    visibility: visible; }
  .mobile-app .owl-carousel:hover .owl-nav div:hover {
    color: #fff;
    background: #28AE61;
    border: 1px solid transparent; }
  .mobile-app .mb-20px {
    margin-bottom: 20px; }
  .mobile-app .mb-55 {
    margin-bottom: 55px; }
  .mobile-app .mb-40 {
    margin-bottom: 40px; }
  .mobile-app .mb-20 {
    margin-bottom: 20px; }
  .mobile-app .boxed-btn {
    background: #fff;
    color: #131313;
    display: inline-block;
    padding: 18px 44px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 400;
    border: 0;
    border: 1px solid #48B6FB;
    letter-spacing: 3px;
    text-align: center;
    color: #48B6FB !important;
    text-transform: uppercase;
    cursor: pointer; }
  .mobile-app .boxed-btn:hover {
    background: #48B6FB;
    color: #fff !important;
    border: 1px solid #48B6FB; }
  .mobile-app .boxed-btn:focus {
    outline: none; }
  .mobile-app .boxed-btn.large-width {
    width: 220px; }
  .mobile-app .boxed-btn3 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0181f5+0,5db2ff+100 */
    background: #37EBED;
    color: #fff;
    display: inline-block;
    padding: 14px 27px;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 500;
    border: 0;
    border-radius: 5px;
    text-align: center;
    color: #fff !important;
    text-transform: capitalize;
    transition: 0.5s;
    cursor: pointer;
    letter-spacing: 2px; }
  .mobile-app .boxed-btn3:hover {
    background: #4BA8FD;
    color: #fff !important; }
  .mobile-app .boxed-btn3:focus {
    outline: none; }
  .mobile-app .boxed-btn3.large-width {
    width: 220px; }
  .mobile-app .boxed-btn4 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0181f5+0,5db2ff+100 */
    background: #0181F5;
    color: #fff;
    display: inline-block;
    padding: 14px 27px;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 500;
    border: 0;
    border-radius: 5px;
    text-align: center;
    color: #fff !important;
    text-transform: capitalize;
    transition: 0.5s;
    cursor: pointer;
    letter-spacing: 2px; }
  .mobile-app .boxed-btn4:hover {
    background: #0181F5;
    color: #fff !important; }
  .mobile-app .boxed-btn4:focus {
    outline: none; }
  .mobile-app .boxed-btn4.large-width {
    width: 220px; }
  .mobile-app .boxed-btn3-white {
    color: #fff;
    display: inline-block;
    padding: 13px 27px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 400;
    border: 0;
    border: 1px solid #fff;
    border-radius: 5px;
    text-align: center;
    color: #fff !important;
    text-transform: capitalize;
    transition: 0.5s;
    cursor: pointer;
    letter-spacing: 2px; }
  .mobile-app .boxed-btn3-white:hover {
    background: #28AE61;
    color: #fff !important;
    border: 1px solid transparent; }
  .mobile-app .boxed-btn3-white i {
    margin-right: 2px; }
  .mobile-app .boxed-btn3-white:focus {
    outline: none; }
  .mobile-app .boxed-btn3-white.large-width {
    width: 220px; }
  .mobile-app .boxed-btn3-green-2 {
    color: #48B6FB !important;
    display: inline-block;
    padding: 14px 31px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 400;
    border: 0;
    border: 1px solid #48B6FB;
    border-radius: 5px;
    text-align: center;
    text-transform: capitalize;
    transition: 0.5s;
    cursor: pointer;
    letter-spacing: 2px; }
  .mobile-app .boxed-btn3-green-2:hover {
    background: #48B6FB;
    color: #fff !important;
    border: 1px solid transparent; }
  .mobile-app .boxed-btn3-green-2:focus {
    outline: none; }
  .mobile-app .boxed-btn3-green-2.large-width {
    width: 220px; }
  .mobile-app .boxed-btn2 {
    background: transparent;
    color: #fff;
    display: inline-block;
    padding: 18px 24px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 400;
    border: 0;
    border: 1px solid #fff;
    letter-spacing: 2px;
    text-transform: uppercase; }
  .mobile-app .boxed-btn2:hover {
    background: #fff;
    color: #131313 !important; }
  .mobile-app .boxed-btn2:focus {
    outline: none; }
  .mobile-app .line-button {
    color: #919191;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    position: relative;
    padding-right: 5px;
    padding-bottom: 2px; }
  .mobile-app .line-button::before {
    position: absolute;
    content: "";
    background: #919191;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0; }
  .mobile-app .line-button:hover {
    color: #009DFF; }
  .mobile-app .line-button:hover::before {
    background: #009DFF; }
  .mobile-app .prising_btn {
    display: inline-block;
    font-size: 14px;
    color: #5DB2FF;
    border: 1px solid #5DB2FF;
    text-transform: capitalize;
    padding: 8px 28px;
    font-weight: 500;
    border-radius: 5px; }
  .mobile-app .prising_btn:hover {
    background: #5DB2FF;
    color: #fff; }
  .mobile-app .section_title h3 {
    font-size: 46px;
    line-height: 60px;
    font-weight: 300;
    color: #2C2C2C;
    position: relative;
    z-index: 0;
    padding-bottom: 15px; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 2, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_section_title.scss */ }
      .mobile-app .section_title h3 {
        font-size: 30px;
        line-height: 36px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 2, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_section_title.scss */ }
      .mobile-app .section_title h3 {
        font-size: 36px;
        line-height: 42px; } }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 19, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_section_title.scss */ }
      .mobile-app .section_title h3 br {
        display: none; } }
  .mobile-app .section_title p {
    font-size: 16px;
    color: #727272;
    line-height: 28px;
    margin-bottom: 0;
    font-weight: 400; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 31, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_section_title.scss */ }
      .mobile-app .section_title p br {
        display: none; } }
  .mobile-app .mb-50 {
    margin-bottom: 50px; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 39, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_section_title.scss */ }
      .mobile-app .mb-50 {
        margin-bottom: 40px; } }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 4, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_slick-nav.scss */ }
      .mobile-app .mobile_menu {
        position: absolute;
        right: 0px;
        width: 100%;
        z-index: 9; } }
  .mobile-app .slicknav_menu .slicknav_nav {
    background: #fff;
    float: right;
    margin-top: 0;
    padding: 0;
    width: 95%;
    padding: 0;
    border-radius: 0px;
    margin-top: 5px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 11px; }
  .mobile-app .slicknav_menu .slicknav_nav a:hover {
    background: transparent;
    color: #5DB2FF; }
  .mobile-app .slicknav_menu .slicknav_nav a.active {
    color: #5DB2FF; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 35, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_slick-nav.scss */ }
      .mobile-app .slicknav_menu .slicknav_nav a i {
        display: none; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 35, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_slick-nav.scss */ }
      .mobile-app .slicknav_menu .slicknav_nav a i {
        display: none; } }
  .mobile-app .slicknav_menu .slicknav_nav .slicknav_btn {
    background-color: transparent;
    cursor: pointer;
    margin-bottom: 10px;
    margin-top: -40px;
    position: relative;
    z-index: 99;
    border: 1px solid #ddd;
    top: 3px;
    right: 5px;
    top: -36px; }
  .mobile-app .slicknav_menu .slicknav_nav .slicknav_btn .slicknav_icon {
    margin-right: 6px;
    margin-top: 3px;
    position: relative;
    padding-bottom: 3px;
    top: -11px;
    right: -5px; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 12, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_slick-nav.scss */ }
      .mobile-app .slicknav_menu {
        margin-right: 0px; } }
  .mobile-app .slicknav_nav .slicknav_arrow {
    float: right;
    font-size: 22px;
    position: relative;
    top: -9px; }
  .mobile-app .slicknav_btn {
    background-color: transparent;
    cursor: pointer;
    margin-bottom: 10px;
    position: relative;
    z-index: 99;
    border: none;
    border-radius: 3px;
    top: 5px;
    padding: 5px;
    right: 0;
    margin-top: -5px;
    top: -29px;
    right: 5px; }
  .mobile-app .header-area {
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
    z-index: 9;
    position: absolute; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 1, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */ }
      .mobile-app .header-area {
        padding-top: 0; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 1, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */ }
      .mobile-app .header-area {
        padding-top: 0; } }
  .mobile-app .header-area .main-header-area {
    padding: 20px 200px;
    background: #fff;
    background: transparent; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 16, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */ }
      .mobile-app .header-area .main-header-area {
        padding: 10px 0px;
        background: #2C2C2C; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 16, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */ }
      .mobile-app .header-area .main-header-area {
        padding: 10px 15px;
        background: #2C2C2C; } }
  @media (min-width: 992px) and (max-width: 1200px) {
    .mobile-app {
      /* line 16, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */ }
      .mobile-app .header-area .main-header-area {
        padding: 25px 0px; } }
  @media (min-width: 1200px) and (max-width: 1500px) {
    .mobile-app {
      /* line 16, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */ }
      .mobile-app .header-area .main-header-area {
        padding: 25px 0px; } }
  .mobile-app .header-area .main-header-area.details_nav_bg {
    background: #727272;
    padding-bottom: 0; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 36, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */ }
      .mobile-app .header-area .main-header-area.details_nav_bg {
        padding-bottom: 10px; } }
  .mobile-app .header-area .main-header-area .logo-img {
    text-align: center; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 56, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */ }
      .mobile-app .header-area .main-header-area .logo-img {
        text-align: left; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 56, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */ }
      .mobile-app .header-area .main-header-area .logo-img {
        text-align: left; } }
  @media (min-width: 992px) and (max-width: 1200px) {
    .mobile-app {
      /* line 56, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */ }
      .mobile-app .header-area .main-header-area .logo-img {
        text-align: left; } }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 70, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */ }
      .mobile-app .header-area .main-header-area .logo-img img {
        width: 70px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 70, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */ }
      .mobile-app .header-area .main-header-area .logo-img img {
        width: 70px; } }
  .mobile-app .header-area .main-header-area .Appointment {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
        align-items: center;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end; }
  @media (min-width: 992px) and (max-width: 1200px) {
    .mobile-app {
      /* line 86, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */ }
      .mobile-app .header-area .main-header-area .Appointment .search_button {
        margin-right: 15px; } }
  @media (min-width: 1200px) and (max-width: 1500px) {
    .mobile-app {
      /* line 86, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */ }
      .mobile-app .header-area .main-header-area .Appointment .search_button {
        margin-right: 15px; } }
  .mobile-app .header-area .main-header-area .Appointment .search_button a i {
    color: #E8E8E8; }
  .mobile-app .header-area .main-header-area .Appointment .socail_links ul li {
    display: inline-block; }
  .mobile-app .header-area .main-header-area .Appointment .socail_links ul li a {
    color: #A8A7A0;
    margin: 0 10px;
    font-size: 15px; }
  .mobile-app .header-area .main-header-area .Appointment .socail_links ul li a:hover {
    color: #fff; }
  .mobile-app .header-area .main-header-area .Appointment .book_btn {
    margin-left: 30px; }
  @media (min-width: 992px) and (max-width: 1200px) {
    .mobile-app {
      /* line 116, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */ }
      .mobile-app .header-area .main-header-area .Appointment .book_btn {
        margin-left: 0; } }
  @media (min-width: 1200px) and (max-width: 1500px) {
    .mobile-app {
      /* line 116, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */ }
      .mobile-app .header-area .main-header-area .Appointment .book_btn {
        margin-left: 0; } }
  .mobile-app .header-area .main-header-area .Appointment .book_btn a {
    background: #42B3FA;
    padding: 12px 26px;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid transparent;
    color: #fff;
    border-radius: 4px; }
  @media (min-width: 992px) and (max-width: 1200px) {
    .mobile-app {
      /* line 124, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */ }
      .mobile-app .header-area .main-header-area .Appointment .book_btn a {
        padding: 12px 20px; } }
  .mobile-app .header-area .main-header-area .Appointment .book_btn a:hover {
    background: #4BA8FD;
    color: #fff;
    border: 1px solid #4BA8FD; }
  .mobile-app .header-area .main-header-area .main-menu {
    text-align: center;
    padding: 12px 0; }
  .mobile-app .header-area .main-header-area .main-menu ul li {
    display: inline-block;
    position: relative;
    margin: 0 10px; }
  .mobile-app .header-area .main-header-area .main-menu ul li a {
    color: #fff;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 400;
    display: inline-block;
    padding: 0px 0px 0px 0px;
    font-family: "Poppins", sans-serif;
    position: relative;
    text-transform: capitalize; }
  @media (min-width: 992px) and (max-width: 1200px) {
    .mobile-app {
      /* line 157, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */ }
      .mobile-app .header-area .main-header-area .main-menu ul li a {
        font-size: 15px; } }
  @media (min-width: 1200px) and (max-width: 1500px) {
    .mobile-app {
      /* line 157, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */ }
      .mobile-app .header-area .main-header-area .main-menu ul li a {
        font-size: 15px; } }
  .mobile-app .header-area .main-header-area .main-menu ul li a i {
    font-size: 9px; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 176, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */ }
      .mobile-app .header-area .main-header-area .main-menu ul li a i {
        display: none !important; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 176, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */ }
      .mobile-app .header-area .main-header-area .main-menu ul li a i {
        display: none !important; } }
  .mobile-app .header-area .main-header-area .main-menu ul li a:hover::before {
    opacity: 1;
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1); }
  .mobile-app .header-area .main-header-area .main-menu ul li a.active::before {
    opacity: 1;
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1); }
  .mobile-app .header-area .main-header-area .main-menu ul li .submenu {
    position: absolute;
    left: 0;
    top: 160%;
    background: #fff;
    width: 200px;
    z-index: 2;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.02);
    opacity: 0;
    visibility: hidden;
    text-align: left;
    transition: 0.6s; }
  .mobile-app .header-area .main-header-area .main-menu ul li .submenu li {
    display: block; }
  .mobile-app .header-area .main-header-area .main-menu ul li .submenu li a {
    padding: 10px 15px;
    position: inherit;
    transition: 0.3s;
    display: block;
    color: #000; }
  .mobile-app .header-area .main-header-area .main-menu ul li .submenu li a::before {
    display: none; }
  .mobile-app .header-area .main-header-area .main-menu ul li .submenu li:hover a {
    color: #000; }
  .mobile-app .header-area .main-header-area .main-menu ul li:hover > .submenu {
    opacity: 1;
    visibility: visible;
    top: 150%; }
  .mobile-app .header-area .main-header-area .main-menu ul li:hover > a::before {
    opacity: 1;
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1); }
  .mobile-app .header-area .main-header-area .main-menu ul li:first-child a {
    padding-left: 0; }
  .mobile-app .header-area .main-header-area.sticky {
    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
    position: fixed;
    width: 100%;
    top: -70px;
    left: 0;
    right: 0;
    z-index: 990;
    -webkit-transform: translateY(70px);
        -ms-transform: translateY(70px);
            transform: translateY(70px);
    transition: background 500ms ease, -webkit-transform 500ms ease;
    transition: transform 500ms ease, background 500ms ease;
    transition: transform 500ms ease, background 500ms ease, -webkit-transform 500ms ease;
    -webkit-transition: transform 500ms ease, background 500ms ease;
    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 0.96);
    background: #000; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 255, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */ }
      .mobile-app .header-area .main-header-area.sticky {
        padding: 10px 0px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 255, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */ }
      .mobile-app .header-area .main-header-area.sticky {
        padding: 10px 0px; } }
  .mobile-app .header-area .main-header-area.sticky .main-menu {
    padding: 0; }
  .mobile-app .header-area .main-header-area.sticky .header_bottom_border {
    border-bottom: none; }
  .mobile-app .header-area .main-header-area.sticky .header_bottom_border.white_border {
    border-bottom: none !important; }
  .mobile-app .header-area .header-top_area {
    padding: 12px 0;
    background: rgba(44, 44, 44, 0.5); }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 300, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */ }
      .mobile-app .header-area .header-top_area .social_media_links {
        text-align: center; } }
  .mobile-app .header-area .header-top_area .social_media_links a {
    font-size: 15px;
    color: #fff;
    margin-right: 12px; }
  .mobile-app .header-area .header-top_area .social_media_links a:hover {
    color: #28AE60; }
  .mobile-app .header-area .header-top_area .short_contact_list {
    text-align: right; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 313, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */ }
      .mobile-app .header-area .header-top_area .short_contact_list {
        text-align: center; } }
  .mobile-app .header-area .header-top_area .short_contact_list ul li {
    display: inline-block; }
  .mobile-app .header-area .header-top_area .short_contact_list ul li a {
    font-size: 13px;
    color: #fff;
    margin-left: 50px; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 321, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */ }
      .mobile-app .header-area .header-top_area .short_contact_list ul li a {
        margin-left: 0;
        margin: 0 5px; } }
  .mobile-app .header-area .header-top_area .short_contact_list ul li a i {
    color: #28AE60;
    margin-right: 7px; }
  .mobile-app .header_bottom_border {
    border-bottom: 1px solid #4B4E50;
    padding-bottom: 22px; }
  .mobile-app .header_bottom_border.white_border {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 343, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */ }
      .mobile-app .header_bottom_border.white_border {
        padding: 0;
        border-bottom: none; } }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 343, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */ }
      .mobile-app .header_bottom_border.white_border {
        padding: 0;
        border-bottom: none !important; } }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 340, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_header.scss */ }
      .mobile-app .header_bottom_border {
        padding: 0;
        border-bottom: none; } }
  .mobile-app .slider_bg_1 {
    background-image: url("/app/dev/public/img/theme/mobile/banner/banner.png"); }
  .mobile-app .slider_bg_2 {
    background-image: url("/app/dev/public/img/theme/mobile/banner/banner2.png"); }
  .mobile-app .slider_area .single_slider {
    height: 900px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 8, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_slider.scss */ }
      .mobile-app .slider_area .single_slider {
        height: auto;
        background-size: cover; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 8, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_slider.scss */ }
      .mobile-app .slider_area .single_slider {
        height: 620px; } }
  .mobile-app .slider_area .single_slider .phone_thumb {
    position: relative;
    top: 110px; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 22, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_slider.scss */ }
      .mobile-app .slider_area .single_slider .phone_thumb {
        top: 60px; } }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 28, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_slider.scss */ }
      .mobile-app .slider_area .single_slider .phone_thumb img {
        width: 100%; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 28, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_slider.scss */ }
      .mobile-app .slider_area .single_slider .phone_thumb img {
        width: 100%; } }
  @media (min-width: 992px) and (max-width: 1200px) {
    .mobile-app {
      /* line 28, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_slider.scss */ }
      .mobile-app .slider_area .single_slider .phone_thumb img {
        width: 100%; } }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 40, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_slider.scss */ }
      .mobile-app .slider_area .single_slider .slider_text {
        padding-top: 100px; } }
  .mobile-app .slider_area .single_slider .slider_text h3 {
    color: #FFF;
    font-family: "Poppins", sans-serif;
    font-size: 60px;
    text-transform: capitalize;
    letter-spacing: 2px;
    font-weight: 300;
    line-height: 74px; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 52, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_slider.scss */ }
      .mobile-app .slider_area .single_slider .slider_text h3 br {
        display: none; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 52, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_slider.scss */ }
      .mobile-app .slider_area .single_slider .slider_text h3 br {
        display: none; } }
  @media (min-width: 992px) and (max-width: 1200px) {
    .mobile-app {
      /* line 52, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_slider.scss */ }
      .mobile-app .slider_area .single_slider .slider_text h3 br {
        display: none; } }
  .mobile-app .slider_area .single_slider .slider_text h3 span {
    font-weight: 700; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 44, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_slider.scss */ }
      .mobile-app .slider_area .single_slider .slider_text h3 {
        font-size: 30px;
        line-height: 35px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 44, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_slider.scss */ }
      .mobile-app .slider_area .single_slider .slider_text h3 {
        font-size: 30px;
        line-height: 35px; } }
  @media (min-width: 992px) and (max-width: 1200px) {
    .mobile-app {
      /* line 44, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_slider.scss */ }
      .mobile-app .slider_area .single_slider .slider_text h3 {
        font-size: 45px;
        letter-spacing: 3px;
        line-height: 55px; } }
  .mobile-app .slider_area .single_slider .slider_text p {
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 48px;
    margin-top: 16px; }
  @media (min-width: 992px) and (max-width: 1200px) {
    .mobile-app {
      /* line 83, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_slider.scss */ }
      .mobile-app .slider_area .single_slider .slider_text p {
        font-size: 16px; } }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 83, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_slider.scss */ }
      .mobile-app .slider_area .single_slider .slider_text p {
        font-size: 16px; } }
  .mobile-app .slider_area .single_slider .slider_text .video_service_btn > a {
    margin-right: 15px; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 96, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_slider.scss */ }
      .mobile-app .slider_area .single_slider .slider_text .video_service_btn > a {
        margin-bottom: 20px; } }
  .mobile-app .features_area {
    padding: 77px 0 90px 0; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 1, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */ }
      .mobile-app .features_area {
        padding: 30px 0 40px 0; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 1, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */ }
      .mobile-app .features_area {
        padding: 30px 0 40px 0; } }
  .mobile-app .features_area .about_image img {
    width: auto; }
  .mobile-app .features_area .about_draw img {
    width: 100%; }
  .mobile-app .features_area .features_main_wrap {
    padding: 90px 0; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 19, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */ }
      .mobile-app .features_area .features_main_wrap {
        padding: 30px 0; } }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 25, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */ }
      .mobile-app .features_area .features_main_wrap .about_image img {
        width: 100%; } }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 32, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */ }
      .mobile-app .features_area .features_info2 {
        margin-bottom: 30px; } }
  .mobile-app .features_area .features_info2 h3 {
    font-size: 46px;
    line-height: 60px;
    font-weight: 300;
    color: #2C2C2C; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 36, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */ }
      .mobile-app .features_area .features_info2 h3 {
        font-size: 30px;
        line-height: 40px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 36, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */ }
      .mobile-app .features_area .features_info2 h3 {
        font-size: 35px;
        line-height: 45px; } }
  @media (min-width: 992px) and (max-width: 1200px) {
    .mobile-app {
      /* line 36, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */ }
      .mobile-app .features_area .features_info2 h3 {
        font-size: 30px;
        line-height: 40px; } }
  .mobile-app .features_area .features_info2 p {
    font-size: 16px;
    line-height: 28px;
    color: #727272;
    margin-bottom: 22px;
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 32px; }
  @media (min-width: 992px) and (max-width: 1200px) {
    .mobile-app {
      /* line 62, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */ }
      .mobile-app .features_area .features_info2 p br {
        display: none; } }
  .mobile-app .features_area .features_info {
    padding-left: 68px; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 69, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */ }
      .mobile-app .features_area .features_info {
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 10px;
        padding-right: 10px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 69, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */ }
      .mobile-app .features_area .features_info {
        padding-left: 30px;
        padding-top: 100px;
        padding-bottom: 50px; } }
  @media (min-width: 992px) and (max-width: 1200px) {
    .mobile-app {
      /* line 69, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */ }
      .mobile-app .features_area .features_info {
        padding-left: 30px;
        padding-top: 0;
        padding-bottom: 40px; } }
  @media (min-width: 1200px) and (max-width: 1500px) {
    .mobile-app {
      /* line 69, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */ }
      .mobile-app .features_area .features_info {
        padding-left: 30px;
        padding-top: 0; } }
  .mobile-app .features_area .features_info h3 {
    font-size: 46px;
    line-height: 60px;
    font-weight: 300;
    color: #2C2C2C; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 93, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */ }
      .mobile-app .features_area .features_info h3 {
        font-size: 30px;
        line-height: 40px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 93, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */ }
      .mobile-app .features_area .features_info h3 {
        font-size: 38px;
        line-height: 50px; } }
  @media (min-width: 992px) and (max-width: 1200px) {
    .mobile-app {
      /* line 93, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */ }
      .mobile-app .features_area .features_info h3 {
        font-size: 30px;
        line-height: 40px; } }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 110, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */ }
      .mobile-app .features_area .features_info h3 br {
        display: none; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 110, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */ }
      .mobile-app .features_area .features_info h3 br {
        display: none; } }
  @media (min-width: 992px) and (max-width: 1200px) {
    .mobile-app {
      /* line 110, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */ }
      .mobile-app .features_area .features_info h3 br {
        display: none; } }
  .mobile-app .features_area .features_info p {
    font-size: 16px;
    line-height: 28px;
    color: #727272;
    margin-bottom: 22px;
    margin-top: 28px; }
  @media (min-width: 992px) and (max-width: 1200px) {
    .mobile-app {
      /* line 128, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */ }
      .mobile-app .features_area .features_info p br {
        display: none; } }
  .mobile-app .features_area .features_info ul {
    margin-bottom: 56px; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 134, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */ }
      .mobile-app .features_area .features_info ul {
        margin-bottom: 30px; } }
  .mobile-app .features_area .features_info ul li {
    font-size: 16px;
    line-height: 28px;
    color: #727272;
    position: relative;
    padding-left: 28px;
    margin-bottom: 5px;
    font-weight: 400;
    z-index: 1; }
  .mobile-app .features_area .features_info ul li::before {
    position: absolute;
    left: 0;
    background-image: url(../img/ilstrator_img/check.svg);
    width: 16px;
    height: 16px;
    content: '';
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .mobile-app .features_area .features_info .boxed-btn3 {
    padding: 13px 46px 14px 46px; }
  .mobile-app .productivity_area {
    background-image: url("/app/dev/public/img/theme/mobile/banner/product.png");
    background-size: cover;
    background-position: center center;
    padding: 164px 0;
    background-repeat: no-repeat; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 168, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */ }
      .mobile-app .productivity_area {
        padding: 100px 0; } }
  .mobile-app .productivity_area h3 {
    font-size: 46px;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 60px; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 177, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */ }
      .mobile-app .productivity_area h3 {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 10px;
        text-align: center; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 177, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */ }
      .mobile-app .productivity_area h3 {
        margin-bottom: 30px; } }
  .mobile-app .productivity_area .app_download {
    text-align: right; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 192, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */ }
      .mobile-app .productivity_area .app_download {
        text-align: center; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 192, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */ }
      .mobile-app .productivity_area .app_download {
        text-align: center; } }
  .mobile-app .productivity_area .app_download img {
    margin-left: 9px; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 200, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_features.scss */ }
      .mobile-app .productivity_area .app_download img {
        margin: 5px 0; } }
  .mobile-app .counter_area {
    background: #F5FBFF;
    padding: 100px 0 70px 0; }
  .mobile-app .counter_area .single_counter {
    margin-bottom: 30px; }
  .mobile-app .counter_area .single_counter h3 {
    margin-bottom: 18px; }
  .mobile-app .counter_area .single_counter h3 span {
    font-size: 50px;
    color: #2C2C2C;
    font-weight: 400; }
  .mobile-app .counter_area .single_counter span {
    font-size: 16px;
    color: #919191;
    font-weight: 400; }
  .mobile-app .gallery_area {
    padding-top: 150px;
    padding-bottom: 150px; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 1, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_gallery.scss */ }
      .mobile-app .gallery_area {
        padding-top: 50px;
        padding-bottom: 50px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 1, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_gallery.scss */ }
      .mobile-app .gallery_area {
        padding-top: 100px;
        padding-bottom: 100px; } }
  .mobile-app .gallery_area .single-gallery {
    overflow: hidden;
    position: relative; }
  .mobile-app .gallery_area .single-gallery img {
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: 0.5s; }
  .mobile-app .gallery_area .single-gallery .gallery_hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: table;
    text-align: center;
    background: rgba(40, 174, 96, 0.7);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    transition: 0.5s;
    visibility: hidden; }
  .mobile-app .gallery_area .single-gallery .gallery_hover .hover_inner {
    display: table-cell;
    vertical-align: middle; }
  .mobile-app .gallery_area .single-gallery .gallery_hover .hover_inner h3 {
    font-size: 22px;
    color: #fff;
    font-weight: 400; }
  .mobile-app .gallery_area .single-gallery .gallery_hover .hover_inner span {
    color: #fff;
    font-size: 14px;
    font-weight: 300; }
  .mobile-app .gallery_area .single-gallery:hover .gallery_hover {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    visibility: visible;
    opacity: 1; }
  .mobile-app .gallery_area .single-gallery:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }
  .mobile-app .gallery_area .More_Works_btn {
    margin-top: 40px; }
  .mobile-app .portfolio_details_area {
    padding-top: 280px;
    padding-bottom: 150px; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 64, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_gallery.scss */ }
      .mobile-app .portfolio_details_area {
        padding-top: 100px;
        padding-bottom: 50px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 64, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_gallery.scss */ }
      .mobile-app .portfolio_details_area {
        padding-top: 100px;
        padding-bottom: 100px; } }
  .mobile-app .portfolio_details_area .portfolio_details_thumb img {
    width: 100%; }
  .mobile-app .portfolio_details_area .portfolio_details_content span {
    font-size: 14px;
    font-weight: 300;
    color: #919191; }
  .mobile-app .portfolio_details_area .portfolio_details_content h3 {
    color: #2C2C2C;
    font-size: 36px;
    font-weight: 400;
    line-height: 55px;
    margin-top: 15px;
    margin-bottom: 25px; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 86, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_gallery.scss */ }
      .mobile-app .portfolio_details_area .portfolio_details_content h3 {
        font-size: 25px;
        line-height: 40px; } }
  .mobile-app .portfolio_details_area .portfolio_details_content h4 {
    font-size: 20px;
    font-weight: 400;
    color: #2C2C2C; }
  .mobile-app .portfolio_details_area .portfolio_details_content p {
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    color: #727272;
    line-height: 28px; }
  .mobile-app .mt-50 {
    margin-top: 50px; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 112, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_gallery.scss */ }
      .mobile-app .mt-50 {
        margin-top: 30px; } }
  .mobile-app .mb-50 {
    margin-bottom: 50px; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 118, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_gallery.scss */ }
      .mobile-app .mb-50 {
        margin-bottom: 30px; } }
  .mobile-app .offers_area {
    padding-bottom: 100px; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 1, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */ }
      .mobile-app .offers_area {
        padding-bottom: 40px; } }
  .mobile-app .offers_area.padding_top {
    padding-top: 200px; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 6, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */ }
      .mobile-app .offers_area.padding_top {
        padding-top: 40px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 6, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */ }
      .mobile-app .offers_area.padding_top {
        padding-top: 80px; } }
  @media (min-width: 992px) and (max-width: 1200px) {
    .mobile-app {
      /* line 6, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */ }
      .mobile-app .offers_area.padding_top {
        padding-top: 80px; } }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 18, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */ }
      .mobile-app .offers_area .single_offers {
        margin-bottom: 30px; } }
  .mobile-app .offers_area .single_offers .about_thumb {
    overflow: hidden; }
  .mobile-app .offers_area .single_offers .about_thumb img {
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: 0.3s; }
  .mobile-app .offers_area .single_offers h3 {
    font-size: 22px;
    font-weight: 400;
    color: #1F1F1F;
    margin-top: 32px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 30, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */ }
      .mobile-app .offers_area .single_offers h3 {
        font-size: 18px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 38, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */ }
      .mobile-app .offers_area .single_offers h3 br {
        display: none; } }
  .mobile-app .offers_area .single_offers ul {
    margin-top: 17px;
    margin-bottom: 30px; }
  .mobile-app .offers_area .single_offers ul li {
    font-size: 16px;
    color: #4D4D4D;
    line-height: 28px;
    position: relative;
    z-index: 9;
    padding-left: 23px; }
  .mobile-app .offers_area .single_offers ul li::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background: #4D4D4D;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%; }
  .mobile-app .offers_area .single_offers a {
    width: 100%;
    text-align: center; }
  .mobile-app .offers_area .single_offers:hover .about_thumb img {
    width: 100%;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  .mobile-app .video_bg {
    background-image: url(../img/video/video.png); }
  .mobile-app .video_area {
    padding: 250px 0;
    background-size: cover;
    background-position: center center; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 87, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */ }
      .mobile-app .video_area {
        padding: 100px 0; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 87, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */ }
      .mobile-app .video_area {
        padding: 100px 0; } }
  .mobile-app .video_area .video_area_inner span {
    font-size: 14px;
    color: #fff; }
  .mobile-app .video_area .video_area_inner h3 {
    font-size: 46px;
    color: #fff;
    line-height: 56px;
    font-weight: 400;
    margin-top: 12px;
    margin-bottom: 28px; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 102, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */ }
      .mobile-app .video_area .video_area_inner h3 {
        font-size: 30px; } }
  .mobile-app .video_area .video_area_inner a {
    width: 60px;
    height: 60px;
    background: #fff;
    line-height: 60px;
    font-size: 15px;
    color: #009DFF;
    display: inline-block;
    border-radius: 50%; }
  .mobile-app .video_area .video_area_inner a i {
    position: relative;
    left: 2px; }
  .mobile-app .features_room {
    padding-top: 93px;
    display: block;
    overflow: hidden; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 131, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */ }
      .mobile-app .features_room {
        padding-top: 40px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 131, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */ }
      .mobile-app .features_room {
        padding-top: 0; } }
  .mobile-app .features_room .rooms_here .single_rooms {
    position: relative;
    width: 50%;
    float: left; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 142, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */ }
      .mobile-app .features_room .rooms_here .single_rooms {
        width: 100%;
        margin-bottom: 30px; } }
  .mobile-app .features_room .rooms_here .single_rooms::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,000000+100 */
    background: #ffffff;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #000000 77%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
    /* IE6-9 */
    z-index: 1;
    opacity: .5; }
  .mobile-app .features_room .rooms_here .single_rooms .room_thumb {
    position: relative;
    overflow: hidden; }
  .mobile-app .features_room .rooms_here .single_rooms .room_thumb img {
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: 0.5s; }
  .mobile-app .features_room .rooms_here .single_rooms .room_thumb .room_heading {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    padding: 60px 60px 47px 60px; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 175, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */ }
      .mobile-app .features_room .rooms_here .single_rooms .room_thumb .room_heading {
        padding: 20px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 175, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */ }
      .mobile-app .features_room .rooms_here .single_rooms .room_thumb .room_heading {
        padding: 20px; } }
  .mobile-app .features_room .rooms_here .single_rooms .room_thumb .room_heading span {
    font-size: 14px;
    color: #FFFFFF;
    margin-bottom: 9px;
    display: block;
    position: relative;
    z-index: 8; }
  .mobile-app .features_room .rooms_here .single_rooms .room_thumb .room_heading h3 {
    font-size: 30px;
    color: #fff;
    position: relative;
    z-index: 8; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 195, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */ }
      .mobile-app .features_room .rooms_here .single_rooms .room_thumb .room_heading h3 {
        font-size: 20px; } }
  .mobile-app .features_room .rooms_here .single_rooms .room_thumb .room_heading a {
    color: #fff;
    text-transform: capitalize;
    font-weight: 600;
    position: relative;
    z-index: 8;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
    opacity: 0;
    visibility: hidden; }
  .mobile-app .features_room .rooms_here .single_rooms .room_thumb .room_heading a:hover {
    color: #009DFF; }
  .mobile-app .features_room .rooms_here .single_rooms:hover img {
    width: 100%;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  .mobile-app .features_room .rooms_here .single_rooms:hover .room_heading a {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    visibility: visible; }
  .mobile-app .forQuery {
    padding-top: 200px;
    padding-bottom: 200px; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 238, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */ }
      .mobile-app .forQuery {
        padding: 60px 0; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 238, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */ }
      .mobile-app .forQuery {
        padding: 100px 0; } }
  @media (min-width: 992px) and (max-width: 1200px) {
    .mobile-app {
      /* line 238, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */ }
      .mobile-app .forQuery {
        padding: 100px 0; } }
  @media (min-width: 1200px) and (max-width: 1500px) {
    .mobile-app {
      /* line 238, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */ }
      .mobile-app .forQuery {
        padding: 100px 0; } }
  .mobile-app .forQuery .Query_border {
    border: 1px solid #BABABA;
    padding: 38px 50px; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 253, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */ }
      .mobile-app .forQuery .Query_border {
        padding: 20px 20px; } }
  .mobile-app .forQuery .Query_border .Query_text {
    text-align: left; }
  .mobile-app .forQuery .Query_border p {
    font-size: 30px;
    color: #1F1F1F;
    font-weight: 400;
    margin-bottom: 0; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 262, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */ }
      .mobile-app .forQuery .Query_border p {
        margin-bottom: 20px;
        font-size: 18px;
        text-align: center; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 262, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */ }
      .mobile-app .forQuery .Query_border p {
        font-size: 18px; } }
  .mobile-app .forQuery .Query_border .phone_num {
    text-align: right; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 276, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */ }
      .mobile-app .forQuery .Query_border .phone_num {
        text-align: center; } }
  .mobile-app .forQuery .Query_border .phone_num a {
    background: #009DFF;
    color: #fff;
    padding: 12px 53px;
    border-radius: 30px;
    display: inline-block;
    font-size: 18px;
    border: 1px solid transparent; }
  .mobile-app .forQuery .Query_border .phone_num a:hover {
    color: #009DFF;
    border: 1px solid #009DFF;
    background: #fff; }
  .mobile-app .instragram_area {
    display: block;
    overflow: hidden; }
  .mobile-app .instragram_area .single_instagram {
    width: 20%;
    float: left;
    position: relative;
    overflow: hidden; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 310, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */ }
      .mobile-app .instragram_area .single_instagram {
        width: 100%; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 310, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_offers.scss */ }
      .mobile-app .instragram_area .single_instagram {
        width: 50%; } }
  .mobile-app .instragram_area .single_instagram img {
    width: 100%;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    transition: 0.5s; }
  .mobile-app .instragram_area .single_instagram .ovrelay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    -webkit-transform: translateX(-80%);
    -ms-transform: translateX(-80%);
    transform: translateX(-80%);
    transition: 0.5s;
    opacity: 0;
    visibility: hidden; }
  .mobile-app .instragram_area .single_instagram .ovrelay a {
    color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    text-align: center;
    font-size: 34px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .mobile-app .instragram_area .single_instagram:hover .ovrelay {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
    visibility: visible; }
  .mobile-app .instragram_area .single_instagram:hover img {
    -webkit-transform: scaleX(1.1);
    -ms-transform: scaleX(1.1);
    transform: scaleX(1.1); }
  .mobile-app #test-form .white-popup-block .popup_inner .gj-datepicker span {
    color: red; }
  .mobile-app #test-form .white-popup-block input {
    width: 100%;
    height: 50px; }
  .mobile-app .gj-datepicker input {
    width: 100%;
    height: 50px;
    border: 1px solid #ddd;
    padding: 17px;
    font-size: 12px;
    color: #919191;
    margin-bottom: 20px; }
  .mobile-app .gj-datepicker-md [role="right-icon"] {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 14px;
    color: #919191;
    margin-right: 15px;
    top: 16px; }
  .mobile-app .gj-picker-md {
    font-family: "Roboto","Helvetica","Arial",sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 1;
    color: rgba(0, 0, 0, 0.87);
    padding: 10px;
    padding: 20px;
    border: 1px solid #E0E0E0; }
  .mobile-app .footer {
    background-repeat: no-repeat;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
  .mobile-app .footer .footer_top {
    padding-top: 117px;
    padding-bottom: 205px;
    background: #1F1F1F; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 6, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_footer.scss */ }
      .mobile-app .footer .footer_top {
        padding-top: 60px;
        padding-bottom: 30px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 6, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_footer.scss */ }
      .mobile-app .footer .footer_top {
        padding-top: 90px;
        padding-bottom: 60px; } }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 18, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_footer.scss */ }
      .mobile-app .footer .footer_top .footer_widget {
        margin-bottom: 30px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 18, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_footer.scss */ }
      .mobile-app .footer .footer_top .footer_widget {
        margin-bottom: 30px; } }
  .mobile-app .footer .footer_top .footer_widget .footer_title {
    font-size: 22px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 40px; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 25, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_footer.scss */ }
      .mobile-app .footer .footer_top .footer_widget .footer_title {
        margin-bottom: 20px; } }
  .mobile-app .footer .footer_top .footer_widget .footer_logo {
    font-size: 22px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 40px; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 35, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_footer.scss */ }
      .mobile-app .footer .footer_top .footer_widget .footer_logo {
        margin-bottom: 20px; } }
  .mobile-app .footer .footer_top .footer_widget p {
    color: #C7C7C7; }
  .mobile-app .footer .footer_top .footer_widget p.footer_text {
    font-size: 16px;
    color: #B2B2B2;
    margin-bottom: 23px;
    font-weight: 400;
    line-height: 28px; }
  .mobile-app .footer .footer_top .footer_widget p.footer_text a.domain {
    color: #B2B2B2;
    font-weight: 400; }
  .mobile-app .footer .footer_top .footer_widget p.footer_text a.domain:hover {
    color: #5DB2FF;
    border-bottom: 1px solid #5DB2FF; }
  .mobile-app .footer .footer_top .footer_widget p.footer_text.doanar a {
    font-weight: 500;
    color: #B2B2B2; }
  .mobile-app .footer .footer_top .footer_widget p.footer_text.doanar a:hover {
    color: #5DB2FF;
    border-bottom: 1px solid #5DB2FF; }
  .mobile-app .footer .footer_top .footer_widget p.footer_text.doanar a.first {
    margin-bottom: 10px; }
  .mobile-app .footer .footer_top .footer_widget ul li {
    color: #C7C7C7;
    font-size: 13px;
    line-height: 42px; }
  .mobile-app .footer .footer_top .footer_widget ul li a {
    color: #C7C7C7; }
  .mobile-app .footer .footer_top .footer_widget ul li a:hover {
    color: #5DB2FF; }
  .mobile-app .footer .footer_top .footer_widget .newsletter_form {
    position: relative;
    margin-bottom: 20px; }
  .mobile-app .footer .footer_top .footer_widget .newsletter_form input {
    width: 100%;
    height: 45px;
    background: #fff;
    padding-left: 20px;
    font-size: 16px;
    color: #000;
    border: none; }
  .mobile-app .footer .footer_top .footer_widget .newsletter_form input::-webkit-input-placeholder {
    font-size: 16px;
    color: #919191; }
  .mobile-app .footer .footer_top .footer_widget .newsletter_form input:-ms-input-placeholder {
    font-size: 16px;
    color: #919191; }
  .mobile-app .footer .footer_top .footer_widget .newsletter_form input::placeholder {
    font-size: 16px;
    color: #919191; }
  .mobile-app .footer .footer_top .footer_widget .newsletter_form button {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    border: none;
    font-size: 14px;
    color: #fff;
    background: #5DB2FF;
    padding: 10px;
    padding: 0 22px;
    cursor: pointer; }
  .mobile-app .footer .footer_top .footer_widget .newsletter_text {
    font-size: 16px;
    color: #BABABA; }
  .mobile-app .footer .copy-right_text {
    padding-bottom: 30px;
    background: #000000; }
  .mobile-app .footer .copy-right_text .footer_border {
    padding-bottom: 30px; }
  .mobile-app .footer .copy-right_text .copy_right {
    font-size: 13px;
    color: #C7C7C7;
    margin-bottom: 0;
    font-weight: 400; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 133, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_footer.scss */ }
      .mobile-app .footer .copy-right_text .copy_right {
        font-size: 13px; } }
  .mobile-app .footer .copy-right_text .copy_right a {
    color: #5DB2FF; }
  .mobile-app .footer .socail_links {
    margin-top: 47px; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 146, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_footer.scss */ }
      .mobile-app .footer .socail_links {
        margin-top: 30px; } }
  .mobile-app .footer .socail_links ul li {
    display: inline-block; }
  .mobile-app .footer .socail_links ul li a {
    font-size: 18px;
    color: #C3B2F0;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    background: #565656;
    border-radius: 50%;
    line-height: 40px !important;
    margin-right: 7px;
    color: #FFFFFF;
    line-height: 41px !important; }
  .mobile-app .footer .socail_links ul li a:hover {
    color: #fff !important;
    background: #5DB2FF; }
  .mobile-app .bradcam_bg_1 {
    background-image: url(../img/banner/bradcam.png); }
  .mobile-app .breadcam_bg_2 {
    background-image: url(../img/banner/bradcam_2.png); }
  .mobile-app .breadcam_bg_3 {
    background-image: url(../img/banner/bradcam3.png); }
  .mobile-app .breadcam_bg_4 {
    background-image: url(../img/banner/bradcam_4.png); }
  .mobile-app .bradcam_area {
    background-size: cover;
    background-position: bottom;
    padding: 214px 0;
    background-repeat: no-repeat;
    position: relative;
    z-index: 0; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 13, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_bradcam.scss */ }
      .mobile-app .bradcam_area {
        padding: 120px 0; } }
  .mobile-app .bradcam_area h3 {
    font-size: 60px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0;
    text-transform: capitalize; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 35, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_bradcam.scss */ }
      .mobile-app .bradcam_area h3 {
        font-size: 30px; } }
  .mobile-app .bradcam_area p {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    text-transform: capitalize; }
  .mobile-app .bradcam_area p a {
    color: #fff; }
  .mobile-app .bradcam_area p a:hover {
    color: #fff; }
  .mobile-app .popup_box {
    background: #fff;
    display: inline-block;
    z-index: 9;
    width: 558px; }
  .mobile-app .popup_box .boxed-btn3 {
    width: 100%;
    text-transform: capitalize; }
  .mobile-app .popup_box .popup_header {
    background: #F5FBFF;
    padding: 28px 0;
    display: block; }
  .mobile-app .popup_box .popup_header h3 {
    text-align: center;
    font-size: 20px;
    color: #2C2C2C;
    margin-bottom: 0;
    font-weight: 400; }
  .mobile-app .popup_box .custom_form {
    padding: 60px 68px; }
  .mobile-app .popup_box input {
    width: 100%;
    height: 50px;
    border: none;
    border-bottom: 1px solid #C7C7C7;
    padding: 15px 0;
    margin-bottom: 20px; }
  .mobile-app .popup_box input::-webkit-input-placeholder {
    color: #919191;
    font-weight: 400; }
  .mobile-app .popup_box input:-ms-input-placeholder {
    color: #919191;
    font-weight: 400; }
  .mobile-app .popup_box input::placeholder {
    color: #919191;
    font-weight: 400; }
  .mobile-app .popup_box input:focus {
    outline: none; }
  .mobile-app .popup_box textarea {
    width: 100%;
    border: none;
    margin-top: 112px;
    border-bottom: 1px solid #C7C7C7;
    padding: 15px 0;
    margin-bottom: 20px;
    height: 55px;
    resize: none;
    margin-bottom: 40px; }
  .mobile-app .popup_box textarea::-webkit-input-placeholder {
    color: #919191;
    font-weight: 400; }
  .mobile-app .popup_box textarea:-ms-input-placeholder {
    color: #919191;
    font-weight: 400; }
  .mobile-app .popup_box textarea::placeholder {
    color: #919191;
    font-weight: 400; }
  .mobile-app .popup_box textarea:focus {
    outline: none; }
  .mobile-app .popup_box .nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    /* border-radius: 5px; */
    border: solid 1px #E2E2E2;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: "Poppins", sans-serif;
    font-weight: normal;
    width: 100% !important;
    /* height: 42px; */
    line-height: 50px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
    border-radius: 0;
    margin-bottom: 30px;
    height: 50px !important;
    font-size: 16px;
    font-weight: 400;
    color: #919191; }
  .mobile-app .popup_box .nice-select::after {
    content: "\f0d7";
    display: block;
    height: 5px;
    margin-top: -5px;
    pointer-events: none;
    position: absolute;
    right: 17px;
    top: 3px;
    transition: all 0.15s ease-in-out;
    width: 5px;
    font-family: fontawesome;
    color: #919191;
    font-size: 15px; }
  .mobile-app .popup_box .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    height: 200px;
    overflow-y: scroll; }
  .mobile-app .popup_box .nice-select.list {
    height: 200px;
    overflow-y: scroll; }
  .mobile-app #test-form {
    display: inline-block;
    margin: auto;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .mobile-app #test-form .mfp-close-btn-in .mfp-close {
    color: #333;
    display: none !important; }
  .mobile-app #test-form button.mfp-close {
    display: none !important; }
  .mobile-app .mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #000000;
    opacity: .7; }
  .mobile-app .our_department_area {
    background: #F5FBFF;
    padding-top: 120px;
    padding-bottom: 90px; }
  .mobile-app .our_department_area .single_department {
    background: #fff;
    margin-bottom: 30px;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.04); }
  .mobile-app .our_department_area .single_department .department_thumb {
    overflow: hidden;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px; }
  .mobile-app .our_department_area .single_department .department_thumb img {
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: 0.3s; }
  .mobile-app .our_department_area .single_department .department_content {
    padding: 22px 30px 24px 30px; }
  .mobile-app .our_department_area .single_department .department_content h3 {
    margin-bottom: 0; }
  .mobile-app .our_department_area .single_department .department_content h3 a {
    font-size: 22px;
    color: #1F1F1F;
    line-height: 33px;
    font-weight: 500; }
  .mobile-app .our_department_area .single_department .department_content h3 a:hover {
    color: #5DB2FF; }
  .mobile-app .our_department_area .single_department .department_content p {
    font-size: 16px;
    line-height: 28px;
    color: #727272;
    margin-top: 5px;
    margin-bottom: 10px; }
  .mobile-app .our_department_area .single_department .department_content a.learn_more {
    color: #5DB2FF;
    font-size: 16px; }
  .mobile-app .our_department_area .single_department .department_content a.learn_more:hover {
    text-decoration: underline; }
  .mobile-app .our_department_area .single_department:hover .department_thumb img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); }
  .mobile-app .testmonial_area {
    background-image: url(../img/banner/testmonial.png);
    padding: 196px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 0; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 1, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_tesmonial.scss */ }
      .mobile-app .testmonial_area {
        padding: 100px 0; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 1, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_tesmonial.scss */ }
      .mobile-app .testmonial_area {
        padding: 100px 0; } }
  .mobile-app .testmonial_area::before {
    position: absolute;
    content: "";
    background: #5DB2FF;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: .9;
    z-index: -1; }
  .mobile-app .testmonial_area .section_title h3 {
    color: #fff;
    margin-bottom: 0;
    padding-bottom: 0; }
  .mobile-app .testmonial_area p {
    color: #fff;
    font-size: 20px;
    line-height: 34px;
    font-weight: 400;
    margin-top: 80px;
    margin-bottom: 26px;
    text-decoration: underline; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 33, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_tesmonial.scss */ }
      .mobile-app .testmonial_area p {
        margin-top: 30px; } }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 44, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_tesmonial.scss */ }
      .mobile-app .testmonial_area p br {
        display: none; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 44, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_tesmonial.scss */ }
      .mobile-app .testmonial_area p br {
        display: none; } }
  @media (min-width: 992px) and (max-width: 1200px) {
    .mobile-app {
      /* line 44, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_tesmonial.scss */ }
      .mobile-app .testmonial_area p br {
        display: none; } }
  @media (min-width: 1200px) and (max-width: 1500px) {
    .mobile-app {
      /* line 44, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_tesmonial.scss */ }
      .mobile-app .testmonial_area p br {
        display: none; } }
  .mobile-app .testmonial_area .rating_author {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
            align-items: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
            justify-content: center; }
  .mobile-app .testmonial_area .rating_author i {
    font-size: 24px;
    color: #FFD35A;
    margin: 0 2px; }
  .mobile-app .testmonial_area .rating_author span {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase; }
  .mobile-app .testmonial_area .owl-carousel .owl-nav div {
    background: transparent;
    height: 40px;
    text-align: center;
    font-size: 13px;
    line-height: 40px;
    border: 1px solid #8FC6F6;
    left: 0;
    width: 40px;
    line-height: 40px; }
  .mobile-app .testmonial_area .owl-carousel .owl-nav div.owl-next {
    left: auto;
    right: 0; }
  .mobile-app .testmonial_area .owl-carousel .owl-nav div:hover {
    background: #0181F5; }
  .mobile-app .service_area {
    padding: 168px 0 60px 0; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 1, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_service.scss */ }
      .mobile-app .service_area {
        padding: 90px 0 30px 0; } }
  .mobile-app .service_area .section_title {
    margin-bottom: 80px; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 6, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_service.scss */ }
      .mobile-app .service_area .section_title {
        margin-bottom: 30px; } }
  .mobile-app .service_area .single_service {
    margin-bottom: 30px; }
  .mobile-app .service_area .single_service .thumb {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0181f5+0,5db2ff+100 */
    background: #0181f5;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #0181f5 0%, #5db2ff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0181f5', endColorstr='#5db2ff',GradientType=1 );
    /* IE6-9 */
    width: 110px;
    height: 110px;
    text-align: center;
    line-height: 110px;
    border-radius: 20px;
    margin: 0 auto 30px auto; }
  .mobile-app .service_area .single_service h3 {
    font-size: 24px;
    font-weight: 300;
    color: #2C2C2C;
    line-height: 38px; }
  .mobile-app .service_area .col-lg-4:nth-child(2) .single_service .thumb {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fdae5c+0,fd8e5e+100 */
    background: #fdae5c;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #fdae5c 0%, #fd8e5e 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdae5c', endColorstr='#fd8e5e',GradientType=1 );
    /* IE6-9 */ }
  .mobile-app .service_area .col-lg-4:nth-child(3) .single_service .thumb {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#37ef8d+0,37ef8d+100 */
    background: #37ef8d;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #37ef8d 0%, #37ef8d 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37ef8d', endColorstr='#37ef8d',GradientType=1 );
    /* IE6-9 */ }
  .mobile-app .service_area_2 {
    padding-top: 50px; }
  .mobile-app .service_area_2.plus_margin {
    margin-bottom: 180px; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 60, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_service.scss */ }
      .mobile-app .service_area_2.plus_margin {
        margin-bottom: 40px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 60, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_service.scss */ }
      .mobile-app .service_area_2.plus_margin {
        margin-bottom: 50px; } }
  .mobile-app .service_area_2 .man_thumb {
    text-align: center; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 69, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_service.scss */ }
      .mobile-app .service_area_2 .man_thumb {
        margin-bottom: 30px; } }
  .mobile-app .service_area_2 .man_thumb img {
    width: 100%; }
  .mobile-app .service_area_2 .mobile_screen {
    text-align: center; }
  .mobile-app .service_area_2 .mobile_screen img {
    width: 100%; }
  .mobile-app .service_area_2 .service_content_wrap {
    padding-top: 90px;
    padding-bottom: 60px;
    border-bottom: 1px solid #E8E8E8; }
  .mobile-app .service_area_2 .service_content_wrap .single_service {
    padding-right: 30px;
    margin-bottom: 30px; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 88, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_service.scss */ }
      .mobile-app .service_area_2 .service_content_wrap .single_service {
        padding-right: 0; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 88, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_service.scss */ }
      .mobile-app .service_area_2 .service_content_wrap .single_service {
        padding-right: 0; } }
  .mobile-app .service_area_2 .service_content_wrap .single_service span {
    font-size: 18px;
    font-weight: 300;
    color: #0181F5; }
  .mobile-app .service_area_2 .service_content_wrap .single_service h3 {
    font-size: 24px;
    font-weight: 400;
    color: #2C2C2C;
    margin-bottom: 12px;
    margin-top: 8px; }
  .mobile-app .service_area_2 .service_content_wrap .single_service p {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: #727272; }
  .mobile-app .expert_doctors_area {
    padding-top: 120px;
    padding-bottom: 120px; }
  .mobile-app .expert_doctors_area.doctor_page {
    padding-bottom: 80px; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 1, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_experts.scss */ }
      .mobile-app .expert_doctors_area {
        padding-top: 80px;
        padding-bottom: 80px; } }
  .mobile-app .expert_doctors_area .doctors_title h3 {
    font-size: 36px;
    font-weight: 500;
    color: #1F1F1F; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 12, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_experts.scss */ }
      .mobile-app .expert_doctors_area .doctors_title h3 {
        font-size: 24px; } }
  .mobile-app .expert_doctors_area .single_expert .expert_thumb {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden; }
  .mobile-app .expert_doctors_area .single_expert .expert_thumb img {
    transition: 0.3s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    width: 100%; }
  .mobile-app .expert_doctors_area .single_expert .experts_name {
    transition: 0.3s;
    background: #F5FBFF;
    padding-top: 16px;
    padding-bottom: 18px; }
  .mobile-app .expert_doctors_area .single_expert .experts_name h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 1px;
    transition: 0.3s; }
  .mobile-app .expert_doctors_area .single_expert .experts_name span {
    color: #919191;
    font-size: 13px;
    transition: 0.3s; }
  .mobile-app .expert_doctors_area .single_expert:hover .expert_thumb img {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03); }
  .mobile-app .expert_doctors_area .single_expert:hover .experts_name {
    background: #5DB2FF; }
  .mobile-app .expert_doctors_area .single_expert:hover .experts_name h3 {
    color: #fff; }
  .mobile-app .expert_doctors_area .single_expert:hover .experts_name span {
    color: #fff; }
  .mobile-app .expert_doctors_area .owl-carousel .owl-nav div {
    background: transparent;
    height: 40px;
    left: 0px;
    text-align: center;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    width: 40px;
    color: #919191;
    background-color: transparent;
    border-radius: 5px;
    font-size: 15px;
    line-height: 40px;
    border: 1px solid #EEEEEE;
    left: auto;
    left: auto;
    top: -100px;
    right: 55px; }
  .mobile-app .expert_doctors_area .owl-carousel .owl-nav div.owl-next {
    left: auto;
    right: 0; }
  .mobile-app .expert_doctors_area .owl-carousel .owl-nav div.owl-next i {
    position: relative;
    right: 0; }
  .mobile-app .expert_doctors_area .owl-carousel .owl-nav div.owl-prev i {
    position: relative;
    top: 0px; }
  .mobile-app .Emergency_contact .single_emergency {
    padding: 91px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 3, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_emergency_contact.scss */ }
      .mobile-app .Emergency_contact .single_emergency {
        padding: 40px;
        display: block !important; } }
  .mobile-app .Emergency_contact .single_emergency .info {
    margin-right: 30px; }
  .mobile-app .Emergency_contact .single_emergency .info h3 {
    font-size: 26px;
    font-weight: 500;
    color: #fff; }
  @media (min-width: 1200px) and (max-width: 1500px) {
    .mobile-app {
      /* line 14, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_emergency_contact.scss */ }
      .mobile-app .Emergency_contact .single_emergency .info h3 {
        font-size: 20px; } }
  .mobile-app .Emergency_contact .single_emergency .info p {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 0; }
  .mobile-app .Emergency_contact .single_emergency .info_button a {
    border-radius: 30px; }
  .mobile-app .emergency_bg_1 {
    background-image: url(../img/banner/emergency-1.png); }
  .mobile-app .emergency_bg_2 {
    background-image: url(../img/banner/emergency-2.png); }
  .mobile-app .prising_area {
    padding-top: 170px;
    padding-bottom: 150px; }
  .mobile-app .prising_area.minus_padding {
    padding-bottom: 0; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 1, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_prising.scss */ }
      .mobile-app .prising_area {
        padding: 50px 0 20px 0; } }
  .mobile-app .prising_area .section_title {
    padding-bottom: 90px; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 10, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_prising.scss */ }
      .mobile-app .prising_area .section_title {
        padding-bottom: 30px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 10, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_prising.scss */ }
      .mobile-app .prising_area .section_title {
        padding-bottom: 50px; } }
  .mobile-app .prising_area .single_prising {
    margin-bottom: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    padding-bottom: 40px; }
  .mobile-app .prising_area .single_prising .prising_header {
    background: #E9F4FE;
    padding: 28px 35px; }
  .mobile-app .prising_area .single_prising .prising_header h3 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0; }
  .mobile-app .prising_area .single_prising .prising_header span {
    font-size: 20px;
    font-weight: 500;
    color: #0181F5;
    line-height: 20px; }
  .mobile-app .prising_area .single_prising .prising_header.green_header {
    background: #E8FCF1; }
  .mobile-app .prising_area .single_prising .prising_header.green_header span {
    color: #00D363; }
  .mobile-app .prising_area .single_prising .prising_header.pink_header {
    background: #FEF4EE; }
  .mobile-app .prising_area .single_prising .prising_header.pink_header span {
    color: #FDAE5C; }
  .mobile-app .prising_area .single_prising ul {
    margin-top: 30px;
    margin-bottom: 30px; }
  .mobile-app .prising_area .single_prising ul li {
    font-size: 16px;
    line-height: 30px;
    color: #727272;
    margin-bottom: 30px; }
  .mobile-app .prising_area .single_prising ul li:last-child {
    margin-bottom: 0; }
  .mobile-app .dropdown .dropdown-menu {
    transition: all 0.3s; }
  .mobile-app .contact-info {
    margin-bottom: 25px; }
  .mobile-app .contact-info__icon {
    margin-right: 20px; }
  .mobile-app .contact-info__icon i, .mobile-app .contact-info__icon span {
    color: #8f9195;
    font-size: 27px; }
  .mobile-app .contact-info .media-body h3 {
    font-size: 16px;
    margin-bottom: 0;
    font-size: 16px;
    color: #2a2a2a; }
  .mobile-app .contact-info .media-body h3 a:hover {
    color: #ff5e13; }
  .mobile-app .contact-info .media-body p {
    color: #8a8a8a; }
  .mobile-app .contact-title {
    font-size: 27px;
    font-weight: 600;
    margin-bottom: 20px; }
  .mobile-app .form-contact label {
    font-size: 14px; }
  .mobile-app .form-contact .form-group {
    margin-bottom: 30px; }
  .mobile-app .form-contact .form-control {
    border: 1px solid #e5e6e9;
    border-radius: 0px;
    height: 48px;
    padding-left: 18px;
    font-size: 13px;
    background: transparent; }
  .mobile-app .form-contact .form-control:focus {
    outline: 0;
    box-shadow: none; }
  .mobile-app .form-contact .form-control::-webkit-input-placeholder {
    font-weight: 300;
    color: #999999; }
  .mobile-app .form-contact .form-control:-ms-input-placeholder {
    font-weight: 300;
    color: #999999; }
  .mobile-app .form-contact .form-control::placeholder {
    font-weight: 300;
    color: #999999; }
  .mobile-app .form-contact textarea {
    border-radius: 0px;
    height: 100% !important; }
  .mobile-app .modal-message .modal-dialog {
    position: absolute;
    top: 36%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) !important;
        -ms-transform: translateX(-50%) translateY(-50%) !important;
            transform: translateX(-50%) translateY(-50%) !important;
    margin: 0px;
    max-width: 500px;
    width: 100%; }
  .mobile-app .modal-message .modal-dialog .modal-content .modal-header {
    text-align: center;
    display: block;
    border-bottom: none;
    padding-top: 50px;
    padding-bottom: 50px; }
  .mobile-app .modal-message .modal-dialog .modal-content .modal-header .close {
    position: absolute;
    right: -15px;
    top: -15px;
    padding: 0px;
    color: #fff;
    opacity: 1;
    cursor: pointer; }
  .mobile-app .modal-message .modal-dialog .modal-content .modal-header h2 {
    display: block;
    text-align: center;
    padding-bottom: 10px; }
  .mobile-app .modal-message .modal-dialog .modal-content .modal-header p {
    display: block; }
  .mobile-app .contact-section {
    padding: 130px 0 100px; }
  @media (max-width: 991px) {
    .mobile-app {
      /* line 133, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_contact.scss */ }
      .mobile-app .contact-section {
        padding: 70px 0 40px; } }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .mobile-app {
      /* line 133, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_contact.scss */ }
      .mobile-app .contact-section {
        padding: 80px 0 50px; } }
  .mobile-app .contact-section .btn_2 {
    background-color: #191d34;
    padding: 18px 60px;
    border-radius: 50px;
    margin-top: 0; }
  .mobile-app .contact-section .btn_2:hover {
    background-color: #ff5e13; }
  .mobile-app .sample-text-area {
    background: #fff;
    padding: 100px 0 70px 0; }
  .mobile-app .text-heading {
    margin-bottom: 30px;
    font-size: 24px; }
  .mobile-app b,
  .mobile-app sup,
  .mobile-app sub,
  .mobile-app u,
  .mobile-app del {
    color: #ff5e13; }
  .mobile-app h1 {
    font-size: 36px; }
  .mobile-app h2 {
    font-size: 30px; }
  .mobile-app h3 {
    font-size: 24px; }
  .mobile-app h4 {
    font-size: 18px; }
  .mobile-app h5 {
    font-size: 16px; }
  .mobile-app h6 {
    font-size: 14px; }
  .mobile-app h1,
  .mobile-app h2,
  .mobile-app h3,
  .mobile-app h4,
  .mobile-app h5,
  .mobile-app h6 {
    line-height: 1.2em; }
  .mobile-app .typography h1,
  .mobile-app .typography h2,
  .mobile-app .typography h3,
  .mobile-app .typography h4,
  .mobile-app .typography h5,
  .mobile-app .typography h6 {
    color: #828bb2; }
  .mobile-app .button-area {
    background: #fff; }
  .mobile-app .button-area .border-top-generic {
    padding: 70px 15px;
    border-top: 1px dotted #eee; }
  .mobile-app .button-group-area .genric-btn {
    margin-right: 10px;
    margin-top: 10px; }
  .mobile-app .button-group-area .genric-btn:last-child {
    margin-right: 0; }
  .mobile-app .genric-btn {
    display: inline-block;
    outline: none;
    line-height: 40px;
    padding: 0 30px;
    font-size: .8em;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease 0s; }
  .mobile-app .genric-btn:focus {
    outline: none; }
  .mobile-app .genric-btn.e-large {
    padding: 0 40px;
    line-height: 50px; }
  .mobile-app .genric-btn.large {
    line-height: 45px; }
  .mobile-app .genric-btn.medium {
    line-height: 30px; }
  .mobile-app .genric-btn.small {
    line-height: 25px; }
  .mobile-app .genric-btn.radius {
    border-radius: 3px; }
  .mobile-app .genric-btn.circle {
    border-radius: 20px; }
  .mobile-app .genric-btn.arrow {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
            align-items: center; }
  .mobile-app .genric-btn.arrow span {
    margin-left: 10px; }
  .mobile-app .genric-btn.default {
    color: #415094;
    background: #f9f9ff;
    border: 1px solid transparent; }
  .mobile-app .genric-btn.default:hover {
    border: 1px solid #f9f9ff;
    background: #fff; }
  .mobile-app .genric-btn.default-border {
    border: 1px solid #f9f9ff;
    background: #fff; }
  .mobile-app .genric-btn.default-border:hover {
    color: #415094;
    background: #f9f9ff;
    border: 1px solid transparent; }
  .mobile-app .genric-btn.primary {
    color: #fff;
    background: #ff5e13;
    border: 1px solid transparent; }
  .mobile-app .genric-btn.primary:hover {
    color: #ff5e13;
    border: 1px solid #ff5e13;
    background: #fff; }
  .mobile-app .genric-btn.primary-border {
    color: #ff5e13;
    border: 1px solid #ff5e13;
    background: #fff; }
  .mobile-app .genric-btn.primary-border:hover {
    color: #fff;
    background: #ff5e13;
    border: 1px solid transparent; }
  .mobile-app .genric-btn.success {
    color: #fff;
    background: #4cd3e3;
    border: 1px solid transparent; }
  .mobile-app .genric-btn.success:hover {
    color: #4cd3e3;
    border: 1px solid #4cd3e3;
    background: #fff; }
  .mobile-app .genric-btn.success-border {
    color: #4cd3e3;
    border: 1px solid #4cd3e3;
    background: #fff; }
  .mobile-app .genric-btn.success-border:hover {
    color: #fff;
    background: #4cd3e3;
    border: 1px solid transparent; }
  .mobile-app .genric-btn.info {
    color: #fff;
    background: #38a4ff;
    border: 1px solid transparent; }
  .mobile-app .genric-btn.info:hover {
    color: #38a4ff;
    border: 1px solid #38a4ff;
    background: #fff; }
  .mobile-app .genric-btn.info-border {
    color: #38a4ff;
    border: 1px solid #38a4ff;
    background: #fff; }
  .mobile-app .genric-btn.info-border:hover {
    color: #fff;
    background: #38a4ff;
    border: 1px solid transparent; }
  .mobile-app .genric-btn.warning {
    color: #fff;
    background: #f4e700;
    border: 1px solid transparent; }
  .mobile-app .genric-btn.warning:hover {
    color: #f4e700;
    border: 1px solid #f4e700;
    background: #fff; }
  .mobile-app .genric-btn.warning-border {
    color: #f4e700;
    border: 1px solid #f4e700;
    background: #fff; }
  .mobile-app .genric-btn.warning-border:hover {
    color: #fff;
    background: #f4e700;
    border: 1px solid transparent; }
  .mobile-app .genric-btn.danger {
    color: #fff;
    background: #f44a40;
    border: 1px solid transparent; }
  .mobile-app .genric-btn.danger:hover {
    color: #f44a40;
    border: 1px solid #f44a40;
    background: #fff; }
  .mobile-app .genric-btn.danger-border {
    color: #f44a40;
    border: 1px solid #f44a40;
    background: #fff; }
  .mobile-app .genric-btn.danger-border:hover {
    color: #fff;
    background: #f44a40;
    border: 1px solid transparent; }
  .mobile-app .genric-btn.link {
    color: #415094;
    background: #f9f9ff;
    text-decoration: underline;
    border: 1px solid transparent; }
  .mobile-app .genric-btn.link:hover {
    color: #415094;
    border: 1px solid #f9f9ff;
    background: #fff; }
  .mobile-app .genric-btn.link-border {
    color: #415094;
    border: 1px solid #f9f9ff;
    background: #fff;
    text-decoration: underline; }
  .mobile-app .genric-btn.link-border:hover {
    color: #415094;
    background: #f9f9ff;
    border: 1px solid transparent; }
  .mobile-app .genric-btn.disable {
    color: #222222, 0.3;
    background: #f9f9ff;
    border: 1px solid transparent;
    cursor: not-allowed; }
  .mobile-app .generic-blockquote {
    padding: 30px 50px 30px 30px;
    background: #f9f9ff;
    border-left: 2px solid #ff5e13; }
  .mobile-app .progress-table-wrap {
    overflow-x: scroll; }
  .mobile-app .progress-table {
    background: #f9f9ff;
    padding: 15px 0px 30px 0px;
    min-width: 800px; }
  .mobile-app .progress-table .serial {
    width: 11.83%;
    padding-left: 30px; }
  .mobile-app .progress-table .country {
    width: 28.07%; }
  .mobile-app .progress-table .visit {
    width: 19.74%; }
  .mobile-app .progress-table .percentage {
    width: 40.36%;
    padding-right: 50px; }
  .mobile-app .progress-table .table-head {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .mobile-app .progress-table .table-head .serial,
  .mobile-app .progress-table .table-head .country,
  .mobile-app .progress-table .table-head .visit,
  .mobile-app .progress-table .table-head .percentage {
    color: #415094;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 500; }
  .mobile-app .progress-table .table-row {
    padding: 15px 0;
    border-top: 1px solid #edf3fd;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .mobile-app .progress-table .table-row .serial,
  .mobile-app .progress-table .table-row .country,
  .mobile-app .progress-table .table-row .visit,
  .mobile-app .progress-table .table-row .percentage {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .mobile-app .progress-table .table-row .country img {
    margin-right: 15px; }
  .mobile-app .progress-table .table-row .percentage .progress {
    width: 80%;
    border-radius: 0px;
    background: transparent; }
  .mobile-app .progress-table .table-row .percentage .progress .progress-bar {
    height: 5px;
    line-height: 5px; }
  .mobile-app .progress-table .table-row .percentage .progress .progress-bar.color-1 {
    background-color: #6382e6; }
  .mobile-app .progress-table .table-row .percentage .progress .progress-bar.color-2 {
    background-color: #e66686; }
  .mobile-app .progress-table .table-row .percentage .progress .progress-bar.color-3 {
    background-color: #f09359; }
  .mobile-app .progress-table .table-row .percentage .progress .progress-bar.color-4 {
    background-color: #73fbaf; }
  .mobile-app .progress-table .table-row .percentage .progress .progress-bar.color-5 {
    background-color: #73fbaf; }
  .mobile-app .progress-table .table-row .percentage .progress .progress-bar.color-6 {
    background-color: #6382e6; }
  .mobile-app .progress-table .table-row .percentage .progress .progress-bar.color-7 {
    background-color: #a367e7; }
  .mobile-app .progress-table .table-row .percentage .progress .progress-bar.color-8 {
    background-color: #e66686; }
  .mobile-app .single-gallery-image {
    margin-top: 30px;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    height: 200px; }
  .mobile-app .list-style {
    width: 14px;
    height: 14px; }
  .mobile-app .unordered-list li {
    position: relative;
    padding-left: 30px;
    line-height: 1.82em !important; }
  .mobile-app .unordered-list li:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border: 3px solid #ff5e13;
    background: #fff;
    top: 4px;
    left: 0;
    border-radius: 50%; }
  .mobile-app .ordered-list {
    margin-left: 30px; }
  .mobile-app .ordered-list li {
    list-style-type: decimal-leading-zero;
    color: #ff5e13;
    font-weight: 500;
    line-height: 1.82em !important; }
  .mobile-app .ordered-list li span {
    font-weight: 300;
    color: #828bb2; }
  .mobile-app .ordered-list-alpha li {
    margin-left: 30px;
    list-style-type: lower-alpha;
    color: #ff5e13;
    font-weight: 500;
    line-height: 1.82em !important; }
  .mobile-app .ordered-list-alpha li span {
    font-weight: 300;
    color: #828bb2; }
  .mobile-app .ordered-list-roman li {
    margin-left: 30px;
    list-style-type: lower-roman;
    color: #ff5e13;
    font-weight: 500;
    line-height: 1.82em !important; }
  .mobile-app .ordered-list-roman li span {
    font-weight: 300;
    color: #828bb2; }
  .mobile-app .single-input {
    display: block;
    width: 100%;
    line-height: 40px;
    border: none;
    outline: none;
    background: #f9f9ff;
    padding: 0 20px; }
  .mobile-app .single-input:focus {
    outline: none; }
  .mobile-app .input-group-icon {
    position: relative; }
  .mobile-app .input-group-icon .icon {
    position: absolute;
    left: 20px;
    top: 0;
    line-height: 40px;
    z-index: 3; }
  .mobile-app .input-group-icon .icon i {
    color: #797979; }
  .mobile-app .input-group-icon .single-input {
    padding-left: 45px; }
  .mobile-app .single-textarea {
    display: block;
    width: 100%;
    line-height: 40px;
    border: none;
    outline: none;
    background: #f9f9ff;
    padding: 0 20px;
    height: 100px;
    resize: none; }
  .mobile-app .single-textarea:focus {
    outline: none; }
  .mobile-app .single-input-primary {
    display: block;
    width: 100%;
    line-height: 40px;
    border: 1px solid transparent;
    outline: none;
    background: #f9f9ff;
    padding: 0 20px; }
  .mobile-app .single-input-primary:focus {
    outline: none;
    border: 1px solid #ff5e13; }
  .mobile-app .single-input-accent {
    display: block;
    width: 100%;
    line-height: 40px;
    border: 1px solid transparent;
    outline: none;
    background: #f9f9ff;
    padding: 0 20px; }
  .mobile-app .single-input-accent:focus {
    outline: none;
    border: 1px solid #eb6b55; }
  .mobile-app .single-input-secondary {
    display: block;
    width: 100%;
    line-height: 40px;
    border: 1px solid transparent;
    outline: none;
    background: #f9f9ff;
    padding: 0 20px; }
  .mobile-app .single-input-secondary:focus {
    outline: none;
    border: 1px solid #f09359; }
  .mobile-app .default-switch {
    width: 35px;
    height: 17px;
    border-radius: 8.5px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer; }
  .mobile-app .default-switch input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer; }
  .mobile-app .default-switch input + label {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #ff5e13;
    transition: all 0.2s;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
    cursor: pointer; }
  .mobile-app .default-switch input:checked + label {
    left: 19px; }
  .mobile-app .primary-switch {
    width: 35px;
    height: 17px;
    border-radius: 8.5px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer; }
  .mobile-app .primary-switch input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0; }
  .mobile-app .primary-switch input + label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%; }
  .mobile-app .primary-switch input + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    border-radius: 8.5px;
    cursor: pointer;
    transition: all 0.2s; }
  .mobile-app .primary-switch input + label:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    transition: all 0.2s;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
    cursor: pointer; }
  .mobile-app .primary-switch input:checked + label:after {
    left: 19px; }
  .mobile-app .primary-switch input:checked + label:before {
    background: #ff5e13; }
  .mobile-app .confirm-switch {
    width: 35px;
    height: 17px;
    border-radius: 8.5px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer; }
  .mobile-app .confirm-switch input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0; }
  .mobile-app .confirm-switch input + label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%; }
  .mobile-app .confirm-switch input + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    border-radius: 8.5px;
    transition: all 0.2s;
    cursor: pointer; }
  .mobile-app .confirm-switch input + label:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    transition: all 0.2s;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
    cursor: pointer; }
  .mobile-app .confirm-switch input:checked + label:after {
    left: 19px; }
  .mobile-app .confirm-switch input:checked + label:before {
    background: #4cd3e3; }
  .mobile-app .primary-checkbox {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer; }
  .mobile-app .primary-checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0; }
  .mobile-app .primary-checkbox input + label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #f1f1f1; }
  .mobile-app .primary-checkbox input:checked + label {
    background: url(../img/elements/primary-check.png) no-repeat center center/cover;
    border: none; }
  .mobile-app .confirm-checkbox {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer; }
  .mobile-app .confirm-checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0; }
  .mobile-app .confirm-checkbox input + label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #f1f1f1; }
  .mobile-app .confirm-checkbox input:checked + label {
    background: url(../img/elements/success-check.png) no-repeat center center/cover;
    border: none; }
  .mobile-app .disabled-checkbox {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer; }
  .mobile-app .disabled-checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0; }
  .mobile-app .disabled-checkbox input + label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #f1f1f1; }
  .mobile-app .disabled-checkbox input:disabled {
    cursor: not-allowed;
    z-index: 3; }
  .mobile-app .disabled-checkbox input:checked + label {
    background: url(../img/elements/disabled-check.png) no-repeat center center/cover;
    border: none; }
  .mobile-app .primary-radio {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer; }
  .mobile-app .primary-radio input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0; }
  .mobile-app .primary-radio input + label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    cursor: pointer;
    border: 1px solid #f1f1f1; }
  .mobile-app .primary-radio input:checked + label {
    background: url(../img/elements/primary-radio.png) no-repeat center center/cover;
    border: none; }
  .mobile-app .confirm-radio {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer; }
  .mobile-app .confirm-radio input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0; }
  .mobile-app .confirm-radio input + label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    cursor: pointer;
    border: 1px solid #f1f1f1; }
  .mobile-app .confirm-radio input:checked + label {
    background: url(../img/elements/success-radio.png) no-repeat center center/cover;
    border: none; }
  .mobile-app .disabled-radio {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer; }
  .mobile-app .disabled-radio input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0; }
  .mobile-app .disabled-radio input + label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    cursor: pointer;
    border: 1px solid #f1f1f1; }
  .mobile-app .disabled-radio input:disabled {
    cursor: not-allowed;
    z-index: 3; }
  .mobile-app .disabled-radio input:checked + label {
    background: url(../img/elements/disabled-radio.png) no-repeat center center/cover;
    border: none; }
  .mobile-app .default-select {
    height: 40px; }
  .mobile-app .default-select .nice-select {
    border: none;
    border-radius: 0px;
    height: 40px;
    background: #f9f9ff;
    padding-left: 20px;
    padding-right: 40px; }
  .mobile-app .default-select .nice-select .list {
    margin-top: 0;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    width: 100%;
    padding: 10px 0 10px 0px; }
  .mobile-app .default-select .nice-select .list .option {
    font-weight: 300;
    transition: all 0.3s ease 0s;
    line-height: 28px;
    min-height: 28px;
    font-size: 12px;
    padding-left: 20px; }
  .mobile-app .default-select .nice-select .list .option.selected {
    color: #ff5e13;
    background: transparent; }
  .mobile-app .default-select .nice-select .list .option:hover {
    color: #ff5e13;
    background: transparent; }
  .mobile-app .default-select .current {
    margin-right: 50px;
    font-weight: 300; }
  .mobile-app .default-select .nice-select::after {
    right: 20px; }
  .mobile-app .form-select {
    height: 40px;
    width: 100%; }
  .mobile-app .form-select .nice-select {
    border: none;
    border-radius: 0px;
    height: 40px;
    background: #f9f9ff;
    padding-left: 45px;
    padding-right: 40px;
    width: 100%; }
  .mobile-app .form-select .nice-select .list {
    margin-top: 0;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    width: 100%;
    padding: 10px 0 10px 0px; }
  .mobile-app .form-select .nice-select .list .option {
    font-weight: 300;
    transition: all 0.3s ease 0s;
    line-height: 28px;
    min-height: 28px;
    font-size: 12px;
    padding-left: 45px; }
  .mobile-app .form-select .nice-select .list .option.selected {
    color: #ff5e13;
    background: transparent; }
  .mobile-app .form-select .nice-select .list .option:hover {
    color: #ff5e13;
    background: transparent; }
  .mobile-app .form-select .current {
    margin-right: 50px;
    font-weight: 300; }
  .mobile-app .form-select .nice-select::after {
    right: 20px; }
  .mobile-app .mt-10 {
    margin-top: 10px; }
  .mobile-app .section-top-border {
    padding: 50px 0;
    border-top: 1px dotted #eee; }
  .mobile-app .mb-30 {
    margin-bottom: 30px; }
  .mobile-app .mt-30 {
    margin-top: 30px; }
  .mobile-app .switch-wrap {
    margin-bottom: 10px; }
  .mobile-app .latest-blog-area .area-heading {
    margin-bottom: 70px; }
  .mobile-app .blog_area a {
    color: #666666 !important;
    text-decoration: none;
    transition: 0.5s; }
  .mobile-app .blog_area a:hover, .mobile-app .blog_area a :hover {
    background: -webkit-linear-gradient(131deg, #48B6FB 0%, #48B6FB 99%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-decoration: none;
    transition: 0.5s; }
  .mobile-app .single-blog {
    overflow: hidden;
    margin-bottom: 30px; }
  .mobile-app .single-blog:hover {
    box-shadow: 0px 10px 20px 0px rgba(42, 34, 123, 0.1); }
  .mobile-app .single-blog .thumb {
    overflow: hidden;
    position: relative; }
  .mobile-app .single-blog .thumb:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    transition: 0.5s; }
  .mobile-app .single-blog h4 {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 34px;
    margin-bottom: 25px; }
  .mobile-app .single-blog a {
    font-size: 20px;
    font-weight: 600; }
  .mobile-app .single-blog .date {
    color: #666666;
    text-align: left;
    display: inline-block;
    font-size: 13px;
    font-weight: 300; }
  .mobile-app .single-blog .tag {
    text-align: left;
    display: inline-block;
    float: left;
    font-size: 13px;
    font-weight: 300;
    margin-right: 22px;
    position: relative; }
  .mobile-app .single-blog .tag:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 10px;
    background: #acacac;
    right: -12px;
    top: 7px; }
  @media (max-width: 1199px) {
    .mobile-app {
      /* line 74, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
      /* line 98, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */ }
      .mobile-app .single-blog .tag {
        margin-right: 8px; }
      .mobile-app .single-blog .tag:after {
        display: none; } }
  .mobile-app .single-blog .likes {
    margin-right: 16px; }
  @media (max-width: 800px) {
    .mobile-app {
      /* line 24, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */ }
      .mobile-app .single-blog {
        margin-bottom: 30px; } }
  .mobile-app .single-blog .single-blog-content {
    padding: 30px; }
  .mobile-app .single-blog .single-blog-content .meta-bottom p {
    font-size: 13px;
    font-weight: 300; }
  .mobile-app .single-blog .single-blog-content .meta-bottom i {
    color: #fdcb9e;
    font-size: 13px;
    margin-right: 7px; }
  @media (max-width: 1199px) {
    .mobile-app {
      /* line 112, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */ }
      .mobile-app .single-blog .single-blog-content {
        padding: 15px; } }
  .mobile-app .single-blog:hover .thumb:after {
    opacity: .7;
    transition: 0.5s; }
  @media (max-width: 1199px) {
    .mobile-app {
      /* line 143, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
      /* line 149, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */ }
      .mobile-app .single-blog h4 {
        transition: all 300ms linear 0s;
        border-bottom: 1px solid #dfdfdf;
        padding-bottom: 14px;
        margin-bottom: 12px; }
      .mobile-app .single-blog h4 a {
        font-size: 18px; } }
  .mobile-app .full_image.single-blog {
    position: relative; }
  .mobile-app .full_image.single-blog .single-blog-content {
    position: absolute;
    left: 35px;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s; }
  @media (min-width: 992px) {
    .mobile-app {
      /* line 160, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */ }
      .mobile-app .full_image.single-blog .single-blog-content {
        bottom: 100px; } }
  .mobile-app .full_image.single-blog h4 {
    transition: 0.5s;
    border-bottom: none;
    padding-bottom: 5px; }
  .mobile-app .full_image.single-blog a {
    font-size: 20px;
    font-weight: 600; }
  .mobile-app .full_image.single-blog .date {
    color: #fff; }
  .mobile-app .full_image.single-blog:hover .single-blog-content {
    opacity: 1;
    visibility: visible;
    transition: 0.5s; }
  .mobile-app .l_blog_item .l_blog_text .date {
    margin-top: 24px;
    margin-bottom: 15px; }
  .mobile-app .l_blog_item .l_blog_text .date a {
    font-size: 12px; }
  .mobile-app .l_blog_item .l_blog_text h4 {
    font-size: 18px;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 0px;
    padding-bottom: 20px;
    transition: 0.5s; }
  .mobile-app .l_blog_item .l_blog_text p {
    margin-bottom: 0px;
    padding-top: 20px; }
  .mobile-app .causes_slider .owl-dots {
    text-align: center;
    margin-top: 80px; }
  .mobile-app .causes_slider .owl-dots .owl-dot {
    height: 14px;
    width: 14px;
    background: #eeeeee;
    display: inline-block;
    margin-right: 7px; }
  .mobile-app .causes_slider .owl-dots .owl-dot:last-child {
    margin-right: 0px; }
  .mobile-app .causes_item {
    background: #fff; }
  .mobile-app .causes_item .causes_img {
    position: relative; }
  .mobile-app .causes_item .causes_img .c_parcent {
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
    height: 3px;
    background: rgba(255, 255, 255, 0.5); }
  .mobile-app .causes_item .causes_img .c_parcent span {
    width: 70%;
    height: 3px;
    position: absolute;
    left: 0px;
    bottom: 0px; }
  .mobile-app .causes_item .causes_img .c_parcent span:before {
    content: "75%";
    position: absolute;
    right: -10px;
    bottom: 0px;
    color: #fff;
    padding: 0px 5px; }
  .mobile-app .causes_item .causes_text {
    padding: 30px 35px 40px 30px; }
  .mobile-app .causes_item .causes_text h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    cursor: pointer; }
  .mobile-app .causes_item .causes_text p {
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 0px; }
  .mobile-app .causes_item .causes_bottom a {
    width: 50%;
    border: 1px solid;
    text-align: center;
    float: left;
    line-height: 50px;
    color: #fff;
    font-size: 14px;
    font-weight: 500; }
  .mobile-app .causes_item .causes_bottom a + a {
    border-color: #eeeeee;
    background: #fff;
    font-size: 14px; }
  .mobile-app .latest_blog_area {
    background: #f9f9ff; }
  .mobile-app .single-recent-blog-post {
    margin-bottom: 30px; }
  .mobile-app .single-recent-blog-post .thumb {
    overflow: hidden; }
  .mobile-app .single-recent-blog-post .thumb img {
    transition: all 0.7s linear; }
  .mobile-app .single-recent-blog-post .details {
    padding-top: 30px; }
  .mobile-app .single-recent-blog-post .details .sec_h4 {
    line-height: 24px;
    padding: 10px 0px 13px;
    transition: all 0.3s linear; }
  .mobile-app .single-recent-blog-post .date {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400; }
  .mobile-app .single-recent-blog-post:hover img {
    -webkit-transform: scale(1.23) rotate(10deg);
        -ms-transform: scale(1.23) rotate(10deg);
            transform: scale(1.23) rotate(10deg); }
  .mobile-app .tags .tag_btn {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    border: 1px solid #eeeeee;
    display: inline-block;
    padding: 1px 18px;
    text-align: center; }
  .mobile-app .tags .tag_btn + .tag_btn {
    margin-left: 2px; }
  .mobile-app .blog_categorie_area {
    padding-top: 30px;
    padding-bottom: 30px; }
  @media (min-width: 900px) {
    .mobile-app {
      /* line 438, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */ }
      .mobile-app .blog_categorie_area {
        padding-top: 80px;
        padding-bottom: 80px; } }
  @media (min-width: 1100px) {
    .mobile-app {
      /* line 438, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */ }
      .mobile-app .blog_categorie_area {
        padding-top: 120px;
        padding-bottom: 120px; } }
  .mobile-app .categories_post {
    position: relative;
    text-align: center;
    cursor: pointer; }
  .mobile-app .categories_post img {
    max-width: 100%; }
  .mobile-app .categories_post .categories_details {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    background: rgba(34, 34, 34, 0.75);
    color: #fff;
    transition: all 0.3s linear;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .mobile-app .categories_post .categories_details h5 {
    margin-bottom: 0px;
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
    color: #fff;
    position: relative; }
  .mobile-app .categories_post .categories_details p {
    font-weight: 300;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 0px; }
  .mobile-app .categories_post .categories_details .border_line {
    margin: 10px 0px;
    background: #fff;
    width: 100%;
    height: 1px; }
  .mobile-app .categories_post:hover .categories_details {
    background: rgba(222, 99, 32, 0.85); }
  .mobile-app .blog_item {
    margin-bottom: 50px; }
  .mobile-app .blog_details {
    padding: 30px 0 20px 10px;
    box-shadow: 0px 10px 20px 0px rgba(221, 221, 221, 0.3); }
  @media (min-width: 768px) {
    .mobile-app {
      /* line 529, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */ }
      .mobile-app .blog_details {
        padding: 60px 30px 35px 35px; } }
  .mobile-app .blog_details p {
    margin-bottom: 30px; }
  .mobile-app .blog_details a {
    color: #ff8b23; }
  .mobile-app .blog_details a:hover {
    color: #42B3FA; }
  .mobile-app .blog_details h2 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px; }
  @media (min-width: 768px) {
    .mobile-app {
      /* line 549, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */ }
      .mobile-app .blog_details h2 {
        font-size: 24px;
        margin-bottom: 15px; } }
  .mobile-app .blog-info-link li {
    float: left;
    font-size: 14px; }
  .mobile-app .blog-info-link li a {
    color: #999999; }
  .mobile-app .blog-info-link li i,
  .mobile-app .blog-info-link li span {
    font-size: 13px;
    margin-right: 5px; }
  .mobile-app .blog-info-link li::after {
    content: "|";
    padding-left: 10px;
    padding-right: 10px; }
  .mobile-app .blog-info-link li:last-child::after {
    display: none; }
  .mobile-app .blog-info-link::after {
    content: "";
    display: block;
    clear: both;
    display: table; }
  .mobile-app .blog_item_img {
    position: relative; }
  .mobile-app .blog_item_img .blog_item_date {
    position: absolute;
    bottom: -10px;
    left: 10px;
    display: block;
    color: #fff;
    background-color: #48B6FB;
    padding: 8px 15px;
    border-radius: 5px; }
  @media (min-width: 768px) {
    .mobile-app {
      /* line 599, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */ }
      .mobile-app .blog_item_img .blog_item_date {
        bottom: -20px;
        left: 40px;
        padding: 13px 30px; } }
  .mobile-app .blog_item_img .blog_item_date h3 {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0;
    line-height: 1.2; }
  @media (min-width: 768px) {
    .mobile-app {
      /* line 615, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */ }
      .mobile-app .blog_item_img .blog_item_date h3 {
        font-size: 30px; } }
  .mobile-app .blog_item_img .blog_item_date p {
    font-size: 18px;
    margin-bottom: 0;
    color: #fff; }
  @media (min-width: 768px) {
    .mobile-app {
      /* line 627, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */ }
      .mobile-app .blog_item_img .blog_item_date p {
        font-size: 18px; } }
  .mobile-app .blog_right_sidebar .widget_title {
    font-size: 20px;
    margin-bottom: 40px; }
  .mobile-app .blog_right_sidebar .widget_title::after {
    content: "";
    display: block;
    padding-top: 15px;
    border-bottom: 1px solid #f0e9ff; }
  .mobile-app .blog_right_sidebar .single_sidebar_widget {
    background: #fbf9ff;
    padding: 30px;
    margin-bottom: 30px; }
  .mobile-app .blog_right_sidebar .single_sidebar_widget .btn_1 {
    margin-top: 0px; }
  .mobile-app .blog_right_sidebar .search_widget .form-control {
    height: 50px;
    border-color: #f0e9ff;
    font-size: 13px;
    color: #999999;
    padding-left: 20px;
    border-radius: 0;
    border-right: 0; }
  .mobile-app .blog_right_sidebar .search_widget .form-control::-webkit-input-placeholder {
    color: #999999; }
  .mobile-app .blog_right_sidebar .search_widget .form-control:-ms-input-placeholder {
    color: #999999; }
  .mobile-app .blog_right_sidebar .search_widget .form-control::placeholder {
    color: #999999; }
  .mobile-app .blog_right_sidebar .search_widget .form-control:focus {
    border-color: #f0e9ff;
    outline: 0;
    box-shadow: none; }
  .mobile-app .blog_right_sidebar .search_widget .input-group button {
    background: #fff;
    border-left: 0;
    border: 1px solid #f0e9ff;
    padding: 4px 15px;
    border-left: 0; }
  .mobile-app .blog_right_sidebar .search_widget .input-group button i,
  .mobile-app .blog_right_sidebar .search_widget .input-group button span {
    font-size: 14px;
    color: #999999; }
  .mobile-app .blog_right_sidebar .newsletter_widget .form-control {
    height: 50px;
    border-color: #f0e9ff;
    font-size: 13px;
    color: #999999;
    padding-left: 20px;
    border-radius: 0; }
  .mobile-app .blog_right_sidebar .newsletter_widget .form-control::-webkit-input-placeholder {
    color: #999999; }
  .mobile-app .blog_right_sidebar .newsletter_widget .form-control:-ms-input-placeholder {
    color: #999999; }
  .mobile-app .blog_right_sidebar .newsletter_widget .form-control::placeholder {
    color: #999999; }
  .mobile-app .blog_right_sidebar .newsletter_widget .form-control:focus {
    border-color: #f0e9ff;
    outline: 0;
    box-shadow: none; }
  .mobile-app .blog_right_sidebar .newsletter_widget .input-group button {
    background: #fff;
    border-left: 0;
    border: 1px solid #f0e9ff;
    padding: 4px 15px;
    border-left: 0; }
  .mobile-app .blog_right_sidebar .newsletter_widget .input-group button i,
  .mobile-app .blog_right_sidebar .newsletter_widget .input-group button span {
    font-size: 14px;
    color: #999999; }
  .mobile-app .blog_right_sidebar .post_category_widget .cat-list li {
    border-bottom: 1px solid #f0e9ff;
    transition: all 0.3s ease 0s;
    padding-bottom: 12px; }
  .mobile-app .blog_right_sidebar .post_category_widget .cat-list li:last-child {
    border-bottom: 0; }
  .mobile-app .blog_right_sidebar .post_category_widget .cat-list li a {
    font-size: 14px;
    line-height: 20px;
    color: #888888; }
  .mobile-app .blog_right_sidebar .post_category_widget .cat-list li a p {
    margin-bottom: 0px; }
  .mobile-app .blog_right_sidebar .post_category_widget .cat-list li + li {
    padding-top: 15px; }
  .mobile-app .blog_right_sidebar .popular_post_widget .post_item .media-body {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
                -ms-grid-row-align: center;
            align-self: center;
    padding-left: 20px; }
  .mobile-app .blog_right_sidebar .popular_post_widget .post_item .media-body h3 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 6px;
    transition: all 0.3s linear; }
  .mobile-app .blog_right_sidebar .popular_post_widget .post_item .media-body a:hover {
    color: #fff; }
  .mobile-app .blog_right_sidebar .popular_post_widget .post_item .media-body p {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 0px; }
  .mobile-app .blog_right_sidebar .popular_post_widget .post_item + .post_item {
    margin-top: 20px; }
  .mobile-app .blog_right_sidebar .tag_cloud_widget ul li {
    display: inline-block; }
  .mobile-app .blog_right_sidebar .tag_cloud_widget ul li a {
    display: inline-block;
    border: 1px solid #eeeeee;
    background: #fff;
    padding: 4px 20px;
    margin-bottom: 8px;
    margin-right: 3px;
    transition: all 0.3s ease 0s;
    color: #888888;
    font-size: 13px; }
  .mobile-app .blog_right_sidebar .tag_cloud_widget ul li a:hover {
    background: #42B3FA;
    color: #fff !important;
    -webkit-text-fill-color: #fff;
    text-decoration: none;
    transition: 0.5s; }
  .mobile-app .blog_right_sidebar .instagram_feeds .instagram_row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: -6px;
    margin-left: -6px; }
  .mobile-app .blog_right_sidebar .instagram_feeds .instagram_row li {
    width: 33.33%;
    float: left;
    padding-right: 6px;
    padding-left: 6px;
    margin-bottom: 15px; }
  .mobile-app .blog_right_sidebar .br {
    width: 100%;
    height: 1px;
    background: #eeeeee;
    margin: 30px 0px; }
  .mobile-app .blog-pagination {
    margin-top: 80px; }
  .mobile-app .blog-pagination .page-link {
    font-size: 14px;
    position: relative;
    display: block;
    padding: 0;
    text-align: center;
    margin-left: -1px;
    line-height: 45px;
    width: 45px;
    height: 45px;
    border-radius: 0 !important;
    color: #8a8a8a;
    border: 1px solid #f0e9ff;
    margin-right: 10px; }
  .mobile-app .blog-pagination .page-link i,
  .mobile-app .blog-pagination .page-link span {
    font-size: 13px; }
  .mobile-app .blog-pagination .page-item.active .page-link {
    background-color: #fbf9ff;
    border-color: #f0e9ff;
    color: #888888; }
  .mobile-app .blog-pagination .page-item:last-child .page-link {
    margin-right: 0; }
  .mobile-app .single-post-area .blog_details {
    box-shadow: none;
    padding: 0; }
  .mobile-app .single-post-area .social-links {
    padding-top: 10px; }
  .mobile-app .single-post-area .social-links li {
    display: inline-block;
    margin-bottom: 10px; }
  .mobile-app .single-post-area .social-links li a {
    color: #cccccc;
    padding: 7px;
    font-size: 14px;
    transition: all 0.2s linear; }
  .mobile-app .single-post-area .blog_details {
    padding-top: 26px; }
  .mobile-app .single-post-area .blog_details p {
    margin-bottom: 20px;
    font-size: 15px; }
  .mobile-app .single-post-area .quote-wrapper {
    background: rgba(130, 139, 178, 0.1);
    padding: 15px;
    line-height: 1.733;
    color: #888888;
    font-style: italic;
    margin-top: 25px;
    margin-bottom: 25px; }
  @media (min-width: 768px) {
    .mobile-app {
      /* line 1087, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */ }
      .mobile-app .single-post-area .quote-wrapper {
        padding: 30px; } }
  .mobile-app .single-post-area .quotes {
    background: #fff;
    padding: 15px 15px 15px 20px;
    border-left: 2px solid; }
  @media (min-width: 768px) {
    .mobile-app {
      /* line 1101, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */ }
      .mobile-app .single-post-area .quotes {
        padding: 25px 25px 25px 30px; } }
  .mobile-app .single-post-area .arrow {
    position: absolute; }
  .mobile-app .single-post-area .arrow .lnr {
    font-size: 20px;
    font-weight: 600; }
  .mobile-app .single-post-area .thumb .overlay-bg {
    background: rgba(0, 0, 0, 0.8); }
  .mobile-app .single-post-area .navigation-top {
    padding-top: 15px;
    border-top: 1px solid #f0e9ff; }
  .mobile-app .single-post-area .navigation-top p {
    margin-bottom: 0; }
  .mobile-app .single-post-area .navigation-top .like-info {
    font-size: 14px; }
  .mobile-app .single-post-area .navigation-top .like-info i,
  .mobile-app .single-post-area .navigation-top .like-info span {
    font-size: 16px;
    margin-right: 5px; }
  .mobile-app .single-post-area .navigation-top .comment-count {
    font-size: 14px; }
  .mobile-app .single-post-area .navigation-top .comment-count i,
  .mobile-app .single-post-area .navigation-top .comment-count span {
    font-size: 16px;
    margin-right: 5px; }
  .mobile-app .single-post-area .navigation-top .social-icons li {
    display: inline-block;
    margin-right: 15px; }
  .mobile-app .single-post-area .navigation-top .social-icons li:last-child {
    margin: 0; }
  .mobile-app .single-post-area .navigation-top .social-icons li i,
  .mobile-app .single-post-area .navigation-top .social-icons li span {
    font-size: 14px;
    color: #999999; }
  .mobile-app .single-post-area .blog-author {
    padding: 40px 30px;
    background: #fbf9ff;
    margin-top: 50px; }
  @media (max-width: 600px) {
    .mobile-app {
      /* line 1182, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */ }
      .mobile-app .single-post-area .blog-author {
        padding: 20px 8px; } }
  .mobile-app .single-post-area .blog-author img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin-right: 30px; }
  @media (max-width: 600px) {
    .mobile-app {
      /* line 1191, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */ }
      .mobile-app .single-post-area .blog-author img {
        margin-right: 15px;
        width: 45px;
        height: 45px; } }
  .mobile-app .single-post-area .blog-author a {
    display: inline-block; }
  .mobile-app .single-post-area .blog-author a:hover {
    color: #42B3FA; }
  .mobile-app .single-post-area .blog-author p {
    margin-bottom: 0;
    font-size: 15px; }
  .mobile-app .single-post-area .blog-author h4 {
    font-size: 16px; }
  .mobile-app .single-post-area .navigation-area {
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
    margin-top: 55px; }
  .mobile-app .single-post-area .navigation-area p {
    margin-bottom: 0px; }
  .mobile-app .single-post-area .navigation-area h4 {
    font-size: 18px;
    line-height: 25px; }
  .mobile-app .single-post-area .navigation-area .nav-left {
    text-align: left; }
  .mobile-app .single-post-area .navigation-area .nav-left .thumb {
    margin-right: 20px;
    background: #000; }
  .mobile-app .single-post-area .navigation-area .nav-left .thumb img {
    transition: 0.5s; }
  .mobile-app .single-post-area .navigation-area .nav-left .lnr {
    margin-left: 20px;
    opacity: 0;
    transition: 0.5s; }
  .mobile-app .single-post-area .navigation-area .nav-left:hover .lnr {
    opacity: 1; }
  .mobile-app .single-post-area .navigation-area .nav-left:hover .thumb img {
    opacity: .5; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 1240, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */ }
      .mobile-app .single-post-area .navigation-area .nav-left {
        margin-bottom: 30px; } }
  .mobile-app .single-post-area .navigation-area .nav-right {
    text-align: right; }
  .mobile-app .single-post-area .navigation-area .nav-right .thumb {
    margin-left: 20px;
    background: #000; }
  .mobile-app .single-post-area .navigation-area .nav-right .thumb img {
    transition: 0.5s; }
  .mobile-app .single-post-area .navigation-area .nav-right .lnr {
    margin-right: 20px;
    opacity: 0;
    transition: 0.5s; }
  .mobile-app .single-post-area .navigation-area .nav-right:hover .lnr {
    opacity: 1; }
  .mobile-app .single-post-area .navigation-area .nav-right:hover .thumb img {
    opacity: .5; }
  @media (max-width: 991px) {
    .mobile-app {
      /* line 1307, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */ }
      .mobile-app .single-post-area .sidebar-widgets {
        padding-bottom: 0px; } }
  .mobile-app .comments-area {
    background: transparent;
    border-top: 1px solid #eee;
    padding: 45px 0;
    margin-top: 50px; }
  @media (max-width: 414px) {
    .mobile-app {
      /* line 1314, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */ }
      .mobile-app .comments-area {
        padding: 50px 8px; } }
  .mobile-app .comments-area h4 {
    margin-bottom: 35px;
    font-size: 18px; }
  .mobile-app .comments-area h5 {
    font-size: 16px;
    margin-bottom: 0px; }
  .mobile-app .comments-area .comment-list {
    padding-bottom: 48px; }
  .mobile-app .comments-area .comment-list:last-child {
    padding-bottom: 0px; }
  .mobile-app .comments-area .comment-list.left-padding {
    padding-left: 25px; }
  @media (max-width: 413px) {
    .mobile-app {
      /* line 1354, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
      /* line 1358, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */
      /* line 1362, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */ }
      .mobile-app .comments-area .comment-list .single-comment h5 {
        font-size: 12px; }
      .mobile-app .comments-area .comment-list .single-comment .date {
        font-size: 11px; }
      .mobile-app .comments-area .comment-list .single-comment .comment {
        font-size: 10px; } }
  .mobile-app .comments-area .thumb {
    margin-right: 20px; }
  .mobile-app .comments-area .thumb img {
    width: 70px;
    border-radius: 50%; }
  .mobile-app .comments-area .date {
    font-size: 14px;
    color: #999999;
    margin-bottom: 0;
    margin-left: 20px; }
  .mobile-app .comments-area .comment {
    margin-bottom: 10px;
    color: #777777;
    font-size: 15px; }
  .mobile-app .comments-area .btn-reply {
    background-color: transparent;
    color: #888888;
    padding: 5px 18px;
    font-size: 14px;
    display: block;
    font-weight: 400; }
  .mobile-app .comment-form {
    border-top: 1px solid #eee;
    padding-top: 45px;
    margin-top: 50px;
    margin-bottom: 20px; }
  .mobile-app .comment-form .form-group {
    margin-bottom: 30px; }
  .mobile-app .comment-form h4 {
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 22px; }
  .mobile-app .comment-form .name {
    padding-left: 0px; }
  @media (max-width: 767px) {
    .mobile-app {
      /* line 1428, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */ }
      .mobile-app .comment-form .name {
        padding-right: 0px;
        margin-bottom: 1rem; } }
  .mobile-app .comment-form .email {
    padding-right: 0px; }
  @media (max-width: 991px) {
    .mobile-app {
      /* line 1437, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog.scss */ }
      .mobile-app .comment-form .email {
        padding-left: 0px; } }
  .mobile-app .comment-form .form-control {
    border: 1px solid #f0e9ff;
    border-radius: 5px;
    height: 48px;
    padding-left: 18px;
    font-size: 13px;
    background: transparent; }
  .mobile-app .comment-form .form-control:focus {
    outline: 0;
    box-shadow: none; }
  .mobile-app .comment-form .form-control::-webkit-input-placeholder {
    font-weight: 300;
    color: #999999; }
  .mobile-app .comment-form .form-control:-ms-input-placeholder {
    font-weight: 300;
    color: #999999; }
  .mobile-app .comment-form .form-control::placeholder {
    font-weight: 300;
    color: #999999; }
  .mobile-app .comment-form .form-control::-webkit-input-placeholder {
    color: #777777; }
  .mobile-app .comment-form .form-control:-ms-input-placeholder {
    color: #777777; }
  .mobile-app .comment-form .form-control::placeholder {
    color: #777777; }
  .mobile-app .comment-form textarea {
    padding-top: 18px;
    border-radius: 12px;
    height: 100% !important; }
  .mobile-app .comment-form ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 13px;
    color: #777; }
  .mobile-app .comment-form ::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 13px;
    color: #777; }
  .mobile-app .comment-form :-ms-input-placeholder {
    /* IE 10+ */
    font-size: 13px;
    color: #777; }
  .mobile-app .comment-form :-moz-placeholder {
    /* Firefox 18- */
    font-size: 13px;
    color: #777; }
  .mobile-app .blog_part {
    margin-bottom: 140px; }
  @media (max-width: 576px) {
    .mobile-app {
      /* line 2, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog_part.scss */ }
      .mobile-app .blog_part {
        margin-bottom: 0px;
        padding: 0px 0px 70px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .mobile-app {
      /* line 2, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog_part.scss */ }
      .mobile-app .blog_part {
        margin-bottom: 0px;
        padding: 0px 0px 70px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 2, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog_part.scss */ }
      .mobile-app .blog_part {
        margin-bottom: 0px;
        padding: 0px 0px 70px; } }
  .mobile-app .blog_part .blog_right_sidebar .widget_title {
    font-size: 20px;
    margin-bottom: 40px;
    font-style: inherit !important; }
  @media (max-width: 576px) {
    .mobile-app {
      /* line 24, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog_part.scss */ }
      .mobile-app .blog_part .single-home-blog {
        margin-bottom: 140px;
        margin-top: 20px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .mobile-app {
      /* line 24, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog_part.scss */ }
      .mobile-app .blog_part .single-home-blog {
        margin-bottom: 140px;
        margin-top: 20px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 24, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog_part.scss */ }
      .mobile-app .blog_part .single-home-blog {
        margin-bottom: 140px;
        margin-top: 20px; } }
  .mobile-app .blog_part .single-home-blog .card-img-top {
    border-radius: 0px; }
  .mobile-app .blog_part .single-home-blog .card {
    border: 0px solid transparent;
    border-radius: 0px;
    background-color: transparent;
    position: relative; }
  .mobile-app .blog_part .single-home-blog .card .card-body {
    padding: 25px 10px 29px 40px;
    background-color: #fff;
    position: absolute;
    left: 20px;
    bottom: -140px;
    box-shadow: -7.552px 9.326px 20px 0px rgba(1, 84, 85, 0.1);
    border-radius: 10px; }
  @media (max-width: 576px) {
    .mobile-app {
      /* line 48, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog_part.scss */ }
      .mobile-app .blog_part .single-home-blog .card .card-body {
        padding: 15px;
        left: 10px;
        bottom: -140px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .mobile-app {
      /* line 48, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog_part.scss */ }
      .mobile-app .blog_part .single-home-blog .card .card-body {
        padding: 15px;
        left: 10px;
        bottom: -140px; } }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .mobile-app {
      /* line 48, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog_part.scss */ }
      .mobile-app .blog_part .single-home-blog .card .card-body {
        padding: 20px; } }
  .mobile-app .blog_part .single-home-blog .card .card-body a {
    color: #42B3FA;
    text-transform: uppercase;
    transition: 0.8s; }
  .mobile-app .blog_part .single-home-blog .card .card-body a:hover {
    background: -webkit-linear-gradient(131deg, #ff7e5f 0%, #feb47b 99%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .mobile-app .blog_part .single-home-blog .card .dot {
    position: relative;
    padding-left: 20px; }
  .mobile-app .blog_part .single-home-blog .card .dot:after {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    top: 5px;
    left: 0;
    background-color: #42B3FA;
    border-radius: 50%; }
  .mobile-app .blog_part .single-home-blog .card span {
    color: #8a8a8a;
    margin-bottom: 10px;
    display: inline-block;
    margin-top: 10px; }
  @media (max-width: 576px) {
    .mobile-app {
      /* line 97, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog_part.scss */ }
      .mobile-app .blog_part .single-home-blog .card span {
        margin-bottom: 5px;
        margin-top: 5px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .mobile-app {
      /* line 97, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog_part.scss */ }
      .mobile-app .blog_part .single-home-blog .card span {
        margin-bottom: 5px;
        margin-top: 5px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 97, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog_part.scss */ }
      .mobile-app .blog_part .single-home-blog .card span {
        margin-bottom: 5px;
        margin-top: 5px; } }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .mobile-app {
      /* line 97, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog_part.scss */ }
      .mobile-app .blog_part .single-home-blog .card span {
        margin-bottom: 5px;
        margin-top: 5px; } }
  .mobile-app .blog_part .single-home-blog .card h5 {
    font-weight: 600;
    line-height: 1.5;
    font-size: 20px;
    transition: 0.8s;
    text-transform: capitalize;
    margin-bottom: 22px; }
  @media (max-width: 576px) {
    .mobile-app {
      /* line 119, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog_part.scss */ }
      .mobile-app .blog_part .single-home-blog .card h5 {
        margin-bottom: 10px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .mobile-app {
      /* line 119, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog_part.scss */ }
      .mobile-app .blog_part .single-home-blog .card h5 {
        margin-bottom: 10px;
        font-size: 16px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 119, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog_part.scss */ }
      .mobile-app .blog_part .single-home-blog .card h5 {
        margin-bottom: 10px; } }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .mobile-app {
      /* line 119, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog_part.scss */ }
      .mobile-app .blog_part .single-home-blog .card h5 {
        margin-bottom: 10px;
        font-size: 18px; } }
  .mobile-app .blog_part .single-home-blog .card h5:hover {
    transition: 0.8s;
    background: -webkit-linear-gradient(131deg, #feb47b 0%, #ff7e5f 99%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: 1s; }
  .mobile-app .blog_part .single-home-blog .card ul li {
    display: inline-block;
    color: #8a8a8a;
    margin-right: 14px; }
  @media (max-width: 576px) {
    .mobile-app {
      /* line 150, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog_part.scss */ }
      .mobile-app .blog_part .single-home-blog .card ul li {
        margin-right: 10px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .mobile-app {
      /* line 150, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog_part.scss */ }
      .mobile-app .blog_part .single-home-blog .card ul li {
        margin-right: 10px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mobile-app {
      /* line 150, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog_part.scss */ }
      .mobile-app .blog_part .single-home-blog .card ul li {
        margin-right: 10px; } }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .mobile-app {
      /* line 150, ../../Arafath/CL/CL October/214. App Landing Page/HTML/scss/_blog_part.scss */ }
      .mobile-app .blog_part .single-home-blog .card ul li {
        margin-right: 10px; } }
  .mobile-app .blog_part .single-home-blog .card ul li span {
    margin-right: 10px;
    font-size: 12px; }


@charset "UTF-8";
.style_item_content {
  margin-top: 0; }

.ourhome {
  text-align: left; }
  .ourhome .ourhome__title {
    padding-top: 25px; }
    @media (max-width: 767px) {
      .ourhome .ourhome__title {
        font-size: 20px; } }
  .ourhome .ourhome__slider_wrapper {
    height: 612px;
    position: relative;
    margin-bottom: 10px; }
    @media (max-width: 767px) {
      .ourhome .ourhome__slider_wrapper {
        height: 250px; } }
    .ourhome .ourhome__slider_wrapper .ourhome__slider_img_wrapper {
      height: 100%;
      width: 100%;
      display: none;
      opacity: 0;
      transition: opacity 1s ease; }
      .ourhome .ourhome__slider_wrapper .ourhome__slider_img_wrapper.active {
        display: inline-block;
        opacity: 1; }
      .ourhome .ourhome__slider_wrapper .ourhome__slider_img_wrapper .ourhome__slider_img {
        width: 100%;
        height: 100%; }
    .ourhome .ourhome__slider_wrapper .ourhome_bottom_wrapper {
      font-size: 0;
      vertical-align: top;
      bottom: 0;
      height: 92px;
      position: absolute;
      width: 100%;
      background-color: rgba(38, 39, 39, 0.9); }
      @media (max-width: 767px) {
        .ourhome .ourhome__slider_wrapper .ourhome_bottom_wrapper {
          height: 50px; } }
      .ourhome .ourhome__slider_wrapper .ourhome_bottom_wrapper .ourhome_bottom_wrapper__ico {
        background: url("../img/OurHome/ico_left_medal.svg") no-repeat 50% 50%;
        background-color: #013A33;
        background-size: 50%; }
      .ourhome .ourhome__slider_wrapper .ourhome_bottom_wrapper .ourhome_bottom_wrapper__title {
        max-width: 924px; }
        .ourhome .ourhome__slider_wrapper .ourhome_bottom_wrapper .ourhome_bottom_wrapper__title .ourhome_bottom_wrapper__title_inner {
          padding: 15px 20px 0;
          color: #ffffff;
          display: none;
          transition: all 1s ease; }
          @media (max-width: 767px) {
            .ourhome .ourhome__slider_wrapper .ourhome_bottom_wrapper .ourhome_bottom_wrapper__title .ourhome_bottom_wrapper__title_inner {
              padding: 5px 10px 0; } }
          .ourhome .ourhome__slider_wrapper .ourhome_bottom_wrapper .ourhome_bottom_wrapper__title .ourhome_bottom_wrapper__title_inner.active {
            display: inline-block; }
          .ourhome .ourhome__slider_wrapper .ourhome_bottom_wrapper .ourhome_bottom_wrapper__title .ourhome_bottom_wrapper__title_inner .ourhome_bottom_wrapper__title {
            font-size: 25px; }
            @media (max-width: 767px) {
              .ourhome .ourhome__slider_wrapper .ourhome_bottom_wrapper .ourhome_bottom_wrapper__title .ourhome_bottom_wrapper__title_inner .ourhome_bottom_wrapper__title {
                font-size: 16px; } }
        .ourhome .ourhome__slider_wrapper .ourhome_bottom_wrapper .ourhome_bottom_wrapper__title .ourhome_bottom_wrapper__link {
          font-size: 18px;
          text-decoration: none;
          color: #ffffff;
          cursor: pointer;
          transition: text-decoration 1s ease; }
          @media (max-width: 767px) {
            .ourhome .ourhome__slider_wrapper .ourhome_bottom_wrapper .ourhome_bottom_wrapper__title .ourhome_bottom_wrapper__link {
              font-size: 12px; } }
          .ourhome .ourhome__slider_wrapper .ourhome_bottom_wrapper .ourhome_bottom_wrapper__title .ourhome_bottom_wrapper__link:hover {
            text-decoration: underline; }
      .ourhome .ourhome__slider_wrapper .ourhome_bottom_wrapper .ourhome_bottom_wrapper__back {
        background: url("../img/OurHome/icon_right.svg") no-repeat 50% 50%; }
        @media (max-width: 767px) {
          .ourhome .ourhome__slider_wrapper .ourhome_bottom_wrapper .ourhome_bottom_wrapper__back {
            right: 0; } }
      .ourhome .ourhome__slider_wrapper .ourhome_bottom_wrapper .ourhome_bottom_wrapper__up {
        background: url("../img/OurHome/icon_left.svg") no-repeat 50% 50%; }
        @media (max-width: 767px) {
          .ourhome .ourhome__slider_wrapper .ourhome_bottom_wrapper .ourhome_bottom_wrapper__up {
            right: 50px; } }
      .ourhome .ourhome__slider_wrapper .ourhome_bottom_wrapper .style_slide_arrow {
        float: right;
        background-color: rgba(100, 100, 100, 0.2);
        cursor: pointer;
        background-size: 25%;
        transition: background-color 0.4s ease; }
        @media (max-width: 767px) {
          .ourhome .ourhome__slider_wrapper .ourhome_bottom_wrapper .style_slide_arrow {
            position: absolute;
            bottom: 100%; } }
        .ourhome .ourhome__slider_wrapper .ourhome_bottom_wrapper .style_slide_arrow:hover {
          background-color: rgba(0, 80, 176, 0.9); }
      .ourhome .ourhome__slider_wrapper .ourhome_bottom_wrapper .slide__kub_style {
        width: 92px;
        text-align: center;
        height: 100%;
        line-height: 92px;
        vertical-align: middle; }
        @media (max-width: 767px) {
          .ourhome .ourhome__slider_wrapper .ourhome_bottom_wrapper .slide__kub_style {
            width: 50px; } }
      .ourhome .ourhome__slider_wrapper .ourhome_bottom_wrapper .style_bottom_block {
        display: inline-block;
        vertical-align: top;
        font-size: 14px; }
  .ourhome .ourhome__info_homes {
    margin-bottom: 20px;
    padding-bottom: 20px; }
    .ourhome .ourhome__info_homes.active .ourhome__info_homes_wrapper {
      border: 2px solid #013A33; }
      .ourhome .ourhome__info_homes.active .ourhome__info_homes_wrapper .ourhome__info_homes_wrapper_title {
        color: #FFFFFF;
        background-color: #013A33; }
        .ourhome .ourhome__info_homes.active .ourhome__info_homes_wrapper .ourhome__info_homes_wrapper_title .ourhome__info_homes_wrapper_ico {
          -webkit-transform: rotate(180deg);
              -ms-transform: rotate(180deg);
                  transform: rotate(180deg);
          margin-top: -7px;
          height: 27px; }
          .ourhome .ourhome__info_homes.active .ourhome__info_homes_wrapper .ourhome__info_homes_wrapper_title .ourhome__info_homes_wrapper_ico .down_ico_jobs {
            fill: #ffffff; }
    .ourhome .ourhome__info_homes .ourhome__info_homes_wrapper {
      position: relative;
      border: 2px solid #dddddd;
      margin-bottom: 20px; }
      .ourhome .ourhome__info_homes .ourhome__info_homes_wrapper .ourhome__info_homes_wrapper_title {
        min-height: 68px;
        cursor: pointer;
        line-height: 68px;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        font-size: 0;
        position: relative;
        transition: all .4s ease; }
        .ourhome .ourhome__info_homes .ourhome__info_homes_wrapper .ourhome__info_homes_wrapper_title .ourhome__info_homes_wrapper_title__inner {
          padding: 0 28px;
          font-size: 20px;
          font-weight: 600; }
        .ourhome .ourhome__info_homes .ourhome__info_homes_wrapper .ourhome__info_homes_wrapper_title .ourhome__info_homes_wrapper_ico {
          position: absolute;
          top: 50%;
          display: inline-block;
          width: 19px;
          vertical-align: top;
          right: 28px;
          cursor: pointer;
          margin-top: -24px;
          height: 14px; }
          .ourhome .ourhome__info_homes .ourhome__info_homes_wrapper .ourhome__info_homes_wrapper_title .ourhome__info_homes_wrapper_ico .down_ico_jobs {
            fill: #013A33; }
  .ourhome .ourhome_info_homes_wrapper_slider__default {
    min-height: 100%; }
    .ourhome .ourhome_info_homes_wrapper_slider__default_inner {
      font-size: 0;
      height: 100%;
      text-align: center;
      vertical-align: top; }
      .ourhome .ourhome_info_homes_wrapper_slider__default_inner .style_block_slider_default {
        display: inline-block;
        width: calc(100%/3);
        font-size: 14px;
        height: 160px;
        vertical-align: middle; }
        .ourhome .ourhome_info_homes_wrapper_slider__default_inner .style_block_slider_default:nth-last-child(2n+1) {
          background-color: #f8f8f8; }
        .ourhome .ourhome_info_homes_wrapper_slider__default_inner .style_block_slider_default:nth-last-child(2n) {
          border-top: 2px solid #f8f8f8; }
        @media (max-width: 767px) {
          .ourhome .ourhome_info_homes_wrapper_slider__default_inner .style_block_slider_default {
            width: 100%; } }
        .ourhome .ourhome_info_homes_wrapper_slider__default_inner .style_block_slider_default .ourhome_info_homes_wrapper_slider__title {
          font-size: 20px;
          padding-top: 37px; }
        .ourhome .ourhome_info_homes_wrapper_slider__default_inner .style_block_slider_default .ourhome_info_homes_wrapper_slider__number {
          color: #013A33;
          font-size: 66px;
          font-weight: 600; }
  .ourhome .ourhome_info_homes_wrapper_slider__list_item {
    display: none; }
    .ourhome .ourhome_info_homes_wrapper_slider__list_item_header {
      min-height: 45px;
      line-height: 45px;
      vertical-align: middle;
      cursor: pointer;
      font-size: 20px;
      position: relative;
      transition: all .3s ease; }
      .ourhome .ourhome_info_homes_wrapper_slider__list_item_header:hover {
        background-color: #eef6ff; }
      .ourhome .ourhome_info_homes_wrapper_slider__list_item_header span {
        padding-left: 40px; }
      .ourhome .ourhome_info_homes_wrapper_slider__list_item_header.active {
        color: #013A33; }
        .ourhome .ourhome_info_homes_wrapper_slider__list_item_header.active .ourhome__info_slider_list_wrapper_ico {
          -webkit-transform: rotate(-180deg);
              -ms-transform: rotate(-180deg);
                  transform: rotate(-180deg);
          height: 100%; }
      .ourhome .ourhome_info_homes_wrapper_slider__list_item_header .ourhome__info_slider_list_wrapper_ico {
        position: absolute;
        display: inline-block;
        width: 14px;
        vertical-align: top;
        left: 20px;
        cursor: pointer;
        height: 14px; }
        .ourhome .ourhome_info_homes_wrapper_slider__list_item_header .ourhome__info_slider_list_wrapper_ico .down_ico_jobs {
          fill: #013A33; }
    .ourhome .ourhome_info_homes_wrapper_slider__list_item_main {
      display: none; }
      .ourhome .ourhome_info_homes_wrapper_slider__list_item_main_wrapper {
        font-size: 0;
        padding: 20px 40px; }
        @media (max-width: 767px) {
          .ourhome .ourhome_info_homes_wrapper_slider__list_item_main_wrapper {
            padding: 20px 10px; } }
        .ourhome .ourhome_info_homes_wrapper_slider__list_item_main_wrapper_left {
          margin-top: -5px;
          max-width: 370px;
          vertical-align: top;
          font-size: 18px;
          display: table; }
          .ourhome .ourhome_info_homes_wrapper_slider__list_item_main_wrapper_left .row_wrapper_left {
            display: table-row; }
            .ourhome .ourhome_info_homes_wrapper_slider__list_item_main_wrapper_left .row_wrapper_left .style_col_wrapper_item {
              display: table-cell;
              padding-bottom: 10px; }
            .ourhome .ourhome_info_homes_wrapper_slider__list_item_main_wrapper_left .row_wrapper_left .col_wrapper_right {
              font-weight: 600;
              padding-left: 30px; }
        .ourhome .ourhome_info_homes_wrapper_slider__list_item_main_wrapper .style_block_item {
          display: inline-block; }
        .ourhome .ourhome_info_homes_wrapper_slider__list_item_main_wrapper_right {
          margin-left: 20px;
          max-width: 500px; }
          @media (max-width: 1065px) {
            .ourhome .ourhome_info_homes_wrapper_slider__list_item_main_wrapper_right {
              display: block !important;
              margin-left: 0;
              margin-top: 20px; } }
          @media (max-width: 980px) {
            .ourhome .ourhome_info_homes_wrapper_slider__list_item_main_wrapper_right {
              margin-left: 10px; } }
          @media (max-width: 767px) {
            .ourhome .ourhome_info_homes_wrapper_slider__list_item_main_wrapper_right {
              margin-left: 0; } }
          .ourhome .ourhome_info_homes_wrapper_slider__list_item_main_wrapper_right .item_main_wrapper_right_link {
            padding-left: 30px;
            cursor: pointer;
            color: #013A33;
            font-size: 18px;
            position: relative; }
            @media (max-width: 850px) {
              .ourhome .ourhome_info_homes_wrapper_slider__list_item_main_wrapper_right .item_main_wrapper_right_link {
                display: block;
                margin-top: 20px; } }
            .ourhome .ourhome_info_homes_wrapper_slider__list_item_main_wrapper_right .item_main_wrapper_right_link:before {
              position: absolute;
              content: '';
              width: 20px;
              height: 28px;
              vertical-align: baseline;
              left: 4px;
              top: -3px;
              background: url(../img/OurHome/file.svg) no-repeat; }
      .ourhome .ourhome_info_homes_wrapper_slider__list_item_main_map {
        width: 100%;
        height: 283px; }
        .ourhome .ourhome_info_homes_wrapper_slider__list_item_main_map .map_home {
          height: 100%; }
          .ourhome .ourhome_info_homes_wrapper_slider__list_item_main_map .map_home ya-map {
            height: 283px; }
  .ourhome .ourhomes-item_img {
    margin-right: 20px;
    width: 308px;
    min-height: 100%;
    text-align: center;
    height: 158px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    margin-left: -20px;
    cursor: pointer; }
    .ourhome .ourhomes-item_img:hover img {
      -webkit-transform: scale(1.1);
          -ms-transform: scale(1.1);
              transform: scale(1.1); }
    .ourhome .ourhomes-item_img:hover .ourhomes-item_img__plus {
      margin-top: -42px; }
    .ourhome .ourhomes-item_img .ourhomes-item_img__plus {
      display: block;
      height: 42px;
      background-color: rgba(0, 0, 0, 0.5);
      position: relative;
      transition: margin-top 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      line-height: 42px; }
      .ourhome .ourhomes-item_img .ourhomes-item_img__plus span {
        width: 20px;
        height: 20px;
        display: inline-block;
        margin: 0 auto;
        vertical-align: middle; }
        .ourhome .ourhomes-item_img .ourhomes-item_img__plus span svg {
          fill: #ffffff;
          stroke-width: 20px; }
    @media (max-width: 1065px) {
      .ourhome .ourhomes-item_img {
        margin-left: 0; } }
    @media (max-width: 850px) {
      .ourhome .ourhomes-item_img {
        margin-right: 0;
        display: block;
        margin-bottom: 20px; } }
    @media (max-width: 400px) {
      .ourhome .ourhomes-item_img {
        width: 100%; } }
    .ourhome .ourhomes-item_img img {
      display: block;
      width: 100%;
      height: 100%;
      margin: 0 auto;
      text-align: center;
      transition-property: all;
      transition-duration: .4s;
      object-fit: cover; }
      @media (max-width: 400px) {
        .ourhome .ourhomes-item_img img {
          width: 100%; } }
  .ourhome .ourhomes-item_no_img {
    cursor: no-drop; }
    .ourhome .ourhomes-item_no_img img {
      width: auto;
      height: 100%;
      -webkit-transform: scale(1) !important;
          -ms-transform: scale(1) !important;
              transform: scale(1) !important; }

/*Попапы*/
.popup {
  /*max-width: 600px;
  margin: 0 auto;
  text-align: center;
  min-height: 612px;
  position: fixed;
  top: 50%;
  margin-top: -300px;
  left: 50%;
  margin-left: -300px;
  background-color: #fff;
  display: none;
  z-index: 999999;*/ }
  .popup.active {
    display: block; }

.popup-ourhome {
  min-width: 100%;
  max-width: 100%;
  text-align: center;
  width: 100%;
  position: fixed;
  top: 0;
  margin-top: 0;
  left: 0;
  margin-left: 0;
  background-color: rgba(0, 0, 0, 0.9);
  min-height: 100%;
  display: none; }
  .popup-ourhome.active {
    display: block; }
  .popup-ourhome .map_block ya-map {
    position: relative;
    height: 600px;
    width: 100%; }
    @media (max-width: 900px) {
      .popup-ourhome .map_block ya-map {
        height: 400px; } }

.popup-wrapper {
  width: 1200px;
  position: absolute;
  left: 50%;
  margin-left: -600px;
  top: 10%;
  background-color: #fff; }
  @media (max-width: 1300px) {
    .popup-wrapper {
      width: 800px;
      margin-left: -400px; } }
  @media (max-width: 900px) {
    .popup-wrapper {
      width: 500px;
      margin-left: -250px; } }
  @media (max-width: 600px) {
    .popup-wrapper {
      width: 280px;
      margin-left: -140px; } }

.popup-close {
  position: absolute;
  right: -40px;
  top: -28px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  z-index: 99999; }
  .popup-close .ico-close-popup {
    opacity: 1;
    transition: opacity .3s ease; }
    .popup-close .ico-close-popup:hover {
      opacity: .8; }
  .popup-close .path_one {
    fill: #ffffff; }
  .popup-close .path_two {
    fill: #ffffff; }

.popup-imageblock {
  overflow: hidden;
  height: 600px; }
  @media (max-width: 1300px) {
    .popup-imageblock {
      height: 420px; } }
  @media (max-width: 900px) {
    .popup-imageblock {
      height: 340px; } }
  @media (max-width: 600px) {
    .popup-imageblock {
      height: 209px; } }
  .popup-imageblock img {
    top: -1px;
    height: 101%;
    width: 100%;
    position: relative;
    object-fit: cover; }

@charset "UTF-8";
.pages {
  text-align: justify;
  margin-top: 20px;
  max-width: 1000px;
  margin-bottom: 30px; }
  @media (max-width: 1600px) {
    .pages {
      max-width: 1200px; } }
  .pages h1 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 40px;
    text-align: left; }
  .pages blockquote {
    font-style: italic;
    quotes: "«" "»";
    font-size: 16px;
    background-color: #e4f0ff;
    display: inline-block;
    padding: 10px 20px;
    margin: 10px 0;
    width: 96%; }
    .pages blockquote:after {
      content: '\201d';
      font-size: 30px;
      color: #0a3779; }
    .pages blockquote:before {
      content: '\201c';
      font-size: 30px;
      color: #0a3779; }
  .pages table {
    text-align: center;
    border-collapse: collapse;
    background: #ffffff;
    border: 2px solid #6696d0;
    width: 100%; }
    @media (max-width: 650px) {
      .pages table {
        display: block;
        overflow-x: scroll; } }
    .pages table td {
      border: 1px solid #013A33 !important;
      padding: 10px 10px; }
  .pages tr {
    font-weight: bold;
    /*&:nth-child(2n) {
      background: #f0f0f0;
    }*/
    /*&:hover {
      background: #e6f1fd !important;
    }*/ }
  .pages th {
    background: #6696d0;
    color: #ffffff;
    text-align: center;
    width: 280px;
    padding: 10px 10px;
    font-weight: 600;
    font-size: 16px;
    border: 1px solid #013A33; }
  .pages ul {
    margin-left: 40px;
    font-size: 18px;
    line-height: 36px;
    font-weight: bold;
    margin: 10px 0 10px 40px; }
    @media (max-width: 700px) {
      .pages ul {
        margin: 10px 0 10px 20px; } }
    .pages ul li {
      list-style: circle;
      font-weight: 400;
      font-size: 16px;
      color: #013A33; }
  .pages h2 {
    font-size: 20px;
    font-weight: bold;
    margin-top: 25px;
    margin-bottom: 30px; }
  .pages em {
    color: #000000;
    font-style: italic; }
  .pages p {
    font-size: 18px;
    line-height: 28px; }
  .pages b {
    font-weight: 600;
    color: #013A33; }
  .pages strong {
    font-weight: 600;
    color: #013A33; }
  .pages a {
    color: #013A33;
    font-size: 18px;
    text-decoration: underline;
    font-weight: bold;
    transition: color 0.7s ease; }
    .pages a:hover {
      text-decoration: none;
      color: #6291ca; }
  .pages hr {
    line-height: 1em;
    position: relative;
    outline: 0;
    border: 0;
    color: black;
    text-align: center;
    height: 2px;
    opacity: .8;
    display: inline-block;
    margin-bottom: 30px;
    margin-top: 15px;
    width: 100%; }
    .pages hr:before {
      content: '';
      background: linear-gradient(to right, transparent, #013A33, transparent);
      position: absolute;
      left: 0;
      top: 50%;
      width: 100%;
      height: 2px; }
    .pages hr:after {
      content: attr(data-content);
      position: relative;
      display: inline-block;
      padding: 0 .5em;
      line-height: 1.5em;
      color: #013A33;
      background-color: #013A33; }
  @media (max-width: 700px) {
    .pages img {
      width: 100%;
      height: auto; } }

.wrapper_pages {
  float: left;
  margin-left: 180px;
  margin-bottom: 20px; }
  @media (max-width: 1600px) {
    .wrapper_pages {
      float: none;
      margin-left: 0; } }

.float_left {
  float: left;
  margin-right: 20px; }
  @media (max-width: 700px) {
    .float_left {
      float: none; } }

.left-menu {
  position: absolute;
  top: 150px;
  left: 200px;
  min-height: calc(100vh - 600px); }
  @media (max-width: 1800px) {
    .left-menu {
      left: 100px; } }
  @media (max-width: 1600px) {
    .left-menu {
      min-height: 20px;
      position: relative;
      top: 0;
      float: left;
      margin-top: 20px;
      left: 0;
      width: 100%; } }
  .left-menu .left-menu__wrapper {
    width: 272px; }
    @media (max-width: 1600px) {
      .left-menu .left-menu__wrapper {
        width: 100%; } }
    .left-menu .left-menu__wrapper .left-menu__inner {
      text-align: left;
      margin-bottom: 20px; }
  .left-menu .left-menu-header {
    min-height: 50px;
    background-color: #f6f6f6;
    color: #000000;
    font-size: 18px;
    transition: color .3s ease;
    cursor: pointer;
    line-height: 50px;
    vertical-align: middle;
    padding: 0 20px 0 20px;
    position: relative; }
    .left-menu .left-menu-header:before {
      content: '';
      position: absolute;
      right: 10px;
      width: 20px;
      height: 20px;
      background: url("../img/Pages/down-arrow.svg") no-repeat center center;
      top: 50%;
      margin-top: -10px; }
    .left-menu .left-menu-header.active {
      background-color: #013A33;
      color: #ffffff;
      font-weight: 600; }
      .left-menu .left-menu-header.active:before {
        background: url("../img/Pages/minus-symbol.svg") no-repeat center center; }
      .left-menu .left-menu-header.active:hover {
        color: #e4f0ff; }
    .left-menu .left-menu-header:hover {
      color: #013A33; }
  .left-menu .left-menu-content__inner {
    padding: 10px 15px; }
    .left-menu .left-menu-content__inner .left-menu__item {
      font-size: 16px;
      padding: 10px 0;
      transition: color .5s ease;
      cursor: pointer; }
      .left-menu .left-menu-content__inner .left-menu__item:hover {
        color: #013A33; }

.left-menu-content {
  display: none; }

.baner_main {
  width: 100%;
  background: url("../img/Home/bg2.jpg");
  background-size: cover;
  text-align: center;
  position: relative;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: 0;
  transition: background-position 7s ease;
  background-color: #013A33; }
  @media (max-width: 780px) {
    .baner_main {
      background: #ffffff; } }
  @media (max-width: 767px) {
    .baner_main {
      height: 600px !important; } }
  .baner_main.loaded {
    background-position: 0; }
  .baner_main .owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center; }
    .baner_main .owl-theme .owl-controls .owl-page {
      display: inline-block;
      zoom: 1; }
      .baner_main .owl-theme .owl-controls .owl-page span {
        display: block;
        width: 12px;
        height: 12px;
        margin: 5px 7px;
        border-radius: 20px;
        background: #335681; }
    .baner_main .owl-theme .owl-controls .owl-page.active span {
      display: block;
      width: 12px;
      height: 12px;
      margin: 5px 7px;
      border-radius: 20px;
      background: #ffffff; }
  .baner_main .baner_main__wrapper {
    max-width: 1200px;
    display: inline-block;
    margin-top: 250px;
    position: relative; }
    @media (max-width: 1920px) {
      .baner_main .baner_main__wrapper {
        margin-top: 200px; } }
    @media (max-width: 1487px) {
      .baner_main .baner_main__wrapper {
        margin-top: 136px;
        max-width: 100%; } }
    @media (max-width: 900px) {
      .baner_main .baner_main__wrapper {
        margin-top: 331px;
        max-width: 100%; } }
    @media (max-width: 767px) {
      .baner_main .baner_main__wrapper {
        margin-top: 137px;
        max-width: 100%; } }
    .baner_main .baner_main__wrapper .baner_main__logo_title_wrapper_desktop {
      display: inline-block; }
      @media (max-width: 1000px) {
        .baner_main .baner_main__wrapper .baner_main__logo_title_wrapper_desktop {
          display: none; } }
    .baner_main .baner_main__wrapper .baner_main__logo {
      width: 82px;
      height: 103px;
      display: inline-block; }
      @media (max-width: 768px) {
        .baner_main .baner_main__wrapper .baner_main__logo {
          padding: 0 20px;
          width: 82px;
          height: 76px; } }
    .baner_main .baner_main__wrapper .baner_main__title {
      margin-top: 30px; }
      @media (max-width: 760px) {
        .baner_main .baner_main__wrapper .baner_main__title {
          padding: 0 20px; } }
      .baner_main .baner_main__wrapper .baner_main__title .baner_main__title_item {
        font-size: 47px;
        font-weight: 600;
        text-transform: uppercase;
        color: #FFFFFF;
        letter-spacing: 2px; }
        @media (max-width: 1920px) {
          .baner_main .baner_main__wrapper .baner_main__title .baner_main__title_item {
            font-size: 40px; } }
        @media (max-width: 780px) {
          .baner_main .baner_main__wrapper .baner_main__title .baner_main__title_item {
            font-size: 28px; } }
      .baner_main .baner_main__wrapper .baner_main__title .baner_main__title_description {
        font-size: 25px;
        font-weight: 600;
        text-transform: uppercase;
        color: #013A33;
        margin-top: 60px; }
        @media (max-width: 1920px) {
          .baner_main .baner_main__wrapper .baner_main__title .baner_main__title_description {
            font-size: 16px;
            margin-top: 15px; } }
        @media (max-width: 780px) {
          .baner_main .baner_main__wrapper .baner_main__title .baner_main__title_description {
            font-size: 12px; } }
    .baner_main .baner_main__wrapper .baner_main_three_blocks {
      margin-top: 80px; }
      @media (max-width: 1920px) {
        .baner_main .baner_main__wrapper .baner_main_three_blocks {
          margin-top: 13px; } }
      @media (max-width: 780px) {
        .baner_main .baner_main__wrapper .baner_main_three_blocks {
          width: 100%;
          overflow: hidden;
          margin: 0 auto;
          min-height: 308px; } }
      .baner_main .baner_main__wrapper .baner_main_three_blocks .baner_main_three_blocks_item_logo_title_mob {
        display: none; }
        @media (max-width: 1000px) {
          .baner_main .baner_main__wrapper .baner_main_three_blocks .baner_main_three_blocks_item_logo_title_mob {
            display: block; } }
      .baner_main .baner_main__wrapper .baner_main_three_blocks .baner_main_three_blocks_item {
        display: inline-block;
        min-width: 270px;
        vertical-align: top;
        font-weight: 600;
        position: relative;
        padding-bottom: 25px;
        margin-right: 50px; }
        .baner_main .baner_main__wrapper .baner_main_three_blocks .baner_main_three_blocks_item:last-child {
          margin-right: 0; }
        @media (max-width: 760px) {
          .baner_main .baner_main__wrapper .baner_main_three_blocks .baner_main_three_blocks_item {
            width: 268px;
            margin-top: 40px;
            padding-bottom: 20px; } }
        .baner_main .baner_main__wrapper .baner_main_three_blocks .baner_main_three_blocks_item .baner_main_three_blocks_item_number {
          font-size: 80px; }
          @media (max-width: 1920px) {
            .baner_main .baner_main__wrapper .baner_main_three_blocks .baner_main_three_blocks_item .baner_main_three_blocks_item_number {
              font-size: 60px; } }
          @media (max-width: 760px) {
            .baner_main .baner_main__wrapper .baner_main_three_blocks .baner_main_three_blocks_item .baner_main_three_blocks_item_number {
              font-size: 60px; } }
        .baner_main .baner_main__wrapper .baner_main_three_blocks .baner_main_three_blocks_item .baner_main_three_blocks_item_description {
          color: #FFFFFF;
          font-size: 21px;
          max-width: 150px;
          text-align: center;
          margin: 0 auto;
          margin-top: 13px; }
          @media (max-width: 1920px) {
            .baner_main .baner_main__wrapper .baner_main_three_blocks .baner_main_three_blocks_item .baner_main_three_blocks_item_description {
              font-size: 19px; } }
        .baner_main .baner_main__wrapper .baner_main_three_blocks .baner_main_three_blocks_item .blocks_one_number {
          color: #f5b800; }
        .baner_main .baner_main__wrapper .baner_main_three_blocks .baner_main_three_blocks_item .blocks_two_number {
          color: #013A33; }
        .baner_main .baner_main__wrapper .baner_main_three_blocks .baner_main_three_blocks_item .blocks_three_number {
          color: #01ba47; }
    .baner_main .baner_main__wrapper .baner_main__scroll_ico {
      margin-top: 105px;
      width: 20px;
      height: 57px;
      display: inline-block; }
      @media (max-width: 1920px) {
        .baner_main .baner_main__wrapper .baner_main__scroll_ico {
          margin-top: 70px; } }
      @media (max-width: 780px) {
        .baner_main .baner_main__wrapper .baner_main__scroll_ico {
          display: none; } }
      @media (max-height: 880px) {
        .baner_main .baner_main__wrapper .baner_main__scroll_ico {
          display: none; } }
  .baner_main .baner_main_three_blocks_bottom {
    position: absolute;
    bottom: 0;
    height: 130px;
    width: 100%;
    display: table;
    font-size: 0;
    background: rgba(0, 0, 0, 0.7);
    /*.baner_main_three_blocks_bottom__title_button_one {
      &:before{
        background: url("../img/Home/icon_licences.svg") no-repeat;
        left: -40px;
        top:-2px;
        @media (max-width: 768px) {
          left: 50%;
          margin-left: -15px;
          top: -40px;
        }
      }
    }*/
    /*.baner_main_three_blocks_bottom__title_button_two {
      &:before{
        background: url("../img/Home/icon_thanks.svg") no-repeat;
        left: -48px;
        top: -2px;
        @media (max-width: 768px) {
          left: 50%;
          margin-left: -15px;
          top: -40px;
        }
      }
    }*/
    /*.baner_main_three_blocks_bottom__title_button_three {
      &:before{
        background: url("../img/Home/icon_sertificates.svg") no-repeat;
        left: -48px;
        top: -2px;
        @media (max-width: 768px) {
          left: 50%;
          margin-left: -15px;
          top: -40px;
        }
      }
    }*/ }
    @media (max-width: 1920px) {
      .baner_main .baner_main_three_blocks_bottom {
        height: 100px; } }
    .baner_main .baner_main_three_blocks_bottom .style_block_bottom {
      width: calc(100% / 4);
      display: table-cell;
      color: #ffffff;
      font-size: 14px;
      height: 100%;
      vertical-align: middle;
      cursor: pointer;
      transition: all 0.4s ease-out; }
      .baner_main .baner_main_three_blocks_bottom .style_block_bottom__icon {
        font-size: 30px;
        margin-right: 10px; }
      .baner_main .baner_main_three_blocks_bottom .style_block_bottom:hover {
        background: #013A33; }
    .baner_main .baner_main_three_blocks_bottom .style_button_bottom_block {
      text-decoration: none;
      color: #ffffff;
      font-size: 26px;
      position: relative; }
      @media (max-width: 1920px) {
        .baner_main .baner_main_three_blocks_bottom .style_button_bottom_block {
          font-size: 22px; } }
      @media (max-width: 768px) {
        .baner_main .baner_main_three_blocks_bottom .style_button_bottom_block {
          font-size: 16px; } }
      @media (max-width: 320px) {
        .baner_main .baner_main_three_blocks_bottom .style_button_bottom_block {
          font-size: 14px; } }
      .baner_main .baner_main_three_blocks_bottom .style_button_bottom_block:before {
        content: '';
        width: 40px;
        height: 40px;
        line-height: 40px;
        position: absolute; }

.animated_scroll_ico {
  -webkit-animation: 2s linear infinite;
          animation: 2s linear infinite;
  -webkit-animation-name: animation_svg_ico;
          animation-name: animation_svg_ico; }

@-webkit-keyframes animation_svg_ico {
  0% {
    -webkit-transform: none;
            transform: none; }
  15% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  30% {
    -webkit-transform: none;
            transform: none; }
  100% {
    -webkit-transform: none;
            transform: none; } }

@keyframes animation_svg_ico {
  0% {
    -webkit-transform: none;
            transform: none; }
  15% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  30% {
    -webkit-transform: none;
            transform: none; }
  100% {
    -webkit-transform: none;
            transform: none; } }

.baner_main_three_blocks_item_top_left_border {
  display: inline-block;
  height: 6px;
  background: #ffffff;
  position: absolute;
  left: 18%;
  right: 82%;
  top: 27%; }

.baner_main_three_blocks_item_left_border {
  display: inline-block;
  width: 6px;
  background: #ffffff;
  position: absolute;
  left: 0;
  top: 27%;
  bottom: 73%; }

.baner_main_three_blocks_item_bottom_border {
  display: inline-block;
  height: 6px;
  background: #ffffff;
  position: absolute;
  left: 0%;
  right: 100%;
  top: 100%; }

.baner_main_three_blocks_item_right_border {
  display: inline-block;
  width: 6px;
  background: #ffffff;
  position: absolute;
  top: 100%;
  bottom: 0;
  right: 0; }

.baner_main_three_blocks_item_top_right_border {
  display: inline-block;
  height: 6px;
  background: #ffffff;
  position: absolute;
  right: 0%;
  left: 100%;
  top: 27%; }

.animated_border {
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms; }

.animate-top-left-border {
  -webkit-animation-name: top-left-border;
          animation-name: top-left-border;
  -webkit-animation-delay: 0ms;
          animation-delay: 0ms; }

@-webkit-keyframes top-left-border {
  0% {
    left: 18%; }
  100% {
    left: 0; } }

@keyframes top-left-border {
  0% {
    left: 18%; }
  100% {
    left: 0; } }

.animate-left-border {
  -webkit-animation-name: left-border;
          animation-name: left-border;
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms; }

@-webkit-keyframes left-border {
  0% {
    bottom: 73%; }
  100% {
    bottom: 0%; } }

@keyframes left-border {
  0% {
    bottom: 73%; }
  100% {
    bottom: 0%; } }

.animate-bottom-border {
  -webkit-animation-name: bottom-border;
          animation-name: bottom-border;
  -webkit-animation-delay: 1000ms;
          animation-delay: 1000ms; }

@-webkit-keyframes bottom-border {
  0% {
    right: 100%; }
  100% {
    right: 0%; } }

@keyframes bottom-border {
  0% {
    right: 100%; }
  100% {
    right: 0%; } }

.animate-right-border {
  -webkit-animation-name: right-border;
          animation-name: right-border;
  -webkit-animation-delay: 1500ms;
          animation-delay: 1500ms; }

@-webkit-keyframes right-border {
  0% {
    top: 100%; }
  100% {
    top: 27%; } }

@keyframes right-border {
  0% {
    top: 100%; }
  100% {
    top: 27%; } }

.animate-top-right-border {
  -webkit-animation-name: top-right-border;
          animation-name: top-right-border;
  -webkit-animation-delay: 2000ms;
          animation-delay: 2000ms; }

@-webkit-keyframes top-right-border {
  0% {
    left: 100%; }
  100% {
    left: 82%; } }

@keyframes top-right-border {
  0% {
    left: 100%; }
  100% {
    left: 82%; } }

/*Home content*/
.main_content {
  min-height: calc(100vh - 80px);
  text-align: center; }
  .main_content .main_content__wrapper {
    margin-top: 11px;
    margin-bottom: 60px;
    max-width: 1200px;
    display: inline-block;
    text-align: left; }
    .main_content .main_content__wrapper .main_content__row_title {
      margin-top: 45px; }
      @media (max-width: 1200px) {
        .main_content .main_content__wrapper .main_content__row_title {
          position: relative;
          text-align: center; } }
      .main_content .main_content__wrapper .main_content__row_title .main_content__title {
        font-size: 32px;
        font-weight: 600;
        color: #383737; }
      .main_content .main_content__wrapper .main_content__row_title .main_content__link {
        margin-left: 50px;
        color: #383737;
        font-size: 16px;
        transition: all 0.4s ease-out;
        cursor: pointer; }
        .main_content .main_content__wrapper .main_content__row_title .main_content__link:hover {
          color: #013A33;
          text-decoration: underline; }
        @media (max-width: 768px) {
          .main_content .main_content__wrapper .main_content__row_title .main_content__link {
            display: block;
            margin-left: 0; } }
    .main_content .main_content__wrapper .main_content_plate {
      vertical-align: top;
      font-size: 0; }
      @media (max-width: 1200px) {
        .main_content .main_content__wrapper .main_content_plate {
          text-align: center; } }
      .main_content .main_content__wrapper .main_content_plate .main_content_plate_item_wrapper {
        max-width: 822px;
        display: inline-block; }
        @media (max-width: 790px) {
          .main_content .main_content__wrapper .main_content_plate .main_content_plate_item_wrapper {
            width: 100%; } }
      .main_content .main_content__wrapper .main_content_plate .main_content_plate__form {
        height: 530px;
        margin-top: 23px;
        background-color: #f3f3f3;
        width: 378px;
        display: inline-block;
        vertical-align: top;
        position: relative;
        font-size: 0; }
        @media (max-width: 760px) {
          .main_content .main_content__wrapper .main_content_plate .main_content_plate__form {
            max-width: 320px; } }
        .main_content .main_content__wrapper .main_content_plate .main_content_plate__form .main_content_form_wrapper {
          padding: 40px;
          position: relative; }
          .main_content .main_content__wrapper .main_content_plate .main_content_plate__form .main_content_form_wrapper .main_content_form_title {
            color: #383838;
            font-weight: 600;
            font-size: 20px; }
          .main_content .main_content__wrapper .main_content_plate .main_content_plate__form .main_content_form_wrapper .main_content_plate__form_title_description {
            color: #383838;
            display: block;
            font-weight: 400;
            font-size: 18px; }
          .main_content .main_content__wrapper .main_content_plate .main_content_plate__form .main_content_form_wrapper .main_content_form_selectize {
            background: #FFFFFF;
            border-radius: 0;
            margin-top: 20px; }
            .main_content .main_content__wrapper .main_content_plate .main_content_plate__form .main_content_form_wrapper .main_content_form_selectize .selectize-input {
              border: none;
              border-radius: 0;
              background-color: #FFFFFF;
              font-size: 18px; }
            .main_content .main_content__wrapper .main_content_plate .main_content_plate__form .main_content_form_wrapper .main_content_form_selectize .selectize-dropdown {
              border: none;
              margin-top: 0;
              font-size: 18px;
              z-index: 1; }
            .main_content .main_content__wrapper .main_content_plate .main_content_plate__form .main_content_form_wrapper .main_content_form_selectize .selectize-input > input {
              font-size: 18px;
              color: #013A33; }
          .main_content .main_content__wrapper .main_content_plate .main_content_plate__form .main_content_form_wrapper .main_content_plate__form_chek_uk {
            color: #013A33;
            font-weight: 400;
            margin-right: 0;
            padding-right: 0;
            width: 100%;
            display: inline-block; }
          .main_content .main_content__wrapper .main_content_plate .main_content_plate__form .main_content_form_wrapper .main_content_plate__form_email {
            color: #000000; }
          .main_content .main_content__wrapper .main_content_plate .main_content_plate__form .main_content_form_wrapper .main_content_plate__form_number {
            color: #000000; }
          .main_content .main_content__wrapper .main_content_plate .main_content_plate__form .main_content_form_wrapper .main_content_plate__form_message {
            color: #000000;
            resize: none;
            height: 115px; }
          .main_content .main_content__wrapper .main_content_plate .main_content_plate__form .main_content_form_wrapper .main_content_plate__form_capcha {
            width: 42%;
            float: left; }
            @media (max-width: 760px) {
              .main_content .main_content__wrapper .main_content_plate .main_content_plate__form .main_content_form_wrapper .main_content_plate__form_capcha {
                width: 90px; } }
          .main_content .main_content__wrapper .main_content_plate .main_content_plate__form .main_content_form_wrapper .main_content_plate__form_capcha_check {
            color: #000000;
            width: 42%;
            float: left;
            margin-left: 19px; }
            @media (max-width: 760px) {
              .main_content .main_content__wrapper .main_content_plate .main_content_plate__form .main_content_form_wrapper .main_content_plate__form_capcha_check {
                width: 103px; } }
          .main_content .main_content__wrapper .main_content_plate .main_content_plate__form .main_content_form_wrapper .main_content_plate__form_submit {
            text-align: center;
            background-color: #013A33;
            color: #ffffff;
            display: inline-block;
            position: relative; }
        .main_content .main_content__wrapper .main_content_plate .main_content_plate__form .style_input_form {
          width: 95%;
          background: #ffffff;
          position: relative;
          border: none;
          padding: 7px;
          display: block;
          margin-top: 10px;
          font-size: 18px;
          outline: none;
          vertical-align: middle;
          font-weight: 400; }
    .main_content .main_content__wrapper .main_content_plate__item {
      width: 378px;
      height: 249px;
      display: inline-block;
      vertical-align: top;
      font-size: 16px;
      border: 2px solid #dddddd;
      transition: all 0.4s ease-out;
      margin-right: 27px;
      margin-top: 23px;
      overflow: hidden;
      position: relative; }
      @media (max-width: 1200px) {
        .main_content .main_content__wrapper .main_content_plate__item:nth-child(2n) {
          margin-right: 0; } }
      @media (max-width: 790px) {
        .main_content .main_content__wrapper .main_content_plate__item {
          margin-right: 0;
          width: 400px; } }
      @media (max-width: 408px) {
        .main_content .main_content__wrapper .main_content_plate__item {
          width: 300px; } }
      .main_content .main_content__wrapper .main_content_plate__item:hover {
        border-color: #013A33; }
      .main_content .main_content__wrapper .main_content_plate__item .style_content_plite_main {
        padding: 0 30px; }
      .main_content .main_content__wrapper .main_content_plate__item .main_content_plate__item_data {
        font-size: 16px;
        color: #8f8f8f;
        padding-top: 30px;
        line-height: 13px;
        padding-bottom: 17px; }
      .main_content .main_content__wrapper .main_content_plate__item .main_content_plate__item_plit_title {
        color: #383737;
        font-size: 20px;
        font-weight: bold;
        padding-bottom: 20px; }
        @media (max-width: 408px) {
          .main_content .main_content__wrapper .main_content_plate__item .main_content_plate__item_plit_title {
            padding-bottom: 10px; } }
      .main_content .main_content__wrapper .main_content_plate__item .main_content_plate__item_plit_content {
        line-height: 22px;
        font-size: 16px;
        color: #383737; }
        @media (max-width: 408px) {
          .main_content .main_content__wrapper .main_content_plate__item .main_content_plate__item_plit_content {
            font-size: 11px; } }
      .main_content .main_content__wrapper .main_content_plate__item .main_content_plate__item_plit_link {
        text-align: right;
        width: 94%;
        padding: 10px 10px 0 0;
        display: inline-block;
        color: #013A33;
        text-transform: uppercase;
        text-decoration: none;
        opacity: 0.7;
        transition: all 0.4s ease-out;
        font-weight: 600;
        position: absolute;
        bottom: 15px;
        cursor: pointer; }
        .main_content .main_content__wrapper .main_content_plate__item .main_content_plate__item_plit_link:hover {
          opacity: 1; }
        @media (max-width: 1200px) {
          .main_content .main_content__wrapper .main_content_plate__item .main_content_plate__item_plit_link {
            left: 0;
            right: 0;
            width: 90%; } }
    .main_content .main_content__wrapper .main_content_plate_style_board:nth-child(3n) {
      margin-right: 0; }
    @media (max-width: 1200px) {
      .main_content .main_content__wrapper .main_content_plate_style_board:nth-child(3n) {
        margin-right: 27px; }
      .main_content .main_content__wrapper .main_content_plate_style_board:nth-child(6n) {
        margin-right: 0; } }
    @media (max-width: 790px) {
      .main_content .main_content__wrapper .main_content_plate_style_board:nth-child(3n) {
        margin-right: 0; } }

.selectize-control.single .selectize-input {
  background-color: #fff;
  background-image: none; }

.header__contacts_menu_wrapper_night {
  height: 100vh;
  position: fixed;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0.6);
  top: 0;
  width: 100%;
  display: none; }
  @media (max-width: 1487px) {
    .header__contacts_menu_wrapper_night {
      top: 0;
      left: -60px;
      width: calc(100% + 60px); } }
  @media (max-width: 900px) {
    .header__contacts_menu_wrapper_night {
      display: none !important; } }

.social-button {
  position: fixed;
  top: 50%;
  margin-top: -130px;
  z-index: 1; }
  @media (max-width: 767px) {
    .social-button {
      top: 154px;
      margin-top: 0; } }
  .social-button .social-networks {
    margin: 0 0 35px;
    padding: 0;
    font-size: 0;
    text-align: center; }
    .social-button .social-networks li {
      margin-bottom: 5px; }
    .social-button .social-networks a {
      display: block;
      position: relative;
      margin: 0 0;
      width: 30px;
      height: 30px;
      font-size: 0;
      line-height: 0;
      text-align: center;
      text-decoration: none; }
      .social-button .social-networks a:hover:before {
        background-color: #013A33; }
      .social-button .social-networks a:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        margin-top: -50%;
        margin-left: -50%;
        border-radius: 100px;
        background-color: rgba(0, 0, 0, 0.2);
        transition: all 400ms; }
      .social-button .social-networks a:after {
        position: relative;
        display: block;
        line-height: 1;
        line-height: 31px; }
      .social-button .social-networks a:hover, .social-button .social-networks a:focus {
        text-decoration: none; }
    .social-button .social-networks .ico_soc_share {
      background-size: 18px;
      position: relative;
      display: block;
      width: 17px;
      height: 17px;
      top: 23%;
      left: 24%; }
    .social-button .social-networks .icon-ok:hover:before {
      background-color: #F2720C; }
    .social-button .social-networks .icon-twitter:hover:before {
      background-color: #50abf1; }
    .social-button .social-networks .icon-instagram:hover:before {
      background: radial-gradient(circle at 33% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF); }
    .social-button .social-networks .icon-telegram:hover:before {
      background-color: #0088cc; }
    .social-button .social-networks .icon-yutoube:hover:before {
      background-color: #E62117; }
    .social-button .social-networks .icon-soc-wrapper:hover .ico_soc_share {
      transition: -webkit-transform 0.4s ease-out;
      transition: transform 0.4s ease-out;
      transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
      -webkit-transform: rotateZ(360deg);
          -ms-transform: rotate(360deg);
              transform: rotateZ(360deg); }
    .social-button .social-networks .ico_soc_share {
      fill: #ffffff; }
    .social-button .social-networks .icon-facebook .ico_soc_share {
      fill: #ffffff; }
    .social-button .social-networks .icon-telegram .ico_soc_share svg {
      fill: #ffffff; }
    .social-button .social-networks.square a:hover:before, .social-button .social-networks.square a:focus:before {
      border-radius: 0; }

@media (max-width: 768px) {
  .header__additional_menu__dop-submenu {
    display: none; }
    .header__additional_menu__dop-submenu.active {
      display: inline-block !important;
      left: 0 !important;
      opacity: 1 !important; } }

.slick-dots li {
  display: inline-block; }
  .slick-dots li button {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    border-radius: 20px;
    background: #335681;
    font-size: 0;
    border: none;
    outline: none; }
  .slick-dots li.slick-active button {
    background: #ffffff; }

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

.video-header {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: #000;
  overflow: hidden; }
  .video-header video {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    opacity: 0.4;
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2); }

.content_jobs {
  margin-top: 0; }

.jobs {
  text-align: left; }
  .jobs .jobs__title {
    padding-top: 25px; }

.jobs_wrapper_item {
  min-height: 100%;
  border: 2px solid #dddddd;
  margin-bottom: 40px;
  color: #383737;
  cursor: default; }

.jobs_admin_wrapper_item {
  min-height: 0%;
  margin-bottom: 0; }

.jobs_wrapper_item__inner {
  min-height: 111px;
  cursor: pointer;
  position: relative;
  transition: background-color .5s ease; }
  .jobs_wrapper_item__inner.active {
    background-color: #013A33;
    color: #ffffff; }
    .jobs_wrapper_item__inner.active .jobs_wrapper_item__ico .down_ico_jobs {
      fill: #ffffff; }
  .jobs_wrapper_item__inner .jobs_wrapper_item__ico {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 27px;
    top: 22px; }
    .jobs_wrapper_item__inner .jobs_wrapper_item__ico .down_ico_jobs {
      fill: #013A33; }
  .jobs_wrapper_item__inner .jobs_wrapper_item__inner_title {
    padding: 20px 27px 10px 27px;
    position: relative; }
    .jobs_wrapper_item__inner .jobs_wrapper_item__inner_title .jobs_wrapper_item__title_item_jobs {
      margin-bottom: 15px; }
    .jobs_wrapper_item__inner .jobs_wrapper_item__inner_title .jobs_wrapper_item__description_item_jobs {
      font-size: 18px; }

.jobs_wrapper_item__inner_description {
  padding: 20px 50px 20px; }
  @media (max-width: 768px) {
    .jobs_wrapper_item__inner_description {
      padding: 20px 10px 20px; } }
  .jobs_wrapper_item__inner_description:nth-last-child(1) {
    padding: 40px 50px 20px; }
    @media (max-width: 768px) {
      .jobs_wrapper_item__inner_description:nth-last-child(1) {
        padding: 20px 10px 20px; } }
  .jobs_wrapper_item__inner_description .jobs_wrapper_item__title_item_jobs {
    padding-bottom: 20px;
    font-size: 18px; }
  .jobs_wrapper_item__inner_description .jobs_description_vakancies {
    line-height: 30px; }
    .jobs_wrapper_item__inner_description .jobs_description_vakancies .jobs_description_vakancies_item {
      font-size: 18px;
      position: relative;
      padding-left: 10px; }
      .jobs_wrapper_item__inner_description .jobs_description_vakancies .jobs_description_vakancies_item::before {
        content: '';
        position: absolute;
        width: 5px;
        height: 5px;
        top: 14px;
        margin-top: -2.5px;
        border-radius: 100%;
        background-color: #013A33;
        left: 0; }

.jobs_wrapper_item__inner_contacts {
  background-color: #f4f4f4;
  margin-top: 10px;
  padding: 20px 50px 40px;
  font-size: 22px; }
  @media (max-width: 768px) {
    .jobs_wrapper_item__inner_contacts {
      padding: 20px 10px 20px;
      font-size: 18px; } }
  .jobs_wrapper_item__inner_contacts .jobs_contacts_item__title {
    font-size: 22px;
    padding-top: 20px; }
  .jobs_wrapper_item__inner_contacts .inner_contacts__item {
    padding-top: 10px; }
    .jobs_wrapper_item__inner_contacts .inner_contacts__item a {
      color: #383737;
      text-decoration: none; }

.style_title_description {
  font-size: 20px;
  font-weight: 600; }

.slideInfo {
  display: none; }

.no-vacancies-wrapper {
  margin: 10px 0;
  background-color: #d8d7d7;
  color: #013A33;
  height: 200px;
  line-height: 183px; }
  .no-vacancies-wrapper .no-vacancies__inner {
    text-align: center; }
    .no-vacancies-wrapper .no-vacancies__inner .no-vacancies__text {
      display: inline-block;
      vertical-align: middle;
      font-size: 30px;
      font-weight: 600;
      line-height: 1.2; }

.album_content {
  padding-bottom: 0 !important; }

.wrapper_album {
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important; }
  .wrapper_album .album_gallery {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    height: calc(100vh - 80px); }
    .wrapper_album .album_gallery .album_gallery_big_wrapper {
      width: 100%;
      text-align: center;
      display: inline-block;
      color: #ffffff;
      overflow: hidden;
      line-height: 49;
      height: calc(100% - 150px);
      position: relative;
      vertical-align: top; }
      @media (max-width: 768px) {
        .wrapper_album .album_gallery .album_gallery_big_wrapper {
          line-height: 0; } }
      .wrapper_album .album_gallery .album_gallery_big_wrapper .album_gallery_big__img_center {
        max-width: 100%;
        position: relative;
        height: 100%; }
        @media (max-width: 960px) {
          .wrapper_album .album_gallery .album_gallery_big_wrapper .album_gallery_big__img_center {
            line-height: 800px; } }
        @media (max-width: 767px) {
          .wrapper_album .album_gallery .album_gallery_big_wrapper .album_gallery_big__img_center {
            line-height: 335px; } }
        .wrapper_album .album_gallery .album_gallery_big_wrapper .album_gallery_big__img_center .slide {
          overflow: hidden;
          height: 100%;
          display: none; }
          .wrapper_album .album_gallery .album_gallery_big_wrapper .album_gallery_big__img_center .slide.active {
            display: inline-block; }
          .wrapper_album .album_gallery .album_gallery_big_wrapper .album_gallery_big__img_center .slide img {
            width: auto;
            height: auto;
            object-fit: cover;
            overflow: hidden;
            vertical-align: middle;
            max-height: 100%; }
      .wrapper_album .album_gallery .album_gallery_big_wrapper .album_gallery_big_wrapper__arow_wrapper {
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -45px;
        font-size: 0; }
        @media (max-width: 768px) {
          .wrapper_album .album_gallery .album_gallery_big_wrapper .album_gallery_big_wrapper__arow_wrapper {
            top: 0;
            margin-top: 0; } }
        .wrapper_album .album_gallery .album_gallery_big_wrapper .album_gallery_big_wrapper__arow_wrapper .album_gallery_big_wrapper__arow_wrapper_left {
          background: url("../img/Gallery/icon_left.svg") 50% 50% no-repeat; }
        .wrapper_album .album_gallery .album_gallery_big_wrapper .album_gallery_big_wrapper__arow_wrapper .album_gallery_big_wrapper__arow_wrapper_right {
          background: url("../img/Gallery/icon_right.svg") 50% 50% no-repeat; }
        .wrapper_album .album_gallery .album_gallery_big_wrapper .album_gallery_big_wrapper__arow_wrapper .style_arrow {
          height: 90px;
          width: 90px;
          vertical-align: top;
          display: inline-block;
          background-color: #313b4b;
          cursor: pointer;
          background-size: 20px;
          transition: background-color .5s ease; }
          .wrapper_album .album_gallery .album_gallery_big_wrapper .album_gallery_big_wrapper__arow_wrapper .style_arrow:hover {
            background-color: #013A33; }
          @media (max-width: 768px) {
            .wrapper_album .album_gallery .album_gallery_big_wrapper .album_gallery_big_wrapper__arow_wrapper .style_arrow {
              width: 60px;
              height: 60px; } }
      .wrapper_album .album_gallery .album_gallery_big_wrapper .album_gallery_big__description {
        line-height: 40px;
        position: absolute;
        min-height: 40px;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.7);
        width: 100%; }
        .wrapper_album .album_gallery .album_gallery_big_wrapper .album_gallery_big__description .album_gallery_big__description_wrapper {
          max-width: 1200px;
          margin: 0 auto;
          text-align: left;
          font-size: 0; }
          @media (max-width: 1300px) {
            .wrapper_album .album_gallery .album_gallery_big_wrapper .album_gallery_big__description .album_gallery_big__description_wrapper {
              padding-left: 40px; } }
        .wrapper_album .album_gallery .album_gallery_big_wrapper .album_gallery_big__description .album_gallery_big__description_left {
          position: relative;
          font-size: 24px;
          width: 50%;
          text-align: left;
          display: none !important; }
          @media (max-width: 767px) {
            .wrapper_album .album_gallery .album_gallery_big_wrapper .album_gallery_big__description .album_gallery_big__description_left {
              font-size: 12px;
              line-height: 1.2; } }
          .wrapper_album .album_gallery .album_gallery_big_wrapper .album_gallery_big__description .album_gallery_big__description_left::before {
            content: '';
            position: absolute;
            width: 28px;
            height: 27px;
            top: 50%;
            margin-top: -14px;
            background-size: 100%;
            left: -40px;
            background: url("../img/Gallery/camera.svg") no-repeat; }
            @media (max-width: 1200px) {
              .wrapper_album .album_gallery .album_gallery_big_wrapper .album_gallery_big__description .album_gallery_big__description_left::before {
                width: 20px;
                height: 20px;
                margin-top: -10px;
                left: -24px; } }
          .wrapper_album .album_gallery .album_gallery_big_wrapper .album_gallery_big__description .album_gallery_big__description_left.active {
            display: inline-block !important;
            width: 100%; }
        .wrapper_album .album_gallery .album_gallery_big_wrapper .album_gallery_big__description .album_gallery_big__description_right {
          text-align: right;
          width: 50%;
          font-size: 24px;
          opacity: 0.4; }
        .wrapper_album .album_gallery .album_gallery_big_wrapper .album_gallery_big__description .style_description_gallery {
          display: inline-block;
          vertical-align: middle;
          height: 100%; }
    .wrapper_album .album_gallery .album_gallery_small_wrapper {
      height: 150px;
      line-height: 150px;
      vertical-align: middle;
      width: 100%;
      background-color: #2f2f2f; }
      .wrapper_album .album_gallery .album_gallery_small_wrapper .album_gallery_small__wrapper_img {
        width: 100%;
        height: 100%;
        text-align: left;
        white-space: nowrap; }
        @media (max-width: 768px) {
          .wrapper_album .album_gallery .album_gallery_small_wrapper .album_gallery_small__wrapper_img {
            width: 250%; } }
        .wrapper_album .album_gallery .album_gallery_small_wrapper .album_gallery_small__wrapper_img .album_gallery_small__wrapper_img_item {
          width: 170px;
          height: 113px;
          overflow: hidden;
          vertical-align: middle;
          margin-left: 10px;
          opacity: .3;
          cursor: pointer;
          transition: all 0.3s ease;
          display: inline-block;
          border: 2px solid transparent; }
          .wrapper_album .album_gallery .album_gallery_small_wrapper .album_gallery_small__wrapper_img .album_gallery_small__wrapper_img_item img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
          .wrapper_album .album_gallery .album_gallery_small_wrapper .album_gallery_small__wrapper_img .album_gallery_small__wrapper_img_item.active {
            border: 2px solid #013A33;
            opacity: 1; }

.wrapper_gallery {
  max-width: 100% !important;
  padding: 0 !important;
  min-height: 100%; }

.inner-plit-gallery {
  margin: 0 auto;
  margin-bottom: 20px;
  text-align: center;
  width: 100%;
  max-width: 1200px;
  vertical-align: middle;
  display: inline-block;
  min-height: calc(100vh - 74px);
  line-height: 50; }

.wrapper_gallery-title {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 25px;
  margin-top: 25px;
  text-align: left;
  line-height: 1.2;
  margin-left: 20px; }
  @media (max-width: 1200px) {
    .wrapper_gallery-title {
      text-align: center;
      margin-left: 0; } }

.gallery_plite {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.2; }
  @media (max-width: 980px) {
    .gallery_plite {
      margin: 20px auto 20px auto; } }
  .gallery_plite li {
    width: 380px;
    min-height: 100%;
    text-align: center;
    height: 255px;
    position: relative;
    margin: 0 auto;
    display: inline-block;
    overflow: hidden;
    background-color: #013A33;
    margin-right: 12px;
    margin-top: 10px;
    cursor: pointer;
    box-shadow: 0px -1px 11px 0px rgba(50, 50, 50, 0.53);
    transition: box-shadow .3s ease; }
    .gallery_plite li img {
      -webkit-transform: scale(1.2);
          -ms-transform: scale(1.2);
              transform: scale(1.2); }
    @media (max-width: 960px) {
      .gallery_plite li {
        width: 360px; } }
    @media (max-width: 780px) {
      .gallery_plite li {
        margin-right: 12px;
        width: 370px; } }
    @media (max-width: 767px) {
      .gallery_plite li {
        width: 380px;
        margin-right: 0; } }
    @media (max-width: 400px) {
      .gallery_plite li {
        width: 280px; } }
    .gallery_plite li:nth-child(2) img {
      margin: 0;
      display: inline-block;
      float: right; }
    .gallery_plite li .name {
      text-decoration: none;
      text-transform: uppercase;
      text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 5px;
      color: white;
      font-weight: lighter;
      font-size: 20px;
      letter-spacing: .1em;
      position: absolute;
      display: block;
      top: 40%;
      left: 0;
      text-align: center;
      opacity: 0;
      z-index: 2;
      width: 100%;
      height: 100%; }
      @media (max-width: 960px) {
        .gallery_plite li .name {
          opacity: 1; } }
      .gallery_plite li .name .title {
        display: block;
        text-transform: none;
        font-style: italic;
        font-size: 80%;
        color: rgba(255, 255, 255, 0.7);
        opacity: 0;
        transition-property: all;
        transition-delay: .2s;
        transition-duration: .9s; }
        @media (max-width: 1024px) {
          .gallery_plite li .name .title {
            opacity: 1; } }
    .gallery_plite li:hover {
      box-shadow: none; }
      .gallery_plite li:hover .name {
        opacity: 1;
        scale: 1;
        transition-property: all;
        transition-duration: .6s; }
      .gallery_plite li:hover .title {
        opacity: 1; }
      .gallery_plite li:hover img {
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1);
        background-position: top top;
        -webkit-filter: grayscale 0.4 blur 2px;
                filter: grayscale 0.4 blur 2px;
        transition-property: all;
        transition-duration: .8s; }
      .gallery_plite li:hover:hover img {
        opacity: .7; }
    .gallery_plite li img {
      display: block;
      width: 421px;
      margin: 0 auto;
      display: inline-block;
      text-align: center;
      scale: 1.09;
      transition-property: all;
      transition-duration: .4s;
      object-fit: cover; }
      @media (max-width: 960px) {
        .gallery_plite li img {
          opacity: .7; } }

.album_content__link-back {
  position: absolute;
  top: 90px;
  left: 10px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer; }
  @media (max-width: 767px) {
    .album_content__link-back {
      top: 66px;
      font-size: 16px;
      width: 94px; } }

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  display: none !important; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  display: none !important; }

.mCS-dark.mCSB_scrollTools .mCSB_dragger_bar {
  background-color: #0149a0 !important;
  height: 6px !important;
  border-radius: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 0 0 9px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 5.2px; }

.header__parking {
  position: relative;
  min-height: auto;
  text-align: center;
  color: #fff;
  width: 100%;
  background-color: #c9c9c9;
  background-image: url("http://www.pribei.ru/uploads/12e04c4a___parking-932921.jpg");
  background-position: center;
  background-size: cover;
  -o-background-size: cover; }
  .header__parking:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 12, 60, 0.7);
    content: ''; }
  .header__parking .header-content {
    position: relative;
    width: 100%;
    padding: 100px 15px;
    text-align: center;
    z-index: 2; }
  .header__parking .header-content .inner h1 {
    margin-top: 0;
    margin-bottom: 0; }
  .header__parking .header-content .inner p {
    margin-bottom: 50px;
    font-size: 16px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.7); }
  .header__parking #video-background {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 1; }
  .header__parking #video-background.collapsing {
    display: none; }

@media (min-width: 768px) {
  .icon-lg {
    font-size: 80px; }
  .header__parking {
    min-height: 100vh; }
    .header__parking .header-content {
      position: absolute;
      top: 50%;
      padding: 0 50px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
    .header__parking .header-content .inner {
      margin-right: auto;
      margin-left: auto;
      max-width: 1000px; }
    .header__parking .header-content .inner h1 {
      font-size: 53px; }
    .header__parking .header-content .inner p {
      margin-right: auto;
      margin-left: auto;
      max-width: 80%;
      font-size: 18px; } }

.sale_parking .portfolio-box {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 650px;
  margin: 0 auto;
  height: 450px;
  overflow: hidden; }
  .sale_parking .portfolio-box img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .sale_parking .portfolio-box .portfolio-box-caption {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    background: rgba(1, 58, 51, 0.9);
    transition: all 0.2s; }
    .sale_parking .portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
      position: absolute;
      top: 50%;
      width: 100%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      text-align: center; }
      .sale_parking .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
      .sale_parking .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
        padding: 0 15px;
        font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; }
      .sale_parking .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase; }
      .sale_parking .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
        font-size: 18px; }
  .sale_parking .portfolio-box:hover .portfolio-box-caption {
    opacity: 1; }
  .sale_parking .portfolio-box:focus {
    outline: none; }
  @media (min-width: 768px) {
    .sale_parking .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
      font-size: 16px; }
    .sale_parking .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
      font-size: 22px; } }

.sale_parking__content {
  padding: 4rem 0; }

.sale_parking__title {
  font-size: 26px;
  font-weight: bold; }

.sale_parking .sale_parking__sale {
  padding: 20px 0; }
  .sale_parking .sale_parking__sale-title {
    font-size: 20px;
    font-weight: bold;
    color: #0a275f;
    padding: 10px 0; }
  .sale_parking .sale_parking__sale-text {
    font-size: 18px;
    color: #0a60a2; }
  .sale_parking .sale_parking__sale-old-orice {
    text-decoration: line-through; }
  .sale_parking .sale_parking__sale-old-sum {
    border-radius: 2px;
    background-color: #76bc21;
    font-family: DINPro;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: condensed;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #ffffff;
    padding: 0 5px 1px 4px;
    margin: 0 0 0 8px;
    vertical-align: super; }
  .sale_parking .sale_parking__sale-new-orice {
    font-weight: bold;
    font-size: 24px; }

.sale_parking__title-map {
  padding: 4rem 0; }

.portfolio-box__sale-sum {
  /*margin: 100px auto;*/
  width: 110px;
  height: 110px;
  display: block;
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 0; }
  .portfolio-box__sale-sum-title {
    width: 150px;
    height: 34px;
    top: 20px;
    right: -40px;
    position: absolute;
    display: block;
    background: #FF0000;
    color: #333;
    font-family: arial;
    font-size: 18px;
    color: white;
    text-align: center;
    line-height: 34px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg); }

.client-title-page {
  text-align: left;
  font-size: 28px;
  font-weight: 600;
  padding: 25px 0; }

.content-staff {
  background: url("../img/Staff/background_pobeda.jpg") no-repeat;
  background-size: 100% 100vh;
  background-attachment: fixed; }
  @media (max-width: 767px) {
    .content-staff {
      background: none; } }

.general-menedj {
  min-height: calc(100vh - 80px);
  width: 100%;
  text-align: left;
  background-color: rgba(0, 40, 101, 0.94); }
  @media (max-width: 1485px) {
    .general-menedj {
      min-height: calc(100vh - 60px); } }
  @media (max-width: 1200px) {
    .general-menedj {
      text-align: center; } }
  .general-menedj .client-title-page {
    color: #ffffff;
    font-size: 40px; }
    @media (max-width: 768px) {
      .general-menedj .client-title-page {
        font-size: 30px; } }

.general-menedj-wrapper {
  padding: 50px 0;
  font-size: 0; }
  @media (max-width: 768px) {
    .general-menedj-wrapper {
      padding: 10px 0; } }

.general-menedj-wrapper__inner-img {
  font-size: 20px;
  max-width: 350px;
  height: 350px;
  width: 100%;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 30px; }
  @media (max-width: 1200px) {
    .general-menedj-wrapper__inner-img {
      margin-right: 0; } }
  @media (max-width: 768px) {
    .general-menedj-wrapper__inner-img {
      max-width: 300px;
      height: 300px; } }
  .general-menedj-wrapper__inner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.general-menedj-wrapper__inner-text {
  font-size: 20px;
  max-width: 660px;
  vertical-align: top; }

.general-menedj-inner-text {
  padding: 20px; }

.general-menedj-inner-text__title {
  font-weight: 600;
  font-size: 35px;
  margin-bottom: 20px;
  letter-spacing: 3px;
  color: #fff; }

.general-menedj-inner-text__title-description {
  font-size: 22px;
  color: #d2d2d2;
  font-weight: 600;
  margin-bottom: 20px; }

.general-menedj-inner-text__text {
  font-size: 18px;
  line-height: 35px;
  color: #ffffff; }

.client-staff {
  text-align: left;
  font-size: 0;
  padding: 10px 0; }

.client-staff__title-ju {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: left;
  padding-left: 0; }
  .client-staff__title-ju:nth-child(1) {
    padding-left: 20px; }
  @media (max-width: 1200px) {
    .client-staff__title-ju {
      text-align: center;
      padding: 0; } }

.client-staff-plite {
  text-align: center;
  margin-left: -20px;
  margin-bottom: 20px; }
  @media (max-width: 1200px) {
    .client-staff-plite {
      margin-left: 0; } }
  .client-staff-plite .client-staff-plite__item {
    box-sizing: border-box;
    display: inline-block;
    max-width: 380px;
    height: 380px;
    font-size: 20px;
    width: 100%;
    margin: 10px;
    overflow: hidden;
    cursor: pointer;
    position: relative; }
    @media (max-width: 1024px) {
      .client-staff-plite .client-staff-plite__item {
        margin: 10px;
        max-width: 343px;
        height: 343px; } }
    @media (max-width: 767px) {
      .client-staff-plite .client-staff-plite__item {
        max-width: 300px;
        height: 300px;
        margin: 10px 0; } }
    .client-staff-plite .client-staff-plite__item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: -webkit-transform 2s ease;
      transition: transform 2s ease;
      transition: transform 2s ease, -webkit-transform 2s ease; }
    .client-staff-plite .client-staff-plite__item:hover img {
      -webkit-transform: scale(1.03, 1.03);
          -ms-transform: scale(1.03, 1.03);
              transform: scale(1.03, 1.03); }
    .client-staff-plite .client-staff-plite__item .client-staff-plite__position {
      position: absolute;
      z-index: 2;
      left: 0;
      right: 0;
      bottom: 0;
      text-align: left;
      color: #fff;
      box-sizing: border-box;
      padding: 20px; }
    .client-staff-plite .client-staff-plite__item .client-staff-plite__shadow {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url(/app/dev/public/img/Staff/Shadow.png) bottom left no-repeat;
      color: #fff;
      text-transform: uppercase;
      outline: 0;
      z-index: 1;
      background-size: 110% 43%; }
    .client-staff-plite .client-staff-plite__item .client-staff-plite__pisition-name {
      font-size: 20px;
      font-weight: 600; }
    .client-staff-plite .client-staff-plite__item .client-staff-plite__pisition-staff {
      display: block;
      font-size: 18px; }

.client-staff_title-sections {
  font-size: 40px;
  color: #039be5;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: left;
  padding-left: 0; }
  @media (max-width: 767px) {
    .client-staff_title-sections {
      font-size: 28px; } }

.client-staff__wrapper__full-width:nth-child(even) {
  background-color: rgba(47, 47, 47, 0.94); }
  .client-staff__wrapper__full-width:nth-child(even) .client-staff__title-ju {
    color: aliceblue !important; }

.client-staff__wrapper__full-width:nth-child(odd) {
  background-color: rgba(255, 255, 255, 0.94); }
  .client-staff__wrapper__full-width:nth-child(odd) .client-staff__title-ju {
    color: #000000 !important; }

.client-staff__wrapper__full-width hr {
  line-height: 1em;
  position: relative;
  outline: 0;
  border: 0;
  color: black;
  text-align: center;
  height: 2px;
  opacity: .8;
  display: inline-block;
  margin-bottom: 30px;
  margin-top: 15px;
  width: 100%; }
  .client-staff__wrapper__full-width hr:before {
    content: '';
    background: linear-gradient(to right, transparent, #013A33, transparent);
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px; }
  .client-staff__wrapper__full-width hr:after {
    content: attr(data-content);
    position: relative;
    display: inline-block;
    padding: 0 .5em;
    line-height: 1.5em;
    color: #013A33;
    background-color: #013A33; }

.upload-files__title {
  font-size: 16px;
  font-weight: bold; }

.upload-files__plite {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .upload-files__plite-item {
    max-width: 300px;
    width: 100%;
    max-height: 300px;
    height: 300px; }
    .upload-files__plite-item img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .upload-files__plite-item-name {
      font-weight: bold; }
    .upload-files__plite-item-error {
      margin-left: 10px;
      color: darkred; }

.edit-pass-model__elements-pics-file-image {
  min-width: 200px;
  max-width: 400px;
  min-height: 200px;
  max-height: 400px; }
  .edit-pass-model__elements-pics-file-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.reg_confirm {
  -webkit-align-items: flex-start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  top: 50% !important;
  margin-top: -150px;
  position: fixed !important; }
  @media (max-width: 768px) {
    .reg_confirm {
      top: 20px; } }

.dialog-cod__text {
  text-transform: uppercase;
  padding: 15px 40px;
  font-size: 37px;
  background: #283593;
  color: rgba(255, 255, 255, 0.87);
  letter-spacing: 18px; }
  @media (max-width: 768px) {
    .dialog-cod__text {
      font-size: 14px;
      letter-spacing: 16px; } }

.dialog__reg {
  padding: 10px 7px; }

.dialog_loader {
  width: 100%;
  z-index: 60; }

.dialog-inner_loader {
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-height: 100vh; }

.dialog-content_loader {
  max-width: 470px;
  max-height: 300px;
  padding: 10px;
  min-height: 200px;
  height: 1px;
  overflow: hidden; }

.not-found {
  background-color: #013A33; }
  .not-found.five-houndrid {
    height: 100vh; }
    .not-found.five-houndrid svg {
      margin-top: -250px; }
    .not-found.five-houndrid .message-box {
      margin-top: -100px;
      margin-left: 50px; }
  .not-found svg {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -400px;
    margin-left: -400px; }
  .not-found .message-box {
    height: 200px;
    width: 380px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: 50px;
    color: #FFF;
    font-weight: 300; }
  .not-found .message-box h1 {
    font-size: 60px;
    line-height: 46px;
    margin-bottom: 40px; }
  .not-found .buttons-con .action-link-wrap {
    margin-top: 40px; }
  .not-found .buttons-con .action-link-wrap a {
    background: #68c950;
    padding: 8px 25px;
    border-radius: 4px;
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
    transition: all 0.3s linear;
    cursor: pointer;
    text-decoration: none;
    margin-right: 10px; }
  .not-found .buttons-con .action-link-wrap a:hover {
    background: #3c9e4c;
    color: #fff; }
  .not-found #Polygon-1, .not-found #Polygon-2, .not-found #Polygon-3, .not-found #Polygon-4, .not-found #Polygon-4, .not-found #Polygon-5 {
    -webkit-animation: float 1s infinite ease-in-out alternate;
            animation: float 1s infinite ease-in-out alternate; }
  .not-found #Polygon-2 {
    -webkit-animation-delay: .2s;
            animation-delay: .2s; }
  .not-found #Polygon-3 {
    -webkit-animation-delay: .4s;
            animation-delay: .4s; }
  .not-found #Polygon-4 {
    -webkit-animation-delay: .6s;
            animation-delay: .6s; }
  .not-found #Polygon-5 {
    -webkit-animation-delay: .8s;
            animation-delay: .8s; }

@-webkit-keyframes float {
  100% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px); } }

@keyframes float {
  100% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px); } }
  @media (max-width: 450px) {
    .not-found svg {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -250px;
      margin-left: -190px; }
    .not-found .message-box {
      top: 50%;
      left: 50%;
      margin-top: -100px;
      margin-left: -190px;
      text-align: center; } }

.payment-request-header {
  min-height: 530px;
  background: url("../img/PayRequest/pay-req-header.png"); }
  .payment-request-header__wrapper {
    max-width: 1200px;
    width: 100%;
    text-align: left; }
  .payment-request-header__title {
    /*font-size: ;*/
    padding: 20px 0; }
    .payment-request-header__title h1 {
      font-weight: bold; }

@media (max-width: 1200px) {
  .payment-request .container {
    padding: 20px; } }

.payment-request-form__wrapper {
  padding: 25px;
  max-width: 503px;
  width: 100%;
  min-height: 289px;
  box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.35);
  background-color: #ffffff;
  border: solid 2px #dddddd; }

.payment-request-form-element {
  width: 100%; }
  .payment-request-form-element__input {
    width: 100%;
    padding: 16px 32px;
    box-sizing: border-box;
    background-color: #ffffff;
    border: solid 2px #dddddd;
    font-size: 22px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #dddddd; }
  .payment-request-form-element__title {
    font-size: 20px; }
  .payment-request-form-element__container {
    width: 100%; }
    .payment-request-form-element__container.md-input-focused label {
      color: #013A33; }
    .payment-request-form-element__container.md-input-focused input {
      border-color: #013A33; }

.payment-request a {
  transition: all 0.2s;
  text-decoration: none;
  color: #f05f40; }
  .payment-request a:hover {
    color: #013A33;
    text-decoration: none; }

.payment-request h1,
.payment-request h2,
.payment-request h3,
.payment-request h4,
.payment-request h5,
.payment-request h6 {
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; }

.payment-request .bg-primary {
  background-color: #013A33 !important; }

.payment-request .bg-dark {
  background-color: #212529 !important; }

.payment-request .text-faded {
  color: rgba(255, 255, 255, 0.7); }

.payment-request section {
  padding: 4rem 0; }

.payment-request .section-heading {
  margin-top: 0; }

.payment-request ::selection {
  color: #fff;
  background: #212529;
  text-shadow: none; }

.payment-request img::selection {
  color: #fff;
  background: transparent; }

.payment-request img::-moz-selection {
  color: #fff;
  background: transparent; }

.payment-request .row {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.payment-request header.masthead {
  padding-top: 10rem;
  padding-bottom: calc(10rem - 56px);
  background-color: #000;
  background-image: url("../img/PayRequest/pay-req-header.png");
  background-position: center center;
  background-size: cover;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .payment-request header.masthead hr {
    margin-top: 30px;
    margin-bottom: 30px; }
  .payment-request header.masthead h1 {
    font-size: 2rem; }
  .payment-request header.masthead p {
    font-weight: 300; }
  @media (min-width: 768px) {
    .payment-request header.masthead p {
      font-size: 1.15rem; } }
  @media (min-width: 992px) {
    .payment-request header.masthead {
      height: 100vh;
      min-height: 650px;
      padding-top: 0;
      padding-bottom: 0; }
      .payment-request header.masthead h1 {
        font-size: 3rem; } }
  @media (min-width: 1200px) {
    .payment-request header.masthead h1 {
      font-size: 4rem; } }

.payment-request .my-auto {
  margin-bottom: auto; }

.payment-request .my-auto {
  margin-top: auto; }

.payment-request .bg-primary {
  background-color: #013A33;
  padding: 8rem 0; }

.payment-request .text-faded {
  color: rgba(255, 255, 255, 0.7); }

.payment-request hr.light {
  border-color: #fff; }

.payment-request .section-heading {
  margin-top: 0; }

.payment-request .text-white {
  color: #fff; }

.payment-request .mx-auto {
  margin-left: auto; }

.payment-request .mx-auto {
  margin-right: auto; }

.payment-request .service-box {
  max-width: 400px; }

.payment-request section {
  padding: 4rem 0; }

.payment-request .section-heading {
  margin-top: 0; }

.payment-request .mb-4, .payment-request .my-4 {
  margin-bottom: 1.5rem; }

.payment-request .mt-4, .payment-request .my-4 {
  margin-top: 1.5rem; }

.payment-request hr {
  max-width: 50px;
  border-width: 3px;
  border-color: #f05f40; }

.payment-request hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

.payment-request hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

.payment-request .text-primary {
  color: #f05f40; }

.payment-request .mb-3, .payment-request .my-3 {
  margin-bottom: 1rem; }

.payment-request .text-muted {
  color: #6c757d; }

.payment-request .p-0 {
  padding: 0; }

.payment-request .no-gutters {
  margin-right: 0;
  margin-left: 0; }

.payment-request .no-gutters > .col, .payment-request .no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0; }

.payment-request .img-fluid {
  max-width: 100%;
  height: auto;
  width: 100%; }

.payment-request img {
  vertical-align: middle;
  border-style: none; }

.payment-request .ml-auto, .payment-request .mx-auto {
  margin-left: auto; }

.payment-request .mr-auto, .payment-request .mx-auto {
  margin-right: auto !important; }

.section-heading__slug {
  font-size: 24px;
  font-weight: bold; }

.service-box__link {
  display: inline-block; }
  @media (max-width: 1200px) {
    .service-box__link {
      margin: 20px 0; } }
  .service-box__link i {
    transition: all 0.2s; }
  .service-box__link a {
    color: #f05f40 !important; }
  .service-box__link:hover i {
    color: #0a275f; }

@charset "UTF-8";
/*Административная часть*/
.admin-header {
  background: #013A33;
  display: inline-block;
  width: 100%;
  font-size: 0;
  height: 80px;
  position: relative; }
  .admin-header .admin-header__additional_menu_open {
    display: inline-block;
    text-align: center; }
  .admin-header .admin_kub_style {
    height: 100%;
    width: 80px; }
  .admin-header .admin-header__burger-menu {
    position: relative;
    width: 50px;
    height: 100%;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    background: url(../img/icon_menu.svg) no-repeat 50% 50%;
    background-size: 70%; }
  .admin-header .admin-header__logo {
    display: inline-block;
    max-width: 250px;
    min-height: 100%;
    vertical-align: top;
    height: 100%;
    background: transparent;
    line-height: 80px; }
    .admin-header .admin-header__logo .admin-header__logo_link {
      display: inline-block;
      color: #ffffff; }
      .admin-header .admin-header__logo .admin-header__logo_link .menu__logo_img {
        padding-left: 25px;
        vertical-align: middle;
        fill: #ffffff; }
      .admin-header .admin-header__logo .admin-header__logo_link .admin-header__logo_title {
        display: inline-block;
        font-size: 14px;
        line-height: 18px;
        text-transform: uppercase;
        vertical-align: middle;
        letter-spacing: 1.4px;
        width: 120px;
        font-weight: 600;
        padding-left: 16px; }
  .admin-header .admin-header__menu {
    display: inline-block;
    height: 100%;
    font-size: 14px;
    color: #ffffff;
    font-weight: 600;
    margin-left: 20px;
    vertical-align: middle;
    line-height: 80px; }
    .admin-header .admin-header__menu .admin-header__menu_wrapper {
      line-height: 1.2;
      display: inline-block;
      vertical-align: middle; }
      .admin-header .admin-header__menu .admin-header__menu_wrapper .admin-header__menu_item {
        display: inline-block;
        padding: 10px 15px;
        cursor: pointer;
        transition: color 0.3s ease;
        position: relative;
        text-transform: uppercase;
        /*&:active {
          border: 2px solid #ffffff;
        }*/ }
        .admin-header .admin-header__menu .admin-header__menu_wrapper .admin-header__menu_item:hover {
          color: #fff; }
          .admin-header .admin-header__menu .admin-header__menu_wrapper .admin-header__menu_item:hover::before {
            width: 100%; }
        .admin-header .admin-header__menu .admin-header__menu_wrapper .admin-header__menu_item::before {
          content: '';
          position: absolute;
          width: 0;
          left: 0;
          bottom: 1px;
          border-bottom: 2px solid #ffffff;
          transition: width 0.25s ease-out; }
  .admin-header .admin-header__menu_login {
    float: right;
    display: inline-block;
    height: 100%;
    font-size: 14px;
    color: #ffffff;
    font-weight: 600;
    margin-right: 20px;
    vertical-align: middle;
    line-height: 80px; }
    .admin-header .admin-header__menu_login .admin-header__menu_login_ico {
      background: url(../img/icon_account.svg) no-repeat 8% 50%;
      background-color: transparent;
      max-width: 40px;
      width: 40px;
      height: 100%;
      display: inline-block;
      vertical-align: middle; }
    .admin-header .admin-header__menu_login .admin-header__menu_login_name_post {
      line-height: 1.4;
      display: inline-block;
      vertical-align: middle;
      margin-right: 20px; }
      .admin-header .admin-header__menu_login .admin-header__menu_login_name_post .admin-header__menu_login_name {
        font-size: 14px; }
      .admin-header .admin-header__menu_login .admin-header__menu_login_name_post .admin-header__menu_login_post {
        font-weight: 400;
        font-size: 14px; }
    .admin-header .admin-header__menu_login .admin-header__menu_login_logout {
      margin-left: 10px;
      font-size: 14px;
      display: inline-block;
      float: right;
      color: #ffffff;
      cursor: pointer;
      text-decoration: none;
      position: relative;
      transition: color .3s ease; }
      .admin-header .admin-header__menu_login .admin-header__menu_login_logout:hover {
        color: #fff; }

.admin_content {
  width: calc(100% - 220px);
  font-size: 0;
  margin-left: 220px;
  overflow: hidden;
  height: calc(100vh - 64px);
  /*Главная страница админки*/ }
  @media print {
    .admin_content {
      height: 100% !important;
      width: 100% !important;
      margin-left: 0 !important; } }
  .admin_content .admin_content_left_wrapper {
    width: 260px;
    height: 100%;
    display: inline-block;
    position: relative;
    font-size: 14px; }
    .admin_content .admin_content_left_wrapper .admin_content_left_wrapper__header {
      width: 100%;
      min-height: 81px;
      line-height: 81px;
      display: inline-block;
      cursor: pointer;
      transition: background-color 0.3s ease; }
      .admin_content .admin_content_left_wrapper .admin_content_left_wrapper__header:hover {
        background-color: #013A33; }
        .admin_content .admin_content_left_wrapper .admin_content_left_wrapper__header:hover .admin_content_left_wrapper__header_inner_title {
          color: #FFFFFF !important; }
        .admin_content .admin_content_left_wrapper .admin_content_left_wrapper__header:hover .one_gear {
          fill: #fff !important;
          -webkit-animation-name: onerotation;
                  animation-name: onerotation;
          -webkit-animation-duration: 2s;
                  animation-duration: 2s;
          -webkit-animation-iteration-count: infinite;
                  animation-iteration-count: infinite;
          -webkit-animation-timing-function: linear;
                  animation-timing-function: linear;
          -webkit-transform-origin: center;
              -ms-transform-origin: center;
                  transform-origin: center; }

@-webkit-keyframes onerotation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

@keyframes onerotation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }
        .admin_content .admin_content_left_wrapper .admin_content_left_wrapper__header:hover .two_gear {
          fill: #fff !important;
          -webkit-animation-name: rotation;
                  animation-name: rotation;
          -webkit-animation-duration: 2s;
                  animation-duration: 2s;
          -webkit-animation-iteration-count: infinite;
                  animation-iteration-count: infinite;
          -webkit-animation-timing-function: linear;
                  animation-timing-function: linear;
          -webkit-transform-origin: center;
              -ms-transform-origin: center;
                  transform-origin: center; }

@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
      .admin_content .admin_content_left_wrapper .admin_content_left_wrapper__header .admin_content_left_wrapper__header_inner {
        padding: 0 20px; }
        .admin_content .admin_content_left_wrapper .admin_content_left_wrapper__header .admin_content_left_wrapper__header_inner .admin_content_left_wrapper__header_ico {
          width: 45px;
          height: 45px;
          display: inline-block;
          vertical-align: middle; }
          .admin_content .admin_content_left_wrapper .admin_content_left_wrapper__header .admin_content_left_wrapper__header_inner .admin_content_left_wrapper__header_ico .one_gear {
            fill: #013A33;
            transition: fill .3s ease; }
          .admin_content .admin_content_left_wrapper .admin_content_left_wrapper__header .admin_content_left_wrapper__header_inner .admin_content_left_wrapper__header_ico .two_gear {
            fill: #013A33;
            transition: fill .3s ease; }
        .admin_content .admin_content_left_wrapper .admin_content_left_wrapper__header .admin_content_left_wrapper__header_inner .admin_content_left_wrapper__header_inner_title {
          line-height: 1.2;
          display: inline-block;
          vertical-align: middle;
          max-width: 161px;
          margin-left: 10px;
          font-size: 14px;
          color: #013A33;
          transition: color .3s ease;
          font-weight: 600;
          letter-spacing: 0.8px; }
    .admin_content .admin_content_left_wrapper .admin_content_left_wrapper__content .admin_content_left_wrapper__title {
      border-bottom: 2px solid #013A33;
      cursor: pointer; }
      .admin_content .admin_content_left_wrapper .admin_content_left_wrapper__content .admin_content_left_wrapper__title:hover {
        background-color: #e5edf7; }
        .admin_content .admin_content_left_wrapper .admin_content_left_wrapper__content .admin_content_left_wrapper__title:hover .admin_content_left_wrapper__content_title {
          color: #013A33; }
        .admin_content .admin_content_left_wrapper .admin_content_left_wrapper__content .admin_content_left_wrapper__title:hover .ico_home {
          fill: #013A33 !important; }
        .admin_content .admin_content_left_wrapper .admin_content_left_wrapper__content .admin_content_left_wrapper__title:hover .arrow_home {
          transition: -webkit-transform .3s ease;
          transition: transform .3s ease;
          transition: transform .3s ease, -webkit-transform .3s ease;
          -webkit-animation-name: move_arrow;
                  animation-name: move_arrow;
          -webkit-animation-duration: 1s;
                  animation-duration: 1s;
          -webkit-animation-iteration-count: infinite;
                  animation-iteration-count: infinite;
          -webkit-animation-timing-function: linear;
                  animation-timing-function: linear; }

@-webkit-keyframes move_arrow {
  0% {
    -webkit-transform: translateX(56px);
            transform: translateX(56px); }
  100% {
    -webkit-transform: translateX(-37px);
            transform: translateX(-37px); } }

@keyframes move_arrow {
  0% {
    -webkit-transform: translateX(56px);
            transform: translateX(56px); }
  100% {
    -webkit-transform: translateX(-37px);
            transform: translateX(-37px); } }
      .admin_content .admin_content_left_wrapper .admin_content_left_wrapper__content .admin_content_left_wrapper__title .admin_content_left_wrapper__title__ico {
        width: 20px;
        height: 30px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
        margin-top: 3px; }
        .admin_content .admin_content_left_wrapper .admin_content_left_wrapper__content .admin_content_left_wrapper__title .admin_content_left_wrapper__title__ico .ico_home {
          fill: #383737; }
        .admin_content .admin_content_left_wrapper .admin_content_left_wrapper__content .admin_content_left_wrapper__title .admin_content_left_wrapper__title__ico .arrow_home {
          -webkit-transform: translateX(56px);
              -ms-transform: translateX(56px);
                  transform: translateX(56px); }
      .admin_content .admin_content_left_wrapper .admin_content_left_wrapper__content .admin_content_left_wrapper__title .admin_content_left_wrapper__content_title {
        text-align: left;
        font-weight: 600;
        font-size: 18px;
        padding-left: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        display: inline-block;
        vertical-align: middle;
        max-width: 180px; }
    .admin_content .admin_content_left_wrapper .admin_content_left_wrapper__content .admin_content_left_wrapper__content__home {
      text-align: left;
      height: calc(100vh - 280px);
      position: relative; }
      .admin_content .admin_content_left_wrapper .admin_content_left_wrapper__content .admin_content_left_wrapper__content__home .admin_content_left_wrapper__content__home_item {
        padding: 10px 0;
        padding-left: 20px;
        color: #242424;
        font-weight: 600;
        font-size: 14px;
        cursor: pointer;
        position: relative;
        transition: background-color .3s ease; }
        .admin_content .admin_content_left_wrapper .admin_content_left_wrapper__content .admin_content_left_wrapper__content__home .admin_content_left_wrapper__content__home_item span {
          z-index: 4;
          position: relative; }
        .admin_content .admin_content_left_wrapper .admin_content_left_wrapper__content .admin_content_left_wrapper__content__home .admin_content_left_wrapper__content__home_item::before {
          content: '';
          position: absolute;
          border: 19.6px solid transparent;
          border-left: 8px solid #013A33;
          left: 0;
          top: 50%;
          margin-top: -20px;
          opacity: 0;
          transition: opacity .3s ease, left 1s ease;
          z-index: 2; }
        .admin_content .admin_content_left_wrapper .admin_content_left_wrapper__content .admin_content_left_wrapper__content__home .admin_content_left_wrapper__content__home_item::after {
          content: '';
          position: absolute;
          width: 0%;
          background-color: #013A33;
          height: 100%;
          left: 0;
          top: 0;
          z-index: 2;
          transition: width 1s ease; }
        .admin_content .admin_content_left_wrapper .admin_content_left_wrapper__content .admin_content_left_wrapper__content__home .admin_content_left_wrapper__content__home_item:hover {
          background-color: #e5edf7;
          color: #013A33; }
          .admin_content .admin_content_left_wrapper .admin_content_left_wrapper__content .admin_content_left_wrapper__content__home .admin_content_left_wrapper__content__home_item:hover::before {
            opacity: 1; }
        .admin_content .admin_content_left_wrapper .admin_content_left_wrapper__content .admin_content_left_wrapper__content__home .admin_content_left_wrapper__content__home_item.active {
          color: #ffffff;
          position: relative;
          background-color: #e5edf7; }
          .admin_content .admin_content_left_wrapper .admin_content_left_wrapper__content .admin_content_left_wrapper__content__home .admin_content_left_wrapper__content__home_item.active::before {
            content: '';
            left: 100%;
            opacity: 1; }
          .admin_content .admin_content_left_wrapper .admin_content_left_wrapper__content .admin_content_left_wrapper__content__home .admin_content_left_wrapper__content__home_item.active::after {
            content: '';
            width: 100%; }
  .admin_content .admin_content_right_wrapper {
    display: inline-block;
    height: calc(100vh - 154px);
    background-color: #f2f2f2;
    width: calc(100% - 260px);
    vertical-align: top;
    font-size: 14px;
    overflow: hidden; }
    .admin_content .admin_content_right_wrapper .admin_content_right_inner {
      text-align: left;
      height: calc(100vh - 153px);
      overflow-y: auto;
      position: relative; }
  .admin_content .main_admin_item {
    background-color: #0a3779;
    height: 100%;
    font-size: 20px;
    color: #FFFFFF;
    vertical-align: middle;
    text-align: center;
    min-height: calc(100vh - 138px); }
    .admin_content .main_admin_item .main_admin_item__inner {
      line-height: 1.2;
      vertical-align: middle;
      display: inline-block; }

.style-admin-content-wrapper {
  height: 100%;
  overflow-y: auto;
  font-size: 16px;
  position: relative;
  z-index: 0; }
  @media print {
    .style-admin-content-wrapper {
      overflow: auto !important;
      height: 100%; } }
  .style-admin-content-wrapper .admin-jobs-inner-style {
    margin: 0 auto;
    max-width: 1200px;
    padding: 20px 0; }

.admin_footer {
  width: 100%;
  background-color: #2f2f2f;
  min-height: 74px;
  position: relative;
  z-index: 1; }
  .admin_footer .admin_footer_wrapper {
    max-width: 1200px;
    display: block;
    margin: 0 auto;
    font-size: 16px;
    color: #959595;
    min-height: 100%;
    line-height: 74px; }
    .admin_footer .admin_footer_wrapper .admin_footer_copyright {
      vertical-align: middle;
      display: inline-block;
      line-height: 1.2; }
    .admin_footer .admin_footer_wrapper .admin_footer_copyright__right {
      float: right;
      vertical-align: middle;
      display: inline-block; }
      .admin_footer .admin_footer_wrapper .admin_footer_copyright__right .admin_footer__footer_copyright__bright {
        color: #6291ca;
        text-decoration: underline;
        transition: color 0.3s ease-in-out;
        cursor: pointer; }
        .admin_footer .admin_footer_wrapper .admin_footer_copyright__right .admin_footer__footer_copyright__bright:hover {
          color: #ffffff; }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga'; }

.vertical-middle {
  display: inline-block;
  vertical-align: middle; }

.fa-ellipsis-v {
  font-size: 32px; }

.click-button-effect:after {
  content: "";
  background: rgba(158, 158, 158, 0.2);
  display: block;
  position: absolute;
  padding-top: 110%;
  padding-left: 350%;
  margin-left: -20px !important;
  margin-top: -120%;
  opacity: 0;
  transition: all 0.8s;
  width: 100%;
  height: 0px; }

.click-button-effect:active:after {
  padding: 0;
  margin: 0;
  margin-top: -40px;
  opacity: 1;
  transition: 0s; }

.title-item {
  width: 100%;
  width: calc(100% - 10px); }
  .title-item input {
    position: relative;
    padding: 5px 0 5px 10px;
    font-size: 15px;
    border: 1px solid #2b579a;
    border-bottom: 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); }
  .title-item .title-item_label {
    font-size: 20px;
    margin-bottom: 10px; }

.form-item-button {
  float: right;
  right: -2px;
  box-shadow: none; }

@media (max-width: 1200px) {
  .admin-worker_footer_copyright {
    display: none !important; } }

/**********************Добавление разделов**************************/
/*Новая админка*/
.admin_content_panel {
  display: block;
  max-width: 100%;
  margin: -10px 14px 20px;
  border-color: transparent;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  padding: 20px;
  background-color: #fff;
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12);
  color: #3e4855; }
  @media print {
    .admin_content_panel {
      padding: 0 !important;
      margin: 0 !important; } }
  .admin_content_panel.admin_content_panel_edit_section {
    margin: 0 auto !important; }

.admin_content__button_worker_add span {
  font-size: 16px !important;
  color: #ffffff !important; }

/*Старая админка*/
.list-section ol {
  counter-reset: li;
  list-style: none;
  margin: 0; }

.list-section li {
  margin: 10px 0;
  font-size: 0; }

.list-section li:before {
  counter-increment: li;
  content: counters(li, ".") ". ";
  padding: 9.5px 0;
  display: inline-block;
  margin-right: 5px;
  border-radius: 3px;
  color: white;
  text-align: center;
  width: 39px;
  transition: .4s linear;
  font-size: 16px;
  font-weight: 600; }

.list-section .list {
  /*li:hover:before {
      background: #0f1c88;
    }*/ }
  .list-section .list .sublist-one_link {
    width: 68.2%; }
  .list-section .list a {
    display: inline-block;
    padding: 5px;
    text-decoration: none;
    color: #383737;
    margin: 5px 0;
    line-height: 1.2;
    font-weight: 600;
    font-size: 16px;
    width: 50%; }
  .list-section .list li:before {
    background: #f18921; }

.list-section .sublist-one > li:before {
  background: #2d73a8; }

.list-section .sublist-one > li:hover:before {
  background: #0a275f; }

.list-section .sublist-two > li:before {
  background: #5f86c6; }

.list-section .sublist-two > li:hover:before {
  background: #4471aa; }

.list-section .sublist-one {
  margin: 10px 0 30px 0; }
  .list-section .sublist-one li {
    padding-left: 39px; }

.list-section .sublist-two li {
  padding-left: 40px; }

.list-section__title {
  padding: 10px 0;
  margin-top: 0;
  position: relative;
  z-index: 1; }
  .list-section__title span {
    font-size: 26px;
    font-weight: 600;
    color: #013A33;
    position: relative;
    padding-left: 5px; }
  .list-section__title .list-section-button {
    position: absolute;
    z-index: 2;
    font-weight: 600;
    color: #013A33;
    right: 10px;
    top: 50%;
    margin-top: -17px;
    border: 2px solid #013A33;
    border-radius: 3px;
    padding: 5px;
    cursor: pointer;
    transition: border .5s ease, background-color .5s ease; }
    .list-section__title .list-section-button:hover {
      border-color: #349700;
      background-color: #349700;
      color: #ffffff; }

.list_button {
  display: inline-block;
  vertical-align: top;
  width: 39px;
  height: 39px;
  cursor: pointer;
  color: #ffffff;
  font-weight: 600;
  position: relative; }
  .list_button:hover::before {
    position: absolute;
    min-width: 201px;
    padding: 2px 10px 2px 10px;
    min-height: 35px;
    font-weight: 400;
    font-size: 14px;
    z-index: 999;
    top: 0;
    display: inline-block;
    line-height: 35px;
    text-align: center;
    opacity: 1; }
  .list_button::before {
    opacity: 0;
    display: none; }

.item_style_add {
  background-color: #349700; }
  .item_style_add:hover::before {
    left: 117px;
    content: 'Добавить внутренний раздел';
    background-color: rgba(52, 151, 0, 0.6); }

.item_style_del {
  background-color: #973529; }
  .item_style_del:hover::before {
    left: 39px;
    content: 'Удалить';
    background-color: rgba(151, 53, 41, 0.6); }

.item_style_edit {
  background: #f18921; }
  .item_style_edit:hover::before {
    left: 78px;
    content: 'Редактировать';
    background-color: rgba(241, 137, 33, 0.6); }

.tab-menu {
  font-size: 0;
  text-align: left;
  background: #FFF;
  padding: 0 24px;
  border-color: rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  position: relative;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }
  .tab-menu .tab-menu__block {
    display: inline-block;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.54);
    border-bottom: 0;
    min-height: 50px;
    padding: 0 10px;
    font-weight: 600;
    line-height: 50px;
    vertical-align: middle;
    margin-right: 5px;
    cursor: pointer;
    box-sizing: border-box;
    background: #fff;
    border-bottom: 2px solid transparent;
    transition: color .5s ease, border .5s ease; }
    .tab-menu .tab-menu__block:hover {
      /*background: #013A33;
      color: #ffffff;
      border-color: #013A33;*/ }
    .tab-menu .tab-menu__block.active {
      color: #2d323e;
      border-bottom: 2px solid #039BE5; }

.input-wrapper {
  margin-bottom: 20px; }

.input_title {
  font-size: 20px;
  font-weight: 600;
  color: #013A33; }

.input-wrapper__input {
  width: 50%;
  font-size: 16px;
  margin-top: 10px; }
  .input-wrapper__input input {
    width: 100%;
    padding: 5px; }

.style_checkbox_section {
  text-align: left;
  min-height: 26px;
  line-height: 26px;
  margin: 10px 0; }
  .style_checkbox_section .row-checkbox__item {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
    width: 49%; }
  .style_checkbox_section label {
    display: inline-block !important;
    margin: 0;
    vertical-align: top;
    height: 100%; }

.publish {
  margin-top: 20px; }

.form-item-button {
  margin-bottom: 20px; }

.inner_section_style {
  margin-bottom: 20px; }

/*
Иконки*/
.float-right {
  float: right; }

.ico-button-section {
  width: 15px;
  height: 15px;
  display: block;
  margin: 0 auto;
  position: relative;
  top: 50%;
  margin-top: -7.5px; }
  .ico-button-section svg {
    fill: #ffffff; }

.ico-title-add-section {
  width: 34px;
  display: block;
  right: 200px;
  position: absolute !important; }

.admin-container {
  position: relative;
  z-index: 1; }
  .admin-container div, .admin-container input, .admin-container p, .admin-container a {
    box-sizing: border-box; }
  .admin-container .admin-worker-header {
    font-size: 0;
    width: 100%;
    position: relative;
    z-index: 1;
    /*Правый хеадер*/ }
    .admin-container .admin-worker-header .admin-worker__left {
      display: inline-block;
      font-size: 18px;
      background-color: #373C47;
      color: rgba(255, 255, 255, 0.87);
      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }
      .admin-container .admin-worker-header .admin-worker__left .admin-worker__left-header {
        height: 64px;
        min-height: 64px;
        line-height: 60px;
        padding: 0 16px 0 24px;
        width: 220px;
        transition: width .4s ease-in; }
        @media (max-width: 876px) {
          .admin-container .admin-worker-header .admin-worker__left .admin-worker__left-header {
            width: 117px; } }
        .admin-container .admin-worker-header .admin-worker__left .admin-worker__left-header .admin-worker-logo {
          width: 64px;
          display: inline-block;
          height: 58px;
          vertical-align: middle;
          cursor: pointer; }
          .admin-container .admin-worker-header .admin-worker__left .admin-worker__left-header .admin-worker-logo svg {
            fill: #ffffff; }
      .admin-container .admin-worker-header .admin-worker__left .admin-worker__left-animation-menu {
        height: 100%;
        line-height: 65px;
        cursor: pointer;
        color: #d4d3d1;
        transition: color .2s ease-in-out; }
        .admin-container .admin-worker-header .admin-worker__left .admin-worker__left-animation-menu:hover {
          color: #f8f8f8; }
    .admin-container .admin-worker-header .admin-header-right {
      background-color: white;
      color: black;
      display: inline-block;
      min-height: 64px;
      line-height: 64px;
      vertical-align: top;
      font-size: 18px;
      text-align: right;
      width: calc(100% - 220px);
      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }
      @media (max-width: 876px) {
        .admin-container .admin-worker-header .admin-header-right {
          width: calc(100% - 117px); } }
      .admin-container .admin-worker-header .admin-header-right .admin-header-right-contact_info {
        display: block;
        float: right;
        position: relative;
        padding: 0 30px 0 20px;
        transition: all 0.7s ease;
        transition-duration: 0.4s; }
        .admin-container .admin-worker-header .admin-header-right .admin-header-right-contact_info:hover {
          background-color: rgba(158, 158, 158, 0.2);
          cursor: pointer;
          /*.admin-header-right-contact_info-dop {
            opacity: 1;
            z-index: 1;
            right: 0;
          }*/ }
        .admin-container .admin-worker-header .admin-header-right .admin-header-right-contact_info .admin-header-right-contact_info__ico {
          width: 50px;
          min-width: 50px;
          height: 50px;
          line-height: 50px;
          margin: 0 8px 0 0;
          border-radius: 50%;
          font-size: 17px;
          font-weight: 500;
          text-align: center;
          color: #FFF;
          overflow: hidden;
          display: inline-block;
          vertical-align: middle;
          position: relative;
          /*&:before {
            content: '';
            position: absolute;
            width: 15px;
            height: 15px;
            mask-image: url("../img/Admin/NewAdmin/check.svg");
            background-color: #4CAF50;
            right: 10px;
            bottom: 1px;
            z-index: 2;
          }*/ }
          .admin-container .admin-worker-header .admin-header-right .admin-header-right-contact_info .admin-header-right-contact_info__ico img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        .admin-container .admin-worker-header .admin-header-right .admin-header-right-contact_info .admin-header-right-contact_info__name {
          display: inline-block;
          vertical-align: middle;
          line-height: 1.2;
          font-weight: 600; }
          .admin-container .admin-worker-header .admin-header-right .admin-header-right-contact_info .admin-header-right-contact_info__name .admin-header-right-contact_info__staff {
            display: block;
            text-align: left;
            font-weight: 400;
            font-size: 14px; }
      .admin-container .admin-worker-header .admin-header-right .arrow_down_admin-header-right-contact_info {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 50%;
        margin-top: -24px;
        right: 0; }
        .admin-container .admin-worker-header .admin-header-right .arrow_down_admin-header-right-contact_info svg {
          width: 100%;
          height: 100%;
          fill: rgba(0, 0, 0, 0.7); }
      .admin-container .admin-worker-header .admin-header-right .admin-header-right-contact_info-dop {
        opacity: 0;
        z-index: -1;
        line-height: 1.2;
        position: absolute;
        padding: 8px 0;
        background-color: white;
        width: 70%;
        margin-left: -20px;
        text-align: left;
        right: -9999px;
        transition: opacity .7s ease;
        box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }
        .admin-container .admin-worker-header .admin-header-right .admin-header-right-contact_info-dop.active {
          opacity: 1;
          z-index: 1;
          right: 0; }
        .admin-container .admin-worker-header .admin-header-right .admin-header-right-contact_info-dop .admin-header-right-contact_info-dop__row {
          display: block;
          color: rgba(0, 0, 0, 0.87);
          background-color: #fff; }
          .admin-container .admin-worker-header .admin-header-right .admin-header-right-contact_info-dop .admin-header-right-contact_info-dop__row:hover {
            background-color: rgba(158, 158, 158, 0.2); }
        .admin-container .admin-worker-header .admin-header-right .admin-header-right-contact_info-dop .admin-header-right-contact_info-dop__ico {
          font-size: 16px;
          padding: 10px 15px; }
          .admin-container .admin-worker-header .admin-header-right .admin-header-right-contact_info-dop .admin-header-right-contact_info-dop__ico i {
            font-size: 26px;
            color: rgba(0, 0, 0, 0.54); }

.admin-worker-left-menu {
  position: absolute;
  top: 64px;
  bottom: 0;
  width: 220px;
  display: block;
  position: fixed;
  background-color: #2D323E;
  color: white;
  box-shadow: inset 0px 2px 6px 0px rgba(0, 0, 0, 0.5), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
  @media (max-width: 876px) {
    .admin-worker-left-menu {
      display: none; } }
  .admin-worker-left-menu .admin-worker-left-menu__inner {
    max-height: calc(100vh - 64px);
    overflow-y: auto;
    overflow-x: hidden; }
  .admin-worker-left-menu .admin-worker-left-menu__row_title {
    padding-left: 24px;
    padding-right: 10px; }
    .admin-worker-left-menu .admin-worker-left-menu__row_title .admin-worker-left-menu__title_role {
      color: rgba(255, 255, 255, 0.3);
      display: inline-block;
      vertical-align: middle;
      word-wrap: normal;
      line-height: 1.2; }
  .admin-worker-left-menu .admin-worker-left-menu__row_item {
    position: relative;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.7);
    display: block;
    transition: all 0.7s ease; }
    .admin-worker-left-menu .admin-worker-left-menu__row_item:hover {
      background: rgba(0, 0, 0, 0.1); }
    .admin-worker-left-menu .admin-worker-left-menu__row_item.current {
      background: rgba(255, 255, 255, 0.3); }
    .admin-worker-left-menu .admin-worker-left-menu__row_item .admin-worker-left-menu__inner_item {
      position: relative;
      width: 100%;
      vertical-align: middle;
      /*display: inline-block;*/
      color: rgba(255, 255, 255, 0.7);
      text-decoration: none;
      white-space: normal;
      overflow: hidden;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
      padding: 0 10px;
      height: 40px; }
      .admin-worker-left-menu .admin-worker-left-menu__row_item .admin-worker-left-menu__inner_item i {
        font-size: 22px; }
      .admin-worker-left-menu .admin-worker-left-menu__row_item .admin-worker-left-menu__inner_item .admin-worker-left-menu__item {
        white-space: normal;
        overflow: hidden;
        line-height: 1.2;
        vertical-align: middle;
        font-size: 15px;
        /* max-width: 150px;*/
        margin-left: 5px; }
  .admin-worker-left-menu .admin-worker-left-menu-item_children {
    display: none; }
  .admin-worker-left-menu .item_children_style .item_children_style_inner {
    padding-left: 36px; }

.admin_content {
  z-index: 8; }
  @media (max-width: 876px) {
    .admin_content {
      width: 100% !important;
      margin-left: 0 !important; } }

.admin_content__header {
  min-height: 130px;
  cursor: default;
  padding: 30px;
  font-size: 28px;
  padding-bottom: 0;
  background-image: url(../img/Admin/NewAdmin/header-bg.png);
  background-size: cover;
  background-color: #039be5;
  color: white; }
  @media print {
    .admin_content__header {
      display: none !important; } }
  .admin_content__header i {
    font-size: 28px;
    font-weight: 600;
    margin-right: 10px; }
  .admin_content__header.admin_content_header_add {
    background-color: #1DE9B6; }
  .admin_content__header.admin_content_header_edit {
    background-color: #F57F17; }
  .admin_content__header.admin_content__header_add-meterdata {
    background-color: #F44336; }
  .admin_content__header .admin_content__header-title {
    font-weight: 300;
    font-size: 40px;
    display: inline-block;
    max-width: 850px;
    overflow-x: hidden;
    white-space: nowrap; }
    @media (max-width: 1350px) {
      .admin_content__header .admin_content__header-title {
        font-size: 22px; } }
  .admin_content__header .admin_content__header-left {
    float: left;
    max-width: 686px; }
  .admin_content__header .admin_content__header-right {
    float: right; }
  .admin_content__header .style_header_search {
    color: #ffffff;
    font-size: 16px;
    padding: 10px;
    background-color: transparent;
    border: 0;
    border-bottom: 2px solid rgba(255, 255, 255, 0.6); }
    .admin_content__header .style_header_search:active {
      border-bottom: 2px solid white; }
    .admin_content__header .style_header_search:focus {
      border-bottom: 2px solid white; }

/********************************************************Главная****************************************************/
.style_header-left_fullwidth {
  max-width: 100% !important; }

.header-title_name {
  display: block;
  font-size: 24px; }

.admin_content-widget-group {
  font-size: 20px;
  margin-top: -10px;
  margin-bottom: -35px; }
  @media (max-width: 1210px) {
    .admin_content-widget-group {
      display: none; } }
  @media (max-height: 770px) {
    .admin_content-widget-group {
      display: none; } }

.admin_content-widget-group__inner {
  text-align: center;
  position: relative;
  min-height: 300px; }
  .admin_content-widget-group__inner .admin_content-widget-group__item {
    position: relative;
    visibility: visible;
    background-color: #fff;
    width: 300px;
    min-height: 261px;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    margin: 0 10px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }
    @media (max-width: 1210px) {
      .admin_content-widget-group__inner .admin_content-widget-group__item {
        display: block;
        margin: 5px auto; } }
    .admin_content-widget-group__inner .admin_content-widget-group__item .admin_content-widget-group-title {
      height: 55px;
      min-height: 55px;
      max-height: 55px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.12);
      background-color: #FAFAFA !important;
      line-height: 55px;
      font-size: 20px;
      vertical-align: middle;
      display: block; }
      .admin_content-widget-group__inner .admin_content-widget-group__item .admin_content-widget-group-title .widget-group-title-item {
        line-height: 1.2;
        display: inline-block; }
    .admin_content-widget-group__inner .admin_content-widget-group__item .admin_content-widget-group-count {
      padding-top: 8px;
      font-size: 72px;
      color: #03A9F4;
      padding-bottom: 32px; }
      .admin_content-widget-group__inner .admin_content-widget-group__item .admin_content-widget-group-count .admin_content-widget-group-count__description {
        font-size: 14px;
        color: rgba(0, 0, 0, 0.54);
        display: block;
        letter-spacing: -0.5px;
        font-weight: 600; }
    .admin_content-widget-group__inner .admin_content-widget-group__item .admin_content-widget-group-footer {
      height: 55px;
      min-height: 55px;
      max-height: 55px;
      line-height: 55px;
      vertical-align: middle;
      display: block;
      font-size: 14px;
      border-top: 1px solid rgba(0, 0, 0, 0.12);
      background-color: #FAFAFA !important;
      cursor: pointer;
      transition: color .4s ease; }
      .admin_content-widget-group__inner .admin_content-widget-group__item .admin_content-widget-group-footer:hover {
        color: #185cc1; }
    .admin_content-widget-group__inner .admin_content-widget-group__item .admin_content-widget-group__circle {
      position: absolute;
      height: 25px;
      width: 25px;
      line-height: 20px;
      top: 15px;
      right: 10px;
      border-radius: 50%;
      cursor: pointer; }
      .admin_content-widget-group__inner .admin_content-widget-group__item .admin_content-widget-group__circle span {
        color: #ffffff;
        font-weight: 600;
        font-size: 14px; }
      .admin_content-widget-group__inner .admin_content-widget-group__item .admin_content-widget-group__circle:hover .admin_content-widget-group__circle-tooltip {
        display: block; }
    .admin_content-widget-group__inner .admin_content-widget-group__item .circle_add {
      background-color: #199438; }
    .admin_content-widget-group__inner .admin_content-widget-group__item .circle_del {
      right: 40px;
      background-color: #ea433c; }
    .admin_content-widget-group__inner .admin_content-widget-group__item .admin_content-widget-group__circle-tooltip {
      display: none;
      position: absolute;
      color: #fff0ff;
      top: 41px;
      min-height: 141px;
      padding: 5px;
      transition: opacity .7s ease;
      width: 330px; }
    .admin_content-widget-group__inner .admin_content-widget-group__item .circle-tooltip_del {
      background-color: rgba(234, 67, 60, 0.9);
      left: -275px; }
    .admin_content-widget-group__inner .admin_content-widget-group__item .circle-tooltip_add {
      background-color: rgba(25, 148, 56, 0.9);
      left: -305px; }

.admin-header-right__link-back-site {
  float: left;
  cursor: pointer;
  font-size: 0;
  padding: 0 10px;
  box-sizing: border-box;
  transition: background-color .7s ease, color .7s ease; }
  .admin-header-right__link-back-site i {
    font-size: 20px; }
  .admin-header-right__link-back-site span {
    font-size: 18px; }
  .admin-header-right__link-back-site:hover {
    background-color: rgba(158, 158, 158, 0.2);
    color: #185cc1; }

/*************************************Чат*******************************************************************************/
.chat {
  font-size: 16px;
  max-width: 1500px;
  width: 100%;
  margin: 20px auto;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  height: calc(100vh - 574px); }
  @media (max-width: 1210px) {
    .chat {
      height: calc(100vh - 344px); } }
  @media (max-height: 770px) {
    .chat {
      height: calc(100vh - 344px); } }

.chat-user {
  float: left;
  vertical-align: top;
  overflow: hidden;
  max-width: 400px;
  width: 100%; }

.chat-user__inner {
  width: 100%;
  overflow-y: auto;
  height: calc(100vh - 639px); }
  @media (max-width: 1210px) {
    .chat-user__inner {
      height: calc(100vh - 409px); } }
  @media (max-height: 770px) {
    .chat-user__inner {
      height: calc(100vh - 409px); } }

.chat-user__toolbar {
  height: 64px;
  line-height: 64px;
  max-height: 64px;
  padding: 0 16px;
  background-color: #039be5;
  color: white;
  font-size: 24px;
  border-bottom: 1px solid transparent; }

.chat-user-list {
  border-right: 1px solid rgba(0, 0, 0, 0.08); }

.chat-user-list__item {
  height: auto;
  min-height: 60px;
  line-height: 60px;
  width: 100%;
  background: #FFF;
  display: inline-block;
  cursor: pointer;
  position: relative; }
  .chat-user-list__item:hover {
    background-color: rgba(158, 158, 158, 0.2);
    color: #185cc1; }

.chat-user-list__item_style {
  line-height: 1.2;
  display: inline-block;
  padding-left: 10px;
  padding-right: 30px; }

.chat-user-message {
  float: left;
  vertical-align: top;
  width: calc(100% - 400px);
  position: relative;
  height: 100%; }

.chat-user-message__toolbar {
  height: 64px;
  max-height: 64px;
  padding: 0 16px;
  font-size: 24px;
  background-color: #F3F4F5;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.54);
  letter-spacing: -0.5px;
  line-height: 64px; }
  .chat-user-message__toolbar i {
    padding-right: 10px; }

.chat-user__status {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  border-radius: 50%;
  right: 25px; }
  .chat-user__status i {
    position: absolute;
    display: block;
    font-size: 100%; }
  .chat-user__status.style_online {
    font-size: 100%;
    color: #00cc66; }
  .chat-user__status.style_offline {
    color: #ea433c; }

.chat-user-message__img-user {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 10px;
  display: inline-block; }
  .chat-user-message__img-user img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.chat-user-message__inner {
  height: calc(100vh - 700px);
  overflow: hidden;
  overflow-y: auto;
  margin-bottom: 60px;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000000' fill-opacity='0.09' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E"); }
  @media (max-width: 1210px) {
    .chat-user-message__inner {
      height: calc(100vh - 470px); } }
  @media (max-height: 770px) {
    .chat-user-message__inner {
      height: calc(100vh - 470px); } }

.chat-post_message {
  height: 60px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  font-size: 0; }

.chat-user-message__style {
  padding: 20px; }
  .chat-user-message__style.message__style_output {
    text-align: left; }
  .chat-user-message__style.message__style_input {
    text-align: right; }
    .chat-user-message__style.message__style_input .chat-user-message-output__message {
      text-align: left;
      background-color: #fff; }
      .chat-user-message__style.message__style_input .chat-user-message-output__message:before {
        background-image: url(/app/dev/public/img/Admin/NewAdmin/message.png);
        right: -11px;
        left: auto; }

.chat-user-message-output__message {
  display: inline-block;
  min-width: 150px;
  max-width: 761px;
  margin-left: auto;
  margin-right: 20px;
  position: relative;
  padding: 6px 7px 20px 9px;
  box-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.13);
  border-radius: 6px;
  background-color: #DCF8C6;
  border: 1px solid #DFEBE0;
  vertical-align: middle; }
  .chat-user-message-output__message:before {
    background-image: url(/app/dev/public/img/Admin/NewAdmin/input_message.png);
    content: '';
    position: absolute;
    left: -11px;
    bottom: 3px;
    width: 12px;
    height: 19px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain; }

.chat-post_message__input-message {
  padding: 5px;
  width: 100%;
  border: 1px solid #0a275f;
  max-height: 40px;
  overflow: hidden;
  overflow-y: auto;
  outline: none;
  border: 0;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12); }
  .chat-post_message__input-message:active {
    border-bottom: 2px solid #039be5; }
  .chat-post_message__input-message:focus {
    border-bottom: 2px solid #039be5; }

.chat-post_message__inner {
  font-size: 16px;
  max-width: 1025px;
  width: 90%;
  height: 60px;
  box-sizing: border-box;
  padding: 15px 10px 0; }

.chat-post_message__button-input {
  font-size: 18px;
  width: 35px; }

.button-input__send {
  width: 27px;
  height: 31px;
  overflow: hidden;
  display: block;
  padding-top: 10px;
  margin-left: 10px;
  cursor: pointer; }
  .button-input__send svg {
    width: 100%;
    height: 100%;
    fill: rgba(0, 0, 0, 0.12);
    transition: fill .4s ease; }
  .button-input__send.active svg {
    fill: #039be5; }
  .button-input__send:hover svg {
    fill: #039be5; }

.chat-user-message__date {
  position: absolute;
  bottom: 3px;
  left: 20px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5); }

.style_inline-block {
  display: inline-block; }

.input_row {
  width: 100%;
  margin: 20px 0; }
  .input_row .select-admin-style {
    width: 400px; }
  .input_row .input_style {
    width: 100%;
    font-size: 13px;
    padding: 6px;
    vertical-align: middle;
    border: 1px solid #ccc;
    border-radius: 3px; }
  .input_row .input_telephone {
    width: 400px; }

.admin-contacts_section_add {
  margin-bottom: 20px; }
  .admin-contacts_section_add p {
    font-size: 16px;
    margin-bottom: 10px; }

.ico__default_img-toltip {
  display: inline-block;
  margin-right: 20px; }
  .ico__default_img-toltip p {
    font-size: 14px; }
  .ico__default_img-toltip img {
    width: 200px;
    height: 200px; }

.admin-wrapper-ico-plus-minus {
  margin-bottom: 0; }

.admin-worker-left-menu__animate {
  transition: width .4s ease-in; }
  .admin-worker-left-menu__animate.hide {
    width: 48px;
    display: block !important;
    overflow: hidden; }
    .admin-worker-left-menu__animate.hide .admin-worker-left-menu__item {
      /* opacity: 0;
      display: none !important;*/ }

.admin-worker-left-menu__item.no-active {
  display: none !important; }

#ico-arrow-left {
  display: inline-block;
  transition: .2s ease; }

.admin_content {
  transition: margin-left .4s ease-in, width .4s ease-in; }
  .admin_content.leftMenuHide {
    margin-left: 48px;
    width: calc(100% - 48px); }

.edit-pass__wrap {
  max-width: 600px;
  width: 100%; }

.edit-pass .edit-pass__title {
  font-size: 24px;
  font-weight: bold;
  padding: 0 0 10px; }

.edit-pass-model .edit-pass-model__title {
  font-size: 16px;
  font-weight: bold; }

.edit-pass-model .edit-pass-model__elements {
  margin-bottom: 10px; }
  .edit-pass-model .edit-pass-model__elements input {
    width: 100%;
    box-sizing: border-box;
    padding: 5px; }
  .edit-pass-model .edit-pass-model__elements select {
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    outline: 0; }
  .edit-pass-model .edit-pass-model__elements button {
    background-color: #4CAF50;
    color: #fff;
    font-weight: bold;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    transition: background-color .3s ease-in-out; }
    .edit-pass-model .edit-pass-model__elements button:hover {
      background-color: #38a73c; }
  .edit-pass-model .edit-pass-model__elements-checkbox {
    width: 16px;
    height: 16px;
    background-color: #ffffff; }
  .edit-pass-model .edit-pass-model__elements_input-pass {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .edit-pass-model .edit-pass-model__elements_input-pass-ico {
      margin-left: 4px;
      cursor: pointer; }
  .edit-pass-model .edit-pass-model__elements-button-ico {
    margin-right: 5px; }

.edit-pass-model .edit-pass-model__security-question {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.edit-pass-model .edit-pass-model__link {
  color: #6696d0;
  font-weight: bold;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  transition: color .2s ease-in-out;
  margin: 5px 0; }
  .edit-pass-model .edit-pass-model__link.active .edit-pass-model__link-ico i {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .edit-pass-model .edit-pass-model__link:hover {
    color: #4c79b1; }
  .edit-pass-model .edit-pass-model__link-ico {
    margin-left: 2px;
    font-size: 12px; }

.edit-pass-model.edit-pass-model__button-save {
  margin-top: 20px; }

.edit-pass-model.edit-pass-model_own-quest {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-top: 14px;
  margin-left: 20px; }
  .edit-pass-model.edit-pass-model_own-quest.select-quest {
    margin-left: 0; }

.edit-pass-model .edit-pass-model__own-quest-title {
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 8px;
  margin-left: 7px; }

@media print {
  .receipt-view {
    font-size: 7pt !important;
    margin: .5cm !important; } }

.receipt-view .receipt-view__back {
  color: #0a275f;
  margin-right: 4px; }
  .receipt-view .receipt-view__back a {
    text-decoration: none;
    color: #0a275f;
    font-weight: bold; }
  .receipt-view .receipt-view__back:hover {
    color: #233c5f; }
    .receipt-view .receipt-view__back:hover a {
      color: #233c5f; }
  @media print {
    .receipt-view .receipt-view__back {
      display: none; } }

.receipt-view .receipt-view-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 20px 0; }
  .receipt-view .receipt-view-header .receipt-view-header__date {
    font-size: 25px;
    font-weight: bold;
    margin-right: 40px; }
  .receipt-view .receipt-view-header .receipt-view-header__sum {
    font-size: 16px; }
    .receipt-view .receipt-view-header .receipt-view-header__sum .receipt-view-header__sum-title {
      font-weight: bold; }
    .receipt-view .receipt-view-header .receipt-view-header__sum .receipt-view-header__sum-count {
      font-weight: bold;
      font-size: 18px;
      color: #0a275f; }
  .receipt-view .receipt-view-header .receipt-view-header__shtrih {
    margin-left: auto; }
    .receipt-view .receipt-view-header .receipt-view-header__shtrih .receipt-view-header__shtrih-wrap {
      width: 268px;
      height: 40px; }
      @media print {
        .receipt-view .receipt-view-header .receipt-view-header__shtrih .receipt-view-header__shtrih-wrap {
          width: 174px !important;
          height: 28px !important; } }
      .receipt-view .receipt-view-header .receipt-view-header__shtrih .receipt-view-header__shtrih-wrap img {
        width: 100%;
        height: 100%; }

.receipt-view .receipt-view-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 10px -10px; }
  .receipt-view .receipt-view-row .receipt-view-row__column {
    margin: 0 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
    .receipt-view .receipt-view-row .receipt-view-row__column.col-30 {
      width: 30%; }
    .receipt-view .receipt-view-row .receipt-view-row__column.col-50 {
      width: 50%; }
    .receipt-view .receipt-view-row .receipt-view-row__column.col-70 {
      width: 70%; }
    .receipt-view .receipt-view-row .receipt-view-row__column.col-100 {
      width: 100%; }
    .receipt-view .receipt-view-row .receipt-view-row__column .receipt-view-row__column-title {
      font-weight: bold;
      font-size: 16px;
      margin-bottom: 10px;
      text-align: left; }
      @media print {
        .receipt-view .receipt-view-row .receipt-view-row__column .receipt-view-row__column-title {
          font-size: 10pt !important; } }
  .receipt-view .receipt-view-row .receipt-view-row__column-block {
    background-color: #f5f5f5;
    padding: 10px;
    height: 100%;
    box-sizing: border-box; }
    .receipt-view .receipt-view-row .receipt-view-row__column-block.row-qr {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      @media print {
        .receipt-view .receipt-view-row .receipt-view-row__column-block.row-qr {
          -webkit-align-items: flex-start !important;
              -ms-flex-align: start !important;
                  align-items: flex-start !important; } }
    @media print {
      .receipt-view .receipt-view-row .receipt-view-row__column-block {
        padding: 0; } }
    .receipt-view .receipt-view-row .receipt-view-row__column-block .receipt-view-row__block-list .receipt-view-row__block-item .receipt-view-row__block-item-title {
      font-weight: 600; }
      @media print {
        .receipt-view .receipt-view-row .receipt-view-row__column-block .receipt-view-row__block-list .receipt-view-row__block-item .receipt-view-row__block-item-title {
          text-align: left !important; } }
    .receipt-view .receipt-view-row .receipt-view-row__column-block .receipt-view-row__block-list .receipt-view-row__block-item .receipt-view-row__block-item-info {
      margin-left: 3px; }
      .receipt-view .receipt-view-row .receipt-view-row__column-block .receipt-view-row__block-list .receipt-view-row__block-item .receipt-view-row__block-item-info p {
        padding: 0;
        margin: 0;
        display: inline-block; }
    @media print {
      .receipt-view .receipt-view-row .receipt-view-row__column-block .receipt-view-row__wrapper-qr {
        width: 100px !important;
        height: 100px !important; } }
    .receipt-view .receipt-view-row .receipt-view-row__column-block .receipt-view-row__wrapper-qr img {
      width: 100%;
      height: 100%; }

.receipt-view .receipt-table .receipt-table__header {
  font-weight: bold; }
  @media print {
    .receipt-view .receipt-table .receipt-table__header {
      margin-bottom: -2px !important; } }

.receipt-view .receipt-table .receipt-table__body .receipt-table__row .receipt-table__col {
  padding: 5px 10px; }
  @media print {
    .receipt-view .receipt-table .receipt-table__body .receipt-table__row .receipt-table__col {
      padding: 1.5pt !important;
      line-height: 7.5pt !important; } }

.list-req-wrap {
  padding: 0 10px; }

.content-search {
  margin: 10px 0 0;
  box-sizing: border-box;
  padding: 10px 0 0; }
  @media (max-width: 1040px) {
    .content-search {
      text-align: center; } }
  .content-search .content-search__input-search {
    max-width: 400px;
    width: 100%; }
    .content-search .content-search__input-search input {
      width: 100%;
      font-size: 16px;
      padding: 11px 5px;
      box-sizing: border-box;
      border: 1px solid #ccc; }
      .content-search .content-search__input-search input:hover {
        border: 1px solid #000; }
      .content-search .content-search__input-search input:focus {
        border: 1px solid #000; }
  .content-search .content-search__input-date-search {
    min-width: 200px;
    cursor: pointer; }
    .content-search .content-search__input-date-search select {
      width: 100%;
      outline: 0;
      font-size: 16px;
      padding: 10px 3px;
      box-sizing: border-box; }
      .content-search .content-search__input-date-search select:hover {
        border: 1px solid #000; }
    @media (max-width: 623px) {
      .content-search .content-search__input-date-search {
        margin-top: 10px; } }
  .content-search .content-search__input-year-search {
    min-width: 200px;
    cursor: pointer; }
    .content-search .content-search__input-year-search select {
      font-size: 16px;
      width: 100%;
      outline: 0;
      padding: 10px 3px;
      box-sizing: border-box; }
      .content-search .content-search__input-year-search select:hover {
        border: 1px solid #000; }
    @media (max-width: 827px) {
      .content-search .content-search__input-year-search {
        margin-top: 10px; } }

.content-search__input-button-search {
  padding: 9px 3px;
  min-width: 200px;
  cursor: pointer;
  font-size: 18px;
  box-sizing: border-box;
  background-color: #6696d0;
  border: 1px solid transparent;
  color: #fff;
  transition: all 60ms ease-in-out; }
  .content-search__input-button-search:hover {
    opacity: .85;
    background-color: #226ac1; }
  .content-search__input-button-search.search_request {
    margin: 9px 0 0 10px; }
  @media (max-width: 1031px) {
    .content-search__input-button-search {
      margin-top: 10px; } }

.content-list-req {
  padding: 0 0 10px;
  /*.content-list-req__wrap {
    .content-list-req__wrap-list {
      font-size: 18px;
      .content-list-req__wrap-list-item {
        list-style: none outside;
        position: relative;
        margin-bottom: 10px;
        &.disabled {
          pointer-events: none;
          color: #ccc;
          !*text-decoration: line-through;*!
          .content-list-req__wrap-list-item-ico {
            color: #ccc;
          }
          .content-list-req__list-item-closed {

          }
        }
        .content-list-req__wrap-list-item-ico {
          color: #013A33;
          margin-right: 10px;
        }
        .content-list-req__list-item-button {
          padding: 5px 0;
          min-width: 200px;
          text-align: center;
          cursor: pointer;
          font-size: 18px;
          box-sizing: border-box;
          background-color: #29b000;
          border: 1px solid transparent;
          color: #fff;
          &:hover {
            transition: all 60ms ease;
            opacity: .85;
          }
        }
      }
    }
  }*/ }
  .content-list-req .content-list-req__row-item {
    font-size: 16px;
    border: 1px solid #000;
    margin-top: -1px;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
    box-sizing: border-box; }
    .content-list-req .content-list-req__row-item.header-table {
      font-size: 18px;
      font-weight: bold;
      word-wrap: break-word; }
    .content-list-req .content-list-req__row-item.close_period {
      color: #ccc; }
      .content-list-req .content-list-req__row-item.close_period .content-list-req__item-action {
        color: #000000; }
    .content-list-req .content-list-req__row-item .content-list-req__item-name {
      max-width: 700px;
      width: 100%;
      text-align: center;
      padding: 0 5px;
      border-right: 1px solid #000;
      word-break: break-all; }
    .content-list-req .content-list-req__row-item .content-list-req__item-status {
      max-width: 200px;
      width: 100%;
      text-align: center;
      padding: 0 5px;
      border-right: 1px solid #000; }
    .content-list-req .content-list-req__row-item .content-list-req__item-action {
      max-width: 300px;
      width: 100%;
      text-align: center;
      padding: 0 5px; }
  .content-list-req .content-list-req__action-mail {
    color: #0a275f;
    border: 0;
    margin: 2px auto;
    font-size: 24px;
    background-color: transparent;
    cursor: pointer;
    display: block; }
    .content-list-req .content-list-req__action-mail:hover {
      transition: all .6s ease;
      opacity: .85; }
  .content-list-req .content-list-req__button-pay {
    background-color: #29b000;
    color: white;
    border: 0;
    margin-left: 20px;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    padding: 10px 20px;
    transition: background-color 0.4s ease-in-out; }
    .content-list-req .content-list-req__button-pay:hover {
      background-color: #297d00; }
    .content-list-req .content-list-req__button-pay i {
      margin-right: 7px; }

.table-slip {
  font-size: 15px;
  /* .period-false {
    color: #9a9494 !important;
    font-weight: normal !important;
    .font-bold {
      font-weight: normal !important;
    }
  }*/ }
  .table-slip .content-list-req__action-mail {
    color: #0a275f;
    border: 0;
    display: inline-block;
    margin: 2px 4px;
    font-size: 20px;
    background-color: transparent;
    cursor: pointer;
    transition: opacity .6s ease-in-out; }
    .table-slip .content-list-req__action-mail:hover {
      opacity: .85; }
  .table-slip .receipt_status {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block; }
    .table-slip .receipt_status.tooltip .tooltip__wrap:before {
      margin-left: -4px; }
    .table-slip .receipt_status.period-close {
      background-color: #9a9494; }
    .table-slip .receipt_status.period-open {
      background-color: #5ABC6E; }
  .table-slip .content-list-req__action-pay {
    display: block;
    border: 0;
    margin: 2px auto;
    font-size: 24px;
    background-color: transparent;
    cursor: pointer; }
    .table-slip .content-list-req__action-pay:hover .content-list-req__action-pay-icon svg {
      width: 100%;
      height: 100%;
      display: block;
      fill: #91DC5A; }
    .table-slip .content-list-req__action-pay .content-list-req__action-pay-icon {
      width: 32px;
      height: auto;
      display: block; }
      .table-slip .content-list-req__action-pay .content-list-req__action-pay-icon img {
        width: 100%;
        height: 100%;
        display: block; }
      .table-slip .content-list-req__action-pay .content-list-req__action-pay-icon svg {
        width: 100%;
        height: 100%;
        display: block;
        fill: #01723C;
        transition: fill .3s ease-in-out; }

/*
.r-title-page {
  margin: 20px 0;
  font-weight: bold;
  font-size: 28px;
  @media (max-width: 1200px) {
    padding: 0 10px;
    margin: 5px 0;
  }
}

.r_add-request {

}

.r_add-request-message {
  max-width: 400px;
  width: 100%;
  height: 120px;
}

.r_add-request-message__text {
  resize: none;
  width: 100%;
  height: 100%;
  border: 0;
  box-sizing: border-box;
  outline: 0;
  padding: 1em;
  border-radius: 2px;
  display: block;
  font-size: 16px;
  box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
  &:focus {
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  }

}

.r_add-request__left {
  max-width: 250px;
  width: 100%;
  @media (max-width: 790px) {
    max-width: 100%;
    margin-left: 0;
    margin-top: 0;
  }
}

.r_add-request__right {
  max-width: 500px;
  width: 100%;
  margin-left: 10px;
  @media (max-width: 790px) {
    max-width: 100%;
    margin-left: 0;
    margin-top: 5px;
  }
}

.r_add-request__number-tel {
  min-height: 41px;
  .form-input {
    padding-left: 0;
  }
  input {
    padding: 10px 5px;
  }
}

.r_title__add-request {
  font-size: 20px;
  margin: 0;
  box-sizing: border-box;
  padding-top: 10px;
}

.r_add-request__row {
  display: block;
  margin: 10px 0 20px;
  @media (max-width: 790px) {
    margin-bottom: 20px;
  }
}

.r_add-request__department {
  box-sizing: border-box;
  .select-item {
    width: 100%;
  }
}

.r_add-request__right-date {
  max-width: 700px;
}

.r_title__add-request__date {
  padding-top: 0;
}

.r_add-request__date-first {
  font-size: 16px;
  box-sizing: border-box;
  padding-right: 20px;
}

.r_add-request__date-last {
  font-size: 16px;
  box-sizing: border-box;
  padding-right: 10px;
}

.r_title__add-request_number {
  padding-top: 11px;
}

.r_add-request {
  box-sizing: border-box;
  @media (max-width: 1200px) {
    padding: 0 10px;
  }
}


.header-list-req {
  .header-list-req__title {
    font-weight: bold;
    font-size: 28px;
  }
  .header-list-req__button {
    padding: 10px;

  }
}
*/
.popup-req-add {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: 9999999;
  background: rgba(0, 0, 0, 0.71);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  /* start 'enter' transition */
  /* end 'enter' transition */ }
  .popup-req-add.ng-enter, .popup-req-add.ng-leave {
    /* transition on enter and leave for .5s */
    transition: .5s; }
  .popup-req-add.ng-enter .side-form .content {
    /* start with content 80% off the right of the page */
    right: -80%; }
  .popup-req-add.ng-enter .side-form .background {
    /* start with background opacity 0 (invisible) */
    opacity: 0; }
  .popup-req-add.ng-enter-active .side-form .content {
    /* transition the right position which
           slides the content into view */
    transition: right .5s;
    /* end with content aligned to the right of the page */
    right: 0; }
  .popup-req-add.ng-enter-active .side-form .background {
    /* transition the background opacity to fades it in */
    transition: opacity .5s;
    /* end with background opacity 0.8 to give the overlay effect */
    opacity: .8; }
  .popup-req-add .popup-req-add__wrapper {
    max-width: 650px;
    width: 100%;
    background-color: #fff;
    min-height: 400px;
    border-radius: 10px;
    opacity: 1;
    /*transition: opacity .9s ease-in-out;*/ }
    @media (max-width: 665px) {
      .popup-req-add .popup-req-add__wrapper {
        margin: 0 10px; } }
  .popup-req-add .popup-req-add__inner {
    position: relative; }
    .popup-req-add .popup-req-add__inner .popup-req-add__close {
      position: absolute;
      font-size: 23px;
      cursor: pointer;
      right: 7px;
      top: 0;
      /*color: #013A33;*/
      transition: color .3s ease-in-out; }
      .popup-req-add .popup-req-add__inner .popup-req-add__close:hover {
        color: #c62828; }
  .popup-req-add .popup-req-add__header {
    padding: 20px; }
    .popup-req-add .popup-req-add__header .popup-req-add__title {
      font-size: 22px;
      text-transform: uppercase; }
      .popup-req-add .popup-req-add__header .popup-req-add__title h1 {
        font-weight: 600; }
  .popup-req-add .popup-req-add__wrapper-content {
    padding: 0 20px; }
    .popup-req-add .popup-req-add__wrapper-content .popup-req-add__content-title {
      font-size: 18px;
      margin-bottom: 5px; }
    .popup-req-add .popup-req-add__wrapper-content .popup-req-add__content-textarea textarea {
      resize: none;
      width: 100%;
      min-height: 250px;
      outline: none;
      box-sizing: border-box;
      padding: 5px 0 5px 5px; }
  .popup-req-add .popup-req-add__footer {
    padding: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .popup-req-add .popup-req-add__footer .r-indication-button {
      padding: 0px 10px;
      font-size: 12px; }

.list-req-table {
  background-color: #f5f5f5;
  border-bottom: #eee 1px solid;
  box-sizing: border-box;
  padding: 20px 30px 25px 6px; }
  .list-req-table .list-req-table__filter-wrap {
    max-width: 300px;
    width: 100%; }
    .list-req-table .list-req-table__filter-wrap .list-req-table__filter-title {
      font-size: 13px;
      margin-bottom: 5px;
      font-weight: 600; }
    .list-req-table .list-req-table__filter-wrap .list-req-table__element-form {
      width: 100%;
      padding: 5px;
      box-sizing: border-box;
      display: inline-block;
      border: 1px solid #cccccc;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
      .list-req-table .list-req-table__filter-wrap .list-req-table__element-form:focus {
        border: 1px solid #139c9b;
        outline: 0;
        box-shadow: none; }

.table-responsive__head_req {
  background: transparent !important;
  color: #444444 !important;
  font-weight: 600;
  border-bottom: 2px solid rgba(120, 130, 140, 0.045) !important;
  border-top: 1px solid #eceeef;
  padding: 14px 6px !important; }

.table-responsive__td-ico {
  font-size: 23px;
  cursor: pointer;
  transition: color .3s ease-in-out; }
  .table-responsive__td-ico.table-responsive__td-ico_edit {
    color: #000; }
    .table-responsive__td-ico.table-responsive__td-ico_edit:hover {
      color: #ef6c00; }
  .table-responsive__td-ico.table-responsive__td-ico_del {
    color: #000;
    margin-left: 10px; }
    .table-responsive__td-ico.table-responsive__td-ico_del:hover {
      color: #c62828; }
    .table-responsive__td-ico.table-responsive__td-ico_del.tooltip .tooltip__wrap:before {
      bottom: -6px;
      margin-left: -4px; }

@media (max-width: 1200px) {
  .req-list {
    padding: 0 20px; } }

.header-list-req {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.header-list-req__title {
  font-size: 24px;
  font-weight: 600; }

.view-container.ng-enter,
.view-container.ng-leave {
  transition: .3s all ease; }

.view-container.ng-enter {
  -webkit-animation: zoomIn .3s both ease;
          animation: zoomIn .3s both ease; }
  .view-container.ng-enter .popup-req-add__wrapper {
    -webkit-animation: fadeInLeft .3s both ease;
            animation: fadeInLeft .3s both ease;
    position: relative; }

.view-container.ng-leave {
  -webkit-animation: fadeOut .3s both ease;
          animation: fadeOut .3s both ease; }
  .view-container.ng-leave .popup-req-add__wrapper {
    -webkit-animation: fadeOutLeft .3s both ease;
            animation: fadeOutLeft .3s both ease; }

.list-req-current__job {
  position: relative; }
  .list-req-current__job:hover .list-req-current__job-list {
    opacity: 1;
    left: 50%; }
  .list-req-current__job .list-req-current__job-link {
    color: #6696d0;
    text-decoration: underline;
    cursor: pointer;
    transition: color .4s ease-in-out;
    padding: 10px 0; }
    .list-req-current__job .list-req-current__job-link:hover {
      color: #4479d0;
      text-decoration: none; }
  .list-req-current__job .list-req-current__job-list {
    opacity: 0;
    width: 400px;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    position: absolute;
    transition: opacity .4s ease-in-out;
    max-height: 306px;
    overflow-y: auto;
    margin-top: 10px;
    left: 9999px;
    margin-left: -200px;
    z-index: 999999; }
    .list-req-current__job .list-req-current__job-list .list-req-current__job-list__inner {
      padding: 10px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: space-around;
          -ms-flex-pack: distribute;
              justify-content: space-around; }
    .list-req-current__job .list-req-current__job-list .list-req-current__job-list-text {
      font-size: 16px; }
    .list-req-current__job .list-req-current__job-list .list-req-current__job-list-title {
      font-weight: bold; }
    .list-req-current__job .list-req-current__job-list .list-req-current__job-list-position {
      font-style: italic; }
    .list-req-current__job .list-req-current__job-list .list-req-current__job-list-certification .list-req-current__job-list-certification-num {
      font-weight: bold; }
  .list-req-current__job .list-req-current__job-list-img {
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 50%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .list-req-current__job .list-req-current__job-list-img.no-image {
      border: 2px solid #f38900; }
    .list-req-current__job .list-req-current__job-list-img img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .list-req-current__job .list-req-current__job-list-no-image {
    font-size: 20px;
    font-weight: bold;
    color: #f38900; }

.text-request {
  max-width: 100%;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  /*&:hover {
    display: block;
  }*/ }
  .text-request.task-description {
    max-width: 300px; }
    @media (max-width: 1400px) {
      .text-request.task-description {
        max-width: 185px; } }
  .text-request.number {
    max-width: 100px; }
    @media (max-width: 1400px) {
      .text-request.number {
        max-width: 50px; } }
  .text-request.comment {
    max-width: 100px; }

.table-request-text-request {
  position: relative;
  cursor: pointer; }
  .table-request-text-request:hover .text-request__full {
    display: block; }
  .table-request-text-request .text-request__full {
    display: none;
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: 100%;
    min-height: 70px;
    border: 1px solid #9E9E9E;
    padding: 5px;
    overflow-y: auto;
    bottom: 0;
    top: 0;
    left: -2px;
    z-index: 8;
    white-space: normal;
    word-break: break-all;
    box-sizing: border-box; }

.popup-req-add__content-input-tel {
  margin-bottom: 10px; }
  .popup-req-add__content-input-tel input {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 5px;
    font-weight: bold; }

.wrapper-request-item {
  height: 50px; }
  .wrapper-request-item:nth-of-type(even) {
    border-left: 4px solid #f8f8f8; }
    .wrapper-request-item:nth-of-type(even) .text-request__full {
      background-color: #f8f8f8; }
  .wrapper-request-item.alert {
    border-left: 4px solid #aa0018; }
  .wrapper-request-item.positive {
    border-left: 4px solid #4caf50; }

.table-responsive__td-ico_show-alert {
  /*color: #fff;*/
  font-size: 20px; }

.popup-req-add__title-alert {
  font-weight: bold; }

.popup-req-add__text {
  max-height: 400px;
  overflow-y: auto; }

.request-header-table {
  border-left: 4px solid #6696d0; }

/*.alertPopup {
  color: $statusAlert;
}
.positivePopup {
  color: $satatusPositive;
}*/
.request-status__wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .request-status__wrapper .request-status {
    font-size: 23px; }
    .request-status__wrapper .request-status__like .icon__up:before {
      color: #29b000; }
    .request-status__wrapper .request-status__like:hover {
      cursor: pointer; }
      .request-status__wrapper .request-status__like:hover .icon__up:before {
        color: #61ce54; }
    .request-status__wrapper .request-status__dis-like {
      margin-left: 10px; }
      .request-status__wrapper .request-status__dis-like .icon__down:before {
        color: #aa0018; }
      .request-status__wrapper .request-status__dis-like:hover {
        cursor: pointer; }
        .request-status__wrapper .request-status__dis-like:hover .icon__down:before {
          color: #da113a; }

.popup-comment.alertPopup .popup-req-add__popup-title {
  color: #aa0018; }

.popup-comment.positivePopup .popup-req-add__popup-title {
  color: #4caf50; }


.resident {

  background-color: #fafafa; }

.rezident-container {
  min-height: calc(100vh - 160px);
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  padding: 10px 0;
  background-color: #fafafa; }
  .rezident-container.popup-active {
    min-height: calc(100vh - 160px); }
  @media (max-width: 1280px) {
    .rezident-container {
      min-height: calc(100vh - 140px); } }
  @media (max-width: 768px) {
    .rezident-container {
      min-height: calc(100vh - 140px); } }

.rezident-container__mobile {
  left: 0;
  transition: left .2s ease; }
  .rezident-container__mobile.active {
    overflow: hidden;
    width: calc(100% - 200px);
    margin-left: 200px; }
    @media (min-width: 1200px) {
      .rezident-container__mobile.active {
        left: 0; } }
    @media (max-width: 767px) {
      .rezident-container__mobile.active {
        margin-left: 0;
        width: 100%; } }

.r-footer {
  background-color: #2f2f2f;
  min-height: 80px; }
  @media print {
    .r-footer {
      display: none !important; } }

.r-footer__wrapper {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  color: #959595;
  font-size: 16px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media (max-width: 768px) {
    .r-footer__wrapper {
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }

.flex_vertical-middle {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

@media (max-width: 1200px) {
  .r-footer__years {
    text-align: center;
    font-size: 14px;
    padding: 0 10px; } }

.r-header-user__info {
  cursor: pointer;
  padding: 0 20px;
  position: relative;
  transition: background-color .2s ease-in; }
  .r-header-user__info.active .r-header-user__ico-open {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .r-header-user__info:hover {
    background-color: rgba(255, 255, 255, 0.3); }
  .r-header-user__info .r-header-user__ico-open {
    font-size: 24px; }

.r-header-user__menu-user {
  position: absolute;
  right: 0;
  display: none;
  min-height: 26px;
  background-color: #fff;
  color: #7e7e7e;
  max-width: 240px;
  width: 100%;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  z-index: 999; }
  .r-header-user__menu-user .r-header-user__user-ls-wrap {
    line-height: 1.2;
    border-bottom: 1px solid #d8d8d8;
    background: #f6f5f3; }
    .r-header-user__menu-user .r-header-user__user-ls-wrap .r-header-user__user-ls-inner .r-header-user__user-ls-item {
      padding: 10px 20px;
      box-sizing: border-box;
      cursor: pointer;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      color: rgba(0, 0, 0, 0.5);
      border-left: 2px solid transparent;
      font-weight: bold;
      transition: color .2s ease-in-out, background-color .2s ease-in-out, border .2s ease-in-out; }
      .r-header-user__menu-user .r-header-user__user-ls-wrap .r-header-user__user-ls-inner .r-header-user__user-ls-item:hover {
        color: black; }
      .r-header-user__menu-user .r-header-user__user-ls-wrap .r-header-user__user-ls-inner .r-header-user__user-ls-item.active .r-header-user__user-ls-status {
        background-color: #28CA61;
        opacity: 1; }
      .r-header-user__menu-user .r-header-user__user-ls-wrap .r-header-user__user-ls-inner .r-header-user__user-ls-item.current {
        background-color: rgba(0, 0, 0, 0.065);
        color: black; }
      .r-header-user__menu-user .r-header-user__user-ls-wrap .r-header-user__user-ls-inner .r-header-user__user-ls-item .r-header-user__user-ls-status-wrap {
        line-height: 15px;
        height: 15px; }
      .r-header-user__menu-user .r-header-user__user-ls-wrap .r-header-user__user-ls-inner .r-header-user__user-ls-item .r-header-user__user-ls-status {
        box-sizing: border-box;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        overflow: hidden;
        background-color: #ca2828;
        display: inline-block; }
  .r-header-user__menu-user .r-header-user__menu-user-wrap {
    line-height: 1.2; }
    .r-header-user__menu-user .r-header-user__menu-user-wrap .r-header-user__menu-user-wrap__item {
      padding: 10px 20px 10px;
      font-size: 16px;
      text-align: left;
      cursor: pointer;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .r-header-user__menu-user .r-header-user__menu-user-wrap .r-header-user__menu-user-wrap__item:hover {
        color: #212121;
        background: #f3f3f3; }
  .r-header-user__menu-user.active {
    display: block; }
    @media (max-width: 520px) {
      .r-header-user__menu-user.active {
        top: 60px; } }

.r-header-user__info-ico {
  width: 25px;
  height: 25px;
  display: inline-block; }
  @media (max-width: 1200px) {
    .r-header-user__info-ico {
      width: 20px;
      height: 20px; } }
  .r-header-user__info-ico svg {
    fill: #fff; }

.r-header-user {
  max-width: 375px;
  width: 100%;
  float: right;
  height: 100%;
  font-size: 16px;
  line-height: 80px;
  overflow: hidden;
  vertical-align: middle;
  display: inline-block;
  color: #fff; }
  @media (max-width: 1487px) {
    .r-header-user {
      line-height: 60px; } }
  @media (max-width: 1210px) {
    .r-header-user {
      max-width: 367px; } }
  @media (max-width: 520px) {
    .r-header-user {
      max-width: 60px; } }

.r-header {
  position: relative; }
  .r-header.popup-active {
    z-index: 0; }
  .r-header.box-shadow {
    box-shadow: -7px 6px 9px -7px rgba(0, 0, 0, 0.5); }
  @media print {
    .r-header {
      display: none !important; } }

.r-header-user-info-name {
  box-sizing: border-box;
  padding-left: 10px;
  color: #fff;
  font-size: 13px;
  max-width: 265px;
  width: 100%; }

.r-header-user-info__address {
  padding-top: 5px; }

.font-bold {
  font-weight: 600; }

.r-header-user__out-link {
  text-transform: uppercase;
  box-sizing: border-box;
  padding-left: 10px;
  cursor: pointer;
  position: relative;
  color: #fff;
  transition: color 0.2s ease;
  text-decoration: none; }
  @media (max-width: 1487px) {
    .r-header-user__out-link {
      font-size: 14px; } }
  .r-header-user__out-link:before {
    content: '';
    position: absolute;
    bottom: -20%;
    left: 5px;
    right: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    display: block;
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    transition: -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1);
    transition: color 0.4s cubic-bezier(1, 0, 0, 1), -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1);
    transition: transform 0.4s cubic-bezier(1, 0, 0, 1), color 0.4s cubic-bezier(1, 0, 0, 1);
    transition: transform 0.4s cubic-bezier(1, 0, 0, 1), color 0.4s cubic-bezier(1, 0, 0, 1), -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1);
    transition: transform 0.4s cubic-bezier(1, 0, 0, 1), -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1); }
  .r-header-user__out-link:hover {
    color: #6696d0; }
    .r-header-user__out-link:hover:before {
      -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
      transform-origin: left top;
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      transform: scale(1, 1); }

.overflow__hodden {
  overflow: hidden; }

.r-link-back {
  font-size: 16px;
  color: rgba(0, 80, 176, 0.89);
  padding: 5px;
  box-sizing: border-box;
  display: inline-block;
  margin-bottom: 10px;
  text-decoration: none;
  font-weight: bold;
  transition: color .2s ease;
  cursor: pointer; }
  .r-link-back:hover {
    color: #013A33; }

@media (max-width: 1200px) {
  #c-main-menu {
    display: none; } }

.admin-message-button {
  position: absolute;
  right: 0;
  top: 80px;
  max-width: 142px;
  width: 100%;
  background-color: #f38900;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 62px;
  padding: 0 10px;
  color: #fff;
  cursor: pointer;
  font-weight: bold; }
  .admin-message-button:hover {
    background-color: #d67b06; }
  .admin-message-button__title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .admin-message-button__title .admin-message-button__title-text {
      text-align: left;
      font-size: 13px;
      box-sizing: border-box;
      transition: background-color .4s ease-in-out; }
    .admin-message-button__title .admin-message-button__ico {
      font-size: 24px;
      margin-right: 15px;
      margin-left: 10px; }

.link-payment {
  position: absolute;
  top: 80px;
  text-decoration: none;
  max-width: 142px;
  width: 100%;
  background-color: #53b353;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 62px;
  padding: 0 10px;
  color: #fff;
  cursor: pointer;
  font-weight: bold; }
  @media print {
    .link-payment {
      display: none; } }
  .link-payment:hover {
    background-color: #46a746; }
  .link-payment__title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .link-payment__title .link-payment__title-text {
      text-align: left;
      font-size: 13px;
      box-sizing: border-box;
      transition: background-color .4s ease-in-out;
      margin-left: 10px; }
    .link-payment__title .link-payment__ico {
      font-size: 16px;
      margin-right: 0px;
      margin-left: -23px; }

.admin-message {
  position: fixed;
  bottom: 80px;
  right: 10px;
  z-index: 999;
  max-width: 326px;
  display: block;
  overflow: hidden;
  background: #FFF; }
  .admin-message.ng-animate {
    transition: 0.2s linear all; }
  .admin-message.ng-enter {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); }
  .admin-message.ng-enter.ng-enter-active {
    opacity: 1;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none; }
  .admin-message.ng-leave {
    opacity: 1;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none; }
  .admin-message.ng-leave.ng-leave-active {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); }
  .admin-message .admin-message__header {
    height: 80px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #FFF;
    background: #f38900;
    padding: 0 10px;
    box-sizing: border-box; }
    .admin-message .admin-message__header .admin-message__header-close {
      font-size: 18px;
      color: #dc1a0f;
      cursor: pointer;
      transition: opacity .2s ease-in-out; }
      .admin-message .admin-message__header .admin-message__header-close:hover {
        opacity: .8; }
  .admin-message .admin-message__header-title {
    cursor: default;
    bottom: 0;
    font-size: 1em;
    color: #FFF;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    margin-right: 10px; }
  .admin-message .admin-message__content {
    min-height: 300px;
    max-height: 600px;
    overflow-y: auto;
    padding: 20px 10px;
    box-sizing: border-box; }
    .admin-message .admin-message__content .admin-message__content-wrapper.new .admin-message__content-message-title-text {
      color: #6C6; }
      .admin-message .admin-message__content .admin-message__content-wrapper.new .admin-message__content-message-title-text:before {
        border-top: 2px solid #6C6; }
      .admin-message .admin-message__content .admin-message__content-wrapper.new .admin-message__content-message-title-text:after {
        border-top: 2px solid #6C6; }
    .admin-message .admin-message__content .admin-message__content-wrapper.new .admin-message__content-message-inner {
      background: #6C6;
      color: #FFF;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); }
  .admin-message .admin-message__content-message-title .admin-message__content-message-title-text {
    position: relative;
    width: 211px;
    height: 25px;
    margin: auto;
    display: block;
    font-size: 120%;
    color: #858c85;
    line-height: 25px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase; }
    .admin-message .admin-message__content-message-title .admin-message__content-message-title-text:before {
      content: '';
      position: absolute;
      top: 0;
      right: -40px;
      bottom: 0;
      width: 51px;
      height: 0;
      margin: auto;
      border-top: 2px solid #858c85;
      display: block; }
    .admin-message .admin-message__content-message-title .admin-message__content-message-title-text:after {
      content: '';
      position: absolute;
      top: 0;
      left: -40px;
      bottom: 0;
      width: 51px;
      height: 0;
      margin: auto;
      border-top: 2px solid #858c85;
      display: block; }
  .admin-message .admin-message__content-message-text .admin-message__content-message-wrapper {
    margin: 20px 0; }
    .admin-message .admin-message__content-message-text .admin-message__content-message-wrapper .admin-message__content-message-inner {
      cursor: default;
      position: relative;
      padding: 6px 10px 9px 10px;
      margin: 10px 0;
      border-radius: 3px;
      background: #e7eced;
      display: block;
      box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6), 0 6px 6px -6px rgba(0, 0, 0, 0.3);
      font-size: 90%;
      color: #AAA;
      text-shadow: 0 1px 0 #FFF; }
  .admin-message .message .message__title-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .admin-message .message .message__title-wrapper .message__title {
      font-weight: bold;
      font-size: 16px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding-right: 5px; }
    .admin-message .message .message__title-wrapper .message__date {
      font-weight: bold; }
  .admin-message .message .message__text-wrapper {
    font-size: 16px; }

.resident-main-wrapper {
  padding: 20px 10px;
  box-sizing: border-box; }

.r-main-head .r-main-head__alert-desc {
  display: block;
  color: #9e9e9e;
  font-weight: normal;
  font-size: 15px;
  text-transform: none; }

.r-main-head__left {
  max-width: 707px;
  width: 100%;
  background-color: #f6f6f6;
  margin-right: 2px;
  box-sizing: border-box;
  padding-left: 45px;
  padding-right: 10px; }
  @media (max-width: 1200px) {
    .r-main-head__left {
      max-width: 100%; } }

.r-main-head_inner {
  min-height: 110px;
  line-height: 110px; }

.r-main-head__right {
  background-color: #fff6ee;
  min-width: 467px;
  text-align: center;
  box-sizing: border-box; }
  @media (max-width: 1200px) {
    .r-main-head__right {
      display: block;
      margin-top: 20px;
      min-width: 100%;
      text-align: left;
      padding-left: 45px; } }

.r-main-head__right-title {
  font-size: 16px; }

.r-main-head__right-count-bank {
  font-weight: bold;
  display: block;
  font-size: 22px;
  box-sizing: border-box;
  padding-top: 7px; }
  .r-main-head__right-count-bank.alert {
    color: #ca2828; }
  .r-main-head__right-count-bank.no-alert {
    color: #28CA61; }

.r-main-head__left-title {
  font-size: 22px;
  font-weight: bold; }

.r-main-head__left-actual-info {
  font-size: 16px; }

.r-main-info-ls-left {
  max-width: 250px;
  width: 100%; }

.r-main-info-ls {
  margin-top: 45px;
  box-sizing: border-box;
  padding-left: 45px; }

.r-main-info-ls-address {
  position: relative;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 25px; }

.r-main-info-ls-address__ico {
  width: 20px;
  height: 100%;
  position: absolute;
  left: -25px;
  top: 4px; }

.r-main-info-ls-address__title {
  position: relative; }

.r-main-info-ls-left__row {
  font-size: 16px;
  box-sizing: border-box;
  padding-bottom: 24px; }

.r-main-info-ls-left__value {
  font-weight: 600;
  padding-left: 2px; }
  .r-main-info-ls-left__value .r-main-info-ls-left__true {
    color: #28CA61; }
  .r-main-info-ls-left__value .r-main-info-ls-left__false {
    color: #ca2828; }

.sup {
  vertical-align: top;
  font-size: 13px; }

.r-main-info-ls-right {
  max-width: 250px;
  width: 100%; }

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

/* Zebra striping */
.table-responsive__row.closed {
  background-color: #f1f1f1 !important; }
  .table-responsive__row.closed:hover {
    background-color: #e4e4e4 !important; }

.table-responsive__row:nth-of-type(even) {
  background: #f8f8f8; }

.table-responsive__head {
  background: #6696d0;
  color: white;
  font-weight: bold; }

.table-responsive__td {
  padding: 6px;
  border: 1px solid transparent;
  text-align: center; }

.table-td-left {
  text-align: left; }

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
  .table-responsive__wrapper {
    border: transparent; }
  /* Force table to not be like tables anymore */
  .table-responsive__wrapper.responsive, .responsive thead, .responsive tbody, .responsive th, .responsive td, .responsive tr {
    display: block; }
  /* Hide table headers (but not display: none;, for accessibility) */
  .responsive thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .responsive tr {
    border: 1px solid transparent; }
  .responsive td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid transparent;
    position: relative;
    padding-left: 50%;
    font-size: 12px; }
    .responsive td:first-child {
      background-color: #6696d0;
      color: #fff; }
  .responsive td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap; }
  /*
  Label the data
  */
  .responsive td:before {
    content: attr(data-table-header); }
  .table-td-left {
    text-align: center; } }

.table-responsive .bootstrap {
  min-height: .01%;
  overflow-x: auto; }

.r-wrapper-table {
  margin-top: 20px;
  margin-bottom: 35px; }
  .r-wrapper-table_residing {
    margin-bottom: 0; }
  @media (max-width: 768px) {
    .r-wrapper-table {
      margin-bottom: 10px;
      margin-top: 10px; } }

.r-header-burger {
  height: 100%;
  cursor: pointer;
  padding: 12px 20px;
  box-sizing: border-box;
  display: none; }
  @media (min-width: 1200px) {
    .r-header-burger {
      display: none !important; } }
  @media (max-width: 1200px) {
    .r-header-burger {
      display: inline-block; } }
  .r-header-burger .r-header-burger__wrapper {
    position: relative;
    display: block;
    width: 24px;
    height: 2px;
    background: #fff;
    transition: all .2s ease-in-out; }
    .r-header-burger .r-header-burger__wrapper:before, .r-header-burger .r-header-burger__wrapper:after {
      position: absolute;
      background: #fff;
      content: '';
      width: 24px;
      height: 2px;
      transition: all .2s ease-in-out; }
    .r-header-burger .r-header-burger__wrapper:before {
      top: -9px; }
    .r-header-burger .r-header-burger__wrapper:after {
      top: 9px; }

.r-header-burger.active {
  display: inline-block; }
  .r-header-burger.active .r-header-burger__wrapper {
    background: transparent; }
    .r-header-burger.active .r-header-burger__wrapper:before {
      -webkit-transform: rotate(45deg) translate(3px, 10px);
          -ms-transform: rotate(45deg) translate(3px, 10px);
              transform: rotate(45deg) translate(3px, 10px); }
    .r-header-burger.active .r-header-burger__wrapper:after {
      -webkit-transform: rotate(-45deg) translate(3px, -10px);
          -ms-transform: rotate(-45deg) translate(3px, -10px);
              transform: rotate(-45deg) translate(3px, -10px); }

.rezident-container__cap {
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  z-index: 2;
  width: 100%;
  height: 100%;
  content: '';
  top: 0;
  left: -9999px;
  opacity: 0;
  /* transition: right .2s ease, opacity .2s ease;*/ }
  .rezident-container__cap.active {
    left: 0;
    opacity: 1; }
  @media (min-width: 1200px) {
    .rezident-container__cap {
      display: none; } }

.r-l-menu-mobile {
  position: fixed;
  z-index: 3;
  max-width: 200px;
  width: 100%;
  padding: 10px;
  background-color: #013A33;
  height: 100%;
  content: '';
  top: 0;
  left: -9999px;
  opacity: 0;
  box-shadow: inset 0px 1px 15px -5px rgba(0, 0, 0, 0.75);
  transition: opacity .4s ease; }
  .r-l-menu-mobile.active {
    left: 0;
    opacity: 1; }
  .r-l-menu-mobile__ico {
    text-align: right; }
    .r-l-menu-mobile__ico i {
      font-size: 17px;
      color: #fff;
      cursor: pointer;
      transition: color .2s ease-in-out; }
      .r-l-menu-mobile__ico i:hover {
        color: #013A33; }
  @media (min-width: 1200px) {
    .r-l-menu-mobile {
      display: none !important; } }
  .r-l-menu-mobile .r-header-user__info-ico {
    width: 20px; }
  .r-l-menu-mobile .r-header-user-info-name {
    max-width: 165px;
    font-size: 12px; }
  .r-l-menu-mobile .r-header-user__info {
    display: none;
    padding: 20px 0;
    box-sizing: border-box; }
    @media (max-width: 520px) {
      .r-l-menu-mobile .r-header-user__info {
        display: block;
        height: auto; } }

.r-l-menu-mobile__wrapper {
  display: block;
  position: relative;
  padding: 10px 0 10px 0;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px; }

.r-l-menu-mobile-item {
  transition: color .4s ease;
  margin-bottom: 10px;
  cursor: pointer; }
  .r-l-menu-mobile-item:hover {
    color: #6696d0; }
  .r-l-menu-mobile-item a {
    color: #fff;
    text-decoration: none; }
    .r-l-menu-mobile-item a:hover {
      color: #013A33; }
    .r-l-menu-mobile-item a.current .r-l-menu-mobile-item__text {
      color: #013A33;
      text-decoration: underline; }

.r-l-menu-mobile-item__ico {
  padding-right: 10px; }

@media (max-width: 520px) {
  .r-header-user__info {
    display: block;
    height: 100%; } }

.r-exit_mobile {
  display: none; }

.r_title__article {
  margin: 20px 0;
  box-sizing: border-box;
  font-size: 22px;
  font-weight: 600; }
  @media (max-width: 768px) {
    .r_title__article {
      font-size: 14px; } }

.value-metrick {
  border: 2px solid transparent;
  padding: 6px 34px 34px; }
  @media (max-width: 768px) {
    .value-metrick {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
      .value-metrick .order-4 {
        -webkit-order: 4;
            -ms-flex-order: 4;
                order: 4; }
      .value-metrick .order-3 {
        -webkit-order: 3;
            -ms-flex-order: 3;
                order: 3; }
      .value-metrick .order-2 {
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2; }
      .value-metrick .order-1 {
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2; } }
  .value-metrick .r_title__article {
    margin: 0 0 10px; }
    @media (max-width: 768px) {
      .value-metrick .r_title__article {
        margin-bottom: 10px; } }
  .value-metrick.succes {
    border-color: #28CA61; }
    .value-metrick.succes .value-metrick__month {
      color: #28CA61; }
    .value-metrick.succes .value-metrick__table-col {
      background-color: #28CA61; }
    .value-metrick.succes .r-indication-button {
      background-color: #28CA61; }
      .value-metrick.succes .r-indication-button:hover {
        opacity: .85; }
  .value-metrick.alert {
    border-color: #ca2828; }
    .value-metrick.alert .value-metrick__month {
      color: #ca2828; }
    .value-metrick.alert .value-metrick__table-col {
      background-color: #ca2828; }
    .value-metrick.alert .r-indication-button {
      background-color: #ca2828; }
      .value-metrick.alert .r-indication-button:hover {
        opacity: .85; }
    .value-metrick.alert .value-metrick__status-descr-service {
      color: #ca2828; }
  .value-metrick .value-metrick__month {
    font-size: 36px; }
    @media (max-width: 768px) {
      .value-metrick .value-metrick__month {
        font-size: 20px; } }
  .value-metrick .r-indication-button {
    margin-top: 10px;
    font-size: 15px;
    padding: 8px 17px; }
    @media (max-width: 768px) {
      .value-metrick .r-indication-button {
        margin-bottom: 10px; } }
  .value-metrick .value-metrick__input input {
    padding: 3px 2px;
    text-align: center;
    max-width: 100px;
    width: 100%; }
    @media (max-width: 768px) {
      .value-metrick .value-metrick__input input {
        padding: 0 2px;
        max-width: 50px; } }
  .value-metrick .value-metrick__status-value {
    text-align: center; }
    .value-metrick .value-metrick__status-value .value-metrick__status-col {
      max-width: 250px;
      width: 100%; }
    .value-metrick .value-metrick__status-value .value-metrick__status-title-service {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 5px; }
    .value-metrick .value-metrick__status-value .value-metrick__status-descr-service {
      font-size: 16px;
      font-weight: 600; }
      .value-metrick .value-metrick__status-value .value-metrick__status-descr-service.succes {
        color: #28CA61; }
      .value-metrick .value-metrick__status-value .value-metrick__status-descr-service.alert {
        color: #ca2828; }

.ads-account {
  margin: 20px 0; }
  .ads-account .ads-account__wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: 0 -10px; }
    .ads-account .ads-account__wrapper .ads-account__item {
      max-width: 279px;
      width: 100%;
      height: 160px;
      box-sizing: border-box;
      padding: 10px;
      display: inline-block;
      vertical-align: top;
      font-size: 16px;
      border: 2px solid #dddddd;
      transition: all 0.4s ease-out;
      margin: 0 10px;
      overflow: hidden;
      position: relative;
      margin-bottom: 20px; }
      .ads-account .ads-account__wrapper .ads-account__item:hover {
        border-color: #013A33; }
      .ads-account .ads-account__wrapper .ads-account__item .ads-account__item-date {
        font-size: 16px;
        color: #8f8f8f;
        line-height: 13px;
        padding-bottom: 17px; }
      .ads-account .ads-account__wrapper .ads-account__item .ads-account__item-title {
        color: #383737;
        font-size: 14px;
        font-weight: bold;
        padding-bottom: 10px; }
      .ads-account .ads-account__wrapper .ads-account__item .ads-account__item-text {
        line-height: 24px;
        font-size: 16px;
        color: #383737; }
      .ads-account .ads-account__wrapper .ads-account__item .ads-account__item-show-button {
        text-align: right;
        color: #013A33;
        text-transform: uppercase;
        text-decoration: none;
        opacity: 0.7;
        transition: all 0.4s ease-out;
        font-weight: 600;
        position: absolute;
        bottom: 15px;
        cursor: pointer;
        right: 10px; }
        .ads-account .ads-account__wrapper .ads-account__item .ads-account__item-show-button:hover {
          opacity: 1; }

.value-metrick__count-number {
  font-weight: bold; }
  .value-metrick__count-number .value-metrick__count-number-ico {
    color: #ca2828; }

.alert-balanse-minus {
  margin-top: 10px;
  padding: 10px 20px;
  background: #ffe7e7;
  text-align: center;
  color: #ca2828; }

.message-attention {
  background: #ffdca7;
  color: #af6e0e; }
  .message-attention .value-metrick__count-number-ico {
    color: #af6e0e; }

.resident-main-wrapper__message-admin {
  margin: 0 0 10px 0; }
  .resident-main-wrapper__message-admin .alert-balanse-minus {
    margin: 0; }
  .resident-main-wrapper__message-admin .resident-main-wrapper__message-admin-link {
    color: #af6e0e; }
    .resident-main-wrapper__message-admin .resident-main-wrapper__message-admin-link:hover {
      text-decoration: none; }

.view-all-Info-table {
  color: #6696d0;
  display: block;
  margin-bottom: 10px; }
  .view-all-Info-table:hover {
    color: #3b83dc;
    text-decoration: underline; }

@media (max-width: 768px) {
  .r-header-user__info_mobile {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

.apatmens-form .md-errors-spacer {
  display: none; }

.apatmens-form__row_element {
  margin: -18px 0; }

.apatmens-form-element {
  /*margin-bottom: 0;*/ }

.apatmensForm__button.active {
  background-color: #00695C;
  color: #fff;
  display: inline-block; }
  .apatmensForm__button.active:hover {
    background-color: #00695C !important; }

.upload-files-pics.ng-hide {
  opacity: 0; }

.upload-files-pics.ng-hide-add, .upload-files-pics.ng-hide-remove {
  transition: all linear 0.5s; }

.upload-files-pics__title {
  font-size: 16px;
  font-weight: bold; }

.upload-files-pics__file {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .upload-files-pics__file-image {
    max-width: 150px;
    width: 100%;
    height: 150px; }
    @media (max-width: 767px) {
      .upload-files-pics__file-image {
        max-width: 100%; } }
    .upload-files-pics__file-image img {
      width: 100%;
      height: 100%; }

.animate-show-hide.ng-hide {
  opacity: 0; }

.animate-show-hide.ng-hide-add,
.animate-show-hide.ng-hide-remove {
  transition: all linear 0.5s; }

.check-element {
  border: 1px solid black;
  opacity: 1;
  padding: 10px; }

.upload-files-pics__file-image_edit {
  position: relative; }
  .upload-files-pics__file-image_edit:hover .upload-files-pics__file-inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: 1; }

.upload-files-pics__file-inner {
  position: absolute;
  display: none;
  opacity: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  transition: all .3s ease-in-out;
  background-color: rgba(0, 0, 0, 0.5); }

.upload-files-pics__button-del {
  position: absolute;
  right: -12px;
  top: -13px;
  font-size: 11px;
  width: 16px;
  height: 16px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  background-color: #d84315;
  opacity: .8;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  color: white;
  border: none;
  transition: all .2s ease-in-out; }
  .upload-files-pics__button-del:hover {
    opacity: 1; }

.to-do-main__button {
  background-color: #2E7D32;
  color: #fff;
  font-weight: bold;
  border: none;
  font-size: 12px; }
  .to-do-main__button:hover {
    background-color: #0f7d43 !important; }

@media (max-width: 1280px) {
  .rezident-container_edit {
    padding: 10px !important; } }

@media (max-width: 768px) {
  .apatmens-form__row {
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important; } }

.apartments-img__img {
  width: 200px;
  height: 200px; }
  .apartments-img__img img {
    width: 100%;
    height: 100%; }

.apartments-info {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1; }
  .apartments-info__content {
    line-height: 17px; }
  .apartments-info__number {
    font-weight: bold; }
    .apartments-info__number-link {
      color: #013A33;
      text-decoration: none;
      font-weight: bold;
      transition: all 0.7s ease; }
      .apartments-info__number-link:hover {
        text-decoration: none;
        color: #6291ca; }
  .apartments-info__title {
    font-weight: bold;
    font-size: 18px; }

.apartments-features {
  -webkit-flex: 0.5;
      -ms-flex: 0.5;
          flex: 0.5; }
  .apartments-features__title {
    margin: 0 0 20px;
    font-size: 17px;
    font-weight: bold; }
  .apartments-features__row {
    padding: 5px 0; }

.header-list-req__button {
  margin-left: 20px;
  padding: 4px 13px; }
  @media (max-width: 768px) {
    .header-list-req__button {
      margin: 5px 0; } }
  .header-list-req__button_add {
    background-color: #00a532 !important;
    font-weight: normal;
    color: #ffffff;
    font-size: 14px; }
    .header-list-req__button_add:hover {
      background-color: #12a555 !important; }

.rezident-container_advert {
  padding: 10px; }

@media (max-width: 1000px) {
  .apartments-info__header {
    font-size: 14px !important; } }

@media (max-width: 1000px) {
  .apartments-features {
    font-size: 12px !important; } }

.show-mobile {
  display: none; }
  @media (max-width: 768px) {
    .show-mobile {
      display: block !important; } }

.show-descktop {
  display: block; }
  @media (max-width: 768px) {
    .show-descktop {
      display: none !important; } }

@media (max-width: 768px) {
  .header-list-req {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; } }

@media (max-width: 768px) {
  .apartments-wrapper {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; } }

@media (max-width: 768px) {
  .apartments-info {
    padding: 10px 0 0 0 !important; } }

@media (max-width: 768px) {
  .apartments-img {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 20px;
    width: 100%; } }

@media (max-width: 768px) {
  .apartments-info__button-action {
    margin: 5px 0 !important;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    -webkit-align-items: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; } }

@media (max-width: 768px) {
  .apartments-info__button-action-edit {
    margin-left: 0 !important; } }

@media (max-width: 768px) {
  .apartments-info__price-mob {
    margin-left: 20px !important; } }

@media (max-width: 768px) {
  .apartments-info__title {
    margin: 5px 0 !important; } }

.r-input-of-values {
  text-align: center;
  box-sizing: border-box;
  padding: 5px 2px; }

.r-indication-button {
  background-color: #29b000;
  color: #fff;
  cursor: pointer;
  padding: 8px 20px;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  transition: background-color .4s ease-in-out; }
  .r-indication-button:hover {
    background-color: #297d00; }




.payment {
  box-sizing: border-box; }
  @media (max-width: 1200px) {
    .payment {
      padding: 0 20px; } }

.payment-rez {
  margin-top: 10px; }
  .payment-rez__row {
    margin-bottom: 10px; }
  .payment-rez-title {
    font-size: 16px;
    font-weight: bold; }
  .payment-rez-element {
    margin-top: 3px; }
    .payment-rez-element__text {
      font-size: 14px; }
    .payment-rez-element__input input {
      width: 100%;
      display: block;
      box-sizing: border-box;
      padding: 5px; }
    .payment-rez-element__button .r-indication-button {
      border: 0; }
    .payment-rez-element__error {
      color: #aa0018; }

.hidden-blok {
  opacity: 0;
  position: absolute; }

.canvas {
  /*width: 100%;*/
  box-sizing: border-box;
  display: block; }

.invisible {
  display: none; }

.crop {
  width: 300px;
  height: 185px; }

.w-photo-crop {
  position: relative; }

.w-photo-left {
  background-color: #005F96;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.w-photo-left__ico {
  text-align: center;
  font-size: 25px;
  padding: 8px 0; }
  .w-photo-left__ico .w-photo-left__ico-inner {
    cursor: pointer;
    padding: 5px;
    color: #CBEAFF;
    box-sizing: border-box;
    display: inline-block;
    transition: color .3s ease, background-color .3s ease; }
    .w-photo-left__ico .w-photo-left__ico-inner:hover {
      color: #fff;
      background-color: #0088C3; }
    .w-photo-left__ico .w-photo-left__ico-inner.active {
      color: #fff;
      background-color: #0088C3; }
    .w-photo-left__ico .w-photo-left__ico-inner.disabled {
      color: #000;
      background-color: #eee;
      cursor: not-allowed;
      pointer-events: none; }

.w-photo-right {
  width: auto;
  height: auto;
  left: 48px;
  border: 3px solid #0088C3;
  max-width: calc(100% - 48px);
  overflow: auto;
  max-height: 720px; }

.w-photo-crop-container {
  margin: 20px auto; }

.file_upload {
  display: block;
  position: relative;
  overflow: hidden;
  font-size: 14px;
  margin-bottom: 0; }
  .file_upload .file_upload__button {
    padding: 10px;
    float: left;
    background-color: #0088C3;
    color: #fff;
    text-transform: uppercase;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 100%;
    text-align: center;
    cursor: pointer;
    font-weight: 600;
    transition: opacity, .3s ease-in-out; }
    .file_upload .file_upload__button:hover {
      opacity: .8; }
    .file_upload .file_upload__button.revert {
      background-color: #e42d5f; }

.file_upload input[type=file] {
  position: absolute;
  top: 0;
  visibility: hidden; }

.photo-crop-action {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 4px; }
  .photo-crop-action .photo-crop-action__button {
    margin-right: 4px; }

.photo-crop-panel {
  position: relative; }
  .photo-crop-panel .photo-crop-panel__inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #0088C3;
    padding: 5px 0;
    min-width: 129px; }
  .photo-crop-panel .photo-crop-panel__button {
    width: 27px;
    height: 27px;
    margin-left: 12px;
    line-height: 25px;
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
    color: #0088C3;
    cursor: pointer;
    border: 1px solid #0088C3;
    transition: color .2s ease-in-out;
    text-align: center; }
    .photo-crop-panel .photo-crop-panel__button:hover {
      color: #253548; }
    .photo-crop-panel .photo-crop-panel__button.disabled {
      background-color: #ccc;
      color: #8c8585;
      cursor: no-drop; }
      .photo-crop-panel .photo-crop-panel__button.disabled:hover {
        color: #8c8585; }
    .photo-crop-panel .photo-crop-panel__button.active {
      background: #085779 !important;
      color: #0088c3 !important; }

.photo-crop-img {
  all: inherit; }
  .photo-crop-img .photo-crop-img__inner {
    overflow: auto;
    max-height: 600px; }

.photo-crop__wrapper {
  position: relative;
  min-width: 200px;
  max-width: 100%;
  overflow: hidden;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

.photo-crop-img__inner {
  position: relative; }

@charset "UTF-8";
/*ДИРЕКТИВА даты*/
.date-picker {
  display: none;
  width: 239px;
  box-sizing: border-box;
  z-index: 9999999;
  background: #fff;
  text-align: center;
  position: absolute;
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  border: 1px solid #ccc;
  border-bottom: 0;
  /*box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.42);*/ }
  .date-picker.right {
    left: 100%;
    top: 0;
    margin-left: -1px; }
  .date-picker.top {
    bottom: 33px; }
  .date-picker.bottom {
    top: 100%;
    margin-top: -1px; }
  .date-picker.left {
    right: 100%;
    top: 0;
    margin-right: -1px; }
  .date-picker.active {
    display: block; }

.date-picker__wrapper {
  display: block;
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 5px;
  position: relative; }
  .date-picker__wrapper .date-picker_arrow {
    width: 30px;
    height: 100%;
    display: inline-block;
    position: absolute;
    padding: 7px 0 0 0;
    box-sizing: border-box;
    color: #d6d6d6;
    transition: color .2s ease;
    cursor: pointer; }
    .date-picker__wrapper .date-picker_arrow:hover {
      color: #032f8f; }
  .date-picker__wrapper .date-picker__left-arrow {
    left: 0; }
  .date-picker__wrapper .date-picker__right-arrow {
    right: 0; }
  .date-picker__wrapper select {
    text-align: center;
    background: #fff;
    color: rgba(0, 0, 0, 0.9);
    border: 0;
    font-size: 16px;
    outline: 0;
    box-sizing: border-box;
    padding: 5px;
    border-radius: 3px;
    cursor: pointer;
    transition: box-shadow .3s ease;
    /*&:hover {
      box-shadow: 0 0 10px 100px #ededed inset !important;
      color: #000!important;
    }*/ }

.date-picker-table {
  box-sizing: border-box;
  background-color: #fff;
  padding: 5px; }

.date-picker-table__table {
  width: 100%; }

.date-picker-table__date-day {
  background-color: #032f8f;
  box-sizing: border-box;
  padding: 2px 0;
  margin-bottom: 3px; }
  .date-picker-table__date-day td {
    color: #fff;
    font-size: 12px;
    width: 23px;
    padding: 5px 0;
    box-sizing: border-box; }

.date-picker-table__date-calendar td {
  padding: 5px 0;
  box-sizing: border-box;
  cursor: pointer;
  transition: background-color .1s ease; }
  .date-picker-table__date-calendar td:hover {
    background-color: #dad8d8;
    color: #000;
    text-decoration: none; }

.date-picker-table__date-calendar .date-null:hover {
  background-color: #fff;
  cursor: auto; }

.date-picker-table__date-calendar .date-null.select-day {
  background-color: #fff; }
  .date-picker-table__date-calendar .date-null.select-day:hover {
    background-color: #fff;
    color: #000; }

.date-picker-table__date-calendar .active {
  border: 1px solid #032f8f;
  background-color: #fff;
  font-weight: 400;
  color: #000; }
  .date-picker-table__date-calendar .active:hover {
    background-color: #fff;
    color: #000; }
  .date-picker-table__date-calendar .active .select-day {
    background-color: #fff; }
    .date-picker-table__date-calendar .active .select-day:hover {
      background-color: #fff;
      color: #000; }

.date-picker-table__date-calendar .select-day {
  background-color: #032f8f;
  font-weight: 600;
  color: #fff; }
  .date-picker-table__date-calendar .select-day:hover {
    background-color: #032f8f;
    color: #fff; }

.date-picker-table__date-calendar .holiday {
  color: #d25050; }
  .date-picker-table__date-calendar .holiday:hover {
    color: #d25050; }
  .date-picker-table__date-calendar .holiday.select-day {
    color: #fff; }

.date-picker-time__link {
  padding: 3px 0;
  box-sizing: border-box;
  border: 1px solid #eee;
  color: #b2b2b2;
  cursor: pointer;
  font-size: 12px;
  margin: -1px;
  transition: color .2s ease; }
  .date-picker-time__link:hover {
    color: #032f8f; }

.date-picker-time-input {
  display: none;
  text-align: left;
  box-sizing: border-box;
  padding: 5px;
  position: relative;
  color: #a6a6a6;
  font-size: 11px;
  border: 1px solid #eee;
  background-color: #fff;
  margin: -1px; }
  .date-picker-time-input.active {
    display: block; }

.date-picker__input {
  box-sizing: border-box;
  width: 40px; }
  .date-picker__input input {
    width: 100%;
    text-align: center;
    font-size: 14px; }

.date-picker-time-input__title {
  margin-left: 22px;
  margin-right: 5px;
  color: #032f8f; }

.date-picker__input-divider {
  margin-left: 7px;
  margin-right: 5px; }

.date-picker-time-input__close {
  position: absolute;
  right: 6px;
  top: 10px;
  cursor: pointer;
  transition: color .2s ease; }
  .date-picker-time-input__close:hover {
    color: #032f8f; }

.date-picker__ico {
  margin-left: 8px;
  cursor: pointer;
  color: #032f8f;
  font-size: 16px; }

.date-picker-time-footer {
  padding: 5px 0;
  display: block;
  box-sizing: border-box;
  border: 1px solid #eee;
  background-color: #fff;
  margin: -1px; }

.date-picker-time-footer__button {
  color: #fff;
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  vertical-align: middle;
  padding: 5px 16px 3px;
  background-color: #032f8f;
  cursor: pointer; }
  .date-picker-time-footer__button.left_button {
    margin-right: 2px; }

.date-picker-default__input {
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  width: 180px; }
  .date-picker-default__input input {
    text-align: center;
    font-size: 14px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    padding: 6px 0;
    cursor: pointer; }

.date-picker-wrapper {
  position: relative; }

.input-group-addon {
  padding: 9px 13px;
  font-size: 14px;
  font-weight: normal;
  color: #555;
  display: block;
  text-align: center;
  height: 100%;
  background-color: #eee;
  border: 1px solid #ccc;
  white-space: nowrap;
  margin-right: -1px; }

.date-picker-default__input-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

.date-picker-default__ico-wrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  font-size: 14px;
  font-weight: normal;
  background-color: #eee;
  border: 1px solid #ccc;
  white-space: nowrap;
  margin-right: -1px; }
  .date-picker-default__ico-wrap .date-picker-default__ico {
    color: #555; }

.date-picker-default__input-wrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .date-picker-default__input-wrap .date-picker-default__input {
    width: 100%; }

.form-element {
  width: 100%;
  position: relative; }
  .form-element__input {
    width: 100%;
    color: #111820;
    display: block;
    border: 1px solid #cecece;
    font-size: 16px;
    line-height: 1.13;
    text-align: left;
    outline: 0;
    opacity: .6;
    box-sizing: border-box;
    font-weight: bold; }
  .form-element__title {
    position: absolute;
    pointer-events: none;
    left: 20px;
    top: 0;
    transition: .3s;
    opacity: 1;
    font-size: 14px;
    line-height: 40px;
    font-weight: 700;
    text-align: left;
    color: #C4C5C7;
    z-index: 1;
    padding: 0 4px; }

.button-default {
  border: 1px solid #ccc;
  padding: 10px;
  min-width: 100px;
  text-align: center;
  cursor: pointer;
  max-width: 200px; }

.ico-default {
  font-size: 16px;
  cursor: pointer; }

@charset "UTF-8";
.w-button-addtags {
  background-color: #fff;
  border: 1px solid #000;
  min-height: 35px;
  min-width: 113px;
  display: inline-block;
  color: #0e0e0e;
  font-weight: 300;
  outline: 0; }
  .w-button-addtags:focus {
    box-shadow: 0; }

.add_list-tags {
  background-color: #ccc; }

.w-tags-list {
  overflow-y: auto;
  max-height: 200px;
  min-height: 1px;
  line-height: 30px;
  border: 1px solid #CCCCCC;
  font-weight: 600;
  border-top: 0;
  border-bottom: 0; }
  .w-tags-list ul li {
    padding-left: 20px;
    cursor: pointer; }
    .w-tags-list ul li:hover {
      background: #CCCCCC; }

.show_panel-tags {
  display: none; }
  .show_panel-tags.active {
    display: block; }

.w-wrapper-addtags__item-list {
  max-width: 98%;
  display: inline-block; }

.w-button-addtags-close {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -18px;
  font-size: 29px;
  height: 44px;
  min-width: 44px;
  text-align: center;
  transition: color .3s ease; }

.w-wrapper-addtags {
  border-bottom: 1px solid #CCCCCC;
  padding: 6px 9px;
  min-height: 44px;
  line-height: 30px;
  font-weight: 300;
  cursor: pointer;
  position: relative;
  word-wrap: break-word; }
  .w-wrapper-addtags:hover .w-button-addtags-close {
    color: #2eaeff; }
  .w-wrapper-addtags ul li {
    display: inline-block;
    line-height: 20px;
    background-color: #ccc;
    padding: 0 10px 0 10px;
    box-sizing: border-box;
    margin-right: 5px;
    border-radius: 3px; }
    .w-wrapper-addtags ul li span {
      margin-left: 5px;
      cursor: pointer; }
      .w-wrapper-addtags ul li span:hover {
        color: darkred; }

.w-wrapper-button {
  padding: 6px 10px;
  text-align: center;
  border-left: 0;
  cursor: pointer; }
  .w-wrapper-button.add-article-button {
    color: #1e0b24;
    position: absolute;
    right: 9px;
    bottom: 0; }

.w-wrapper-input-item {
  margin-left: 0;
  margin-right: 0; }

.w-tags-input {
  position: relative; }
  .w-tags-input input {
    width: 100%;
    box-sizing: border-box;
    display: block;
    padding: 3.3px 25px 3.3px 20px;
    border: 1px solid #CCCCCC;
    border-top: 0; }

.add-border-bottom {
  border-bottom: 1px solid #CCCCCC; }

/**************************************************************ДИРЕКТИВА ОШИБОК*************************************************************************/
.form-input {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 14px;
  box-sizing: border-box;
  padding: 5px; }
  .form-input.error {
    color: red; }
    .form-input.error input {
      border: 1px solid red;
      box-shadow: 0 1px 3px rgba(255, 0, 0, 0.12), 0 1px 2px rgba(255, 0, 0, 0.24);
      color: red; }
  .form-input.success {
    color: #00cc66; }
    .form-input.success input {
      border: 1px solid rgba(0, 204, 102, 0.97);
      box-shadow: 0 1px 3px rgba(0, 204, 102, 0.12), 0 1px 2px rgba(0, 204, 102, 0.24);
      color: #000; }
  .form-input input {
    color: #000;
    padding: 5px;
    box-sizing: border-box;
    margin-bottom: 7px;
    border: 1px solid rgba(204, 204, 204, 0.99);
    box-shadow: 0 1px 3px rgba(204, 204, 204, 0.12), 0 1px 2px rgba(204, 204, 204, 0.24); }
  .form-input .form-input__error {
    margin-bottom: 5px; }
    .form-input .form-input__error:last-child {
      margin-bottom: 0; }

/**************************************************************ДИРЕКТИВА СЕЛЕКТА*************************************************************************/
.select-item-wrapper {
  display: none;
  height: 150px;
  overflow: auto; }
  .select-item-wrapper.active {
    display: block; }

.select-item-wrapper > div {
  cursor: pointer; }

.select-input-wrapper {
  display: none;
  padding: 0 10px; }
  .select-input-wrapper.active {
    display: block; }

.select-item-border {
  border-bottom: 1px solid #ccc;
  position: relative;
  padding: 15px 10px;
  cursor: pointer; }

.select-item {
  border: 1px solid #ccc;
  max-width: 400px;
  height: auto; }

.select-input-wrapper {
  margin-bottom: 10px; }
  .select-input-wrapper input {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    padding: 5px 24px 5px 1px;
    border: 0;
    border-bottom: 1px solid #000;
    background: url(../img/WorkerAppAdmin/magnifying-glass.svg) no-repeat;
    background-size: 19px 32px;
    background-position: right; }

.w-select-item__list {
  box-sizing: border-box; }

.w-select-item {
  outline: 0;
  padding: 5px 10px; }

.select-item__item {
  padding: 5px;
  background-color: #ccc;
  margin-right: 10px;
  display: inline-block;
  margin-bottom: 10px; }

.select-item__label {
  color: #cccccc;
  font-size: 12px; }

.select-button__save-item {
  margin-top: 20px;
  margin-bottom: 20px; }

.w-docs-content-header__item {
  font-size: 25px;
  margin-bottom: 20px;
  margin-top: 10px; }

.progress-file {
  background: #eaeaea;
  height: 3px;
  width: 272px;
  margin-left: 121px; }
  .progress-file .bar {
    width: 0;
    height: 100%;
    background: #878887; }
    .progress-file .bar.sucsess {
      background: #30b530; }
    .progress-file .bar.error {
      background: red; }

.form-select {
  border: 1px solid #ccc;
  border-radius: 0 0 0 0;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  font-size: 14px;
  background-color: #fff;
  color: #6d6b6b; }

.selected-items {
  width: 100%;
  box-sizing: border-box;
  padding: 6px;
  position: relative;
  cursor: pointer;
  text-align: left;
  color: #6d6b6b; }
  .selected-items:hover {
    color: #4a4848; }
  .selected-items .selected-items__text {
    color: #6d6b6b;
    display: block;
    padding: 6px;
    box-sizing: border-box;
    text-decoration: none; }
    .selected-items .selected-items__text:hover {
      background-color: #efefef;
      color: #ff3a33;
      font-weight: bold; }
      .selected-items .selected-items__text:hover .selected-items__item-title {
        text-decoration: line-through; }
      .selected-items .selected-items__text:hover .selected-items__del-ico {
        display: block; }
  .selected-items .selected-items__current {
    width: 100%;
    /*text-overflow: ellipsis;*/
    /*overflow-x: auto;*/ }
  .selected-items .selected-items__tooltip {
    transition: color .2s ease-in-out;
    position: relative; }
  .selected-items .selected-items__tooltip-title {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    max-width: 90%;
    white-space: nowrap; }
  .selected-items .selected-items__tooltip-item-wrap {
    position: absolute;
    bottom: 26px;
    left: -7px;
    right: -7px;
    min-height: 30px;
    max-height: 100px;
    text-align: left;
    overflow-y: auto;
    border: 1px solid #ccc;
    /*display: none;*/
    border-radius: 0 0 0 0;
    box-sizing: border-box;
    background-color: #fff;
    z-index: 9999999; }
    .selected-items .selected-items__tooltip-item-wrap.selected-items__tooltip-item-wrap_left {
      left: -157px;
      bottom: -7px;
      width: 150px;
      right: auto;
      min-height: 50px !important;
      max-height: 100px !important; }
    .selected-items .selected-items__tooltip-item-wrap.selected-items__tooltip-item-wrap_right {
      right: -156px;
      bottom: -7px;
      width: 150px;
      min-height: 50px !important;
      max-height: 100px !important;
      left: auto; }

.select-hide {
  position: absolute;
  left: -1px;
  right: -1px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  z-index: 999999; }
  .select-hide.select-hide__bgc {
    background-color: #fff; }
  .select-hide .select-hide__search {
    min-height: 30px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding: 6px; }
  .select-hide .select-hide__input-wrap {
    width: 100%;
    box-sizing: border-box;
    /*&.select-hide__input_width-85 {
      width: 85%;
    }*/ }
  .select-hide .select-hide__input {
    width: 100%;
    display: inline-block;
    box-sizing: border-box; }
  .select-hide .select-hide__ico {
    width: 14px;
    float: right; }
    .select-hide .select-hide__ico.select-hide__ico_width-10 {
      /*width: 10%;*/ }
    .select-hide .select-hide__ico.select-hide__ico_padding-left {
      padding-left: 6px; }
  .select-hide .select-hide__option-wrap {
    width: 100%;
    box-sizing: border-box; }
  .select-hide .select-hide__option-item {
    padding: 6px;
    cursor: pointer;
    text-align: left; }
    .select-hide .select-hide__option-item:hover {
      background-color: #efefef; }

.uk-popup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999999999; }
  .uk-popup .uk-popup__wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%; }
  .uk-popup .uk-popup__inner {
    max-width: 650px;
    width: 100%;
    background-color: #fff;
    min-height: 400px;
    box-sizing: border-box;
    text-align: center;
    padding: 15px 0; }
    .uk-popup .uk-popup__inner.center-content {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
  .uk-popup .action-popup {
    width: 100%;
    position: relative; }
  .uk-popup .action-popup__title-action {
    font-size: 24px;
    margin-bottom: 30px;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 15px 20px;
    box-sizing: border-box; }
  .uk-popup .action-popup__animation {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .uk-popup .loader {
    position: relative;
    width: 50px;
    height: 50px;
    background-color: #03a9f4;
    border-radius: 50%; }
    .uk-popup .loader:after {
      content: '';
      position: absolute;
      border-radius: 50%;
      top: 50%;
      left: 50%;
      border: 0px solid white;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      -webkit-animation: loading 1000ms ease-out forwards infinite;
              animation: loading 1000ms ease-out forwards infinite; }

@-webkit-keyframes loading {
  0% {
    border: 0px solid white; }
  20% {
    border: 8px solid white;
    width: 0%;
    height: 0%; }
  100% {
    border: 8px solid white;
    width: 100%;
    height: 100%; } }

@keyframes loading {
  0% {
    border: 0px solid white; }
  20% {
    border: 8px solid white;
    width: 0%;
    height: 0%; }
  100% {
    border: 8px solid white;
    width: 100%;
    height: 100%; } }
  .uk-popup svg {
    width: 50px;
    display: block;
    margin: 0px auto 0; }
  .uk-popup .path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 0; }
    .uk-popup .path.circle {
      -webkit-animation: dash .9s ease-in-out;
      animation: dash .9s ease-in-out; }
    .uk-popup .path.line {
      stroke-dashoffset: 1000;
      -webkit-animation: dash .9s .35s ease-in-out forwards;
      animation: dash .9s .35s ease-in-out forwards; }
    .uk-popup .path.check {
      stroke-dashoffset: -100;
      -webkit-animation: dash-check .9s .35s ease-in-out forwards;
      animation: dash-check .9s .35s ease-in-out forwards; }

@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000; }
  100% {
    stroke-dashoffset: 0; } }

@keyframes dash {
  0% {
    stroke-dashoffset: 1000; }
  100% {
    stroke-dashoffset: 0; } }

@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100; }
  100% {
    stroke-dashoffset: 900; } }

@keyframes dash-check {
  0% {
    stroke-dashoffset: -100; }
  100% {
    stroke-dashoffset: 900; } }

.animate-popup.ng-enter, .animate-popup.ng-leave {
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; }

.animate-popup.ng-enter,
.animate-popup.ng-leave.ng-leave-active {
  opacity: 0; }

.animate-popup.ng-leave,
.animate-popup.ng-enter.ng-enter-active {
  opacity: 1; }

.action-popup-action {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px; }

.select-multi {
  position: absolute;
  width: 500px;
  left: 50%;
  margin-left: -250px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  z-index: 999999;
  text-align: center; }
  .select-multi.top {
    bottom: 100%; }
  .select-multi.right {
    left: 100%;
    margin-left: 0;
    top: -1px; }
  .select-multi.bottom {
    top: 100%; }
  .select-multi.left {
    right: 100%;
    left: auto;
    margin-left: 0;
    top: -1px; }
  .select-multi .select-multi__wrap {
    padding: 6px;
    background-color: #e8e8e8;
    box-sizing: border-box;
    color: #6d6b6b; }
  .select-multi .select-multi__search {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .select-multi .select-multi__search .select-multi__search-input-wrap {
      max-width: 50%;
      width: 100%; }
    .select-multi .select-multi__search .select-multi__search-input {
      width: 100%;
      box-sizing: border-box;
      display: block; }
  .select-multi .select-multi__item {
    border-radius: 4px;
    width: 213px;
    height: 200px;
    overflow-y: auto;
    background-color: #fff;
    box-sizing: border-box;
    /*padding-top: 5px;*/ }
  .select-multi .select-multi__middle {
    max-width: 50px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 6px; }
  .select-multi .select-multi__arrow {
    width: 100%;
    color: #6d6b6b;
    vertical-align: middle;
    line-height: 30px;
    height: 30px;
    background-color: #fff;
    text-align: center;
    cursor: pointer; }
    .select-multi .select-multi__arrow:hover {
      background-color: #bababa;
      color: #4a4848; }
    .select-multi .select-multi__arrow:first-child {
      margin-bottom: 15px; }
  .select-multi .select-multi__list-item {
    padding: 5px;
    box-sizing: border-box;
    text-align: left;
    cursor: pointer;
    margin-bottom: 3px; }
    .select-multi .select-multi__list-item:hover {
      background-color: #efefef; }
    .select-multi .select-multi__list-item.active {
      background-color: #b9b9b9;
      color: #fff; }
  .select-multi .select-hide_multi-search {
    background-color: transparent;
    text-align: left;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .select-multi .select-multi__title-list {
    text-align: left;
    font-weight: bold;
    padding: 5px 0; }
  .select-multi .select-multi__select-all-wrap {
    text-align: left;
    box-sizing: border-box;
    border-bottom: 1px solid #efefef;
    padding: 6px;
    margin-bottom: 5px; }
  .select-multi .select-multi__select-action-button {
    cursor: pointer;
    color: #6d6b6b; }
    .select-multi .select-multi__select-action-button:hover {
      color: #4a4848; }
    .select-multi .select-multi__select-action-button:first-child {
      margin-right: 6px; }
  .select-multi .text-right {
    text-align: right; }
  .select-multi .select-multi__close {
    position: absolute;
    right: 6px;
    top: 3px;
    font-size: 18px;
    color: #c7412f;
    cursor: pointer; }
    .select-multi .select-multi__close:hover {
      color: #c71a13; }

.select-multi__task-count-wrap {
  padding-left: 5px; }

.select-multi-items {
  color: #6d6b6b; }
  .select-multi-items__wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .select-multi-items .select-multi-items__center {
    width: 50px; }
  .select-multi-items .select-multi-items__title-list {
    font-weight: bold;
    padding: 5px 0;
    color: #6d6b6b;
    text-align: left; }
  .select-multi-items .select-multi-items__item-wrap {
    border-radius: 4px;
    width: 213px;
    height: 200px;
    overflow-y: auto;
    background-color: #fff;
    box-sizing: border-box;
    color: #6d6b6b; }
  .select-multi-items .select-multi-items__select-all-wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    box-sizing: border-box;
    border-bottom: 1px solid #efefef;
    padding: 6px;
    margin-bottom: 5px; }
  .select-multi-items .select-multi-items__select-action-button {
    color: #6d6b6b;
    cursor: pointer; }
    .select-multi-items .select-multi-items__select-action-button:hover {
      color: #4a4848; }
  .select-multi-items .select-multi-items__list-item {
    padding: 5px;
    box-sizing: border-box;
    text-align: left;
    cursor: pointer;
    margin-bottom: 3px;
    color: #6d6b6b; }
    .select-multi-items .select-multi-items__list-item:hover {
      background-color: #e8e8e8;
      color: #4a4848; }
    .select-multi-items .select-multi-items__list-item.active {
      background-color: #e8e8e8;
      color: #4a4848; }
  .select-multi-items .select-multi-items__arrow {
    width: 100%;
    color: #6d6b6b;
    vertical-align: middle;
    line-height: 30px;
    height: 30px;
    background-color: #fff;
    text-align: center;
    cursor: pointer; }
    .select-multi-items .select-multi-items__arrow:hover {
      background-color: #6d6b6b;
      color: #fff; }
    .select-multi-items .select-multi-items__arrow:first-child {
      margin-bottom: 15px; }

.select-single {
  color: #6d6b6b; }
  .select-single .select-single__wrapper {
    position: relative; }
    .select-single .select-single__wrapper.bottom .select-single__select {
      top: 100%;
      left: 0;
      right: 0;
      margin-top: -1px; }
    .select-single .select-single__wrapper.top .select-single__select {
      bottom: 100%;
      margin-bottom: -1px;
      left: 0;
      right: 0; }
    .select-single .select-single__wrapper.right .select-single__select {
      margin-left: -1px;
      top: 0;
      left: 100%;
      width: 100%; }
    .select-single .select-single__wrapper.left .select-single__select {
      margin-right: -1px;
      top: 0;
      right: 100%;
      width: 100%; }
  .select-single .select-single__text {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
    padding: 6px;
    position: relative;
    cursor: pointer;
    text-align: left;
    transition: color .1s ease-in-out;
    box-sizing: border-box;
    border: 1px solid #ccc; }
    .select-single .select-single__text:hover {
      color: #4a4848; }
  .select-single .select-single__text-item-wrap {
    margin-left: 3px; }
    .select-single .select-single__text-item-wrap .select-single__text-ico-del:hover {
      color: #c71a13; }
  .select-single .select-single__select {
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    position: absolute;
    background-color: #fff;
    z-index: 3; }
    .select-single .select-single__select .select-single__select-search .select-single__select-search__input input {
      width: 100%;
      padding: 6px;
      position: relative;
      cursor: pointer;
      text-align: left;
      transition: color .2s ease-in-out;
      box-sizing: border-box;
      color: #6d6b6b;
      border: 1px solid #ccc;
      box-sizing: border-box; }
    .select-single .select-single__select .select-single__select-list-item .select-single__list-item-wrap {
      max-height: 300px;
      overflow-y: auto; }
      .select-single .select-single__select .select-single__select-list-item .select-single__list-item-wrap .select-single__list-item {
        margin-bottom: 3px;
        cursor: pointer;
        padding: 5px;
        transition: all .1s ease-in-out; }
        .select-single .select-single__select .select-single__select-list-item .select-single__list-item-wrap .select-single__list-item:hover {
          background-color: #e8e8e8;
          color: #4a4848; }
        .select-single .select-single__select .select-single__select-list-item .select-single__list-item-wrap .select-single__list-item.active {
          background-color: #e8e8e8;
          color: #4a4848; }

.test1 {
  background: #ccc;
  padding: 5px 20px;
  margin: 10px;
  cursor: pointer; }
  .test1:hover {
    background: #c0c0c0; }

.table1 {
  margin-top: 10px; }
  .table1 tr:hover {
    background: #ccc;
    cursor: pointer; }

@charset "UTF-8";
/***************************Контакты*************************************/
.worker_edit_contact {
  border: 0 !important;
  max-height: calc(100vh - 330px);
  overflow: hidden;
  overflow-y: hidden;
  margin: 0 !important; }

.admin_content_panel_edit_contacts {
  padding: 0 !important; }

.worker-grafics-img-colomn {
  display: inline-block;
  width: 120px;
  text-align: center;
  vertical-align: middle;
  line-height: 1.2;
  border-radius: 50%;
  overflow: hidden;
  height: 120px;
  margin-right: 20px; }
  .worker-grafics-img-colomn img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.worker-input__grafics-title {
  font-size: 16px; }

.worker-grafics-title-pad {
  font-weight: 400;
  font-size: 18px; }

.worker_table_style_inner__year {
  font-size: 28px;
  font-weight: 600;
  text-align: left;
  padding-left: 20px;
  margin-top: 10px;
  margin-bottom: 5px; }

.worker_table_style_inner__month {
  font-size: 20px;
  font-weight: 600;
  text-align: left;
  padding-left: 60px; }

.worker-grapfics-row {
  max-width: 1500px;
  padding: 10px !important; }

.contacts-section-wrapper {
  position: relative;
  background-color: rgba(210, 230, 253, 0.3);
  padding: 1px 20px;
  border-left: 5px solid #013A33;
  margin-bottom: 14px;
  margin-left: 20px; }

.contacts-name-wrapper {
  position: relative;
  background-color: rgba(210, 230, 253, 0.3);
  padding: 1px 20px;
  border-left: 5px solid #ff991b;
  margin-bottom: 14px;
  margin-left: 60px; }

.contacts-number-wrapper {
  position: relative;
  background-color: rgba(210, 230, 253, 0.3);
  padding: 1px 20px;
  border-left: 5px solid #059c3a;
  margin-bottom: 14px;
  margin-left: 100px; }

.iterater {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  line-height: 25px;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-weight: 600; }
  .iterater.section {
    left: -39px;
    top: 24px;
    background-color: #013A33; }
  .iterater.name {
    left: -39px;
    top: 24px;
    background-color: #ff991b; }
  .iterater.number {
    left: -39px;
    top: 28px;
    background-color: #059c3a; }

.title-contacts-admin {
  font-size: 20px;
  font-weight: 600; }
  .title-contacts-admin.title-contacts-admin_section {
    margin-left: 20px; }
  .title-contacts-admin.title-contacts-admin_name {
    margin-left: 60px; }
  .title-contacts-admin.title-contacts-admin_number {
    margin-left: 100px; }

.select_contacts_wrapper {
  width: 90% !important;
  display: inline-block; }
  @media (max-width: 1210px) {
    .select_contacts_wrapper {
      width: 77% !important; } }

.select_contacts {
  width: 100% !important; }

.mCSB_container_wrapper {
  margin: 0; }

.mCSB_container {
  padding: 0 !important; }

/*.worker-contact {
  !*.worker-contact__table-wrap {
    display: table;
    width: 100%;
    border-collapse: collapse;
    vertical-align: middle;
    .worker-contact__table-row {
      display: table-row;
      &.theader {
        color: #0084c1;
        background-color: #eaeaea;
        font-weight: bold;
        font-size: 17px;
      }
      .worker-contact__table-col {
        display: table-cell;
        border-bottom: 1px solid #d8d8d8;
        padding: 7px 10px;
        vertical-align: middle;
      }
    }
    input, select {
      box-sizing: border-box;
      padding: 5px;
      width: 100%;
      display: block;
    }
  }*!

!*Предпоследний код*!
  .worker-contact__table {
  }
  .worker-contact__table-row_left {
    max-width: 550px;
    width: 100%;
  }
  .worker-contact__table-wrapper-right {
    max-width: 1000px;
    width: 100%;
  }
  .worker-contact__table-item-right {
    margin: 10px 0;
  }
  .worker-contact__table-item-input {
    margin: 10px 0;
    input  {
      width: 100%;
      box-sizing: border-box;
      padding: 5px;
    }
  }
  .worker-contact__table-row {
    &.select {
      width: 100%;
      select {
        width: 100%;
        box-sizing: border-box;
        padding: 5px;
      }
    }
  }
  .worker-contact__number {
    max-width: 300px;
    width: 100%;
  }
  .worker-contact__table-item-select-wrap {
    max-width: 400px;
    width: 100%;
  }
  .worker-contact__table-item{
    &.center {
      max-width: 550px;
      width: 100%;
    }
  }

  .worker-contact__table-row-inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .worker-contact__table-row-left-select {
    width: 100%;
  }

  .worker-contact__ico-wrap {
    cursor: pointer;
    text-align: center;
    margin: 0 5px;
    font-weight: bold;
    &.add {
      &:hover {
        .worker-contact__ico-wrap-ico {
          color: #2e7d32;
          i {
            transform: rotate(360deg);
          }
        }
      }
    }
    &.del {
      &:hover {
        .worker-contact__ico-wrap-ico {
          color: #f44336;
        }
      }
    }
    .worker-contact__ico-wrap-ico {
      font-size: 14px;
      transition: color .1s ease-in-out;
      i {
        transition: transform .3s ease-in-out;
      }
    }
    .worker-contact__ico-wrap-title {
      font-size: 10px;
    }
  }
  .worker-ico-b {
    width: 50%;
    margin-left: 10px;
  }

  .worker-contact__table-inner {
    margin: 5px 0;
    border-left: 2px solid #c6c3c3;
    padding: 5px 10px;
    box-sizing: border-box;
    &:nth-child(2n) {
      background-color: #f0faff;
      border-left: 2px solid #039be5;
    }
  }
 !* .worker-contact__wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .worker-contact__item {

  }*!
}*/
.w-contact {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  min-height: 624px;
  height: 1px;
  background-color: #f0f0f0; }
  .w-contact .w-contact-column {
    /* border: 1px solid #000;*/
    position: relative;
    height: 100%;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .w-contact .w-contact-column .w-contact-column__content {
      max-height: calc(100% - 50px);
      overflow-y: auto;
      transition: all .4s ease-in-out; }
      .w-contact .w-contact-column .w-contact-column__content.animate-section-content.active {
        max-height: calc(100% - 100px); }
      .w-contact .w-contact-column .w-contact-column__content.animate-name-content.active {
        max-height: calc(100% - 100px); }
      .w-contact .w-contact-column .w-contact-column__content.animate-number-content.active {
        max-height: calc(100% - 100px); }
      .w-contact .w-contact-column .w-contact-column__content .w-contact-column__content-row .w-contact-column__content-item {
        cursor: pointer;
        font-size: 13px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start; }
        .w-contact .w-contact-column .w-contact-column__content .w-contact-column__content-row .w-contact-column__content-item.active {
          background-color: #c6c6c6; }
        .w-contact .w-contact-column .w-contact-column__content .w-contact-column__content-row .w-contact-column__content-item:hover .w-contact-column__content-item-ico {
          display: block; }
        .w-contact .w-contact-column .w-contact-column__content .w-contact-column__content-row .w-contact-column__content-item .w-contact-column__content-item-name {
          -webkit-flex-grow: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          position: relative;
          padding: 5px; }
          .w-contact .w-contact-column .w-contact-column__content .w-contact-column__content-row .w-contact-column__content-item .w-contact-column__content-item-name:hover {
            color: #0e0e0e; }
          .w-contact .w-contact-column .w-contact-column__content .w-contact-column__content-row .w-contact-column__content-item .w-contact-column__content-item-name.name-section {
            display: block; }
        .w-contact .w-contact-column .w-contact-column__content .w-contact-column__content-row .w-contact-column__content-item .w-contact-column__content-item-ico {
          -webkit-flex-grow: 0;
              -ms-flex-positive: 0;
                  flex-grow: 0;
          /*position: absolute;
            right: 10px;*/
          display: none;
          padding: 5px; }
          .w-contact .w-contact-column .w-contact-column__content .w-contact-column__content-row .w-contact-column__content-item .w-contact-column__content-item-ico:hover {
            color: red; }
    .w-contact .w-contact-column .w-contact-column__bottom {
      position: relative;
      bottom: 0;
      left: 0;
      right: 0;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      z-index: 999; }
    .w-contact .w-contact-column.light {
      background-color: #f8f8f8; }
  .w-contact .b-r {
    border-right: 1px solid rgba(120, 130, 140, 0.13); }
  .w-contact .b-t {
    border-top: 1px solid rgba(120, 130, 140, 0.13); }

.w-contact-bottom-action {
  width: 100%;
  position: absolute;
  height: 50px;
  background-color: #fff;
  top: -100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
  box-sizing: border-box;
  transition: all .3s ease-in-out;
  z-index: 1;
  opacity: 0;
  /*left: -100%;*/ }
  .w-contact-bottom-action.animate-section {
    /* transform: translateX(-100%);*/ }
    .w-contact-bottom-action.animate-section.active {
      opacity: 1;
      /* transform: translateX(0);*/ }
  .w-contact-bottom-action.animate-name {
    /* transform: translateY(100%);*/ }
    .w-contact-bottom-action.animate-name.active {
      /*transform: translateY(0);*/
      opacity: 1; }
  .w-contact-bottom-action.animate-number {
    /*transform: translateX(-100%);*/ }
    .w-contact-bottom-action.animate-number.active {
      /*transform: translateX(0);*/
      opacity: 1; }
  .w-contact-bottom-action .w-contact-bottom-action__select {
    width: 50%; }
    .w-contact-bottom-action .w-contact-bottom-action__select select, .w-contact-bottom-action .w-contact-bottom-action__select input {
      width: 100%;
      box-sizing: border-box;
      font-size: 13px; }

.w-contact-column-name {
  padding: 5px;
  cursor: pointer;
  font-size: 13px; }
  .w-contact-column-name:hover {
    color: #0e0e0e; }
  .w-contact-column-name .w-contact-column-name__item {
    line-height: normal;
    display: inline-block;
    vertical-align: middle; }
    .w-contact-column-name .w-contact-column-name__item.del-ico:hover {
      color: red; }

@charset "UTF-8";
@media print {
  .col-p-1, .col-p-2, .col-p-3, .col-p-4, .col-p-5, .col-p-6, .col-p-7, .col-p-8, .col-p-9, .col-p-10, .col-p-11, .col-p-12 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .col-p-12 {
    width: 100%; }
  .col-p-11 {
    width: 91.66666667%; }
  .col-p-10 {
    width: 83.33333333%; }
  .col-p-9 {
    width: 75%; }
  .col-p-8 {
    width: 66.66666667%; }
  .col-p-7 {
    width: 58.33333333%; }
  .col-p-6 {
    width: 50%; }
  .col-p-5 {
    width: 41.66666667%; }
  .col-p-4 {
    width: 33.33333333%; }
  .col-p-3 {
    width: 25%; }
  .col-p-2 {
    width: 16.66666667%; }
  .col-p-1 {
    width: 8.33333333%; }
  .col-p-pull-12 {
    right: 100%; }
  .col-p-pull-11 {
    right: 91.66666667%; }
  .col-p-pull-10 {
    right: 83.33333333%; }
  .col-p-pull-9 {
    right: 75%; }
  .col-p-pull-8 {
    right: 66.66666667%; }
  .col-p-pull-7 {
    right: 58.33333333%; }
  .col-p-pull-6 {
    right: 50%; }
  .col-p-pull-5 {
    right: 41.66666667%; }
  .col-p-pull-4 {
    right: 33.33333333%; }
  .col-p-pull-3 {
    right: 25%; }
  .col-p-pull-2 {
    right: 16.66666667%; }
  .col-p-pull-1 {
    right: 8.33333333%; }
  .col-p-pull-0 {
    right: auto; }
  .col-p-push-12 {
    left: 100%; }
  .col-p-push-11 {
    left: 91.66666667%; }
  .col-p-push-10 {
    left: 83.33333333%; }
  .col-p-push-9 {
    left: 75%; }
  .col-p-push-8 {
    left: 66.66666667%; }
  .col-p-push-7 {
    left: 58.33333333%; }
  .col-p-push-6 {
    left: 50%; }
  .col-p-push-5 {
    left: 41.66666667%; }
  .col-p-push-4 {
    left: 33.33333333%; }
  .col-p-push-3 {
    left: 25%; }
  .col-p-push-2 {
    left: 16.66666667%; }
  .col-p-push-1 {
    left: 8.33333333%; }
  .col-p-push-0 {
    left: auto; }
  .col-p-offset-12 {
    margin-left: 100%; }
  .col-p-offset-11 {
    margin-left: 91.66666667%; }
  .col-p-offset-10 {
    margin-left: 83.33333333%; }
  .col-p-offset-9 {
    margin-left: 75%; }
  .col-p-offset-8 {
    margin-left: 66.66666667%; }
  .col-p-offset-7 {
    margin-left: 58.33333333%; }
  .col-p-offset-6 {
    margin-left: 50%; }
  .col-p-offset-5 {
    margin-left: 41.66666667%; }
  .col-p-offset-4 {
    margin-left: 33.33333333%; }
  .col-p-offset-3 {
    margin-left: 25%; }
  .col-p-offset-2 {
    margin-left: 16.66666667%; }
  .col-p-offset-1 {
    margin-left: 8.33333333%; }
  .col-p-offset-0 {
    margin-left: 0%; }
  /* Always insert a page break after the element */
  .always-page-break-after,
  .always-pba {
    page-break-after: always !important; }
  /* Avoid page break after the element (if possible) */
  .avoid-page-break-after,
  .avoid-pba {
    page-break-after: avoid !important; }
  /* Insert page breaks after the element so that the next page is formatted as a left page */
  .left-page-break-after,
  .left-pba {
    page-break-after: left; }
  /* Insert page breaks after the element so that the next page is formatted as a right page */
  .right-page-break-after,
  .right-pba {
    page-break-after: right; }
  /* Always insert a page break before the element */
  .always-page-break-before,
  .always-pbb {
    page-break-before: always !important; }
  /* Avoid page break before the element (if possible) */
  .avoid-page-break-before,
  .avoid-pbb {
    page-break-before: avoid !important; }
  /* Insert page breaks before the element so that the next page is formatted as a left page */
  .left-page-break-before,
  .left-pbb {
    page-break-before: left; }
  /* Insert page breaks before the element so that the next page is formatted as a right page */
  .right-page-break-before,
  .right-pbb {
    page-break-before: right; }
  /* Avoid page break inside the element (if possible) */
  .avoid-page-break-inside,
  .avoid-pbi {
    page-break-inside: avoid;
    width: 3; }
  /* Hide link's href URL in print. */
  a[href]:after {
    content: none !important; } }

* {
  box-sizing: border-box; }

div {
  box-sizing: border-box; }

strong {
  font-weight: bold; }

.dispatcher_content_wrapper {
  width: 100%;
  margin-left: 0; }

.admin-content-dispatcher-inner {
  box-sizing: border-box;
  padding: 10px 0;
  min-height: 100%; }

.w-dispatcher-table-style {
  font-size: 14px; }

.w-dispatcher-table-style__row {
  padding: 10px 0;
  border: 1px solid #0a275f;
  border-top: 0; }

.w-dispatcher-table-style__row__content {
  min-height: 30px;
  line-height: 30px; }

.border {
  border: 1px solid #ccc; }

.padding_block_repeat {
  padding: 30px 0 30px 0; }

.w_dispatcher_column_select1 {
  width: 1%; }

.w_dispatcher_column_select6 {
  width: 6%; }

.w_dispatcher_column_select7 {
  width: 7%; }

.w_dispatcher_column_select8 {
  width: 8%; }

.w_dispatcher_column_select10 {
  width: 10%; }

.scroll-dispatch-content {
  overflow: hidden;
  overflow-y: auto;
  height: calc(100vh - 287px);
  margin: 0 -15px; }

.w-dispatcher-content-menu-item_style {
  padding: 10px 0 0 10px; }

.directive div {
  border: 0; }

.dispatcher_log_main_block {
  border: 1px solid #8B98AB;
  background: #f0f0f0;
  color: rgba(173, 173, 173, 0.99); }

.changed {
  color: darkred; }

.c-dispatcher-top__col-button {
  max-width: 100px; }

.c-dispatcher-top__wrapper-button {
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  margin: 0 -15px;
  padding: 10px;
  transition: background-color .3s ease-in-out; }
  .c-dispatcher-top__wrapper-button:hover {
    background-color: #5FC0E3; }

.c-dispatcher-top__title {
  display: block;
  font-weight: bold;
  font-size: 14px; }

.c-dispatcher-top-title__quantity {
  color: #00033C;
  font-size: 16px; }

.c-dispatcher-table__title {
  text-align: center;
  box-sizing: border-box;
  vertical-align: middle;
  font-size: 14px;
  font-weight: bold;
  background-color: #277d9a;
  color: #fff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.b-todo-header-ico__svg {
  width: 25px;
  height: auto;
  overflow: hidden;
  display: inline-block; }
  .b-todo-header-ico__svg svg {
    height: 100%;
    width: 100%;
    fill: #06931f; }
  .b-todo-header-ico__svg .style-done-svg svg {
    fill: #6AC259; }
  .b-todo-header-ico__svg .style-undo-svg svg {
    fill: #55b3a6; }
  .b-todo-header-ico__svg .style-edit-svg svg {
    fill: #1360c7; }
  .b-todo-header-ico__svg .style-edit-svg.style-edit-svg__false {
    pointer-events: none; }
    .b-todo-header-ico__svg .style-edit-svg.style-edit-svg__false svg {
      fill: #ccc; }
  .b-todo-header-ico__svg .style-remove-svg svg {
    fill: #EB1C24; }

.c-dispatcher-table__checkbox {
  width: 1%;
  padding-top: 2px;
  box-sizing: border-box; }

.w-dispatcher-table__row {
  text-align: center;
  padding: 10px 0;
  /*font-weight: bold;*/
  font-size: 15px;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #ccc; }

.w-dispatcher-table__select select {
  text-align-last: center;
  text-align: center;
  background-color: transparent;
  box-sizing: border-box;
  cursor: pointer;
  box-sizing: border-box;
  padding: 5px;
  border: .5px solid #00B0E8;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  transition: background-color .2s ease;
  outline: none; }

.w-dispatcher-table__select_type {
  margin-bottom: 5px; }

.w-dispatcher__checkbox {
  padding-top: 5px;
  margin-left: 5px; }

.dispatcher-edit-menu {
  margin: 10px 0;
  height: 50px;
  line-height: 50px;
  vertical-align: middle; }
  .dispatcher-edit-menu .dispatcher-edit-menu__button-wrap {
    text-align: center; }
  .dispatcher-edit-menu .dispatcher-edit-menu__button {
    padding: 10px;
    line-height: normal;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    max-width: 250px; }
    .dispatcher-edit-menu .dispatcher-edit-menu__button.dispatcher-edit-menu__button_green {
      background-color: #348046;
      color: #fff; }
    .dispatcher-edit-menu .dispatcher-edit-menu__button.dispatcher-edit-menu__button_look {
      background-color: #616966;
      color: #b0b0b0;
      pointer-events: none; }
      .dispatcher-edit-menu .dispatcher-edit-menu__button.dispatcher-edit-menu__button_look.active {
        background-color: #ff9100;
        color: #fff;
        pointer-events: auto; }

.w-dispatcher-table .font-bold {
  font-weight: bold; }

.w-dispatcher-table .w-dispatcher-table__popup-executor {
  position: absolute;
  width: 165px;
  height: 20px;
  top: -20px;
  right: 18px;
  opacity: 0;
  color: #488286;
  transition: opacity .4s ease-in-out; }
  .w-dispatcher-table .w-dispatcher-table__popup-executor.active {
    opacity: 1; }

.w-dispatcher-table__row_new {
  background-color: #fff;
  color: #2c2c2c; }
  .w-dispatcher-table__row_new select {
    color: #2c2c2c; }

.w-dispatcher-table__row_job {
  /* background: #A6D9F7;*/
  background-color: #0088f7;
  color: #FFF8F2 !important; }
  .w-dispatcher-table__row_job select {
    color: #FFF8F2; }
    .w-dispatcher-table__row_job select option {
      color: #343036; }

.w-dispatcher-table__row-postponed {
  background-color: #B28D67;
  color: #FFF8F2 !important; }
  .w-dispatcher-table__row-postponed select {
    color: #FFF8F2; }
    .w-dispatcher-table__row-postponed select option {
      color: #373E40; }

.w-dispatcher-table__row-close {
  /*background: #E8E9EB;*/
  background-color: #D8D7D5;
  color: #696969;
  pointer-events: none; }
  .w-dispatcher-table__row-close select {
    color: #696969;
    border: 0; }

.w-dispatcher-table__row-done {
  /*background: #4ECDC4;*/
  background-color: #7FC29B;
  color: #fff; }
  .w-dispatcher-table__row-done select {
    color: #F2F4F4; }
    .w-dispatcher-table__row-done select option {
      color: #373E40; }

.w-dispatcher-best .w-dispatcher-best__wrap {
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  color: #21272C; }
  .w-dispatcher-best .w-dispatcher-best__wrap:hover {
    color: #424D58; }

.w-dispatcher-best .w-dispatcher-best__ico {
  color: #E8DB1E;
  margin-right: 5px; }

.dispatcher-popup {
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  width: 100%;
  z-index: 9999;
  font-size: 16px; }
  .dispatcher-popup .dispatcher-popup__wrap {
    width: 500px;
    height: 500px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -250px;
    margin-top: -250px;
    background-color: #fff;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    padding: 10px 20px;
    box-sizing: border-box; }
  .dispatcher-popup .dispatcher-popup__close {
    position: absolute;
    cursor: pointer;
    color: #FF2E31;
    right: 10px;
    top: 7px;
    width: 24px;
    height: 24px;
    font-size: 24px;
    transition: color .2s ease-in-out; }
    .dispatcher-popup .dispatcher-popup__close:hover {
      color: #A31E20; }
  .dispatcher-popup .dispatcher-popup__title {
    font-size: 18px;
    color: #171820;
    font-weight: 600;
    margin-bottom: 20px; }

/*КНОПКА НАЗАД*/
.admin-link-back {
  font-size: 24px;
  font-weight: bold;
  color: #4C5F75;
  cursor: pointer;
  box-sizing: border-box;
  padding: 10px 30px;
  text-transform: uppercase;
  transition: color .3s ease-in-out; }
  .admin-link-back:hover {
    color: #0A2342; }

/*КНОПКА НАЗАД*/
/*Задачи для диспетчеров контент*/
.add-task-dispatch {
  /*Блок с инпутом*/ }
  .add-task-dispatch .add-task-dispatch__title-form {
    font-size: 20px;
    color: #2CA58D;
    text-transform: uppercase;
    padding: 10px 0; }
  .add-task-dispatch .add-task-dispatch__input-wrap {
    padding: 20px auto;
    box-sizing: border-box; }
  .add-task-dispatch .add-task-dispatch__input .form-input {
    padding: 0; }
    .add-task-dispatch .add-task-dispatch__input .form-input label {
      font-size: 17px;
      margin-right: 10px;
      display: inline-block;
      font-weight: bold;
      color: #242424; }
  .add-task-dispatch .title-form {
    font-size: 17px;
    margin-right: 10px;
    display: inline-block;
    font-weight: bold;
    color: #242424; }
  .add-task-dispatch .add-task-dispatch__textarea-wrap {
    margin-top: 10px; }
    .add-task-dispatch .add-task-dispatch__textarea-wrap textarea {
      width: 100%;
      min-height: 300px;
      resize: none;
      outline: 0;
      box-sizing: border-box;
      padding: 10px; }

.w-dispatcher-table__select_req-status select {
  border-color: transparent; }

/*#f25f66*/
.dispatcher {
  font-size: 16px; }
  .dispatcher .worker-button-save_header i {
    font-size: 15px;
    margin-right: 5px; }
  .dispatcher .done__button {
    background-color: #0cc2aa;
    color: #fff; }
    .dispatcher .done__button:hover {
      background-color: #0cc2aa;
      background-image: none;
      color: #2a4958; }
  .dispatcher .time__button {
    background-color: #6e81be;
    color: #fff; }
    .dispatcher .time__button:hover {
      background-color: #6e81be;
      background-image: none;
      color: #2a4958; }
  .dispatcher .reject__button {
    background-color: #c6c6c6;
    color: #fff; }
    .dispatcher .reject__button:hover {
      background-color: #c6c6c6;
      background-image: none;
      color: #2a4958; }

.admin-panel-application {
  max-width: 100%;
  padding: 10px 20px;
  box-sizing: border-box;
  margin: -13px 10px 0 10px;
  min-height: 200px;
  font-size: 16px; }

.plite-action {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  background: #fff;
  min-height: 50px;
  border-radius: 10px; }
  .plite-action .plite-action__item {
    text-align: center;
    padding: 4px;
    cursor: pointer;
    -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
                -ms-grid-row-align: stretch;
            align-self: stretch;
    /*max-width: 250px;
    width: 100%;*/
    width: 100%; }
    .plite-action .plite-action__item.new {
      color: #2196f3; }
      .plite-action .plite-action__item.new .plite-action__item-ico {
        background-color: #2196f3; }
    .plite-action .plite-action__item.work {
      color: #f88f58; }
      .plite-action .plite-action__item.work .plite-action__item-ico {
        background-color: #f88f58; }
    .plite-action .plite-action__item.done {
      color: #0cc2aa; }
      .plite-action .plite-action__item.done .plite-action__item-ico {
        background-color: #0cc2aa; }
    .plite-action .plite-action__item.time {
      color: #6e81be; }
      .plite-action .plite-action__item.time .plite-action__item-ico {
        background-color: #6e81be; }
    .plite-action .plite-action__item.close {
      color: #bfbfbf; }
      .plite-action .plite-action__item.close .plite-action__item-ico {
        background-color: #bfbfbf; }
    .plite-action .plite-action__item .plite-action__item-ico {
      border-radius: 50%;
      background-color: #c6c6c6;
      width: 20px;
      height: 20px;
      line-height: 20px;
      text-align: center;
      font-size: 9px;
      color: #fff; }
      .plite-action .plite-action__item .plite-action__item-ico i {
        font-size: 10px;
        margin-right: auto; }
    .plite-action .plite-action__item .plite-action__item-number {
      font-size: 20px;
      font-weight: bold;
      margin: 0 5px; }
      @media (max-width: 1300px) {
        .plite-action .plite-action__item .plite-action__item-number {
          font-size: 14px; } }
    .plite-action .plite-action__item .plite-action__item-text {
      font-size: 16px;
      text-align: left;
      line-height: 15px; }
      .plite-action .plite-action__item .plite-action__item-text .plite-action__item-text-title {
        font-weight: bold;
        color: #000; }
      .plite-action .plite-action__item .plite-action__item-text .plite-action__item-text-description {
        color: #c6c6c6; }

.table-responsive__status {
  padding: 3px;
  text-align: center;
  border-width: 2px;
  border-style: solid;
  background-color: transparent;
  font-weight: bold;
  font-size: 10px;
  letter-spacing: .8px;
  border-radius: 5px;
  display: inline-block;
  box-sizing: border-box; }
  .table-responsive__status.new {
    color: #2196f3;
    border-color: #2196f3; }
  .table-responsive__status.work {
    color: #f88f58;
    border-color: #f88f58; }
  .table-responsive__status.done {
    color: #0cc2aa;
    border-color: #0cc2aa; }
  .table-responsive__status.time {
    color: #6e81be;
    border-color: #6e81be; }
  .table-responsive__status.close {
    color: #bfbfbf;
    border-color: #bfbfbf; }
  .table-responsive__status.take {
    color: #ff6b6b;
    border-color: #ff6b6b; }

.r-wrapper-table__task-disp {
  margin-bottom: 0;
  margin-top: -2px; }
  .r-wrapper-table__task-disp .r-wrapper-table__scroll-y {
    display: block;
    max-height: calc(100vh - 276px);
    overflow-y: scroll;
    overflow-x: hidden;
    margin-right: -17px; }
    .r-wrapper-table__task-disp .r-wrapper-table__scroll-y thead, .r-wrapper-table__task-disp .r-wrapper-table__scroll-y tbody {
      display: table;
      width: 100%; }
  .r-wrapper-table__task-disp .r-wrapper-table__row-content {
    position: relative; }
  .r-wrapper-table__task-disp .r-wrapper-table__header {
    border-bottom: 2px solid #eceeef;
    font-weight: bold;
    font-size: 16px; }
    @media (max-width: 1300px) {
      .r-wrapper-table__task-disp .r-wrapper-table__header {
        font-size: 13px; } }
  .r-wrapper-table__task-disp .table-responsive__row {
    font-weight: 300; }
  .r-wrapper-table__task-disp .table-responsive__td {
    padding: 10px 6px; }
    .r-wrapper-table__task-disp .table-responsive__td.table-responsive__td_number {
      width: 3%; }
    .r-wrapper-table__task-disp .table-responsive__td.table-responsive__td_number-request {
      width: 5%; }
    .r-wrapper-table__task-disp .table-responsive__td.table-responsive__td_description {
      width: 22%; }
    .r-wrapper-table__task-disp .table-responsive__td.table-responsive__td_type {
      width: 8%; }
    .r-wrapper-table__task-disp .table-responsive__td.table-responsive__td_adress {
      width: 12%; }
    .r-wrapper-table__task-disp .table-responsive__td.table-responsive__td_ls {
      width: 5%; }
    .r-wrapper-table__task-disp .table-responsive__td.table-responsive__td_date {
      width: 8%; }
    .r-wrapper-table__task-disp .table-responsive__td.table-responsive__td_number-tel {
      width: 8%; }
    .r-wrapper-table__task-disp .table-responsive__td.table-responsive__td_status {
      width: 8%; }
    .r-wrapper-table__task-disp .table-responsive__td.table-responsive__td_comments {
      width: 11%; }

.table-responsive_task {
  overflow: visible;
  position: relative; }

.table-responsive__header {
  margin: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  padding: 0 20px; }
  .table-responsive__header.table-responsive__header_justify {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative; }
  .table-responsive__header .table-responsive__header-button-wrap .btn__table-header-responsive {
    margin: 6px 8px 6px 0;
    font-size: 12px;
    transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
    @media (max-width: 1300px) {
      .table-responsive__header .table-responsive__header-button-wrap .btn__table-header-responsive {
        font-size: 11px;
        min-width: 100%; } }
    .table-responsive__header .table-responsive__header-button-wrap .btn__table-header-responsive:hover {
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
      -webkit-transform: translate3d(0, -1px, 0);
              transform: translate3d(0, -1px, 0); }
    .table-responsive__header .table-responsive__header-button-wrap .btn__table-header-responsive.add {
      color: #fff;
      background-color: #4caf50; }

.table-responsive__row_dispatche {
  font-size: 14px;
  cursor: pointer;
  transition: background-color .1s ease-in-out;
  position: relative; }
  @media (max-width: 1300px) {
    .table-responsive__row_dispatche {
      font-size: 13px; } }
  .table-responsive__row_dispatche.alert_desire {
    border-left: 4px solid red; }
  .table-responsive__row_dispatche:hover {
    background-color: #effaff !important; }
  .table-responsive__row_dispatche:nth-of-type(even) {
    background-color: #ffffff; }
  .table-responsive__row_dispatche.active {
    background-color: #effaff !important; }
  .table-responsive__row_dispatche.newTask:before {
    width: 22px;
    height: 14px;
    content: 'NEW';
    font-weight: 600;
    text-transform: uppercase;
    font-size: 10px;
    padding: 4px;
    background-color: #0cc2aa;
    color: #fff;
    border-radius: 19%;
    top: 5px;
    left: 5px;
    position: absolute;
    text-align: center; }
  .table-responsive__row_dispatche.newTask:hover {
    /*background-color: red !important;*/ }

.table-responsive__description {
  max-height: 56px;
  overflow-y: hidden; }

.admin-panel-application_dispatch {
  max-height: calc(100vh - 177px);
  padding: 20px;
  padding-bottom: 0; }
  @media print {
    .admin-panel-application_dispatch {
      height: 100% !important;
      min-height: 100% !important;
      max-height: 100% !important; } }
  .admin-panel-application_dispatch.application_dispatch-add {
    overflow-y: auto;
    min-height: calc(100vh - 286px);
    max-height: calc(100vh - 286px); }
  .admin-panel-application_dispatch.admin-panel-application_dispatch-main {
    padding: 10px 0 0; }

.application-dispatch__date {
  font-weight: normal;
  font-size: 15px; }

.application-dispatch__element.adress {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.application-dispatch .application-dispatch__row {
  margin-bottom: 10px; }
  .application-dispatch .application-dispatch__row .application-dispatch__row-item {
    margin-bottom: 15px; }
    .application-dispatch .application-dispatch__row .application-dispatch__row-item.item-comment.alert .application-dispatch__row-item-title {
      color: #d50000; }
    .application-dispatch .application-dispatch__row .application-dispatch__row-item.item-comment.alert .application-dispatch__row-item-description {
      color: #d50000;
      background-color: #ffdddd; }
    .application-dispatch .application-dispatch__row .application-dispatch__row-item.item-comment.positive .application-dispatch__row-item-title {
      color: #038a00; }
    .application-dispatch .application-dispatch__row .application-dispatch__row-item.item-comment.positive .application-dispatch__row-item-description {
      color: #038a00;
      background-color: #cbffca; }
    .application-dispatch .application-dispatch__row .application-dispatch__row-item.multi-col {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      margin: 0 -10px; }
      .application-dispatch .application-dispatch__row .application-dispatch__row-item.multi-col .application-dispatch__row-item-description {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        height: calc(100% - 58px);
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        text-align: center; }
    .application-dispatch .application-dispatch__row .application-dispatch__row-item .multi-col__item {
      margin: 0 10px;
      width: 33%; }
      .application-dispatch .application-dispatch__row .application-dispatch__row-item .multi-col__item.three .application-dispatch__row-item-description {
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; }
    .application-dispatch .application-dispatch__row .application-dispatch__row-item .application-dispatch__row-item-title {
      font-size: 16px;
      font-weight: bold;
      margin: 5px 0; }
    .application-dispatch .application-dispatch__row .application-dispatch__row-item .application-dispatch__row-item-description {
      background: #f7f7f7;
      padding: 10px; }
      .application-dispatch .application-dispatch__row .application-dispatch__row-item .application-dispatch__row-item-description .application-dispatch__row-item-post {
        color: #868686;
        font-size: 14px; }
    .application-dispatch .application-dispatch__row .application-dispatch__row-item .subtitle {
      font-size: 15px;
      color: #0a608a;
      display: block; }
    .application-dispatch .application-dispatch__row .application-dispatch__row-item .bold {
      font-weight: bold; }
    .application-dispatch .application-dispatch__row .application-dispatch__row-item .status-dogovor__yes {
      color: #4bb100; }
    .application-dispatch .application-dispatch__row .application-dispatch__row-item .status-dogovor__no {
      color: #d50000; }
    .application-dispatch .application-dispatch__row .application-dispatch__row-item .application-dispatch__item-title-ico {
      font-size: 20px; }
    .application-dispatch .application-dispatch__row .application-dispatch__row-item .application-dispatch__description-article {
      line-height: 24px; }
  .application-dispatch .application-dispatch__row.info-acc {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch; }
    .application-dispatch .application-dispatch__row.info-acc .application-dispatch__title {
      margin-right: 30px; }
  .application-dispatch .application-dispatch__row .application-dispatch__title {
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0; }
  .application-dispatch .application-dispatch__row .application-dispatch__element select, .application-dispatch .application-dispatch__row .application-dispatch__element input, .application-dispatch .application-dispatch__row .application-dispatch__element textarea {
    outline: 0; }
  .application-dispatch .application-dispatch__row .application-dispatch__element.textarea {
    max-width: 100%; }
  .application-dispatch .application-dispatch__row .application-dispatch__element.select {
    max-width: 300px; }
  .application-dispatch .application-dispatch__row .application-dispatch__element.tel {
    max-width: 300px; }
    .application-dispatch .application-dispatch__row .application-dispatch__element.tel input {
      width: 100%;
      display: inline-block;
      box-sizing: border-box;
      padding: 5px; }
  .application-dispatch .application-dispatch__row .application-dispatch__element_margin-left {
    margin-left: 27px; }
  .application-dispatch .application-dispatch__row .application-dispatch__element .application-dispatch__textarea {
    resize: none;
    height: 100px;
    width: 100%;
    padding: 10px;
    outline: 0;
    box-sizing: border-box;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    border: 0; }
  .application-dispatch .application-dispatch__row .application-dispatch__element .application-dispatch__select {
    width: 100%;
    padding: 5px; }
  .application-dispatch .application-dispatch__row .application-dispatch__plite {
    box-sizing: border-box;
    /*border: 1px solid #000000;*/
    padding: 35px 0 35px 0;
    background-color: #003d5a;
    max-width: 490px;
    width: 100%;
    text-align: center;
    position: relative;
    margin-right: 20px; }
    @media (max-width: 1350px) {
      .application-dispatch .application-dispatch__row .application-dispatch__plite {
        padding: 10px 0; } }
    .application-dispatch .application-dispatch__row .application-dispatch__plite:last-child {
      margin-right: 0; }
    .application-dispatch .application-dispatch__row .application-dispatch__plite .application-dispatch__plite-content {
      z-index: 2;
      position: relative;
      padding: 20px;
      background-color: rgba(32, 138, 190, 0.84);
      box-sizing: border-box; }
    .application-dispatch .application-dispatch__row .application-dispatch__plite .application-dispatch__title {
      margin: 0 0 12px 0;
      text-transform: uppercase;
      font-size: 18px;
      color: #fff; }
      @media (max-width: 1350px) {
        .application-dispatch .application-dispatch__row .application-dispatch__plite .application-dispatch__title {
          font-size: 16px; } }
    .application-dispatch .application-dispatch__row .application-dispatch__plite:after {
      content: '';
      opacity: 0.5;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      position: absolute;
      z-index: 1;
      background-size: cover; }
    .application-dispatch .application-dispatch__row .application-dispatch__plite.one {
      background-color: #003d5a; }
      .application-dispatch .application-dispatch__row .application-dispatch__plite.one:after {
        background: url("/app/dev/public/img/Resident/Dispatche/8c06edf95822779ce4fcdfabe5e933af.jpg");
        background-size: cover; }
    .application-dispatch .application-dispatch__row .application-dispatch__plite.two {
      background-color: #008e32; }
      .application-dispatch .application-dispatch__row .application-dispatch__plite.two .application-dispatch__plite-content {
        background-color: rgba(40, 156, 71, 0.84); }
      .application-dispatch .application-dispatch__row .application-dispatch__plite.two .application-dispatch__select {
        border: 1px solid #35a152;
        color: #35a153;
        background: #fff; }
      .application-dispatch .application-dispatch__row .application-dispatch__plite.two:after {
        background: url("/app/dev/public/img/Resident/Dispatche/architecture-2141065_1280.jpg");
        background-size: cover;
        background-position: 0% 38%; }
    .application-dispatch .application-dispatch__row .application-dispatch__plite.three {
      background-color: #a9630c; }
      .application-dispatch .application-dispatch__row .application-dispatch__plite.three .application-dispatch__plite-content {
        background-color: rgba(189, 123, 24, 0.84); }
      .application-dispatch .application-dispatch__row .application-dispatch__plite.three .application-dispatch__select {
        border: 1px solid #c08228;
        color: #c08228;
        background: #fff; }
      .application-dispatch .application-dispatch__row .application-dispatch__plite.three:after {
        background: url("/app/dev/public/img/Resident/Dispatche/keys-2070722_1920.jpg");
        background-size: cover;
        background-position: 0% 38%; }
    .application-dispatch .application-dispatch__row .application-dispatch__plite .application-dispatch__select {
      border: 1px solid #208abe;
      color: #208abe;
      background: #fff; }
      @media (max-width: 1350px) {
        .application-dispatch .application-dispatch__row .application-dispatch__plite .application-dispatch__select {
          font-size: 14px; } }
    .application-dispatch .application-dispatch__row .application-dispatch__plite.ng-enter, .application-dispatch .application-dispatch__row .application-dispatch__plite.ng-leave {
      transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; }
    .application-dispatch .application-dispatch__row .application-dispatch__plite.ng-enter, .application-dispatch .application-dispatch__row .application-dispatch__plite.ng-leave.ng-leave-active {
      opacity: 0; }
    .application-dispatch .application-dispatch__row .application-dispatch__plite.ng-leave, .application-dispatch .application-dispatch__row .application-dispatch__plite.ng-enter.ng-enter-active {
      opacity: 1; }

.application-dispatch .application-dispatch__arrow {
  position: relative;
  /*left: 30px;*/
  font-size: 50px;
  display: inline-block;
  width: 100%;
  font-weight: bold;
  /*top: 50%;
    margin-top: -54px;*/ }
  .application-dispatch .application-dispatch__arrow.one {
    color: #de3b3b; }
  .application-dispatch .application-dispatch__arrow.two {
    color: #f39400; }
  .application-dispatch .application-dispatch__arrow.three {
    color: #3ebb00; }

.application-dispatch__link-select-mkd {
  font-weight: normal;
  text-decoration: underline;
  font-size: 16px;
  cursor: pointer;
  color: #208abe; }

.application-dispatch__element_left .select-multi {
  left: auto;
  right: -100%;
  margin-right: -200px;
  top: -1px; }

.application-dispatch__text {
  box-sizing: border-box; }

.application-dispatch__title_prev {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f7f7f7;
  padding: 10px 14px;
  box-sizing: border-box; }

.application-dispatch__prev-status {
  padding: 1px 8px;
  text-align: center;
  border-width: 2px;
  border-style: solid;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: .8px;
  display: block; }
  .application-dispatch__prev-status.new {
    color: #2196f3; }
  .application-dispatch__prev-status.work {
    color: #f88f58; }
  .application-dispatch__prev-status.done {
    color: #0cc2aa; }
  .application-dispatch__prev-status.time {
    color: #6e81be; }
  .application-dispatch__prev-status.close {
    color: #bfbfbf; }

.application-dispatch__prev-status-wrap {
  margin-left: 15px; }

.application-dispatch__account-job {
  line-height: 18px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  text-align: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .application-dispatch__account-job .application-dispatch__account-job-item {
    padding: 10px 20px 10px 20px;
    background: #f7f7f7;
    color: #0a60a2;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    border-left: 3px solid #0a60a2;
    width: 200px;
    margin: 5px; }
  .application-dispatch__account-job .application-dispatch__job-position {
    font-size: 14px;
    display: block;
    margin: 0 auto;
    width: 100%;
    color: #868686; }
  .application-dispatch__account-job .application-dispatch__account-job-item-name {
    line-height: 24px;
    font-weight: bold; }

.application-dispatch__log-wrapper {
  box-sizing: border-box;
  padding: 8px;
  position: relative;
  margin-bottom: 10px; }
  .application-dispatch__log-wrapper.new {
    border-left: 4px solid #2196f3;
    color: #2196f3; }
    .application-dispatch__log-wrapper.new .application-dispatch__log-full {
      background: #2196f3; }
    .application-dispatch__log-wrapper.new .application-dispatch__prev-status {
      border: 2px solid #2196f3;
      color: #2196f3; }
  .application-dispatch__log-wrapper.work {
    border-left: 4px solid #f88f58;
    color: #f88f58; }
    .application-dispatch__log-wrapper.work .application-dispatch__log-full {
      background: #208abe; }
    .application-dispatch__log-wrapper.work .application-dispatch__prev-status {
      border: 2px solid #f88f58;
      color: #f88f58; }
    .application-dispatch__log-wrapper.work .application-dispatch__log-position-wrap {
      background-color: #f88f58;
      border-left: 4px solid #ff600d; }
  .application-dispatch__log-wrapper.done {
    color: #0cc2aa;
    border-left: 4px solid #0cc2aa; }
    .application-dispatch__log-wrapper.done .application-dispatch__prev-status {
      border: 2px solid #0cc2aa;
      color: #0cc2aa; }
  .application-dispatch__log-wrapper.time {
    border-left: 4px solid #6e81be;
    color: #6e81be; }
    .application-dispatch__log-wrapper.time .application-dispatch__log-full {
      background: #6e81be; }
    .application-dispatch__log-wrapper.time .application-dispatch__prev-status {
      border: 2px solid #6e81be;
      color: #6e81be; }
  .application-dispatch__log-wrapper.close {
    color: #bfbfbf;
    border-left: 4px solid #bfbfbf; }
    .application-dispatch__log-wrapper.close .application-dispatch__log-full {
      background: #bfbfbf; }
    .application-dispatch__log-wrapper.close .application-dispatch__prev-status {
      border: 2px solid #bfbfbf;
      color: #bfbfbf; }
  .application-dispatch__log-wrapper.complaint {
    color: #f25f66;
    border-left: 4px solid #f25f66; }
    .application-dispatch__log-wrapper.complaint .application-dispatch__log-full {
      background: #f25f66; }
    .application-dispatch__log-wrapper.complaint .application-dispatch__prev-status {
      border: 2px solid #f25f66;
      color: #f25f66; }
  .application-dispatch__log-wrapper .application-dispatch__log-position-wrap {
    padding: 4px 15px;
    font-weight: bold;
    color: #fffdfc;
    font-size: 14px;
    display: inline-block;
    text-align: center; }
    .application-dispatch__log-wrapper .application-dispatch__log-position-wrap .application-dispatch__log-position {
      font-size: 12px;
      display: block;
      margin: 0 auto;
      width: 100%;
      font-weight: bold; }
  .application-dispatch__log-wrapper .application-dispatch__prev-status {
    padding: 0px 8px;
    text-align: center;
    border-width: 2px;
    border-style: solid;
    font-weight: bold;
    font-size: 13px;
    letter-spacing: .8px;
    display: block;
    margin-left: 10px; }
  .application-dispatch__log-wrapper .application-dispatch__log-inner {
    padding-left: 8px; }
    .application-dispatch__log-wrapper .application-dispatch__log-inner.date {
      font-weight: 600;
      font-size: 18px; }
    .application-dispatch__log-wrapper .application-dispatch__log-inner.title {
      font-weight: 600; }
    .application-dispatch__log-wrapper .application-dispatch__log-inner.position-log {
      margin-top: 8px; }
    .application-dispatch__log-wrapper .application-dispatch__log-inner.position .position-cut {
      position: relative;
      cursor: pointer;
      display: inline-block; }
  .application-dispatch__log-wrapper .application-dispatch__log-full {
    position: absolute;
    left: -4px;
    right: 0;
    background-color: #000;
    color: #fff;
    top: 0;
    min-height: 100%;
    display: block;
    z-index: 999;
    cursor: pointer;
    padding: 15px; }
    .application-dispatch__log-wrapper .application-dispatch__log-full.ng-hide {
      opacity: 0; }
    .application-dispatch__log-wrapper .application-dispatch__log-full.ng-hide-add, .application-dispatch__log-wrapper .application-dispatch__log-full.ng-hide-remove {
      transition: all linear 0.2s; }

.application-dispatch__wrapper-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .application-dispatch__wrapper-row.action-request {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .application-dispatch__wrapper-row.action-request .application-dispatch__row {
      -webkit-flex: none;
          -ms-flex: none;
              flex: none;
      margin: 0 40px; }
  .application-dispatch__wrapper-row .application-dispatch__row {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    margin: 0 5px; }

.application-dispatch__info-user .application-dispatch__info-user-item {
  margin-bottom: 5px; }
  .application-dispatch__info-user .application-dispatch__info-user-item .application-dispatch__info-user-item-title {
    font-weight: 600; }
  .application-dispatch__info-user .application-dispatch__info-user-item .application-dispatch__info-user-item-description {
    color: #0371a7;
    font-weight: 600; }

.right-panel {
  width: 300px;
  background-color: white;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  box-shadow: -1px 0 1px 0px #0078b3;
  color: #fff;
  box-sizing: border-box;
  padding-top: 61px;
  /*&.ng-hide-remove {
    background-color: red;
  }*/ }
  .right-panel.ng-hide {
    right: -300px; }
  .right-panel.ng-hide-add, .right-panel.ng-hide-remove {
    transition: all linear 0.2s; }
  .right-panel .right-panel__wrapper .right-panel__title {
    padding: 20px 20px 20px;
    text-align: left;
    font-weight: bold;
    font-size: 20px;
    box-sizing: border-box;
    color: #0073ab; }
  .right-panel .right-panel__wrapper .right-panel__title-group {
    color: #3e4855;
    font-weight: bold;
    padding-left: 20px;
    margin-bottom: 10px; }
  .right-panel .right-panel__wrapper .right-panel__staff-wrap {
    padding: 0px 10px;
    box-sizing: border-box;
    margin-left: 20px;
    margin-bottom: 10px;
    line-height: 19px;
    font-size: 14px;
    color: #0073ab;
    border-left: 4px solid #20be49; }
    .right-panel .right-panel__wrapper .right-panel__staff-wrap .right-panel__staff-pos {
      font-size: 14px;
      font-weight: bold;
      color: #3baae0; }
    .right-panel .right-panel__wrapper .right-panel__staff-wrap .right-panel__staff-name {
      font-weight: bold;
      font-size: 16px; }
    .right-panel .right-panel__wrapper .right-panel__staff-wrap .right-panel__staff-req {
      font-weight: bold;
      color: #20be49; }
      .right-panel .right-panel__wrapper .right-panel__staff-wrap .right-panel__staff-req.alert {
        color: #c30000; }
      .right-panel .right-panel__wrapper .right-panel__staff-wrap .right-panel__staff-req .right-panel__staff-req-num {
        font-weight: bold; }

/*Выпадашка фильтра*/
.task-search {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  min-height: 165px;
  z-index: 999;
  background-color: #fff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none; }
  .task-search.ng-hide {
    opacity: 0; }
  .task-search.ng-hide-add, .task-search.ng-hide-remove {
    transition: all linear 0.2s; }
  .task-search .task-search__close-wrap {
    float: right; }
    .task-search .task-search__close-wrap .task-search__close {
      cursor: pointer;
      font-size: 20px;
      color: #212121;
      font-weight: bold;
      transition: color .2s ease-in-out; }
      .task-search .task-search__close-wrap .task-search__close__ico {
        border: 2px solid #212121;
        border-radius: 50%;
        transition: border-color .2s ease-in-out; }
      .task-search .task-search__close-wrap .task-search__close:hover {
        color: #d32f2f; }
        .task-search .task-search__close-wrap .task-search__close:hover .task-search__close__ico {
          border-color: #d32f2f; }
  .task-search .task-search__wrapper {
    box-sizing: border-box;
    padding: 10px; }
  .task-search input, .task-search select, .task-search textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    outline: 0; }
  .task-search .task-search-top .task-search-top__title {
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0; }

.task-search__element-wrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  box-sizing: border-box;
  padding: 20px;
  max-height: 100%; }

.task-search__element {
  max-width: 228px;
  width: 100%; }
  .task-search__element.checkbox {
    text-align: center;
    max-width: 52px; }
  .task-search__element .task-search__element-label {
    font-weight: bold;
    margin-bottom: 5px; }
  .task-search__element .task-search__element-input.date input {
    width: auto;
    padding: 6px 0;
    width: 100%; }
  .task-search__element .task-search__element-input.date select {
    width: auto; }
  .task-search__element .task-search__element-input.checkbox input {
    width: auto; }
  .task-search__element .task-search__element-input select, .task-search__element .task-search__element-input input {
    width: 100%;
    box-sizing: border-box;
    padding: 5px; }

.row-edit-panel {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  display: none;
  background-color: rgba(22, 20, 113, 0.8);
  cursor: pointer;
  z-index: 9; }
  .row-edit-panel.active {
    display: block; }
  .row-edit-panel .row-edit-panel__col {
    display: block;
    width: 100%;
    height: 100%; }
  .row-edit-panel .row-edit-panel__wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%; }
  .row-edit-panel .row-edit-panel__button {
    margin-left: 20px;
    background-color: #f3de79;
    color: #6b5b11;
    min-height: 25px;
    line-height: 25px;
    font-size: 12px; }
    .row-edit-panel .row-edit-panel__button:hover {
      /*color: #000 !important;
      background-color: #fff !important;*/
      color: #3c3101 !important;
      background-color: #ffdd37 !important;
      -webkit-transform: none !important;
          -ms-transform: none !important;
              transform: none !important; }
  .row-edit-panel .row-edit-panel__ico-wrap .row-edit-panel__info-tooltip {
    background-color: #0cc2aa;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
    color: #ffffff;
    padding: 1px 11px;
    margin-right: 15px;
    border-radius: 3px;
    font-weight: bold;
    line-height: 22px;
    font-size: 12px; }
  .row-edit-panel .row-edit-panel__ico-wrap #hover-tooltip {
    position: relative;
    z-index: 2;
    display: none;
    background-color: #8de271 !important;
    color: #066d00; }
    .row-edit-panel .row-edit-panel__ico-wrap #hover-tooltip:after {
      content: '';
      position: absolute;
      right: -15px;
      top: 2px;
      border: 12px solid transparent;
      z-index: 1;
      border-left: 7px solid #8de271; }
    .row-edit-panel .row-edit-panel__ico-wrap #hover-tooltip.done {
      display: inline-block; }
    .row-edit-panel .row-edit-panel__ico-wrap #hover-tooltip.time {
      display: inline-block; }
    .row-edit-panel .row-edit-panel__ico-wrap #hover-tooltip.reject {
      display: inline-block; }
  .row-edit-panel .row-edit-panel__ico-wrap .row-edit-panel__ico {
    border-radius: 50%;
    background-color: #c6c6c6;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    cursor: pointer;
    margin-right: 20px;
    transition: all .2s ease-in-out;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); }
    .row-edit-panel .row-edit-panel__ico-wrap .row-edit-panel__ico:hover {
      background-color: #8de271 !important;
      color: #45438d; }
    .row-edit-panel .row-edit-panel__ico-wrap .row-edit-panel__ico.row-edit-panel__ico_done {
      background-color: #0cc2aa; }
    .row-edit-panel .row-edit-panel__ico-wrap .row-edit-panel__ico.row-edit-panel__ico_time {
      background-color: #6e81be; }

.popup-dispatcher {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.38);
  z-index: 99999999;
  font-size: 16px; }
  .popup-dispatcher .popup-dispatcher__wrapper {
    max-width: 400px;
    width: 100%;
    background-color: #fff;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -128px;
    box-sizing: border-box;
    padding: 10px; }
  .popup-dispatcher .popup-dispatcher__header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 30px; }
    .popup-dispatcher .popup-dispatcher__header .popup-dispatcher__header-title {
      font-size: 18px;
      color: #2869bb;
      font-weight: bold; }
    .popup-dispatcher .popup-dispatcher__header .popup-dispatcher__header-close {
      font-size: 20px; }
  .popup-dispatcher .popup-dispatcher__content {
    margin: 5px 0 3px 0; }
    .popup-dispatcher .popup-dispatcher__content .popup-dispatcher__content-comment .popup-dispatcher__content-comment-textarea {
      width: 100%;
      min-height: 156px;
      resize: none;
      outline: none;
      box-sizing: border-box;
      display: block;
      padding: 5px;
      border: 1px solid #c6c3c3; }
  .popup-dispatcher .popup-dispatcher__footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /*justify-content: space-between;*/
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    .popup-dispatcher .popup-dispatcher__footer .popup-dispatcher__footer-button button {
      background-color: #fff;
      margin-right: 0;
      margin-left: 0; }
    .popup-dispatcher .popup-dispatcher__footer .popup-dispatcher__footer-button .btn__done {
      background: #7fd265;
      color: #2c7117;
      margin-right: 10px; }
      .popup-dispatcher .popup-dispatcher__footer .popup-dispatcher__footer-button .btn__done:hover {
        color: #fff; }
    .popup-dispatcher .popup-dispatcher__footer .popup-dispatcher__footer-button .btn__close {
      background: #de4747;
      color: #861616; }
      .popup-dispatcher .popup-dispatcher__footer .popup-dispatcher__footer-button .btn__close:hover {
        color: #fff; }

.dispatcher_add {
  /* start 'enter' transition */
  /* end 'enter' transition */
  /* end 'leave' transition */ }
  .dispatcher_add.ng-enter, .dispatcher_add.ng-leave {
    /* transition on enter and leave for .5s */
    transition: .5s; }
  .dispatcher_add.ng-enter .side-form .content {
    /* start with content 80% off the right of the page */
    right: -80%; }
  .dispatcher_add.ng-enter .side-form .background {
    /* start with background opacity 0 (invisible) */
    opacity: 0; }
  .dispatcher_add.ng-enter-active .side-form .content {
    /* transition the right position which
           slides the content into view */
    transition: right .5s;
    /* end with content aligned to the right of the page */
    right: 0; }
  .dispatcher_add.ng-enter-active .side-form .background {
    /* transition the background opacity to fades it in */
    transition: opacity .5s;
    /* end with background opacity 0.8 to give the overlay effect */
    opacity: .8; }
  .dispatcher_add.ng-leave-active .side-form .content {
    /* transition the right position which
           slides the content out of view */
    transition: right .5s;
    /* end transition with the content completely off the page */
    right: -100%; }
  .dispatcher_add.ng-leave-active .side-form .background {
    /* transition the background opacity to fades it out */
    transition: opacity .5s;
    /* end with background opacity 0 to hide it */
    opacity: 0; }

.popup-full {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.38);
  z-index: 80;
  font-size: 16px; }
  .popup-full .popup-full__wrapper {
    width: calc(100% - 220px);
    background-color: #fff;
    height: 100%;
    position: relative;
    transition: right .3s ease-in-out;
    right: -220px;
    overflow: hidden;
    overflow-y: auto; }
  .popup-full #popup-full-animate {
    right: -100%; }
    .popup-full #popup-full-animate.active {
      right: -220px; }
  .popup-full .popup-full__close-wrap {
    position: absolute;
    left: 0;
    right: -220px;
    top: 0;
    bottom: 0;
    cursor: pointer;
    transition: all .2s ease-in-out; }
    .popup-full .popup-full__close-wrap:hover {
      background-color: rgba(0, 0, 0, 0.5); }
      .popup-full .popup-full__close-wrap:hover .popup-full__close {
        background-color: #c12323 !important;
        box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.26); }
      .popup-full .popup-full__close-wrap:hover .popup-full__close-ico {
        color: #fff; }
  .popup-full .popup-full__close {
    width: 70px;
    border-radius: 50%;
    text-align: center;
    line-height: 70px;
    vertical-align: middle;
    height: 70px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 75px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    cursor: pointer;
    background-color: #297ada;
    transition: all .2s ease-in-out; }
    .popup-full .popup-full__close .popup-full__close-ico {
      font-size: 29px;
      color: #10509c;
      transition: all .3s ease-in-out; }
  .popup-full .popup-full__header {
    height: 64px;
    width: 100%;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 20px; }
    .popup-full .popup-full__header .popup-full__header-title {
      font-size: 20px;
      font-weight: bold; }

.popup-content-executor {
  padding: 20px; }
  .popup-content-executor .popup-content-executor__title {
    font-size: 18px;
    font-weight: bold;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .popup-content-executor__check-other {
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px; }

.popup-executor-current .popup-executor-current__wrapper {
  box-sizing: border-box;
  /*border: 1px solid #000;*/
  margin: 0 -10px; }

.popup-executor-current .popup-executor-current__item {
  position: relative;
  border-left: 2px solid #929292;
  padding: 10px 35px 10px 10px;
  float: left;
  margin: 10px 10px;
  background: #f5f5f5; }
  .popup-executor-current .popup-executor-current__item .popup-executor-current__item-position {
    font-weight: bold;
    display: block; }
  .popup-executor-current .popup-executor-current__item .popup-executor-current__item-del {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 10px;
    width: 15px;
    border-radius: 50%;
    text-align: center;
    line-height: 15px;
    vertical-align: middle;
    height: 15px;
    background-color: #ff3e3e;
    font-size: 10px;
    cursor: pointer;
    padding-right: 0.2px;
    color: #ffffff; }

.popup-executor-search .popup-content-executor__title {
  margin: 10px 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.popup-executor-search .popup-executor-search__item input {
  box-sizing: border-box;
  padding: 5px;
  width: 35%; }

.popup-executor-list .popup-executor-list__header {
  margin: 10px 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .popup-executor-list .popup-executor-list__header .popup-executor-list__header-add .btn {
    background-color: #1f7ca7;
    color: #fff; }
    .popup-executor-list .popup-executor-list__header .popup-executor-list__header-add .btn:hover {
      background-color: #409030; }

.popup-executor-list .popup-executor-list__wrapper {
  display: table;
  width: 100%;
  border-collapse: collapse; }
  .popup-executor-list .popup-executor-list__wrapper .popup-executor-list_row {
    display: table-row; }
    .popup-executor-list .popup-executor-list__wrapper .popup-executor-list_row:hover {
      background-color: #e6e6e6;
      cursor: pointer; }
    .popup-executor-list .popup-executor-list__wrapper .popup-executor-list_row.active {
      background-color: #c8e3ff; }
    .popup-executor-list .popup-executor-list__wrapper .popup-executor-list_row.select-current {
      background-color: #0A2342; }
    .popup-executor-list .popup-executor-list__wrapper .popup-executor-list_row.theader {
      color: #0084c1;
      background-color: #eaeaea; }
      .popup-executor-list .popup-executor-list__wrapper .popup-executor-list_row.theader:hover {
        background-color: transparent;
        background-color: #eaeaea; }
    .popup-executor-list .popup-executor-list__wrapper .popup-executor-list_row .popup-executor-list_col {
      display: table-cell;
      border-bottom: 1px solid #d8d8d8;
      padding: 7px 10px; }
      .popup-executor-list .popup-executor-list__wrapper .popup-executor-list_row .popup-executor-list_col.title {
        font-weight: bold;
        font-size: 17px; }

.reqDesireList {
  background: #ccc;
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 300px;
  height: 300px; }

/*Попап фильтра*/
.popup-filter {
  max-width: 290px;
  height: 100%;
  background: #fff;
  z-index: 999999;
  position: relative;
  box-sizing: border-box; }
  .popup-filter__header {
    box-sizing: border-box;
    padding: 20px;
    font-size: 18px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }
  .popup-filter-button {
    position: absolute;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    left: 0;
    right: 0; }

.popup-full_filter .popup-full__close-wrap {
  position: absolute;
  left: 300px;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
  transition: all .2s ease-in-out;
  z-index: 1; }

/*Попап фильтра*/
/*Material*/
.md-element label {
  color: rgba(0, 0, 0, 0.6); }

.md-element .md-select-placeholder {
  color: rgba(0, 0, 0, 0.6) !important; }

.md-element .md-errors-spacer {
  display: none; }

.md-element .md-option {
  height: 30px; }

.md-element .selectdemoSelectHeader {
  /* Please note: All these selectors are only applied to children of elements with the 'selectdemoSelectHeader' class */ }

.md-element .selectdemoSelectHeader .demo-header-searchbox {
  border: none;
  outline: none;
  height: 100%;
  width: 100%;
  padding: 0; }

.md-element .selectdemoSelectHeader .demo-select-header {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
  padding-left: 10.667px;
  height: 48px;
  cursor: pointer;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto; }

.md-element .selectdemoSelectHeader md-content._md {
  max-height: 240px; }

.selectdemoSelectHeader {
  /* Please note: All these selectors are only applied to children of elements with the 'selectdemoSelectHeader' class */ }

.selectdemoSelectHeader .demo-header-searchbox {
  border: none;
  outline: none;
  height: 100%;
  width: 100%;
  padding: 0; }

.selectdemoSelectHeader .demo-select-header {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
  padding-left: 10.667px;
  height: 48px;
  cursor: pointer;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto; }

.selectdemoSelectHeader md-content._md {
  max-height: 240px; }

.inline-radio {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 -10px; }
  .inline-radio .radio {
    margin: 0 10px;
    transition: color .2s ease-in-out; }
    .inline-radio .radio:hover {
      color: rgba(63, 81, 181, 0.87); }

/*Material end*/
.show-panel-edit.active-panel .row-edit-panel {
  display: block; }

.text-request__tooltip {
  /* max-width: 400px;
    width: 100%;*/ }

@charset "UTF-8";
@media print {
  @page {
    padding: 0;
    margin: 0; } }

.dispatcher-report {
  box-sizing: border-box; }
  .dispatcher-report sup {
    vertical-align: super !important; }
    @media print {
      .dispatcher-report sup {
        vertical-align: baseline !important; } }
  .dispatcher-report p {
    margin: 0;
    padding: 0; }
    @media print {
      .dispatcher-report p {
        margin: 0 !important;
        padding: 0 !important; } }
  @media print {
    .dispatcher-report {
      font-family: "Times New Roman";
      font-size: 12pt !important;
      box-shadow: 10px 10px 20px black;
      /* небольшая тень для объемности */
      background-color: white;
      /* цвет фона в блоке */
      font-size: 14pt;
      line-height: 1.5;
      padding: 5mm;
      overflow: hidden !important; } }
  @media print {
    .dispatcher-report .dispatcher {
      margin: 0 !important;
      padding: 0 !important; } }
  .dispatcher-report .admin_content_panel {
    padding: 10px; }
    @media print {
      .dispatcher-report .admin_content_panel {
        margin: 0 !important;
        padding: 0 !important;
        overflow: inherit !important;
        overflow-y: inherit !important; } }
  .dispatcher-report__action_button {
    background-color: #1f7ca7;
    color: #fff;
    margin-left: 0; }
    .dispatcher-report__action_button:hover {
      background-color: #409030; }
  .dispatcher-report__action-element {
    margin-bottom: 10px; }
    .dispatcher-report__action-element_title {
      margin-bottom: 5px; }
  .dispatcher-report__filter-date {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
    @media print {
      .dispatcher-report__filter-date {
        display: none !important; } }
    @media print {
      .dispatcher-report__filter-date-button-print {
        display: none !important; } }

@media print {
  .dispatcher-report__button-wrap {
    display: none; } }

.dispatcher-report__wrapper-reports {
  overflow-y: auto; }
  @media print {
    .dispatcher-report__wrapper-reports {
      height: 100%; } }

.dispatcher-report__row.header-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .dispatcher-report__row.header-title .dispatcher-report__header-title {
    padding: 0;
    display: inline-block;
    margin: 0;
    font-size: 14pt; }

.dispatcher-report__row.titul__title {
  margin-top: 5cm;
  text-align: center; }
  .dispatcher-report__row.titul__title .dispatcher-report__title {
    font-size: 24pt;
    font-weight: bold; }
  .dispatcher-report__row.titul__title .dispatcher-report__title-description {
    font-weight: bold;
    font-size: 15pt; }

.dispatcher-report__row.titul__structure {
  text-align: center;
  margin-top: 5cm; }
  .dispatcher-report__row.titul__structure .dispatcher-report__name-structure {
    font-weight: bold;
    font-size: 15pt; }

.dispatcher-report__wrapper .dispatcher-report-jeu .dispatcher-report-jeu__row.title {
  font-size: 25pt;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1cm; }

.dispatcher-report__wrapper .dispatcher-report-jeu .dispatcher-report-jeu__row.title-structure {
  font-size: 25pt;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 1.5cm; }

.dispatcher-report__wrapper .dispatcher-report-jeu .dispatcher-report-jeu__row.info {
  font-size: 14pt;
  font-weight: bold; }
  .dispatcher-report__wrapper .dispatcher-report-jeu .dispatcher-report-jeu__row.info.obch-ch {
    margin-bottom: 0.5cm; }
  .dispatcher-report__wrapper .dispatcher-report-jeu .dispatcher-report-jeu__row.info.obch-pl {
    margin-bottom: 0.5cm; }
  .dispatcher-report__wrapper .dispatcher-report-jeu .dispatcher-report-jeu__row.info.ot-b {
    margin-bottom: 0.5cm; }

.dispatcher-report__wrapper .dispatcher-report-jeu .dispatcher-report-jeu__row-list {
  margin-left: 0.8cm; }
  .dispatcher-report__wrapper .dispatcher-report-jeu .dispatcher-report-jeu__row-list-item {
    list-style: none inside;
    position: relative; }
    .dispatcher-report__wrapper .dispatcher-report-jeu .dispatcher-report-jeu__row-list-item:before {
      content: " — ";
      position: absolute;
      left: -0.6cm;
      top: 4px; }
      @media print {
        .dispatcher-report__wrapper .dispatcher-report-jeu .dispatcher-report-jeu__row-list-item:before {
          top: auto !important; } }

.dispatcher-report-row.staff.title {
  text-align: center;
  margin: 1cm 0 0.3cm 0; }

.dispatcher-report-row.staff.name-staff {
  font-weight: bold;
  font-size: 16pt; }

.dispatcher-report-row__title {
  text-transform: uppercase;
  font-size: 16pt;
  margin-bottom: .2cm; }

.dispatcher-report-row__description {
  font-size: 14pt; }

.dispatcher-report-row.painting {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 10px; }
  .dispatcher-report-row.painting .painting__col {
    width: 50%; }
    .dispatcher-report-row.painting .painting__col-row {
      margin-bottom: 5px; }

.dispatcher-report__table {
  border-collapse: collapse;
  width: 100%; }
  .dispatcher-report__table-row {
    /*border: 1px solid #000;*/ }
    @media print {
      .dispatcher-report__table-row {
        border: none !important; } }
  .dispatcher-report__table-col {
    border: 1px solid #c6c9cc;
    font-size: 12pt; }
    @media print {
      .dispatcher-report__table-col {
        font-size: 9pt !important; } }
    .dispatcher-report__table-col.col-header {
      font-weight: bold;
      font-size: 10pt; }
    .dispatcher-report__table-col.date {
      width: 15%; }
    .dispatcher-report__table-col.text-center {
      text-align: center; }
    .dispatcher-report__table-col.text-left {
      text-align: left; }
    .dispatcher-report__table-col .col-inner {
      padding: 5px;
      box-sizing: border-box;
      display: block; }
    .dispatcher-report__table-col .dispatcher-report__owner {
      height: 100%;
      box-sizing: border-box;
      padding: 5px;
      border-bottom: 1px solid #c6c9cc; }
      @media print {
        .dispatcher-report__table-col .dispatcher-report__owner {
          /*padding: 3px !important;*/ } }
      .dispatcher-report__table-col .dispatcher-report__owner:last-child {
        border: 0; }
  .dispatcher-report__table-column-count {
    border: 1px solid #c6c9cc; }

@media print {
  .dispatcher-report-div-table {
    font-size: 7pt !important; } }

.dispatcher-report-div-table__row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  border: 1px solid #000;
  border-left: 0;
  box-sizing: border-box;
  padding: 0 1px;
  margin-bottom: -1px; }

.dispatcher-report-div-table__column {
  border-left: 1px solid #000;
  margin: 0 -1px;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 7%;
  overflow: hidden; }
  .dispatcher-report-div-table__column span {
    display: inline-block; }
  .dispatcher-report-div-table__column-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    height: 100%; }
    .dispatcher-report-div-table__column-wrapper-row {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 100%; }
  .dispatcher-report-div-table__column-two {
    width: 50%;
    text-align: center;
    border-right: 1px solid;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }

.unfulfilled__title {
  font-weight: bold;
  font-size: 16px; }

.unfulfilled__item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 10px -5px 0 -5px; }
  @media print {
    .unfulfilled__item {
      margin: 0 -0.2cm !important; } }
  .unfulfilled__item-number {
    background-color: #ff5252;
    margin: 5px;
    color: #fff;
    font-size: 10px;
    padding: 0 10px;
    box-sizing: border-box;
    border-radius: 5px; }
    @media print {
      .unfulfilled__item-number {
        margin: .2cm !important;
        padding: 0 !important; } }
    .unfulfilled__item-number a {
      color: #1653a2;
      text-decoration: none; }
      .unfulfilled__item-number a:hover {
        color: #053879; }

/***********Блок выбора даты************/
.dispatcher-report__date-select-time {
  /*margin-top: 10px;*/ }

.report-select-time-list__item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .report-select-time-list__item .report-select-time-list__item-title {
    font-weight: bold; }
  .report-select-time-list__item .report-select-time-list__item-radio {
    margin: 0 10px; }

/***********Блок выбора даты************/

.attire {
  font-size: 12px;
  padding: 10px; }

.attire-title {
  text-align: center; }

.attire-table {
  margin-top: 10px; }

.attire-pay-header__title {
  font-weight: bold;
  text-align: center;
  font-size: 20px; }

.attire-pay-content {
  text-align: justify;
  font-size: 14px; }
  .attire-pay-content strong {
    font-weight: bold; }

.attire-pay-header-city-date {
  margin: 15px 0; }

.attire-pay-footer {
  font-size: 13px; }
  .attire-pay-footer__content {
    max-width: 50%;
    text-align: center; }
    .attire-pay-footer__content-title {
      font-weight: bold; }

.reading-city-date {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.dispatcher-report__action-select .md-select {
  color: #fff !important; }
  .dispatcher-report__action-select .md-select:focus {
    color: #fff !important; }

.dispatcher-report__action-select .md-select:not([disabled]):focus, .dispatcher-report__action-select .md-select-value {
  color: #fff !important; }

.attire-error {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .attire-error__text {
    padding: 74px !important;
    border: 3px solid;
    font-weight: bold;
    font-size: 18px; }

@charset "UTF-8";
/*************************************************РАСКРЫТИЕ****************************/
.admin_disclosure_content_header {
  width: 100%;
  min-height: 81px;
  line-height: 81px;
  background-color: #f3f8ff; }
  .admin_disclosure_content_header .admin_disclosure_content_header__inner {
    max-width: 1200px;
    margin: 0 auto;
    font-size: 18px; }
    .admin_disclosure_content_header .admin_disclosure_content_header__inner .admin_disclosure_content_header__left {
      float: left;
      position: relative; }
      .admin_disclosure_content_header .admin_disclosure_content_header__inner .admin_disclosure_content_header__left::before {
        position: absolute;
        content: '';
        width: 17px;
        height: 17px;
        background: url(../img/Admin/calendar.svg) no-repeat;
        top: 50%;
        margin-top: -8.5px;
        left: -23px; }
      .admin_disclosure_content_header .admin_disclosure_content_header__inner .admin_disclosure_content_header__left .admin_disclosure_content_header__left_date {
        font-weight: 600;
        padding-left: 5px;
        position: relative; }
    .admin_disclosure_content_header .admin_disclosure_content_header__inner .admin_disclosure_content_header__center {
      float: left;
      margin-left: 105px;
      line-height: 1.2;
      padding-top: 18px;
      font-weight: 600;
      font-size: 14px; }
    .admin_disclosure_content_header .admin_disclosure_content_header__inner .admin_disclosure_content_header__right {
      float: right;
      position: relative; }
      .admin_disclosure_content_header .admin_disclosure_content_header__inner .admin_disclosure_content_header__right .button_check {
        line-height: 1.2;
        display: inline-block;
        height: 45px;
        max-width: 250px;
        color: #FFFFFF;
        cursor: pointer;
        padding: 10px 15px;
        font-weight: 600;
        position: relative;
        background: #2dbf00;
        border: none;
        box-shadow: 0px 0px 0 #239700, 0px 1px 6px #27a600;
        transition: all 150ms linear; }
        .admin_disclosure_content_header .admin_disclosure_content_header__inner .admin_disclosure_content_header__right .button_check:hover {
          background: #27a800;
          border: none;
          box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
          color: white;
          text-decoration: none;
          text-shadow: -1px -1px 0 #1e8000;
          transition: all 250ms linear; }
        .admin_disclosure_content_header .admin_disclosure_content_header__inner .admin_disclosure_content_header__right .button_check.succes .button_check_ico {
          display: inline-block; }
        .admin_disclosure_content_header .admin_disclosure_content_header__inner .admin_disclosure_content_header__right .button_check .button_check_ico {
          width: 16px;
          height: 20px;
          display: none;
          /*display: inline-block;*/
          vertical-align: middle;
          padding-left: 5px; }
      .admin_disclosure_content_header .admin_disclosure_content_header__inner .admin_disclosure_content_header__right .admin_disclosure_content_header__right_date_check {
        font-weight: 600;
        padding-left: 5px; }
    .admin_disclosure_content_header .admin_disclosure_content_header__inner .moment-picker {
      display: inline-block; }
    .admin_disclosure_content_header .admin_disclosure_content_header__inner .admin_disclosure_content_header__field-title {
      margin-bottom: 5px; }
      .admin_disclosure_content_header .admin_disclosure_content_header__inner .admin_disclosure_content_header__field-title:last-child {
        margin-bottom: 0; }

.style-date-wrapper-inline {
  display: inline-block; }

.style_input_date_min {
  width: 135px;
  margin-left: 10px; }

.label_input_header_date::after {
  content: '' !important; }

.admin_disclosure_content_wrapper_title_style {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  padding: 8px;
  background: #013A33;
  border: none;
  color: #ffffff;
  max-width: 1138px; }

.admin_content_right_disclosure {
  max-width: 1200px;
  margin: 0 auto; }
  .admin_content_right_disclosure .admin_content_right_disclosure__wrapper {
    height: calc(100vh - 235px); }
  .admin_content_right_disclosure .admin_content_right_disclosure__title {
    font-size: 24px;
    font-weight: 600;
    margin: 10px 0 20px; }
  .admin_content_right_disclosure .admin_content_row_disclosure {
    font-size: 0;
    margin-bottom: 20px;
    /*время поля*/
    /*Режим работы*/ }
    .admin_content_right_disclosure .admin_content_row_disclosure .admin_content_disclosure_right__left_col {
      width: 31%;
      text-align: right; }
      .admin_content_right_disclosure .admin_content_row_disclosure .admin_content_disclosure_right__left_col p {
        color: #959595; }
    .admin_content_right_disclosure .admin_content_row_disclosure .item_submenu_style {
      font-weight: 600; }
    .admin_content_right_disclosure .admin_content_row_disclosure .submenu_level_one {
      padding-right: 40px;
      position: relative;
      font-weight: bold;
      display: inline-block; }
      .admin_content_right_disclosure .admin_content_row_disclosure .submenu_level_one:after {
        position: absolute;
        content: '';
        width: 5px;
        height: 5px;
        border: 1px solid #282828;
        border-radius: 50%;
        top: 50%;
        margin-top: -2.5px;
        right: 10px; }
    .admin_content_right_disclosure .admin_content_row_disclosure .submenu_level_two {
      padding-right: 60px;
      position: relative;
      font-weight: 400;
      display: inline-block; }
      .admin_content_right_disclosure .admin_content_row_disclosure .submenu_level_two:after {
        position: absolute;
        content: '';
        width: 5px;
        height: 5px;
        border: 1px solid #282828;
        top: 50%;
        margin-top: -2.5px;
        right: 25px; }
    .admin_content_right_disclosure .admin_content_row_disclosure .submenu-row {
      margin-top: 20px;
      margin-bottom: 10px; }
    .admin_content_right_disclosure .admin_content_row_disclosure .admin_content_disclosure_right__right_col {
      width: 62%;
      margin-left: 20px;
      /*Режим работы*/ }
      .admin_content_right_disclosure .admin_content_row_disclosure .admin_content_disclosure_right__right_col .date_picker {
        height: 500px;
        background-color: #cccccc; }
      .admin_content_right_disclosure .admin_content_row_disclosure .admin_content_disclosure_right__right_col .admin_content_disclosure_right__col_item_one {
        width: 100px; }
      .admin_content_right_disclosure .admin_content_row_disclosure .admin_content_disclosure_right__right_col .right_col_style__transfer {
        display: inline-block;
        vertical-align: middle; }
      .admin_content_right_disclosure .admin_content_row_disclosure .admin_content_disclosure_right__right_col .selectize-input {
        padding: 6px 5px !important;
        vertical-align: middle;
        border-radius: 0;
        font-size: 14px;
        font-weight: bold; }
      .admin_content_right_disclosure .admin_content_row_disclosure .admin_content_disclosure_right__right_col .admin_content_disclosure_right__col_item_two .admin_content_disclosure_input_text {
        width: 400px;
        vertical-align: middle;
        display: inline-block;
        position: relative; }
      .admin_content_right_disclosure .admin_content_row_disclosure .admin_content_disclosure_right__right_col .admin_content_disclosure_right__col_item_two .input_date {
        padding: 5px 5px;
        display: inline-block;
        width: 160px;
        font-size: 14px; }
      .admin_content_right_disclosure .admin_content_row_disclosure .admin_content_disclosure_right__right_col .admin_content_disclosure_right__col_item_three {
        margin-left: 10px; }
      .admin_content_right_disclosure .admin_content_row_disclosure .admin_content_disclosure_right__right_col .input_text_transfer_title_field {
        display: inline-block;
        font-size: 12px;
        margin-left: 10px;
        font-weight: 600; }
      .admin_content_right_disclosure .admin_content_row_disclosure .admin_content_disclosure_right__right_col .input_text_transfer {
        max-width: 160px !important;
        font-size: 14px; }
      .admin_content_right_disclosure .admin_content_row_disclosure .admin_content_disclosure_right__right_col .style_colomn_mode {
        display: inline-block; }
      .admin_content_right_disclosure .admin_content_row_disclosure .admin_content_disclosure_right__right_col .moment-picker {
        display: inline-block;
        vertical-align: middle; }
      .admin_content_right_disclosure .admin_content_row_disclosure .admin_content_disclosure_right__right_col .input_file {
        font-size: 14px; }
      .admin_content_right_disclosure .admin_content_row_disclosure .admin_content_disclosure_right__right_col .input_date_style {
        font-size: 14px;
        padding: 5px 5px; }
      .admin_content_right_disclosure .admin_content_row_disclosure .admin_content_disclosure_right__right_col .admin_content_disclosure_right__right_input__weekday {
        width: 150px; }
      .admin_content_right_disclosure .admin_content_row_disclosure .admin_content_disclosure_right__right_col .admin_content_disclosure_input_mode {
        width: 30px;
        padding: 5px 5px;
        font-size: 14px; }
      .admin_content_right_disclosure .admin_content_row_disclosure .admin_content_disclosure_right__right_col .style_col_weekday {
        display: inline-block;
        vertical-align: middle; }
      .admin_content_right_disclosure .admin_content_row_disclosure .admin_content_disclosure_right__right_col .admin_content_disclosure_right__right_mode {
        margin: 0 30px; }
      .admin_content_right_disclosure .admin_content_row_disclosure .admin_content_disclosure_right__right_col .admin_content_disclosure_input_text {
        width: 90%;
        padding: 5px 5px;
        font-size: 14px; }
      .admin_content_right_disclosure .admin_content_row_disclosure .admin_content_disclosure_right__right_col .admin_content_disclosure_right__minus {
        background-color: #9e9e9e; }
        .admin_content_right_disclosure .admin_content_row_disclosure .admin_content_disclosure_right__right_col .admin_content_disclosure_right__minus .minus_ico {
          position: absolute;
          width: 15px;
          height: 15px;
          display: inline-block;
          vertical-align: middle;
          text-align: center;
          left: 50%;
          margin-left: -7.5px;
          top: 50%;
          margin-top: -10px;
          fill: #ffffff;
          transition: -webkit-transform .3s ease;
          transition: transform .3s ease;
          transition: transform .3s ease, -webkit-transform .3s ease; }
      .admin_content_right_disclosure .admin_content_row_disclosure .admin_content_disclosure_right__right_col .admin_content_disclosure_right__plus {
        background-color: #013A33; }
        .admin_content_right_disclosure .admin_content_row_disclosure .admin_content_disclosure_right__right_col .admin_content_disclosure_right__plus .plus_ico {
          position: absolute;
          width: 15px;
          height: 15px;
          display: inline-block;
          vertical-align: middle;
          text-align: center;
          left: 50%;
          margin-left: -7.5px;
          top: 50%;
          margin-top: -10px;
          fill: #ffffff;
          transition: -webkit-transform .3s ease;
          transition: transform .3s ease;
          transition: transform .3s ease, -webkit-transform .3s ease; }
      .admin_content_right_disclosure .admin_content_row_disclosure .admin_content_disclosure_right__right_col .plus_minus_style_cub {
        width: 37px;
        height: 37px;
        display: inline-block;
        cursor: pointer;
        vertical-align: middle;
        position: relative;
        opacity: 0.8;
        transition: opacity .3s ease; }
        .admin_content_right_disclosure .admin_content_row_disclosure .admin_content_disclosure_right__right_col .plus_minus_style_cub:hover {
          opacity: 1; }
    .admin_content_right_disclosure .admin_content_row_disclosure .admin_disclosure_style_colomn {
      display: inline-block;
      vertical-align: middle;
      font-size: 18px; }
    .admin_content_right_disclosure .admin_content_row_disclosure .admin-content-disclosure-right__wrapper-mode {
      width: 62%;
      margin-left: 20px;
      display: inline-block;
      vertical-align: middle; }
      .admin_content_right_disclosure .admin_content_row_disclosure .admin-content-disclosure-right__wrapper-mode .admin_disclosure_style_colomn {
        width: 100%;
        display: block;
        margin-left: 0;
        margin-top: 20px; }
        .admin_content_right_disclosure .admin_content_row_disclosure .admin-content-disclosure-right__wrapper-mode .admin_disclosure_style_colomn:first-child {
          margin-top: 0; }
    .admin_content_right_disclosure .admin_content_row_disclosure .in_mode {
      font-size: 18px;
      font-weight: 600;
      margin-left: 20px;
      margin-right: 5px; }
      .admin_content_right_disclosure .admin_content_row_disclosure .in_mode:first-child {
        margin-left: 0; }
    .admin_content_right_disclosure .admin_content_row_disclosure .in_h {
      font-size: 18px;
      margin: 0 5px; }
    .admin_content_right_disclosure .admin_content_row_disclosure .in_minutes {
      font-size: 18px;
      margin-left: 5px; }

/*Враппер табов*/
.show_form {
  display: none; }
  .show_form.active {
    display: block; }

/*Календарь*/
.moment-picker td.selected {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  border-color: #3ca0dd;
  background: #013A33; }

.uploaded-file-info {
  color: green; }

.label-input {
  position: relative; }
  .label-input::after {
    content: "";
    position: absolute;
    top: -19px;
    left: 2px;
    font-weight: 600;
    font-size: 12px; }
  .label-input.label-input_name::after {
    content: "Наименование"; }
  .label-input.label-input_value::after {
    content: "Значение"; }

.wrapper-uploaded-file {
  position: relative; }
  .wrapper-uploaded-file .input_file-uploaded {
    position: absolute;
    top: -19px;
    left: 2px;
    font-weight: 600;
    font-size: 12px;
    color: green; }

.unit-field {
  margin-left: 10px;
  color: #30343c;
  font-weight: bold;
  font-size: 14px; }

.hr-line {
  display: inline-block;
  margin-bottom: 30px;
  margin-top: 15px;
  width: 95%; }

.input_date_end {
  margin-left: 16px; }

/*Административная часть раскрытия информации*/
.disclosure-main-inner__admin {
  text-align: center; }

/*Плитки*/
.circle-plite:after,
.circle-plite-item:before {
  content: '';
  display: table; }

.circle-plite:after {
  clear: both; }

.circle-plite {
  margin: 20px 0 0 0;
  padding: 0;
  list-style: none;
  display: block;
  text-align: center;
  width: 100%; }
  .circle-plite li {
    width: 220px;
    height: 220px;
    min-height: 220px;
    display: inline-block;
    margin: 60px;
    margin-bottom: 10px; }
  .circle-plite .item-rect-plite {
    width: 300px;
    margin: 20px;
    height: auto;
    min-height: 100px;
    vertical-align: top; }

.style-rect-plite {
  margin: 10px 0 0 0; }

.circle-plite-item {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  border: 4px solid #043c90;
  box-shadow: inset 0 0 0 0 rgba(4, 60, 144, 0.4), inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.1);
  transition: all 0.4s ease-in-out; }
  .circle-plite-item:hover {
    box-shadow: inset 0 0 0 110px rgba(4, 60, 144, 0.9), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1); }
    .circle-plite-item:hover .circle-plite-item__info {
      opacity: 1;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1); }
      .circle-plite-item:hover .circle-plite-item__info h3 {
        color: #FFFFFF;
        opacity: 1; }

.style-rect-plite-item {
  width: 100%;
  height: 100%;
  border-radius: 0;
  position: relative;
  cursor: auto;
  border: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  transition: all 0.4s ease-in-out; }
  .style-rect-plite-item:hover {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
    .style-rect-plite-item:hover .circle-plite-item__info {
      opacity: 0;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1); }
      .style-rect-plite-item:hover .circle-plite-item__info h3 {
        color: #FFFFFF;
        opacity: 1; }

.circle-plite-item__info {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  opacity: 1;
  transition: all 0.4s ease-in-out;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  .circle-plite-item__info h3 {
    color: #043c90;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 1.2px;
    font-size: 16px;
    max-width: 220px;
    font-weight: 600;
    top: 50%;
    margin-top: -12px;
    text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
  .circle-plite-item__info p {
    color: #fff;
    padding: 10px 5px;
    font-style: italic;
    position: absolute;
    font-size: 15px;
    top: 50%;
    margin-top: 6px;
    border-top: 2px solid rgba(255, 255, 255, 0.7); }

.rect-plite-item__info {
  padding: 20px;
  text-align: center;
  font-size: 16px;
  font-weight: bold; }

.admin-plite-description {
  width: 100%;
  text-align: left;
  border-radius: 5px 5px 5px 5px;
  border: 3px solid #0a3779;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), -23px 0 20px -23px rgba(0, 0, 0, 0.8), 23px 0 20px -23px rgba(0, 0, 0, 0.8), 0 0 40px rgba(0, 0, 0, 0.1) inset; }
  .admin-plite-description__wrapper {
    min-height: 300px;
    padding: 20px; }
  .admin-plite-description__inner {
    vertical-align: middle;
    text-align: left; }
  .admin-plite-description__title {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    text-align: center; }
  .admin-plite-description__text-layout {
    font-weight: 400;
    font-size: 16px;
    text-align: left; }

.admin-plite-list {
  line-height: 1.2;
  vertical-align: middle;
  text-align: left;
  padding-left: 40px;
  margin: 10px 0 20px; }

.admin-plite-list__item {
  list-style: circle;
  color: #0a3779;
  font-weight: 600; }

/*Конфигурация форм*/
.admin-inner_title_disclosure {
  font-size: 18px !important; }

.admin-disclosure {
  display: block; }

.admin-disclosure__row {
  font-size: 0;
  vertical-align: middle;
  margin-bottom: 15px; }

.admin-disclosure__num {
  padding-top: 14px;
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #013A33; }

.admin-disclosure__colomn {
  display: inline-block;
  font-size: 14px;
  margin-right: 15px;
  vertical-align: middle; }

.admin-disclosure_colomn_big {
  width: 25%; }

.admin-disclosure_colomn_min {
  width: 100px; }

.admin-disclosure_colomn_select {
  width: 200px; }

.admin-text-input {
  width: 100%;
  position: relative;
  padding: 5px 0;
  font-size: 15px; }

.admin-disclosure-title-colomn {
  font-size: 12px;
  font-weight: 600; }

.select-admin-style {
  width: 100%;
  vertical-align: middle;
  display: inline-block; }
  .select-admin-style .selectize-input {
    vertical-align: middle;
    padding: 5px 5px; }

.row-checkbox label {
  width: 26px;
  height: 24px;
  display: block;
  position: relative;
  text-align: center;
  margin: 4px auto 0 auto; }

.row-checkbox input[type="checkbox"] + span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: #ffffff; }
  .row-checkbox input[type="checkbox"] + span .row_ico_check {
    fill: #013A33; }
  .row-checkbox input[type="checkbox"] + span .ico_check {
    fill: #ffffff; }

.row-checkbox input[type="checkbox"]:checked + span .ico_check {
  fill: #013A33; }

.disclosure_admin__tab {
  display: none; }
  .disclosure_admin__tab.active {
    display: block !important; }

.style_button_save {
  line-height: 22px;
  display: inline-block;
  height: 22px;
  max-width: 250px;
  color: #FFFFFF;
  vertical-align: middle;
  cursor: pointer;
  padding: 10px 15px;
  font-weight: 600;
  position: relative;
  background: #2dbf00;
  border: none;
  box-shadow: 0 0 0 #239700, 0 1px 6px #27a600;
  transition: all 150ms linear; }
  .style_button_save:hover {
    background: #27a800;
    border: none;
    box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    text-shadow: -1px -1px 0 #1e8000;
    transition: all 250ms linear; }

.button-disclosure-save {
  position: fixed;
  left: 130px;
  top: 273px; }

.style_button_add_field {
  top: 206px;
  padding: 10px 39px;
  background: #ff7530;
  box-shadow: 0 0 0 #ff5800, 0 1px 6px #ff5800; }
  .style_button_add_field:hover {
    background: #ff5800;
    box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
    text-shadow: -1px -1px 0 #ff5800; }

.style_button_save_section_field {
  top: 267px; }

.style-backpage-link {
  color: #013A33;
  text-decoration: none;
  font-size: 16px;
  transition: color 0.5s ease;
  cursor: pointer; }
  .style-backpage-link:hover {
    color: #0a478f; }

/*Конфигурация полей*/
.field_disclosure_min {
  width: 10%; }

.field_disclosure_plus {
  width: 40px !important; }

.select_style_min {
  width: 110px; }

.admin_field_plus_minus {
  vertical-align: bottom !important;
  margin-bottom: 0 !important; }

.style_plus_left_colomn {
  margin-top: 10px;
  margin-left: 0 !important; }

/*Справа дочерний*/
.display-inl-block {
  display: inline-block; }

.client-disclosure-right_row_input {
  max-width: 600px;
  margin: 25px; }
  .client-disclosure-right_row_input select {
    width: 100%;
    padding: 5px; }
  .client-disclosure-right_row_input .selectize-control {
    margin: 0 0 25px;
    max-width: 400px; }
  .client-disclosure-right_row_input .selectize-input {
    width: 100%; }
    .client-disclosure-right_row_input .selectize-input input {
      width: 100% !important; }

.margin-bottom {
  margin-bottom: 25px; }

.client_disclosure_plus {
  margin-left: 10px;
  width: 20px;
  height: 20px;
  font-size: 14px;
  background-color: #013A33;
  display: inline-block;
  text-align: center;
  color: #fff;
  line-height: 20px;
  cursor: pointer; }

.table-disclosure {
  margin-bottom: 0 !important; }
  .table-disclosure .moment-picker.top .moment-picker-container {
    bottom: auto;
    top: 100%; }
  .table-disclosure .del_td {
    border-top: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important; }
  .table-disclosure .del_span_td {
    font-size: 30px;
    color: #f72828;
    cursor: pointer;
    padding: 10px; }
  .table-disclosure.scroll_table {
    overflow-y: auto;
    max-height: 350px;
    display: block; }
  .table-disclosure .number_column-1 {
    width: 4% !important; }
  .table-disclosure .number_column-2 {
    width: 20% !important; }
  .table-disclosure .number_column-3 {
    width: 8% !important; }
  .table-disclosure .number_column-4 {
    width: 20% !important; }
  .table-disclosure .number_column-5 {
    width: 2% !important; }
  .table-disclosure .number_column-6 {
    width: 46% !important; }
    .table-disclosure .number_column-6 .cke_contents {
      text-align: left !important;
      min-height: 60px !important; }
  .table-disclosure .date_input {
    width: 150px;
    margin: 0 auto; }
  .table-disclosure tbody {
    border: 0 !important; }
  .table-disclosure th {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: middle !important;
    padding: 0 !important; }
  .table-disclosure td {
    vertical-align: middle !important;
    padding: 0 !important;
    text-align: center;
    border-top: 0 !important; }
  .table-disclosure tr {
    border: 0 !important; }
  .table-disclosure .text_input {
    width: 94%;
    padding: 5px;
    font-size: 18px;
    border-color: black;
    border-width: 0 0 1px;
    background-color: transparent;
    margin-bottom: 10px; }
  .table-disclosure textarea {
    outline: none;
    resize: none;
    margin: 10px 0; }
  .table-disclosure .input_date {
    text-align: center;
    width: 80%;
    padding: 2px;
    margin-left: 10px;
    font-size: 18px;
    border-color: black;
    border-width: 0 0 1px;
    margin-bottom: 10px;
    background-color: transparent; }
  .table-disclosure .table-header td {
    font-weight: 600; }
  .table-disclosure .border-top-bottom {
    border-top: 1px solid #bbb !important;
    border-bottom: 1px solid #bbb !important; }
  .table-disclosure .border-left-right {
    border-left: 1px solid #bbb !important;
    border-right: 1px solid #bbb !important; }
  .table-disclosure .border-bottom {
    border-bottom: 1px solid #bbb !important; }
  .table-disclosure .table-title-section {
    padding-left: 20px !important;
    font-size: 20px;
    font-weight: 600; }
  .table-disclosure .text-align-left {
    text-align: left; }
  .table-disclosure .icon-table {
    cursor: pointer;
    position: relative; }
    .table-disclosure .icon-table:hover i {
      color: #0a478f; }
    .table-disclosure .icon-table:hover .table-disclosure-poupap {
      display: block; }
  .table-disclosure .table-disclosure-poupap {
    content: "";
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #208ABE;
    position: absolute;
    display: none;
    width: 300px;
    min-height: 200px;
    left: 50%;
    top: 17px;
    margin-left: -150px;
    background: #fff;
    z-index: 999;
    padding: 10px;
    text-align: left; }
  .table-disclosure .table-disclosure-poupap__title {
    font-weight: 600;
    margin-bottom: 10px; }
  .table-disclosure .table-disclosure-poupap__text {
    margin-bottom: 10px; }
  .table-disclosure .title-dop-info span {
    margin: 0 5px; }
  .table-disclosure .colomn-params {
    width: 20%; }
  .table-disclosure .table-row {
    text-align: center;
    vertical-align: middle; }

.table-disclosure-3 {
  min-height: 60px; }
  .table-disclosure-3 tr {
    border-bottom: 1px solid #bbb !important; }
    .table-disclosure-3 tr:last-child {
      border-bottom: 0 !important; }
  .table-disclosure-3 td {
    border: 0 !important; }

.table-disclosure-2 {
  display: none; }
  .table-disclosure-2.active {
    display: table; }

.worker-disclosure-title-form {
  margin: 10px 0;
  padding-left: 20px;
  font-weight: 600;
  font-size: 20px;
  text-align: center; }

.colomn-info {
  width: 40%; }

.form-description {
  margin: 20px 0 0 30px;
  color: #373737;
  font-size: 16px;
  text-align: center; }

.form-description__icon {
  margin: 0 auto;
  display: block;
  font-size: 28px;
  text-align: center;
  margin-bottom: 10px; }

.text-center {
  text-align: center; }

.table-disclosure-add-section {
  width: 3.9%;
  margin: 0;
  padding: 4px 0;
  text-align: center;
  z-index: 9999;
  position: relative;
  background-color: #ddd;
  color: #327d9c;
  cursor: pointer;
  transition: color .3s ease, background-color .3s ease; }
  .table-disclosure-add-section:hover {
    background-color: #327d9c;
    color: #ddd; }
  @media (max-width: 1821px) {
    .table-disclosure-add-section {
      padding: 0;
      height: 100%;
      line-height: 45px; } }

.table-disclosure-tabs {
  position: relative;
  min-width: 60px;
  font-size: 16px;
  line-height: 30px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  background-color: #208ABE;
  cursor: pointer; }
  .table-disclosure-tabs.active {
    background-color: #012E44;
    display: inline-block; }

.table-disclosure-tabs-row {
  font-size: 0;
  margin-left: -5px;
  width: 50%;
  overflow-x: auto;
  white-space: nowrap; }

.table-disclosure-number-tab {
  padding: 0 24px; }

.table-disclosure-del-section {
  float: right;
  display: block;
  font-size: 15px;
  width: 31px;
  text-align: center;
  /*background-color: #A2BCD4;*/ }
  .table-disclosure-del-section:hover {
    background-color: rgba(162, 188, 212, 0.51); }

.table-disclosure-pagination__count span strong {
  font-weight: 600; }

.table-disclosure-pagination__number {
  margin-left: 20px; }
  .table-disclosure-pagination__number span {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    background-color: #fff;
    border: 3px solid #208ABE;
    border-radius: 50%;
    line-height: 20px;
    cursor: pointer; }
    .table-disclosure-pagination__number span.active {
      background-color: #208ABE;
      color: #fff;
      font-weight: 600; }
    .table-disclosure-pagination__number span:hover {
      background-color: #208ABE;
      color: #fff;
      font-weight: 600; }

.disclosure-tab {
  max-width: 1640px;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  height: 56px;
  box-sizing: border-box; }

.disclosure-tab__item {
  font-size: 14px;
  text-align: center;
  line-height: 24px;
  padding: 15px 24px;
  cursor: pointer;
  position: relative;
  float: left;
  box-sizing: border-box;
  overflow: hidden;
  font-weight: 600;
  z-index: 1;
  border-bottom: 2px solid transparent; }
  .disclosure-tab__item .disclosure-tab__text {
    color: rgba(0, 0, 0, 0.54); }
  .disclosure-tab__item.active {
    border-bottom: 2px solid #039be5; }
    .disclosure-tab__item.active .disclosure-tab__text {
      color: #2d323e; }
  .disclosure-tab__item .disabled {
    content: 'disable';
    width: 100%;
    height: 100%;
    position: absolute; }

.disclosure-tab-panel {
  max-width: 1640px;
  margin: 0 auto 10px;
  display: block;
  overflow: hidden;
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12);
  color: #3e4855;
  height: calc(100vh - 380px);
  overflow-y: auto; }

.table-two-col {
  width: 45%; }

/*Воркер Раскрытие информации*/
.worker-d-greeting {
  margin: 20px auto;
  text-align: center; }
  .worker-d-greeting.hide {
    display: none; }
  .worker-d-greeting.show {
    display: block; }
  .worker-d-greeting .worker-d-greeting__ico {
    font-size: 26px;
    color: #039be5; }
  .worker-d-greeting .worker-d-greeting__text {
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 1.5px; }

.ng_repeat_wrapper.hide {
  display: none; }

.ng_repeat_wrapper.show {
  display: block; }

.worker-d-loader {
  text-align: center;
  /* Bubbles */ }
  .worker-d-loader.hide {
    display: none; }
  .worker-d-loader.show {
    display: block; }
  .worker-d-loader span {
    display: block;
    margin: -114px 0 0;
    color: #208abe;
    text-transform: uppercase;
    -webkit-animation: pulse 2000ms linear infinite;
    animation: pulse 2000ms linear infinite; }

@-webkit-keyframes pulse {
  0%, 100% {
    opacity: 1; }
  50% {
    opacity: 0.25; } }

@keyframes pulse {
  0%, 100% {
    opacity: 1; }
  50% {
    opacity: 0.25; } }
  .worker-d-loader .bubbles span {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    margin: 150px auto;
    background: #208ABE;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -webkit-animation: bubbly .9s infinite alternate;
            animation: bubbly .9s infinite alternate; }
  .worker-d-loader #bubble2 {
    -webkit-animation-delay: .27s;
            animation-delay: .27s; }
  .worker-d-loader #bubble3 {
    -webkit-animation-delay: .54s;
            animation-delay: .54s; }

@-webkit-keyframes bubbly {
  0% {
    width: 15px;
    height: 15px;
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    width: 50px;
    height: 50px;
    opacity: 0.1;
    -webkit-transform: translateY(-32px);
            transform: translateY(-32px); } }

@charset "UTF-8";
/***********************************Новости и объявления************************************/
.admin_content_panel_center {
  text-align: center; }

.admin_content-text-pages {
  position: relative;
  padding: 10px 0 0;
  position: relative;
  color: rgba(0, 0, 0, 0.87);
  background-color: white;
  border-radius: 2px;
  margin: 0 10px 10px;
  text-align: center;
  cursor: pointer;
  min-width: 200px;
  max-width: 200px;
  min-height: 200px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0px -1px 2px 0px rgba(0, 0, 0, 0.2); }

.admin_content-text-pages__row-title {
  padding: 10px;
  min-height: 120px;
  text-align: left; }

.admin_content-textpages-list__date {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.54);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  text-align: left;
  padding-left: 10px; }

.admin_content-textpages-list__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  text-align: justify;
  word-wrap: normal;
  word-break: normal; }

.admin-text-pages-ico_svg {
  width: 15px;
  height: 15px;
  display: inline-block; }
  .admin-text-pages-ico_svg svg {
    fill: #bd8d32 !important; }

.admin-text-pages-ico_svg_del svg {
  fill: #c62828 !important; }

.admin_content-text-pages__del-button {
  position: absolute;
  right: -7px;
  top: -7px; }

.admin_content-text-pages__edit-button {
  background-color: #f3eac5;
  color: #bd8d32;
  border-bottom: 1px solid #bcb496;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  border-radius: 3px;
  min-width: 100px;
  padding: 5px;
  position: relative;
  text-align: center; }
  .admin_content-text-pages__edit-button:hover {
    /*background-color: #faf5df;*/
    /*top: -2px;*/
    /*border-bottom: 4px solid #bcb496;*/
    box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.25); }

.vertical-top {
  display: inline-block;
  vertical-align: top; }

.admin_header_color_adw {
  background-color: rgba(103, 58, 183, 0.8); }

.row-select-home__button {
  background-color: #2b579a;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  color: #fff;
  /*background-color: #fafafa;*/
  letter-spacing: .010em;
  display: inline-block;
  position: relative;
  min-height: 36px;
  min-width: 88px;
  line-height: 36px;
  vertical-align: middle;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  border-radius: 3px;
  box-sizing: border-box;
  cursor: pointer;
  border: 0;
  padding: 0 10px;
  margin: 6px 8px;
  text-transform: uppercase;
  font-weight: 600;
  overflow: hidden;
  transition: background-color .3s ease, color .3s ease; }
  .row-select-home__button:hover {
    background-color: rgba(103, 58, 183, 0.6); }

.select-home-list {
  box-sizing: border-box;
  padding: 20px 10px 10px 10px;
  /*background-color: #efefef;*/ }
  .select-home-list.ng-enter, .select-home-list.ng-leave {
    transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; }
  .select-home-list.ng-enter, .select-home-list.ng-leave.ng-leave-active {
    opacity: 0; }
  .select-home-list.ng-leave, .select-home-list.ng-enter.ng-enter-active {
    opacity: 1; }
  .select-home-list .select-home-list__search-input {
    max-width: 300px;
    width: 100%; }
    .select-home-list .select-home-list__search-input input {
      width: 100%;
      display: block;
      box-sizing: border-box;
      padding: 5px; }
  .select-home-list .select-home-list__item-home-title {
    font-size: 14px;
    color: #2b579a;
    font-weight: 600;
    cursor: pointer;
    text-align: center; }
    .select-home-list .select-home-list__item-home-title:hover {
      color: #1d488a; }
  .select-home-list .select-home-list__item-home-wrapper {
    margin-top: 20px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .select-home-list .select-home-list__item-home-wrapper .select-home-list__item-home-wrapper-jeu {
      max-width: 400px;
      width: 100%;
      margin-right: 20px; }
      .select-home-list .select-home-list__item-home-wrapper .select-home-list__item-home-wrapper-jeu .select-home-list__title-jeu {
        text-align: center;
        font-weight: bold;
        font-size: 13px;
        padding: 10px;
        background-color: #2b579a;
        color: #fff; }
      .select-home-list .select-home-list__item-home-wrapper .select-home-list__item-home-wrapper-jeu .select-home-list__item-home {
        padding: 10px;
        border: 1px solid #2b579a;
        margin-top: 10px;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        text-align: center; }
        .select-home-list .select-home-list__item-home-wrapper .select-home-list__item-home-wrapper-jeu .select-home-list__item-home.active {
          background-color: #ecf4ff; }
    .select-home-list .select-home-list__item-home-wrapper .select-home-list__entrances {
      margin-top: 3px;
      text-align: center;
      display: inline-block; }
      .select-home-list .select-home-list__item-home-wrapper .select-home-list__entrances .select-home-list__entrances-title {
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 4px;
        display: inline-block;
        background: #2b579a;
        text-align: center;
        color: #ffffff;
        padding: 3px 15px;
        cursor: pointer; }
      .select-home-list .select-home-list__item-home-wrapper .select-home-list__entrances .select-home-list__entrances-item {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        /*&-number {
          margin: 5px;
          !*width: 20px;
          height: 20px;
          overflow: hidden;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 50%;
          background-color: $color-item;
          color: #fff;
          font-weight: bold;
          margin: 0 5px;
          cursor: pointer;
          font-size: 13px;
          &:hover {
            background-color: #0d649a;
          }
          &.active {
            background-color: #ffa21c;
          }
        }*/ }

.entrances-item-number {
  text-align: center;
  margin: 0 10px; }
  .entrances-item-number__title {
    font-size: 12px;
    color: #2b579a;
    font-weight: bold; }
  .entrances-item-number__checkbox {
    width: 15px;
    height: 15px; }
    .entrances-item-number__checkbox input {
      width: 100%;
      height: 100%;
      background: #fff; }

.worker-all-row_disabled {
  position: relative; }
  .worker-all-row_disabled:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.5); }

.close_period {
  font-size: 14px;
  color: #ccc; }

.notView {
  background: #039be5; }

.checkedMessage {
  border-radius: 3px;
  background: #039be5;
  font-weight: bold;
  position: absolute;
  right: 54px;
  top: 19px;
  padding: 2px 7px;
  color: #ffffff; }

.chat_user_search_input {
  width: 200px;
  display: inline-block;
  margin-left: 10px; }
  .chat_user_search_input i {
    font-size: 16px; }
  .chat_user_search_input input {
    font-size: 18px;
    height: 24px;
    width: 70%;
    border: none;
    background-color: transparent;
    border-bottom: 2px solid rgba(255, 255, 255, 0.12);
    color: #fff; }
    .chat_user_search_input input:focus {
      border-bottom: 2px solid white; }

.title-item_ck {
  font-size: 18px;
  color: #2B579A; }

@charset "UTF-8";
.popup-task-current_time {
  margin-left: 10px;
  cursor: pointer; }

/***************ТОДОШЕЧКА*******************/
.b-todo-header-left {
  float: left;
  margin: 5px;
  cursor: pointer; }

.b-todo-header-right {
  float: right; }

.todo-side-bar {
  float: left;
  width: 220px; }

.m_todo_admin_panel {
  max-width: 86%;
  float: left;
  margin: 0;
  width: calc(100% - 220px);
  padding: 0;
  border: 0; }

.todo-side-bar-header {
  min-height: 84px;
  line-height: 84px;
  text-align: center; }
  .todo-side-bar-header .b-left-side-bar-header__button {
    color: white;
    background-color: #039be5;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    letter-spacing: .010em;
    display: inline-block;
    position: relative;
    min-height: 36px;
    min-width: 143px;
    line-height: 36px;
    vertical-align: middle;
    text-align: center;
    font-weight: 600;
    border-radius: 3px;
    transition: background-color .3s ease;
    cursor: pointer; }
    .todo-side-bar-header .b-left-side-bar-header__button:hover {
      background-color: #1ba4e5;
      box-shadow: 0; }

.todo-sidebar-alltask {
  min-height: 50px;
  line-height: 50px;
  vertical-align: middle;
  display: block;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  transition: background-color .3s ease; }
  .todo-sidebar-alltask:hover {
    background-color: rgba(158, 158, 158, 0.2); }
  .todo-sidebar-alltask.active {
    background-color: rgba(158, 158, 158, 0.06); }
  .todo-sidebar-alltask .todo-sidebar-alltask__button {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer; }

.b-todo-header {
  border-bottom: 1px solid #ddd;
  height: 70px;
  box-sizing: border-box;
  padding: 0;
  font-size: 0; }

.b-todo-content__item-leftButton {
  width: 19px;
  height: 19px;
  float: left;
  padding: 27px 27px;
  margin-top: 0;
  text-align: center; }
  .b-todo-content__item-leftButton input[type="checkbox"] {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #fff0ff; }

.b-todo-content__item-text {
  padding: 0;
  float: left;
  position: relative;
  box-sizing: border-box; }
  @media (max-width: 1600px) {
    .b-todo-content__item-text {
      max-width: 725px;
      overflow-x: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; } }
  .b-todo-content__item-text .b-todo-content__item-text-title {
    max-width: 1025px;
    display: block;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%; }
    @media (max-width: 1300px) {
      .b-todo-content__item-text .b-todo-content__item-text-title {
        max-width: 390px; } }

.b-todo-content__item-text-description {
  margin-top: 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  max-width: 1025px; }
  @media (max-width: 1300px) {
    .b-todo-content__item-text-description {
      max-width: 100%; } }

.b-todo-content__item-rightButton {
  position: relative;
  cursor: pointer;
  width: 40px;
  height: 25px;
  display: inline-block;
  text-align: center;
  float: right;
  margin-top: 32px; }
  .b-todo-content__item-rightButton:hover .b-todo-content-window {
    display: block; }
  .b-todo-content__item-rightButton span {
    vertical-align: middle; }
  .b-todo-content__item-rightButton .b-todo-content__right-ico {
    font-size: 25px; }

.float-left {
  float: left; }

.b-todo-content__item-row {
  height: 73px;
  box-sizing: border-box;
  padding: 10px 10px;
  border-bottom: 1px solid #ddd; }
  @media (max-width: 1600px) {
    .b-todo-content__item-row {
      height: 80px; } }

.b-todo-content-window {
  position: absolute;
  width: 185px;
  top: 26px;
  right: 0;
  padding: 0;
  display: none;
  min-height: 70px;
  text-align: left;
  background-color: #fff;
  color: #000 !important;
  z-index: 11;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }
  .b-todo-content-window.active {
    display: block; }
  .b-todo-content-window li {
    border-bottom: 1px solid #ddd;
    padding: 10px;
    min-width: 160px;
    cursor: pointer; }
    .b-todo-content-window li:hover {
      background-color: rgba(158, 158, 158, 0.2); }
  .b-todo-content-window .item-rightButton-ico {
    width: 20px; }

.popup-task {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  top: 0;
  display: none;
  z-index: 10; }
  .popup-task.active {
    display: block; }

.popup-task-current-task {
  left: 0px; }
  .popup-task-current-task .popup-task-content-wrapper {
    left: 65%; }

.popup-task-content-wrapper {
  max-width: 1000px;
  max-height: 500px;
  min-height: 300px;
  overflow-y: auto;
  display: block;
  position: relative;
  left: 50%;
  margin-left: -600px;
  margin-top: -288px;
  top: 50%;
  background-color: #fff;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }
  .popup-task-content-wrapper .row-title {
    background-color: #0288d1;
    color: white;
    min-height: 40px;
    line-height: 40px;
    vertical-align: middle;
    padding: 10px; }
  .popup-task-content-wrapper h3 {
    font-weight: 600;
    font-size: 22px;
    float: left;
    width: 50%; }
  .popup-task-content-wrapper .close-poupap {
    float: right;
    font-size: 22px;
    cursor: pointer; }

/*.popup-task-content__inner {
  font-size: 16px;
  padding: 10px 0 30px;
}*/
.popup-task-row__date {
  margin: 20px 0; }
  .popup-task-row__date .title-date {
    font-weight: 600;
    margin-right: 0; }
  .popup-task-row__date .popup-task-row-date__left {
    width: 49%; }
  .popup-task-row__date .popup-task-row-date__right {
    width: 49%; }
    .popup-task-row__date .popup-task-row-date__right .moment-picker {
      max-width: 150px;
      display: inline-block !important;
      text-align: center; }

.error-task-input {
  color: darkred !important;
  font-size: 12px; }

.popup-task-row-date-picker {
  text-align: center; }
  .popup-task-row-date-picker input {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #ddd;
    text-align: center; }

.popup-task-row__description {
  margin: 20px 0; }
  .popup-task-row__description textarea {
    width: 100%;
    resize: none;
    outline: none;
    padding: 10px;
    box-sizing: border-box;
    height: 230px; }

.popup-task-row__footer {
  text-align: right;
  min-height: 30px;
  line-height: 30px; }

.popup-task__save-button {
  padding: 10px;
  font-weight: 600;
  background-color: #0288d1;
  color: #fff;
  border-radius: 4px;
  cursor: pointer; }

.circle_to-do {
  background: #ff6f00;
  color: rgba(255, 255, 255, 0.87) !important;
  height: 20px;
  width: 20px;
  right: 12px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  top: 18px;
  padding-top: 1px;
  -webkit-animation: pulsate 1.2s linear infinite;
          animation: pulsate 1.2s linear infinite;
  font-family: 'PT Sans', sans-serif; }
  .circle_to-do span {
    padding-top: 2px; }

.todo-item_done {
  background-color: #96CA4C;
  color: #fff; }
  .todo-item_done .b-todo-content__item-text {
    /* text-decoration: line-through;*/ }

.b-todo-content__date {
  margin-top: 10px;
  font-size: 14px;
  position: absolute;
  top: -5px;
  right: 30px;
  width: 320px; }
  .b-todo-content__date.b-todo-content_startdate {
    top: 3px; }
  .b-todo-content__date .todo-date-title {
    font-weight: 600; }

.todo-call {
  max-width: 50px;
  height: 61px;
  font-size: 25px;
  position: relative;
  cursor: pointer;
  transition: color .3s ease;
  margin-right: 10px;
  /*&.todo-call__alarm {
    color: #a80205;
    animation: pulsate_todo 1.2s linear infinite;
    @keyframes pulsate_todo {
      50% { color: #fff;}
    }
  }*/ }
  .todo-call:hover {
    color: #088f66; }
  .todo-call.ico-animation {
    -webkit-animation: animationTodoIco linear 1s;
            animation: animationTodoIco linear 1s;
    -webkit-animation-iteration-count: 3;
            animation-iteration-count: 3;
    -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%; }
  .todo-call i {
    position: relative; }
  .todo-call .circle_to-do {
    width: 15px;
    height: 15px;
    right: 0;
    top: 0;
    line-height: 1; }
    .todo-call .circle_to-do span {
      padding: 0; }

@-webkit-keyframes animationTodoIco {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); }
  10% {
    -webkit-transform: translate(-1px, 0px);
            transform: translate(-1px, 0px); }
  20% {
    -webkit-transform: translate(1px, 0px);
            transform: translate(1px, 0px); }
  30% {
    -webkit-transform: translate(-1px, 0px);
            transform: translate(-1px, 0px); }
  40% {
    -webkit-transform: translate(1px, 0px);
            transform: translate(1px, 0px); }
  50% {
    -webkit-transform: translate(-1px, 0px);
            transform: translate(-1px, 0px); }
  60% {
    -webkit-transform: translate(1px, 0px);
            transform: translate(1px, 0px); }
  70% {
    -webkit-transform: translate(-1px, 0px);
            transform: translate(-1px, 0px); }
  80% {
    -webkit-transform: translate(1px, 0px);
            transform: translate(1px, 0px); }
  90% {
    -webkit-transform: translate(-1px, 0px);
            transform: translate(-1px, 0px); }
  100% {
    -webkit-transform: translate(1px, 0px);
            transform: translate(1px, 0px); } }

@keyframes animationTodoIco {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); }
  10% {
    -webkit-transform: translate(-1px, 0px);
            transform: translate(-1px, 0px); }
  20% {
    -webkit-transform: translate(1px, 0px);
            transform: translate(1px, 0px); }
  30% {
    -webkit-transform: translate(-1px, 0px);
            transform: translate(-1px, 0px); }
  40% {
    -webkit-transform: translate(1px, 0px);
            transform: translate(1px, 0px); }
  50% {
    -webkit-transform: translate(-1px, 0px);
            transform: translate(-1px, 0px); }
  60% {
    -webkit-transform: translate(1px, 0px);
            transform: translate(1px, 0px); }
  70% {
    -webkit-transform: translate(-1px, 0px);
            transform: translate(-1px, 0px); }
  80% {
    -webkit-transform: translate(1px, 0px);
            transform: translate(1px, 0px); }
  90% {
    -webkit-transform: translate(-1px, 0px);
            transform: translate(-1px, 0px); }
  100% {
    -webkit-transform: translate(1px, 0px);
            transform: translate(1px, 0px); } }

.todo-notice {
  background: rgba(0, 0, 0, 0.7);
  width: 400px;
  height: 100%;
  overflow-y: auto;
  position: fixed;
  right: -400px;
  top: 64px;
  transition: right .5s ease;
  box-sizing: border-box; }
  .todo-notice.active {
    right: 0; }

.todo-notice__close {
  cursor: pointer; }

.todo-notice__row {
  color: #000; }
  .todo-notice__row.row-close {
    text-align: left;
    color: #fff;
    font-size: 24px;
    margin-bottom: 10px;
    box-sizing: border-box;
    padding: 5px 0 0 5px; }
    .todo-notice__row.row-close i:hover {
      color: #b3000b; }
  .todo-notice__row.row_main_item {
    position: relative;
    background-color: #d3e1ff;
    box-sizing: border-box;
    padding: 10px;
    /* &:before {
       position: absolute;
       content: '';
       bottom: -11px;
       width: 164px;
       left: 50%;
       margin-left: -82px;
       height: 2px;
       background-color: #fff;
     }*/ }
  .todo-notice__row.todoSideTrue {
    background-color: #d66969;
    color: #fff; }

.todo-notice-title {
  font-weight: 600;
  font-size: 17px;
  text-align: justify; }

.todo-notice-text {
  margin-top: 5px;
  font-size: 15px;
  text-align: justify; }

.popup-task-current_time {
  margin-right: 2px;
  cursor: pointer; }

.popup-task-clear_input {
  cursor: pointer; }
  .popup-task-clear_input:hover {
    color: darkred; }

.todoTrue {
  background-color: #eb1c24;
  color: #fff; }

/*ПЕРЕНЕСТИ ПОТОМ В ПАПКУ С МОДУЛЕМ ТАСКИ*/
.b-todo-header-ico {
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
  height: 100%;
  font-size: 15px;
  box-sizing: border-box;
  padding: 9px 7.5px 0 7.5px;
  transition: background-color .4s ease; }
  .b-todo-header-ico.disabled {
    pointer-events: none; }
    .b-todo-header-ico.disabled .b-todo-header-ico__svg svg {
      fill: #ccc; }
  .b-todo-header-ico.enabled {
    pointer-events: auto; }
    .b-todo-header-ico.enabled .b-todo-header-ico__svg svg {
      fill: #1360c7; }
  .b-todo-header-ico.enabled-del {
    pointer-events: auto; }
    .b-todo-header-ico.enabled-del .b-todo-header-ico__svg svg {
      fill: #EB1C24; }
  .b-todo-header-ico:hover {
    background-color: #2eaeff;
    color: #fff; }
    .b-todo-header-ico:hover .b-todo-header-ico__svg svg {
      fill: #fff !important; }

.b-todo-header-ico__ico {
  display: block; }

.b-todo-header-ico__description {
  display: block; }

.all-item-leftButton {
  margin-top: 0;
  padding: 26px 25px; }

.b-todo-header-false-ico__svg {
  width: 27px;
  height: auto;
  overflow: hidden;
  display: inline-block; }
  .b-todo-header-false-ico__svg svg {
    height: 100%;
    width: 100%;
    fill: #06931f; }
  .b-todo-header-false-ico__svg .style-done-svg svg {
    fill: #6AC259; }
  .b-todo-header-false-ico__svg .style-remove-svg svg {
    fill: #a3a3a3; }

.style-ico-checkbox {
  margin-right: 0;
  padding: 0; }
  .style-ico-checkbox:hover {
    background-color: transparent; }

.style_ico_header {
  margin-right: 19px; }

.worker-form__title {
  font-size: 18px;
  color: #000;
  min-height: 20px;
  max-height: 88px;
  overflow-y: auto;
  padding: 0 10px;
  font-weight: 600; }

/*.popup-task-full-content {
  overflow-y: hidden;
}*/
.popup-task-row__description {
  overflow-y: auto;
  padding: 0 0 0 10px;
  min-height: 20px;
  max-height: 250px;
  box-sizing: border-box; }

.task_row_title_style {
  margin: 10px 0 0 0; }

.popup-task-bottom-date {
  position: absolute;
  bottom: 0;
  height: 60px;
  width: 100%;
  line-height: 58px;
  font-size: 16px;
  box-sizing: border-box;
  padding: 0 10px;
  color: #919191;
  font-weight: 600; }

.popup-task-bottom-date__right {
  float: right; }

.add_task_content_inner {
  padding: 15px;
  box-sizing: border-box; }

.popup_add_task_description {
  padding: 0; }

.popup_add_task_content_wrapper {
  height: 550px;
  box-sizing: border-box;
  max-height: 100%; }

.right-contex-menu {
  display: none;
  width: 200px;
  height: 100px;
  position: absolute;
  z-index: 99999999;
  top: 0;
  background-color: #fff0ff;
  left: 0; }
  .right-contex-menu.active {
    display: block; }

.input-error {
  color: darkred; }

.todo-side-bar-all {
  box-sizing: border-box;
  padding: 8px 2px 8px 15px;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer; }

.todo-side-bar__filter {
  border-top: 1px solid rgba(0, 0, 0, 0.35);
  box-sizing: border-box; }

.todo-side-bar__item-filter {
  cursor: pointer;
  padding: 8px 2px 8px 15px; }

.hover_item {
  transition: background-color .3s ease; }
  .hover_item:hover {
    background-color: rgba(0, 0, 0, 0.06);
    /*i {
      animation: fa-spin 2s infinite linear;
    }*/ }
    .hover_item:hover .rotate-360 {
      -webkit-animation: fa-spin 4s infinite linear;
              animation: fa-spin 4s infinite linear; }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
  .hover_item.active {
    background-color: rgba(0, 0, 0, 0.15); }

.b-todo-content__title-inner {
  border-bottom: 1px solid #ddd;
  display: block;
  width: 100%;
  font-weight: bold;
  font-size: 16px; }

.margin__left-title-inner {
  margin-left: 15px;
  margin-right: 20px; }

.width__right-title-inner {
  width: 200px !important; }

.b-todo-content__right-title-item {
  cursor: pointer;
  width: 160px; }

.b-todo-content__right-left-item {
  cursor: default; }

.none_select_text {
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none; }

.b-todo-header-ico {
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
  height: 100%;
  font-size: 15px;
  box-sizing: border-box;
  padding: 9px 7.5px 0 7.5px;
  transition: background-color .4s ease; }
  .b-todo-header-ico.disabled {
    pointer-events: none; }
    .b-todo-header-ico.disabled .b-todo-header-ico__svg svg {
      fill: #ccc; }
  .b-todo-header-ico.enabled {
    pointer-events: auto; }
    .b-todo-header-ico.enabled .b-todo-header-ico__svg svg {
      fill: #1360c7; }
  .b-todo-header-ico.enabled-del {
    pointer-events: auto; }
    .b-todo-header-ico.enabled-del .b-todo-header-ico__svg svg {
      fill: #EB1C24; }
  .b-todo-header-ico:hover {
    background-color: #2eaeff;
    color: #fff; }
    .b-todo-header-ico:hover .b-todo-header-ico__svg svg {
      fill: #fff !important; }

.b-todo-header-ico__ico {
  display: block; }

.b-todo-header-ico__description {
  display: block; }

.all-item-leftButton {
  margin-top: 0;
  padding: 26px 25px; }

.b-todo-header-false-ico__svg {
  width: 27px;
  height: auto;
  overflow: hidden;
  display: inline-block; }
  .b-todo-header-false-ico__svg svg {
    height: 100%;
    width: 100%;
    fill: #06931f; }
  .b-todo-header-false-ico__svg .style-done-svg svg {
    fill: #6AC259; }
  .b-todo-header-false-ico__svg .style-remove-svg svg {
    fill: #a3a3a3; }

.style-ico-checkbox {
  margin-right: 0;
  padding: 0; }
  .style-ico-checkbox:hover {
    background-color: transparent; }

.style_ico_header {
  margin-right: 19px; }

.worker-form__title {
  font-size: 18px;
  color: #000;
  min-height: 20px;
  max-height: 88px;
  overflow-y: auto;
  padding: 0 10px;
  font-weight: 600; }

/*.popup-task-full-content {
  overflow-y: hidden;
}*/
.popup-task-row__description {
  overflow-y: auto;
  padding: 0 0 0 10px;
  min-height: 20px;
  max-height: 250px;
  box-sizing: border-box; }

.task_row_title_style {
  margin: 10px 0 0 0; }

.popup-task-bottom-date {
  position: absolute;
  bottom: 0;
  height: 60px;
  width: 100%;
  line-height: 58px;
  font-size: 16px;
  box-sizing: border-box;
  padding: 0 10px;
  color: #919191;
  font-weight: 600; }

.popup-task-bottom-date__right {
  float: right; }

.add_task_content_inner {
  padding: 15px;
  box-sizing: border-box; }

.popup_add_task_description {
  padding: 0; }

.popup_add_task_content_wrapper {
  height: 550px;
  box-sizing: border-box;
  max-height: 100%; }

.right-contex-menu {
  display: none;
  width: 200px;
  height: 100px;
  position: absolute;
  z-index: 99999999;
  top: 0;
  background-color: #fff0ff;
  left: 0; }
  .right-contex-menu.active {
    display: block; }

.input-error {
  color: darkred; }

.todo-side-bar-all {
  box-sizing: border-box;
  padding: 8px 2px 8px 15px;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer; }

.todo-side-bar__filter {
  border-top: 1px solid rgba(0, 0, 0, 0.35);
  box-sizing: border-box; }

.todo-side-bar__item-filter {
  cursor: pointer;
  padding: 8px 2px 8px 15px; }

.hover_item {
  transition: background-color .3s ease; }
  .hover_item:hover {
    background-color: rgba(0, 0, 0, 0.06);
    /*i {
      animation: fa-spin 2s infinite linear;
    }*/ }
    .hover_item:hover .rotate-360 {
      -webkit-animation: fa-spin 4s infinite linear;
              animation: fa-spin 4s infinite linear; }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
  .hover_item.active {
    background-color: rgba(0, 0, 0, 0.15); }

.b-todo-content__title-inner {
  border-bottom: 1px solid #ddd;
  display: block;
  width: 100%;
  font-weight: bold;
  font-size: 16px; }

.margin__left-title-inner {
  margin-left: 15px;
  margin-right: 20px; }

.width__right-title-inner {
  width: 200px !important; }

.b-todo-content__right-title-item {
  cursor: pointer;
  width: 160px; }

.b-todo-content__right-left-item {
  cursor: default; }

.none_select_text {
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none; }

/***************ТОДОШЕЧКА*******************/
.b-todo-header-left {
  float: left;
  margin: 5px;
  cursor: pointer; }

.b-todo-header-right {
  float: right; }

.todo-side-bar {
  float: left;
  width: 220px; }

.m_todo_admin_panel {
  max-width: 86%;
  float: left;
  margin: 0;
  width: calc(100% - 220px);
  padding: 0;
  border: 0; }

.todo-side-bar-header {
  min-height: 84px;
  line-height: 84px;
  text-align: center; }
  .todo-side-bar-header .b-left-side-bar-header__button {
    color: white;
    background-color: #039be5;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    letter-spacing: .010em;
    display: inline-block;
    position: relative;
    min-height: 36px;
    min-width: 143px;
    line-height: 36px;
    vertical-align: middle;
    text-align: center;
    font-weight: 600;
    border-radius: 3px;
    transition: background-color .3s ease;
    cursor: pointer; }
    .todo-side-bar-header .b-left-side-bar-header__button:hover {
      background-color: #1ba4e5;
      box-shadow: 0; }

.todo-sidebar-alltask {
  min-height: 50px;
  line-height: 50px;
  vertical-align: middle;
  display: block;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  transition: background-color .3s ease; }
  .todo-sidebar-alltask:hover {
    background-color: rgba(158, 158, 158, 0.2); }
  .todo-sidebar-alltask.active {
    background-color: rgba(158, 158, 158, 0.06); }
  .todo-sidebar-alltask .todo-sidebar-alltask__button {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer; }

.b-todo-header {
  border-bottom: 1px solid #ddd;
  height: 70px;
  box-sizing: border-box;
  padding: 0;
  font-size: 0; }

.b-todo-content {
  max-height: calc(100vh - 350px);
  overflow-y: auto; }

.b-todo-header__title {
  padding: 0 20px;
  font-weight: 600; }

.b-todo-content__item {
  box-sizing: border-box;
  border-bottom: 1px solid #ddd; }

.b-todo-content__item-inner {
  position: relative;
  cursor: pointer; }

.b-todo-content__item-leftButton {
  width: 19px;
  height: 19px;
  float: left;
  padding: 27px 27px;
  margin-top: 0;
  text-align: center; }
  .b-todo-content__item-leftButton input[type="checkbox"] {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #fff0ff; }

.b-todo-content__item-text {
  padding: 0;
  float: left;
  position: relative;
  box-sizing: border-box; }
  @media (max-width: 1600px) {
    .b-todo-content__item-text {
      max-width: 725px;
      overflow-x: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; } }
  .b-todo-content__item-text .b-todo-content__item-text-title {
    max-width: 1025px;
    display: block;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%; }
    @media (max-width: 1300px) {
      .b-todo-content__item-text .b-todo-content__item-text-title {
        max-width: 390px; } }

.b-todo-content__item-text-description {
  margin-top: 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  max-width: 1025px; }
  @media (max-width: 1300px) {
    .b-todo-content__item-text-description {
      max-width: 100%; } }

.b-todo-content__item-rightButton {
  position: relative;
  cursor: pointer;
  width: 40px;
  height: 25px;
  display: inline-block;
  text-align: center;
  float: right;
  margin-top: 32px; }
  .b-todo-content__item-rightButton:hover .b-todo-content-window {
    display: block; }
  .b-todo-content__item-rightButton span {
    vertical-align: middle; }
  .b-todo-content__item-rightButton .b-todo-content__right-ico {
    font-size: 25px; }

.float-left {
  float: left; }

.b-todo-content__item-row {
  height: 73px;
  box-sizing: border-box;
  padding: 10px 10px;
  border-bottom: 1px solid #ddd; }
  @media (max-width: 1600px) {
    .b-todo-content__item-row {
      height: 80px; } }

.b-todo-content-window {
  position: absolute;
  width: 185px;
  top: 26px;
  right: 0;
  padding: 0;
  display: none;
  min-height: 70px;
  text-align: left;
  background-color: #fff;
  color: #000 !important;
  z-index: 11;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }
  .b-todo-content-window.active {
    display: block; }
  .b-todo-content-window li {
    border-bottom: 1px solid #ddd;
    padding: 10px;
    min-width: 160px;
    cursor: pointer; }
    .b-todo-content-window li:hover {
      background-color: rgba(158, 158, 158, 0.2); }
  .b-todo-content-window .item-rightButton-ico {
    width: 20px; }

.popup-task {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  top: 0;
  display: none;
  z-index: 10; }
  .popup-task.active {
    display: block; }

.popup-task-current-task {
  left: 0px; }
  .popup-task-current-task .popup-task-content-wrapper {
    left: 65%; }

.popup-task-content-wrapper {
  max-width: 1000px;
  max-height: 500px;
  min-height: 300px;
  overflow-y: auto;
  display: block;
  position: relative;
  left: 50%;
  margin-left: -600px;
  margin-top: -288px;
  top: 50%;
  background-color: #fff;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }
  .popup-task-content-wrapper .row-title {
    background-color: #0288d1;
    color: white;
    min-height: 40px;
    line-height: 40px;
    vertical-align: middle;
    padding: 10px; }
  .popup-task-content-wrapper h3 {
    font-weight: 600;
    font-size: 22px;
    float: left;
    width: 50%; }
  .popup-task-content-wrapper .close-poupap {
    float: right;
    font-size: 22px;
    cursor: pointer; }

/*.popup-task-content__inner {
  font-size: 16px;
  padding: 10px 0 30px;
}*/
.popup-task-row__date {
  margin: 20px 0; }
  .popup-task-row__date .title-date {
    font-weight: 600;
    margin-right: 0; }
  .popup-task-row__date .popup-task-row-date__left {
    width: 49%; }
  .popup-task-row__date .popup-task-row-date__right {
    width: 49%; }
    .popup-task-row__date .popup-task-row-date__right .moment-picker {
      max-width: 150px;
      display: inline-block !important;
      text-align: center; }

.error-task-input {
  color: darkred !important;
  font-size: 12px; }

.popup-task-row-date-picker {
  text-align: center; }
  .popup-task-row-date-picker input {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #ddd;
    text-align: center; }

.popup-task-row__description {
  margin: 20px 0; }
  .popup-task-row__description textarea {
    width: 100%;
    resize: none;
    outline: none;
    padding: 10px;
    box-sizing: border-box;
    height: 230px; }

.popup-task-row__footer {
  text-align: right;
  min-height: 30px;
  line-height: 30px; }

.popup-task__save-button {
  padding: 10px;
  font-weight: 600;
  background-color: #0288d1;
  color: #fff;
  border-radius: 4px;
  cursor: pointer; }

.circle_to-do {
  background: #ff6f00;
  color: rgba(255, 255, 255, 0.87) !important;
  height: 20px;
  width: 20px;
  right: 12px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  top: 18px;
  padding-top: 1px;
  -webkit-animation: pulsate 1.2s linear infinite;
          animation: pulsate 1.2s linear infinite;
  font-family: 'PT Sans', sans-serif; }
  .circle_to-do span {
    padding-top: 2px; }

.todo-item_done {
  background-color: #96CA4C;
  color: #fff; }
  .todo-item_done .b-todo-content__item-text {
    /* text-decoration: line-through;*/ }

.b-todo-content__date {
  margin-top: 10px;
  font-size: 14px;
  position: absolute;
  top: -5px;
  right: 30px;
  width: 320px; }
  .b-todo-content__date.b-todo-content_startdate {
    top: 3px; }
  .b-todo-content__date .todo-date-title {
    font-weight: 600; }

.todo-call {
  max-width: 50px;
  height: 61px;
  font-size: 25px;
  position: relative;
  cursor: pointer;
  transition: color .3s ease;
  margin-right: 10px;
  /*&.todo-call__alarm {
    color: #a80205;
    animation: pulsate_todo 1.2s linear infinite;
    @keyframes pulsate_todo {
      50% { color: #fff;}
    }
  }*/ }
  .todo-call:hover {
    color: #088f66; }
  .todo-call.ico-animation {
    -webkit-animation: animationTodoIco linear 1s;
            animation: animationTodoIco linear 1s;
    -webkit-animation-iteration-count: 3;
            animation-iteration-count: 3;
    -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%; }
  .todo-call i {
    position: relative; }
  .todo-call .circle_to-do {
    width: 15px;
    height: 15px;
    right: 0;
    top: 0;
    line-height: 1; }
    .todo-call .circle_to-do span {
      padding: 0; }

@keyframes animationTodoIco {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); }
  10% {
    -webkit-transform: translate(-1px, 0px);
            transform: translate(-1px, 0px); }
  20% {
    -webkit-transform: translate(1px, 0px);
            transform: translate(1px, 0px); }
  30% {
    -webkit-transform: translate(-1px, 0px);
            transform: translate(-1px, 0px); }
  40% {
    -webkit-transform: translate(1px, 0px);
            transform: translate(1px, 0px); }
  50% {
    -webkit-transform: translate(-1px, 0px);
            transform: translate(-1px, 0px); }
  60% {
    -webkit-transform: translate(1px, 0px);
            transform: translate(1px, 0px); }
  70% {
    -webkit-transform: translate(-1px, 0px);
            transform: translate(-1px, 0px); }
  80% {
    -webkit-transform: translate(1px, 0px);
            transform: translate(1px, 0px); }
  90% {
    -webkit-transform: translate(-1px, 0px);
            transform: translate(-1px, 0px); }
  100% {
    -webkit-transform: translate(1px, 0px);
            transform: translate(1px, 0px); } }

.todo-notice-title {
  font-weight: 600;
  font-size: 17px;
  text-align: justify; }

.todo-notice-text {
  margin-top: 5px;
  font-size: 15px;
  text-align: justify; }

.popup-task-current_time {
  margin-right: 2px;
  cursor: pointer; }

.popup-task-clear_input {
  cursor: pointer; }
  .popup-task-clear_input:hover {
    color: darkred; }

.todoTrue {
  background-color: #eb1c24;
  color: #fff; }

@charset "UTF-8";
/*****************************Конфигурирование разделов******************************************/
.admin_content__header_svg {
  display: inline-block;
  width: 26px;
  height: 26px; }
  .admin_content__header_svg.size_middle {
    width: 38px;
    height: 38px; }
  .admin_content__header_svg svg {
    fill: #ffffff; }

/*******************КОнфигурирование разделов*****************************/
.admin-inner-style__wrapper-section {
  max-width: 1600px;
  background-color: #fff;
  box-sizing: border-box;
  padding: 10px 20px;
  height: calc(100vh - 293px);
  overflow: hidden;
  overflow-y: auto;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }

.admin_content_header_add-options {
  background-color: #349700; }

.percent-circle {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  overflow: hidden;
  margin-left: 10px; }
  .percent-circle.red {
    background-color: #b32828; }
  .percent-circle.yellow {
    background-color: #ffb818; }
  .percent-circle.green {
    background-color: #039803; }

@charset "UTF-8";
/*******************НАши дома*************************************/
.worker_admin_ourhome_inner {
  max-width: 1500px !important;
  margin: -50px 50px 0 !important; }

.worker-title-row .worker-table-col {
  font-weight: 600; }

.sort-icon {
  position: absolute;
  display: block !important;
  width: 10px;
  top: 50%;
  right: 50px;
  margin-top: -6px; }

.worker_table_style {
  background-color: #fff !important; }

.worker-table-col {
  display: inline-block;
  width: 150px;
  text-align: center;
  vertical-align: middle;
  line-height: 1.2; }
  .worker-table-col strong {
    font-weight: 600; }
  @media (max-width: 1650px) {
    .worker-table-col {
      width: 10%; } }

.worker_table_row {
  text-align: center;
  background-color: #fff !important; }
  .worker_table_row:hover {
    background-color: rgba(158, 158, 158, 0.2) !important;
    cursor: pointer; }

.worker_table_row_scroll {
  margin-right: -15px; }

.worker_table_style_inner {
  height: calc(100vh - 348px);
  overflow: hidden;
  overflow-y: auto; }

.worker-style-img-colomn {
  overflow: hidden; }
  .worker-style-img-colomn img {
    width: 75%;
    height: 100%;
    object-fit: cover; }

.worker_button_add_home {
  color: white;
  background-color: rgba(2, 136, 209, 0.8);
  padding: 0 20px;
  min-width: 45px;
  max-width: 300px;
  /*box-shadow: 5px 7px 5px -5px rgba(0,0,0,0.75);*/
  line-height: 36px;
  vertical-align: middle;
  text-align: center;
  border-radius: 3px;
  border: 0;
  margin: 6px 0;
  white-space: nowrap;
  text-transform: uppercase;
  font-weight: 600;
  font-style: inherit;
  font-variant: inherit;
  font-family: inherit;
  overflow: hidden;
  cursor: pointer;
  float: right;
  transition: all 0.7s ease; }
  .worker_button_add_home i {
    padding-right: 5px; }
  .worker_button_add_home:hover {
    background-color: #0288d1; }

.worker-link-header-back {
  cursor: pointer;
  font-size: 24px;
  color: rgba(255, 255, 255, 0.9);
  transition: all 0.7s ease; }
  .worker-link-header-back:hover {
    color: white; }

.worker-button-save_header {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  color: #212121;
  background-color: #fafafa;
  letter-spacing: .010em;
  display: inline-block;
  position: relative;
  min-height: 36px;
  min-width: 88px;
  line-height: 36px;
  vertical-align: middle;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  border-radius: 3px;
  box-sizing: border-box;
  cursor: pointer;
  border: 0;
  padding: 0 10px;
  margin: 6px 8px;
  text-transform: uppercase;
  font-weight: 600;
  overflow: hidden;
  font-size: 13px;
  transition: background-color .3s ease, color .3s ease; }
  .worker-button-save_header:hover {
    background-image: url(../img/Admin/NewAdmin/header-bg.png);
    background-size: cover;
    background-color: #039be5;
    color: #fff; }
  .worker-button-save_header.disabled {
    background-color: #ccc;
    color: #6b6b6b; }
    .worker-button-save_header.disabled:hover {
      background-color: #ccc; }

.list_ourhomes__edit {
  padding: 10px 20px 0 30px;
  height: calc(100vh - 294px);
  overflow: hidden;
  overflow-y: auto; }

/**************************Наши дома******************************/
.worker_ourhome_info-title {
  padding: 10px 0 !important; }

.worker-form-height {
  height: 50px; }

.worker-form__row {
  margin: 10px 0;
  width: 100%; }
  .worker-form__row .worker-form__input {
    max-width: 100%;
    position: relative; }
    .worker-form__row .worker-form__input input {
      width: 100%;
      padding: 5px;
      font-size: 18px;
      border-color: rgba(0, 0, 0, 0.12);
      border-width: 0 0 1px;
      position: relative; }
      .worker-form__row .worker-form__input input:active {
        border-color: black; }
      .worker-form__row .worker-form__input input:focus {
        border-color: black; }
    .worker-form__row .worker-form__input span {
      color: rgba(0, 0, 0, 0.54); }
      .worker-form__row .worker-form__input span.activeClass {
        color: black; }
  .worker-form__row .style-file-images-input input {
    font-size: 12px; }
  .worker-form__row .worker-ourhome-form__map {
    width: 100%;
    height: 500px; }
  .worker-form__row .worker-form__images {
    font-weight: 600; }
  .worker-form__row .worker-form__check-images {
    width: 200px; }
    .worker-form__row .worker-form__check-images img {
      border: 2px solid #0a275f;
      width: 100%; }
  .worker-form__row .worker-form__files {
    font-weight: 600; }
  .worker-form__row .worker-form__check-files {
    font-weight: 400; }
    .worker-form__row .worker-form__check-files a {
      color: #0a275f;
      transition: color .3s ease;
      text-decoration: underline; }
      .worker-form__row .worker-form__check-files a:hover {
        text-decoration: underline;
        color: #6291ca; }

.button-save {
  position: relative;
  top: 50%;
  margin-top: -200px;
  left: 1200px; }

.list_ourhomes {
  position: absolute;
  width: 240px;
  line-height: 50px; }
  .list_ourhomes .list_ourhomes-wrapper {
    overflow-y: scroll;
    height: calc(100vh - 120px); }
  .list_ourhomes .list_ourhomes-wrapper__title {
    color: #0a275f;
    text-align: center;
    line-height: 1.2;
    font-size: 24px;
    font-weight: 600; }
  .list_ourhomes .ourhome-title-districte {
    text-align: center;
    color: #6291ca; }
  .list_ourhomes .list_ourhomes-wrapper__item {
    line-height: 28px;
    text-align: left;
    font-size: 18px;
    padding: 0 0 0 10px;
    border-top: 0;
    color: #0a275f;
    position: relative;
    cursor: pointer;
    transition: color .3s ease, background-color .3s ease; }
    .list_ourhomes .list_ourhomes-wrapper__item:hover {
      background-color: #013A33;
      color: #ffffff; }
    .list_ourhomes .list_ourhomes-wrapper__item.active {
      background-color: #013A33;
      color: #ffffff;
      position: relative; }
      .list_ourhomes .list_ourhomes-wrapper__item.active::before {
        content: '';
        position: absolute;
        right: -24px;
        top: 50%;
        margin-top: -14px;
        border: 14px solid transparent;
        border-left: 10px solid #013A33; }
  .list_ourhomes .item-home-ourthome {
    padding-left: 10px; }
  .list_ourhomes .wrapper-button-ourhome {
    z-index: 9;
    position: absolute;
    right: 0;
    top: 0; }
    .list_ourhomes .wrapper-button-ourhome .edit-home {
      width: 28px;
      height: 28px;
      cursor: pointer;
      color: #ffffff;
      font-weight: 600;
      display: inline-block;
      text-align: center; }
      .list_ourhomes .wrapper-button-ourhome .edit-home svg {
        width: 15px;
        height: 15px;
        fill: #fff;
        display: inline-block;
        margin-top: 7px; }
        .list_ourhomes .wrapper-button-ourhome .edit-home svg:hover {
          fill: #f18921 !important; }
    .list_ourhomes .wrapper-button-ourhome .del-home {
      width: 28px;
      height: 28px;
      cursor: pointer;
      color: #ffffff;
      font-weight: 600;
      position: relative;
      display: inline-block;
      text-align: center; }
      .list_ourhomes .wrapper-button-ourhome .del-home svg {
        width: 15px;
        height: 15px;
        fill: #fff;
        display: inline-block;
        margin-top: 7px; }
        .list_ourhomes .wrapper-button-ourhome .del-home svg:hover {
          fill: #973529 !important; }
  .list_ourhomes .add-home-button {
    font-size: 16px;
    font-weight: 400;
    border: 2px solid #0a275f;
    display: block;
    max-width: 200px;
    margin: 0 auto;
    cursor: pointer;
    line-height: 30px;
    transition: color .3s ease, background-color .3s ease; }
    .list_ourhomes .add-home-button:hover {
      background-color: #013A33;
      color: #ffffff; }

.table-col-full {
  width: 100%;
  text-align: left; }

@charset "UTF-8";
/*******************************************************ВАКАНСИИ***********************************************************/
.admin-content-wrapper__ico-svg {
  width: 34px;
  height: 36px;
  overflow: hidden;
  display: block;
  cursor: pointer; }
  .admin-content-wrapper__ico-svg i {
    font-size: 35px;
    cursor: pointer;
    color: #000000; }
  .admin-content-wrapper__ico-svg svg {
    width: 100%;
    height: 100%;
    fill: #034769;
    transition: fill .5s ease; }

.ico-del:hover svg {
  fill: #A62300; }

.breadcrumbs::after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 26px;
  height: 26px;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1);
  border-radius: 50px 0 0 0;
  -webkit-transform: rotate(-45deg) scale(1.47);
      -ms-transform: rotate(-45deg) scale(1.47);
          transform: rotate(-45deg) scale(1.47); }

.jobs_tittle_effect {
  background-color: #3CA0D0; }

.jobs_tittle_effect span {
  color: rgba(0, 0, 0, 0.2);
  font-weight: bold; }

.jobs_tittle_effect span::before {
  content: attr(data-hover);
  position: absolute;
  color: #ffffff;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  cursor: pointer; }

.jobs_tittle_effect span:nth-child(2):hover::before {
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
  opacity: 0;
  cursor: pointer; }

.jobs_title_static_margin_color {
  color: white !important;
  margin-right: 50px; }

.admin-worker-job-row {
  margin-bottom: 37px;
  border: 3px solid #ccc;
  position: relative; }
  .admin-worker-job-row .admin-row-del-ico {
    position: absolute;
    right: 0;
    top: 0; }
  .admin-worker-job-row .align_center {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .admin-worker-job-row .ico-del-jobs {
    font-size: 18px;
    float: right;
    color: #942623 !important;
    cursor: pointer;
    transition: color .3s ease; }
    .admin-worker-job-row .ico-del-jobs:hover {
      color: rgba(148, 38, 35, 0.72) !important; }

.worker-jobs-form__input-punct {
  max-width: 70% !important;
  padding-left: 50px !important; }

.ico-visible:hover svg {
  fill: #007633; }

.ico-hidden:hover svg {
  fill: #A62300; }

.ico-edit:hover svg {
  fill: #A67800; }

.worker-jobs-wrapper-scroll {
  overflow: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 220px); }
  .worker-jobs-wrapper-scroll.jobs {
    max-height: calc(100vh - 290px); }

.admin-jobs-addvac-title_punct {
  font-size: 16px;
  font-weight: 600; }

.worker-jobs-style-title {
  padding: 20px 0 !important; }

.worker-jobs-form__input {
  max-width: 94%;
  padding-left: 10px; }

.worker-jobs-wrapper-inner {
  border: 1px solid rgba(0, 0, 0, 0.14); }

.worker_jobs_wrapper {
  border: none !important;
  padding: 14px; }
  .worker_jobs_wrapper:nth-child(odd) {
    background-color: #63ADD0; }

.worker-jobs-input_row_minus {
  max-width: 90% !important; }

.worker-jobs-style-title_punct {
  padding: 0 !important; }

.admin-jobs__row-title {
  font-size: 20px;
  margin: 10px 0;
  padding: 20px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
      user-select: none; }
  .admin-jobs__row-title .admin-jobs-addvac {
    color: #00A6C7;
    cursor: pointer; }
    .admin-jobs__row-title .admin-jobs-addvac i {
      font-size: 20px; }

.admin-content-wrapper__header_jobs.active .admin-content-wrapper__ico-svg {
  cursor: pointer !important; }
  .admin-content-wrapper__header_jobs.active .admin-content-wrapper__ico-svg svg {
    fill: #fff; }

.admin-jobs {
  background-color: #f2f2f2;
  min-height: 100%; }

.admin-inner-style {
  max-width: 100%;
  margin: -40px 14px 20px; }

/*Стайл тайтла*/
.admin-style-title {
  font-size: 24px;
  padding: 25px 0;
  font-weight: 600; }

.admin-jobs-title {
  font-weight: 600; }

/*Строка админки*/
.admin-row-style {
  vertical-align: middle;
  display: block;
  line-height: 30px;
  font-size: 0;
  padding-bottom: 15px;
  /*Общий стиль колонок*/
  /*Левая колонка*/
  /*ПРавая колонка*/
  /*Стайл враппера инпута справа*/
  /*Стайл инпута справа текстового на всю ширину*/ }
  .admin-row-style .style-admin-colomn {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2; }
  .admin-row-style .admin-colomn-left {
    text-align: right;
    width: 35%;
    margin-right: 5%;
    font-size: 18px; }
  .admin-row-style .admin-colomn-right {
    text-align: left;
    width: 60%; }
  .admin-row-style .admin-colomn-right__field_input_text {
    width: 100%;
    font-size: 14px;
    padding: 5px; }
    .admin-row-style .admin-colomn-right__field_input_text:focus {
      border: 1px solid #013A33; }
  .admin-row-style .field_title_bold {
    font-weight: 600; }

/*Тайтл секции*/
.admin-title-section {
  font-size: 17px;
  margin: 20px 0 20px 15px;
  text-align: left;
  font-weight: bold; }

/*Строка перечисления*/
.admin-colomn-right__row_mode {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  /*Колонка перечисления*/ }
  .admin-colomn-right__row_mode .admin_colomn_mode {
    display: inline-block;
    width: 83%;
    margin-bottom: 10px;
    margin-top: 10px; }

.admin-wrapper-ico-plus-minus {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px; }

.style_admin_ico_plus-minus {
  width: 37px;
  height: 37px;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  position: relative;
  opacity: 0.8;
  transition: opacity .3s ease; }
  .style_admin_ico_plus-minus:hover {
    opacity: 1; }

.admin-wrapper-ico-minus {
  background-color: #9e9e9e;
  margin-right: 5px; }

.minus_ico {
  position: absolute;
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  left: 50%;
  margin-left: -7.5px;
  top: 50%;
  margin-top: -7px;
  fill: #ffffff;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease; }

.admin-wrapper-ico-plus {
  background-color: #013A33; }

.plus_ico {
  position: absolute;
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  left: 50%;
  margin-left: -7.5px;
  top: 50%;
  margin-top: -7px;
  fill: #ffffff;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease; }

.vacancies-content .vacancies-content__row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row; }

.vacancies-table__action-wrap {
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
  padding: 2px;
  transition: color .2s ease-in-out; }
  .vacancies-table__action-wrap .vacancies-table__action-inner {
    text-align: center;
    display: inline-block; }
  .vacancies-table__action-wrap .vacancies-table__action-title {
    font-size: 10px; }
  .vacancies-table__action-wrap.edit:hover {
    color: #fcc100; }
  .vacancies-table__action-wrap.del:hover {
    color: #b71c1c; }

.vacancies-dop-info-title {
  margin: 20px 0; }
  .vacancies-dop-info-title .vacancies-dop-info-title__title {
    font-size: 20px;
    font-weight: bold; }

.input-row-dop__puncts {
  padding-left: 20px; }

.show-dop-info {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }
  .show-dop-info input {
    font-size: 16px; }

.worker-form__job-input input {
  font-size: 15px !important;
  padding: 5px 0 !important; }
  .worker-form__job-input input::-webkit-input-placeholder {
    font-size: 14px; }
  .worker-form__job-input input:-ms-input-placeholder {
    font-size: 14px; }
  .worker-form__job-input input::placeholder {
    font-size: 14px; }

.input-row-dop {
  border-left: 4px solid #039be5;
  box-sizing: border-box;
  padding: 0 20px 10px;
  margin-bottom: 30px; }

/*анимация ngif*/
.show-dop-info.ng-enter, .show-dop-info.ng-leave {
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; }

.show-dop-info.ng-enter,
.show-dop-info.ng-leave.ng-leave-active {
  opacity: 0; }

.show-dop-info.ng-leave,
.show-dop-info.ng-enter.ng-enter-active {
  opacity: 1; }

/*анимация ngif*/
.show-dop-info__title {
  font-weight: 600;
  font-size: 18px; }

.input-row-dop__input-punct {
  max-width: 800px !important;
  width: 100%;
  display: inline-block;
  box-sizing: border-box; }
  .input-row-dop__input-punct input {
    display: inline-block;
    box-sizing: border-box; }

.input-row-dop__button-punct-del {
  box-sizing: border-box;
  padding-top: 25px;
  cursor: pointer;
  transition: color .2s ease-in-out; }
  .input-row-dop__button-punct-del:hover {
    color: #af311b; }

.input-row-dop__title-form {
  color: #1a237e !important;
  font-size: 18px; }

.worker-form__title-punct {
  color: #0d47a1 !important;
  font-size: 16px; }

.worker-form__input-add-punct {
  font-size: 15px;
  cursor: pointer;
  margin-left: 5px;
  padding-top: 3px; }

.animate-repeat.ng-move,
.animate-repeat.ng-enter,
.animate-repeat.ng-leave {
  transition: all ease-in-out 0.4s; }

.animate-repeat.ng-leave.ng-leave-active,
.animate-repeat.ng-move,
.animate-repeat.ng-enter {
  opacity: 0; }

.animate-repeat.ng-leave,
.animate-repeat.ng-move.ng-move-active,
.animate-repeat.ng-enter.ng-enter-active {
  opacity: 1; }

.input-row-dop__add-puncts {
  font-size: 17px;
  cursor: pointer;
  color: #025279;
  font-weight: bold;
  transition: color .3s ease; }
  .input-row-dop__add-puncts:hover {
    color: #026A9D; }

@charset "UTF-8";
.admin-content-panel_personal {
  text-align: left; }

.personal-static-info {
  max-width: 450px;
  display: inline-block;
  vertical-align: middle;
  text-align: center; }

.personal-photo {
  width: 200px;
  height: 200px;
  margin-bottom: 20px;
  border-radius: 50%;
  overflow: hidden;
  position: relative; }
  .personal-photo:hover .personal-photo__edit {
    bottom: 0;
    transition: all .5s ease; }
  .personal-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.personal-info {
  display: inline-block;
  max-width: 560px;
  vertical-align: top;
  margin-left: 20px; }

.personal-user-info {
  margin: 0 0 15px;
  font-weight: 600;
  font-size: 24px; }
  .personal-user-info .personal-user-info__title-role {
    font-size: 16px;
    margin-left: 3px;
    color: #208ABE;
    display: block; }
    .personal-user-info .personal-user-info__title-role i {
      margin-right: 5px; }

.personal-user-dop-info {
  font-size: 18px;
  text-align: left; }
  .personal-user-dop-info .personal-description {
    display: inline-block; }

.personal-title {
  font-weight: 400; }

.personal-description {
  font-size: 18px;
  font-weight: 600; }

.personal-user-dop-info__jeu .personal-title {
  font-weight: 400; }

.personal-user-dop-info__jeu .personal-jeu {
  font-weight: 600; }

.personal-user-data-info {
  font-size: 18px;
  margin-top: 15px; }

.personal-photo__edit {
  position: absolute;
  bottom: -50px;
  height: 50px;
  line-height: 45px;
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  text-align: center;
  cursor: pointer; }

.edit__ico {
  color: #fff;
  font-size: 22px;
  display: inline-block;
  vertical-align: middle; }
  .edit__ico input[type="file"] {
    display: none; }
  .edit__ico label {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer; }

.personal-input {
  width: 200px;
  box-sizing: border-box;
  margin-left: 10px; }
  .personal-input input {
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
    .personal-input input:active {
      border-bottom: 1px solid black; }
    .personal-input input:focus {
      border-bottom: 1px solid black; }

.personal-user-data-info__site-password {
  margin: 10px 0; }

.font-bold {
  font-weight: 600; }

.personal-user-data__old-pass {
  padding-top: 5px;
  padding-bottom: 5px; }

.personal-answer {
  margin: 10px 0; }

.personal-select {
  width: 200px;
  margin-left: 10px;
  display: inline-block; }
  .personal-select select {
    width: 100%;
    background: none;
    outline: none; }

.personal-answer__que {
  margin: 10px 0; }

.personal_text_block {
  margin-bottom: 5px; }

.personal-user-dop-info__ico {
  font-size: 16px;
  margin-right: 5px;
  color: #416d8f; }

.personal-user-info__ico {
  font-size: 21px; }

.error-input {
  font-size: 13px;
  color: #c70009; }

.succes-input {
  box-sizing: border-box;
  padding: 5px;
  font-size: 13px;
  background-color: #2CB01C;
  color: #fff;
  width: 200px;
  text-align: center; }

.personal-info-systems {
  display: inline-block;
  vertical-align: top;
  max-width: 370px; }

.personal-info-systems__title {
  font-weight: 600;
  font-size: 24px;
  margin: 0 0 15px; }
  .personal-info-systems__title i {
    margin-right: 3px; }

.personal-user-dop-info__ico-svg {
  display: inline-block;
  width: 19px;
  height: auto;
  vertical-align: middle; }

.personal-user-dop-info__title {
  font-weight: 600;
  font-size: 18px;
  margin: 10px 0; }
  .personal-user-dop-info__title i {
    margin-right: 3px; }

.personal-user-wrapper__item {
  box-sizing: border-box;
  padding-left: 10px; }

.personal_ico_windows {
  color: #0835B4; }

.personal_ico_1c svg {
  fill: #FFFF01; }

.personal-info-systems-auth__title {
  font-weight: 600;
  font-size: 18px;
  display: block;
  margin-bottom: 10px; }

.personal-info-systems-auth__input .personal-input {
  margin-left: 0; }
  .personal-info-systems-auth__input .personal-input input {
    width: 100%; }
  .personal-info-systems-auth__input .personal-input input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 50px transparent !important;
    /* Цвет фона */
    -webkit-text-fill-color: transparent !important;
    /* цвет текста */
    color: #000 !important;
    /* цвет текста */ }

.dialog {
  padding: 10px 0; }
  .dialog .slider {
    position: relative;
    max-height: 100%;
    overflow-y: auto; }
    .dialog .slider__inner {
      position: relative; }
    .dialog .slider__item {
      max-width: 100%; }
      .dialog .slider__item-img {
        width: 80%; }
        .dialog .slider__item-img img {
          width: 100%;
          height: 100%; }
    .dialog .slider .slick-arrow {
      font-size: 73px;
      top: 50%;
      position: absolute;
      z-index: 999;
      display: block !important;
      background: #fff; }
  .dialog .slider-rows {
    font-size: 73px !important;
    display: block !important;
    color: rgba(0, 0, 0, 0.6);
    border: 0;
    position: absolute;
    top: 50%;
    background: none;
    z-index: 9999;
    margin-top: -50px;
    transition: color .2s ease-in-out; }
    .dialog .slider-rows:hover {
      color: black; }
    .dialog .slider-rows.left {
      left: 0; }
    .dialog .slider-rows.right {
      right: 0; }

.header-panel-search {
  margin-left: auto; }
  .header-panel-search .md-errors-spacer {
    min-height: 0; }

.tabs-no-transition md-tab-content {
  transition: none; }

/*
.wrapper-registration{
  font-size: 16px;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(180deg);
  }
}

.anim {
  animation-name: rotate;
  animation-duration: .5s;
}*/
.reg-form {
  text-align: center; }
  .reg-form .reg-form__inner {
    display: inline-block;
    max-width: 1289px;
    width: 100%; }
  .reg-form .reg-form__search-wrap {
    text-align: left;
    margin-bottom: 30px; }
    .reg-form .reg-form__search-wrap.reg-form__search-wrap_mail {
      margin-bottom: 0; }
    .reg-form .reg-form__search-wrap .reg-form__search-title {
      font-weight: bold;
      font-size: 20px;
      color: #1b84b7; }
      .reg-form .reg-form__search-wrap .reg-form__search-title.reg-form__search-title_email {
        color: #fcc100; }
    .reg-form .reg-form__search-wrap .reg-form__search-input-wrap .reg-form__search-input {
      max-width: 500px;
      width: 100%; }
      .reg-form .reg-form__search-wrap .reg-form__search-input-wrap .reg-form__search-input input {
        width: 100%;
        box-sizing: border-box;
        padding: 5px; }
    .reg-form .reg-form__search-wrap .reg-form__search-input-wrap .reg-form__search-button button:hover {
      background-image: none; }

.reg-plite {
  text-align: center;
  margin: 10px -20px 20px; }
  .reg-plite .reg-plite__value-number {
    margin: 0 10px 0 20px;
    font-size: 25px; }
  .reg-plite .reg-plite__wrapper {
    max-width: 400px;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    margin: 0 20px;
    text-align: center;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
    background-color: #fff;
    font-size: 18px; }
    .reg-plite .reg-plite__wrapper .reg-plite__text-wrap {
      text-align: left; }
    .reg-plite .reg-plite__wrapper .reg-plite__ico-wrap {
      background-color: #2c2c2c;
      color: #fff;
      width: 60px;
      height: 60px;
      overflow: hidden;
      border-radius: 50%;
      line-height: 60px;
      display: inline-block;
      font-size: 30px;
      text-align: center; }
    .reg-plite .reg-plite__wrapper .reg-plite__value {
      font-size: 45px;
      font-weight: bold; }
    .reg-plite .reg-plite__wrapper .reg-plite__users {
      font-weight: bold; }
    .reg-plite .reg-plite__wrapper .reg-plite__reg {
      display: block;
      color: #c0c0c0; }
    .reg-plite .reg-plite__wrapper.reg-plite__wrapper_reg .reg-plite__value {
      color: #a88add; }
    .reg-plite .reg-plite__wrapper.reg-plite__wrapper_reg .reg-plite__ico-wrap {
      background-color: #a88add; }
    .reg-plite .reg-plite__wrapper.reg-plite__wrapper_active .reg-plite__value {
      color: #0cc2aa; }
    .reg-plite .reg-plite__wrapper.reg-plite__wrapper_active .reg-plite__ico-wrap {
      background-color: #0cc2aa; }
    .reg-plite .reg-plite__wrapper.reg-plite__wrapper_no-active .reg-plite__value {
      color: #fcc100; }
    .reg-plite .reg-plite__wrapper.reg-plite__wrapper_no-active .reg-plite__ico-wrap {
      background-color: #fcc100; }

.form-table {
  margin-bottom: 20px; }
  .form-table .form-table__title {
    text-align: left;
    font-weight: bold;
    font-size: 20px; }
    .form-table .form-table__title.form-table__title_info {
      color: #a88add; }
    .form-table .form-table__title.form-table__title_related {
      color: #0cc2aa; }
    .form-table .form-table__title table {
      font-size: 14px; }
  .form-table .form-table__inp-tel {
    padding: 4px 2px;
    box-sizing: border-box;
    border-radius: 4px 0 0 4px;
    border: 1px solid #adadad;
    max-width: 150px;
    width: 100%; }
  .form-table .form-table__save-tel {
    font-size: 18px;
    background-color: #fff;
    padding: 2.5px 7px;
    color: #333;
    box-sizing: border-box;
    margin-left: -5px;
    border: 1px solid #adadad;
    cursor: pointer;
    border-radius: 0 4px 4px 0;
    transition: background-color .3s ease; }
    .form-table .form-table__save-tel:hover {
      background-color: #e6e6e6;
      color: #333;
      border-color: #adadad; }
  .form-table .form-table__dogovor {
    font-weight: bold; }
    .form-table .form-table__dogovor.alert {
      color: #d50000; }
    .form-table .form-table__dogovor.succes {
      color: #00AA00; }
  .form-table .form-table__title-alert {
    color: #d50000; }
  .form-table .form-table__button {
    background-image: none !important; }

.print-form {
  text-align: left; }
  .print-form.print-form__blank-lk {
    max-width: 730px;
    width: 100%; }
    @media print {
      .print-form.print-form__blank-lk {
        max-width: 100% !important;
        padding: 0 20px;
        font-size: 13px !important; } }
  .print-form .print-form__title {
    margin: 10px 0;
    font-size: 20px;
    font-weight: bold; }
  .print-form .print-form__inner {
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.2); }
    @media print {
      .print-form .print-form__inner {
        border: 2px solid black; } }
  .print-form .print-form__lk-title {
    padding: 15px;
    font-weight: bold;
    box-sizing: border-box;
    border-bottom: 1px solid #e5e5e5;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    @media print {
      .print-form .print-form__lk-title {
        border-bottom: 1px solid black;
        padding: 10px 15px; } }
    .print-form .print-form__lk-title .print-form__lk-title-wrapper {
      font-size: 20px;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
    .print-form .print-form__lk-title .print-form__lk-data-wrapper {
      font-size: 13px; }
      @media print {
        .print-form .print-form__lk-title .print-form__lk-data-wrapper {
          font-size: 11px; } }
  .print-form .print-form__lk-text {
    padding: 15px 15px 0; }
    @media print {
      .print-form .print-form__lk-text {
        font-size: 12px; } }
  .print-form .print-form__lk-mail {
    font-weight: 600; }
  .print-form .print-form__lk-list {
    box-sizing: border-box;
    padding: 5px 4px;
    line-height: 30px; }
    @media print {
      .print-form .print-form__lk-list {
        line-height: 24px;
        font-size: 12px; } }
    .print-form .print-form__lk-list .print-form__lk-list-item {
      list-style: decimal;
      list-style-position: inside; }
  .print-form .print-form__blank-lk-cod-wrap {
    /*max-width: 300px;
    width: 100%;*/
    text-align: center;
    padding: 0 0 20px;
    box-sizing: border-box; }
    @media print {
      .print-form .print-form__blank-lk-cod-wrap {
        max-width: 100%;
        text-align: center; } }
    .print-form .print-form__blank-lk-cod-wrap .print-form__blank-lk-cod-title {
      font-size: 22px;
      padding-bottom: 10px;
      box-sizing: border-box;
      font-weight: bold; }
      @media print {
        .print-form .print-form__blank-lk-cod-wrap .print-form__blank-lk-cod-title {
          font-size: 15px; } }
    .print-form .print-form__blank-lk-cod-wrap .print-form__blank-lk-cod-inner {
      max-width: 200px;
      width: 100%;
      display: inline-block;
      border: 3px dotted #0A2342;
      padding: 27px;
      font-size: 40px;
      font-weight: bold;
      letter-spacing: 8.5px; }
      @media print {
        .print-form .print-form__blank-lk-cod-wrap .print-form__blank-lk-cod-inner {
          font-size: 15px !important;
          padding: 15px !important; } }
  .print-form .print-form__lk-button {
    padding: 5px;
    box-sizing: border-box;
    border-top: 1px solid #e5e5e5;
    text-align: right; }
    @media print {
      .print-form .print-form__lk-button {
        border-top: none;
        padding: 0; } }
  .print-form .btn_print-form-lk {
    background-color: #3f51b5;
    color: #fff;
    transition: box-shadow .2s ease-in-out, -webkit-transform .2s ease-in-out;
    transition: box-shadow .2s ease-in-out, transform .2s ease-in-out;
    transition: box-shadow .2s ease-in-out, transform .2s ease-in-out, -webkit-transform .2s ease-in-out; }
    .print-form .btn_print-form-lk:hover {
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
      -webkit-transform: translate3d(0, -1px, 0);
              transform: translate3d(0, -1px, 0);
      background-color: #3f51b5; }
  .print-form .print-form__lk-footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
    .print-form .print-form__lk-footer .print-form-data_two {
      text-align: right;
      padding-right: 0px; }
    .print-form .print-form__lk-footer.yes-print {
      display: none; }
      @media print {
        .print-form .print-form__lk-footer.yes-print {
          display: -webkit-flex !important;
          display: -ms-flexbox !important;
          display: flex !important;
          -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-align-items: flex-start;
              -ms-flex-align: start;
                  align-items: flex-start; } }

.print-form-data {
  min-height: 118px;
  padding-right: 20px;
  box-sizing: border-box; }
  @media print {
    .print-form-data {
      padding-right: 40px; } }
  .print-form-data .print-form-data__title {
    font-weight: bold; }
  .print-form-data .print-form-data__job {
    font-weight: bold;
    margin-right: 3px; }
    @media print {
      .print-form-data .print-form-data__job {
        font-size: 14px; } }
  .print-form-data .print-form-data__surname.print-form-data__surname_user {
    margin-top: 5px; }
  .print-form-data .print-form-data__painting {
    text-align: center;
    position: relative;
    padding-top: 49px; }
    .print-form-data .print-form-data__painting .print-form-data__line {
      width: 140px;
      border-bottom: 2px solid #000; }
      @media print {
        .print-form-data .print-form-data__painting .print-form-data__line {
          width: 200px; } }
    .print-form-data .print-form-data__painting .print-form-data__line-descr {
      position: absolute;
      width: 100%;
      font-weight: bold;
      font-size: 11px; }

.line-cut {
  text-align: left;
  margin: 10px 0 -2px;
  padding: 0 20px; }
  .line-cut .line-cut__line-ico {
    font-size: 7px; }
    .line-cut .line-cut__line-ico.line-cut__line-ico_revert {
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
  .line-cut .line-cut__line {
    width: 96%;
    border: 1px dotted #ccc; }

.reg-form__search-loader {
  width: 39px;
  height: 39px; }
  .reg-form__search-loader img {
    width: 100%;
    height: 100%; }

.print-form__lk-link {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 10px; }
  .print-form__lk-link .print-form__lk-ico .st10 {
    fill: #000; }
  .print-form__lk-link .print-form__lk-link-content {
    margin-left: 13px; }
  .print-form__lk-link .print-form__lk-link-name-uk {
    font-size: 16px; }
    @media print {
      .print-form__lk-link .print-form__lk-link-name-uk {
        font-size: 14px; } }
  .print-form__lk-link .print-form__lk-link-name-link {
    font-size: 15px;
    font-weight: 600; }

.infols-no-number-phone {
  font-weight: bold;
  color: #d50000; }

.test {
  width: 14cm;
  height: 14cm;
  background: #000; }
  @media print {
    .test {
      width: 14cm;
      height: 14cm;
      background: #000;
      font-size: 1cm; } }

@charset "UTF-8";
/********************Сотрудники******************************/
.worker-all-employe {
  width: 100%;
  min-height: 200px;
  background-color: white;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 0;
  position: relative;
  margin-top: 30px; }
  .worker-all-employe .worker-all-row {
    display: block;
    padding: 16px;
    min-height: 20px;
    line-height: 20px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14); }
  .worker-all-employe .worker-people-row {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.14);
    background-color: white;
    transition: background-color .3s ease;
    padding: 0; }
    .worker-all-employe .worker-people-row:hover {
      background-color: rgba(158, 158, 158, 0.2);
      cursor: pointer; }
  .worker-all-employe .worker-title-row {
    min-height: 30px;
    line-height: 30px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
    border-bottom: 1px solid rgba(0, 0, 0, 0.14); }
    .worker-all-employe .worker-title-row .worker-title-row__title {
      color: rgba(0, 0, 0, 0.54);
      font-weight: 600;
      font-size: 18px; }
  .worker-all-employe .worker_col_item {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box; }
  .worker-all-employe .worker-all-row__photo {
    margin-right: 40px;
    display: inline-block;
    width: 90px;
    height: 90px;
    overflow: hidden;
    border-radius: 50%;
    vertical-align: middle; }
    .worker-all-employe .worker-all-row__photo img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .worker-all-employe .worker_col_item__name {
    font-weight: 600;
    display: inline-block;
    width: 320px; }
    @media (max-width: 1650px) {
      .worker-all-employe .worker_col_item__name {
        width: 150px; } }
    .worker-all-employe .worker_col_item__name.worker_col_item__foto {
      width: 100px;
      text-align: center; }
  .worker-all-employe .style_col_item_text {
    min-width: 200px;
    max-width: 320px; }
  .worker-all-employe .worker_col_item__position {
    font-weight: 400;
    display: inline-block;
    width: 300px; }
    @media (max-width: 1650px) {
      .worker-all-employe .worker_col_item__position {
        width: 150px; } }
  .worker-all-employe .worker_col_item_type {
    width: 200px;
    text-align: center; }
  .worker-all-employe .worker_col_item_tel {
    text-align: center; }
  .worker-all-employe .title_row_worker_style {
    font-weight: 600;
    text-align: center; }
  .worker-all-employe .title_row_bold {
    font-weight: 600; }

.col-worker-title-photo {
  margin-right: 30px;
  max-width: 100px !important;
  min-width: 0 !important; }

.add_worker-all-employe__add-button {
  position: absolute;
  top: 0;
  right: -129px;
  padding: 0;
  color: white;
  background-color: #185cc1;
  width: 83px;
  height: 83px;
  line-height: 99px;
  overflow: hidden;
  border-radius: 50%;
  text-align: center;
  transition: all 1s ease;
  cursor: pointer;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }
  .add_worker-all-employe__add-button:hover {
    background-color: #ffffff;
    box-shadow: 0px 0px 5px 0px rgba(0, 57, 190, 0.8); }
    .add_worker-all-employe__add-button:hover span svg {
      -webkit-transform: scaleX(-1);
          -ms-transform: scaleX(-1);
              transform: scaleX(-1);
      fill: #185cc1; }
  .add_worker-all-employe__add-button span {
    display: inline-block;
    vertical-align: middle;
    width: 34px;
    height: auto;
    text-align: center;
    margin-right: 6px; }
    .add_worker-all-employe__add-button span svg {
      transition: all .7s ease;
      fill: #ffffff;
      width: 100%;
      height: 100%; }

.add_people_night {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  top: 0;
  transition: opacity 1s ease;
  display: none; }
  .add_people_night.active {
    display: block;
    z-index: 2; }

.worker-people-row_item {
  box-sizing: border-box;
  padding: 12px 0;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.worker-people-row_item-img {
  width: 90px;
  height: 90px;
  overflow: hidden;
  display: inline-block;
  border-radius: 50%; }
  .worker-people-row_item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.worker-people-row_header {
  font-weight: 600; }

.people-row-item-checkbox input {
  width: 19px;
  height: 19px;
  background-color: #fff; }

.worker-all-employe-add_people {
  position: absolute;
  width: 500px;
  min-height: 200px;
  opacity: 1;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transform: translate(0, 0) scale(1);
      -ms-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
  top: 50%;
  left: 50%;
  margin-left: -250px;
  margin-top: -364px;
  border-radius: 5px;
  overflow: hidden;
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); }
  .worker-all-employe-add_people .add_people-toolbar {
    background-color: #185cc1;
    color: white;
    min-height: 250px;
    max-height: 270px;
    padding: 10px; }
    .worker-all-employe-add_people .add_people-toolbar .add_people-toolbar_header .add_people-toolbar_header_title {
      font-weight: 600; }
    .worker-all-employe-add_people .add_people-toolbar .add_people-toolbar_header .add_people-toolbar_header_close {
      float: right;
      cursor: pointer; }
      .worker-all-employe-add_people .add_people-toolbar .add_people-toolbar_header .add_people-toolbar_header_close:hover svg {
        fill: #ea433c; }
      .worker-all-employe-add_people .add_people-toolbar .add_people-toolbar_header .add_people-toolbar_header_close svg {
        fill: #ffffff;
        transition: all .5s ease; }
    .worker-all-employe-add_people .add_people-toolbar .add_people-toolbar-photo {
      width: 200px;
      height: 200px;
      overflow: hidden;
      border-radius: 50%;
      margin: 10px auto; }
      .worker-all-employe-add_people .add_people-toolbar .add_people-toolbar-photo img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .worker-all-employe-add_people .add_people-toolbar .add_people-toolbar-name {
      text-align: center;
      font-weight: 600;
      font-size: 22px; }
  .worker-all-employe-add_people .add_people-content {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 32px 24px 24px;
    overflow-y: scroll;
    height: 341px; }
    .worker-all-employe-add_people .add_people-content .add_people-content__row {
      margin: 10px 0 10px; }
      .worker-all-employe-add_people .add_people-content .add_people-content__row .add_people-content__title_input {
        font-size: 17px;
        color: rgba(0, 0, 0, 0.9);
        font-weight: 600; }
      .worker-all-employe-add_people .add_people-content .add_people-content__row .add_people-content__input {
        position: relative;
        width: 100%; }
        .worker-all-employe-add_people .add_people-content .add_people-content__row .add_people-content__input input {
          border: 0;
          font-size: 17px;
          outline: 0;
          width: 94%;
          padding: 10px;
          box-shadow: 0px 2px 3px -2px black; }
  .worker-all-employe-add_people .add_people-footer {
    position: relative;
    height: 60px;
    line-height: 60px;
    overflow-y: hidden;
    overflow-x: auto;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.12); }
    .worker-all-employe-add_people .add_people-footer .add_people-footer__button_save {
      background-color: rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.38);
      cursor: pointer;
      height: 40px;
      margin-left: 20px;
      margin-top: 11px;
      line-height: 40px;
      text-align: center;
      font-weight: 600;
      border-radius: 4px;
      overflow: hidden;
      transition: all .7s ease;
      padding: 0 10px;
      display: inline-block; }
      .worker-all-employe-add_people .add_people-footer .add_people-footer__button_save:hover {
        background-color: #185cc1;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
        color: #ffffff; }

.staff_edit_people {
  display: none;
  height: 770px;
  box-shadow: 0; }
  .staff_edit_people.active {
    display: block; }
  .staff_edit_people .staff_edit_people__position {
    font-size: 16px;
    font-weight: 600;
    color: #ccc;
    padding-bottom: 5px; }
  .staff_edit_people .add_people-content__title_input {
    word-wrap: break-word;
    max-width: 300px !important;
    display: inline-block; }
  .staff_edit_people .staff_edit_people__title {
    font-weight: 600;
    font-size: 22px;
    padding-left: 20px;
    margin-top: 20px; }
  .staff_edit_people .add_people-content {
    height: 539px;
    padding: 5px 24px; }
  .staff_edit_people .staff_edit_people_input {
    display: block;
    width: 10% !important;
    text-align: right;
    float: right;
    right: 0;
    position: absolute !important;
    top: 50%;
    margin-top: -10px; }
    .staff_edit_people .staff_edit_people_input input {
      width: 10%;
      box-shadow: none !important; }
  .staff_edit_people .add_people-content__row {
    box-shadow: 0px 2px 2px -2px black; }
  .staff_edit_people .staff_edit_people_row {
    padding: 0 20px !important;
    box-shadow: none !important; }

.worker-people-scroll-row {
  max-height: calc(100vh - 330px);
  overflow: hidden;
  overflow-y: auto; }

.add_people-footer__button_del {
  position: relative;
  right: 20px;
  display: inline-block;
  margin-top: 10px;
  cursor: pointer;
  transition: all .7s ease; }
  .add_people-footer__button_del:hover svg {
    fill: #ea433c; }
  .add_people-footer__button_del span {
    width: 30px;
    height: 30px;
    display: block; }
    .add_people-footer__button_del span svg {
      fill: rgba(0, 0, 0, 0.12);
      width: 100%;
      height: 100%;
      transition: all .7s ease; }

.add_people-edit {
  position: relative;
  right: 20px;
  display: inline-block;
  margin-top: 10px;
  cursor: pointer;
  transition: all .7s ease; }
  .add_people-edit:hover svg {
    fill: #185cc1; }
  .add_people-edit span {
    width: 30px;
    height: 30px;
    display: block; }
    .add_people-edit span svg {
      fill: rgba(0, 0, 0, 0.12);
      width: 100%;
      height: 100%;
      transition: all .7s ease; }

.style_col_item_icon {
  text-align: right;
  vertical-align: middle; }

.worker_col_item-icon__inner {
  float: right;
  position: relative;
  width: 152px; }

.add_people-content__row {
  margin: 10px 0 10px;
  position: relative; }
  .add_people-content__row .add_people-content__title_input {
    font-size: 17px;
    color: rgba(0, 0, 0, 0.9);
    font-weight: 600; }
  .add_people-content__row .add_people-content__input {
    position: relative;
    width: 100%; }
    .add_people-content__row .add_people-content__input input {
      border: 0;
      font-size: 17px;
      outline: 0;
      width: 94%;
      padding: 10px;
      box-shadow: 0px 2px 3px -2px black; }

.disabled-input {
  position: relative; }
  .disabled-input::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0); }
  .disabled-input input {
    border: 0; }

/*
Сотрудники*/
.contract-personal-date {
  width: 124px; }

.row_contract-people {
  margin-bottom: 10px; }

.row_contract-people__title-item {
  margin-right: 5px; }

.row_contract-people__in-num {
  text-align: center;
  border: 0;
  outline: none;
  border-bottom: 2px solid #000; }

/*
Staff*/
.worker-all-employe__header {
  padding-left: 42px; }

.box-sizing {
  box-sizing: border-box; }

.w-people-add__header {
  background-color: #eee;
  text-align: center;
  min-height: 100px;
  padding: 10px 0;
  font-size: 20px; }

.add_people-toolbar-photo {
  width: 160px;
  height: 160px;
  overflow: hidden;
  box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.4);
  border-radius: 50%; }
  .add_people-toolbar-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.add_people-toolbar-name {
  font-size: 18px;
  font-weight: 600;
  margin-top: 10px; }

.add_people-content__title_input {
  font-weight: 600;
  margin-bottom: 5px;
  display: inline-block;
  font-size: 18px; }
  .add_people-content__title_input.title_contract {
    margin-bottom: 0; }

.w-people-add__item {
  margin-top: 10px;
  margin-bottom: 10px; }

.add_people-content__input input {
  box-sizing: border-box;
  padding: 3.6px;
  width: 100%;
  display: inline-block;
  border: 0;
  font-size: 17px;
  outline: 0;
  box-shadow: 0px 2px 3px -2px black; }

.w-people-add__item-row {
  margin-bottom: 8px;
  margin-top: 8px; }

.w-people-add__wrapper-left {
  margin-right: 20px; }

.select-item-wrapper {
  display: none;
  height: 150px;
  overflow: auto; }
  .select-item-wrapper.active {
    display: block; }

.select-item-wrapper > div {
  cursor: pointer; }

.select-input-wrapper {
  display: none;
  padding: 0 10px; }
  .select-input-wrapper.active {
    display: block; }

.select-item-border {
  border-bottom: 1px solid #ccc;
  position: relative;
  padding: 5px 10px;
  cursor: pointer; }

.select-item {
  border: 1px solid #ccc;
  max-width: 400px;
  height: auto; }

.select-input-wrapper {
  margin-bottom: 10px; }
  .select-input-wrapper input {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    padding: 5px 24px 5px 1px;
    border: 0;
    border-bottom: 1px solid #000;
    background: url(../img/WorkerAppAdmin/magnifying-glass.svg) no-repeat;
    background-size: 19px 32px;
    background-position: right; }

.w-ico-select {
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -9px; }

.w-select-item__list {
  box-sizing: border-box;
  line-height: 27px; }

.w-select-item {
  padding: 5px 10px; }
  .w-select-item:hover {
    color: #fff;
    background-color: #0a275f; }

.w-revert-button {
  padding: 5px 10px;
  color: #9c3328; }
  .w-revert-button:hover {
    color: #fff;
    background-color: #9c3328; }

/*
.b-todo-header-ico__svg {
  display: inline-block;
  svg {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}*/


.section-plite-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.section-plite {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  min-height: 100%;
  margin: 0 -10px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  max-width: 900px; }
  .section-plite__item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 250px;
    min-height: 250px;
    margin: 10px;
    box-sizing: border-box;
    cursor: pointer;
    transition: background-color .2s ease-in-out, color .2s ease-in-out; }
    .section-plite__item:hover {
      background-color: #00796b !important;
      color: #fff !important; }
    .section-plite__item-content {
      text-align: center;
      font-size: 35px; }
      .section-plite__item-content-title {
        font-size: 24px;
        font-weight: bold; }

.sidenav-energy__button-close {
  line-height: 44px !important; }

.side-nav {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  max-width: 800px;
  width: 100%;
  right: 0;
  z-index: 3;
  background-color: #fff;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }

.tabs {
  font-size: 14px;
  height: 100%; }

.form-element__item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0 5px; }

.form-element__button {
  min-height: 22px;
  line-height: 22px;
  min-width: 65px;
  text-transform: none;
  font-size: 12px; }
  .form-element__button-wrap {
    padding-bottom: 20px;
    min-height: 20px;
    text-transform: none;
    min-width: 74px;
    line-height: 20px; }