:root {
  --padding-edge: calc(10px + 150*(100vw - 300px)/(1900 - 400)); }

html {
  font-size: 100%;
  font-size: calc(14px + (18 - 14) * (100vw - 320px)/(1920 - 320)); }

body {
  margin: 0; }

.region, .page__content {
  padding: 0.3rem 2vw; }

@media (min-width: 769px) {
  .page__content {
    padding: 0; }
  .page {
    display: grid;
    grid-template-rows: repeat(13, auto);
    grid-template-columns: minmax(230px, 1fr) 2fr minmax(22rem, 1.1fr);
    max-width: 1720px;
    margin: auto;
    padding: 0 3vw 0 3vw; }
    .no-sidebars .page {
      grid-template-areas: "hea-top hea-top hea-top" "hea-mid hea-mid hea-mid" "hea-bot hea-bot hea-bot" "main    main    main" "col-lef col-lef col-lef" "col-rgt col-rgt col-rgt" "fot-tt fot-tt fot-tt" "fot-top fot-top fot-top" "fot-bot fot-bot fot-bot"; }
    .one-sidebar.sidebar-first .page {
      grid-template-areas: "hea-top hea-top hea-top" "hea-mid hea-mid hea-mid" "hea-bot hea-bot hea-bot" "col-lef main    main   " "col-rgt col-rgt col-rgt" "fot-tt fot-tt fot-tt" "fot-top fot-top fot-top" "fot-bot fot-bot fot-bot"; }
    .one-sidebar.sidebar-second .page {
      grid-template-areas: "hea-top hea-top hea-top" "hea-mid hea-mid hea-mid" "hea-bot hea-bot hea-bot" "main    main    col-rgt" "col-lef col-lef col-lef" "fot-tt fot-tt fot-tt" "fot-top fot-top fot-top" "fot-bot fot-bot fot-bot"; }
    .two-sidebars .page {
      grid-template-areas: "hea-top hea-top hea-top" "hea-mid hea-mid hea-mid" "hea-bot hea-bot hea-bot" "col-lef main    col-rgt" "fot-tt fot-tt fot-tt" "fot-top fot-top fot-top" "fot-bot fot-bot fot-bot"; }
  .page__header-top {
    grid-area: hea-top;
    padding: 0.3rem var(--padding-edge); }
  .page__header-middle {
    grid-area: hea-mid;
    padding: 0.3rem var(--padding-edge); }
  .page__header-bottom {
    grid-area: hea-bot;
    padding: 0.3rem var(--padding-edge); }
  main {
    grid-area: main;
    padding: 0.3rem var(--padding-edge); }
    .one-sidebar.sidebar-first main {
      padding: 0.3rem var(--padding-edge) 0.3rem 2vw; }
    .one-sidebar.sidebar-second main {
      padding: 0.3rem 2vw 0.3rem var(--padding-edge); }
    .two-sidebars main {
      padding: 0.3rem 2vw; }
  .page__content-before {
    padding: 0; }
  .page__column-left {
    grid-area: col-lef;
    padding: 0.3rem var(--padding-edge); }
    .one-sidebar.sidebar-first .page__column-left, .two-sidebars .page__column-left {
      padding: 0.3rem 2vw 0.3rem var(--padding-edge); }
  .page__column-right {
    grid-area: col-rgt;
    padding: 0.3rem var(--padding-edge); }
    .one-sidebar.sidebar-second .page__column-right, .two-sidebars .page__column-right {
      padding: 0.3rem var(--padding-edge) 0.3rem 2vw; }
  .page__footer-top-top {
    grid-area: fot-tt;
    padding: 0.3rem var(--padding-edge) 0.3rem var(--padding-edge); }
  .page__footer-top {
    grid-area: fot-top;
    padding: 0.3rem var(--padding-edge) 0.3rem var(--padding-edge); }
  .footer-bottom {
    grid-area: fot-bot;
    padding: 0.3rem calc(var(--padding-edge) + 3vw); }
  .region-over-page {
    padding: 0.3rem 2vw; }
  .region-above-page, .region-under-page {
    max-width: 1720px;
    margin: auto;
    padding: 0.3rem calc(var(--padding-edge) + 3vw); } }
@media (min-width: 769px) and (max-width: 1024px) {
  .two-sidebars .page {
    grid-template-areas: "hea-top hea-top hea-top" "hea-mid hea-mid hea-mid" "hea-bot hea-bot hea-bot" "col-lef main    main   " "col-rgt col-rgt col-rgt" "fot-tt fot-tt fot-tt" "fot-top fot-top fot-top" "fot-bot fot-bot fot-bot"; } }
@media (min-width: 769px) and (max-width: 1024px) {
  .one-sidebar.sidebar-first main, .two-sidebars main {
    padding: 0.3rem var(--padding-edge) 0.3rem 2vw; }
  .one-sidebar.sidebar-second main {
    padding: 0.3rem 2vw 0.3rem var(--padding-edge); } }
@media (min-width: 769px) and (max-width: 768px) {
  .one-sidebar.sidebar-first main, .one-sidebar.sidebar-second main, .two-sidebars main {
    padding: 0.3rem var(--padding-edge); } }
@media (min-width: 769px) and (max-width: 1024px) {
  .one-sidebar.sidebar-second .page__column-right, .two-sidebars .page__column-right {
    padding: 0.3rem var(--padding-edge) 0.3rem 2vw; } }
@media (min-width: 769px) and (max-width: 768px) {
  .one-sidebar.sidebar-second .page__column-right {
    padding: 0.3rem 2vw 0.3rem var(--padding-edge); } }
/**
* Compiled from sites/amberarena.ru/files/themes_creator/themes/amberarena_ru/stylesheets/all/layout.scss
* 
*/