/* Start:/local/templates/.default/css/jquery.fancybox.min.css?173504595012929*/ @function max($numbers...) { @return m#{a}x(#{$numbers}); } @function min($numbers...) { @return m#{i}n(#{$numbers}); } body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/.default/css/swiper-bundle.min.css?173504595018447*/ /** * Swiper 11.0.6 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 5, 2024 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{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:'';flex-shrink:0;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{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{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(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;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/.default/css/intlTelInput.css?173504595026664*/ .iti { position: relative; display: inline-block; } .iti * { box-sizing: border-box; } .iti__hide { display: none; } .iti__v-hide { visibility: hidden; } .iti input.iti__tel-input, .iti input.iti__tel-input[type=text], .iti input.iti__tel-input[type=tel] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0; } .iti__flag-container { position: absolute; top: 0; bottom: 0; right: 0; padding: 1px; } .iti__selected-flag { z-index: 1; position: relative; display: flex; align-items: center; height: 100%; padding: 0 6px 0 8px; } .iti__arrow { margin-left: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; } [dir=rtl] .iti__arrow { margin-right: 6px; margin-left: 0; } .iti__arrow--up { border-top: none; border-bottom: 4px solid #555; } .iti__dropdown-content { border-radius: 3px; background-color: white; } .iti--inline-dropdown .iti__dropdown-content { position: absolute; z-index: 2; margin-top: 3px; margin-left: -1px; border: 1px solid #ccc; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); } .iti__dropdown-content--dropup { bottom: 100%; margin-bottom: 3px; } .iti__search-input { width: 100%; border-width: 0; border-radius: 3px; padding: 9px 12px; } .iti__search-input + .iti__country-list { border-top: 1px solid #ccc; } .iti__country-list { list-style: none; padding: 0; margin: 0; max-height: 185px; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .iti--flexible-dropdown-width .iti__country-list { white-space: nowrap; } @media (max-width: 500px) { .iti--flexible-dropdown-width .iti__country-list { white-space: normal; } } .iti__flag-box { display: inline-block; width: 20px; } .iti__divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #ccc; } .iti__country { display: flex; align-items: center; padding: 8px 8px; outline: none; } .iti__dial-code { color: #999; } .iti__country.iti__highlight { background-color: rgba(0, 0, 0, 0.05); } .iti__flag-box, .iti__country-name { margin-right: 8px; } [dir=rtl] .iti__flag-box, [dir=rtl] .iti__country-name { margin-right: 0; margin-left: 8px; } .iti--allow-dropdown input.iti__tel-input, .iti--allow-dropdown input.iti__tel-input[type=text], .iti--allow-dropdown input.iti__tel-input[type=tel], .iti--show-selected-dial-code input.iti__tel-input, .iti--show-selected-dial-code input.iti__tel-input[type=text], .iti--show-selected-dial-code input.iti__tel-input[type=tel] { padding-right: 6px; padding-left: 52px; margin-left: 0; } [dir=rtl] .iti--allow-dropdown input.iti__tel-input, [dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text], [dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel], [dir=rtl] .iti--show-selected-dial-code input.iti__tel-input, [dir=rtl] .iti--show-selected-dial-code input.iti__tel-input[type=text], [dir=rtl] .iti--show-selected-dial-code input.iti__tel-input[type=tel] { padding-right: 52px; padding-left: 6px; margin-right: 0; } .iti--allow-dropdown .iti__flag-container, .iti--show-selected-dial-code .iti__flag-container { right: auto; left: 0; } [dir=rtl] .iti--allow-dropdown .iti__flag-container, [dir=rtl] .iti--show-selected-dial-code .iti__flag-container { right: 0; left: auto; } .iti--allow-dropdown .iti__flag-container:hover { cursor: pointer; } .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--allow-dropdown .iti__flag-container:has(+ input[disabled]):hover, .iti--allow-dropdown .iti__flag-container:has(+ input[readonly]):hover { cursor: default; } .iti--allow-dropdown .iti__flag-container:has(+ input[disabled]):hover .iti__selected-flag, .iti--allow-dropdown .iti__flag-container:has(+ input[readonly]):hover .iti__selected-flag { background-color: transparent; } .iti--show-selected-dial-code .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code { margin-left: 6px; } [dir=rtl] .iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code { margin-left: 0; margin-right: 6px; } .iti--container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; } .iti--container:hover { cursor: pointer; } .iti--fullscreen-popup.iti--container { background-color: rgba(0, 0, 0, 0.5); top: 0; bottom: 0; left: 0; right: 0; position: fixed; padding: 30px; display: flex; flex-direction: column; justify-content: center; } .iti--fullscreen-popup.iti--container.iti--country-search { justify-content: flex-start; } .iti--fullscreen-popup .iti__dropdown-content { max-height: 100%; position: relative; } .iti--fullscreen-popup .iti__country { padding: 10px 10px; line-height: 1.5em; } .iti__flag { width: 20px; } .iti__flag.iti__be { width: 18px; } .iti__flag.iti__ch { width: 15px; } .iti__flag.iti__mc { width: 19px; } .iti__flag.iti__ne { width: 18px; } .iti__flag.iti__np { width: 13px; } .iti__flag.iti__va { width: 15px; } @media (min-resolution: 2x) { .iti__flag { background-size: 5762px 15px; } } .iti__flag.iti__ac { height: 10px; background-position: 0px 0px; } .iti__flag.iti__ad { height: 14px; background-position: -22px 0px; } .iti__flag.iti__ae { height: 10px; background-position: -44px 0px; } .iti__flag.iti__af { height: 14px; background-position: -66px 0px; } .iti__flag.iti__ag { height: 14px; background-position: -88px 0px; } .iti__flag.iti__ai { height: 10px; background-position: -110px 0px; } .iti__flag.iti__al { height: 15px; background-position: -132px 0px; } .iti__flag.iti__am { height: 10px; background-position: -154px 0px; } .iti__flag.iti__ao { height: 14px; background-position: -176px 0px; } .iti__flag.iti__aq { height: 14px; background-position: -198px 0px; } .iti__flag.iti__ar { height: 13px; background-position: -220px 0px; } .iti__flag.iti__as { height: 10px; background-position: -242px 0px; } .iti__flag.iti__at { height: 14px; background-position: -264px 0px; } .iti__flag.iti__au { height: 10px; background-position: -286px 0px; } .iti__flag.iti__aw { height: 14px; background-position: -308px 0px; } .iti__flag.iti__ax { height: 13px; background-position: -330px 0px; } .iti__flag.iti__az { height: 10px; background-position: -352px 0px; } .iti__flag.iti__ba { height: 10px; background-position: -374px 0px; } .iti__flag.iti__bb { height: 14px; background-position: -396px 0px; } .iti__flag.iti__bd { height: 12px; background-position: -418px 0px; } .iti__flag.iti__be { height: 15px; background-position: -440px 0px; } .iti__flag.iti__bf { height: 14px; background-position: -460px 0px; } .iti__flag.iti__bg { height: 12px; background-position: -482px 0px; } .iti__flag.iti__bh { height: 12px; background-position: -504px 0px; } .iti__flag.iti__bi { height: 12px; background-position: -526px 0px; } .iti__flag.iti__bj { height: 14px; background-position: -548px 0px; } .iti__flag.iti__bl { height: 14px; background-position: -570px 0px; } .iti__flag.iti__bm { height: 10px; background-position: -592px 0px; } .iti__flag.iti__bn { height: 10px; background-position: -614px 0px; } .iti__flag.iti__bo { height: 14px; background-position: -636px 0px; } .iti__flag.iti__bq { height: 14px; background-position: -658px 0px; } .iti__flag.iti__br { height: 14px; background-position: -680px 0px; } .iti__flag.iti__bs { height: 10px; background-position: -702px 0px; } .iti__flag.iti__bt { height: 14px; background-position: -724px 0px; } .iti__flag.iti__bv { height: 15px; background-position: -746px 0px; } .iti__flag.iti__bw { height: 14px; background-position: -768px 0px; } .iti__flag.iti__by { height: 10px; background-position: -790px 0px; } .iti__flag.iti__bz { height: 12px; background-position: -812px 0px; } .iti__flag.iti__ca { height: 10px; background-position: -834px 0px; } .iti__flag.iti__cc { height: 10px; background-position: -856px 0px; } .iti__flag.iti__cd { height: 15px; background-position: -878px 0px; } .iti__flag.iti__cf { height: 14px; background-position: -900px 0px; } .iti__flag.iti__cg { height: 14px; background-position: -922px 0px; } .iti__flag.iti__ch { height: 15px; background-position: -944px 0px; } .iti__flag.iti__ci { height: 14px; background-position: -961px 0px; } .iti__flag.iti__ck { height: 10px; background-position: -983px 0px; } .iti__flag.iti__cl { height: 14px; background-position: -1005px 0px; } .iti__flag.iti__cm { height: 14px; background-position: -1027px 0px; } .iti__flag.iti__cn { height: 14px; background-position: -1049px 0px; } .iti__flag.iti__co { height: 14px; background-position: -1071px 0px; } .iti__flag.iti__cp { height: 14px; background-position: -1093px 0px; } .iti__flag.iti__cq { height: 12px; background-position: -1115px 0px; } .iti__flag.iti__cr { height: 12px; background-position: -1137px 0px; } .iti__flag.iti__cu { height: 10px; background-position: -1159px 0px; } .iti__flag.iti__cv { height: 12px; background-position: -1181px 0px; } .iti__flag.iti__cw { height: 14px; background-position: -1203px 0px; } .iti__flag.iti__cx { height: 10px; background-position: -1225px 0px; } .iti__flag.iti__cy { height: 14px; background-position: -1247px 0px; } .iti__flag.iti__cz { height: 14px; background-position: -1269px 0px; } .iti__flag.iti__de { height: 12px; background-position: -1291px 0px; } .iti__flag.iti__dg { height: 10px; background-position: -1313px 0px; } .iti__flag.iti__dj { height: 14px; background-position: -1335px 0px; } .iti__flag.iti__dk { height: 15px; background-position: -1357px 0px; } .iti__flag.iti__dm { height: 10px; background-position: -1379px 0px; } .iti__flag.iti__do { height: 14px; background-position: -1401px 0px; } .iti__flag.iti__dz { height: 14px; background-position: -1423px 0px; } .iti__flag.iti__ea { height: 14px; background-position: -1445px 0px; } .iti__flag.iti__ec { height: 14px; background-position: -1467px 0px; } .iti__flag.iti__ee { height: 13px; background-position: -1489px 0px; } .iti__flag.iti__eg { height: 14px; background-position: -1511px 0px; } .iti__flag.iti__eh { height: 10px; background-position: -1533px 0px; } .iti__flag.iti__er { height: 10px; background-position: -1555px 0px; } .iti__flag.iti__es { height: 14px; background-position: -1577px 0px; } .iti__flag.iti__et { height: 10px; background-position: -1599px 0px; } .iti__flag.iti__eu { height: 14px; background-position: -1621px 0px; } .iti__flag.iti__ez { height: 14px; background-position: -1643px 0px; } .iti__flag.iti__fi { height: 12px; background-position: -1665px 0px; } .iti__flag.iti__fj { height: 10px; background-position: -1687px 0px; } .iti__flag.iti__fk { height: 10px; background-position: -1709px 0px; } .iti__flag.iti__fm { height: 11px; background-position: -1731px 0px; } .iti__flag.iti__fo { height: 15px; background-position: -1753px 0px; } .iti__flag.iti__fr { height: 14px; background-position: -1775px 0px; } .iti__flag.iti__fx { height: 14px; background-position: -1797px 0px; } .iti__flag.iti__ga { height: 15px; background-position: -1819px 0px; } .iti__flag.iti__gb { height: 10px; background-position: -1841px 0px; } .iti__flag.iti__gd { height: 12px; background-position: -1863px 0px; } .iti__flag.iti__ge { height: 14px; background-position: -1885px 0px; } .iti__flag.iti__gf { height: 14px; background-position: -1907px 0px; } .iti__flag.iti__gg { height: 14px; background-position: -1929px 0px; } .iti__flag.iti__gh { height: 14px; background-position: -1951px 0px; } .iti__flag.iti__gi { height: 10px; background-position: -1973px 0px; } .iti__flag.iti__gl { height: 14px; background-position: -1995px 0px; } .iti__flag.iti__gm { height: 14px; background-position: -2017px 0px; } .iti__flag.iti__gn { height: 14px; background-position: -2039px 0px; } .iti__flag.iti__gp { height: 14px; background-position: -2061px 0px; } .iti__flag.iti__gq { height: 14px; background-position: -2083px 0px; } .iti__flag.iti__gr { height: 14px; background-position: -2105px 0px; } .iti__flag.iti__gs { height: 10px; background-position: -2127px 0px; } .iti__flag.iti__gt { height: 13px; background-position: -2149px 0px; } .iti__flag.iti__gu { height: 11px; background-position: -2171px 0px; } .iti__flag.iti__gw { height: 10px; background-position: -2193px 0px; } .iti__flag.iti__gy { height: 12px; background-position: -2215px 0px; } .iti__flag.iti__hk { height: 14px; background-position: -2237px 0px; } .iti__flag.iti__hm { height: 10px; background-position: -2259px 0px; } .iti__flag.iti__hn { height: 10px; background-position: -2281px 0px; } .iti__flag.iti__hr { height: 10px; background-position: -2303px 0px; } .iti__flag.iti__ht { height: 12px; background-position: -2325px 0px; } .iti__flag.iti__hu { height: 10px; background-position: -2347px 0px; } .iti__flag.iti__ic { height: 14px; background-position: -2369px 0px; } .iti__flag.iti__id { height: 14px; background-position: -2391px 0px; } .iti__flag.iti__ie { height: 10px; background-position: -2413px 0px; } .iti__flag.iti__il { height: 15px; background-position: -2435px 0px; } .iti__flag.iti__im { height: 10px; background-position: -2457px 0px; } .iti__flag.iti__in { height: 14px; background-position: -2479px 0px; } .iti__flag.iti__io { height: 10px; background-position: -2501px 0px; } .iti__flag.iti__iq { height: 14px; background-position: -2523px 0px; } .iti__flag.iti__ir { height: 12px; background-position: -2545px 0px; } .iti__flag.iti__is { height: 15px; background-position: -2567px 0px; } .iti__flag.iti__it { height: 14px; background-position: -2589px 0px; } .iti__flag.iti__je { height: 12px; background-position: -2611px 0px; } .iti__flag.iti__jm { height: 10px; background-position: -2633px 0px; } .iti__flag.iti__jo { height: 10px; background-position: -2655px 0px; } .iti__flag.iti__jp { height: 14px; background-position: -2677px 0px; } .iti__flag.iti__ke { height: 14px; background-position: -2699px 0px; } .iti__flag.iti__kg { height: 12px; background-position: -2721px 0px; } .iti__flag.iti__kh { height: 13px; background-position: -2743px 0px; } .iti__flag.iti__ki { height: 10px; background-position: -2765px 0px; } .iti__flag.iti__km { height: 12px; background-position: -2787px 0px; } .iti__flag.iti__kn { height: 14px; background-position: -2809px 0px; } .iti__flag.iti__kp { height: 10px; background-position: -2831px 0px; } .iti__flag.iti__kr { height: 14px; background-position: -2853px 0px; } .iti__flag.iti__kw { height: 10px; background-position: -2875px 0px; } .iti__flag.iti__ky { height: 10px; background-position: -2897px 0px; } .iti__flag.iti__kz { height: 10px; background-position: -2919px 0px; } .iti__flag.iti__la { height: 14px; background-position: -2941px 0px; } .iti__flag.iti__lb { height: 14px; background-position: -2963px 0px; } .iti__flag.iti__lc { height: 10px; background-position: -2985px 0px; } .iti__flag.iti__li { height: 12px; background-position: -3007px 0px; } .iti__flag.iti__lk { height: 10px; background-position: -3029px 0px; } .iti__flag.iti__lr { height: 11px; background-position: -3051px 0px; } .iti__flag.iti__ls { height: 14px; background-position: -3073px 0px; } .iti__flag.iti__lt { height: 12px; background-position: -3095px 0px; } .iti__flag.iti__lu { height: 12px; background-position: -3117px 0px; } .iti__flag.iti__lv { height: 10px; background-position: -3139px 0px; } .iti__flag.iti__ly { height: 10px; background-position: -3161px 0px; } .iti__flag.iti__ma { height: 14px; background-position: -3183px 0px; } .iti__flag.iti__mc { height: 15px; background-position: -3205px 0px; } .iti__flag.iti__md { height: 10px; background-position: -3226px 0px; } .iti__flag.iti__me { height: 10px; background-position: -3248px 0px; } .iti__flag.iti__mf { height: 14px; background-position: -3270px 0px; } .iti__flag.iti__mg { height: 14px; background-position: -3292px 0px; } .iti__flag.iti__mh { height: 11px; background-position: -3314px 0px; } .iti__flag.iti__mk { height: 10px; background-position: -3336px 0px; } .iti__flag.iti__ml { height: 14px; background-position: -3358px 0px; } .iti__flag.iti__mm { height: 14px; background-position: -3380px 0px; } .iti__flag.iti__mn { height: 10px; background-position: -3402px 0px; } .iti__flag.iti__mo { height: 14px; background-position: -3424px 0px; } .iti__flag.iti__mp { height: 10px; background-position: -3446px 0px; } .iti__flag.iti__mq { height: 14px; background-position: -3468px 0px; } .iti__flag.iti__mr { height: 14px; background-position: -3490px 0px; } .iti__flag.iti__ms { height: 10px; background-position: -3512px 0px; } .iti__flag.iti__mt { height: 14px; background-position: -3534px 0px; } .iti__flag.iti__mu { height: 14px; background-position: -3556px 0px; } .iti__flag.iti__mv { height: 14px; background-position: -3578px 0px; } .iti__flag.iti__mw { height: 14px; background-position: -3600px 0px; } .iti__flag.iti__mx { height: 12px; background-position: -3622px 0px; } .iti__flag.iti__my { height: 10px; background-position: -3644px 0px; } .iti__flag.iti__mz { height: 14px; background-position: -3666px 0px; } .iti__flag.iti__na { height: 14px; background-position: -3688px 0px; } .iti__flag.iti__nc { height: 10px; background-position: -3710px 0px; } .iti__flag.iti__ne { height: 15px; background-position: -3732px 0px; } .iti__flag.iti__nf { height: 10px; background-position: -3752px 0px; } .iti__flag.iti__ng { height: 10px; background-position: -3774px 0px; } .iti__flag.iti__ni { height: 12px; background-position: -3796px 0px; } .iti__flag.iti__nl { height: 14px; background-position: -3818px 0px; } .iti__flag.iti__no { height: 15px; background-position: -3840px 0px; } .iti__flag.iti__np { height: 15px; background-position: -3862px 0px; } .iti__flag.iti__nr { height: 10px; background-position: -3877px 0px; } .iti__flag.iti__nu { height: 10px; background-position: -3899px 0px; } .iti__flag.iti__nz { height: 10px; background-position: -3921px 0px; } .iti__flag.iti__om { height: 10px; background-position: -3943px 0px; } .iti__flag.iti__pa { height: 14px; background-position: -3965px 0px; } .iti__flag.iti__pe { height: 14px; background-position: -3987px 0px; } .iti__flag.iti__pf { height: 14px; background-position: -4009px 0px; } .iti__flag.iti__pg { height: 15px; background-position: -4031px 0px; } .iti__flag.iti__ph { height: 10px; background-position: -4053px 0px; } .iti__flag.iti__pk { height: 14px; background-position: -4075px 0px; } .iti__flag.iti__pl { height: 13px; background-position: -4097px 0px; } .iti__flag.iti__pm { height: 14px; background-position: -4119px 0px; } .iti__flag.iti__pn { height: 10px; background-position: -4141px 0px; } .iti__flag.iti__pr { height: 14px; background-position: -4163px 0px; } .iti__flag.iti__ps { height: 10px; background-position: -4185px 0px; } .iti__flag.iti__pt { height: 14px; background-position: -4207px 0px; } .iti__flag.iti__pw { height: 13px; background-position: -4229px 0px; } .iti__flag.iti__py { height: 11px; background-position: -4251px 0px; } .iti__flag.iti__qa { height: 8px; background-position: -4273px 0px; } .iti__flag.iti__re { height: 14px; background-position: -4295px 0px; } .iti__flag.iti__ro { height: 14px; background-position: -4317px 0px; } .iti__flag.iti__rs { height: 14px; background-position: -4339px 0px; } .iti__flag.iti__ru { height: 14px; background-position: -4361px 0px; } .iti__flag.iti__rw { height: 14px; background-position: -4383px 0px; } .iti__flag.iti__sa { height: 14px; background-position: -4405px 0px; } .iti__flag.iti__sb { height: 10px; background-position: -4427px 0px; } .iti__flag.iti__sc { height: 10px; background-position: -4449px 0px; } .iti__flag.iti__sd { height: 10px; background-position: -4471px 0px; } .iti__flag.iti__se { height: 13px; background-position: -4493px 0px; } .iti__flag.iti__sg { height: 14px; background-position: -4515px 0px; } .iti__flag.iti__sh { height: 10px; background-position: -4537px 0px; } .iti__flag.iti__si { height: 10px; background-position: -4559px 0px; } .iti__flag.iti__sj { height: 15px; background-position: -4581px 0px; } .iti__flag.iti__sk { height: 14px; background-position: -4603px 0px; } .iti__flag.iti__sl { height: 14px; background-position: -4625px 0px; } .iti__flag.iti__sm { height: 15px; background-position: -4647px 0px; } .iti__flag.iti__sn { height: 14px; background-position: -4669px 0px; } .iti__flag.iti__so { height: 14px; background-position: -4691px 0px; } .iti__flag.iti__sr { height: 14px; background-position: -4713px 0px; } .iti__flag.iti__ss { height: 10px; background-position: -4735px 0px; } .iti__flag.iti__st { height: 10px; background-position: -4757px 0px; } .iti__flag.iti__su { height: 10px; background-position: -4779px 0px; } .iti__flag.iti__sv { height: 12px; background-position: -4801px 0px; } .iti__flag.iti__sx { height: 14px; background-position: -4823px 0px; } .iti__flag.iti__sy { height: 14px; background-position: -4845px 0px; } .iti__flag.iti__sz { height: 14px; background-position: -4867px 0px; } .iti__flag.iti__ta { height: 10px; background-position: -4889px 0px; } .iti__flag.iti__tc { height: 10px; background-position: -4911px 0px; } .iti__flag.iti__td { height: 14px; background-position: -4933px 0px; } .iti__flag.iti__tf { height: 14px; background-position: -4955px 0px; } .iti__flag.iti__tg { height: 13px; background-position: -4977px 0px; } .iti__flag.iti__th { height: 14px; background-position: -4999px 0px; } .iti__flag.iti__tj { height: 10px; background-position: -5021px 0px; } .iti__flag.iti__tk { height: 10px; background-position: -5043px 0px; } .iti__flag.iti__tl { height: 10px; background-position: -5065px 0px; } .iti__flag.iti__tm { height: 14px; background-position: -5087px 0px; } .iti__flag.iti__tn { height: 14px; background-position: -5109px 0px; } .iti__flag.iti__to { height: 10px; background-position: -5131px 0px; } .iti__flag.iti__tr { height: 14px; background-position: -5153px 0px; } .iti__flag.iti__tt { height: 12px; background-position: -5175px 0px; } .iti__flag.iti__tv { height: 10px; background-position: -5197px 0px; } .iti__flag.iti__tw { height: 14px; background-position: -5219px 0px; } .iti__flag.iti__tz { height: 14px; background-position: -5241px 0px; } .iti__flag.iti__ua { height: 14px; background-position: -5263px 0px; } .iti__flag.iti__ug { height: 14px; background-position: -5285px 0px; } .iti__flag.iti__uk { height: 10px; background-position: -5307px 0px; } .iti__flag.iti__um { height: 11px; background-position: -5329px 0px; } .iti__flag.iti__un { height: 14px; background-position: -5351px 0px; } .iti__flag.iti__us { height: 11px; background-position: -5373px 0px; } .iti__flag.iti__uy { height: 14px; background-position: -5395px 0px; } .iti__flag.iti__uz { height: 10px; background-position: -5417px 0px; } .iti__flag.iti__va { height: 15px; background-position: -5439px 0px; } .iti__flag.iti__vc { height: 14px; background-position: -5456px 0px; } .iti__flag.iti__ve { height: 14px; background-position: -5478px 0px; } .iti__flag.iti__vg { height: 10px; background-position: -5500px 0px; } .iti__flag.iti__vi { height: 14px; background-position: -5522px 0px; } .iti__flag.iti__vn { height: 14px; background-position: -5544px 0px; } .iti__flag.iti__vu { height: 12px; background-position: -5566px 0px; } .iti__flag.iti__wf { height: 14px; background-position: -5588px 0px; } .iti__flag.iti__ws { height: 10px; background-position: -5610px 0px; } .iti__flag.iti__xk { height: 15px; background-position: -5632px 0px; } .iti__flag.iti__ye { height: 14px; background-position: -5654px 0px; } .iti__flag.iti__yt { height: 14px; background-position: -5676px 0px; } .iti__flag.iti__za { height: 14px; background-position: -5698px 0px; } .iti__flag.iti__zm { height: 14px; background-position: -5720px 0px; } .iti__flag.iti__zw { height: 10px; background-position: -5742px 0px; } .iti__flag { height: 15px; box-shadow: 0px 0px 1px 0px #888; background-image: url("/local/templates/.default/css/../img/flags.png?1"); background-repeat: no-repeat; background-color: #dbdbdb; background-position: 20px 0; } @media (min-resolution: 2x) { .iti__flag { background-image: url("/local/templates/.default/css/../img/flags@2x.png?1"); } } .iti__flag.iti__np { background-color: transparent; } /* End */ /* Start:/local/templates/.default/css/main.css?1751466220171405*/ /*----------------------------------------------------- */ /* normalize */ /*----------------------------------------------------- */ body {margin: 0;} button {border: none;background: none;padding: 0;} ul, ol {margin: 0;padding: 0;list-style: none;} p {margin: 0;} a {text-decoration: none;} h1, h2, h3, h4, h5, h6 {margin: 0;} input {margin: 0;padding: 0;outline: none;} fieldset {margin: 0;padding: 0;border: none;} /*----------------------------------------------------- */ /* @media */ /*----------------------------------------------------- */ /* @media (max-width: 1439px) and (min-width: 1200px) {} @media (max-width: 1439px) and (min-width: 768px) {} @media (min-width: 1440px) {} @media (max-width: 1439px) {} @media (max-width: 767px) {} */ /*----------------------------------------------------- */ /* FONT-FACE */ /*----------------------------------------------------- */ @font-face {font-family: 'TT Commons Pro'; src: url(/local/templates/.default/css/../fonts/TTCommonsPro/TT_Commons_Pro_Thin.woff2) format('truetype'); font-weight: 100; font-style: normal} @font-face {font-family: 'TT Commons Pro'; src: url(/local/templates/.default/css/../fonts/TTCommonsPro/TT_Commons_Pro_ExtraLight.woff2) format('truetype'); font-weight: 200; font-style: normal} @font-face {font-family: 'TT Commons Pro'; src: url(/local/templates/.default/css/../fonts/TTCommonsPro/TT_Commons_Pro_Light.woff2) format('truetype'); font-weight: 300; font-style: normal} @font-face {font-family: 'TT Commons Pro'; src: url(/local/templates/.default/css/../fonts/TTCommonsPro/TT_Commons_Pro_Regular.woff2) format('truetype'); font-weight: 400; font-style: normal} @font-face {font-family: 'TT Commons Pro'; src: url(/local/templates/.default/css/../fonts/TTCommonsPro/TT_Commons_Pro_Normal.woff2) format('truetype'); font-weight: 450; font-style: normal} @font-face {font-family: 'TT Commons Pro'; src: url(/local/templates/.default/css/../fonts/TTCommonsPro/TT_Commons_Pro_Medium.woff2) format('truetype'); font-weight: 500; font-style: normal} @font-face {font-family: 'TT Commons Pro'; src: url(/local/templates/.default/css/../fonts/TTCommonsPro/TT_Commons_Pro_DemiBold.woff2) format('truetype'); font-weight: 600; font-style: normal} @font-face {font-family: 'TT Commons Pro'; src: url(/local/templates/.default/css/../fonts/TTCommonsPro/TT_Commons_Pro_Bold.woff2) format('truetype'); font-weight: 700; font-style: normal} @font-face {font-family: 'TT Commons Pro'; src: url(/local/templates/.default/css/../fonts/TTCommonsPro/TT_Commons_Pro_ExtraBold.woff2) format('truetype'); font-weight: 800; font-style: normal} @font-face {font-family: 'TT Commons Pro'; src: url(/local/templates/.default/css/../fonts/TTCommonsPro/TT_Commons_Pro_Black.woff2) format('truetype'); font-weight: 900; font-style: normal} @font-face {font-family: 'TT Commons Pro Expanded'; src: url(/local/templates/.default/css/../fonts/TTCommonsProExpanded/TT_Commons_Pro_Expanded_Thin.woff2) format('truetype'); font-weight: 100; font-style: normal} @font-face {font-family: 'TT Commons Pro Expanded'; src: url(/local/templates/.default/css/../fonts/TTCommonsProExpanded/TT_Commons_Pro_Expanded_ExtraLight.woff2) format('truetype'); font-weight: 200; font-style: normal} @font-face {font-family: 'TT Commons Pro Expanded'; src: url(/local/templates/.default/css/../fonts/TTCommonsProExpanded/TT_Commons_Pro_Expanded_Light.woff2) format('truetype'); font-weight: 300; font-style: normal} @font-face {font-family: 'TT Commons Pro Expanded'; src: url(/local/templates/.default/css/../fonts/TTCommonsProExpanded/TT_Commons_Pro_Expanded_Regular.woff2) format('truetype'); font-weight: 400; font-style: normal} @font-face {font-family: 'TT Commons Pro Expanded'; src: url(/local/templates/.default/css/../fonts/TTCommonsProExpanded/TT_Commons_Pro_Expanded_Medium.woff2) format('truetype'); font-weight: 500; font-style: normal} @font-face {font-family: 'TT Commons Pro Expanded'; src: url(/local/templates/.default/css/../fonts/TTCommonsProExpanded/TT_Commons_Pro_Expanded_DemiBold.woff2) format('truetype'); font-weight: 600; font-style: normal} @font-face {font-family: 'TT Commons Pro Expanded'; src: url(/local/templates/.default/css/../fonts/TTCommonsProExpanded/TT_Commons_Pro_Expanded_Bold.woff2) format('truetype'); font-weight: 700; font-style: normal} @font-face {font-family: 'TT Commons Pro Expanded'; src: url(/local/templates/.default/css/../fonts/TTCommonsProExpanded/TT_Commons_Pro_Expanded_ExtraBold.woff2) format('truetype'); font-weight: 800; font-style: normal} @font-face {font-family: 'TT Commons Pro Expanded'; src: url(/local/templates/.default/css/../fonts/TTCommonsProExpanded/TT_Commons_Pro_Expanded_Black.woff2) format('truetype'); font-weight: 900; font-style: normal} /*----------------------------------------------------- */ /* * */ /*----------------------------------------------------- */ * {box-sizing: border-box;font-size: 18px;font-weight: 450;font-family: TT Commons Pro;line-height: 1.5;color: #000;} main {min-height: calc(100vh - 90px - 338px - 80px);} .hide {display: none !important;} .container {width: 100%;max-width: 1440px;padding-left: 40px;padding-right: 40px;margin-left: auto;margin-right: auto;} .title, .title * {font-size: 60px;font-weight: 600;line-height: 1;font-family: TT Commons Pro Expanded;word-break: break-word;} .title.v2, .title.v2 * {font-size: 46px;} .title.v3, .title.v3 * {font-size: 32px;} .title.v4, .title.v4 * {font-size: 24px;} .title.v5, .title.v5 * {font-size: 18px;} .description, .description * {font-size: 22px;} .description-v1, .description-v1 * {font-size: 24px;font-weight: 500;font-family: TT Commons Pro Expanded;} a, a *, .btn, .btn *, button, button * {transition-duration: 0.5s;} main a:not([class]) {color: var(--color-v2);} b {font-weight: 600;} .btn:focus,button:focus,textarea:focus,input:focus,select:focus {outline: none;} .points-grade-item {position: absolute;z-index: 1;height: 38px;padding: 0 10px;display: flex;align-items: center;justify-content: center;gap: 5px;background-color: #fff;border-radius: 20px;} .points-grade-item::before {content: '';background-image: url(/local/templates/.default/css/../img/static/points-grade-item.svg);width: 20px;height: 20px;background-repeat: no-repeat;background-position: center;background-size: contain;} .ol-v1 {counter-reset: myCounter;display: flex;flex-direction: column;gap: 20px;} .ol-v1 > li {font-size: 22px;line-height: 31px;padding-left: 68px;position: relative;min-height: 48px;display: flex;align-items: center;} .ol-v1 > li * {font-size: 22px;line-height: 31px;} .ol-v1 > li::before {counter-increment: myCounter;content: counter(myCounter);width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;font-size: 22px;background-color: var(--color-v2);border-radius: 50%;color: #FFF;position: absolute;left: 0;top: 0;} .ol-v2 {counter-reset: myCounter;display: flex;flex-direction: column;gap: 10px;} .ol-v2 > li {font-size: 22px;line-height: 31px;padding-left: 30px;position: relative;} .ol-v2 > li * {font-size: 22px;line-height: 31px;} .ol-v2 > li::before {counter-increment: myCounter;content: counter(myCounter);font-size: 18px;color: var(--color-v2);position: absolute;left: 0;top: 0;} .ul-v1 {display: flex;gap: 10px;flex-direction: column;} .ul-v1 > li {font-size: 22px;line-height: 31px;position: relative;padding-left: 30px;} .ul-v1 > li * {font-size: 22px;line-height: 31px;} .ul-v1 > li::before {content: '';display: block;width: 10px;height: 10px;border-radius: 50%;background-color: var(--color-v2);position: absolute;left: 0;top: 10px;} .ul-v2 {display: flex;flex-direction: column;} .ul-v2 > li {position: relative;padding-left: 30px;} .ul-v2 > li::before {content: '';display: block;width: 10px;height: 10px;border-radius: 50%;background-color: var(--color-v2);position: absolute;left: 0;top: 10px;} .soc__list {display: flex;gap: 10px;align-items: center;} .soc__item {width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;background-color: var(--color-v1);border-radius: 50%;} .soc__item:hover {background-color: var(--color-v2);} .soc__item:hover svg {transform: scale(1.15);} .teg__list {display: flex;align-items: center;gap: 10px;flex-wrap: wrap;} .teg__item {height: 48px;padding: 0 24px;display: flex;align-items: center;background-color: var(--color-v6);border-radius: 24px;cursor: pointer;transition-duration: 0.5s;color: #000;} .teg__item.active {background-color: var(--color-v1);color: #fff;} .teg__item:hover {background-color: var(--color-v2);color: #fff;} .teg__list.v1 {gap: 6px;} .teg__list.v1 .teg__item {height: 38px;padding: 0 20px;} .teg {display: flex;align-items: center;gap: 10px;padding: 0 10px;height: 38px;border-radius: 18px;background-color: var(--color-v6);line-height: 1;} .teg b {display: flex;align-items: center;font-weight: 600;font-family: TT Commons Pro Expanded;font-size: 16px;} .teg p {display: flex;align-items: center;} .teg * {line-height: 1;} .teg.v1 {color: #fff;background-color: var(--color-v1);} .teg.v1 * {color: #fff;} .teg.v2 {color: #fff;background-color: var(--color-v2);} .teg.v2 * {color: #fff;} .teg.v3 {background-color: #fff;} .teg.v4 {background-color: #fff0;} .teg.v5 {color: #fff;background-color: var(--color-v3);} .teg.v5 * {color: #fff;} .teg.v6 {color: #fff;background-color: var(--color-v4);} .teg.v6 * {color: #fff;} .teg.v7 {padding: 0 20px;background-color: rgb(0 0 0 / 20%);color: #fff;} .teg.v8 {padding: 0 20px;background-color: #fff;} .teg.v9 {padding: 0 20px;background-color: var(--color-v4);color: #fff;} .teg.v10 {padding: 0 20px;} .teg.v11 {background-color: var(--color-v14);color: #fff;} .points-i-count {display: flex;align-items: center;gap: 2px;font-size: 16px;font-weight: 600;} .points-i-count img {max-width: 26px;} .points-i-count.v1 {color: var(--color-error-v1);} .points-i-count.v2 {color: var(--color-v2)} .tab__list {display: flex;gap: 40px;position: relative;overflow: auto hidden;align-items: flex-end;} .tab__list::after {content: '';width: 100%;height: 2px;background-color: var(--color-v6);position: absolute;bottom: 0;left: 0;} .tab__item {line-height: 1;padding-bottom: 17px;position: relative;white-space: nowrap;cursor: pointer;} .tab__item::after {content: '';position: absolute;width: 100%;background-color: var(--color-v2);z-index: 1;height: 3px;border-radius: 2px;left: 0;bottom: 0;opacity: 0;transition-duration: 0.5s;} .tab__item:hover::after, .tab__item.active::after {opacity: 1;} .list-v1 {display: flex;flex-direction: column;gap: 10px;} .list-v2 {display: flex;flex-direction: column;gap: 20px;} .list-v3 {display: flex;flex-direction: column;gap: 30px;} .list-v4 {display: flex;flex-direction: column;gap: 40px;} .list-statistics {display: grid;grid-template-columns: 1fr auto;gap: 6px 10px;} .list-statistics > *:nth-child(2n) {text-align: right;} .top__nav {display: flex;flex-direction: column;gap: 10px;} .top__nav > .custom__select {display: none;} .note {font-size: 22px;width: 100%;max-width: 100%;padding: 30px 30px 30px 138px;background: var(--gradient-v4);border-radius: 30px;display: flex;gap: 10px;flex-direction: column;position: relative;} .note::before {content: '';display: flex;width: 48px;min-width: 48px;height: 48px;border-radius: 50%;background-image: url(/local/templates/.default/css/../img/static/note.svg);background-size: auto;background-repeat: no-repeat;background-position: center;background-color: var(--color-v3);position: absolute;left: 30px;top: 30px;} .note i, .note p {font-size: 22px;line-height: 31px;} .note b {font-family: TT Commons Pro Expanded;} .important {min-height: 108px;font-size: 22px;width: 100%;max-width: 100%;padding: 30px 30px 30px 138px;background: var(--gradient-v4);border-radius: 30px;display: flex;gap: 10px;flex-direction: column;position: relative;justify-content: center;} .important::before {content: '';display: flex;width: 48px;min-width: 48px;height: 48px;border-radius: 50%;background-image: url(/local/templates/.default/css/../img/static/important.svg);background-size: auto;background-repeat: no-repeat;background-position: center;background-color: var(--color-v3);position: absolute;left: 30px;top: 30px;} .important i, .important p {font-size: 22px;line-height: 31px;} .important b {font-family: TT Commons Pro Expanded;} .umka {font-size: 22px;width: 100%;max-width: 100%;padding: 20px 30px 20px 380px;background: var(--gradient-v5);border-radius: 30px;display: flex;gap: 10px;flex-direction: column;position: relative;min-height: 180px;} .umka::before {content: '';display: flex;width: 162px;height: 140px;background-image: url(/local/templates/.default/css/../img/static/umka.png);background-size: contain;background-repeat: no-repeat;background-position: center;position: absolute;left: 170px;top: 20px;} .umka > *:not(.teg) {margin-top: 16px;margin-bottom: 12px;max-width: 433px;background-color: #FFF;padding: 16px 32px;border-radius: 500px;text-align: center;position: relative;} .umka > *:not(.teg)::after {content: '';border: 10px solid transparent;border-left: 9px solid #FFF;border-top: 11px solid #FFF;position: absolute;bottom: -14px;left: 40px;transform: rotate(10deg);} .umka > .teg {position: absolute;top: 20px;right: 30px;margin-top: 16px;} .umka-v1 {width: 100%;max-width: 100%;padding: 20px 30px 20px 348px;background: var(--gradient-v6);border-radius: 30px;display: flex;flex-direction: column;position: relative;min-height: 223px;justify-content: center;} .umka-v1::before {content: '';display: flex;width: 193px;height: 166px;background-image: url(/local/templates/.default/css/../img/static/umka.png);background-size: contain;background-repeat: no-repeat;background-position: center;position: absolute;left: 85px;top: 22px;} .umka-v1 > * {max-width: 666px;text-align: center;display: flex;flex-direction: column;align-items: center;gap: 20px;} .umka-v1 .btn {gap: 10px;} .umka-v1 .btn * {font-size: 24px;font-family: TT Commons Pro Expanded;color: #FFF;line-height: 1;} .block-v1 {width: 100%;display: flex;flex-direction: column;gap: 30px;padding: 30px;border-radius: 30px;background-color: var(--color-v6);} .block-v1 .ul-v2 {gap: 10px;} .text-color-v0 {color: #000;} .text-color-v1 {color: var(--color-v1);} .text-color-v2 {color: var(--color-v2);} .text-color-v3 {color: var(--color-v3);} .text-color-v4 {color: var(--color-v4);} .text-color-v5 {color: var(--color-v5);} .text-color-v6 {color: var(--color-v6);} .text-color-v7 {color: var(--color-v7);} .text-color-v8 {color: var(--color-v8);} .text-color-v9 {color: var(--color-v9);} .text-color-v10 {color: var(--color-v10);} .text-color-v11 {color: var(--color-v11);} .text-color-v12 {color: var(--color-v12);} .text-color-error {color: var(--color-error-v1);} .margin-top-v1 {margin-top: 10px;} .margin-top-v2 {margin-top: 20px;} .margin-top-v24 {margin-top: 24px;} .margin-top-v3 {margin-top: 30px;} .margin-top-v4 {margin-top: 40px;} .margin-top-v5 {margin-top: 50px;} .margin-top-v6 {margin-top: 60px;} .margin-top-v7 {margin-top: 70px;} .margin-top-v8 {margin-top: 80px;} .margin-bottom-v4 {margin-bottom: 40px;} .margin-left-auto {margin-left: auto;} .margin-right-auto {margin-right: auto;} .margin-bottom-auto {margin-bottom: auto;} .margin-top-auto {margin-top: auto;} .display-f-g5 {display: flex;gap: 5px;align-items: center;} .overflow-hidden {overflow: hidden !important;} :root { --color-v1: #09BBBB; --color-v2: #00CFCF; --color-v3: #8E6BCA; --color-v4: #B592F0; --color-v5: #7CB7FD; --color-v6: #F6F6F9; --color-v7: #F6F3FA; --color-v8: #AEACB2; --color-v9: #E1DFE5; --color-v10: #9FFFFF; --color-v11: #777777; --color-v12: #D8CEEA; --color-v13: #DACEE8; --color-v14: #067184; --color-error-v1: #AF1137; --box-shadow: rgb(9 187 187 / 20%); --gradient-v1: linear-gradient(266.68deg, #80D6DC -73.4%, #FFFFFF 122.15%); --gradient-v2: linear-gradient(90.38deg, #067184 6.78%, #00CFCF 97.86%, #9FFFFF 108.55%); --gradient-v3: linear-gradient(98.01deg, #15A6A6 0.84%, #9FFFFF 91.57%); --gradient-v4: linear-gradient(266.68deg, #D8CEEA -73.4%, #FFFFFF 122.15%); --gradient-v5: linear-gradient(96.7deg, #D8CEEA -9.64%, #F6F3FA 78.51%); --gradient-v6: linear-gradient(268.5deg, #F6F6F9 45.16%, #05BFBF 106.09%); --gradient-v7: linear-gradient(209.91deg, #F6F6F9 23.84%, #05BFBF 102.86%); --gradient-v8: linear-gradient(90deg, #8E6BCA -9.85%, #8E6BCA 4.53%, rgba(181, 146, 240, 0) 103.97%); --gradient-v9: linear-gradient(355.2deg, #8E6BCA 3.57%, #8E6BCA 32.01%, rgba(181, 146, 240, 0) 110.56%); --gradient-v10: linear-gradient(355.2deg, #8E6BCA 3.62%, #8E6BCA 30.24%, rgba(181, 146, 240, 0) 110.56%); --gradient-v11: linear-gradient(90deg, #8E6BCA -9.85%, #8E6BCA 4.53%, #FFFFFF 103.97%); --gradient-v12: linear-gradient(180deg, #8E6BCA -11.4%, #8E6BCA 2.01%, #FFFFFF 94.73%); --gradient-v13: linear-gradient(98.01deg, #0DADAD 0.84%, #9FFFFF 91.57%); --gradient-v14: linear-gradient(179.79deg, rgba(0, 0, 0, 0) 61.92%, rgba(0, 0, 0, 0.8) 108.36%); --gradient-v15: linear-gradient(90deg, #00CFCF -9.85%, #00CFCF 4.53%, #FFFFFF 103.97%); --gradient-v16: linear-gradient(180deg, #00CFCF -11.4%, #00CFCF 2.01%, #FFFFFF 94.73%); --gradient-v17: linear-gradient(180deg, #50B5BF 0%, #50B5BF 100%); } @media (min-width: 1440px) { .hide-d {display: none !important;} } @media (max-width: 1439px) and (min-width: 768px) { .hide-t {display: none !important;} } @media (max-width: 1439px) { * {font-size: 16px;} main {min-height: calc(100vh - 84px - 461px - 80px);} .container {max-width: 768px;padding-left: 24px;padding-right: 24px;} .title, .title * {font-size: 46px;} .title.v2, .title.v2 * {font-size: 36px;} .title.v3, .title.v3 * {font-size: 26px;} .title.v4, .title.v4 * {font-size: 22px;} .title.v5, .title.v5 * {font-size: 16px;} .description, .description * {font-size: 20px;} .description-v1, .description-v1 * {font-size: 22px; } .points-grade-item {height: 28px;} .points-grade-item::before {width: 16px;height: 15px;} .ol-v1 > li, .ol-v1 > li * {font-size: 20px;line-height: 28px;} .ol-v1 > li::before {width: 42px;min-width: 42px;height: 42px;font-size: 18px;} .ul-v1 > li, .ul-v1 > li * {font-size: 20px;line-height: 28px;} .ul-v1.v1 > li {font-size: 16px;line-height: 22px;} .soc__item {width: 42px;height: 42px;} .teg__item {height: 40px;} .teg__list.v1 .teg__item {height: 28px;} .teg {font-size: 14px;height: 28px;} .teg > img {max-height: 16px;} .teg p > img {max-height: 16px;} .teg img {max-width: 22px;} .teg.v8, .teg.v9, .teg.v10 {padding: 0 10px;} .note {font-size: 18px;padding: 20px 20px 20px 102px;} .note::before {width: 42px;min-width: 42px;height: 42px;left: 20px;top: 20px;} .important {min-height: 82px;font-size: 18px;padding: 20px 20px 20px 102px;} .important::before {width: 42px;min-width: 42px;height: 42px;left: 20px;top: 20px;} .umka {border-radius: 20px;min-height: 156px;padding: 20px 30px 20px 310px;} .umka::before {width: 128px;height: 110px;left: 147px;} .umka > *:not(.teg) {margin-top: 2px;max-width: 302px;padding: 16px 20px;} .umka > .teg {margin-top: 2px;right: 20px;} .umka-v1 {padding: 40px 20px 40px 178px;min-height: 200px;} .umka-v1::before {width: 138px;height: 119px;left: 20px;top: 40px;} .umka-v1 > * {max-width: 490px;} .umka-v1 .btn {padding: 0 24px;} .umka-v1 .btn * {font-size: 20px;} .block-v1 {border-radius: 20px;} .margin-top-v4 {margin-top: 20px;} .margin-top-v6 {margin-top: 40px;} .margin-bottom-v4 {margin-bottom: 20px;} } @media (max-width: 767px) { main {min-height: calc(100vh - 70px - 586px - 80px);} .hide-m {display: none !important;} .container {max-width: 375px;} .title {hyphens: auto;} .title, .title * {font-size: 36px;} .title.v2, .title.v2 * {font-size: 26px;} .description-v1, .description-v1 * {font-size: 20px; } .top__nav > .teg__list {display: none;} .top__nav > .custom__select {display: flex;} .note {padding: 20px 20px 20px 82px;} .note i {font-size: 18px;line-height: 25px;} .important {padding: 20px 20px 20px 82px;} .important i {font-size: 18px;line-height: 25px;} .umka {min-height: 132px;padding: 20px 20px 20px 100px;} .umka::before {width: 77px;height: 66px;top: auto;bottom: 20px;left: 20px;} .umka > *:not(.teg) {margin-top: 0;padding: 10px;font-size: 14px;} .umka > .teg {margin-top: 0;right: auto;left: 20px;} .umka-v1 {background: var(--gradient-v7);padding: 30px 20px 175px 20px;} .umka-v1::before {width: 146px;height: 125px;left: 50%;top: auto;bottom: 30px;transform: translateX(-50%);} .umka-v1 .btn {padding: 10px 20px;height: auto;} .umka-v1 .btn svg {min-width: 24px;} .block-v1 {padding: 20px;} } /*----------------------------------------------------- */ /* btn */ /*----------------------------------------------------- */ .btn {display: flex;align-items: center;width: fit-content;justify-content: center;gap: 14px;height: 56px;padding: 0 30px;border-radius: 30px;cursor: pointer;font-weight: 500;position: relative;line-height: 1;border: none;} .btn.v1 {background-color: var(--color-v1);color: #fff;} .btn.v1:hover {background-color: var(--color-v2);} .btn.v1 .btn__chevron path {fill: #fff;} .btn.v2 {background-color: var(--color-v3);color: #fff;} .btn.v2:hover {background-color: var(--color-v4);} .btn.v2 .btn__chevron path {fill: #fff;} .btn.v3 {background-color: var(--color-v6);} .btn.v3:hover {background-color: var(--color-v1);color: #fff;} .btn.v3:hover .btn__chevron path {fill: #fff;} .btn.v4 {background-color: var(--color-v6);} .btn.v4:hover {background-color: var(--color-v4);color: #fff;} .btn.v4:hover .btn__chevron path {fill: #fff;} .btn.v5 {height: 38px;padding: 0 20px 0 14px;gap: 10px;background-color: var(--color-v6);} .btn.v5:hover {background-color: var(--color-v9);} .btn.v6 {background-color: #fff;} .btn.v6:hover {background-color: var(--color-v4);color: #fff;} .btn.v6:hover .btn__chevron path {fill: #fff;} .btn.v7 {height: 38px;padding: 0 20px 0 14px;gap: 10px;background-color: var(--color-v6);} .btn.v7:hover {background-color: var(--color-v2);color: #fff;} .btn.v7:hover .btn__chevron path {fill: #fff;} .btn.v8 {background-color: #FFFFFF33;} .btn.v8:hover {background-color: var(--color-v4);color: #fff;} .btn.v8:hover .btn__chevron path {fill: #fff;} .btn.v9 {background-color: var(--color-v14);color: #fff;} .btn.v9:hover {background-color: var(--color-v1);} .btn.v9:hover .btn__chevron path {fill: #fff;} .btn.v10 {height: 38px;padding: 0 20px;background-color: #fff;color: #000;border: 1px solid var(--color-v9);} .btn.v10:hover {background-color: var(--color-v4);color: #fff;} .btn.v11 {height: 38px;padding: 0 20px;background-color: var(--color-v14);color: #fff;} .btn.v11:hover {background-color: var(--color-v1);} .btn[disabled] {opacity: 0.2;} .btn-play {width: 60px;height: 60px;background-color: var(--color-v1);border-radius: 50%;display: flex;justify-content: center;align-items: center;cursor: pointer;} .btn-play:hover {background-color: var(--color-v2);} .btn-play__wrap {position: absolute;z-index: 2;top: 50%;left: 50%;transform: translate(-50%, -50%);display: flex;width: 240px;align-items: center;gap: 10px;padding: 20px;background-color: #FFF;border-radius: 30px;line-height: 1;} .btn-play__wrap .btn-play {position: initial !important;transform: none !important;min-width: 48px;width: 48px;height: 48px;} .btn-play__wrap .btn-play::after {width: 11px !important;height: 12px !important;} .btn-favorites {position: absolute;z-index: 3;cursor: pointer;display: flex;align-items: center;justify-content: center;width: 38px;min-width: 38px;height: 38px;background-color: #fff;border-radius: 50%;} .btn-favorites.active path, .btn-favorites:hover path {fill: var(--color-v2);stroke: #fff0;} .btn__close {width: 38px;height: 38px;background-color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;} .btn__close svg {max-width: 14px;} @media (max-width: 1439px) { .btn {height: 42px;} .btn-play {width: 42px;height: 42px;} .btn-play svg {width: 10px;height: 11px;} .btn-favorites {width: 28px;min-width: 28px;height: 28px;} .btn-favorites svg {width: 12px;} } @media (max-width: 767px) { .btn-play__wrap {padding: 10px;width: 100%;max-width: 257px;font-size: 14px;} .btn-play__wrap .btn-play {min-width: 24px;width: 24px;height: 24px;} .btn-play__wrap .btn-play::after {width: 6px !important;height: 6px !important;} } /*----------------------------------------------------- */ /* table */ /*----------------------------------------------------- */ .table {border-radius: 30px;overflow: auto hidden;background-color: var(--color-v6);} .table th, .table table {border-collapse: collapse;width: 100%;} .table th {width: auto;font-weight: 500;font-family: 'TT Commons Pro Expanded';} .table td {width: auto;} .table thead {background-color: var(--color-v14);} .table thead * {color: #fff;} .table thead th, .table thead td {padding: 20px;} .table tbody th, .table tbody td {min-width: 300px;padding: 10px;border: 1px solid;} .table tfoot {background-color: var(--color-v14);} .table tfoot * {color: #fff;} .table tfoot th, .table tfoot td {padding: 20px;} .table.v1 {border-radius: 30px 30px 0 0;} .table.v2 {border-radius: 0 0;} .table.v3 {border-radius: 0 0 30px 30px;} @media (max-width: 1439px) { .table {border-radius: 20px;} .table thead th, .table thead td {padding: 10px;} .table tbody th, .table tbody td {min-width: 220px;padding: 5px;} .table tfoot th, .table tfoot td {padding: 10px;} .table.v1 {border-radius: 20px 20px 0 0;} .table.v3 {border-radius: 0 0 20px 20px;} } /*----------------------------------------------------- */ /* achievements */ /*----------------------------------------------------- */ .achievements__list {display: flex;gap: 40px;flex-wrap: wrap;} .achievements__item {display: flex;flex-direction: column;} .achievements__item-title {font-size: 25px;line-height: 1.3;font-family: TT Commons Pro Expanded;color: var(--color-v1);font-weight: 500;} .achievements__item-description {font-size: 16px;line-height: 1.4;font-weight: 400;} /*----------------------------------------------------- */ /* filter */ /*----------------------------------------------------- */ .top__filter {display: flex;flex-direction: column;gap: 10px;margin-top: 10px;} .top__filter > .custom__select {display: none;} .top__filter > .custom__checkbox {margin-top: 20px;} .top__filter input[type="radio"]:checked ~ .teg__item {background-color: var(--color-v1);color: #fff;} .top__filter input[type="radio"]:disabled ~ .teg__item {opacity: 0.5;pointer-events: none;} .top__filter .disabled {opacity: 0.5;pointer-events: none;} .top__filter-bottom {display: flex;gap: 20px;flex-wrap: wrap;} .top__filter-bottom #sort-form {width: 240px;} .top__filter-bottom .form__label {width: 240px;} .top__filter-bottom .form__search {width: 400px;margin-left: auto} .top__filter-bottom .custom__select-content {top: 48px;} .popup__filter input[type="radio"]:checked ~ .teg__item {background-color: var(--color-v1);color: #fff;} .popup__filter input[type="radio"]:disabled ~ .teg__item {opacity: 0.5;pointer-events: none;} .popup__filter .disabled {opacity: 0.5;pointer-events: none;} .filter__wrap {display: flex;flex-direction: column;gap: 20px;margin-top: 20px;} .filter__list {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;} .filter__list.v1 {display: flex;flex-wrap: wrap;align-items: center;} .filter__list .sort-form {grid-area: 1 / 2 / 1 / 1;} .filter__list .form__search {grid-area: 1 / 4 / 1 / 5;} .sort-form .form__label input {padding-left: 48px;} .sort-form .custom__select-input::after {content: '';cursor: pointer;position: absolute;top: calc(50% - 5px);left: 24px;z-index: 1;background-image: url(/local/templates/.default/css/../img/static/sort-form.svg);background-repeat: no-repeat;background-size: cover;width: 16px;height: 11px;transition-duration: 0.5s;} @media (max-width: 1439px) { .top__filter-bottom .form__search {width: 100%;} .filter__list {grid-template-columns: repeat(3, 1fr);} .filter__list .sort-form {grid-area: 1 / 1 / 1 / 2;} .filter__list .form__search {grid-area: 1 / 3 / 1 / 4;} } @media (max-width: 767px) { .top__filter > .teg__list {display: none;} .top__filter > .custom__select {display: flex;} .top__filter-bottom {gap: 10px;} .top__filter-bottom #sort-form, .top__filter-bottom .form__label, .top__filter-bottom .form__search {width: 100%;} .top__filter-bottom .custom__checkbox {margin: 20px 0;} .filter__list {grid-template-columns: 1fr;} .filter__list .sort-form {grid-area: auto;} .filter__list .form__search {grid-area: auto;} } /*----------------------------------------------------- */ /* popup-v1 */ /*----------------------------------------------------- */ .popup-v1 {padding: 60px;border-radius: 30px;max-width: 600px;width: 100%;display: none;} .popup-v1__container {display: flex;} .popup-v1__close {display: flex;align-items: center;justify-content: center;cursor: pointer;position: absolute;right: 30px;top: 30px;width: 24px;height: 24px;z-index: 1;} .popup-v1 .fancybox-close-small {display: none;} @media (max-width: 767px) { .popup-v1 {max-width: 327px;padding: 64px 20px 20px 20px;border-radius: 20px;} .popup-v1__close {right: 20px;top: 20px;width: 20px;height: 20px;} } /*----------------------------------------------------- */ /* advantages-auth */ /*----------------------------------------------------- */ .advantages-auth {background-color: var(--color-v6);border-radius: 30px;padding: 100px 120px;display: flex;flex-direction: column;align-items: center;gap: 60px;overflow: hidden;} .advantages-auth .title {text-align: center;max-width: 923px;} .advantages-auth__list {width: 100%;display: flex;flex-direction: column;gap: 20px;} .advantages-auth__item {display: grid;grid-template-columns: 1fr 203px 203px;gap: 40px;border-bottom: 1px solid #BAB7C0;padding-bottom: 20px;} .advantages-auth__item-title {font-size: 22px;line-height: 1.4;max-width: 600px;} .advantages-auth__item-title.v1 {font-weight: 600;text-align: center;} .advantages-auth__item-description {display: flex;align-items: center;justify-content: center;gap: 6px;height: 31px;} .advantages-auth__item > *:nth-child(2):is(.advantages-auth__item-description) {justify-content: flex-start;padding-left: 30px;} .advantages-auth__item-icon {max-width: 20px;max-height: 20px;} .advantages-auth__item:first-child {border-bottom: none;} .advantages-auth__item:last-child {border-bottom: none;padding-bottom: 0;} @media (max-width: 1439px) { .advantages-auth {padding: 30px;gap: 30px;} .advantages-auth__list {gap: 16px;} .advantages-auth__item {padding-bottom: 16px;grid-template-columns: 1fr 160px 160px;gap: 16px;} .advantages-auth__item-title {font-size: 16px;} } @media (max-width: 767px) { .advantages-auth__list {overflow: scroll hidden;} .advantages-auth__item {width: 550px;} } /*----------------------------------------------------- */ /* subscribe-newsletter */ /*----------------------------------------------------- */ .subscribe-newsletter {display: grid;grid-template-columns: 307px 480px 1fr;grid-template-areas: "img tit tit" "img des xxx" "img lab btn" "img che che";background: linear-gradient(84.03deg, #067083 -12.02%, #09BBBB 60.59%, #FFFFFF 152.28%);padding: 60px 30px;border-radius: 30px;gap: 20px;} .subscribe-newsletter * {color: #FFF;} .subscribe-newsletter__img {grid-area: img;} .subscribe-newsletter__title {grid-area: tit;font-size: 40px;font-weight: 700;line-height: 1.3;} .subscribe-newsletter__teg {display: inline-block;} .subscribe-newsletter__title .teg {bottom: 6px;position: relative;width: fit-content;} .subscribe-newsletter__description {grid-area: des;margin-bottom: 20px;} .subscribe-newsletter .form__label {grid-area: lab;} .subscribe-newsletter .form__label input {border: none;height: 56px;border-radius: 28px;color: #000;} .subscribe-newsletter .btn {grid-area: btn;margin-top: 26px;} .subscribe-newsletter .custom__checkbox {grid-area: che;} .subscribe-newsletter .custom__checkbox a {color: #fff;border-bottom: 1px solid;} .subscribe-newsletter__checkbox {grid-area: lab;} .subscribe-newsletter__checkbox a {color: #fff !important;} .subscribe-newsletter.v1 {grid-template-areas: "img tit tit" "img des xxx" "img de1 btn";} .subscribe-newsletter.v1 .subscribe-newsletter__description-v1 {grid-area: de1; font-size: 24px;font-weight: 500;line-height: 1.2;margin: auto 0;} .subscribe-newsletter.v1 .btn {margin: auto 0;} .subscribe-newsletter.v2 .btn {margin: auto 0;} .subscribe-newsletter-small__wrap {margin: 40px 0 80px 0;} .subscribe-newsletter-small {display: grid;grid-template-columns: 1fr 347px;grid-template-areas: "tit btn" "tit che";background: linear-gradient(89.97deg, #8E6BCA -9.81%, #8E6BCA 28.05%, #FFFFFF 130.92%);padding: 30px 40px 30px 240px;border-radius: 30px;gap: 10px;position: relative;overflow: hidden;align-items: center;} .subscribe-newsletter-small:not(.v1) {min-height: 174px;} .subscribe-newsletter-small * {color: #FFF;} .subscribe-newsletter-small__img {position: absolute;left: 20px;bottom: 0;} .subscribe-newsletter-small__title {grid-area: tit;font-size: 24px;font-weight: 500;line-height: 1.2;} .subscribe-newsletter-small .btn {grid-area: btn;width: 100%;} .subscribe-newsletter-small__checkbox {grid-area: che;font-size: 16px;line-height: 1;} .subscribe-newsletter-small__checkbox a {color: #fff !important;font-size: 16px;line-height: 1;} .subscribe-newsletter-small.v1 {grid-template-columns: 1fr auto;grid-template-areas: "tit btn";} .subscribe-newsletter-small.v1 .subscribe-newsletter-small__img {left: 53px;} .subscribe-newsletter-popup__wrap {max-width: 720px;background: linear-gradient(99.56deg, #8E6BCA -2.43%, #8E6BCA 20.36%, #FFFFFF 177.93%);padding: 40px 40px 0 40px;} .subscribe-newsletter-popup {display: flex;flex-direction: column;align-items: center;gap: 20px;text-align: center;} .subscribe-newsletter-popup__title {font-size: 40px;font-weight: 700;line-height: 1.3;max-width: 560px;color: #fff;} .subscribe-newsletter-popup__title * {font-size: 40px;font-weight: 700;line-height: 1.3;} .subscribe-newsletter-popup__description {font-weight: 600;font-family: TT Commons Pro Expanded;color: #FFF;} .subscribe-newsletter-popup__description * {font-weight: 600;font-family: TT Commons Pro Expanded;color: #FFF;} @media (max-width: 1439px) { .subscribe-newsletter {grid-template-columns: 194px 1fr;padding: 20px;border-radius: 20px;grid-template-areas: "tit tit" "des des" "img lab" "img btn" "img che";} .subscribe-newsletter__img {max-width: 100%;} .subscribe-newsletter__title {font-size: 36px;} .subscribe-newsletter__description {margin-bottom: 0;} .subscribe-newsletter .btn {margin-top: 0;} .subscribe-newsletter .form__label input {height: 42px;} .subscribe-newsletter.v1 {grid-template-areas: "tit tit" "img des" "img de1" "img btn";} .subscribe-newsletter.v2 {grid-template-areas: "tit tit" "img des" "img lab" "img btn";} .subscribe-newsletter.v1 .subscribe-newsletter__description-v1 {font-size: 20px;} .subscribe-newsletter-small {border-radius: 20px;padding: 20px 20px 20px 240px;grid-template-columns: 1fr;grid-template-areas: "tit" "btn" "che";} .subscribe-newsletter-small__title {font-size: 20px;} .subscribe-newsletter-small .btn {max-width: 327px;} .subscribe-newsletter-small.v1 {grid-template-columns: 1fr;grid-template-areas: "tit" "btn";} .subscribe-newsletter-popup__title {font-size: 36px;} .subscribe-newsletter-popup__title * {font-size: 36px;} } @media (max-width: 767px) { .subscribe-newsletter {grid-template-columns: 1fr;grid-template-areas: "tit" "des" "lab" "btn" "che";} .subscribe-newsletter__img {display: none;} .subscribe-newsletter__title {font-size: 24px;} .subscribe-newsletter.v1 {grid-template-areas: "tit" "des" "de1" "btn";} .subscribe-newsletter.v2 {grid-template-areas: "tit" "des" "lab" "btn";} .subscribe-newsletter.v1 .subscribe-newsletter__description-v1 {font-size: 18px;} .subscribe-newsletter-small {padding: 20px;} .subscribe-newsletter-small__img {display: none;} .subscribe-newsletter-small__title {font-size: 18px;} .subscribe-newsletter-popup__wrap {max-width: 327px;padding: 40px 20px 0 20px;} .subscribe-newsletter-popup__title {font-size: 24px;} .subscribe-newsletter-popup__title * {font-size: 24px;} .subscribe-newsletter-popup__img {max-width: 120px;} } /*--------------------------------------------------- -- */ /* header */ /*----------------------------------------------------- */ .header {width: 100%;background-color: #fff;position: sticky;top: 0;left: 0;z-index: 10;transition-duration: 0.5s;} .header__container {display: flex;height: 90px;align-items: center;gap: 10px;position: relative;} .header__logo {display: flex;align-items: center;justify-content: center;margin-right: auto;max-width: 280px;} .header__logo img {width: 100%;max-width: 100%;} .header__nav-list {display: flex;align-items: center;gap: 10px;} .header__nav-item {width: 48px;height: 48px;background-color: var(--color-v6);border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;overflow: hidden;} .header__nav-item p {color: var(--color-v1);line-height: 1;font-family: TT Commons Pro Expanded;} .header__nav-item svg {transition-duration: 0.5s;} .header__nav-item img {width: 100%;height: 100%;object-fit: cover;transition-duration: 0.5s;} .header__nav-item:hover p, .header__nav-item:hover svg, .header__nav-item:hover img {transform: scale(1.15);} .header .btn {height: 48px;} .header.box-shadow {box-shadow: 0px 4px 20px var(--box-shadow);} @media (max-width: 1439px) { .header__container {height: 84px;} .header__nav-item {width: 42px;height: 42px;} .header__nav-item svg {max-width: 17px;} } @media (max-width: 767px) { .header__container {height: 70px;} .header__logo {max-width: 200px;} .header__nav-list {gap: 6px;} .header__nav-item {width: 38px;height: 38px;} } /*----------------------------------------------------- */ /* custom */ /*----------------------------------------------------- */ .custom__CAPTCHA {display: none;grid-template-columns: 1fr 1fr;grid-gap: 10px;margin-bottom: 10px;padding: 10px;border-radius: 4px;background-color: var(--color-error-v2);} .error.custom__CAPTCHA {display: grid;} .custom__CAPTCHA p {grid-area: auto / 1 / auto / 3 ;text-align: center;color: var(--color-error-v1);} .custom__CAPTCHA input, .custom__CAPTCHA textarea {margin: 0px !important;padding: 4px 15px !important;height: 26px !important;border: 1px solid var(--color-error-v2) !important;overflow: hidden;} .custom__checkbox {max-width: fit-content;display: flex;flex-direction: row !important;align-items: center;position: relative;gap: 12px;cursor: pointer;} .custom__checkbox input {cursor: pointer;position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 16px !important;height: 16px !important;opacity: 0;z-index: 1;} .custom__checkbox .checker {min-width: 16px;width: 16px;height: 16px;background-color: #FFF;border: 2px solid var(--color-v9);border-radius: 4px;position: relative;display: flex;align-items: center;justify-content: center;transition-duration: 0.5s;} .custom__checkbox .checker:before {content: '';width: 10px;height: 8px;background: url(/local/templates/.default/css/../img/static/checkbox.svg) no-repeat center;} .custom__checkbox input[type="checkbox"]:checked~.checker {border-color: var(--color-v1);background-color: var(--color-v1);} .custom__checkbox a {color: var(--color-v1);} .custom__checkbox.error > * {color: var(--color-error-v1);} .custom__checkbox > p {line-height: 1;} .custom__checkbox > p * {line-height: 1;} .custom__checkbox.disabled {opacity: 0.5;pointer-events: none;} .custom__checkbox.v1 .checker {width: 56px;height: 28px;background-color: var(--color-v6);border: none;border-radius: 14px;position: relative;transition-duration: 0.5s;} .custom__checkbox.v1 .checker:before {content: '';position: absolute;width: 16px;height: 16px;top: 6px;right: 32px;background-color: var(--color-v9);border-radius: 50%;transition-duration: 0.5s;background-image: none;} .custom__checkbox.v1 input[type="checkbox"]:checked~.checker {background-color: var(--color-v6);} .custom__checkbox.v1 input[type="checkbox"]:checked~.checker:before {background-color: var(--color-v2);right: 6px;} .custom__checkbox.v1:hover .checker {background-color: var(--color-v2) !important;} .custom__checkbox.v1:hover .checker:before {background-color: #fff !important;} .custom__scroll::-webkit-scrollbar {width: 6px;background-color: #fff;border-radius: 3px;} .custom__scroll::-webkit-scrollbar-thumb {background-color: var(--color-v9);border-radius: 3px;} .custom__scroll::-webkit-scrollbar-track {-webkit-box-shadow: var(--box-shadow);background-color: #fff;border-radius: 3px;} .custom__select {position: relative;} .custom__select-input {position: relative;cursor: pointer;} .custom__select-input input {cursor: pointer;transition-duration: 0.5s;padding-right: 40px !important;} .custom__select-input::before {content: '';cursor: pointer;position: absolute;top: calc(50% - 3px);right: 24px;z-index: 1;background-image: url(/local/templates/.default/css/../img/static/chevron.svg);width: 12px;height: 6px;transition-duration: 0.5s;} .custom__select-content {position: absolute;top: 74px;z-index: 4;width: 100%;max-height: 210px;display: none;margin-top: 20px;padding: 20px 24px;border: 2px solid var(--color-v4);border-radius: 24px;background-color: #fff;overflow: hidden;} .custom__select-content.v1 {top: 48px;} .custom__select-list {display: flex;gap: 20px;flex-direction: column;overflow: auto;max-height: 166px;} .custom__select-item:hover, .custom__select-item:hover * {color: var(--color-v1);} .custom__select.active input {border: 2px solid var(--color-v4);} .custom__select.active .custom__select-input::before {transform: rotate(180deg);} .custom__select-item {cursor: pointer;line-height: 1;transition-duration: 0.5s;} .speaker__select-list {gap: 10px;} .speaker__select-list .custom__select-item {display: flex;align-items: center;gap: 10px;} .speaker__select-list .custom__select-item img {width: 48px;min-width: 48px;height: 48px;overflow: hidden;border-radius: 50%;} .custom__radio {width: 24px;min-width: 24px;height: 24px;background-color: #FFF;border-radius: 50%;border: 2px solid var(--color-v7);transition-duration: 0.5s;display: flex;align-items: center;justify-content: center;cursor: pointer;} .custom__radio::before {content: '';width: 6px;height: 6px;background-color: #fff;border-radius: 50%;} input:checked ~ .custom__radio {background-color: var(--color-v3);border-color: var(--color-v3);} @media (max-width: 1439px) { .custom__select-content {top: 66px;} .custom__select-content.v1 {top: 42px;} .speaker__select-list .custom__select-item img {width: 42px;min-width: 42px;height: 42px;} } /*----------------------------------------------------- */ /* intlTelInput */ /*----------------------------------------------------- */ .iti--show-selected-dial-code .iti__selected-flag {background-color: #fff0;padding: 2px 0 0 20px;} .iti--inline-dropdown .iti__dropdown-content {margin-top: 20px;border: 2px solid var(--color-v4);padding-bottom: 24px;border-radius: 24px;} .iti--inline-dropdown .iti__search-input {border: 2px solid var(--color-v4);margin: -2px;width: calc(100% + 4px);} .iti__country-list {overflow-x: hidden;} .iti__search-input + .iti__country-list {border: none; margin-top: 24px;} .iti__country-list::-webkit-scrollbar {width: 6px;background-color: #fff;border-radius: 3px;} .iti__country-list::-webkit-scrollbar-thumb {background-color: var(--color-v3);border-radius: 3px;} .iti__country-list::-webkit-scrollbar-track {-webkit-box-shadow: var(--box-shadow);background-color: #fff;border-radius: 3px;} .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {background: none;} /*----------------------------------------------------- */ /* swiper */ /*----------------------------------------------------- */ .swiper-prev-v1, .swiper-next-v1 {width: 48px;height: 48px;min-width: 48px;background-color: var(--color-v6);border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;transition-duration: 0.5s;} .swiper-prev-v1 *, .swiper-next-v1 * {transition-duration: 0.5s;} .swiper-prev-v1 svg {transform: rotate(180deg);} .swiper-prev-v1 path, .swiper-next-v1 path {fill: #000;} .swiper-prev-v1:hover, .swiper-next-v1:hover {background-color: var(--color-v2);} .swiper-prev-v1:hover path, .swiper-next-v1:hover path {fill: #FFF;} .swiper-prev-v1.swiper-button-disabled, .swiper-next-v1.swiper-button-disabled {background-color: var(--color-v6);} .swiper-prev-v1.swiper-button-disabled path, .swiper-next-v1.swiper-button-disabled path {fill: var(--color-v9);} .swiper-pagination-v1 {display: flex;gap: 6px;align-items: center;justify-content: center;} .swiper-pagination-v1 > * {margin: 0 !important;width: 6px;height: 6px;background-color: #fff;transition-duration: 0.5s;opacity: 1;} .swiper-pagination-v1 > *.swiper-pagination-bullet-active {background-color: var(--color-v3);} /*----------------------------------------------------- */ /* form */ /*----------------------------------------------------- */ .form {display: flex;flex-direction: column;gap: 20px;} .form__label {display: flex;flex-direction: column;gap: 8px;} .form__label > p {line-height: 1;} .form__label > p span {color: var(--color-v8);line-height: 1;} .form__label input, .form__label textarea {height: 48px;border-radius: 24px;padding: 0 24px;border: 2px solid var(--color-v9);width: 100%;transition-duration: 0.5s;} .form__label textarea {resize: block;padding: 12px 24px;height: 160px;} .form__label input:focus, .form__label input:hover, .form__label textarea:focus, .form__label textarea:hover {border-color: var(--color-v4);} .form__label input::-ms-reveal {display: none;} .form__password {position: relative;width: 100%;} .form__password svg {position: absolute;z-index: 1;right: 24px;top: 50%;transform: translateY(-50%);cursor: pointer;} .form__password svg path {transition-duration: 0.5s;} .form__password[data-password-content="show"] svg path, .form__password svg:hover path {stroke: var(--color-v3);} .form__search {position: relative;} .form__search .loupe {position: absolute;left: 24px;top: 50%;transform: translateY(-50%);} .form__search .close {position: absolute;right: 24px;top: 50%;transform: translateY(-50%);display: flex;cursor: pointer;} .form__search input {padding: 0 66px 0 50px;} [data-validation="block"] {position: relative;} [data-validation="block"] .error {display: none;color: var(--color-error-v1);font-size: 14px;margin-left: 24px;margin-top: -8px;} [data-validation="block"].error .error {display: block;} [data-validation="block"].error .custom__checkbox::before {border-color: var(--color-error-v1);background-color: var(--color-error-v1);} [data-validation="block"].error .custom__checkbox, [data-validation="block"].error .custom__checkbox ~ * {color: var(--color-error-v1);} [data-validation="block"].error input, [data-validation="block"].error textarea {border-color: var(--color-error-v1);} /* [data-validation="block"].error > p {color: var(--color-error-v1);} */ @media (max-width: 1439px) { .form__label input {height: 42px;} .form__search input {padding: 0 46px;} .form__search .loupe {left: 20px;} .form__search .close {right: 20px;} } @media (max-width: 767px) { } form input[type="radio"]:checked ~ .teg__item {background-color: var(--color-v1);color: #fff;} form input[type="radio"]:disabled ~ .teg__item {opacity: 0.5;pointer-events: none;} /*----------------------------------------------------- */ /* more-photo */ /*----------------------------------------------------- */ .more-photo {width: 100%;max-width: 100%;} .more-photo__img {width: 100%;max-width: 100%;height: 600px;overflow: hidden;border-radius: 30px;display: flex;align-items: center;justify-content: center;cursor: zoom-in;} .more-photo__img img {width: 100%;height: 100%;object-fit: cover;} .more-photo__btn-next, .more-photo__btn-prev {position: absolute;z-index: 1;top: 50%;transform: translateY(-50%);width: 60px;height: 60px;background-color: #FFF;border-radius: 50%;display: flex;justify-content: center;align-items: center;cursor: pointer;transition-duration: 0.5s;} .more-photo__btn-next path, .more-photo__btn-prev path {fill: #000;} .more-photo__btn-next:hover, .more-photo__btn-prev:hover {background-color: var(--color-v1);} .more-photo__btn-next:hover path, .more-photo__btn-prev:hover path {fill: #FFF;} .more-photo__btn-next {right: 40px;} .more-photo__btn-prev {left: 40px;} .more-photo__btn-prev svg {transform: rotate(180deg);} .more-photo__btn-next.swiper-button-disabled, .more-photo__btn-prev.swiper-button-disabled {background-color: #fff;} .more-photo__btn-next.swiper-button-disabled path, .more-photo__btn-prev.swiper-button-disabled path {fill: var(--color-v8);} .more-photo__img:hover img {transform: scale(1.15);} @media (max-width: 1439px) { .more-photo__img {border-radius: 20px;height: 320px;} .more-photo__btn-next, .more-photo__btn-prev {width: 42px;height: 42px;} .more-photo__btn-next {right: 20px;} .more-photo__btn-prev {left: 20px;} } @media (max-width: 767px) { .more-photo__img {height: 160px;} .more-photo__btn-next {right: 16px;} .more-photo__btn-prev {left: 16px;} .more-photo__btn-next svg, .more-photo__btn-prev svg {width: 16px;} } /*----------------------------------------------------- */ /* pagination */ /*----------------------------------------------------- */ .pagination__wrap {display: flex;flex-direction: column;gap: 20px;align-items: center;} .pagination__list {width: 100%;display: flex;align-items: center;gap: 10px;justify-content: center;} .pagination__item {width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background-color: var(--color-v6);transition-duration: 0.5s;line-height: 1;color: #000;} .pagination__item.prev svg {transform: rotate(180deg);} .pagination__item path {transition-duration: 0.5s;} .pagination__item.active {background-color: var(--color-v1);color: #fff;} .pagination__item.disabled {pointer-events: none;} .pagination__item.disabled path {opacity: 0.2;} .pagination__item:hover {background-color: var(--color-v1);color: #fff;} .pagination__item:hover path {fill: #fff;} .pagination__wrap .btn {max-height: 48px;} @media (max-width: 1439px) { .pagination__item {width: 42px;height: 42px;} } @media (max-width: 767px) { .pagination__list {flex-wrap: wrap;} .pagination__list > .btn {width: 100%;margin-top: 10px;} } /*----------------------------------------------------- */ /* personal */ /*----------------------------------------------------- */ .personal-info__list {display: flex;flex-direction: column;gap: 20px;} .personal-info__item {display: flex;align-items: center;justify-content: space-between;gap: 30px;background-color: var(--color-v6);border-radius: 20px;padding: 20px 24px;} .personal-info__item-left {display: flex;align-items: center;gap: 10px;font-weight: 600;font-family: TT Commons Pro Expanded;} .personal-info__item-img {display: flex;align-items: center;gap: 10px;font-weight: 600;font-family: TT Commons Pro Expanded;} .personal-info__item-img span {width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;background-color: #FFF;border-radius: 50%;font-weight: 600;line-height: 1;font-size: 22px;font-family: TT Commons Pro Expanded;color: var(--color-v12);} .personal-info__item-img img {width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;background-color: #FFF;border-radius: 50%;object-fit: cover;} .personal-info__item-count {font-weight: 600;font-size: 22px;margin-right: 10px;} .personal-info__item-right {display: flex;align-items: center;gap: 10px;color: var(--color-v11);font-weight: 600;font-family: TT Commons Pro Expanded;cursor: pointer;} .personal-info__item .list-v1 {width: 100%;} .personal-info__item-right.v1 {gap: 16px 30px;} .personal-info__item-right.v1 > *:not([class]) {color: var(--color-v11);font-weight: 600;font-family: TT Commons Pro Expanded;cursor: pointer;} .personal-info__list.v2 {background-color: var(--color-v4);padding: 30px;border-radius: 30px;gap: 10px;} .personal-info__list.v2 .personal-info__item {padding: 20px 30px;background-color: #fff;} .personal-info__list.v2 .title {color: #fff;} @media (max-width: 1439px) { .personal-info__item-right.v1 {flex-direction: column;} .personal-info__item-right.v1 .btn {width: 100%;max-width: 100%;} } @media (max-width: 767px) { .personal-info__item-img span {width: 48px;height: 48px;font-size: 18px;} .personal-info__item {padding: 16px 20px;flex-direction: column;align-items: flex-start;gap: 10px;} .personal-info__item-count {font-size: 16px;} .personal-info__list.v2 {border-radius: 20px;padding: 16px 20px;} .personal-info__list.v2 .personal-info__item {padding: 10px 16px;flex-direction: row;align-items: center;gap: 5px;} .personal-info__item-right.v1 {width: 100%;align-items: flex-start;} } /*----------------------------------------------------- */ /* spiker */ /*----------------------------------------------------- */ .spiker__wrap {display: flex;flex-direction: column;gap: 30px;} .spiker__list {display: flex;flex-direction: column;gap: 20px;} .spiker__item {background: var(--gradient-v4);border-radius: 30px;padding: 30px 30px 30px 270px;position: relative;display: flex;flex-direction: column;gap: 10px;min-height: 260px;justify-content: center;} .spiker__item-img {position: absolute;left: 30px;top: 30px;background-color: #FFF;border-radius: 50%;overflow: hidden;width: 200px;height: 200px;display: flex;align-items: center;justify-content: center;} .spiker__item-img img {width: 100%;height: 100%;object-fit: cover;} .spiker__item-title {font-weight: 600;font-family: TT Commons Pro Expanded;font-size: 24px;line-height: 29px;} @media (max-width: 1439px) { .spiker__item {border-radius: 20px;padding: 20px 20px 20px 176px;min-height: 180px;} .spiker__item-img {width: 140px;height: 140px;left: 20px;top: 20px;} .spiker__item-title {font-size: 22px;line-height: 26px;} } @media (max-width: 767px) { .spiker__item {border-radius: 20px;padding: 20px 20px 20px 126px;min-height: 130px;} .spiker__item-img {width: 90px;height: 90px;} .spiker__item-title {font-size: 20px;line-height: 24px;} } /*----------------------------------------------------- */ /* scorm */ /*----------------------------------------------------- */ .scorm__iframe {width: 100%;height: 860px;padding: 20px;background-color: var(--color-v6);border-radius: 20px;} .scorm__iframe iframe {width: 100%;height: 100%;border: none;} @media (max-width: 1439px) { .scorm__iframe {height: 940px;padding: 20px 10px;} } @media (max-width: 767px) { .scorm__iframe {height: 700px;padding: 20px 10px;} } /*----------------------------------------------------- */ /* news */ /*----------------------------------------------------- */ .news__wrap {display: flex;flex-direction: column;gap: 40px;margin-top: 40px;} .news__list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px 20px;} .news__item {display: flex;flex-direction: column;gap: 16px;position: relative;} .news__item-link {position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;} .news__item-img {width: 100%;max-width: 100%;height: 310px;overflow: hidden;border-radius: 30px;background-color: var(--color-v6);position: relative;} .news__item-img img {width: 100%;height: 100%;object-fit: cover;transition-duration: 0.5s;} .news__item-img::after {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: #00000080;transition-duration: 0.5s;opacity: 0;} .news__item-title {font-size: 24px;line-height: 29px;font-weight: 600;font-family: TT Commons Pro Expanded;max-height: 88px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .news__item-time {color: var(--color-v8);} .news__item:hover .news__item-img img {transform: scale(1.15);} .news__item-viewed {position: absolute;z-index: 1;top: 252px;left: 20px;opacity: 0;transition-duration: 0.5s;} .news__item-labels {display: flex;flex-direction: column;gap: 6px;} .news__item.viewed .news__item-img::after {opacity: 1;} .news__item.viewed .news__item-viewed {opacity: 1;} .news__item .news__item-passed {display: none;} .news__item.passed .news__item-passed {display: flex;} .news__item.passed .news__item-passed-n {display: none;} .news__item-viewed-passed-n {display: none;} .news__item-viewed-passed {display: none;} .news__item.viewed:not(.passed) .news__item-viewed-passed-n {display: flex;} .news__item.viewed.passed .news__item-viewed-passed {display: flex;} .news__item .btn-favorites {right: 15px;top: 15px;} .news__item .points-grade-item {right: 60px;top: 15px;} @media (max-width: 1439px) { .news__item {gap: 10px;} .news__item-img {height: 250px;border-radius: 20px;} .news__list {grid-template-columns: repeat(2, 1fr);} .news__item-viewed {top: 202px;} .news__item-title {font-size: 22px;line-height: 26px;} .news__item .points-grade-item {right: 50px;} } @media (max-width: 767px) { .news__item-img {height: 240px;} .news__list {grid-template-columns: 1fr;} .news__item-viewed {top: 192px;} .news__item-title {font-size: 20px;line-height: 24px;} } /*----------------------------------------------------- */ /* articles */ /*----------------------------------------------------- */ .articles__wrap {display: flex;flex-direction: column;gap: 40px;margin-top: 40px;} /*----------------------------------------------------- */ /* webinars */ /*----------------------------------------------------- */ .webinars__wrap {display: flex;flex-direction: column;gap: 40px;margin-top: 24px;} .webinars__wrap:not(.hide) ~ .webinars__wrap {margin-top: 80px;} .webinars-future__list {display: flex;flex-direction: column;gap: 30px;} .webinars-future__item {width: 100%;display: grid;gap: 60px;grid-template-columns: 1fr 420px;background: var(--gradient-v1);border-radius: 30px;padding: 30px 30px 40px 30px;} .webinars-future__item-left {display: flex;flex-direction: column;gap: 20px;} .webinars-future__item .teg__item {background-color: #fff;color: #000;} .webinars-future__item-title {font-size: 32px;font-weight: 600;line-height: 38px;font-family: TT Commons Pro Expanded;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .webinars-future__item-time__wrap {display: flex;gap: 30px;} .webinars-future__item-date {font-size: 22px;font-weight: 600;line-height: 31px;} .webinars-future__item-time {font-size: 22px;line-height: 31px;} .webinars-future__item-description {display: flex;flex-direction: column;gap: 20px;} .webinars-future__item-description .ul-v2 {gap: 6px;} .webinars-future__item-right {display: flex;justify-content: flex-end;flex-direction: column;align-items: flex-end;} .webinars-future__item-right * {text-align: right;} .webinars-future__item-img {width: 315px;height: 315px;padding: 12px;border-radius: 50%;display: flex;margin-bottom: 10px;position: relative;} .webinars-future__item-img::before {content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: calc(100% + 20px);height: calc(100% + 20px);background-image: url(/local/templates/.default/css/../img/static/webinars-future-bg.svg);background-position: center;background-size: cover;z-index: 0;} .webinars-future__item-img img {width: 100%;height: 100%;object-fit: cover;transition-duration: 0.5s;background-color: #fff;border-radius: 50%;position: relative;z-index: 1;} .webinars__wrap.v1 .webinars-future__item:nth-child(1n+4) {display: none;} .webinars__wrap.v1.show-all .webinars-future__item:nth-child(1n+4) {display: grid;} .webinars__list {display: flex;flex-direction: column;gap: 30px;} .webinars__item {width: 100%;display: grid;grid-template-columns: 1fr 580px;gap: 40px;background-color: var(--color-v6);border-radius: 30px;padding: 30px;position: relative;} .webinars__item-link {position: absolute;z-index: 2;width: 100%;height: 100%;} .webinars__item-left {display: flex;flex-direction: column;gap: 20px;} .webinars__item-left .teg__list {margin-bottom: 10px;} .webinars__item-left .teg__item {background-color: #fff;color: #000;} .webinars__item-title {font-weight: 600;font-size: 32px;line-height: 38px;font-family: TT Commons Pro Expanded;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .webinars__item-description {margin-bottom: auto;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;} .webinars__item-right {position: relative;height: 400px;} .webinars__item .btn-play {position: absolute;right: 20px;bottom: 20px;z-index: 1;} .webinars__item-img {display: flex;width: 100%;height: 100%;max-width: 100%;overflow: hidden;border-radius: 30px;position: relative;align-items: center;justify-content: center;} .webinars__item-img img {width: 100%;height: 100%;object-fit: cover;transition-duration: 0.5s;} .webinars__item:hover .webinars__item-img img {transform: scale(1.15);} .webinars__item-img::after {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: #00000080;transition-duration: 0.5s;opacity: 0;} .webinars__item-viewed {position: absolute;left: 20px;bottom: 20px;z-index: 1;transition-duration: 0.5s;opacity: 0;} .webinars__item.viewed .webinars__item-img::after {opacity: 1;} .webinars__item.viewed .webinars__item-viewed {opacity: 1;} .webinars__item .webinars__item-passed {display: none;} .webinars__item.passed .webinars__item-passed {display: flex;} .webinars__item.passed .webinars__item-passed-n {display: none;} .webinars__item-viewed-passed-n {display: none;} .webinars__item-viewed-passed {display: none;} .webinars__item.viewed:not(.passed) .webinars__item-viewed-passed-n {display: flex;} .webinars__item.viewed.passed .webinars__item-viewed-passed {display: flex;} .webinars__item .btn-favorites {right: 15px;top: 15px;} .webinars__item .points-grade-item {right: 60px;top: 15px;} .webinars__wrap .filter__wrap {margin-top: 0;} @media (max-width: 1439px) { .webinars-future__item {gap: 16px;grid-template-columns: 1fr;background: var(--gradient-v1);border-radius: 20px;padding: 20px 20px 30px 20px;} .webinars-future__item-left {gap: 16px;} .webinars-future__item-title {font-size: 26px;line-height: 31px;} .webinars-future__item-date, .webinars-future__item-time {font-size: 20px;line-height: 28px;} .webinars-future__item-right {align-items: flex-start;justify-content: flex-start;padding-left: 220px;position: relative;min-height: 200px;} .webinars-future__item-img {width: 200px;height: 200px;position: absolute;left: 0;top: 0;} .webinars-future__item-img::before {width: 100%;height: 100%;} .webinars-future__item-right * {text-align: left;} .webinars__list {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;} .webinars__item {padding: 20px;border-radius: 20px;grid-template-columns: 1fr;gap: 20px;grid-template-rows: auto 1fr;} .webinars__item-left {gap: 10px;} .webinars__item-left .teg__list {margin-bottom: 5px;} .webinars__item-title {font-size: 22px;line-height: 26px;} .webinars__item-right {grid-area: 1 / auto / 2 / auto;height: 220px;} .webinars__item .btn-play {right: 16px;bottom: 16px;} .webinars__item-img {border-radius: 20px;height: 100%;} .webinars__item-speaker {margin-top: auto;} .webinars__item .points-grade-item {right: 50px;} } @media (max-width: 767px) { .webinars-future__item {gap: 16px;} .webinars-future__item-time__wrap {flex-direction: column;gap: 0;} .webinars-future__item-description {gap: 10px;} .webinars-future__item-right {padding: 0;} .webinars-future__item-img {position: inherit;width: 120px;height: 120px;} .webinars__list {grid-template-columns: 1fr;} } /*----------------------------------------------------- */ /* lessons */ /*----------------------------------------------------- */ .lessons__wrap {display: flex;flex-direction: column;gap: 40px;margin-top: 40px;} .lessons__list {display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px 20px;} .lessons__item {display: flex;flex-direction: column;gap: 16px;position: relative;background-color: var(--color-v6);border-radius: 30px;padding: 30px 30px 40px 30px;} .lessons__item-link {position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;} .lessons__item-img {width: 100%;max-width: 100%;height: 420px;overflow: hidden;border-radius: 30px;background-color: var(--color-v6);position: relative;} .lessons__item-img img {width: 100%;height: 100%;object-fit: cover;transition-duration: 0.5s;} .lessons__item-img::after {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: #00000080;opacity: 0;transition-duration: 0.5s;} .lessons__item-title {font-size: 24px;line-height: 29px;font-weight: 600;font-family: TT Commons Pro Expanded;max-height: 88px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .lessons__item-time {color: var(--color-v8);} .lessons__item:hover .lessons__item-img img {transform: scale(1.15);} .lessons__item-viewed {position: absolute;z-index: 1;top: 390px;left: 50px;opacity: 0;transition-duration: 0.5s;} .lessons__item.viewed .lessons__item-img::after {opacity: 1;} .lessons__item.viewed .lessons__item-viewed {opacity: 1;} .lessons__item .teg__list {margin-top: auto;} .lessons__item .teg__item {background-color: #fff;} .lessons__item .lessons__item-passed {display: none;} .lessons__item.passed .lessons__item-passed {display: flex;} .lessons__item.passed .lessons__item-passed-n {display: none;} .lessons__item-viewed-passed-n {display: none;} .lessons__item-viewed-passed {display: none;} .lessons__item.viewed:not(.passed) .lessons__item-viewed-passed-n {display: flex;} .lessons__item.viewed.passed .lessons__item-viewed-passed {display: flex;} .lessons__item .btn-favorites {right: 45px;top: 45px;} .lessons__item .points-grade-item {right: 90px;top: 45px;} @media (max-width: 1439px) { .lessons__item {padding: 20px;border-radius: 20px;} .lessons__item .btn-favorites {right: 36px;top: 36px;} .lessons__item-viewed {top: 190px;left: 40px;} .lessons__item-img {height: 220px;border-radius: 20px;} .lessons__item-title {font-size: 22px;line-height: 26px;} .lessons__item .points-grade-item {right: 70px;top: 36px;} } @media (max-width: 767px) { .lessons__list {grid-template-columns: 1fr;} .lessons__item-title {font-size: 20px;line-height: 24px;} } /*----------------------------------------------------- */ /* lessons-step */ /*----------------------------------------------------- */ .lessons-step__wrap {margin-top: 40px;background-color: var(--color-v6);border-radius: 30px;padding: 10px 30px;display: flex;flex-direction: column;gap: 20px;} .lessons-step__title {font-size: 22px;line-height: 31px;font-weight: 600;} .lessons-step__bottom {display: flex;gap: 20px;align-items: center;} .lessons-step__bottom > .teg {min-width: fit-content;} .lessons-step__list {display: flex;align-items: center;gap: 6px;margin-right: auto;flex-wrap: wrap;} .lessons-step__item {height: 38px;background-color: #FFF;border-radius: 20px;padding: 0 20px;display: flex;gap: 4px;align-items: center;justify-content: center;} .lessons-step__item.passed {width: 20px;height: 20px;padding: 0;position: relative;border-radius: 50%;overflow: hidden;} .lessons-step__item.passed::after {content: '';width: 100%;height: 100%;background-image: url(/local/templates/.default/css/../img/static/checkbox-v2.svg);background-size: cover;background-position: center;background-repeat: no-repeat;} .lessons-step__item.disable {width: 20px;height: 20px;padding: 0;position: relative;border-radius: 50%;overflow: hidden;} .lessons-step__item.disable::after {content: '';width: 10px;height: 12px;background-image: url(/local/templates/.default/css/../img/static/lock.svg);background-size: contain;background-position: center;background-repeat: no-repeat;} .lessons-step__next {background-color: var(--color-v6);border-radius: 30px;padding: 25px 30px;display: flex;align-items: center;gap: 20px 40px;font-size: 22px;flex-wrap: wrap;} .lessons-step__next img {width: 48px;height: 48px;} .lessons-step__next .btn {margin-left: auto;} @media (max-width: 1439px) { .lessons-step__wrap {border-radius: 20px;padding: 10px 20px;margin-top: 20px;} .lessons-step__title {font-size: 20px;line-height: 28px;} .lessons-step__item {height: 28px;padding: 0 10px;} .lessons-step__next {padding: 20px 30px;border-radius: 20px;} .lessons-step__next img {width: 42px;height: 42px;} } @media (max-width: 767px) { .lessons-step__wrap {padding: 10px 20px 20px 20px;} .lessons-step__title {text-align: center;} .lessons-step__bottom {flex-direction: column;gap: 10px;} .lessons-step__list {margin: 0 auto 10px auto;} .lessons-step__wrap .teg {width: 100%;justify-content: center;} .lessons-step__next {padding: 20px;} .lessons-step__next .btn {margin-left: 0;width: 100%;} } /*----------------------------------------------------- */ /* lessons-popup */ /*----------------------------------------------------- */ .lessons-popup__wrap {display: flex;flex-direction: column;gap: 20px;} .lessons-popup__list {display: flex;flex-direction: column;gap: 30px;} .lessons-popup__item {background-color: var(--color-v6);border-radius: 30px;padding: 30px;display: flex;flex-direction: column;gap: 20px;} .lessons-popup__item-top {display: flex;gap: 10px;align-items: center;} .lessons-popup__item-title {font-weight: 600;font-family: 'TT Commons Pro Expanded';margin-right: auto;} .lessons-popup__item-lessons__list {display: flex;flex-direction: column;gap: 6px;} .lessons-popup__item-lessons__item {background-color: #FFF;border-radius: 30px;padding: 0 24px;min-height: 56px;display: flex;align-items: center;position: relative;} .lessons-popup__item-lessons__item-count {font-size: 16px;font-weight: 600;font-family: 'TT Commons Pro Expanded';margin-right: 20px;} .lessons-popup__item-lessons__item-title {margin-right: auto;} .lessons-popup__item-lessons__item.passed::after {content: '';width: 20px;min-width: 20px;height: 20px;background-image: url(/local/templates/.default/css/../img/static/checkbox-v2.svg);background-size: contain;background-repeat: no-repeat;background-position: center;margin-left: 20px;} .lessons-popup__item-lessons__item.disable::after {content: '';width: 20px;min-width: 20px;height: 20px;background-image: url(/local/templates/.default/css/../img/static/lock.svg);background-size: contain;background-repeat: no-repeat;background-position: center;margin-left: 10px;} .lessons-popup__item-lessons__item.disable .lessons-popup__item-lessons__item-count, .lessons-popup__item-lessons__item.disable .lessons-popup__item-lessons__item-title {color: #BAB7C0;} .lessons-popup__item-lessons__item.test .lessons-popup__item-lessons__item-title {font-weight: 600;font-family: 'TT Commons Pro Expanded';} .lessons-popup__item-lessons__item.test.disable .teg {height: 28px;font-size: 16px;} .lessons-popup__item-lessons__item.test.disable .teg b {font-size: 14px;} .lessons-popup__item-lessons__item.test.disable .teg img {width: 22px;} @media (max-width: 1439px) { .lessons-popup__item {border-radius: 20px;padding: 20px;} .lessons-popup__item-lessons__item {min-height: 52px;} } @media (max-width: 767px) { .lessons-popup__item-top {align-items: flex-start;flex-direction: column;} .lessons-popup__item-lessons__item {padding: 12px 20px;align-items: flex-start;} .lessons-popup__item-lessons__item-title {hyphens: auto;} .lessons-popup__item-lessons__item.test {padding-bottom: 46px;} .lessons-popup__item-lessons__item.test .teg {position: absolute;bottom: 10px;left: 20px;} } /*----------------------------------------------------- */ /* lessons-courses */ /*----------------------------------------------------- */ .lessons-courses__wrap {background: var(--gradient-v13);border-radius: 30px;padding: 60px;display: flex;flex-direction: column;gap: 40px;} .lessons-courses__wrap > .title {color: #FFF;} .lessons-courses__list {display: flex;flex-direction: column;gap: 20px;} .lessons-courses__item {background-color: #FFF;border-radius: 30px;padding: 30px;display: grid;grid-template-columns: 240px 1fr;gap: 80px;cursor: pointer;transition-duration: 0.5s;} .lessons-courses__item:hover {box-shadow: 0px 4px 20px var(--box-shadow);} .lessons-courses__item-left {display: flex;flex-direction: column;gap: 10px;} .lessons-courses__item-block {display: flex;align-items: center;gap: 10px;} .lessons-courses__item-module {height: 44px;padding: 0 16px;background-color: var(--color-v6);border-radius: 22px;display: flex;align-items: center;justify-content: center;font-weight: 600;font-family: TT Commons Pro Expanded;} .lessons-courses__item-lessons {font-weight: 600;font-family: TT Commons Pro Expanded;} .lessons-courses__item-time {height: 38px;padding: 0 10px;background-color: var(--color-v6);color: var(--color-v14);border-radius: 22px;display: flex;gap: 4px;align-items: center;justify-content: center;font-family: TT Commons Pro Expanded;} .lessons-courses__item-time * {color: var(--color-v14);font-family: TT Commons Pro Expanded;} .lessons-courses__item-left .teg {width: fit-content;} .lessons-courses__item-right {display: flex;flex-direction: column;gap: 20px;} .lessons-courses__item-right .ul-v2 {gap: 6px;} @media (max-width: 1439px) { .lessons-courses__wrap {border-radius: 20px;padding: 30px;} .lessons-courses__item {border-radius: 20px;grid-template-columns: 230px 1fr;gap: 20px;} .lessons-courses__item-left {gap: 6px;} .lessons-courses__item-module {height: 28px;padding: 0 10px;} .lessons-courses__item-time {height: 32px;padding: 0 6px;} } @media (max-width: 767px) { .lessons-courses__wrap {padding: 20px;} .lessons-courses__item {grid-template-columns: 1fr;padding: 20px;} .lessons-courses__item-right {gap: 10px;} .lessons-courses__item .title {font-size: 20px;} } /*----------------------------------------------------- */ /* news-detail */ /*----------------------------------------------------- */ .news-detail {display: flex;flex-direction: column;gap: 40px;margin-top: 40px;} .news-detail__top {display: flex;flex-direction: column;gap: 20px;} .news-detail__top .teg__item {background-color: var(--color-v6);color: #000;cursor: auto;} .news-detail__time {font-weight: 600;color: var(--color-v11);font-family: 'TT Commons Pro Expanded';} .news-detail__teg {display: flex;gap: 6px;align-items: flex-end;} .news-detail__favorites {min-width: 38px;width: 38px;height: 38px;display: flex;align-items: center;justify-content: center;background-color: var(--color-v6);border-radius: 50%;margin-left: auto;cursor: pointer;} .news-detail__favorites.active path, .news-detail__favorites:hover path {fill: var(--color-v10);;stroke: var(--color-v10);;} .news-detail__img {width: 100%;max-width: 100%;height: 600px;overflow: hidden;border-radius: 30px;display: flex;align-items: center;justify-content: center;object-fit: cover;} .news-detail__img img {width: 100%;height: 100%;object-fit: cover;} .news-detail__video * {transition-duration: 0.5s;} .news-detail__video {position: relative;border-radius: 30px;overflow: hidden;display: flex;height: 600px;} .news-detail__video .btn-play {position: absolute;z-index: 2;top: 50%;left: 50%;transform: translate(-50%, -50%);} .news-detail__video .btn-play::after {content: '';background-image: url(/local/templates/.default/css/../img/static/i-btn-play.svg);width: 17px;height: 19px;background-position: center;background-repeat: no-repeat;background-size: cover;} .news-detail__video .btn-play svg {display: none;} .news-detail__video::after {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background-color: rgb(0 0 0 / 20%);} .news-detail__video:hover .btn-play {background-color: var(--color-v2);} .news-detail__video:hover img {transform: scale(1.15);} .news-detail__video.v1 .news-detail__img {position: absolute;z-index: 1;left: 0;top: 0;height: 100%;background-color: #fff;} .news-detail__video.v1 img {height: 100%;object-fit: cover;} .news-detail__video video {width: 100%;max-width: 100%;} .news-detail__video.play .btn-play, .news-detail__video.play::after, .news-detail__video.play .news-detail__img, .news-detail__video.play .btn-play__wrap {display: none;} .news-detail__video.play video {display: block;} .news-detail__video-auth {position: absolute;z-index: 1;width: calc(100% - 40px);bottom: 20px;left: 20px;background: linear-gradient(90.06deg, #8E6BCA -9.8%, #8E6BCA 31%, #FFFFFF 100.89%);border-radius: 30px;padding: 12px 24px;display: flex;gap: 10px;color: #FFF;line-height: 1.4;justify-content: space-between;align-items: center;} .news-detail__video-auth p {color: #FFF;line-height: 1.4;max-width: 550px;} .news-detail__video-auth .btn {max-height: 44px;padding: 0 24px;} .news-detail-points__wrap .news-detail__video {max-height: 460px;} .news-detail__description {font-size: 22px;} .news-detail__description > *:not( .news-detail__video, .news-detail__img, .more-photo, .spiker__item, .spiker__list, .scorm__iframe, .umka, .umka-v1, .table ) {width: 100%;max-width: 1130px;} .news-detail__description > p {margin: 10px 0;font-size: 22px;} .news-detail__description > p * {font-size: 22px;} .news-detail__description > b {margin: 20px 0;display: block;} .news-detail__description > ol {margin: 20px 0;} .news-detail__description > ul {margin: 20px 0;} .news-detail__description > .title {margin: 40px 0 20px 0;display: block;} .news-detail__description > .note {margin: 40px 0;} .news-detail__description > .important {margin: 40px 0;} .news-detail__description > .umka {margin: 40px 0;} .news-detail__description > .news-detail__video {margin: 40px 0;} .news-detail__description > .news-detail__img {margin: 40px 0;} .news-detail__description > .more-photo {margin: 40px 0;} .news-detail__description > .scorm__iframe {margin: 40px 0;} .news-detail__description > .table {margin: 40px 0;} .news-detail__description > *:first-child {margin-top: 0;} .news-detail__description > *:last-child {margin-bottom: 0;} .news-detail__description > .btn {max-width: fit-content;margin: 40px 0;} .news-detail__materials {display: flex;flex-direction: column;gap: 20px;width: 100%;max-width: 1130px;} .news-detail__materials-title {font-size: 22px;} .news-detail__materials .ul-v2 {gap: 20px;} .news-detail__bottom {display: flex;gap: 10px;flex-wrap: wrap;align-items: center;padding-top: 20px;border-top: 3px solid var(--color-v6);} .news-detail__author-title {font-weight: 600;color: var(--color-v11);font-family: 'TT Commons Pro Expanded';} .news-detail__bottom .news-detail__time {margin-left: auto;} /* .news-detail__news {margin-top: 80px;display: flex;flex-direction: column;gap: 40px;} .news-detail__news > .btn {margin: 0 auto;} */ .news-detail__viewed {display: none;} .news-detail.viewed .news-detail__viewed {display: flex;} .news-detail.viewed .news-detail__viewed-n {display: none;} .news-detail__passed {display: none;} .news-detail.passed .news-detail__passed {display: flex;} .news-detail.passed .news-detail__passed-n {display: none;} .news-detail .news-detail__viewed-passed-n, .news-detail .news-detail__viewed-passed {display: none;} .news-detail.viewed .news-detail__viewed-passed-n {display: flex;} .news-detail.viewed.passed .news-detail__viewed-passed-n {display: none;} .news-detail.viewed.passed .news-detail__viewed-passed {display: flex;} .news-detail-points__wrap {display: grid;grid-template-columns: 1fr 324px;gap: 20px;} .news-detail-points__wrap .news-detail__img {max-height: 460px;} .news-detail-points__list {display: grid;grid-template-columns: 1fr;gap: 20px;height: max-content;} .news-detail-points__item {display: flex;flex-direction: column;background-color: var(--color-v6);border-radius: 30px;padding: 30px;gap: 10px;} .news-detail-points__item-title {font-weight: 600;line-height: 1;font-family: TT Commons Pro Expanded;margin: 0 0 10px 0;} .news-detail-points__item-title * {font-weight: 600;line-height: 1;font-family: TT Commons Pro Expanded;} .news-detail-points__item .teg {max-width: fit-content;} .news-detail-points__item .points-grade__rating * {color: #000;} .news-detail-points__item .points-grade__rating-grade {color: #BAB7C0;} .news-detail-points__item .points-grade__rating .info-popup__clue {margin-left: auto;} .news-detail-points__item.v1 .news-detail-points__item-title {margin: 10px 0 0 0;} .news-detail-points__item.v1 .btn {max-width: 100%;width: 100%;margin-top: 10px;} .news-detail-points__item-info {display: flex;flex-direction: column;gap: 10px;} .news-detail-points__item-info.step-1, .news-detail-points__item-info.step-2 {display: none;} .news-detail:not(.viewed) .news-detail-points__item-info.step-1 {display: flex;} .news-detail:is(.viewed) .news-detail-points__item-info.step-2 {display: flex;} .content-blur {position: relative;} .content-blur::after {content: '';position: absolute;z-index: 4;width: 100%;height: 100%;left: 0;top: 0;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);} .materials-auth-fixed {overflow: hidden;background: var(--gradient-v11);border-radius: 30px;padding: 30px;display: grid;grid-template-columns: auto 1fr 274px;gap: 20px;justify-content: space-between;align-items: center;position: fixed;top: 110px;z-index: 4;width: 100%;max-width: 1360px;transition-duration: 0.5s;} .materials-auth-fixed__title {font-weight: 500;font-size: 24px;line-height: 1.2;font-family: TT Commons Pro Expanded;color: #FFF;} .materials-auth-fixed .btn {width: 100%;} .materials-auth-fixed.v1 {padding-top: 0;padding-bottom: 0;} .materials-auth-fixed.v1 .materials-auth-fixed__img {display: flex;margin-top: 10px;} @media (max-width: 1439px) { .news-detail__description > p, .news-detail__description > p * {font-size: 20px;} .news-detail__img {border-radius: 20px;height: 320px;} .news-detail__materials-title {font-size: 20px;} .news-detail__author {font-size: 16px;} .news-detail__video {height: 320px;} .news-detail__video .btn-play::after {width: 10px;height: 11px;} .news-detail-points__wrap {grid-template-columns: 1fr;} .news-detail-points__list {grid-template-columns: 1fr 1fr;} .news-detail-points__item {padding: 20px;border-radius: 20px;} .news-detail__video-auth {border-radius: 20px;} .materials-auth-fixed {padding: 20px;max-width: 720px;grid-template-columns: auto 1fr auto;border-radius: 20px;} .materials-auth-fixed:not(.v1) .materials-auth-fixed__img {max-width: 31px;} .materials-auth-fixed__title {font-size: 16px;border-radius: 20px;} .materials-auth-fixed__title br {display: none;} } @media (max-width: 767px) { .news-detail__img {height: 160px;} .news-detail__video {height: 160px;} .news-detail__bottom .news-detail__time {margin-left: 0;} /* .news-detail__news > .btn, */ .news-detail .block-v1 .btn, .news-detail .list-v2 .btn {width: 100%;} .news-detail-points__list {grid-template-columns: 1fr;} .news-detail__video-auth {padding: 10px;gap: 10px;line-height: 1;font-size: 12px;border-radius: 20px;background: var(--gradient-v12);flex-direction: column;left: 10px;bottom: 10px;width: calc(100% - 20px);} .news-detail__video-auth p {line-height: 1;font-size: 12px;} .materials-auth-fixed {grid-template-columns: auto 1fr;gap: 16px;max-width: 327px;background: linear-gradient(89.02deg, #8E6BCA 0.98%, #8F6CCA 19.24%, #9270CC 34.09%, #9675CE 46.07%, #9C7DD0 55.7%, #A386D4 63.49%, #AA90D7 69.98%, #B39CDB 75.69%, #BCA8E0 81.13%, #C6B5E4 86.83%, #D0C2E9 93.32%, #DACFEE 101.11%, #E4DCF2 110.74%, #EEE8F7 122.72%, #F7F4FB 137.57%, #FFFFFF 155.83%);} .materials-auth-fixed__title {font-size: 14px;} .materials-auth-fixed.v1 {padding: 20px 20px 0 0;gap: 16px 0;} .materials-auth-fixed.v1 .materials-auth-fixed__img {grid-area: 1 / auto / 3 / auto;margin-top: auto;margin-left: -4px;} .materials-auth-fixed .btn {height: 38px;padding: 0 20px;} .materials-auth-fixed.v1 .btn {margin-bottom: 20px;} .materials-auth-fixed:not(.v1) .btn {grid-area: auto / 1 / auto / 3;} } /*----------------------------------------------------- */ /* /points-story/ */ /*----------------------------------------------------- */ .points-story__wrap {display: flex;flex-direction: column;gap: 40px;margin-top: 40px;} .points-story__list {display: flex;flex-direction: column;gap: 20px;} .points-story__item {background-color: var(--color-v6);border-radius: 30px;padding: 20px 40px;display: grid;grid-template-columns: 1fr auto;gap: 5px 40px;grid-template-areas: "tit cou" "des cou";align-items: center;} .points-story__item-title {grid-area: tit;font-size: 22px;line-height: 31px;} .points-story__item-description {grid-area: des;} .points-story__item-count {grid-area: cou;margin-bottom: auto;display: flex;gap: 6px;flex-direction: column;align-items: flex-end;} .points-story__item-time {color: var(--color-v8);font-size: 14px;font-weight: 600;} @media (max-width: 1439px) { .points-story__item {padding: 20px;gap: 5px 20px;} .points-story__item-title {font-size: 20px;line-height: 28px;} } @media (max-width: 767px) { .points-story__item {grid-template-columns: 1fr;grid-template-areas: "tit" "des" "cou";} .points-story__item-count {align-items: center;flex-direction: row-reverse;justify-content: space-between;margin-top: 15px;} } /*----------------------------------------------------- */ /* points-grade */ /*----------------------------------------------------- */ .points-grade {background: linear-gradient(90deg, #8E6BCA -9.85%, #8E6BCA 4.53%, #FFFFFF 103.97%);border-radius: 30px;padding: 30px;display: flex;align-items: center;justify-content: space-between;gap: 16px;} .points-grade__content {display: flex;flex-direction: column;gap: 20px;} .points-grade__rating {display: flex;align-items: center;} .points-grade__rating-icon {margin-right: 5px;} .points-grade__rating-rating {font-size: 15px;line-height: 1;color: #FFF;font-weight: 600;font-family: TT Commons Pro Expanded;margin-right: 10px;} .points-grade__rating-grade {font-size: 14px;line-height: 1;color: #FFF;} .points-grade__rating .info-popup__clue {margin-left: 20px;} .points-grade__rating .info-popup__clue-icon {color: #5A3794;font-family: TT Commons Pro Expanded;font-size: 14px;} .points-grade__title {display: flex;align-items: center;font-size: 24px;line-height: 1;color: #FFF;font-weight: 500;font-family: TT Commons Pro Expanded;} .points-grade__title .teg {margin-left: 20px;} .points-grade__title > img {margin-left: 5px;} .points-grade .btn {max-width: 274px;width: 100%;} .news-detail .points-grade {display: none;} .news-detail.viewed .points-grade {display: flex;} .courses-detail .points-grade {display: none;} .courses-detail.viewed .points-grade {display: flex;} @media (max-width: 1439px) { .points-grade {border-radius: 20px;padding: 20px;} .points-grade__content {gap: 10px;} .points-grade__title {font-size: 22px;} .points-grade .btn {max-width: fit-content;} .points-grade__rating .info-popup__clue-icon {width: 20px;height: 20px;} } @media (max-width: 767px) { .points-grade {flex-direction: column;align-items: flex-start;background: linear-gradient(89.54deg, #8E6BCA 0.47%, #8F6CCA 19.06%, #9270CC 34.2%, #9675CE 46.4%, #9C7DD0 56.21%, #A386D4 64.15%, #AA90D7 70.76%, #B39CDB 76.57%, #BCA8E0 82.11%, #C6B5E4 87.92%, #D0C2E9 94.53%, #DACFEE 102.47%, #E4DCF2 112.28%, #EEE8F7 124.48%, #F7F4FB 139.62%, #FFFFFF 158.22%);} .points-grade__content {gap: 6px;width: 100%;} .points-grade__rating .info-popup__clue {margin-left: auto;} .points-grade__title {font-size: 16px;} .points-grade__title.v1 .teg {margin-left: auto;} .points-grade .btn {max-width: 100%;} } /*----------------------------------------------------- */ /* rating-grade */ /*----------------------------------------------------- */ .rating-grade__wrap {max-width: 700px;padding: 80px 100px;background: linear-gradient(163.39deg, #5A3794 -1.38%, #8E6BCA 43.04%, #FFFFFF 95.84%);} .rating-grade {display: flex;flex-direction: column;align-items: center;} .rating-grade .title {color: #fff;text-align: center;line-height: 1.2;} .rating-grade__list {display: flex;flex-direction: column;gap: 60px;margin: 60px 0;} .rating-grade__item {display: flex;flex-direction: column;gap: 20px;} .rating-grade__item-title {color: #fff;font-size: 24px;font-weight: 500;line-height: 1.2;font-family: TT Commons Pro Expanded;} .rating-grade__item-stars {display: flex;flex-direction: row-reverse;gap: 10px;justify-content: space-between;} .rating-grade__item-stars label {background-image: url(/local/templates/.default/css/../img/static/stars.svg);background-repeat: no-repeat;background-size: contain;cursor: pointer;display: inline-block;flex-shrink: 0;height: 72px;width: 77px;margin: 0;} .rating-grade__item-stars label:hover, .rating-grade__item-stars label:hover ~ label, .rating-grade__item-stars input:checked ~ label {background-image: url(/local/templates/.default/css/../img/static/stars-checked.svg);} .rating-grade__btms {width: 100%;display: flex;gap: 20px;} .rating-grade__btms .btn.v1 {width: 100%;} .rating-grade__error {margin-top: 20px;color: var(--color-error-v1);text-align: center;} .rating-grade-success__wrap {max-width: 700px;padding: 60px;background: linear-gradient(163.39deg, #5A3794 -1.38%, #8E6BCA 43.04%, #FFFFFF 95.84%);} .rating-grade-success {display: flex;flex-direction: column;align-items: center;} .rating-grade-success .title {color: #fff;text-align: center;margin-bottom: 20px;line-height: 1.2;} .rating-grade-success__description {color: #fff;font-size: 24px;font-weight: 500;line-height: 1.2;font-family: TT Commons Pro Expanded;text-align: center;margin: 10px 0;display: flex;align-items: center;gap: 10px;} .rating-grade-success .btn {margin-top: 20px;} .rating-grade-test__wrap {max-width: 700px;padding: 60px;} .rating-grade-test {display: flex;flex-direction: column;align-items: center;} .rating-grade-test .title {text-align: center;margin-bottom: 20px;line-height: 1.2;} .rating-grade-test__description {font-size: 24px;font-weight: 500;line-height: 1.2;font-family: TT Commons Pro Expanded;text-align: center;margin: 10px 0;display: flex;align-items: center;gap: 10px;} .rating-grade-test .btn {margin-top: 20px;} @media (max-width: 1439px) { .rating-grade__item-title {font-size: 22px;} .rating-grade-success__description {font-size: 22px;margin: 5px 0;} .rating-grade-test__description {font-size: 22px;margin: 5px 0;} } @media (max-width: 767px) { .rating-grade__wrap {max-width: 327px;padding: 45px 20px 20px 20px;} .rating-grade__list {gap: 30px;margin: 30px 0;} .rating-grade__item {gap: 10px;} .rating-grade__item-title {font-size: 18px;} .rating-grade__item-stars label {width: 44px;height: 41px;} .rating-grade__btms {gap: 10px;flex-direction: column;} .rating-grade__btms .btn {width: 100%;} .rating-grade-success__wrap {max-width: 327px;padding: 45px 20px 20px 20px;} .rating-grade-success__description {font-size: 18px;margin: 0;} .rating-grade-test__wrap {max-width: 327px;padding: 45px 20px 20px 20px;} .rating-grade-test__description {font-size: 18px;margin: 0;} } /*----------------------------------------------------- */ /* search-form */ /*----------------------------------------------------- */ .search-form__wrap {position: relative;} .search-form {width: 100%;height: 60px;display: flex;align-items: center;position: relative;} .search-form__input {width: 100%;height: 100%;border: 2px solid var(--color-v9);border-radius: 30px;padding: 0 120px 0 24px;transition-duration: 0.5s;} .search-form__input:hover, .search-form__input:focus {border: 2px solid var(--color-v4);} .search-form__submit {position: absolute;z-index: 2;right: 14px;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;cursor: pointer;background-color: var(--color-v4);border-radius: 50%;} .search-form__submit:hover {background-color: var(--color-v3);} .search-form__reset {position: absolute;z-index: 1;right: 14px;top: 50%;transform: translateY(-50%);display: none;align-items: center;justify-content: center;width: 40px;height: 40px;cursor: pointer;} .search-form__reset:hover path {fill: var(--color-v3);} .search-form__list {width: 100%;position: absolute;z-index: 1;left: 0px;top: 60px;margin-top: 20px;background-color: #fff;border: 2px solid var(--color-v4);border-radius: 30px;padding: 20px 24px;display: flex;flex-direction: column;gap: 20px;} .search-form__item {line-height: 1;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: #000;} .search-form__item b {color: var(--color-v2);font-weight: 500;line-height: 1;} .search-form__item:hover {color: var(--color-v1);} .title-search-result {display: block !important;position: initial !important;width: 100% !important;} .search-form.active .search-form__submit {right: 58px;} .search-form.active .search-form__reset {display: flex;} .search-form__svg {position: absolute;z-index: 1;right: 34px;top: 20px;} @media (max-width: 1439px) { .search-form {height: 56px;} .search-form__submit {width: 36px;height: 36px;} .search-form__list {top: 56px;} .search-form__svg {top: 18px;} } @media (max-width: 767px) { .search-form__input {padding: 0 98px 0 24px;} } /*----------------------------------------------------- */ /* search-form-v1 */ /*----------------------------------------------------- */ .search-form-v1__wrap {position: relative;display: flex;flex-direction: column;gap: 20px;} .search-form-v1 {width: 100%;height: 60px;display: flex;align-items: center;position: relative;} .search-form-v1__input {width: 100%;height: 100%;border: 2px solid var(--color-v9);border-radius: 30px;padding: 0 24px 0 50px;transition-duration: 0.5s;} .search-form-v1__loupe {position: absolute;left: 24px;top: 50%;transform: translateY(-50%);} .search-form-v1__input:hover, .search-form-v1__input:focus {border: 2px solid var(--color-v4);} .search-form-v1__list {display: flex;flex-direction: column;} .search-form-v1__item {height: 48px;min-height: 48px;padding-left: 24px;display: flex;align-items: center;cursor: pointer;} .search-form-v1__item:hover {color: var(--color-v1);} @media (max-width: 1439px) { .search-form-v1 {height: 42px;} .search-form-v1__input {padding: 0 20px 0 46px;} .search-form-v1__loupe {left: 20px;} .search-form-v1__item {height: 42px;padding-left: 20px;} } /*----------------------------------------------------- */ /* search */ /*----------------------------------------------------- */ .search__wrap {display: flex;flex-direction: column;gap: 40px;margin-top: 120px;} .search__top {position: relative;padding-right: 46px;} .search__close {width: 60px;height: 60px;background-color: var(--color-v6);border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;position: absolute;right: 0;top: 0;} .search__teg-title {padding-right: 20px;} .search__empty {display: flex;flex-direction: column;gap: 20px;} .search__wrap .all-categories__list {gap: 40px;} @media (max-width: 1439px) { .search__close {width: 46px;height: 46px;} .search__close svg {max-width: 20px;} } @media (max-width: 767px) { .search__wrap {margin-top: 80px;} } /*----------------------------------------------------- */ /* saved */ /*----------------------------------------------------- */ .saved__wrap {display: flex;flex-direction: column;gap: 40px;margin-top: 40px;} .saved__top {display: flex;justify-content: space-between;gap: 20px;position: relative;align-items: flex-start;} .saved__top::after {content: '';width: 100%;height: 2px;background-color: var(--color-v6);position: absolute;bottom: 0;left: 0;} .saved__top .tab__list::after {display: none;} .saved__empty {display: flex;flex-direction: column;gap: 20px;} @media (max-width: 1439px) { .saved__top {flex-direction: column;} .saved__top::after {display: none;} .saved__top .tab__list {width: 100%;} .saved__top .tab__list::after {display: block;} } @media (max-width: 767px) { .saved__empty br {display: none;} } /*----------------------------------------------------- */ /* banner */ /*----------------------------------------------------- */ .banner {display: flex;flex-direction: column;gap: 20px;align-items: center;} .banner > .title .points-i-count {display: inline-block;padding-left: 64px;position: relative;} .banner > .title .points-i-count img {width: 64px;height: 64px;max-width: 64px;position: absolute;left: 0;bottom: 0;} .banner__description {text-align: center;font-size: 24px;font-weight: 500;font-family: TT Commons Pro Expanded;max-width: 606px;} .banner__description * {font-size: 24px;font-weight: 500;font-family: TT Commons Pro Expanded;} .banner__description a {border-bottom: 1px solid;} .banner__description .points-i-count {display: inline-block;padding-left: 35px;position: relative;} .banner__description .points-i-count img {width: 35px;height: 35px;max-width: 35px;position: absolute;left: 0;top: 0px;} .banner__img {display: flex;align-items: center;justify-content: center;overflow: hidden;max-width: 606px;margin: 10px 0;} .banner__img img {width: 100%;height: 100%;object-fit: cover;} @media (max-width: 1439px) { .banner .description-v1 {max-width: 350px;} .banner > .title .points-i-count {padding-left: 56px;} .banner > .title .points-i-count img {width: 56px;height: 56px;max-width: 56px;} .banner__description, .banner__description * {font-size: 22px;} .banner__description .points-i-count {padding-left: 32px;} .banner__description .points-i-count img {width: 32px;height: 32px;max-width: 32px;} } @media (max-width: 767px) { .banner .description-v1 {max-width: 244px;} .banner > .title .points-i-count {padding-left: 42px;} .banner > .title .points-i-count img {width: 42px;height: 42px;max-width: 42px;} .banner__description, .banner__description * {font-size: 20px;} } /*----------------------------------------------------- */ /* rating */ /*----------------------------------------------------- */ .rating__wrap {display: flex;flex-direction: column;gap: 40px;margin-top: 40px;} .rating__list {display: flex;flex-direction: column;gap: 20px;} .rating__top {width: 100%;display: grid;grid-template-columns: 65px 1fr 1fr 1fr 130px;gap: 30px;padding: 0 40px;} .rating__top * {color: var(--color-v11);font-family: TT Commons Pro Expanded;} .rating__item {display: grid;grid-template-columns: 65px 1fr 1fr 1fr 130px;gap: 30px;padding: 0 40px;height: 64px;align-items: center;background-color: var(--color-v6);border-radius: 30px;} .rating__item-count {display: flex;align-items: center;position: relative;width: 33px;justify-content: center;} .rating__item-count span {color: var(--color-v2);position: absolute;left: 50%;transform: translateX(-50%);bottom: 5px;font-size: 14px;line-height: 1;} .rating__item-user {display: flex;align-items: center;gap: 10px;font-weight: 600;line-height: 1;font-family: TT Commons Pro Expanded;} .rating__item-img {width: 44px;height: 44px;object-fit: cover;background-color: #fff;border-radius: 50%;} .rating__item-points {margin-left: auto;} .rating__item.active {background: var(--gradient-v2);} .rating__item.active * {color: #fff;} .rating__item.active .rating__item-count circle, .rating__item.active .rating__item-count path {stroke: #fff;} .rating__item.fixed {position: sticky;top: 110px;z-index: 1;} @media (max-width: 1439px) { .rating__top {grid-template-columns: 50px 1fr 1fr 1fr 120px;padding: 0;} .rating__top * {font-size: 14px;} .rating__item {grid-template-columns:50px 1fr 1fr 1fr 120px;padding: 0;height: 54px;} .rating__item-img {width: 40px;height: 40px;} .rating__item-count {margin-left: 20px;width: 24px;} .rating__item-count svg {width: 24px;height: 24px;} .rating__item-count span {bottom: 2px;font-size: 11px;} .rating__item-points {margin-right: 20px;} .rating__item.fixed {top: 104px;} } @media (max-width: 767px) { .rating__top {gap: 6px;grid-template-columns: 50px 1fr 120px;} .rating__top *:nth-child(3), .rating__top *:nth-child(4) {display: none;} .rating__item {grid-template-columns: 50px 1fr 120px;height: auto;gap: 0 6px;padding: 6px 0;} .rating__item-points {grid-area: 1 / 3 / 2 / 4;} .rating__item-net {grid-area: auto / 1 / auto / 3;margin-left: 20px;} .rating__item-city {grid-area: auto / 1 / auto / 3;margin-left: 20px;} .rating__item.fixed {top: 90px;} } /*----------------------------------------------------- */ /* lk__wrap */ /*----------------------------------------------------- */ .lk__wrap {display: flex;flex-direction: column;gap: 80px;margin-top: 24px;} .lk__list {display: grid;grid-template-columns: 1fr 555px;gap: 20px;} .lk__item {box-shadow: 0px 0px 15px 0px #E1E1EE;display: grid;gap: 40px 20px;padding: 30px;border-radius: 30px;} .lk__item-title {font-size: 26px;font-weight: 600;line-height: 31px;font-family: TT Commons Pro Expanded;} .lk__item-img {position: relative;cursor: pointer;max-width: fit-content;max-height: fit-content;} .lk__item-name {background-color: var(--color-v6);width: 180px;height: 180px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 60px;font-weight: 600;line-height: 1;font-family: TT Commons Pro Expanded;color: var(--color-v12);} .lk__item-img > img {background-color: var(--color-v6);width: 180px;height: 180px;border-radius: 50%;object-fit: cover;} .lk__item-img .hover {position: absolute;background-color: rgb(0 0 0 / 20%);width: 180px;height: 180px;border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-direction: column;font-weight: 600;line-height: 1;font-family: TT Commons Pro Expanded;color: #fff;padding-top: 10px;opacity: 0;transition-duration: 0.5s;} .lk__item-img .hover label {display: flex;align-items: center;justify-content: center;flex-direction: column;color: #fff;} .lk__item-img .hover * {font-weight: 600;line-height: 1;font-family: TT Commons Pro Expanded;cursor: pointer;transition-duration: 0.5s;} .lk__item-img .hover *:hover {color: var(--color-v3);} .lk__item-img:hover .hover {opacity: 1;} .lk__item-img .error {margin-left: 0;max-width: 180px;line-height: 1;} .lk__list > .btn {grid-area: auto / 1 / auto / 3;margin: 20px auto 0 auto;} .lk__item.v1 {grid-area: 1 / 1 / 3 / 2;grid-template-columns: auto 1fr;grid-template-rows: auto 1fr;} .lk__item.v1 .lk__item-title {grid-area: auto / 1 / auto / 3;} @media (max-width: 1439px) { .lk__wrap {gap: 40px;} .lk__list {grid-template-columns: 1fr;} .lk__item {border-radius: 20px;} .lk__item.v1 {grid-area: auto;grid-template-columns: 1fr;gap: 20px;} .lk__item.v1 .lk__item-title {grid-area: auto;margin-bottom: 20px;} .lk__list > .btn {grid-area: auto;padding-top: 0;} } @media (max-width: 767px) { .lk__wrap .title {font-size: 35px;} .lk__item {padding: 20px;} .lk__item-name {width: 120px;height: 120px;font-size: 40px;} .lk__item-img > img {width: 120px;height: 120px;} .lk__item-img .hover {width: 120px;height: 120px;text-align: center;padding-top: 0;} .lk__item-img .hover svg {width: 40px;height: 40px;} .lk__list > .btn {width: 100%;} .lk__item .btn {width: 100%;} } /*----------------------------------------------------- */ /* test */ /*----------------------------------------------------- */ .test__wrap {display: flex;flex-direction: column;gap: 20px;margin-top: 24px;} .test__element b {font-family: TT Commons Pro Expanded;color: var(--color-v11);padding-right: 15px;} .test__list {display: flex;flex-direction: column;gap: 20px;} .test__item {display: flex;flex-direction: column;gap: 20px;background-color: var(--color-v6);border-radius: 30px;padding: 60px;align-items: center;position: relative;overflow: hidden;} .test__item-step {font-weight: 600;line-height: 1;font-family: TT Commons Pro Expanded;} .test__item-step * {font-weight: 600;line-height: 1;font-family: TT Commons Pro Expanded;} .test__item .title {text-align: center;max-width: 800px;} .test__item-select {display: flex;gap: 20px;flex-direction: column;width: 100%;max-width: 800px;margin: 40px auto;} .test__item-option {width: 100%;min-height: 70px;display: flex;align-items: center;border: 2px solid #fff;background-color: #fff;border-radius: 30px;cursor: pointer;transition-duration: 0.5s;overflow: hidden;padding: 10px;} .test__item-option img {width: 116px;height: 116px;border-radius: 20px;object-fit: cover;} .test__item-option .custom__radio {margin: 0 10px 0 20px;} .test__item .btn {min-width: 232px;} input:checked ~ .test__item-option {border-color: var(--color-v3);} input:checked ~ .test__item-option .custom__radio {border-color: var(--color-v3);background-color: var(--color-v3);} .test__item-container {max-width: 600px;min-height: 360px;margin-right: auto;display: flex;flex-direction: column;gap: 40px;position: relative;z-index: 2;justify-content: space-between;} .test__item-container .title {text-align: left;} .test__item-container .title span:not([class]) {color: var(--color-v1);} .test__item-container .title .points-i-count {display: inline-block;position: relative;padding-left: 60px;} .test__item-container .title .points-i-count img {width: 60px;height: 60px;max-width: 60px;position: absolute;left: 0;top: 0;} .test__item-container .ul-v4 {gap: 6px;} .test__item-container .list-v2 > b {font-size: 22px;line-height: 31px;} .test__item-container .ul-v2 {gap: 6px;} .test__item-container .info-popup__clue {display: inline-block;} .test__item-success {display: flex;gap: 10px;font-size: 22px;font-weight: 600;align-items: center;} .test__item-success .points-i-count {font-size: 22px;font-weight: 600;} .test__item-success .points-i-count img {width: 50px;height: 50px;max-width: 50px;} .test__item-btns {display: flex;gap: 20px;flex-wrap: wrap;} .test__item-img {position: absolute;z-index: 1;right: 115px;bottom: 0;display: flex;align-items: center;justify-content: center;} .test__item-img img {width: 100%;max-width: 525px;} .test__item-bg-v1 {position: absolute;left: 0;bottom: 0;display: flex;align-items: center;justify-content: center;} .test__item-bg-v1 img {width: 100%;} .test__item-bg-v2 {position: absolute;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;height: 100%;} .test__item-bg-v2 img {width: 100%;height: 100%;} .test__item-container .news-detail-points__item {background-color: var(--color-v2);align-items: center;flex-direction: row;max-width: fit-content;} .test__item-container .news-detail-points__item-title {color: #fff;margin: 0;} @media (max-width: 1439px) { .test__item {padding: 30px;border-radius: 20px;} .test__item-container {max-width: 374px;} .test__item-container .title {width: 460px;} .test__item-container .title .points-i-count {padding-left: 48px;} .test__item-container .title .points-i-count img {width: 48px;height: 48px;max-width: 48px;} .test__item-container .ul-v4 li {gap: 6px 20px;flex-wrap: wrap;} .test__item-container .ul-v2 li {gap: 10px;} .test__item-img {right: 0px;} .test__item.start {padding-bottom: 68px;} .test__item-select {margin: 10px auto;} .test__item-option {min-height: 56px;} .test__item-option img {width: 60px;height: 60px;border-radius: 16px;} .test__item-success {font-size: 20px;} .test__item-success .points-i-count {font-size: 20px;} .test__item-success .points-i-count img {width: 42px;height: 42px;max-width: 42px;} .test__item.success .test__item-container, .test__item.failure .test__item-container {gap: 60px;justify-content: flex-start;} } @media (max-width: 767px) { .test__item {padding: 20px;} .test__item-option .custom__radio {margin: 0 10px 0 14px;} .test__item .btn {width: 100%;} .test__item-container {gap: 30px;min-height: auto;} .test__item-container .title {width: 100%;text-align: center;} .test__item-container .title .points-i-count {padding-left: 34px;} .test__item-container .title .points-i-count img {width: 34px;height: 34px;max-width: 34px;} .test__item-container .list-v2 > b {font-size: 20px;line-height: 28px;} .test__item-container .ul-v4 {align-items: center;} .test__item-container .ul-v4 li {gap: 6px 10px;text-align: center;line-height: 22px;justify-content: center;} .test__item-container .ul-v4 b {line-height: 22px;} .test__item-container .ul-v2 li {flex-wrap: wrap;justify-content: center;text-align: center;gap: 0 10px; display: flex;padding: 0;align-items: center;padding: 0;} .test__item-container .ul-v2 li::before {position: initial;} .test__item-container .ul-v2 .points-i-count {width: 100%;justify-content: center;} .test__item.start {padding-bottom: 209px;} .test__item.success .test__item-container {padding-bottom: 222px;gap: 20px;} .test__item.failure .test__item-container {padding-bottom: 215px;gap: 20px;} .test__item-container .list-v2 * {text-align: center;} .test__item-success {height: 60px;justify-content: center;} } /*----------------------------------------------------- */ /* info-popup */ /*----------------------------------------------------- */ .tippy-tooltip {display: none;} .info-popup__clue {position: relative;} .info-popup__clue-icon { width: 24px;height: 24px;line-height: 1;display: flex;align-items: center;justify-content: center;background-color: #fff;border-radius: 50%;color: var(--color-v1);cursor: pointer;font-weight: 600;} .info-popup__clue-container {display: flex;background-color: #fff;padding: 16px 20px;border-radius: 20px;width: 100%;max-width: 393px;flex-direction: column;gap: 10px;box-shadow: 0 4px 10px var(--color-v7);} .tippy-box[data-theme~='ai'] {color: #000000;background: none;border-radius: 0;} .tippy-box[data-theme~='ai'] .tippy-content {padding: 0 10px;} .tippy-box[data-theme~='ai'] .tippy-arrow {width: 32px;height: 32px;} .tippy-box[data-theme~='ai'][data-placement^='top'] > .tippy-arrow::before {border-top-color: #D9D9D9;bottom: -12px;border-width: 16px 16px 0;} .tippy-box[data-theme~='ai'][data-placement^='bottom'] > .tippy-arrow::before {border-bottom-color: #D9D9D9;top: -12px;border-width: 0 16px 16px;} .tippy-box[data-theme~='ai'][data-placement^='left'] > .tippy-arrow::before {border-left-color: #D9D9D9;right: -12px;border-width: 16px 0 16px 16px;} .tippy-box[data-theme~='ai'][data-placement^='right'] > .tippy-arrow::before {border-right-color: #D9D9D9;left: -12px;border-width: 16px 16px 16px 0;} /*----------------------------------------------------- */ /* slider-v1 */ /*----------------------------------------------------- */ .slider-v1__wrap {display: flex;flex-direction: column;gap: 40px;} .slider-v1__top {display: flex;gap: 10px;} .slider-v1__top .title {margin-right: auto;} .slider-v1__wrap .swiper {width: 100%;max-width: 100%;} @media (max-width: 767px) { .slider-v1__wrap {margin-left: -24px;margin-right: -24px;overflow: hidden;padding: 0 24px;} .slider-v1__wrap .swiper {overflow: initial;} .slider-v1__wrap .swiper-prev-v1, .slider-v1__wrap .swiper-next-v1 {display: none;} } /*----------------------------------------------------- */ /* test-slider */ /*----------------------------------------------------- */ .test-slider__wrap {min-height: 420px;background: var(--gradient-v3);padding: 30px 470px 20px 30px;border-radius: 30px;position: relative;overflow: hidden;display: flex;flex-direction: column;gap: 30px;} .test-slider__top {display: flex;gap: 10px;align-items: center;} .test-slider__top .title {color: #FFF;line-height: 38px;margin-right: auto;} .test-slider__top .swiper-next-v1, .test-slider__top .swiper-prev-v1 {margin-top: auto;} .test-slider__wrap .swiper {width: 100%;max-width: 100%;display: flex;flex-direction: column;gap: 10px;} .test-slider__item {background-color: #FFF;border-radius: 20px;padding: 20px 24px;display: flex;flex-direction: column;gap: 6px;height: auto;min-height: 200px;} .test-slider__item-top {display: flex;justify-content: space-between;} .test-slider__item-teg {height: 38px;padding: 0 20px;display: flex;align-items: center;background-color: var(--color-v6);border-radius: 19px;color: #000;} .test-slider__item-title {margin-top: auto;font-weight: 600;line-height: 1;font-family: TT Commons Pro Expanded;} .test-slider__item .teg {max-width: fit-content;} .test-slider__item.passed {cursor: default;} .test-slider__item.passed .test-slider__item-title {opacity: 0.3;} .test-slider__link {font-weight: 600;line-height: 1;font-family: TT Commons Pro Expanded;color: #FFF;} .test-slider__img {position: absolute;right: 30px;bottom: 0;display: flex;} .test-slider__img img {width: 100%;} @media (max-width: 1439px) { .test-slider__wrap {min-height: 354px;padding: 30px 230px 30px 30px;gap: 20px;} .test-slider__top .title {line-height: 31px;} .test-slider__top .swiper-prev-v1, .test-slider__top .swiper-next-v1 {display: none;} .test-slider__item {min-height: 160px;} .test-slider__item-teg {height: 28px;} .test-slider__link {font-weight: 450;font-family: TT Commons Pro;} .test-slider__img {right: 0;} } @media (max-width: 767px) { .test-slider__wrap {padding: 30px 20px 205px 20px;} .test-slider__img {right: 20px;} } /*----------------------------------------------------- */ /* courses */ /*----------------------------------------------------- */ .courses__wrap {margin-top: 40px;display: flex;flex-direction: column;gap: 40px;} .courses__list {display: flex;flex-direction: column;gap: 30px;} .courses__item {background: var(--gradient-v8);padding: 30px 630px 30px 30px;border-radius: 30px;display: flex;flex-direction: column;position: relative;overflow: hidden;min-height: 420px;} .courses__item-link {position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;} .courses__item-img {position: absolute;right: 30px;bottom: 30px;z-index: 1;display: flex;align-items: center;justify-content: center;max-width: 520px;max-height: 360px;width: 100%;height: calc(100% - 60px);overflow: hidden;border-radius: 30px;} .courses__item-img img {width: 100%;height: 100%;object-fit: contain;transition-duration: 0.5s;} .courses__item-bg {position: absolute;right: 0;bottom: 0;z-index: 0;display: flex;align-items: center;justify-content: center;height: 100%;} .courses__item-bg img {width: 100%;height: 100%;} .courses__item-title {margin: 30px 0 10px 0;font-size: 32px;line-height: 38px;font-weight: 600;font-family: 'TT Commons Pro Expanded';color: #FFF;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .courses__item-info {display: flex;gap: 20px;margin-bottom: 30px;align-items: center;} .courses__item-info > * {color: #FFF;font-weight: 600;font-family: 'TT Commons Pro Expanded';display: flex;align-items: center;gap: 10px;} .courses__item-description {color: #FFF;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;} .courses__item .teg__list {position: relative; z-index: 2;} .courses__item:hover .courses__item-img img {transform: scale(1.15);} .courses__item-viewed {display: none;} .courses__item.viewed .courses__item-viewed {display: flex;} .courses__item .points-grade-item {right: 90px;top: 46px;z-index: 2;} .courses__item .btn-favorites {top: 46px;right: 46px;} @media (max-width: 1439px) { .courses__item {background: var(--gradient-v9);padding: 30px;border-radius: 20px;gap: 20px;} .courses__item-img {position: initial;max-width: 100%;border-radius: 20px;max-height: 440px; } .courses__item-bg {height: auto;max-width: 570px;width: 100%;left: 50%;transform: translateX(-50%);top: 60px;bottom: auto;} .courses__item-bg img {height: auto;} .courses__item-title {margin: 0;font-size: 26px;line-height: 31px;} .courses__item-info {margin: 0;} .courses__item .points-grade-item {right: 80px;top: 46px;} } @media (max-width: 767px) { .courses__item {padding: 20px;} .courses__item-img {position: initial;max-width: 100%;border-radius: 20px;max-height: 190px;} .courses__item-bg {max-width: 218px;top: 40px;} .courses__item-title {font-size: 20px;line-height: 24px;} .courses__item-info {gap: 0;justify-content: space-between;} .courses__item-info > * {font-size: 14px;} .courses__item .points-grade-item {right: 70px;top: 36px;} .courses__item .btn-favorites {top: 36px;right: 36px;} } /*----------------------------------------------------- */ /* courses-detail */ /*----------------------------------------------------- */ .courses-detail {display: flex;flex-direction: column;gap: 60px;margin-top: 20px;} .courses-detail__top {display: flex;flex-direction: column;gap: 20px;} .courses-detail__info {display: flex;flex-direction: column;gap: 40px;max-width: 1130px;} .courses-detail__info-list {display: flex;flex-wrap: wrap;gap: 10px 20px;} .courses-detail__info-item {display: flex;align-items: center;gap: 20px;font-size: 22px;font-weight: 600;} .courses-detail__info-item__count {height: 60px;min-width: 60px;padding: 10px;display: flex;align-items: center;justify-content: center;background-color: var(--color-v6);border-radius: 30px;font-size: 24px;font-family: 'TT Commons Pro Expanded';font-weight: 600;color: var(--color-v3);} .courses-detail__viewed {display: none;} .courses-detail.viewed .courses-detail__viewed {display: flex;} .courses-detail.viewed .courses-detail__viewed-n {display: none;} .courses-banner {background: var(--gradient-v11);border-radius: 30px;padding: 30px 650px 30px 30px;position: relative;display: flex;flex-direction: column;gap: 20px;min-height: 520px;overflow: hidden;} .courses-banner.v2 {background: var(--gradient-v15);} .courses-banne__title {font-size: 46px;line-height: 1;font-weight: 600;font-family: TT Commons Pro Expanded;color: #FFF;} .courses-banne__bottom-wrap {display: flex;gap: 20px;align-items: flex-end;height: 100%;} .courses-banne__bottom-wrap .btn-favorites {position: relative;margin-bottom: 10px;} .courses-banne__bottom {display: flex;align-items: center;gap: 20px;} .courses-banne__bottom .points-i-count {color: #FFF;} .courses-banne__bottom .points-i-count span {color: #FFF;margin-left: 8px;} .courses-banner__img {position: absolute;display: flex;align-items: center;justify-content: center;width: 560px;height: 460px;right: 30px;top: 30px;border-radius: 30px;overflow: hidden;} .courses-banner__img img {width: 100%;height: 100%;object-fit: cover;} .courses-banner__img.v1 {max-width: 100%;width: 735px;height: auto;bottom: 0;right: 0;top: auto;align-items: flex-end;} .courses-banner__img.v1 img {height: auto;} .courses-fixed {background: var(--gradient-v11);border-radius: 30px;padding: 20px 30px;display: grid;grid-template-columns: 1fr auto;gap: 40px;justify-content: space-between;align-items: center;position: fixed;top: 110px;z-index: 4;width: 100%;max-width: 1360px;transition-duration: 0.5s;} .courses-fixed__title {font-weight: 600;font-size: 22px;line-height: 31px;font-family: TT Commons Pro Expanded;color: #FFF;} .courses-fixed.v2 {background: var(--gradient-v15);} .news-detail-points__item-info {display: flex;flex-direction: column;gap: 10px;} .news-detail-points__item-info.step-1, .news-detail-points__item-info.step-2 {display: none;} .courses-detail:not(.viewed) .news-detail-points__item-info.step-1 {display: flex;} .courses-detail:is(.viewed) .news-detail-points__item-info.step-2 {display: flex;} @media (min-width: 1440px) { .news-detail-points__wrap .courses-banner {min-height: 480px;padding: 30px 610px 30px 30px;} .news-detail-points__wrap .courses-banne__title {font-size: 32px;} .news-detail-points__wrap .courses-banner__img {width: 500px;} .news-detail-points__wrap .courses-banner__img.v1 {width: 540px;} .news-detail-points__wrap .courses-banne__bottom {margin-top: auto;flex-direction: column;align-items: flex-start;} } @media (max-width: 1439px) { .courses-detail__info {gap: 20px;} .courses-detail__info-list {flex-direction: column;max-width: 344px;} .courses-detail__info-item {font-size: 20px;justify-content: space-between;} .courses-banner {border-radius: 20px;padding: 30px 30px 526px 30px;gap: 30px;background: var(--gradient-v12);} .courses-banner.v2 {background: var(--gradient-v16);} .courses-banne__title {font-size: 36px;} .courses-banner__img {width: 100%;max-width: 660px;height: 460px;right: auto;top: auto;left: 30px;bottom: 30px;border-radius: 20px;} .courses-banne__bottom-wrap {gap: 10px;} .courses-banne__bottom-wrap .btn-favorites {margin-bottom: 6px;} .courses-banner__img.v1 {max-height: 490px;right: 36px;left: auto;} .courses-banner__img.v1 img {max-height: inherit;width: auto;} .courses-fixed {max-width: 720px;border-radius: 20px;padding: 16px 24px;top: 104px;} .courses-fixed__title {font-size: 20px;line-height: 28px;} } @media (max-width: 767px) { .courses-banner {padding: 30px 20px 292px 20px;min-height: auto;} .courses-banne__title {font-size: 24px;} .courses-banne__bottom {flex-direction: column;align-items: flex-start;gap: 16px;} .courses-banner .btn {width: 100%;} .courses-banner__img {max-width: 287px;height: 200px;left: 20px;bottom: 30px;} .courses-banner__img.v1 {right: 20px;max-height: 240px;} .courses-fixed {max-width: 327px;padding: 16x 20px;gap: 10px;grid-template-columns: 1fr;top: 90px;} .courses-fixed__title {font-size: 16px;line-height: 22px;} .courses-fixed .btn {width: 100%;} } /*----------------------------------------------------- */ /* all-categories */ /*----------------------------------------------------- */ .all-categories__wrap {display: flex;flex-direction: column;gap: 40px;margin-top: 20px;} .all-categories__list {display: flex;flex-direction: column;gap: 80px;} .all-categories__item {display: flex;flex-direction: column;gap: 40px;} .all-categories__item > .btn {margin: 0 auto;} @media (max-width: 767px) { .all-categories__item > .btn {width: 100%;} } /*----------------------------------------------------- */ /* main-slider */ /*----------------------------------------------------- */ .main-slider {width: 100%;display: flex;flex-direction: column;gap: 20px;} .main-slider__item {width: 525px;height: 560px;display: flex;gap: 10px;position: relative;border-radius: 30px;padding: 30px;overflow: hidden;flex-direction: column;justify-content: flex-end;background: var(--gradient-v17);} .main-slider__item-img {width: 100%;height: 100%;position: absolute;z-index: 0;left: 0;top: 0;} .main-slider__item-img img {width: 100%;height: 100%;object-fit: cover;} .main-slider__item-time {position: relative;z-index: 2;line-height: 1;font-weight: 600;font-family: TT Commons Pro Expanded;color: #FFF;} .main-slider__item-title {position: relative;z-index: 2;font-size: 24px;line-height: 29px;font-weight: 600;font-family: TT Commons Pro Expanded;color: #FFF;} .main-slider__item::after {content: '';background: var(--gradient-v14);width: 100%;height: 100%;position: absolute;z-index: 1;left: 0;bottom: 0;} .main-slider__nav {display: flex;justify-content: center;align-items: center;gap: 10px;} .swiper-slide-next .main-slider__item-time, .swiper-slide-prev .main-slider__item-time {font-size: 24px;} .swiper-slide-next .main-slider__item-title, .swiper-slide-prev .main-slider__item-title {font-size: 30px;line-height: 39px;} @media (max-width: 1439px) { .main-slider__item {width: 460px;height: 480px;border-radius: 20px;padding: 20px;} .main-slider__item-time {font-size: 18px;} .main-slider__item-title {font-size: 22px;line-height: 26px;} } @media (max-width: 767px) { .main-slider__wrap {margin-left: -24px;margin-right: -24px;overflow: hidden;padding: 0 24px;} .main-slider__wrap .swiper {overflow: initial;} .main-slider__item {width: 300px;height: 330px;gap: 0;} .main-slider__item-time {font-size: 16px;} .main-slider__item-title {font-size: 20px;line-height: 24px;} } /*----------------------------------------------------- */ /* main */ /*----------------------------------------------------- */ .main__top {display: flex;flex-direction: column;gap: 20px;margin-top: 20px;margin-bottom: 80px;} .main__wrap .title.v2 {text-align: center;max-width: 880px;margin: 0 auto;} .main-banner {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;} .main-banner__item {height: 520px;position: relative;border-radius: 30px;padding: 50px;grid-area: auto / 1 / auto / 3;display: flex;flex-direction: column;overflow: hidden;} .main-banner__title {position: relative;z-index: 1;font-size: 50px;font-weight: 600;line-height: 1;font-family: 'TT Commons Pro Expanded';color: #FFF;} .main-banner__title * {font-size: 50px;font-weight: 600;line-height: 1;font-family: 'TT Commons Pro Expanded';} .main-banner__bg-v1 {position: absolute;width: 100%;height: 100%;left: 0;top: 0;} .main-banner__bg-v1 img {width: 100%;height: 100%;object-fit: cover;} .main-banner__img {height: 520px;display: flex;align-items: center;justify-content: center;border-radius: 30px;overflow: hidden;} .main-banner__img img {width: 100%;height: 100%;object-fit: cover;} @media (max-width: 1439px) { .main-banner {grid-template-columns: repeat(2, 1fr);} .main-banner__item {height: 420px;border-radius: 20px;padding: 40px;} .main-banner__title {font-size: 46px;max-width: 500px;} .main-banner__title * {font-size: 46px;} .main-banner__img {height: 420px;border-radius: 20px;} } @media (max-width: 767px) { .main__top {gap: 10px;margin-top: 10px;} .main-banner {gap: 10px;} .main-banner__item {height: 300px;padding: 20px;} .main-banner__title, .main-banner__title * {font-size: 28px;} .main-banner__img {height: 240px} } /*----------------------------------------------------- */ /* 404 */ /*----------------------------------------------------- */ .error-404__wrap {display: flex;flex-direction: column;gap: 20px;margin-top: 40px;} @media (max-width: 767px) { .error-404__wrap .title br {display: none;} .error-404__wrap .btn {width: 100%;} } /*----------------------------------------------------- */ /* points-info */ /*----------------------------------------------------- */ .points-info__list {margin-top: 40px;display: flex;flex-direction: column;gap: 60px;} .points-info__top {display: flex;flex-direction: column;gap: 20px;} .points-info__top > b {font-family: TT Commons Pro Expanded;} .points-info__nav {display: flex;flex-wrap: wrap;gap: 20px 30px;} .points-info__nav a {font-weight: 600;line-height: 1;font-family: TT Commons Pro Expanded;} .points-info__item {display: flex;flex-direction: column;gap: 40px;max-width: 1130px;} .points-info__item .title .points-i-count {display: inline-block;position: relative;padding-right: 42px;} .points-info__item .title .points-i-count img {min-width: 40px;height: 40px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .points-info__item p {font-size: 22px;} .points-info__item p * {font-size: 22px;} .points-info__item img {max-width: 100%;} .points-info__item > img {margin-left: 68px;} .points-info__item .teg img {max-width: none;} .points-info__item__points-i {position: relative;top: 6px;} .points-info__item .ol-v1 {gap: 40px;} .points-info__item .ol-v1 li {gap: 30px;align-items: flex-start;flex-direction: column;} .points-info__item .popup-notification {display: flex;opacity: 1;position: initial;transform: none;} @media (max-width: 1439px) { .points-info__item p {font-size: 20px;} .points-info__item p * {font-size: 20px;} .points-info__item .title .points-i-count {padding-right: 34px;} .points-info__item .title .points-i-count img {min-width: 32px;height: 32px;} } @media (max-width: 767px) { .points-info__item p {font-size: 18px;} .points-info__item p * {font-size: 18px;} .points-info__item .ol-v1 li > img {position: relative;left: -68px;width: calc(100% + 68px);max-width: none;} .points-info__item .ol-v1 .popup-notification {position: relative;left: -68px;top: auto;} .points-info__item > img {margin-left: 0;} .points-info__item .title .points-i-count {padding-right: 30px;} .points-info__item .title .points-i-count img {min-width: 28px;height: 28px;} } /*----------------------------------------------------- */ /* user-points-v1 */ /*----------------------------------------------------- */ .user-points-v1 {display: flex;align-items: center;line-height: 1;font-weight: 600;font-family: TT Commons Pro Expanded;} .user-points-v1 * {line-height: 1;font-weight: 600;font-family: TT Commons Pro Expanded;} .user-points-v1 .points-i-count {font-size: 24px;margin: 0 30px 0 20px;} .user-points-v1 .points-i-count img {max-width: 38px;width: 38px;height: 38px;} .user-points-v1 a {color: #000 !important;border-bottom: 1px solid #000;width: fit-content;} @media (max-width: 1439px) { .user-points-v1 .points-i-count {font-size: 20px;} .user-points-v1 .points-i-count img {max-width: 32px;width: 32px;height: 32px;} } @media (max-width: 767px) { .user-points-v1 {flex-wrap: wrap;gap: 10px 0;} } /*----------------------------------------------------- */ /* certificate */ /*----------------------------------------------------- */ .certificate__wrap {margin-top: 60px;margin-bottom: 80px;display: flex;flex-direction: column;gap: 40px;} .certificate__top {display: flex;flex-direction: column;gap: 20px;} .certificate__item {background-color: var(--color-v7);padding: 40px;border-radius: 30px;display: flex;flex-direction: row;gap: 120px;position: relative;overflow: hidden;} .certificate__item-img {display: flex;align-items: center;justify-content: center;max-width: 433px;width: 100%;overflow: hidden;border-radius: 30px;height: fit-content;} .certificate__item-img img {width: 100%;} .certificate__item-form {display: flex;flex-direction: column;} .certificate__item-title {margin: 0 0 20px 0;font-size: 32px;line-height: 38px;font-weight: 600;font-family: 'TT Commons Pro Expanded';overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .certificate__item-description {margin: 0 0 40px 0;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;} .certificate__item-form .title {margin: 0 0 20px 0;font-weight: 500;} .certificate__item-form .teg__item {background-color: #fff;} .certificate__item-form input[type="radio"]:checked ~ .teg__item, .certificate__item-form .teg__item:hover {background-color: var(--color-v4);} .certificate__item-form [data-disabled] ~ .teg__item {background-color: #fff !important;color: #0000004d !important;} .certificate__item-total {margin-top: 20px;display: flex;gap: 20px;align-items: center;} .certificate__item-form .btn {margin-top: 40px;max-width: 240px;width: 100%;} .certificate__item-error {margin-top: 20px;color: var(--color-error-v1);} .certificate-popup__pay-wrap {max-width: 700px;} .certificate-popup__pay {display: flex;flex-direction: column;} .certificate-popup__pay .title {line-height: 1.3;} .certificate-popup__pay .title .points-i-count {display: inline-block;position: relative;padding-right: 40px;line-height: 1.3;} .certificate-popup__pay .title .points-i-count * {color: var(--color-v1);} .certificate-popup__pay .title .points-i-count img {width: 38px;height: 38px;max-width: 38px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .certificate-popup__pay-exchange {margin: 30px 0;gap: 5px;display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;} .certificate-popup__pay-um {padding: 20px 30px;background-color: var(--color-v6);border-radius: 30px;display: flex;flex-direction: column;gap: 10px;height: 100%;font-weight: 600;font-family: TT Commons Pro Expanded;} .certificate-popup__pay-um .points-i-count * {font-size: 22px;font-weight: 600;color: var(--color-v1);} .certificate-popup__pay-um .points-i-count img {width: 38px;height: 38px;max-width: 38px;} .certificate-popup__pay-arrow {} .certificate-popup__pay-denomination {padding: 20px 30px;background-color: var(--color-v6);border-radius: 30px;display: flex;flex-direction: column;gap: 10px;height: 100%;font-weight: 600;font-family: TT Commons Pro Expanded;} .certificate-popup__pay-price {font-size: 22px;color: var(--color-v3);font-weight: 700;} .certificate-popup__pay-denomination b {} .certificate-popup__pay .certificate__item-error {margin: 0 0 30px 0;} .certificate-popup__pay-description {} .certificate-popup__pay-check {margin-top: 10px;margin-bottom: 30px;display: flex;gap: 10px;align-items: center;} .certificate-popup__pay-check .points-i-count * {color: var(--color-v1);} .certificate-popup__pay-check .points-i-count img {width: 38px;height: 38px;max-width: 38px;} .certificate-popup__success-wrap {background: linear-gradient(99.56deg, #8E6BCA -2.43%, #8E6BCA 20.36%, #FFFFFF 177.93%);max-width: 800px;overflow: hidden;position: relative;} .certificate-popup__success {display: flex;flex-direction: column;align-items: center;text-align: center;position: relative;z-index: 1;} .certificate-popup__success * {color: #fff;} .certificate-popup__success-description {margin: 10px 0 30px 0;font-size: 22px;} .certificate-popup__success-description * {font-size: 22px;} .certificate-popup__success-denomination {display: flex;align-items: center;gap: 10px;} .certificate-popup__success-denomination .teg {height: 48px;border-radius: 25px;padding: 0 16px;font-size: 22px;font-weight: 600;} .certificate-popup__success-bg {position: absolute;right: 0;bottom: 0;} .certificate-popup__error-wrap {max-width: 560px;} .certificate-popup__error {display: flex;flex-direction: column;align-items: center;text-align: center;} .certificate-popup__error-description {margin: 30px 0 0 0;font-size: 22px;} @media (max-width: 1439px) { .certificate__wrap {margin-top: 40px;} .certificate__item {flex-direction: column;gap: 30px;padding: 30px;} .certificate__item-img {max-width: 287px;} .certificate__item-title {margin: 0 0 10px 0;font-size: 26px;line-height: 1.2;} .certificate__item-description {margin: 0 0 20px 0;} .certificate__item-form .teg__item {padding: 0 16px;} .certificate__item-form .btn {margin-top: 20px;max-width: 200px;} .certificate-popup__pay-wrap {max-width: 720px;} .certificate-popup__pay .title .points-i-count {padding-right: 32px;} .certificate-popup__pay .title .points-i-count img {width: 32px;height: 32px;max-width: 32px;} .certificate-popup__pay-um .points-i-count * {font-size: 18px;} .certificate-popup__pay-um .points-i-count img {width: 32px;height: 32px;max-width: 32px;} .certificate-popup__pay-price {font-size: 18px;} .certificate-popup__pay-check .points-i-count * {font-size: 18px;font-weight: 600;} .certificate-popup__pay-check .points-i-count img {width: 32px;height: 32px;max-width: 32px;} .certificate-popup__success-wrap {max-width: 560px;padding: 60px 40px 40px 40px;} .certificate-popup__success .title br {display: none;} .certificate-popup__success-description {margin: 20px 0;font-size: 20px;} .certificate-popup__success-description * {font-size: 20px;} .certificate-popup__success-denomination {font-size: 20px;} .certificate-popup__success-denomination .teg {height: 42px;font-size: 20px;} .certificate-popup__error-wrap {max-width: 560px;padding: 40px;} .certificate-popup__error-description {margin: 20px 0 0 0;font-size: 20px;} } @media (max-width: 767px) { .certificate__item {gap: 20px;padding: 20px;} .certificate__item-form .title {margin: 0 0 10px 0;font-size: 20px;} .certificate__item-form .btn {max-width: 100%;} .certificate-popup__pay-wrap {max-width: 327px;} .certificate-popup__pay .title {text-align: center;} .certificate-popup__pay-exchange {grid-template-columns: 1fr;margin: 20px 0;} .certificate-popup__pay-arrow {display: flex;justify-content: center;height: 24px;align-items: center;} .certificate-popup__pay-arrow svg {transform: rotate(90deg);} .certificate-popup__pay-um {align-items: center;text-align: center;} .certificate-popup__pay-denomination {align-items: center;text-align: center;} .certificate-popup__pay-description {text-align: center;} .certificate-popup__pay-check {text-align: center;justify-content: center;margin-bottom: 20px;} .certificate-popup__pay .btn {width: 100%;} .certificate-popup__success-wrap {max-width: 327px;padding: 46px 20px 20px 20px;} .certificate-popup__success-wrap .popup-v1__close {width: 16px;height: 16px;} .certificate-popup__success-bg {display: none;} .certificate-popup__error-wrap {max-width: 327px;padding: 46px 20px 20px 20px;} } /*----------------------------------------------------- */ /* certificate-banner */ /*----------------------------------------------------- */ .certificate-banner-v1 {background: linear-gradient(275.47deg, #09BBBB -3.58%, #0498A3 101.94%);padding: 60px;border-radius: 30px;} .certificate-banner-v1 * {color: #fff;} .certificate-banner-v1 .teg {width: fit-content;padding: 0 24px;height: 60px;border-radius: 30px;font-weight: 600;font-family: TT Commons Pro Expanded;} .certificate-banner-v1 .teg.v6 {margin: 10px 0 20px 0;font-size: 32px;} .certificate-banner-v1 .teg.v11 {font-size: 28px;} .certificate-banner-v1 .description {margin: 20px 0 60px 0;} .certificate-banner-v1__imgs {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 20px;margin-top: 50px;} .certificate-banner-v1__imgs img {max-width: 300px;} @media (max-width: 1439px) { .certificate-banner-v1 {padding: 30px;} .certificate-banner-v1 .teg {padding: 0 20px;height: 48px;} .certificate-banner-v1 .teg.v6, .certificate-banner-v1 .teg.v11 {font-size: 26px;} .certificate-banner-v1__imgs img {height: 20px;} } @media (max-width: 767px) { .certificate-banner-v1 {padding: 20px;} .certificate-banner-v1 .teg {height: 32px;width: 100%;padding: 0 10px;} .certificate-banner-v1 .teg.v6 {margin: 5px 0 20px 0;font-size: 16px;} .certificate-banner-v1 .teg.v11 {margin: 5px 0 20px 0;font-size: 16px;} .certificate-banner-v1 .description {margin: 20px 0;font-size: 16px;} .certificate-banner-v1__imgs {display: grid;grid-template-columns: repeat(2, 1fr);gap: 35px 20px;justify-items: center;margin-top: 20px;} .certificate-banner-v1__imgs img {height: 18px;} } .certificate-banner-v2 {background: linear-gradient(90deg, #8E6BCA -9.85%, #8E6BCA 4.53%, #FFFFFF 103.97%);padding: 60px;border-radius: 30px;position: relative;overflow: hidden;} .certificate-banner-v2 .title {color: #fff;} .certificate-banner-v2 ol {counter-reset: myCounter;margin-top: 40px;padding: 30px;background-color: #fff;position: relative;z-index: 1;border-radius: 30px;display: grid;grid-template-columns: repeat(4, 1fr);gap: 40px;} .certificate-banner-v2 li {padding-left: 76px;position: relative;} .certificate-banner-v2 li::before {counter-increment: myCounter;content: counter(myCounter);width: 56px;height: 56px;display: flex;align-items: center;justify-content: center;font-size: 22px;background-color: var(--color-v12);border-radius: 50%;color: #FFF;position: absolute;left: 0;top: 0;} .certificate-banner-v2 li a {font-weight: 600;font-family: TT Commons Pro Expanded;} .certificate-banner-v2__bg {position: absolute;right: 0;bottom: 0;} @media (max-width: 1439px) { .certificate-banner-v2 {padding: 30px;} .certificate-banner-v2 ol {grid-template-columns: 1fr;gap: 20px;} .certificate-banner-v2 li {padding-left: 68px;min-height: 48px;font-size: 18px;line-height: 1.4;} .certificate-banner-v2 li * {font-size: 18px;line-height: 1.4;} .certificate-banner-v2 li::before {width: 48px;height: 48px;font-size: 18px;} .certificate-banner-v2__bg {display: none;} } @media (max-width: 767px) { .certificate-banner-v2 {padding: 20px;} .certificate-banner-v2 ol {margin-top: 20px;padding: 20px;} .certificate-banner-v2 li {font-size: 16px;padding-left: 60px;} .certificate-banner-v2 li * {font-size: 16px;} .certificate-banner-v2 li::before {top: 50%;transform: translateY(-50%);} } /*----------------------------------------------------- */ /* faq */ /*----------------------------------------------------- */ .faq__wrap {display: flex;flex-direction: column;gap: 40px;} .faq__list {display: flex;flex-direction: column;gap: 20px;} .faq__item {background-color: var(--color-v6);border-radius: 30px;padding: 24px 30px 24px 30px;} .faq__item-title {font-size: 24px;font-weight: 500;font-family: TT Commons Pro Expanded;display: flex;gap: 20px;justify-content: space-between;align-items: flex-start;} .faq__item-btn {min-width: 48px;width: 48px;height: 48px;background-color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;background-image: url(/local/templates/.default/css/../img/static/chevron.svg);background-repeat: no-repeat;background-position: center;cursor: pointer;} .faq__item.active .faq__item-btn {transform: rotate(180deg);} .faq__item-content {display: none;padding: 30px 0 0 0;} .faq__item-content > * {margin: 10px 0;} .faq__item-content > *:first-child {margin-top: 0;} .faq__item-content > *:last-child {margin-bottom: 0;} @media (max-width: 1439px) { .faq__item-title {font-size: 22px;} .faq__item-btn {min-width: 42px;width: 42px;height: 42px;} } @media (max-width: 767px) { .faq__item {padding: 20px;} .faq__item-title {font-size: 20px;} } /*----------------------------------------------------- */ /* useful-materials */ /*----------------------------------------------------- */ .useful-materials__wrap {display: flex;flex-direction: column;gap: 40px;margin-top: 40px;} .useful-materials__list {display: grid;grid-template-columns: repeat(2, 1fr);gap: 40px 20px;} .useful-materials__item {background-color: var(--color-v6);border-radius: 30px;overflow: hidden;padding: 30px;display: flex;gap: 30px;align-items: flex-start;position: relative;} .useful-materials__item .btn-favorites {right: 30px;top: 30px;} .useful-materials__item-img {width: 118px;min-width: 118px;height: 166px;overflow: hidden;border-radius: 4px;position: relative;} .useful-materials__item-img img {width: 100%;height: 100%;object-fit: cover;transition-duration: 0.5s;} .useful-materials__item:hover .useful-materials__item-img img {transform: scale(1.15);} .useful-materials__item-right {display: flex;flex-direction: column;gap: 20px;} .useful-materials__item .teg__list {padding-right: 48px;} .useful-materials__item-title {padding-right: 38px;font-size: 24px;line-height: 29px;font-weight: 600;font-family: TT Commons Pro Expanded;max-height: 58px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .useful-materials__item-btns {display: flex;align-items: center;gap: 20px;} .useful-materials__item-download {display: flex;align-items: center;gap: 16px;flex-wrap: wrap;} .useful-materials__item-download p {font-size: 16px;} .useful-materials__item-download a {font-weight: 500;text-transform: uppercase;} .useful-materials__wrap .filter__wrap {margin-top: 0;} @media (max-width: 1439px) { .useful-materials__list {grid-template-columns: 1fr;gap: 20px;} .useful-materials__item {padding: 20px;} .useful-materials__item .btn-favorites {right: 20px;top: 20px;} .useful-materials__item-title {font-size: 22px;line-height: 1.2;} .useful-materials__item-img {width: 86px;min-width: 86px;height: 122px;} } @media (max-width: 767px) { .useful-materials__item-img {width: 118px;min-width: 118px;height: 166px;margin: 0 auto;} .useful-materials__item {gap: 20px;flex-direction: column;} .useful-materials__item .teg__list {padding-right: 0;} .useful-materials__item-btns {gap: 10px;flex-direction: column;} .useful-materials__item-btns .btn {width: 100%;} .useful-materials__item-download {gap: 6px 16px;margin-right: auto;} .useful-materials__item-title {padding-right: 0;} } /*----------------------------------------------------- */ /* useful-materials-detail */ /*----------------------------------------------------- */ .useful-materials-detail {display: grid;grid-template-columns: 440px 1fr;gap: 60px;align-items: start;} .useful-materials-detail__img {width: 100%;max-width: 100%;overflow: hidden;border-radius: 4px;display: flex;align-items: center;justify-content: center;object-fit: cover;} .useful-materials-detail__img img {width: 100%;height: 100%;object-fit: cover;} .useful-materials-detail__content {display: flex;flex-direction: column;gap: 40px;} .useful-materials-detail__info {display: flex;flex-direction: column;gap: 20px;} .useful-materials-detail__info li {display: flex;flex-wrap: wrap;gap: 10px 20px;} .useful-materials-detail__info span {color: var(--color-v11);} .useful-materials-detail__info b {font-family: TT Commons Pro Expanded;} @media (max-width: 1439px) { .useful-materials-detail {grid-template-columns: 192px 1fr;gap: 40px;} } @media (max-width: 767px) { .useful-materials-detail {grid-template-columns: 1fr;gap: 40px;} .useful-materials-detail__img {max-width: 192px;} .useful-materials-detail .useful-materials__item-btns {gap: 20px;} } /*----------------------------------------------------- */ /* onboarding */ /*----------------------------------------------------- */ .onboarding__wrap {position: fixed;left: 0;top: 0;width: 100%;height: 100vh;z-index: 999;overflow: hidden;background: #666666;} .onboarding__item {background: #666666;} .onboarding__item .container {position: relative;height: 100vh;} .onboarding__item-bg-v1 {position: absolute;z-index: 1;left: 40px;top: 0;width: calc(100% - 80px);height: 100%;overflow: hidden;} .onboarding__item-container {position: relative;z-index: 2;top: 110px;width: 100%;height: 520px;background-color: #fff;border-radius: 30px;padding: 40px;display: grid;grid-template-columns: 1fr auto;grid-template-rows: auto auto auto 1fr;grid-template-areas: "tit img" "des img" "nav img" "pag img" "ski img";gap: 20px 40px;} .onboarding__item-container .title {grid-area: tit;position: relative;line-height: 1.2;} .onboarding__item-container .title .points-i-count {display: inline-block;position: relative;padding-left: 42px;} .onboarding__item-container .title .points-i-count img {position: absolute;left: 0;top: 50%;transform: translateY(-50%);min-width: 40px;height: 40px;} .onboarding__item-container::after {content: '';display: block;height: 40px;width: 40px;position: absolute;z-index: 0;bottom: -14px;left: 50px;clip-path: polygon(0% 0%, 100% 100%, 0% 100%);transform: rotate(-45deg);border-radius: 0 0 0 8px;background-color: #fff;} .onboarding__item-description {grid-area: des;font-size: 22px;line-height: 1.4;} .onboarding__item-description *:not(.achievements__list *) {font-size: 22px;line-height: 1.4;} .onboarding__item-description .achievements__list {margin-top: 20px;} .onboarding__item-description .points-i-count {display: inline-block;position: relative;padding-left: 42px;font-weight: 450;} .onboarding__item-description .points-i-count img {position: absolute;left: 0;top: 50%;transform: translateY(-50%);min-width: 40px;height: 40px;} .onboarding__item-nav {grid-area: nav;display: flex;gap: 20px;} .onboarding__item-pagination {grid-area: pag;margin-top: auto;display: flex;gap: 10px;} .onboarding__item-pagination span {width: 92px;height: 4px;border-radius: 2px;background-color: var(--color-v1);opacity: 1;margin: 0 !important;cursor: pointer;} .onboarding__item-pagination span.active ~ span {background-color: var(--color-v6);} .onboarding__item-skip {grid-area: ski;line-height: 1;border-bottom: 1px solid;width: fit-content;cursor: pointer;} .onboarding__item-img {grid-area: img;display: flex;} .onboarding__item-img img {width: 100%;object-fit: contain;} .onboarding__item.step-0 .onboarding__item-container {padding-right: 378px;grid-template-columns: 1fr;grid-template-areas: "tit" "des" "nav" "pag" "ski";} .onboarding__item.step-0 .onboarding__item-img {grid-area: auto;position: absolute;z-index: -1;right: 0;bottom: 0;height: 100%;width: 100%;align-items: flex-end;justify-content: flex-end;border-radius: 30px;overflow: hidden;} .onboarding__item.step-1 .onboarding__item-container {grid-template-columns: 1fr 658px;padding-right: 33px;} .onboarding__item.step-2 .onboarding__item-container {grid-template-columns: 1fr;grid-template-areas: "tit" "des" "nav" "pag" "ski";width: 570px;height: 580px;top: 50%;transform: translateY(-50%);box-shadow: 0px 4px 20px rgb(102 102 102);} .onboarding__item.step-2 .onboarding__item-container::after {left: auto;right: -14px;top: 50%;transform: translateY(-50%) rotate(225deg);} .onboarding__item.step-2 .onboarding__item-bg-v1 img {width: 100%;} .onboarding__item.step-2.swiper-slide-active .onboarding__item-bg-v1 {opacity: 0;animation: slideShow 9s infinite;} .onboarding__item.step-2.swiper-slide-active .onboarding__item-bg-v1:nth-child(1) { animation-delay: 0s; } .onboarding__item.step-2.swiper-slide-active .onboarding__item-bg-v1:nth-child(2) { animation-delay: 3s; } .onboarding__item.step-2.swiper-slide-active .onboarding__item-bg-v1:nth-child(3) { animation-delay: 6s; } @keyframes slideShow { 0% { opacity: 0; } 10% { opacity: 1; } 30% { opacity: 1; } 40% { opacity: 0; } 100% { opacity: 0; } } .onboarding__item.step-2 .onboarding__item-img {position: absolute;right: 0;top: 0;z-index: 1;opacity: 0;} .onboarding__item.step-2.swiper-slide-active .onboarding__item-img {animation: extraSlideShow 9s infinite;} @keyframes extraSlideShow { 0%, 65% { opacity: 0; } /* Скрыта до 3-го слайда */ 70%, 95% { opacity: 1; } /* Показывается на 3-м слайде */ 100% { opacity: 0; } } .onboarding__item.step-3 .onboarding__item-container {grid-template-columns: 680px 1fr;overflow: hidden;} .onboarding__item.step-3 .onboarding__item-img {margin: auto 0;} .onboarding__item.step-4 .onboarding__item-container {grid-template-columns: 680px 1fr;overflow: hidden;} .onboarding__item.step-4 .onboarding__item-img {margin-bottom: -40px;} @media (max-width: 1439px) { .onboarding__item-container {border-radius: 20px;top: 104px;min-height: 740px;height: auto;grid-template-columns: 1fr;grid-template-areas: "tit" "des" "nav" "img" "pag" "ski";} .onboarding__item-container .title .points-i-count {padding-left: 34px;} .onboarding__item-container .title .points-i-count img {min-width: 32px;height: 32px;} .onboarding__item-bg-v1 {left: 24px;width: calc(100% - 48px);} .onboarding__item-description, .onboarding__item-description *:not(.achievements__list *) {font-size: 20px;} .onboarding__item-description .points-i-count {padding-left: 34px;} .onboarding__item-description .points-i-count img {min-width: 32px;height: 32px;} .onboarding__item-pagination span {width: 80px;} .onboarding__item-img {align-items: flex-start;} .onboarding__item.step-0 .onboarding__item-container {padding: 40px;} .onboarding__item.step-1 .onboarding__item-container {grid-template-columns: 1fr;padding: 40px;} .onboarding__item.step-2 .onboarding__item-container {width: 100%;min-height: auto;height: auto;top: 24px;transform: none;} .onboarding__item.step-2 .onboarding__item-container::after {top: auto;left: 50%;transform: translateX(-50%) rotate(-45deg);} .onboarding__item.step-2 .onboarding__item-img {display: none;} .onboarding__item.step-3 .onboarding__item-container {grid-template-columns: 1fr;} .onboarding__item.step-3 .onboarding__item-img {max-width: 400px;margin: 0 auto;} .onboarding__item.step-4 .onboarding__item-container {grid-template-columns: 1fr;} .onboarding__item.step-4 .onboarding__item-img {margin: 0;} } @media (max-width: 767px) { .onboarding__item-container {top: 20px;min-height: auto;height: auto;padding: 20px;} .onboarding__item-container .title .points-i-count {padding-left: 30px;} .onboarding__item-container .title .points-i-count img {min-width: 28px;height: 28px;} .onboarding__item-description, .onboarding__item-description *:not(.achievements__list *) {font-size: 16px;} .onboarding__item-description .achievements__list {display: none;} .onboarding__item-description .points-i-count {padding-left: 30px;} .onboarding__item-description .points-i-count img {min-width: 28px;height: 28px;} .onboarding__item-pagination span {width: 40px;} .onboarding__item-container::after {height: 20px;width: 20px;bottom: -8px;} .onboarding__item-nav {display: grid;grid-template-columns: 1fr 1fr;gap: 10px;} .onboarding__item-nav .btn {width: 100%;} .onboarding__item.step-0 .onboarding__item-nav {grid-template-columns: 1fr;} .onboarding__item.step-0 .onboarding__item-container {padding: 20px;} .onboarding__item.step-0 .onboarding__item-img {display: none;} .onboarding__item.step-1 .onboarding__item-container {padding: 20px;} .onboarding__item.step-1 .onboarding__item-img {display: none;} .onboarding__item.step-2 .onboarding__item-container {top: 20px;} } /*----------------------------------------------------- */ /* footer */ /*----------------------------------------------------- */ .footer {width: 100%;max-width: 100%;background-color: var(--color-v6);} .footer__container {padding-top: 60px;padding-bottom: 60px;display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 40px 60px;grid-template-areas: "nv1 nv2 con" "bot bot bot";margin-top: 80px;} .footer__nav-list {display: flex;flex-direction: column;gap: 16px;} .footer__nav-list.v1 {grid-area: nv1;} .footer__nav-list.v2 {grid-area: nv2;} .footer__nav-item {line-height: 1;width: fit-content;border-bottom: 1px solid #fff0;} .footer__nav-item.v1 {font-weight: 600;line-height: 1.5;} a.footer__nav-item:not(.v1):hover {border-bottom: 1px solid #000;} .footer__contacts {grid-area: con;display: grid;grid-template-columns: 1fr;grid-template-areas: "ema" "tel" "soc";gap: 10px;justify-items: end;} .footer__contacts-email {grid-area: ema;font-size: 26px;line-height: 1.2;font-weight: 600;font-family: 'TT Commons Pro Expanded';} .footer__contacts-tel {grid-area: tel;font-size: 26px;line-height: 1.2;font-family: 'TT Commons Pro Expanded';} .footer__contacts .soc__list {grid-area: soc;margin-top: 30px;} .footer__bottom {grid-area: bot;display: flex;align-items: center;gap: 10px;justify-content: space-between;} .footer__bottom * {line-height: 1;} .indexis a {font-size: 16px;font-weight: 600;} .indexis a * {font-size: 16px;font-weight: 600;} .indexis a:hover span {color: #20dc7d;} @media (max-width: 1439px) { .footer__container {padding-top: 40px;padding-bottom: 40px;grid-template-columns: 1fr;grid-template-areas: "nv1" "nv2" "con" "bot";grid-gap: 40px;} .footer__nav-list.v1 {gap: 10px;} .footer__nav-item.v1 {font-weight: 600;} .footer__contacts {grid-template-columns: 1fr auto;grid-template-areas: "ema soc" "tel soc";justify-items: start;gap: 10px 40px;} .footer__contacts-email, .footer__contacts-tel {font-size: 22px;} .footer__contacts .soc__list {margin-top: 0;margin-bottom: auto;} } @media (max-width: 767px) { .footer__contacts {grid-template-columns: 1fr;grid-template-areas: "ema" "tel" "soc";} .footer__contacts-email, .footer__contacts-tel {font-size: 20px;} .footer__contacts .soc__list {margin-top: 30px;} .footer__bottom {gap: 16px;flex-direction: column;align-items: flex-start;} } /*----------------------------------------------------- */ /* popup-nika */ /*----------------------------------------------------- */ .popup-nika {display: none;width: 100%;height: 100%;padding: 0;background-color: #fff0;} .popup-nika__container {width: 100%;height: 100%;display: flex;position: relative;flex-direction: column;align-items: flex-end;padding-top: 100px;padding-right: 50px;} .popup-nika__close {position: absolute;right: 50px;top: 100px;background-color: #FFF;border-radius: 50%;width: 32px;height: 32px;display: flex;justify-content: center;align-items: center;cursor: pointer;} .popup-nika__close svg {width: 12px;height: 12px;} .popup-nika__img {margin-top: 18px;margin-right: 10px;display: flex;align-items: center;justify-content: center;overflow: hidden;border-radius: 0 0px 80px 140px;} .popup-nika__img img {width: 100%;} .popup-nika__message {position: absolute;max-width: 300px;background-color: #FFF;padding: 6px 20px;border-radius: 50px;font-size: 16px;line-height: 19px;text-align: center;top: 100px;right: 245px;} .popup-nika__message i {font-size: 16px;color: var(--color-v2);} .popup-nika__message::after {content: '';border: 10px solid transparent;border-right: 9px solid #FFF;border-top: 11px solid #FFF;position: absolute;bottom: -14px;right: 40px;transform: rotate(349deg);} .popup-nika .btn {position: absolute;right: 312px;top: 226px;} .popup-nika .fancybox-close-small {display: none;} @media (max-width: 1439px) { .popup-nika__close {right: 24px;} .popup-nika__container {padding-right: 24px;} .popup-nika .btn {right: 290px;top: 240px;} .popup-nika__message {right: 210px;} } @media (max-width: 767px) { .popup-nika__img {margin: 0;border-radius: 0 0px 50px 100px;} .popup-nika__img img {max-width: 180px;} .popup-nika__container {padding-top: 74px;} .popup-nika__close {top: 54px;} .popup-nika__message {max-width: 220px;top: 54px;right: 130px;font-size: 13px;line-height: 16px;padding: 6px 10px;} .popup-nika__message i {font-size: 13px;line-height: 16px;} .popup-nika .btn {right: 189px;top: 136px;} } /*----------------------------------------------------- */ /* popup-confirmation */ /*----------------------------------------------------- */ .popup-confirmation {background: none;padding: 0;width: 100%;height: 100%;} .popup-confirmation__container {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;padding-right: 18px;} .popup-confirmation__info {background-color: #FFF;padding: 40px;display: flex;align-items: center;max-width: 600px;width: 100%;border-radius: 30px;transition-duration: 0.5s;font-size: 22px;font-weight: 600;flex-direction: column;text-align: center;gap: 20px;} .popup-confirmation .fancybox-close-small {display: none;} @media (max-width: 767px) { .popup-confirmation__info {max-width: 327px;} } /*----------------------------------------------------- */ /* popup */ /*----------------------------------------------------- */ .popup {display: none;width: 100%;max-width: 1030px;height: 100%;top: 0;left: auto;right: 0;position: absolute;background-color: #FFF;border-radius: 30px 0 0 30px;padding: 100px 70px 100px 80px;overflow: hidden;} .popup__close {margin-left: auto;display: flex;align-items: center;justify-content: center;cursor: pointer;position: absolute;right: 40px;top: 40px;} .popup__container {width: 100%;height: 100%;display: flex;flex-direction: column;gap: 40px;overflow: auto;padding-right: 10px;} .popup__container > .block-v1 {margin-top: 40px;} .popup .fancybox-close-small {display: none;} .popup .search-form-v1__list {max-height: calc(100vh - 480px);overflow: auto;} .popup__nav-list {display: flex;flex-direction: column;gap: 16px;} .popup__nav-item {font-size: 22px;line-height: 31px;font-weight: 600;} .popup__contacts-list {display: flex;flex-direction: column;gap: 22px;} .popup__contacts-item {font-size: 24px;line-height: 29px;font-weight: 600;font-family: TT Commons Pro Expanded;} @media (max-width: 1439px) { .popup {max-width: 768px;right: auto;left: 50%;transform: translateX(-50%);border-radius: 30px;padding: 80px 60px;} .popup__close {width: 24px;height: 24px;} .popup__container > .block-v1 {margin-top: 20px;} .popup .search-form-v1__list {max-height: calc(100vh - 420px);} } @media (max-width: 767px) { .popup {max-width: 375px;border-radius: 20px;padding: 60px 24px 40px 24px;} .popup__close {right: 20px;top: 20px;} .popup .search-form-v1__list {max-height: calc(100vh - 360px);} .popup__nav-item {font-size: 20px;line-height: 28px;} .popup__contacts-item {font-size: 20px;line-height: 24px;} .popup__container .form .btn, .popup__container .block-v1 .btn {width: 100%;} } /*----------------------------------------------------- */ /* popup-notification */ /*----------------------------------------------------- */ .popup-notification {opacity: 0;box-shadow: 0px 4px 20px var(--box-shadow);position: fixed;top: 110px;left: 50%;transform: translateX(-50%);background-color: var(--color-v6);z-index: 4;padding: 20px 40px;display: flex;align-items: center;justify-content: center;max-width: 600px;width: max-content;border-radius: 30px;transition-duration: 0.5s;font-size: 22px;font-weight: 600;} .popup-notification__studied {display: flex;align-items: center;gap: 40px;font-size: 22px;font-weight: 600;} .popup-notification.active {opacity: 1;} @media (max-width: 1439px) { .popup-notification {top: 104px;} .popup-notification__studied {font-size: 20px;} } @media (max-width: 767px) { .popup-notification {top: 90px;padding: 16px 24px;max-width: 327px;} .popup-notification__studied {gap: 10px;} } /*----------------------------------------------------- */ /* popup-important */ /*----------------------------------------------------- */ .popup-important {opacity: 0;box-shadow: 0px 4px 20px var(--box-shadow);position: fixed;top: 110px;left: 50%;transform: translateX(-50%);background: linear-gradient(266.68deg, #D8CEEA -73.4%, #FFFFFF 122.15%);z-index: 4;padding: 30px 30px 30px 138px;display: flex;align-items: center;justify-content: center;max-width: 720px;width: max-content;border-radius: 30px;transition-duration: 0.5s;font-size: 22px;font-weight: 500;} .popup-important::before {content: '';display: flex;width: 48px;min-width: 48px;height: 48px;border-radius: 50%;background-image: url(/local/templates/.default/css/../img/static/important.svg);background-size: auto;background-repeat: no-repeat;background-position: center;background-color: var(--color-v3);position: absolute;left: 30px;top: 30px;} .popup-important.active {opacity: 1;} @media (max-width: 1439px) { .popup-important {top: 104px;font-size: 20px;} } @media (max-width: 767px) { .popup-important {top: 90px;padding: 16px 24px 16px 90px;max-width: 327px;} .popup-important::before {width: 42px;min-width: 42px;height: 42px;left: 24px;top: 16px;} } /*----------------------------------------------------- */ /* registration-event */ /*----------------------------------------------------- */ .registration-event {max-width: 900px;margin: 100px auto 160px auto;display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;} .registration-event__logo {max-width: 360px;margin: 0 auto 60px auto;display: flex;align-items: center;justify-content: center;grid-area: auto / 1 / auto / 3;} .registration-event__top {grid-area: auto / 1 / auto / 3;display: flex;flex-direction: column;gap: 10px;max-width: 502px;margin: 0 auto 20px auto;} .registration-event__top * {text-align: center;} .registration-event__full-width {grid-area: auto / 1 / auto / 3;} .registration-event > .title {text-align: center;} .registration-event > .btn {margin: 0 auto;} .registration-event__error {grid-area: auto / 1 / auto / 3;text-align: center;color: var(--color-error-v1);display: none;} .registration-event__error * {color: var(--color-error-v1) !important;} .registration-event__error.error {display: block;} .registration-event__error a {font-weight: 600;} .registration-event__success {grid-area: auto / 1 / auto / 3;display: flex;flex-direction: column;align-items: center;text-align: center;gap: 20px;} @media (max-width: 767px) { .registration-event {max-width: 100%;margin: 40px auto 80px auto;grid-template-columns: 1fr;} .registration-event__logo {max-width: 240px;margin: 0 auto 10px auto;grid-area: auto;} .registration-event__logo img {max-width: 100%;} .registration-event__top {grid-area: auto;} .registration-event__full-width {grid-area: auto;} .registration-event > .title br {display: none;} .registration-event > .btn {width: 100%;} .registration-event__error, .registration-event__success {grid-area: auto;} .registration-event__success br {display: none;} } /*----------------------------------------------------- */ /* widgets */ /*----------------------------------------------------- */ .widgets__wrap {position: fixed;bottom: 40px;right: 40px;z-index: 3;} /* .widgets__list {display: none;padding-bottom: 24px;} */ .widgets__list {display: flex;flex-direction: column;align-items: flex-end;gap: 10px;} .widgets__item {transition-duration: 0.5s;width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;background-color: var(--color-v1);border-radius: 24px;cursor: pointer;overflow: hidden;} .widgets__item svg {opacity: 1;position: absolute;right: 12px;} .widgets__item span {color: #fff;white-space: nowrap;opacity: 0;} .widgets__item:hover {width: 100%;max-width: fit-content;padding: 0 24px;} .widgets__item:hover svg {opacity: 0;} .widgets__item:hover span {opacity: 1;} .widgets__btn {width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;background-color: var(--color-v1);border-radius: 24px;cursor: pointer;color: #fff;position: absolute;bottom: 0px;right: 0px;z-index: 1;} .widgets__btn span {background-color: #fff;position: absolute;transition: .5s cubic-bezier(0.8, 0.5, 0.2, 1.4);width: 24px;height: 2px;transition-duration: 500ms;border-radius: 2px;left: 12px;} .widgets__btn span:nth-child(1) {top: 16px;} .widgets__btn span:nth-child(2) {top: 24px;} .widgets__btn span:nth-child(3) {top: 32px;} .widgets__wrap.active .widgets__btn span:nth-child(1) {transform: rotate(-45deg);top: 24px;} .widgets__wrap.active .widgets__btn span:nth-child(2) {opacity: 0} .widgets__wrap.active .widgets__btn span:nth-child(3) {transform: rotate(45deg);top: 24px;} @media (max-width: 1439px) { .widgets__wrap {bottom: 20px;right: 20px;padding-bottom: 21px;} .widgets__list {padding-bottom: 21px;} .widgets__btn, .widgets__item {width: 42px;height: 42px;} .widgets__item svg {max-width: 18px;} .widgets__item:hover {padding: 0 20px;} .widgets__btn span {width: 18px;left: 12px;} .widgets__btn span:nth-child(1) {top: 15px;} .widgets__btn span:nth-child(2) {top: 21px;} .widgets__btn span:nth-child(3) {top: 27px;} .widgets__wrap.active .widgets__btn span:nth-child(1), .widgets__wrap.active .widgets__btn span:nth-child(3) {top: 21px;} } /*----------------------------------------------------- */ /* cookie */ /*----------------------------------------------------- */ .cookie__wrap {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 100;display: flex;align-items: center;justify-content: center;padding-left: 24px;padding-right: 24px;opacity: 0;transition-duration: 0.5s;} .cookie__wrap.active {opacity: 1;} .cookie__wrap::after {content: '';background: #1e1e1e;opacity: .9;position: fixed;width: 100%;height: 100%;z-index: 100;} .cookie {position: relative;z-index: 101;max-width: 720px;background-color: var(--color-v6);border-radius: 30px;overflow: hidden;} .cookie__header {display: flex;align-items: center;padding: 20px;justify-content: flex-end;} .cookie__main {padding: 20px 40px 40px 40px;background: linear-gradient(266.68deg, #80D6DC -73.4%, #FFFFFF 122.15%);display: flex;flex-direction: column;gap: 20px;} .cookie__main > p {font-size: 14px;} .cookie__main > p * {font-size: 14px;} .cookie__main > p a {text-decoration: underline;} .cookie__checkboxs {display: grid;grid-template-columns: repeat(2, 1fr);gap: 13px;} .cookie__footer {display: flex;align-items: center;padding: 20px 40px;gap: 10px;flex-wrap: wrap;} .cookie__footer > *:nth-child(3), .cookie__footer > *:nth-child(4) {margin-left: auto;} @media (max-width: 767px) { .cookie__main {padding: 20px;gap: 10px;max-height: calc(100vh - 300px);overflow: auto;} .cookie__checkboxs {grid-template-columns: 1fr;gap: 10px;} .cookie__footer {padding: 20px;} .cookie__footer .btn {width: 100%;} } /*----------------------------------------------------- */ /* @media (max-width: 1439px) and (min-width: 1280px) {} */ /*----------------------------------------------------- */ @media (max-width: 1439px) and (min-width: 1200px) { /*----------------------------------------------------- */ /* * */ /*----------------------------------------------------- */ .top__nav .teg__item {height: 48px;font-size: 18px;} .top__nav .teg__list.v1 .teg__item {height: 38px;} .top__filter .teg__item {height: 48px;font-size: 18px;} .top__filter .teg__list.v1 .teg__item {height: 38px;} } /* End */ /* Start:/local/templates/provisium/styles.css?17350459503*/  /* End */ /* /local/templates/.default/css/jquery.fancybox.min.css?173504595012929 */ /* /local/templates/.default/css/swiper-bundle.min.css?173504595018447 */ /* /local/templates/.default/css/intlTelInput.css?173504595026664 */ /* /local/templates/.default/css/main.css?1751466220171405 */ /* /local/templates/provisium/styles.css?17350459503 */