/* Generated by less 3.11.1 */
@font-face {
  font-family: 'ProximaNova';
  src: url('../font/proxima-nova/ProximaNova-Black/font.woff2') format('woff2'), url('../font/proxima-nova/ProximaNova-Black/font.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNova';
  src: url('../font/proxima-nova/ProximaNova-BlackIt/font.woff2') format('woff2'), url('../font/proxima-nova/ProximaNova-BlackIt/font.woff') format('woff');
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: 'ProximaNova';
  src: url('../font/proxima-nova/ProximaNova-Bold/font.woff2') format('woff2'), url('../font/proxima-nova/ProximaNova-Bold/font.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNova';
  src: url('../font/proxima-nova/ProximaNova-BoldIt/font.woff2') format('woff2'), url('../font/proxima-nova/ProximaNova-BoldIt/font.woff') format('woff');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'ProximaNova';
  src: url('../font/proxima-nova/ProximaNova-Extrabld/font.woff2') format('woff2'), url('../font/proxima-nova/ProximaNova-Extrabld/font.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNova';
  src: url('../font/proxima-nova/ProximaNova-ExtrabldIt/font.woff2') format('woff2'), url('../font/proxima-nova/ProximaNova-ExtrabldIt/font.woff') format('woff');
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: 'ProximaNova';
  src: url('../font/proxima-nova/ProximaNova-Light/font.woff2') format('woff2'), url('../font/proxima-nova/ProximaNova-Light/font.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNova';
  src: url('../font/proxima-nova/ProximaNova-LightIt/font.woff2') format('woff2'), url('../font/proxima-nova/ProximaNova-LightIt/font.woff') format('woff');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'ProximaNova';
  src: url('../font/proxima-nova/ProximaNova-Medium/font.woff2') format('woff2'), url('../font/proxima-nova/ProximaNova-Medium/font.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNova';
  src: url('../font/proxima-nova/ProximaNova-MediumIt/font.woff2') format('woff2'), url('../font/proxima-nova/ProximaNova-MediumIt/font.woff') format('woff');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'ProximaNova';
  src: url('../font/proxima-nova/ProximaNova-Regular/font.woff2') format('woff2'), url('../font/proxima-nova/ProximaNova-Regular/font.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNova';
  src: url('../font/proxima-nova/ProximaNova-RegularIt/font.woff2') format('woff2'), url('../font/proxima-nova/ProximaNova-RegularIt/font.woff') format('woff');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'ProximaNova';
  src: url('../font/proxima-nova/ProximaNova-Semibold/font.woff2') format('woff2'), url('../font/proxima-nova/ProximaNova-Semibold/font.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNova';
  src: url('../font/proxima-nova/ProximaNova-SemiboldIt/font.woff2') format('woff2'), url('../font/proxima-nova/ProximaNova-SemiboldIt/font.woff') format('woff');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'ProximaNova';
  src: url('../font/proxima-nova/ProximaNovaT-Thin/font.woff2') format('woff2'), url('../font/proxima-nova/ProximaNovaT-Thin/font.woff') format('woff');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNova';
  src: url('../font/proxima-nova/ProximaNova-ThinIt/font.woff2') format('woff2'), url('../font/proxima-nova/ProximaNova-ThinIt/font.woff') format('woff');
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: 'DrukWide';
  src: url('../font/druk-wide/Druk-Wide-Medium-Web.woff2') format('woff2'), url('../font/druk-wide/Druk-Wide-Medium-Web.woff') format('woff'), url('../font/druk-wide/Druk-Wide-Medium-Web.ttf') format('truetype'), url('../font/druk-wide/Druk-Wide-Medium-Web.eot?#iefix') format('embedded-opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'DrukWide';
  src: url('../font/druk-wide/Druk-Wide-Medium-Italic-Web.woff2') format('woff2'), url('../font/druk-wide/Druk-Wide-Medium-Italic-Web.woff') format('woff'), url('../font/druk-wide/Druk-Wide-Medium-Italic-Web.ttf') format('truetype'), url('../font/druk-wide/Druk-Wide-Medium-Italic-Web.eot?#iefix') format('embedded-opentype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'DrukWide';
  src: url('../font/druk-wide/Druk-Wide-Bold-Web.woff2') format('woff2'), url('../font/druk-wide/Druk-Wide-Bold-Web.woff') format('woff'), url('../font/druk-wide/Druk-Wide-Bold-Web.ttf') format('truetype'), url('../font/druk-wide/Druk-Wide-Bold-Web.eot?#iefix') format('embedded-opentype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'DrukWide';
  src: url('../font/druk-wide/Druk-Wide-Bold-Italic-Web.woff2') format('woff2'), url('../font/druk-wide/Druk-Wide-Bold-Italic-Web.woff') format('woff'), url('../font/druk-wide/Druk-Wide-Bold-Italic-Web.ttf') format('truetype'), url('../font/druk-wide/Druk-Wide-Bold-Italic-Web.eot?#iefix') format('embedded-opentype');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'DrukWide';
  src: url('../font/druk-wide/Druk-Wide-Heavy-Web.woff2') format('woff2'), url('../font/druk-wide/Druk-Wide-Heavy-Web.woff') format('woff'), url('../font/druk-wide/Druk-Wide-Heavy-Web.ttf') format('truetype'), url('../font/druk-wide/Druk-Wide-Heavy-Web.eot?#iefix') format('embedded-opentype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'DrukWide';
  src: url('../font/druk-wide/Druk-Wide-Heavy-Italic-Web.woff2') format('woff2'), url('../font/druk-wide/Druk-Wide-Heavy-Italic-Web.woff') format('woff'), url('../font/druk-wide/Druk-Wide-Heavy-Italic-Web.ttf') format('truetype'), url('../font/druk-wide/Druk-Wide-Heavy-Italic-Web.eot?#iefix') format('embedded-opentype');
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: 'DrukWide';
  src: url('../font/druk-wide/Druk-Wide-Super-Web.woff2') format('woff2'), url('../font/druk-wide/Druk-Wide-Super-Web.woff') format('woff'), url('../font/druk-wide/Druk-Wide-Super-Web.ttf') format('truetype'), url('../font/druk-wide/Druk-Wide-Super-Web.eot?#iefix') format('embedded-opentype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'DrukWide';
  src: url('../font/druk-wide/Druk-Wide-Super-Italic-Web.woff2') format('woff2'), url('../font/druk-wide/Druk-Wide-Super-Italic-Web.woff') format('woff'), url('../font/druk-wide/Druk-Wide-Super-Italic-Web.ttf') format('truetype'), url('../font/druk-wide/Druk-Wide-Super-Italic-Web.eot?#iefix') format('embedded-opentype');
  font-weight: 900;
  font-style: italic;
}
.font-accident {
  font-family: 'DrukWide';
  font-weight: 400;
  font-style: normal;
}
.font-accident-italic {
  font-family: 'DrukWide';
  font-weight: 400;
  font-style: italic;
}
.font-normal {
  font-family: 'ProximaNova';
  font-weight: 400;
  font-style: normal;
}
.font-italic {
  font-family: 'ProximaNova';
  font-weight: 400;
  font-style: italic;
}
.font-bold {
  font-family: 'ProximaNova';
  font-weight: 700;
  font-style: normal;
}
.font-bold-italic {
  font-family: 'ProximaNova';
  font-weight: 700;
  font-style: italic;
}
.black {
  color: #2A2C30;
}
.orange {
  color: #ff5f05;
}
.white {
  color: #F8F8F8;
}
.gradient {
  background-image: linear-gradient(60deg, hsl(5deg 24% 18%) 0%, hsl(288deg 8% 17%) 21%, hsl(204deg 9% 17%) 42%, hsl(151deg 7% 15%) 62%, hsl(183deg 28% 11%) 82%, hsl(251deg 25% 13%) 100%);
}
p,
a,
span,
ol,
ul,
li,
table,
label,
figcaption {
  font-family: 'ProximaNova';
  font-weight: 400;
  font-style: normal;
  color: #F8F8F8;
}
p b,
a b,
span b,
ol b,
ul b,
li b,
table b,
label b,
figcaption b,
p strong,
a strong,
span strong,
ol strong,
ul strong,
li strong,
table strong,
label strong,
figcaption strong {
  font-family: 'ProximaNova';
  font-weight: 700;
  font-style: normal;
}
p b i,
a b i,
span b i,
ol b i,
ul b i,
li b i,
table b i,
label b i,
figcaption b i,
p strong i,
a strong i,
span strong i,
ol strong i,
ul strong i,
li strong i,
table strong i,
label strong i,
figcaption strong i,
p b em,
a b em,
span b em,
ol b em,
ul b em,
li b em,
table b em,
label b em,
figcaption b em,
p strong em,
a strong em,
span strong em,
ol strong em,
ul strong em,
li strong em,
table strong em,
label strong em,
figcaption strong em {
  font-family: 'ProximaNova';
  font-weight: 700;
  font-style: italic;
}
p i,
a i,
span i,
ol i,
ul i,
li i,
table i,
label i,
figcaption i,
p em,
a em,
span em,
ol em,
ul em,
li em,
table em,
label em,
figcaption em {
  font-family: 'ProximaNova';
  font-weight: 400;
  font-style: italic;
}
p i b,
a i b,
span i b,
ol i b,
ul i b,
li i b,
table i b,
label i b,
figcaption i b,
p em b,
a em b,
span em b,
ol em b,
ul em b,
li em b,
table em b,
label em b,
figcaption em b,
p i strong,
a i strong,
span i strong,
ol i strong,
ul i strong,
li i strong,
table i strong,
label i strong,
figcaption i strong,
p em strong,
a em strong,
span em strong,
ol em strong,
ul em strong,
li em strong,
table em strong,
label em strong,
figcaption em strong {
  font-family: 'ProximaNova';
  font-weight: 700;
  font-style: italic;
}
ul,
ol {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}
ol {
  counter-reset: section;
}
ol li {
  display: block;
  position: relative;
  margin-left: 3em;
  margin-bottom: 0.3em;
}
ol li:before {
  display: block;
  width: 2em;
  position: absolute;
  top: -0.3em;
  left: -2.3em;
  font-size: 1.2em;
  font-weight: bold;
  color: #ff5f05;
  counter-increment: section;
  content: counters(section, ".") ".";
  text-align: right;
  font-family: 'DrukWide';
}
h1,
h2,
h3,
h4,
h5 {
  font-family: 'DrukWide';
  font-weight: 400;
  font-style: normal;
  color: #F8F8F8;
}
h1 i,
h2 i,
h3 i,
h4 i,
h5 i,
h1 em,
h2 em,
h3 em,
h4 em,
h5 em {
  font-family: 'DrukWide';
  font-weight: 400;
  font-style: italic;
}
h1 {
  font-size: 2.5rem;
}
/**************************************************************************************************/
body {
  background-image: url("/assets/images/bg-sky-hd.jpg");
  background-position: center center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: calc(100vh - 5rem + 20px);
  padding: 20px;
  color: #F8F8F8;
}
body.no-bg-image {
  background-image: none;
  background-color: #152029;
}
.menu {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 5rem;
}
.menu-container ul {
  transition: opacity 0.4s ease-in-out 0s, left 0s ease-in-out 0.5s;
  position: absolute;
  top: 0px;
  left: -100vw;
  box-sizing: border-box;
  width: 100vw;
  height: 100vh;
  padding: 7rem 2rem;
  margin: 0;
  opacity: 0;
  background-color: rgba(42, 44, 48, 0.97);
}
.menu-container ul.opened {
  transition: opacity 0.4s ease-in-out 0s, left 0s ease-in-out 0s;
  opacity: 1;
  left: 0px;
}
.menu-container ul li {
  width: 100%;
  text-align: center;
}
.menu-container ul li a,
.menu-container ul li span {
  font-weight: 100;
  color: #F8F8F8;
  display: inline-block;
  padding: 0.6em 0.3em 0.2em;
  margin: 0 0.2em 0.6em;
  font-size: 2rem;
  text-decoration: none;
  transition: border-color 0.4s ease-in-out 0s;
  border-bottom: 2px solid rgba(248, 248, 248, 0);
}
.menu-container ul li a:hover {
  border-bottom: 2px solid #F8F8F8;
}
.menu-container ul li.active span {
  font-weight: 400;
}
.mobile-menu input + label {
  margin: 0;
  top: 16px;
  padding: 20px;
  box-sizing: content-box;
  position: relative;
  display: block;
}
.mobile-menu_nav-trigger {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.mobile-menu_nav-trigger-ico {
  position: relative;
  float: left;
  z-index: 99999;
  width: 2rem;
  cursor: pointer;
  height: 22px;
  right: 0;
}
.mobile-menu_nav-trigger-ico span,
.mobile-menu_nav-trigger-ico span:before,
.mobile-menu_nav-trigger-ico span:after {
  cursor: pointer;
  height: 4px;
  width: 2rem;
  position: absolute;
  display: block;
  content: '';
  background: #F8F8F8;
  transition: all 0.5s;
  border-radius: 2px;
}
.mobile-menu_nav-trigger-ico span:before {
  transform: translate(0, -10px) scale(1, 1) rotate(0deg);
}
.mobile-menu_nav-trigger-ico span::after {
  transform: translate(0, 10px) scale(1, 1) rotate(0deg);
}
.mobile-menu_nav-trigger:checked ~ .mobile-menu_nav-trigger-ico span {
  background: transparent;
}
.mobile-menu_nav-trigger:checked ~ .mobile-menu_nav-trigger-ico span:before,
.mobile-menu_nav-trigger:checked ~ .mobile-menu_nav-trigger-ico span:after {
  background: #F8F8F8;
  transition: all 0.5s;
}
.mobile-menu_nav-trigger:checked ~ .mobile-menu_nav-trigger-ico span:before {
  transform: translate(0, 0) scale(1, 1) rotate(45deg);
}
.mobile-menu_nav-trigger:checked ~ .mobile-menu_nav-trigger-ico span:after {
  transform: translate(0, 0) scale(1, 1) rotate(-45deg);
}
/* */
.logo {
  display: block;
  position: relative;
  float: right;
  top: 0px;
  right: 0px;
  height: 2.5rem;
  width: 170px;
  padding: 18px 20px 0 0;
  text-align: right;
  transition: All 0.4s ease-in-out 0s;
}
.logo #stt_colored_logo {
  fill-opacity: 1;
  fill-rule: evenodd;
  stroke: none;
}
.logo #STT,
.logo #marine_services {
  transition: All 0.4s ease-in-out 0s;
  fill: #F8F8F8;
}
.logo #bow {
  transition: All 0.4s ease-in-out 0s;
  fill: #ff5f05;
}
/************************************************************************************/
.screen {
  width: 100%;
  max-width: 500px;
  /* Подходит для портретной ориентации */
  text-align: center;
  display: flex;
  flex-direction: column;
  min-height: 75vh;
  /* Высота экрана минус отступы */
  justify-content: space-between;
  border-radius: 1em;
  background-color: #152029;
}
.screen-wish {
  background-image: url(/assets/images/wish/bg-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.screen-wish h2.large-text {
  margin-top: 50vh;
  text-shadow: 0 0 10px black;
}
.screen-question {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDIiIGhlaWdodD0iMTM5IiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjRkE1QTI0IiBkPSJNMjUuMDMyIDEzNy40MDRjLjU2OC41MTMgMS4xOC43MjUgMS43MzUuNjA5LjYzNy0uMTIzIDEuMjI3LS42NTcgMS42NDUtMS41MDcuNDA0LS44MTYtMS4wMy0yLjYyMS0yLjA4MS0zLjk0Ni0uNjIyLS43OTEtMS4yMTYtMS41NDMtMS41MTctMi4xMzgtMS40NDgtMi45LS4zNy02LjU4OC42NzYtMTAuMTQ4LjYxNi0yLjA4OCAxLjE5LTQuMDcyIDEuMjMxLTUuNzY4LjA4Ny0zLjc1Ny0xLjUwNC03LjY4OS00LjI1LTEwLjUzMS0yLjQwMi0yLjQ3NC01LjQ0Ni0zLjg1NC04LjU2Mi0zLjg1OS00LjA4NS0uMDEtOC4xNiAyLjA0NS0xMC45MDQgNS40OTEtMi42IDMuMjkyLTMuNTc3IDcuMzI4LTIuNjggMTEuMDczLjQwNyAxLjY4OSAxLjU2NCA0LjQ0OCAzLjA5NiA1LjExNy41MjMuMjI3IDEuMDUuMTk3IDEuNjE2LS4xMTEuNzEtLjM4NiAxLjExLS44MDQgMS4yMzItMS4yNzEuMjEzLS44MjMtLjQ1LTEuODM1LTEuMDg1LTIuODA3LS4zNTYtLjU0OS0uNy0xLjA1OC0uOTA0LTEuNTctMS42Mi00LjAwNC43OC03Ljk1OSAzLjg3OC0xMC4xMDFhMTEuNSAxMS41IDAgMCAxIDQuMjgxLTEuODMzYzIuNDEtLjQ3MSA0LjkyNy0uMDQ4IDYuOTIyIDEuODQ4IDUuMDE5IDQuNzg5IDMuNjYgOS45MzcgMi4zNTMgMTQuOTE1LS44NDEgMy4xOTQtMS43MTYgNi40OTktLjg5IDkuNzE5LjY3NyAyLjY2IDIuMDUyIDQuODk0IDQuMjA2IDYuODAxeiIvPjxnIGZpbGw9IiMyODJCMzAiIGNsaXAtcGF0aD0idXJsKCNhKSI+PHBhdGggZD0iTTU1LjgxMyA3Mi41OWMtLjA0NSAxLjQ4Ny40MDkgMi42NTkgMS4yNzIgMy4zMzQuOTc2Ljc4OSAyLjQ5OC45OTIgNC4yNjkuNTQxIDEuNzAzLS40MjggMi41NjYtNC44MjEgMy4yMDItOC4wNDMuMzg2LTEuOTE1Ljc0OS0zLjc0IDEuMjQ5LTQuOTM0IDIuNDUyLTUuNzkgOS4yMi04LjgzMSAxNS43Ni0xMS43NiAzLjgzNy0xLjcxMiA3LjQ3LTMuMzU3IDEwLjAxMy01LjQzIDUuNjMyLTQuNTk2IDkuNDI0LTExLjg5NSAxMC4xNzQtMTkuNTMzLjYzNS02LjY2OS0xLjEzNi0xMi45MS01LjAxOS0xNy41MjhDOTEuNjQ2IDMuMTc3IDgzLjU0LS4yNyA3NS4wNDcgMGMtOC4wODQuMjkzLTE1LjIzNyAzLjkyLTE5LjYyIDkuOTU4LTEuOTc2IDIuNzI2LTQuNTg3IDcuOTA4LTMuNjU2IDExLjAxNy4zMTggMS4wNTkgMS4wMjIgMS44MDIgMi4xOCAyLjI1MyAxLjQ1My41NjMgMi41NjYuNjMgMy40MDYuMjI1IDEuNDc2LS43MiAyLjEzNS0yLjk3NCAyLjc3LTUuMTM3LjM2NC0xLjIxNi42ODItMi4zNjUgMS4xODEtMy4zMTFDNjUuMTY4IDcuNTcgNzMuOTggNi4xNSA4MC45OTYgOC4wNDNjMi44NjIuNzY2IDUuNjc3IDIuMTQgOC4wNCA0LjAzMyAzLjcgMi45NzQgNi4yMjEgNy4yMzIgNS45MjYgMTIuNTcxLS43NzIgMTMuNDUtMTAuMDM3IDE3LjkxMS0xOC45ODQgMjIuMjM3LTUuNzQ1IDIuNzcxLTExLjY5NSA1LjYzMi0xNS4zOTYgMTAuOTA0LTMuMDY2IDQuMzQ4LTQuNjMzIDkuMTkyLTQuNzQ2IDE0Ljc4ek00OC4yOTcgOTguMzg3Yy44NCAxLjYyMiAyLjMxNiAyLjU0NSA0LjE3OCAyLjU5IDIuMzM5LjA2OCA0Ljg2LTEuMjg0IDUuOTcyLTMuMTc2LjYzNi0xLjEwNCAxLjEzNS0yLjg4NC0uMjI3LTUuMTE0LTIuMjI1LTMuNjUtNS4zMzctMi40NTYtNi41ODUtMS43OC0yLjYzNSAxLjQ2NC00LjY3OCA0Ljg4OS0zLjM2MSA3LjQ1N3oiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNDcuODg4IDBoNTR2MTAxaC01NHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=") left 1em bottom 1em / 4.08em 5.56em no-repeat, url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMTEiIGhlaWdodD0iMTAxIiBmaWxsPSJub25lIj48ZyBmaWxsPSIjMjgyQjMwIiBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGQ9Ik02NC44MDUgNzIuNTljLS4wNDYgMS40ODcuNDA4IDIuNjU5IDEuMjcxIDMuMzM0Ljk3Ny43ODkgMi40OTguOTkyIDQuMjcuNTQxIDEuNzAzLS40MjggMi41NjYtNC44MjEgMy4yMDEtOC4wNDMuMzg2LTEuOTE1Ljc1LTMuNzQgMS4yNS00LjkzNCAyLjQ1Mi01Ljc5IDkuMjE5LTguODMxIDE1Ljc1OS0xMS43NiAzLjgzOC0xLjcxMiA3LjQ3LTMuMzU3IDEwLjAxNC01LjQzIDUuNjMyLTQuNTk2IDkuNDI0LTExLjg5NSAxMC4xNzMtMTkuNTMzLjYzNi02LjY2OS0xLjEzNS0xMi45MS01LjAxOC0xNy41MjhDMTAwLjYzOCAzLjE3NyA5Mi41MzEtLjI3IDg0LjAzOSAwIDc1Ljk1My4yOTMgNjguOCAzLjkyIDY0LjQxOCA5Ljk1OGMtMS45NzYgMi43MjYtNC41ODcgNy45MDgtMy42NTYgMTEuMDE3LjMxOCAxLjA1OSAxLjAyMiAxLjgwMiAyLjE4IDIuMjUzIDEuNDUzLjU2MyAyLjU2Ni42MyAzLjQwNi4yMjUgMS40NzYtLjcyIDIuMTM0LTIuOTc0IDIuNzctNS4xMzcuMzY0LTEuMjE2LjY4MS0yLjM2NSAxLjE4MS0zLjMxMUM3NC4xNiA3LjU3IDgyLjk3MSA2LjE1IDg5Ljk4OCA4LjA0M2MyLjg2MS43NjYgNS42NzcgMi4xNCA4LjAzOSA0LjAzMyAzLjcwMSAyLjk3NCA2LjIyMiA3LjIzMiA1LjkyNyAxMi41NzEtLjc3MiAxMy40NS0xMC4wMzcgMTcuOTExLTE4Ljk4NCAyMi4yMzctNS43NDYgMi43NzEtMTEuNjk1IDUuNjMyLTE1LjM5NyAxMC45MDQtMy4wNjUgNC4zNDgtNC42MzIgOS4xOTItNC43NDYgMTQuNzh6TTU3LjI4OCA5OC4zODZjLjg0IDEuNjIzIDIuMzE2IDIuNTQ2IDQuMTc5IDIuNTkxIDIuMzM4LjA2OCA0Ljg1OS0xLjI4NCA1Ljk3Mi0zLjE3Ni42MzYtMS4xMDQgMS4xMzUtMi44ODQtLjIyNy01LjExNS0yLjIyNi0zLjY1LTUuMzM3LTIuNDU1LTYuNTg2LTEuNzgtMi42MzQgMS40NjUtNC42NzggNC44OS0zLjM2IDcuNDU4eiIvPjwvZz48ZyBmaWxsPSIjRkE1QTI0IiBjbGlwLXBhdGg9InVybCgjYikiPjxwYXRoIGQ9Ik0zMS4xNDQgNjUuOWMuNTY4LjUxNCAxLjE4LjcyNSAxLjczNS42MS42MzctLjEyMyAxLjIyOC0uNjU3IDEuNjQ1LTEuNTA3LjQwNC0uODE2LTEuMDMtMi42MjEtMi4wOC0zLjk0Ni0uNjIzLS43OTEtMS4yMTctMS41NDMtMS41MTgtMi4xMzktMS40NDgtMi44OTktLjM3LTYuNTg3LjY3Ni0xMC4xNDcuNjE3LTIuMDg4IDEuMTkxLTQuMDcyIDEuMjMyLTUuNzY4LjA4Ny0zLjc1Ny0xLjUwNS03LjY4OS00LjI1LTEwLjUzLTIuNDAzLTIuNDc1LTUuNDQ2LTMuODU1LTguNTYyLTMuODYtNC4wODYtLjAxLTguMTYgMi4wNDUtMTAuOTA1IDUuNDkxLTIuNTk5IDMuMjkyLTMuNTc3IDcuMzI4LTIuNjc5IDExLjA3My40MDcgMS42ODkgMS41NjMgNC40NDggMy4wOTYgNS4xMTcuNTIyLjIyNyAxLjA1LjE5NyAxLjYxNi0uMTEuNzA4LS4zODcgMS4xMDktLjgwNSAxLjIzMi0xLjI3Mi4yMTItLjgyMy0uNDUtMS44MzUtMS4wODYtMi44MDctLjM1NS0uNTQ5LS43LTEuMDU4LS45MDMtMS41Ny0xLjYyMi00LjAwNC43OC03Ljk2IDMuODc3LTEwLjEwMWExMS41IDExLjUgMCAwIDEgNC4yODEtMS44MzNjMi40MS0uNDcxIDQuOTI3LS4wNDggNi45MjMgMS44NDggNS4wMTggNC43ODkgMy42NTkgOS45MzcgMi4zNTIgMTQuOTE1LS44NDEgMy4xOTQtMS43MTYgNi40OTktLjg5IDkuNzE5LjY3OCAyLjY2IDIuMDUyIDQuODk0IDQuMjA3IDYuODAxek0zOC43NDMgNzcuNDdjLjkxOC4yMDkgMS43NzYtLjA2NyAyLjQyLS43ODcuODEtLjkwMiAxLjEyNy0yLjM0OS43NTgtMy40Mi0uMjItLjYxOS0uNzUtMS40MS0yLjA4My0xLjYxNS0yLjE4LS4zMzctMi43NTUgMS4yOS0yLjkxIDIuMDEtLjMxIDEuNTI5LjM0OSAzLjQ3OCAxLjc5OSAzLjgxNHoiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNTYuODggMGg1NHYxMDFoLTU0eiIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJiIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJtMCA0NC44MzcgMTguMTI4LTIxLjM0IDM5LjYzIDMzLjY2Ni0xOC4xMjcgMjEuMzR6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+") right 1em top 1em / 4.44em 4.04em no-repeat, url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNzUiIGhlaWdodD0iMTg3IiBmaWxsPSJub25lIj48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGZpbGw9IiNFQjYxMUUiIGQ9Ik0xMzAuNjQyIDc2LjEyM2MuNTQtLjYwOCAxLjM5Ny0uNjQ1IDIuMDcyLS45MzMgMTAuOTQxIDE1LjcxMyAzNC40NzYgOC4yMDcgMzIuNjQyLTExLjkzMi0uMTQ3LTEuNTY0LTEuNTQyLTMuOTA1LTEuMzQyLTQuODA2LjEwNC0uMzY1IDMuMzQ5LTIuOTM3IDQuMjAyLTUuOTM1IDQuMTctMTQuNjUzLTE1LjI3LTI3Ljg4LTI2LjI4NS0xNi41NTctMTkuMDQ5LTEzLjMxMy0zNS4yMTcgMTMuNTM5LTIwLjYzNiAyOC41NjgtMy45MzMuODI1LTQuOTgzIDQuNDE2LTcuMjQgNi4zOTQtMTkuNTAxIDE3LjMzNi00Mi4yNiAzMi4zMzQtNjEuNzk5IDQ5LjgtMS4zMjYuNjkzLTUuMzEtMy4wNjItNi43MjQgMS44MDZsLTUuOTktNi4xMjljLTIuMTk4LS41MTMtMi4zMyAzLjYyMS00LjU5MyAxLjY1MmwyLjI1Mi01LjkyNi01LjU3NC02Ljk5OC0xMC45MzQgNy45NjRjLS42ODMgMi4zOTkgNS44NDcgNC44NDkgMi4yMzIgOC43MjQtNS45NjMtMTAuMjkzLTguMzYyLTMuMDU2LTE1LjQwMyAxLjQ1MS0xLjQgMi4zMzUgMy4yODQgOS41ODcgNS42MzcgOS41NTIgMi41MjQtLjA0MiA3LjY5LTQuNjA0IDUuMDc4LTUuOTM5LTEuMTYtLjU4NC0zLjI1NCAzLjQ5OS01LjM0IDIuNzkybC0zLjA4NC00LjkzNiA3LjI4Mi02LjA0NGM0LjQzNCA5LjkxNCAxMy41NDIgMy42IDcuMTc5LTUuMDg4bDcuMzEtNS4wNWMyLjc0MSAzLjI2MSAzLjU4MyA1LjU1OC0uNDkzIDcuOTc3IDEuMzgyIDYuMjU2IDMuNjAzIDUuMTk3IDguNTIgMy42OTNsMy41MDcgNC4wNDJjLTUuNDMgMi43MTEtMTEuOTY5IDExLjctMTcuMTcyIDEzLjcxNC0xLjk2OC43NjUtMS42NC0xLjg3NS0yLjg1LTMuMzc2LTEuOTg0LTIuNDUyLTQuOTQ5LTIuODQ1LTYuODk1LS4wNzQtMi43NTQgMy45MjMgNS4xNjEgNy45NTIgNi4xMTMgMTEuNTQ4bC0zLjQ0MiAyLjE3N2MtLjMwNCAxLjQ2NCAzLjc4MSA3LjY0MyA0LjM1NiA3LjgwNy43NTcuMjE1IDIuMjU3LTEuNTg0IDMuMjE1LTEuODc1IDEuMjA0LS4zNjIgMi41NzguNzYyIDQuMzE1LjIxMyAzLjc1NC0xLjE4NiAxNS44MzYtMTQuMTc5IDIxLjEyLTE2LjY3NyAyLjQ0OS0xLjE2MyA1Ljg5Mi0uNDY1IDguMzEtMi4zMTNsLjUwOC00LjE2OGMxNS42MS0xMi4yOTggMzEuMzMtMjQuNDgxIDQ3LjE2OS0zNi40ODkgNi4yMzItNC43MzcgMTMuOTc4LTkuMjQgMTkuODY3LTEzLjk2MSAyLjU5Ny0yLjA4IDIuMjg4LTMuOTcyIDIuODc2LTQuNjV6TTUyLjAwMSAxMzQuOTFsLTIyLjEyNyAxNi44NDFjLTIuNDE1LjU1My02Ljc3OS03LjIyOC01LjQzNi05LjQ2N2wyMS43ODgtMTYuNTQzem01LjEyNC0yLjYyOWMtMS44MyAzLjY1MS05LjA4NC03LjI2NC05Ljg1OC04LjYxMSAxLjgzNy0zLjQ4IDEwLjIzIDcuOSA5Ljg1OCA4LjYxMW02NS42NjctNTEuMDk0LTY0LjkxIDQ4LjIzNy00LjE2OS03LjA3NiA2My4zMDQtNTAuMzN6bTM5LjA0Ny0yMS4yNDJjNS4zNzcgMTIuNTUtNi4yNjMgMjQuNDg1LTE5LjE1IDIwLjM2Ny0xLjc2MS0uNTU4LTYuOTYtMy42MTYtNy44MTItNC45ODYtMS45MDYtMy4wMjMtLjg4MS02LjAyOS01LjM4MS05Ljk1OC0yLjE0Ny0xLjg4LTcuNDc4LTMuMjg0LTguNTUtNC43NzMtOS40NjEtMTMuMTc4IDUuMjEtMzMuNTc5IDIwLjE2LTIzLjEyM2wtOS40MjEtLjQyN0MxMTcuNjYyIDQxLjA4OCAxMTguMjMgNjIuNSAxMzQuMjA5IDYyLjJjLTQuMTE0IDEyLjQ3IDE0Ljg1NSAyMS43MDIgMjQuMDc1IDEyLjkxMiA0LjM0My00LjE0NyAzLjQwOC04LjUgMi40MzUtMTMuNTEyLS4yNzgtMS40MDQtLjgyNi0xLjE2NSAxLjEyNy0xLjY4em0tMjIuNjM2LTIwLjQ1Yy0uMDA3IDguMjU2IDEuODQ4IDEzLjk0MSA5LjM5NCAxOC4xNzUgNi4xNTQgMy40NyAxMy42ODQgMS4wMiAxMC40MzkgMTEuNDI2LTMuMzQgMTAuNzQ2LTIwLjM0NSA4LjMwMi0yMy4yMDktMi4yNjUtLjg2Ni0zLjIwNi45MTctNS40MDQuNTc3LTguMzc1LTEzLjk3NSA2LjQ1LTE2LjUzNi0xNS44OTYtNC40OTUtMTkuMTIgMi41MzgtLjY4NyA0LjgyNi41IDcuMzIuMTY2em0tMTkuMDkyIDM0LjA1MiAzLjQyNS0xLjIyM2M1LjU0OSA1LjEwMi0uODM3IDYuNjEtMy40MjUgMS4yMjNtMi40ODctNy43NDdjMS4wMzMtMi4yNDMgMTQuMTY5IDYuODUxIDUuMzQgNy45MTh6bTQyLjk5NC0xNC44NzdjLjA2NiA2LjgxMi02LjI5NCA3LjkzMi0xMS43ODkgNi41MS0xNS45ODItNC4xNTUtMTQuOTQtMjYuNDYyLjMxMy0yMy4wMjIgNC41MDYgMS4wMjkgOS44NDEgNC44MDIgMTEuNTUxIDkuMjA2LjM3MS45OCAxLjM2NSA0LjcyOS4xNTQgNS41MTEtMS40MjEtMTguMDItMjkuNjM5LTE3Ljc2NC0xOS4wOTggMS44MzYgMy4wOTYgNS43ODUgMTYuNTI4IDguNDgxIDE4Ljg2OS0uMDRtLTcuNjcgMy4zNDJjLTcuNTI0Ljg0Ni0xNi44MTMtMTIuMTQyLTguMDk2LTE1LjY5MiA5Ljk3Ny00LjAxIDE5LjcgMTQuNCA4LjA5NiAxNS42OTIiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTc0LjI2OSAzNy40OTggNDIuNTIgMCAwIDE0OS4zOTRsMTMxLjc0OSAzNy40OTh6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+") right 1em bottom 1em / 6.125em 6.545em no-repeat, #F8F8F8 url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIzIiBoZWlnaHQ9IjEzMCIgdmlld0JveD0iMCAwIDEyMyAxMzAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTk0LjUyODEgNTAuNjA3QzExMi42NTYgNDguNjI2MiAxMjQuNTczIDYxLjQ2OTcgMTIyLjc2NiA3OS42MTY2QzEyMC4yOTQgMTA0LjM0NSA5Ny4wMDAyIDkyLjI2ODQgODMuNjU3NSA4NC42OTY1QzgyLjI5NDcgODYuMTY2MiA4OS44MDU5IDkxLjU5NzUgODkuMTA4NyA5NS4xMTE4Qzg4LjQxMTQgOTguNjI2MiA4My44NDc2IDkzLjk5MzYgODIuNTc5OSA5My40ODI1QzgwLjkzMTkgOTUuNjIzIDEwMC4xMDYgMTEyLjIwNCA4OS4xNzIgMTIyLjY1MkM3NS4yMjcyIDEzNS45NzQgNDMuNzU2MiAxMzEuNDM4IDQ3LjY4NjEgMTA2LjY3N0MzNy4wMDU2IDExOC40MDMgMzAuOTg0IDEwOC45NzggMjEuMTU5MiAxMDQuMjgxQzE2LjEyIDEwMS44ODUgMS42MDQ2NyA5Ny45NTUzIDAuMTQ2Nzk3IDkyLjM5NjJDLTEuOTQ0OTMgODQuNDcyOSAxOC45MDkgNzUuMjcxNiAyNS4wMjU3IDczLjM1NDdDMzQuOTQ1NiA3MC4yODc2IDQ3LjQzMjUgNjguOTc3NyA1Ny41MTA5IDcwLjM1MTVMNTQuMjE0OCA2NC4yODEyTDU1Ljk4OTYgNjEuNTk3NUw2NC4wMzk2IDY1Ljk0MjVDNTkuMzgwOCA0OC41MzA0IDU4LjMzNDkgMjguMzA2NyA2Ni4zNTMyIDExLjY2MTRDNjguNTA4MyA3LjE1NjU2IDczLjk5MTIgLTEuNTY1NDggNzkuNjMyNSAwLjE1OTc1N0M4MS42MjkxIDAuNzY2Nzg2IDkxLjIzMjEgMTcuNzMxNiA5My42NzI0IDIxLjIxNDFDOTUuNzk1OSAyNC4yMTczIDEwMi4xOTggMjkuNjgwNSAxMDMuMDg1IDMyLjY1MThDMTA1LjExNCAzOS4zOTMgOTcuNzkyNSA0NS41MjcyIDk0LjU5MTUgNTAuNTQzMUw5NC41MjgxIDUwLjYwN1pNNzkuMjUyMiAzLjM1NDY1QzczLjI5MzkgNS4wNzk4OSA2OS42NDkyIDEyLjkzOTMgNjcuNTI1OCAxOC40NjY1QzYyLjAxMTMgMzIuOTM5MyA2Mi4yMDE0IDUzLjE5NDkgNjguODg4NiA2Ny4wOTI3Qzc1LjAzNyA2MS4wODYzIDk4Ljg3MDEgNDQuNjk2NSA5OS45NzkzIDM2LjgwNTFDMTAwLjYxMyAzMi4zMzIzIDkyLjk3NTIgMjYuMTk4MSA5MC4zNDQ3IDIyLjQyODFDODYuMjU2MyAxNi42MTM0IDgxLjc4NzYgOS45NjgwNiA3OS4yNTIyIDMuMzg2NTlWMy4zNTQ2NVpNOTUuMzUyMiA1NC4xODUzQzg3LjgwOTMgNTUuMzM1NSA3NS43OTc3IDY0LjA4OTUgNzEuNzQxIDcwLjc5ODdDNzcuNTA5MSA3Ny4zMTYzIDg0LjE5NjMgODIuMDEyOCA5MS45OTI3IDg1LjYyM0MxMDIuMTM0IDkwLjM4MzQgMTE2LjkzNSA5Ny4yNTI0IDExOS41NjYgODAuNzY2OEMxMjIuMTMzIDY0LjgyNDMgMTExLjgzMiA1MS42Mjk0IDk1LjM1MjIgNTQuMTUzNFY1NC4xODUzWk04MC4zNjE0IDg3Ljk4NzJDODIuMjk0NyA4NS44NDY3IDYzLjQwNTggNjcuMzE2MyA1OS42NjYgNjcuMDkyN0M2My43MjI3IDc2LjQ1MzcgNzIuNDY5OSA4Mi4yNjg0IDgwLjM2MTQgODcuOTg3MlpNNDUuMjQ1NyA3Mi45MzkzQzMwLjA5NjYgNzMuOTkzNiAxMy41MjEyIDc5LjQyNDkgMi45Njc0NiA5MC43MzQ4QzQuMjk4NTYgOTIuMzk2MiA1Ljg1MTUxIDkzLjY0MjIgNy42MjYzMSA5NC43OTI0QzEwLjc5NTYgOTYuODM3MSAzMC41NDAzIDEwNi45MzMgMzMuNzQxMiAxMDguMDE5QzQwLjM2NSAxMTAuMjU2IDQxLjk0OTcgMTA4LjExNSA0NS45MTEzIDEwMy4yOTFDNTEuNjc5NCA5Ni4yMyA1NS41MTQyIDg2LjU4MTUgNjEuNjYyNiA3OS41NTI3QzU4LjUyNSA3Mi4xNDA2IDUyLjA1OTcgNzIuNDYwMSA0NS4yMTQgNzIuOTM5M0g0NS4yNDU3Wk01NC41NjM0IDEyMS42OTNDNjEuNzU3NyAxMjkuMTY5IDc3Ljg1NzcgMTI2LjgwNSA4NS40OTU3IDEyMS4yMTRDOTMuODYyNiAxMTUuMDggODQuMTk2MyAxMDIuMyA3OS42OTU5IDk1Ljc4MjhDNzUuNTc1OCA4OS43NzY0IDcyLjM3NDggODQuODU2MyA2NS41OTI2IDgxLjU5NzVDNTYuNjg2OSA4OS4yOTcxIDQ0LjU4MDIgMTExLjM3NCA1NC41MzE3IDEyMS42OTNINTQuNTYzNFoiIGZpbGw9IiNFQjYxMUUiLz48L3N2Zz4=") left 1em top 1em / 4.92em 5.2em no-repeat;
}
.screen-question h2 {
  color: #2A2C30;
}
/* Адаптация для альбомной ориентации */
@media (max-width: 768px) {
  body {
    padding: 10px;
  }
  .screen {
    padding: 20px;
    max-width: 100%;
  }
}
/* Адаптация для больших экранов */
@media (min-width: 769px) {
  .screen {
    padding: 40px;
  }
}
.hidden {
  display: none !important;
}
.btn {
  padding: 15px 30px;
  border: none;
  border-radius: 50px;
  font-size: 1rem;
  cursor: pointer;
  margin: 10px 0;
  width: 100%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  transition: background-color 0.4s;
}
.btn-orange {
  background-color: #ff5f05;
  font-weight: bold;
  color: #F8F8F8;
}
.btn-orange:hover {
  background-color: #d14b00;
}
.btn-gray {
  max-width: 50%;
  background-color: #717782;
  color: #F8F8F8;
}
.btn-gray:hover {
  background-color: #5a5e66;
}
.rules-text {
  text-align: left;
}
.rules-link {
  display: block;
  margin-top: 20px;
  color: #ff5f05;
  text-decoration: underline;
  cursor: pointer;
  font-size: 0.9rem;
}
.rules-link:hover {
  color: #d14b00;
}
h2.large-text {
  margin: auto;
}
span.large-text {
  display: block;
  font-family: inherit;
  text-transform: uppercase;
}
/* Стили модального окна */
.modal {
  display: flex;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
}
.modal-content {
  background-color: #42454b;
  padding: 30px;
  border-radius: 10px;
  width: calc(90% - 60px);
  max-width: 600px;
  max-height: 80vh;
  overflow-y: auto;
  position: relative;
}
.close {
  color: #F8F8F8;
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 15px;
}
.close:hover,
.close:focus {
  color: #acacac;
}
/*********************************   СЛАЙДЕР   *********************************/
#slider-container {
  width: 100%;
  max-width: 1200px;
  height: 80vh;
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  justify-content: center;
}
#slides-container {
  display: flex;
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease;
  /* justify-content: center; */
}
.question {
  font-size: 3rem;
  padding: 20px;
  text-align: center;
  z-index: 10;
  color: white;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.7);
  max-width: 40%;
  margin-bottom: 20px;
}
.illustration {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: right center;
  background-repeat: no-repeat;
  display: block;
  /* align-items: center; */
  /* justify-content: center; */
}
.slide {
  width: 100%;
  height: 80vh;
  margin: 0 auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.slide.portrait {
  flex-direction: column;
}
.slide.portrait .question {
  max-width: 100%;
  font-size: 1.5rem;
  pointer-events: none;
}
.slide.portrait .illustration {
  position: initial;
}
.slide.landscape {
  flex-direction: row;
  max-width: 1200px;
}
.slide.landscape .question {
  position: absolute;
  left: 5%;
  top: 10%;
  max-width: 60%;
  pointer-events: none;
  text-align: left;
}
.slide.landscape .illustration {
  width: 100%;
  height: 100%;
  margin-left: auto;
}
.image-element {
  position: absolute;
  width: auto;
}
.image-element.active-element {
  pointer-events: auto;
  transition: transform 0.3s;
  cursor: pointer;
}
.image-element.active-element:hover {
  transform: scale(1.1);
}
.image-element.active-element.pulsing {
  /*    animation: pulse 2s infinite; */
}
.image-element.active-element.parallax-element {
  transition: transform 0.1s ease-out;
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
/* Попап */
.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
  z-index: 1000;
}
.popup.portrait .popup-content {
  margin-top: 50vh;
}
.popup.landscape {
  top: 40%;
  left: 10%;
  width: 40%;
  height: 50%;
  background: none;
  justify-content: left;
}
.popup.active {
  opacity: 1;
  pointer-events: all;
}
.popup-content {
  background: #F8F8F8;
  padding: 20px;
  border-radius: 8px;
  max-width: 80%;
  text-align: left;
  position: relative;
}
.popup-content p {
  color: #2A2C30;
}
.popup-content p#popup-author {
  text-align: right;
  font-style: italic;
  margin-bottom: 0;
}
#popup-close {
  position: absolute;
  top: 5px;
  right: 5px;
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  color: #717782;
}
/* Навигационные кнопки */
.nav-btn {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.3);
  border: none;
  width: 60px;
  height: 60px;
  font-size: 1.5rem;
  cursor: pointer;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background 0.3s;
  /* z-index: 20; */
}
.nav-btn:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.nav-btn.prev {
  left: 20px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTUgMTlMOCAxMkwxNSA1IiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+');
}
.nav-btn.prev:hover {
  background-position-x: -10px;
}
.nav-btn.next {
  right: 20px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOSAxOUwxNiAxMkw5IDUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=');
}
.nav-btn.next:hover {
  background-position-x: 10px;
}
/* Пагинатор */
.pager {
  position: absolute;
  bottom: 20px;
  display: flex;
  gap: 10px;
  z-index: 20;
  left: 50%;
  transform: translateX(-50%);
}
.pager-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  transition: all 0.3s;
}
.pager.active {
  background: white;
  transform: scale(1.3);
}
/**********************************************    О проекте    ***************************************************/
.content {
  width: 100%;
  max-width: 1200px;
}
.content h1 {
  text-transform: uppercase;
  font-size: 4rem;
}
@media (max-width: 768px) {
  .content h1 {
    font-size: 1.5rem;
    margin-top: 2em;
  }
}
.content h2 {
  font-size: 3rem;
}
.text-content {
  padding: 2em;
  background-color: #2A2C30;
  border-radius: 1em;
  /* Картинки */
  /* Заголовки */
  /* Блоки контента */
  /* Разделитель */
  /* Параграф */
  /* Цитата */
  /* Изображения */
  /* Адаптивность */
}
.text-content a.leftimage,
.text-content a.rightimage {
  display: block;
  max-width: 50%;
  margin-bottom: 0.5em;
}
.text-content a.leftimage img,
.text-content a.rightimage img {
  width: 100%;
  height: auto;
  border-radius: 1em;
}
.text-content a.leftimage {
  float: left;
  margin-right: 1em;
}
.text-content a.rightimage {
  float: right;
  margin-left: 1em;
}
.text-content h2 {
  font-size: 3rem;
  margin: 2.5rem 0 1.5rem;
  padding-bottom: 0.5rem;
  color: #ff5f05;
  text-align: center;
}
.text-content h3 {
  font-size: 1.2rem;
  margin: 2rem 0 1rem;
}
.text-content .block {
  margin-bottom: 2rem;
}
.text-content .header {
  min-height: 15vh;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1em;
}
.text-content .paragraph a {
  color: #ff5f05;
}
.text-content .paragraph p {
  font-size: 1.1rem;
  text-align: justify;
}
.text-content .quote {
  /* .font-accident; */
  font-family: 'ProximaNova';
  font-weight: 400;
  font-style: italic;
  font-size: 1rem;
  padding: 3rem 7rem;
  margin: 1rem 10%;
  background: #13191e;
  color: #F8F8F8;
  position: relative;
  border-radius: 1rem;
}
.text-content .quote::before {
  font-family: 'DrukWide';
  font-weight: 400;
  font-style: normal;
  content: "“";
  font-size: 6em;
  position: absolute;
  top: 0rem;
  left: 1.8rem;
  color: #ff5f05;
}
.text-content .quote::after {
  font-family: 'DrukWide';
  font-weight: 400;
  font-style: normal;
  content: "”";
  font-size: 6em;
  position: absolute;
  bottom: -3rem;
  right: 1.8rem;
  color: #ff5f05;
}
.text-content .quote blockquote {
  margin: 0 0 1em;
}
.text-content .quote .author {
  /*display: flex;
            align-items: center;
            gap: 12px;
            margin-top: 0.8rem;*/
  text-align: right;
}
.text-content .quote .author img {
  display: none;
  /* width: 50px;
                height: 50px;
                object-fit: cover;
                border-radius: 50%;
                border: 1px solid #ccc; */
}
.text-content .quote .author cite {
  font-style: normal;
  color: #ff5f05;
  /* font-weight: bold; */
}
.text-content .image {
  display: block;
}
.text-content .image a {
  width: 50%;
  margin: 0 auto;
}
.text-content .images {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
  margin-bottom: 2rem;
}
.text-content .image a,
.text-content .images a {
  display: block;
  border: 1px solid #eee;
  border-radius: 6px;
  overflow: hidden;
  transition: transform 0.2s, box-shadow 0.2s;
  position: relative;
}
.text-content .images a {
  aspect-ratio: 1;
}
.text-content .images a:hover {
  transform: scale(1.03);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.text-content .images a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.text-content .image img {
  width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 768px) {
  .text-content h2 {
    font-size: 1.7rem;
  }
  .text-content h3 {
    font-size: 1.3rem;
  }
  .text-content .quote {
    padding: 5rem 3rem;
  }
  .text-content .quote blockquote {
    font-size: 1rem;
  }
  .text-content .image a {
    width: 80%;
  }
  .text-content .images {
    grid-template-columns: repeat(3, 1fr);
  }
  .text-content .author img {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 480px) {
  .text-content .quote {
    padding: 5rem 2rem;
    margin: 1rem 0;
  }
  .text-content .content {
    padding: 0 12px;
  }
  .text-content .image a {
    width: 100%;
  }
  .text-content .images {
    grid-template-columns: repeat(2, 1fr);
  }
  .text-content a.leftimage,
  .text-content a.rightimage {
    width: 100%;
    max-width: 100%;
    float: none;
    margin-left: 0;
    margin-right: 0;
  }
}
/* Модальное окно */
.lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.lightbox img {
  max-width: 90vw;
  max-height: 90vh;
  object-fit: contain;
  border: 2px solid white;
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
}
.footer {
  width: 100%;
  padding: 60px 0 20px;
}
footer {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
footer .column {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
footer p {
  font-size: 0.9rem;
  margin: 0;
}
footer p a {
  color: #ff5f05;
}
@media (min-width: 768px) {
  footer {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .column {
    flex: 1;
    min-width: 250px;
    /* предотвращает слишком узкие колонки */
  }
}