/* ВЭД Старт. Размеры, цвета и шрифты исходной темы, без Bootstrap и Drupal. */
@font-face {
  font-family: Circe;
  src: url('../fonts/CRC55.woff') format('woff');
  font-weight: 400 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Circe;
  src: url('../fonts/Circe-Bold.woff') format('woff');
  font-weight: 600 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Circe;
  src: url('../fonts/Circe-ExtraBold.woff') format('woff');
  font-weight: 800 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: icomoon;
  src: url('../fonts/icomoon.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
:root {
  --brand: #c72146;
  --text: #333;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  position: relative;
  font-family: Circe, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.42857143;
  color: var(--text);
  background: #fff;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[hidden] { display: none !important; }
img { border: 0; }
.img-responsive { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
a:hover { color: inherit; }
a:focus-visible, button:focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 5px;
}
p { margin: 0 0 11px; }
h1, h2, h3, h4 {
  margin: 0;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: var(--brand);
}
h1 { font-size: 2.375em; }
h2 { font-size: 34px; }
h4 { margin: 11px 0; font-size: 20px; }
ul { margin: 0 0 11px; }
button { font: inherit; cursor: pointer; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.container { margin-inline: auto; padding-inline: 15px; }
.container-fluid { margin-inline: auto; padding-inline: 15px; }
.container-fluid .container { padding-inline: 0; }
/* Та же сетка и контрольные ширины, реализованные на Flexbox. */
.row { display: flex; flex-wrap: wrap; margin-inline: -15px; }
.row > * { position: relative; min-height: 1px; padding-inline: 15px; }
.col-xs-12, .col-sm-4, .col-sm-8, .col-md-6 { width: 100%; }
.col-xs-6 { width: 50%; }
.col-xs-offset-3 { margin-left: 25%; }
.col-xs-push-3 { left: 25%; }
.skip-link {
  position: absolute;
  left: 20px;
  top: 10px;
  z-index: 10000;
  padding: 10px 16px;
  color: #fff;
  background: var(--brand);
  transform: translateY(-200%);
}
.skip-link:focus { transform: none; }
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
header { overflow: hidden; background: transparent; }
#top { position: relative; z-index: 2; text-align: center; }
#top .head { display: block; max-width: 1280px; margin-inline: auto; }
#goods, #partners, #where { padding-block: 90px; }
#top, #goods, #partners, #where { padding-inline: 20px; }
#goods, #partners { font-size: 20px; }
#goods .bold {
  position: relative;
  margin: 0 0 20px;
  color: var(--brand);
  font-size: 24px;
  font-weight: 800;
  line-height: 1;
}
#goods .icons { margin-block: 50px; font-size: 20px; line-height: 1.1; }
#goods .icons > .row { margin-bottom: 30px; }
#goods .icons .h4 {
  margin: 11px 0;
  color: var(--brand);
  font-size: 24px;
  font-weight: 800;
  line-height: 1;
}
#goods .icons .ic { padding: 20px 40px; }
#goods ul { margin-top: 10px; padding-left: 15px; list-style: none; }
#goods li { margin: 15px 0; line-height: 1.1; }
#goods li::before {
  content: '—';
  position: relative;
  left: -7px;
  font-weight: 600;
  background: linear-gradient(to right, #fba12e, #ec6585);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#goods a { color: var(--brand); text-decoration: underline; }
#goods a:hover { text-decoration: none; }
.hrt { border-top: 1px solid #ccc; }
.block-title { font-size: 46px; }
#partners h2 { margin-bottom: 20px; text-align: center; font-weight: 800; }
.footer { position: relative; overflow: hidden; color: #fff; background: var(--brand); }
#where { font-size: 18px; }
.footer a { color: #fff; }
.footer span { display: block; }
.footer .contact-email { margin-bottom: 30px; }
.footer .fullcol { margin-top: 20px; text-align: justify; }
.footer .social { text-align: right; }
.footer .social a {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: var(--brand);
  background: #fff;
  vertical-align: middle;
}
.icon-vk::before {
  content: '\e908';
  display: block;
  font-family: icomoon;
  font-size: 1.5em;
  line-height: 50px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
}
/* Уведомление исходного модуля; cookie_consent действует 60 дней. */
#cookie-consent {
  position: fixed;
  left: 20px;
  bottom: 20px;
  z-index: 9999;
  width: 600px;
  max-height: calc(100dvh - 40px);
  overflow: auto;
  padding: 20px;
  border-radius: 15px;
  color: var(--text);
  background: #fff;
  box-shadow: 0 4px 8px rgb(0 0 0 / 10%);
  font-family: Arial, sans-serif;
  font-size: 18px;
}
.cookie-consent-text { margin-bottom: 15px; line-height: 1.4; }
.cookie-consent-text a { text-decoration: underline; }
.cookie-consent-button-container { text-align: right; }
.cookie-consent-button {
  display: inline-block;
  padding: 10px 20px;
  border: 0;
  border-radius: 5px;
  color: #fff;
  background: #c4193e;
  font-size: 16px;
  transition: background .3s;
}
.cookie-consent-button:hover { background: #971330; }
.document-header { padding-block: 23px; }
.document-content { padding: 40px; }
.document-content h1 { margin-bottom: 28px; overflow-wrap: anywhere; }
.document-content h2 { margin: 32px 0 16px; font-size: 28px; }
.document-content p { margin-bottom: 16px; }
.document-content a { color: var(--brand); text-decoration: underline; overflow-wrap: anywhere; }
.document-content iframe { width: 100%; min-height: 80vh; border: 1px solid #ccc; }
.document-content .back-link { display: inline-block; margin-bottom: 28px; }
.tracking-pixel { position: absolute; left: -9999px; width: 1px; height: 1px; }
@media (min-width: 768px) {
  .container { width: 750px; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-8 { width: 66.66666667%; }
  #goods .bold, #goods .icons .h4 { font-size: 34px; }
}
@media (min-width: 991px) {
  #top, #goods, #partners, #where { padding-inline: 50px; }
}
@media (min-width: 992px) {
  .container { width: 970px; }
  .col-md-6 { width: 50%; }
  .col-md-offset-3 { margin-left: 25%; }
}
@media (min-width: 1200px) {
  .container { width: 100%; max-width: 1280px; }
}
@media (max-width: 992px) {
  #goods, #partners, #where { padding-block: 60px; }
}
@media (max-width: 991px) {
  #top { padding-inline: 0; }
  #top .head { width: 600px; overflow: hidden; }
  #top .head img { margin-left: 25%; transform: translateX(-275px); }
}
@media (max-width: 768px) {
  #goods .icons .row > div { margin-bottom: 20px; text-align: center; }
  #cookie-consent { left: 20px; right: 20px; width: auto; }
  .cookie-consent-button { width: 100%; text-align: center; }
}
@media (max-width: 767px) {
  #goods .icons .ic { padding: 0; }
  .footer .social { margin-top: 30px; text-align: center; }
  .document-content { padding: 25px 20px; }
  .document-content h1 { font-size: 30px; }
}
@media (max-width: 380px) {
  .footer .contact-email { overflow-wrap: anywhere; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; }
}
@media print {
  body { color: #000; background: #fff; }
  #cookie-consent, .skip-link, .social { display: none !important; }
  .footer { color: #000; background: #fff; }
  .footer a { color: #000; }
  img { max-width: 100% !important; }
  h1, h2, h4 { break-after: avoid; }
}