/* compiled by scssphp v0.1.9 on Wed, 28 Oct 2026 08:37:50 +0300 (0.0029s) */

/* Пути
 ========================================================================== */
/* Шрифты
 ========================================================================== */
/* Размеры шрифтов
 ========================================================================== */
/* Размеры экранов
 ========================================================================== */
/* Цвета
 ========================================================================== */
/* Цвета авто в наличии
 ========================================================================== */
/**
 * Контрольные точки
 * 
 * @type {map}
 * 
 * @require {variable} screen-lg-min
 * @require {variable} screen-md-max
 * @require {variable} screen-sm-max
 * @require {variable} screen-xs-max
 */
/**
 * Генерация медиа-запроса
 * 
 * @param {string} $point
 * 
 * @require {variable} $breakpoints
 */
/**
 * Исправление действия свойства vertical-align
 * 
 * Применяется к родительскому элементу.
 * 
 * @param {string} $align
 */
/**
 * Стили для заголовков
 * 
 * @require {variable}	$h1-font-size
 * @require {variable}	$h1-font-size-md
 * @require {variable}	$h1-font-size-sm
 * @require {variable}	$h1-font-size-xs
 * @require {mixin}		breakpoint
 */
/**
 * Стили для параграфов
 */
/**
 * @require {variable}	$p-font-size
 * @require {variable}	$p-font-size-md
 * @require {variable}	$p-font-size-sm
 * @require {variable}	$p-font-size-xs
 * @require {mixin}		breakpoint
 */
/**
 * @require {variable}	$p-smaller-font-size
 * @require {variable}	$p-smaller-font-size-md
 * @require {variable}	$p-smaller-font-size-sm
 * @require {variable}	$p-smaller-font-size-xs
 * @require {mixin}		breakpoint
 */
/**
 * @require {variable}	$p-bigger-font-size
 * @require {variable}	$p-bigger-font-size-md
 * @require {variable}	$p-bigger-font-size-sm
 * @require {variable}	$p-bigger-font-size-xs
 * @require {mixin}		breakpoint
 */
/**
 * Стили для блоков главной
 */
/**
 * Стилизация placeholder
 */
/**
 * Управление переносом строк при разбивке содержимого на колонки
 */
.Banner {
  position: relative;
  margin: auto;
  padding: 10px 0;
  font-size: 0;
  line-height: 0; }
  .Banner-link {
    display: block; }
    .Banner-link img {
      display: block;
      width: auto;
      padding: 0;
      margin: 0; }
    .Banner-link--flash {
      position: absolute;
      top: 10px;
      left: 0; }
  .Banner--auto_buy {
    background: url('/app/src/img/auto_buy_banner.jpg') no-repeat center; }
  .Banner--auto_tradein {
    background: url('/app/src/img/auto_tradein_banner.jpg') no-repeat center; }
  .Banner#Banner_23 {
    height: 100% !important;
    padding-left: 2px; }

.Banner-wrapper--auto_purchase {
  padding: 18px 0 20px; }
  .Banner-wrapper--auto_purchase .Banner {
    height: 193px;
    padding: 20px 20px;
    color: #fff;
    background-size: cover;
    border-radius: 8px; }
    .Banner-wrapper--auto_purchase .Banner .Banner-title {
      font-weight: bold;
      font-size: 18px;
      margin-bottom: 5px; }
    .Banner-wrapper--auto_purchase .Banner .Banner-description {
      font-size: 14px;
      line-height: 16px;
      margin-bottom: 16px;
      max-width: 340px; }
    .Banner-wrapper--auto_purchase .Banner .Banner-link_info {
      display: block;
      font-size: 16px;
      font-weight: 500;
      color: #fff; }
      .Banner-wrapper--auto_purchase .Banner .Banner-link_info .Banner-link_info-question {
        width: 16px;
        height: 16px;
        background: #2ecc71;
        border-radius: 50%;
        margin-left: 3px;
        vertical-align: 10%;
        display: inline-block;
        font-size: 11px;
        line-height: 15px;
        text-align: center; }
      .Banner-wrapper--auto_purchase .Banner .Banner-link_info:hover {
        text-decoration: underline; }
        .Banner-wrapper--auto_purchase .Banner .Banner-link_info:hover .Banner-link_info-question {
          background-color: #239854; }
/* @media
 ========================================================================== */
@media screen and (min-width: 1340px) {
    .Banner-wrapper--auto_purchase .Banner {
      height: 260px;
      padding: 38px 42px; }
      .Banner-wrapper--auto_purchase .Banner .Banner-title {
        font-size: 24px; }
      .Banner-wrapper--auto_purchase .Banner .Banner-description {
        font-size: 16px;
        line-height: 19px;
        margin-bottom: 16px;
        max-width: 400px; }
      .Banner-wrapper--auto_purchase .Banner .Banner-link_info {
        font-size: 18px;
        display: inline-block; }
        .Banner-wrapper--auto_purchase .Banner .Banner-link_info .Banner-link_info-question {
          width: 20px;
          height: 20px;
          padding: 3px 0;
          font-size: 13px; } }