/* Шрифты */
@font-face {
  font-family: 'Tangak';
  src: url('../fonts/Tangak.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'FlowExt';
  src: url('../fonts/FlowExt.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Pacifico';
  src: url('../fonts/Pacifico-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Caveat';
  src: url('../fonts/Caveat-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Bosk';
  src: url('../fonts/Bosk.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'cheeseusaceu';
  src: url('../fonts/cheeseusaceu.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'MuseoCyrl';
  src: url('../fonts/MuseoCyrl-500.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Philosopher';
  src: url('../fonts/Philosopher.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'MarckScript';
  src: url('../fonts/MarckScript-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

/*Адаптивный дизайн*/
  @media (min-width: 992px){
    .header {
      height: 70px;
      flex-flow: row;
      display: inline-flex;
      align-items: center;
      justify-items: center;
    }

    a {
      height: 40px;
    }

    video {
      margin-bottom: 20px;
    }

    .logo {
      height: 40px;
      margin-top: 0px;
    }

    .info {
      display: inline-flex;
      flex-flow: row;
      width: 100%;
      margin-top: 10px;
      margin-bottom: 10px;
      margin-left: 20px;
    }

    #center {
      font-size: 25px;
      align-items: center;
      justify-content: center;
      width: 100%;
      margin-top: 0px;
      margin-bottom: 0px;
    }

    .image {
        height: 42px;
        width: 42px;
    }

    .container {
        height: 42px;
        width: 42px;
        margin: 0px;
        margin-right: 20px;
        margin-left: 20px;
    }

    .txt {
        height: 42px;
        font-size: 23px;
    }

    .content {
      margin-top: 70px;
    }

    .textH {
      padding-top: 20px;
      padding-bottom: 20px;
      text-align: left;
    }

    .text {
      text-align: left;
    }

    .block {
      flex-flow: column;
    }

    .element1, .element2 {
      flex-flow: column;
    }

    .element1 {
      margin-right: 5%;
    }

    .parallelB {
      flex-flow: row;
    }

    .maps {
      width: 100%;
      height: 40vw;
    }
  }

  @media (min-width: 768px) and (max-width: 992px){
    .header {
      height: 70px;
      flex-flow: row;
      display: inline-flex;
      align-items: center;
      justify-items: center;
    }

    a {
      height: 40px;
    }

    video {
      margin-bottom: 20px;
    }

    .logo {
      height: 40px;
      margin-top: 0px;
    }

    .info {
      display: inline-flex;
      flex-flow: row;
      width: 100%;
      margin-top: 10px;
      margin-bottom: 10px;
      margin-left: 20px;
    }

    #center {
      font-size: 23px;
      align-items: center;
      justify-content: center;
      width: 100%;
      margin-top: 0px;
      margin-bottom: 0px;
    }

    .image {
        height: 42px;
        width: 42px;
    }

    .container {
        height: 42px;
        width: 42px;
        margin: 0px;
        margin-right: 20px;
        margin-left: 20px;
    }

    .txt {
        height: 42px;
        font-size: 23px;
    }

    .content {
      margin-top: 70px;
    }

    .textH {
      padding-top: 20px;
      padding-bottom: 20px;
      text-align: left;
    }

    .text {
      text-align: center;
    }

    .block {
      flex-flow: column;
    }

    .element1, .element2 {
      flex-flow: column;
    }

    .element1 {
      margin-right: 5%;
    }

    .parallelB {
      flex-flow: row;
    }

    .maps {
      width: 100%;
      height: 40vw;
    }
  }

  @media (min-width: 576px) and (max-width: 768px){
    .header {
      height: 70px;
      flex-flow: row;
      display: inline-flex;
      align-items: center;
      justify-items: center;
    }

    a {
      height: 40px;
    }

    video {
      margin-top: 5%;
      margin-bottom: 20px;
    }

    .logo {
      height: 40px;
      margin-top: 0px;
    }

    .info {
      display: inline-flex;
      flex-flow: row;
      width: 100%;
      margin-top: 10px;
      margin-bottom: 10px;
      margin-left: 20px;
    }

    #center {
      font-size: 23px;
      align-items: center;
      justify-content: center;
      width: 100%;
      margin-top: 0px;
      margin-bottom: 0px;
    }

    .image {
        height: 42px;
        width: 42px;
    }

    .container {
        height: 42px;
        width: 42px;
        margin: 0px;
        margin-right: 20px;
        margin-left: 20px;
    }

    .txt {
        height: 42px;
        font-size: 23px;
    }

    .content {
      margin-top: 70px;
    }

    .textH {
      padding-top: 20px;
      padding-bottom: 20px;
      text-align: left;
    }

    .text {
      text-align: left;
    }

    .block {
      flex-flow: column;
    }

    .element1, .element2 {
      flex-flow: column;
    }

    .parallelB {
      flex-flow: column;
    }

    .maps {
      width: 100%;
      height: 60vw;
    }
  }

  @media (min-width: 0px) and (max-width: 576px){
    .header {
      height: 110px;
      flex-flow: row;
      display: inline-flex;
      align-items: center;
      justify-items: center;
    }

    a {
      height: 40px;
    }

    video {
      margin-top: 5%;
      margin-bottom: 20px;
    }

    .logo {
      height: 40px;
      margin: 0px;
    }

    .info {
      display: grid;
      justify-items: left;
      justify-content: left;
      width: 100%;
      margin-left: 25px;
    }

    #center {
      font-size: 21px;
      justify-content: left;
      width: 100%;
      margin-top: 5px;
      margin-bottom: 0px;
    }

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

    .container {
        height: 40px;
        width: 40px;
        margin: 0px;
        margin-right: 30px;
        margin-left: 30px;
    }

    .txt {
        height: 40px;
        font-size: 20px;
    }

    .content {
      margin-top: 110px;
    }

    #first {
      text-align: center;
    }

    .textH {
      padding-top: 20px;
      padding-bottom: 20px;
      text-align: left;
    }

    .text {
      text-align: center;
    }

    .block {
      flex-flow: column;
    }

    .element1, .element2 {
      flex-flow: column;
    }

    .parallelB {
      flex-flow: column;
    }

    .maps {
      width: 100%;
      height: 60vw;
    }
  }

/*Общие стили*/

body {
    min-width: 320px;
    width: 100%;
    height: 100vh;
    margin: 0px;
    display: block;
}

html {
    background-color: white;
    scroll-behavior: smooth;
}

a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: rgb(67, 197, 95);
}

iframe {
  border: none;
  border-radius: 20px;
}

/*Анимации*/

.a:nth-child(2) {
    opacity: 0; /* Скрываем второе изображение */
}

.container:hover .image:nth-child(1) {
    opacity: 0; /* Скрываем первое изображение при наведении */
}

.container:hover .a:nth-child(2) {
    opacity: 1; /* Показываем второе изображение при наведении */
}

/*Контент-блоки*/

    /*Статический заголовок сайта*/

    .header {
        position: fixed;
        z-index: 100;
        width: 100%;
        background-color: rgb(35, 35, 37);
        box-shadow: 0px 0px 5px 2px rgba(35, 35, 37, 0.575);
        margin: 0px;
    }

    /*Тело сайта*/

    .content {
        display: inline-block;
        width: 100%;
        min-height: 100%;
        padding-bottom: 7.5%;
        background: radial-gradient(at 76.42479009798306% 75.00023260883725%, hsla(163.3734939759036, 95.4022988505747%, 17.058823529411764%, 1) 0%, hsla(163.3734939759036, 95.4022988505747%, 17.058823529411764%, 0) 100%), radial-gradient(at 6.689391143750711% 69.12285825168935%, hsla(163.0939226519337, 95.76719576719576%, 37.05882352941177%, 1) 0%, hsla(163.0939226519337, 95.76719576719576%, 37.05882352941177%, 0) 100%), radial-gradient(at 92.24157589411377% 63.15203762446764%, hsla(163.0622009569378, 95.4337899543379%, 57.05882352941176%, 1) 0%, hsla(163.0622009569378, 95.4337899543379%, 57.05882352941176%, 0) 100%), radial-gradient(at 92.76002300101653% 3.503610003599422%, hsla(163.3734939759036, 95.4022988505747%, 17.058823529411764%, 1) 0%, hsla(163.3734939759036, 95.4022988505747%, 17.058823529411764%, 0) 100%), radial-gradient(at 66.73856904124223% 69.96696492141945%, hsla(163.0939226519337, 95.76719576719576%, 37.05882352941177%, 1) 0%, hsla(163.0939226519337, 95.76719576719576%, 37.05882352941177%, 0) 100%), radial-gradient(at 39.164131925784716% 71.63340823020164%, hsla(163.0622009569378, 95.4337899543379%, 57.05882352941176%, 1) 0%, hsla(163.0622009569378, 95.4337899543379%, 57.05882352941176%, 0) 100%);
        /* background: radial-gradient(at 21.422998233138134% 56.09280902628184%, hsla(197.1428571428571, 90.32258064516132%, 87.84313725490196%, 1) 0%, hsla(197.1428571428571, 90.32258064516132%, 87.84313725490196%, 0) 100%), radial-gradient(at 85.46528114489233% 64.30043185046553%, hsla(184.0000000000001, 71.4285714285715%, 95.88235294117648%, 1) 0%, hsla(184.0000000000001, 71.4285714285715%, 95.88235294117648%, 0) 100%), radial-gradient(at 28.317915281743545% 38.38187919455547%, hsla(188.25, 96.77419354838709%, 48.62745098039216%, 1) 0%, hsla(188.25, 96.77419354838709%, 48.62745098039216%, 0) 100%); */
    }

    .box {
        display: block;
        text-align: center;
        width: 100%;
        max-height: 100%;
    }

    .parallelB {
        display: inline-flex;
        width: 85%;
    }

    .block {
        display: inline-flex;
        margin-top: 3%;
        width: 85%;
    }

    .element1, .element2 {
        display: inline-block;
        width: 100%;
    }

    .endC {
        display: inline-flex;
        margin: 0px;
        width: 100%;
        align-items: center;
        height: 65px;
        background-color: rgb(35, 35, 37);
    }

    /* Карты */

    .maps {
      display: inline-flex;
      justify-content: center;
      align-items: center;
    }

    /* #imgOln {
      width: 90%;
      position: absolute;
      display: visible;
    }

    #imgBlt {
      width: 90%;
      position: absolute;
      display: visible;
    } */

    #mapOln {
      width: 100%;
      height: 100%;
    }

    #mapBlt {
      width: 100%;
      height: 100%;
    }

    #imgOln, #mapOln {
      transition: opacity 0.5s ease;
    }

    #imgBlt, #mapBlt {
      transition: opacity 0.5s ease;
    }

/*Текстовые блоки*/

#center {
    display: flex;
    color: white;
    /* font-family: 'cheeseusaceu'; */
    font-family: 'MuseoCyrl';
    font-style: oblique 5deg;
    letter-spacing: 2px;
}

.text {
    font-size: 20px;
    letter-spacing: 2.5px;
    margin-bottom: 25px;
    display: inline-block;
    /* color: #66aa62; */
    color: white;
    /* font-family: 'Segoe UI', monospace; */
    /* font-family: 'FlowExt'; */
    font-family: 'MuseoCyrl';
    width: 100%;
}

#first {
  font-size: 27px;
}

.textH {
    display: inline-block;
    /* color: #66aa62; */
    color: white;
    /* font-family: 'cheeseusaceu'; */
    font-family: 'MuseoCyrl';
    letter-spacing: 3px;
    font-style: oblique 5deg;
    margin: 0px;
    width: 100%;
}

.textU {
    font-size: xx-large;
    margin: 0px;
    width: 100%;
    min-width: 100px;
    padding-right: 40px;
    color: rgb(34, 102, 49);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

    .txtO {
        transition: opacity 0.3s ease;
        display: flex;
        /* font-family:'Caveat'; */
        font-family:'Caveat';
        letter-spacing: 0px;
        width: 100%;
        margin: 0px;
        margin-right: 20px;
        justify-content: right;
        font-size: 30px;
        color: white;
    }

/*Ссылки*/

/*Изображения*/

.anchor {
    margin: 0px;
    margin-left: 17px;
    height: 40px;
}

    /*Смена языка*/

    .container {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .image {
        transition: opacity 0.5s ease;
        display: flex;
        justify-content: center;
        margin: 0px;
        align-content: center;
    }

    .txt {
        transition: opacity 0.3s ease;
        display: flex;
        justify-content: center;
        margin: 0px;
        align-items: center;
        color: #ffffff;
        text-decoration: none;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    .a {
        position: absolute;
    }

.imgH {
    width: 47.5%;
}

.imgV {
    width: 95%;
}

.imgU {
    width: 100%;
    margin-top: 0px;
    border-radius: 15px;
}

/*Видео контент*/

video {
    width: 100%;
    border-radius: 15px;
}

/*Разделительные линии*/

hr {
    /* color: #66aa62; */
    color: white;
    margin: 0px;
    width: 100%;
}