h1 {
  font-size: 6vh;
  text-align: center;
  clear: both;
}

@media screen and (max-aspect-ratio:  16/9) {
  h1 {
    font-size: 3.375vw;
  }
}

@media screen and (max-aspect-ratio:  1/1) {
  h1 {
    font-size: 3.375vh;
    margin-top: 10vh;
  }
}

@media screen and (max-aspect-ratio:  9/16) {
  h1 {
    font-size: 6vw;
    margin-top: 17vw;
  }
}

h2 {
  font-size: 5vh;
  margin: 0;
}

@media screen and (max-aspect-ratio:  16/9) {
  h2 {
    font-size: 2.8125vw;
  }
}

@media screen and (max-aspect-ratio:  1/1) {
  h2 {
    font-size: 2.8125vh;
  }
}

@media screen and (max-aspect-ratio:  9/16) {
  h2 {
    font-size: 5vw;
  }
}

.center {
  text-align: center;
}

h3, .lang {
  font-size: 4vh;
  margin: 0;
  text-align: center;
}

@media screen and (max-aspect-ratio:  16/9) {
  h3, .lang {
    font-size: 2.25vw;
  }
}

@media screen and (max-aspect-ratio:  1/1) {
  h3, .lang {
    font-size: 2.25vh;
  }
}

@media screen and (max-aspect-ratio:  9/16) {
  h3, .lang {
    font-size: 4vw;
  }
}

p {
  margin: 2vh 0 2vh 0;
}

.no_href:visited {
  color: #ff6600;
}

.no_href_cookie_g:visited {
  color: chartreuse;
}

.no_href_cookie_r:visited {
  color: deeppink;
}

.banner a {
  color: white;
}

.banner {
  text-align: center;
  margin-top: 1vh;
}

@media screen and (max-aspect-ratio:  16/9) {
  .banner {
    margin-top: 0.56vw;
  }
}

@media screen and (max-aspect-ratio:  1/1) {
  .banner {
    top: 0.56vh;
    left: 7vh;
    right: 7vh;
    position: absolute;
  }
}

@media screen and (max-aspect-ratio:  9/16) {
  .banner {
    top: 1vw;
    left: 15vw;
    right: 15vw;
    position: absolute;
  }
}

.txt_txt {
  width: 157vh;
  text-indent: 5vh;
  text-align: justify;
}

@media screen and (max-aspect-ratio:  16/9) {
  .txt_txt {
    width: 88.3vw;
    text-indent: 2.8vw;
  }
}

@media screen and (max-aspect-ratio:  1/1) {
  .txt_txt {
    width: 47vh;
    float: none;
    text-indent: 2.8vh;
  }
}

@media screen and (max-aspect-ratio:  9/16) {
  .txt_txt {
    width: 87.18vw;
    float: none;
    text-indent: 5vw;
  }
}

.txt_img_txt {
  float: right;
  width: 97vh;
  text-indent: 5vh;
  text-align: justify;
}

@media screen and (max-aspect-ratio:  16/9) {
  .txt_img_txt {
    width: 54.5vw;
    text-indent: 2.8vw;
  }
}

@media screen and (max-aspect-ratio:  1/1) {
  .txt_img_txt {
    width: auto;
    float: none;
    text-indent: 2.8vh;
  }
}

@media screen and (max-aspect-ratio:  9/16) {
  .txt_img_txt {
    width: auto;
    float: none;
    text-indent: 5vw;
  }
}

.bullet {
  font-size: 4vh;
  position: relative;
  width: 160vh;
  margin: 3vh auto;
  border-radius: 6vh;
  padding-left: 1vh;
  padding-right: 1vh;
  text-shadow: 0.21vw 0.21vw 0.3vw #111;
  line-height: 4vh;
}

@media screen and (max-aspect-ratio:  16/9) {
  .bullet {
    font-size: 2.25vw;
    line-height: 2.25vw;
    width: 89.6vw;
    padding-left: 0.56vw;
    padding-right: 0.56vw;
    margin: 1.69vw auto;
  }
}

@media screen and (max-aspect-ratio:  1/1) {
  .bullet {
    font-size: 2.25vh;
    line-height: 2.25vh;
    width: 50vh;
    padding-left: 0.56vh;
    padding-right: 0.56vh;
    margin: 1.69vh auto;
  }
}

@media screen and (max-aspect-ratio:  9/16) {
  .bullet {
    font-size: 4vw;
    line-height: 4vw;
    width: 88.88vw;
    padding-left: 1vw;
    padding-right: 1vw;
    margin: 3vw auto;
  }
}

@media screen and (max-aspect-ratio: 16/9) {
  .bullet {
    font-size: 2.25vw;
    line-height: 2.25vw;
    position: relative;
  }
}

@media screen and (max-aspect-ratio: 1/1) {
  .bullet {
    font-size: 2.25vh;
    line-height: 2.25vh;
  }
}

@media screen and (max-aspect-ratio: 9/16) {
  .bullet {
    font-size: 4vw;
    line-height: 4vw;
  }
}

.bulletdesk {
  font-size: 3.4vh;
  margin-top: 3vh;
  line-height: 3.4vh;
}

@media screen and (max-aspect-ratio:  16/9) {
  .bulletdesk {
    font-size: 1.9vw;
    line-height: 1.9vw;
    margin-top: 1.69vw;
  }
}

@media screen and (max-aspect-ratio:  1/1) {
  .bulletdesk {
    font-size: 1.9vh;
    line-height: 1.9vh;
    margin-top: 1.69vh;
  }
}

@media screen and (max-aspect-ratio:  9/16) {
  .bulletdesk {
    font-size: 3.4vw;
    line-height: 3.4vw;
    margin-top: 3vw;
  }
}

@media screen and (max-aspect-ratio: 16/9) {
  .bulletdesk {
    line-height: 1.91vw;
  }
}

@media screen and (max-aspect-ratio: 1/1) {
  .bulletdesk {
    line-height: 1.91vh;
  }
}

@media screen and (max-aspect-ratio: 9/16) {
  .bulletdesk {
    line-height: 3.4vw;
  }
}

.akcent {
  color: #ff6131;
  font-size: 4vh;
  line-height: 4vh;
}

@media screen and (max-aspect-ratio:  16/9) {
  .akcent {
    font-size: 2.53vw;
    line-height: 2.53vw;
  }
}

@media screen and (max-aspect-ratio:  1/1) {
  .akcent {
    font-size: 2.53vh;
    line-height: 2.53vh;
  }
}

@media screen and (max-aspect-ratio:  9/16) {
  .akcent {
    font-size: 4vw;
    line-height: 4vw;
  }
}

@media screen and (max-aspect-ratio: 16/9) {
  .akcent {
    line-height: 2.25vw;
  }
}

@media screen and (max-aspect-ratio: 1/1) {
  .akcent {
    line-height: 2.25vh;
  }
}

@media screen and (max-aspect-ratio: 9/16) {
  .akcent {
    line-height: 4vw;
  }
}

.img_img {
  width: 157vh;
  height: auto;
  margin: 3vh auto;
  display: block;
  position: relative;
  left: 0vw;
  border-radius: 6vh;
  filter: drop-shadow(0.5vw 0.5vw 0.5vw rgba(0,0,0,1));
}

@media screen and (max-aspect-ratio:  16/9) {
  .img_img {
    width: 88.3vw;
    border-radius: 3.37vw;
    margin: 1.69vw auto;
  }
}

@media screen and (max-aspect-ratio:  1/1) {
  .img_img {
    width: 47vh;
    border-radius: 3.37vh;
    margin: 1.69vh auto;
    display: block;
  }
}

@media screen and (max-aspect-ratio:  9/16) {
  .img_img {
    width: 87.18vw;
    border-radius: 6vw;
    margin: 3vw auto;
  }
}

.img_img_txt {
  width: 56vh;
  height: auto;
  position: relative;
  left: 0vw;
  border-radius: 6vh;
  filter: drop-shadow(0.5vw 0.5vw 0.5vw rgba(0,0,0,1));
}

@media screen and (max-aspect-ratio:  16/9) {
  .img_img_txt {
    width: 31vw;
    border-radius: 3.37vw;
  }
}

@media screen and (max-aspect-ratio:  1/1) {
  .img_img_txt {
    width: 47vh;
    border-radius: 3.37vh;
    margin: auto;
    float: none;
  }
}

@media screen and (max-aspect-ratio:  9/16) {
  .img_img_txt {
    width: 87.18vw;
    border-radius: 6vw;
    margin: auto;
    float: none;
  }
}

.video_video_txt {
  width: 56vh;
  height: 31.500000000138vh;
  float: left;
  margin-bottom: 3vh;
  position: relative;
  left: 0vw;
  border-radius: 6vh;
  filter: drop-shadow(0.5vw 0.5vw 0.5vw rgba(0,0,0,1));
}

@media screen and (max-aspect-ratio:  16/9) {
  .video_video_txt {
    width: 31vw;
    height: 17.7vw;
    border-radius: 3.37vw;
    margin-bottom: 1.69vw;
  }
}

@media screen and (max-aspect-ratio:  1/1) {
  .video_video_txt {
    width: 31vh;
    height: 17.7vh;
    border-radius: 3.37vh;
    margin-bottom: 14vh;
    margin-right: 30vh;
    display: block;
  }
}

@media screen and (max-aspect-ratio:  9/16) {
  .video_video_txt {
    width: 56vw;
    height: 31.5vw;
    border-radius: 6vw;
    margin-right: 30vw;
    margin-bottom: 17vw;
    display: block;
  }
}

@media screen and (max-aspect-ratio: 16/9) {
  .video_video_txt {
    height: 17.72vw;
  }
}

@media screen and (max-aspect-ratio: 1/1) {
  .video_video_txt {
    height: 17.72vh;
  }
}

@media screen and (max-aspect-ratio: 9/16) {
  .video_video_txt {
    height: 31.5vw;
  }
}

.bullet_pechat {
  position: absolute;
  bottom: 8vh;
  width: 157vh;
  right: 8vh;
}

@media screen and (max-aspect-ratio:  16/9) {
  .bullet_pechat {
    bottom: 4.5vw;
    width: 88.3vw;
    position: absolute;
    right: 4.5vw;
  }
}

@media screen and (max-aspect-ratio:  1/1) {
  .bullet_pechat {
    position: static;
    height: 15vh;
    width: 44vh;
    margin: auto;
    text-align: center;
  }
}

@media screen and (max-aspect-ratio:  9/16) {
  .bullet_pechat {
    position: static;
    height: 26vw;
    width: 88.9vw;
    margin: auto;
    text-align: center;
  }
}

.img_pechat {
  float: right;
  width: 22vh;
  margin-right: 2vh;
  filter: drop-shadow(0.5vw 0.5vw 0.5vw rgba(0,0,0,1));
}

@media screen and (max-aspect-ratio:  16/9) {
  .img_pechat {
    width: 12.4vw;
    margin-right: 1.125vw;
  }
}

@media screen and (max-aspect-ratio:  1/1) {
  .img_pechat {
    float: none;
    width: 12.4vh;
    margin: 1.125vh;
    display: inline-block;
  }
}

@media screen and (max-aspect-ratio:  9/16) {
  .img_pechat {
    float: none;
    width: 22vw;
    margin: 2vw;
    display: inline-block;
  }
}

.clearfix {
  clear: both;
}

.bullet_advertising {
  position: absolute;
  top: 4vh;
  left: 8vh;
  width: 100vh;
  text-shadow: 0.21vw 0.21vw 0.3vw #111;
}

@media screen and (max-aspect-ratio:  16/9) {
  .bullet_advertising {
    top: 2.25vw;
    left: 4.5vw;
    width: 56vw;
  }
}

@media screen and (max-aspect-ratio:  1/1) {
  .bullet_advertising {
    position: static;
    width: 50vh;
    margin: auto;
    margin-bottom: 3vh;
    text-align: center;
  }
}

@media screen and (max-aspect-ratio:  9/16) {
  .bullet_advertising {
    position: static;
    width: 88.9vw;
    margin: auto;
    margin-bottom: 5.33vw;
    text-align: center;
  }
}

.txt_advertising {
  font-size: 5vh;
  float: left;
  margin-top: 2vh;
  padding: 0 2vh;
  filter: drop-shadow(0.5vw 0.5vw 0.5vw rgba(0,0,0,1));
  background: rgba(255, 161, 11, 0.5);
  border-radius: 2vh;
  line-height: 5vh;
}

@media screen and (max-aspect-ratio:  16/9) {
  .txt_advertising {
    font-size: 2.8vw;
    margin-top: 1.125vw;
    padding: 0 1.125vw;
    border-radius: 1.125vw;
    line-height: 2.8vw;
  }
}

@media screen and (max-aspect-ratio:  1/1) {
  .txt_advertising {
    font-size: 2.8vh;
    float: none;
    height: 5vh;
    margin-top: 1.125vh;
    padding: 0 1.125vh;
    display: inline-block;
    border-radius: 2.5vh;
    line-height: 5vh;
  }
}

@media screen and (max-aspect-ratio:  9/16) {
  .txt_advertising {
    font-size: 5vw;
    float: none;
    height: 8.88vw;
    margin-top: 2vw;
    padding: 0 2vw;
    display: inline-block;
    border-radius: 4.44vw;
    line-height: 8.88vw;
  }
}

.bd1 {
  display: none;
}

@media screen and (max-aspect-ratio:  16/9) {
  .bd1 {
    display: none;
  }
}

@media screen and (max-aspect-ratio:  1/1) {
  .bd1 {
    display: block;
  }
}

@media screen and (max-aspect-ratio:  9/16) {
  .bd1 {
    display: block;
  }
}

.bd2 {
  display: block;
}

@media screen and (max-aspect-ratio:  16/9) {
  .bd2 {
    display: block;
  }
}

@media screen and (max-aspect-ratio:  1/1) {
  .bd2 {
    display: none;
  }
}

@media screen and (max-aspect-ratio:  9/16) {
  .bd2 {
    display: none;
  }
}

.box {
  border: 0.5vh solid antiquewhite;
  border-radius: 5vh;
  padding: 1vh;
}

@media screen and (max-aspect-ratio:  16/9) {
  .box {
    border: 0.28vw solid antiquewhite;
    border-radius: 2.8vw;
    padding: 0.56vw;
  }
}

@media screen and (max-aspect-ratio:  1/1) {
  .box {
    border: 0.28vh solid antiquewhite;
    border-radius: 2.8vh;
    padding: 0.56vh;
  }
}

@media screen and (max-aspect-ratio:  9/16) {
  .box {
    border: 0.5vw solid antiquewhite;
    border-radius: 5vw;
    padding: 1vw;
  }
}

iframe {
  width: 100%;
  height: 100%;
}

@media screen and (max-aspect-ratio:  16/9) {
  iframe {
    width: 100%;
    height: 100%;
  }
}

@media screen and (max-aspect-ratio:  1/1) {
  iframe {
    width: 47vh;
    height: 30vh;
  }
}

@media screen and (max-aspect-ratio:  9/16) {
  iframe {
    width: 83.5vw;
    height: 46vw;
  }
}

.head_bullet {
  font-size: 3.4vh;
  line-height: 3.4vh;
  margin-top: 5.33vh;
  margin-bottom: 3vh;
  text-transform: uppercase;
  text-align: center;
}

@media screen and (max-aspect-ratio:  16/9) {
  .head_bullet {
    font-size: 1.9vw;
    line-height: 1.9vw;
    margin-top: 3vw;
    margin-bottom: 1.69vw;
  }
}

@media screen and (max-aspect-ratio:  1/1) {
  .head_bullet {
    font-size: 1.9vh;
    line-height: 1.9vh;
    margin-top: 3vh;
    margin-bottom: 1.69vh;
  }
}

@media screen and (max-aspect-ratio:  9/16) {
  .head_bullet {
    font-size: 3.4vw;
    line-height: 3.4vw;
    margin-top: 5.33vw;
    margin-bottom: 3vw;
  }
}

.form-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-aspect-ratio: 1/1) {
  .form-row {
    flex-direction: column;
  }
}

@media screen and (max-aspect-ratio: 9/16) {
  .form-row {
    flex-direction: column;
  }
}

.form-row input, .form-row label {
  margin: 0.75vh 0;
}

.form-row input {
  flex: 1;
}

.form-row label {
  flex: 0 0 30%;
}

@media screen and (max-aspect-ratio: 16/9) {
  .form-row label {
    margin-bottom: 1.125vw;
  }
}

@media screen and (max-aspect-ratio: 1/1) {
  .form-row label {
    margin-bottom: 1.125vh;
  }
}

@media screen and (max-aspect-ratio: 9/16) {
  .form-row label {
    margin-bottom: 2vw;
  }
}

.form-container {
  max-width: 75vh;
  margin: 0 auto;
  padding: 2.25vh;
  border: 0.15vh solid #ccc;
  border-radius: 0.75vh;
  box-shadow: 0 0.3vh 0.75vh rgba(0,0,0,0.1);
}

@media screen and (max-aspect-ratio: 16/9) {
  .form-container {
    padding: 1.125vw;
  }
}

@media screen and (max-aspect-ratio: 1/1) {
  .form-container {
    padding: 1.125vh;
  }
}

@media screen and (max-aspect-ratio: 9/16) {
  .form-container {
    padding: 2vw;
  }
}

.form-button {
  background-color: #007bff;
  color: #fff;
  padding: 1.5vh 2.25vh;
  border: none;
  border-radius: 0.75vh;
  cursor: pointer;
}

@media screen and (max-aspect-ratio: 16/9) {
  .form-button {
    padding: 0.9vw 1.35vw;
  }
}

@media screen and (max-aspect-ratio: 1/1) {
  .form-button {
    padding: 0.9vh 1.35vh;
  }
}

@media screen and (max-aspect-ratio: 9/16) {
  .form-button {
    padding: 1.6vw 2.3vw;
  }
}

.form-button:hover {
  background-color: #0056b3;
}

.form-note {
  font-size: 3,55vh;
  margin-bottom: 2vh;
  color: red;
}

@media screen and (max-aspect-ratio: 16/9) {
  .form-note {
    font-size: 2vw;
    margin-bottom: 1.08vw;
  }
}

@media screen and (max-aspect-ratio: 1/1) {
  .form-note {
    font-size: 2vh;
    margin-bottom: 2vh;
  }
}

@media screen and (max-aspect-ratio: 9/16) {
  .form-note {
    font-size: 3,55vw;
    margin-bottom: 3.16vw;
  }
}

.form-row input, .form-row textarea {
  width: 100%;
  padding: 1.2vh;
  border: 0.15vh solid #ccc;
  border-radius: 0.75vh;
}

@media screen and (max-aspect-ratio: 16/9) {
  .form-row input, .form-row textarea {
    padding: 0.72vw;
    border: 0.09vw solid #ccc;
    border-radius: 0.42vw;
  }
}

@media screen and (max-aspect-ratio: 1/1) {
  .form-row input, .form-row textarea {
    padding: 1.2vh;
    border: 0.15vh solid #ccc;
    border-radius: 0.75vh;
  }
}

@media screen and (max-aspect-ratio: 9/16) {
  .form-row input, .form-row textarea {
    padding: 1.89vw;
    border: 0.236vw solid #ccc;
    border-radius: 1.18vw;
  }
}

.form-row input:focus, .form-row textarea:focus {
  border-color: #007bff;
  outline: none;
}

.no {
  background-color: #f8d7da;
}

.txt_video_txt {
  float: right;
  width: 97vh;
  text-indent: 5vh;
  text-align: justify;
}

@media screen and (max-aspect-ratio:  16/9) {
  .txt_video_txt {
    width: 54.5vw;
    text-indent: 2.8vw;
  }
}

@media screen and (max-aspect-ratio:  1/1) {
  .txt_video_txt {
    width: auto;
    float: none;
    text-indent: 2.8vh;
  }
}

@media screen and (max-aspect-ratio:  9/16) {
  .txt_video_txt {
    width: auto;
    float: none;
    text-indent: 5vw;
  }
}

body {
  font-size: 4vh;
}

@media screen and (max-aspect-ratio: 16/9) {
  body {
    font-size: 2.25vw;
  }
}

@media screen and (max-aspect-ratio: 1/1) {
  body {
    font-size: 2.25vh;
  }
}

@media screen and (max-aspect-ratio: 9/16) {
  body {
    font-size: 4vw;
  }
}