@charset "UTF-8";
html {
  min-height: 100%; }

body {
  background-color: #f1f1f1;
  overflow-x: hidden;
  color: #646464;
  font-family: 'Montserrat', sans-serif;
  min-width: 800px; }

.name {
  position: relative;
  display: block;
  text-align: center;
  color: #727272;
  margin: 8% 0 0; }
  .name_xl {
    font-family: 'Montserrat', sans-serif;
    font-size: 70pt;
    line-height: 90px;
    font-weight: 400; }
  .name_sm {
    margin: 0px 0px 0 17px;
    font-family: 'Raleway', sans-serif;
    font-size: 18pt;
    font-weight: 400;
    letter-spacing: 18.5px; }

.name_xs {
  text-align: center;
  margin: 4% 20%; }

#print {
  display: none; }
  #print .new {
    opacity: 0; }
  #print .div_opacity {
    -webkit-transition: opacity .1s ease-in-out;
    -moz-transition: opacity .1s ease-in-out;
    -ms-transition: opacity .1s ease-in-out;
    -o-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out;
    opacity: 1; }

.polosa {
  background-color: #56565666;
  padding: 0;
  min-height: 25vh;
  margin: 0;
  width: 100%;
  box-shadow: 10px 10px 30px #d4d4d4, -1px -1px 1px #ffffffcb, -10px -10px 10px #ffffffcb;
  color: white;
  text-align: center; }
  .polosa_text {
    margin: 2% 10%;
    font-size: 18pt;
    display: inline-block;
    text-align: center;
    position: relative; }
    .polosa_text::first-line {
      margin: 1% auto 5%;
      font-size: 25pt;
      display: inline-block;
      text-align: center;
      position: relative; }
  .polosa_znak {
    font-size: 25vh;
    opacity: 0.8;
    color: #497ea0;
    position: absolute;
    margin: -3% 3%;
    text-align: left; }

.circle {
  z-index: -999;
  border-radius: 50%;
  box-shadow: 20px 15px 40px #d4d4d4, -1px -1px 1px #ffffffcb, -20px -15px 40px #ffffffcb;
  position: absolute;
  display: block; }
  .circle_big {
    width: 45vh;
    height: 45vh; }
  .circle_medium {
    width: 35vh;
    height: 35vh; }
  .circle_small {
    width: 20vh;
    height: 20vh; }

.one {
  left: 74vw;
  top: 68vh;
  animation: pulse 2s cubic-bezier(0.5, 0.5, 0, 1); }
  .one circle {
    fill: #28343b;
    transform: scale(0);
    opacity: 0;
    transform-origin: 50% 50%;
    animation: pulse 2s 1s cubic-bezier(0.5, 0.5, 0, 1); }
    .one circle:nth-child(2) {
      fill: #446e8a;
      animation: pulse 2s 1.55s cubic-bezier(0.5, 0.5, 0, 1); }
    .one circle:nth-child(3) {
      fill: #5ba2ce;
      animation: pulse 2s 2.3s cubic-bezier(0.5, 0.5, 0, 1); }

.two {
  left: 65vw;
  top: -8vh; }
  .two circle {
    fill: #28343b;
    transform: scale(0);
    opacity: 0;
    transform-origin: 50% 50%;
    animation: pulse 2s cubic-bezier(0.5, 0.5, 0, 1); }
    .two circle:nth-child(2) {
      fill: #446e8a;
      animation: pulse 2s 0.75s cubic-bezier(0.5, 0.5, 0, 1); }
    .two circle:nth-child(3) {
      fill: #5ba2ce;
      animation: pulse 2s 1.5s cubic-bezier(0.5, 0.5, 0, 1); }

.three {
  left: -8vw;
  top: 20vh; }
  .three circle {
    fill: #28343b;
    transform: scale(0);
    opacity: 0;
    transform-origin: 50% 50%;
    animation: pulse 2s 0.5s cubic-bezier(0.5, 0.5, 0, 1); }
    .three circle:nth-child(2) {
      fill: #446e8a;
      animation: pulse 2s 1.25s cubic-bezier(0.5, 0.5, 0, 1); }
    .three circle:nth-child(3) {
      fill: #5ba2ce;
      animation: pulse 2s 2s cubic-bezier(0.5, 0.5, 0, 1); }

.four {
  left: -15vw;
  top: 280vh; }

.five {
  left: -6vw;
  top: 145vh; }

.six {
  left: 70vw;
  top: 180vh; }

.pulse {
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 50rem; }

@keyframes pulse {
  25% {
    opacity: 0.5; }
  100% {
    transform: scale(1); } }
.timeline {
  width: 50%;
  text-align: center;
  margin: 4% auto 15%;
  min-width: 800px; }
  .timeline .line {
    display: inline-block;
    font-size: 15pt; }
    .timeline .line .square {
      background-color: #497ea0;
      width: 25px;
      margin: 40px 20px;
      position: relative;
      box-shadow: 5px 5px 10px #d4d4d4, -5px -5px 10px #ffffffcb;
      animation: loading 3s ease forwards; }
  .timeline hr {
    margin: -45px 0;
    box-shadow: 1px 1px 2px #d4d4d4, -1px -1px 2px #ffffffcb;
    -webkit-box-shadow: 1px 1px 2px #d4d4d4, -1px -1px 2px #ffffffcb;
    -moz-box-shadow: 1px 1px 2px #d4d4d4, -1px -1px 2px #ffffffcb; }

@keyframes loading {
  to {
    width: 45px; } }
.b_li {
  max-width: 80%;
  margin: 3% auto;
  text-align: justify;
  border-radius: 10px;
  padding: 25px; }
  .b_li .text {
    text-indent: 30px; }

h2 {
  text-align: center;
  margin: 0 auto 3%;
  color: #497ea0;
  font-weight: 600;
  font-size: 22pt; }

.content {
  background-color: rgba(0, 0, 0, 0.062);
  border-radius: 10px;
  padding: 20px;
  max-height: 85vh;
  overflow: auto;
  /* полоса прокрутки (скроллбар) */
  /* ползунок скроллбара */
  /* Стрелки */ }
  .content::-webkit-scrollbar {
    width: 12px;
    background-color: #dadada; }
  .content::-webkit-scrollbar-thumb {
    height: 15%;
    width: 2px;
    border-radius: 2em;
    border: 1px solid rgba(0, 0, 0, 0.172);
    box-shadow: inset 1px 1px 5px #b1b1b1; }
  .content::-webkit-scrollbar-thumb:hover {
    background-color: #497ea0; }
  .content::-webkit-scrollbar-button:vertical:start:decrement {
    height: 10px;
    background: linear-gradient(120deg, #d0d0d0 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(240deg, #d0d0d0 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(0deg, #d0d0d0 40%, rgba(0, 0, 0, 0) 31%);
    background-color: #f6f8f4; }
  .content::-webkit-scrollbar-button:vertical:end:increment {
    height: 10px;
    background: linear-gradient(300deg, #d0d0d0 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(60deg, #d0d0d0 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(180deg, #d0d0d0 30%, rgba(0, 0, 0, 0) 31%);
    background-color: #f6f8f4; }

.razdel_text {
  font-size: 16pt;
  text-indent: 40px;
  padding-left: 20px;
  color: rgba(0, 0, 0, 0.671); }
  .razdel_text p::first-letter {
    font-size: 20pt;
    color: #497ea0;
    font-weight: 900; }

.gallery {
  padding: 10px;
  text-align: center;
  border-right: 1px solid;
  padding-right: 20px;
  border-color: rgba(0, 0, 0, 0.123);
  overflow: hidden; }
  .gallery .delo_name {
    text-align: justify;
    margin-bottom: 10px;
    line-height: 1.2;
    font-size: 11pt; }
  .gallery img {
    position: relative;
    display: inline-block;
    width: 15%;
    margin: 0 1% 1%;
    border: 1px solid rgba(0, 0, 0, 0.349); }
  .gallery hr {
    width: 80%;
    background-color: rgba(0, 0, 0, 0.123); }

footer {
  text-align: center;
  font-size: 16pt; }
  footer span {
    color: #497ea0;
    font-weight: 600; }
  footer .col-md-5 {
    display: inline-block;
    margin: 2% 0; }
  footer .col-md-12 {
    background-color: #497ea0;
    color: white;
    height: 7vh;
    padding: 2vh; }
  footer hr {
    width: 70%;
    margin: auto; }

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