/* Start:/local/templates/ystu/assets/css/index.css?1747732278161241*/ :root { --ystu-color-card-title: #0412B1; --ystu-color-card-title-hover: #05F; } /*!**************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/normalize.css/normalize.css ***! \**************************************************************************************************************************************/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /*!******************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/app/global/css/index.scss ***! \******************************************************************************************************************************************************************/ @font-face { font-family: "DINPro"; src: local("DINPro"), url(/local/templates/ystu/assets/css/../fonts/DINPro/DINPro.woff2) format("woff2"), url(/local/templates/ystu/assets/css/../fonts/DINPro/DINPro.woff) format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "DINPro"; src: local("DINPro"), url(/local/templates/ystu/assets/css/../fonts/DINPro/DINPro-Medium.woff2) format("woff2"), url(/local/templates/ystu/assets/css/../fonts/DINPro/DINPro-Medium.woff) format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: local("Montserrat"), url(/local/templates/ystu/assets/css/../fonts/Montserrat/Montserrat-SemiBold.woff2) format("woff2"), url(/local/templates/ystu/assets/css/../fonts/Montserrat/Montserrat-SemiBold.woff) format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: local("Montserrat"), url(/local/templates/ystu/assets/css/../fonts/Montserrat/Montserrat-Regular.woff2) format("woff2"), url(/local/templates/ystu/assets/css/../fonts/Montserrat/Montserrat-Regular.woff) format("woff"); font-weight: 400; font-style: normal; font-display: swap; } /*!********************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/swiper/swiper.scss ***! \********************************************************************************************************************************************************************/ /** * Swiper 10.0.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: July 8, 2023 */ @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") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */ } :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; overflow: clip; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); -moz-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); -o-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; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { -webkit-flex-shrink: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: height, -o-transform; -moz-transition-property: transform, height, -moz-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform, -moz-transform, -o-transform; } .swiper-backface-hidden .swiper-slide { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective: 1200px; -moz-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-3d { -webkit-perspective: 1200px; -moz-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .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 { -webkit-scroll-snap-type: x mandatory; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { -webkit-scroll-snap-type: y mandatory; -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { -webkit-scroll-snap-type: none; -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: ""; -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-box-ordinal-group: 10000; 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); -moz-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); } /* Slide styles start */ /* 3D Shadows */ .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { 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: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), 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: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), 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: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), 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: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), 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%; -moz-transform-origin: 50%; -ms-transform-origin: 50%; -o-transform-origin: 50%; transform-origin: 50%; -webkit-box-sizing: border-box; -moz-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:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { -webkit-animation: swiper-preloader-spin 1s infinite linear; -moz-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); } } @-moz-keyframes swiper-preloader-spin { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /* Slide styles end */ /*!******************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/core/ui/slider/index.scss ***! \******************************************************************************************************************************************************************/ .slider { overflow: hidden; } /*!**************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/news-slider/index.scss ***! \**************************************************************************************************************************************************************************/ .news-slider__items { flex:1 1 auto; margin: 0 -16px; } @media (min-width: 576px) { .news-slider__items { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; margin: 0; } } @media (min-width: 1280px) { .news-slider__items { gap: 32px; } } .news-slider__item { width: 180px; } @media (min-width: 576px) { .news-slider__item { width: -webkit-calc(50% - 16px); width: -moz-calc(50% - 16px); width: calc(50% - 16px); } } @media (min-width: 1280px) { .news-slider__item { width: -webkit-calc(25% - 32px); width: -moz-calc(25% - 32px); width: calc(25% - 32px); } } /*!*********************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/core/ui/container/index.scss ***! \*********************************************************************************************************************************************************************/ .container { width: 100%; margin-right: auto; margin-left: auto; max-width: 100%; } @media (max-width: 575.98px) { .container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 16px; } } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 992px) { .container { max-width: 720px; } } @media (min-width: 1280px) { .container { max-width: 972px; } } @media (min-width: 1440px) { .container { max-width: 972px; } } @media (min-width: 1920px) { .container { max-width: 972px; } } .container._gutters_null { padding: 0; } .container._align_left { margin: unset; } @media (min-width: 1280px) { .container._size_xs { max-width: 470px; } } @media (min-width: 1280px) { .container._size_sm { max-width: 636px; } } @media (min-width: 1280px) { .container._size_md { max-width: 830px; } } /*!*******************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/core/ui/heading/index.scss ***! \*******************************************************************************************************************************************************************/ .heading { margin: 0; font-family: DINPro, sans-serif; line-height: 112%; font-weight: 500; letter-spacing: -1px; text-transform: uppercase; } .heading._type_h1 { font-size: 40px; line-height: 100%; font-weight: 400; letter-spacing: -5px; } @media (min-width: 1280px) { .heading._type_h1 { font-size: 90px; } } .heading._type_h2 { font-size: 32px; } @media (min-width: 1280px) { .heading._type_h2 { font-size: 62px; } } .heading._type_h3 { font-size: 24px; text-transform: capitalize; } @media (min-width: 1280px) { .heading._type_h3 { font-size: 54px; } } /*!*************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/core/ui/block-overlay/index.scss ***! \*************************************************************************************************************************************************************************/ .block-overlay { background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: center; } .block-overlay__picture { -webkit-background-size: auto auto; background-size: auto; background-repeat: no-repeat; background-position: right -70px bottom 0; } @media (max-width: 1279.98px) { .block-overlay__picture { background: none !important; } } /*!*******************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/core/ui/section/index.scss ***! \*******************************************************************************************************************************************************************/ .section { position: relative; } .section .block-overlay { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 24px 24px; border-radius: 25px; overflow: hidden; } @media (max-width: 575.98px) { .section .block-overlay { margin: 0 -16px; } } @media (min-width: 576px) { .section .block-overlay { padding: 32px 40px; } } @media (min-width: 1280px) { .section .block-overlay { padding: 40px 60px; border-radius: 50px; } } .section .block-overlay__picture { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 24px 24px; margin: -24px -24px; } @media (min-width: 1280px) { .section .block-overlay__picture { padding: 40px 60px; margin: -40px -60px; } } .section__header { margin-bottom: 24px; } @media (min-width: 1280px) { .section__header { margin-bottom: 48px; } } .section__header._offset_sm { margin-bottom: 18px; } @media (min-width: 1280px) { .section__header._offset_sm { margin-bottom: 32px; } } .section__header._offset_md { margin-bottom: 20px; } @media (min-width: 1280px) { .section__header._offset_md { margin-bottom: 56px; } } .section__header._offset_lg { margin-bottom: 64px; } @media (min-width: 1280px) { .section__header._offset_lg { margin-bottom: 64px; } } .js-has-pseudo [csstools-has-1a-37-2t-2r-38-2x-33-32-2n-2n-2w-2t-2p-2s-2t-36-1m-2w-2p-37-14-1a-2w-2t-2p-2s-2x-32-2v-w-3i-w-1a-37-2t-2r-38-2x-33-32-2n-2n-2s-2t-37-2r-15-w-1a-2w-2t-2p-2s-2x-32-2v]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist) { margin-bottom: 8px; } .section__header:has(.heading ~ .section__desc) .heading { margin-bottom: 8px; } @media (min-width: 1280px) { .js-has-pseudo [csstools-has-1a-37-2t-2r-38-2x-33-32-2n-2n-2w-2t-2p-2s-2t-36-1m-2w-2p-37-14-1a-2w-2t-2p-2s-2x-32-2v-w-3i-w-1a-37-2t-2r-38-2x-33-32-2n-2n-2s-2t-37-2r-15-w-1a-2w-2t-2p-2s-2x-32-2v]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist) { margin-bottom: 18px; } .section__header:has(.heading ~ .section__desc) .heading { margin-bottom: 18px; } } .section__label { position: relative; padding-left: 16px; color: #000C18; font-size: 18px; font-weight: 500; line-height: 100%; text-transform: uppercase; } @media (min-width: 1280px) { .section__label { font-size: 23px; } } .section__label::before { content: ""; position: absolute; left: 2px; top: 4px; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background-color: #000C18; } @media (min-width: 1280px) { .section__label::before { top: 8px; } } .section__label._type_actual::before { background-color: #FF0900; } .section__ref { text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; color: #000C18; } .section__ref:hover, .section__ref:active { color: var(--ystu-color-card-title-hover); } .section__desc { color: rgba(43, 52, 69, 0.6); font-size: 18px; font-weight: 500; line-height: 120%; letter-spacing: -1px; } @media (min-width: 1280px) { .section__desc { font-size: 26px; } } .section__desc p { margin: 0; } .section._offset_sm { margin-bottom: 24px; } @media (min-width: 1280px) { .section._offset_sm { margin-bottom: 32px; } } /*!****************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/core/ui/grid/index.scss ***! \****************************************************************************************************************************************************************/ .grid { display: grid; grid-template-columns: repeat(2, -webkit-calc(50% - 8px)); grid-template-columns: repeat(2, -moz-calc(50% - 8px)); grid-template-columns: repeat(2, calc(50% - 8px)); grid-template-rows: auto; grid-auto-flow: row dense; gap: 16px; } @media (min-width: 1280px) { .grid { grid-template-columns: repeat(4, 1fr); grid-template-rows: auto auto; gap: 32px; } } .grid__cell { min-height: 75px; } @media (min-width: 1280px) { .grid__cell { min-height: 150px; } } .grid__cell._size_md { min-height: 250px; grid-column: span 2; } @media (min-width: 1280px) { .grid__cell._size_md { grid-row: span 2; min-height: 300px; } } @media (min-width: 1280px) { .grid._cols-from_2 { grid-template-columns: repeat(2, -webkit-calc(50% - 16px)); grid-template-columns: repeat(2, -moz-calc(50% - 16px)); grid-template-columns: repeat(2, calc(50% - 16px)); } } @media (min-width: 1280px) { .grid._cols-from_3 { grid-template-columns: repeat(3, 1fr); } } .grid._type_flex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .grid._type_flex .grid__cell { min-height: unset; } .grid._type_flex._flow_auto .grid__cell { -webkit-box-flex: 1; -webkit-flex: auto; -moz-box-flex: 1; flex: auto; } .grid._gap_sm { gap: 12px; } @media (min-width: 1280px) { .grid._gap_sm { gap: 12px 16px; } } /*!*****************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/core/ui/badge/index.scss ***! \*****************************************************************************************************************************************************************/ .badge { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 8px; border-radius: 190px; border: 1px solid #000; text-decoration: none; text-align: center; color: #000; font-size: 16px; line-height: 140%; font-weight: 500; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } @media (min-width: 1280px) { .badge { padding: 10px 20px; font-size: 22px; } } a.badge:hover, a.badge:active { border-color: transparent; } /*!****************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/core/ui/card/index.scss ***! \****************************************************************************************************************************************************************/ .card { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; height: 100%; background-color: #F1F3F7; text-decoration: none; color: #000; line-height: 140%; font-weight: 400; word-wrap: break-word; border-radius: 18px; overflow: hidden; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } @media (min-width: 1280px) { .card { border-radius: 25px; } } .card__inner { position: relative; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; flex-grow: 1; width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 18px; } @media (min-width: 992px) { .card__inner { min-height: 150px; } } @media (min-width: 1280px) { .card__inner { padding: 18px 22px 24px 22px; } } .card__header { margin-bottom: 6px; } .card__title { color: var(--ystu-color-card-title); font-size: 18px; font-weight: 500; line-height: 112%; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } @media (min-width: 1280px) { .card__title { font-size: 22px; } } .card__desc { padding-top: 12px; font-family: Arial, sans-serif; } @media (min-width: 1280px) { .card__desc { padding-top: 24px; } } .card__desc p { margin: 0; } .card__info { display: block; color: rgba(0, 0, 0, 0.5019607843); font-size: 12px; font-weight: 700; line-height: normal; letter-spacing: 0.5px; text-transform: uppercase; } @media (min-width: 1280px) { .card__info { font-size: 15px; } } .card__picture { position: absolute; bottom: 0; left: 0; width: 100%; height: 166px; } .card__picture img { width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 0 0 18px 18px; } @media (min-width: 1280px) { .card__picture img { border-radius: 0 0 25px 25px; } } .card__footer { padding-top: 8px; margin-top: auto; } .card:hover, .card:active { -webkit-box-shadow: 0px 24px 30px 0px rgba(47, 64, 82, 0.15); box-shadow: 0px 24px 30px 0px rgba(47, 64, 82, 0.15); background-color: #fff; } .card:hover .card__title, .card:active .card__title { color: var(--ystu-color-card-title-hover); } .card._size_lg .card__inner { padding: 22px; } @media (min-width: 1280px) { .card._size_lg .card__inner { padding: 28px 118px 32px 32px; } } .card._size_lg .card__title { font-size: 24px; } @media (min-width: 1280px) { .card._size_lg .card__title { font-size: 34px; } } .card._size_lg .card__picture { width: -webkit-calc(100% + 44px); width: -moz-calc(100% + 44px); width: calc(100% + 44px); margin: 0 -22px; -webkit-transform: translateY(22px); -moz-transform: translateY(22px); -ms-transform: translateY(22px); -o-transform: translateY(22px); transform: translateY(22px); } @media (min-width: 1280px) { .card._size_lg .card__picture { width: -webkit-calc(100% + 64px); width: -moz-calc(100% + 64px); width: calc(100% + 64px); margin: 0 -32px; -webkit-transform: translateY(28px); -moz-transform: translateY(28px); -ms-transform: translateY(28px); -o-transform: translateY(28px); transform: translateY(28px); } } .card._theme_invert { background-color: #2B3445; color: #fff; } .card._theme_invert .card__title { color: #fff; } .card._theme_invert .card__desc { color: #fff !important; } .card._theme_contrast { background-color: #fff; } .card._has_picture-decor { -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center; } .card._decor-size_auto { -webkit-background-size: auto auto; background-size: auto; background-position: right bottom; } .card._has_content-backdrop .card__inner { background-color: rgba(255, 255, 255, 0.5); } @media (max-width: 991.98px) { .card._has_content-backdrop-on-md .card__inner { background-color: rgba(255, 255, 255, 0.5); } } .card._theme_invert._has_content-backdrop .card__inner { background-color: rgba(0, 0, 0, 0.5); } @media (max-width: 991.98px) { .card._theme_invert._has_content-backdrop-on-md .card__inner { background-color: rgba(0, 0, 0, 0.5); } } .card._title_cropped .card__title { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .card._has_picture .card__inner { padding-bottom: 184px; } @media (min-width: 1280px) { .card._has_picture .card__inner { padding-bottom: 190px; } } /*!****************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/core/ui/hero/index.scss ***! \****************************************************************************************************************************************************************/ .hero { padding: 88px 0 64px; margin-top: -88px; margin-bottom: 64px; border-radius: 0 0 0 25px; } @media (min-width: 1280px) { .hero { margin-top: -156px; padding: 156px 0 100px; border-radius: 0 0 0 100px; margin-bottom: 80px; } } @media (max-width: 1279.98px) { .hero .block-overlay__picture { background: none !important; } } @media (min-width: 1280px) { .hero .block-overlay__picture { width: 100%; max-width: 1920px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 156px 0 100px; margin: -156px auto -100px; } } @media (min-width: 1920px) { .hero .block-overlay__picture { background-position: right bottom; } } .hero__sections { margin-bottom: -36px; } @media (min-width: 1280px) { .hero__sections { margin-bottom: -100px; } } .hero__section { margin-bottom: 36px; } @media (min-width: 1280px) { .hero__section { margin-bottom: 100px; } } /*!**********************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/animate.css/animate.css ***! \**********************************************************************************************************************************/ @charset "UTF-8";/*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */ :root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1; } .animate__animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animate__animated.animate__infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animate__animated.animate__repeat-1 { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-iteration-count: var(--animate-repeat); animation-iteration-count: var(--animate-repeat); } .animate__animated.animate__repeat-2 { -webkit-animation-iteration-count: calc(1 * 2); animation-iteration-count: calc(1 * 2); -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2); animation-iteration-count: calc(var(--animate-repeat) * 2); } .animate__animated.animate__repeat-3 { -webkit-animation-iteration-count: calc(1 * 3); animation-iteration-count: calc(1 * 3); -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3); animation-iteration-count: calc(var(--animate-repeat) * 3); } .animate__animated.animate__delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-delay: var(--animate-delay); animation-delay: var(--animate-delay); } .animate__animated.animate__delay-2s { -webkit-animation-delay: calc(1s * 2); animation-delay: calc(1s * 2); -webkit-animation-delay: calc(var(--animate-delay) * 2); animation-delay: calc(var(--animate-delay) * 2); } .animate__animated.animate__delay-3s { -webkit-animation-delay: calc(1s * 3); animation-delay: calc(1s * 3); -webkit-animation-delay: calc(var(--animate-delay) * 3); animation-delay: calc(var(--animate-delay) * 3); } .animate__animated.animate__delay-4s { -webkit-animation-delay: calc(1s * 4); animation-delay: calc(1s * 4); -webkit-animation-delay: calc(var(--animate-delay) * 4); animation-delay: calc(var(--animate-delay) * 4); } .animate__animated.animate__delay-5s { -webkit-animation-delay: calc(1s * 5); animation-delay: calc(1s * 5); -webkit-animation-delay: calc(var(--animate-delay) * 5); animation-delay: calc(var(--animate-delay) * 5); } .animate__animated.animate__faster { -webkit-animation-duration: calc(1s / 2); animation-duration: calc(1s / 2); -webkit-animation-duration: calc(var(--animate-duration) / 2); animation-duration: calc(var(--animate-duration) / 2); } .animate__animated.animate__fast { -webkit-animation-duration: calc(1s * 0.8); animation-duration: calc(1s * 0.8); -webkit-animation-duration: calc(var(--animate-duration) * 0.8); animation-duration: calc(var(--animate-duration) * 0.8); } .animate__animated.animate__slow { -webkit-animation-duration: calc(1s * 2); animation-duration: calc(1s * 2); -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2); } .animate__animated.animate__slower { -webkit-animation-duration: calc(1s * 3); animation-duration: calc(1s * 3); -webkit-animation-duration: calc(var(--animate-duration) * 3); animation-duration: calc(var(--animate-duration) * 3); } @media print, (prefers-reduced-motion: reduce) { .animate__animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } .animate__animated[class*='Out'] { opacity: 0; } } /* Attention seekers */ @-webkit-keyframes bounce { from, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); transform: translate3d(0, 0, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } @keyframes bounce { from, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); transform: translate3d(0, 0, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } .animate__bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .animate__flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__pulse { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shakeX { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shakeX { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .animate__shakeX { -webkit-animation-name: shakeX; animation-name: shakeX; } @-webkit-keyframes shakeY { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } @keyframes shakeY { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } .animate__shakeY { -webkit-animation-name: shakeY; animation-name: shakeY; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .animate__headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .animate__swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .animate__jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .animate__heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: calc(1s * 1.3); animation-duration: calc(1s * 1.3); -webkit-animation-duration: calc(var(--animate-duration) * 1.3); animation-duration: calc(var(--animate-duration) * 1.3); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } /* Back entrances */ @-webkit-keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInDown { -webkit-animation-name: backInDown; animation-name: backInDown; } @-webkit-keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInLeft { -webkit-animation-name: backInLeft; animation-name: backInLeft; } @-webkit-keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInRight { -webkit-animation-name: backInRight; animation-name: backInRight; } @-webkit-keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInUp { -webkit-animation-name: backInUp; animation-name: backInUp; } /* Back exits */ @-webkit-keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: 0.7; } } @keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: 0.7; } } .animate__backOutDown { -webkit-animation-name: backOutDown; animation-name: backOutDown; } @-webkit-keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } @keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } .animate__backOutLeft { -webkit-animation-name: backOutLeft; animation-name: backOutLeft; } @-webkit-keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } } @keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } } .animate__backOutRight { -webkit-animation-name: backOutRight; animation-name: backOutRight; } @-webkit-keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: 0.7; } } @keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: 0.7; } } .animate__backOutUp { -webkit-animation-name: backOutUp; animation-name: backOutUp; } /* Bouncing entrances */ @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__bounceIn { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } /* Bouncing exits */ @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .animate__bounceOut { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); transform: translate3d(0, 2000px, 0) scaleY(3); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); transform: translate3d(0, 2000px, 0) scaleY(3); } } .animate__bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); transform: translate3d(-2000px, 0, 0) scaleX(2); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); transform: translate3d(-2000px, 0, 0) scaleX(2); } } .animate__bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); transform: translate3d(2000px, 0, 0) scaleX(2); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); transform: translate3d(2000px, 0, 0) scaleX(2); } } .animate__bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } } .animate__bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } /* Fading entrances */ @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .animate__fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInTopLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInTopLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInTopLeft { -webkit-animation-name: fadeInTopLeft; animation-name: fadeInTopLeft; } @-webkit-keyframes fadeInTopRight { from { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInTopRight { from { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInTopRight { -webkit-animation-name: fadeInTopRight; animation-name: fadeInTopRight; } @-webkit-keyframes fadeInBottomLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInBottomLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInBottomLeft { -webkit-animation-name: fadeInBottomLeft; animation-name: fadeInBottomLeft; } @-webkit-keyframes fadeInBottomRight { from { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInBottomRight { from { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInBottomRight { -webkit-animation-name: fadeInBottomRight; animation-name: fadeInBottomRight; } /* Fading exits */ @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .animate__fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .animate__fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .animate__fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .animate__fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .animate__fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .animate__fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .animate__fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .animate__fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .animate__fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutTopLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } } @keyframes fadeOutTopLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } } .animate__fadeOutTopLeft { -webkit-animation-name: fadeOutTopLeft; animation-name: fadeOutTopLeft; } @-webkit-keyframes fadeOutTopRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } } @keyframes fadeOutTopRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } } .animate__fadeOutTopRight { -webkit-animation-name: fadeOutTopRight; animation-name: fadeOutTopRight; } @-webkit-keyframes fadeOutBottomRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } } @keyframes fadeOutBottomRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } } .animate__fadeOutBottomRight { -webkit-animation-name: fadeOutBottomRight; animation-name: fadeOutBottomRight; } @-webkit-keyframes fadeOutBottomLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } } @keyframes fadeOutBottomLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } } .animate__fadeOutBottomLeft { -webkit-animation-name: fadeOutBottomLeft; animation-name: fadeOutBottomLeft; } /* Flippers */ @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animate__animated.animate__flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .animate__flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .animate__flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .animate__flipOutX { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .animate__flipOutY { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } /* Lightspeed */ @-webkit-keyframes lightSpeedInRight { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedInRight { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__lightSpeedInRight { -webkit-animation-name: lightSpeedInRight; animation-name: lightSpeedInRight; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedInLeft { from { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedInLeft { from { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__lightSpeedInLeft { -webkit-animation-name: lightSpeedInLeft; animation-name: lightSpeedInLeft; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOutRight { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOutRight { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .animate__lightSpeedOutRight { -webkit-animation-name: lightSpeedOutRight; animation-name: lightSpeedOutRight; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes lightSpeedOutLeft { from { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOutLeft { from { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } .animate__lightSpeedOutLeft { -webkit-animation-name: lightSpeedOutLeft; animation-name: lightSpeedOutLeft; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } /* Rotating entrances */ @-webkit-keyframes rotateIn { from { -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } /* Rotating exits */ @-webkit-keyframes rotateOut { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .animate__rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateOutDownLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .animate__rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutDownRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .animate__rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateOutUpLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .animate__rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutUpRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .animate__rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } /* Specials */ @-webkit-keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .animate__hinge { -webkit-animation-duration: calc(1s * 2); animation-duration: calc(1s * 2); -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2); -webkit-animation-name: hinge; animation-name: hinge; -webkit-transform-origin: top left; transform-origin: top left; } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .animate__jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .animate__rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } /* Zooming entrances */ @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .animate__zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } /* Zooming exits */ @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .animate__zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); } } .animate__zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; -webkit-transform-origin: left center; transform-origin: left center; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); } } .animate__zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; -webkit-transform-origin: right center; transform-origin: right center; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; -webkit-transform-origin: center bottom; transform-origin: center bottom; } /* Sliding entrances */ @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } /* Sliding exits */ @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .animate__slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .animate__slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .animate__slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .animate__slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /*!*****************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/core/ui/input/index.scss ***! \*****************************************************************************************************************************************************************/ .new-input { all: unset; outline: revert; font-family: inherit; width: 100%; padding: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; line-height: 100%; color: #000C18; } .new-input::-webkit-input-placeholder { opacity: 0.4; } .new-input::-moz-placeholder { opacity: 0.4; } .new-input:-ms-input-placeholder { opacity: 0.4; } .new-input::-ms-input-placeholder { opacity: 0.4; } .new-input::placeholder { opacity: 0.4; } .new-input._size_lg { padding: 8px; font-size: 20px; font-weight: 500; } @media (min-width: 1280px) { .new-input._size_lg { padding: 20px; font-size: 34px; } } /*!******************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/core/ui/search/index.scss ***! \******************************************************************************************************************************************************************/ .search { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; background-color: #fff; padding: 4px; } @media (min-width: 1280px) { .search { border-radius: 24px; } } .search__input { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; flex-grow: 1; margin-right: 10px; } .search__submit { all: unset; outline: revert; font-family: inherit; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; width: 40px; height: 40px; -webkit-flex-shrink: 0; flex-shrink: 0; border-radius: 8px; background: #F1F3F7; fill: #D8DADE; cursor: pointer; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } @media (min-width: 1280px) { .search__submit { width: 80px; height: 80px; border-radius: 16px; } } .js-has-pseudo [csstools-has-1a-37-2t-2p-36-2r-2w-1m-2w-2p-37-14-2x-32-34-39-38-1m-2u-33-2r-39-37-15-w-1a-37-2t-2p-36-2r-2w-2n-2n-37-39-2q-31-2x-38]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist) { background-color: #F07C00; fill: #fff; } .search:has(input:focus) .search__submit { background-color: #F07C00; fill: #fff; } .search__icon { width: 18px; height: 18px; pointer-events: none; fill: inherit; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } @media (min-width: 1280px) { .search__icon { width: 36px; height: 36px; } } /*!*****************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/search-overlay/index.scss ***! \*****************************************************************************************************************************************************************************/ .search-overlay { content: ""; position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(43, 52, 69, 0.3); overflow: auto; display: none; } .search-overlay__inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; height: -webkit-calc(100% - 40px); height: -moz-calc(100% - 40px); height: calc(100% - 40px); margin: 20px 0; } .search-overlay form { width: 100%; } @media (min-width: 576px) { .search-overlay form { width: 500px; } } @media (min-width: 992px) { .search-overlay form { width: 800px; } } .search-overlay._animate_start { opacity: 0; pointer-events: none; } /*!***************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/layouts/new/index.scss ***! \***************************************************************************************************************************************************************/ .layout-new { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; min-height: 100vh; font-family: DINPro, sans-serif; font-size: 16px; } @media (min-width: 1280px) { .layout-new { font-size: 18px; } } .layout-new__prolog { position: -webkit-sticky; position: sticky; top: 0; left: 0; width: 100%; } .layout-new__workarea { padding: 88px 0 104px; } @media (min-width: 1280px) { .layout-new__workarea { padding: 156px 0 80px; } } .layout-new__sections { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; margin-bottom: -64px; } @media (min-width: 1280px) { .layout-new__sections { margin-bottom: -100px; } } .layout-new__section { margin-bottom: 64px; } @media (min-width: 1280px) { .layout-new__section { margin-bottom: 100px; } } .layout-new__epilog { margin-top: auto; } /*!*********************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/core/ui/accordion/index.scss ***! \*********************************************************************************************************************************************************************/ .accordion { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; gap: 16px 0; } @media (min-width: 1280px) { .accordion { gap: 24px 0; } } .accordion__section { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .accordion__header { position: relative; margin: 0; padding: 0; border: 1px solid #004589; background-color: #fff; border-radius: 10px; } .accordion__trigger { all: unset; outline: revert; font-family: inherit; position: relative; display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 16px 56px 16px 16px; font-size: 16px; margin: 0; border: 0; cursor: pointer; background-color: transparent; text-align: left; text-decoration: none; color: #004589; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } @media (min-width: 1280px) { .accordion__trigger { padding: 16px 56px 16px 28px; font-size: 18px; } } .accordion__trigger:focus { color: rgba(0, 69, 137, 0.6); } .accordion__icon { position: absolute; top: 16px; right: 16px; width: 20px; height: 20px; fill: #1E1E1E; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; pointer-events: none; } @media (min-width: 1280px) { .accordion__icon { top: 16px; right: 28px; width: 28px; height: 28px; } } .accordion__section.is-active .accordion__icon { -webkit-transform: scale(-1, -1); -moz-transform: scale(-1, -1); -ms-transform: scale(-1, -1); -o-transform: scale(-1, -1); transform: scale(-1, -1); } .accordion__panel { overflow: hidden; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; -moz-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .accordion__section.js-enabled .accordion__panel { visibility: hidden; } .accordion__section.is-active .accordion__panel { visibility: visible; } .accordion__content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 8px; padding: 16px; border: 1px solid #004589; background-color: #fff; border-radius: 10px; } @media (min-width: 1280px) { .accordion__content { margin-top: 12px; padding: 16px 56px 30px 28px; font-size: 15px; } } .accordion__content p { margin: 0; } .accordion__content a { color: inherit; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .accordion__content a:active, .accordion__content a:hover { opacity: 0.6; } /*!***********************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/faq-list/index.scss ***! \***********************************************************************************************************************************************************************/ .faq-list { font-family: Montserrat, DINPro, sans-serif, sans-serif; } .faq-list .accordion__trigger { font-weight: 600; } /*!*************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/pages/faq/index.scss ***! \*************************************************************************************************************************************************************/ /* End */ /* Start:/local/templates/ystu/assets/css/xtt.css?17399210223339*/ #footer-mascot { --xtt-mascot-size: 1; /* * Kitty */ --xtt-mascot-size-x: 72px; --xtt-mascot-size-y: 54px; --xtt-mascot-top-offset: -50px; --xtt-mascot-top-offset-mobile: 0px; --xtt-mascot-top: calc(var(--xtt-mascot-top-offset) + var(--xtt-mascot-top-offset-mobile)); --xtt-mascot-h: calc(var(--xtt-mascot-size-y) * var(--xtt-mascot-size)); --xtt-mascot-w: calc(var(--xtt-mascot-size-x) * var(--xtt-mascot-size)); z-index: 99; position: absolute; top: calc(var(--xtt-mascot-top) * var(--xtt-mascot-size)); left: 18px; height: var(--xtt-mascot-h); width: var(--xtt-mascot-w); background-image: url('/local/templates/ystu/assets/css/../img/xtt/kitty-1.png?v1'); background-repeat: no-repeat; background-position: 0px 0px; background-size: calc(var(--xtt-mascot-w)*2) calc(var(--xtt-mascot-h)); } #footer-mascot[data-name="rab"] { /* * Kitty */ --xtt-mascot-size-x: 54px; --xtt-mascot-size-y: 72px; --xtt-mascot-top-offset: -68px; background-image: url('/local/templates/ystu/assets/css/../img/xtt/rab-1.png?v1'); } #footer-mascot:hover, #footer-mascot:focus { background-position: calc(var(--xtt-mascot-w)*-1) 0px; } @media screen and (max-width: 1023px) { #footer-mascot { --xtt-mascot-top-offset-mobile: -8px; } } /* fix data-text-animation */ /* [data-text-animation]:not(.active) { /* display: none; *-/ opacity: 0; } @media print { [data-text-animation]:not(.active) { /* display: none; *-/ opacity: 1; } } */ /* * Custom cursor */ @media screen and (min-width: 991.98px) { .xt-cursor { --c-size: 7px; --c-offset: 4px; display: block; position: fixed; width: var(--c-size); height: var(--c-size); left: calc(var(--c-size) - var(--c-offset)); top: calc(var(--c-size) - var(--c-offset)); border-radius: 50%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; visibility: hidden; z-index: 10000; -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); } .xt-cursor:before { /* background: var(--bs-color-primary); */ background: #0144F0; opacity: 1; content: ""; width: 100%; height: 100%; border-radius: 50%; position: absolute; left: 0; top: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .xt-cursor.cursor-grow:before { opacity: 0.7; -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .xt-cursor.hide { opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .xt-cursor.hide .inner { -webkit-transform: scale(0.1); transform: scale(0.1); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } } /* End */ /* Start:/local/templates/ystu/assets/css/style.css?1747400829203990*/ :root { --ystu-color-primary-blue: #0038a4; --ystu-color-primary-orange: var(--ystu-color-ds-orange, #EC7200); --ystu-color-link-hover: #0055FF; --ystu-color-link-hover-2: #004BFF; --ystu-color-link-active: #0012B9; --ystu-color-breadcrumbs-text: #FFF; --ystu-color-page-header-text: #FFF; --ystu-color-section-bg-overlay: #0F7578; } input[type=text]::-ms-clear { display: none; width: 0; height: 0; } input[type=text]::-ms-reveal { display: none; width: 0; height: 0; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } * { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; font-family: 'DIN Pro'; font-display: auto; -webkit-font-smoothing: antialiased; } html, body { font-size: 16px; background: #fff; color: #000000; } a, p { color: #000000; } .wrapper { position: relative; z-index: 2; padding-left: 1.6875rem; padding-right: 1.6875rem; max-width: 64rem; margin-left: auto; margin-right: auto; } .wrapper--blocks { max-width: 64rem; padding-left: 1.6875rem; padding-right: 1.6875rem; } .wrapper--no-padding { padding-left: 0; padding-right: 0; } .wrapper--100 { width: 100%; max-width: 100%; } .single-page-description { font-size: 1.375rem; line-height: 1.9375rem; font-family: "Arial"; } .single-page-description h2 { margin-top: 2.75rem; margin-bottom: 1.3125rem; font-family: "DIN Pro"; } .single-page-description a { color: var(--ystu-color-primary-blue); text-decoration: none; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .single-page-description a:hover { -webkit-transition: all ease-in-out 100ms; -moz-transition: all ease-in-out 100ms; transition: all ease-in-out 100ms; color: var(--ystu-color-link-hover); } .content-small { max-width: 37.5rem; } .detail-danger { font-size: 1.75rem; line-height: 2rem; font-family: "DIN Pro"; margin-bottom: 2.75rem; } .text_color_red { color: #F31421; font-family: Arial; } .text_size_small { font-size: 0.9375rem; line-height: 1.375rem; font-family: Arial; } .text_size_medium { font-size: 1rem; line-height: 1.625rem; font-family: Arial; } .single-page-documents { padding-top: 0.75rem; } .single-page-documents__title { display: block; font-size: 1.1875rem; margin-bottom: 1.125rem; } .single-page-documents__document { font-size: 0.9375rem; display: block; text-decoration: none; color: var(--ystu-color-primary-blue); font-family: "Arial"; position: relative; padding-left: 1.5625rem; line-height: 1.875rem; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .single-page-documents__document:hover { -webkit-transition: all ease-in-out 100ms; -moz-transition: all ease-in-out 100ms; transition: all ease-in-out 100ms; color: var(--ystu-color-link-hover); } .single-page-documents__document::before { position: absolute; left: 0; content: ''; display: block; top: 0.3125rem; width: 0.9375rem; height: 1.125rem; background-position: center; background-size: contain; background-repeat: no-repeat; } .single-page-documents__document_icon_pdf::before { background-image: url("data:image/svg+xml,%3Csvg width='24' height='34' viewBox='0 0 24 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 3V33H3' stroke='%23EC332C'/%3E%3Crect width='20' height='30' fill='%23EC332C'/%3E%3Crect x='4' y='5' width='12' height='8' fill='white'/%3E%3Cline x1='4' y1='18.5' x2='16' y2='18.5' stroke='white'/%3E%3Cline x1='4' y1='22.5' x2='12' y2='22.5' stroke='white'/%3E%3C/svg%3E%0A"); } .single-page-documents__document_icon_docx::before { background-image: url("data:image/svg+xml,%3Csvg width='24' height='34' viewBox='0 0 24 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 3V33H3' stroke='%23108443'/%3E%3Crect width='20' height='30' fill='%23108443'/%3E%3Cline x1='4' y1='5.5' x2='11' y2='5.5' stroke='white'/%3E%3Cline x1='13' y1='5.5' x2='16' y2='5.5' stroke='white'/%3E%3Cline x1='4' y1='9.5' x2='11' y2='9.5' stroke='white'/%3E%3Cline x1='13' y1='9.5' x2='16' y2='9.5' stroke='white'/%3E%3Cline x1='4' y1='13.5' x2='11' y2='13.5' stroke='white'/%3E%3Cline x1='13' y1='13.5' x2='16' y2='13.5' stroke='white'/%3E%3Cline x1='4' y1='17.5' x2='11' y2='17.5' stroke='white'/%3E%3Cline x1='13' y1='17.5' x2='16' y2='17.5' stroke='white'/%3E%3C/svg%3E%0A"); } .single-page-documents__document_icon_xlsx::before { background-image: url("data:image/svg+xml,%3Csvg width='24' height='34' viewBox='0 0 24 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 3V33H3' stroke='%23108443'/%3E%3Crect width='20' height='30' fill='%23108443'/%3E%3Cline x1='4' y1='5.5' x2='11' y2='5.5' stroke='white'/%3E%3Cline x1='13' y1='5.5' x2='16' y2='5.5' stroke='white'/%3E%3Cline x1='4' y1='9.5' x2='11' y2='9.5' stroke='white'/%3E%3Cline x1='13' y1='9.5' x2='16' y2='9.5' stroke='white'/%3E%3Cline x1='4' y1='13.5' x2='11' y2='13.5' stroke='white'/%3E%3Cline x1='13' y1='13.5' x2='16' y2='13.5' stroke='white'/%3E%3Cline x1='4' y1='17.5' x2='11' y2='17.5' stroke='white'/%3E%3Cline x1='13' y1='17.5' x2='16' y2='17.5' stroke='white'/%3E%3C/svg%3E%0A"); } .single-page-documents__document_icon_other::before { background-image: url("data:image/svg+xml,%3Csvg width='24' height='34' viewBox='0 0 24 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 3V33H3' stroke='%235A6477'/%3E%3Crect width='20' height='30' fill='%235A6477'/%3E%3Cline x1='4' y1='5.5' x2='16' y2='5.5' stroke='white'/%3E%3Cline x1='4' y1='9.5' x2='13' y2='9.5' stroke='white'/%3E%3Cline x1='4' y1='13.5' x2='16' y2='13.5' stroke='white'/%3E%3Cline x1='4' y1='17.5' x2='8' y2='17.5' stroke='white'/%3E%3Cline x1='4' y1='24.5' x2='16' y2='24.5' stroke='white'/%3E%3C/svg%3E%0A"); } .logotype { display: block; background: url("/local/templates/ystu/assets/css/../img/logotype.svg") center no-repeat; background-size: contain; width: 2.22812rem; height: 2.125rem; margin-right: 2.77188rem; } .logotype--big { background: url("/local/templates/ystu/assets/css/../img/logotype-big.svg") center no-repeat; background-size: contain; width: 9.375rem; height: 2.875rem; margin-right: 3.08625rem; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .page-main-other-event { background: var(--ystu-color-primary-blue); padding-top: 3.0625rem; padding-bottom: 9.625rem; margin-top: 2.75rem; } .page-main-other-event__title { line-height: 2.6875rem; font-size: 2.25rem; color: #fff; font-weight: 500; } .doings--event-detail { margin-top: -9.6875rem; } .doings__title { font-size: 2.25rem; line-height: 2.6875rem; color: var(--ystu-color-primary-blue); font-weight: 500; padding-left: 1.625rem; display: inline-block; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .doings__title:hover { color: var(--ystu-color-link-hover); -webkit-transition: all ease-in-out 100ms; -moz-transition: all ease-in-out 100ms; transition: all ease-in-out 100ms; } .doings__title:hover a { color: inherit; } .doings__title a { text-decoration: none; color: inherit; } .doings-slider { margin-top: 2.125rem; } .doings-slider__btn { cursor: pointer; width: 3.125rem; height: 3.125rem; display: block; position: absolute; top: 7.8125rem; z-index: 2; background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0H50V50H0V0ZM22.55 32.63H25.666L33 25.315L25.666 18H22.55L28.763 24.156H15.387V26.493H28.763L22.55 32.63Z' fill='white'/%3E%3C/svg%3E%0A"); -webkit-box-shadow: 0px 1.5rem 1.875rem rgba(0, 0, 0, 0.1); box-shadow: 0px 1.5rem 1.875rem rgba(0, 0, 0, 0.1); background-position: center; background-color: var(--ystu-color-primary-blue); border: none; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); right: 0.625rem; -webkit-transition: all ease-in-out 125ms; -moz-transition: all ease-in-out 125ms; transition: all ease-in-out 125ms; } .doings-slider__btn--event { top: 4.375rem; } .doings-slider__btn:hover { background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0H50V50H0V0ZM22.55 32.63H25.666L33 25.315L25.666 18H22.55L28.763 24.156H15.387V26.493H28.763L22.55 32.63Z' fill='#0038A4'/%3E%3C/svg%3E%0A"); } .doings-slider__btn--prev { -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); right: auto; left: 0.625rem; } .doings-slider__btn--disabled { opacity: 0; visibility: hidden; pointer-events: none; } .doing-items { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .doing-item { margin-left: 1.875rem; padding-top: 1.125rem; max-width: 13.6875rem; min-width: 13.6875rem; max-height: 23.8125rem; height: 13.6875rem; background: #fff; display: block; text-decoration: none; width: 100%; position: relative; -webkit-transition: all ease-in-out 100ms; -moz-transition: all ease-in-out 100ms; transition: all ease-in-out 100ms; margin-bottom: 9.125rem; } .doing-item--slider { margin-bottom: 14.375rem; margin-left: 1.625rem; margin-right: 0.3125rem; } .doing-item--page { margin-right: 1.875rem; margin-left: 0; margin-bottom: 13.3125rem; background: #ECEEF0; } .doing-item--page:nth-child(4n) { margin-right: 0; } .doing-item__title { display: block; vertical-align: top; margin-left: 1.4375rem; margin-right: 1rem; font-size: 1.1875rem; line-height: 1.3125rem; color: var(--ystu-color-primary-blue); font-weight: 500; -webkit-transition: all ease-in-out 300ms; -moz-transition: all ease-in-out 300ms; transition: all ease-in-out 300ms; } .doing-item:hover { -webkit-box-shadow: 0px 1.5rem 1.875rem rgba(0, 0, 0, 0.1); box-shadow: 0px 1.5rem 1.875rem rgba(0, 0, 0, 0.1); background: #FFF; z-index: 2; } .doing-item:hover .doing-item__title { color: var(--ystu-color-link-hover); -webkit-transition: all ease-in-out 150ms; -moz-transition: all ease-in-out 150ms; transition: all ease-in-out 150ms; } .doing-item:hover .doing-item-image { -webkit-box-shadow: 0px 1.5rem 1.875rem rgba(0, 0, 0, 0.1); box-shadow: 0px 1.5rem 1.875rem rgba(0, 0, 0, 0.1); -webkit-transform: translateX(1.25rem) translateY(1.25rem); -moz-transform: translateX(1.25rem) translateY(1.25rem); -ms-transform: translateX(1.25rem) translateY(1.25rem); transform: translateX(1.25rem) translateY(1.25rem); -webkit-transition: all ease-in-out 100ms; -moz-transition: all ease-in-out 100ms; transition: all ease-in-out 100ms; } .doing-item-image { width: 100%; display: block; height: 16.25rem; overflow: hidden; position: absolute; top: 7.5625rem; background-image: url('/local/templates/ystu/assets/css/../img/doing-item.svg'); -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; background-size: cover !important; background-position: center !important; } .doing-item-image__img { background-size: cover; } .doing-item-image__content { position: absolute; bottom: 1.25rem; left: 1.25rem; } .doing-item-image__text { text-shadow: 0 0 0.875rem #000000; letter-spacing: 0.03125rem; font-size: 0.9375rem; font-weight: 600; color: #ffffff; text-transform: uppercase; } .doing-item-image__text--title { padding-top: 0.6875rem; display: block; } .news { background: #fff; padding-top: 2.875rem; padding-bottom: 0rem; } .news__title { font-size: 2.25rem; line-height: 2.6875rem; color: var(--ystu-color-primary-blue); font-weight: 500; padding-left: 1.625rem; display: inline-block; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .news__title:hover { color: var(--ystu-color-link-hover); -webkit-transition: all ease-in-out 100ms; -moz-transition: all ease-in-out 100ms; transition: all ease-in-out 100ms; } .news__title:hover a { color: inherit; } .news__title a { text-decoration: none; color: inherit; } .news-slider { margin-top: 2.125rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .news-slider--news-detail { margin-top: -7.5625rem; } .news-slider__btn { cursor: pointer; width: 3.125rem; height: 3.125rem; display: block; position: absolute; top: 7.8125rem; right: 0.625rem; left: auto; z-index: 2; background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0H50V50H0V0ZM22.55 32.63H25.666L33 25.315L25.666 18H22.55L28.763 24.156H15.387V26.493H28.763L22.55 32.63Z' fill='white'/%3E%3C/svg%3E%0A"); -webkit-box-shadow: 0px 1.5rem 1.875rem rgba(0, 0, 0, 0.2); box-shadow: 0px 1.5rem 1.875rem rgba(0, 0, 0, 0.2); background-position: center; background-color: var(--ystu-color-primary-blue); border: none; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transition: all ease-in-out 125ms; -moz-transition: all ease-in-out 125ms; transition: all ease-in-out 125ms; } .news-slider__btn:hover { background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0H50V50H0V0ZM22.55 32.63H25.666L33 25.315L25.666 18H22.55L28.763 24.156H15.387V26.493H28.763L22.55 32.63Z' fill='#0038A4'/%3E%3C/svg%3E%0A"); } .news-slider__btn--prev { -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); left: 0.625rem; right: auto; } .news-slider__btn--news-detail { top: 5.625rem; } .burger-menu { padding-top: 1.75rem; padding-bottom: 3.25rem; min-height: 38.875rem; width: 100vw; position: fixed; z-index: 3; top: 4.375rem; background: #fff; left: 0; -webkit-transform: translateY(-2rem); -moz-transform: translateY(-2rem); -ms-transform: translateY(-2rem); transform: translateY(-2rem); opacity: 0; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; transition-delay: 100ms; pointer-events: none; -webkit-box-shadow: 0 1.5rem 1.875rem rgba(0, 0, 0, 0.2); box-shadow: 0 1.5rem 1.875rem rgba(0, 0, 0, 0.2); } .burger-menu--top { top: 6.875rem; } .burger-menu--active { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); pointer-events: auto; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; transition-delay: 100ms; } .burger-menu-header-search { visibility: hidden; } .burger-menu-navigation { columns: 4 200px; -webkit-columns: 4 200px; -moz-columns: 4 200px; column-fill: balance; -webkit-column-fill: balance; -moz-column-fill: balance; margin-left: 2.75rem; margin-right: 2.75rem; } .burger-menu-navigation__more { background: #ffffff; margin-bottom: 1.5rem; } .burger-menu-navigation__container { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .burger-menu-navigation__item { padding-bottom: 0.375rem; padding-top: 0.375rem; font-size: 0.9375rem; display: block; letter-spacing: 0.03125rem; text-decoration: none; font-family: Arial; font-weight: normal; -webkit-transition: all ease-in-out 100ms; -moz-transition: all ease-in-out 100ms; transition: all ease-in-out 100ms; } .burger-menu-navigation__item__item--title { margin-bottom: 0.5625rem; margin-bottom: 0.5625rem; } .burger-menu-navigation__item--title { margin-top: 1.3125rem; text-transform: uppercase; font-family: "DIN Pro"; font-weight: 500; } .burger-menu-navigation__item--title:first-of-type { padding-top: 0; margin-top: 0; } .burger-menu-navigation__item:hover { color: var(--ystu-color-link-hover); -webkit-transition: all ease-in-out 50ms; -moz-transition: all ease-in-out 50ms; transition: all ease-in-out 50ms; } .burger-menu-header-search { display: none; width: 100%; margin-left: 1rem; margin-right: 1rem; } .burger-menu-header-search__field { -webkit-appearance: none; border-radius: 0; background: none; border: none; border-bottom: 0.0625rem solid #CCCCCC; padding-bottom: 1rem; padding-top: 1rem; padding-left: 2.3125rem; font-size: 0.9375rem; font-weight: normal; letter-spacing: 0.03125rem; font-family: Arial; background: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 7.5C14.25 11.2279 11.2279 14.25 7.5 14.25C3.77208 14.25 0.75 11.2279 0.75 7.5C0.75 3.77208 3.77208 0.75 7.5 0.75C11.2279 0.75 14.25 3.77208 14.25 7.5Z' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M12 12L18 18' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E%0A") left center no-repeat; background-size: 1.125rem; } .burger-menu-header-search__field::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.3); } .burger-menu-header-search__field:-moz-placeholder { color: rgba(0, 0, 0, 0.3); } .burger-menu-header-search__field::-moz-placeholder { color: rgba(0, 0, 0, 0.3); } .burger-menu-header-search__field:-ms-input-placeholder { color: rgba(0, 0, 0, 0.3); } .burger-menu-header-search__field::-ms-input-placeholder { color: rgba(0, 0, 0, 0.3); } .burger-menu-header-search__field::placeholder { color: rgba(0, 0, 0, 0.3); } .breadcrumbs { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .breadcrumbs:hover:not(.breadcrumbs--blue) .breadcrumbs__item, .breadcrumbs:hover:not(.breadcrumbs--blue) .breadcrumbs__item span { opacity: 0.7; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .breadcrumbs__item, .breadcrumbs__item span { font-weight: normal; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .breadcrumbs__item:hover, .breadcrumbs__item:hover span { opacity: 1 !important; -webkit-transition: all ease-in-out 50ms; -moz-transition: all ease-in-out 50ms; transition: all ease-in-out 50ms; } .breadcrumbs--blue { margin-bottom: 0.625rem; } .breadcrumbs--blue .breadcrumbs__item, .breadcrumbs--blue .breadcrumbs__item span { font-weight: 500; color: var(--ystu-color-primary-blue); -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .breadcrumbs--blue .breadcrumbs__item:hover, .breadcrumbs--blue .breadcrumbs__item:hover span { -webkit-transition: all ease-in-out 50ms; -moz-transition: all ease-in-out 50ms; transition: all ease-in-out 50ms; color: var(--ystu-color-link-hover-2); } .breadcrumbs--blue .breadcrumbs__item:last-child::after { display: none; } .breadcrumbs--blue .breadcrumbs__item::after { background: url("data:image/svg+xml,%3Csvg width='8' height='17' viewBox='0 0 8 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.2' d='M7.277 0.0659997H5.415L0 16.406H1.862L7.277 0.0659997Z' fill='black'/%3E%3C/svg%3E%0A") center no-repeat; } .breadcrumbs__item { display: block; position: relative; padding-right: 1.3125rem; margin-right: 1rem; } .breadcrumbs__item, .breadcrumbs__item span { font-size: 1.0625rem; line-height: 100%; text-transform: uppercase; color: var(--ystu-color-breadcrumbs-text); text-decoration: none; white-space: nowrap; } .breadcrumbs__item:last-child::after { display: none; } .breadcrumbs__item::after { display: block; width: 0.455rem; height: 1.02125rem; content: ''; position: absolute; right: 0; top: 0; color: var(--ystu-color-breadcrumbs-text); background: url("data:image/svg+xml,%3Csvg width='8' height='17' viewBox='0 0 8 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.2' d='M7.277 0.065918H5.415L0 16.4059H1.862L7.277 0.065918Z' fill='currentColor'/%3E%3C/svg%3E%0A") center no-repeat; } .page-header { padding-top: 8.625rem; } .page-header__description { font-family: "Arial"; } .page-header__description--facultet { display: block; font-size: 1.25rem; max-width: 46.875rem; line-height: 2.125rem; margin-top: 2.375rem; } .page-header--programm .page-header__title { font-size: 3.5rem; line-height: 87%; margin-bottom: 2.375rem; color: var(--ystu-color-page-header-text); margin-top: 1.25rem; } .page-header--programm .page-header__title>span { font-size: 2.25rem; /* color: #e6e6e6; */ color: var(--ystu-color-page-header-text); } .page-header--programm .page-header__description { color: var(--ystu-color-page-header-text); padding-bottom: 8.1875rem; display: block; max-width: 46.875rem; font-size: 1.25rem; font-weight: 300; line-height: 2.125rem; } .page-header--programm .page-header__label { color: var(--ystu-color-page-header-text); padding-top: 0.8125rem; padding-right: 1.625rem; display: inline-block; margin-top: 2.5rem; text-transform: uppercase; font-size: 1.4375rem; line-height: 100%; letter-spacing: 0.0625rem; padding-bottom: 0.6875rem; } .page-header--programm .page-header__label:not(.page-header__label-no-box) { padding-left: 1.625rem; border: 0.0625rem solid var(--ystu-color-page-header-text, #fff); } .news-item { position: relative; display: block; width: 13.6875rem; min-width: 13.6875rem; height: 18.125rem; text-decoration: none; background: #ECEEF0; margin-bottom: 4rem; margin-left: 1.875rem; -webkit-transition: all ease-in-out 300ms; -moz-transition: all ease-in-out 300ms; transition: all ease-in-out 300ms; } .news-item--slider { margin-bottom: 4.0625rem; margin-left: 1.625rem; margin-right: 0.3125rem; } .news-item:hover { z-index: 1; -webkit-transition: all ease-in-out 150ms; -moz-transition: all ease-in-out 150ms; transition: all ease-in-out 150ms; background: #fff; -webkit-box-shadow: 0 1.5rem 1.875rem rgba(0, 0, 0, 0.1); box-shadow: 0 1.5rem 1.875rem rgba(0, 0, 0, 0.1); } .news-item:hover .news-item__title { color: var(--ystu-color-link-hover); -webkit-transition: all ease-in-out 150ms; -moz-transition: all ease-in-out 150ms; transition: all ease-in-out 150ms; } .news-item:hover .news-item-image { -webkit-transition: all ease-in-out 150ms; -moz-transition: all ease-in-out 150ms; transition: all ease-in-out 150ms; -webkit-transform: translateX(1rem) translateY(1rem); -moz-transform: translateX(1rem) translateY(1rem); -ms-transform: translateX(1rem) translateY(1rem); transform: translateX(1rem) translateY(1rem); -webkit-box-shadow: 0 1.5rem 1.875rem rgba(0, 0, 0, 0.1); box-shadow: 0 1.5rem 1.875rem rgba(0, 0, 0, 0.1); } .news-item--page { width: -moz-calc(33% - 1.875rem); width: calc(33% - 1.875rem); margin-bottom: 2.4375rem; } .news-item--page:nth-child(1), .news-item--page:nth-child(3n+1) { margin-left: 0; } .news-item__title { font-size: 1.1875rem; line-height: 1.3125rem; color: var(--ystu-color-primary-blue); font-weight: 500; padding-top: 1.125rem; padding-left: 1.4375rem; padding-right: 1rem; display: block; -webkit-transition: all ease-in-out 300ms; -moz-transition: all ease-in-out 300ms; transition: all ease-in-out 300ms; } .fac-navigation { margin-top: 2.25rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .fac-navigation__item { width: 50%; font-size: 1.1875rem; text-transform: uppercase; letter-spacing: 0.03125rem; line-height: 100%; font-weight: 500; text-align: left; text-decoration: none; color: var(--ystu-color-primary-blue); padding-bottom: 0.9375rem; -webkit-transition: color ease-in-out 200ms; -moz-transition: color ease-in-out 200ms; transition: color ease-in-out 200ms; } .fac-navigation__item:hover { -webkit-transition: color ease-in-out 50ms; -moz-transition: color ease-in-out 50ms; transition: color ease-in-out 50ms; color: var(--ystu-color-link-hover); } .page-main-content-news__date { margin-top: 1.875rem; font-size: 0.875rem; color: rgba(0, 0, 0, 0.6); font-family: "Arial"; } .page-main-content-news-citate-share { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .page-main-content-news-citate-share:hover .page-main-content-news-citate-share__link { opacity: 0.5; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .page-main-content-news-citate-share:hover .page-main-content-news-citate-share__link:hover { opacity: 1; -webkit-transition: all ease-in-out 50ms; -moz-transition: all ease-in-out 50ms; transition: all ease-in-out 50ms; } .page-main-content-news-citate-share:hover .page-main-content-news-citate-share__title { opacity: 1; } .page-main-content-news-citate-share__title { font-size: 0.9375rem; letter-spacing: 0.03125rem; text-transform: uppercase; color: rgba(255, 255, 255, 0.5); font-weight: 500; margin-right: 0.9375rem; } .page-main-content-news-citate-share__link { color: #ffffff; font-size: 0.9375rem; letter-spacing: 0.03125rem; margin-right: 0.9375rem; text-decoration: none; text-transform: uppercase; font-weight: 500; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .page-main-content-news-citate { background: var(--ystu-color-primary-blue); position: relative; display: block; padding-top: 3.0625rem; padding-left: 2.875rem; padding-right: 0.75rem; padding-bottom: 2.1875rem; margin-bottom: 1.6875rem; background-image: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.9191 32.9165L21.8512 27.9844L21.7557 21.9705L27.7697 22.0659L32.7017 17.1339L16.8555 17.0702L16.9191 32.9165ZM8.04139 24.0388L12.9735 19.1067L12.9416 13.1564L18.8919 13.1882L23.824 8.25614L8.00957 8.22432L8.04139 24.0388Z' fill='white'/%3E%3C/svg%3E%0A"), url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9007 0.333512L10.9686 5.26558L11.0641 11.2795L5.05016 11.1841L0.118087 16.1161L15.9643 16.1798L15.9007 0.333512ZM24.7784 9.21124L19.8464 14.1433L19.8782 20.0936L13.9279 20.0618L8.99581 24.9939L24.8103 25.0257L24.7784 9.21124Z' fill='white'/%3E%3C/svg%3E%0A"); background-position: 0.5rem 0.8rem, right 1.25rem bottom 4.25rem; background-repeat: no-repeat, no-repeat; } .page-main-content-news-citate::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; pointer-events: none; border: 0.0625rem solid #3B72D8; border-radius: 0.0625rem; display: block; -webkit-transform: translateY(-0.625rem) translateX(-0.625rem); -moz-transform: translateY(-0.625rem) translateX(-0.625rem); -ms-transform: translateY(-0.625rem) translateX(-0.625rem); transform: translateY(-0.625rem) translateX(-0.625rem); } .page-main-content-news-citate__content { color: #ffffff; font-size: 1.6875rem; line-height: normal; font-weight: 500; margin-bottom: 0.75rem; } .page-main-content-news-citate__author { color: rgba(255, 255, 255, 0.5); font-size: 0.9375rem; letter-spacing: 0.03125rem; text-transform: uppercase; font-weight: 500; margin-bottom: 3.125rem; } .page-header { position: relative; overflow: hidden; } .page-header--programm-spo .page-header__title, .page-header--bg-spo .page-header__title { text-stroke: 1px #000; -webkit-text-stroke: 1px #000; } .page-header--bg-spo .page-header__title { font-size: 3.0rem; } .page-header--bg-blue { background: var(--ystu-color-link-active); position: relative; background-size: 91.25rem; height: 26.625rem; overflow: hidden; } .page-header--bg-blue .page-header__title { color: #fff; } .page-header__background { opacity: 0.5; position: absolute; top: 0; width: 100%; height: 100%; } .page-header__title { font-size: 3.5rem; font-weight: 500; } .page-header__title--event-detail { line-height: 3.75rem; font-size: 3.5rem; margin-bottom: 3.75rem; } .page-main-content-event__description { font-size: 1.375rem; line-height: 1.9375rem; margin-bottom: 2.5rem; font-family: Arial; } .page-main-content-news { max-width: 46.875rem; } .page-main-content-news__description { max-width: 57.4375rem; font-size: 1.375rem; line-height: 1.9375rem; margin-bottom: 2.5rem; font-family: Arial; } .page-main-content-news__description--small { font-size: 0.9375rem; line-height: 1.375rem; font-family: Arial; font-weight: normal; } .page-main-content-event-speeker__title { font-size: 1.75rem; margin-bottom: 1.875rem; } .page-main-content-event-speeker__description { font-size: 0.9375rem; line-height: 1.375rem; font-family: Arial; font-weight: normal; } .page-main-content-speeker-social-items { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 2rem; margin-bottom: 2.4375rem; } .page-main-content-speeker-social-items:hover .page-main-content-speeker-social-items__item { opacity: 0.5; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .page-main-content-speeker-social-items:hover .page-main-content-speeker-social-items__item:hover { opacity: 1; -webkit-transition: all ease-in-out 50ms; -moz-transition: all ease-in-out 50ms; transition: all ease-in-out 50ms; } .page-main-content-speeker-social-items:hover .page-main-content-speeker-social-items__title { opacity: 1; } .page-main-content-speeker-social-items__title { font-size: 0.9375rem; text-transform: uppercase; color: rgba(255, 255, 255, 0.5); font-weight: 500; margin-right: 0.9375rem; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .page-main-content-speeker-social-items__item { text-decoration: none; text-transform: uppercase; font-weight: 500; margin-right: 0.9375rem; color: #fff; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .page-main-content-event-speeker-social { margin-top: 2.5625rem; background: var(--ystu-color-primary-blue); padding: 2.125rem 0.875rem 0.1875rem 2.125rem; margin-bottom: 1.875rem; position: relative; } .page-main-content-event-speeker-social::after { content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; border: 0.0625rem solid #3B72D8; border-radius: 0.0625rem; -webkit-transform: translateX(-0.625rem) translateY(-0.625rem); -moz-transform: translateX(-0.625rem) translateY(-0.625rem); -ms-transform: translateX(-0.625rem) translateY(-0.625rem); transform: translateX(-0.625rem) translateY(-0.625rem); pointer-events: none; } .page-main-content-event-speeker-social__subtitle { font-size: 0.9375rem; letter-spacing: 0.03125rem; text-transform: uppercase; font-weight: normal; color: rgba(255, 255, 255, 0.5); margin-bottom: 0.5625rem; } .page-main-content-event-speeker-social__title { font-size: 1.6875rem; color: #fff; font-weight: 500; margin-bottom: 1.3125rem; } .page-main-content-event-speeker-social__row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .page-main-content-event__date { font-size: 0.875rem; color: rgba(0, 0, 0, 0.6); font-family: Arial; } .page-main-content-event-speeker-social-description { margin-right: 2.0625rem; } .page-main-content-event-speeker-social-description:first-of-type { width: 12.25rem; min-width: 12.25rem; max-width: 12.25rem; } .page-main-content-event-speeker-social-description__title { font-family: Arial; color: rgba(255, 255, 255, 0.6); line-height: 1.9375rem; font-size: 0.9375rem; font-weight: normal; } .page-main-content-event-speeker-social-description__description { font-size: 1.1875rem; line-height: 1.3125rem; color: #fff; font-weight: 500; } .block { background: #EFF3F4; margin-bottom: 1.8125rem; } .block__title { font-size: 1.75rem; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; line-height: 97%; } .block__description { font-family: "Arial"; } .block--navigation { padding-left: 1.875rem; padding-bottom: 4.3125rem; padding-top: 2.0625rem; } .block--navigation .block__title { font-size: 2.5rem; line-height: 90%; color: var(--ystu-color-primary-blue); font-weight: 500; -webkit-transition: all ease-in-out 100ms; -moz-transition: all ease-in-out 100ms; transition: all ease-in-out 100ms; } .block--big { padding-top: 1.625rem; padding-left: 2rem; padding-right: 0rem; padding-bottom: 0.75rem; } .block--big .block__title { font-weight: 500; font-size: 2.5rem; } .block--link { text-decoration: none; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .block--link:hover:not(.block--big) { position: relative; background: #FFF; -webkit-transition: all ease-in-out 100ms; -moz-transition: all ease-in-out 100ms; transition: all ease-in-out 100ms; -webkit-box-shadow: 0 1.5rem 1.875rem rgba(0, 0, 0, 0.1); box-shadow: 0 1.5rem 1.875rem rgba(0, 0, 0, 0.1); z-index: 2; } .block--link:hover:not(.block--big) .block-content-left__title { color: var(--ystu-color-link-hover); } .block--normal { padding-left: 1.875rem; padding-top: 2.0625rem; padding-right: 2.1875rem; } .block--align-bottom { padding-bottom: 2.1875rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .block--align-top { padding-bottom: 2.1875rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .block--small { width: 14.125rem; min-height: 9.375rem; margin-right: 1.375rem; text-decoration: none; padding-top: 1.1875rem; padding-left: 1.4375rem; padding-right: 1.0625rem; min-height: 9.375rem; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; margin-bottom: 1.375rem; } .block--small:nth-child(4n) { margin-right: 0rem; } .block--small:hover:not(.block--navigation) { background: #FFF; -webkit-box-shadow: 0 1.5rem 1.875rem rgba(0, 0, 0, 0.1); box-shadow: 0 1.5rem 1.875rem rgba(0, 0, 0, 0.1); position: relative; z-index: 2; -webkit-transition: all ease-in-out 100ms; -moz-transition: all ease-in-out 100ms; transition: all ease-in-out 100ms; } .block--small .block__title { color: var(--ystu-color-primary-blue); font-size: 1.1875rem; margin-bottom: 0.625rem; line-height: 90%; font-weight: 500; } .block--small .block__description { font-size: 0.875rem; line-height: 1.3125rem; font-weight: 500; } .block--50 { padding-top: 1.6875rem; padding-bottom: 4.4375rem; padding-left: 1.875rem; width: 29.625rem; display: block; text-decoration: none; padding-right: 1.3125rem; min-height: 16.875rem; margin-bottom: 1.25rem; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .block--50:hover { background: #FFF; -webkit-box-shadow: 0 1.5rem 1.875rem rgba(0, 0, 0, 0.1); box-shadow: 0 1.5rem 1.875rem rgba(0, 0, 0, 0.1); position: relative; z-index: 2; -webkit-transition: all ease-in-out 100ms; -moz-transition: all ease-in-out 100ms; transition: all ease-in-out 100ms; } .block--50 .block__title { font-size: 2.5rem; line-height: 90%; color: var(--ystu-color-primary-blue); display: block; font-weight: 500; margin-bottom: 1rem; } .block--50 .block__description { font-size: 0.9375rem; display: block; line-height: 1.375rem; } .block:hover:not(.block--big):not(.block--navigation) .block__title { -webkit-transition: all ease-in-out 100ms; -moz-transition: all ease-in-out 100ms; transition: all ease-in-out 100ms; color: var(--ystu-color-link-hover); } .blocks__row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .blocks__row--flex-start { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .block-content-right__image { height: 6.25%rem; width: 27.1875rem; min-height: 12.5625rem; } .block-content-left { width: 25.5625rem; margin-right: 2.125rem; } .block-content-left__title { text-decoration: none; display: block; font-size: 2.5rem; line-height: 90%; margin-bottom: 0.8125rem; font-weight: 500; color: var(--ystu-color-primary-blue); -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .block-content-left__title:hover { -webkit-transition: all ease-in-out 100ms; -moz-transition: all ease-in-out 100ms; transition: all ease-in-out 100ms; color: var(--ystu-color-link-hover); } .block-content-left__description { font-size: 1.25rem; line-height: 2.125rem; font-family: "Arial"; } .block-links { margin-top: 1.9375rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .block-links__link { font-size: 1.1875rem; letter-spacing: 0.03125rem; line-height: 100%; color: var(--ystu-color-primary-blue); text-decoration: none; margin-right: 1.3125rem; text-transform: uppercase; font-weight: 500; margin-bottom: 0.9375rem; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .block-links__link:hover:not(.block-links__link--active) { -webkit-transition: all ease-in-out 50ms; -moz-transition: all ease-in-out 50ms; transition: all ease-in-out 50ms; color: var(--ystu-color-link-hover-2); } .block-links__link:active:not(.block-links__link--active) { -webkit-transition: all ease-in-out 25ms; -moz-transition: all ease-in-out 25ms; transition: all ease-in-out 25ms; color: var(--ystu-color-primary-blue); } .block-links__link--active { color: #000; pointer-events: none; } .page-main-programms { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-main-programm-item-information { position: absolute; bottom: 1.375rem; left: 2rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .page-main-programm-item-information__title { color: #616263; } .page-main-programm-item-information__item { padding-right: 0.75rem; margin-left: 0.75rem; color: #000; font-weight: 500; position: relative; } .page-main-programm-item-information__item:last-of-type::after { display: none; } .page-main-programm-item-information__item::after { content: ''; display: block; position: absolute; right: 0; top: 0.125rem; opacity: .3; width: 0.125rem; height: 100%; background: #99A7B6; } .page-main-content-event-slider-overlay { position: relative; margin-bottom: 2.1875rem; } .page-main-content-event-slider-overlay .slider-controls { bottom: 2.5rem; } .page-main-content-event-slider { width: 36.6875rem; } .page-main-content-event-slider__item { width: 100%; height: 26.5rem; background-position: center; background-repeat: no-repeat; background-size: cover; } .page-main-links { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 1.75rem; margin-top: 2rem; } .page-main-links__link { position: relative; margin-right: 0.9375rem; margin-left: 0.9375rem; text-transform: uppercase; color: var(--ystu-color-primary-blue); font-size: 1.1875rem; line-height: 100%; letter-spacing: 0.03125rem; text-decoration: none; font-weight: 500; padding-bottom: 0.125rem; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .page-main-links__link:hover { -webkit-transition: all ease-in-out 50ms; -moz-transition: all ease-in-out 50ms; transition: all ease-in-out 50ms; color: var(--ystu-color-link-hover-2); } .page-main-links__link::after { content: ''; position: absolute; top: 0; right: -1rem; width: 0.125rem; height: 100%; background: #99A7B6; opacity: .3; } .page-main-links__link:last-of-type::after { display: none; } .page-main-links__link:first-of-type { margin-left: 0; } .search { margin-left: 2.25rem; background: #EFF3F4; margin-bottom: 1.5625rem; padding: 1.6875rem 1.875rem 1.9375rem; width: 22rem; } .search__button { position: absolute; right: 0.5rem; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1.125rem; border: none; -webkit-appearance: none; height: 1.125rem; background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 7.5C14.25 11.2279 11.2279 14.25 7.5 14.25C3.77208 14.25 0.75 11.2279 0.75 7.5C0.75 3.77208 3.77208 0.75 7.5 0.75C11.2279 0.75 14.25 3.77208 14.25 7.5Z' stroke='%230038A4' stroke-width='1.5'/%3E%3Cpath d='M12.5 12.5L18.5 18.5' stroke='%230038A4' stroke-width='1.7'/%3E%3C/svg%3E%0A") center no-repeat; background-size: contain; cursor: pointer; } .filter { background: #EFF3F4; padding-top: 2.75rem; padding-left: 0.875rem; padding-right: 0.875rem; padding-bottom: 3.6875rem; margin-left: 2.25rem; width: 22rem; } .form-field { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .form-field--select-opened { background: #fff; -webkit-transition: all ease-in-out 100ms; -moz-transition: all ease-in-out 100ms; transition: all ease-in-out 100ms; } .form-field--search { position: relative; } .form-field--search input[type="search"] { padding-right: 1.875rem; } .form-field--filter { margin-top: 1.5625rem; } .form-field--filter:first-of-type { margin-top: 0; } .form-field__field { margin-top: 0.0625rem; padding-top: 0.875rem; padding-bottom: 0.875rem; padding-left: 0; font-size: 0.9375rem; letter-spacing: 0.03125rem; -webkit-appearance: none; border: none; background: rgba(0, 0, 0, 0); border-radius: 0; border-bottom: 0.125rem solid #CCCCCC; text-transform: uppercase; font-weight: 500; } .form-field__label { color: rgba(0, 0, 0, 0.5); font-size: 0.9375rem; font-weight: 500; padding-top: 1.125rem; padding-left: 1rem; text-transform: uppercase; background: transparent; } .users { /*margin-top: 3.6875rem;*/ margin-top: 1.1rem; padding-bottom: 0.8125rem; } .users__title { font-size: 2.25rem; font-weight: 500; line-height: 2.6875rem; margin-bottom: 0.6875rem; } .user { text-decoration: none; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 0.625rem; padding-top: 0.625rem; position: relative; width: 29.4375rem; } .user:hover .user-information__name { -webkit-transition: all ease-in-out 50ms; -moz-transition: all ease-in-out 50ms; transition: all ease-in-out 50ms; color: var(--ystu-color-link-hover-2); } .user .user-information__name { -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; color: var(--ystu-color-primary-blue); } .user--big { min-width: 35rem; } .user:last-of-type::after { display: none; } .user::after { content: ''; width: -moz-calc(100% - 7.5rem); width: calc(100% - 7.5rem); height: 0.0625rem; position: absolute; background: #CCCCCC; right: 0; bottom: 0; } .user__image { background-image: url('/local/templates/ystu/assets/css/../img/user.svg'); background-size: cover; background-position: center; width: 6.25rem; min-width: 6.25rem; max-width: 6.25rem; height: 6.25rem; min-height: 6.25rem; max-height: 6.25rem; border-radius: 50%; margin-right: 1.25rem; } .user-information { display: block; } .user-information__name { display: block; font-family: Arial; margin-bottom: 0.375rem; font-size: 1.125rem; } .user-information__description { display: block; font-family: Arial; font-size: 0.875rem; color: rgba(0, 0, 0, 0.6); } .user-information__description_color_black { color: #000; } .page-main-programm-item { width: 18.3125rem; min-height: 12.375rem; background: #F3F5F7; margin-right: 2.125rem; margin-bottom: 2.125rem; padding-top: 1.375rem; padding-left: 1.9375rem; padding-bottom: 3.6rem; text-decoration: none; position: relative; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .page-main-programm-item:hover { background: #FFF; -webkit-transition: all ease-in-out 100ms; -moz-transition: all ease-in-out 100ms; transition: all ease-in-out 100ms; -webkit-box-shadow: 0 1.5rem 1.875rem rgba(0, 0, 0, 0.1); box-shadow: 0 1.5rem 1.875rem rgba(0, 0, 0, 0.1); } .page-main-programm-item:nth-child(3n) { margin-right: 0; } .page-main-programm-item__title { font-size: 1.25rem; color: var(--ystu-color-primary-blue); font-weight: 500; } .page-main-programm-item__title>span { font-size: 1rem; color: #3a5997; font-weight: 500; } .page-main-programm-item:hover .page-main-programm-item__title { color: var(--ystu-color-link-hover); } .burger-menu-navigation-slider { padding-top: 3.5625rem; padding-bottom: 3.1875rem; } .block--burger { display: block; } .block-cards { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 2.125rem; width: 100%; position: relative; } .block-cards__item { padding-top: 1.5625rem; padding-left: 1.9375rem; padding-right: 2rem; padding-bottom: 3.4375rem; background: #fff; margin-right: 1.875rem; margin-bottom: 1.875rem; width: 17.0625rem; min-height: 11.25rem; text-decoration: none; font-size: 1.25rem; line-height: 100%; color: var(--ystu-color-primary-blue); font-weight: 500; position: absolute; visibility: hidden; pointer-events: none; opacity: 0; -webkit-transform: translate(0rem, 1rem); -moz-transform: translate(0rem, 1rem); -ms-transform: translate(0rem, 1rem); transform: translate(0rem, 1rem); -webkit-box-shadow: 0 1.5rem 1.875rem rgba(0, 0, 0, 0); box-shadow: 0 1.5rem 1.875rem rgba(0, 0, 0, 0); -webkit-transition: opacity 0ms ease-in-out, -webkit-transform 0ms ease-in-out; transition: opacity 0ms ease-in-out, -webkit-transform 0ms ease-in-out; -moz-transition: transform 0ms ease-in-out, opacity 0ms ease-in-out, -moz-transform 0ms ease-in-out; transition: transform 0ms ease-in-out, opacity 0ms ease-in-out; transition: transform 0ms ease-in-out, opacity 0ms ease-in-out, -webkit-transform 0ms ease-in-out, -moz-transform 0ms ease-in-out; } .block-cards__item::after { content: ''; width: 100%; height: 100%; display: block; visibility: hidden; left: 0; top: 0; position: absolute; pointer-events: none; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .block-cards__item--active { -webkit-transition: opacity 300ms ease-in-out, -webkit-transform 300ms ease-in-out; transition: opacity 300ms ease-in-out, -webkit-transform 300ms ease-in-out; -moz-transition: transform 300ms ease-in-out, opacity 300ms ease-in-out, -moz-transform 300ms ease-in-out; transition: transform 300ms ease-in-out, opacity 300ms ease-in-out; transition: transform 300ms ease-in-out, opacity 300ms ease-in-out, -webkit-transform 300ms ease-in-out, -moz-transform 300ms ease-in-out; position: relative; visibility: visible; opacity: 1; pointer-events: auto; -webkit-transform: translate(0rem, 0rem); -moz-transform: translate(0rem, 0rem); -ms-transform: translate(0rem, 0rem); transform: translate(0rem, 0rem); } .block-cards__item:hover { color: var(--ystu-color-link-hover); position: relative; z-index: 2; } .block-cards__item:hover::after { visibility: visible; -webkit-box-shadow: 0 1.5rem 1.875rem rgba(0, 0, 0, 0.1); box-shadow: 0 1.5rem 1.875rem rgba(0, 0, 0, 0.1); -webkit-transition: all ease-in-out 100ms; -moz-transition: all ease-in-out 100ms; transition: all ease-in-out 100ms; } .block-cards:not(.block--big).block-cards__item:nth-child(3n) { margin-right: 0; } .page-main--blocks { /* margin-top: -10.0625rem; */ margin-top: -9.6875rem; } .page-main__title { font-size: 2.25rem; font-weight: 500; margin-bottom: 0.0625rem; margin-top: 2.375rem; } .page-header-links { margin-top: 2.375rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-header-links__link { text-transform: uppercase; font-size: 1.1875rem; letter-spacing: 0.03125rem; line-height: 100%; color: var(--ystu-color-primary-blue); font-weight: 500; text-decoration: none; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .page-header-links__link:hover:not(.page-header-links__link--active) { -webkit-transition: all ease-in-out 50ms; -moz-transition: all ease-in-out 50ms; transition: all ease-in-out 50ms; color: var(--ystu-color-link-hover); } .page-header-links__link:last-of-type::after { display: none; } .page-header-links__link::after { content: ""; display: block; margin-left: 1.25rem; margin-right: 1.25rem; height: 1.875rem; width: 0.125rem; background: #99A7B6; opacity: 0.3; } .page-header-links__link--active { color: #000000; text-decoration: none; } .news-items { margin-top: 1.875rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .news-item-image { width: 100%; height: 9.375rem; background-size: cover !important; background-position: center !important; position: absolute; bottom: 0; left: 0; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; display: block; background: url('/local/templates/ystu/assets/css/../img/news-item.svg') center no-repeat; } .news-item-image__date { position: absolute; bottom: 0.9375rem; font-size: 0.9375rem; color: #fff; font-weight: 600; text-shadow: 0 0 0.875rem #000000; letter-spacing: 0.03125rem; left: 1.4375rem; text-transform: uppercase; right: 1rem; } .user-detail { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 2.625rem; margin-bottom: 3.75rem; } .user-detail__image { background-image: url('/local/templates/ystu/assets/css/../img/user.svg'); width: 12.5rem; min-width: 12.5rem; max-width: 12.5rem; height: 12.5rem; min-height: 12.5rem; max-height: 12.5rem; border-radius: 50%; background-repeat: no-repeat; background-size: cover; margin-right: 2.5rem; } .user-detail__title { margin-top: 3rem; margin-bottom: 1.5625rem; font-size: 1.75rem; line-height: 2.125rem; font-weight: 600; } .user-detail__description { font-size: 1.1875rem; line-height: 1.3125rem; font-weight: normal; } .user-detail-contacts__title { font-weight: 600; line-height: 2.125rem; font-size: 1.75rem; margin-bottom: 1.5625rem; } .user-detail-contacts__row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .user-detail-contact { width: 100%; margin-bottom: 2rem; } .user-detail-contact__title { font-size: 0.9375rem; font-family: Arial; font-weight: normal; color: rgba(0, 0, 0, 0.6); display: block; line-height: 100%; font-family: "Arial"; } .user-detail-contact__description { font-weight: 500; font-size: 1.1875rem; line-height: 1.3125rem; margin-top: 0.625rem; } a.user-detail-contact__description { color: var(--ystu-color-primary-blue); text-decoration: none; display: block; } a.user-detail-contact__description:hover { color: var(--ystu-color-link-hover); } .user-detail-info__name { font-size: 3.5rem; line-height: 3.75rem; font-weight: 500; margin-bottom: 1.125rem; } .user-detail-info__description { font-size: 2.375rem; line-height: 100%; font-weight: 500; color: rgba(0, 0, 0, 0.5); display: block; margin-bottom: 0; padding-bottom: 0; } .header { position: fixed; z-index: 10; top: 0; width: 100%; left: 0; padding-top: 2rem; padding-bottom: 2rem; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .header:not(.header--small) .header-search { top: 0.5rem; } .header--small { padding-top: 1.125rem; padding-bottom: 1.125rem; background: #fff; border-bottom: 0.0625rem solid #CFD3D9; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .header--small .header-search { top: 0rem; } .header--small .logotype--big { -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; width: 2.25rem; height: 2.125rem; background: url("data:image/svg+xml,%3Csvg width='95' height='95' viewBox='0 0 95 95' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M94.9997 73.8889C91.5433 86.0563 80.3544 95 67.0805 95H36.9443V73.8889H94.9997Z' fill='%23F07C00'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 65.9721C0 58.9596 2.45605 52.5178 6.59731 47.5C2.44174 42.4778 0 36.0537 0 29.0278C0 12.9989 12.9989 0 29.0277 0H94.9998V21.1112H29.0277C24.6562 21.1112 21.1111 24.6562 21.1111 29.0278C21.1111 33.3993 24.6562 36.9444 29.0277 36.9444H94.9998V58.0555H29.0277C24.6562 58.0555 21.1111 61.6005 21.1111 65.9721V94.9998H0V65.9721Z' fill='%23004589'/%3E%3C/svg%3E%0A") center; background-size: contain; background-repeat: no-repeat; margin-right: 1.875rem; } .header--open-burger { background: #fff; border-bottom: none; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .header--open-burger .header-controls__item--search { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; visibility: visible; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: all ease-in-out 300ms; -moz-transition: all ease-in-out 300ms; transition: all ease-in-out 300ms; } .header--open-burger .header-controls__item--search-active { -webkit-transform: translateX(-29.6rem); -moz-transform: translateX(-29.6rem); -ms-transform: translateX(-29.6rem); transform: translateX(-29.6rem); } .header--open-burger .header-navigation { -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transform: translateX(-2rem); -moz-transform: translateX(-2rem); -ms-transform: translateX(-2rem); transform: translateX(-2rem); pointer-events: none; -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .header--open-burger .search { opacity: 1; visibility: visible; pointer-events: auto; } .header__row { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header-container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 2; } .header-container--align-left { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-left: 0.5rem; } .header-container--align-right { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 0.5rem; } .header-search { position: absolute; top: 50%; right: 11.4375rem; opacity: 0; width: 0; overflow: hidden; -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; visibility: hidden; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .header-search--active { -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); visibility: visible; width: 31.3125rem; opacity: 1; z-index: 2; } .header-search__button { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; font-size: 0.9375rem; line-height: 100%; -webkit-appearance: none; letter-spacing: 0.03125rem; text-transform: uppercase; background: none; border: none; font-weight: 500; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .header-search__button:hover { -webkit-transition: all ease-in-out 50ms; -moz-transition: all ease-in-out 50ms; transition: all ease-in-out 50ms; color: var(--ystu-color-link-hover-2); } .header-search__button:active { -webkit-transition: all ease-in-out 50ms; -moz-transition: all ease-in-out 50ms; transition: all ease-in-out 50ms; color: var(--ystu-color-link-active); } .header-search__field { width: 100%; background: none; border: none; height: 2rem; padding-left: 2rem; font-size: 0.9375rem; line-height: 100%; letter-spacing: 0.03125rem; border-bottom: 0.0625rem solid #CCCCCC; font-family: Arial; font-weight: normal; color: #000; -webkit-appearance: none; padding-right: 3.75rem; } .header-search__field::-webkit-search-decoration, .header-search__field::-webkit-search-cancel-button, .header-search__field::-webkit-search-results-button, .header-search__field::-webkit-search-results-decoration { display: none; } .header-search__field::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.3); } .header-search__field:-moz-placeholder { color: rgba(0, 0, 0, 0.3); } .header-search__field::-moz-placeholder { color: rgba(0, 0, 0, 0.3); } .header-search__field:-ms-input-placeholder { color: rgba(0, 0, 0, 0.3); } .header-search__field::-ms-input-placeholder { color: rgba(0, 0, 0, 0.3); } .header-search__field::placeholder { color: rgba(0, 0, 0, 0.3); } .header-navigation { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); visibility: visible; opacity: 1; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .header-navigation__item { line-height: normal; font-size: 0.9375rem; letter-spacing: 0.03125rem; text-transform: uppercase; padding-right: 0.8125rem; padding-left: 0.8125rem; text-decoration: none; font-weight: 500; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .header-navigation__item:first-of-type { padding-left: 0; } .header-navigation__item:last-of-type { padding-right: 0; text-decoration: none; } .header-navigation__item:hover { color: var(--ystu-color-link-hover); -webkit-transition: all ease-in-out 50ms; -moz-transition: all ease-in-out 50ms; transition: all ease-in-out 50ms; } .header-navigation__item:active { color: var(--ystu-color-primary-blue); -webkit-transition: all ease-in-out 25ms; -moz-transition: all ease-in-out 25ms; transition: all ease-in-out 25ms; } .header-controls { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header-controls__item { display: block; margin-right: 0.375rem; } .header-controls__item:last-of-type { margin-right: 0; } .header-controls__item--search { background-position: center; background-repeat: no-repeat; visibility: hidden; opacity: 0; -webkit-transform: translateX(2rem); -moz-transform: translateX(2rem); -ms-transform: translateX(2rem); transform: translateX(2rem); -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; width: 2.25rem; display: none; /* display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; */ -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 2.25rem; } .header-controls__item--search svg { width: 1.125rem; height: 1.1875rem; } .header-controls__item--search svg path { -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .header-controls__item--search:hover svg path { -webkit-transition: all ease-in-out 50ms; -moz-transition: all ease-in-out 50ms; transition: all ease-in-out 50ms; stroke: var(--ystu-color-link-hover); } .header-controls__item--search:active svg path { stroke: var(--ystu-color-primary-blue); -webkit-transition: all ease-in-out 25ms; -moz-transition: all ease-in-out 25ms; transition: all ease-in-out 25ms; } .header-controls__item--login { width: 2.25rem; height: 2.25rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header-controls__item--login svg { width: 1.0625rem; height: 1.125rem; } .header-controls__item--login svg path { -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .header-controls__item--login svg path:first-of-type { fill: #000; } .header-controls__item--login svg path:last-of-type { stroke: #000; } .header-controls__item--login:hover svg path { -webkit-transition: all ease-in-out 50ms; -moz-transition: all ease-in-out 50ms; transition: all ease-in-out 50ms; } .header-controls__item--login:hover svg path:first-of-type { fill: var(--ystu-color-link-hover); } .header-controls__item--login:hover svg path:last-of-type { stroke: var(--ystu-color-link-hover); } .header-controls__item--login:active svg path { -webkit-transition: all ease-in-out 25ms; -moz-transition: all ease-in-out 25ms; transition: all ease-in-out 25ms; } .header-controls__item--login:active svg path:first-of-type { fill: var(--ystu-color-link-active); } .header-controls__item--login:active svg path:last-of-type { stroke: var(--ystu-color-link-active); } .header-controls__item--language { width: 2.25rem; height: 2.25rem; text-transform: uppercase; font-size: 0.9375rem; padding-left: 0; padding-right: 0; letter-spacing: 0.03125rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; text-decoration: none; font-weight: 500; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .header-controls__item--language:hover { color: var(--ystu-color-link-hover); -webkit-transition: all ease-in-out 50ms; -moz-transition: all ease-in-out 50ms; transition: all ease-in-out 50ms; } .header-controls__item--language:active { color: var(--ystu-color-primary-blue); -webkit-transition: all ease-in-out 25ms; -moz-transition: all ease-in-out 25ms; transition: all ease-in-out 25ms; } .header-controls__item--burger { width: 2.25rem; height: 2.25rem; padding-top: 0.625rem; padding-bottom: 0.6875rem; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header-controls__item--burger .burger-line { background: #000; height: 2px; display: block; left: 10px; right: 10px; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; width: 1rem; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .header-controls__item--burger:hover .burger-line { background: var(--ystu-color-link-hover); } .header-controls__item--burger:active .burger-line { background: var(--ystu-color-primary-blue); -webkit-transition: all ease-in-out 25ms; -moz-transition: all ease-in-out 25ms; transition: all ease-in-out 25ms; } .header-controls__item--burger-active .burger-line:nth-child(1) { -webkit-transform: translateY(0.41rem) rotate(45deg); -moz-transform: translateY(0.41rem) rotate(45deg); -ms-transform: translateY(0.41rem) rotate(45deg); transform: translateY(0.41rem) rotate(45deg); top: 0px; } .header-controls__item--burger-active .burger-line:nth-child(2) { -webkit-transform: translateX(1rem); -moz-transform: translateX(1rem); -ms-transform: translateX(1rem); transform: translateX(1rem); opacity: 0; visibility: hidden; } .header-controls__item--burger-active .burger-line:nth-child(3) { top: 0px; -webkit-transform: translateY(-0.41rem) rotate(-45deg); -moz-transform: translateY(-0.41rem) rotate(-45deg); -ms-transform: translateY(-0.41rem) rotate(-45deg); transform: translateY(-0.41rem) rotate(-45deg); } .main-header { padding-top: 8.625rem; padding-bottom: 3.6875rem; position: relative; z-index: 2; } .main-header__row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .slider-controls { position: absolute; bottom: 3.125rem; padding-left: 2.5rem; padding-right: 2.5rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .slider-controls--small { max-width: 27.5rem; } .slider-controls__row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .slider-controls__inner-row { height: 0.0625rem; margin-left: 0.0625rem; margin-right: 0.0625rem; background: #ffffff; -webkit-transition: all ease-in-out 300ms; -moz-transition: all ease-in-out 300ms; transition: all ease-in-out 300ms; } .slider-controls__inner-row--active { -webkit-transition: all ease-in-out 300ms; -moz-transition: all ease-in-out 300ms; transition: all ease-in-out 300ms; -webkit-transform: scaleY(5); -moz-transform: scaleY(5); -ms-transform: scaleY(5); transform: scaleY(5); } .slider-controls__button { cursor: pointer; width: 3.125rem; min-width: 3.125rem; max-width: 3.125rem; height: 3.125rem; min-height: 3.125rem; max-height: 3.125rem; display: block; border: none; } .slider-controls__button--right { background: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0H50V50H0V0ZM22.55 32.63H25.666L33 25.315L25.666 18H22.55L28.763 24.156H15.387V26.493H28.763L22.55 32.63Z' fill='white'/%3E%3C/svg%3E%0A") center no-repeat; background-size: contain; margin-left: 1.625rem; } .slider-controls__button--left { background: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M50 0H0V50H50V0ZM27.45 32.63H24.334L17 25.315L24.334 18H27.45L21.237 24.156H34.613V26.493H21.237L27.45 32.63Z' fill='white'/%3E%3C/svg%3E%0A") center no-repeat; background-size: contain; margin-right: 1.625rem; } .main-header-container--right { width: 100%; max-width: 28.4375rem; max-height: 35.625rem; overflow: hidden; margin-bottom: 1.875rem; position: relative; } .main-header-container--left { max-width: 30.5rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .main-header-slider { height: 100% !important; } .main-header-container .lightSlider.lsGrab>* { cursor: pointer !important; } .main-header-block { text-decoration: none; max-width: 14.3125rem; margin-bottom: 1.875rem; position: relative; display: block; background: #fff; padding-left: 1.4375rem; padding-right: 1.625rem; padding-top: 1.125rem; padding-bottom: 2.25rem; -webkit-transition: all ease-in-out 300ms; -moz-transition: all ease-in-out 300ms; transition: all ease-in-out 300ms; min-height: 10.625rem; } .main-header-block__description { font-family: "Arial"; font-weight: normal; line-height: 1.3125rem; } .main-header-block__title { font-weight: 500; margin-bottom: 0.625rem; } .main-header-block:nth-child(2n+1), .main-header-block:nth-child(1) { margin-right: 0.9375rem; } .main-header-block:nth-child(2n) { margin-left: 0.9375rem; } .main-header-block:hover { z-index: 1; -webkit-box-shadow: 0 1.5rem 1.875rem rgba(0, 0, 0, 0.1); box-shadow: 0 1.5rem 1.875rem rgba(0, 0, 0, 0.1); -webkit-transition: all ease-in-out 150ms; -moz-transition: all ease-in-out 150ms; transition: all ease-in-out 150ms; } .main-header-block:hover .main-header-block__title { -webkit-transition: all ease-in-out 150ms; -moz-transition: all ease-in-out 150ms; transition: all ease-in-out 150ms; color: var(--ystu-color-link-hover); } .main-header-block__title { color: var(--ystu-color-primary-blue); text-decoration: none; font-size: 1.1875rem; -webkit-transition: all ease-in-out 300ms; -moz-transition: all ease-in-out 300ms; transition: all ease-in-out 300ms; line-height: 1.3125rem; } .footer { padding-top: 4.1875rem; z-index: 1; position: relative; } .footer-contacts { margin-top: -0.5rem; } .footer-contact { margin-bottom: 1.0625rem; } .footer-contact__phone { font-size: 1.25rem; white-space: nowrap; font-weight: 600; letter-spacing: 0.03125rem; text-transform: uppercase; margin-bottom: 0.1875rem; } .footer-contact__description { font-size: 0.8125rem; line-height: 0.9375rem; letter-spacing: 0.03125rem; font-family: "Arial"; } .footer-container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 2.375rem; } .footer-container__left { columns: 3 15rem; -webkit-columns: 3 15rem; -moz-columns: 3 15rem; column-fill: balance; -webkit-column-fill: balance; -moz-column-fill: balance; margin-left: auto; margin-right: auto; } .footer-copyright { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 3.875rem; } .footer-copyright__copyright { /* margin-right: 3.375rem; */ opacity: 0.4; } .footer-copyright__banners { max-width: 43rem; min-height: 3.0625rem; background: rgba(107, 119, 134, 0.1); width: 100%; } .footer-links { display: block; padding-bottom: 1.125rem; } .footer-links__link { display: block; padding-bottom: 0.75rem; text-decoration: none; font-size: 0.9375rem; letter-spacing: 0.03125rem; width: 100%; font-family: "Arial"; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; padding-right: 0.625rem; page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; } .footer-links__link:hover { -webkit-transition: all ease-in-out 50ms; -moz-transition: all ease-in-out 50ms; transition: all ease-in-out 50ms; color: var(--ystu-color-link-hover); } .footer-links__link:active { -webkit-transition: all ease-in-out 25ms; -moz-transition: all ease-in-out 25ms; transition: all ease-in-out 25ms; color: var(--ystu-color-primary-blue); } .footer-location { display: block; font-size: 0.8125rem; line-height: 0.9375rem; margin-top: 1.3125rem; margin-bottom: 1rem; font-family: "Arial"; letter-spacing: 0.03125rem; } .footer-navigation { width: 100%; padding-right: 2.5rem; } .footer-navigation__title { font-size: 0.9375rem; letter-spacing: 0.03125rem; padding-bottom: 1.3125rem; display: block; text-transform: uppercase; text-decoration: none; font-weight: 500; -webkit-transition: all ease-in-out 150ms; -moz-transition: all ease-in-out 150ms; transition: all ease-in-out 150ms; width: 100%; page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; } .footer-navigation__title:hover { color: var(--ystu-color-link-hover); -webkit-transition: all ease-in-out 100ms; -moz-transition: all ease-in-out 100ms; transition: all ease-in-out 100ms; } .footer-navigation__title--phone { margin-top: -0.4375rem; white-space: nowrap; font-size: 1.25rem; letter-spacing: 0.03125rem; font-weight: 600; } .footer-navigation--contacts { width: 12.5625rem; min-width: 12.5625rem; max-width: 12.5625rem; padding-right: 0; margin-right: 0; } .footer-navigation--sudents { width: 12.0625rem; min-width: 12.0625rem; max-width: 12.0625rem; } .footer-navigation--universitet { width: 18.0625rem; min-width: 18.0625rem; max-width: 18.0625rem; } .footer-navigation--abiturient { min-width: 16.5rem; max-width: 16.5rem; width: 16.5rem; } .main-header-slide { width: 100%; height: 100%; text-decoration: none; cursor: pointer; padding-top: 3.125rem; padding-left: 2.5rem; padding-right: 2.5rem; background-size: cover !important; display: block; background-image: url('/local/templates/ystu/assets/css/../img/main-hider-slider.svg'); } .main-header-slide__overlay { position: absolute; z-index: 1; width: 100%; height: 100%; left: 0; top: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0))); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); } .main-header-slide__title { font-size: 1.875rem; line-height: 2.25rem; color: #fff; font-weight: 500; margin-bottom: 1.25rem; position: relative; z-index: 2; } .main-header-slide__description { font-size: 1rem; line-height: 1.6875rem; color: #fff; position: relative; z-index: 3; } @media screen and (min-width: 1024px) { .footer-social--mobile { display: none; } .header--white:not(.header--small):not(.header--open-burger) .header-navigation__item { color: #fff; } .header--white:not(.header--small):not(.header--open-burger) .logotype--big { background: url("data:image/svg+xml,%3Csvg width='310' height='95' viewBox='0 0 310 95' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M122.243 12.6041H124.539V18.0089H127.338V3.65026H121.78C119.021 3.65026 117.067 5.38455 117.067 8.12717C117.067 9.94221 118.014 11.3538 119.524 12.0394L116.564 18.0089H119.887L122.243 12.6041ZM124.539 10.1238H121.921C120.672 10.1238 119.846 9.25658 119.846 8.08675C119.846 6.89714 120.672 6.11039 121.921 6.11039H124.539V10.1238ZM140.973 8.12717C140.973 5.68709 139.22 3.65026 136.24 3.65026H130.681V18.0089H133.481V12.6041H136.24C139.22 12.6041 140.973 10.5674 140.973 8.12717ZM138.173 8.12717C138.173 9.29681 137.368 10.0832 136.099 10.0832H133.481V6.15082H136.099C137.368 6.15082 138.173 6.95753 138.173 8.12717ZM153.439 10.8296C153.439 8.08676 153.398 6.47353 151.968 5.04168C151.002 4.07358 149.793 3.52908 148.142 3.52908C146.491 3.52908 145.262 4.07358 144.296 5.04168C142.866 6.47353 142.845 8.08676 142.845 10.8296C142.845 13.5722 142.866 15.1856 144.296 16.6174C145.262 17.5853 146.491 18.1297 148.142 18.1297C149.793 18.1297 151.002 17.5853 151.968 16.6174C153.398 15.1856 153.439 13.5722 153.439 10.8296ZM150.639 10.8296C150.639 13.5722 150.458 14.2378 149.934 14.8426C149.532 15.3065 148.907 15.6292 148.142 15.6292C147.377 15.6292 146.752 15.3065 146.33 14.8426C145.806 14.2378 145.645 13.5722 145.645 10.8296C145.645 8.08676 145.806 7.40111 146.33 6.79622C146.752 6.33238 147.377 6.02966 148.142 6.02966C148.907 6.02966 149.532 6.33238 149.934 6.79622C150.458 7.40111 150.639 8.08676 150.639 10.8296ZM166.368 13.5924H163.528C163.247 14.762 162.501 15.6292 161.112 15.6292C160.347 15.6292 159.722 15.347 159.319 14.8831C158.796 14.278 158.615 13.5722 158.615 10.8296C158.615 8.08676 158.796 7.38085 159.319 6.77597C159.722 6.31222 160.347 6.02966 161.112 6.02966C162.501 6.02966 163.226 6.89715 163.508 8.06679H166.368C165.845 5.06195 163.79 3.52908 161.112 3.52908C159.46 3.52908 158.252 4.07358 157.265 5.04168C155.835 6.47353 155.815 8.08676 155.815 10.8296C155.815 13.5722 155.835 15.1856 157.265 16.6174C158.252 17.5853 159.46 18.1297 161.112 18.1297C163.77 18.1297 165.845 16.5973 166.368 13.5924ZM178.633 18.0089V3.65026H169.711V10.164C169.711 14.6611 168.684 15.5083 167.254 15.5083H166.852V18.0089H167.959C170.94 18.0089 172.41 16.3552 172.41 10.3253V6.15082H175.834V18.0089H178.633ZM193.073 18.0089L187.837 3.65026H185.642L180.425 18.0089H183.346L184.212 15.4678H189.307L190.153 18.0089H193.073ZM188.562 13.1083H184.997L186.81 7.88511L188.562 13.1083ZM203.263 10.648C204.451 9.98235 205.035 8.97411 205.035 7.60294C205.035 5.18273 203.303 3.65026 200.605 3.65026H194.845V18.0089H200.846C203.545 18.0089 205.237 16.4156 205.237 13.8949C205.237 12.8866 204.975 12.0798 204.351 11.4143C204.048 11.1117 203.827 10.9505 203.263 10.648ZM197.644 9.45812V6.15082H200.383C201.531 6.15082 202.236 6.77597 202.236 7.80447C202.236 8.83296 201.531 9.45812 200.383 9.45812H197.644ZM197.644 15.5083V11.9789H200.564C201.712 11.9789 202.437 12.6446 202.437 13.7335C202.437 14.8225 201.712 15.5083 200.564 15.5083H197.644ZM218.065 13.5924H215.226C214.944 14.762 214.198 15.6292 212.809 15.6292C212.044 15.6292 211.419 15.347 211.017 14.8831C210.493 14.278 210.312 13.5722 210.312 10.8296C210.312 8.08676 210.493 7.38085 211.017 6.77597C211.419 6.31222 212.044 6.02966 212.809 6.02966C214.198 6.02966 214.924 6.89715 215.206 8.06679H218.065C217.542 5.06195 215.487 3.52908 212.809 3.52908C211.158 3.52908 209.949 4.07358 208.962 5.04168C207.533 6.47353 207.512 8.08676 207.512 10.8296C207.512 13.5722 207.533 15.1856 208.962 16.6174C209.949 17.5853 211.158 18.1297 212.809 18.1297C215.467 18.1297 217.542 16.5973 218.065 13.5924ZM223.322 18.0089V3.65026H220.522V18.0089H223.322ZM231.8 18.0089L226.504 10.3857L231.317 3.65026H227.974L223.342 10.4866L228.377 18.0089H231.8ZM244.266 18.0089V3.65026H241.769L236.191 12.8461V3.65026H233.391V18.0089H235.889L241.467 8.79284V18.0089H244.266ZM256.33 0H254.356C254.296 0.887164 253.792 1.25031 253.067 1.25031C252.342 1.25031 251.839 0.887164 251.778 0H249.805C249.885 2.17787 251.476 2.88379 253.067 2.88379C254.658 2.88379 256.249 2.17787 256.33 0ZM258.485 18.0089V3.65026H255.988L250.409 12.8461V3.65026H247.61V18.0089H250.107L255.686 8.79284V18.0089H258.485ZM126.674 30.7742V28.2737H117.651V42.6323H120.451V30.7742H126.674ZM126.815 55.3977V52.8971H116.524V55.3977H120.27V67.2557H123.069V55.3977H126.815ZM138.999 35.453C138.999 32.7102 138.959 31.097 137.529 29.6651C136.562 28.697 135.354 28.1526 133.702 28.1526C132.051 28.1526 130.822 28.697 129.856 29.6651C128.426 31.097 128.406 32.7102 128.406 35.453C128.406 38.1956 128.426 39.809 129.856 41.241C130.822 42.2087 132.051 42.7532 133.702 42.7532C135.354 42.7532 136.562 42.2087 137.529 41.241C138.959 39.809 138.999 38.1956 138.999 35.453ZM136.199 35.453C136.199 38.1956 136.018 38.8612 135.495 39.4662C135.092 39.9299 134.468 40.2526 133.702 40.2526C132.937 40.2526 132.313 39.9299 131.89 39.4662C131.366 38.8612 131.205 38.1956 131.205 35.453C131.205 32.7102 131.366 32.0245 131.89 31.4197C132.313 30.9558 132.937 30.6532 133.702 30.6532C134.468 30.6532 135.092 30.9558 135.495 31.4197C136.018 32.0245 136.199 32.7102 136.199 35.453ZM151.928 38.2159H149.089C148.807 39.3854 148.062 40.2526 146.672 40.2526C145.907 40.2526 145.282 39.9704 144.88 39.5066C144.356 38.9014 144.175 38.1956 144.175 35.453C144.175 32.7102 144.356 32.0044 144.88 31.3994C145.282 30.9357 145.907 30.6532 146.672 30.6532C148.062 30.6532 148.787 31.5205 149.069 32.6902H151.928C151.405 29.6853 149.351 28.1526 146.672 28.1526C145.021 28.1526 143.812 28.697 142.826 29.6651C141.396 31.097 141.375 32.7102 141.375 35.453C141.375 38.1956 141.396 39.809 142.826 41.241C143.812 42.2087 145.021 42.7532 146.672 42.7532C149.33 42.7532 151.405 41.2207 151.928 38.2159ZM164.092 28.2737H161.192L158.473 35.1908L155.473 28.2737H152.553L157.144 38.236L156.721 39.2241C156.46 39.809 155.996 40.1317 155.231 40.1317H154.103V42.6323H155.815C157.487 42.6323 158.473 41.5029 159.017 40.2124L164.092 28.2737ZM176.599 45.8187V40.1317H174.947V28.2737H166.308V31.9439C166.308 35.2512 165.784 38.2965 164.596 40.1317H163.246V45.8187H165.945V42.6323H173.9V45.8187H176.599ZM172.148 40.1317H167.717C168.704 38.1351 168.986 35.695 168.986 32.8515V30.7742H172.148V40.1317ZM189.911 42.6323L184.674 28.2737H182.479L177.263 42.6323H180.184L181.049 40.0913H186.144L186.991 42.6323H189.911ZM185.4 37.7318H181.835L183.647 32.5086L185.4 37.7318ZM201.974 32.7506C201.974 30.3105 200.222 28.2737 197.241 28.2737H191.683V42.6323H194.482V37.2275H197.241C200.222 37.2275 201.974 35.1908 201.974 32.7506ZM199.175 32.7506C199.175 33.9202 198.369 34.7067 197.1 34.7067H194.482V30.7742H197.1C198.369 30.7742 199.175 31.581 199.175 32.7506ZM214.4 38.2159H211.56C211.278 39.3854 210.533 40.2526 209.144 40.2526C208.378 40.2526 207.754 39.9704 207.351 39.5066C206.827 38.9014 206.646 38.1956 206.646 35.453C206.646 32.7102 206.827 32.0044 207.351 31.3994C207.754 30.9357 208.378 30.6532 209.144 30.6532C210.533 30.6532 211.258 31.5205 211.54 32.6902H214.4C213.876 29.6853 211.822 28.1526 209.144 28.1526C207.492 28.1526 206.284 28.697 205.297 29.6651C203.867 31.097 203.847 32.7102 203.847 35.453C203.847 38.1956 203.867 39.809 205.297 41.241C206.284 42.2087 207.492 42.7532 209.144 42.7532C211.802 42.7532 213.876 41.2207 214.4 38.2159ZM225.839 30.7742V28.2737H215.548V30.7742H219.294V42.6323H222.093V30.7742H225.839ZM236.532 35.2714C237.721 34.6058 238.305 33.5975 238.305 32.2263C238.305 29.8062 236.573 28.2737 233.874 28.2737H228.114V42.6323H234.116C236.815 42.6323 238.506 41.0391 238.506 38.5183C238.506 37.51 238.244 36.7033 237.62 36.0377C237.318 35.7353 237.096 35.5739 236.532 35.2714ZM230.914 34.0815V30.7742H233.653C234.801 30.7742 235.505 31.3994 235.505 32.4279C235.505 33.4564 234.801 34.0815 233.653 34.0815H230.914ZM230.914 40.1317V36.6024H233.834C234.982 36.6024 235.707 37.268 235.707 38.3569C235.707 39.4459 234.982 40.1317 233.834 40.1317H230.914ZM250.811 42.6323V40.1317H244.165V36.6429H249.824V34.142H244.165V30.7742H250.811V28.2737H241.366V42.6323H250.811ZM264.002 42.6323V28.2737H261.203V34.142H256.349V28.2737H253.55V42.6323H256.349V36.6226H261.203V42.6323H264.002ZM277.798 42.6323V28.2737H274.998V34.142H270.145V28.2737H267.345V42.6323H270.145V36.6226H274.998V42.6323H277.798ZM295.782 42.6323V28.2737H292.983V42.6323H295.782ZM291.432 38.1554C291.432 35.5336 289.579 33.6782 286.78 33.6782H283.94V28.2737H281.141V42.6323H286.78C289.559 42.6323 291.432 40.7768 291.432 38.1554ZM288.632 38.1554C288.632 39.3453 287.827 40.1317 286.558 40.1317H283.94V36.179H286.558C287.827 36.179 288.632 36.9855 288.632 38.1554ZM307.845 24.6234H305.871C305.811 25.5106 305.308 25.8737 304.583 25.8737C303.858 25.8737 303.354 25.5106 303.294 24.6234H301.32C301.401 26.8014 302.992 27.5072 304.583 27.5072C306.174 27.5072 307.764 26.8014 307.845 24.6234ZM310 42.6323V28.2737H307.503L301.924 37.4695V28.2737H299.125V42.6323H301.622L307.201 33.4162V42.6323H310ZM138.536 67.2557V64.7551H131.89V61.2663H137.549V58.7654H131.89V55.3977H138.536V52.8971H129.09V67.2557H138.536ZM151.646 67.2557L147.175 59.8948L151.344 52.8971H148.182L145.665 57.5354L143.168 52.8971H139.986L144.154 59.8948L139.704 67.2557H142.906L145.665 62.2544L148.444 67.2557H151.646ZM163.871 67.2557V52.8971H161.071V58.7654H156.218V52.8971H153.418V67.2557H156.218V61.246H161.071V67.2557H163.871ZM178.089 67.2557V52.8971H175.592L170.013 62.093V52.8971H167.214V67.2557H169.711L175.29 58.0397V67.2557H178.089ZM191.139 67.2557V52.8971H188.36V59.4512C187.776 59.5721 186.507 59.7538 185.641 59.7538C184.634 59.7538 183.849 59.29 183.849 58.0397V52.8971H181.049V58.7654C181.049 61.1451 182.882 62.2544 184.715 62.2544C186.245 62.2544 187.615 61.9923 188.36 61.8712V67.2557H191.139ZM203.927 67.2557V64.7551H197.281V61.2663H202.941V58.7654H197.281V55.3977H203.927V52.8971H194.482V67.2557H203.927ZM216.736 62.8393H213.896C213.615 64.0089 212.869 64.876 211.48 64.876C210.715 64.876 210.09 64.5938 209.687 64.13C209.164 63.5248 208.983 62.819 208.983 60.0764C208.983 57.3336 209.164 56.6278 209.687 56.0228C210.09 55.5591 210.715 55.2766 211.48 55.2766C212.869 55.2766 213.594 56.144 213.876 57.3136H216.736C216.212 54.3088 214.158 52.776 211.48 52.776C209.828 52.776 208.62 53.3204 207.633 54.2885C206.203 55.7204 206.183 57.3336 206.183 60.0764C206.183 62.819 206.203 64.4324 207.633 65.8644C208.62 66.8321 209.828 67.3766 211.48 67.3766C214.138 67.3766 216.212 65.8441 216.736 62.8393ZM221.993 67.2557V52.8971H219.193V67.2557H221.993ZM230.471 67.2557L225.175 59.6326L229.988 52.8971H226.645L222.013 59.7335L227.047 67.2557H230.471ZM242.937 67.2557V52.8971H240.44L234.861 62.093V52.8971H232.062V67.2557H234.559L240.138 58.0397V67.2557H242.937ZM255.001 49.2469H253.027C252.967 50.134 252.463 50.4972 251.738 50.4972C251.013 50.4972 250.51 50.134 250.449 49.2469H248.476C248.556 51.4248 250.147 52.1306 251.738 52.1306C253.329 52.1306 254.92 51.4248 255.001 49.2469ZM257.156 67.2557V52.8971H254.658L249.08 62.093V52.8971H246.281V67.2557H248.778L254.356 58.0397V67.2557H257.156ZM127.54 77.5206H124.64L121.921 84.4376L118.92 77.5206H116L120.592 87.483L120.169 88.4709C119.907 89.056 119.444 89.3786 118.678 89.3786H117.551V91.8792H119.263C120.934 91.8792 121.921 90.7497 122.465 89.4593L127.54 77.5206ZM139.744 91.8792V77.5206H136.945V83.3888H132.091V77.5206H129.292V91.8792H132.091V85.8694H136.945V91.8792H139.744ZM153.962 91.8792V77.5206H151.465L145.886 86.7164V77.5206H143.087V91.8792H145.584L151.163 82.6631V91.8792H153.962ZM165.724 84.5183C166.912 83.8527 167.496 82.8444 167.496 81.4733C167.496 79.0531 165.764 77.5206 163.065 77.5206H157.305V91.8792H163.307C166.006 91.8792 167.697 90.286 167.697 87.7652C167.697 86.7569 167.435 85.9502 166.811 85.2845C166.509 84.9821 166.287 84.8207 165.724 84.5183ZM160.105 83.3285V80.0212H162.844C163.992 80.0212 164.696 80.6463 164.696 81.6748C164.696 82.7033 163.992 83.3285 162.844 83.3285H160.105ZM160.105 89.3786V85.8493H163.025C164.173 85.8493 164.898 86.5149 164.898 87.6038C164.898 88.6927 164.173 89.3786 163.025 89.3786H160.105ZM180.002 91.8792V89.3786H173.356V85.8897H179.015V83.3888H173.356V80.0212H180.002V77.5206H170.557V91.8792H180.002ZM193.032 81.9975C193.032 79.5573 191.28 77.5206 188.299 77.5206H182.741V91.8792H185.54V86.4744H188.299C191.28 86.4744 193.032 84.4376 193.032 81.9975ZM190.233 81.9975C190.233 83.1671 189.427 83.9536 188.159 83.9536H185.54V80.0212H188.159C189.427 80.0212 190.233 80.8279 190.233 81.9975ZM205.458 87.4627H202.618C202.337 88.6323 201.591 89.4994 200.202 89.4994C199.437 89.4994 198.812 89.2172 198.41 88.7535C197.886 88.1482 197.705 87.4424 197.705 84.6999C197.705 81.957 197.886 81.2512 198.41 80.6463C198.812 80.1825 199.437 79.9 200.202 79.9C201.591 79.9 202.316 80.7674 202.599 81.937H205.458C204.935 78.9322 202.88 77.3994 200.202 77.3994C198.551 77.3994 197.342 77.9439 196.355 78.9119C194.925 80.3438 194.905 81.957 194.905 84.6999C194.905 87.4424 194.925 89.0559 196.355 90.4878C197.342 91.4556 198.551 92 200.202 92C202.86 92 204.935 90.4675 205.458 87.4627ZM218.75 91.8792V77.5206H216.253L210.674 86.7164V77.5206H207.875V91.8792H210.372L215.951 82.6631V91.8792H218.75ZM231.317 80.0212V77.5206H221.026V80.0212H224.772V91.8792H227.571V80.0212H231.317ZM243.038 91.8792V89.3786H236.392V85.8897H242.051V83.3888H236.392V80.0212H243.038V77.5206H233.593V91.8792H243.038ZM255.001 80.0212V77.5206H244.709V80.0212H248.455V91.8792H251.255V80.0212H255.001Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M94.9997 73.8889C91.5433 86.0563 80.3544 95 67.0805 95H36.9443V73.8889H94.9997Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 65.9721C0 58.9596 2.45605 52.5178 6.59731 47.5C2.44174 42.4778 0 36.0537 0 29.0278C0 12.9989 12.9989 0 29.0277 0H94.9998V21.1112H29.0277C24.6562 21.1112 21.1111 24.6562 21.1111 29.0278C21.1111 33.3993 24.6562 36.9444 29.0277 36.9444H94.9998V58.0555H29.0277C24.6562 58.0555 21.1111 61.6005 21.1111 65.9721V94.9998H0V65.9721Z' fill='white'/%3E%3C/svg%3E%0A") center no-repeat; background-size: contain; } .header--white:not(.header--small):not(.header--open-burger) .header-controls__item--burger .burger-line { background: #fff; } .header--white:not(.header--small):not(.header--open-burger) .header-controls__item--language { color: #fff; } .header--white:not(.header--small):not(.header--open-burger) .header-controls__item--login svg { width: 1.0625rem; height: 1.125rem; } .header--white:not(.header--small):not(.header--open-burger) .header-controls__item--login svg path { -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .header--white:not(.header--small):not(.header--open-burger) .header-controls__item--login svg path:first-of-type { fill: #fff; } .header--white:not(.header--small):not(.header--open-burger) .header-controls__item--login svg path:last-of-type { stroke: #fff; } } .page-main__row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .page-main-sitebar { width: 20.375rem; padding-top: 5rem; } .page-main-sitebar--events { padding-top: 0; } .event-register { text-transform: uppercase; text-decoration: none; color: var(--ystu-color-primary-blue); margin-top: 1.5625rem; display: block; margin-left: 5.5625rem; font-weight: 500; font-size: 0.875rem; margin-bottom: 1.875rem; } .event-register:hover, .event-register:active { color: var(--ystu-color-link-hover); } .page-main-documents { max-width: 14.8125rem; margin-top: 1.875rem; line-height: 90%; } .page-main-sitebar-event { width: 14.6875rem; margin-left: 5.5625rem; } .page-main-sitebar-event__title { font-family: Arial; line-height: 100%; color: rgba(0, 0, 0, 0.6); font-size: 0.9375rem; font-weight: normal; margin-bottom: 0.25rem; } .page-main-sitebar-event__description { font-weight: 500; line-height: 1.3125rem; font-size: 1.1875rem; margin-bottom: 2.1875rem; } .page-main-sitebar-block { margin-left: 2.375rem; margin-right: 3.125rem; margin-bottom: 3.625rem; } .page-main-sitebar-block__title { font-size: 1.1875rem; line-height: 1.3125rem; font-weight: 500; } .page-main-sitebar-block__description { margin-top: 1.25rem; margin-bottom: 1.25rem; font-family: Arial; font-size: 0.9375rem; line-height: 1.625rem; font-weight: normal; } .page-main-content-container { max-width: 37.5rem; } .page-main-sitebar-documents { margin-left: 3.1875rem; margin-top: 2.5625rem; } .page-main-sitebar-documents--event-detail { margin-left: 5.5625rem; margin-top: 1.875rem; } .page-main-sitebar-documents__title { font-size: 1.1875rem; line-height: 90%; font-weight: 500; margin-bottom: 0.75rem; } .other-programm-item { width: 18.3125rem; background: #F3F5F7; margin-right: 1.875rem; min-height: 12.375rem; text-decoration: none; margin-bottom: 1.875rem; padding-left: 1.9375rem; padding-top: 1.375rem; font-size: 1.25rem; color: var(--ystu-color-primary-blue); font-weight: 500; padding-right: 1.25rem; position: relative; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .other-programm-item--additional { margin-right: 1.25rem; width: 13.6875rem; margin-bottom: 1.25rem; min-height: 9.375rem; } .other-programm-item--additional:hover .other-programm-item__title { color: var(--ystu-color-link-hover); } .other-programm-item--additional .other-programm-item__title { font-size: 1.1875rem; display: block; color: var(--ystu-color-primary-blue); margin-bottom: 0.625rem; line-height: 90%; } .other-programm-item--additional .other-programm-item__description { font-size: 0.875rem; display: block; font-family: Arial; line-height: 1.3125rem; } .other-programm-item--additional:nth-child(4n) { margin-right: 0; } .other-programm-item:hover { color: var(--ystu-color-link-hover); background: #FFF; z-index: 2; -webkit-box-shadow: 0 1.5rem 1.875rem rgba(0, 0, 0, 0.1); box-shadow: 0 1.5rem 1.875rem rgba(0, 0, 0, 0.1); -webkit-transition: all ease-in-out 100ms; -moz-transition: all ease-in-out 100ms; transition: all ease-in-out 100ms; } .other-programm-item:not(.other-programm-item--additional):nth-child(3n) { margin-right: 0; } .other-programm { margin-top: 2.625rem; } .other-programm__header { padding-top: 4.75rem; height: 17.0625rem; background: var(--ystu-color-section-bg-overlay); } .other-programm__header--blue { background: var(--ystu-color-primary-blue); } .other-programm__title { color: #fff; font-weight: 500; font-size: 2.25rem; } .other-programm__row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -7.3125rem; } .page-main-sitebar-document { padding-top: 0.9375rem; padding-bottom: 0.9375rem; border-bottom: 0.0625rem solid #CCCCCC; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-decoration: none; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .page-main-sitebar-document:hover .page-main-sitebar-document__name { -webkit-transition: all ease-in-out 100ms; -moz-transition: all ease-in-out 100ms; transition: all ease-in-out 100ms; color: var(--ystu-color-link-hover); } .page-main-sitebar-document:last-of-type { border-bottom: none; } .page-main-sitebar-document__icon { width: 1.4375rem; min-width: 1.4375rem; max-width: 1.4375rem; height: 2.0625rem; min-height: 2.0625rem; max-height: 2.0625rem; background: url("data:image/svg+xml,%3Csvg width='24' height='34' viewBox='0 0 24 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 3V33H3' stroke='%235A6477'/%3E%3Crect width='20' height='30' fill='%235A6477'/%3E%3Cline x1='4' y1='5.5' x2='16' y2='5.5' stroke='white'/%3E%3Cline x1='4' y1='9.5' x2='13' y2='9.5' stroke='white'/%3E%3Cline x1='4' y1='13.5' x2='16' y2='13.5' stroke='white'/%3E%3Cline x1='4' y1='17.5' x2='8' y2='17.5' stroke='white'/%3E%3Cline x1='4' y1='24.5' x2='16' y2='24.5' stroke='white'/%3E%3C/svg%3E%0A") center no-repeat; background-size: contain; margin-right: 0.6875rem; } .page-main-sitebar-document__icon--pdf { background: url("data:image/svg+xml,%3Csvg width='24' height='34' viewBox='0 0 24 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 3V33H3' stroke='%23EC332C'/%3E%3Crect width='20' height='30' fill='%23EC332C'/%3E%3Crect x='4' y='5' width='12' height='8' fill='white'/%3E%3Cline x1='4' y1='18.5' x2='16' y2='18.5' stroke='white'/%3E%3Cline x1='4' y1='22.5' x2='12' y2='22.5' stroke='white'/%3E%3C/svg%3E%0A") center no-repeat; background-size: contain; } .page-main-sitebar-document__icon--docx { background: url("data:image/svg+xml,%3Csvg width='24' height='34' viewBox='0 0 24 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 3V33H3' stroke='%230038A4'/%3E%3Crect width='20' height='30' fill='%230038A4'/%3E%3Cline x1='4' y1='5.5' x2='16' y2='5.5' stroke='white'/%3E%3Cline x1='4' y1='9.5' x2='13' y2='9.5' stroke='white'/%3E%3Cline x1='4' y1='13.5' x2='16' y2='13.5' stroke='white'/%3E%3Cline x1='4' y1='17.5' x2='8' y2='17.5' stroke='white'/%3E%3Cline x1='4' y1='24.5' x2='16' y2='24.5' stroke='white'/%3E%3C/svg%3E%0A") center no-repeat; background-size: contain; } .page-main-sitebar-document__icon--xlsx { background: url("data:image/svg+xml,%3Csvg width='24' height='34' viewBox='0 0 24 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 3V33H3' stroke='%23108443'/%3E%3Crect width='20' height='30' fill='%23108443'/%3E%3Cline x1='4' y1='5.5' x2='11' y2='5.5' stroke='white'/%3E%3Cline x1='13' y1='5.5' x2='16' y2='5.5' stroke='white'/%3E%3Cline x1='4' y1='9.5' x2='11' y2='9.5' stroke='white'/%3E%3Cline x1='13' y1='9.5' x2='16' y2='9.5' stroke='white'/%3E%3Cline x1='4' y1='13.5' x2='11' y2='13.5' stroke='white'/%3E%3Cline x1='13' y1='13.5' x2='16' y2='13.5' stroke='white'/%3E%3Cline x1='4' y1='17.5' x2='11' y2='17.5' stroke='white'/%3E%3Cline x1='13' y1='17.5' x2='16' y2='17.5' stroke='white'/%3E%3C/svg%3E%0A") center no-repeat; background-size: contain; } .page-main-sitebar-document__name { font-size: 0.9375rem; color: var(--ystu-color-primary-blue); font-weight: 400; display: block; font-family: Arial; font-weight: normal; } .page-main-sitebar-document__information { font-family: Arial; font-weight: normal; display: block; font-size: 0.9375rem; } .page-main-sitebar-citate { margin-top: 0.75rem; margin-left: 0.75rem; background: var(--ystu-color-primary-blue); padding-top: 1.9375rem; padding-left: 1.6875rem; padding-right: 1.25rem; padding-bottom: 2.125rem; font-style: normal; font-weight: normal; line-height: normal; width: 19.625rem; position: relative; } .page-main-sitebar-citate::after { position: absolute; content: ''; display: block; width: 100%; height: 100%; border: 0.0625rem solid #3B72D8; pointer-events: none; left: 0; top: 0; -webkit-transform: translateX(-0.75rem) translateY(-0.75rem); -moz-transform: translateX(-0.75rem) translateY(-0.75rem); -ms-transform: translateX(-0.75rem) translateY(-0.75rem); transform: translateX(-0.75rem) translateY(-0.75rem); z-index: 1; border-radius: 0.0625rem; } .page-main-sitebar-citate__title { font-size: 1.6875rem; color: #ffffff; letter-spacing: 0rem; line-height: 100%; margin-bottom: 2.3125rem; font-weight: normal; } .page-main-sitebar-citate-user { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .page-main-sitebar-citate-user__image { width: 4.125rem; min-width: 4.125rem; max-width: 4.125rem; height: 4.125rem; min-height: 4.125rem; max-height: 4.125rem; margin-right: 0.875rem; border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; } .page-main-sitebar-citate-user__description { color: rgba(255, 255, 255, 0.7); line-height: 1.125rem; font-size: 0.9375rem; font-family: Arial; font-style: normal; font-weight: normal; } .page-main-sitebar-citate-user__name { font-size: 0.9375rem; letter-spacing: 0.03125rem; text-transform: uppercase; color: #fff; margin-bottom: 0.625rem; } .page-main-content { max-width: 38.875rem; } .page-main-content--events { max-width: 37.8125rem; } .page-main-content__title { font-size: 2.25rem; line-height: 97%; font-weight: 500; margin-bottom: 1.375rem; margin-top: 2.3125rem; } .page-main-content__description, .page-main-content .page-main-content__description span { font-size: 0.9375rem; line-height: 1.625rem; font-family: Arial; font-weight: normal; } .page-main-content__description br, .page-main-content .page-main-content__description span br { margin-bottom: 1.625rem; } .page-main-content__description img { max-width: 100%; height: auto; } .learning-type-slider { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .learning-type-slider .lslide { max-width: 41.8125rem; width: 41.8125rem; display: block; } .learning-type-slider .lslide>div { margin-right: 1.375rem !important; } .learning-type-slider .lslide:last-of-type>div { margin-right: 0rem !important; } .learning-type-slide { min-width: 35.25rem; max-width: 35.25rem; background: #F3F5F7; padding-top: 1.8125rem; padding-left: 0.5rem; padding-right: 1.125rem; padding-bottom: 0.9375rem; } .learning-type-slide__row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .learning-type-links { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 1.0625rem; } .learning-type-links__link { color: var(--ystu-color-primary-blue); text-decoration: none; margin-right: 1.1875rem; position: relative; margin-left: 1.1875rem; text-transform: uppercase; letter-spacing: 0.03125rem; font-weight: 500; line-height: 100%; padding-bottom: 0.125rem; cursor: pointer; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .learning-type-links__link:hover { -webkit-transition: all ease-in-out 100ms; -moz-transition: all ease-in-out 100ms; transition: all ease-in-out 100ms; color: var(--ystu-color-link-hover-2); } .learning-type-links__link:first-of-type { margin-left: 0; } .learning-type-links__link:last-of-type::after { display: none; } .learning-type-links__link::after { content: ''; display: block; width: 0.125rem; position: absolute; height: 1.875rem; right: -1.1875rem; top: -0.25rem; background: #99A7B6; opacity: .3; } .learning-type-links__link--active { -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; pointer-events: none; color: #000000; } .learning-type { position: relative; } .learning-type::after { -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; position: absolute; right: -0.0625rem; width: 0.0625rem; height: -moz-calc(100% - 3.5rem); height: calc(100% - 3.5rem); bottom: 0; content: ''; display: block; -webkit-box-shadow: 0rem 0rem 2.25rem 2.25rem #fff; box-shadow: 0rem 0rem 2.25rem 2.25rem #fff; opacity: 1; } .learning-type::before { -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; position: absolute; left: -0.0625rem; z-index: 1; width: 0.0625rem; bottom: 0; height: -moz-calc(100% - 3.5rem); height: calc(100% - 3.5rem); content: ''; display: block; -webkit-box-shadow: 0rem 0rem 2.25rem 2.25rem #fff; box-shadow: 0rem 0rem 2.25rem 2.25rem #fff; opacity: 1; } .learning-type--first::before { -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; opacity: 0; } .learning-type--last::after { -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; opacity: 0; } .learning-type-slide-links { margin-top: 2.625rem; margin-left: 1.1875rem; } .learning-type-slide-links__link { color: var(--ystu-color-primary-blue); font-size: 0.9375rem; line-height: 1.625rem; text-decoration: none; margin-right: 1.375rem; font-family: Arial; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .learning-type-slide-links__link:hover { -webkit-transition: all ease-in-out 100ms; -moz-transition: all ease-in-out 100ms; transition: all ease-in-out 100ms; color: var(--ystu-color-link-hover-2); } .learning-type-slide-block { border-right: 0.125rem solid rgba(153, 167, 182, 0.3); padding-right: 1.0625rem; padding-left: 1.1875rem; } .learning-type-slide-block:last-of-type { border-right: none; } .learning-type-slide-block__title { font-size: 0.9375rem; line-height: 1.9375rem; font-weight: normal; font-family: Arial; white-space: nowrap; color: rgba(0, 0, 0, 0.6); } .learning-type-slide-block--big { padding-right: 0; margin-right: 0; } .learning-type-slide-block--margin { margin-top: 1.4375rem; margin-bottom: 0.3125rem; } .learning-type-slide-block--big-column { width: 19.375rem; min-width: 19.375rem; max-width: 19.375rem; } .learning-type-slide-block--small-column { width: 13.0625rem; min-width: 13.0625rem; max-width: 13.0625rem; padding-left: 0; margin-left: 0; margin-right: 0; padding-right: 0; } .learning-type-slide-block--clear-border { border-right: none; } .learning-type-slide-block--clear-border::after { display: none; } .learning-type-slide-block__description { font-size: 1.1875rem; font-weight: 500; line-height: 97%; } .learning-type-slide-block__description span { font-size: 1.75rem; font-weight: 500; line-height: 90%; } .page-main-facultet-description, .page-main-facultet-description span { padding-top: 2rem; font-family: "Arial"; font-size: 1rem; line-height: 1.625rem; } .page-main-facultet-description-detail__detail { display: none; } .page-main-facultet-description-detail__link { display: none; } .g-not-scroll { position: fixed; overflow: hidden; width: 100%; } .header-social { margin-top: 1.25rem; } .footer-social, .header-social { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .footer-social__item, .header-social__item { width: 1.25rem; height: 1.25rem; display: block; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 0.875rem; } .footer-social__item svg, .header-social__item svg { width: 1.25rem; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .footer-social__item svg *, .header-social__item svg * { -webkit-transition: all ease-in-out 300ms; -moz-transition: all ease-in-out 300ms; transition: all ease-in-out 300ms; } .footer-social__item:hover svg *, .header-social__item:hover svg * { fill: var(--ystu-color-link-hover-2); -webkit-transition: all ease-in-out 100ms; -moz-transition: all ease-in-out 100ms; transition: all ease-in-out 100ms; } .footer-social__item:active svg *, .header-social__item:active svg * { fill: var(--ystu-color-link-active); -webkit-transition: all ease-in-out 25ms; -moz-transition: all ease-in-out 25ms; transition: all ease-in-out 25ms; } .footer-social__item--vk, .header-social__item--vk { width: 1.5rem; } .footer-social__item--vk svg, .header-social__item--vk svg { width: 2rem; } .burger-menu-navigation__button-more, .footer-navigation__button-more { display: none; } .burger-menu-navigation__button-more::before, .footer-navigation__button-more::before { content: ''; display: block; width: 1.1875rem; background: #000; left: -moz-calc(50% - 10px); left: calc(50% - 10px); top: -moz-calc(50% - 0.0625rem); top: calc(50% - 0.0625rem); height: 0.125rem; position: absolute; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .burger-menu-navigation__button-more::after, .footer-navigation__button-more::after { content: ''; height: 1.1875rem; display: block; left: -moz-calc(50% - 0.0625rem); left: calc(50% - 0.0625rem); top: -moz-calc(50% - 10px); top: calc(50% - 10px); background: #000; width: 0.125rem; position: absolute; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } @media screen and (max-width: 1023px) { .learning-type-slider .lslide { max-width: 27.5rem; width: 100%; min-width: 22.3125rem; margin-right: 0 !important; padding-right: 0.625rem; } .learning-type-slide-block { display: block; max-width: 50%; width: 50%; min-width: 50%; } .learning-type::before, .learning-type::after { -webkit-transform: scaleX(0.5); -moz-transform: scaleX(0.5); -ms-transform: scaleX(0.5); transform: scaleX(0.5); } .header-social { margin-bottom: 3.75rem; } .page-header-links { overflow-x: scroll; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .page-header-links__link { white-space: nowrap; } .page-main-content-event-slider-overlay .slider-controls { bottom: 1.25rem; } .wrapper--blocks .page-header__title { padding-left: 1.25rem; } .header-controls__item--burger .burger-line:nth-child(1) { top: 11px; } .header-controls__item--burger .burger-line:nth-child(2) { top: 17px; } .header-controls__item--burger .burger-line:nth-child(3) { top: 23px; } .news-item--page { margin-bottom: 0.875rem; } .slider-controls__row { display: none; } .footer-social { display: none; } .footer-social--mobile { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 1.875rem; } .burger-menu-navigation__item { position: relative; display: block; padding-right: 2.5rem; } .burger-menu-navigation__item:first-of-type { padding-top: 1.25rem; } .burger-menu-navigation__button-more { display: block; width: 2.5rem; height: 2.5rem; position: absolute; top: -moz-calc(50% - 1.125rem); top: calc(50% - 1.125rem); right: 0; } .footer-navigation__title { position: relative; } .footer-navigation__button-more { display: block; width: 2.5rem; height: 2.5rem; position: absolute; top: -moz-calc(50% - 1.250rem); top: calc(50% - 1.250rem); right: 0; } .header-controls__item--search { display: none; } .burger-menu { overflow-y: scroll; top: 2.75rem; max-height: -moz-calc(100vh - 3.75rem); max-height: calc(100vh - 3.75rem); min-height: 0rem; } .js-burger-mobile-more { display: none; } .burger-menu-navigation { columns: 1 200px; -webkit-columns: 1 200px; -moz-columns: 1 200px; column-fill: balance; -webkit-column-fill: balance; -moz-column-fill: balance; margin-left: auto; margin-right: auto; max-width: 25rem; padding-left: 1rem; padding-right: 1rem; } .burger-menu-navigation__item--title { padding-top: 1.25rem; padding-bottom: 1.25rem; margin-bottom: 0; border-top: 0.0625rem solid #CCCCCC; margin-top: -0.0625rem; } .burger-menu-navigation__item:first-of-type { border-top: none; } .burger-menu-navigation__item:first-of-type:last-of-type { border-bottom: 0.0625rem solid #CCCCCC; } .burger-menu-navigation__item--active { border-bottom: none; } .burger-menu-navigation__item--active .burger-menu-navigation__button-more::after { -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } .burger-menu-header-search { display: block; width: 25rem; margin-left: auto; margin-right: auto; padding-left: 1.25rem; padding-right: 1.25rem; visibility: visible; } .burger-menu-header-search__field { width: 100%; } .page-main-content-event-slider-overlay { height: 23.125rem; } .page-main-sitebar-event { width: 100%; margin-left: 0; min-width: 100%; max-width: 100%; } .page-main-sitebar-event__description { margin-bottom: 1.25rem; } .event-register { margin-left: 0; } .page-main-content-event-speeker-social { padding-left: 1.5rem; padding-top: 1.75rem; padding-right: 1.125rem; } .page-main-content-speeker-social-items { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-main-content-speeker-social-items__item { margin-right: 0.625rem; } .page-main-content-speeker-social-items__item:last-of-type { margin-right: 0; } .page-main-content-speeker-social-items__title { width: 100%; margin-bottom: 0.6875rem; } .page-main-content-event-speeker-social__row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .page-main-content-news__description { font-size: 1.125rem; } .page-main-content-news-citate { padding-left: 1.5rem; padding-top: 2.9375rem; padding-right: 0.625rem; } .page-main-content-news-citate-share { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-main-content-news-citate-share__link { margin-right: 0.625rem; margin-left: 0; padding-left: 0; font-size: 0.9375rem; padding-right: 0; } .page-main-content-news-citate-share__link:last-of-type { margin-right: 0; } .page-main-content-news-citate-share__title { width: 100%; display: block; min-width: 100%; margin-bottom: 0.6875rem; } .user-detail { margin-top: 1.875rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 2.3125rem; } .user-detail__image { width: 8.5625rem; height: 8.5625rem; min-width: 8.5625rem; min-height: 8.5625rem; max-width: 8.5625rem; max-height: 8.5625rem; margin-bottom: 0.5rem; } .page-main-facultet-description { padding-top: 0; margin-top: 0; } .page-main-facultet-description, .page-main-facultet-description span { font-family: "Arial"; font-size: 0.9375rem; line-height: 1.5rem; } .user-detail-info { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .user-detail-info__name { font-size: 2rem; line-height: 2.1875rem; margin-bottom: 1.125rem; } .user-detail-info__description { font-size: 1.25rem; line-height: 1.5rem; } .user-detail-contacts__row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .user-detail-contact { width: 100%; } .user-detail__title { font-size: 1.5rem; line-height: 1.6875rem; margin-bottom: 1.375rem; margin-top: 2.1875rem; } .other-programm__header { padding-top: 2.375rem; } .other-programm__title { font-size: 1.625rem; line-height: 1.9375rem; font-weight: 500; } .other-programm__row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .page-main-sitebar-citate { width: 100%; margin-left: 0.3125rem; } .other-programm__row { margin-top: -5rem; } .other-programm__header { height: auto; padding-bottom: 6.125rem; } .other-programm-item { padding-left: 0.75rem; padding-top: 0.75rem; padding-right: 0.3125rem; min-height: 6.1875rem; font-size: 0.875rem; line-height: 1rem; width: -moz-calc(50% - 0.375rem); width: calc(50% - 0.375rem); margin-bottom: 0.625rem; margin-right: 0.625rem; margin-left: 0; } .other-programm-item:nth-child(2n) { margin-right: 0; } .other-programm-item--additional .other-programm-item__title { font-size: 0.875rem; line-height: 1rem; } .other-programm-item--additional .other-programm-item__description { display: none; } .page-main-sitebar-documents { margin-left: 0; } .breadcrumbs__item { font-size: 0.9375rem; margin-bottom: 0.75rem; } .page-main-sitebar { padding-top: 2.1875rem; } .page-main__title { margin-bottom: 1.375rem; } .page-main-links { width: 100%; overflow-x: scroll; } .learning-type-slide { width: 100%; max-width: 100%; min-width: 100%; } .page-main-content { width: 100%; } .page-main-content__title { font-size: 1.625rem; line-height: 1.9375rem; margin-bottom: 1.25rem; } .learning-type-slide-block { padding-left: 1.0625rem; } .learning-type-slide-block__title { font-size: 0.9375rem; } .learning-type-slide-links { margin-top: 1.5rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .learning-type-slide-links__link { margin-bottom: 0.5625rem; } .learning-type-slider::after { display: none; } .learning-type-slide { padding-top: 1.0625rem; padding-left: 0; padding-right: 0; } .learning-type-slide__row { width: 100%; } .learning-type-slide__row:first-of-type { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .learning-type-slide__row:first-of-type>.learning-type-slide-block { width: 100%; margin-top: 1rem; border-right: none; } .learning-type-slide__row:first-of-type>.learning-type-slide-block:nth-child(1) { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; order: 1; -webkit-order: 1; -ms-flex-order: 1; } .learning-type-slide__row:first-of-type>.learning-type-slide-block:nth-child(2) { -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; order: 3; -webkit-order: 3; -ms-flex-order: 3; } .learning-type-slide__row:first-of-type>.learning-type-slide-block:nth-child(3) { -moz-box-ordinal-group: 3; -webkit-box-ordinal-group: 3; order: 2; -webkit-order: 2; -ms-flex-order: 2; } .learning-type-slide__row:not(:first-of-type) { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .learning-type-slide__row:not(:first-of-type) .learning-type-slide-block { width: 100%; } .learning-type-slide__row:not(:first-of-type) .learning-type-slide-block__title { font-size: 0.875rem; } .learning-type-slide__row:not(:first-of-type) .learning-type-slide-block--small-column { width: 100%; } .learning-type-slide__row .learning-type-slide-block { width: 50%; min-width: 50%; padding-right: 0; } .learning-type-slide__row .learning-type-slide-block__description { white-space: nowrap; } .learning-type-slide__row .learning-type-slide-block--margin { margin-top: 1.125rem; margin-bottom: 0; } .page-header__title { margin-left: 0; } .page-header--programm .page-header__title { margin-top: 0.5rem; font-size: 2rem; margin-bottom: 1.875rem; line-height: 2.1875rem; } .page-header--programm .page-header__label { padding: 0.5rem 1.0625rem 0.5625rem 1rem; margin-top: 0.5rem; font-size: 1.125rem; letter-spacing: 0.03125rem; } .page-header--programm .page-header__description { font-size: 1.125rem; line-height: 1.8125rem; font-weight: normal; margin-bottom: 0; padding-bottom: 3.1875rem; } .users { margin-top: 0.5rem; } .users__title { font-size: 1.625rem; line-height: 1.9375rem; } .user::after { width: -moz-calc(100% - 5.75rem); width: calc(100% - 5.75rem); } .user__image { width: 4.75rem; min-width: 4.75rem; max-width: 4.75rem; height: 4.75rem; min-height: 4.75rem; max-height: 4.75rem; margin-right: 0.9375rem; } .page-main-sitebar { width: 100%; min-width: 100%; max-width: 100%; } .page-main-sitebar--events { margin-bottom: 2.1875rem; padding-top: 0; } .page-main-sitebar-block { margin-left: 0; margin-right: 0; width: 100%; min-width: 100%; max-width: 100%; } .user { width: 100%; min-width: 100%; max-width: 100%; } .page-main-facultet-description-detail { -webkit-transition: all ease-in-out 100ms; -moz-transition: all ease-in-out 100ms; transition: all ease-in-out 100ms; } .page-main-facultet-description-detail__content { visibility: hidden; height: 0; opacity: 0; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; -webkit-transform: translateY(1rem); -moz-transform: translateY(1rem); -ms-transform: translateY(1rem); transform: translateY(1rem); display: block; background: #fff; } .page-main-facultet-description-detail__content--active { visibility: visible; height: auto; -webkit-transform: translateY(0rem); -moz-transform: translateY(0rem); -ms-transform: translateY(0rem); transform: translateY(0rem); opacity: 1; display: block; background: #fff; } .page-main-facultet-description-detail__link { font-size: 0.9375rem; line-height: 1.625rem; text-decoration: none; font-weight: normal; color: var(--ystu-color-primary-blue); display: block; margin-bottom: 0.625rem; } .page-main-facultet-description-detail__link--active { -webkit-transition: all ease-in-out 100ms; -moz-transition: all ease-in-out 100ms; transition: all ease-in-out 100ms; margin-top: 0; margin-bottom: 0; height: 0; -webkit-transform: translateY(-1rem); -moz-transform: translateY(-1rem); -ms-transform: translateY(-1rem); transform: translateY(-1rem); opacity: 0; visibility: hidden; pointer-events: none; } .page-main__row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .page-header__title { margin-bottom: 1.6875rem; } .page-main-programms { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .page-main-programm-item { padding-left: 0.75rem; padding-right: 0.75rem; padding-bottom: 3.5rem; padding-top: 0.75rem; width: -moz-calc(50% - 0.3125rem); width: calc(50% - 0.3125rem); margin-right: 0; min-height: 7.1875rem; margin-left: 0; margin-bottom: 0.625rem; } .page-main-programm-item__title { font-size: 0.875rem; line-height: 1rem; display: block; } .page-main-programm-item-information { left: 0.75rem; bottom: 0.75rem; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-main-programm-item-information__item { font-size: 0.75rem; margin-left: 0.3125rem; padding-right: 0.625rem; } .page-main-programm-item-information__item:first-of-type { margin-left: 0; } .page-main-programm-item-information__title { width: 100%; display: block; min-width: 100%; font-size: 0.75rem; } .fac-navigation { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .fac-navigation__item { width: 100%; } .main-header { padding-top: 5rem; } .page-header-links__link { margin-bottom: 0.9375rem; font-size: 1rem; } .block-links { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: scroll; width: 100%; white-space: nowrap; margin-top: 1.0625rem; } .block-links__link { font-size: 1rem; display: block; position: relative; padding-right: 0.75rem; margin-right: 0.75rem; margin-top: 0.125rem; } .block-links__link:last-of-type { margin-right: 0; } .block-links__link:last-of-type::after { display: none; } .block-links__link::after { content: ''; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-60%); -moz-transform: translateY(-60%); -ms-transform: translateY(-60%); transform: translateY(-60%); width: 0.0625rem; height: 1.5625rem; background: #99A7B6; display: block; } .footer-copyright__copyright { margin-right: 0; margin-bottom: 1.1875rem; } .footer-links { display: none; } .footer-container__left { width: 100%; } .block-content-right__image { min-height: auto; } .page-header { padding-top: 6.25rem; } .page-header__title { word-wrap: break-word; font-size: 2rem; line-height: 88%; } .page-header__title--event-detail { line-height: 2.1875rem; } .block { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 0.625rem; padding-left: 0.9375rem; padding-top: 1.25rem; padding-right: 0.9375rem; } .block--navigation { margin-left: 1.25rem; margin-right: 1.25rem; } .block--small { width: -moz-calc(50% - 0.3125rem); width: calc(50% - 0.3125rem); margin-right: 0; } .block--50 { margin-left: 0rem; margin-right: 0rem; min-height: 12.0625rem; padding-bottom: 3.0625rem; } .block--50 .block__title { font-size: 1.875rem; } .block .block-content-left__description { font-size: 1.125rem; line-height: 1.8125rem; } .block--normal { margin-left: 1.25rem; margin-right: 1.25rem; padding-left: 0.9375rem; padding-right: 1.375rem; padding-top: 1.25rem; padding-bottom: 1.25rem; } .block--normal .block-content-left__title { font-size: 1.875rem; margin-bottom: 0.75rem; } .block--big { padding-left: 0.625rem; padding-right: 0.625rem; margin-left: 1.25rem; margin-right: 1.25rem; } .block--big .block__title { font-size: 1.5rem; } .block .block-cards { margin-top: 0.725rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .block .block-cards__item { margin-bottom: 0.625rem; width: -moz-calc(50% - 0.3125rem); width: calc(50% - 0.3125rem); font-size: 0.875rem; padding-left: 0.75rem; padding-right: 0.8125rem; padding-top: 0.75rem; padding-bottom: 1.5rem; min-height: auto; } .blocks__row { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .block-cards__item { width: 100%; margin-right: 0; } .header-navigation { display: none; visibility: hidden; pinter-events: none; display: none; } .block-content-left { width: 100%; margin-right: 0; margin-bottom: 1.0625rem; } .block-content-right__image { width: 100%; } .doing-item--page { width: 100%; min-width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; } .footer-container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .footer-container__left { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .main-header-slide { padding-top: 1.25rem; padding-left: 1.25rem; padding-right: 1.25rem; } .header { padding-top: 0.8125rem; padding-bottom: 0.8125rem; background: #fff; border-bottom: 0.0625rem solid #CFD3D9; } .main-header__row { background: none; } .logotype--big { width: 2.25rem; height: 2.125rem; background: url("data:image/svg+xml,%3Csvg width='95' height='95' viewBox='0 0 95 95' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M94.9997 73.8889C91.5433 86.0563 80.3544 95 67.0805 95H36.9443V73.8889H94.9997Z' fill='%23F07C00'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 65.9721C0 58.9596 2.45605 52.5178 6.59731 47.5C2.44174 42.4778 0 36.0537 0 29.0278C0 12.9989 12.9989 0 29.0277 0H94.9998V21.1112H29.0277C24.6562 21.1112 21.1111 24.6562 21.1111 29.0278C21.1111 33.3993 24.6562 36.9444 29.0277 36.9444H94.9998V58.0555H29.0277C24.6562 58.0555 21.1111 61.6005 21.1111 65.9721V94.9998H0V65.9721Z' fill='%23004589'/%3E%3C/svg%3E%0A") center; background-size: contain; background-repeat: no-repeat; } .header-navigation { position: absolute; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transform: translateX(100vw); -moz-transform: translateX(100vw); -ms-transform: translateX(100vw); transform: translateX(100vw); } .wrapper { max-width: 27.5rem; margin-left: auto; margin-right: auto; width: 100%; } .wrapper--blocks { margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } .wrapper--100 { width: 100%; max-width: 100%; } .wrapper--mobile-100 { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; max-width: 100%; width: 100%; } .main-header__row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main-header-slide__title { font-size: 1.5rem; line-height: 117%; font-weight: 500; } .main-header-slide__description { font-size: 0.9375rem; line-height: 1.5rem; } .main-header-container--right { height: 23.125rem; } .news-item--page { width: 100%; margin-left: 0; } .main-header-block { padding-left: 0.8125rem; padding-right: 0.8125rem; padding-top: 0.8125rem; width: -moz-calc(50% - 0.3125rem); width: calc(50% - 0.3125rem); margin-bottom: 0.625rem; min-height: 6.25rem; } .main-header-block:nth-child(2n+1), .main-header-block:nth-child(1) { margin-right: 0.3125rem; } .main-header-block:nth-child(2n) { margin-left: 0.3125rem; } .main-header-block__description { display: none; } .slider-controls { bottom: 1.25rem; padding-left: 1.25rem; padding-right: 1.25rem; } .footer-links { margin-top: 0; } .footer-navigation { width: 100%; max-width: 100%; min-width: 100%; padding-right: 0; } .footer-navigation__title { padding-top: 1.125rem; margin-top: -0.0625rem; padding-bottom: 1.25rem; border-top: 0.0625rem solid #CCCCCC; border-bottom: 0.0625rem solid #CCCCCC; display: block; } .footer-navigation__title--active { border-bottom: none !important; } .footer-navigation__title--active .footer-navigation__button-more::after { -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } .footer-copyright { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .footer-copyright__banner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 1.1875rem; } .page-main__title { margin-top: 1.5625rem; font-size: 1.5rem; } .page-main--blocks { margin-top: -3.375rem; } .page-main--blocks.no-top { margin-top: 1rem; } .page-header__row { background: none; } .page-header--bg-blue { height: 13.25rem; padding-top: 6.25rem; } .page-header--bg-blue.no-top { height: 14rem; } .page-header--bg-spo { height: 16.5rem; } .blocks__row { margin-left: 1.25rem; margin-right: 1.25rem; } .doings-slider .doing-item--slider { margin-left: 1.25rem; } .doings-slider .doing-item--slider:first-of-type { margin-left: 1.25rem; } .page-header__label { margin-top: 0.5rem; } .page-header--bg-spo .page-header__title, .page-header__title { font-size: 2rem; } .search { width: 100%; margin-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0.5rem; } .filter { width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 1.6875rem; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1.1875rem; padding-bottom: 2.875rem; } .filter .form-field--filter:first-of-type { margin-top: 0; } .page-main-sitebar--users { margin-top: 0; padding-top: 0; } .page-main__row--reverse { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .footer-contact__phone a { text-decoration: none; color: var(--ystu-color-primary-blue); -webkit-appearance: none; } .block-cards__item { min-height: 6.875rem !important; } } @media screen and (max-width: 375px) { .learning-type-slider .lslide { max-width: -moz-calc(100vw - 0.7rem); max-width: calc(100vw - 0.7rem); width: -moz-calc(100vw - 0.7rem); width: calc(100vw - 0.7rem); min-width: -moz-calc(100vw - 0.7rem); min-width: calc(100vw - 0.7rem); } .learning-type-slide-block { display: block; max-width: 50%; width: 50%; min-width: 50%; } .learning-type::before, .learning-type::after { -webkit-transform: scaleX(0.5); -moz-transform: scaleX(0.5); -ms-transform: scaleX(0.5); transform: scaleX(0.5); } .block-links { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .block-links__link { white-space: nowrap; height: 0.75rem; } .block-links__link:last-of-type { margin-right: 0; } .block-links__link:last-of-type::after { display: none; } .block .block-cards__item { width: 48% !important; min-width: 48% !important; } .wrapper--blocks .page-header__title { padding-left: 0.625rem; } .footer-copyright { padding-bottom: 0.875rem; } .doings__title { padding-left: 0; margin-left: 0; } .news__title { margin-left: 0; padding-left: 0; } .doing-item { margin-left: 0 !important; padding-left: 0 !important; margin-right: 0.625rem !important; } .news-item { margin-left: 0; padding-left: 0; margin-right: 0.625rem; } .burger-menu-header-search { width: 100%; padding-left: 0; padding-right: 0; } .burger-menu-navigation { padding-left: 0; padding-right: 0; width: 100%; } .news { margin-bottom: 0; padding-bottom: 0; } .burger-menu { overflow-y: scroll; top: 2.75rem; width: 100%; padding-left: 1rem; padding-right: 1rem; max-height: -moz-calc(100vh - 3.75rem); max-height: calc(100vh - 3.75rem); } .doings-slider .doing-item--slider { margin-left: 0.625rem; } .doings-slider .doing-item--slider:first-of-type { margin-left: 0.625rem; } .block--normal { margin-left: 0.625rem; margin-right: 0.625rem; } .block--navigation { margin-left: 0.625rem; margin-right: 0.625rem; } .block--big { margin-left: 0.625rem; margin-right: 0.625rem; } .blocks__row { margin-left: 0.625rem; margin-right: 0.625rem; } .wrapper { max-width: 100%; width: 100%; min-width: auto; padding-left: 0.625rem; padding-right: 0.625rem; } .wrapper--blocks { padding-left: 0; padding-right: 0; } .wrapper--mobile-100 { padding-left: 0; padding-right: 0; } .main-header-block:nth-child(2n+1), .main-header-block:nth-child(1) { margin-right: 0.3125rem; } } .backend-programm-header-bg::before { position: absolute; left: 0; top: 0; content: ''; width: 100%; min-height: 100%; } .backend-programm-header-bg::after { position: absolute; left: 0; top: 0; content: ''; width: 100%; min-height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; } .backend-programm-header-bg:not(.bg-no-filter)::after { opacity: 0.6; mix-blend-mode: soft-light; -webkit-filter: grayscale(1); filter: grayscale(1); } .other-programm-overlay { position: relative; display: block; pointer-events: none; left: 0; top: 0; z-index: 1; } .other-programm-overlay::before { position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } .other-programm-overlay::after { position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 100%; } .other-programm-overlay:not(.bg-no-filter)::before { -webkit-filter: grayscale(1); filter: grayscale(1); } .other-programm-overlay:not(.bg-no-filter)::after { opacity: 0.8; } .page-main-overlay { background: var(--ystu-color-section-bg-overlay); position: relative; } .page-main-overlay::before { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 11.9375rem; background: #fff; z-index: 2; } .page-main-overlay::after { position: absolute; left: 0; content: ''; width: 100%; height: 6.3125rem; background: #fff; bottom: 0; z-index: 1; } .page-main-overlay__color { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-attachment: fixed !important; pointer-events: none; z-index: 1; } .page-main-overlay__color:not(.bg-no-filter) { mix-blend-mode: soft-light; opacity: 0.4; } .header--white .header-navigation:hover .header-navigation__item { -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; opacity: 0.7; } .header--white .header-navigation .header-navigation__item:hover { -webkit-transition: all ease-in-out 50ms; -moz-transition: all ease-in-out 50ms; transition: all ease-in-out 50ms; opacity: 1; } #animate-1 { opacity: 0; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; animation-delay: 0s; -webkit-animation-name: rectOne; -moz-animation-name: rectOne; animation-name: rectOne; -webkit-animation-duration: 3.5s; -moz-animation-duration: 3.5s; animation-duration: 3.5s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #animate-2 { opacity: 0; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; -webkit-animation-name: rectOne; -moz-animation-name: rectOne; animation-name: rectOne; -webkit-animation-duration: 3.5s; -moz-animation-duration: 3.5s; animation-duration: 3.5s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #animate-3 { opacity: 0; -webkit-animation-delay: 4s; -moz-animation-delay: 4s; animation-delay: 4s; -webkit-animation-name: rectOne; -moz-animation-name: rectOne; animation-name: rectOne; -webkit-animation-duration: 3.5s; -moz-animation-duration: 3.5s; animation-duration: 3.5s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #animate-4 { opacity: 0; -webkit-animation-delay: 3s; -moz-animation-delay: 3s; animation-delay: 3s; -webkit-animation-name: rectOne; -moz-animation-name: rectOne; animation-name: rectOne; -webkit-animation-duration: 3.5s; -moz-animation-duration: 3.5s; animation-duration: 3.5s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #animate-5 { opacity: 0; -webkit-animation: rectOne 3.5s infinite ease-in-out; -moz-animation: rectOne 3.5s infinite ease-in-out; animation: rectOne 3.5s infinite ease-in-out; -webkit-animation-delay: 2s; -moz-animation-delay: 2s; animation-delay: 2s; -webkit-animation-name: rectOne; -moz-animation-name: rectOne; animation-name: rectOne; -webkit-animation-duration: 3.5s; -moz-animation-duration: 3.5s; animation-duration: 3.5s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #animate-6 { opacity: 0; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-name: rectOne; -moz-animation-name: rectOne; animation-name: rectOne; -webkit-animation-duration: 3.5s; -moz-animation-duration: 3.5s; animation-duration: 3.5s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #animate-7 { opacity: 0; -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; animation-delay: 1.5s; -webkit-animation-name: rectOne; -moz-animation-name: rectOne; animation-name: rectOne; -webkit-animation-duration: 3.5s; -moz-animation-duration: 3.5s; animation-duration: 3.5s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #animate-8 { opacity: 0; -webkit-animation-delay: 3.5s; -moz-animation-delay: 3.5s; animation-delay: 3.5s; -webkit-animation-name: rectOne; -moz-animation-name: rectOne; animation-name: rectOne; -webkit-animation-duration: 3.5s; -moz-animation-duration: 3.5s; animation-duration: 3.5s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #animate-9 { opacity: 0; -webkit-animation-delay: 2.5s; -moz-animation-delay: 2.5s; animation-delay: 2.5s; -webkit-animation-name: rectOne; -moz-animation-name: rectOne; animation-name: rectOne; -webkit-animation-duration: 3.5s; -moz-animation-duration: 3.5s; animation-duration: 3.5s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #animate-10 { opacity: 0; -webkit-animation-name: rectOne; -moz-animation-name: rectOne; animation-name: rectOne; -webkit-animation-delay: 3.5s; -moz-animation-delay: 3.5s; animation-delay: 3.5s; -webkit-animation-duration: 3s; -moz-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes rectOne { 0% { opacity: 0; } 75% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes rectOne { 0% { opacity: 0; } 75% { opacity: 1; } 100% { opacity: 0; } } @keyframes rectOne { 0% { opacity: 0; } 75% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fadeCart { 0% { opacity: 0; -webkit-transform: translateY(-1rem); transform: translateY(-1rem); display: block; visibility: visible; } 100% { -webkit-transform: translateY(0rem); transform: translateY(0rem); display: block; opacity: 1; visibility: visible; } } @-moz-keyframes fadeCart { 0% { opacity: 0; -moz-transform: translateY(-1rem); transform: translateY(-1rem); display: block; visibility: visible; } 100% { -moz-transform: translateY(0rem); transform: translateY(0rem); display: block; opacity: 1; visibility: visible; } } @keyframes fadeCart { 0% { opacity: 0; -webkit-transform: translateY(-1rem); -moz-transform: translateY(-1rem); transform: translateY(-1rem); display: block; visibility: visible; } 100% { -webkit-transform: translateY(0rem); -moz-transform: translateY(0rem); transform: translateY(0rem); display: block; opacity: 1; visibility: visible; } } @-webkit-keyframes outCart { 0% { -webkit-transform: translateY(0rem); transform: translateY(0rem); display: block; opacity: 1; visibility: visible; } 99% { opacity: 0; -webkit-transform: translateY(-1rem); transform: translateY(-1rem); } 100% { display: none; visibility: hidden; } } @-moz-keyframes outCart { 0% { -moz-transform: translateY(0rem); transform: translateY(0rem); display: block; opacity: 1; visibility: visible; } 99% { opacity: 0; -moz-transform: translateY(-1rem); transform: translateY(-1rem); } 100% { display: none; visibility: hidden; } } @keyframes outCart { 0% { -webkit-transform: translateY(0rem); -moz-transform: translateY(0rem); transform: translateY(0rem); display: block; opacity: 1; visibility: visible; } 99% { opacity: 0; -webkit-transform: translateY(-1rem); -moz-transform: translateY(-1rem); transform: translateY(-1rem); } 100% { display: none; visibility: hidden; } } .header-controls { margin-left: -2.5rem; margin-right: -0.5rem; } @media screen and (max-width: 1359px) and (min-width: 1024px) { .header-controls__item--burger-active .burger-line:nth-child(1) { -webkit-transform: translateY(5.5px) rotate(45deg); -moz-transform: translateY(5.5px) rotate(45deg); -ms-transform: translateY(5.5px) rotate(45deg); transform: translateY(5.5px) rotate(45deg); width: 16px; } } @media screen and (max-width: 1023px) { .header-controls__item--burger-active .burger-line:nth-child(1) { -webkit-transform: translateY(5.8px) rotate(45deg); -moz-transform: translateY(5.8px) rotate(45deg); -ms-transform: translateY(5.8px) rotate(45deg); transform: translateY(5.8px) rotate(45deg); width: 16px; } } @media screen and (max-width: 1359px) { .header-controls__item--burger { padding-top: 0.6875rem; } } @media screen and (min-width: 1024px) { .footer-social--mobile { display: none; } } @media screen and (min-width: 1360px) { html, body { font-size: 17px; } } @media screen and (min-width: 1680px) { html, body { font-size: 19px; } } @media screen and (min-width: 1024px) { .page-main-content { max-width: 38.875rem; min-width: 38.875rem; width: 38.875rem; } } .user-layout { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .user-layout__aside { width: 14.6875rem; min-width: 14.6875rem; max-width: 14.6875rem; margin-left: 2.5625rem; } .user-layout__page { width: auto; } @media screen and (max-width: 1024px) { .user-layout { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .user-layout__page { width: 100%; } .user-layout__aside { margin-left: 0; width: 100%; } } .page-contacts__row { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 1.9375rem; } .page-contacts__title { font-size: 1.625rem; line-height: 97%; margin-bottom: 1.6875rem; font-family: "DIN Pro"; font-weight: 500; } .page-contact { width: 100%; max-width: 18.75rem; background: #F3F5F7; margin-left: 0.625rem; margin-right: 0.625rem; margin-bottom: 1.25rem; min-height: 7.5rem; } .page-contact_state_active .page-contact__pluse::after { opacity: 0; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; -webkit-transform: translateX(-50%) rotate(-90deg); -moz-transform: translateX(-50%) rotate(-90deg); -ms-transform: translateX(-50%) rotate(-90deg); transform: translateX(-50%) rotate(-90deg); } .page-contact_state_active .page-contact__description * { opacity: 1; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; transition-delay: 200ms; } .page-contact__title { padding-top: 1.25rem; padding-left: 1.25rem; padding-right: 3.5625rem; padding-bottom: 1.9375rem; font-family: "DIN Pro"; font-size: 1.1875rem; font-weight: 500; position: relative; cursor: pointer; -webkit-transition: color ease-in-out 200ms; -moz-transition: color ease-in-out 200ms; transition: color ease-in-out 200ms; } .page-contact__title:hover { color: var(--ystu-color-link-hover); -webkit-transition: color ease-in-out 100ms; -moz-transition: color ease-in-out 100ms; transition: color ease-in-out 100ms; } .page-contact__pluse { display: block; top: -moz-calc(50% - 0.23rem); top: calc(50% - 0.23rem); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1.1875rem; height: 1.1875rem; position: absolute; right: 1.3125rem; } .page-contact__pluse::before { content: ''; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1.1875rem; height: 3px; background: var(--ystu-color-primary-blue); display: block; } .page-contact__pluse::after { content: ''; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%) rotate(0deg); -moz-transform: translateX(-50%) rotate(0deg); -ms-transform: translateX(-50%) rotate(0deg); transform: translateX(-50%) rotate(0deg); width: 3px; height: 1.1875rem; background: var(--ystu-color-primary-blue); display: block; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .page-contact__description { margin-top: -0.5625rem; padding-left: 1.25rem; padding-bottom: 3.5rem; padding-right: 1.25rem; } .page-contact__description * { opacity: 0; -webkit-transition-delay: 0ms; -moz-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .page-contact__description>p, .page-contact__description>a { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; padding-bottom: 0.75rem; display: table; line-height: 1rem; font-size: 0.9375rem; } .page-contact__description>a { text-decoration: none; color: var(--ystu-color-primary-blue); -webkit-transition: color ease-in-out 200ms; -moz-transition: color ease-in-out 200ms; transition: color ease-in-out 200ms; } .page-contact__description>a:hover { -webkit-transition: color ease-in-out 100ms; -moz-transition: color ease-in-out 100ms; transition: color ease-in-out 100ms; color: var(--ystu-color-link-hover); } .page-contact:first-of-type { margin-left: 0; } .page-contact:nth-child(3n+1) { margin-left: 0; } .page-contact:nth-child(3n) { margin-right: 0; } @media screen and (max-width: 1020px) { .page-contact { max-width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 0.625rem; min-height: unset; } .page-contact__pluse { top: -moz-calc(50% - 0.25rem); top: calc(50% - 0.25rem); } } @media screen and (max-width: 991.98px) /* and (min-width: 576px) */ { .page-main-programm-item__title { font-size: 0.8rem; line-height: 1rem; display: block; } .page-main-links__link { font-size: 1rem; } } /* End */ /* Start:/local/templates/ystu/assets/css/style.2.css?17210509889221*/ .main-header-container--right>div:not(.lSSlideOuter):not(.slider-controls) { height: 100%; } .main-header-container--left>div { max-width: 30.5rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-main-programm-item { display: block; visibility: hidden; left: 0; top: 0; position: absolute !important; opacity: 0; transition: all ease-in-out 0ms !important; transform: translateY(1rem); } .page-main-links__link--active { color: #000 !important; pointer-events: none !important; } .page-main-programm-item--active { visibility: visible; position: relative !important; opacity: 1; transform: translateY(0rem); transition: all ease-in-out 300ms !important; } @media screen and (min-width: 1024px) { .main-header-container--right { min-height: 39.8125rem; } .main-header-block { width: 14.3125rem; } .page-main-programm-item { padding-right: 0.9375rem; } } .footer-layout { 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: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; } .news-item::after, .doing-item::after { content: ''; display: block; width: 100%; height: 6.25rem; position: absolute; z-index: 1; top: 2.6875rem; left: 0; opacity: 1; transition: opacity ease-in-out 200ms; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #EFF3F4 76.71%); } .news-item-image { z-index: 2; } .news-item:hover::after { transition: opacity ease-in-out 100ms; opacity: 0; } .doing-item--slider::after { content: ''; display: block; width: 100%; height: 6.25rem; position: absolute; z-index: 1; top: 2.6875rem; left: 0; opacity: 1; transition: opacity ease-in-out 200ms; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 76.71%); } .doing-item-image { z-index: 2; } .doing-item:hover::after { transition: opacity ease-in-out 100ms; opacity: 0; } @media screen and (min-width: 1021px) { .page-main__row--reverse-users { flex-direction: row-reverse !important; justify-content: flex-end !important; } .page-main-sitebar--users .search, .page-main-sitebar--users .filter { margin-left: 0 !important; } } @media screen and (max-width: 1200px) { .page-main__row--reverse-users { flex-direction: column !important; } } #hpvgd { position: fixed; bottom: 0; z-index: 9999; } .ez-psp-bigbutton { padding: 0; width: 20px; height: 20px; margin: 0; overflow: hidden; background: url(/local/templates/ystu/assets/css/../img/menu_eye.svg) no-repeat; background-size: auto 100%; } .ez-psp-text { display: none; } .header--white .ez-psp-bigbutton { background: url(/local/templates/ystu/assets/css/../img/menu_eye-white.svg) no-repeat; } @media screen and (min-width: 1020px) { .page-main-programms { width: calc(100% + 2.125rem); } .page-main-programms .page-main-programm-item, .page-main-programms .page-main-programm-item:nth-child(3n) { margin-right: 2.125rem !important; } .main-header-slider, .main-header-slide { min-height: 40rem !important; } .news-slider__btn:hover, .doings-slider__btn:hover { content: '' !important; z-index: 10 !important; background-color: #fff !important; background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0H50V50H0V0ZM22.55 32.63H25.666L33 25.315L25.666 18H22.55L28.763 24.156H15.387V26.493H28.763L22.55 32.63Z' fill='rgb(0,56,164)'/%3E%3C/svg%3E%0A") !important; } } @media screen and (max-width: 375px) { .doings__title>a { margin-left: 0.625rem; } .news__title>a { margin-left: 0.625rem; } .doings-slider .doing-item--slider:first-of-type, .news-slider .news-item--slider:first-of-type { margin-left: 0.625rem !important; } } @media screen and (max-width: 1020px) { .footer-location { margin-bottom: 1.6875rem !important; } .learning-type-slide-block { width: 100% !important; min-width: 100% !important; max-width: 100% !important; } .learning-type-slide-block__description { width: 100% !important; max-width: 100% !important; min-width: 100% !important; /* white-space: pre-wrap !important; */ } } .learning-type { overflow: hidden; } .other-programm-item--additional { padding-bottom: 1rem; } .learning-type-slide-block__title { white-space: unset !important; line-height: 100% !important; margin-bottom: 0.625rem !important; } .learning-type-slider .lslide, .learning-type-slider .lslide .learning-type-slide { min-height: 100%; max-height: 100%; height: 100%; } .user::after { width: 100%; min-width: 100%; } .slider-controls__button, .slider-controls__inner-row { box-shadow: rgb(200, 200, 240) 0.2rem 0.2rem 0.4rem 0rem inset, rgba(255, 255, 255, 0.75) -0.2rem -0.2rem 0.4rem 0.1rem inset; filter: drop-shadow(0.3rem 0.3rem 0.1rem rgb(0 0 0 / 0.4)); } .slider-controls__button.disabled { pointer-events: none; cursor: default; transition: all ease-in-out 300ms; background: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.334 31.63H25.45L19.237 25.493H33.613V24.156H19.237L25.45 18H23.334L16.5 25L23.334 31.63Z' fill='white'/%3E%3Crect x='0.5' y='0.5' width='49' height='49' stroke='white'/%3E%3C/svg%3E%0A") center no-repeat; background-size: 100% 100%; } .slider-controls__button--right.disabled { background: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.666 31.63H24.55L30.763 25.493H16.387V24.156H30.763L24.55 18H26.666L33.5 25L26.666 31.63Z' fill='white'/%3E%3Crect x='-0.5' y='0.5' width='49' height='49' transform='matrix(-1 0 0 1 49 0)' stroke='white'/%3E%3C/svg%3E%0A") center no-repeat; background-size: 100% 100%; } @media screen and (min-width: 1020px) { .filter__slide { display: block !important; } .filter__title { display: none !important; } } .filter__title { margin-left: 1rem; margin-right: 1rem; color: #0038A4; text-transform: uppercase; width: calc(100% - 2rem); display: block; font-size: 1.1875rem; letter-spacing: 0.03125rem; font-family: "DIN Pro"; font-weight: 500; cursor: pointer; position: relative; } .filter__title::after { content: ''; display: block; width: 0.5625rem; height: 4375rem; position: absolute; right: 0; top: 50%; background: url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 -3.93402e-07L0.602886 6.75L8.39711 6.75L4.5 -3.93402e-07Z' fill='%230038A4'/%3E%3C/svg%3E%0A") center no-repeat; transform: translateY(-50%); background-size: 100% 100%; } .filter__title--closed::after { transform: translateY(-50%) scaleY(-1); } .users_counter { display: block; margin-top: 30px; font-weight: bold; font-size: 1.1875rem; } .contacts-text { margin-bottom: 40px; } .footer-copyright .footer-copyright__banners { display: flex; justify-content: flex-end; flex-wrap: wrap; background: none; } .footer_banner_link { display: block; width: 160px; background-size: 100%; min-height: 2.5rem; margin-left: 10px; margin-bottom: 10px; } @media screen and (max-width: 1024px) { .footer-copyright .footer-copyright__banners { justify-content: flex-start; } .footer_banner_link { margin-left: 0; margin-right: 10px; } } .main-header-slider .main-header-slide { pointer-events: none; } .main-header-slider .active { pointer-events: auto; } .doing-item--page, .doing-item--slider { margin-bottom: 7.5rem !important; } .doing-item-image { height: 9.375rem !important; } /* End */ /* Start:/local/templates/ystu/assets/css/style.3.css?17442251642024*/ :root { --ystu-color-ds-blue: #0A4188; --ystu-color-ds-orange: #EC7200; } .page-main-programms-new .page-main-programm-new-item { --border-color: var(--ystu-color-ds-blue); --border-brightness: 1; border: 3px solid; border-color: color-mix(in srgb, var(--border-color) calc(100% * var(--border-brightness)), white); border-radius: 25px; padding: 1.25rem; background: rgb(255 255 255 / 60%); transition: all ease-in-out 100ms; } .page-main-programms-new :has(.page-main-programm-new-item) { display: block; visibility: hidden; position: absolute !important; opacity: 0; transform: translateY(1rem); transition: all ease-in-out 0ms !important; } .page-main-programms-new .page-main-programm-item--active { visibility: visible !important; position: relative !important; opacity: 1 !important; transform: translateY(0rem) !important; transition: all ease-in-out 300ms !important; } .page-main-programms-new [data-pr-type-mag] .page-main-programm-new-item { --border-color: var(--ystu-color-ds-orange); } .page-main-programms-new .page-main-programm-new-item:hover { --border-brightness: 0.75; /* --border-color: #bfd7f6; */ background: #fbfcff; box-shadow: 2px 5px 10px 2px rgba(0, 0, 0, 0.3); } /* Код направления */ .page-main-programms-new .page-main-programm-new-item .code { color: #333333; margin-bottom: 6px; } .page-main-programms-new [data-pr-type-mag] .page-main-programm-new-item .title { color: var(--ystu-color-ds-orange); } /* Название программы */ .page-main-programms-new .page-main-programm-new-item .title { font-weight: bold; color: var(--ystu-color-ds-blue); line-height: 1; transition: all ease-in-out 300ms; } .page-main-programms-new .page-main-programm-new-item:hover .title { color: var(--ystu-color-link-hover); } .page-main-programms-new .page-main-programm-new-item .availability { margin-top: 14px; color: #333; } /* End */ /* Start:/local/templates/ystu/assets/css/redshtr.css?170049256511800*/ .redstar-logotype { margin-top: 2rem; margin-bottom: 2rem; display: block; width: 10.4375rem; height: 2.375rem; background: url("data:image/svg+xml,%3Csvg width='131' height='43' viewBox='0 0 131 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.19784 27.6447C14.275 27.6447 18.3957 23.5241 18.3957 18.4469C18.3957 13.3697 14.275 9.24902 9.19784 9.24902C4.12063 9.24902 0 13.3697 0 18.4469C0 23.5241 4.12063 27.6447 9.19784 27.6447Z' fill='%23CF0426'/%3E%3Cpath d='M20.1486 5.15079C21.571 5.15079 22.724 3.99775 22.724 2.5754C22.724 1.15304 21.571 0 20.1486 0C18.7263 0 17.5732 1.15304 17.5732 2.5754C17.5732 3.99775 18.7263 5.15079 20.1486 5.15079Z' fill='black'/%3E%3Cpath d='M38.9138 14.7998C40.4007 14.7998 41.6646 15.3972 42.7797 16.5174C43.8205 17.6375 44.3409 19.0564 44.3409 20.6992C44.3409 22.3421 43.8205 23.761 42.7797 24.8811C41.7389 26.0013 40.4007 26.5987 38.9138 26.5987C37.3526 26.5987 36.1631 26.0759 35.271 24.9558V29.8097H32.3716V15.0238H35.271V16.368C36.0888 15.3225 37.3526 14.7998 38.9138 14.7998ZM36.1631 22.9395C36.7579 23.5369 37.5013 23.8356 38.3934 23.8356C39.2856 23.8356 40.029 23.5369 40.6238 22.9395C41.2185 22.3421 41.5159 21.5953 41.5159 20.6992C41.5159 19.8031 41.2185 18.9817 40.6238 18.4589C40.029 17.8615 39.2856 17.5628 38.3934 17.5628C37.5013 17.5628 36.7579 17.8615 36.1631 18.4589C35.5684 19.0564 35.271 19.8031 35.271 20.6992C35.271 21.5953 35.5684 22.3421 36.1631 22.9395Z' fill='black'/%3E%3Cpath d='M50.1432 21.9692C50.5149 23.3881 51.5557 24.0602 53.2656 24.0602C54.3808 24.0602 55.1986 23.6868 55.7933 22.94L58.098 24.2842C56.9828 25.8524 55.3473 26.6738 53.2656 26.6738C51.407 26.6738 49.9202 26.0764 48.805 25.0309C47.6898 23.9855 47.1694 22.492 47.1694 20.7744C47.1694 19.0568 47.6898 17.7127 48.805 16.5179C49.9202 15.3977 51.3327 14.8003 53.0426 14.8003C54.6782 14.8003 56.0164 15.3977 57.0572 16.5179C58.098 17.638 58.6184 19.0569 58.6184 20.6997C58.6184 21.0731 58.6184 21.4465 58.4697 21.8945H50.1432V21.9692ZM50.0688 19.7289H55.719C55.5703 18.9822 55.1986 18.3848 54.6782 18.0114C54.1578 17.638 53.563 17.414 52.8939 17.414C52.1505 17.414 51.4814 17.638 50.961 18.0114C50.5893 18.4594 50.2175 18.9822 50.0688 19.7289Z' fill='black'/%3E%3Cpath d='M71.1206 23.3134H72.6074V28.0927H69.7824V26.0764H62.8684V28.0927H60.1177V23.3134H61.4559C62.125 22.3426 62.4223 21.0731 62.4223 19.3556V14.8003H71.1949V23.3134H71.1206ZM64.504 23.3134H68.2955V17.414H65.1731V19.3556C65.2474 20.9238 65.0244 22.1933 64.504 23.3134Z' fill='black'/%3E%3Cpath d='M79.9402 26.5992C78.2303 26.5992 76.8921 26.0017 75.7026 24.8816C74.5874 23.7615 73.9927 22.3426 73.9927 20.6997C73.9927 19.0568 74.5874 17.638 75.7026 16.5179C76.8177 15.3977 78.2303 14.8003 79.9402 14.8003C81.0553 14.8003 82.0218 15.099 82.9139 15.5471C83.8061 16.0698 84.4752 16.7419 84.9212 17.638L82.4679 19.1315C82.2448 18.6835 81.8731 18.3101 81.4271 18.0114C80.981 17.7127 80.4606 17.638 79.8658 17.638C78.9737 17.638 78.3046 17.9367 77.7099 18.5341C77.1151 19.1315 76.8921 19.8783 76.8921 20.7744C76.8921 21.6705 77.1895 22.4173 77.7099 22.94C78.3046 23.5374 78.9737 23.8361 79.8658 23.8361C80.4606 23.8361 80.981 23.6868 81.4271 23.4627C81.8731 23.164 82.2448 22.8653 82.4679 22.3426L84.9956 23.7615C84.4752 24.6576 83.8061 25.3297 82.9139 25.8524C82.0218 26.3751 81.0553 26.5992 79.9402 26.5992Z' fill='black'/%3E%3Cpath d='M96.8286 14.7983V17.5614H93.3345V25.9998H90.4351V17.5614H86.9409V14.7983H96.8286Z' fill='black'/%3E%3Cpath d='M107.959 15.099H110.858V26.3004H107.959V24.9563C107.067 26.0764 105.877 26.5992 104.316 26.5992C102.829 26.5992 101.565 26.0017 100.525 24.8816C99.4838 23.7615 98.9634 22.3426 98.9634 20.6997C98.9634 19.0568 99.4838 17.638 100.525 16.5179C101.565 15.3977 102.829 14.8003 104.316 14.8003C105.877 14.8003 107.067 15.323 107.959 16.4432V15.099ZM102.606 22.94C103.201 23.5374 103.944 23.8361 104.837 23.8361C105.729 23.8361 106.472 23.5374 107.067 22.94C107.662 22.3426 107.959 21.5958 107.959 20.6997C107.959 19.8036 107.662 18.9822 107.067 18.4594C106.472 17.862 105.729 17.5633 104.837 17.5633C103.944 17.5633 103.201 17.862 102.606 18.4594C102.011 19.0568 101.714 19.8036 101.714 20.6997C101.788 21.5958 102.086 22.3426 102.606 22.94Z' fill='black'/%3E%3Cpath d='M120.304 14.7983C121.791 14.7983 123.055 15.3958 124.17 16.5159C125.211 17.636 125.731 19.0549 125.731 20.6978C125.731 22.3406 125.211 23.7595 124.17 24.8796C123.129 25.9998 121.791 26.5972 120.304 26.5972C118.743 26.5972 117.553 26.0745 116.661 24.9543V29.8083H113.762V15.0224H116.661V16.3665C117.553 15.3211 118.743 14.7983 120.304 14.7983ZM117.553 22.9381C118.148 23.5355 118.891 23.8342 119.784 23.8342C120.676 23.8342 121.419 23.5355 122.014 22.9381C122.609 22.3406 122.906 21.5939 122.906 20.6978C122.906 19.8017 122.609 18.9802 122.014 18.4575C121.419 17.9347 120.676 17.5614 119.784 17.5614C118.891 17.5614 118.148 17.8601 117.553 18.4575C116.958 19.0549 116.661 19.8017 116.661 20.6978C116.661 21.5939 116.958 22.3406 117.553 22.9381Z' fill='black'/%3E%3Cpath d='M34.4078 41.32C33.5552 41.32 32.8483 41.0394 32.2871 40.4782C31.7259 39.9116 31.4453 39.2128 31.4453 38.3818C31.4453 37.5508 31.7259 36.8547 32.2871 36.2935C32.8483 35.7269 33.5552 35.4436 34.4078 35.4436C34.9204 35.4436 35.3925 35.5651 35.8242 35.8079C36.2613 36.0507 36.6013 36.3799 36.8441 36.7954L36.0347 37.2648C35.8836 36.9842 35.6623 36.763 35.371 36.6011C35.085 36.4338 34.7639 36.3502 34.4078 36.3502C33.8034 36.3502 33.3124 36.5417 32.9346 36.9249C32.5623 37.308 32.3761 37.7936 32.3761 38.3818C32.3761 38.97 32.5623 39.4556 32.9346 39.8387C33.3124 40.2219 33.8034 40.4134 34.4078 40.4134C34.7639 40.4134 35.0877 40.3325 35.379 40.1706C35.6704 40.0033 35.889 39.7794 36.0347 39.4988L36.8441 39.9602C36.6067 40.3756 36.2694 40.7075 35.8323 40.9557C35.4006 41.1986 34.9258 41.32 34.4078 41.32Z' fill='black'/%3E%3Cpath d='M43.9317 40.4701C43.3651 41.0367 42.6717 41.32 41.8515 41.32C41.0313 41.32 40.3352 41.0367 39.7633 40.4701C39.1967 39.8981 38.9134 39.202 38.9134 38.3818C38.9134 37.5616 39.1967 36.8682 39.7633 36.3016C40.3352 35.7296 41.0313 35.4436 41.8515 35.4436C42.6717 35.4436 43.3651 35.7296 43.9317 36.3016C44.5037 36.8682 44.7897 37.5616 44.7897 38.3818C44.7897 39.202 44.5037 39.8981 43.9317 40.4701ZM40.4189 39.8387C40.8074 40.2219 41.285 40.4134 41.8515 40.4134C42.4181 40.4134 42.893 40.2219 43.2761 39.8387C43.6646 39.4502 43.8589 38.9646 43.8589 38.3818C43.8589 37.799 43.6646 37.3161 43.2761 36.933C42.893 36.5444 42.4181 36.3502 41.8515 36.3502C41.285 36.3502 40.8074 36.5444 40.4189 36.933C40.0358 37.3161 39.8442 37.799 39.8442 38.3818C39.8442 38.9646 40.0358 39.4502 40.4189 39.8387Z' fill='black'/%3E%3Cpath d='M49.894 38.2766C50.4714 38.5518 50.7601 39.0077 50.7601 39.6445C50.7601 40.1409 50.5712 40.5456 50.1935 40.8586C49.8212 41.1662 49.3329 41.32 48.7285 41.32C47.6924 41.32 47.0071 40.8829 46.6726 40.0087L47.4739 39.5474C47.6412 40.1463 48.0594 40.4458 48.7285 40.4458C49.0846 40.4458 49.3571 40.3703 49.546 40.2192C49.7349 40.0627 49.8293 39.8549 49.8293 39.5959C49.8293 39.3423 49.7376 39.14 49.5541 38.9889C49.376 38.8324 49.1224 38.7541 48.7932 38.7541H48.1052V37.9123H48.6071C48.9254 37.9123 49.1737 37.8395 49.3517 37.6938C49.5298 37.5481 49.6188 37.3539 49.6188 37.111C49.6188 36.8682 49.5379 36.6766 49.376 36.5363C49.2141 36.3907 48.9821 36.3178 48.6799 36.3178C48.1187 36.3178 47.741 36.5741 47.5468 37.0867L46.7535 36.6254C47.1205 35.8376 47.7626 35.4436 48.6799 35.4436C49.2357 35.4436 49.6863 35.5947 50.0316 35.8969C50.377 36.1937 50.5497 36.5822 50.5497 37.0625C50.5497 37.5967 50.3311 38.0014 49.894 38.2766Z' fill='black'/%3E%3Cpath d='M57.4021 40.3244H58.0091V42.2993H57.0783V41.2147H53.6383V42.2993H52.7075V40.3244H53.2336C53.5628 39.8927 53.7274 39.2425 53.7274 38.3737V35.5489H57.4021V40.3244ZM54.2535 40.3244H56.4713V36.423H54.6582V38.3899C54.6582 39.2317 54.5233 39.8765 54.2535 40.3244Z' fill='black'/%3E%3Cpath d='M64.1536 41.2147L63.757 40.0735H61.3449L60.9483 41.2147H59.9365L61.9924 35.5489H63.1094L65.1572 41.2147H64.1536ZM61.6525 39.1993H63.4494L62.5509 36.6416L61.6525 39.1993Z' fill='black'/%3E%3Cpath d='M70.7444 35.5489H71.6752V41.2147H70.7444V38.7622H68.3162V41.2147H67.3853V35.5489H68.3162V37.8719H70.7444V35.5489Z' fill='black'/%3E%3Cpath d='M77.8261 41.2147V37.37L75.155 41.2147H74.4266V35.5489H75.3574V39.3936L78.0284 35.5489H78.7569V41.2147H77.8261Z' fill='black'/%3E%3Cpath d='M82.4381 40.3244H84.9473V41.2147H81.5073V35.5489H84.9068V36.4392H82.4381V37.9123H84.7045V38.7946H82.4381V40.3244Z' fill='black'/%3E%3Cpath d='M93.7397 41.32C92.8871 41.32 92.1803 41.0394 91.6191 40.4782C91.0579 39.9116 90.7773 39.2128 90.7773 38.3818C90.7773 37.5508 91.0579 36.8547 91.6191 36.2935C92.1803 35.7269 92.8871 35.4436 93.7397 35.4436C94.2523 35.4436 94.7245 35.5651 95.1562 35.8079C95.5933 36.0507 95.9332 36.3799 96.176 36.7954L95.3666 37.2648C95.2155 36.9842 94.9943 36.763 94.7029 36.6011C94.4169 36.4338 94.0959 36.3502 93.7397 36.3502C93.1354 36.3502 92.6443 36.5417 92.2666 36.9249C91.8943 37.308 91.7081 37.7936 91.7081 38.3818C91.7081 38.97 91.8943 39.4556 92.2666 39.8387C92.6443 40.2219 93.1354 40.4134 93.7397 40.4134C94.0959 40.4134 94.4196 40.3325 94.711 40.1706C95.0024 40.0033 95.2209 39.7794 95.3666 39.4988L96.176 39.9602C95.9386 40.3756 95.6014 40.7075 95.1643 40.9557C94.7326 41.1986 94.2577 41.32 93.7397 41.32Z' fill='black'/%3E%3Cpath d='M102.22 41.2147L101.823 40.0735H99.4109L99.0143 41.2147H98.0025L100.058 35.5489H101.175L103.223 41.2147H102.22ZM99.7185 39.1993H101.515L100.617 36.6416L99.7185 39.1993Z' fill='black'/%3E%3Cpath d='M106.487 34.9823V34.2214H108.754V34.9823H106.487ZM108.851 41.2147V37.37L106.18 41.2147H105.451V35.5489H106.382V39.3936L109.053 35.5489H109.782V41.2147H108.851Z' fill='black'/%3E%3Cpath d='M116.215 35.5489V36.4392H114.62V41.2147H113.69V36.4392H112.087V35.5489H116.215Z' fill='black'/%3E%3Cpath d='M122.933 40.4701C122.366 41.0367 121.673 41.32 120.853 41.32C120.033 41.32 119.337 41.0367 118.765 40.4701C118.198 39.8981 117.915 39.202 117.915 38.3818C117.915 37.5616 118.198 36.8682 118.765 36.3016C119.337 35.7296 120.033 35.4436 120.853 35.4436C121.673 35.4436 122.366 35.7296 122.933 36.3016C123.505 36.8682 123.791 37.5616 123.791 38.3818C123.791 39.202 123.505 39.8981 122.933 40.4701ZM119.42 39.8387C119.809 40.2219 120.286 40.4134 120.853 40.4134C121.419 40.4134 121.894 40.2219 122.277 39.8387C122.666 39.4502 122.86 38.9646 122.86 38.3818C122.86 37.799 122.666 37.3161 122.277 36.933C121.894 36.5444 121.419 36.3502 120.853 36.3502C120.286 36.3502 119.809 36.5444 119.42 36.933C119.037 37.3161 118.845 37.799 118.845 38.3818C118.845 38.9646 119.037 39.4502 119.42 39.8387Z' fill='black'/%3E%3Cpath d='M129.594 38.2766C129.842 38.4061 130.036 38.5842 130.176 38.8108C130.317 39.0374 130.387 39.2991 130.387 39.5959C130.387 40.06 130.222 40.4458 129.893 40.7534C129.564 41.061 129.162 41.2147 128.687 41.2147H126.259V35.5489H128.509C128.973 35.5489 129.364 35.7 129.683 36.0021C130.006 36.2989 130.168 36.6712 130.168 37.1191C130.168 37.6102 129.977 37.996 129.594 38.2766ZM128.509 36.423H127.19V37.9123H128.509C128.714 37.9123 128.887 37.8422 129.027 37.7019C129.167 37.5562 129.237 37.3781 129.237 37.1677C129.237 36.9572 129.167 36.7819 129.027 36.6416C128.887 36.4959 128.714 36.423 128.509 36.423ZM128.687 40.3406C128.903 40.3406 129.084 40.265 129.229 40.1139C129.38 39.9575 129.456 39.7686 129.456 39.5474C129.456 39.3261 129.38 39.14 129.229 38.9889C129.084 38.8324 128.903 38.7541 128.687 38.7541H127.19V40.3406H128.687Z' fill='black'/%3E%3C/svg%3E%0A") left / contain no-repeat; background-size: contain; } @media screen and (max-width: 1020px) { .redstar-logotype:not(.redstar-logotype_mobile) { display: none; } } @media screen and (min-width: 1021px) { .redstar-logotype_mobile { display: none; } } /* End */ /* Start:/local/templates/ystu/assets/css/custom-bootstrap.css?1744285707119938*/ :root, [data-bs-theme=light] { --ystux-blue: #0d6efd; --ystux-indigo: #6610f2; --ystux-purple: #6f42c1; --ystux-pink: #d63384; --ystux-red: #dc3545; --ystux-orange: #fd7e14; --ystux-yellow: #ffc107; --ystux-green: #198754; --ystux-teal: #20c997; --ystux-cyan: #0dcaf0; --ystux-black: #000; --ystux-white: #fff; --ystux-gray: #6c757d; --ystux-gray-dark: #343a40; --ystux-gray-100: #f8f9fa; --ystux-gray-200: #e9ecef; --ystux-gray-300: #dee2e6; --ystux-gray-400: #ced4da; --ystux-gray-500: #adb5bd; --ystux-gray-600: #6c757d; --ystux-gray-700: #495057; --ystux-gray-800: #343a40; --ystux-gray-900: #212529; --ystux-primary: #0d6efd; --ystux-secondary: #6c757d; --ystux-success: #198754; --ystux-info: #0dcaf0; --ystux-warning: #ffc107; --ystux-danger: #dc3545; --ystux-light: #f8f9fa; --ystux-dark: #212529; --ystux-primary-rgb: 13, 110, 253; --ystux-secondary-rgb: 108, 117, 125; --ystux-success-rgb: 25, 135, 84; --ystux-info-rgb: 13, 202, 240; --ystux-warning-rgb: 255, 193, 7; --ystux-danger-rgb: 220, 53, 69; --ystux-light-rgb: 248, 249, 250; --ystux-dark-rgb: 33, 37, 41; --ystux-primary-text-emphasis: rgb(5.2, 44, 101.2); --ystux-secondary-text-emphasis: rgb(43.2, 46.8, 50); --ystux-success-text-emphasis: rgb(10, 54, 33.6); --ystux-info-text-emphasis: rgb(5.2, 80.8, 96); --ystux-warning-text-emphasis: rgb(102, 77.2, 2.8); --ystux-danger-text-emphasis: rgb(88, 21.2, 27.6); --ystux-light-text-emphasis: #495057; --ystux-dark-text-emphasis: #495057; --ystux-primary-bg-subtle: rgb(206.6, 226, 254.6); --ystux-secondary-bg-subtle: rgb(225.6, 227.4, 229); --ystux-success-bg-subtle: rgb(209, 231, 220.8); --ystux-info-bg-subtle: rgb(206.6, 244.4, 252); --ystux-warning-bg-subtle: rgb(255, 242.6, 205.4); --ystux-danger-bg-subtle: rgb(248, 214.6, 217.8); --ystux-light-bg-subtle: rgb(251.5, 252, 252.5); --ystux-dark-bg-subtle: #ced4da; --ystux-primary-border-subtle: rgb(158.2, 197, 254.2); --ystux-secondary-border-subtle: rgb(196.2, 199.8, 203); --ystux-success-border-subtle: rgb(163, 207, 186.6); --ystux-info-border-subtle: rgb(158.2, 233.8, 249); --ystux-warning-border-subtle: rgb(255, 230.2, 155.8); --ystux-danger-border-subtle: rgb(241, 174.2, 180.6); --ystux-light-border-subtle: #e9ecef; --ystux-dark-border-subtle: #adb5bd; --ystux-white-rgb: 255, 255, 255; --ystux-black-rgb: 0, 0, 0; --ystux-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --ystux-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --ystux-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --ystux-body-font-family: var(--ystux-font-sans-serif); --ystux-body-font-size: 1rem; --ystux-body-font-weight: 400; --ystux-body-line-height: 1.5; --ystux-body-color: #212529; --ystux-body-color-rgb: 33, 37, 41; --ystux-body-bg: #fff; --ystux-body-bg-rgb: 255, 255, 255; --ystux-emphasis-color: #000; --ystux-emphasis-color-rgb: 0, 0, 0; --ystux-secondary-color: rgba(33, 37, 41, 0.75); --ystux-secondary-color-rgb: 33, 37, 41; --ystux-secondary-bg: #e9ecef; --ystux-secondary-bg-rgb: 233, 236, 239; --ystux-tertiary-color: rgba(33, 37, 41, 0.5); --ystux-tertiary-color-rgb: 33, 37, 41; --ystux-tertiary-bg: #f8f9fa; --ystux-tertiary-bg-rgb: 248, 249, 250; --ystux-heading-color: inherit; --ystux-link-color: #0d6efd; --ystux-link-color-rgb: 13, 110, 253; --ystux-link-decoration: underline; --ystux-link-hover-color: rgb(10.4, 88, 202.4); --ystux-link-hover-color-rgb: 10, 88, 202; --ystux-code-color: #d63384; --ystux-highlight-color: #212529; --ystux-highlight-bg: rgb(255, 242.6, 205.4); --ystux-border-width: 1px; --ystux-border-style: solid; --ystux-border-color: #dee2e6; --ystux-border-color-translucent: rgba(0, 0, 0, 0.175); --ystux-border-radius: 0.375rem; --ystux-border-radius-sm: 0.25rem; --ystux-border-radius-lg: 0.5rem; --ystux-border-radius-xl: 1rem; --ystux-border-radius-xxl: 2rem; --ystux-border-radius-2xl: var(--ystux-border-radius-xxl); --ystux-border-radius-pill: 50rem; --ystux-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --ystux-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --ystux-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); --ystux-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); --ystux-focus-ring-width: 0.25rem; --ystux-focus-ring-opacity: 0.25; --ystux-focus-ring-color: rgba(13, 110, 253, 0.25); --ystux-form-valid-color: #198754; --ystux-form-valid-border-color: #198754; --ystux-form-invalid-color: #dc3545; --ystux-form-invalid-border-color: #dc3545; } [data-bs-theme=dark] { color-scheme: dark; --ystux-body-color: #dee2e6; --ystux-body-color-rgb: 222, 226, 230; --ystux-body-bg: #212529; --ystux-body-bg-rgb: 33, 37, 41; --ystux-emphasis-color: #fff; --ystux-emphasis-color-rgb: 255, 255, 255; --ystux-secondary-color: rgba(222, 226, 230, 0.75); --ystux-secondary-color-rgb: 222, 226, 230; --ystux-secondary-bg: #343a40; --ystux-secondary-bg-rgb: 52, 58, 64; --ystux-tertiary-color: rgba(222, 226, 230, 0.5); --ystux-tertiary-color-rgb: 222, 226, 230; --ystux-tertiary-bg: rgb(42.5, 47.5, 52.5); --ystux-tertiary-bg-rgb: 43, 48, 53; --ystux-primary-text-emphasis: rgb(109.8, 168, 253.8); --ystux-secondary-text-emphasis: rgb(166.8, 172.2, 177); --ystux-success-text-emphasis: rgb(117, 183, 152.4); --ystux-info-text-emphasis: rgb(109.8, 223.2, 246); --ystux-warning-text-emphasis: rgb(255, 217.8, 106.2); --ystux-danger-text-emphasis: rgb(234, 133.8, 143.4); --ystux-light-text-emphasis: #f8f9fa; --ystux-dark-text-emphasis: #dee2e6; --ystux-primary-bg-subtle: rgb(2.6, 22, 50.6); --ystux-secondary-bg-subtle: rgb(21.6, 23.4, 25); --ystux-success-bg-subtle: rgb(5, 27, 16.8); --ystux-info-bg-subtle: rgb(2.6, 40.4, 48); --ystux-warning-bg-subtle: rgb(51, 38.6, 1.4); --ystux-danger-bg-subtle: rgb(44, 10.6, 13.8); --ystux-light-bg-subtle: #343a40; --ystux-dark-bg-subtle: #1a1d20; --ystux-primary-border-subtle: rgb(7.8, 66, 151.8); --ystux-secondary-border-subtle: rgb(64.8, 70.2, 75); --ystux-success-border-subtle: rgb(15, 81, 50.4); --ystux-info-border-subtle: rgb(7.8, 121.2, 144); --ystux-warning-border-subtle: rgb(153, 115.8, 4.2); --ystux-danger-border-subtle: rgb(132, 31.8, 41.4); --ystux-light-border-subtle: #495057; --ystux-dark-border-subtle: #343a40; --ystux-heading-color: inherit; --ystux-link-color: rgb(109.8, 168, 253.8); --ystux-link-hover-color: rgb(138.84, 185.4, 254.04); --ystux-link-color-rgb: 110, 168, 254; --ystux-link-hover-color-rgb: 139, 185, 254; --ystux-code-color: rgb(230.4, 132.6, 181.2); --ystux-highlight-color: #dee2e6; --ystux-highlight-bg: rgb(102, 77.2, 2.8); --ystux-border-color: #495057; --ystux-border-color-translucent: rgba(255, 255, 255, 0.15); --ystux-form-valid-color: rgb(117, 183, 152.4); --ystux-form-valid-border-color: rgb(117, 183, 152.4); --ystux-form-invalid-color: rgb(234, 133.8, 143.4); --ystux-form-invalid-border-color: rgb(234, 133.8, 143.4); } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: var(--ystux-body-bg); border: var(--ystux-border-width) solid var(--ystux-border-color); border-radius: var(--ystux-border-radius); max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 0.875em; color: var(--ystux-secondary-color); } :root { --ystux-breakpoint-xs: 0; --ystux-breakpoint-sm: 576px; --ystux-breakpoint-md: 768px; --ystux-breakpoint-lg: 992px; --ystux-breakpoint-xl: 1200px; --ystux-breakpoint-xxl: 1400px; } .row { --ystux-gutter-x: 1.5rem; --ystux-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--ystux-gutter-y)); margin-right: calc(-0.5 * var(--ystux-gutter-x)); margin-left: calc(-0.5 * var(--ystux-gutter-x)); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--ystux-gutter-x) * 0.5); padding-left: calc(var(--ystux-gutter-x) * 0.5); margin-top: var(--ystux-gutter-y); } .col { flex: 1 0 0; } .row-cols-auto > * { flex: 0 0 auto; width: auto; } .row-cols-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.33333333%; } .col-2 { flex: 0 0 auto; width: 16.66666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.33333333%; } .col-5 { flex: 0 0 auto; width: 41.66666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.33333333%; } .col-8 { flex: 0 0 auto; width: 66.66666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.33333333%; } .col-11 { flex: 0 0 auto; width: 91.66666667%; } .col-12 { flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } .g-0, .gx-0 { --ystux-gutter-x: 0; } .g-0, .gy-0 { --ystux-gutter-y: 0; } .g-1, .gx-1 { --ystux-gutter-x: 0.25rem; } .g-1, .gy-1 { --ystux-gutter-y: 0.25rem; } .g-2, .gx-2 { --ystux-gutter-x: 0.5rem; } .g-2, .gy-2 { --ystux-gutter-y: 0.5rem; } .g-3, .gx-3 { --ystux-gutter-x: 1rem; } .g-3, .gy-3 { --ystux-gutter-y: 1rem; } .g-4, .gx-4 { --ystux-gutter-x: 1.5rem; } .g-4, .gy-4 { --ystux-gutter-y: 1.5rem; } .g-5, .gx-5 { --ystux-gutter-x: 3rem; } .g-5, .gy-5 { --ystux-gutter-y: 3rem; } @media (min-width: 576px) { .col-sm { flex: 1 0 0; } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } .g-sm-0, .gx-sm-0 { --ystux-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --ystux-gutter-y: 0; } .g-sm-1, .gx-sm-1 { --ystux-gutter-x: 0.25rem; } .g-sm-1, .gy-sm-1 { --ystux-gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { --ystux-gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { --ystux-gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { --ystux-gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { --ystux-gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --ystux-gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --ystux-gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --ystux-gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { --ystux-gutter-y: 3rem; } } @media (min-width: 768px) { .col-md { flex: 1 0 0; } .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } .g-md-0, .gx-md-0 { --ystux-gutter-x: 0; } .g-md-0, .gy-md-0 { --ystux-gutter-y: 0; } .g-md-1, .gx-md-1 { --ystux-gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { --ystux-gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { --ystux-gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { --ystux-gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { --ystux-gutter-x: 1rem; } .g-md-3, .gy-md-3 { --ystux-gutter-y: 1rem; } .g-md-4, .gx-md-4 { --ystux-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --ystux-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --ystux-gutter-x: 3rem; } .g-md-5, .gy-md-5 { --ystux-gutter-y: 3rem; } } @media (min-width: 992px) { .col-lg { flex: 1 0 0; } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } .g-lg-0, .gx-lg-0 { --ystux-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --ystux-gutter-y: 0; } .g-lg-1, .gx-lg-1 { --ystux-gutter-x: 0.25rem; } .g-lg-1, .gy-lg-1 { --ystux-gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { --ystux-gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { --ystux-gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { --ystux-gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { --ystux-gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --ystux-gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --ystux-gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --ystux-gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { --ystux-gutter-y: 3rem; } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0; } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } .g-xl-0, .gx-xl-0 { --ystux-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --ystux-gutter-y: 0; } .g-xl-1, .gx-xl-1 { --ystux-gutter-x: 0.25rem; } .g-xl-1, .gy-xl-1 { --ystux-gutter-y: 0.25rem; } .g-xl-2, .gx-xl-2 { --ystux-gutter-x: 0.5rem; } .g-xl-2, .gy-xl-2 { --ystux-gutter-y: 0.5rem; } .g-xl-3, .gx-xl-3 { --ystux-gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { --ystux-gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { --ystux-gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { --ystux-gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { --ystux-gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { --ystux-gutter-y: 3rem; } } @media (min-width: 1400px) { .col-xxl { flex: 1 0 0; } .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333333%; } .offset-xxl-2 { margin-left: 16.66666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333333%; } .offset-xxl-5 { margin-left: 41.66666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333333%; } .offset-xxl-8 { margin-left: 66.66666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333333%; } .offset-xxl-11 { margin-left: 91.66666667%; } .g-xxl-0, .gx-xxl-0 { --ystux-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --ystux-gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --ystux-gutter-x: 0.25rem; } .g-xxl-1, .gy-xxl-1 { --ystux-gutter-y: 0.25rem; } .g-xxl-2, .gx-xxl-2 { --ystux-gutter-x: 0.5rem; } .g-xxl-2, .gy-xxl-2 { --ystux-gutter-y: 0.5rem; } .g-xxl-3, .gx-xxl-3 { --ystux-gutter-x: 1rem; } .g-xxl-3, .gy-xxl-3 { --ystux-gutter-y: 1rem; } .g-xxl-4, .gx-xxl-4 { --ystux-gutter-x: 1.5rem; } .g-xxl-4, .gy-xxl-4 { --ystux-gutter-y: 1.5rem; } .g-xxl-5, .gx-xxl-5 { --ystux-gutter-x: 3rem; } .g-xxl-5, .gy-xxl-5 { --ystux-gutter-y: 3rem; } } .clearfix::after { display: block; clear: both; content: ""; } .text-bg-primary { color: #fff !important; background-color: RGBA(var(--ystux-primary-rgb), var(--ystux-bg-opacity, 1)) !important; } .text-bg-secondary { color: #fff !important; background-color: RGBA(var(--ystux-secondary-rgb), var(--ystux-bg-opacity, 1)) !important; } .text-bg-success { color: #fff !important; background-color: RGBA(var(--ystux-success-rgb), var(--ystux-bg-opacity, 1)) !important; } .text-bg-info { color: #000 !important; background-color: RGBA(var(--ystux-info-rgb), var(--ystux-bg-opacity, 1)) !important; } .text-bg-warning { color: #000 !important; background-color: RGBA(var(--ystux-warning-rgb), var(--ystux-bg-opacity, 1)) !important; } .text-bg-danger { color: #fff !important; background-color: RGBA(var(--ystux-danger-rgb), var(--ystux-bg-opacity, 1)) !important; } .text-bg-light { color: #000 !important; background-color: RGBA(var(--ystux-light-rgb), var(--ystux-bg-opacity, 1)) !important; } .text-bg-dark { color: #fff !important; background-color: RGBA(var(--ystux-dark-rgb), var(--ystux-bg-opacity, 1)) !important; } .link-primary { color: RGBA(var(--ystux-primary-rgb), var(--ystux-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--ystux-primary-rgb), var(--ystux-link-underline-opacity, 1)) !important; } .link-primary:hover, .link-primary:focus { color: RGBA(10, 88, 202, var(--ystux-link-opacity, 1)) !important; text-decoration-color: RGBA(10, 88, 202, var(--ystux-link-underline-opacity, 1)) !important; } .link-secondary { color: RGBA(var(--ystux-secondary-rgb), var(--ystux-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--ystux-secondary-rgb), var(--ystux-link-underline-opacity, 1)) !important; } .link-secondary:hover, .link-secondary:focus { color: RGBA(86, 94, 100, var(--ystux-link-opacity, 1)) !important; text-decoration-color: RGBA(86, 94, 100, var(--ystux-link-underline-opacity, 1)) !important; } .link-success { color: RGBA(var(--ystux-success-rgb), var(--ystux-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--ystux-success-rgb), var(--ystux-link-underline-opacity, 1)) !important; } .link-success:hover, .link-success:focus { color: RGBA(20, 108, 67, var(--ystux-link-opacity, 1)) !important; text-decoration-color: RGBA(20, 108, 67, var(--ystux-link-underline-opacity, 1)) !important; } .link-info { color: RGBA(var(--ystux-info-rgb), var(--ystux-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--ystux-info-rgb), var(--ystux-link-underline-opacity, 1)) !important; } .link-info:hover, .link-info:focus { color: RGBA(61, 213, 243, var(--ystux-link-opacity, 1)) !important; text-decoration-color: RGBA(61, 213, 243, var(--ystux-link-underline-opacity, 1)) !important; } .link-warning { color: RGBA(var(--ystux-warning-rgb), var(--ystux-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--ystux-warning-rgb), var(--ystux-link-underline-opacity, 1)) !important; } .link-warning:hover, .link-warning:focus { color: RGBA(255, 205, 57, var(--ystux-link-opacity, 1)) !important; text-decoration-color: RGBA(255, 205, 57, var(--ystux-link-underline-opacity, 1)) !important; } .link-danger { color: RGBA(var(--ystux-danger-rgb), var(--ystux-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--ystux-danger-rgb), var(--ystux-link-underline-opacity, 1)) !important; } .link-danger:hover, .link-danger:focus { color: RGBA(176, 42, 55, var(--ystux-link-opacity, 1)) !important; text-decoration-color: RGBA(176, 42, 55, var(--ystux-link-underline-opacity, 1)) !important; } .link-light { color: RGBA(var(--ystux-light-rgb), var(--ystux-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--ystux-light-rgb), var(--ystux-link-underline-opacity, 1)) !important; } .link-light:hover, .link-light:focus { color: RGBA(249, 250, 251, var(--ystux-link-opacity, 1)) !important; text-decoration-color: RGBA(249, 250, 251, var(--ystux-link-underline-opacity, 1)) !important; } .link-dark { color: RGBA(var(--ystux-dark-rgb), var(--ystux-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--ystux-dark-rgb), var(--ystux-link-underline-opacity, 1)) !important; } .link-dark:hover, .link-dark:focus { color: RGBA(26, 30, 33, var(--ystux-link-opacity, 1)) !important; text-decoration-color: RGBA(26, 30, 33, var(--ystux-link-underline-opacity, 1)) !important; } .link-body-emphasis { color: RGBA(var(--ystux-emphasis-color-rgb), var(--ystux-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--ystux-emphasis-color-rgb), var(--ystux-link-underline-opacity, 1)) !important; } .link-body-emphasis:hover, .link-body-emphasis:focus { color: RGBA(var(--ystux-emphasis-color-rgb), var(--ystux-link-opacity, 0.75)) !important; text-decoration-color: RGBA(var(--ystux-emphasis-color-rgb), var(--ystux-link-underline-opacity, 0.75)) !important; } .focus-ring:focus { outline: 0; box-shadow: var(--ystux-focus-ring-x, 0) var(--ystux-focus-ring-y, 0) var(--ystux-focus-ring-blur, 0) var(--ystux-focus-ring-width) var(--ystux-focus-ring-color); } .icon-link { display: inline-flex; gap: 0.375rem; align-items: center; text-decoration-color: rgba(var(--ystux-link-color-rgb), var(--ystux-link-opacity, 0.5)); text-underline-offset: 0.25em; backface-visibility: hidden; } .icon-link > .bi { flex-shrink: 0; width: 1em; height: 1em; fill: currentcolor; transition: 0.2s ease-in-out transform; } @media (prefers-reduced-motion: reduce) { .icon-link > .bi { transition: none; } } .icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi { transform: var(--ystux-icon-link-transform, translate3d(0.25em, 0, 0)); } .ratio { position: relative; width: 100%; } .ratio::before { display: block; padding-top: var(--ystux-aspect-ratio); content: ""; } .ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ratio-1x1 { --ystux-aspect-ratio: 100%; } .ratio-4x3 { --ystux-aspect-ratio: 75%; } .ratio-16x9 { --ystux-aspect-ratio: 56.25%; } .ratio-21x9 { --ystux-aspect-ratio: 42.8571428571%; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } .sticky-top { position: sticky; top: 0; z-index: 1020; } .sticky-bottom { position: sticky; bottom: 0; z-index: 1020; } @media (min-width: 576px) { .sticky-sm-top { position: sticky; top: 0; z-index: 1020; } .sticky-sm-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 768px) { .sticky-md-top { position: sticky; top: 0; z-index: 1020; } .sticky-md-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 992px) { .sticky-lg-top { position: sticky; top: 0; z-index: 1020; } .sticky-lg-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 1200px) { .sticky-xl-top { position: sticky; top: 0; z-index: 1020; } .sticky-xl-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 1400px) { .sticky-xxl-top { position: sticky; top: 0; z-index: 1020; } .sticky-xxl-bottom { position: sticky; bottom: 0; z-index: 1020; } } .hstack { display: flex; flex-direction: row; align-items: center; align-self: stretch; } .vstack { display: flex; flex: 1 1 auto; flex-direction: column; align-self: stretch; } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .visually-hidden:not(caption), .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) { position: absolute !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vr { display: inline-block; align-self: stretch; width: var(--ystux-border-width); min-height: 1em; background-color: currentcolor; opacity: 0.25; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .float-start { float: left !important; } .float-end { float: right !important; } .float-none { float: none !important; } .object-fit-contain { object-fit: contain !important; } .object-fit-cover { object-fit: cover !important; } .object-fit-fill { object-fit: fill !important; } .object-fit-scale { object-fit: scale-down !important; } .object-fit-none { object-fit: none !important; } .opacity-0 { opacity: 0 !important; } .opacity-25 { opacity: 0.25 !important; } .opacity-50 { opacity: 0.5 !important; } .opacity-75 { opacity: 0.75 !important; } .opacity-100 { opacity: 1 !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .overflow-x-auto { overflow-x: auto !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overflow-x-visible { overflow-x: visible !important; } .overflow-x-scroll { overflow-x: scroll !important; } .overflow-y-auto { overflow-y: auto !important; } .overflow-y-hidden { overflow-y: hidden !important; } .overflow-y-visible { overflow-y: visible !important; } .overflow-y-scroll { overflow-y: scroll !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !important; } .d-inline-grid { display: inline-grid !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .d-none { display: none !important; } .shadow { box-shadow: var(--ystux-box-shadow) !important; } .shadow-sm { box-shadow: var(--ystux-box-shadow-sm) !important; } .shadow-lg { box-shadow: var(--ystux-box-shadow-lg) !important; } .shadow-none { box-shadow: none !important; } .focus-ring-primary { --ystux-focus-ring-color: rgba(var(--ystux-primary-rgb), var(--ystux-focus-ring-opacity)); } .focus-ring-secondary { --ystux-focus-ring-color: rgba(var(--ystux-secondary-rgb), var(--ystux-focus-ring-opacity)); } .focus-ring-success { --ystux-focus-ring-color: rgba(var(--ystux-success-rgb), var(--ystux-focus-ring-opacity)); } .focus-ring-info { --ystux-focus-ring-color: rgba(var(--ystux-info-rgb), var(--ystux-focus-ring-opacity)); } .focus-ring-warning { --ystux-focus-ring-color: rgba(var(--ystux-warning-rgb), var(--ystux-focus-ring-opacity)); } .focus-ring-danger { --ystux-focus-ring-color: rgba(var(--ystux-danger-rgb), var(--ystux-focus-ring-opacity)); } .focus-ring-light { --ystux-focus-ring-color: rgba(var(--ystux-light-rgb), var(--ystux-focus-ring-opacity)); } .focus-ring-dark { --ystux-focus-ring-color: rgba(var(--ystux-dark-rgb), var(--ystux-focus-ring-opacity)); } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .top-0 { top: 0 !important; } .top-50 { top: 50% !important; } .top-100 { top: 100% !important; } .bottom-0 { bottom: 0 !important; } .bottom-50 { bottom: 50% !important; } .bottom-100 { bottom: 100% !important; } .start-0 { left: 0 !important; } .start-50 { left: 50% !important; } .start-100 { left: 100% !important; } .end-0 { right: 0 !important; } .end-50 { right: 50% !important; } .end-100 { right: 100% !important; } .translate-middle { transform: translate(-50%, -50%) !important; } .translate-middle-x { transform: translateX(-50%) !important; } .translate-middle-y { transform: translateY(-50%) !important; } .border { border: var(--ystux-border-width) var(--ystux-border-style) var(--ystux-border-color) !important; } .border-0 { border: 0 !important; } .border-top { border-top: var(--ystux-border-width) var(--ystux-border-style) var(--ystux-border-color) !important; } .border-top-0 { border-top: 0 !important; } .border-end { border-right: var(--ystux-border-width) var(--ystux-border-style) var(--ystux-border-color) !important; } .border-end-0 { border-right: 0 !important; } .border-bottom { border-bottom: var(--ystux-border-width) var(--ystux-border-style) var(--ystux-border-color) !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-start { border-left: var(--ystux-border-width) var(--ystux-border-style) var(--ystux-border-color) !important; } .border-start-0 { border-left: 0 !important; } .border-primary { --ystux-border-opacity: 1; border-color: rgba(var(--ystux-primary-rgb), var(--ystux-border-opacity)) !important; } .border-secondary { --ystux-border-opacity: 1; border-color: rgba(var(--ystux-secondary-rgb), var(--ystux-border-opacity)) !important; } .border-success { --ystux-border-opacity: 1; border-color: rgba(var(--ystux-success-rgb), var(--ystux-border-opacity)) !important; } .border-info { --ystux-border-opacity: 1; border-color: rgba(var(--ystux-info-rgb), var(--ystux-border-opacity)) !important; } .border-warning { --ystux-border-opacity: 1; border-color: rgba(var(--ystux-warning-rgb), var(--ystux-border-opacity)) !important; } .border-danger { --ystux-border-opacity: 1; border-color: rgba(var(--ystux-danger-rgb), var(--ystux-border-opacity)) !important; } .border-light { --ystux-border-opacity: 1; border-color: rgba(var(--ystux-light-rgb), var(--ystux-border-opacity)) !important; } .border-dark { --ystux-border-opacity: 1; border-color: rgba(var(--ystux-dark-rgb), var(--ystux-border-opacity)) !important; } .border-black { --ystux-border-opacity: 1; border-color: rgba(var(--ystux-black-rgb), var(--ystux-border-opacity)) !important; } .border-white { --ystux-border-opacity: 1; border-color: rgba(var(--ystux-white-rgb), var(--ystux-border-opacity)) !important; } .border-primary-subtle { border-color: var(--ystux-primary-border-subtle) !important; } .border-secondary-subtle { border-color: var(--ystux-secondary-border-subtle) !important; } .border-success-subtle { border-color: var(--ystux-success-border-subtle) !important; } .border-info-subtle { border-color: var(--ystux-info-border-subtle) !important; } .border-warning-subtle { border-color: var(--ystux-warning-border-subtle) !important; } .border-danger-subtle { border-color: var(--ystux-danger-border-subtle) !important; } .border-light-subtle { border-color: var(--ystux-light-border-subtle) !important; } .border-dark-subtle { border-color: var(--ystux-dark-border-subtle) !important; } .border-1 { border-width: 1px !important; } .border-2 { border-width: 2px !important; } .border-3 { border-width: 3px !important; } .border-4 { border-width: 4px !important; } .border-5 { border-width: 5px !important; } .border-opacity-10 { --ystux-border-opacity: 0.1; } .border-opacity-25 { --ystux-border-opacity: 0.25; } .border-opacity-50 { --ystux-border-opacity: 0.5; } .border-opacity-75 { --ystux-border-opacity: 0.75; } .border-opacity-100 { --ystux-border-opacity: 1; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .mw-100 { max-width: 100% !important; } .vw-100 { width: 100vw !important; } .min-vw-100 { min-width: 100vw !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mh-100 { max-height: 100% !important; } .vh-100 { height: 100vh !important; } .min-vh-100 { min-height: 100vh !important; } .flex-fill { flex: 1 1 auto !important; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .justify-content-evenly { justify-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .order-first { order: -1 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-last { order: 6 !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 3rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mt-auto { margin-top: auto !important; } .me-0 { margin-right: 0 !important; } .me-1 { margin-right: 0.25rem !important; } .me-2 { margin-right: 0.5rem !important; } .me-3 { margin-right: 1rem !important; } .me-4 { margin-right: 1.5rem !important; } .me-5 { margin-right: 3rem !important; } .me-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .mb-auto { margin-bottom: auto !important; } .ms-0 { margin-left: 0 !important; } .ms-1 { margin-left: 0.25rem !important; } .ms-2 { margin-left: 0.5rem !important; } .ms-3 { margin-left: 1rem !important; } .ms-4 { margin-left: 1.5rem !important; } .ms-5 { margin-left: 3rem !important; } .ms-auto { margin-left: auto !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 3rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .pe-0 { padding-right: 0 !important; } .pe-1 { padding-right: 0.25rem !important; } .pe-2 { padding-right: 0.5rem !important; } .pe-3 { padding-right: 1rem !important; } .pe-4 { padding-right: 1.5rem !important; } .pe-5 { padding-right: 3rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } .ps-0 { padding-left: 0 !important; } .ps-1 { padding-left: 0.25rem !important; } .ps-2 { padding-left: 0.5rem !important; } .ps-3 { padding-left: 1rem !important; } .ps-4 { padding-left: 1.5rem !important; } .ps-5 { padding-left: 3rem !important; } .gap-0 { gap: 0 !important; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 1rem !important; } .gap-4 { gap: 1.5rem !important; } .gap-5 { gap: 3rem !important; } .row-gap-0 { row-gap: 0 !important; } .row-gap-1 { row-gap: 0.25rem !important; } .row-gap-2 { row-gap: 0.5rem !important; } .row-gap-3 { row-gap: 1rem !important; } .row-gap-4 { row-gap: 1.5rem !important; } .row-gap-5 { row-gap: 3rem !important; } .column-gap-0 { column-gap: 0 !important; } .column-gap-1 { column-gap: 0.25rem !important; } .column-gap-2 { column-gap: 0.5rem !important; } .column-gap-3 { column-gap: 1rem !important; } .column-gap-4 { column-gap: 1.5rem !important; } .column-gap-5 { column-gap: 3rem !important; } .font-monospace { font-family: var(--ystux-font-monospace) !important; } .fs-1 { font-size: calc(1.375rem + 1.5vw) !important; } .fs-2 { font-size: calc(1.325rem + 0.9vw) !important; } .fs-3 { font-size: calc(1.3rem + 0.6vw) !important; } .fs-4 { font-size: calc(1.275rem + 0.3vw) !important; } .fs-5 { font-size: 1.25rem !important; } .fs-6 { font-size: 1rem !important; } .fst-italic { font-style: italic !important; } .fst-normal { font-style: normal !important; } .fw-lighter { font-weight: lighter !important; } .fw-light { font-weight: 300 !important; } .fw-normal { font-weight: 400 !important; } .fw-medium { font-weight: 500 !important; } .fw-semibold { font-weight: 600 !important; } .fw-bold { font-weight: 700 !important; } .fw-bolder { font-weight: bolder !important; } .lh-1 { line-height: 1 !important; } .lh-sm { line-height: 1.25 !important; } .lh-base { line-height: 1.5 !important; } .lh-lg { line-height: 2 !important; } .text-start { text-align: left !important; } .text-end { text-align: right !important; } .text-center { text-align: center !important; } .text-decoration-none { text-decoration: none !important; } .text-decoration-underline { text-decoration: underline !important; } .text-decoration-line-through { text-decoration: line-through !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } /* rtl:begin:remove */ .text-break { word-wrap: break-word !important; word-break: break-word !important; } /* rtl:end:remove */ .text-primary { --ystux-text-opacity: 1; color: rgba(var(--ystux-primary-rgb), var(--ystux-text-opacity)) !important; } .text-secondary { --ystux-text-opacity: 1; color: rgba(var(--ystux-secondary-rgb), var(--ystux-text-opacity)) !important; } .text-success { --ystux-text-opacity: 1; color: rgba(var(--ystux-success-rgb), var(--ystux-text-opacity)) !important; } .text-info { --ystux-text-opacity: 1; color: rgba(var(--ystux-info-rgb), var(--ystux-text-opacity)) !important; } .text-warning { --ystux-text-opacity: 1; color: rgba(var(--ystux-warning-rgb), var(--ystux-text-opacity)) !important; } .text-danger { --ystux-text-opacity: 1; color: rgba(var(--ystux-danger-rgb), var(--ystux-text-opacity)) !important; } .text-light { --ystux-text-opacity: 1; color: rgba(var(--ystux-light-rgb), var(--ystux-text-opacity)) !important; } .text-dark { --ystux-text-opacity: 1; color: rgba(var(--ystux-dark-rgb), var(--ystux-text-opacity)) !important; } .text-black { --ystux-text-opacity: 1; color: rgba(var(--ystux-black-rgb), var(--ystux-text-opacity)) !important; } .text-white { --ystux-text-opacity: 1; color: rgba(var(--ystux-white-rgb), var(--ystux-text-opacity)) !important; } .text-body { --ystux-text-opacity: 1; color: rgba(var(--ystux-body-color-rgb), var(--ystux-text-opacity)) !important; } .text-muted { --ystux-text-opacity: 1; color: var(--ystux-secondary-color) !important; } .text-black-50 { --ystux-text-opacity: 1; color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { --ystux-text-opacity: 1; color: rgba(255, 255, 255, 0.5) !important; } .text-body-secondary { --ystux-text-opacity: 1; color: var(--ystux-secondary-color) !important; } .text-body-tertiary { --ystux-text-opacity: 1; color: var(--ystux-tertiary-color) !important; } .text-body-emphasis { --ystux-text-opacity: 1; color: var(--ystux-emphasis-color) !important; } .text-reset { --ystux-text-opacity: 1; color: inherit !important; } .text-opacity-25 { --ystux-text-opacity: 0.25; } .text-opacity-50 { --ystux-text-opacity: 0.5; } .text-opacity-75 { --ystux-text-opacity: 0.75; } .text-opacity-100 { --ystux-text-opacity: 1; } .text-primary-emphasis { color: var(--ystux-primary-text-emphasis) !important; } .text-secondary-emphasis { color: var(--ystux-secondary-text-emphasis) !important; } .text-success-emphasis { color: var(--ystux-success-text-emphasis) !important; } .text-info-emphasis { color: var(--ystux-info-text-emphasis) !important; } .text-warning-emphasis { color: var(--ystux-warning-text-emphasis) !important; } .text-danger-emphasis { color: var(--ystux-danger-text-emphasis) !important; } .text-light-emphasis { color: var(--ystux-light-text-emphasis) !important; } .text-dark-emphasis { color: var(--ystux-dark-text-emphasis) !important; } .link-opacity-10 { --ystux-link-opacity: 0.1; } .link-opacity-10-hover:hover { --ystux-link-opacity: 0.1; } .link-opacity-25 { --ystux-link-opacity: 0.25; } .link-opacity-25-hover:hover { --ystux-link-opacity: 0.25; } .link-opacity-50 { --ystux-link-opacity: 0.5; } .link-opacity-50-hover:hover { --ystux-link-opacity: 0.5; } .link-opacity-75 { --ystux-link-opacity: 0.75; } .link-opacity-75-hover:hover { --ystux-link-opacity: 0.75; } .link-opacity-100 { --ystux-link-opacity: 1; } .link-opacity-100-hover:hover { --ystux-link-opacity: 1; } .link-offset-1 { text-underline-offset: 0.125em !important; } .link-offset-1-hover:hover { text-underline-offset: 0.125em !important; } .link-offset-2 { text-underline-offset: 0.25em !important; } .link-offset-2-hover:hover { text-underline-offset: 0.25em !important; } .link-offset-3 { text-underline-offset: 0.375em !important; } .link-offset-3-hover:hover { text-underline-offset: 0.375em !important; } .link-underline-primary { --ystux-link-underline-opacity: 1; text-decoration-color: rgba(var(--ystux-primary-rgb), var(--ystux-link-underline-opacity)) !important; } .link-underline-secondary { --ystux-link-underline-opacity: 1; text-decoration-color: rgba(var(--ystux-secondary-rgb), var(--ystux-link-underline-opacity)) !important; } .link-underline-success { --ystux-link-underline-opacity: 1; text-decoration-color: rgba(var(--ystux-success-rgb), var(--ystux-link-underline-opacity)) !important; } .link-underline-info { --ystux-link-underline-opacity: 1; text-decoration-color: rgba(var(--ystux-info-rgb), var(--ystux-link-underline-opacity)) !important; } .link-underline-warning { --ystux-link-underline-opacity: 1; text-decoration-color: rgba(var(--ystux-warning-rgb), var(--ystux-link-underline-opacity)) !important; } .link-underline-danger { --ystux-link-underline-opacity: 1; text-decoration-color: rgba(var(--ystux-danger-rgb), var(--ystux-link-underline-opacity)) !important; } .link-underline-light { --ystux-link-underline-opacity: 1; text-decoration-color: rgba(var(--ystux-light-rgb), var(--ystux-link-underline-opacity)) !important; } .link-underline-dark { --ystux-link-underline-opacity: 1; text-decoration-color: rgba(var(--ystux-dark-rgb), var(--ystux-link-underline-opacity)) !important; } .link-underline { --ystux-link-underline-opacity: 1; text-decoration-color: rgba(var(--ystux-link-color-rgb), var(--ystux-link-underline-opacity, 1)) !important; } .link-underline-opacity-0 { --ystux-link-underline-opacity: 0; } .link-underline-opacity-0-hover:hover { --ystux-link-underline-opacity: 0; } .link-underline-opacity-10 { --ystux-link-underline-opacity: 0.1; } .link-underline-opacity-10-hover:hover { --ystux-link-underline-opacity: 0.1; } .link-underline-opacity-25 { --ystux-link-underline-opacity: 0.25; } .link-underline-opacity-25-hover:hover { --ystux-link-underline-opacity: 0.25; } .link-underline-opacity-50 { --ystux-link-underline-opacity: 0.5; } .link-underline-opacity-50-hover:hover { --ystux-link-underline-opacity: 0.5; } .link-underline-opacity-75 { --ystux-link-underline-opacity: 0.75; } .link-underline-opacity-75-hover:hover { --ystux-link-underline-opacity: 0.75; } .link-underline-opacity-100 { --ystux-link-underline-opacity: 1; } .link-underline-opacity-100-hover:hover { --ystux-link-underline-opacity: 1; } .bg-primary { --ystux-bg-opacity: 1; background-color: rgba(var(--ystux-primary-rgb), var(--ystux-bg-opacity)) !important; } .bg-secondary { --ystux-bg-opacity: 1; background-color: rgba(var(--ystux-secondary-rgb), var(--ystux-bg-opacity)) !important; } .bg-success { --ystux-bg-opacity: 1; background-color: rgba(var(--ystux-success-rgb), var(--ystux-bg-opacity)) !important; } .bg-info { --ystux-bg-opacity: 1; background-color: rgba(var(--ystux-info-rgb), var(--ystux-bg-opacity)) !important; } .bg-warning { --ystux-bg-opacity: 1; background-color: rgba(var(--ystux-warning-rgb), var(--ystux-bg-opacity)) !important; } .bg-danger { --ystux-bg-opacity: 1; background-color: rgba(var(--ystux-danger-rgb), var(--ystux-bg-opacity)) !important; } .bg-light { --ystux-bg-opacity: 1; background-color: rgba(var(--ystux-light-rgb), var(--ystux-bg-opacity)) !important; } .bg-dark { --ystux-bg-opacity: 1; background-color: rgba(var(--ystux-dark-rgb), var(--ystux-bg-opacity)) !important; } .bg-black { --ystux-bg-opacity: 1; background-color: rgba(var(--ystux-black-rgb), var(--ystux-bg-opacity)) !important; } .bg-white { --ystux-bg-opacity: 1; background-color: rgba(var(--ystux-white-rgb), var(--ystux-bg-opacity)) !important; } .bg-body { --ystux-bg-opacity: 1; background-color: rgba(var(--ystux-body-bg-rgb), var(--ystux-bg-opacity)) !important; } .bg-transparent { --ystux-bg-opacity: 1; background-color: transparent !important; } .bg-body-secondary { --ystux-bg-opacity: 1; background-color: rgba(var(--ystux-secondary-bg-rgb), var(--ystux-bg-opacity)) !important; } .bg-body-tertiary { --ystux-bg-opacity: 1; background-color: rgba(var(--ystux-tertiary-bg-rgb), var(--ystux-bg-opacity)) !important; } .bg-opacity-10 { --ystux-bg-opacity: 0.1; } .bg-opacity-25 { --ystux-bg-opacity: 0.25; } .bg-opacity-50 { --ystux-bg-opacity: 0.5; } .bg-opacity-75 { --ystux-bg-opacity: 0.75; } .bg-opacity-100 { --ystux-bg-opacity: 1; } .bg-primary-subtle { background-color: var(--ystux-primary-bg-subtle) !important; } .bg-secondary-subtle { background-color: var(--ystux-secondary-bg-subtle) !important; } .bg-success-subtle { background-color: var(--ystux-success-bg-subtle) !important; } .bg-info-subtle { background-color: var(--ystux-info-bg-subtle) !important; } .bg-warning-subtle { background-color: var(--ystux-warning-bg-subtle) !important; } .bg-danger-subtle { background-color: var(--ystux-danger-bg-subtle) !important; } .bg-light-subtle { background-color: var(--ystux-light-bg-subtle) !important; } .bg-dark-subtle { background-color: var(--ystux-dark-bg-subtle) !important; } .bg-gradient { background-image: var(--ystux-gradient) !important; } .user-select-all { user-select: all !important; } .user-select-auto { user-select: auto !important; } .user-select-none { user-select: none !important; } .pe-none { pointer-events: none !important; } .pe-auto { pointer-events: auto !important; } .rounded { border-radius: var(--ystux-border-radius) !important; } .rounded-0 { border-radius: 0 !important; } .rounded-1 { border-radius: var(--ystux-border-radius-sm) !important; } .rounded-2 { border-radius: var(--ystux-border-radius) !important; } .rounded-3 { border-radius: var(--ystux-border-radius-lg) !important; } .rounded-4 { border-radius: var(--ystux-border-radius-xl) !important; } .rounded-5 { border-radius: var(--ystux-border-radius-xxl) !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: var(--ystux-border-radius-pill) !important; } .rounded-top { border-top-left-radius: var(--ystux-border-radius) !important; border-top-right-radius: var(--ystux-border-radius) !important; } .rounded-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-top-1 { border-top-left-radius: var(--ystux-border-radius-sm) !important; border-top-right-radius: var(--ystux-border-radius-sm) !important; } .rounded-top-2 { border-top-left-radius: var(--ystux-border-radius) !important; border-top-right-radius: var(--ystux-border-radius) !important; } .rounded-top-3 { border-top-left-radius: var(--ystux-border-radius-lg) !important; border-top-right-radius: var(--ystux-border-radius-lg) !important; } .rounded-top-4 { border-top-left-radius: var(--ystux-border-radius-xl) !important; border-top-right-radius: var(--ystux-border-radius-xl) !important; } .rounded-top-5 { border-top-left-radius: var(--ystux-border-radius-xxl) !important; border-top-right-radius: var(--ystux-border-radius-xxl) !important; } .rounded-top-circle { border-top-left-radius: 50% !important; border-top-right-radius: 50% !important; } .rounded-top-pill { border-top-left-radius: var(--ystux-border-radius-pill) !important; border-top-right-radius: var(--ystux-border-radius-pill) !important; } .rounded-end { border-top-right-radius: var(--ystux-border-radius) !important; border-bottom-right-radius: var(--ystux-border-radius) !important; } .rounded-end-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-end-1 { border-top-right-radius: var(--ystux-border-radius-sm) !important; border-bottom-right-radius: var(--ystux-border-radius-sm) !important; } .rounded-end-2 { border-top-right-radius: var(--ystux-border-radius) !important; border-bottom-right-radius: var(--ystux-border-radius) !important; } .rounded-end-3 { border-top-right-radius: var(--ystux-border-radius-lg) !important; border-bottom-right-radius: var(--ystux-border-radius-lg) !important; } .rounded-end-4 { border-top-right-radius: var(--ystux-border-radius-xl) !important; border-bottom-right-radius: var(--ystux-border-radius-xl) !important; } .rounded-end-5 { border-top-right-radius: var(--ystux-border-radius-xxl) !important; border-bottom-right-radius: var(--ystux-border-radius-xxl) !important; } .rounded-end-circle { border-top-right-radius: 50% !important; border-bottom-right-radius: 50% !important; } .rounded-end-pill { border-top-right-radius: var(--ystux-border-radius-pill) !important; border-bottom-right-radius: var(--ystux-border-radius-pill) !important; } .rounded-bottom { border-bottom-right-radius: var(--ystux-border-radius) !important; border-bottom-left-radius: var(--ystux-border-radius) !important; } .rounded-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-bottom-1 { border-bottom-right-radius: var(--ystux-border-radius-sm) !important; border-bottom-left-radius: var(--ystux-border-radius-sm) !important; } .rounded-bottom-2 { border-bottom-right-radius: var(--ystux-border-radius) !important; border-bottom-left-radius: var(--ystux-border-radius) !important; } .rounded-bottom-3 { border-bottom-right-radius: var(--ystux-border-radius-lg) !important; border-bottom-left-radius: var(--ystux-border-radius-lg) !important; } .rounded-bottom-4 { border-bottom-right-radius: var(--ystux-border-radius-xl) !important; border-bottom-left-radius: var(--ystux-border-radius-xl) !important; } .rounded-bottom-5 { border-bottom-right-radius: var(--ystux-border-radius-xxl) !important; border-bottom-left-radius: var(--ystux-border-radius-xxl) !important; } .rounded-bottom-circle { border-bottom-right-radius: 50% !important; border-bottom-left-radius: 50% !important; } .rounded-bottom-pill { border-bottom-right-radius: var(--ystux-border-radius-pill) !important; border-bottom-left-radius: var(--ystux-border-radius-pill) !important; } .rounded-start { border-bottom-left-radius: var(--ystux-border-radius) !important; border-top-left-radius: var(--ystux-border-radius) !important; } .rounded-start-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .rounded-start-1 { border-bottom-left-radius: var(--ystux-border-radius-sm) !important; border-top-left-radius: var(--ystux-border-radius-sm) !important; } .rounded-start-2 { border-bottom-left-radius: var(--ystux-border-radius) !important; border-top-left-radius: var(--ystux-border-radius) !important; } .rounded-start-3 { border-bottom-left-radius: var(--ystux-border-radius-lg) !important; border-top-left-radius: var(--ystux-border-radius-lg) !important; } .rounded-start-4 { border-bottom-left-radius: var(--ystux-border-radius-xl) !important; border-top-left-radius: var(--ystux-border-radius-xl) !important; } .rounded-start-5 { border-bottom-left-radius: var(--ystux-border-radius-xxl) !important; border-top-left-radius: var(--ystux-border-radius-xxl) !important; } .rounded-start-circle { border-bottom-left-radius: 50% !important; border-top-left-radius: 50% !important; } .rounded-start-pill { border-bottom-left-radius: var(--ystux-border-radius-pill) !important; border-top-left-radius: var(--ystux-border-radius-pill) !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } .z-n1 { z-index: -1 !important; } .z-0 { z-index: 0 !important; } .z-1 { z-index: 1 !important; } .z-2 { z-index: 2 !important; } .z-3 { z-index: 3 !important; } @media (min-width: 576px) { .float-sm-start { float: left !important; } .float-sm-end { float: right !important; } .float-sm-none { float: none !important; } .object-fit-sm-contain { object-fit: contain !important; } .object-fit-sm-cover { object-fit: cover !important; } .object-fit-sm-fill { object-fit: fill !important; } .object-fit-sm-scale { object-fit: scale-down !important; } .object-fit-sm-none { object-fit: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !important; } .d-sm-inline-grid { display: inline-grid !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } .d-sm-none { display: none !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .justify-content-sm-evenly { justify-content: space-evenly !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } .order-sm-first { order: -1 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-last { order: 6 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mt-sm-auto { margin-top: auto !important; } .me-sm-0 { margin-right: 0 !important; } .me-sm-1 { margin-right: 0.25rem !important; } .me-sm-2 { margin-right: 0.5rem !important; } .me-sm-3 { margin-right: 1rem !important; } .me-sm-4 { margin-right: 1.5rem !important; } .me-sm-5 { margin-right: 3rem !important; } .me-sm-auto { margin-right: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .mb-sm-auto { margin-bottom: auto !important; } .ms-sm-0 { margin-left: 0 !important; } .ms-sm-1 { margin-left: 0.25rem !important; } .ms-sm-2 { margin-left: 0.5rem !important; } .ms-sm-3 { margin-left: 1rem !important; } .ms-sm-4 { margin-left: 1.5rem !important; } .ms-sm-5 { margin-left: 3rem !important; } .ms-sm-auto { margin-left: auto !important; } .p-sm-0 { padding: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pe-sm-0 { padding-right: 0 !important; } .pe-sm-1 { padding-right: 0.25rem !important; } .pe-sm-2 { padding-right: 0.5rem !important; } .pe-sm-3 { padding-right: 1rem !important; } .pe-sm-4 { padding-right: 1.5rem !important; } .pe-sm-5 { padding-right: 3rem !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .ps-sm-0 { padding-left: 0 !important; } .ps-sm-1 { padding-left: 0.25rem !important; } .ps-sm-2 { padding-left: 0.5rem !important; } .ps-sm-3 { padding-left: 1rem !important; } .ps-sm-4 { padding-left: 1.5rem !important; } .ps-sm-5 { padding-left: 3rem !important; } .gap-sm-0 { gap: 0 !important; } .gap-sm-1 { gap: 0.25rem !important; } .gap-sm-2 { gap: 0.5rem !important; } .gap-sm-3 { gap: 1rem !important; } .gap-sm-4 { gap: 1.5rem !important; } .gap-sm-5 { gap: 3rem !important; } .row-gap-sm-0 { row-gap: 0 !important; } .row-gap-sm-1 { row-gap: 0.25rem !important; } .row-gap-sm-2 { row-gap: 0.5rem !important; } .row-gap-sm-3 { row-gap: 1rem !important; } .row-gap-sm-4 { row-gap: 1.5rem !important; } .row-gap-sm-5 { row-gap: 3rem !important; } .column-gap-sm-0 { column-gap: 0 !important; } .column-gap-sm-1 { column-gap: 0.25rem !important; } .column-gap-sm-2 { column-gap: 0.5rem !important; } .column-gap-sm-3 { column-gap: 1rem !important; } .column-gap-sm-4 { column-gap: 1.5rem !important; } .column-gap-sm-5 { column-gap: 3rem !important; } .text-sm-start { text-align: left !important; } .text-sm-end { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .float-md-start { float: left !important; } .float-md-end { float: right !important; } .float-md-none { float: none !important; } .object-fit-md-contain { object-fit: contain !important; } .object-fit-md-cover { object-fit: cover !important; } .object-fit-md-fill { object-fit: fill !important; } .object-fit-md-scale { object-fit: scale-down !important; } .object-fit-md-none { object-fit: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !important; } .d-md-inline-grid { display: inline-grid !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-none { display: none !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .justify-content-md-evenly { justify-content: space-evenly !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { order: 6 !important; } .m-md-0 { margin: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .m-md-auto { margin: auto !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mt-md-auto { margin-top: auto !important; } .me-md-0 { margin-right: 0 !important; } .me-md-1 { margin-right: 0.25rem !important; } .me-md-2 { margin-right: 0.5rem !important; } .me-md-3 { margin-right: 1rem !important; } .me-md-4 { margin-right: 1.5rem !important; } .me-md-5 { margin-right: 3rem !important; } .me-md-auto { margin-right: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ms-md-0 { margin-left: 0 !important; } .ms-md-1 { margin-left: 0.25rem !important; } .ms-md-2 { margin-left: 0.5rem !important; } .ms-md-3 { margin-left: 1rem !important; } .ms-md-4 { margin-left: 1.5rem !important; } .ms-md-5 { margin-left: 3rem !important; } .ms-md-auto { margin-left: auto !important; } .p-md-0 { padding: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pe-md-0 { padding-right: 0 !important; } .pe-md-1 { padding-right: 0.25rem !important; } .pe-md-2 { padding-right: 0.5rem !important; } .pe-md-3 { padding-right: 1rem !important; } .pe-md-4 { padding-right: 1.5rem !important; } .pe-md-5 { padding-right: 3rem !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .ps-md-0 { padding-left: 0 !important; } .ps-md-1 { padding-left: 0.25rem !important; } .ps-md-2 { padding-left: 0.5rem !important; } .ps-md-3 { padding-left: 1rem !important; } .ps-md-4 { padding-left: 1.5rem !important; } .ps-md-5 { padding-left: 3rem !important; } .gap-md-0 { gap: 0 !important; } .gap-md-1 { gap: 0.25rem !important; } .gap-md-2 { gap: 0.5rem !important; } .gap-md-3 { gap: 1rem !important; } .gap-md-4 { gap: 1.5rem !important; } .gap-md-5 { gap: 3rem !important; } .row-gap-md-0 { row-gap: 0 !important; } .row-gap-md-1 { row-gap: 0.25rem !important; } .row-gap-md-2 { row-gap: 0.5rem !important; } .row-gap-md-3 { row-gap: 1rem !important; } .row-gap-md-4 { row-gap: 1.5rem !important; } .row-gap-md-5 { row-gap: 3rem !important; } .column-gap-md-0 { column-gap: 0 !important; } .column-gap-md-1 { column-gap: 0.25rem !important; } .column-gap-md-2 { column-gap: 0.5rem !important; } .column-gap-md-3 { column-gap: 1rem !important; } .column-gap-md-4 { column-gap: 1.5rem !important; } .column-gap-md-5 { column-gap: 3rem !important; } .text-md-start { text-align: left !important; } .text-md-end { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .float-lg-start { float: left !important; } .float-lg-end { float: right !important; } .float-lg-none { float: none !important; } .object-fit-lg-contain { object-fit: contain !important; } .object-fit-lg-cover { object-fit: cover !important; } .object-fit-lg-fill { object-fit: fill !important; } .object-fit-lg-scale { object-fit: scale-down !important; } .object-fit-lg-none { object-fit: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !important; } .d-lg-inline-grid { display: inline-grid !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-none { display: none !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .justify-content-lg-evenly { justify-content: space-evenly !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { order: 6 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mt-lg-auto { margin-top: auto !important; } .me-lg-0 { margin-right: 0 !important; } .me-lg-1 { margin-right: 0.25rem !important; } .me-lg-2 { margin-right: 0.5rem !important; } .me-lg-3 { margin-right: 1rem !important; } .me-lg-4 { margin-right: 1.5rem !important; } .me-lg-5 { margin-right: 3rem !important; } .me-lg-auto { margin-right: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .mb-lg-auto { margin-bottom: auto !important; } .ms-lg-0 { margin-left: 0 !important; } .ms-lg-1 { margin-left: 0.25rem !important; } .ms-lg-2 { margin-left: 0.5rem !important; } .ms-lg-3 { margin-left: 1rem !important; } .ms-lg-4 { margin-left: 1.5rem !important; } .ms-lg-5 { margin-left: 3rem !important; } .ms-lg-auto { margin-left: auto !important; } .p-lg-0 { padding: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pe-lg-0 { padding-right: 0 !important; } .pe-lg-1 { padding-right: 0.25rem !important; } .pe-lg-2 { padding-right: 0.5rem !important; } .pe-lg-3 { padding-right: 1rem !important; } .pe-lg-4 { padding-right: 1.5rem !important; } .pe-lg-5 { padding-right: 3rem !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .ps-lg-0 { padding-left: 0 !important; } .ps-lg-1 { padding-left: 0.25rem !important; } .ps-lg-2 { padding-left: 0.5rem !important; } .ps-lg-3 { padding-left: 1rem !important; } .ps-lg-4 { padding-left: 1.5rem !important; } .ps-lg-5 { padding-left: 3rem !important; } .gap-lg-0 { gap: 0 !important; } .gap-lg-1 { gap: 0.25rem !important; } .gap-lg-2 { gap: 0.5rem !important; } .gap-lg-3 { gap: 1rem !important; } .gap-lg-4 { gap: 1.5rem !important; } .gap-lg-5 { gap: 3rem !important; } .row-gap-lg-0 { row-gap: 0 !important; } .row-gap-lg-1 { row-gap: 0.25rem !important; } .row-gap-lg-2 { row-gap: 0.5rem !important; } .row-gap-lg-3 { row-gap: 1rem !important; } .row-gap-lg-4 { row-gap: 1.5rem !important; } .row-gap-lg-5 { row-gap: 3rem !important; } .column-gap-lg-0 { column-gap: 0 !important; } .column-gap-lg-1 { column-gap: 0.25rem !important; } .column-gap-lg-2 { column-gap: 0.5rem !important; } .column-gap-lg-3 { column-gap: 1rem !important; } .column-gap-lg-4 { column-gap: 1.5rem !important; } .column-gap-lg-5 { column-gap: 3rem !important; } .text-lg-start { text-align: left !important; } .text-lg-end { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .float-xl-start { float: left !important; } .float-xl-end { float: right !important; } .float-xl-none { float: none !important; } .object-fit-xl-contain { object-fit: contain !important; } .object-fit-xl-cover { object-fit: cover !important; } .object-fit-xl-fill { object-fit: fill !important; } .object-fit-xl-scale { object-fit: scale-down !important; } .object-fit-xl-none { object-fit: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !important; } .d-xl-inline-grid { display: inline-grid !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } .d-xl-none { display: none !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .justify-content-xl-evenly { justify-content: space-evenly !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } .order-xl-first { order: -1 !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-last { order: 6 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mt-xl-auto { margin-top: auto !important; } .me-xl-0 { margin-right: 0 !important; } .me-xl-1 { margin-right: 0.25rem !important; } .me-xl-2 { margin-right: 0.5rem !important; } .me-xl-3 { margin-right: 1rem !important; } .me-xl-4 { margin-right: 1.5rem !important; } .me-xl-5 { margin-right: 3rem !important; } .me-xl-auto { margin-right: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .mb-xl-auto { margin-bottom: auto !important; } .ms-xl-0 { margin-left: 0 !important; } .ms-xl-1 { margin-left: 0.25rem !important; } .ms-xl-2 { margin-left: 0.5rem !important; } .ms-xl-3 { margin-left: 1rem !important; } .ms-xl-4 { margin-left: 1.5rem !important; } .ms-xl-5 { margin-left: 3rem !important; } .ms-xl-auto { margin-left: auto !important; } .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pe-xl-0 { padding-right: 0 !important; } .pe-xl-1 { padding-right: 0.25rem !important; } .pe-xl-2 { padding-right: 0.5rem !important; } .pe-xl-3 { padding-right: 1rem !important; } .pe-xl-4 { padding-right: 1.5rem !important; } .pe-xl-5 { padding-right: 3rem !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .ps-xl-0 { padding-left: 0 !important; } .ps-xl-1 { padding-left: 0.25rem !important; } .ps-xl-2 { padding-left: 0.5rem !important; } .ps-xl-3 { padding-left: 1rem !important; } .ps-xl-4 { padding-left: 1.5rem !important; } .ps-xl-5 { padding-left: 3rem !important; } .gap-xl-0 { gap: 0 !important; } .gap-xl-1 { gap: 0.25rem !important; } .gap-xl-2 { gap: 0.5rem !important; } .gap-xl-3 { gap: 1rem !important; } .gap-xl-4 { gap: 1.5rem !important; } .gap-xl-5 { gap: 3rem !important; } .row-gap-xl-0 { row-gap: 0 !important; } .row-gap-xl-1 { row-gap: 0.25rem !important; } .row-gap-xl-2 { row-gap: 0.5rem !important; } .row-gap-xl-3 { row-gap: 1rem !important; } .row-gap-xl-4 { row-gap: 1.5rem !important; } .row-gap-xl-5 { row-gap: 3rem !important; } .column-gap-xl-0 { column-gap: 0 !important; } .column-gap-xl-1 { column-gap: 0.25rem !important; } .column-gap-xl-2 { column-gap: 0.5rem !important; } .column-gap-xl-3 { column-gap: 1rem !important; } .column-gap-xl-4 { column-gap: 1.5rem !important; } .column-gap-xl-5 { column-gap: 3rem !important; } .text-xl-start { text-align: left !important; } .text-xl-end { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1400px) { .float-xxl-start { float: left !important; } .float-xxl-end { float: right !important; } .float-xxl-none { float: none !important; } .object-fit-xxl-contain { object-fit: contain !important; } .object-fit-xxl-cover { object-fit: cover !important; } .object-fit-xxl-fill { object-fit: fill !important; } .object-fit-xxl-scale { object-fit: scale-down !important; } .object-fit-xxl-none { object-fit: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: grid !important; } .d-xxl-inline-grid { display: inline-grid !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } .d-xxl-none { display: none !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .justify-content-xxl-evenly { justify-content: space-evenly !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } .order-xxl-first { order: -1 !important; } .order-xxl-0 { order: 0 !important; } .order-xxl-1 { order: 1 !important; } .order-xxl-2 { order: 2 !important; } .order-xxl-3 { order: 3 !important; } .order-xxl-4 { order: 4 !important; } .order-xxl-5 { order: 5 !important; } .order-xxl-last { order: 6 !important; } .m-xxl-0 { margin: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xxl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xxl-0 { margin-top: 0 !important; } .mt-xxl-1 { margin-top: 0.25rem !important; } .mt-xxl-2 { margin-top: 0.5rem !important; } .mt-xxl-3 { margin-top: 1rem !important; } .mt-xxl-4 { margin-top: 1.5rem !important; } .mt-xxl-5 { margin-top: 3rem !important; } .mt-xxl-auto { margin-top: auto !important; } .me-xxl-0 { margin-right: 0 !important; } .me-xxl-1 { margin-right: 0.25rem !important; } .me-xxl-2 { margin-right: 0.5rem !important; } .me-xxl-3 { margin-right: 1rem !important; } .me-xxl-4 { margin-right: 1.5rem !important; } .me-xxl-5 { margin-right: 3rem !important; } .me-xxl-auto { margin-right: auto !important; } .mb-xxl-0 { margin-bottom: 0 !important; } .mb-xxl-1 { margin-bottom: 0.25rem !important; } .mb-xxl-2 { margin-bottom: 0.5rem !important; } .mb-xxl-3 { margin-bottom: 1rem !important; } .mb-xxl-4 { margin-bottom: 1.5rem !important; } .mb-xxl-5 { margin-bottom: 3rem !important; } .mb-xxl-auto { margin-bottom: auto !important; } .ms-xxl-0 { margin-left: 0 !important; } .ms-xxl-1 { margin-left: 0.25rem !important; } .ms-xxl-2 { margin-left: 0.5rem !important; } .ms-xxl-3 { margin-left: 1rem !important; } .ms-xxl-4 { margin-left: 1.5rem !important; } .ms-xxl-5 { margin-left: 3rem !important; } .ms-xxl-auto { margin-left: auto !important; } .p-xxl-0 { padding: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xxl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xxl-0 { padding-top: 0 !important; } .pt-xxl-1 { padding-top: 0.25rem !important; } .pt-xxl-2 { padding-top: 0.5rem !important; } .pt-xxl-3 { padding-top: 1rem !important; } .pt-xxl-4 { padding-top: 1.5rem !important; } .pt-xxl-5 { padding-top: 3rem !important; } .pe-xxl-0 { padding-right: 0 !important; } .pe-xxl-1 { padding-right: 0.25rem !important; } .pe-xxl-2 { padding-right: 0.5rem !important; } .pe-xxl-3 { padding-right: 1rem !important; } .pe-xxl-4 { padding-right: 1.5rem !important; } .pe-xxl-5 { padding-right: 3rem !important; } .pb-xxl-0 { padding-bottom: 0 !important; } .pb-xxl-1 { padding-bottom: 0.25rem !important; } .pb-xxl-2 { padding-bottom: 0.5rem !important; } .pb-xxl-3 { padding-bottom: 1rem !important; } .pb-xxl-4 { padding-bottom: 1.5rem !important; } .pb-xxl-5 { padding-bottom: 3rem !important; } .ps-xxl-0 { padding-left: 0 !important; } .ps-xxl-1 { padding-left: 0.25rem !important; } .ps-xxl-2 { padding-left: 0.5rem !important; } .ps-xxl-3 { padding-left: 1rem !important; } .ps-xxl-4 { padding-left: 1.5rem !important; } .ps-xxl-5 { padding-left: 3rem !important; } .gap-xxl-0 { gap: 0 !important; } .gap-xxl-1 { gap: 0.25rem !important; } .gap-xxl-2 { gap: 0.5rem !important; } .gap-xxl-3 { gap: 1rem !important; } .gap-xxl-4 { gap: 1.5rem !important; } .gap-xxl-5 { gap: 3rem !important; } .row-gap-xxl-0 { row-gap: 0 !important; } .row-gap-xxl-1 { row-gap: 0.25rem !important; } .row-gap-xxl-2 { row-gap: 0.5rem !important; } .row-gap-xxl-3 { row-gap: 1rem !important; } .row-gap-xxl-4 { row-gap: 1.5rem !important; } .row-gap-xxl-5 { row-gap: 3rem !important; } .column-gap-xxl-0 { column-gap: 0 !important; } .column-gap-xxl-1 { column-gap: 0.25rem !important; } .column-gap-xxl-2 { column-gap: 0.5rem !important; } .column-gap-xxl-3 { column-gap: 1rem !important; } .column-gap-xxl-4 { column-gap: 1.5rem !important; } .column-gap-xxl-5 { column-gap: 3rem !important; } .text-xxl-start { text-align: left !important; } .text-xxl-end { text-align: right !important; } .text-xxl-center { text-align: center !important; } } @media (min-width: 1200px) { .fs-1 { font-size: 2.5rem !important; } .fs-2 { font-size: 2rem !important; } .fs-3 { font-size: 1.75rem !important; } .fs-4 { font-size: 1.5rem !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !important; } .d-print-inline-grid { display: inline-grid !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } .d-print-none { display: none !important; } } /*# sourceMappingURL=custom-bootstrap.css.map */ /* End */ /* Start:/local/templates/ystu/assets/css/plugins/owl.carousel.css?16855748165260*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel:not(.drag-event) .owl-item:not(.active){ opacity: 0; transition: opacity ease-in-out 350ms } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("/local/templates/ystu/assets/css/plugins/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* End */ /* Start:/local/templates/ystu/assets/css/plugins/lightslider.css?16855748838151*/ /*! lightslider - v1.1.3 - 2015-04-14 * https://github.com/sachinchoolur/lightslider * Copyright (c) 2015 Sachin N; Licensed MIT */ /** /!!! core css Should not edit !!!/**/ .lSSlideOuter { height: 100%; overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .lightSlider:before, .lightSlider:after { content: " "; display: table; } .lightSlider { overflow: hidden; margin: 0; } .lSSlideWrapper { max-width: 100%; width: 100%; height: 100%; overflow: hidden; position: relative; cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lSSlideWrapper > .lightSlider:after { clear: both; } .lSSlideWrapper .lSSlide { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: all 1s; -webkit-transition-property: -webkit-transform,height; -moz-transition-property: -moz-transform,height; transition-property: transform,height; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lSSlideWrapper .lSFade { position: relative; } .lSSlideWrapper .lSFade > * { position: absolute !important; top: 0; left: 0; z-index: 9; margin-right: 0; width: 100%; } .lSSlideWrapper.usingCss .lSFade > * { opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lSSlideWrapper .lSFade > *.active { z-index: 10; } .lSSlideWrapper.usingCss .lSFade > *.active { opacity: 1; } /** /!!! End of core css Should not edit !!!/**/ /* Pager */ .lSSlideOuter .lSPager.lSpg { margin: 10px 0 0; padding: 0; text-align: center; } .lSSlideOuter .lSPager.lSpg > li { cursor: pointer; display: inline-block; padding: 0 5px; } .lSSlideOuter .lSPager.lSpg > li a { background-color: #222222; border-radius: 30px; display: inline-block; height: 8px; overflow: hidden; text-indent: -999em; width: 8px; position: relative; z-index: 99; -webkit-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; } .lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a { background-color: #428bca; } .lSSlideOuter .media { opacity: 0.8; } .lSSlideOuter .media.active { opacity: 1; } /* End of pager */ /** Gallery */ .lSSlideOuter .lSPager.lSGallery { list-style: none outside none; padding-left: 0; margin: 0; overflow: hidden; transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .lSSlideOuter .lSPager.lSGallery li { overflow: hidden; -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s; transition: border-radius 0.12s linear 0s 0.35s linear 0s; } .lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover { border-radius: 5px; } .lSSlideOuter .lSPager.lSGallery img { display: block; height: auto; max-width: 100%; } .lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after { content: " "; display: table; } .lSSlideOuter .lSPager.lSGallery:after { clear: both; } /* End of Gallery*/ /* slider actions */ .lSAction > a { width: 32px; display: block; top: 50%; height: 32px; background-image: url('/local/templates/ystu/assets/css/plugins/../img/controls.png'); cursor: pointer; position: absolute; z-index: 99; margin-top: -16px; opacity: 0.5; -webkit-transition: opacity 0.35s linear 0s; transition: opacity 0.35s linear 0s; } .lSAction > a:hover { opacity: 1; } .lSAction > .lSPrev { background-position: 0 0; left: 10px; } .lSAction > .lSNext { background-position: -32px 0; right: 10px; } .lSAction > a.disabled { pointer-events: none; } .cS-hidden { height: 1px; opacity: 0; filter: alpha(opacity=0); overflow: hidden; } /* vertical */ .lSSlideOuter.vertical { position: relative; } .lSSlideOuter.vertical.noPager { padding-right: 0px !important; } .lSSlideOuter.vertical .lSGallery { position: absolute !important; right: 0; top: 0; } .lSSlideOuter.vertical .lightSlider > * { width: 100% !important; max-width: none !important; } /* vertical controlls */ .lSSlideOuter.vertical .lSAction > a { left: 50%; margin-left: -14px; margin-top: 0; } .lSSlideOuter.vertical .lSAction > .lSNext { background-position: 31px -31px; bottom: 10px; top: auto; } .lSSlideOuter.vertical .lSAction > .lSPrev { background-position: 0 -31px; bottom: auto; top: 10px; } /* vertical */ /* Rtl */ .lSSlideOuter.lSrtl { direction: rtl; } .lSSlideOuter .lightSlider, .lSSlideOuter .lSPager { padding-left: 0; list-style: none outside none; } .lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager { padding-right: 0; } .lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li { float: left; } .lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li { float: right !important; } /* Rtl */ @-webkit-keyframes rightEnd { 0% { left: 0; } 50% { left: -15px; } 100% { left: 0; } } @keyframes rightEnd { 0% { left: 0; } 50% { left: -15px; } 100% { left: 0; } } @-webkit-keyframes topEnd { 0% { top: 0; } 50% { top: -15px; } 100% { top: 0; } } @keyframes topEnd { 0% { top: 0; } 50% { top: -15px; } 100% { top: 0; } } @-webkit-keyframes leftEnd { 0% { left: 0; } 50% { left: 15px; } 100% { left: 0; } } @keyframes leftEnd { 0% { left: 0; } 50% { left: 15px; } 100% { left: 0; } } @-webkit-keyframes bottomEnd { 0% { bottom: 0; } 50% { bottom: -15px; } 100% { bottom: 0; } } @keyframes bottomEnd { 0% { bottom: 0; } 50% { bottom: -15px; } 100% { bottom: 0; } } .lSSlideOuter .rightEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; } .lSSlideOuter .leftEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; } .lSSlideOuter.vertical .rightEnd { -webkit-animation: topEnd 0.3s; animation: topEnd 0.3s; position: relative; } .lSSlideOuter.vertical .leftEnd { -webkit-animation: bottomEnd 0.3s; animation: bottomEnd 0.3s; position: relative; } .lSSlideOuter.lSrtl .rightEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; } .lSSlideOuter.lSrtl .leftEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; } /*/ GRab cursor */ .lightSlider.lsGrab > * { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lightSlider.lsGrabbing > * { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } /* End */ /* Start:/local/templates/ystu/assets/css/plugins/selectric.css?16855748655919*/ /*====================================== Selectric v1.13.0 ======================================*/ .selectric-wrapper { position: relative; cursor: pointer; } .selectric-form-field__field{ padding-left: 1rem; padding-right: 1rem; } .selectric-responsive { width: 100%; } .selectric { border-bottom: 0.125rem solid #CCCCCC; border-radius: 0px; background: none; position: relative; overflow: hidden; } .selectric .label { display: block; white-space: nowrap; overflow: hidden; text-transform: uppercase; color: #000; font-weight: 500; font-size: 0.9375rem; font-family: "DIN Pro"; text-overflow: ellipsis; line-height: 3rem; height: 3rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric .button { display: block; position: absolute; right: 0; top: 0; width: 3rem; height: 3rem; line-height: 3rem; color: #000; text-align: center; font: 0/0 a; *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial; } .selectric .button:after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 0; height: 0; border: 4px solid transparent; border-top-color: #000; border-bottom: none; transform: scale(1); transition: all ease-in-out 200ms; } .selectric-focus .selectric { border-color: #CCC; } .selectric-hover .selectric { border-color: #c4c4c4; } .selectric-hover .selectric .button { color: #000; } .selectric-hover .selectric .button:after { border-top-color: #000; } .selectric-open .selectric .button:after { border-top-color: #000; transform: scale(-1); transition: all ease-in-out 100ms; } .selectric-open { z-index: 9999; } .selectric-open .selectric { border-color: #0055FF; } .selectric-open .selectric-items { display: block; visibility: visible; opacity: 1; transform: translateY(0rem); transition: all ease-in-out 100ms; } .selectric-disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; } .selectric-hide-select select { position: absolute; left: -100%; } .selectric-hide-select.selectric-is-native { position: absolute; width: 100%; height: 100%; z-index: 10; } .selectric-hide-select.selectric-is-native select { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; box-sizing: border-box; opacity: 0; } .selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; *font: 0/0 a !important; background: none !important; } .selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important; } /* Items box */ .selectric-items { padding-top: 0.5625rem; padding-bottom: 0.5625rem; position: absolute; top: 100%; left: 0; background: #FFF; z-index: 2; box-shadow: 0px 24px 30px rgba(0, 0, 0, 0.06); padding-left: 1rem; padding-right: 1rem; width: 100% !important; visibility: hidden; opacity: 0; transform: translateY(-1rem); transition: all ease-in-out 200ms; } .selectric-items .selectric-scroll { height: 100%; overflow: auto; } .selectric-above .selectric-items { top: auto; bottom: 100%; } .selectric-items ul, .selectric-items li { list-style: none; padding: 0; margin: 0; line-height: 20px; min-height: 20px; width: 100%; overflow: hidden; } .selectric-items li { transition: all ease-in-out 200ms; display: block; padding-top: 0.9375rem; padding-bottom: 0.9375rem; font-family: "DIN Pro"; color: #000; font-size: 0.9375rem; text-transform: uppercase; cursor: pointer; border-bottom: 0.125rem solid #D8DEE3; letter-spacing: 0.03125rem; white-space: nowrap; font-weight: 500; max-width: 100%; text-overflow: ellipsis; } .selectric-items li:last-of-type { border-bottom: none; } .selectric-items li.selected { color: #0038A4; transition: all ease-in-out 50ms; } .selectric-items li.highlighted { color: #0038A4; transition: all ease-in-out 50ms; } .selectric-items li:hover:not(.highlighted) { color: #0055FF; transition: all ease-in-out 50ms; } .selectric-items .disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default !important; background: none !important; color: #666 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-items .selectric-group .selectric-group-label { font-weight: bold; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; color: #444; } .selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1; } .selectric-items .selectric-group li { padding-left: 25px; } /* End */ /* Start:/local/templates/ystu/assets/fonts/stylesheet.css?16855750667317*/ /* This stylesheet generated by Transfonter (https://transfonter.org) on July 4, 2017 2:35 AM */ @font-face { font-family: 'DIN Pro'; src: url('/local/templates/ystu/assets/fonts/DINPro-Medium.eot'); src: local('DIN Pro Medium'), local('DINPro-Medium'), url('/local/templates/ystu/assets/fonts/DINPro-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/ystu/assets/fonts/DINPro-Medium.woff') format('woff'), url('/local/templates/ystu/assets/fonts/DINPro-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'DIN Pro'; src: url('/local/templates/ystu/assets/fonts/DINPro-BlackItalic.eot'); src: local('DIN Pro Black Italic'), local('DINPro-BlackItalic'), url('/local/templates/ystu/assets/fonts/DINPro-BlackItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/ystu/assets/fonts/DINPro-BlackItalic.woff') format('woff'), url('/local/templates/ystu/assets/fonts/DINPro-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'DIN Pro Cond'; src: url('/local/templates/ystu/assets/fonts/DINPro-CondensedBlackItalic.eot'); src: local('DIN Pro Condensed Black Italic'), local('DINPro-CondensedBlackItalic'), url('/local/templates/ystu/assets/fonts/DINPro-CondensedBlackItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/ystu/assets/fonts/DINPro-CondensedBlackItalic.woff') format('woff'), url('/local/templates/ystu/assets/fonts/DINPro-CondensedBlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'DIN Pro Cond'; src: url('/local/templates/ystu/assets/fonts/DINPro-CondensedMedium.eot'); src: local('DIN Pro Condensed Medium'), local('DINPro-CondensedMedium'), url('/local/templates/ystu/assets/fonts/DINPro-CondensedMedium.eot?#iefix') format('embedded-opentype'), url('/local/templates/ystu/assets/fonts/DINPro-CondensedMedium.woff') format('woff'), url('/local/templates/ystu/assets/fonts/DINPro-CondensedMedium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'DIN Pro'; src: url('/local/templates/ystu/assets/fonts/DINPro-MediumItalic.eot'); src: local('DIN Pro Medium Italic'), local('DINPro-MediumItalic'), url('/local/templates/ystu/assets/fonts/DINPro-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/ystu/assets/fonts/DINPro-MediumItalic.woff') format('woff'), url('/local/templates/ystu/assets/fonts/DINPro-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'DIN Pro'; src: url('/local/templates/ystu/assets/fonts/DINPro-Bold.eot'); src: local('DIN Pro Bold'), local('DINPro-Bold'), url('/local/templates/ystu/assets/fonts/DINPro-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/ystu/assets/fonts/DINPro-Bold.woff') format('woff'), url('/local/templates/ystu/assets/fonts/DINPro-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'DIN Pro'; src: url('/local/templates/ystu/assets/fonts/DINPro-Light.eot'); src: local('DIN Pro Light'), local('DINPro-Light'), url('/local/templates/ystu/assets/fonts/DINPro-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/ystu/assets/fonts/DINPro-Light.woff') format('woff'), url('/local/templates/ystu/assets/fonts/DINPro-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'DIN Pro Cond'; src: url('/local/templates/ystu/assets/fonts/DINPro-CondensedMediumItalic.eot'); src: local('DIN Pro Condensed Medium Italic'), local('DINPro-CondensedMediumItalic'), url('/local/templates/ystu/assets/fonts/DINPro-CondensedMediumItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/ystu/assets/fonts/DINPro-CondensedMediumItalic.woff') format('woff'), url('/local/templates/ystu/assets/fonts/DINPro-CondensedMediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'DIN Pro'; src: url('/local/templates/ystu/assets/fonts/DINPro-Italic.eot'); src: local('DIN Pro Italic'), local('DINPro-Italic'), url('/local/templates/ystu/assets/fonts/DINPro-Italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/ystu/assets/fonts/DINPro-Italic.woff') format('woff'), url('/local/templates/ystu/assets/fonts/DINPro-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'DIN Pro'; src: url('/local/templates/ystu/assets/fonts/DINPro.eot'); src: local('DIN Pro'), local('DINPro'), url('/local/templates/ystu/assets/fonts/DINPro.eot?#iefix') format('embedded-opentype'), url('/local/templates/ystu/assets/fonts/DINPro.woff') format('woff'), url('/local/templates/ystu/assets/fonts/DINPro.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DIN Pro Cond'; src: url('/local/templates/ystu/assets/fonts/DINPro-CondensedBlack.eot'); src: local('DIN Pro Condensed Black'), local('DINPro-CondensedBlack'), url('/local/templates/ystu/assets/fonts/DINPro-CondensedBlack.eot?#iefix') format('embedded-opentype'), url('/local/templates/ystu/assets/fonts/DINPro-CondensedBlack.woff') format('woff'), url('/local/templates/ystu/assets/fonts/DINPro-CondensedBlack.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'DIN Pro Cond'; src: url('/local/templates/ystu/assets/fonts/DINPro-CondensedBold.eot'); src: local('DIN Pro Condensed Bold'), local('DINPro-CondensedBold'), url('/local/templates/ystu/assets/fonts/DINPro-CondensedBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/ystu/assets/fonts/DINPro-CondensedBold.woff') format('woff'), url('/local/templates/ystu/assets/fonts/DINPro-CondensedBold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'DIN Pro'; src: url('/local/templates/ystu/assets/fonts/DINPro-Black.eot'); src: local('DIN Pro Black'), local('DINPro-Black'), url('/local/templates/ystu/assets/fonts/DINPro-Black.eot?#iefix') format('embedded-opentype'), url('/local/templates/ystu/assets/fonts/DINPro-Black.woff') format('woff'), url('/local/templates/ystu/assets/fonts/DINPro-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'DIN Pro'; src: url('/local/templates/ystu/assets/fonts/DINPro-LightItalic.eot'); src: local('DIN Pro Light Italic'), local('DINPro-LightItalic'), url('/local/templates/ystu/assets/fonts/DINPro-LightItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/ystu/assets/fonts/DINPro-LightItalic.woff') format('woff'), url('/local/templates/ystu/assets/fonts/DINPro-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'DIN Pro Cond'; src: url('/local/templates/ystu/assets/fonts/DINPro-CondensedBoldItalic.eot'); src: local('DIN Pro Condensed Bold Italic'), local('DINPro-CondensedBoldItalic'), url('/local/templates/ystu/assets/fonts/DINPro-CondensedBoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/ystu/assets/fonts/DINPro-CondensedBoldItalic.woff') format('woff'), url('/local/templates/ystu/assets/fonts/DINPro-CondensedBoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'DIN Pro Cond'; src: url('/local/templates/ystu/assets/fonts/DINPro-CondensedRegular.eot'); src: local('DIN Pro Condensed Regular'), local('DINPro-CondensedRegular'), url('/local/templates/ystu/assets/fonts/DINPro-CondensedRegular.eot?#iefix') format('embedded-opentype'), url('/local/templates/ystu/assets/fonts/DINPro-CondensedRegular.woff') format('woff'), url('/local/templates/ystu/assets/fonts/DINPro-CondensedRegular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DIN Pro Cond'; src: url('/local/templates/ystu/assets/fonts/DINPro-CondensedItalic.eot'); src: local('DIN Pro Condensed Italic'), local('DINPro-CondensedItalic'), url('/local/templates/ystu/assets/fonts/DINPro-CondensedItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/ystu/assets/fonts/DINPro-CondensedItalic.woff') format('woff'), url('/local/templates/ystu/assets/fonts/DINPro-CondensedItalic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'DIN Pro Cond'; src: url('/local/templates/ystu/assets/fonts/DINPro-CondensedLightItalic.eot'); src: local('DIN Pro Condensed Light Italic'), local('DINPro-CondensedLightItalic'), url('/local/templates/ystu/assets/fonts/DINPro-CondensedLightItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/ystu/assets/fonts/DINPro-CondensedLightItalic.woff') format('woff'), url('/local/templates/ystu/assets/fonts/DINPro-CondensedLightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'DIN Pro Cond'; src: url('/local/templates/ystu/assets/fonts/DINPro-CondensedLight.eot'); src: local('DIN Pro Condensed Light'), local('DINPro-CondensedLight'), url('/local/templates/ystu/assets/fonts/DINPro-CondensedLight.eot?#iefix') format('embedded-opentype'), url('/local/templates/ystu/assets/fonts/DINPro-CondensedLight.woff') format('woff'), url('/local/templates/ystu/assets/fonts/DINPro-CondensedLight.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'DIN Pro'; src: url('/local/templates/ystu/assets/fonts/DINPro-BoldItalic.eot'); src: local('DIN Pro Bold Italic'), local('DINPro-BoldItalic'), url('/local/templates/ystu/assets/fonts/DINPro-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/ystu/assets/fonts/DINPro-BoldItalic.woff') format('woff'), url('/local/templates/ystu/assets/fonts/DINPro-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } /* End */ /* Start:/local/templates/ystu/styles.css?16885612904433*/ .page-main-content__spoiler-button { margin-top: 0.625rem; padding-top: 1rem; padding-bottom: 1rem; font-size: 0.9375rem; color: #000; position: relative; padding-left: 1.75rem; text-transform: uppercase; cursor: pointer; font-weight: 500; letter-spacing: 0.03125rem; font-family: "DIN Pro"; line-height: 100%; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .page-main-content__spoiler-button:hover { color: #0055FF; -webkit-transition: color ease-in-out 100ms; -moz-transition: color ease-in-out 100ms; transition: color ease-in-out 100ms; } .page-main-content__spoiler-button:hover::before { -webkit-transition: background ease-in-out 200ms, -webkit-transform ease-in-out 200ms; transition: background ease-in-out 200ms, -webkit-transform ease-in-out 200ms; -moz-transition: background ease-in-out 200ms, transform ease-in-out 200ms, -moz-transform ease-in-out 200ms; transition: background ease-in-out 200ms, transform ease-in-out 200ms; transition: background ease-in-out 200ms, transform ease-in-out 200ms, -webkit-transform ease-in-out 200ms, -moz-transform ease-in-out 200ms; background: url("data:image/svg+xml,%3Csvg width='15' height='10' viewBox='0 0 15 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-3.06774e-07 2.98182L-4.37114e-07 6.55671e-07L6.29221 5.94545L7.5 7.02102L8.68831 5.94545L15 0L15 2.98182L7.5 10L-3.06774e-07 2.98182Z' fill='%230055FF'/%3E%3C/svg%3E%0A") center no-repeat; background-size: 100%; } .page-main-content__spoiler-button::before { content: ""; -webkit-transition: background ease-in-out 200ms, -webkit-transform ease-in-out 200ms; transition: background ease-in-out 200ms, -webkit-transform ease-in-out 200ms; -moz-transition: background ease-in-out 200ms, transform ease-in-out 200ms, -moz-transform ease-in-out 200ms; transition: background ease-in-out 200ms, transform ease-in-out 200ms; transition: background ease-in-out 200ms, transform ease-in-out 200ms, -webkit-transform ease-in-out 200ms, -moz-transform ease-in-out 200ms; position: absolute; left: 0; top: 50%; display: block; width: 0.9375rem; height: 0.625rem; -webkit-transform: translateY(-50%) scale(1); -moz-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); background: url("data:image/svg+xml,%3Csvg width='15' height='10' viewBox='0 0 15 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-3.06774e-07 2.98182L-4.37114e-07 6.55671e-07L6.29221 5.94545L7.5 7.02102L8.68831 5.94545L15 0L15 2.98182L7.5 10L-3.06774e-07 2.98182Z' fill='black'/%3E%3C/svg%3E%0A") center no-repeat; background-size: 100%; } .page-main-content__spoiler-button_state_active::before { content: ""; -webkit-transition: -webkit-transform ease-in-out 200ms; transition: -webkit-transform ease-in-out 200ms; -moz-transition: transform ease-in-out 200ms, -moz-transform ease-in-out 200ms; transition: transform ease-in-out 200ms; transition: transform ease-in-out 200ms, -webkit-transform ease-in-out 200ms, -moz-transform ease-in-out 200ms; -webkit-transform: translateY(-50%) scale(-1); -moz-transform: translateY(-50%) scale(-1); -ms-transform: translateY(-50%) scale(-1); transform: translateY(-50%) scale(-1); background-size: 100%; } .page-main-content__spoiler { padding-bottom: 1.625rem; font-size: inherit; color: inherit; letter-spacing: inherit; line-height: inherit; font-family: inherit; font-weight: inherit; } [contenteditable="true"] .page-main-content__spoiler { border: 0.25rem dashed #224b96; border-radius: 5px; padding: 0.25rem; margin-top: 0.5rem; margin-bottom: 0.5rem; } .page-contacts__map { margin-top: 2.5rem; } .contacts-map__title { font-size: 2.25rem; line-height: 97%; font-family: "DIN Pro"; margin-bottom: 1.75rem; font-weight: 500; } .contacts-map__map { width: 100%; height: 29.75rem; } .contacts-map__map>div { width: 100%; height: 100%; } .contacts-map__map iframe { height: 100% !important; width: 100% !important; } .doing-item--slider { margin-bottom: 7.5rem; } .doing-item-image { height: 9.375rem; } /* End */ /* /local/templates/ystu/assets/css/index.css?1747732278161241 */ /* /local/templates/ystu/assets/css/xtt.css?17399210223339 */ /* /local/templates/ystu/assets/css/style.css?1747400829203990 */ /* /local/templates/ystu/assets/css/style.2.css?17210509889221 */ /* /local/templates/ystu/assets/css/style.3.css?17442251642024 */ /* /local/templates/ystu/assets/css/redshtr.css?170049256511800 */ /* /local/templates/ystu/assets/css/custom-bootstrap.css?1744285707119938 */ /* /local/templates/ystu/assets/css/plugins/owl.carousel.css?16855748165260 */ /* /local/templates/ystu/assets/css/plugins/lightslider.css?16855748838151 */ /* /local/templates/ystu/assets/css/plugins/selectric.css?16855748655919 */ /* /local/templates/ystu/assets/fonts/stylesheet.css?16855750667317 */ /* /local/templates/ystu/styles.css?16885612904433 */