 * {padding: 0;margin: 0;box-sizing: border-box;}html {font: 80% "Poppins", sans-serif;scroll-behavior: smooth;}body {height: 100%;font-size: 100%;}@media (min-width: 35em) {html {font-size: 160%;}body {font-size: 50%;}}@media (min-width: 70em) {html {font-size: 240%;}body {font-size: 33.33%;}}header {width: 100%;height: 100vh;position: relative;overflow: hidden;background: #282828 url("./img/moscow.jpg") no-repeat center left local;background-size: cover;}footer {color: #f5f5f5;font-size: 0.8em;text-transform: uppercase;font-weight: 200;letter-spacing: 2px;text-align: center;}footer a {color: #f5f5f5;text-decoration: underline;}footer span {padding-left: 1rem;}nav {position: absolute;top: 0;left: 0;width: 100%;padding: 0;z-index: 50;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent);display: flex;justify-content: center;}.nav-container {display: flex;flex-grow: 1;flex-wrap: wrap;justify-content: center;max-width: 40rem;}.logo {display: flex;flex-wrap: nowrap;justify-content: left;flex-grow: 1;padding: 1rem 0 0 0;margin: 0;}.logo-txt {padding-right: 0.5em;padding-left: 0.5em;min-width: initial;text-align: left;color: #fff;font-size: 1.5em;text-transform: uppercase;font-weight: 600;letter-spacing: 2px;}.logo-txt > .name {font-weight: 300;}.logo-img {background: url("./img-pub/logo.png");background-repeat: no-repeat;background-size: contain;background-origin: content-box;background-position: left center;margin-right: 0.5em;margin-left: 1em;min-width: 7em;}nav .nav-links {flex-grow: 1;margin: 0;padding: 1rem 1.5rem 0 1rem;list-style: none;overflow: hidden;text-align: right;display: flex;flex-direction: column;flex-wrap: wrap;align-items: stretch;justify-content: right;vertical-align: middle;}nav .nav-links li {padding-top: 2.5rem;vertical-align: middle;}nav .nav-links a {color: white;z-index: 50;text-decoration: none;font-size: 1.25em;text-transform: uppercase;font-weight: 300;padding: 0 0.5rem 0 0.5rem;backdrop-filter: blur(5px);background-color: rgba(243, 7, 120, 1);}nav .nav-links a:hover {text-decoration: underline dotted !important;}nav .nav-links .flag {height: 1em;display: inline;vertical-align: middle;margin: 0;}@media (min-width: 35em) {.logo {padding: 1rem 1rem 0 1rem;margin-right: 2rem;}.logo-img {width: 5em;margin-right: unset;margin-left: unset;min-width: unset;}.logo-txt {padding-right: unset;padding-left: 0;min-width: max-content;}nav .nav-links {padding: 1rem 1rem 0 1rem;flex-direction: row;justify-content: space-between;text-align: center;vertical-align: unset;}nav .nav-links li {padding-top: unset;vertical-align: unset;}nav .nav-links a {padding: unset;backdrop-filter: blur(5px);background-color: rgba(243, 7, 120, 1);}}@media (min-width: 70em) {.nav-links a {background-color: rgba(243, 7, 120, 1);}}@media (orientation: landscape) and (max-height: 35em) {nav .nav-links a {backdrop-filter: blur(5px);background-color: rgba(243, 7, 120, 1);}}.nav-dynamic {display: none;justify-content: center;padding-top: 0;position: fixed;top: 0;left: 0;z-index: 999;width: 100vw;backdrop-filter: blur(15px);background-color: rgb(243, 7, 120);}.nav-dynamic-links {padding: 0.5em 1em 0.5em 1em !important;vertical-align: middle;align-items: center;max-width: 30rem;display: flex;flex-direction: row;flex-wrap: wrap;flex-grow: 1;justify-content: space-between;margin: 0;list-style: none;overflow: hidden;text-align:center;}.nav-dynamic-links a {color:white;z-index: 50;text-decoration: none;font-size: 1.25em;text-transform: uppercase;font-weight: 300;}.nav-dynamic-links a:hover {text-decoration: underline dotted !important;}.nav-dynamic-links-hidden-small-screen {display:none;}@media(min-width:35em){.nav-dynamic-links-hidden-small-screen {display:unset;}}.big-title {position: absolute;z-index: 30;top: 65%;width: 100%;margin: auto;text-align: center;font-size: 3.5em;line-height: 0.9em;font-weight: 600;color: #fff;}.big-title span {font-weight: 300;display: block;}.person {position: absolute;bottom: -250px;right: 2.5rem;z-index: 2;width: 35vh;}@media (orientation: portrait) and (max-width: 35em) {.big-title {top: 65%;}.person {bottom: max(-350px, -45vh);right: 0.5rem;width: 33vh;}.logo {margin-right: 0rem;}}@media (orientation: portrait) and (min-width: 35em) {.person {max-width: 25vh;right: 0.5em;}}@media (orientation: landscape) and (max-width: 70em) {.person {width: unset !important;height: 120vh !important;max-height: 50vw !important;right: 2.5rem;bottom: -250px;}.big-title {top: 55vh;}.logo {margin-right: 0rem;}}@media (orientation: portrait) and (min-width: 70em) {.person {max-width: 22vh;}}@media (min-width: 35em) {.big-title {font-size: 5em;}}@media (min-width: 70em) {.big-title {margin: 0;padding-left: 25%;top: calc(50% - 2rem);font-size: 7em;}}section {width: 100%;position: relative;background-color: #fafafa;scroll-margin-top: 15vh;}section .container {max-width: 40rem;padding: 2rem 1rem;margin: 0 auto;display: grid;grid-template-columns: repeat(1, 1fr);align-items: center;justify-content: center;min-height: 30vh;}section img {width: 100%;}section .container > * {margin: 2rem;}section .container > .title {font-weight: 600;font-size: 2em;margin-bottom: 0.1rem;padding-bottom: 0.2rem;position: relative;}section .container > .title > .border {position: absolute;width: 0;height: 3px;background-color: #151515;bottom: 0;left: 0;}section .container > .title + div {margin-top: 0;}.shadow {position: absolute;bottom: 100%;height: 300px;width: 100%;left: 0;z-index: 40;background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent 30%);}.opacity {opacity: 1;}p.text {padding-top: 0.75rem;font-size: 1.2em;}p.text .p-title {font-weight: 600;padding-right: 1em;}@media (min-width: 35em) {.big-title {font-size: 5em;}section img {width: 100%;margin: 0;}section .container {grid-template-columns: repeat(1, 1fr);max-width: 40rem;padding: 0 2rem;margin: 0 auto;}}@media (min-width: 70em) {section .container {grid-template-columns: repeat(2, 1fr);padding: 0 3rem;}section .container > .title {grid-column: 1 / 3;}@media (max-width: 100em) {section .container > * {margin: 1rem;}}.big-title {margin: 0;padding-left: 25%;top: calc(50% - 2rem);font-size: 7em;}}@media (orientation: landscape) and (max-width: 70em) {.container {padding: 0 1rem !important;}.container-img {padding: 0 4rem !important;}}.separator {height: 15vh;}@media (min-width: 35em) {.separator {height: 20vh;}}@media (min-width: 70em) {.separator {height: 25vh;}}@supports (-webkit-touch-callout: none) {.bg-1::before {content: " ";display: block;background: #282828 url("./img/dolls.jpg") no-repeat center right scroll;background-size: cover;z-index: -10;position: fixed;height: 100vh;width: 100vw;top: 0;left: 0;}}@supports not (-webkit-touch-callout: none) {.bg-feedback {background: #282828 url("./img/dolls.jpg") no-repeat bottom center fixed;background-size: cover;}.bg-1 {background: #282828 url("./img/dolls.jpg") no-repeat bottom center fixed;background-size: cover;}.bg-2 {background: #282828 url("./img/dolls.jpg") no-repeat bottom center fixed;background-size: cover;}.bg-3 {background: #282828 url("./img/moscow.jpg") no-repeat bottom center fixed;background-size: cover;}}section#feedbacks .content {margin-top: 0;margin-bottom: 0;}div.feedback {margin-top: 2em;font-size: 1.2em;}div.feedback p {padding-bottom: 1em;}span.feedback_name {font-weight: bold;display: block;}button.feedback_btn {margin: 0;background-color: rgba(243, 7, 120, 1);border-radius: 8px;border-style: none;box-sizing: border-box;display: block;color: #ffffff;cursor: pointer;font-size: 0.8em;font-weight: 500;height: 2.5em;line-height: 20px;list-style: none;outline: none;padding: 0.3em 0.5em;position: relative;text-align: center;text-decoration: none;font-family: Poppins;transition: color 100ms;vertical-align: baseline;user-select: none;-webkit-user-select: none;}button.feedback_btn:hover, button.feedback_btn:focus {background-color: #f082ac;}
