.pace { font-family:"Antic Didone",serif; font-weight:400; font-style:normal; -webkit-pointer-events:none; pointer-events:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; border-radius:10px; -webkit-background-clip:padding-box; -moz-background-clip:padding; background-clip:padding-box; z-index:9999999999999; position:fixed; margin:auto; top:0; left:0; right:0; bottom:0; width:200px; height:80px; overflow:hidden; z-index:9999999999999 } .pace-running { overflow-y:hidden; overflow-x:hidden } .pace .pace-progress { -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; border-radius:2px; -webkit-background-clip:padding-box; -moz-background-clip:padding; background-clip:padding-box; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); display:block; position:absolute; right:100%; margin-right:-7px; width:93%; bottom:7px; height:2px; font-size:26px; background:#cacdd0; color:#cacdd0; -webkit-box-shadow:120px 0 #19191f,240px 0 #19191f; -ms-box-shadow:120px 0 #19191f,240px 0 #19191f; box-shadow:120px 0 #19191f,240px 0 #19191f } .pace .pace-progress:after { content:attr(data-progress-text); display:inline-block; position:fixed; width:200px; text-align:center; right:0; padding-right:16px; top:-40px } .pace .pace-progress[data-progress-text="0%"]:after { right:-200px } .pace .pace-progress[data-progress-text="1%"]:after { right:-198.14px } .pace .pace-progress[data-progress-text="2%"]:after { right:-196.28px } .pace .pace-progress[data-progress-text="3%"]:after { right:-194.42px } .pace .pace-progress[data-progress-text="4%"]:after { right:-192.56px } .pace .pace-progress[data-progress-text="5%"]:after { right:-190.7px } .pace .pace-progress[data-progress-text="6%"]:after { right:-188.84px } .pace .pace-progress[data-progress-text="7%"]:after { right:-186.98px } .pace .pace-progress[data-progress-text="8%"]:after { right:-185.12px } .pace .pace-progress[data-progress-text="9%"]:after { right:-183.26px } .pace .pace-progress[data-progress-text="10%"]:after { right:-181.4px } .pace .pace-progress[data-progress-text="11%"]:after { right:-179.54px } .pace .pace-progress[data-progress-text="12%"]:after { right:-177.68px } .pace .pace-progress[data-progress-text="13%"]:after { right:-175.82px } .pace .pace-progress[data-progress-text="14%"]:after { right:-173.96px } .pace .pace-progress[data-progress-text="15%"]:after { right:-172.1px } .pace .pace-progress[data-progress-text="16%"]:after { right:-170.24px } .pace .pace-progress[data-progress-text="17%"]:after { right:-168.38px } .pace .pace-progress[data-progress-text="18%"]:after { right:-166.52px } .pace .pace-progress[data-progress-text="19%"]:after { right:-164.66px } .pace .pace-progress[data-progress-text="20%"]:after { right:-162.8px } .pace .pace-progress[data-progress-text="21%"]:after { right:-160.94px } .pace .pace-progress[data-progress-text="22%"]:after { right:-159.08px } .pace .pace-progress[data-progress-text="23%"]:after { right:-157.22px } .pace .pace-progress[data-progress-text="24%"]:after { right:-155.36px } .pace .pace-progress[data-progress-text="25%"]:after { right:-153.5px } .pace .pace-progress[data-progress-text="26%"]:after { right:-151.64px } .pace .pace-progress[data-progress-text="27%"]:after { right:-149.78px } .pace .pace-progress[data-progress-text="28%"]:after { right:-147.92px } .pace .pace-progress[data-progress-text="29%"]:after { right:-146.06px } .pace .pace-progress[data-progress-text="30%"]:after { right:-144.2px } .pace .pace-progress[data-progress-text="31%"]:after { right:-142.34px } .pace .pace-progress[data-progress-text="32%"]:after { right:-140.48px } .pace .pace-progress[data-progress-text="33%"]:after { right:-138.62px } .pace .pace-progress[data-progress-text="34%"]:after { right:-136.76px } .pace .pace-progress[data-progress-text="35%"]:after { right:-134.9px } .pace .pace-progress[data-progress-text="36%"]:after { right:-133.04px } .pace .pace-progress[data-progress-text="37%"]:after { right:-131.18px } .pace .pace-progress[data-progress-text="38%"]:after { right:-129.32px } .pace .pace-progress[data-progress-text="39%"]:after { right:-127.46px } .pace .pace-progress[data-progress-text="40%"]:after { right:-125.6px } .pace .pace-progress[data-progress-text="41%"]:after { right:-123.74px } .pace .pace-progress[data-progress-text="42%"]:after { right:-121.88px } .pace .pace-progress[data-progress-text="43%"]:after { right:-120.02px } .pace .pace-progress[data-progress-text="44%"]:after { right:-118.16px } .pace .pace-progress[data-progress-text="45%"]:after { right:-116.3px } .pace .pace-progress[data-progress-text="46%"]:after { right:-114.44px } .pace .pace-progress[data-progress-text="47%"]:after { right:-112.58px } .pace .pace-progress[data-progress-text="48%"]:after { right:-110.72px } .pace .pace-progress[data-progress-text="49%"]:after { right:-108.86px } .pace .pace-progress[data-progress-text="50%"]:after { right:-107px } .pace .pace-progress[data-progress-text="51%"]:after { right:-105.14px } .pace .pace-progress[data-progress-text="52%"]:after { right:-103.28px } .pace .pace-progress[data-progress-text="53%"]:after { right:-101.42px } .pace .pace-progress[data-progress-text="54%"]:after { right:-99.56px } .pace .pace-progress[data-progress-text="55%"]:after { right:-97.7px } .pace .pace-progress[data-progress-text="56%"]:after { right:-95.84px } .pace .pace-progress[data-progress-text="57%"]:after { right:-93.98px } .pace .pace-progress[data-progress-text="58%"]:after { right:-92.12px } .pace .pace-progress[data-progress-text="59%"]:after { right:-90.26px } .pace .pace-progress[data-progress-text="60%"]:after { right:-88.4px } .pace .pace-progress[data-progress-text="61%"]:after { right:-86.54px } .pace .pace-progress[data-progress-text="62%"]:after { right:-84.68px } .pace .pace-progress[data-progress-text="63%"]:after { right:-82.82px } .pace .pace-progress[data-progress-text="64%"]:after { right:-80.96px } .pace .pace-progress[data-progress-text="65%"]:after { right:-79.1px } .pace .pace-progress[data-progress-text="66%"]:after { right:-77.24px } .pace .pace-progress[data-progress-text="67%"]:after { right:-75.38px } .pace .pace-progress[data-progress-text="68%"]:after { right:-73.52px } .pace .pace-progress[data-progress-text="69%"]:after { right:-71.66px } .pace .pace-progress[data-progress-text="70%"]:after { right:-69.8px } .pace .pace-progress[data-progress-text="71%"]:after { right:-67.94px } .pace .pace-progress[data-progress-text="72%"]:after { right:-66.08px } .pace .pace-progress[data-progress-text="73%"]:after { right:-64.22px } .pace .pace-progress[data-progress-text="74%"]:after { right:-62.36px } .pace .pace-progress[data-progress-text="75%"]:after { right:-60.5px } .pace .pace-progress[data-progress-text="76%"]:after { right:-58.64px } .pace .pace-progress[data-progress-text="77%"]:after { right:-56.78px } .pace .pace-progress[data-progress-text="78%"]:after { right:-54.92px } .pace .pace-progress[data-progress-text="79%"]:after { right:-53.06px } .pace .pace-progress[data-progress-text="80%"]:after { right:-51.2px } .pace .pace-progress[data-progress-text="81%"]:after { right:-49.34px } .pace .pace-progress[data-progress-text="82%"]:after { right:-47.48px } .pace .pace-progress[data-progress-text="83%"]:after { right:-45.62px } .pace .pace-progress[data-progress-text="84%"]:after { right:-43.76px } .pace .pace-progress[data-progress-text="85%"]:after { right:-41.9px } .pace .pace-progress[data-progress-text="86%"]:after { right:-40.04px } .pace .pace-progress[data-progress-text="87%"]:after { right:-38.18px } .pace .pace-progress[data-progress-text="88%"]:after { right:-36.32px } .pace .pace-progress[data-progress-text="89%"]:after { right:-34.46px } .pace .pace-progress[data-progress-text="90%"]:after { right:-32.6px } .pace .pace-progress[data-progress-text="91%"]:after { right:-30.74px } .pace .pace-progress[data-progress-text="92%"]:after { right:-28.88px } .pace .pace-progress[data-progress-text="93%"]:after { right:-27.02px } .pace .pace-progress[data-progress-text="94%"]:after { right:-25.16px } .pace .pace-progress[data-progress-text="95%"]:after { right:-23.3px } .pace .pace-progress[data-progress-text="96%"]:after { right:-21.44px } .pace .pace-progress[data-progress-text="97%"]:after { right:-19.58px } .pace .pace-progress[data-progress-text="98%"]:after { right:-17.72px } .pace .pace-progress[data-progress-text="99%"]:after { right:-15.86px } .pace .pace-progress[data-progress-text="100%"]:after { right:-14px } .pace .pace-activity { position:absolute; width:100%; height:28px; z-index:999999999999 } .pace-background { position:fixed; top:0; bottom:0; left:0; right:0; width:100vw; height:100vh; background:#19191f; z-index:9999999 } .pace-logo { position:absolute; top:calc(50% - 60px); left:50%; -webkit-transform:translate(-50%, -50%) !important; -ms-transform:translate(-50%, -50%) !important; transform:translate(-50%, -50%) !important } .pace-logo { width:200px !important; height:100px !important } .pace-logo svg { width:200px; height:100px } @media(max-width: 730px) { .pace { height:50px } .pace .pace-progress { font-size:26px } .pace .pace-progress:after { top:-40px } .pace-logo { top:calc(50% - 80px) } } .pace.pace-inactive { display:none; z-index:9999999999999 } .pace-done .pace-background { display:none } @font-face { font-family:"Antic Didone"; src:url("../fonts/AnticDidone-Regular.ttf"); font-weight:normal; font-style:normal; font-display:swap } @font-face { font-family:"Inter"; src:url("../fonts/Inter.ttf"); font-style:normal; font-display:swap } @font-face { font-family:"Inter"; src:url("../fonts/Inter-Italic.ttf"); font-style:italic; font-display:swap } @font-face { font-family:"Vollkorn"; src:url("../fonts/Vollkorn.ttf"); font-style:normal; font-display:swap } @font-face { font-family:"Vollkorn"; src:url("../fonts/Vollkorn-Italic.ttf"); font-style:italic; font-display:swap } html { -webkit-box-sizing:border-box; box-sizing:border-box } *,*::after,*::before { -webkit-box-sizing:inherit; box-sizing:inherit } ul[class],ol[class] { padding:0 } body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,figcaption,blockquote,dl,dd { margin:0 } ul[class] { list-style:none } img { max-width:100%; display:block } input,button,textarea,select { font:inherit } a { text-decoration:none } @font-face { font-family:swiper-icons; src:url("data:application/font-woff; charset=utf-8; base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight:400; font-style:normal } :root { --swiper-theme-color:#007aff } :host { position:relative; display:block; margin-left:auto; margin-right:auto; z-index:1 } .swiper { margin-left:auto; margin-right:auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1; display:block } .swiper-vertical>.swiper-wrapper { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column } .swiper-wrapper { position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; transition-property:transform; transition-property:transform, -webkit-transform; -webkit-transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial); transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial); -webkit-box-sizing:content-box; box-sizing:content-box } .swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper { -webkit-transform:translate3d(0px, 0, 0); transform:translate3d(0px, 0, 0) } .swiper-horizontal { -ms-touch-action:pan-y; touch-action:pan-y } .swiper-vertical { -ms-touch-action:pan-x; touch-action:pan-x } .swiper-slide { -ms-flex-negative:0; flex-shrink:0; width:100%; height:100%; position:relative; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; transition-property:transform; transition-property:transform, -webkit-transform; display:block } .swiper-slide-invisible-blank { visibility:hidden } .swiper-autoheight,.swiper-autoheight .swiper-slide { height:auto } .swiper-autoheight .swiper-wrapper { -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-transition-property:height,-webkit-transform; transition-property:height,-webkit-transform; transition-property:transform,height; transition-property:transform,height,-webkit-transform } .swiper-backface-hidden .swiper-slide { -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-backface-visibility:hidden; backface-visibility:hidden } .swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective:1200px; perspective:1200px } .swiper-3d .swiper-wrapper { -webkit-transform-style:preserve-3d; transform-style:preserve-3d } .swiper-3d { -webkit-perspective:1200px; perspective:1200px } .swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide { -webkit-transform-style:preserve-3d; transform-style:preserve-3d } .swiper-css-mode>.swiper-wrapper { overflow:auto; scrollbar-width:none; -ms-overflow-style:none } .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar { display:none } .swiper-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align:start start } .swiper-css-mode.swiper-horizontal>.swiper-wrapper { -ms-scroll-snap-type:x mandatory; scroll-snap-type:x mandatory } .swiper-css-mode.swiper-vertical>.swiper-wrapper { -ms-scroll-snap-type:y mandatory; scroll-snap-type:y mandatory } .swiper-css-mode.swiper-free-mode>.swiper-wrapper { -ms-scroll-snap-type:none; scroll-snap-type:none } .swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align:none } .swiper-css-mode.swiper-centered>.swiper-wrapper::before { content:""; -ms-flex-negative:0; flex-shrink:0; -webkit-box-ordinal-group:10000; -ms-flex-order:9999; order:9999 } .swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide { scroll-snap-align:center center; scroll-snap-stop:always } .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { -webkit-margin-start:var(--swiper-centered-offset-before); margin-inline-start:var(--swiper-centered-offset-before) } .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before { height:100%; min-height:1px; width:var(--swiper-centered-offset-after) } .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child { -webkit-margin-before:var(--swiper-centered-offset-before); margin-block-start:var(--swiper-centered-offset-before) } .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before { width:100%; min-width:1px; height:var(--swiper-centered-offset-after) } .swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top { position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:10 } .swiper-3d .swiper-slide-shadow { background:rgba(0, 0, 0, 0.15) } .swiper-3d .swiper-slide-shadow-left { background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) } .swiper-3d .swiper-slide-shadow-right { background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) } .swiper-3d .swiper-slide-shadow-top { background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) } .swiper-3d .swiper-slide-shadow-bottom { background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) } .swiper-lazy-preloader { width:42px; height:42px; position:absolute; left:50%; top:50%; margin-left:-21px; margin-top:-21px; z-index:10; -webkit-transform-origin:50%; -ms-transform-origin:50%; transform-origin:50%; -webkit-box-sizing:border-box; box-sizing:border-box; border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius:50%; border-top-color:transparent } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { -webkit-animation:swiper-preloader-spin 1s infinite linear; animation:swiper-preloader-spin 1s infinite linear } .swiper-lazy-preloader-white { --swiper-preloader-color:#fff } .swiper-lazy-preloader-black { --swiper-preloader-color:#000 } @-webkit-keyframes swiper-preloader-spin { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg) } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @keyframes swiper-preloader-spin { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg) } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } .swiper-virtual .swiper-slide { -webkit-backface-visibility:hidden; -webkit-transform:translateZ(0); transform:translateZ(0) } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content:""; position:absolute; left:0; top:0; pointer-events:none } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height:1px; width:var(--swiper-virtual-size) } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width:1px; height:var(--swiper-virtual-size) } :root { --swiper-navigation-size:44px } .swiper-button-next,.swiper-button-prev { position:absolute; top:var(--swiper-navigation-top-offset, 50%); width:calc(var(--swiper-navigation-size)/44*27); height:var(--swiper-navigation-size); margin-top:calc(0px - var(--swiper-navigation-size)/2); z-index:10; cursor:pointer; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; color:var(--swiper-navigation-color, var(--swiper-theme-color)) } .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled { opacity:.35; cursor:auto; pointer-events:none } .swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden { opacity:0; cursor:auto; pointer-events:none } .swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev { display:none !important } .swiper-button-next svg,.swiper-button-prev svg { width:100%; height:100%; -o-object-fit:contain; object-fit:contain; -webkit-transform-origin:center; -ms-transform-origin:center; transform-origin:center } .swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg { -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg) } .swiper-button-prev,.swiper-rtl .swiper-button-next { left:var(--swiper-navigation-sides-offset, 10px); right:auto } .swiper-button-next,.swiper-rtl .swiper-button-prev { right:var(--swiper-navigation-sides-offset, 10px); left:auto } .swiper-button-lock { display:none } .swiper-button-next:after,.swiper-button-prev:after { font-family:swiper-icons; font-size:var(--swiper-navigation-size); text-transform:none !important; letter-spacing:0; font-variant:initial; line-height:1 } .swiper-button-prev:after,.swiper-rtl .swiper-button-next:after { content:"prev" } .swiper-button-next,.swiper-rtl .swiper-button-prev { right:var(--swiper-navigation-sides-offset, 10px); left:auto } .swiper-button-next:after,.swiper-rtl .swiper-button-prev:after { content:"next" } .swiper-pagination { position:absolute; text-align:center; -webkit-transition:.3s opacity; transition:.3s opacity; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); z-index:10 } .swiper-pagination.swiper-pagination-hidden { opacity:0 } .swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled { display:none !important } .swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction { bottom:var(--swiper-pagination-bottom, 8px); top:var(--swiper-pagination-top, auto); left:0; width:100% } .swiper-pagination-bullets-dynamic { overflow:hidden; font-size:0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform:scale(0.33); -ms-transform:scale(0.33); transform:scale(0.33); position:relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform:scale(0.66); -ms-transform:scale(0.66); transform:scale(0.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform:scale(0.33); -ms-transform:scale(0.33); transform:scale(0.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform:scale(0.66); -ms-transform:scale(0.66); transform:scale(0.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform:scale(0.33); -ms-transform:scale(0.33); transform:scale(0.33) } .swiper-pagination-bullet { width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display:inline-block; border-radius:var(--swiper-pagination-bullet-border-radius, 50%); background:var(--swiper-pagination-bullet-inactive-color, #000); opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2) } button.swiper-pagination-bullet { border:none; margin:0; padding:0; -webkit-box-shadow:none; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor:pointer } .swiper-pagination-bullet:only-child { display:none !important } .swiper-pagination-bullet-active { opacity:var(--swiper-pagination-bullet-opacity, 1); background:var(--swiper-pagination-color, var(--swiper-theme-color)) } .swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets { right:var(--swiper-pagination-right, 8px); left:var(--swiper-pagination-left, auto); top:50%; -webkit-transform:translate3d(0px, -50%, 0); transform:translate3d(0px, -50%, 0) } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display:block } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:8px } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display:inline-block; -webkit-transition:.2s transform,.2s top; transition:.2s transform,.2s top } .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px) } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); white-space:nowrap } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition:.2s transform,.2s left; transition:.2s transform,.2s left } .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition:.2s transform,.2s right; transition:.2s transform,.2s right } .swiper-pagination-fraction { color:var(--swiper-pagination-fraction-color, inherit) } .swiper-pagination-progressbar { background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); position:absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:var(--swiper-pagination-color, var(--swiper-theme-color)); position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); -webkit-transform-origin:left top; -ms-transform-origin:left top; transform-origin:left top } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin:right top; -ms-transform-origin:right top; transform-origin:right top } .swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width:100%; height:var(--swiper-pagination-progressbar-size, 4px); left:0; top:0 } .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar { width:var(--swiper-pagination-progressbar-size, 4px); height:100%; left:0; top:0 } .swiper-pagination-lock { display:none } .swiper-scrollbar { border-radius:var(--swiper-scrollbar-border-radius, 10px); position:relative; -ms-touch-action:none; touch-action:none; background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1)) } .swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled { display:none !important } .swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal { position:absolute; left:var(--swiper-scrollbar-sides-offset, 1%); bottom:var(--swiper-scrollbar-bottom, 4px); top:var(--swiper-scrollbar-top, auto); z-index:50; height:var(--swiper-scrollbar-size, 4px); width:calc(100% - 2*var(--swiper-scrollbar-sides-offset, 1%)) } .swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar { position:absolute; left:var(--swiper-scrollbar-left, auto); right:var(--swiper-scrollbar-right, 4px); top:var(--swiper-scrollbar-sides-offset, 1%); z-index:50; width:var(--swiper-scrollbar-size, 4px); height:calc(100% - 2*var(--swiper-scrollbar-sides-offset, 1%)) } .swiper-scrollbar-drag { height:100%; width:100%; position:relative; background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5)); border-radius:var(--swiper-scrollbar-border-radius, 10px); left:0; top:0 } .swiper-scrollbar-cursor-drag { cursor:move } .swiper-scrollbar-lock { display:none } .swiper-zoom-container { width:100%; height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; text-align:center } .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg { max-width:100%; max-height:100%; -o-object-fit:contain; object-fit:contain } .swiper-slide-zoomed { cursor:move; -ms-touch-action:none; touch-action:none } .swiper .swiper-notification { position:absolute; left:0; top:0; pointer-events:none; opacity:0; z-index:-1000 } .swiper-free-mode>.swiper-wrapper { -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; margin:0 auto } .swiper-grid>.swiper-wrapper { -ms-flex-wrap:wrap; flex-wrap:wrap } .swiper-grid-column>.swiper-wrapper { -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column } .swiper-fade.swiper-free-mode .swiper-slide { -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out } .swiper-fade .swiper-slide { pointer-events:none; -webkit-transition-property:opacity; transition-property:opacity } .swiper-fade .swiper-slide .swiper-slide { pointer-events:none } .swiper-fade .swiper-slide-active { pointer-events:auto } .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events:auto } .swiper.swiper-cube { overflow:visible } .swiper-cube .swiper-slide { pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1; visibility:hidden; -webkit-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0; width:100%; height:100% } .swiper-cube .swiper-slide .swiper-slide { pointer-events:none } .swiper-cube.swiper-rtl .swiper-slide { -webkit-transform-origin:100% 0; -ms-transform-origin:100% 0; transform-origin:100% 0 } .swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events:auto } .swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev { pointer-events:auto; visibility:visible } .swiper-cube .swiper-cube-shadow { position:absolute; left:0; bottom:0px; width:100%; height:100%; opacity:.6; z-index:0 } .swiper-cube .swiper-cube-shadow:before { content:""; background:#000; position:absolute; left:0; top:0; bottom:0; right:0; -webkit-filter:blur(50px); filter:blur(50px) } .swiper-cube .swiper-slide-next+.swiper-slide { pointer-events:auto; visibility:visible } .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top { z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden } .swiper.swiper-flip { overflow:visible } .swiper-flip .swiper-slide { pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1 } .swiper-flip .swiper-slide .swiper-slide { pointer-events:none } .swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events:auto } .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top { z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden } .swiper-creative .swiper-slide { -webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden; -webkit-transition-property:opacity,height,-webkit-transform; transition-property:opacity,height,-webkit-transform; transition-property:transform,opacity,height; transition-property:transform,opacity,height,-webkit-transform } .swiper.swiper-cards { overflow:visible } .swiper-cards .swiper-slide { -webkit-transform-origin:center bottom; -ms-transform-origin:center bottom; transform-origin:center bottom; -webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden } html,body { -webkit-box-sizing:border-box; box-sizing:border-box; min-height:100%; background:#19191f; font-family:"Inter",sans-serif; font-weight:400; color:#cacdd0; overflow-x:hidden; position:relative } .page-bg { width:1512px; height:982px; position:absolute; -o-object-fit:cover; object-fit:cover; top:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); z-index:1 } a { color:inherit; width:-webkit-max-content; width:-moz-max-content; width:max-content; position:relative; z-index:120 } a svg,a img { width:20px; height:20px } a:hover { color:#c07aa3 !important } a:active,a:focus { color:#cacdd0 !important; border-radius:80px; background:hsla(0,0%,100%,0); -webkit-box-shadow:0px 0px 0px 2px #8c9094; box-shadow:0px 0px 0px 2px #8c9094 } a:focus-visible { outline:2px solid #8c9094; color:#cacdd0 !important } a:disabled { color:#57595f !important } a:disabled svg,a:disabled img { opacity:.8 } .wrapper { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; min-height:100vh } .no-scroll { overflow-x:hidden; overflow-y:hidden } .main { -webkit-box-flex:1; -ms-flex:1 0 auto; flex:1 0 auto; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; gap:120px; padding-top:75px } .footer { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto } .container { max-width:1500px; margin:0 auto; padding:0 50px } .button-tawny { border-radius:80px; background:#592344; padding:12px 28px; color:#e5c3d5; font-size:15px; font-weight:600; line-height:133.333%; outline:none; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; gap:12px } .button-tawny svg,.button-tawny img { width:20px; height:20px } .button-tawny:hover { background:#86416b; color:#e5c3d5 !important } .button-tawny:active,.button-tawny:focus { background:#592344; color:#e5c3d5 !important; -webkit-box-shadow:0px 0px 0px 2px #8c9094; box-shadow:0px 0px 0px 2px #8c9094; outline:2px solid #8c9094 } .button-tawny:focus-visible { color:#e5c3d5 !important; outline:2px solid #8c9094 } .button-tawny:disabled { color:#6e7176 !important; background:#35373d } .button-tawny:disabled svg,.button-tawny:disabled img { opacity:.8 } .border-button { padding:12px 24px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; gap:12px; border-radius:80px; border:1px solid #57595f; background:none; overflow:hidden; color:#cacdd0; font-size:15px; font-weight:500; line-height:133%; cursor:pointer } .border-button svg,.border-button img { width:20px; height:20px } .border-button:hover { border:1px solid #cacdd0; color:#cacdd0 !important } .border-button:active,.border-button:focus { border:1px solid #8c9094; background:hsla(0,0%,100%,0); -webkit-box-shadow:0px 0px 0px 2px #8c9094; box-shadow:0px 0px 0px 2px #8c9094; color:#cacdd0 !important } .border-button:focus-visible { outline:2px solid #8c9094; color:#cacdd0 !important } .border-button:disabled { color:#57595f !important; border:1px solid #35373d; background:hsla(0,0%,100%,0) } .border-button:disabled svg,.border-button:disabled img { opacity:.8 } .section-center { width:1000px; max-width:1000px; padding:0 40px; margin:0 auto } .mobile-menu { position:fixed; overflow:auto; top:0; left:0; right:0; bottom:0; z-index:220; background:#19191f; background-size:cover; padding:20px; max-width:100% } .mobile-menu-top { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:end; margin-bottom:24px } .mobile-menu-top .mobile-menu-close svg,.mobile-menu-top .mobile-menu-close img { width:20px; height:20px; cursor:pointer } .mobile-menu ul { list-style:none; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; gap:20px; padding-left:20px; max-width:100% } .mobile-menu ul li,.mobile-menu ul a { width:-webkit-max-content; width:-moz-max-content; width:max-content; font-family:"Vollkorn"; font-size:36px; font-weight:400; line-height:122%; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; max-width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center } .mobile-menu ul li .menu-image-title-before.menu-image-not-hovered img,.mobile-menu ul li .menu-image-hovered.menu-image-title-before .menu-image-hover-wrapper,.mobile-menu ul li .menu-image-title-after.menu-image-title,.mobile-menu ul a .menu-image-title-before.menu-image-not-hovered img,.mobile-menu ul a .menu-image-hovered.menu-image-title-before .menu-image-hover-wrapper,.mobile-menu ul a .menu-image-title-after.menu-image-title { padding-left:0; margin-left:12px } .mobile-menu ul li:last-child,.mobile-menu ul a:last-child { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center } .mobile-menu ul li:hover,.mobile-menu ul a:hover { color:#c07aa3 } .mobile-menu ul li svg,.mobile-menu ul li img,.mobile-menu ul a svg,.mobile-menu ul a img { width:24px; height:24px; position:relative; top:calc(50% - 12px); left:12px; -webkit-transition:all .5s; transition:all .5s } .mobile-menu ul li ul,.mobile-menu ul a ul { max-height:0; overflow:hidden; -webkit-transition:max-height .5s ease-in-out; transition:max-height .5s ease-in-out; padding:0 0 0 80px; position:relative; display:block; gap:0; color:#cacdd0 } .mobile-menu ul li ul::before,.mobile-menu ul a ul::before { content:""; position:absolute; top:0; left:40px; height:100%; width:1px; background:#35373d } .mobile-menu ul li ul a,.mobile-menu ul a ul a { padding:12px } .mobile-menu ul li ul li,.mobile-menu ul li ul a,.mobile-menu ul a ul li,.mobile-menu ul a ul a { font-family:"Inter"; font-size:15px; font-weight:600; line-height:133%; color:#cacdd0 } .mobile-menu ul .menu-item-has-children { display:block !important } .mobile-menu li.li-submenu-active svg,.mobile-menu li.li-submenu-active img { -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg) } .mobile-menu ul.submenu-active { max-height:1500px; top:20px; margin-bottom:20px } .mobile-menu ul li { white-space:nowrap; width:-webkit-max-content; width:-moz-max-content; width:max-content } .mobile-menu ul li a { display:inline-block; width:100%; text-overflow:ellipsis } .mobile-menu ul li { word-wrap:break-word } .header-mobile-button { width:24px; height:24px; cursor:pointer; display:none } .mobile-menu { display:none } .sec-404 { min-height:50vh; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .sec-404 img { width:100%; height:auto } .header { background:#18181e; padding:18px 0; position:relative; z-index:120 } .header-wrapper { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative } .header-logo { width:140px; height:44px; -webkit-transition:all .5s; transition:all .5s } .header-logo:hover { -webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05) } .header-navbar { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:start; margin:0 auto 0 80px } .header-navbar li { position:relative } .header-navbar li a { color:#cacdd0; font-size:15px; font-weight:600; line-height:133%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; gap:5px; padding:10px 16px; position:relative } .header-navbar li a svg,.header-navbar li a img { width:20px; height:20px; z-index:120; -webkit-transition:all .5s; transition:all .5s } .header-navbar li a:hover { background:#35373d; color:#cacdd0 !important } .header-navbar li a:active,.header-navbar li a:focus { border:1px solid #8c9094; background:hsla(0,0%,100%,0); -webkit-box-shadow:0px 0px 0px 2px #8c9094; box-shadow:0px 0px 0px 2px #8c9094; color:#cacdd0 !important } .header-navbar li a:focus-visible { outline:2px solid #8c9094; color:#cacdd0 !important } .header-menu-button { margin-left:8px; display:none } .header-navbar .sub-menu { position:absolute; top:40px; left:0px; padding:20px 40px 30px 40px; background:rgba(53,55,61,.92) !important; -webkit-box-shadow:0px 4px 80px 0px #19191f; box-shadow:0px 4px 80px 0px #19191f; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); display:-ms-grid; display:grid; -ms-grid-columns:(-webkit-max-content)[5]; -ms-grid-columns:(max-content)[5]; grid-template-columns:repeat(5, -webkit-max-content); grid-template-columns:repeat(5, max-content); grid-row-gap:0; grid-column-gap:40px } .header-navbar .sub-menu a { padding:0; margin:20px 0 } .header-navbar .sub-menu a:hover { background:none; color:#c07aa3 !important } .header-navbar .sub-menu hr { height:100%; margin-top:0px; border-left:1px solid #19191f; color:rgba(53,55,61,.92); background:none; width:1px } .header-navbar .sub-menu hr:nth-child(3n) { display:none } .header-navbar .sub-menu { visibility:hidden; opacity:0; -webkit-transition:opacity .2s ease-in-out; transition:opacity .2s ease-in-out } .header-navbar .menu-item-has-children:hover .sub-menu { visibility:visible; opacity:1 } .header-navbar .sub-menu:hover { visibility:visible; opacity:1 } .header-navbar .sub-menu:hover .menu-item-has-children { background:#35373d !important; opacity:1 !important } .header-navbar .menu-item-has-children:hover,.header-navbar .menu-item-has-children:hover .sub-menu { background:#35373d; opacity:1 !important } .header-navbar .menu-item-has-children:hover svg,.header-navbar .menu-item-has-children:hover img,.header-navbar .menu-item-has-children:hover .sub-menu svg,.header-navbar .menu-item-has-children:hover .sub-menu img { -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); -webkit-transition:all .3s; transition:all .3s } .menu-item-has-children { cursor:pointer } .menu-item-has-children a { pointer-events:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .menu-item-has-children ul a { pointer-events:all; -webkit-user-select:text; -moz-user-select:text; -ms-user-select:text; user-select:text } .footer { padding:120px 0 80px } .footer-wrapper { padding:0 140px; display:-ms-grid; display:grid; gap:120px; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; grid-template-areas:"a b" "c c" } .footer-left { -ms-grid-row:1; -ms-grid-column:1; grid-area:a; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; gap:40px } .footer-title { color:#8c9094; font-family:"Vollkorn"; font-size:24px; font-weight:500; line-height:150% } .footer-list { display:-ms-grid; display:grid; -ms-grid-columns:(-webkit-max-content)[3]; -ms-grid-columns:(max-content)[3]; grid-template-columns:repeat(3, -webkit-max-content); grid-template-columns:repeat(3, max-content); max-width:690px; -webkit-column-gap:80px; -moz-column-gap:80px; column-gap:80px; row-gap:12px; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } .footer-list li a { color:#cacdd0; font-size:15px; font-weight:600; line-height:133% } .footer-list div,.footer-list ul { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; gap:12px } .footer-right { -ms-grid-row:1; -ms-grid-column:3; grid-area:b; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; gap:8px; max-width:310px } .footer-right a { color:#a55787; font-size:22px; font-weight:400; line-height:145%; -webkit-text-decoration-line:underline; text-decoration-line:underline } .footer-right a:not([href]),.footer-right p,.footer-right { color:#8c9094; text-decoration:none; font-size:14px; font-weight:400; line-height:157% } .footer-right a:not([href]):first-child { margin-top:30px } .footer-right a:not([href]):hover { color:#8c9094 !important } .footer-right a:not([href]):active,.footer-right a:not([href]):focus { color:#8c9094 !important; border-radius:0; background:none; -webkit-box-shadow:none; box-shadow:none } .footer-right a:not([href]):focus-visible { outline:none; color:#8c9094 !important } .footer-right a:not([href]):disabled { color:#8c9094 !important } .footer-right a:not([href]):disabled svg,.footer-right a:not([href]):disabled img { opacity:1 } .footer-right .no-href-parent-li-first { margin-top:30px !important } .footer-right .no-href-parent-li-last { color:#477a73 !important } .footer-right .no-href-parent-li-last a:not([href]) { color:#477a73 !important } .footer-right .no-href-parent-li-last a:not([href]):hover { color:#477a73 !important } .footer-right .no-href-parent-li-last a:not([href]):active,.footer-right .no-href-parent-li-last a:not([href]):focus { color:#477a73 !important } .footer-right .no-href-parent-li-last a:not([href]):focus-visible { color:#477a73 !important } .footer-right .no-href-parent-li-last a:not([href]):disabled { color:#477a73 !important } .footer-bottom { -ms-grid-row:3; -ms-grid-column:1; -ms-grid-column-span:3; grid-area:c; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:start; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } .footer-bottom ul { padding:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; gap:40px; -ms-flex-wrap:wrap; flex-wrap:wrap } .footer-bottom ul li { list-style:none } .footer-bottom ul li a { color:#cacdd0; font-size:14px; font-weight:600; line-height:142%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:start; gap:5px } .footer-bottom ul li a svg,.footer-bottom ul li a img { width:20px; height:20px } .footer-copy { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:start; gap:40px } .footer-copy a,.footer-copy p { color:#8c9094; font-size:14px; font-weight:400; line-height:157% } .sec-1 { position:relative; z-index:100; overflow:hidden } .sec-1 h1 { color:#cacdd0; max-width:1000px; text-align:center; font-family:"Vollkorn"; font-size:56px; font-weight:400; line-height:121%; margin:0 auto } .sec-1-wrapper { width:100%; height:-webkit-max-content; height:-moz-max-content; height:max-content; padding-bottom:84px; margin-top:80px; position:relative } .sec-1-wrapper::after { content:""; position:absolute; background:-webkit-gradient(linear, right top, left top, from(#19191F), to(rgba(0, 0, 0, 0))); background:linear-gradient(270deg, #19191F 0%, rgba(0, 0, 0, 0) 100%); width:380px; height:320px; bottom:84px; right:0; z-index:120 } .sec-1-slide { display:flex; flex-direction:column; justify-content:space-between; width:350px; -webkit-box-sizing:border-box; box-sizing:border-box; padding:20px 40px; border-left:1px solid #35373d; height:-webkit-max-content; height:-moz-max-content; height:max-content; -webkit-transition:all .5s; transition:all .5s; position:relative; z-index:110 } .sec-1-slide:hover { -webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05) } .sec-1-slide:first-child { border:none } .sec-1-slide:last-child { border:none } .sec-1-slide-top { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; gap:12px; margin-bottom:12px; overflow:hidden; color:#477a73; font-size:16px; font-weight:400; left:150% } .sec-1-slide-top p { overflow:hidden; text-overflow:ellipsis; white-space:nowrap } .sec-1-slide-top svg,.sec-1-slide-top img { width:24px; min-width:24px; max-width:24px; height:24px; min-height:24px; max-height:24px } .sec-1-slide-text { margin-bottom:40px; font-size:20px; font-weight:400; line-height:160%; margin:0 0 auto } .sec-1-slide-button { margin-top:40px } .sec-1-nav { position:absolute; width:800px; height:44px; padding:0 40px; left:calc(50% - 400px); bottom:0 } .sec-1-nav .swiper-button-next,.sec-1-nav .swiper-rtl .swiper-button-prev { right:40px } .sec-1-nav .swiper-button-prev,.sec-1-nav .swiper-rtl .swiper-button-next { left:auto; right:92px } .sec-1-nav .swiper-button-next::after,.sec-1-nav .swiper-rtl .swiper-button-prev::after,.sec-1-nav .swiper-button-prev::after,.sec-1-nav .swiper-rtl .swiper-button-next::after { content:"" } .sec-1-nav .swiper-horizontal>.swiper-pagination-bullets,.sec-1-nav .swiper-pagination-bullets.swiper-pagination-horizontal,.sec-1-nav .swiper-pagination-custom,.sec-1-nav .swiper-pagination-fraction { bottom:16px; left:40px; width:-webkit-max-content; width:-moz-max-content; width:max-content } .sec-1-nav .swiper-pagination-bullet { width:12px; height:4px; border-radius:0px; background:#57595f; opacity:1 } .sec-1-nav .swiper-pagination-bullet-active { background:#cacdd0; width:36px } .sec-2-wrapper { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .sec-2-wrapper-9 { gap:8px } .sec-2-title { margin:40px auto; max-width:1120px; text-align:center; font-size:48px; font-weight:400; line-height:116%; font-family:"Vollkorn" } .sec-2-item { width:386px; min-height:450px; padding:40px; background:#592344; -webkit-box-shadow:0px 4px 80px 0px #19191f; box-shadow:0px 4px 80px 0px #19191f; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:start; -ms-flex-align:start; align-items:start; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; gap:20px; position:relative; -webkit-transition:all .5s; transition:all .5s } .sec-2-item::before { content:""; position:absolute; top:0; left:0; background-image:url(../images/decor-pixels.png); background-size:contain; background-repeat:no-repeat; width:144px; height:144px } .sec-2-item svg,.sec-2-item img { width:80px; height:80px } .sec-2-item hr { height:1px; width:40px; background:#a55787; margin:auto 0 0 0 } .sec-2-item-title { height:auto } .sec-2-item-title h6 { color:#e5c3d5; font-family:"Vollkorn"; font-size:28px; font-weight:400; line-height:128% } .sec-2-item-text { color:#e5c3d5; font-family:"Inter"; font-size:20px; font-weight:300; line-height:160% } .sec-2-item-1 { right:-20px; bottom:-20px; z-index:111 } .sec-2-item-2 { z-index:112 } .sec-2-item-3 { left:-20px; top:-20px; z-index:113 } .sec-2-item:hover { z-index:114; -webkit-transform:scale(1.025); -ms-transform:scale(1.025); transform:scale(1.025) } .sec-2-item-9 { -webkit-box-pack:start; -ms-flex-pack:start; justify-content:start; gap:40px; width:368px; min-height:460px; right:0; bottom:0; left:0; top:0; z-index:111 } .sec-2-item-9:hover { z-index:114 } .sec-2-item-9-about { min-height:296px } .sec-2-top { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; gap:20px } .sec-2-top h1,.sec-2-top h2,.sec-2-top h3,.sec-2-top h4,.sec-2-top h5,.sec-2-top h6 { color:#e5c3d5; font-family:"Vollkorn"; font-size:28px; font-weight:400; line-height:128% } .sec-3-sviristel .sec-3-image { width:425px; height:248px; z-index:110 } .sec-3-soroka .sec-3-image { width:425px; height:248px; z-index:110 } .sec-3-sokol .sec-3-image { width:425px; height:248px; z-index:110 } .sec-3-rumours .sec-3-image { opacity:.5; z-index:110 } .sec-3-wrapper { padding:80px 40px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; gap:40px; position:relative } .sec-3-title { position:relative; z-index:111 } .sec-3-title h1,.sec-3-title h2,.sec-3-title h3,.sec-3-title h4,.sec-3-title h5,.sec-3-title h6 { color:#cacdd0; font-family:"Vollkorn"; font-size:56px; font-weight:400; line-height:121% } .sec-3-text { max-width:600px; font-family:"Inter"; font-size:20px; font-weight:300; line-height:160%; position:relative; z-index:111 } .sec-3-text a { text-decoration:underline; } .sec-3-text blockquote { color:#C07AA3; font-size:14px; font-weight:400; line-height:157%; } .sec-3-image { position:absolute; bottom:-20px; right:-20px; width:248px; height:248px; -webkit-transition:all .5s; transition:all .5s; z-index:111 } .sec-3-image:hover { -webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05) } .sec-3-svg { width:642px; height:732px; position:absolute; top:-120px; left:-80px; z-index:1 } .sec-4-title h1,.sec-4-title h2,.sec-4-title h3,.sec-4-title h4,.sec-4-title h5,.sec-4-title h6 { text-align:center; font-family:"Vollkorn"; font-size:48px; font-weight:400; line-height:116%; max-width:920px; margin:0 auto 80px auto } .sec-4-wrapper { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; gap:80px; -webkit-box-align:center; -ms-flex-align:center; align-items:center } .sec-4-image { width:480px; height:420px; -webkit-transition:.5s; transition:.5s; -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2 } .sec-4-block { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; gap:40px } .sec-4-block-wrapper { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; gap:40px; -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1 } .sec-4-block:nth-child(2n) .sec-4-image { -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1 } .sec-4-block:nth-child(2n) .sec-4-block-wrapper { -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2 } .sec-4-block-about { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; gap:12px; color:#a55787; font-size:16px; font-weight:400; line-height:150% } .sec-4-block-about svg,.sec-4-block-about img { width:24px; height:24px } .sec-4-block-item { color:#8c9094; font-size:16px; font-weight:300; line-height:150%; max-width:400px } .sec-4-block-item h1,.sec-4-block-item h2,.sec-4-block-item h3,.sec-4-block-item h4,.sec-4-block-item h5,.sec-4-block-item h6 { color:#cacdd0; font-family:"Vollkorn"; font-size:24px; font-weight:400; margin-bottom:8px; line-height:150% } .sec-4-block:hover .sec-4-image { -webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05) } .sec-5 .container { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column } .sec-5-title-center { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin-bottom:40px } .sec-5-title-center h1,.sec-5-title-center h2,.sec-5-title-center h3,.sec-5-title-center h4,.sec-5-title-center h5,.sec-5-title-center h6 { color:#cacdd0; text-align:center; font-family:"Vollkorn"; font-size:48px; font-style:normal; font-weight:400; line-height:116.667% } .sec-5-wrapper { padding:80px 0 80px 120px; border-left:8px solid #592344 } .sec-5-about { margin-bottom:20px; color:#cacdd0; font-size:18px; font-weight:300; line-height:155% } .sec-5-text { margin-bottom:40px; font-size:36px; font-family:"Vollkorn"; font-weight:400; line-height:133% } .sec-6-wrapper { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:start; gap:80px } .sec-6-left { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; width:420px; min-width:420px; max-width:420px; height:100% } .sec-6-left-title { color:#cacdd0; font-family:"Vollkorn"; font-size:64px; font-weight:400; line-height:112%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column } .sec-6-left-text { color:#8c9094; font-family:"Inter"; font-size:14px; font-weight:300; line-height:157% } .sec-6-right { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; gap:40px; width:400px } .sec-6-right-item { -webkit-transition:all .5s; transition:all .5s; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column } .sec-6-right-item:hover { -webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05) } .sec-6-right-item-title { color:#cacdd0; font-family:"Vollkorn"; font-size:104px; font-weight:400; line-height:100% } .sec-6-right-item-text { color:#8c9094; font-size:16px; font-weight:300; line-height:150% } .sec-7-wrapper { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center; gap:40px } .sec-7-title { text-align:center; font-family:"Vollkorn"; font-size:48px; font-weight:400; line-height:116% } .sec-7-text { margin:-30px 0 0 0; color:#8c9094; text-align:center; font-size:16px; font-weight:300; line-height:150% } .sec-7-list { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; gap:12px } .sec-7-item { cursor:-webkit-grab; cursor:grab; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; gap:12px; padding:6px 16px 6px 6px; border-radius:800px; background:#35373d; -webkit-transition:all .5s; transition:all .5s } .sec-7-item:hover { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1) } .sec-7-item svg,.sec-7-item img,.sec-7-item img { width:32px; height:32px } .sec-7 .selected { opacity:0; cursor:-webkit-grabbing; cursor:grabbing } .sec-8-wrapper { display:-webkit-box; display:-ms-flexbox; display:flex; gap:20px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-transition:all .5s; transition:all .5s } .sec-8-wrapper:hover img { -webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05) } .sec-8-title { font-family:"Vollkorn"; font-size:56px; font-weight:400; line-height:121%; margin-bottom:40px } .sec-8-text { color:#8c9094; font-size:16px; font-weight:300; line-height:150% } .sec-8-image { width:520px; height:460px; -webkit-transition:all .5s; transition:all .5s } .sec-9-wrapper { width:880px; max-width:880px } .sec-9-title { margin-bottom:40px } .sec-9-title h1,.sec-9-title h2,.sec-9-title h3,.sec-9-title h4,.sec-9-title h5,.sec-9-title h6 { width:100%; text-align:center; color:#cacdd0; font-family:"Vollkorn"; font-size:48px; font-weight:400; line-height:116% } .sec-9 details { padding:28px 20px; border-bottom:1px solid #35373d; color:#8c9094; font-family:"Inter"; font-size:16px; font-weight:300; line-height:150%; -webkit-transition:all 1s; transition:all 1s } .sec-9 details:last-child { border-bottom:none } .sec-9 details>summary { cursor:pointer; list-style:none; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; gap:40px; -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; font-family:"Vollkorn"; color:#cacdd0; font-size:24px; font-weight:400; line-height:150% } .sec-9 details summary::-webkit-details-marker { display: none; } .sec-9-summary { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:start; gap:12px } .sec-9-summary svg,.sec-9-summary img { margin-top:5px; width:24px; height:24px } .sec-9 details[open]>summary { margin-bottom:20px } .sec-9 summary:before { content:""; width:32px; min-width:32px; max-width:32px; height:32px; min-height:32px; max-height:32px; background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="none"><path d="M16.0001 6.6665V25.3332M6.66675 15.9998H25.3334" stroke="%23477A73" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'); background-size:contain; background-repeat:no-repeat; -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2 } .sec-9 details[open] summary:before { background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M6.66675 16H25.3334" stroke="%23477A73" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') } .sec-9-text-final { padding:28px 20px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:start; gap:10px; color:#cacdd0; font-family:"Vollkorn"; font-size:24px; font-weight:500; line-height:150%; margin-bottom:40px } .sec-9-text-final img,.sec-9-text-final svg { width:24px; height:24px; -o-object-fit:contain; object-fit:contain } .sec-10-wrapper { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; gap:20px; -webkit-box-align:center; -ms-flex-align:center; align-items:center } .sec-10-about { text-align:center; font-size:18px; font-weight:300; line-height:155% } .sec-10-title { text-align:center; font-family:"Vollkorn"; font-size:48px; font-weight:400; line-height:116%; margin-bottom:20px } .sec-10-title a { font-size:48px } .menu-image-title-after.menu-image-not-hovered img,.menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper,.menu-image-title-before.menu-image-title { padding-right:0 } .menu-image-title-before.menu-image-not-hovered img,.menu-image-hovered.menu-image-title-before .menu-image-hover-wrapper,.menu-image-title-after.menu-image-title { padding-left:0; margin-left:5px } .sec-index-title { color:#cacdd0; max-width:1000px; text-align:center; font-family:"Vollkorn"; font-size:56px; font-weight:400; line-height:121%; margin:0 auto } .sec-index-content { margin-top:80px } .sec-11-wrapper { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; gap:40px; position:relative; padding-left:150px; } .sec-11-title { position:relative; z-index:110 } .sec-11-title h1,.sec-11-title h2,.sec-11-title h3,.sec-11-title h4,.sec-11-title h5,.sec-11-title h6 { color:#a55787; font-family:"Vollkorn"; font-size:56px; font-weight:400; line-height:121% } .sec-11-text { color:#cacdd0; font-family:"Inter"; font-size:20px; font-weight:400; line-height:160%; width:100%; max-width:640px; position:relative; z-index:110 } .sec-11-text-small { color:#c07aa3; font-family:"Inter"; font-size:14px; font-weight:400; line-height:157%; margin-top:12px } .sec-11-books { width:760px; height:350px } .sec-11-book { position:absolute; z-index:100 } .sec-11-book-1 { left:0; bottom:0 } .sec-11-book-2 { left:14px; bottom:49px } .sec-11-book-3 { right:19px; bottom:0 } .sec-11-book-4 { right:0; bottom:42px } .sec-11-book-5 { right:378px; bottom:0 } .sec-11-book-6 { right:387px; bottom:-8px; -webkit-transform:rotate(15deg); -ms-transform:rotate(15deg); transform:rotate(15deg) } .sec-11-book-7 { right:411px; bottom:-18px; -webkit-transform:rotate(23deg); -ms-transform:rotate(23deg); transform:rotate(23deg) } .sec-11-book-8 { right:135px; bottom:59px; -webkit-transform:rotate(-8deg); -ms-transform:rotate(-8deg); transform:rotate(-8deg) } .sec-11-swirch { position:absolute; width:496px; height:493px; left:668px; bottom:0 } .sec-11-appearing { position:relative } .sec-11-appearing--active .sec-11-appearing-item { opacity:0; -webkit-animation:Sec11ItemAppearance 1s forwards; animation:Sec11ItemAppearance 1s forwards } .sec-11-appearing--active .sec-11-rumours-bird-1,.sec-11-appearing--active .sec-11-rumours-bird-2,.sec-11-appearing--active .sec-11-rumours-bird-3,.sec-11-appearing--active .sec-11-rumours-bird-4,.sec-11-appearing--active .sec-11-rumours-bird-5,.sec-11-appearing--active .sec-11-rumours-bird-6 { -webkit-animation:Sec11ItemAppearanceRumoursBird 1s forwards; animation:Sec11ItemAppearanceRumoursBird 1s forwards } .sec-11-appearing--active .sec-11-appearing-item-1 { -webkit-animation-delay:0; animation-delay:0 } .sec-11-appearing--active .sec-11-appearing-item-2 { -webkit-animation-delay:.3s; animation-delay:.3s } .sec-11-appearing--active .sec-11-appearing-item-3 { -webkit-animation-delay:.6s; animation-delay:.6s } .sec-11-appearing--active .sec-11-appearing-item-4 { -webkit-animation-delay:.9s; animation-delay:.9s } .sec-11-appearing--active .sec-11-appearing-item-5 { -webkit-animation-delay:1.2s; animation-delay:1.2s } .sec-11-appearing--active .sec-11-appearing-item-6 { -webkit-animation-delay:1.5s; animation-delay:1.5s } .sec-11-appearing--active .sec-11-appearing-item-7 { -webkit-animation-delay:1.8s; animation-delay:1.8s } .sec-11-appearing--active .sec-11-appearing-item-8 { -webkit-animation-delay:2.1s; animation-delay:2.1s } .sec-11-appearing--active .sec-11-appearing-item-9 { -webkit-animation-delay:2.4s; animation-delay:2.4s } .sec-11-appearing--active .sec-11-appearing-item-10 { -webkit-animation-delay:2.7s; animation-delay:2.7s } .sec-11-appearing--active .sec-11-book-6 { -webkit-animation:Sec11ItemAppearanceBook6 1s forwards; animation:Sec11ItemAppearanceBook6 1s forwards; -webkit-animation-delay:1.5s; animation-delay:1.5s } .sec-11-appearing--active .sec-11-book-7 { -webkit-animation:Sec11ItemAppearanceBook7 1s forwards; animation:Sec11ItemAppearanceBook7 1s forwards; -webkit-animation-delay:1.8s; animation-delay:1.8s } .sec-11-appearing--active .sec-11-book-8 { -webkit-animation:Sec11ItemAppearanceBook8 1s forwards; animation:Sec11ItemAppearanceBook8 1s forwards; -webkit-animation-delay:2.1s; animation-delay:2.1s } @-webkit-keyframes Sec11ItemAppearance { 0% { opacity:0 } 100% { opacity:1 } } @keyframes Sec11ItemAppearance { 0% { opacity:0 } 100% { opacity:1 } } @-webkit-keyframes Sec11ItemAppearanceBook6 { 0% { opacity:0; -webkit-transform:rotate(0deg) translateY(-50%); transform:rotate(0deg) translateY(-50%) } 100% { opacity:1; -webkit-transform:rotate(15deg) translateY(0%); transform:rotate(15deg) translateY(0%) } } @keyframes Sec11ItemAppearanceBook6 { 0% { opacity:0; -webkit-transform:rotate(0deg) translateY(-50%); transform:rotate(0deg) translateY(-50%) } 100% { opacity:1; -webkit-transform:rotate(15deg) translateY(0%); transform:rotate(15deg) translateY(0%) } } @-webkit-keyframes Sec11ItemAppearanceBook7 { 0% { opacity:0; -webkit-transform:rotate(0deg) translateY(-50%); transform:rotate(0deg) translateY(-50%) } 100% { opacity:1; -webkit-transform:rotate(23deg) translateY(0%); transform:rotate(23deg) translateY(0%) } } @keyframes Sec11ItemAppearanceBook7 { 0% { opacity:0; -webkit-transform:rotate(0deg) translateY(-50%); transform:rotate(0deg) translateY(-50%) } 100% { opacity:1; -webkit-transform:rotate(23deg) translateY(0%); transform:rotate(23deg) translateY(0%) } } @-webkit-keyframes Sec11ItemAppearanceBook8 { 0% { opacity:0; -webkit-transform:rotate(0deg) translateY(-50%); transform:rotate(0deg) translateY(-50%) } 100% { opacity:1; -webkit-transform:rotate(-8deg) translateY(0%); transform:rotate(-8deg) translateY(0%) } } @keyframes Sec11ItemAppearanceBook8 { 0% { opacity:0; -webkit-transform:rotate(0deg) translateY(-50%); transform:rotate(0deg) translateY(-50%) } 100% { opacity:1; -webkit-transform:rotate(-8deg) translateY(0%); transform:rotate(-8deg) translateY(0%) } } @-webkit-keyframes Sec11ItemAppearanceRumoursBird { 0% { opacity:0; -webkit-transform:translateX(50%); transform:translateX(50%) } 100% { opacity:1; -webkit-transform:translateX(0%); transform:translateX(0%) } } @keyframes Sec11ItemAppearanceRumoursBird { 0% { opacity:0; -webkit-transform:translateX(50%); transform:translateX(50%) } 100% { opacity:1; -webkit-transform:translateX(0%); transform:translateX(0%) } } .sec-11-translator { position:absolute; left:975px; bottom:350px; width:225px; height:200px } .sec-11-translator--switch { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; pointer-events:none; -webkit-animation:SviristelTranslatorSwitch 3s forwards; animation:SviristelTranslatorSwitch 3s forwards } @-webkit-keyframes SviristelTranslatorSwitch { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg) } 25% { -webkit-transform:rotate(180deg); transform:rotate(180deg) } 75% { -webkit-transform:rotate(180deg); transform:rotate(180deg) } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @keyframes SviristelTranslatorSwitch { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg) } 25% { -webkit-transform:rotate(180deg); transform:rotate(180deg) } 75% { -webkit-transform:rotate(180deg); transform:rotate(180deg) } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } .sec-11-translator--switch .sec-11-translator-image-1,.sec-11-translator--switch .sec-11-translator-image-2 { -webkit-animation:SviristelTranslatorSwitchSymbols 3s forwards; animation:SviristelTranslatorSwitchSymbols 3s forwards } @-webkit-keyframes SviristelTranslatorSwitchSymbols { 0% { -webkit-transform:translateX(-50%) rotate(0deg); transform:translateX(-50%) rotate(0deg) } 25% { -webkit-transform:translateX(-50%) rotate(180deg); transform:translateX(-50%) rotate(180deg) } 75% { -webkit-transform:translateX(-50%) rotate(180deg); transform:translateX(-50%) rotate(180deg) } 100% { -webkit-transform:translateX(-50%) rotate(360deg); transform:translateX(-50%) rotate(360deg) } } @keyframes SviristelTranslatorSwitchSymbols { 0% { -webkit-transform:translateX(-50%) rotate(0deg); transform:translateX(-50%) rotate(0deg) } 25% { -webkit-transform:translateX(-50%) rotate(180deg); transform:translateX(-50%) rotate(180deg) } 75% { -webkit-transform:translateX(-50%) rotate(180deg); transform:translateX(-50%) rotate(180deg) } 100% { -webkit-transform:translateX(-50%) rotate(360deg); transform:translateX(-50%) rotate(360deg) } } .sec-11-translator-image-1 { position:absolute; top:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%) } .sec-11-translator-image-2 { position:absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%) } .sec-11-translator-image-3 { position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%) } .sec-11-translator-image-4 { position:absolute; top:50%; right:0; -webkit-transform:translateY(-50%) rotate(180deg); -ms-transform:translateY(-50%) rotate(180deg); transform:translateY(-50%) rotate(180deg) } .sec-11-soroka { width:900px; height:445px; position:absolute; bottom:0; right:100px; z-index:107 } .sec-11-soroka-section .sec-11-wrapper { padding-bottom:370px } .sec-11-soroka-sound { position:absolute; left:173px; bottom:300px; z-index:103 } .sec-11-soroka-magpie { position:absolute; left:0; bottom:15px; z-index:105 } .sec-11-soroka-laptop { position:absolute; bottom:0; right:0; z-index:104 } .sec-11-sokol { width:860px; height:522px; position:absolute; right:0; bottom:0 } .sec-11-sokol-section .sec-11-wrapper { padding-bottom:280px } .sec-11-sokol-syllable-1,.sec-11-sokol-syllable-2,.sec-11-sokol-syllable-3,.sec-11-sokol-syllable-4 { position:absolute; bottom:312px } .sec-11-sokol-syllable-2 { left:69px } .sec-11-sokol-syllable-3 { left:206px } .sec-11-sokol-syllable-4 { left:290px } .sec-11-sokol-bird { position:absolute; right:0; bottom:0 } .sec-11-sokol-word-1 { position:absolute; bottom:189px; left:282px } .sec-11-sokol-word-2 { position:absolute; bottom:282px; left:504px } .sec-11-rumours { position:absolute; right:0; bottom:0; width:860px; height:430px } .sec-11-rumours-section .sec-11-wrapper { padding-bottom:260px } .sec-11-rumours-nest { position:absolute; left:0; bottom:26px } .sec-11-rumours-bird-1 { position:absolute; left:317px; bottom:3px } .sec-11-rumours-bird-2 { position:absolute; left:458px; bottom:228px } .sec-11-rumours-bird-3 { position:absolute; left:562px; bottom:17px } .sec-11-rumours-bird-4 { position:absolute; left:613px; bottom:220px } .sec-11-rumours-bird-5 { position:absolute; left:757px; bottom:30px } .sec-11-rumours-bird-6 { position:absolute; left:802px; bottom:224px } .sec-11-toporok { position:absolute; width:800px; height:492px; right:0; bottom:0 } .sec-11-toporok-section .sec-11-wrapper { padding-bottom:340px } .sec-11-toporok-text-1 { position:absolute; left:0; bottom:155px } .sec-11-toporok-bird { position:absolute; left:136px; bottom:0 } .sec-11-toporok-text-3 { position:absolute; left:324px; bottom:359px } .sec-11-toporok-text-2 { position:absolute; left:134px; bottom:143px } .sec-11-toporok-item-1 { position:absolute; left:570px; bottom:439px } .sec-11-toporok-item-2 { position:absolute; left:607px; bottom:378px } .sec-11-toporok-item-3 { position:absolute; left:608px; bottom:318px } .sec-11-toporok-item-4 { position:absolute; left:577px; bottom:258px } .sec-11-toporok-item-5 { position:absolute; left:509px; bottom:198px } .sec-11-toporok-item-6 { position:absolute; left:477px; bottom:138px } .sec-11-toporok-item- { position:absolute; left:0; bottom:0 } .sec-11-toporok-item- { position:absolute; left:0; bottom:0 } .sec-11-toporok-item- { position:absolute; left:0; bottom:0 } .sec-11-toporok-item- { position:absolute; left:0; bottom:0 } .sec-11-toporok-tex { position:absolute; left:0; bottom:0 } .sec-11-toporok-tex { position:absolute; left:0; bottom:0 } .sec-11-toporok-tex { position:absolute; left:0; bottom:0 } .sec-11-toporok-tex { position:absolute; left:0; bottom:0 } .sec-11-toporok-tex { position:absolute; left:0; bottom:0 } .sec-11-toporok-tex { position:absolute; left:0; bottom:0 } .sec-11-toporok-tex { position:absolute; left:0; bottom:0 } .sec-11-toporok-tex { position:absolute; left:0; bottom:0 } .sec-11-toporok-tex { position:absolute; left:0; bottom:0 } .sec-12 { max-width:1200px; margin:0 auto; padding:40px } .sec-12-title { margin-bottom:40px } .sec-12-title h1,.sec-12-title h2,.sec-12-title h3,.sec-12-title h4,.sec-12-title h5,.sec-12-title h6 { width:100%; color:#cacdd0; text-align:center; font-family:"Vollkorn"; font-size:48px; font-weight:400; line-height:116% } .sec-12 .container { padding:0 } .sec-12-wrapper { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -ms-flex-wrap:wrap; flex-wrap:wrap; gap:8px } .sec-12-item { padding:40px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; gap:40px; min-height:328px; position:relative; background:#592344; width:100%; max-width:363px; -webkit-transition:all .5s; transition:all .5s } .sec-12-item:hover { -webkit-transform:scale(1.02); -ms-transform:scale(1.02); transform:scale(1.02) } .sec-12-item-header { width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; gap:20px; position:relative; z-index:110 } .sec-12-item-header img,.sec-12-item-header svg { width:80px; height:80px; -o-object-fit:contain; object-fit:contain } .sec-12-item-header h6 { color:#e5c3d5; font-family:"Vollkorn"; font-size:28px; font-weight:500; line-height:128% } .sec-12-item-text { color:#e5c3d5; font-family:"Inter"; font-size:20px; font-weight:400; line-height:160%; position:relative; z-index:110 } .sec-12-item-text-small { color:#c07aa3; font-family:"Inter"; font-size:14px; font-weight:400; line-height:157% } .sec-12-item::before { content:""; position:absolute; width:144px; height:144px; left:0; top:0; z-index:100; background-image:url('data:image/svg+xml,<svg width="144" height="144" viewBox="0 0 144 144" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><rect width="144" height="144" fill="url(%23pattern0_3098_5215)"/><defs><pattern id="pattern0_3098_5215" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="%23image0_3098_5215" transform="scale(0.00347222)"/></pattern><image id="image0_3098_5215" width="288" height="288" preserveAspectRatio="none" xlink:href="data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAASAAAAEgCAYAAAAUg66AAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQaSURBVHgB7daxCRtREEXRsRBsXa7HJSh3rJ4Uq41VE8uXXYOTy8fnwOQvusyP3z9/fWdv79nYd/P9t833z6yt96/rOGdjtwGICBCQESAgI0BARoCAjAABGQECMgIEZAQIyAgQkBEgICNAQEaAgIwAARkBAjICBGQECMgIEJARICAjQEBGgICMAAEZAQIyAgRkBAjICBCQESAgI0BARoCAjAABGQECMgIEZAQIyAgQkBEgICNAQEaAgIwAARkBAjICBGQECMgIEJARICAjQEBGgICMAAEZAQIy97/3no19N99/23z/zNp6/7qOczb2eD0/szEfEJARICAjQEBGgICMAAEZAQIyAgRkBAjICBCQESAgI0BARoCAjAABGQECMgIEZAQIyAgQkBEgICNAQEaAgIwAARkBAjICBGQECMgIEJARICAjQEBGgICMAAEZAQIyAgRkBAjICBCQESAgI0BARoCAjAABGQECMgIEZAQIyAgQkBEgICNAQEaAgIwAARkBAjICBGTu35n3bOy2+f6ZtfX+dR3nbOzxen6GjA8IyAgQkBEgICNAQEaAgIwAARkBAjICBGQECMgIEJARICAjQEBGgICMAAEZAQIyAgRkBAjICBCQESAgI0BARoCAjAABGQECMgIEZAQIyAgQkBEgICNAQEaAgIwAARkBAjICBGQECMgIEJARICAjQEBGgICMAAEZAQIyAgRkBAjICBCQESAgI0BARoCAjAABGQECMve/BXrP1tbW+9d1nLOxx+v5GfhHPiAgI0BARoCAjAABGQECMgIEZAQIyAgQkBEgICNAQEaAgIwAARkBAjICBGQECMgIEJARICAjQEBGgICMAAEZAQIyAgRkBAjICBCQESAgI0BARoCAjAABGQECMgIEZAQIyAgQkBEgICNAQEaAgIwAARkBAjICBGQECMgIEJARICAjQEBGgICMAAEZAQIyAgRkBAjI3GfWeza2ruOcjT1ez8/Af8oHBGQECMgIEJARICAjQEBGgICMAAEZAQIyAgRkBAjICBCQESAgI0BARoCAjAABGQECMgIEZAQIyAgQkBEgICNAQEaAgIwAARkBAjICBGQECMgIEJARICAjQEBGgICMAAEZAQIyAgRkBAjICBCQESAgI0BARoCAjAABGQECMgIEZAQIyAgQkBEgICNAQEaAgIwAAZn7uo5zNvZ4PT8DbMkHBGQECMgIEJARICAjQEBGgICMAAEZAQIyAgRkBAjICBCQESAgI0BARoCAjAABGQECMgIEZAQIyAgQkBEgICNAQEaAgIwAARkBAjICBGQECMgIEJARICAjQEBGgICMAAEZAQIyAgRkBAjICBCQESAgI0BARoCAjAABGQECMgIEZAQIyAgQkBEgICNAQEaAgIwAAZk/CU82n2r/OLQAAAAASUVORK5CYII="/></defs></svg>'); background-size:100% 100% } .sec-12-item:nth-child(10n+1),.sec-12-item:nth-child(10n+3),.sec-12-item:nth-child(10n+4),.sec-12-item:nth-child(10n+7),.sec-12-item:nth-child(10n+10) { background:#477a73 } .sec-12-item:nth-child(10n+1) .sec-12-item-header h6,.sec-12-item:nth-child(10n+3) .sec-12-item-header h6,.sec-12-item:nth-child(10n+4) .sec-12-item-header h6,.sec-12-item:nth-child(10n+7) .sec-12-item-header h6,.sec-12-item:nth-child(10n+10) .sec-12-item-header h6 { color:#bdd0cd !important; } .sec-12-item:nth-child(10n+1) .sec-12-item-text-small,.sec-12-item:nth-child(10n+3) .sec-12-item-text-small,.sec-12-item:nth-child(10n+4) .sec-12-item-text-small,.sec-12-item:nth-child(10n+7) .sec-12-item-text-small,.sec-12-item:nth-child(10n+10) .sec-12-item-text-small { color:#88aba5 !important; } .sec-12-item:nth-child(10n+1) .sec-12-item-text,.sec-12-item:nth-child(10n+3) .sec-12-item-text,.sec-12-item:nth-child(10n+4) .sec-12-item-text,.sec-12-item:nth-child(10n+7) .sec-12-item-text,.sec-12-item:nth-child(10n+10) .sec-12-item-text{ color:#bdd0cd !important; } .sec-12-item:nth-child(10n+1)::before,.sec-12-item:nth-child(10n+3)::before,.sec-12-item:nth-child(10n+4)::before,.sec-12-item:nth-child(10n+7)::before,.sec-12-item:nth-child(10n+10)::before { background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 144 144" fill="none"><path d="M0 0H24V24H0V0Z" fill="%23223B37"/><path opacity="0.8" d="M24 0H48V24H24V0Z" fill="%23223B37"/><path opacity="0.6" d="M48 0H72V24H48V0Z" fill="%23223B37"/><path opacity="0.4" d="M72 0H96V24H72V0Z" fill="%23223B37"/><path opacity="0.2" d="M96 0H120V24H96V0Z" fill="%23223B37"/><path opacity="0.1" d="M120 0H144V24H120V0Z" fill="%23223B37"/><path opacity="0.8" d="M0 24H24V48H0V24Z" fill="%23223B37"/><path opacity="0.6" d="M24 24H48V48H24V24Z" fill="%23223B37"/><path opacity="0.4" d="M48 24H72V48H48V24Z" fill="%23223B37"/><path opacity="0.2" d="M72 24H96V48H72V24Z" fill="%23223B37"/><path opacity="0.1" d="M96 24H120V48H96V24Z" fill="%23223B37"/><path opacity="0.6" d="M0 48H24V72H0V48Z" fill="%23223B37"/><path opacity="0.4" d="M24 48H48V72H24V48Z" fill="%23223B37"/><path opacity="0.2" d="M48 48H72V72H48V48Z" fill="%23223B37"/><path opacity="0.1" d="M72 48H96V72H72V48Z" fill="%23223B37"/><path opacity="0.4" d="M0 72H24V96H0V72Z" fill="%23223B37"/><path opacity="0.2" d="M24 72H48V96H24V72Z" fill="%23223B37"/><path opacity="0.1" d="M48 72H72V96H48V72Z" fill="%23223B37"/><path opacity="0.2" d="M0 96H24V120H0V96Z" fill="%23223B37"/><path opacity="0.1" d="M24 96H48V120H24V96Z" fill="%23223B37"/><path opacity="0.1" d="M0 120H24V144H0V120Z" fill="%23223B37"/></svg>') } .sec-12-item:nth-child(10n+4),.sec-12-item:nth-child(10n+5),.sec-12-item:nth-child(10n+9),.sec-12-item:nth-child(10n+10) { max-width:548px } .sec-12-other .sec-12-item { max-width:363px; } .sec-12-other .sec-12-item:nth-child(10n+1),.sec-12-other .sec-12-item:nth-child(10n+2),.sec-12-other .sec-12-item:nth-child(10n+6),.sec-12-other .sec-12-item:nth-child(10n+7) { max-width:548px; } @media(max-width: 1520px) { .container { max-width:1175px; padding:0 20px } .footer-wrapper { padding:0; gap:50px; row-gap:70px } .footer-list { -webkit-column-gap:40px; -moz-column-gap:40px; column-gap:40px } .sec-1 { position:relative } .sec-1::after { content:""; position:absolute; background:-webkit-gradient(linear, right top, left top, from(#19191F), to(rgba(0, 0, 0, 0))); background:linear-gradient(270deg, #19191F 0%, rgba(0, 0, 0, 0) 100%); width:240px; height:100%; bottom:84px; right:0; z-index:120 } .sec-1-wrapper { width:1400px } .sec-1-wrapper::after { display:none } .sec-11-books { -webkit-transform:scale(0.7); -ms-transform:scale(0.7); transform:scale(0.7); left:-100px } .sec-11-wrapper { padding-left:0; } .sec-11-swirch { left:450px; bottom:-30px; -webkit-transform:scale(0.7); -ms-transform:scale(0.7); transform:scale(0.7) } .sec-11-translator { left:750px; bottom:280px; -webkit-transform:scale(0.7); -ms-transform:scale(0.7); transform:scale(0.7) } @-webkit-keyframes SviristelTranslatorSwitch { 0% { -webkit-transform:rotate(0deg) scale(0.7); transform:rotate(0deg) scale(0.7) } 25% { -webkit-transform:rotate(180deg) scale(0.7); transform:rotate(180deg) scale(0.7) } 75% { -webkit-transform:rotate(180deg) scale(0.7); transform:rotate(180deg) scale(0.7) } 100% { -webkit-transform:rotate(360deg) scale(0.7); transform:rotate(360deg) scale(0.7) } } @keyframes SviristelTranslatorSwitch { 0% { -webkit-transform:rotate(0deg) scale(0.7); transform:rotate(0deg) scale(0.7) } 25% { -webkit-transform:rotate(180deg) scale(0.7); transform:rotate(180deg) scale(0.7) } 75% { -webkit-transform:rotate(180deg) scale(0.7); transform:rotate(180deg) scale(0.7) } 100% { -webkit-transform:rotate(360deg) scale(0.7); transform:rotate(360deg) scale(0.7) } } } @media(max-width: 1199px) { .container { max-width:980px } .header-navbar { margin:0 auto } .header-submenu-wrapper { padding:20px 24px; gap:40px } .footer-wrapper { gap:70px } .footer-list { -webkit-column-gap:35px; -moz-column-gap:35px; column-gap:35px } .section-center { width:920px; max-width:920px; padding:0 20px } .sec-1::after { width:140px; height:100% } .sec-1-wrapper { width:1280px } .sec-1-wrapper::after { display:none } .sec-1-slide { width:320px } .sec-2-title { margin:40px auto; max-width:1120px; text-align:center; font-size:48px; font-weight:400; line-height:116%; font-family:"Vollkorn" } .sec-2-item { width:310px; min-height:40px; padding:40px } .sec-2-item-text { font-size:16px } .sec-2-item-9 { width:310px; min-height:420px } .sec-3-image { width:200px; height:200px } .sec-3-svg { width:550px; height:570px; left:-40px } .sec-3-sviristel .sec-3-image { width:425px; height:248px } .sec-3-soroka .sec-3-image { width:400px; height:248px } .sec-5-wrapper { padding:40px 0 40px 80px; border-left:8px solid #592344 } .sec-6-wrapper { gap:40px } .sec-6-left-title { font-size:56px } .sec-6-right-item-title { font-size:80px } .sec-11-books { -webkit-transform:scale(0.6); -ms-transform:scale(0.6); transform:scale(0.6); left:-150px } .sec-11-swirch { left:350px; bottom:-40px; -webkit-transform:scale(0.6); -ms-transform:scale(0.6); transform:scale(0.6) } .sec-11-translator { left:560px; bottom:280px; -webkit-transform:scale(0.6); -ms-transform:scale(0.6); transform:scale(0.6) } @-webkit-keyframes SviristelTranslatorSwitch { 0% { -webkit-transform:rotate(0deg) scale(0.6); transform:rotate(0deg) scale(0.6) } 25% { -webkit-transform:rotate(180deg) scale(0.6); transform:rotate(180deg) scale(0.6) } 75% { -webkit-transform:rotate(180deg) scale(0.6); transform:rotate(180deg) scale(0.6) } 100% { -webkit-transform:rotate(360deg) scale(0.6); transform:rotate(360deg) scale(0.6) } } @keyframes SviristelTranslatorSwitch { 0% { -webkit-transform:rotate(0deg) scale(0.6); transform:rotate(0deg) scale(0.6) } 25% { -webkit-transform:rotate(180deg) scale(0.6); transform:rotate(180deg) scale(0.6) } 75% { -webkit-transform:rotate(180deg) scale(0.6); transform:rotate(180deg) scale(0.6) } 100% { -webkit-transform:rotate(360deg) scale(0.6); transform:rotate(360deg) scale(0.6) } } .sec-11-soroka { -webkit-transform:scale(0.7); -ms-transform:scale(0.7); transform:scale(0.7); right:0; height:100px } .sec-11-soroka-section .sec-11-wrapper { padding-bottom:250px } .sec-11-sokol { -webkit-transform:scale(0.8); -ms-transform:scale(0.8); transform:scale(0.8); right:-100px; height:100px; bottom:-40px } .sec-11-sokol-section .sec-11-wrapper { padding-bottom:300px } .sec-11-toporok { -webkit-transform:scale(0.8); -ms-transform:scale(0.8); transform:scale(0.8); right:-80px; height:100px; bottom:-60px } .sec-11-toporok-section .sec-11-wrapper { padding-bottom:260px } .sec-12-title h1,.sec-12-title h2,.sec-12-title h3,.sec-12-title h4,.sec-12-title h5,.sec-12-title h6 { font-size:46px } .sec-12-item { padding:30px; max-width:294px } .sec-12-item-header h6 { font-size:26px } .sec-12-item:nth-child(10n+4),.sec-12-item:nth-child(10n+5),.sec-12-item:nth-child(10n+9),.sec-12-item:nth-child(10n+10) { max-width:445px } .sec-12-other .sec-12-item { max-width:294px; } .sec-12-other .sec-12-item:nth-child(10n+1),.sec-12-other .sec-12-item:nth-child(10n+2),.sec-12-other .sec-12-item:nth-child(10n+6),.sec-12-other .sec-12-item:nth-child(10n+7) { max-width:445px; } } @media(max-width: 991px) { .container { max-width:800px } .page-bg { width:834px; height:1194px } .section-center { width:750px; max-width:750px; padding:0 } a { font-size:15px } a svg,a img { width:20px; height:20px } .button-tawny { padding:12px 28px; font-size:15px } .button-tawny svg,.button-tawny img { width:20px; height:20px } .header-navbar-desc { display:none } .header-menu-button { display:-webkit-box; display:-ms-flexbox; display:flex } .header-button { margin:0 0 0 auto } .footer-wrapper { padding:0 23px; display:-webkit-box; display:-ms-flexbox; display:flex; gap:80px; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:start; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column } .footer-title { font-size:20px } .footer-list { -ms-grid-columns:(-webkit-max-content)[3]; -ms-grid-columns:(max-content)[3]; grid-template-columns:repeat(3, -webkit-max-content); grid-template-columns:repeat(3, max-content) } .footer-right { gap:8px; max-width:100% } .footer-right a { color:#a55787; font-size:22px; font-weight:400; line-height:145%; -webkit-text-decoration-line:underline; text-decoration-line:underline } .footer-right a:not([href]) { color:#8c9094; font-size:14px; font-weight:400; line-height:157%; margin-top:30px } .footer-right a:not([href]):hover { color:#8c9094 } .footer-bottom { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:start; gap:40px } .sec-1::after { width:144px; height:100%; bottom:84px } .sec-1 h1 { max-width:750px; font-size:44px } .sec-1-wrapper { width:960px } .sec-1-wrapper::after { display:none } .sec-1-slide { width:320px; min-width:320px; max-width:320px } .sec-1-slide-text { font-size:18px } .sec-1-nav { width:750px; padding:0 20px; left:0; bottom:0 } .sec-2-wrapper-9 { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column } .sec-2-title { max-width:750px; font-size:36px } .sec-2-item { width:260px; min-height:450px } .sec-2-item-title h6 { font-size:24px } .sec-2-item-text { font-size:18px } .sec-2-item-9 { -webkit-box-pack:start; -ms-flex-pack:start; justify-content:start; gap:40px; width:100%; min-height:-webkit-max-content; min-height:-moz-max-content; min-height:max-content } .sec-3 { margin-top:-120px; padding:120px 0; overflow:hidden } .sec-3-wrapper { padding:80px 0; width:750px } .sec-3-soroka .sec-3-image { bottom:40px } .sec-3-sokol .sec-3-image { bottom:-80px; right:0 } .sec-3-toporok .sec-3-image { bottom:-110px; right:0 } .sec-3-title h1,.sec-3-title h2,.sec-3-title h3,.sec-3-title h4,.sec-3-title h5,.sec-3-title h6 { font-size:44px } .sec-3-text { font-size:18px } .sec-3-image { bottom:-20px; right:-60px } .sec-3-svg { width:642px; height:732px; top:-120px; left:calc(50% - 584px) } .sec-4 { margin-top:-120px } .sec-4-title h1,.sec-4-title h2,.sec-4-title h3,.sec-4-title h4,.sec-4-title h5,.sec-4-title h6 { font-size:36px; max-width:750px } .sec-4-image { width:357px; height:312px } .sec-4-block-item { max-width:357px; font-size:16px } .sec-4-block-item h1,.sec-4-block-item h2,.sec-4-block-item h3,.sec-4-block-item h4,.sec-4-block-item h5,.sec-4-block-item h6 { font-size:20px } .sec-5-wrapper { padding:80px 0 80px 80px } .sec-5-about { font-size:16px } .sec-5-text { font-size:28px } .sec-5-title-center h1,.sec-5-title-center h2,.sec-5-title-center h3,.sec-5-title-center h4,.sec-5-title-center h5,.sec-5-title-center h6 { font-size:36px } .sec-6-wrapper { gap:80px } .sec-6-left { width:370px; min-width:370px; max-width:370px } .sec-6-left-title { font-size:56px } .sec-6-right { width:300px } .sec-6-right-item-title { font-size:80px } .sec-7-title { font-size:36px } .sec-7-list { width:755px } .sec-8-wrapper { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column } .sec-8-title { font-size:44px } .sec-8-left { width:440px } .sec-9-title h1,.sec-9-title h2,.sec-9-title h3,.sec-9-title h4,.sec-9-title h5,.sec-9-title h6 { font-size:36px } .sec-9-wrapper { width:750px; max-width:750px } .sec-9 details { padding:28px 0 } .sec-9 details>summary { font-size:20px } .sec-9-text-final { font-size:20px; padding-left:0 } .sec-10-about { font-size:16px } .sec-10-title { font-size:36px } .sec-10-title a { font-size:36px } .sec-index-title { max-width:750px; font-size:44px } .sec-11-title h1,.sec-11-title h2,.sec-11-title h3,.sec-11-title h4,.sec-11-title h5,.sec-11-title h6 { font-size:44px } .sec-11-text { font-size:18px } .sec-11-translator { left:570px; bottom:240px } .sec-11-soroka { right:-130px; bottom:-50px } .sec-11-sokol { right:-40px } .sec-11-rumours { -webkit-transform:scale(0.8); -ms-transform:scale(0.8); transform:scale(0.8); right:-100px; height:100px; bottom:-20px; right:-40px } .sec-11-rumours-section .sec-11-wrapper { padding-bottom:250px } .sec-12-title h1,.sec-12-title h2,.sec-12-title h3,.sec-12-title h4,.sec-12-title h5,.sec-12-title h6 { font-size:36px } .sec-12-item { padding:40px; max-width:100%; min-height:228px } .sec-12-item-header h6 { font-size:24px } .sec-12-item:nth-child(10n+4),.sec-12-item:nth-child(10n+5),.sec-12-item:nth-child(10n+9),.sec-12-item:nth-child(10n+10) { max-width:100% } .sec-12-other .sec-12-item { max-width:100% } .sec-12-other .sec-12-item:nth-child(10n+1),.sec-12-other .sec-12-item:nth-child(10n+2),.sec-12-other .sec-12-item:nth-child(10n+6),.sec-12-other .sec-12-item:nth-child(10n+7) { max-width:100%; } } @media(max-width: 810px) { .container { max-width:630px } .section-center { width:630px; max-width:630px } .footer-list { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; gap:40px; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:start; -webkit-box-align:start; -ms-flex-align:start; align-items:start } .sec-1::after { width:144px; height:100%; bottom:84px } .sec-1 h1 { max-width:630px; font-size:40px } .sec-1-wrapper { width:930px } .sec-1-slide { width:310px; min-width:310px; max-width:310px } .sec-1-slide-text { font-size:16px } .sec-1-nav { width:630px; padding:0 } .sec-2-wrapper-9 { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column } .sec-2-title { max-width:750px; font-size:36px } .sec-2-item { width:225px; min-height:470px } .sec-2-item-title h6 { font-size:20px } .sec-2-item-text { font-size:16px } .sec-2-item-9 { -webkit-box-pack:start; -ms-flex-pack:start; justify-content:start; gap:40px; width:100%; min-height:-webkit-max-content; min-height:-moz-max-content; min-height:max-content } .sec-6-wrapper { gap:40px } .sec-6-left { width:330px; min-width:330px; max-width:330px } .sec-6-left-title { font-size:48px } .sec-6-right { width:300px } .sec-6-right-item-title { font-size:70px } .sec-6-right-item-text { font-size:15px } .sec-7-title { font-size:32px } .sec-7-list { width:630px } .sec-8-title { font-size:38px } .sec-9-wrapper { width:630px; max-width:630px } .sec-10-title { font-size:32px } .sec-10-title a { font-size:32px } .sec-index-title { max-width:630px; font-size:40px } .sec-11-books { height:100px; -webkit-transform:scale(0.45); -ms-transform:scale(0.45); transform:scale(0.45); left:-170px; bottom:-80px } .sec-11-swirch { left:190px; bottom:-200px; -webkit-transform:scale(0.45); -ms-transform:scale(0.45); transform:scale(0.45) } .sec-11-translator { left:390px; bottom:50px; -webkit-transform:scale(0.45); -ms-transform:scale(0.45); transform:scale(0.45) } @-webkit-keyframes SviristelTranslatorSwitch { 0% { -webkit-transform:rotate(0deg) scale(0.45); transform:rotate(0deg) scale(0.45) } 25% { -webkit-transform:rotate(180deg) scale(0.45); transform:rotate(180deg) scale(0.45) } 75% { -webkit-transform:rotate(180deg) scale(0.45); transform:rotate(180deg) scale(0.45) } 100% { -webkit-transform:rotate(360deg) scale(0.45); transform:rotate(360deg) scale(0.45) } } @keyframes SviristelTranslatorSwitch { 0% { -webkit-transform:rotate(0deg) scale(0.45); transform:rotate(0deg) scale(0.45) } 25% { -webkit-transform:rotate(180deg) scale(0.45); transform:rotate(180deg) scale(0.45) } 75% { -webkit-transform:rotate(180deg) scale(0.45); transform:rotate(180deg) scale(0.45) } 100% { -webkit-transform:rotate(360deg) scale(0.45); transform:rotate(360deg) scale(0.45) } } .sec-11-soroka { -webkit-transform:scale(0.6); -ms-transform:scale(0.6); transform:scale(0.6); right:-180px; bottom:-100px } .sec-11-soroka-section .sec-11-wrapper { padding-bottom:200px } .sec-11-sokol { -webkit-transform:scale(0.6); -ms-transform:scale(0.6); transform:scale(0.6); right:-160px; bottom:-60px } .sec-11-sokol-section .sec-11-wrapper { padding-bottom:200px } .sec-11-rumours { -webkit-transform:scale(0.65); -ms-transform:scale(0.65); transform:scale(0.65); right:-140px; bottom:-70px } .sec-11-rumours-section .sec-11-wrapper { padding-bottom:150px } .sec-11-toporok { -webkit-transform:scale(0.65); -ms-transform:scale(0.65); transform:scale(0.65); right:-150px; bottom:-80px } .sec-11-toporok-section .sec-11-wrapper { padding-bottom:200px } } @media(max-width: 650px) { .container { max-width:460px } .page-bg { width:834px; height:1194px } .section-center { width:410px; max-width:410px } .main { gap:80px; padding-top:60px } .header-logo { width:127px; height:40px } .header-menu-button { display:-webkit-box; display:-ms-flexbox; display:flex } .header-button { display:none } .footer { padding:80px 0 60px } .footer-wrapper { padding:0; gap:40px } .footer-title { font-size:18px } .footer-right a { font-size:18px } .footer-right a:not([href]) { font-size:14px } .footer-bottom { gap:20px } .footer-bottom ul { gap:0px; row-gap:12px; width:100%; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } .footer-copy { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:start; -ms-flex-align:start; align-items:start; gap:8px } .mobile-menu ul li,.mobile-menu ul a { cursor:pointer; font-size:28px } .mobile-menu ul li ul,.mobile-menu ul a ul { padding:0 0 0 52px } .mobile-menu ul li ul::before,.mobile-menu ul a ul::before { left:32px } .sec-1::after { width:80px; height:100%; bottom:64px } .sec-1 h1 { max-width:410px; font-size:32px } .sec-1-wrapper { width:640px; margin-top:40px; padding-bottom:64px } .sec-1-slide { width:320px; min-width:320px; max-width:320px; padding:20px } .sec-1-slide-text { font-size:15px } .sec-1-nav { width:410px; padding:0 } .sec-1-nav .swiper-button-next,.sec-1-nav .swiper-rtl .swiper-button-prev { right:0 } .sec-1-nav .swiper-button-prev,.sec-1-nav .swiper-rtl .swiper-button-next { right:50px } .sec-1-nav .swiper-horizontal>.swiper-pagination-bullets,.sec-1-nav .swiper-pagination-bullets.swiper-pagination-horizontal,.sec-1-nav .swiper-pagination-custom,.sec-1-nav .swiper-pagination-fraction { left:0 } .sec-2-wrapper { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; gap:10px } .sec-2-title { max-width:410px; font-size:28px } .sec-2-item { width:100%; min-height:auto; height:-webkit-max-content; height:-moz-max-content; height:max-content; padding:40px 20px } .sec-2-item-title h6 { font-size:20px } .sec-2-item-1,.sec-2-item-2,.sec-2-item-3 { bottom:0; left:0; right:0; top:0 } .sec-2-item-text { font-size:16px } .sec-3 { margin-top:-80px } .sec-3-wrapper { padding:80px 0; width:410px } .sec-3-sviristel { padding:0 } .sec-3-sviristel .sec-3-image { width:212px; gap:124px } .sec-3-soroka .sec-3-image { width:200px; height:124px; bottom:40px } .sec-3-toporok .sec-3-image { width:200px; height:124px; bottom:-80px; right:-40px } .sec-3-title h1,.sec-3-title h2,.sec-3-title h3,.sec-3-title h4,.sec-3-title h5,.sec-3-title h6 { font-size:32px } .sec-3-svg { height:690px } .sec-3-text { font-size:16px; max-width:400px } .sec-3-image { right:-20px; bottom:-20px; width:124px; height:124px } .sec-4 { margin-top:-80px } .sec-4-wrapper { gap:40px } .sec-4-title h1,.sec-4-title h2,.sec-4-title h3,.sec-4-title h4,.sec-4-title h5,.sec-4-title h6 { font-size:27px; max-width:410px; margin-bottom:40px } .sec-4-image { width:410px; height:400px; -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2 } .sec-4-block { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column } .sec-4-block-wrapper { gap:20px } .sec-4-block-item h1,.sec-4-block-item h2,.sec-4-block-item h3,.sec-4-block-item h4,.sec-4-block-item h5,.sec-4-block-item h6 { font-size:18px; -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1 } .sec-4-block:nth-child(2n) .sec-4-image { -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2 } .sec-4-block:nth-child(2n) .sec-4-block-wrapper { -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1 } .sec-5-wrapper { padding:40px 0 40px 40px } .sec-5-about { font-size:15px } .sec-5-text { font-size:24px } .sec-6-wrapper { gap:40px; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column } .sec-6-left { width:410px; min-width:410px; max-width:410px; gap:20px; height:-webkit-max-content !important; height:-moz-max-content !important; height:max-content !important } .sec-6-left-title { font-size:40px } .sec-6-right { gap:20px; width:410px } .sec-6-right-item-title { font-size:60px } .sec-7-title { font-size:28px } .sec-7-list { width:410px } .sec-8-title { font-size:32px; margin-bottom:20px } .sec-8-left { width:410px } .sec-8-image { width:410px; height:400px } .sec-9-title h1,.sec-9-title h2,.sec-9-title h3,.sec-9-title h4,.sec-9-title h5,.sec-9-title h6 { font-size:28px } .sec-9-wrapper { width:410px; max-width:410px } .sec-9 details>summary { font-size:18px; gap:20px } .sec-9-text-final { font-size:18px } .sec-10-about { font-size:16px } .sec-10-title { font-size:36px } .sec-10-title a { font-size:36px } .sec-index-title { max-width:410px; font-size:32px } .sec-index-content { margin-top:40px } .sec-11-title h1,.sec-11-title h2,.sec-11-title h3,.sec-11-title h4,.sec-11-title h5,.sec-11-title h6 { font-size:32px } .sec-11-text { font-size:16px } .sec-11-books { -webkit-transform:scale(0.35); -ms-transform:scale(0.35); transform:scale(0.35); left:-245px } .sec-11-swirch { left:115px; bottom:-205px; -webkit-transform:scale(0.45); -ms-transform:scale(0.45); transform:scale(0.45) } .sec-11-translator { left:260px; bottom:30px; -webkit-transform:scale(0.35); -ms-transform:scale(0.35); transform:scale(0.35) } @-webkit-keyframes SviristelTranslatorSwitch { 0% { -webkit-transform:rotate(0deg) scale(0.35); transform:rotate(0deg) scale(0.35) } 25% { -webkit-transform:rotate(180deg) scale(0.35); transform:rotate(180deg) scale(0.35) } 75% { -webkit-transform:rotate(180deg) scale(0.35); transform:rotate(180deg) scale(0.35) } 100% { -webkit-transform:rotate(360deg) scale(0.35); transform:rotate(360deg) scale(0.35) } } @keyframes SviristelTranslatorSwitch { 0% { -webkit-transform:rotate(0deg) scale(0.35); transform:rotate(0deg) scale(0.35) } 25% { -webkit-transform:rotate(180deg) scale(0.35); transform:rotate(180deg) scale(0.35) } 75% { -webkit-transform:rotate(180deg) scale(0.35); transform:rotate(180deg) scale(0.35) } 100% { -webkit-transform:rotate(360deg) scale(0.35); transform:rotate(360deg) scale(0.35) } } .sec-11-soroka { -webkit-transform:scale(0.5); -ms-transform:scale(0.5); transform:scale(0.5); right:-240px; bottom:-60px } .sec-11-sokol { -webkit-transform:scale(0.5); -ms-transform:scale(0.5); transform:scale(0.5); right:-230px; bottom:-40px } .sec-11-rumours { -webkit-transform:scale(0.5); -ms-transform:scale(0.5); transform:scale(0.5); right:-220px; bottom:-70px } .sec-11-toporok { -webkit-transform:scale(0.5); -ms-transform:scale(0.5); transform:scale(0.5); right:-210px; bottom:-70px } .sec-12-title h1,.sec-12-title h2,.sec-12-title h3,.sec-12-title h4,.sec-12-title h5,.sec-12-title h6 { font-size:28px } .sec-12-item-header h6 { font-size:20px } .sec-12-item-text { font-size:16px } } @media(max-width: 480px) { .container { max-width:370px } .section-center { width:350px; max-width:350px } a { font-size:14px } a svg,a img { width:16px; height:16px } .button-tawny { padding:10px 20px; font-size:14px } .button-tawny svg,.button-tawny img { width:16px; height:16px } .border-button { padding:10px 20px; font-size:14px } .border-button svg,.border-button img { width:16px; height:16px } .sec-1 h1 { max-width:350px } .sec-1-nav { width:350px } .sec-2-title { max-width:350px } .sec-3-soroka .sec-3-image { bottom:60px } .sec-4-title h1,.sec-4-title h2,.sec-4-title h3,.sec-4-title h4,.sec-4-title h5,.sec-4-title h6 { max-width:350px } .sec-4-image { width:350px; height:320px } .sec-6-left { width:350px; min-width:350px; max-width:350px } .sec-6-right { width:350px } .sec-7-list { width:350px } .sec-8-left { width:350px } .sec-8-image { width:350px; height:310px } .sec-9-wrapper { width:350px; max-width:350px } .sec-10-title { font-size:28px } .sec-10-title a { font-size:28px } .sec-index-title { max-width:350px } .sec-11-books { -webkit-transform:scale(0.3); -ms-transform:scale(0.3); transform:scale(0.3); left:-265px } .sec-11-swirch { -webkit-transform:scale(0.45); -ms-transform:scale(0.45); transform:scale(0.45); bottom:-225px } .sec-11-translator { left:190px; bottom:20px; -webkit-transform:scale(0.3); -ms-transform:scale(0.3); transform:scale(0.3) } @-webkit-keyframes SviristelTranslatorSwitch { 0% { -webkit-transform:rotate(0deg) scale(0.3); transform:rotate(0deg) scale(0.3) } 25% { -webkit-transform:rotate(180deg) scale(0.3); transform:rotate(180deg) scale(0.3) } 75% { -webkit-transform:rotate(180deg) scale(0.3); transform:rotate(180deg) scale(0.3) } 100% { -webkit-transform:rotate(360deg) scale(0.3); transform:rotate(360deg) scale(0.3) } } @keyframes SviristelTranslatorSwitch { 0% { -webkit-transform:rotate(0deg) scale(0.3); transform:rotate(0deg) scale(0.3) } 25% { -webkit-transform:rotate(180deg) scale(0.3); transform:rotate(180deg) scale(0.3) } 75% { -webkit-transform:rotate(180deg) scale(0.3); transform:rotate(180deg) scale(0.3) } 100% { -webkit-transform:rotate(360deg) scale(0.3); transform:rotate(360deg) scale(0.3) } } .sec-11-soroka { -webkit-transform:scale(0.37); -ms-transform:scale(0.37); transform:scale(0.37); right:-290px; bottom:-60px } .sec-11-soroka-section .sec-11-wrapper { padding-bottom:150px } .sec-11-sokol { -webkit-transform:scale(0.37); -ms-transform:scale(0.37); transform:scale(0.37); right:-280px; bottom:-40px } .sec-11-sokol-section .sec-11-wrapper { padding-bottom:150px } .sec-11-rumours { -webkit-transform:scale(0.37); -ms-transform:scale(0.37); transform:scale(0.37); right:-260px; bottom:-80px } .sec-11-rumours-section .sec-11-wrapper { padding-bottom:120px } .sec-11-toporok { -webkit-transform:scale(0.4); -ms-transform:scale(0.4); transform:scale(0.4); right:-250px; bottom:-90px } .sec-11-toporok-section .sec-11-wrapper { padding-bottom:150px } }