/* Start:/local/templates/.default/css/jquery.fancybox.min.css?178634928512929*/ @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?178634928518447*/ /** * 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?178634928526664*/ .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?1794390132210992*/ /*----------------------------------------------------- */ /* 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.v12 { height: 38px; padding: 0 20px; background-color: var(--color-v1); color: #fff; } .btn.v12:hover { background-color: var(--color-v2); } .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; } /*----------------------------------------------------- */ /* list-available */ /*----------------------------------------------------- */ .list-available { display: grid; gap: 6px 10px; grid-template-columns: repeat(6, auto); justify-items: center; text-align: center; align-items: center; overflow: auto; } .list-available>* { min-width: 100px; } .list-available>.btn { min-width: auto; } .list-available:not(.v1, .v2)>*:nth-child(5), .list-available:not(.v1, .v2)>*:nth-child(6) { line-height: 1; } .list-available:not(.v1, .v2)>*:nth-child(6n + 1) { text-align: left; width: 100%; } .list-available:is(.v1)>*:nth-child(5) { line-height: 1; } .list-available:is(.v1)>*:nth-child(5n + 1) { text-align: left; width: 100%; } .list-available:is(.v2)>*:nth-child(4n + 1) { text-align: left; width: 100%; } .list-available.v1 { grid-template-columns: repeat(5, auto); } .list-available.v2 { grid-template-columns: repeat(4, auto); } /*----------------------------------------------------- */ /* limits */ /*----------------------------------------------------- */ .limits__wrap { width: 100%; display: flex; flex-direction: column; gap: 10px; } .limits__top { display: flex; align-items: center; justify-content: space-between; } .limits__tabs { display: flex; align-items: center; gap: 20px; } .limits__tabs>* { line-height: 1; padding-bottom: 9px; position: relative; width: fit-content; cursor: pointer; } .limits__tabs>*:after { content: ''; opacity: 0; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background-color: var(--color-v1); border-radius: 2px; } .limits__tabs>*.active:after { opacity: 1; } .limits__list { margin: 10px 0; display: flex; flex-direction: column; } .limits__item { display: grid; grid-template-columns: 260px 1fr; justify-content: space-between; gap: 20px; align-items: center; } .limits__item-title {} .limits__item-val { display: flex; align-items: center; justify-content: space-between; gap: 10px; } .limits__item-val.v1 .limits__item-scale span { background-color: var(--color-v3) } .limits__item-val.v1 .text-color-v1 { color: var(--color-v3); width: 100%; } .limits__item-scale { width: calc(100% - 90px); height: 6px; border-radius: 3px; background-color: var(--color-v9); } .limits__item-scale>* { display: block; height: 100%; width: 0; background-color: var(--color-v2); border-radius: 3px; } .confirmation__list { display: flex; flex-direction: column; gap: 10px; } .confirmation__item { padding: 20px; background-color: #fff; border-radius: 20px; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; } .confirmation__item-btn { display: flex; align-items: center; cursor: pointer; color: var(--color-v1); font-weight: 600; } .confirmation__item-info { width: 100%; display: grid; grid-template-columns: 1fr repeat(3, auto); gap: 5px 20px; } .confirmation__item-info>* { font-size: 16px; } .confirmation__item-info>*:nth-child(4n + 1) { font-size: 18px; } @media (max-width: 767px) { .limits__top { gap: 20px; align-items: flex-start; flex-direction: column; } .limits__item { grid-template-columns: 1fr; gap: 0; } .confirmation__item { gap: 0; } .confirmation__item-info { grid-template-columns: repeat(3, auto); gap: 0px 5px; } .confirmation__item-info>*:nth-child(4n + 1) { grid-column: 1 / 4; font-size: 18px; margin-top: 20px; } .confirmation__item-info>* { font-size: 14px; } } /*----------------------------------------------------- */ /* 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; } } /*----------------------------------------------------- */ /* sms-popup */ /*----------------------------------------------------- */ .sms-popup { width: 100%; display: flex; flex-direction: column; gap: 20px; align-items: center; text-align: center; } .sms-popup__description {} .sms-popup__errors { color: var(--color-error-v1); } /*----------------------------------------------------- */ /* sms-code */ /*----------------------------------------------------- */ .sms-code { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; } .sms-code__list { display: flex; align-items: center; gap: 10px; } .sms-code__item { height: 48px; border-radius: 14px; padding: 0 12px; border: 2px solid var(--color-v9); width: 48px; transition-duration: 0.5s; text-align: center; } .sms-code__item:hover { border-color: var(--color-v4); } .sms-code__timer {} .sms-code__resend { color: var(--color-v1); font-weight: 600; cursor: pointer; } .sms-code__resend[disabled] { opacity: 0.5; } /*----------------------------------------------------- */ /* 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__description a { word-break: break-word; } .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-option .custom__checkbox { margin: 0 10px 0 20px; } .test__item-option .custom__checkbox .checker { min-width: 20px; width: 20px; height: 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); } input:checked~.test__item-option .custom__checkbox .checker { 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; } } /*----------------------------------------------------- */ /* test */ /*----------------------------------------------------- */ .polls__item.start .test__item-img { max-width: 400px; } .polls__item .test__item-option .form__label { width: 100%; } /*----------------------------------------------------- */ /* 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 { max-width: 240px; width: 100%; } .certificate__item-error { margin-top: 20px; color: var(--color-error-v1); } .certificate__item-actions { display: flex; gap: 40px; align-items: center; margin-top: 40px; } .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 { max-width: 200px; } .certificate__item-actions { gap: 20px; margin-top: 20px; } .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__item-actions { gap: 8px; flex-direction: column; } .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; } .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__item { position: fixed; bottom: 0; right: 0; z-index: 10; opacity: 0; transition-duration: 0.5s; } .popup-nika__item.active { opacity: 1; } .popup-nika__item-bg { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: #1e1e1e; opacity: 0.9; z-index: -1; } .popup-nika__item-bg-min { position: relative; right: 0; bottom: 0; width: 600px; height: 600px; background: radial-gradient(circle at top right, rgb(9 187 187) 8%, rgb(9 187 187 / 80%) 16%, rgb(9 187 187 / 40%) 35%, rgb(9 187 187 / 0%) 70%); border-radius: 0 0 0 600px; transform: rotate(90deg); } .popup-nika__item .btn__close { position: absolute; bottom: 330px; right: 20px; z-index: 1; } .popup-nika__item-img { position: absolute; bottom: 0; right: 0; display: flex; align-items: center; justify-content: center; width: 270px; height: 312px; } .popup-nika__item-img img { width: 100%; } .popup-nika__item-content { position: absolute; right: 180px; bottom: 260px; max-width: 400px; width: max-content; background-color: #FFF; padding: 6px 20px; border-radius: 50px; text-align: center; } .popup-nika__item-content: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__item>.btn { position: absolute; bottom: 152px; right: 260px; width: max-content; } @media (max-width: 1439px) { .popup-nika__item-img { width: 200px; height: 232px; } .popup-nika__item>.btn { bottom: 120px; right: 190px; } .popup-nika__item-content { max-width: 300px; border-radius: 30px; right: 120px; bottom: 200px; } .popup-nika__item .btn__close { bottom: 240px; right: 15px; } .popup-nika__item-bg-min { width: 400px; height: 400px; } } @media (max-width: 767px) { .popup-nika__item-img { width: 180px; height: 209px; right: -30px; bottom: -40px; } .popup-nika__item>.btn { bottom: 70px; right: 140px; } .popup-nika__item-content { max-width: 250px; border-radius: 30px; right: 75px; bottom: 140px; } .popup-nika__item-content .cookie-min__description { font-size: 14px; } .popup-nika__item-content .cookie-min__description button { font-size: 13px; } .popup-nika__item .btn__close { bottom: 200px; right: 20px; } .popup-nika__item-bg-min { width: 375px; height: 375px; } } /*----------------------------------------------------- */ /* 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__item[data-scroll-up-btn] { display: none; position: relative; max-width: 48px; transform: none; transition-duration: inherit; } .widgets__item[data-scroll-up-btn] svg { top: 50%; transform: translateY(-50%); } .widgets__item[data-scroll-up-btn]:hover svg { 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-min__description button { display: inline-block; border: none; background: none; color: var(--color-v1); transition-duration: 0.5s; cursor: pointer; } .cookie-min__description button:hover { color: var(--color-v2); } .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?17863492853*/  /* End */ /* /local/templates/.default/css/jquery.fancybox.min.css?178634928512929 */ /* /local/templates/.default/css/swiper-bundle.min.css?178634928518447 */ /* /local/templates/.default/css/intlTelInput.css?178634928526664 */ /* /local/templates/.default/css/main.css?1794390132210992 */ /* /local/templates/provisium/styles.css?17863492853 */