@charset "UTF-8";
body {
  margin: 0; }

.preloader {
  /*фиксированное позиционирование*/
  position: fixed;
  /* координаты положения */
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  /* фоновый цвет элемента */
  background: #beab9e;
  /* размещаем блок над всеми элементами на странице (это значение должно быть больше, чем у любого другого позиционированного элемента на странице) */
  z-index: 1001; }

.preloader__row {
  position: relative;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  margin-top: -35px;
  margin-left: -35px;
  text-align: center;
  animation: preloader-rotate 2s infinite linear; }

.preloader__item {
  position: absolute;
  display: inline-block;
  top: 0;
  background-color: #202020;
  border-radius: 100%;
  width: 35px;
  height: 35px;
  animation: preloader-bounce 2s infinite ease-in-out; }

.preloader__item:last-child {
  top: auto;
  bottom: 0;
  animation-delay: -1s; }

@keyframes preloader-rotate {
  100% {
    transform: rotate(360deg); } }
@keyframes preloader-bounce {
  0%,
    100% {
    transform: scale(0); }
  50% {
    transform: scale(1); } }
.loaded_hiding .preloader {
  transition: 0.3s opacity;
  opacity: 0; }

.loaded .preloader {
  display: none; }

.page1 .logo {
  clear: both;
  float: left;
  text-align: center;
  display: block;
  position: fixed;
  bottom: 50px;
  margin-left: 10px; }
  .page1 .logo img {
    height: 60px;
    margin: 10px 10px 0 10px; }

.ch-bg {
  display: block;
  width: 250px;
  position: absolute;
  z-index: 1; }

.photo {
  overflow: hidden;
  top: 0;
  left: 65%;
  position: absolute; }
  .photo .filter {
    background: #beab9ead;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2; }
  .photo img {
    transform: translateX(-55%);
    z-index: 1; }

.page2 .chernavsky {
  width: 60%;
  margin: auto; }
  .page2 .chernavsky .capt {
    color: white; }
  .page2 .chernavsky .carousel img {
    margin: 0 auto 50px;
    border-radius: 50%;
    width: 350px;
    height: auto;
    box-shadow: -5px 4px 3px black; }

.page2 .slick-initialized .slick-slide {
  display: block;
  opacity: 0.2;
  transform: scale(0.7);
  z-index: 10;
  transition: 0.5s; }

.page2 .slick-slide.slick-current.slick-active.slick-center {
  opacity: 1;
  transform: scale(1);
  z-index: 999; }

.arrows {
  font-size: 40px;
  color: #9b9b9b;
  width: 100%;
  position: absolute;
  margin: 20% 0px; }
  .arrows .perw {
    position: absolute;
    left: 0; }
  .arrows .next {
    position: absolute;
    right: 0; }

.page3 .slick-slider {
  height: 800px; }

.page3 .sections {
  /* полоса прокрутки (скроллбар) */
  /* ползунок скроллбара */ }
  .page3 .sections .text {
    text-align: justify;
    text-indent: 35px;
    width: 100%;
    height: 450px;
    margin-left: 40px;
    font-size: 11pt;
    font-weight: 400;
    color: #555555;
    line-height: 1.5;
    overflow: auto;
    padding-right: 20px; }
  .page3 .sections ::-webkit-scrollbar {
    width: 8px;
    /* ширина для вертикального скролла */
    height: 8px;
    /* высота для горизонтального скролла */
    background-color: #05050510;
    border-radius: 8px; }
  .page3 .sections ::-webkit-scrollbar-thumb {
    background-color: #0f0f0f1f;
    border-radius: 9em; }
  .page3 .sections ::-webkit-scrollbar-thumb:hover {
    background-color: #1f1f1f67; }
  .page3 .sections .section_0,
  .page3 .sections .section_1,
  .page3 .sections .section_2,
  .page3 .sections .section_3 {
    width: 100%;
    padding: 0 50px;
    display: inline-grid; }
  .page3 .sections .row-1 {
    display: flex; }
    .page3 .sections .row-1 .carousel_0,
    .page3 .sections .row-1 .carousel_1,
    .page3 .sections .row-1 .carousel_2,
    .page3 .sections .row-1 .carousel_3 {
      height: 450px;
      width: 450px; }
      .page3 .sections .row-1 .carousel_0 .img_max,
      .page3 .sections .row-1 .carousel_1 .img_max,
      .page3 .sections .row-1 .carousel_2 .img_max,
      .page3 .sections .row-1 .carousel_3 .img_max {
        overflow: hidden;
        width: 450px;
        height: 450px; }
        .page3 .sections .row-1 .carousel_0 .img_max img,
        .page3 .sections .row-1 .carousel_1 .img_max img,
        .page3 .sections .row-1 .carousel_2 .img_max img,
        .page3 .sections .row-1 .carousel_3 .img_max img {
          width: 110%;
          }
      .page3 .sections .row-1 .carousel_0 .caption,
      .page3 .sections .row-1 .carousel_1 .caption,
      .page3 .sections .row-1 .carousel_2 .caption,
      .page3 .sections .row-1 .carousel_3 .caption {
        background: #00000026;
        min-height: 25px;
        display: block;
        font-size: 10pt;
        font-weight: 100;
        color: black; }
  .page3 .sections .carousel_0-0,
  .page3 .sections .carousel_1-1,
  .page3 .sections .carousel_2-2,
  .page3 .sections .carousel_3-3 {
    height: 150px;
    margin: 100px 0; 
    width: inherit;}
    .page3 .sections .carousel_0-0 .slick-prev ,
    .page3 .sections .carousel_1-1 .slick-prev ,
    .page3 .sections .carousel_2-2 .slick-prev,
    .page3 .sections .carousel_3-3 .slick-prev ,
    .page3 .sections .carousel_0-0 .slick-next,
    .page3 .sections .carousel_1-1 .slick-next,
    .page3 .sections .carousel_2-2 .slick-next,
    .page3 .sections .carousel_3-3 .slick-next     {
      top: 24% !important;
    }
    .page3 .sections .carousel_0-0 .img_min,
    .page3 .sections .carousel_1-1 .img_min,
    .page3 .sections .carousel_2-2 .img_min,
    .page3 .sections .carousel_3-3 .img_min {
      overflow: hidden;
      margin: 0 10px;
      box-shadow: 5px 5px 5px #00000021;
      height: 150px; }
    .page3 .sections .carousel_0-0 img,
    .page3 .sections .carousel_1-1 img,
    .page3 .sections .carousel_2-2 img,
    .page3 .sections .carousel_3-3 img {
      width: 16vw;
      height: auto;
      transform: translateY(-30%) translateX(-20%); }
    .page3 .sections .carousel_0-0 .slick-next,
    .page3 .sections .carousel_1-1 .slick-next,
    .page3 .sections .carousel_2-2 .slick-next,
    .page3 .sections .carousel_3-3 .slick-next {
      right: -30px; }
    .page3 .sections .carousel_0-0 .slick-prev,
    .page3 .sections .carousel_1-1 .slick-prev,
    .page3 .sections .carousel_2-2 .slick-prev,
    .page3 .sections .carousel_3-3 .slick-prev {
      left: -30px; }

.modal.show .modal-dialog {
  margin: 4% auto; }
  .modal.show .modal-dialog .modal-content {
    background-color: #f5f0ed;
    text-align: justify;
    line-height: 1.2; }
    .modal.show .modal-dialog .modal-content p {
      margin-bottom: 5px; }

.modal-backdrop.fade.show {
  display: none !important; }

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