/* Start:/bitrix/templates/teksika/components/bitrix/catalog.element/.default/style.css?177500487910431*/
@-webkit-keyframes status-blink {
	50% {
		opacity: .1;
	}
}
@keyframes status-blink {
	50% {
		opacity: .1;
	}
}

html body .off-canvas-wrapper .off-canvas-content main > section.content .element h2 i {
  font-weight: 400;
  color: gray;
  font-style: normal; }

html body .off-canvas-wrapper .off-canvas-content main > section.content .element .image {
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  margin-bottom: 1.625rem;
  width: 100%;
  height: 0;
  padding-bottom: 100%; }

html body .off-canvas-wrapper .off-canvas-content main > section.content .element .info {
  color: #8a8a8a; }

html body .off-canvas-wrapper .off-canvas-content main > section.content .element .sku,
html body .off-canvas-wrapper .off-canvas-content main > section.content .element .status {
  margin: 0; }

html body .off-canvas-wrapper .off-canvas-content main > section.content .element .status {
  position: relative;
  font-weight: 600; }
  html body .off-canvas-wrapper .off-canvas-content main > section.content .element .status.on-order::before, html body .off-canvas-wrapper .off-canvas-content main > section.content .element .status.on-check::before, html body .off-canvas-wrapper .off-canvas-content main > section.content .element .status.on-stock::before {
    font-weight: 400;
    -webkit-animation: status-blink 3s linear infinite;
            animation: status-blink 3s linear infinite;
    position: absolute;
    content: '\2022';
    left: -0.75rem; }
  html body .off-canvas-wrapper .off-canvas-content main > section.content .element .status.on-order {
    color: #662d91; }
  html body .off-canvas-wrapper .off-canvas-content main > section.content .element .status.on-check {
    color: #f7931e; }
  html body .off-canvas-wrapper .off-canvas-content main > section.content .element .status.on-stock {
    color: #8cc63f; }

html body .off-canvas-wrapper .off-canvas-content main > section.content .element .properties {
  margin-left: 0; }
  html body .off-canvas-wrapper .off-canvas-content main > section.content .element .properties li {
    list-style: none;
    color: #8a8a8a; }
    html body .off-canvas-wrapper .off-canvas-content main > section.content .element .properties li.title {
      font-weight: 600;
      color: #000000; }
    html body .off-canvas-wrapper .off-canvas-content main > section.content .element .properties li strong {
      color: #333333; }

html body .off-canvas-wrapper .off-canvas-content main > section.content .element .basket {
  background-color: #ffffff;
  border: 1px solid #cacaca;
  padding: 1.625rem;
  margin-bottom: 3.25rem; }
  html body .off-canvas-wrapper .off-canvas-content main > section.content .element .basket .info {
    margin-bottom: 0; }
  html body .off-canvas-wrapper .off-canvas-content main > section.content .element .basket form {
    margin-bottom: 0; }
    html body .off-canvas-wrapper .off-canvas-content main > section.content .element .basket form label[for='quantity_calculation'] {
      line-height: 1.5;
      background-color: #e6e6e6;
      text-align: center;
      margin-top: 0.8125rem;
      padding: 0.40625rem; }
    html body .off-canvas-wrapper .off-canvas-content main > section.content .element .basket form input[name='quantity_calculation_length'] {
      text-align: center;
      margin-bottom: 0;
      height: 3.25rem; }
    html body .off-canvas-wrapper .off-canvas-content main > section.content .element .basket form.is-calculation {
      position: relative; }
      html body .off-canvas-wrapper .off-canvas-content main > section.content .element .basket form.is-calculation:after {
        -webkit-backdrop-filter: blur(3px);
                backdrop-filter: blur(3px);
        background-image: url("/bitrix/templates/teksika/assets/img/loader.svg");
        background-position: center center;
        background-color: rgba(255, 255, 255, 0.3);
        position: absolute;
        display: block;
        top: -0.8125rem;
        right: -0.8125rem;
        bottom: -0.8125rem;
        left: -0.8125rem;
        content: ''; }
  html body .off-canvas-wrapper .off-canvas-content main > section.content .element .basket .price .price-zero {
    font-weight: 600;
    padding: 0 0.40625rem;
    background-color: #fff2f2;
    color: #ff0000;
    display: inline-block;
  }
  html body .off-canvas-wrapper .off-canvas-content main > section.content .element .basket .price .price-lower,
  html body .off-canvas-wrapper .off-canvas-content main > section.content .element .basket .price .price-full {
    font-size: 1.625rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0.5rem; }
  html body .off-canvas-wrapper .off-canvas-content main > section.content .element .basket .price .price-lower {
    color: #f2590d; }
  html body .off-canvas-wrapper .off-canvas-content main > section.content .element .basket .price .price-full {
    color: #000000; }
  html body .off-canvas-wrapper .off-canvas-content main > section.content .element .basket .price .price-lower + .price-full {
    font-size: 1rem;
    line-height: 1.625;
    font-weight: 500;
    color: #000000;
    text-decoration: line-through; }
    html body .off-canvas-wrapper .off-canvas-content main > section.content .element .basket .price .price-lower + .price-full::before, html body .off-canvas-wrapper .off-canvas-content main > section.content .element .basket .price .price-lower + .price-full::after {
      content: '\0020\0020';
      white-space: pre; }
  html body .off-canvas-wrapper .off-canvas-content main > section.content .element .basket .price .length-roll {
    color: #8a8a8a; }
  html body .off-canvas-wrapper .off-canvas-content main > section.content .element .basket .button {
    white-space: nowrap;
    line-height: 1.625;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem; }

html body .off-canvas-wrapper .off-canvas-content main > section.content .element .information-x,
html body .off-canvas-wrapper .off-canvas-content main > section.content .element .information-y {
  background-color: #f2f5fe; }
  html body .off-canvas-wrapper .off-canvas-content main > section.content .element .information-x .information-item,
  html body .off-canvas-wrapper .off-canvas-content main > section.content .element .information-y .information-item {
    padding: 1.625rem; }
    html body .off-canvas-wrapper .off-canvas-content main > section.content .element .information-x .information-item .information-item-title,
    html body .off-canvas-wrapper .off-canvas-content main > section.content .element .information-y .information-item .information-item-title {
      font-weight: 700;
      margin-bottom: 0.8125rem; }
      html body .off-canvas-wrapper .off-canvas-content main > section.content .element .information-x .information-item .information-item-title .tk:after,
      html body .off-canvas-wrapper .off-canvas-content main > section.content .element .information-y .information-item .information-item-title .tk:after {
        color: #f2590d !important; }
    html body .off-canvas-wrapper .off-canvas-content main > section.content .element .information-x .information-item .information-item-text,
    html body .off-canvas-wrapper .off-canvas-content main > section.content .element .information-y .information-item .information-item-text {
      font-size: .8125rem;
      line-height: 1; }
      html body .off-canvas-wrapper .off-canvas-content main > section.content .element .information-x .information-item .information-item-text:not(:last-child),
      html body .off-canvas-wrapper .off-canvas-content main > section.content .element .information-y .information-item .information-item-text:not(:last-child) {
        margin-bottom: 0.8125rem; }

html body .off-canvas-wrapper .off-canvas-content main > section.content .element .information-x {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  html body .off-canvas-wrapper .off-canvas-content main > section.content .element .information-x .information-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    min-height: 0;
    min-width: 0;
    width: 100%; }
    @media print, screen and (min-width: 48em) {
      html body .off-canvas-wrapper .off-canvas-content main > section.content .element .information-x .information-item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 50%; } }
    @media print, screen and (min-width: 62em) {
      html body .off-canvas-wrapper .off-canvas-content main > section.content .element .information-x .information-item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 25%; } }

html body .off-canvas-wrapper .off-canvas-content main > section.content .element .information-x .information-item {
  position: relative; }
  html body .off-canvas-wrapper .off-canvas-content main > section.content .element .information-x .information-item:not(:last-child):after {
    background-color: #ffffff;
    position: absolute;
    min-width: 100%;
    min-height: 2px;
    bottom: -1px;
    content: '';
    height: 2px;
    left: 0; }
  @media print, screen and (min-width: 48em) and (max-width: 61.99875em) {
    html body .off-canvas-wrapper .off-canvas-content main > section.content .element .information-x .information-item:nth-child(odd):before {
      background-color: #ffffff;
      position: absolute;
      min-height: 100%;
      min-width: 2px;
      bottom: auto;
      right: -1px;
      content: '';
      left: auto;
      width: 2px;
      top: 0; } }
  @media print, screen and (min-width: 62em) {
    html body .off-canvas-wrapper .off-canvas-content main > section.content .element .information-x .information-item:not(:last-child):after {
      min-height: 100%;
      min-width: 2px;
      bottom: auto;
      right: -1px;
      left: auto;
      width: 2px;
      top: 0; } }

html body .off-canvas-wrapper .off-canvas-content main > section.content .element .information-y .information-item:not(:last-child) {
  border-bottom: 2px solid #ffffff; }

/* End */
/* /bitrix/templates/teksika/components/bitrix/catalog.element/.default/style.css?177500487910431 */