/* Start:/local/templates/avtomoicom-media_v2/css/main_f1733fd2350a5318bf49.min.css?1755626656119378*/
.frlgIB2Yh5RYE07sIK_Z {
  align-items: center;
  background-color: hsla(0, 0%, 80%, .5);
  border: none;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  bottom: 20px;
  cursor: pointer;
  display: flex;
  height: 50px;
  justify-content: center;
  position: fixed;
  right: 20px;
  transition: background-color .3s ease;
  width: 60px
}

.frlgIB2Yh5RYE07sIK_Z:before {
  color: #fff;
  content: "\f286";
  font-family: bootstrap-icons;
  font-size: 30px
}

.frlgIB2Yh5RYE07sIK_Z.O3bXnm6HeQCGCxAhXuZL {
  display: none
}

@media (hover:hover) and (pointer:fine) {
  .frlgIB2Yh5RYE07sIK_Z:hover {
    background-color: #b00
  }
}

.feXuOpRsDt2RmlIKjY9P {
  background-color: #0076d4;
  border: none;
  border-radius: 7px;
  color: #eee;
  cursor: pointer;
  display: block;
  font-size: 18px;
  margin: 0 auto;
  padding: 12px 18px;
  transition: all .3s ease
}

.feXuOpRsDt2RmlIKjY9P:hover {
  background-color: #b00
}

.feXuOpRsDt2RmlIKjY9P:active {
  transform: scale(.95)
}

.feXuOpRsDt2RmlIKjY9P.YK9_rIUkF1_cRZAUZdEt {
  background-color: #ccc;
  cursor: default;
  transform: none
}

.SBn9iiyC5M8OzhKuI2dx {
  border: none;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  padding: 5px 5px 3px;
  transition: all .3s ease
}

.SBn9iiyC5M8OzhKuI2dx:hover {
  background-color: #b00;
  color: #eee
}

.RLEm_CKjHGcSdwaabGZA {
  height: 20px;
  width: 20px
}

:root {
  --f-spinner-width: 36px;
  --f-spinner-height: 36px;
  --f-spinner-color-1: rgba(0, 0, 0, .1);
  --f-spinner-color-2: rgba(17, 24, 28, .8);
  --f-spinner-stroke: 2.75
}

.f-spinner {
  height: var(--f-spinner-height);
  margin: auto;
  padding: 0;
  width: var(--f-spinner-width)
}

.f-spinner svg {
  animation: f-spinner-rotate 2s linear infinite;
  height: 100%;
  vertical-align: top;
  width: 100%
}

.f-spinner svg * {
  stroke-width: var(--f-spinner-stroke);
  fill: none
}

.f-spinner svg :first-child {
  stroke: var(--f-spinner-color-1)
}

.f-spinner svg :last-child {
  stroke: var(--f-spinner-color-2);
  animation: f-spinner-dash 2s ease-in-out infinite
}

@keyframes f-spinner-rotate {
  to {
    transform: rotate(1turn)
  }
}

@keyframes f-spinner-dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35
  }

  to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124
  }
}

.f-throwOutUp {
  animation: var(--f-throw-out-duration, .175s) ease-out both f-throwOutUp
}

.f-throwOutDown {
  animation: var(--f-throw-out-duration, .175s) ease-out both f-throwOutDown
}

@keyframes f-throwOutUp {
  to {
    opacity: 0;
    transform: translate3d(0, calc(var(--f-throw-out-distance, 150px)*-1), 0)
  }
}

@keyframes f-throwOutDown {
  to {
    opacity: 0;
    transform: translate3d(0, var(--f-throw-out-distance, 150px), 0)
  }
}

.f-zoomInUp {
  animation: var(--f-transition-duration, .2s) ease .1s both f-zoomInUp
}

.f-zoomOutDown {
  animation: var(--f-transition-duration, .2s) ease both f-zoomOutDown
}

@keyframes f-zoomInUp {
  0% {
    opacity: 0;
    transform: scale(.975) translate3d(0, 16px, 0)
  }

  to {
    opacity: 1;
    transform: scale(1) translateZ(0)
  }
}

@keyframes f-zoomOutDown {
  to {
    opacity: 0;
    transform: scale(.975) translate3d(0, 16px, 0)
  }
}

.f-fadeIn {
  animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
  z-index: 2
}

.f-fadeOut {
  animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
  z-index: 1
}

@keyframes f-fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes f-fadeOut {
  to {
    opacity: 0
  }
}

.f-fadeFastIn {
  animation: var(--f-transition-duration, .2s) ease-out both f-fadeFastIn;
  z-index: 2
}

.f-fadeFastOut {
  animation: var(--f-transition-duration, .1s) ease-out both f-fadeFastOut;
  z-index: 2
}

@keyframes f-fadeFastIn {
  0% {
    opacity: .75
  }

  to {
    opacity: 1
  }
}

@keyframes f-fadeFastOut {
  to {
    opacity: 0
  }
}

.f-fadeSlowIn {
  animation: var(--f-transition-duration, .5s) ease both f-fadeSlowIn;
  z-index: 2
}

.f-fadeSlowOut {
  animation: var(--f-transition-duration, .5s) ease both f-fadeSlowOut;
  z-index: 1
}

@keyframes f-fadeSlowIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes f-fadeSlowOut {
  to {
    opacity: 0
  }
}

.f-crossfadeIn {
  animation: var(--f-transition-duration, .2s) ease-out both f-crossfadeIn;
  z-index: 2
}

.f-crossfadeOut {
  animation: calc(var(--f-transition-duration, .2s)*.5) linear .1s both f-crossfadeOut;
  z-index: 1
}

@keyframes f-crossfadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes f-crossfadeOut {
  to {
    opacity: 0
  }
}

.f-slideIn.from-next {
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInNext
}

.f-slideIn.from-prev {
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInPrev
}

.f-slideOut.to-next {
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutNext
}

.f-slideOut.to-prev {
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutPrev
}

@keyframes f-slideInPrev {
  0% {
    transform: translateX(100%)
  }

  to {
    transform: translateZ(0)
  }
}

@keyframes f-slideInNext {
  0% {
    transform: translateX(-100%)
  }

  to {
    transform: translateZ(0)
  }
}

@keyframes f-slideOutNext {
  to {
    transform: translateX(-100%)
  }
}

@keyframes f-slideOutPrev {
  to {
    transform: translateX(100%)
  }
}

.f-classicIn.from-next {
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInNext;
  z-index: 2
}

.f-classicIn.from-prev {
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInPrev;
  z-index: 2
}

.f-classicOut.to-next {
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutNext;
  z-index: 1
}

.f-classicOut.to-prev {
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutPrev;
  z-index: 1
}

@keyframes f-classicInNext {
  0% {
    opacity: 0;
    transform: translateX(-75px)
  }

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

@keyframes f-classicInPrev {
  0% {
    opacity: 0;
    transform: translateX(75px)
  }

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

@keyframes f-classicOutNext {
  to {
    opacity: 0;
    transform: translateX(-75px)
  }
}

@keyframes f-classicOutPrev {
  to {
    opacity: 0;
    transform: translateX(75px)
  }
}

:root {
  --f-button-width: 40px;
  --f-button-height: 40px;
  --f-button-border: 0;
  --f-button-border-radius: 0;
  --f-button-color: #374151;
  --f-button-bg: #f8f8f8;
  --f-button-hover-bg: #e0e0e0;
  --f-button-active-bg: #d0d0d0;
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 20px;
  --f-button-svg-height: 20px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: none;
  --f-button-svg-disabled-opacity: 0.65
}

.f-button {
  align-items: center;
  background: var(--f-button-bg);
  border: var(--f-button-border);
  border-radius: var(--f-button-border-radius);
  box-shadow: var(--f-button-shadow);
  box-sizing: content-box;
  color: var(--f-button-color);
  cursor: pointer;
  display: flex;
  height: var(--f-button-height);
  justify-content: center;
  margin: 0;
  padding: 0;
  pointer-events: all;
  position: relative;
  transition: var(--f-button-transition);
  width: var(--f-button-width)
}

@media(hover:hover) {
  .f-button:hover:not([disabled]) {
    background-color: var(--f-button-hover-bg);
    color: var(--f-button-hover-color)
  }
}

.f-button:active:not([disabled]) {
  background-color: var(--f-button-active-bg)
}

.f-button:focus:not(:focus-visible) {
  outline: none
}

.f-button:focus-visible {
  box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color));
  outline: none
}

.f-button svg {
  height: var(--f-button-svg-height);
  width: var(--f-button-svg-width);
  fill: var(--f-button-svg-fill);
  stroke: currentColor;
  stroke-width: var(--f-button-svg-stroke-width);
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: var(--f-button-svg-filter);
  pointer-events: none;
  transform: var(--f-button-transform);
  transition: opacity .15s ease
}

.f-button[disabled] {
  cursor: default
}

.f-button[disabled] svg {
  opacity: var(--f-button-svg-disabled-opacity)
}

.f-carousel__nav .f-button.is-next,
.f-carousel__nav .f-button.is-prev,
.fancybox__nav .f-button.is-next,
.fancybox__nav .f-button.is-prev {
  position: absolute;
  z-index: 1
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-prev {
  top: 50%;
  transform: translateY(-50%)
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-prev {
  left: var(--f-button-prev-pos)
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-next {
  right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
  left: auto;
  right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
  left: var(--f-button-prev-pos);
  right: auto
}

.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-prev {
  left: 50%;
  top: auto;
  transform: translateX(-50%)
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-prev {
  top: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-next {
  bottom: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next svg,
.is-vertical .f-carousel__nav .f-button.is-prev svg,
.is-vertical .fancybox__nav .f-button.is-next svg,
.is-vertical .fancybox__nav .f-button.is-prev svg {
  transform: rotate(90deg)
}

.f-carousel__nav .f-button:disabled,
.fancybox__nav .f-button:disabled {
  pointer-events: none
}

html.with-fancybox {
  overflow: visible;
  scroll-behavior: auto;
  width: auto
}

html.with-fancybox body {
  touch-action: none
}

html.with-fancybox body.hide-scrollbar {
  margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
  overflow: hidden !important;
  overscroll-behavior-y: none;
  width: auto
}

.fancybox__container {
  --fancybox-color: #dbdbdb;
  --fancybox-hover-color: #fff;
  --fancybox-bg: rgba(24, 24, 27, .98);
  --fancybox-slide-gap: 10px;
  --f-spinner-width: 50px;
  --f-spinner-height: 50px;
  --f-spinner-color-1: hsla(0, 0%, 100%, .1);
  --f-spinner-color-2: #bbb;
  --f-spinner-stroke: 3.65;
  bottom: 0;
  box-sizing: border-box;
  color: #f8f8f8;
  direction: ltr;
  display: flex;
  flex-direction: column;
  left: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
  overflow: visible;
  transform-origin: top left;
  z-index: var(--fancybox-zIndex, 1050);
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: none;
  text-size-adjust: 100%;
  overscroll-behavior-y: contain
}

.fancybox__container *,
.fancybox__container :after,
.fancybox__container :before {
  box-sizing: inherit
}

.fancybox__container::backdrop {
  background-color: transparent
}

.fancybox__backdrop {
  background: var(--fancybox-bg);
  bottom: 0;
  left: 0;
  opacity: var(--fancybox-opacity, 1);
  position: fixed;
  right: 0;
  top: 0;
  will-change: opacity;
  z-index: -1
}

.fancybox__carousel {
  box-sizing: border-box;
  flex: 1;
  min-height: 0;
  overflow-x: clip;
  overflow-y: visible;
  position: relative;
  z-index: 10
}

.fancybox__viewport {
  height: 100%;
  width: 100%
}

.fancybox__viewport.is-draggable {
  cursor: move;
  cursor: grab
}

.fancybox__viewport.is-dragging {
  cursor: move;
  cursor: grabbing
}

.fancybox__track {
  display: flex;
  height: 100%;
  margin: 0 auto
}

.fancybox__slide {
  align-items: center;
  backface-visibility: hidden;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  height: 100%;
  margin: 0 var(--fancybox-slide-gap) 0 0;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 4px;
  position: relative;
  transform: translateZ(0);
  width: 100%
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
  padding-top: 40px
}

.fancybox__slide.has-html5video,
.fancybox__slide.has-iframe,
.fancybox__slide.has-image,
.fancybox__slide.has-video {
  overflow: hidden
}

.fancybox__slide.has-image.is-animating,
.fancybox__slide.has-image.is-selected {
  overflow: visible
}

.fancybox__slide:after,
.fancybox__slide:before {
  content: "";
  flex: 0 0 0;
  margin: auto
}

.fancybox__backdrop:empty,
.fancybox__slide:empty,
.fancybox__track:empty,
.fancybox__viewport:empty {
  display: block
}

.fancybox__content {
  align-self: center;
  background: var(--fancybox-content-bg, #fff);
  border-radius: 0;
  color: var(--fancybox-content-color, #374151);
  cursor: default;
  display: flex;
  flex-direction: column;
  margin: 0;
  max-width: 100%;
  padding: 2rem;
  position: relative;
  z-index: 20
}

.is-loading .fancybox__content {
  opacity: 0
}

.is-draggable .fancybox__content {
  cursor: move;
  cursor: grab
}

.can-zoom_in .fancybox__content {
  cursor: zoom-in
}

.can-zoom_out .fancybox__content {
  cursor: zoom-out
}

.is-dragging .fancybox__content {
  cursor: move;
  cursor: grabbing
}

.fancybox__content [contenteditable],
.fancybox__content [data-selectable] {
  cursor: auto
}

.fancybox__slide.has-image>.fancybox__content {
  backface-visibility: hidden;
  background: transparent;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 1px;
  padding: 0;
  transform: translateZ(0);
  transition: none
}

.fancybox__slide.has-image>.fancybox__content>picture>img {
  height: auto;
  max-height: 100%;
  width: 100%
}

.is-animating .fancybox__content,
.is-dragging .fancybox__content {
  will-change: transform, width, height
}

.fancybox-image {
  display: block;
  filter: blur(0);
  height: 100%;
  margin: auto;
  min-height: 0;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}

.fancybox__caption {
  align-self: center;
  color: var(--fancybox-color, currentColor);
  cursor: auto;
  flex-shrink: 0;
  line-height: 1.375;
  margin: 0;
  max-width: 100%;
  opacity: var(--fancybox-opacity, 1);
  overflow-wrap: anywhere;
  padding: 14px 0 4px;
  visibility: visible
}

.is-closing .fancybox__caption,
.is-loading .fancybox__caption {
  opacity: 0;
  visibility: hidden
}

.is-compact .fancybox__caption {
  padding-bottom: 0
}

.f-button.is-close-btn {
  --f-button-svg-stroke-width: 2;
  position: absolute;
  right: 8px;
  top: 0;
  z-index: 40
}

.fancybox__content>.f-button.is-close-btn {
  --f-button-width: 34px;
  --f-button-height: 34px;
  --f-button-border-radius: 4px;
  --f-button-color: var(--fancybox-color, #fff);
  --f-button-hover-color: var(--fancybox-color, #fff);
  --f-button-bg: transparent;
  --f-button-hover-bg: transparent;
  --f-button-active-bg: transparent;
  --f-button-svg-width: 22px;
  --f-button-svg-height: 22px;
  opacity: .75;
  position: absolute;
  right: 0;
  top: -38px
}

.is-loading .fancybox__content>.f-button.is-close-btn,
.is-zooming-out .fancybox__content>.f-button.is-close-btn {
  visibility: hidden
}

.fancybox__content>.f-button.is-close-btn:hover {
  opacity: 1
}

.fancybox__footer {
  margin: 0;
  padding: 0;
  position: relative
}

.fancybox__footer .fancybox__caption {
  opacity: var(--fancybox-opacity, 1);
  padding: 24px;
  transition: all .25s ease;
  width: 100%
}

.is-compact .fancybox__footer {
  background: rgba(24, 24, 27, .5);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 20
}

.is-compact .fancybox__footer .fancybox__caption {
  padding: 12px
}

.is-compact .fancybox__content>.f-button.is-close-btn {
  --f-button-border-radius: 50%;
  --f-button-color: #fff;
  --f-button-hover-color: #fff;
  --f-button-outline-color: #000;
  --f-button-bg: rgba(0, 0, 0, .6);
  --f-button-active-bg: rgba(0, 0, 0, .6);
  --f-button-hover-bg: rgba(0, 0, 0, .6);
  --f-button-svg-width: 18px;
  --f-button-svg-height: 18px;
  --f-button-svg-filter: none;
  right: 5px;
  top: 5px
}

.fancybox__nav {
  --f-button-width: 50px;
  --f-button-height: 50px;
  --f-button-border: 0;
  --f-button-border-radius: 50%;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: transparent;
  --f-button-hover-bg: rgba(24, 24, 27, .3);
  --f-button-active-bg: rgba(24, 24, 27, .5);
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 26px;
  --f-button-svg-height: 26px;
  --f-button-svg-stroke-width: 2.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .5));
  --f-button-svg-disabled-opacity: 0.65;
  --f-button-next-pos: 1rem;
  --f-button-prev-pos: 1rem;
  opacity: var(--fancybox-opacity, 1)
}

.fancybox__nav .f-button:before {
  bottom: -30px;
  content: "";
  left: -20px;
  position: absolute;
  right: -20px;
  top: -30px;
  z-index: 1
}

.is-idle .fancybox__nav,
.is-idle.is-compact .fancybox__footer {
  animation: f-fadeOut .15s ease-out both
}

.is-idle.is-compact .fancybox__footer {
  pointer-events: none
}

.fancybox__slide>.f-spinner {
  cursor: pointer;
  left: 50%;
  margin: var(--f-spinner-top, calc(var(--f-spinner-width)*-.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height)*-.5));
  position: absolute;
  top: 50%;
  z-index: 30
}

.fancybox-protected {
  bottom: 0;
  right: 0
}

.fancybox-ghost,
.fancybox-protected {
  left: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 40
}

.fancybox-ghost {
  height: 100%;
  min-height: 0;
  -o-object-fit: contain;
  object-fit: contain;
  pointer-events: none;
  width: 100%
}

.fancybox-focus-guard {
  opacity: 0;
  outline: none;
  pointer-events: none;
  position: fixed
}

.fancybox__container:not([aria-hidden]) {
  opacity: 0
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>:not(.fancybox__content),
.fancybox__container.is-animated[aria-hidden=false]>:not(.fancybox__backdrop, .fancybox__carousel) {
  animation: var(--f-interface-enter-duration, .25s) ease .1s backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
  animation: var(--f-backdrop-enter-duration, .35s) ease backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>:not(.fancybox__content),
.fancybox__container.is-animated[aria-hidden=true]>:not(.fancybox__backdrop, .fancybox__carousel) {
  animation: var(--f-interface-exit-duration, .15s) ease forwards f-fadeOut
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
  animation: var(--f-backdrop-exit-duration, .35s) ease forwards f-fadeOut
}

.has-html5video .fancybox__content,
.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-vimeo .fancybox__content,
.has-youtube .fancybox__content {
  flex-shrink: 1;
  max-width: 100%;
  min-height: 1px;
  overflow: visible
}

.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content {
  height: 90%;
  width: calc(100% - 120px)
}

.fancybox__container.is-compact .has-iframe .fancybox__content,
.fancybox__container.is-compact .has-map .fancybox__content,
.fancybox__container.is-compact .has-pdf .fancybox__content {
  height: 100%;
  width: 100%
}

.has-html5video .fancybox__content,
.has-vimeo .fancybox__content,
.has-youtube .fancybox__content {
  height: 540px;
  max-height: 100%;
  max-width: 100%;
  width: 960px
}

.has-html5video .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-vimeo .fancybox__content,
.has-youtube .fancybox__content {
  background: rgba(24, 24, 27, .9);
  color: #fff;
  padding: 0
}

.has-map .fancybox__content {
  background: #e5e3df
}

.fancybox__html5video,
.fancybox__iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  width: 100%
}

.fancybox-placeholder {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important
}

.f-carousel__thumbs {
  --f-thumb-width: 96px;
  --f-thumb-height: 72px;
  --f-thumb-outline: 0;
  --f-thumb-outline-color: #5eb0ef;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1;
  --f-thumb-border-radius: 2px;
  --f-thumb-offset: 0px;
  --f-button-next-pos: 0;
  --f-button-prev-pos: 0
}

.f-carousel__thumbs.is-classic {
  --f-thumb-gap: 8px;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1
}

.f-carousel__thumbs.is-modern {
  --f-thumb-gap: 4px;
  --f-thumb-extra-gap: 16px;
  --f-thumb-clip-width: 46px
}

.f-thumbs {
  flex: 0 0 auto;
  margin: 0;
  overflow: hidden;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  perspective: 1000px;
  transform: translateZ(0);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.f-thumbs .f-spinner {
  background-image: linear-gradient(#ebeff2, #e2e8f0);
  border-radius: 2px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}

.f-thumbs .f-spinner svg {
  display: none
}

.f-thumbs.is-vertical {
  height: 100%
}

.f-thumbs__viewport {
  height: auto;
  overflow: hidden;
  transform: translateZ(0);
  width: 100%
}

.f-thumbs__track {
  display: flex
}

.f-thumbs__slide {
  align-items: center;
  box-sizing: content-box;
  cursor: pointer;
  display: flex;
  flex: 0 0 auto;
  height: var(--f-thumb-height);
  justify-content: center;
  margin: 0;
  overflow: visible;
  padding: 0;
  position: relative;
  width: var(--f-thumb-width)
}

.f-thumbs__slide.is-loading img {
  opacity: 0
}

.is-classic .f-thumbs__viewport {
  height: 100%
}

.is-modern .f-thumbs__track {
  width: -moz-max-content;
  width: max-content
}

.is-modern .f-thumbs__track:before {
  bottom: 0;
  content: "";
  cursor: pointer;
  left: calc((var(--f-thumb-clip-width, 0))*-.5);
  position: absolute;
  top: 0;
  width: calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0))
}

.is-modern .f-thumbs__slide {
  pointer-events: none;
  transform: translate3d(calc(var(--shift, 0)*-1px), 0, 0);
  transition: none;
  width: var(--f-thumb-clip-width)
}

.is-modern.is-resting .f-thumbs__slide {
  transition: transform .33s ease
}

.is-modern.is-resting .f-thumbs__slide__button {
  transition: clip-path .33s ease
}

.is-using-tab .is-modern .f-thumbs__slide:focus-within {
  filter: drop-shadow(-1px 0 0 var(--f-thumb-outline-color)) drop-shadow(2px 0 0 var(--f-thumb-outline-color)) drop-shadow(0 -1px 0 var(--f-thumb-outline-color)) drop-shadow(0 2px 0 var(--f-thumb-outline-color))
}

.f-thumbs__slide__button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: var(--f-thumb-border-radius);
  cursor: pointer;
  height: 100%;
  margin: 0 -100%;
  opacity: var(--f-thumb-opacity);
  outline: none;
  overflow: hidden;
  padding: 0;
  pointer-events: auto;
  position: relative;
  touch-action: manipulation;
  transition: opacity .2s ease;
  width: var(--f-thumb-width)
}

.f-thumbs__slide__button:hover {
  opacity: var(--f-thumb-hover-opacity)
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
  outline: none
}

.f-thumbs__slide__button:focus-visible {
  opacity: var(--f-thumb-selected-opacity);
  outline: none
}

.is-modern .f-thumbs__slide__button {
  --clip-path: inset(0 calc((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))*(1 - var(--progress, 0))*0.5) round var(--f-thumb-border-radius, 0));
  clip-path: var(--clip-path)
}

.is-classic .is-nav-selected .f-thumbs__slide__button {
  opacity: var(--f-thumb-selected-opacity)
}

.is-classic .is-nav-selected .f-thumbs__slide__button:after {
  animation: f-fadeIn .2s ease-out;
  border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
  content: "";
  height: auto;
  z-index: 10
}

.f-thumbs__slide__img,
.is-classic .is-nav-selected .f-thumbs__slide__button:after {
  border-radius: var(--f-thumb-border-radius);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.f-thumbs__slide__img {
  box-sizing: border-box;
  height: 100%;
  margin: 0;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  padding: var(--f-thumb-offset);
  pointer-events: none;
  width: 100%
}

.f-thumbs.is-horizontal .f-thumbs__track {
  padding: 8px 0 12px
}

.f-thumbs.is-horizontal .f-thumbs__slide {
  margin: 0 var(--f-thumb-gap) 0 0
}

.f-thumbs.is-vertical .f-thumbs__track {
  flex-wrap: wrap;
  padding: 0 8px
}

.f-thumbs.is-vertical .f-thumbs__slide {
  margin: 0 0 var(--f-thumb-gap) 0
}

.fancybox__thumbs {
  --f-thumb-width: 96px;
  --f-thumb-height: 72px;
  --f-thumb-border-radius: 2px;
  --f-thumb-outline: 2px;
  --f-thumb-outline-color: #ededed;
  opacity: var(--fancybox-opacity, 1);
  position: relative;
  transition: max-height .35s cubic-bezier(.23, 1, .32, 1)
}

.fancybox__thumbs.is-classic {
  --f-thumb-gap: 8px;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-classic .f-spinner {
  background-image: linear-gradient(hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .05))
}

.fancybox__thumbs.is-modern {
  --f-thumb-gap: 4px;
  --f-thumb-extra-gap: 16px;
  --f-thumb-clip-width: 46px;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-modern .f-spinner {
  background-image: linear-gradient(hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .05))
}

.fancybox__thumbs.is-horizontal {
  padding: 0 var(--f-thumb-gap)
}

.fancybox__thumbs.is-vertical {
  padding: var(--f-thumb-gap) 0
}

.is-compact .fancybox__thumbs {
  --f-thumb-width: 64px;
  --f-thumb-clip-width: 32px;
  --f-thumb-height: 48px;
  --f-thumb-extra-gap: 10px
}

.fancybox__thumbs.is-masked {
  max-height: 0 !important
}

.is-closing .fancybox__thumbs {
  transition: none !important
}

.fancybox__toolbar {
  --f-progress-color: var(--fancybox-color, hsla(0, 0%, 100%, .94));
  --f-button-width: 46px;
  --f-button-height: 46px;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: rgba(24, 24, 27, .65);
  --f-button-hover-bg: rgba(70, 70, 73, .65);
  --f-button-active-bg: rgba(90, 90, 93, .65);
  --f-button-border-radius: 0;
  --f-button-svg-width: 24px;
  --f-button-svg-height: 24px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .15));
  --f-button-svg-fill: none;
  --f-button-svg-disabled-opacity: 0.65;
  color: var(--fancybox-color, currentColor);
  display: flex;
  flex-direction: row;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI Adjusted, Segoe UI, Liberation Sans, sans-serif;
  justify-content: space-between;
  margin: 0;
  opacity: var(--fancybox-opacity, 1);
  padding: 0;
  pointer-events: none;
  text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, .5));
  z-index: 20
}

.fancybox__toolbar :focus-visible {
  z-index: 1
}

.fancybox__toolbar.is-absolute,
.is-compact .fancybox__toolbar {
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.is-idle .fancybox__toolbar {
  animation: f-fadeOut .15s ease-out both;
  pointer-events: none
}

.fancybox__toolbar__column {
  align-content: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap
}

.fancybox__toolbar__column.is-left,
.fancybox__toolbar__column.is-right {
  flex-basis: 0;
  flex-grow: 1
}

.fancybox__toolbar__column.is-right {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end
}

.fancybox__infobar {
  font-size: 17px;
  font-variant-numeric: tabular-nums;
  line-height: var(--f-button-height);
  padding: 0 5px;
  text-align: center;
  -webkit-font-smoothing: subpixel-antialiased;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.fancybox__infobar span {
  padding: 0 5px
}

.fancybox__infobar:not(:first-child):not(:last-child) {
  background: var(--f-button-bg)
}

[data-fancybox-toggle-slideshow] {
  position: relative
}

[data-fancybox-toggle-slideshow] .f-progress {
  height: 100%;
  opacity: .3
}

[data-fancybox-toggle-slideshow] svg g:first-child {
  display: flex
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child,
[data-fancybox-toggle-slideshow] svg g:last-child {
  display: none
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child,
[data-fancybox-toggle-fullscreen] svg g:first-child {
  display: flex
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
  display: none
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
  display: none
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
  display: flex
}

.f-progress {
  background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
  height: 3px;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 30
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

main {
  display: block
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

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

pre {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: transparent
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: bolder
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

img {
  border-style: none
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details {
  display: block
}

summary {
  display: list-item
}

[hidden],
template {
  display: none
}

* {
  box-sizing: border-box
}

button {
  background-color: transparent;
  background-position: 50%;
  background-repeat: no-repeat;
  color: inherit;
  font: inherit;
  padding: 0
}

:root {
  --orange-color: #f80;
  --p-link-color: #0076d4;
  --text-link-color: #0076d4;
  --text-link-hover-color: #b00;
  --inset-shadow: 0 0 24px 0 rgba(0, 0, 0, .2);
  --inset-bgcolor: #f6fdff;
  --inset-radius: 8px;
  --picture-radius: 12px;
  --cover-radius: 4px;
  --input-radius: 6px;
  --button-radius: 6px;
  --button-hover-bg-color: #b00;
  --error-color: red;
  --button-shadow: 0 0 20px 0 #ccc;
  --paper-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
  --header-bg-color: #0076d4;
  --main-bg-color: #f6ffec;
  --footer-bg-color: #2d2d2d;
  --gray-superlite: #eee;
  --gray-lite: #ccc;
  --gray-middle: #999;
  --gray-hard: #555;
  --link-hover: #b00;
  --submit-btn-color: #0076d4;
  --sumbmit-btn-hover: #006cc5;
  --forum-violet-middle: #57729c;
  --forum-violet-hard: #4e6a97;
  --radius-small: 5px;
  --radius-smalled: 7px;
  --radius-middle: 12px;
  --radius-large: 16px;
  --radius-verylarge: 18px
}

@font-face {
  font-display: block;
  font-family: bootstrap-icons;
  src: url(/local/templates/avtomoicom-media_v2/css/../fonts/bootstrap-icons_b7bcc075b395c14ce8c2.woff2) format("woff2"), url(/local/templates/avtomoicom-media_v2/css/../fonts/bootstrap-icons_39795c0b4513de014cf8.woff) format("woff")
}

@font-face {
  font-display: block;
  font-family: Boyarsky;
  src: url(/local/templates/avtomoicom-media_v2/css/../fonts/Boyarsky-Bold-Italic_dc63495f40354c97292d.ttf) format("truetype")
}

@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 100;
  src: url(/local/templates/avtomoicom-media_v2/css/../fonts/Roboto-Thin_a732a12eb07742232407.ttf) format("truetype")
}

@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: italic;
  font-weight: 100;
  src: url(/local/templates/avtomoicom-media_v2/css/../fonts/Roboto-ThinItalic_9d2ca34eae96e77c6eef.ttf) format("truetype")
}

@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  src: url(/local/templates/avtomoicom-media_v2/css/../fonts/Roboto-Light_333da16a3f3cc391d087.ttf) format("truetype")
}

@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: italic;
  font-weight: 300;
  src: url(/local/templates/avtomoicom-media_v2/css/../fonts/Roboto-LightItalic_c590382422f2742d788b.ttf) format("truetype")
}

@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: url(/local/templates/avtomoicom-media_v2/css/../fonts/Roboto-Regular_fc2b5060f7accec5cf74.ttf) format("truetype")
}

@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: italic;
  font-weight: 400;
  src: url(/local/templates/avtomoicom-media_v2/css/../fonts/Roboto-Italic_87f3afe16a8c3c370634.ttf) format("truetype")
}

@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  src: url(/local/templates/avtomoicom-media_v2/css/../fonts/Roboto-Medium_7c8d04cd831df3033c8a.ttf) format("truetype")
}

@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: italic;
  font-weight: 500;
  src: url(/local/templates/avtomoicom-media_v2/css/../fonts/Roboto-MediumItalic_82736aaa11c64709055f.ttf) format("truetype")
}

@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: url(/local/templates/avtomoicom-media_v2/css/../fonts/Roboto-Bold_f80816a5455d171f948d.ttf) format("truetype")
}

@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: italic;
  font-weight: 700;
  src: url(/local/templates/avtomoicom-media_v2/css/../fonts/Roboto-BoldItalic_87d61cea6fe1d235d4a8.ttf) format("truetype")
}

@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  src: url(/local/templates/avtomoicom-media_v2/css/../fonts/Roboto-Black_cf56c1b149d0a5e8d7c6.ttf) format("truetype")
}

@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: italic;
  font-weight: 900;
  src: url(/local/templates/avtomoicom-media_v2/css/../fonts/Roboto-BlackItalic_fd62a10743bd89a3d97c.ttf) format("truetype")
}

@charset "UTF-8";

/*!
 * Селекторы взяты из оригинального bootstrpap.css
 * https://getbootstrap.ru/docs/5.3/getting-started/download/
 * Игорь Палыч, 28.06.2024
 */
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(var(--bs-gutter-x)*.5);
  padding-right: calc(var(--bs-gutter-x)*.5);
  width: 100%
}

@media (min-width:576px) {

  .container,
  .container-sm {
    max-width: 540px
  }
}

@media (min-width:768px) {

  .container,
  .container-md,
  .container-sm {
    max-width: 720px
  }
}

@media (min-width:992px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px
  }
}

@media (min-width:1200px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px
  }
}

@media (min-width:1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px
  }
}

/*!
 * Иконки взяты из оригинального
 * Bootstrap Icons v1.11.3 (https://icons.getbootstrap.com/)
 * Игорь Палыч, 29.06.2024
 *
 */
.bi:before,
[class*=" bi-"]:before,
[class^=bi-]:before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400 !important;
  line-height: 1;
  text-transform: none;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.bi-chat-text:before {
  content: "\f267"
}

.bi-hand-thumbs-down-fill:before {
  content: "\f404"
}

.bi-hand-thumbs-up-fill:before {
  content: "\f406"
}

.bi-exclamation-triangle-fill:before {
  content: "\f33a"
}

.bi-x-lg:before {
  content: "\f659"
}

.bi-pencil-fill:before {
  content: "\f4c9"
}

.bi-pencil-square:before {
  content: "\f4ca"
}

.bi-pencil:before {
  content: "\f4cb"
}

.bi-hand-index-fill:before {
  content: "\f400"
}

.bi-bookmark-check-fill:before {
  content: "\f195"
}

.bi-bookmark:before {
  content: "\f1a2"
}

.bi-bookmark-fill:before {
  content: "\f199"
}

.bi-bell:before {
  content: "\f18a"
}

.bi-search:before {
  content: "\f52a"
}

.bi-zoom-in:before {
  content: "\f62c"
}

.bi-chevron-down:before {
  content: "\f282"
}

.bi-person-workspace:before {
  content: "\f67a"
}

.bi-box-arrow-right:before {
  content: "\f1c3"
}

.bi-person-circle:before {
  content: "\f4d7"
}

.bi-box-arrow-in-left:before {
  content: "\f1bd"
}

.bi-person-plus:before {
  content: "\f4dd"
}

.bi-clock:before {
  content: "\f293"
}

.bi-check-lg:before {
  content: "\f633"
}

.bi-star-fill:before {
  content: "\f586"
}

.bi-star:before {
  content: "\f588"
}

.bi-lock-fill:before {
  content: "\f47a"
}

.bi-download:before {
  content: "\f30a"
}

.bi-feather:before {
  content: "\f7bf"
}

.bi-box-arrow-up-right:before {
  content: "\f1c5"
}

.bi-arrow-left:before,
.bi-arrow-right:before {
  content: "\f12f"
}

.bi-arrow-right:before {
  content: "\f138"
}

.bi-quote:before {
  content: "\f6b0"
}

.bi-envelope-at:before {
  content: "\f84c"
}

.bi-play-circle:before {
  content: "\f4f3"
}

.bi-chevron-compact-up:before {
  content: "\f286"
}

.bi-book:before {
  content: "\f194"
}

.bi-headphones:before {
  content: "\f413"
}

.bi-dot:before {
  content: "\f309"
}

.page {
  background-color: #fafbfb;
  display: flex;
  flex-direction: column;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  min-height: 100svh;
  min-width: 320px;
  position: relative
}

.content {
  margin: 0 auto;
  width: 90%
}

@media screen and (max-width:991.98px) {
  .content {
    margin: 0;
    width: 100%
  }
}

.title {
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
  margin: 0
}

.title_loc_first-screen {
  font-size: 76px;
  font-weight: 500;
  line-height: 1.1;
  margin-bottom: 16px
}

@media screen and (max-width:1399.98px) {
  .title_loc_first-screen {
    font-size: 64px
  }
}

@media screen and (max-width:1199.98px) {
  .title_loc_first-screen {
    font-size: 56px
  }
}

@media screen and (max-width:991.98px) {
  .title_loc_first-screen {
    font-size: 40px
  }
}

@media screen and (max-width:767.98px) {
  .title_loc_first-screen {
    font-size: 36px
  }
}

@media screen and (max-width:575.98px) {
  .title_loc_first-screen {
    font-size: 34px;
    margin-bottom: 16px
  }
}

@media screen and (max-width:380px) {
  .title_loc_first-screen {
    font-size: 28px
  }
}

.title_loc_detail-news {
  font-size: 36px;
  margin-bottom: 0
}

@media screen and (max-width:1023px) {
  .title_loc_detail-news {
    font-size: 32px
  }
}

@media screen and (max-width:425px) {
  .title_loc_detail-news {
    font-size: 28px
  }
}

.title_loc_part {
  font-size: 40px;
  margin-bottom: 0
}

.logo {
  height: 40px;
  width: 40px
}

.link {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  text-decoration: none;
  transition: color .3s ease
}

.link:hover {
  color: #b00
}

.link-action {
  color: #0076d4;
  display: inline-block;
  font-size: 18px;
  text-decoration: none;
  transition: color .3s ease;
  white-space: nowrap
}

.link-action:hover {
  color: var(--text-link-hover-color)
}

.image {
  border: none;
  display: block;
  width: 100%
}

.input {
  border: 1px solid #ccc;
  border-radius: 5px;
  font-family: inherit;
  font-size: 18px;
  font-weight: inherit;
  height: 46px;
  padding: 0 44px 0 16px
}

.input::-moz-placeholder {
  color: #ccc;
  font-size: 14px
}

.input::placeholder {
  color: #ccc;
  font-size: 14px
}

.input:focus {
  border: 1px solid #777;
  outline: none
}

.button {
  background-color: #0076d4;
  border: none;
  border-radius: 7px;
  color: #eee;
  cursor: pointer;
  display: block;
  font-size: 16px;
  padding: 12px 18px;
  transition: all .3s ease
}

.button:hover {
  background-color: #b00
}

.button:active {
  transform: scale(.95)
}

.button.disabled {
  background-color: #ccc;
  cursor: default;
  transform: none
}

.header__lb-box {
  align-items: center;
  -moz-column-gap: 10px;
  column-gap: 10px;
  display: flex
}

.header__container {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: space-between;
  margin: 0 auto
}

.header__menu-parts {
  height: 100%
}

.header {
  background-color: #0076d4;
  box-shadow: var(--paper-shadow);
  height: 50px;
  left: 0;
  padding: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999
}

.main__header {
  margin-bottom: 30px
}

.main__main {
  margin-bottom: 48px
}

.main__section {
  margin-bottom: 48px
}

.main__section-title {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 16px
}

@media screen and (max-width:991.95px) {
  .main__section-title {
    text-align: center
  }
}

.main {
  margin-bottom: 30px
}

.main-section {
  margin-bottom: 48px
}

.main-section:last-of-type {
  margin-bottom: 0
}

.main-section_theme_orange {
  background-color: var(--orange-color)
}

.footer__container {
  margin: 0 auto;
  width: 90%
}

@media screen and (max-width:991.98px) {
  .footer__container {
    max-width: 500px
  }
}

.footer__navigation {
  display: grid;
  gap: 40px;
  grid-template-areas: "legal parts social contacts";
  grid-template-columns: repeat(4 1fr);
  grid-template-rows: auto;
  justify-content: space-between;
  margin-bottom: 40px
}

@media screen and (max-width:991.98px) {
  .footer__navigation {
    gap: 40px 80px;
    grid-template-areas: "parts social" "legal contacts";
    grid-template-columns: repeat(2 1fr)
  }
}

@media screen and (max-width:575.98px) {
  .footer__navigation {
    display: flex;
    flex-direction: column;
    gap: 40px 0
  }
}

.footer__column.parts {
  grid-area: parts
}

.footer__column.social {
  grid-area: social
}

.footer__column.legal {
  grid-area: legal
}

.footer__column.contacts {
  grid-area: contacts
}

.footer__brand {
  border-top: 2px solid #ccc;
  padding-top: 40px
}

.footer {
  background-color: #2d2d2d;
  margin-top: auto;
  padding: 40px 0
}

#burger__toggle {
  left: -100px;
  opacity: 0;
  position: absolute
}

#burger__toggle:checked~.burger__btn>span {
  position: fixed;
  transform: rotate(45deg)
}

#burger__toggle:checked~.burger__btn>span:before {
  background-color: #b00;
  top: 0;
  transform: rotate(0)
}

#burger__toggle:checked~.burger__btn>span:after {
  background-color: #b00;
  top: 0;
  transform: rotate(90deg)
}

#burger__toggle:checked~.burger__box {
  left: 0;
  visibility: visible
}

.burger__btn {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 25px;
  position: relative;
  width: 25px;
  z-index: 10
}

.burger__btn>span,
.burger__btn>span:after,
.burger__btn>span:before {
  background-color: #fff;
  display: block;
  height: 1px;
  position: absolute;
  transition-duration: .25s
}

.burger__btn>span {
  width: 20px
}

.burger__btn>span:before {
  content: "";
  top: -8px;
  width: 23px
}

.burger__btn>span:after {
  content: "";
  top: 8px;
  width: 23px
}

@media screen and (max-width:767px) {
  .burger__btn {
    height: 22px;
    width: 22px
  }

  .burger__btn>span {
    width: 18px
  }

  .burger__btn>span:after,
  .burger__btn>span:before {
    width: 22px
  }
}

.burger__box {
  background-color: #f5f5f5;
  box-shadow: 2px 0 40px rgba(0, 0, 0, .4);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100vh;
  left: -100%;
  min-height: 450px;
  padding: 49px 0;
  position: fixed;
  top: 0;
  transition-duration: .25s;
  width: 80%;
  z-index: 9
}

.burger__menu-container {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 8px 0
}

.burger__menu-list {
  list-style-type: none;
  margin: 0;
  padding: 0
}

.burger__menu-link {
  color: #0076d4;
  display: block;
  font-size: 16px;
  padding: 12px 16px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all .2s ease
}

.burger__menu-link:hover {
  background-color: #b00;
  color: #fff
}

.burger__social-container {
  padding: 20px 0
}

.burger__social-title {
  color: grey;
  font-size: 18px;
  font-weight: 400;
  margin: 0 0 16px;
  text-align: center
}

.burger__social-list {
  -moz-column-gap: 20px;
  column-gap: 20px;
  display: flex;
  justify-content: center;
  list-style-type: none;
  margin: 0;
  padding: 0
}

.burger__social-icon {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 70px 70px;
  display: inline-block;
  height: 70px;
  transition: transform .2s ease;
  width: 70px
}

.burger__social-icon:hover {
  transform: scale(1.01)
}

.burger__social-icon.vkontakte {
  background-image: url(/local/templates/avtomoicom-media_v2/css/../images/vkontakte-color_18b6bab0247f30cf49f6.svg)
}

.burger__social-icon.telegram {
  background-image: url(/local/templates/avtomoicom-media_v2/css/../images/telegram-color_7fc7606a0bb787f0b547.svg)
}

.burger__copyright {
  color: grey;
  display: block;
  font-size: 12px;
  margin-top: auto;
  text-align: center
}

.burger {
  display: none;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  line-height: 1
}

@media screen and (max-width:767px) {
  .burger {
    display: block
  }
}

.brand-box__logo {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 30px;
  width: 30px
}

@media screen and (max-width:1023px) {
  .brand-box__logo {
    height: 28px;
    width: 28px
  }
}

.brand-box__text {
  font-size: 18px;
  font-weight: 300
}

@media screen and (max-width:1023px) {
  .brand-box__text {
    font-size: 16px
  }
}

@media screen and (max-width:380px) {
  .brand-box__text {
    font-size: 14px
  }
}

.brand-box {
  align-items: center;
  color: #fff !important;
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: flex;
  text-decoration: none !important;
  transition: opacity .3s ease
}

.brand-box:hover {
  opacity: .8
}

@media screen and (max-width:1023px) {
  .brand-box {
    -moz-column-gap: 8px;
    column-gap: 8px
  }
}

.footer-brand-box {
  align-items: center;
  display: flex;
  flex-direction: column;
  row-gap: 20px
}

.footer-copyright__date {
  font-size: 16px
}

.footer-copyright__link {
  color: inherit;
  text-decoration: none
}

.footer-copyright__link:hover {
  border-bottom: 1px solid #fff
}

.footer-copyright {
  align-items: center;
  color: #fff;
  display: flex;
  flex-direction: column;
  row-gap: 10px
}

.menu-parts__item {
  height: 100%
}

.menu-parts__link {
  align-items: center;
  color: #fff !important;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  height: 100%;
  letter-spacing: 1px;
  padding: 0 12px;
  text-decoration: none !important;
  text-transform: uppercase;
  transition: all .3s ease
}

.menu-parts__link.selected,
.menu-parts__link:hover {
  background-color: #006cc5
}

.menu-parts {
  align-items: center;
  display: flex;
  height: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0
}

@media screen and (max-width:767px) {
  .menu-parts {
    display: none
  }
}

.menu-left__list {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
  list-style-type: none;
  margin: 0;
  padding: 0
}

@media screen and (max-width:991.98px) {
  .menu-left__list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px 24px
  }
}

.menu-left__link {
  font-size: 20px
}

@media screen and (max-width:991.98px) {
  .menu-left__link {
    background-color: #ccc;
    border-radius: 18px;
    color: #000;
    display: inline-block;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 10px 12px 9px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .3s ease
  }

  .menu-left__link:hover {
    background-color: var(--text-link-hover-color);
    color: #eee
  }
}

.menu-left {
  padding-top: 16px
}

@media screen and (max-width:991.98px) {
  .menu-left {
    padding-top: 0
  }
}

.menu-bottom__title {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  margin: 0 0 18px;
  text-transform: uppercase
}

.menu-bottom__list {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  margin: 0;
  padding: 0;
  row-gap: 16px
}

.menu-bottom__link {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0);
  color: inherit;
  font-size: 18px;
  text-decoration: none;
  transition: border-bottom .4s ease
}

.menu-bottom__link:hover {
  border-bottom-color: inherit;
  border-bottom-style: solid;
  border-bottom-width: 1px
}

.menu-bottom__icon {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  height: 15px;
  margin-right: 4px;
  width: 20px
}

.menu-bottom__icon.telegram {
  background-image: url(/local/templates/avtomoicom-media_v2/css/../images/vkontakte-white_81172b47cf02bdd71cfe.svg)
}

.menu-bottom__icon.vkontakte {
  background-image: url(/local/templates/avtomoicom-media_v2/css/../images/telegram-white_a1ac7e488a02d2a9f096.svg)
}

.menu-bottom__icon.forum {
  background-image: url(/local/templates/avtomoicom-media_v2/css/../images/forum-white_900c33458c0b4199b1d2.png)
}

.menu-bottom {
  color: #fff
}

.user-panel__button {
  font-size: 16px;
  transition: opacity .2s ease
}

.user-panel__button:hover {
  cursor: pointer;
  opacity: .8
}

@media screen and (max-width:767px) {
  .user-panel__button {
    font-size: 14px
  }
}

.user-panel__icon {
  width: 16px
}

.user-panel {
  align-items: center;
  color: #eee;
  -moz-column-gap: 20px;
  column-gap: 20px;
  display: flex;
  height: 100%
}

@media screen and (max-width:1023px) {
  .user-panel {
    -moz-column-gap: 14px;
    column-gap: 14px
  }
}

@media screen and (max-width:767px) {
  .user-panel {
    -moz-column-gap: 9px;
    column-gap: 9px
  }
}

.user-bookmarks__badge {
  align-items: center;
  background-color: red;
  border: none;
  border-radius: 50%;
  display: flex;
  height: 8px;
  justify-content: center;
  opacity: 0;
  position: absolute;
  right: -2px;
  top: -2px;
  width: 8px
}

.user-bookmarks__badge.active {
  opacity: 1
}

.user-bookmarks {
  cursor: pointer;
  position: relative;
  transition: opacity .3s ease
}

.user-bookmarks:hover {
  opacity: .8
}

.user-dropdown__title {
  align-items: center;
  -moz-column-gap: 4px;
  column-gap: 4px;
  cursor: pointer;
  display: flex;
  height: 100%;
  justify-content: flex-end
}

@media screen and (max-width:767px) {
  .user-dropdown__title {
    -moz-column-gap: 3px;
    column-gap: 3px
  }
}

.user-dropdown__avatar {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  border: none;
  border-radius: 50%;
  display: block;
  height: 32px;
  width: 32px
}

.user-dropdown__not-avatar-icon {
  font-size: 28px
}

.user-dropdown__chevron {
  font-size: 12px
}

.user-dropdown__menu-container {
  background-color: #fff;
  border: none;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, .4);
  box-sizing: border-box;
  opacity: 0;
  padding: 20px 0;
  position: absolute;
  right: 0;
  transition: all .3s ease;
  visibility: hidden;
  width: 200px;
  z-index: 2
}

@media screen and (max-width:1023px) {
  .user-dropdown__menu-container {
    padding: 18px 0
  }
}

.user-dropdown__menu-list {
  list-style-type: none;
  margin: 0;
  padding: 0
}

.user-dropdown__menu-icon {
  color: #0076d4
}

.user-dropdown__link {
  align-items: center;
  color: #555 !important;
  -moz-column-gap: 10px;
  column-gap: 10px;
  display: flex;
  font-size: 18px;
  padding: 10px 20px;
  text-decoration: none !important;
  transition: background-color .3s ease
}

.user-dropdown__link:hover {
  background-color: #eee
}

.user-dropdown {
  height: 100%;
  position: relative;
  z-index: 1
}

.user-dropdown:hover>.user-dropdown__menu-container {
  opacity: 1;
  visibility: visible
}

.part-header__breadcrumb {
  color: var(--text-link-color)
}

.part-header {
  display: flex;
  flex-direction: column;
  padding-top: 80px;
  row-gap: 18px
}

.first-screen__content {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between
}

.first-screen__breadcrumb {
  color: #4de1ff
}

.first-screen__subtitle {
  display: block;
  font-size: 28px;
  line-height: 1.4;
  margin-bottom: 32px
}

@media screen and (max-width:1199.98px) {
  .first-screen__subtitle {
    font-size: 22px
  }
}

@media screen and (max-width:767.68px) {
  .first-screen__subtitle {
    font-size: 20px;
    margin-bottom: 24px
  }
}

@media screen and (max-width:575.98px) {
  .first-screen__subtitle {
    font-size: 20px
  }
}

@media screen and (max-width:380px) {
  .first-screen__subtitle {
    font-size: 18px
  }
}

.first-screen__control {
  align-items: center;
  -moz-column-gap: 30px;
  column-gap: 30px;
  display: flex;
  justify-content: flex-start
}

.first-screen__footer {
  align-items: center;
  color: #afafaf;
  display: flex;
  justify-content: space-between
}

@media screen and (max-width:576px) {
  .first-screen__footer {
    flex-direction: column;
    row-gap: 18px
  }
}

.first-screen__bookmark {
  align-items: center;
  -moz-column-gap: 6px;
  column-gap: 6px;
  cursor: pointer;
  display: flex
}

.first-screen__bookmark:before {
  color: #ccc;
  content: "\f199";
  font-family: bootstrap-icons;
  font-size: 24px;
  transition: opacity .2s ease
}

.first-screen__bookmark.active:before {
  color: #b00;
  content: "\f195"
}

.first-screen__bookmark:hover.first-screen__bookmark:before {
  opacity: .8
}

@media screen and (max-width:768px) {
  .first-screen__bookmark:before {
    font-size: 20px
  }
}

.first-screen {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ddd;
  display: flex;
  height: 100svh;
  min-height: 700px;
  padding-bottom: 70px;
  padding-top: 80px;
  position: relative;
  z-index: 0
}

.first-screen:before {
  background-color: #000;
  bottom: 0;
  content: "";
  left: 0;
  opacity: .7;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1
}

@media screen and (max-width:767.98px) {
  .first-screen {
    padding-bottom: 20px;
    padding-top: 70px
  }
}

@media screen and (max-width:380px) {
  .first-screen {
    min-height: 670px;
    padding-bottom: 20px;
    padding-top: 70px
  }
}

.fisrt-screen-cards__item {
  display: flex
}

.fisrt-screen-cards__item.top {
  grid-column-end: 2;
  grid-column-start: 1;
  grid-row-end: 3;
  grid-row-start: 1;
  min-height: 300px
}

.fisrt-screen-cards__item.second {
  grid-column-end: 3;
  grid-column-start: 2;
  grid-row-end: 2;
  grid-row-start: 1;
  min-height: 140px
}

.fisrt-screen-cards__item.third {
  grid-column-end: 3;
  grid-column-start: 2;
  grid-row-end: 3;
  grid-row-start: 2;
  min-height: 140px
}

@media screen and (max-width:1199.98px) {

  .fisrt-screen-cards__item.second,
  .fisrt-screen-cards__item.third {
    display: none
  }
}

.fisrt-screen-cards {
  display: grid;
  gap: 20px;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: auto
}

@media screen and (max-width:1399.98px) {
  .fisrt-screen-cards {
    grid-template-columns: 5fr 3fr
  }
}

@media screen and (max-width:1199.98px) {
  .fisrt-screen-cards {
    display: flex;
    justify-content: center
  }
}

.motivators-box {
  -moz-column-gap: 32px;
  column-gap: 32px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: minmax(300px, auto)
}

@media screen and (max-width:991.98px) {
  .motivators-box {
    display: flex;
    flex-direction: column;
    row-gap: 24px
  }
}

.motiavator_type_quick-subscribe {
  background-color: #eee
}

.motiavator_type_quote-of-week {
  background-color: #fff
}

.motivator__header {
  font-size: 48px
}

.motivator__title {
  font-size: 28px
}

.motivator__paragraph {
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 20px;
  line-height: 1.4;
  margin: 0 0 24px
}

.motivator__paragraph:last-of-type {
  margin-bottom: 0
}

.motivator__author {
  font-size: 20px;
  font-weight: 500
}

.motivator {
  border: none;
  border-radius: var(--inset-radius, 8px);
  box-shadow: var(--inset-shadow);
  color: #000;
  display: flex;
  flex-direction: column;
  padding: 32px;
  row-gap: 18px
}

.breadcrumb__list {
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0
}

.breadcrumb__link:hover {
  text-decoration: underline
}

.breadcrumb__separator {
  color: #aaa
}

.breadcrumb {
  font-size: 12px
}

.author__photo {
  background-color: #eee;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  border: none;
  border-radius: 50%;
  display: inline-block;
  height: 50px;
  width: 50px
}

.author__name {
  font-size: 18px
}

.author__copy {
  position: relative
}

.author__copy:hover>.tooltip {
  opacity: 1;
  transform: scale(1)
}

.author__copy-icon {
  color: #4de1ff;
  cursor: pointer;
  font-size: 16px
}

.author {
  align-items: center;
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: flex
}

.pub-infobar__date {
  color: #555;
  font-size: 12px;
  font-style: italic
}

.pub-infobar__bookmark {
  color: #ccc;
  cursor: pointer;
  font-size: 16px;
  transition: all .3s ease
}

.pub-infobar__bookmark:target {
  transform: scale(1.9)
}

.pub-infobar__bookmark:hover {
  color: #e69c9c
}

.pub-infobar__bookmark.active {
  color: #b00
}

.pub-infobar__bookmark.active:hover {
  color: #cd5a5a
}

.pub-infobar {
  align-items: center;
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: flex
}

@media screen and (max-width:991.98px) {
  .pub-infobar {
    -moz-column-gap: 10px;
    column-gap: 10px
  }
}

.tags__list {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px
}


.tag {
  background-color: #ccc;
  border-radius: 18px;
  color: #000;
  display: inline-block;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 10px 12px 9px;
  text-transform: uppercase;
  transition: all .3s ease
}

.tag,
.tag:hover {
  text-decoration: none
}

.tag:hover {
  background-color: var(--text-link-hover-color);
  color: #eee
}

.avatar {
  border: none;
  border-radius: 50%;
  display: block;
  width: 100%
}

.card_type_standart {
  background-color: #fff;
  max-width: 500px
}

.card_type_adaptive {
  background-color: #ecfaff;
  -moz-column-gap: 16px;
  column-gap: 16px;
  display: grid;
  grid-template-columns: 300px 1fr;
  grid-template-rows: auto;
  min-height: 250px;
  padding: 16px
}

@media screen and (max-width:991.98px) {
  .card_type_adaptive {
    background-color: #fff;
    display: block;
    max-width: 500px;
    padding: 0
  }
}

.card_type_mini {
  background-color: #fff;
  -moz-column-gap: 16px;
  column-gap: 16px;
  display: grid;
  grid-template-columns: 100px 1fr;
  grid-template-rows: auto;
  padding: 16px
}

@media screen and (max-width:1199.98px) {
  .card_type_mini {
    grid-template-columns: 80px 1fr
  }
}

@media screen and (max-width:575.98px) {
  .card_type_mini {
    display: block;
    padding: 0
  }
}

.card__cover {
  background-color: #ccc;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: none;
  display: block;
  position: relative
}

.card__cover:before {
  align-items: center;
  background-color: rgba(0, 0, 0, .4);
  bottom: 0;
  color: #eee;
  content: "\F1C5";
  display: flex;
  font-family: bootstrap-icons;
  font-size: 60px;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity .5s ease
}

.card__cover:hover:before {
  opacity: 1
}

.card__cover_type_standart {
  height: 200px;
  width: 100%
}

.card__cover_type_adaptive {
  height: 100%;
  width: 100%
}

@media screen and (max-width:991.98px) {
  .card__cover_type_adaptive {
    height: 200px
  }
}

.card__cover_type_mini {
  border-radius: var(--cover-radius);
  height: 100px;
  width: 100%
}

@media screen and (max-width:1199.98px) {
  .card__cover_type_mini {
    height: 80px
  }
}

@media screen and (max-width:575.98px) {
  .card__cover_type_mini {
    height: 180px;
    width: 100%
  }
}

.card__main {
  display: flex;
  flex-direction: column;
  row-gap: 8px
}

.card__main_type_standart {
  padding: 16px
}

@media screen and (max-width:991.98px) {
  .card__main_type_adaptive {
    padding: 16px
  }
}

@media screen and (max-width:575.98px) {
  .card__main_type_mini {
    padding: 16px
  }
}

.card__title_type_standart {
  font-size: 20px
}

.card__title_type_mini {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2
}

.card__subtitle {
  font-size: 16px;
  line-height: 1.4;
  margin: 0
}

.card {
  border: none;
  border-radius: var(--inset-radius);
  box-shadow: var(--inset-shadow);
  color: #000;
  height: 100%;
  overflow: hidden
}

.card-longrid-top__box {
  background-color: #fff;
  border: none;
  border-radius: var(--picture-radius);
  box-shadow: var(--inset-shadow);
  display: flex;
  flex-flow: row-reverse;
  overflow: hidden
}

@media screen and (max-width:1199.98px) {
  .card-longrid-top__box {
    display: block
  }
}

.card-longrid-top__main {
  padding: 20px 24px 30px
}

@media screen and (max-width:1199.98px) {
  .card-longrid-top__main {
    padding: 16px 16px 24px
  }
}

.card-longrid-top__title {
  font-size: 24px;
  line-height: 30px;
  margin: 0 0 10px
}

.card-longrid-top__cover {
  -o-object-fit: cover;
  object-fit: cover;
  width: 250px
}

@media screen and (max-width:1199.98px) {
  .card-longrid-top__cover {
    height: 220px;
    width: 100%
  }
}

.card-longrid-top__link {
  color: inherit;
  display: inline-block;
  padding: 3px;
  text-decoration: none
}

.card-longrid-top__paragraph {
  font-size: 18px;
  line-height: 1.4;
  margin: 0 0 16px
}

.card-longrid-top__list-title {
  font-size: 18px;
  margin: 0 0 12px
}

.card-longrid-top__list {
  font-size: 18px;
  line-height: 24px;
  margin: 0 0 24px;
  padding: 0 0 0 20px
}

.card-longrid-top__actions {
  text-align: center
}

.card-longrid-top__more {
  background-color: #0076d4;
  border: none;
  border-radius: 16px;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  padding: 14px 24px;
  text-decoration: none;
  transition: background-color .3s ease
}

.card-longrid-top__more:hover {
  background-color: #b00
}

.card-announcement__cover {
  -o-object-fit: cover;
  object-fit: cover;
  width: 250px
}

@media screen and (max-width:1199.98px) {
  .card-announcement__cover {
    height: 220px;
    width: 100%
  }
}

.card-announcement__main {
  padding: 20px 24px 30px
}

@media screen and (max-width:1199.98px) {
  .card-announcement__main {
    padding: 16px 16px 24px
  }
}

.card-announcement__location {
  display: inline-block;
  margin-bottom: 4px;
  text-transform: uppercase
}

.card-announcement__title {
  font-size: 20px;
  line-height: 30px;
  margin: 0 0 12px
}

.card-announcement__title-link {
  border-bottom: 1px solid #000;
  color: inherit;
  text-decoration: none;
  transition: all .3s ease
}

.card-announcement__title-link:hover {
  border-bottom-color: #b00
}

.card-announcement__link {
  color: var(--text-link-color)
}

.card-announcement__conditions {
  display: flex;
  flex-direction: column;
  margin-bottom: 12px
}

.card-announcement__details {
  display: inline-block;
  font-size: 16px;
  line-height: 1.4;
  margin: 0
}

.card-announcement__accent {
  font-weight: 700
}

.card-announcement__list-title {
  font-size: 18px;
  margin: 0 0 12px
}

.card-announcement__list {
  font-size: 18px;
  line-height: 24px;
  margin: 0 0 24px;
  padding: 0 0 0 20px
}

.card-announcement__actions {
  text-align: center
}

.card-announcement__more {
  background-color: #0076d4;
  border: none;
  border-radius: 16px;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  padding: 14px 24px;
  text-decoration: none;
  transition: background-color .3s ease
}

.card-announcement__more:hover {
  background-color: #b00
}

.card-announcement {
  background-color: #fff;
  border: none;
  border-radius: var(--picture-radius);
  box-shadow: var(--inset-shadow);
  display: flex;
  flex-flow: row-reverse;
  margin-bottom: 36px;
  overflow: hidden
}

@media screen and (max-width:1199.98px) {
  .card-announcement {
    display: block
  }
}

.news-preview__title {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3
}

.news-preview {
  display: flex;
  flex-direction: column;
  row-gap: 8px
}

.page-navigation__more {
  align-items: center;
  border: none;
  border-radius: var(--button-radius, 5px);
  color: inherit;
  display: flex;
  font-size: 18px;
  font-weight: 500;
  height: 50px;
  justify-content: center;
  padding: 0 18px;
  transition: all .3s ease
}

.page-navigation__more:hover {
  background-color: var(--button-hover-color, #b00);
  color: #eee
}

.page-navigation {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%
}

@media screen and (max-width:767.98px) {
  .page-navigation {
    flex-direction: column;
    justify-content: flex-start;
    row-gap: 8px
  }
}

.cards-grid__list {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto
}

@media screen and (max-width:991.98px) {
  .cards-grid__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 32px
  }
}

.cards-grid__item {
  display: flex
}

.cards-grid__item.grid-el-1,
.cards-grid__item.grid-el-11,
.cards-grid__item.grid-el-6,
.cards-grid__item.grid-el-9 {
  grid-column-end: 2;
  grid-column-start: 1
}

.cards-grid__item.grid-el-4 {
  grid-column-end: 3;
  grid-column-start: 1
}

.cards-grid__item.grid-el-12,
.cards-grid__item.grid-el-2,
.cards-grid__item.grid-el-7 {
  grid-column-end: 3;
  grid-column-start: 2
}

.cards-grid__item.grid-el-10 {
  grid-column-end: 4;
  grid-column-start: 2
}

.cards-grid__item.grid-el-13,
.cards-grid__item.grid-el-3,
.cards-grid__item.grid-el-5,
.cards-grid__item.grid-el-8 {
  grid-column-end: 4;
  grid-column-start: 3
}

.cards-grid__item.grid-el-1,
.cards-grid__item.grid-el-2,
.cards-grid__item.grid-el-3 {
  grid-row-end: 2;
  grid-row-start: 1
}

.cards-grid__item.grid-el-4,
.cards-grid__item.grid-el-5 {
  grid-row-end: 3;
  grid-row-start: 2
}

.cards-grid__item.grid-el-6,
.cards-grid__item.grid-el-7,
.cards-grid__item.grid-el-8 {
  grid-row-end: 4;
  grid-row-start: 3
}

.cards-grid__item.grid-el-10,
.cards-grid__item.grid-el-9 {
  grid-row-end: 5;
  grid-row-start: 4
}

.cards-grid__item.grid-el-11,
.cards-grid__item.grid-el-12,
.cards-grid__item.grid-el-13 {
  grid-row-end: 6;
  grid-row-start: 5
}

.cards-grid__navigation {
  padding-top: 24px
}

.pagination__list {
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0
}

@media screen and (max-width:575.98px) {
  .pagination__list {
    -moz-column-gap: 8px;
    column-gap: 8px
  }
}

.pagination__link {
  border: none;
  border-radius: var(--button-radius, 5px);
  color: #000;
  display: flex;
  text-decoration: none;
  transition: all .3s ease
}

.pagination__link:hover {
  background-color: var(--button-hover-color, #b00);
  color: #eee
}

.pagination__btn {
  align-items: center;
  background-color: transparent;
  display: flex;
  font-size: 18px;
  font-weight: 500;
  height: 50px;
  justify-content: center;
  width: 50px
}

.pagination__btn_is-active {
  background-color: #f0f8ff;
  border: none;
  border-radius: var(--button-radius)
}

@media screen and (max-width:575.98px) {
  .pagination__btn {
    font-size: 16px;
    height: 36px;
    width: 36px
  }
}

.latest__top {
  display: flex;
  grid-area: top;
  justify-content: center
}

.latest__banner {
  grid-area: banner
}

.latest__news {
  grid-area: news
}

.latest__1st-card {
  grid-area: first-card
}

.latest__2nd-card {
  grid-area: second-card
}

.latest__3rd-card {
  grid-area: third-card
}

.latest__advices {
  grid-area: advices
}

.latest {
  display: grid;
  gap: 24px;
  grid-template-areas: "top top banner" "news first-card advices" "news second-card third-card";
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: repeat(3, auto);
  margin-bottom: 48px
}

@media screen and (max-width:1199.98px) {
  .latest {
    grid-template-areas: "top top" "banner banner" "news first-card" "news second-card" "third-card advices";
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(5, auto)
  }
}

@media screen and (max-width:767.98px) {
  .latest {
    display: flex;
    flex-direction: column;
    row-gap: 36px
  }
}

@media screen and (max-width:991.98px) {
  .detail-news-box__content {
    margin-bottom: 48px
  }
}

.detail-news-box {
  border-bottom: 2px dotted #ccc;
  -moz-column-gap: 50px;
  column-gap: 50px;
  display: grid;
  grid-template-columns: 1fr 350px;
  grid-template-rows: auto;
  margin-bottom: 60px;
  padding-bottom: 60px
}

@media screen and (max-width:1199.98px) {
  .detail-news-box {
    grid-template-columns: 1fr 300px
  }
}

@media screen and (max-width:991.98px) {
  .detail-news-box {
    display: block;
    padding-bottom: 0
  }
}

.news-feed-box__content {
  grid-column-end: 2;
  grid-column-start: 1;
  grid-row-end: 2;
  grid-row-start: 1
}

.news-feed-box__sideinfo {
  grid-column-end: 3;
  grid-column-start: 2;
  grid-row-end: 2;
  grid-row-start: 1
}

.news-feed-box__navigation {
  grid-column-end: 3;
  grid-column-start: 1;
  grid-row-end: 3;
  grid-row-start: 2
}

.news-feed-box {
  display: grid;
  gap: 50px;
  grid-template-columns: 1fr 350px;
  grid-template-rows: 2
}

@media screen and (max-width:1199.98px) {
  .news-feed-box {
    grid-template-columns: 1fr 300px
  }
}

@media screen and (max-width:991.98px) {
  .news-feed-box {
    display: flex;
    flex-direction: column;
    row-gap: 15px
  }
}

.news-feed {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 32px
}

.news-feed-2__list {
  display: flex;
  flex-direction: column
}

.news-feed-2__item {
  border-bottom: 1px solid #ccc;
  padding: 16px 0 14px
}

.news-feed-2__item:first-of-type {
  padding-top: 0
}

.news-feed-2__item:last-of-type {
  border-bottom: none;
  padding-bottom: 0
}

.feed-box__header {
  border-bottom: 1px solid #ccc;
  padding-bottom: 12px
}

.feed-box__title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1;
  text-transform: uppercase
}

.feed-box__main {
  padding: 18px 0
}

.feed-box__footer {
  border-top: 1px solid #ccc;
  margin-top: auto;
  padding-top: 12px
}

.feed-box__more {
  color: #0076d4;
  display: block;
  letter-spacing: 1px;
  margin: auto;
  text-align: center;
  text-transform: uppercase
}

.feed-box {
  background-color: #fff;
  border: none;
  border-radius: var(--inset-radius);
  box-shadow: var(--inset-shadow);
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 16px;
  width: 100%
}

.page404 {
  max-width: 600px;
  padding-top: 80px
}

.page404__header {
  margin-bottom: 24px;
  text-align: center
}

.page404__title {
  color: #555;
  font-size: 50px;
  margin: 0 0 12px;
  text-align: center
}

.page404__subtitle {
  font-size: 24px;
  text-align: center
}

.detail-news__header {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
  row-gap: 12px
}

.detail-news__subtitle {
  font-size: 24px;
  line-height: 1.3
}

@media screen and (max-width:1024px) {
  .detail-news__subtitle {
    font-size: 20px
  }
}

.detail-news__main {
  margin-bottom: 24px
}

.detail-news__section {
  margin-bottom: 32px
}

.detail-news__section:last-of-type {
  margin-bottom: 0
}

.detail-news__section-title {
  font-size: 28px;
  letter-spacing: 1px;
  margin-bottom: 12px;
  max-width: 700px
}

@media screen and (max-width:1399.98px) {
  .detail-news__section-title {
    font-size: 24px;
    max-width: 650px
  }
}

@media screen and (max-width:1199.98px) {
  .detail-news__section-title {
    max-width: 550px
  }
}

@media screen and (max-width:425px) {
  .detail-news__section-title {
    font-size: 22px
  }
}


.longread__header {
  margin-bottom: 48px
}

.longread__main {
  margin-bottom: 32px
}

.longread__toc {
  margin-bottom: 36px
}

.longread__preamble {
  margin-bottom: 32px
}

.longread__footer {
  padding-bottom: 42px
}

.longread-section__title {
  font-size: 36px;
  letter-spacing: 1px;
  line-height: 1.2;
  margin: 0 0 10px;
  max-width: 740px
}

@media screen and (max-width:1399.98px) {
  .longread-section__title {
    max-width: 650px
  }
}

@media screen and (max-width:1199.98px) {
  .longread-section__title {
    font-size: 30px;
    max-width: 530px
  }
}

@media screen and (max-width:425px) {
  .longread-section__title {
    font-size: 24px
  }
}

.longread-section__subtitle {
  font-size: 24px;
  line-height: 1.3;
  margin-bottom: 16px
}

.longread-section__body {
  display: grid;
  grid-template-columns: minmax(auto, 740px) 300px;
  grid-template-rows: auto;
  justify-content: space-between
}

@media screen and (max-width:1399.98px) {
  .longread-section__body {
    grid-template-columns: minmax(auto, 650px) 280px
  }
}

@media screen and (max-width:1199.98px) {
  .longread-section__body {
    grid-template-columns: minmax(auto, 530px) 270px
  }
}

@media screen and (max-width:991.98px) {
  .longread-section__body {
    -moz-column-gap: 0;
    column-gap: 0;
    display: flex;
    flex-direction: column;
    max-width: 550px
  }
}

.longread-section__factura {
  width: 95%
}

.longread-section__sideinfo {
  display: flex;
  flex-direction: column;
  position: relative;
  row-gap: 32px
}

@media screen and (max-width:991.98px) {
  .longread-section__sideinfo {
    margin: 20px auto 10px;
    max-width: 600px;
    width: 95%
  }
}

.longread-section {
  margin-bottom: 32px
}

.longread-section:last-of-type {
  margin-bottom: 0
}

.longread-footer__bar {
  align-items: center;
  background-color: #ccc;
  border: none;
  border-radius: 16px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  padding: 24px 100px
}

@media screen and (max-width:900px) {
  .longread-footer__bar {
    padding-left: 100px;
    padding-right: 100px
  }
}

@media screen and (max-width:767px) {
  .longread-footer__bar {
    flex-direction: column;
    padding: 18px 16px;
    row-gap: 24px
  }
}

.longread-footer__tags-title {
  font-size: 18px;
  font-weight: 500
}

.longread-footer__join-social {
  margin-bottom: 32px
}

.longread-dates__item {
  font-size: 16px
}

.longread-dates {
  display: flex;
  flex-direction: column;
  row-gap: 8px
}

.longread-read-time {
  font-size: 16px
}

.advice__main {
  padding-bottom: 42px;
  padding-top: 42px
}

.advice__author {
  margin-bottom: 24px
}

.advice__text {
  max-width: 750px
}

.advice__footer {
  padding-bottom: 42px
}

.advice-first-screen__header {
  margin-bottom: 18px
}

.advice-first-screen__breadcrumb {
  color: var(--text-link-color)
}

.advice-first-screen__main {
  margin-bottom: 16px;
  max-width: 900px
}

.advice-first-screen__title {
  font-size: 36px;
  margin-bottom: 12px
}

@media screen and (max-width:1199.98px) {
  .advice-first-screen__title {
    font-size: 32px
  }
}

.advice-first-screen__footer {
  align-items: center;
  -moz-column-gap: 4px;
  column-gap: 4px;
  display: flex;
  font-size: 18px
}

@media screen and (max-width:1199.98px) {
  .advice-first-screen__footer {
    font-size: 16px
  }
}

@media screen and (max-width:767.98px) {
  .advice-first-screen__footer {
    font-size: 15px
  }
}

.advice-first-screen__questioner {
  font-weight: 500
}

.advice-first-screen__date {
  color: #777
}

.advice-first-screen__theme {
  color: var(--text-link-color)
}

.advice-first-screen {
  background-image: linear-gradient(170deg, #eff8ff, #c3d8ff);
  padding-bottom: 50px;
  padding-top: 80px
}

.advice-card__header {
  margin-bottom: 10px
}

.advice-card__title {
  font-size: 22px;
  font-weight: 400;
  line-height: 1.3
}

.advice-card__footer {
  align-items: center;
  -moz-column-gap: 4px;
  column-gap: 4px;
  display: flex;
  font-size: 16px
}

.advice-card__date {
  font-weight: 300
}

.advice-feed__list {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  margin: 0;
  padding: 0;
  row-gap: 14px
}

.advice-feed__link {
  font-size: 18px;
  line-height: 1.3
}

.advice-feed__item {
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: flex
}

.advice-feed__item:before {
  color: #b00;
  content: "\f4ca";
  font-family: bootstrap-icons;
  font-size: 16px;
  line-height: 1.3
}

.advice-feed__icon {
  color: #b00;
  font-size: 17px
}


.help-page__content {
  max-width: 650px
}

.help-page__title {
  font-size: 36px;
  font-weight: 400;
  margin-bottom: 24px
}

.help-page__updated {
  color: #999;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px
}

.help-page__section-title {
  font-size: 28px;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 16px
}

.help-page {
  display: flex;
  gap: 0 80px
}

@media screen and (max-width:991.98px) {
  .help-page {
    flex-direction: column;
    gap: 30px 0
  }
}

.search-page {
  max-width: 750px
}

.search-tags-chain {
  display: flex;
  flex-wrap: wrap;
  font-size: 20px;
  gap: 16px;
  margin-bottom: 24px
}

.search-tag__link {
  color: var(--text-link-color);
  text-decoration: none;
  text-transform: uppercase
}

.search-tag__delete {
  color: #000;
  text-decoration: none
}

.search-tags-cloud {
  align-items: flex-end;
  border: 1px solid #ccc;
  border-radius: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  padding: 12px 20px 24px
}

.search-tags-cloud__link {
  border-bottom: 1px dashed #999;
  padding-bottom: 2px;
  text-decoration: none;
  text-transform: lowercase;
  transition: all .3s ease
}

.search-tags-cloud__link:hover {
  border-bottom: 1px solid #000
}

.search-tags-cloud {
  align-items: flex-end;
  border: 1px solid #ccc;
  border-radius: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  padding: 24px
}

.search-page-form__input {
  width: 100%
}

.search-page-form {
  display: flex;
  gap: 16px
}

.search-list {
  display: flex;
  flex-direction: column;
  row-gap: 36px
}

.search-snippet__title {
  color: var(--text-link-color);
  font-weight: 500;
  line-height: 1.3;
  margin: 0 0 6px
}

.search-snippet__updated {
  display: block;
  font-size: 12px;
  margin-bottom: 6px
}

.search-snippet__puth {
  display: block;
  font-size: 12px;
  margin-bottom: 6px
}

.search-snippet__puth a {
  color: var(--text-link-color);
  text-decoration: none
}

.search-snippet__puth a:hover {
  color: var(--text-link-hover-color);
  text-decoration: underline
}

.search-snippet__lead {
  font-size: 16px;
  line-height: 1.3;
  margin: 0 0 12px
}

.feedback-page__title {
  font-size: 36px;
  font-weight: 400;
  margin-bottom: 24px
}

.factura__caption {
  font-size: 18px;
  line-height: 1.3;
  margin-bottom: 8px;
  padding-left: 16px
}

.factura {
  margin: 0 auto 32px
}

@media screen and (max-width:991.98px) {
  .factura_is-wrap-table {
    overflow-y: scroll
  }
}

.photo-reportage__header {
  margin-bottom: 16px
}

.photo-reportage__title {
  display: block;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
  margin: 0 0 8px;
  text-align: center
}

@media screen and (max-width:575.98px) {
  .photo-reportage__title {
    font-size: 20px
  }
}

.photo-reportage__subtitle {
  display: block;
  font-size: 16px;
  text-align: center
}

@media screen and (max-width:575.98px) {
  .photo-reportage__subtitle {
    font-size: 12px
  }
}

.photo-reportage {
  background-color: #fff;
  border: none;
  border-radius: var(--inset-radius);
  padding: 24px
}

@media screen and (max-width:575.98px) {
  .photo-reportage {
    padding: 16px
  }
}

.gallery__item {
  cursor: pointer;
  display: block;
  width: 100%
}

.gallery__item.is-cover {
  position: relative
}

.gallery__item.is-cover:after {
  align-items: center;
  background-color: rgba(0, 0, 0, .4);
  bottom: 0;
  color: #aaa;
  content: "\f62c";
  display: flex;
  font-family: bootstrap-icons;
  font-size: 100px;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: color .5s ease
}

.gallery__item.is-cover:hover:after {
  color: #fff
}

.gallery__picture {
  border: none;
  border-radius: 5px;
  display: block;
  width: 100%
}

.list {
  list-style-type: none;
  margin: 0;
  padding: 0
}

.paragraph__accent {
  font-weight: 700
}

.paragraph__link {
  color: var(--p-link-color)
}

.paragraph__link:hover {
  color: var(--text-link-hover-color)
}

.paragraph__termin {
  color: #555;
  font-style: italic;
  letter-spacing: 1px
}

.paragraph {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0 0 24px
}

.paragraph:last-child {
  margin-bottom: 0
}

@media screen and (max-width:1199.98px) {
  .paragraph {
    font-size: 18px
  }
}

.longread-toc {
  max-width: 700px
}

.longread-toc__title {
  font-size: 36px;
  margin-bottom: 20px
}

.longread-toc__list {
  margin: 0 0 36px;
  padding: 0 0 0 20px
}

.longread-toc__item {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 8px
}

.longread-toc__item:last-of-type {
  margin-bottom: 0
}

.longread-toc__link {
  border-bottom: 1px dashed #000;
  color: inherit;
  text-decoration: none;
  transition: color .3s ease
}

.longread-toc__link:hover {
  color: #b00
}

@media screen and (max-width:1399.98px) {
  .longread-toc {
    max-width: 650px
  }
}

@media screen and (max-width:1199.98px) {
  .longread-toc {
    max-width: 550px
  }

  .longread-toc__title {
    font-size: 24px
  }

  .longread-toc__item {
    font-size: 18px
  }
}

.list-in-pubs__accent {
  font-weight: 500
}

.list-in-pubs__link {
  color: var(--text-link-color)
}

.list-in-pubs {
  display: flex;
  flex-direction: column;
  font-size: 20px;
  line-height: 1.4;
  margin: 0 0 20px;
  row-gap: 8px
}

@media screen and (max-width:1199.98px) {
  .list-in-pubs {
    font-size: 18px
  }
}

.aphorism__text {
  color: #fff;
  font-size: 24px;
  line-height: 1.4
}

.aphorism__accent {
  font-style: italic;
  font-weight: 400;
  letter-spacing: 1px
}

.aphorism {
  background-color: #f09c00;
  border: 0;
  border-radius: var(--inset-radius);
  box-shadow: var(--inset-shadow);
  font-family: Georgia, Times New Roman, Times, serif;
  padding: 20px;
  text-align: center
}

.asterism {
  display: block;
  font-size: 20px;
  margin: 0;
  text-align: center
}

.figure__caption-box {
  padding: 0 20px
}

.figure__image {
  border-radius: var(--picture-radius)
}

.figure__caption {
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 16px;
  font-style: italic;
  margin: 0
}

@media screen and (max-width:767px) {
  .figure__caption {
    font-size: 13px
  }
}

.figure__source {
  font-size: 12px;
  margin: 0
}

.figure__link {
  color: var(--text-link-color)
}

.figure__link:hover {
  text-decoration: underline
}

.figure {
  display: flex;
  flex-direction: column;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 1.4;
  margin: 0;
  row-gap: 10px
}

.quote__paragraph {
  font-size: 22px;
  font-weight: 300;
  line-height: 1.4;
  margin: 0 0 20px
}

@media screen and (max-width:767px) {
  .quote__paragraph {
    font-size: 18px;
    margin: 0 0 16px
  }
}

.quote__cite {
  font-size: 14px;
  font-style: normal;
  letter-spacing: 1px;
  line-height: 1.6;
  text-transform: uppercase
}

@media screen and (max-width:767px) {
  .quote__cite {
    font-size: 10px
  }
}

.quote__link {
  color: var(--text-link-color);
  text-transform: uppercase
}

.quote {
  border: none;
  border-radius: var(--inset-radius);
  box-shadow: var(--inset-shadow);
  color: #131314;
  font-family: Lato, sans-serif;
  margin: 0;
  padding: 30px 30px 30px 90px;
  position: relative
}

.quote:before {
  background: #ccc;
  border-radius: 50%;
  color: #000;
  content: "\201C";
  font-family: serif;
  font-size: 40px;
  font-weight: 700;
  height: 40px;
  left: 16px;
  line-height: 50px;
  position: absolute;
  text-align: center;
  top: 20px;
  width: 40px
}

.quote:after {
  background-color: #ccc;
  bottom: 20px;
  content: "";
  left: 70px;
  position: absolute;
  top: 20px;
  width: 4px
}

@media screen and (max-width:767px) {
  .quote {
    padding: 16px 16px 16px 80px
  }

  .quote:before {
    font-size: 30px;
    height: 30px;
    left: 16px;
    line-height: 40px;
    top: 16px;
    width: 30px
  }

  .quote:after {
    bottom: 16px;
    left: 60px;
    top: 16px;
    width: 3px
  }
}

.getdocs__link {
  align-items: center;
  background-color: var(--text-link-color);
  border: none;
  border-radius: 30px;
  box-shadow: var(--button-shadow);
  color: #eee;
  -moz-column-gap: 24px;
  column-gap: 24px;
  display: flex;
  margin: 0 auto;
  max-width: 300px;
  padding: 16px 24px;
  text-decoration: none;
  transition: background-color .3s ease
}

.getdocs__link:hover {
  background-color: var(--text-link-hover-color)
}

.getdocs__icon {
  font-size: 32px
}

.getdocs__docname {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4
}

.table__caption {
  color: inherit;
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 8px 12px;
  text-align: left
}

.table__header {
  background-color: #ededed
}

.table__footer {
  background-color: #f7f7f7
}

.table__cell {
  border: 1px solid #ddd;
  padding: 12px 10px;
  text-align: center
}

@media screen and (max-width:525px) {
  .table__cell {
    padding: 10px 8px
  }
}

@media screen and (max-width:390px) {
  .table__cell {
    padding: 8px 6px
  }
}

.table__cell_loc_header {
  font-size: 18px;
  font-weight: 500
}

@media screen and (max-width:575.98px) {
  .table__cell_loc_header {
    font-size: 16px
  }
}

@media screen and (max-width:390px) {
  .table__cell_loc_header {
    font-size: 13px
  }
}

.table__cell_loc_footer {
  font-size: 18px;
  font-weight: 500
}

@media screen and (max-width:575.98px) {
  .table__cell_loc_footer {
    font-size: 16px
  }
}

@media screen and (max-width:390px) {
  .table__cell_loc_footer {
    font-size: 13px
  }
}

.table__cell_type_phrase {
  vertical-align: top
}

.table__paragraph {
  font-size: 14px;
  margin: 0 0 12px;
  text-align: left
}

.table__paragraph:last-of-type {
  margin-bottom: 0
}

@media screen and (max-width:390px) {
  .table__paragraph {
    font-size: 12px
  }
}

.table {
  background-color: #fff;
  border: 1px solid #ddd;
  border-collapse: collapse;
  box-shadow: 0 0 15px hsla(0, 0%, 80%, .5);
  font-family: Roboto, Arial, Helvetica, serif;
  font-size: 16px;
  line-height: 1.2;
  overflow-x: auto;
  table-layout: auto;
  width: 100%
}

.table td:first-child {
  text-align: left
}

@media screen and (max-width:575.98px) {
  .table {
    font-size: 14px
  }
}

@media screen and (max-width:390px) {
  .table {
    font-size: 12px
  }
}

.video {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  border: 0;
  border-radius: 16px;
  box-sizing: border-box;
  cursor: pointer;
  min-width: 280px;
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
  width: 100%
}

.video:before {
  align-items: center;
  background-color: rgba(0, 0, 0, .6);
  bottom: 0;
  color: #ccc;
  content: "\f4f3";
  display: flex;
  font-family: bootstrap-icons;
  font-size: 96px;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all .3s ease
}

.video:hover:before {
  color: #fff
}

.video iframe {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}

.example {
  background-color: #eaeaea;
  border: 1px dashed #ccc;
  border-radius: 12px;
  margin: 0 0 24px;
  padding: 18px 24px
}

.example__title {
  display: block;
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 18px
}

.fragment {
  background-color: #181818;
  border: none;
  border-radius: 12px;
  color: #ccc;
  margin: 0 0 24px;
  padding: 18px 24px
}

.fragment__title {
  display: block;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 18px
}

.alerto__type_file-not-available {
  background-color: #e5e5e5;
  margin: 0 auto;
  max-width: 500px
}

.alerto__link-box {
  -moz-column-gap: 32px;
  column-gap: 32px;
  display: flex;
  margin: 0 0 12px
}

.alerto__title {
  display: inline-block;
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 6px
}

.alerto__link {
  background-color: var(--text-link-color);
  border: none;
  border-radius: 30px;
  color: #eee;
  display: inline-block;
  font-size: 16px;
  padding: 12px 18px;
  text-decoration: none;
  transition: background-color .3s ease
}

.alerto__link:hover {
  background-color: var(--text-link-hover-color)
}

.alerto__text-link {
  color: var(--text-link-color)
}

.alerto__icon {
  color: #eb0000;
  font-size: 40px
}

.alerto__paragraph {
  font-size: 16px;
  line-height: 1.4;
  margin: 0 0 8px
}

.alerto__paragraph:last-of-type {
  margin-bottom: 0
}

.alerto__text {
  font-size: 18px;
  line-height: 1.4;
  margin: 0 0 6px
}

.alerto__text:last-of-type {
  margin-bottom: 0
}

.alerto {
  align-items: center;
  border: 2px solid var(--error-color);
  -moz-column-gap: 20px;
  column-gap: 20px;
  display: flex;
  padding: 20px 24px
}

.fancybox__caption {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  max-width: 650px;
  padding: 16px
}

.tabs__wrap {
  border-bottom: 4px solid #63ad4a;
  display: flex
}

@media screen and (max-width:575.98px) {
  .tabs__wrap {
    justify-content: center
  }
}

.tabs__button {
  align-items: center;
  background-color: #eee;
  border: none;
  border-top-left-radius: var(--button-radius);
  border-top-right-radius: var(--button-radius);
  color: inherit;
  -moz-column-gap: 10px;
  column-gap: 10px;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  justify-content: center;
  padding: 13px 0 10px;
  text-transform: uppercase;
  transition: background-color .3s ease;
  width: 180px
}

.tabs__button:hover {
  background-color: #d7ebd0
}

@media screen and (max-width:575.98px) {
  .tabs__button {
    width: 100%
  }
}

.tabs__button_is-active,
.tabs__button_is-active:hover {
  background-color: #63ad4a;
  color: #fff;
  cursor: default
}

.tabs__pane {
  display: none;
  gap: 42px
}

@media screen and (max-width:991.98px) {
  .tabs__pane {
    align-items: center;
    flex-direction: column;
    gap: 20px 0
  }
}

.tabs__pane_show {
  display: flex
}

.tabs {
  display: flex;
  flex-direction: column;
  row-gap: 24px
}

@media screen and (max-width:575.98px) {
  .tabs {
    row-gap: 20px
  }
}

.tooltip {
  background: #555;
  border: none;
  border-radius: 7px;
  box-shadow: 0 0 12px rgba(0, 0, 0, .2);
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 1.4;
  opacity: 0;
  padding: 12px;
  position: absolute;
  right: 100%;
  top: -700%;
  transform: scale(0);
  transition: opacity .5s ease;
  width: 240px;
  z-index: 1
}

.tooltip__text {
  color: #eee
}

.tooltip__link {
  color: #a9daff;
  text-decoration: none
}

.tooltip__link:hover {
  color: #fff;
  text-decoration: underline
}

@media screen and (max-width:767.98px) {
  .tooltip__text {
    width: 220px
  }
}

.modal__box {
  background-color: #fff;
  border: none;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  max-width: 500px;
  min-height: 100px;
  padding: 20px 30px;
  row-gap: 24px;
  transform: scale(.5);
  transition: all .3s
}

.modal__box.active {
  transform: scale(1)
}

.modal__header {
  margin-bottom: 20px
}

.modal__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  margin: 0;
  text-align: center
}

.modal__main {
  margin-bottom: 24px
}

.modal__flexrow {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: space-between
}

.modal__flexcolumn {
  align-items: center;
  display: flex;
  flex-direction: column;
  row-gap: 16px
}

.modal__link {
  letter-spacing: 1px;
  text-decoration: none;
  transition: color .3s ease
}

.modal__link:hover {
  color: #b00
}

.modal__link_type_more {
  color: #0076d4;
  font-size: 12px
}

.modal__link_type_sign {
  color: #0076d4;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase
}

.modal__paragraph {
  font-size: 20px;
  line-height: 1.4;
  margin: 0 0 18px
}

.modal__footer {
  margin: 0
}

.modal {
  align-items: center;
  background-color: rgba(0, 0, 0, .9);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  opacity: 0;
  padding: 12px;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity .3s ease;
  z-index: 9999999
}

.modal.active {
  opacity: 1;
  pointer-events: all
}

.formula {
  font-family: Courier New, Courier, monospace;
  font-size: 20px;
  padding-left: 24px
}

.bookmarks-list_type_modal {
  position: relative
}

.bookmarks-list_type_modal:after {
  background: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0) 30%);
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2
}

.bookmarks-list__title {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4
}

.bookmarks-list {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0 0 0 20px;
  row-gap: 12px
}

.footnote {
  font-size: 12px;
  font-style: italic;
  line-height: 1.2;
  margin: 8px 0 0 12px
}

.wh-converter__header {
  align-items: center;
  background-color: #0080ff;
  display: flex;
  justify-content: space-between;
  padding: 16px 22px
}

@media screen and (max-width:425px) {
  .wh-converter__header {
    font-size: 16px;
    padding: 14px 16px
  }
}

.wh-converter__logo-link {
  background-image: url(/local/templates/avtomoicom-media_v2/css/../images/logo-white_2694b5815c33bd484898.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  height: 40px;
  width: 40px
}

.wh-converter__logo {
  display: block;
  width: 100%
}

.wh-converter__title-box {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 4px
}

.wh-converter__title {
  color: #fff;
  font-size: 20px;
  font-weight: 300;
  margin: 0;
  text-align: center
}

@media screen and (max-width:425px) {
  .wh-converter__title {
    font-size: 16px
  }
}

.wh-converter__subtitle {
  color: #fff;
  font-size: 12px
}

@media screen and (max-width:425px) {
  .wh-converter__subtitle {
    font-size: 11px
  }
}

.wh-converter__body {
  background-color: #ebebeb;
  padding: 0 30px
}

@media screen and (max-width:425px) {
  .wh-converter__body {
    padding: 0 16px
  }
}

.wh-converter__list {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  margin: 0;
  padding: 0
}

.wh-converter__item {
  border-bottom: 1px solid #ccc;
  display: flex;
  justify-content: space-between;
  padding: 18px 0
}

.wh-converter__item:last-of-type {
  border-bottom: 0
}

.wh-converter__state-box {
  align-items: center;
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: flex
}

@media screen and (max-width:425px) {
  .wh-converter__state-box {
    -moz-column-gap: 8px;
    column-gap: 8px
  }
}

.wh-converter__country {
  font-size: 14px;
  font-weight: 400;
  margin: 0
}

@media screen and (max-width:425px) {
  .wh-converter__country {
    font-size: 13px
  }
}

.wh-converter__flag {
  display: block;
  height: 36px;
  width: 48px
}

@media screen and (max-width:425px) {
  .wh-converter__flag {
    height: 30px;
    width: 40px
  }
}

.wh-converter__data-box {
  align-items: center;
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: flex
}

@media screen and (max-width:425px) {
  .wh-converter__data-box {
    -moz-column-gap: 8px;
    column-gap: 8px
  }
}

.wh-converter__input {
  border: 2px solid #ccc;
  border-radius: 5px;
  box-sizing: border-box;
  display: block;
  font-size: 14px;
  height: 40px;
  line-height: 1;
  margin: 0 auto;
  padding: 0 8px;
  width: 85px
}

.wh-converter__input:focus {
  border: 2px solid #0080ff;
  outline: none
}

.wh-converter__input::-moz-placeholder {
  color: #ccc;
  font-size: 14px;
  line-height: 1
}

.wh-converter__input::placeholder {
  color: #ccc;
  font-size: 14px;
  line-height: 1
}

@media screen and (max-width:425px) {
  .wh-converter__input {
    font-size: 12px;
    height: 30px;
    width: 62px
  }

  .wh-converter__input::-moz-placeholder {
    font-size: 12px
  }

  .wh-converter__input::placeholder {
    font-size: 12px
  }
}

.wh-converter__label {
  font-size: 14px;
  font-weight: 400
}

@media screen and (max-width:425px) {
  .wh-converter__label {
    font-size: 13px
  }
}

.wh-converter__footer {
  align-items: center;
  background-color: #dbdbdb;
  display: flex;
  flex-direction: column;
  padding: 16px 0;
  row-gap: 6px
}

@media screen and (max-width:425px) {
  .wh-converter__footer {
    padding: 14px 0
  }
}

.wh-converter__copy {
  font-size: 14px;
  font-weight: 400
}

@media screen and (max-width:425px) {
  .wh-converter__copy {
    font-size: 12px
  }
}

.wh-converter__from {
  font-size: 10px
}

@media screen and (max-width:425px) {
  .wh-converter__from {
    font-size: 9px
  }
}

.wh-converter {
  border: 0;
  border-radius: 7px;
  box-shadow: var(--inset-shadow);
  box-sizing: border-box;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  line-height: 1;
  margin: 0 auto 32px;
  max-width: 400px;
  min-width: 280px;
  overflow: hidden;
  width: 100%
}

.third-party-comments__list {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  margin: 0;
  padding: 16px;
  row-gap: 20px
}

.third-party-comments__item {
  background-color: #ccc;
  border: 0;
  border-radius: 12px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 16px;
  position: relative;
  row-gap: 8px
}

.third-party-comments__item:before {
  border-color: transparent #ccc #ccc transparent;
  border-style: solid;
  border-width: 10px;
  bottom: 10px;
  content: "";
  left: -18px;
  position: absolute
}

.third-party-comments__user {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0
}

@media screen and (max-width:767px) {
  .third-party-comments__user {
    font-size: 15px
  }
}

.third-party-comments__text {
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  margin: 0
}

@media screen and (max-width:767px) {
  .third-party-comments__text {
    font-size: 17px
  }
}

.third-party-comments {
  max-width: 600px;
  padding-left: 40px;
  width: 95%
}

@media screen and (max-width:767px) {
  .third-party-comments {
    padding-left: 10px
  }
}

.podcast {
  background-color: orange;
  border: none;
  border-radius: var(--inset-radius);
  box-shadow: var(--inset-shadow);
  padding: 24px 16px
}

.podcast__header {
  margin-bottom: 18px
}

.podcast__title {
  font-size: 14px
}

.podcast__subtitle {
  display: block;
  font-size: 20px;
  margin-bottom: 12px
}

.audio {
  width: 100%
}

.join-section {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: space-between
}

@media screen and (max-width:1199.98px) {
  .join-section {
    justify-content: center
  }
}

.join-social__title {
  font-size: 20px;
  margin: 0 0 12px;
  text-align: center
}

.join-social__call {
  display: block;
  font-size: 12px;
  line-height: 1.4;
  text-align: center
}

.join-social__icons {
  align-items: center;
  display: flex;
  justify-content: space-around
}

.join-social__qr {
  border: none;
  border-radius: var(--cover-radius);
  height: 92px;
  transition: box-shadow .3s ease;
  width: 92px
}

.join-social__qr:hover {
  box-shadow: var(--inset-shadow)
}

@media screen and (max-width:1199.98px) {
  .join-social__qr {
    height: 80px;
    width: 80px
  }
}

.join-social__source-name {
  display: block;
  font-weight: 500;
  margin-bottom: 4px;
  text-align: center
}

.join-social {
  background-color: #eee;
  border: none;
  border-radius: var(--inset-radius);
  max-width: 450px;
  padding: 20px 24px;
  width: 100%
}

@media screen and (max-width:991.98px) {
  .join-social {
    padding: 16px 20px
  }
}

.quick-subscribe__title {
  font-size: 20px;
  margin: 0 0 6px
}

.quick-subscribe__description {
  display: block;
  font-size: 14px;
  margin-bottom: 20px
}

.quick-subscribe__form {
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: flex
}

.quick-subscribe__button {
  background-color: #0076d4;
  border: none;
  border-radius: 7px;
  color: #eee;
  cursor: pointer;
  display: block;
  font-size: 16px;
  height: 42px;
  transition: all .3s ease;
  width: 110px
}

.quick-subscribe__button:hover {
  background-color: #b00
}

.quick-subscribe__button:active {
  transform: scale(.95)
}

.quick-subscribe__button.disabled {
  background-color: #ccc;
  cursor: default;
  transform: none
}

.quick-subscribe {
  background-color: #eee;
  border: none;
  border-radius: var(--inset-radius);
  max-width: 450px;
  padding: 20px 24px;
  width: 100%
}

@media screen and (max-width:991.98px) {
  .quick-subscribe {
    padding: 16px
  }
}

.influencer__header {
  background-color: #70bfff;
  background-image: linear-gradient(170deg, #48adff, #b9e0ff);
  -moz-column-gap: 32px;
  column-gap: 32px;
  display: flex;
  padding: 16px 30px
}

@media screen and (max-width:767.98px) {
  .influencer__header {
    -moz-column-gap: 16px;
    column-gap: 16px;
    padding: 16px
  }
}

.influencer__avatar {
  background-color: #eee;
  border: none;
  border-radius: 50%;
  height: 100px;
  width: 100px
}

@media screen and (max-width:767.98px) {
  .influencer__avatar {
    height: 70px;
    width: 70px
  }
}

.influencer__link {
  border-bottom: 1px solid #000;
  text-decoration: none
}

.influencer__link:hover {
  border-bottom-color: #b00
}

.influencer__name {
  font-size: 36px;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 6px
}

@media screen and (max-width:767.98px) {
  .influencer__name {
    font-size: 24px
  }
}

.influencer__workplace {
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 20px;
  line-height: 1.4
}

@media screen and (max-width:767.98px) {
  .influencer__workplace {
    font-size: 16px
  }
}

.influencer__main {
  background-color: #e1eeff;
  padding: 24px 30px
}

@media screen and (max-width:767.98px) {
  .influencer__main {
    padding: 16px 24px
  }
}

.influencer {
  border: none;
  border-radius: 24px;
  box-shadow: var(--inset-shadow);
  margin-bottom: 36px;
  overflow: hidden
}

.influencer:last-of-type {
  margin-bottom: 0
}

.spoiler__summary {
  cursor: pointer;
  display: block;
  font-size: 20px;
  font-weight: 500;
  padding: 14px 40px 14px 20px;
  position: relative
}

.spoiler__summary::marker {
  content: ""
}

.spoiler__summary:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTYuNTkgOC41OSAxMiAxMy4xNyA3LjQxIDguNTkgNiAxMGw2IDYgNi02eiIvPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48L3N2Zz4=) no-repeat 50% 50% /1em 1em;
  color: transparent;
  content: "";
  font-size: 24px;
  height: 24px;
  position: absolute;
  right: 20px;
  top: 12px;
  transition: transform .5s;
  width: 24px
}

@media screen and (max-width:1199.98px) {
  .spoiler__summary {
    font-size: 18px
  }
}

.spoiler__summary_theme_blue {
  background-color: #cee4ff
}

.spoiler__summary_theme_green {
  background-color: #c8eec8
}

.spoiler__summary_theme_red {
  background-color: #eec8c8
}

.spoiler__details {
  padding: 12px 20px 16px
}

.spoiler__details_theme_blue {
  background-color: #ecf5ff
}

.spoiler__details_theme_green {
  background-color: #eefaee
}

.spoiler__details_theme_red {
  background-color: #f8eeee
}

.spoiler {
  border-radius: 8px;
  box-shadow: 0 10px 15px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);
  display: block;
  margin-bottom: 24px;
  overflow: hidden
}

.spoiler[open]>.spoiler__summary:before {
  transform: scaleY(-1)
}

.spoiler[open] .spoiler__summary~* {
  animation: sweep .3s ease-in-out
}

.spoiler:last-of-type {
  margin-bottom: 0
}

@keyframes sweep {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.important-note__icon {
  color: red;
  font-size: 48px
}

.important-note__text {
  font-size: 20px;
  line-height: 28px
}

.important-note {
  background-color: #ffd7d7;
  border: 2px solid red;
  border-radius: var(--inset-radius);
  display: flex;
  gap: 24px;
  margin-bottom: 24px;
  padding: 20px 24px
}

.hand-index_direction_down {
  display: inline-block;
  font-size: 24px;
  transform: rotate(180deg)
}

.hand-index {
  color: var(--orange-color)
}

.yoomoney-fees {
  border: none;
  border-radius: 12px;
  box-shadow: var(--inset-shadow);
  padding: 24px 18px;
  position: sticky;
  top: 90px
}

.yoomoney-fees__title {
  margin: 0 0 12px
}

.yoomoney-fees__paragraph {
  font-size: 16px;
  line-height: 1.4;
  margin: 0 0 10px
}

.yoomoney-fees__accent {
  font-weight: 500
}

.yoomoney-fees__link {
  background-color: #ef3224;
  border: none;
  border-radius: 6px;
  box-shadow: var(--button-shadow);
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  padding: 12px 18px;
  text-decoration: none;
  transition: background-color .3s ease
}

.yoomoney-fees__link:hover {
  background-color: #cc2b1f
}

.text-field__label {
  display: block;
  margin-bottom: .25rem
}

.text-field__input {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: var(--input-radius);
  display: block;
  flex-grow: 1;
  font-family: inherit;
  font-size: 16px;
  font-weight: inherit;
  height: 42px;
  padding: 0 10px;
  width: 100%
}

.text-field__input::-moz-placeholder {
  opacity: .4
}

.text-field__input::placeholder {
  opacity: .4
}

.text-field__input:focus {
  border: 1px solid #777;
  outline: 0
}

.text-field__error {
  color: red;
  display: block;
  font-size: 10px;
  margin-top: 4px;
  min-height: 10px;
  padding: 0 0 0 4px
}

.text-field {
  flex-grow: 1;
  margin-bottom: 10px
}

.policy__link {
  color: var(--text-link-color)
}

.policy__link:hover {
  text-decoration: underline
}

.policy {
  color: #555;
  display: block;
  font-size: 12px;
  line-height: 1.2
}

.buy-book__header {
  align-items: flex-end;
  display: flex;
  grid-column-end: 2;
  grid-column-start: 1;
  grid-row-end: 2;
  grid-row-start: 1;
  justify-content: space-between;
  padding-bottom: 12px
}

@media screen and (max-width:767.68px) {
  .buy-book__header {
    align-items: center;
    flex-direction: column;
    row-gap: 6px
  }
}

.buy-book__title {
  font-size: 18px;
  font-weight: 400
}

.buy-book__subtitle {
  color: #777;
  font-size: 12px;
  font-weight: 500
}

@media screen and (max-width:767.98px) {
  .buy-book__subtitle {
    font-size: 10px
  }
}

.buy-book__main {
  border-bottom: 4px dotted #63ad4a;
  border-top: 4px dotted #63ad4a;
  -moz-column-gap: 72px;
  column-gap: 72px;
  display: grid;
  grid-column-end: 2;
  grid-column-start: 1;
  grid-row-end: 3;
  grid-row-start: 2;
  grid-template-columns: 300px 1fr;
  padding: 42px 0
}

@media screen and (max-width:1199.98px) {
  .buy-book__main {
    -moz-column-gap: 36px;
    column-gap: 36px;
    grid-template-columns: 200px 1fr;
    padding: 18px 0
  }
}

@media screen and (max-width:767.98px) {
  .buy-book__main {
    display: flex;
    flex-direction: column;
    row-gap: 18px
  }
}

.buy-book__cover {
  border-radius: 4px;
  box-shadow: var(--inset-shadow)
}

.buy-book__summary {
  display: flex;
  flex-direction: column;
  row-gap: 24px
}

@media screen and (max-width:767.98px) {
  .buy-book__summary {
    row-gap: 16px
  }
}

.buy-book__description {
  display: flex;
  flex-direction: column;
  row-gap: 16px
}

@media screen and (max-width:767.98px) {
  .buy-book__description {
    row-gap: 8px
  }
}

.buy-book__name {
  font-size: 30px;
  font-weight: 700
}

@media screen and (max-width:1199.98px) {
  .buy-book__name {
    font-size: 24px
  }
}

.buy-book__about-title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 6px
}

@media screen and (max-width:1199.98px) {
  .buy-book__about-title {
    font-size: 18px
  }
}

@media screen and (max-width:767.98px) {
  .buy-book__about-title {
    font-size: 16px;
    margin-bottom: 4px
  }
}

.buy-book__author {
  font-size: 18px
}

@media screen and (max-width:1199.98px) {
  .buy-book__author {
    font-size: 16px
  }
}

@media screen and (max-width:767.98px) {
  .buy-book__author {
    font-size: 14px
  }
}

.buy-book__paragraph {
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 20px;
  line-height: 1.2;
  margin: 0
}

@media screen and (max-width:1199.98px) {
  .buy-book__paragraph {
    font-size: 18px
  }
}

@media screen and (max-width:767.98px) {
  .buy-book__paragraph {
    font-size: 16px
  }
}

.buy-book__footer {
  grid-column-end: 2;
  grid-column-start: 1;
  grid-row-end: 4;
  grid-row-start: 3;
  padding-top: 12px;
  text-align: center
}

.buy-book__thanks {
  color: red;
  display: inline-block;
  font-size: 12px;
  font-weight: 500
}

@media screen and (max-width:575.98px) {
  .buy-book__thanks {
    font-size: 10px;
    line-height: 1.2;
    max-width: 200px
  }
}

.buy-book {
  background-color: #fff;
  border: 10px solid #63ad4a;
  border-radius: var(--inset-radius);
  box-shadow: var(--inset-shadow);
  padding: 24px 54px 18px
}

@media screen and (max-width:1199.98px) {
  .buy-book {
    padding: 24px 36px 18px
  }
}

@media screen and (max-width:767.98px) {
  .buy-book {
    padding: 16px
  }
}

.read-also__title {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 14px
}

.read-also__list {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 20px;
  row-gap: 12px;
  z-index: 0
}

.read-also__list li {
  position: relative
}

.read-also__list li:before {
  color: #999;
  content: "\f26e";
  font-family: bootstrap-icons;
  font-size: 24px;
  left: -25px;
  position: absolute;
  top: -3px;
  z-index: 1
}

.read-also__link {
  color: var(--p-link-color);
  font-size: 14px;
  line-height: 1.4
}

.read-also__link:hover {
  color: var(--text-link-hover-color)
}

.read-also {
  background-color: var(--inset-bgcolor);
  border: none;
  border-radius: var(--inset-radius);
  box-shadow: var(--inset-shadow);
  box-sizing: border-box;
  max-width: 600px;
  padding: 24px 18px;
  position: sticky;
  top: 90px;
  width: 100%
}

.event-statistics__header {
  margin-bottom: 12px
}

.event-statistics__title {
  display: block;
  font-size: 24px;
  margin: 0 0 16px
}

.event-statistics__paragraph {
  display: block;
  font-size: 18px;
  margin: 0 0 12px
}

.event-statistics__paragraph:last-of-type {
  margin-bottom: 0
}

.event-statistics__accent {
  font-weight: 500
}

.event-statistics {
  border-left: 5px solid #ccc;
  color: #131314;
  padding-left: 24px
}

.rating__title {
  color: #000;
  font-size: 16px;
  font-weight: 400
}

@media screen and (max-width:767px) {
  .rating__title {
    font-size: 14px
  }
}

.rating__items {
  -moz-column-gap: 10px;
  column-gap: 10px;
  display: flex
}

.rating__item {
  cursor: pointer;
  font-size: 20px;
  transition: all .3s ease
}

.rating__item.active {
  color: #ff7b00
}

@media screen and (max-width:767px) {
  .rating__item {
    font-size: 16px
  }
}

.rating__total {
  color: #000;
  font-size: 16px;
  font-weight: 500
}

@media screen and (max-width:767px) {
  .rating__total {
    font-size: 14px
  }
}

.rating {
  align-items: center;
  -moz-column-gap: 14px;
  column-gap: 14px;
  display: flex
}

.comments__section {
  margin-bottom: 42px
}

.comments__title {
  font-size: 38px;
  font-weight: 400;
  margin: 0 0 24px
}

.comments__notice {
  margin-bottom: 24px
}

.comments__notice:last-of-type {
  margin-bottom: 0
}

.comments__link {
  color: var(--text-link-color)
}

.comments__card {
  margin-bottom: 30px
}

.comments__card:last-of-type {
  margin-bottom: 0
}

.comments {
  max-width: 700px
}

.comments-card__header {
  align-items: center;
  border-bottom: 1px solid #eee;
  -moz-column-gap: 20px;
  column-gap: 20px;
  display: flex;
  padding-bottom: 10px;
  padding-top: 12px
}

.comments-card__main {
  min-height: 60px;
  padding: 12px 0
}

.comments-card__footer {
  align-items: center;
  border-top: 1px solid #eee;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: space-between;
  padding: 12px 12px 16px
}

.comments-card__avatar {
  border-radius: 50%;
  height: 40px;
  width: 40px
}

.comments-card__author {
  font-size: 18px
}

.comments-card__date {
  font-size: 13px;
  margin-left: auto
}

.comments-card__paragraph {
  color: #555;
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 18px;
  line-height: 1.5;
  margin: 0 0 12px
}

.comments-card__paragraph:last-of-type {
  margin-bottom: 0
}

.comments-card__control {
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: flex
}

.comments-card__rate-item {
  align-items: center;
  -moz-column-gap: 4px;
  column-gap: 4px;
  display: flex
}

.comments-card__rate-button {
  color: #ccc;
  cursor: pointer;
  font-size: 18px;
  opacity: .8;
  transition: opacity .3s ease
}

.comments-card__rate-button:hover {
  opacity: 1
}

.comments-card__rate-button.voted {
  color: #555;
  opacity: 1
}

.comments-card__rate-button.disabled:hover,
.comments-card__rate-button.voted:hover {
  opacity: .8
}

.comments-card__rate-counter {
  color: #555;
  font-size: 12px;
  font-weight: 400
}

.comments-card__action {
  color: inherit;
  font-size: 12px;
  transition: all .3s ease
}

.comments-card {
  background-color: #fff;
  border: 1px solid #ccc;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  border-top-right-radius: 24px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%
}

.comments-quote__header {
  align-items: center;
  background-color: #ccc;
  display: flex;
  justify-content: space-between;
  padding: 10px 12px
}

.comments-quote__main {
  padding: 8px 12px;
  position: relative
}

.comments-quote__main:after {
  background-image: linear-gradient(hsla(0, 0%, 80%, .5), #f0f0f0);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.comments-quote__author {
  color: #555;
  font-size: 14px;
  font-weight: 500
}

.comments-quote__date {
  color: #999;
  font-size: 10px
}

.comments-quote__paragraph {
  color: #555;
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 15px;
  line-height: 1.5;
  margin: 0
}

.comments-quote__unroll {
  bottom: 10px;
  color: #999;
  cursor: pointer;
  font-size: 20px;
  position: absolute;
  right: 24px;
  z-index: 1
}

.comments-quote__unroll:hover {
  color: #b00
}

.comments-quote {
  border-bottom-right-radius: 9px;
  border-left: 3px solid #555;
  border-top-right-radius: 9px;
  margin-bottom: 12px;
  overflow: hidden
}

.comments-form__avatar {
  height: 70px;
  width: 70px
}

.comments-form__editor {
  align-items: center;
  border: 6px solid #ccc;
  border-radius: 16px;
  box-sizing: border-box;
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: flex;
  flex-grow: 1;
  height: 70px;
  padding-left: 16px;
  position: relative;
  transition: background-color .3s ease
}

.comments-form__editor:hover {
  background-color: #eee;
  cursor: pointer
}

.comments-form__editor:before {
  border: 15px solid transparent;
  border-right: 20px solid #ccc;
  content: "";
  left: -40px;
  position: absolute;
  top: 14px
}

.comments-form__icon {
  color: #999;
  font-size: 24px
}

.comments-form__invite {
  color: #777;
  font-size: 16px;
  letter-spacing: 1px
}

.comments-form {
  align-items: center;
  -moz-column-gap: 32px;
  column-gap: 32px;
  display: flex
}

.banner-avtomoirf__title {
  display: block;
  font-size: 24px;
  margin-bottom: 12px
}

.banner-avtomoirf__domain {
  display: block;
  font-size: 36px;
  font-weight: 500;
  margin-bottom: 12px;
  text-transform: uppercase
}

.banner-avtomoirf__description {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 24px;
  max-width: 340px
}

.banner-avtomoirf__more {
  background-color: #e20000;
  border: none;
  border-radius: var(--button-radius);
  color: #eee;
  display: block;
  font-size: 16px;
  letter-spacing: 1px;
  padding: 12px 0;
  text-transform: uppercase;
  width: 220px
}

.banner-avtomoirf {
  align-items: center;
  background-image: url(https://avtomoika.com/upload/medialibrary/f0a/mzbk5n7kwjzjgrf49z82v53dxwq2kqye.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: none;
  border-radius: var(--inset-radius);
  box-shadow: var(--inset-shadow);
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  min-height: 250px;
  overflow: hidden;
  padding: 18px;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 100%;
  z-index: 0
}

.banner-avtomoirf:after {
  background-color: #0051bb;
  bottom: 0;
  content: "";
  left: 0;
  opacity: .6;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1
}

.banner-avtomoirf:hover>.banner-avtomoirf__more {
  background-color: #c00000;
  transition: all .5s ease
}
/* End */


/* Start:/local/templates/avtomoicom-media_v2/styles.css?1755626551307*/
div#panel {
  position: fixed;
  width: 100%;
  z-index: 999999;
  bottom: 0;
}

form {
  margin-block-end: 0;
}

.page {
  -moz-user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -khtml-user-select: none;
}
/* End */
/* /local/templates/avtomoicom-media_v2/css/main_f1733fd2350a5318bf49.min.css?1755626656119378 */
/* /local/templates/avtomoicom-media_v2/styles.css?1755626551307 */