/* Start:/1c/otchetnost/instrukcii/shablony/../sass/main.css?173340455225353*/
main {
  font-size: 15px;
  line-height: 20px;
  color: #333333; }
  main .text--orange {
    color: #FA9E14; }
  main .text--bold {
    font-weight: 600; }
  main .text--center {
    text-align: center !important; }
  main .mb-20 {
    margin-bottom: 20px; }
  main .mt-40 {
    margin-top: 40px; }
  main p {
    margin-bottom: 12px; }
  main h1 {
    padding: 0;
    margin: 34px 0 23px; }
    @media (min-width: 768px) {
      main h1 {
        line-height: 60px;
        font-size: 48px;
        font-weight: 700; } }
    @media (max-width: 767px) {
      main h1 {
        line-height: 38px;
        font-size: 30px;
        font-weight: 700; } }
  @media (min-width: 768px) {
    main h2 {
      margin: 34px 0 24px;
      padding: 0;
      line-height: 44px;
      font-size: 36px;
      font-weight: 700; } }
  @media (max-width: 767px) {
    main h2 {
      margin-bottom: 12px;
      line-height: 32px;
      font-size: 24px;
      font-weight: 700; } }
  @media (min-width: 768px) {
    main h3 {
      line-height: 32px;
      font-size: 24px;
      font-weight: 700; } }
  @media (max-width: 767px) {
    main h3 {
      margin-bottom: 10px;
      line-height: 24px;
      font-size: 20px;
      font-weight: 600; } }
  @media (max-width: 767px) {
    main h3 .hidden-xs {
      display: none !important; } }
  main .list-file {
    list-style: none;
    padding: 0; }
    main .list-file:last-child {
      margin-bottom: 0; }
    main .list-file li {
      line-height: 20px;
      position: relative;
      padding-left: 15px;
      overflow: hidden; }
      main .list-file li:not(:last-child) {
        margin-bottom: 6px; }
      main .list-file li::before {
        content: "";
        display: block;
        position: absolute;
        top: 10px;
        left: 0;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: #FF7700;
        overflow: hidden; }
  main .list-doc {
    list-style: none;
    padding: 0; }
    main .list-doc:last-child {
      margin-bottom: 0; }
    main .list-doc li {
      line-height: 20px;
      position: relative;
      padding-left: 23px;
      overflow: hidden; }
      main .list-doc li:not(:last-child) {
        margin-bottom: 1rem; }
      main .list-doc li::before {
        position: absolute;
        top: 1px;
        left: 0;
        content: url("data:image/svg+xml,%3Csvg width='16' height='20' viewBox='0 0 16 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 6H16L10 0V5C9.99504 5.608 10.449 6 11 6Z' fill='%2387C426'/%3E%3Cpath d='M9 5V0H1.118C0.565 0 0 0.564 0 1.117V18.883C0 19.436 0.565 20 1.118 20H14.946C15.499 20 16 19.436 16 18.883V7H11C9.69 7 9 6.31 9 5Z' fill='%2387C426'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 12H2V18H4.031L5 17V13L4 12ZM4 17H3V13H4V17Z' fill='%23333333'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 12V18H9V12H6ZM8 17H7V13H8V17Z' fill='%23333333'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 13V12H11H10V18H11H13V17H11V13H13Z' fill='%23333333'/%3E%3C/svg%3E%0A"); }
      main .list-doc li a {
        color: #FFFFFF;
        text-decoration: underline; }
        main .list-doc li a:hover {
          color: #ff7700; }
  main .icon {
    overflow: hidden; }

.instrukcii h2 .title {
  text-align: center;
  margin: 20px 0; }
.instrukcii-block {
  max-width: 945px;
  margin: 0 auto; }
.instrukcii-mobile {
  background: url(/1c/otchetnost/instrukcii/shablony/../sass/../images/bg-instrukcii-mobile.jpg) top center repeat;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 211px; }
  @media (min-width: 768px) {
    .instrukcii-mobile {
      display: none; } }
.instrukcii-promo {
  padding: 88px 0 68px;
  background: url(/1c/otchetnost/instrukcii/shablony/../sass/../images/bg-instrukcii.jpg) top center no-repeat;
  background-size: cover;
  color: #FFFFFF;
  overflow: hidden;
  text-align: center;
  margin-bottom: 36px; }
  @media (max-width: 991px) {
    .instrukcii-promo {
      padding: 82px 0 86px; } }
  @media (max-width: 767px) {
    .instrukcii-promo {
      padding: 0 0 32px 0;
      background-image: none !important;
      background: #f9f9f9; } }
  .instrukcii-promo__title {
    color: #FFFFFF;
    padding: 0;
    margin: 1rem 0;
    text-align: center; }
@media (min-width: 768px) and (max-width: 991px) {
  .instrukcii-promo__title {
    margin-bottom: 40px; } }

    @media (max-width: 767px) {
      .instrukcii-promo__title {
        padding: 56px 0 24px; } }
  .instrukcii-promo h1 {
    color: #fff; }
    @media (min-width: 992px) {
      .instrukcii-promo h1 {
        margin-bottom: 31px; } }
@media (min-width: 768px) and (max-width: 991px) {
  .instrukcii-promo h1 {
    margin-bottom: 47px; } }

    @media (max-width: 767px) {
      .instrukcii-promo h1 {
        order: 1;
        color: #333; } }
  @media (max-width: 767px) {
    .instrukcii-promo .btn {
      display: none; } }
.instrukcii-primary {
  display: grid;
  grid-template-columns: repeat(4, 218px);
  grid-gap: 20px;
  justify-content: center;
  padding: 32px 0;
  overflow: hidden; }
  @media (max-width: 991px) {
    .instrukcii-primary {
      grid-template-columns: repeat(2, 218px);
      justify-items: center;
      grid-gap: 30px;
      text-align: center;
      margin: 0 auto; } }
  @media (max-width: 575px) {
    .instrukcii-primary {
      grid-template-columns: repeat(1, 218px); } }
  .instrukcii-primary__element {
    background: #F4F4F4;
    border-radius: 10px;
    padding: 16px 24px 24px 24px;
    text-align: center;
    min-width: 218px; }
    @media (max-width: 575px) {
      .instrukcii-primary__element {
        height: auto;
        padding: 16px 24px 24px 24px; } }
    .instrukcii-primary__element-number {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 25px;
      height: 25px;
      border-radius: 50%;
      background-color: #00A2D0;
      color: #fff;
      line-height: 15px;
      font-size: 13px;
      font-weight: 700; }
    .instrukcii-primary__element-logo {
      margin: 22px 0 16px; }
    .instrukcii-primary__element-link::after {
      content: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.101563 1.12578L3.74881 4.77304L0.101563 8.42029L1.22714 9.5459L6 4.77304L1.22714 0.000171711L0.101563 1.12578Z' fill='%23006699'/%3E%3C/svg%3E%0A");
      cursor: pointer;
      position: relative;
      margin-left: 4px; }
    .instrukcii-primary__element-link a {
      color: #006699;
      line-height: 20px; }
    .instrukcii-primary__element-tov a {
      color: #006699;
      line-height: 20px; }
      .instrukcii-primary__element-tov a::after {
        content: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.101563 1.12578L3.74881 4.77304L0.101563 8.42029L1.22714 9.5459L6 4.77304L1.22714 0.000171711L0.101563 1.12578Z' fill='%23006699'/%3E%3C/svg%3E%0A");
        cursor: pointer;
        position: relative;
        margin-left: 4px;
        overflow: hidden; }
  .instrukcii-primary .icon {
    font-size: 65px;
    color: transparent; }
    @media (max-width: 767px) {
      .instrukcii-primary .icon {
        margin: 5px 0; } }
.instrukcii-completion {
  display: grid;
  grid-template-columns: repeat(3, 218px);
  grid-gap: 24px;
  justify-content: center;
  align-items: center;
  padding: 32px 0;
  color: #006699; }
  @media (max-width: 991px) {
    .instrukcii-completion {
      grid-template-columns: repeat(2, 218px);
      justify-items: center;
      text-align: center;
      margin: 0 auto; } }
  @media (max-width: 575px) {
    .instrukcii-completion {
      grid-template-columns: repeat(1, 218px); } }
  .instrukcii-completion__element {
    background: #F4F4F4;
    border-radius: 10px;
    padding: 16px 24px 0 24px;
    text-align: center;
    height: 242px;
    min-width: 218px; }
    .instrukcii-completion__element-number {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 25px;
      height: 25px;
      border-radius: 50%;
      background-color: #00A2D0;
      color: #fff;
      line-height: 15px;
      font-size: 13px;
      font-weight: 700; }
    .instrukcii-completion__element-logo {
      margin: 22px 0 16px; }
    .instrukcii-completion__element a {
      line-height: 20px; }
      .instrukcii-completion__element a::after {
        content: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.101563 1.12578L3.74881 4.77304L0.101563 8.42029L1.22714 9.5459L6 4.77304L1.22714 0.000171711L0.101563 1.12578Z' fill='%23006699'/%3E%3C/svg%3E%0A");
        cursor: pointer;
        position: relative;
        margin-left: 4px;
        overflow: hidden; }
        .instrukcii-completion__element a::after:hover {
          color: #ff7700; }
    .instrukcii-completion__element .icon {
      font-size: 65px;
      color: transparent; }
      @media (max-width: 767px) {
        .instrukcii-completion__element .icon {
          margin: 5px 0; } }
.instrukcii-general {
  display: grid;
  grid-template-columns: repeat(3, 218px);
  grid-gap: 24px;
  justify-content: center;
  padding: 32px 0;
  overflow: hidden;
  color: #006699;
  margin-bottom: 20px; }
  @media (max-width: 991px) {
    .instrukcii-general {
      grid-template-columns: repeat(2, 218px);
      justify-items: center;
      text-align: center; } }
  @media (max-width: 575px) {
    .instrukcii-general {
      grid-template-columns: repeat(1, 218px); } }
  .instrukcii-general__element {
    align-items: center;
    background: #F4F4F4;
    border-radius: 10px;
    padding: 65px 24px 24px 24px;
    text-align: center;
    min-width: 218px; }
    .instrukcii-general__element-logo {
      margin: 0 0 16px; }
    .instrukcii-general__element a {
      color: #006699; }
      .instrukcii-general__element a::after {
        content: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.101563 1.12578L3.74881 4.77304L0.101563 8.42029L1.22714 9.5459L6 4.77304L1.22714 0.000171711L0.101563 1.12578Z' fill='%23006699'/%3E%3C/svg%3E%0A");
        cursor: pointer;
        position: relative;
        margin-left: 4px;
        overflow: hidden;
        top: 1px; }
    .instrukcii-general__element .icon {
      font-size: 65px;
      color: transparent; }
      @media (max-width: 1199px) {
        .instrukcii-general__element .icon {
          font-size: 55px; } }
      @media (max-width: 767px) {
        .instrukcii-general__element .icon {
          margin: 5px 0; } }
.instrukcii-extension {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 32px 0 44px; }
  @media (max-width: 1199px) {
    .instrukcii-extension {
      justify-items: center;
      text-align: center; } }
  .instrukcii-extension__element {
    background: #F4F4F4;
    border-radius: 10px;
    padding: 35px 24px 0 24px;
    text-align: center;
    width: 218px;
    height: 230px;
    margin: 0 18px 32px 0; }
    @media (max-width: 1199px) {
      .instrukcii-extension__element {
        margin: 0 14px 32px 0; } }
    @media (max-width: 991px) {
      .instrukcii-extension__element {
        margin: 0 15px 32px 15px; } }
    .instrukcii-extension__element-logo {
      margin: 0 0 16px; }
    .instrukcii-extension__element a {
      color: #006699; }
      .instrukcii-extension__element a::after {
        content: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.101563 1.12578L3.74881 4.77304L0.101563 8.42029L1.22714 9.5459L6 4.77304L1.22714 0.000171711L0.101563 1.12578Z' fill='%23006699'/%3E%3C/svg%3E%0A");
        cursor: pointer;
        position: relative;
        margin-left: 4px;
        overflow: hidden;
        top: 1px; }
    .instrukcii-extension__element .icon {
      font-size: 65px;
      color: transparent; }
      @media (max-width: 1199px) {
        .instrukcii-extension__element .icon {
          font-size: 55px; } }
      @media (max-width: 767px) {
        .instrukcii-extension__element .icon {
          margin: 5px 0; } }
.instrukcii-documents {
  padding: 36px 0 72px;
  background: linear-gradient(165.48deg, #4D98DB -3.45%, #024591 95.65%);
  color: #FFFFFF;
  margin-bottom: 72px; }
  @media (max-width: 767px) {
    .instrukcii-documents {
      padding: 36px 0 72px 20px; } }
  .instrukcii-documents__content {
    display: grid;
    grid-template-columns: repeat(2, 450px);
    grid-gap: 32px;
    justify-content: center;
    padding: 0 0 40px; }
    @media (max-width: 991px) {
      .instrukcii-documents__content {
        grid-template-columns: repeat(1, 450px);
        overflow: hidden; } }
    @media (max-width: 575px) {
      .instrukcii-documents__content {
        grid-template-columns: repeat(1, 262px);
        justify-content: flex-start; } }
    .instrukcii-documents__content .icon {
      font-size: 155px;
      color: transparent; }
      @media (max-width: 767px) {
        .instrukcii-documents__content .icon {
          font-size: 80px; } }
    .instrukcii-documents__content-item {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      padding: 25px;
      box-sizing: border-box;
      background: url("data:image/svg+xml,%3Csvg width='480' height='230' viewBox='0 0 480 230' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Crect x='14' y='13' width='450' height='200' rx='6' fill='%23F4FDFF'/%3E%3Crect x='14.5' y='13.5' width='449' height='199' rx='5.5' stroke='%23DDDDDD'/%3E%3C/g%3E%3Cmask id='mask0' mask-type='alpha' maskUnits='userSpaceOnUse' x='14' y='13' width='450' height='200'%3E%3Crect x='14.5' y='13.5' width='449' height='199' rx='5.5' fill='%23DDF7FF' stroke='%23DDDDDD'/%3E%3C/mask%3E%3Cg mask='url(%23mask0)'%3E%3Cellipse cx='394.921' cy='113' rx='117.434' ry='119' fill='%23DCF9FF'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0' y='0' width='480' height='230' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dx='1' dy='2'/%3E%3CfeGaussianBlur stdDeviation='7.5'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A") center no-repeat;
      border-radius: 6px; }
@media (min-width: 576px) and (max-width: 991px) {
  .instrukcii-documents__content-item {
    padding: 25px 20px; } }

      @media (max-width: 575px) {
        .instrukcii-documents__content-item {
          padding: 25px 0 25px 25px; } }
    @media (max-width: 767px) {
      .instrukcii-documents__content-logo {
        min-width: 56px;
        margin-left: 15px;
        overflow: hidden; } }
    .instrukcii-documents__content-link a {
      font-size: 24px;
      line-height: 33px;
      color: #333333; }
      @media (max-width: 767px) {
        .instrukcii-documents__content-link a {
          font-size: 18px;
          line-height: 25px; } }
      .instrukcii-documents__content-link a::after {
        content: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='11' fill='%2387C426'/%3E%3Cpath d='M17.7762 11.5437L12.7203 16.5997C12.576 16.744 12.3837 16.8232 12.1786 16.8232C11.9732 16.8232 11.781 16.7439 11.6367 16.5997L11.1776 16.1405C11.0334 15.9965 10.954 15.804 10.954 15.5988C10.954 15.3937 11.0334 15.1947 11.1776 15.0506L14.1272 12.0946H4.75634C4.33383 12.0946 4 11.7638 4 11.3412V10.6921C4 10.2695 4.33383 9.90536 4.75634 9.90536H14.1606L11.1777 6.93283C11.0335 6.78851 10.9541 6.60128 10.9541 6.39606C10.9541 6.19107 11.0335 6.0011 11.1777 5.85689L11.6368 5.39922C11.7811 5.2549 11.9733 5.17625 12.1787 5.17625C12.3838 5.17625 12.5761 5.25592 12.7204 5.40024L17.7763 10.4561C17.921 10.6009 18.0006 10.7942 18 10.9996C18.0005 11.2058 17.921 11.3991 17.7762 11.5437Z' fill='white'/%3E%3C/svg%3E%0A");
        cursor: pointer;
        width: 16px;
        position: relative;
        margin-left: 4px;
        overflow: hidden;
        top: 4px; }
.instrukcii-requirements {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
  margin: 36px 0; }
  @media (max-width: 767px) {
    .instrukcii-requirements {
      grid-template-columns: 1fr; } }

.bottom__promo {
  position: relative;
  background: rgba(0, 0, 0, 0.5) url(/1c/otchetnost/instrukcii/shablony/../sass/../images/bottom__promo.png) center center no-repeat;
  background-size: cover;
  margin-top: 42px; }
  @media (max-width: 575px) {
    .bottom__promo br {
      display: none; } }
@media (min-width: 768px) and (max-width: 991px) {
  .bottom__promo {
    background-position: 55% 0; } }

@media (min-width: 576px) and (max-width: 767px) {
  .bottom__promo {
    background-position: 65% 0; } }

  @media (max-width: 575px) {
    .bottom__promo {
      background-position: 0;
      background: rgba(0, 0, 0, 0.5) url(/1c/otchetnost/instrukcii/shablony/../sass/../images/bottom__promo.png) repeat;
      background-size: auto; } }
  .bottom__promo::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
    z-index: 1; }
  .bottom__promo--container {
    position: relative;
    display: flex;
    align-items: center;
    z-index: 2; }
    @media (min-width: 768px) {
      .bottom__promo--container {
        min-height: 405px; } }
    @media (max-width: 767px) {
      .bottom__promo--container {
        padding-top: 30px;
        padding-bottom: 30px; } }
  .bottom__promo--title {
    margin-bottom: 28px;
    line-height: 56px;
    color: #fff;
    font-size: 42px; }
    @media (max-width: 575px) {
      .bottom__promo--title {
        text-align: center;
        line-height: 30px;
        font-size: 21px; } }
  .bottom__promo--button {
    display: flex; }
    @media (max-width: 575px) {
      .bottom__promo--button {
        flex-direction: column; } }
    .bottom__promo--button .btn {
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 575px) {
        .bottom__promo--button .btn {
          width: 100%;
          margin: 0 0 30px; } }
      .bottom__promo--button .btn-warning {
        margin-right: 30px; }
        .bottom__promo--button .btn-warning:hover {
          background-color: #ff9233;
          border-color: #ff9233; }
      .bottom__promo--button .btn-outline-warning {
        color: #fff;
        margin-bottom: 13px; }
  .bottom__promo--description {
    text-align: center;
    color: rgba(255, 255, 255, 0.75);
    font-size: 13px; }

@media (min-width: 768px) {
  .other__services {
    padding-top: 30px;
    padding-bottom: 40px; } }
@media (max-width: 767px) {
  .other__services {
    padding-top: 30px;
    padding-bottom: 20px; } }
.other__services--title {
  border-bottom: 1px solid #e8e8e8;
  margin: 0 0 26px;
  padding: 0 0 22px; }
.other__services--body {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px; }
  @media (max-width: 767px) {
    .other__services--body {
      grid-template-columns: 1fr;
      grid-gap: 0; } }
.other__services__list {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  .other__services__list--item {
    display: flex;
    align-items: center;
    margin-bottom: 5px; }
.other__services__icon {
  width: 25px;
  height: 25px;
  margin-right: 7px;
  background: url(/1c/otchetnost/instrukcii/shablony/../sass/../images/other__services.png) no-repeat; }
  .other__services__icon--setting {
    background-position: 0 0; }
  .other__services__icon--pointer {
    background-position: 0 -25px; }
  .other__services__icon--edo {
    background-position: 0 -50px; }
  .other__services__icon--1c {
    background-position: 0 -75px; }
  .other__services__icon--distance {
    background-position: 0 -100px; }
  .other__services__icon--update {
    background-position: 0 -125px; }
  .other__services__icon--support_1 {
    background-position: 0 -150px; }
  .other__services__icon--support_2 {
    background-position: 0 -175px; }
  .other__services__icon--build {
    background-position: 0 -200px; }
  .other__services__icon--franchisee {
    background-position: 0 -225px; }
  .other__services__icon--lk {
    background-position: 0 -250px; }
  .other__services__icon--install {
    background-position: 0 -275px; }
  .other__services__icon--branch {
    background-position: 0 -300px; }
  .other__services__icon--service {
    background-position: 0 -325px; }

.instruction {
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 50px; }
  .instruction__quote {
    padding: 3px 0 5px 15px;
    border-left: 4px solid #ff7700;
    font-weight: 700;
    margin: 0 0 12px; }
  .instruction__important {
    background: #fffeec;
    border: 1px solid #fae6be;
    border-radius: 4px;
    padding: 25px 32px;
    margin-bottom: 15px; }
    .instruction__important *:first-child {
      margin-top: 0;
      padding-top: 0; }
    .instruction__important *:last-child {
      margin-bottom: 0;
      padding-bottom: 0; }
  .instruction__video {
    overflow: hidden;
    box-shadow: 0 12px 64px rgba(15, 29, 48, 0.25), 0 4px 12px rgba(15, 29, 48, 0.25);
    border-radius: 8px; }
  .instruction .thumbnail-overlay {
    position: relative;
    display: inline-block; }
    .instruction .thumbnail-overlay::after {
      display: block;
      position: absolute;
      content: url("data:image/svg+xml,%3Csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.25 17L26.75 24.5L24.5 26.75L17 19.25V18.065L16.595 17.645C14.885 19.115 12.665 20 10.25 20C7.66414 20 5.18419 18.9728 3.35571 17.1443C1.52723 15.3158 0.5 12.8359 0.5 10.25C0.5 7.66414 1.52723 5.18419 3.35571 3.35571C5.18419 1.52723 7.66414 0.5 10.25 0.5C12.8359 0.5 15.3158 1.52723 17.1443 3.35571C18.9728 5.18419 20 7.66414 20 10.25C20 12.665 19.115 14.885 17.645 16.595L18.065 17H19.25ZM10.25 17C14 17 17 14 17 10.25C17 6.5 14 3.5 10.25 3.5C6.5 3.5 3.5 6.5 3.5 10.25C3.5 14 6.5 17 10.25 17ZM14 11H11V14H9.5V11H6.5V9.5H9.5V6.5H11V9.5H14V11Z' fill='white'/%3E%3C/svg%3E%0A");
      width: 29px;
      height: 28px;
      top: calc(50% - 15px);
      left: calc(50% - 15px);
      opacity: 0.35; }
    .instruction .thumbnail-overlay::before {
      display: block;
      position: absolute;
      content: "";
      border-radius: 50%;
      background-color: rgba(0, 0, 0, 0.45);
      width: 72px;
      height: 72px;
      top: calc(50% - 36px);
      left: calc(50% - 36px);
      opacity: 0.35; }
    .instruction .thumbnail-overlay:hover::before, .instruction .thumbnail-overlay:hover::after {
      opacity: 1; }

@media (max-width: 991px) {
  .modal-content {
    background-color: transparent !important;
    border: none !important; } }

#image-modal .modal-img img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto; }
#image-modal .modal-img .close::before {
  display: block;
  width: 28px;
  height: 28px;
  content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.386808 2.29412C-0.128936 1.77851 -0.128936 0.920352 0.386808 0.38671C0.920584 -0.128903 1.76092 -0.128903 2.2947 0.38671L13.7432 11.8516L25.211 0.38671C25.7268 -0.128903 26.5851 -0.128903 27.0997 0.38671C27.6334 0.920352 27.6334 1.77971 27.0997 2.29412L15.6511 13.741L27.0997 25.2059C27.6334 25.7215 27.6334 26.5796 27.0997 27.1133C26.5839 27.6289 25.7256 27.6289 25.211 27.1133L13.7432 15.6484L2.2947 27.1133C1.76092 27.6289 0.920584 27.6289 0.386808 27.1133C-0.128936 26.5796 -0.128936 25.7203 0.386808 25.2059L11.8353 13.741L0.386808 2.29412Z' fill='white'/%3E%3Cpath d='M0.386808 2.29412C-0.128936 1.77851 -0.128936 0.920352 0.386808 0.38671C0.920584 -0.128903 1.76092 -0.128903 2.2947 0.38671L13.7432 11.8516L25.211 0.38671C25.7268 -0.128903 26.5851 -0.128903 27.0997 0.38671C27.6334 0.920352 27.6334 1.77971 27.0997 2.29412L15.6511 13.741L27.0997 25.2059C27.6334 25.7215 27.6334 26.5796 27.0997 27.1133C26.5839 27.6289 25.7256 27.6289 25.211 27.1133L13.7432 15.6484L2.2947 27.1133C1.76092 27.6289 0.920584 27.6289 0.386808 27.1133C-0.128936 26.5796 -0.128936 25.7203 0.386808 25.2059L11.8353 13.741L0.386808 2.29412Z' fill='url(%23paint0_linear)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='13.75' y1='0' x2='13.75' y2='27.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  top: 0;
  right: -45px;
  z-index: 1;
  cursor: pointer;
  opacity: 1; }
  @media (min-width: 768px) {
    #image-modal .modal-img .close::before {
      position: absolute; } }
  @media (max-width: 767px) {
    #image-modal .modal-img .close::before {
      top: calc(3% - 1px);
      right: calc(0% - -13px); } }

/*# sourceMappingURL=main.css.map */

/* End */
/* /1c/otchetnost/instrukcii/shablony/../sass/main.css?173340455225353 */