@font-face {
  font-family: 'Yeseva One';
  src: local("Yeseva One Regular"), local("Yeseva One-Regular"), url("../css/fonts/Yeseva_One/Yeseva_One.ttf") format("truetype");
  font-weight: 100;
  font-style: normal; }
.header_line {
  width: 100%;
  background-color: #0c3b71;
  height: 100px;
  text-align: left; }

.header_razdel {
  font-family: "Yeseva One";
  color: white;
  font-size: 30pt;
  text-align: left;
  width: 50%;
  margin: 0 auto;
  padding: 2% 0; }

#gallery {
  text-align: center;
  margin: 2%; }
  #gallery a {
    width: auto; }
  #gallery .photo {
    margin: 2%;
    display: inline-grid; }
  #gallery .caption {
    width: 200px;
    font-size: 10pt;
    text-align: center; }

.text {
  font-family: 'Montserrat', sans-serif;
  text-align: justify;
  width: 50%;
  margin: 0 auto;
  padding: 2% 0; }
  .text p {
    text-indent: 3%;
    margin: 0 0 10px 0; }

.min-card {
  margin: 2% 0;
  max-height: 15vh;
  transition: 1s ease-in-out; }

.show {
  margin-bottom: 3%; }

.card {
  width: 100%;
  overflow: hidden;
  text-align: center; }
  .card-title {
    font-family: "Yeseva One";
    text-align: center; }
  .card-text {
    text-align: justify; }
    .card-text p {
      text-indent: 30px; }
  .card .btn {
    background-color: #164aaa;
    cursor: pointer;
    width: auto; }
    .card .btn:hover {
      color: #dadada; }
  .card-img-overlay {
    padding: 3em;
    background-color: #00000065;
    text-shadow: 1px 1px 2px black; }

.pravila {
  border-radius: 5px;
  padding: 1%;
  height: auto;
  margin: 1% 0; }
  .pravila .content {
    border: 1px dashed white;
    border-radius: 5px; }

.citation_header {
  font-family: 'Bebas Neue';
  text-align: center;
  color: white;
  padding: 1%; }

.citation_text {
  color: white;
  padding: 1%;
  text-align: center; }

.razdel {
  height: 50vh;
  overflow: hidden;
  margin: 4% 0 0 0; }
  .razdel__karta {
    width: 100%; }
  .razdel__sumin {
    position: absolute;
    height: 60vh;
    max-width: 100%;
    z-index: 2;
    left: 10%;
    opacity: 0;
    transition: 1s;
    animation: show1 1s 1;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: 0s; }
  .razdel__razdel {
    position: absolute;
    height: 50vh;
    max-width: 100%;
    z-index: 2;
    right: 0%;
    opacity: 0;
    transition: 1s;
    animation: show1 0.5s 1;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: 0.5s; }

.fon {
  height: 60vh;
  overflow: hidden;
  margin: 3.5% 0 0 0; }
  .fon__karta {
    width: 100%; }
  .fon__sumin {
    position: absolute;
    height: 60vh;
    max-width: 100%;
    z-index: 2;
    left: 10%;
    opacity: 0;
    transition: 1s;
    animation: show1 1s 1;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: 0s; }
  .fon__razdel {
    position: absolute;
    height: 50vh;
    max-width: 100%;
    z-index: 2;
    right: 0%;
    opacity: 0;
    transition: 1s;
    animation: show1 0.5s 1;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: 0.5s; }
@keyframes show1 {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.citation {
  position: absolute;
  display: block;
  top: 25%;
  width: 30%;
  font-size: 16pt;
  text-align: justify;
  color: #0c3b71;
  font-weight: 400;
  font-family: 'Bebas Neue';
  margin: 0 3%;
  opacity: 0;
  animation: show1 0.5s 1;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s; }
  .citation span {
    position: absolute;
    right: 0;
    text-align: end;
    top: 100%;
    font-size: 12pt; }

.text_header {
  position: relative;
  display: block;
  font-family: "Yeseva One";
  font-size: 45pt;
  text-align: end;
  right: 25%;
  margin: 10px 0; }
  .text_header span {
    right: 20px;
    position: absolute;
    font-size: 9pt; }

.info {
  z-index: 98; }
  .info__line {
    background-color: white;
    width: 450px;
    height: 80px;
    position: absolute;
    z-index: 3;
    text-align: center;
    right: 230px;
    top: 51vh;
    padding: 8px 0;
    box-shadow: 4px 3px 8px #0000008a;
    font-size: 12pt;
    display: none; }
    .info__line span {
      right: 20px;
      position: absolute;
      font-size: 9pt; }

.square {
  background-color: #0c3b71;
  width: 100px;
  height: 100px;
  display: block;
  position: absolute;
  z-index: 99;
  right: 130px;
  top: 50vh;
  box-shadow: 4px 3px 8px #0000008a; }
@keyframes size_circle {
  0% {
    color: #0c3b71;
    width: 90px;
    height: 90px; }
  50% {
    color: white;
    width: 70px;
    height: 70px;
    margin: 15px auto;
    padding: 0px 0; }
  100% {
    color: #0c3b71;
    width: 90px;
    height: 90px; } }
  .square .circle {
    width: 90px;
    height: 90px;
    border: 3px solid white;
    border-radius: 100%;
    margin: 5px auto;
    padding: 10px 0;
    font-size: 30pt;
    text-align: center;
    color: white;
    font-family: 'Yeseva One';
    animation: size_circle 2s linear, ease;
    animation-delay: 2s;
    animation-iteration-count: infinite;
    box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.22); }
    .square .circle:hover {
      cursor: pointer;
      animation-play-state: paused; }
    .square .circle:active {
      box-shadow: 0px 0px 15px 2px inset rgba(0, 0, 0, 0.336);
      animation-play-state: paused; }

@keyframes authors {
  0% {
    margin-top: 10%; }
  100% {
    margin-top: -80%; } }
.seti {
  color: white;
  font-size: 25pt;
  padding: 2%;
  width: 25%;
  text-align: end;
  display: grid;
  font-size: 14pt; }
  .seti i {
    margin: 2%; }
  .seti a {
    width: auto;
    padding: 0;
    margin: 0; }
    .seti a:hover {
      color: #1767b3; }

.povtor {
  width: 25%;
  display: grid;
  border-left: 1px solid white;
  padding: 1%; }
  .povtor a {
    width: auto;
    padding: 0;
    margin: 0; }
    .povtor a:hover {
      color: #1767b3; }

.ogacho {
  width: 100%;
  text-align: center;
  color: black; }
  .ogacho p {
    margin: 0; }

footer {
  width: 100%;
  background-color: #0c3b71;
  height: 25vh;
  display: flex; }
  footer #head_authors {
    margin: 0.5% 0;
    text-align: center;
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-size: 14pt;
    text-transform: uppercase;
    width: 50%;
    font-weight: 700;
    position: absolute; }
  footer .authors {
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-weight: 200;
    font-size: 12pt;
    width: 50%;
    padding: 4% 1%;
    overflow: hidden;
    height: 10px;
    border-top: 40px solid #0c3b71; }
    footer .authors #item1 {
      animation: authors 40s ease-in-out;
      animation-iteration-count: infinite; }
    footer .authors p span {
      font-weight: 600;
      text-transform: uppercase; }

@media screen and (max-width: 1600px) {
  .fon {
    margin: 4% 0 0 0; }

  footer {
    height: 20vh; }
    footer footer .authors {
      padding: 5% 1%; }
    footer .povtor a {
      font-size: 14pt; } }
@media screen and (max-width: 1501px) {
  .menu {
    font-size: 14pt; }

  .text {
    width: 60%; }

  footer {
    height: 20vh; }
    footer .povtor a {
      font-size: 16pt; } }
@media screen and (max-width: 1280px) {
  .razdel {
    margin: 4.5% 0 0 0; }

  .povtor a {
    font-size: 14pt !important; } }
@media screen and (max-width: 1100px) {
  .razdel {
    height: 30vh;
    margin: 5.5% 0 0 0; }
    .razdel__razdel {
      height: 30vh; }

  .citation {
    top: 15%;
    width: 40%; }

  .fon {
    height: 30vh;
    margin: 5% 0 0 0; }

  .fon__sumin {
    height: 30vh;
    left: 0%; }

  .square {
    top: 25vh; }

  .info__line {
    top: 26vh; }

  .text {
    width: 80%; }

  .min-card {
    max-height: 10vh; }

  .header_razdel {
    font-size: 25pt;
    margin: 0 10%; }

  footer .povtor a {
    font-size: 14pt; }

  footer .authors {
    font-size: 14pt;
    padding: 10% 1%; }

  #slides .slide .title {
    font-size: 3em !important;
    top: calc(70% - 0.5em) !important; } }
@media screen and (max-width: 768px) {
  .razdel {
    margin: 5.5% 0 0 0; }

  .square {
    right: 20px;
    top: 23vh; }

  .fon {
    margin: 6% 0 0 0; }

  .info__line {
    right: 120px;
    top: 24vh; }

  .text_header {
    right: 10%; }

  .citation {
    font-size: 9pt; }
    .citation span {
      font-size: 7pt; }

  .header_razdel {
    font-size: 20pt;
    margin: 0 10%;
    padding: 4% 0; }

  .card-img-overlay {
    padding: 2em; }

  #gallery a img {
    width: 160px; }

  #gallery .caption {
    font-size: 8pt;
    width: 160px; }

  footer .povtor {
    display: none; }

  footer .authors {
    font-size: 12pt;
    padding: 8% 1%;
    width: 100%; }

  footer #head_authors {
    width: 100%; }

  footer {
    height: 18vh; }

  #slides .slide .title {
    font-size: 24pt !important;
    top: calc(75% - 0.5em) !important; } }
@media screen and (max-width: 600px) {
  .razdel {
    margin: 7.5% 0 0 0; }

  .razdel {
    height: 20vh; }
    .razdel__razdel {
      height: 20vh; }

  .fon {
    margin: 7% 0 0 0; }

  .text_header {
    font-size: 30pt; }

  .citation {
    top: 10%;
    width: 45%;
    font-size: 8pt; }
    .citation span {
      font-size: 6pt; }

  .header_razdel {
    font-size: 13pt;
    padding: 4% 0; }

  .header_line {
    height: 70px; }

  .text {
    font-size: 11pt; }

  .card-img-overlay .btn {
    font-size: 10pt; }

  .pravila {
    height: auto !important; }

  .ogacho {
    font-size: 10pt; }

  .square {
    display: none; }

  #slides .slide .title {
    left: 40px !important;
    font-size: 20pt !important;
    top: calc(75% - 0.5em) !important; } }
@media screen and (max-width: 468px) {
  .razdel {
    margin: 13.5% 0 0 0; }

  .fon {
    margin: 14% 0 0 0; }

  .citation {
    font-size: 6pt;
    top: 8%; }
    .citation span {
      font-size: 4pt; }
    .citation p {
      margin-bottom: 5px; }

  .card-img-overlay {
    padding: 1em; }

  .text {
    font-size: 10pt;
    width: 90%; }

  .header_line {
    height: 60px; }

  footer .authors {
    font-size: 10pt; }

  #slides .slide .title {
    left: 34px !important;
    font-size: 14pt !important;
    top: calc(65% - 0.5em) !important; } }
@media screen and (max-width: 321px) {
  .header_razdel {
    font-size: 8pt; }

  .text_header {
    font-size: 16pt; }

  .header_line {
    height: 40px; }

  .text {
    font-size: 7pt; }

  #gallery .caption {
    font-size: 4pt;
    width: 80px; }

  #gallery a img {
    width: 80px; }

  .ogacho {
    font-size: 7pt; }

  footer #head_authors {
    font-size: 10pt; }

  footer .authors {
    font-size: 7pt; } }

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