@charset "UTF-8";
/* mixins
-------------------------------------------------------------- */
.main-image .customBlock {
  text-align: center;
}
.main-image .customBlock .bgWrapper {
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.main-image .customBlock .bgWrapper .bg {
  position: relative;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  min-height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  -ms-align-content: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}
@media (max-width: 1024px) {
  .main-image .customBlock .bgWrapper .bg {
    height: 100%;
    min-height: 100%;
    padding: 240px 0;
  }
}
@media (max-width: 924px) {
  .main-image .customBlock .bgWrapper .bg {
    padding: 180px 0;
  }
}
.main-image .customBlock .bgWrapper .bg .middle {
  font-size: 48px;
  line-height: 1.35;
  position: relative;
  z-index: 12;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-align-self: auto;
  -ms-flex-item-align: auto;
      -ms-grid-row-align: auto;
      align-self: auto;
  max-width: 880px;
  color: #fff;
  font-weight: 700;
  letter-spacing: 1px;
  -webkit-transition: all 0.35s ease-in-out 0.2s;
  transition: all 0.35s ease-in-out 0.2s;
  filter: alpha(opacity=0);
  -moz-opacity: 0; /* Mozilla 1.6 и ниже */
  -khtml-opacity: 0; /* Konqueror 3.1, Safari 1.1 */
  opacity: 0; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */ /* Для Firefox */ /* Для IE */
  -webkit-transform: translateZ(12px) translateY(25px); /* Для Safari, Chrome, iOS */ /* Для Opera */
  transform: translateZ(12px) translateY(25px);
}
.main-image .customBlock .bgWrapper .bg .middle.visible, .wp-admin .main-image .customBlock .bgWrapper .bg .middle, .block-editor-iframe__body .main-image .customBlock .bgWrapper .bg .middle {
  filter: alpha(opacity=100);
  -moz-opacity: 1; /* Mozilla 1.6 и ниже */
  -khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */
  opacity: 1; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */ /* Для Firefox */ /* Для IE */
  -webkit-transform: translateZ(12px) translateY(0px); /* Для Safari, Chrome, iOS */ /* Для Opera */
  transform: translateZ(12px) translateY(0px);
}
@media (max-width: 1024px) {
  .main-image .customBlock .bgWrapper .bg .middle {
    font-size: 42px;
  }
}
@media (max-width: 924px) {
  .main-image .customBlock .bgWrapper .bg .middle {
    font-size: 36px;
  }
}
@media (max-width: 484px) {
  .main-image .customBlock .bgWrapper .bg .middle {
    font-size: 28px;
  }
}
.main-image .customBlock .bgWrapper.illustration .bg:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 10; /* Для Firefox */ /* Для IE */
  -webkit-transform: translateZ(10px) translate(-50%, -50%); /* Для Safari, Chrome, iOS */ /* Для Opera */
  transform: translateZ(10px) translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: 640px;
  height: 300px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQzIiBoZWlnaHQ9IjMwMCIgdmlld0JveD0iMCAwIDY0MyAzMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwOC4zNjUgMjkxLjEwNUwxMDguMzY1IDQ0LjYyOTdMMTAzLjQ3NCA0Mi4xNzIzTDM3LjQzNTMgOC44Nzc0N0w5OS40ODE4IDguODc3NDhMMTY5LjQ5NiA4Ljg3NzQ5QzIyNy45MyA4Ljg3NzQ5IDI3Mi4wODkgMTkuNjkzMSAzMDAuNzQ0IDQxLjA2NDhDMzI4Ljk4NSA2Mi4xMDc4IDM0Mi43MDggOTIuOTc5OSAzNDIuNzA4IDEzNS42NzFDMzQyLjcwOCAyNDAuMjI4IDI4NC44NzggMjkxLjA3MSAxNjUuOTM2IDI5MS4wNzFMMTA4LjM2NSAyOTEuMDcxTDEwOC4zNjUgMjkxLjEwNVpNOTkuNDgxOCAzMDBMMTY1LjkzNiAzMDBDMjg5LjcwNiAzMDAgMzUxLjU5MSAyNDUuMjM1IDM1MS41OTEgMTM1LjcwNkMzNTEuNTkxIDQ1LjMyNzcgMjkwLjg5MyAwLjA5MjMxMDQgMTY5LjQ5NiAxLjQ1OTA2ZS0wNUw5OS40ODE4IDguNDY2ODZlLTA2TDIuNjIxNDJlLTA1IC0yLjM0MzA5ZS0wN0w5OS40ODE4IDUwLjE4NDZMOTkuNDgxOCAzMDBaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXIpIi8+PHBhdGggZD0iTTM5OS43NzQgMjkxLjEwNUwzOTkuNzc0IDQ0LjYyOTdMMzk0Ljg4MyA0Mi4xNzIzTDMyOC44NDQgOC44Nzc0N0wzOTAuODkxIDguODc3NDhMNDYwLjkwNSA4Ljg3NzQ5QzUxOS4zMzkgOC44Nzc0OSA1NjMuNDk3IDE5LjY5MzEgNTkyLjE1MyA0MS4wNjQ4QzYyMC4zOTQgNjIuMTA3OCA2MzQuMTE2IDkyLjk3OTkgNjM0LjExNiAxMzUuNjcxQzYzNC4xMTYgMjQwLjIyOCA1NzYuMjg3IDI5MS4wNzEgNDU3LjM0NCAyOTEuMDcxTDM5OS43NzQgMjkxLjA3MUwzOTkuNzc0IDI5MS4xMDVaTTM5MC44OTEgMzAwTDQ1Ny4zNDQgMzAwQzU4MS4xMTUgMzAwIDY0MyAyNDUuMjM1IDY0MyAxMzUuNzA2QzY0MyA0NS4zMjc3IDU4Mi4zMDIgMC4wOTIzMTA0IDQ2MC45MDUgMS40NTkwNmUtMDVMMzkwLjg5MSA4LjQ2Njg2ZS0wNkwyOTEuNDA5IC0yLjM0MzA5ZS0wN0wzOTAuODkxIDUwLjE4NDZMMzkwLjg5MSAzMDBaIiBmaWxsPSJ1cmwoI3BhaW50MV9saW5lYXIpIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyIiB4MT0iMzUxLjU5MSIgeTE9IjE0OS45ODMiIHgyPSIxLjMxMDg2ZS0wNSIgeTI9IjE0OS45ODMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjRUIzRTI0Ii8+PHN0b3Agb2Zmc2V0PSIwLjU5IiBzdG9wLWNvbG9yPSIjRjI2NTIyIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRjE4NDJCIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXIiIHgxPSI2NDMiIHkxPSIxNDkuOTgzIiB4Mj0iMjkxLjQwOSIgeTI9IjE0OS45ODMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjRUIzRTI0Ii8+PHN0b3Agb2Zmc2V0PSIwLjU5IiBzdG9wLWNvbG9yPSIjRjI2NTIyIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRjE4NDJCIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 1024px) {
  .main-image .customBlock .bgWrapper.illustration .bg:before {
    width: 60%;
    height: 60%;
  }
}
@media (max-width: 924px) {
  .main-image .customBlock .bgWrapper.illustration .bg:before {
    width: 80%;
    height: 80%;
  }
}
.main-image.width-wide {
  padding: 0;
}
.main-image.width-wide .customBlock {
  max-width: 100%;
}
.main-image.width-default {
  padding: 0 20px;
}
.main-image.width-default .customBlock {
  max-width: 1090px;
  margin: 0 auto;
}
.main-image.width-thin {
  padding: 0 20px;
}
.main-image.width-thin .customBlock {
  max-width: 960px;
  margin: 0 auto;
}
.main-image.height-25 .customBlock .bgWrapper .bg {
  height: 25vh;
  height: 25dvh;
}
.main-image.height-30 .customBlock .bgWrapper .bg {
  height: 30vh;
  height: 30dvh;
}
.main-image.height-35 .customBlock .bgWrapper .bg {
  height: 35vh;
  height: 35dvh;
}
.main-image.height-40 .customBlock .bgWrapper .bg {
  height: 40vh;
  height: 40dvh;
}
.main-image.height-45 .customBlock .bgWrapper .bg {
  height: 45vh;
  height: 45dvh;
}
.main-image.height-50 .customBlock .bgWrapper .bg {
  height: 50vh;
  height: 50dvh;
}
.main-image.height-55 .customBlock .bgWrapper .bg {
  height: 55vh;
  height: 55dvh;
}
.main-image.height-60 .customBlock .bgWrapper .bg {
  height: 60vh;
  height: 60dvh;
}
.main-image.height-65 .customBlock .bgWrapper .bg {
  height: 65vh;
  height: 65dvh;
}
.main-image.height-70 .customBlock .bgWrapper .bg {
  height: 70vh;
  height: 70dvh;
}
.main-image.height-75 .customBlock .bgWrapper .bg {
  height: 75vh;
  height: 75dvh;
}
.main-image.height-80 .customBlock .bgWrapper .bg {
  height: 80vh;
  height: 80dvh;
}
.main-image.height-85 .customBlock .bgWrapper .bg {
  height: 85vh;
  height: 85dvh;
}
.main-image.height-90 .customBlock .bgWrapper .bg {
  height: 90vh;
  height: 90dvh;
}
.main-image.height-95 .customBlock .bgWrapper .bg {
  height: 95vh;
  height: 95dvh;
}
.main-image.height-100 .customBlock .bgWrapper .bg {
  height: 100vh;
  height: 100dvh;
}