.magpage {
  padding-top: 250px;
  margin-top: -250px;
  background: url("../img/magazbg.jpeg") no-repeat top center;
  background-size: 100% 250px; }
  .magpage .maggrid {
    display: grid;
    grid-template-columns: 1.5fr 4fr;
    padding: 80px 0 40px 80px;
    grid-gap: 40px;
    background: url(../img/magmapbg.jpg) no-repeat;
    background-size: cover; }
    .magpage .maggrid .magleft {
      display: grid;
      grid-gap: 25px;
      height: fit-content; }
      .magpage .maggrid .magleft .magttl {
        font-size: 36px;
        color: #fff;
        line-height: 1;
        margin: 0;
        font-weight: 400; }
      .magpage .maggrid .magleft .magselect {
        width: 100%;
        padding: 20px 40px;
        border-radius: 8px;
        background: #e9e9e9e8;
        font-size: 24px;
        text-transform: uppercase; }
        .magpage .maggrid .magleft .magselect::marker {
          font-size: 32px; }
        .magpage .maggrid .magleft .magselect option {
          font-size: 24px;
          text-transform: uppercase; }
      .magpage .maggrid .magleft .magtext {
        font-size: 20px;
        color: #ffffff;
        display: none; }
        .magpage .maggrid .magleft .magtext span, .magpage .maggrid .magleft .magtext p {
          font-size: 20px;
          color: #ffffff; }
        .magpage .maggrid .magleft .magtext span {
          text-transform: uppercase; }
      .magpage .maggrid .magleft .magtext-active {
        display: grid;
        grid-gap: 10px; }
  .magpage .mapgalary {
    display: none;
    grid-template-columns: repeat(6, 1fr); }
    .magpage .mapgalary a {
      display: block; }
    .magpage .mapgalary img {
      display: block;
      width: 100%;
      height: 420px;
      object-fit: cover; }
  .magpage .mapgalary-active {
    display: grid; }

.header-title {
  display: none; }

.ymaps-layers-pane {
  -webkit-filter: grayscale(100%); }

@media (max-width: 1400px) {
  .magpage .maggrid {
    grid-template-columns: 1fr 2fr; }

  .magpage .maggrid .magleft .magtext span, .magpage .maggrid .magleft .magtext p {
    font-size: 16px; } }
@media (max-width: 1200px) {
  .magpage .maggrid {
    grid-template-columns: 1fr;
    padding: 40px; }

  .magpage .maggrid .mapframe {
    max-height: 350px; }

  .magpage .maggrid .magleft .magtext span, .magpage .maggrid .magleft .magtext p {
    font-size: 14px; }

  .magpage .mapgalary {
    grid-template-columns: repeat(3, 1fr); } }

/*# sourceMappingURL=style.css.map */