/* Start:/local/templates/lawyer/libs/fancybox/jquery.fancybox.min.css?174837771312795*/ 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/lawyer/libs/swiper/swiper-bundle.min.css?174837771315563*/ /** * Swiper 7.3.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 18, 2021 */ @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}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.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-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.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,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.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-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-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.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: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:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.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-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;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: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:10px;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-progressbar{background: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: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:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);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}.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%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.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,.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-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.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-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-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-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/lawyer/libs/Selectric/public/selectric.css?17483777134299*/ /*====================================== Selectric v1.13.0 ======================================*/ .selectric-wrapper { position: relative; cursor: pointer; } .selectric-responsive { width: 100%; } .selectric { border: 1px solid #DDD; border-radius: 0px; background: #F8F8F8; position: relative; overflow: hidden; } .selectric .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 38px 0 10px; font-size: 12px; line-height: 38px; color: #444; height: 38px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric .button { display: block; position: absolute; right: 0; top: 0; width: 38px; height: 38px; line-height: 38px; background-color: #F8f8f8; color: #BBB; text-align: center; font: 0/0 a; *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial; } .selectric .button:after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 0; height: 0; border: 4px solid transparent; border-top-color: #BBB; border-bottom: none; } .selectric-focus .selectric { border-color: #aaaaaa; } .selectric-hover .selectric { border-color: #c4c4c4; } .selectric-hover .selectric .button { color: #a2a2a2; } .selectric-hover .selectric .button:after { border-top-color: #a2a2a2; } .selectric-open { z-index: 9999; } .selectric-open .selectric { border-color: #c4c4c4; } .selectric-open .selectric-items { display: block; } .selectric-disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; } .selectric-hide-select select { position: absolute; left: -100%; } .selectric-hide-select.selectric-is-native { position: absolute; width: 100%; height: 100%; z-index: 10; } .selectric-hide-select.selectric-is-native select { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; box-sizing: border-box; opacity: 0; } .selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; *font: 0/0 a !important; background: none !important; } .selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important; } /* Items box */ .selectric-items { display: none; position: absolute; top: 100%; left: 0; background: #F8F8F8; border: 1px solid #c4c4c4; z-index: -1; box-shadow: 0 0 10px -6px; } .selectric-items .selectric-scroll { height: 100%; overflow: auto; } .selectric-above .selectric-items { top: auto; bottom: 100%; } .selectric-items ul, .selectric-items li { list-style: none; padding: 0; margin: 0; font-size: 12px; line-height: 20px; min-height: 20px; } .selectric-items li { display: block; padding: 10px; color: #666; cursor: pointer; } .selectric-items li.selected { background: #E0E0E0; color: #444; } .selectric-items li.highlighted { background: #D0D0D0; color: #444; } .selectric-items li:hover { background: #D5D5D5; color: #444; } .selectric-items .disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default !important; background: none !important; color: #666 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-items .selectric-group .selectric-group-label { font-weight: bold; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; color: #444; } .selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1; } .selectric-items .selectric-group li { padding-left: 25px; } /* End */ /* Start:/local/templates/lawyer/libs/simplebar/simplebar.min.css?17483777134309*/ [data-simplebar] { position: relative; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; } .simplebar-wrapper { overflow: hidden; width: inherit; height: inherit; max-width: inherit; max-height: inherit; } .simplebar-mask { direction: inherit; position: absolute; overflow: hidden; padding: 0; margin: 0; left: 0; top: 0; bottom: 0; right: 0; width: auto !important; height: auto !important; z-index: 0; } .simplebar-offset { direction: inherit !important; box-sizing: inherit !important; resize: none !important; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; -webkit-overflow-scrolling: touch; } .simplebar-content-wrapper { direction: inherit; box-sizing: border-box !important; position: relative; display: block; height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */ width: auto; max-width: 100%; /* Not required for horizontal scroll to trigger */ max-height: 100%; /* Needed for vertical scroll to trigger */ scrollbar-width: none; -ms-overflow-style: none; } .simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar { width: 0; height: 0; } .simplebar-content:before, .simplebar-content:after { content: ' '; display: table; } .simplebar-placeholder { max-height: 100%; max-width: 100%; width: 100%; pointer-events: none; } .simplebar-height-auto-observer-wrapper { box-sizing: inherit !important; height: 100%; width: 100%; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none; flex-grow: inherit; flex-shrink: 0; flex-basis: 0; } .simplebar-height-auto-observer { box-sizing: inherit; display: block; opacity: 0; position: absolute; top: 0; left: 0; height: 1000%; width: 1000%; min-height: 1px; min-width: 1px; overflow: hidden; pointer-events: none; z-index: -1; } .simplebar-track { z-index: 1; position: absolute; right: 0; bottom: 0; pointer-events: none; overflow: hidden; } [data-simplebar].simplebar-dragging .simplebar-content { pointer-events: none; user-select: none; -webkit-user-select: none; } [data-simplebar].simplebar-dragging .simplebar-track { pointer-events: all; } .simplebar-scrollbar { position: absolute; left: 0; right: 0; min-height: 10px; } .simplebar-scrollbar:before { position: absolute; content: ''; background: black; border-radius: 7px; left: 2px; right: 2px; opacity: 0; transition: opacity 0.2s linear; } .simplebar-scrollbar.simplebar-visible:before { /* When hovered, remove all transitions from drag handle */ opacity: 0.5; transition: opacity 0s linear; } .simplebar-track.simplebar-vertical { top: 0; width: 11px; } .simplebar-track.simplebar-vertical .simplebar-scrollbar:before { top: 2px; bottom: 2px; } .simplebar-track.simplebar-horizontal { left: 0; height: 11px; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before { height: 100%; left: 2px; right: 2px; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar { right: auto; left: 0; top: 2px; height: 7px; min-height: 0; min-width: 10px; width: auto; } /* Rtl support */ [data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical { right: auto; left: 0; } .hs-dummy-scrollbar-size { direction: rtl; position: fixed; opacity: 0; visibility: hidden; height: 500px; width: 500px; overflow-y: hidden; overflow-x: scroll; } .simplebar-hide-scrollbar { position: fixed; left: 0; visibility: hidden; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; } /* End */ /* Start:/local/templates/lawyer/css/style.css?1755178541361115*/ @charset "UTF-8"; @font-face { font-family: "ALSRubl"; src: local("ALSRubl"), url("/local/templates/lawyer/css/../fonts/ALSRubl/rouble.otf"); font-weight: 400; font-display: swap; } :root { --color0: 349; --color1: rgb(255,230,17);/*hsla(var(--color0), 84%, 48%, 1);*//*#fac146*/ --color2: #F5F5F5; --color3: #1A2E4F; --color4: #8C94A8; --color5: #282D3C; --color6: rgb(15,15,15); --color7: #333333; --color8: #1F1F1F; --color9: #36187D; --color10: #E0E0E0; --color11: #4F4F4F; --font-family: "Montserrat"; --container-width: 1380px; --border-radius: 30px; --font-size: 15px; --color12: #D1D2DB; --color13: #A3A5B3; --color14: #141414; --color15: #828282; --color16: #1B1B1B; --color17: hsla(0, 0%, 7%, 0.75); --color18: hsla(0, 0%, 7%, 0.8); } * { box-sizing: border-box; margin: 0; padding: 0; outline: none; } html { scroll-behavior: smooth; } html, body { min-height: 100vh; height: 100%; margin: 0; padding: 0; } body { font: 15px/26px var(--font-family), Arial, sans-serif; font-family: var(--font-family); font-size: var(--font-size); color: #606060; background-color: #fff; } h1, .h1 { margin-bottom: 24px; font: 600 36px/41px "Montserrat", sans-serif; font-family: var(--font-family); color: var(--color6); } h2, .h2 { margin-bottom: 21px; font: 600 30px/42px var(--font-family), sans-serif; color: var(--color6); } h3, .h3 { margin-bottom: 15px; font: 600 18px/29px var(--font-family), sans-serif; color: var(--color6); } h4, .h4 { margin-bottom: 15px; font: 600 15px/24px var(--font-family), sans-serif; color: var(--color6); } .table { margin-bottom: 13px; border-collapse: collapse; border: 1px solid rgba(128, 152, 182, 0.5); color: #333333; } .table th { padding: 17px 10px; border: 1px solid rgba(128, 152, 182, 0.5); font-weight: normal; font-size: 13px; line-height: 16px; } .table td { padding: 17px 10px; border: 1px solid rgba(128, 152, 182, 0.5); font-size: 13px; line-height: 16px; text-align: center; } .table-row td { font-size: 10px; line-height: 13px; } .table_wide { width: 100%; } @media screen and (max-width: 992px) { .table th { padding-top: 12px; padding-bottom: 12px; font-size: 12px; line-height: 15px; } .table td { padding-top: 12px; padding-bottom: 12px; font-size: 12px; line-height: 15px; } .table-row td { font-size: 10px; line-height: 13px; } } a { color: inherit; text-decoration: underline; } a:hover { color: inherit; } a img { border: none; } p { margin-bottom: 22px; } ul { list-style-type: none; } ol { margin-bottom: 20px; } b { font-weight: 500; } *::before, *::after { max-width: 100%; } main { flex: 1 0 auto; } footer { flex: 0 0 auto; } hr { margin-top: 28px; margin-bottom: 28px; border: 0; height: 1px; background-color: rgba(0, 0, 0, 0.5); } img, svg { max-height: 100%; max-width: 100%; } input { max-width: 100%; } input[type=text]::-ms-clear { display: none; width: 0; height: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } button { cursor: pointer; border: 0; outline: none; font-family: var(--font-family), sans-serif; } input, textarea { padding: 6px; border-width: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: var(--font-family), sans-serif; } fieldset { border: 0; } ::-webkit-input-placeholder { color: #9b9b9b; font-size: 13px; } :-moz-placeholder { /* Firefox 18- */ color: #9b9b9b; font-size: 13px; } ::-moz-placeholder { /* Firefox 19+ */ color: #9b9b9b; font-size: 13px; } :-ms-input-placeholder { color: #9b9b9b; font-size: 13px; } blockquote { overflow: hidden; margin-bottom: 23px; padding: 31px 30px 32px 58px; position: relative; font-size: 16px; line-height: 28px; font-weight: 500; color: var(--color7); background-color: var(--color2); border-radius: var(--border-radius); } blockquote:after { content: "”"; position: absolute; top: 30px; left: 27px; font-size: 48px; line-height: 48px; color: #000000; } @media screen and (max-width: 992px) { blockquote { margin-bottom: 18px; padding: 22px 27px 22px 54px; font-size: 16px; line-height: 27px; border-radius: var(--border-radius); } blockquote:after { top: 23px; left: 23px; } } @media screen and (max-width: 750px) { blockquote { padding: 18px 15px 28px 32px; } blockquote:after { top: 14px; left: 13px; font-size: 32px; } } .quote_right { width: 49%; float: right; margin-left: 30px; } .quote_left { float: left; width: 49%; margin-right: 30px; } .quote-info { margin-bottom: 2px; } .quote cite { font-size: 15px; font-style: normal; color: #606060; } .cite { padding-left: 10px; font-style: normal; border-left: 2px solid #65ba5c; } .g-hidden { display: none; } .currency { font-family: "ALSRubl"; } /* scrollbar */ .scrollbar { --scrollbar-size: 6px; --scrollbar-minlength: 6px; --scrollbar-ff-width: thin; --scrollbar-track-color: rgba(234,234,234,1); --scrollbar-color: rgba(145,144,144,1); --scrollbar-color-hover: rgba(145,144,144,1); --scrollbar-color-active: rgba(145,144,144,1); scrollbar-width: var(--scrollbar-ff-width); scrollbar-color: var(--scrollbar-color) var(--scrollbar-track-color); } .scrollbar::-webkit-scrollbar { height: var(--scrollbar-size); width: var(--scrollbar-size); } .scrollbar::-webkit-scrollbar-track { background-color: var(--scrollbar-track-color); border-radius: 3px; } .scrollbar::-webkit-scrollbar-thumb { background-color: var(--scrollbar-color); border-radius: 3px; } .scrollbar::-webkit-scrollbar-thumb:hover { background-color: var(--scrollbar-color-hover); } .scrollbar::-webkit-scrollbar-thumb:active { background-color: var(--scrollbar-color-active); } .scrollbar::-webkit-scrollbar-thumb:vertical { min-height: var(--scrollbar-minlength); } .scrollbar::-webkit-scrollbar-thumb:horizontal { min-width: var(--scrollbar-minlength); } /* scrollbar */ /* simplebar */ .simplebar-track.simplebar-vertical { width: 7px; } .simplebar-scrollbar:before { left: 0; right: 0; } .simplebar-track { right: 0; background-color: transparent; } .simplebar-scrollbar:before { background: var(--color10); border-radius: 5px; } .simplebar-scrollbar.simplebar-visible:before { opacity: 1; } /* /simplebar */ .wrapper { position: relative; display: flex; flex-direction: column; min-height: 100vh; overflow-x: hidden; } .container { min-width: 350px; width: 100%; max-width: var(--container-width); margin: 0 auto; padding-right: 15px !important; padding-left: 15px !important; } .content h2 { margin-top: 60px; } .content h2:first-child { margin-top: 0; } .content b { color: var(--color6); font-weight: 500; } .content a:hover { text-decoration: none; } .content ul { overflow: hidden; margin-left: 0; margin-top: 22px; margin-bottom: 27px; } .content ul li { position: relative; padding-left: 16px; margin-bottom: 10px; } .content ul li:last-child { margin-bottom: 0; } .content ul li:before { content: ""; position: absolute; top: 10px; left: 0; width: 6px; height: 6px; border-radius: 50%; background-color: var(--color6); } .content ol { counter-reset: item; margin-top: 22px; margin-bottom: 27px; margin-left: 0; list-style-type: none; } .content ol li { position: relative; margin-bottom: 10px; min-height: 40px; } .content ol > li { padding-top: 5px; padding-left: 59px; } .content ol > li:before { position: absolute; top: 0; left: 0; box-sizing: border-box; min-width: 40px; width: 40px; height: 40px; margin-right: 18px; padding: 6px 5px; content: counter(item); counter-increment: item; background-color: #F5F5FB; border-radius: 50em; font-weight: 500; color: var(--color6); font-size: 15px; line-height: 26px; font-family: var(--font-family); text-align: center; } .content img { height: auto; border-radius: var(--border-radius); } .content figcaption { position: relative; margin-top: -12px; padding: 13px 18px 16px; border: 1px solid #eaeaea; background-color: #fff; text-align: left; font-style: italic; font-size: 18px; } .content-video { position: relative; display: block; margin-bottom: 21px; } .content-video-img { display: block; } .content .list { overflow: hidden; } .content img[align=left] { margin-right: 29px; margin-bottom: 15px; } .content img[align=right] { margin-left: 29px; margin-bottom: 15px; } .content .paragraph { clear: both; margin-bottom: 3px; } .content .paragraph-middle { clear: both; margin-bottom: 17px; } .content_simple ol { list-style-type: decimal; padding-left: 18px; } .content_simple ol li { min-height: auto; padding-left: 0; margin-bottom: 17px; } .content_simple ol li:before { display: none; } .content_simple ol li::marker { font-weight: 600; color: var(--color6); text-indent: 10px; font-family: var(--font-family); } @media screen and (max-width: 992px) { .content { font-size: 14px; line-height: 24px; } .content h2 { margin-top: 30px; } .content img { border-radius: var(--border-radius); } .content ul { margin-bottom: 20px; } .content ul li:before { width: 5px; height: 5px; } .content ol { margin-bottom: 20px; } .content ol li { min-height: 30px; margin-bottom: 20px; padding-top: 2px; padding-left: 43px; } .content ol li:before { min-width: 30px; width: 30px; height: 30px; padding-top: 3px; padding-bottom: 3px; margin-right: 14px; font-size: 14px; line-height: 24px; } .content img[align=left] { margin-right: 20px; } .content img[align=right] { margin-left: 20px; } .content_simple ol li { padding-left: 0; } } @media screen and (max-width: 750px) { .content img[align=left] { float: none; margin-right: 0; } .content img[align=right] { float: none; margin-left: 0; } } .title { text-transform: none; font-size: 28px; line-height: 36px; } .img-right { float: right; margin-left: 29px; margin-bottom: 15px; } .img-left { float: left; margin-right: 29px; margin-bottom: 15px; } .clearfix:after { content: ""; clear: both; display: table; line-height: 0; } .clear { clear: both; } .switcher { text-decoration: none; border-bottom: 1px dashed; } .switcher:hover { border-bottom-color: transparent; } /* swiper */ .swiper-pagination-bullets { line-height: 0; position: static; width: auto !important; transform: none !important; margin-right: -2px; margin-left: -2px; text-align: center; } .swiper-pagination-bullet { left: 0 !important; width: 13px; height: 4px; background-color: #DEDEE8; opacity: 1; transition: width 0.3s linear; margin-right: 2px !important; margin-left: 2px !important; border-radius: 2px; } .swiper-pagination-bullet-active { background-color: #9090A4; width: 26px; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: none; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: none; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: none; } .swiper-button-lock { display: none !important; } .swiper-button-lock + .slider-count { display: none; } @media screen and (max-width: 992px) { .swiper-pagination-bullet-active { width: 26px; } } /* /swiper */ /* slider */ .slider-nav { display: flex; justify-content: center; align-items: center; } .slider-button { cursor: pointer; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid #FFFFFF; border-radius: var(--border-radius); transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; } .slider-button:hover { background-color: var(--color1); border-color: var(--color1); } .slider-button-icon { display: block; width: 15px; height: 11px; } .slider-button_prev { margin-right: 10px; } .slider-button_next { margin-left: 10px; } .slider-button_disabled:hover { background-color: transparent; } .slider-button_disabled .slider-button-icon { opacity: 0.4; } .slider-button_simple { position: absolute; top: 50%; z-index: 1; transform: translateY(-50%); box-shadow: 0 0 10px rgba(206, 206, 206, 0.4); background-color: #fff; } .slider-button_simple:hover { background-color: #fff; border-color: transparent; } .slider-button_simple:active { background-color: #fff; border-color: transparent; } .slider-button_simple.slider-button_prev { left: -19px; } .slider-button_simple.slider-button_next { right: -19px; } .slider-button_simple:hover .slider-button-icon path { fill: var(--color1); } @media screen and (max-width: 992px) { .slider-button { width: 35px; height: 35px; } .slider-button_prev { margin-right: 6px; } .slider-button_next { margin-left: 6px; } .slider-button_simple.slider-button_prev { left: -17px; } .slider-button_simple.slider-button_next { right: -17px; } } @media screen and (max-width: 750px) { .slider-button_simple { display: none; } } /* /slider */ .svg-box { display: none; } .breadcrumbs { position: relative; z-index: 2; margin-bottom: 10px; } .breadcrumbs-list { line-height: 19px; min-height: 19px; } .breadcrumbs-item { display: inline; margin-right: 7px; font-size: 14px; line-height: 18px; color: var(--color4); font-weight: 500; } .breadcrumbs-item_more { display: none; position: absolute; top: 4px; right: 0; z-index: 1; margin-right: 0; } .breadcrumbs-link { text-decoration: none; color: #8C94A8; } .breadcrumbs-link:hover { text-decoration: underline; } .breadcrumbs-icon { display: inline-block; vertical-align: middle; margin-left: 7px; width: 4px; height: 4px; border-radius: 50em; background-color: #828282; } .breadcrumbs-item_more .breadcrumbs-link { display: inline-block; width: 20px; height: 13px; text-align: right; } .breadcrumbs_light .breadcrumbs-item { color: #fff; } .breadcrumbs_light .breadcrumbs-link { color: #fff; } .breadcrumbs_light .breadcrumbs-icon { background-color: #fff; } @media screen and (max-width: 992px) { .breadcrumbs-item { margin-right: 6px; } .breadcrumbs-item_more { margin-right: 0; } .breadcrumbs-icon { margin-left: 6px; } } @media screen and (max-width: 750px) { .breadcrumbs { flex-wrap: wrap; } .breadcrumbs_active .breadcrumbs-list { width: calc(100% - 20px); white-space: nowrap; overflow: hidden; } .breadcrumbs_active .breadcrumbs-item_more { display: block; } .breadcrumbs_show .breadcrumbs-list { white-space: normal; overflow: visible; } .breadcrumbs_show .breadcrumbs-item_more { display: none; } } @keyframes preloader-rotate { 100% { transform: rotate(360deg); } } .wrapper-panel { background-color: var(--color2); padding: 30px 0; margin-bottom: 50px; } .wrapper-panel h1 { margin-bottom: 0; } .wrapper-panel .breadcrumbs-link, .wrapper-panel .breadcrumbs-item span { font-weight: 400; } @media screen and (max-width: 750px) { .wrapper-panel { padding: 20px 0; } .breadcrumbs-item { font-size: 12px; } } /* pager */ .pager { position: absolute; right: -5px; top: 50%; transform: translateY(-50%); list-style-type: none; text-align: center; display: flex; align-items: center; flex-wrap: wrap; margin-left: auto; margin-right: auto; } .pager-item { margin-right: 12px; font-weight: 500; font-size: 15px; line-height: 18px; letter-spacing: 0.015em; color: var(--color6); } .pager-item:last-child { margin-right: 0; } .pager-link { display: flex; align-items: center; justify-content: center; padding-left: 5px; padding-right: 5px; text-decoration: none; font-weight: 500; font-size: 15px; line-height: 18px; letter-spacing: 0.015em; color: var(--color6); } .pager-link:hover { color: var(--color6); } .pager-item_disabled .pager-link:hover { cursor: default; } @media screen and (max-width: 1489px) { .pager-item { margin-right: 7px; } } @media screen and (max-width: 992px) { .pager-item { margin-right: 10px; } .pager-link { font-size: 14px; } } @media screen and (max-width: 750px) { .pager { display: none; } } /* /pager */ @media screen and (max-width: 992px) { .container { padding-left: 30px; padding-right: 30px; } h1, .h1 { margin-bottom: 18px; font-size: 23px; line-height: 32px; } h2, .h2 { margin-bottom: 16px; font-size: 20px; line-height: 30px; } .title { font-size: 24px; line-height: 30px; } .img-right { margin-left: 20px; } .img-left { margin-right: 20px; } } @media screen and (max-width: 750px) { .img-right { float: none; margin-left: 0; } .img-left { float: none; margin-right: 0; } } /* show-more */ .show-switcher { display: none; } .showmore-start .show-switcher { display: inline-block; } .show-more-label { display: inline-block; } .show-more-icon { display: inline-block; } .show-switcher_active { display: inline-block; } .show-more_hide { display: none; } .showmore-active .show-more_show { display: none; } .showmore-active .show-more_hide { display: block; } .showmore-active .show-more-icon { transform: scaleY(-1); } /* /-show-more */ .video { display: block; position: relative; margin-bottom: 52px; height: 436px; border-radius: var(--border-radius); overflow: hidden; } .video-pic { display: block; width: 100%; height: 100% !important; object-fit: cover; } .video:hover .play { background-color: hsla(var(--color0), 89%, 55%, 1); } .video:active .play { background-color: hsla(var(--color0), 82%, 44%, 1); } @media screen and (max-width: 992px) { .video { height: 260px; margin-bottom: 55px; border-radius: var(--border-radius); } } /* IE 11 */ /* /IE 11 */ .field { display: flex; flex-direction: column; margin-bottom: 20px; } @media screen and (max-width: 992px) { .field { margin-bottom: 19px; } } @media screen and (max-width: 750px) { .field { margin-bottom: 25px; } .field_simple { margin-top: -7px; margin-bottom: 9px; } } .input { margin-top: auto; width: 100%; height: 40px; padding: 6px 22px 7px; color: #333333; font-weight: 400; font-size: 15px; line-height: 24px; border: 1px solid var(--color12); border-radius: 20px; background-color: #fff; } .input:focus { color: var(--color7); border-color: var(--color13); } .input::placeholder { font-size: 15px; color: #606060; } .input:-webkit-autofill, .input:-webkit-autofill:hover, .input:-webkit-autofill:focus { -webkit-text-fill-color: #606060; transition: background-color 1s ease-in-out 0s; } .input_textarea { display: block; width: 100%; min-height: 40px; max-height: 160px; padding-top: 7px; resize: none; transition: height 0.3s ease-in-out 0s; } @media screen and (max-width: 992px) { .input { height: 35px; padding-left: 19px; padding-right: 19px; font-size: 13px; line-height: 16px; font-weight: 500; } .input::placeholder { font-size: 13px; } .input_textarea { min-height: 35px; max-height: 130px; } } @media screen and (max-width: 750px) { .input_textarea { padding-top: 8px; } } input.form-error { border-color: #e11439; } label.form-error { display: block; margin: 6px 0; color: #e11439; font-size: 12px; line-height: 14px; font-weight: 500; } .checkbox { position: relative; display: flex; align-items: flex-start; cursor: pointer; } .checkbox-field { display: flex; } .checkbox-input { position: absolute; top: 0; left: 0; width: 0; opacity: 0; } .checkbox-check { display: flex; align-items: center; justify-content: center; min-width: 17px; width: 17px; height: 17px; line-height: 17px; margin-top: 1px; margin-right: 10px; background-color: #fff; border: 1px solid #333333; font-size: 10px; color: transparent; text-align: center; } .checkbox-check:hover { cursor: pointer; } .checkbox-label { font-size: 18px; letter-spacing: 0.022em; color: #19191D; } .checkbox-icon { visibility: hidden; width: 10px; height: 8px; margin-top: -1px; margin-left: 1px; background: url("/local/templates/lawyer/css/../assets/images/catalog/catalog-icons/check.svg") no-repeat 0 0; } .checkbox-input:checked + .checkbox-check .checkbox-icon { visibility: visible; } .radio { position: relative; display: flex; align-items: center; cursor: pointer; } .radio-field-wrapper { position: relative; display: flex; align-items: center; height: 100%; padding: 30px 25px 30px 32px; border: 2px solid var(--color10); border-radius: 15px; } .radio-field-wrapper:hover { box-shadow: 0px 0px 20px rgba(206, 206, 206, 0.4); border-color: transparent; } .radio-item { margin-bottom: 14px; } .radio-input { position: absolute; top: 0; left: 0; width: 0; opacity: 0; } .radio-label { font-weight: 500; font-size: 15px; line-height: 18px; letter-spacing: -0.01em; } .radio-check { position: relative; width: 22px; height: 22px; margin-right: 11px; border-radius: 50%; text-align: center; background-color: #fff; box-shadow: 0 0 6px rgba(206, 206, 206, 0.8); } .radio-check:after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 12px; height: 12px; border-radius: 50%; } .radio-input:checked + .radio-check:after { background-color: red; } .button { display: inline-block; padding: 13px 30px 15px; text-decoration: none; white-space: nowrap; border: 0; cursor: pointer; border-radius: var(--border-radius); -webkit-appearance: none; text-align: center; font-family: var(--font-family), sans-serif; background-color: var(--color1); color: #000; font-size: 15px; line-height: 1.2em; letter-spacing: 0.2px; font-weight: 500; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; transition: border-radius 0.2s linear; position: relative; overflow: hidden; } html { --theme-base-color-hue: 227; --theme-base-color-saturation: 100%; --theme-base-color-lightness: 68%; --theme-lightness-hover-diff: 6%; } .button:hover { color: #000; border-radius: 10px; } .button:before { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background-color: #fff; opacity: 0; transition: 0.5s; } .button:hover::before { opacity: 0.15; } /*.button:active { background-color: hsla(var(--color0), 82%, 44%, 1); }*/ .button:disabled { opacity: 0.8; cursor: not-allowed; } .button_simple { padding-top: 9px; padding-bottom: 11px; background-color: transparent; border: 1px solid var(--color11); color: var(--color6); font-weight: 500; } .button_simple:hover { background-color: transparent; color: var(--color6); text-shadow: 0 0 0.05em var(--color6); } .button_simple:active { background-color: transparent; } .button_modified { background-color: #282828; color: #fff; font-weight: 400; } .button_modified:hover { color: #fff; } .button_modified:hover:before { opacity: 0.05; } .button_modified:active { background-color: #FFFFFF; color: var(--color1); } .button_light { background-color: transparent; border: 1px solid var(--color12); color: var(--color6); font-weight: 500; font-size: 13px; text-transform: uppercase; } .button_light:hover { background-color: transparent; color: var(--color6); text-shadow: 0 0 0.05em var(--color6); } .button_light:active { background-color: transparent; } .button_dark { background-color: var(--color6); } .button_dark:hover { background-color: hsl(0, 4%, 15%); } .button_dark:active { background-color: hsl(0, 0%, 2%); } @media screen and (max-width: 992px) { .button { padding-top: 8px; padding-bottom: 10px; font-size: 14px; transition: border-radius 0.3s linear; } .button_simple { padding-top: 7px; padding-bottom: 8px; font-weight: 500; font-size: 12px; line-height: 1.1em; } .button_modified { padding: 8px 23px; font-weight: 500; font-size: 12px; } .button_light { padding-top: 10px; padding-bottom: 10px; font-size: 12px; line-height: 1.1em; } } /*selectric*/ .selectric { display: flex; align-items: center; height: 40px; border-radius: 50em; background-color: transparent; padding: 4px 23px 6px; border: 1px solid #333; } .selectric .label { margin: 0; height: auto; font-size: 15px; line-height: 22px; color: var(--color6); font-weight: 500; } .selectric-items { top: calc(100% + 1px); min-width: 195px; padding-top: 14px; padding-bottom: 18px; background-color: #fff; border-width: 0; border-radius: 0 0 20px 20px; box-shadow: 0 5px 15px rgba(115, 115, 115, 0.21); } .selectric-above .selectric-items { box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.07); } .selectric-items li { padding: 6px 18px; font-size: 14px; line-height: 24px; color: var(--color6); -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; display: box; word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical; -ms-line-clamp: 1; -webkit-line-clamp: 1; line-clamp: 1; } .selectric-items li:hover { background-color: transparent; color: var(--color1); } .selectric-items li.highlighted { background-color: transparent; color: var(--color1); } .selectric-items li.selected { color: var(--color1); background-color: transparent; } .selectric-button { margin-top: 2px; margin-left: auto; padding-left: 8px; line-height: 0; } .selectric-open { z-index: 10; } .selectric-icon { display: inline-block; line-height: 0; min-width: 10px; width: 10px; height: 7px; background: url("/local/templates/lawyer/css/../assets/images/header/arrow-bottom-icon.svg") no-repeat 0 0; background-size: 100% auto; transition: transform 0.2s ease-in-out 0s; } .selectric-hover .selectric { border-color: #333; } .selectric-focus .selectric { border-color: #333; } .selectric-open .selectric { border-color: #333; } .selectric-open .selectric-button { margin-top: -1px; } .selectric-open .selectric-icon { transform: rotate(-180deg); } .selectric-items .select-disable { display: none; } .selectric-items .selectric-hidden { display: none; } .select-simple .selectric { border-width: 0; background-color: var(--color2); } @media screen and (max-width: 992px) { .selectric { height: 30px; padding: 5px 19px 5px 18px; } .selectric .label { font-size: 12px; line-height: 16px; } } @media screen and (max-width: 750px) { .selectric-items { display: block; position: fixed; top: auto; bottom: -100%; left: 0; z-index: 1000; width: 100% !important; padding: 20px 30px; border-radius: 15px 15px 0 0; transition: bottom 0.3s ease-in-out; } .selectric-above .selectric-items { top: auto; bottom: -100%; } .selectric-items .selectric-hidden { display: block; border-bottom-width: 0; padding-top: 0; padding-bottom: 10px; font-weight: 700; font-size: 16px; } .selectric-items li { padding-left: 0; padding-right: 0; font-size: 15px; line-height: 26px; } .selectric-button { padding-left: 5px; } .selectric-open:after { content: ""; position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .selectric-open .selectric-items { bottom: 0; } } /*selectric*/ .switch { display: flex; position: relative; } .switch-field { margin-bottom: 27px; } .switch-decor { display: inline-block; vertical-align: middle; position: relative; width: 35px; min-width: 35px; height: 20px; margin-right: 14px; padding: 2px; border-radius: 50em; background-color: #E4E8F1; cursor: pointer; } .switch-decor_simple { margin-right: 0; } .switch-icon { position: absolute; top: 4px; left: 4px; width: 12px; height: 12px; background-color: #fff; border-radius: 50%; transition: left 0.1s ease-in-out 0s; } .switch-label { line-height: 21px; font-size: 14px; color: var(--color7); } .switch-label a { color: inherit; } .switch-label a:hover { text-decoration: none; color: inherit; } .switch-checkbox { position: absolute; top: 0; left: 0; width: 0; opacity: 0; } .switch-checkbox:checked + .switch-decor { background-color: var(--color1); } .switch-checkbox:checked + .switch-decor .switch-icon { left: 19px; } @media screen and (max-width: 992px) { .switch-label { font-size: 11px; line-height: 18px; letter-spacing: -0.01em; } .switch-decor { margin-right: 10px; } } @media screen and (max-width: 750px) { .switch-label { max-width: 220px; margin-top: -3px; } } @keyframes preloader-rotate { 100% { transform: rotate(360deg); } } .load-more { position: relative; display: flex; align-items: center; justify-content: center; min-height: 18px; } .load-more-icon { display: none; vertical-align: middle; margin-left: 4px; width: 14px; height: 14px; background: url("/local/templates/lawyer/css/../assets/images/icons/load-more-spinner.svg") no-repeat 0 0; background-size: 100% auto; } .load-more-link { display: flex; align-items: center; padding-left: 29px; padding-right: 29px; } .load-more-label { display: inline-block; font-size: 13px; line-height: 40px; color: var(--color11); } .load-more-switcher { display: inline-block; text-transform: uppercase; font-weight: 700; font-size: 12px; line-height: 11px; color: #606060; } .load-more_active .load-more-icon { display: inline-block; animation: preloader-rotate 2s infinite linear; } .load-more-pages { display: flex; justify-content: center; } .load-more-link_simple { padding-left: 20px; padding-right: 20px; } @media screen and (max-width: 992px) { .load-more-link { padding-left: 19px; padding-right: 19px; } } @media screen and (max-width: 750px) { .load-more-link { padding: 9px 33px; font-size: 14px; } } .form-row { display: flex; margin-left: -11px; margin-right: -11px; } .form-col-2 { width: 50%; padding-left: 11px; padding-right: 11px; } @media screen and (max-width: 992px) { .form-row { flex-direction: column; margin-left: 0; margin-right: 0; } .form-col-2 { width: 100%; padding-left: 0; padding-right: 0; } } /* Fancybox */ .fancybox-bg { background-color: rgba(0, 0, 0, 0.6); } .fancybox-slide { padding: 50px 40px; } .fancybox-content { overflow: visible; padding: 0; } .fancybox-close-small { width: 33px; height: 33px; top: -50px; padding: 0; opacity: 1; } .fancybox-close { position: absolute; top: 0; left: 100%; z-index: 1; margin-left: 16px; display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; cursor: pointer; border: 0; background: transparent; } .fancybox-close-icon path { fill: #fff; } .fancybox-button .fancybox-button-arrow { width: 14px; height: 10px; } .fancybox-button .fancybox-button-arrow path { fill: #fff; } .fancybox-nav-block { display: flex; justify-content: space-between; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; } .fancybox-button { padding: 0; position: absolute; top: calc(50% - 20px); width: 40px; height: 40px; background: transparent; } .fancybox-button--arrow_right { right: -55px; } .fancybox-button--arrow_left { left: -55px; } .fancybox-button-icon { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #fff; } .fancybox-button:hover .fancybox-button-icon { background-color: var(--color1); border-width: 0; } .fancybox-button:active .fancybox-button-icon { background-color: var(--color1); border-width: 0; } .fancybox-slide--image .fancybox-close-small { top: -50px; right: -50px; background-color: transparent; } .fancybox-toolbar { display: none; } .fancybox-infobar { display: none; } @media screen and (max-width: 750px) { .fancybox-slide { padding: 50px 11px; } .fancybox-close { top: -32px; margin-left: -24px; } .fancybox-button--arrow_right { right: 10px; } .fancybox-button--arrow_left { left: 10px; } } /* /Fancybox */ @keyframes preloader-animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .preloader { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; width: 80px; height: 80px; background-color: #fff; padding: 5px; border-radius: 50%; } .preloader-container { width: 70px; height: 70px; border: 6px solid rgb(234, 234, 234); border-top: 6px solid #E11439; border-radius: 50%; animation: preloader-animation 1s linear infinite; } @media screen and (max-width: 992px) { .preloader { width: 70px; height: 70px; } .preloader-container { width: 60px; height: 60px; } } .decor-popup { display: none; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .popup { width: 100%; max-width: 450px; border-radius: var(--border-radius); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); } .popup-content { padding: 42px 30px 50px; } .popup-title { display: block; margin-bottom: 16px; font-weight: 600; font-size: 28px; line-height: 38px; text-align: center; color: var(--color6); } .popup-info { margin-bottom: 28px; font-size: 15px; line-height: 24px; text-align: center; } .popup-button { width: 100%; } .popup-city { max-width: 651px; border-radius: 20px; } .popup-city .popup-content { padding: 31px 37px 20px; } .popup-city .popup-title { margin-bottom: 20px; font-size: 20px; line-height: 29px; font-weight: 500; } @media screen and (max-width: 992px) { .popup-content { padding: 28px 22px 40px; } .popup-title { margin-bottom: 10px; font-size: 26px; line-height: 36px; } .popup-info { margin-bottom: 24px; font-size: 13px; line-height: 21px; } .popup-city { max-width: 443px; } .popup-city .popup-content { padding-top: 29px; padding-left: 25px; padding-right: 25px; } .popup-city .popup-title { text-align: left; } } .city-block { margin-bottom: 30px; } .city-list-wrapper { min-height: 80px; max-height: 240px; } .city-list { column-count: 2; column-gap: 20px; } .city-list-item { margin-bottom: 16px; } .city-field { position: relative; } .city-reset { position: absolute; top: 50%; transform: translateY(-50%); right: 10px; line-height: 0; padding: 5px; } .city-radio { display: none; } .city-list-name { display: block; font-size: 15px; line-height: 18px; color: var(--color6); cursor: pointer; } .city-list-name:hover { color: var(--color1); } .city-list-item_active .city-list-name { font-weight: 500; color: var(--color1); } @media screen and (max-width: 992px) { .city-list-wrapper { max-height: 246px; } .city-block { margin-bottom: 24px; } .city-list-item { margin-bottom: 17px; } } @media screen and (min-width: 750px) and (max-width: 992px) { .city-input { height: 40px; font-size: 15px; line-height: 24px; font-weight: 400; } .city-input::placeholder { font-size: 15px; } } @media screen and (max-width: 750px) { .city-list { column-count: auto; } } .header { box-shadow: 0 0 10px rgba(115, 115, 115, 0.25); } .main-page .header { box-shadow: none; } .header-top { background-color: #fff; } .header-top-container { display: flex; justify-content: space-between; align-items: center; height: 66px; padding-top: 22px; padding-bottom: 22px; } .header-contacts { display: flex; align-items: center; margin: 0 auto; } .header-contacts-item { padding-right: 46px; } .header-contacts .header-contacts-item:last-child { margin-right: 0; padding-right: 0; } .header-phone { margin-left: 30px; } .header-contacts-label { font-size: 13px; line-height: 17px; color: var(--color5); } .header-contacts-block { display: flex; align-items: center; } .header-contacts-icon { min-width: 18px; margin-right: 10px; } .header-contacts-arrow { min-width: 9px; width: 9px; margin-left: 8px; } .header-contacts-location { display: flex; align-items: center; text-decoration: none; } .header-contacts-location:hover { text-shadow: 0 0 0.05em var(--color6); } .header-logo { margin-right: 25px; text-decoration: none; line-height: 0; } .header-logo-img { max-width: 210px; max-height: 40px; } .header-phone-container { position: relative; } .header-phone-block { display: flex; align-items: center; } .header-phone-switcher { display: inline-block; margin-top: -7px; margin-left: 9px; } .header-phone-switcher-icon { transition: transform 0.2s ease-in-out 0s; } .header-phone-dropdown { display: none; position: absolute; top: -87%; left: 0; z-index: 3; min-width: 243px; width: 100%; background-color: #fff; padding: 51px 28px 23px; box-shadow: 0 0 10px rgba(115, 115, 115, 0.25); border-radius: 20px; } .header-phone-icon, .header-email-icon { margin-right: 11px; } .header-phone-number { position: relative; z-index: 4; font-weight: 600; font-size: 18px; line-height: 22px; color: var(--color6); } .header-phone-number a { text-decoration: none; color: var(--color6); } .header-phone-number a:hover { color: var(--color17); } .header-phone-list { margin-bottom: 17px; } .header-phone-list-item { margin-bottom: 23px; } .header-phone-list-item:last-child { margin-bottom: 0; } .header-phone-list-number { margin-bottom: 9px; font-weight: 600; font-size: 18px; line-height: 22px; color: var(--color6); } .header-phone-list-number a { text-decoration: none; color: var(--color6); } .header-phone-list-number a:hover { color: var(--color17); } .header-phone_active .header-phone-dropdown { display: block; } .header-phone_active .header-phone-switcher { transform: scaleY(-1); position: relative; z-index: 4; margin-top: -3px; } .header-phone_active .header-phone-switcher-icon { transform: rotate(-180deg); } .header-phone-list-department { color: #606060; font-size: 14px; line-height: 17px; } .header-phone-button { margin-bottom: 28px; } .header-socials-label { margin-bottom: 15px; font-size: 14px; line-height: 17px; color: #606060; } @media screen and (max-width: 1489px) { .header-contacts-item { padding-right: 22px; } } @media screen and (max-width: 992px) { .header-top { display: none; } .header-logo { margin-right: auto; } .header-logo-img { max-width: 150px; } .header-contacts-item:not(.header-contacts-item_location) { display: none; padding-right: 20px; } .header-phone-dropdown { padding-top: 49px; } .header-phone-number { font-size: 16px; line-height: 19px; } .header-phone-list-number { font-size: 16px; line-height: 19px; } .header-phone-list-department { font-size: 13px; line-height: 16px; } .header-phone-switcher { margin-top: -5px; } } @media screen and (max-width: 750px) { .header-phone { display: none; } .header-phone-icon, .header-email-icon { display: none; } .header-phone-switcher { display: none; } .header-phone-number a { display: block; width: 20px; height: 20px; background: url("/local/templates/lawyer/css/../assets/images/header/phone-icon.svg") no-repeat 0 0; font-size: 0; } } .socials { display: flex; flex-wrap: wrap; } .socials-item { margin-right: 13px; margin-bottom: 5px; } .socials-item:last-child { margin-right: 0; } .socials-link { display: flex; align-items: center; justify-content: center; min-width: 28px; width: 28px; height: 28px; border: 1px solid #292D32; border-radius: 50%; } .socials-icon { max-width: 14px; max-height: 12px; } .socials-icon_tg { margin-left: -1px; } .socials-link:hover { border-color: var(--color1); } .socials-link:hover .socials-icon path { fill: var(--color1); } .socials_simple .socials-item { margin-right: 12px; } .socials_simple .socials-item:last-child { margin-right: 0; } .socials_simple .socials-link { min-width: 40px; width: 40px; height: 40px; box-shadow: 0px 0px 5px rgba(206, 206, 206, 0.5); border-width: 0; background-color: #fff; } .socials_simple .socials-icon { max-width: 21px; max-height: 15px; } .socials_simple .socials-icon path { fill: var(--color1); } .socials_simple .socials-link:hover { background-color: var(--color1); } .socials_simple .socials-link:hover svg { fill: #fff; } .socials_modified .socials-item { margin-right: 12px; } .socials_modified .socials-item:last-child { margin-right: 0; } .socials_modified .socials-link { min-width: 40px; width: 40px; height: 40px; box-shadow: 0px 0px 5px rgba(206, 206, 206, 0.5); border-width: 0; background-color: var(--color1); } .socials_modified .socials-icon { max-width: 21px; max-height: 15px; } .socials_modified .socials-icon path { fill: #ffffff; } .socials_modified .socials-link:hover { background-color: #fff; } .socials_modified .socials-link:hover .socials-icon path { fill: var(--color1); } .socials_dark .socials-item { margin-right: 12px; } .socials_dark .socials-item:last-child { margin-right: 0; } .socials_dark .socials-link { min-width: 40px; width: 40px; height: 40px; box-shadow: 0px 0px 5px rgba(206, 206, 206, 0.5); border-width: 0; background-color: #fff; } .socials_dark .socials-icon { max-width: 21px; max-height: 15px; } @media screen and (max-width: 992px) { .socials_simple .socials-link { min-width: 28px; width: 28px; height: 28px; } .socials_simple .socials-icon { max-width: 14px; max-height: 11px; } .socials_modified .socials-link { min-width: 28px; width: 28px; height: 28px; } .socials_modified .socials-icon { max-width: 14px; max-height: 11px; } .socials_dark .socials-link { min-width: 28px; width: 28px; height: 28px; } .socials_dark .socials-icon { max-width: 14px; max-height: 11px; } } .main-menu { height: 68px; border-top: 1px solid #D7D7E3; } @media screen and (max-width: 768px) { .main-menu { border-top: none; } } .main-menu--background { background-color: var(--color1); border-top: none; } .main-page .main-menu--background { margin-bottom: 30px; } .main-menu--background:not(.main-menu_fix) .main-menu-link { color: #fff; } .main-menu--background:not(.main-menu_fix) .main-menu-icon path { fill: #fff; } .main-menu--background:not(.main-menu_fix) .main-menu-item:hover > .main-menu-link { color: #fff; } .main-menu--background:not(.main-menu_fix) .main-menu-item:hover .main-menu-icon path { fill: #fff; } .main-menu--background:not(.main-menu_fix) .main-menu-more-icon circle { fill: #fff; } .main-menu--background:not(.main-menu_fix) .main-menu-target .main-menu-link:hover { color: var(--color1); } .main-menu--background:not(.main-menu_fix) .main-menu-target .main-menu-link { color: var(--color0); } @media screen and (max-width: 992px) { .main-menu--background:not(.main-menu_fix) .mob-menu-switcher-icon path, .main-menu--background:not(.main-menu_fix) .header-phone-icon path, .main-menu--background:not(.main-menu_fix) .header-email-icon path, .main-menu--background:not(.main-menu_fix) .search-icon path { stroke: #fff; } .main-menu--background:not(.main-menu_fix) .search-icon circle { stroke: #fff; } .main-menu--background:not(.main-menu_fix) .header-phone-switcher-icon path { fill: #fff; } .main-menu--background:not(.main-menu_fix) .header-phone-number a { color: #fff; } } @media screen and (max-width: 750px) { .main-menu--background:not(.main-menu_fix) .header-phone-number a { background: url("/local/templates/lawyer/css/../assets/images/header/phone-icon-white.svg") no-repeat 0 0; } } .main-page .main-menu-container { position: relative; background: rgba(0, 0, 0, 0.4); } .main-menu-container:after { content: ""; visibility: hidden; position: absolute; top: -100%; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #fff; box-shadow: 0px 0px 10px rgba(115, 115, 115, 0.25); transition: top 0.4s ease-in-out, visibility 0.3s ease-in-out; } .main-menu-block { position: relative; display: flex; align-items: center; height: 68px; padding-top: 12px; padding-bottom: 16px; } .main-menu-wrapper { position: static; margin-right: auto; flex-grow: 1; height: 18px; } .main-menu-list { position: static; display: flex; align-items: center; flex-wrap: wrap; } .main-menu-item { position: relative; cursor: pointer; } .main-menu-item:last-child { margin-right: 0; } .main-menu-item_more { position: relative; } .main-menu-link { display: flex; align-items: center; margin-right: 30px; text-decoration: none; font-weight: 500; font-size: 16px; line-height: 18px; letter-spacing: 0.3px; color: var(--color6); white-space: nowrap; transition: margin-right 0.07s ease-in-out 0s; } .main-menu-icon { min-width: 9px; width: 9px; margin-left: 12px; margin-top: 1px; transition: transform 0.2s ease-in-out 0s; } .main-menu-item:hover > .main-menu-link { color: var(--color1); } .main-menu-item_more:hover { margin-right: 0; } .main-menu-item:hover .main-menu-icon { transform: rotate(-180deg); } .main-menu-item:hover .main-menu-icon path { fill: var(--color1); } .main-menu-more-icon { margin-top: 5px; margin-bottom: 5px; } .main-menu-more-icon circle { fill: var(--color6); } .main-menu-item_more:hover .main-menu-target { display: block; } .main-menu-target .main-submenu { display: none; } .main-menu-target .main-menu-icon { display: none; } .main-menu-target .main-menu-item { width: fit-content; padding-top: 0; padding-bottom: 0; margin-bottom: 18px; line-height: 18px; } .main-menu-target .main-menu-link { font-size: 15px; color: #606060; font-weight: 400; } .main-menu-target .main-menu-link:hover { color: var(--color1); } .main-menu-item_more:hover .main-menu-target .main-menu-link { font-weight: 400; } .main-menu .header-contacts { display: none; } .main-menu .header-phone { display: none; margin-left: auto; } @media screen and (max-width: 992px) { .main-menu { position: relative; height: 60px; } .main-menu-container:after { border-radius: 0 0 20px 20px; transition: top 0.3s ease-in-out, visibility 0.2s ease-in-out; } .main-menu-block { height: 60px; padding-top: 12px; padding-bottom: 12px; } .main-menu-wrapper { display: none; } .main-menu-item { margin-right: 13px; } .main-menu-link { font-size: 13px; line-height: 15px; } .main-menu-icon { min-width: 8px; width: 8px; height: 5px; margin-left: 5px; } .main-menu .header-phone { display: block; margin-top: 4px; } } @media screen and (max-width: 750px) { .main-menu { height: 64px; } .main-menu-block { height: 64px; } .main-menu .header-phone { margin-top: 0; } } .main-submenu { visibility: hidden; position: absolute; top: 100%; left: -28px; z-index: 9; min-width: 183px; width: max-content; padding-top: 16px; } .main-submenu-list { position: relative; display: flex; flex-wrap: wrap; flex-direction: column; max-height: 261px; padding: 26px 20px 18px 29px; } .main-submenu_target .main-submenu-list { max-height: none; } .main-submenu-item { width: 183px; margin-bottom: 18px; padding-right: 20px; line-height: 18px; } .main-submenu-decor { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #fff; padding: 26px 20px 18px 29px; box-shadow: 0px 0px 10px rgba(115, 115, 115, 0.25); border-radius: 15px; } .main-submenu-item:nth-child(6) + .main-submenu-item ~ .main-submenu-decor { width: 394px; } .main-submenu-item:nth-child(12) + .main-submenu-item ~ .main-submenu-decor { width: 591px; } .main-submenu-item:nth-child(18) + .main-submenu-item ~ .main-submenu-decor { width: 788px; } .main-submenu-link { text-decoration: none; font-size: 15px; color: var(--color7); font-weight: 500; } .main-submenu-link:hover { color: var(--color1); } @media screen and (max-width: 1200px) { .main-submenu-list { max-height: 381px; } .main-submenu-item:nth-child(9) + .main-submenu-item ~ .main-submenu-decor { width: 394px; } .main-submenu-item:nth-child(18) + .main-submenu-item ~ .main-submenu-decor { width: 591px; } .main-submenu-item:nth-child(27) + .main-submenu-item ~ .main-submenu-decor { width: 788px; } } @media screen and (max-width: 992px) { .main-submenu { width: 220px; left: -17px; padding-left: 17px; padding-right: 17px; padding-bottom: 25px; } .main-submenu-item { margin-bottom: 15px; font-size: 13px; line-height: 16px; } } .main-menu-item:hover .main-submenu { visibility: visible; } .search { margin-left: 27px; min-width: 357px; width: 357px; } .search-button { position: absolute; top: 0; right: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; line-height: 0; border-radius: var(--border-radius); background-color: var(--color6); transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; } .search-link { visibility: hidden; position: static; background-color: transparent; line-height: 0; } .search-container { display: flex; align-items: center; position: relative; height: 40px; } .search-box { display: flex; flex-grow: 1; } .search-icon { width: 16px; height: 16px; } .search-input { position: relative; height: 40px; width: 100%; background-color: var(--color2); border-radius: var(--border-radius); padding: 12px 45px 10px 22px; font-size: 14px; line-height: 17px; color: var(--color6); } .search-input::placeholder { color: var(--color6); font-size: 14px; } .search-reset { display: none; position: absolute; top: 50%; right: 30px; z-index: 2; line-height: 0; transform: translateY(-50%); } .search-reset-icon { width: 9px; height: 9px; } .search-list-popup { position: absolute; top: 100%; right: -1px; z-index: 7; width: 357px; padding: 20px 10px 23px 22px; background-color: #fff; border-radius: 0 0 20px 20px; box-shadow: 0px 7px 10px rgba(115, 115, 115, 0.25); } .search-list-popup-block { max-height: 270px; padding-right: 15px; } .search-list-popup-item { margin-bottom: 15px; line-height: 16px; } .search-list-popup-item:last-child { margin-bottom: 0; } .search-list-popup-link { text-decoration: none; font-size: 14px; line-height: 16px; color: var(--color6); display: flex; } .search-list-popup-name { font-size: 13px; } .search-list-popup-name:hover { color: var(--color1); } @media screen and (max-width: 992px) { .search { min-width: auto; width: auto; } .search-container { position: static; } .search-box { width: 0; visibility: hidden; position: absolute; right: 0; top: 10px; z-index: 4; transition: width 0.2s linear; } .search-button { visibility: hidden; } .search-link { visibility: visible; } .search-list-popup { visibility: hidden; opacity: 0; } .search_active .search-list-popup { visibility: visible; opacity: 1; width: 345px; } .search_active .search-box { visibility: visible; width: 345px; } .search_active .search-button { visibility: visible; } .search_active .search-link { visibility: hidden; } } @media screen and (max-width: 750px) { .search { margin-left: 21px; } .search-box { top: 12px; } .search-list-popup-block { max-height: 200px; } .search_active .search-box { visibility: visible; width: calc(100% + 1px); } .search_active .search-list-popup { right: 0; width: calc(100% + 1px); } } .main-menu_fix .main-menu-container { position: fixed; top: 0; left: 50%; z-index: 900; transform: translateX(-50%); width: 100%; } .main-menu_fix .main-menu-container:after { visibility: visible; top: 0; } .main-menu_fix .header-contacts { display: flex; } .main-menu_fix .header-phone { display: block; } .main-menu_fix .main-menu-wrapper { max-width: 570px; } .main-menu_fix .search { min-width: auto; width: auto; } .main-menu_fix .search-box { width: 0; visibility: hidden; position: absolute; right: 0; z-index: 4; transition: width 0.2s linear; } .main-menu_fix .search-container { position: static; } .main-menu_fix .search-button { visibility: hidden; background-color: var(--color1); } .main-menu_fix .search-button:hover { background-color: hsla(var(--color0), 89%, 55%, 1); } .main-menu_fix .search-button:active { background-color: hsla(var(--color0), 82%, 44%, 1); } .main-menu_fix .search-link { position: relative; visibility: visible; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; line-height: 0; border-radius: 50%; background-color: var(--color1); } .main-menu_fix .search-link:hover::before, .main-menu_fix .search-link:active::before, .search-button:hover::before, .search-button:hover::before { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background-color: #fff; opacity: 0; transition: 0.5s; opacity: 0.15; } .main-menu_fix .search-link:active::before, .search-button:hover::before { opacity: 0.1; } .main-menu_fix .search-link .search-icon path { stroke: #fff; } .main-menu_fix .search-link .search-icon circle { stroke: #fff; } .main-menu_fix .search-list-popup { visibility: hidden; opacity: 0; } .main-menu_fix .search_active .search-list-popup { visibility: visible; opacity: 1; width: 345px; } .main-menu_fix .search_active .search-box { visibility: visible; width: 345px; } .main-menu_fix .search_active .search-button { visibility: visible; } .main-menu_fix .search_active .search-link { visibility: hidden; } @media screen and (max-width: 1489px) { .main-menu_fix .header-contacts { margin-right: 12px; } .main-menu_fix .header-contacts-item:not(.header-contacts-item_location) { display: none; } } @media screen and (max-width: 992px) { .main-menu_fix .header-logo { display: block; } .main-menu_fix .header-contacts { display: none; } } @media screen and (max-width: 750px) { .main-menu_fix .mob-menu { margin-right: 26px; } .main-menu_fix .search_active .search-box { width: calc(100% + 1px); } .main-menu_fix .search_active .search-list-popup { width: calc(100% + 1px); } } .mob-menu { display: none; overflow: hidden; margin-right: 24px; min-width: 21px; } .mob-menu-switcher { display: block; padding-top: 5px; padding-bottom: 5px; } .mob-menu-switcher-close { display: block; line-height: 0; margin-top: -1px; margin-left: auto; margin-right: -4px; } .mob-menu-switcher-icon { display: block; } .mob-menu-close-icon { display: block; min-width: 16px; width: 16px; height: 17px; background-size: 100% auto; } .mob-menu-close-icon path { fill: var(--color1); } .mob-close-panel { display: flex; align-items: center; background-color: #fff; width: 100%; height: 50px; margin-bottom: 8px; padding: 19px 30px 19px 30px; } .mob-nav { margin-bottom: 25px; } .mob-company { display: flex; align-items: center; text-decoration: none; } .mob-company-logo { margin-right: 20px; text-decoration: none; } .mob-close { position: relative; z-index: 3; display: block; padding: 5px; margin-left: auto; margin-right: -7px; background-color: #fff; } .mob-block { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100vh; background-color: #fff; transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); transform: translateX(-100%); overflow-x: hidden; overflow-y: auto; } .mob-child { display: none; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: #fff; transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); transform: translateX(100%); overflow-x: hidden; overflow-y: hidden; } .mob-menu-decor { display: none; position: fixed; top: 0; left: 0; z-index: 990; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); } .mob-menu_active .mob-menu-decor { display: block; } .mob-block.open { transform: translateX(0); } .mob-block.open .mob-child { display: block; } .mob-child.open { transform: translateX(0); } .mob-block.mob-is-levels .mob-nav { height: 0; overflow: hidden; } .mob-block.mob-is-levels .mob-info { height: 0; overflow: hidden; visibility: hidden; } .mob-child.mob-child-is-current { overflow-y: auto; } .mob-list { margin-left: 30px; margin-right: 30px; } .mob-is-levels .mob-list-item { height: 0; overflow: hidden; } .mob-child.mob-child-is-current .mob-list-item { height: auto; overflow: visible; } .mob-back { display: flex; align-items: center; position: sticky; z-index: 1; top: 0; left: 0; width: 100%; height: 46px; padding: 15px 30px; background-color: #fff; } .mob-back:hover { background-color: transparent; color: #8a8a8a; } .mob-back-link { display: flex; align-items: center; margin-right: auto; text-transform: uppercase; font-weight: 500; font-size: 13px; line-height: 16px; color: #333; text-decoration: none; } .mob-back-link:hover { color: #333; } .mob-close-icon { display: block; width: 18px; height: 18px; } .mob-list-link { display: flex; align-items: center; min-height: 38px; padding-top: 11px; padding-bottom: 11px; text-decoration: none; font-size: 15px; line-height: 18px; font-weight: 500; color: #000000; letter-spacing: 0.02em; font-family: "Raleway", sans-serif; } .mob-list-link:hover { color: #000000; } .mob-list-item_active .mob-list-link { font-weight: 700; } .mob-list-current { display: flex; align-items: center; position: relative; height: 45px; padding: 10px 30px; text-transform: uppercase; font-weight: 500; font-size: 14px; line-height: 16px; background-color: #ECF0FA; text-decoration: none; color: #000; } .mob-list-current:hover { color: #000; } .mob-list-child-link { display: flex; align-items: center; justify-content: space-between; min-height: 57px; padding: 12px 70px; text-decoration: none; font-size: 15px; line-height: 21px; color: #1d1d1d; } .mob-list-child-link:hover { color: #1d1d1d; } .mob-back-icon { display: block; min-width: 14px; width: 14px; margin-right: 8px; } .mob-list-img { margin-right: 13px; vertical-align: middle; } .mob-list-icon { display: block; margin-left: auto; line-height: 0; } .mob-link { color: #1c1c1c; } .mob-list-category { display: block; } .mob-user-icon { display: inline-block; vertical-align: middle; margin-right: 15px; } .mob-info { padding-left: 30px; padding-right: 30px; padding-bottom: 25px; } .mob-info-title { display: block; margin-bottom: 15px; font-size: 13px; font-weight: 700; text-transform: uppercase; color: #1d1d1d; } .mob-user-info { display: flex; align-items: center; } .mob-callback-button { line-height: 0; } .mob-socials-title { display: block; margin-bottom: 12px; font-size: 14px; } .mob-title { margin-top: 1px; margin-right: 10px; font-size: 14px; color: #2a364d; font-weight: 800; text-transform: uppercase; } .mob-header-link { margin-right: auto; font-size: 14px; font-weight: 700; color: #606060; } .mob-header-link:hover { text-decoration: none; color: #606060; } .mob-info-name { margin-bottom: 15px; font-weight: 500; font-size: 12px; line-height: 15px; letter-spacing: 0.01em; color: #333333; } .mob-phone { display: flex; } .mob-phone-icon { margin-right: 11px; } .mob-phone-value { font-weight: 600; font-size: 16px; line-height: 19px; color: var(--color6); } .mob-phone-value a { color: var(--color6); text-decoration: none; } .mob-phone-value a:hover { color: var(--color6); text-decoration: none; } .mob-callback-label { margin-bottom: 15px; font-weight: 500; font-size: 12px; line-height: 15px; letter-spacing: 0.01em; color: #333333; } .mob-callback-link { background-color: #213194; } .mob-location { display: flex; } .mob-location-icon { min-width: 14px; width: 14px; margin-right: 10px; margin-top: -1px; } .mob-location-label { font-weight: 500; font-size: 14px; line-height: 17px; color: var(--color6); } @media screen and (max-width: 992px) { .mob-menu { display: block; } } @media screen and (max-width: 750px) { .mob-menu { margin-right: 14px; } } @media screen and (max-width: 992px) { body.mob-menu-show { overflow: hidden; } body.mob-menu-show .decor-popup { display: block; background-color: #fff; } } .header-1 { box-shadow: 0 0 10px rgba(115, 115, 115, 0.25); } .main-page .header-1 { box-shadow: none; } .header-1-top { background-color: #fff; } .header-1-top-container { display: flex; justify-content: space-between; align-items: center; height: 93px; padding-top: 18px; padding-bottom: 16px; } .header-1-contacts { display: flex; align-items: center; } .header-1-contacts-item { padding-right: 46px; } .header-1-phone { margin-right: 40px; } .header-1-contacts-label { font-size: 14px; line-height: 17px; color: var(--color6); } .header-1-contacts-block { display: flex; align-items: center; } .header-1-contacts-icon { min-width: 18px; margin-right: 10px; } .header-1-contacts-arrow { min-width: 9px; width: 9px; margin-left: 8px; } .header-1-contacts-location { display: flex; align-items: center; text-decoration: none; } .header-1-contacts-location:hover { font-weight: 500; letter-spacing: -0.01em; } .header-1-contacts-location:active { font-weight: 500; } .header-1-logo { margin-right: 60px; text-decoration: none; line-height: 0; } .header-1-logo-img { max-width: 142px; max-height: 40px; margin-bottom: 5px; } .header-1-logo-label { display: block; font-size: 11px; line-height: 15px; color: var(--color7); } .header-1-phone-container { position: relative; } .header-1-phone-block { display: flex; } .header-1-phone-switcher { display: inline-block; margin-top: -7px; margin-left: 9px; } .header-1-phone-switcher-icon { transition: transform 0.2s ease-in-out 0s; } .header-1-phone-dropdown { display: none; position: absolute; top: -87%; left: 0; z-index: 3; min-width: 243px; width: 100%; background-color: #fff; padding: 51px 28px 23px; box-shadow: 0 0 10px rgba(115, 115, 115, 0.25); border-radius: 20px; } .header-1-phone-icon { min-width: 15px; margin-top: 2px; margin-right: 9px; } .header-1-phone-icon path { fill: var(--color1); } .header-1-phone-number { position: relative; z-index: 4; font-weight: 600; font-size: 18px; line-height: 22px; color: var(--color6); white-space: nowrap; } .header-1-phone-number a { text-decoration: none; color: var(--color6); } .header-1-phone-number a:hover { color: var(--color17); } .header-1-phone-list { margin-bottom: 17px; } .header-1-phone-list-item { margin-bottom: 23px; } .header-1-phone-list-item:last-child { margin-bottom: 0; } .header-1-phone-list-number { margin-bottom: 9px; font-weight: 600; font-size: 18px; line-height: 22px; color: var(--color6); } .header-1-phone-list-number a { text-decoration: none; color: var(--color6); } .header-1-phone-list-number a:hover { color: var(--color6); } .header-1-phone_active .header-1-phone-dropdown { display: block; } .header-1-phone_active .header-1-phone-switcher { transform: scaleY(-1); position: relative; z-index: 4; margin-top: -3px; } .header-1-phone_active .header-1-phone-switcher-icon { transform: rotate(-180deg); } .header-1-phone-list-department { color: #606060; font-size: 14px; line-height: 17px; } .header-1-phone-button { margin-bottom: 28px; } .header-1-phone-address { margin-top: 11px; font-size: 13px; line-height: 12px; color: var(--color7); } .header-1-socials .socials-item { margin-bottom: 0; } .header-1-socials-label { margin-bottom: 15px; font-size: 14px; line-height: 17px; color: #606060; } .header-1-block { display: flex; align-items: center; } .header-1-button { margin-right: 30px; } .header-1-search { width: 100%; max-width: 471px; margin-top: -5px; } .header-1-search .search { margin-left: 0; min-width: 257px; width: 100%; } .header-1-search .search-button { background-color: var(--color1); } .header-1-search .search-button:hover { background-color: hsla(var(--color0), 89%, 55%, 1); } .header-1-search .search-button:active { background-color: hsla(var(--color0), 82%, 44%, 1); } .header-1-socials { display: flex; align-items: center; margin-left: 40px; } .header-1-socials-text { margin-right: 24px; font-size: 12px; line-height: 15px; letter-spacing: -0.01em; color: #333333; white-space: nowrap; } @media screen and (max-width: 1489px) { .header-1-logo { margin-right: 20px; } .header-1-logo-img { max-width: 120px; } .header-1-logo-label { font-size: 9px; font-weight: 500; } .header-1-contacts-item { padding-right: 22px; } .header-1-phone { min-width: 185px; max-width: 200px; margin-right: 20px; padding-right: 0; } .header-1-phone-number { font-size: 16px; line-height: 20px; } .header-1-phone-address { margin-top: 6px; font-size: 10px; font-weight: 500; } .header-1-button { display: none; margin-right: 20px; padding-left: 15px; padding-right: 15px; } .header-1-search .search { min-width: 204px; } .header-1-socials { margin-left: 25px; } .header-1-socials-text { display: none; margin-right: 20px; } } @media screen and (max-width: 1150px) { .header-1-search { max-width: 300px; } } @media screen and (max-width: 992px) { .header-1-top { display: none; } .header-1-logo { margin-right: auto; } .header-1-logo-img { max-width: 97px; } .header-1-contacts-item:not(.header-1-contacts-item_location) { display: none; padding-right: 20px; } .header-1-phone { min-width: auto; max-width: none; margin-right: 0; } .header-1-phone-dropdown { padding-top: 49px; } .header-1-phone-number { font-size: 16px; line-height: 19px; } .header-1-phone-list-number { font-size: 16px; line-height: 19px; } .header-1-phone-list-department { font-size: 13px; line-height: 16px; } .header-1-phone-switcher { margin-top: -5px; } .header-1-logo-label { display: none; } .header-1-socials { display: none; } } @media screen and (max-width: 750px) { .header-1-phone { display: none; } .header-1-phone-icon { display: none; } .header-1-phone-switcher { display: none; } .header-1-phone-number a { display: block; width: 15px; height: 15px; background: url("/local/templates/lawyer/css/../assets/images/header/phone-icon-1.svg") no-repeat 0 0; font-size: 0; } } .main-menu-1 .header-1-phone { display: none; } .main-menu-1 .main-menu-link { text-transform: uppercase; letter-spacing: 0.5px; } .main-menu-1 .main-menu-icon { margin-left: 9px; } .main-menu-1 .main-menu-target .main-menu-link { text-transform: none; } .main-menu-1 .header-1-logo { display: none; } .main-menu-1 .search { display: none; } @media screen and (max-width: 992px) { .main-menu-1 .header-1-logo { display: block; } .main-menu-1 .header-1-logo-img { margin-bottom: 0; } .main-menu-1 .header-1-phone { display: block; } .main-menu-1 .search { display: block; } } .main-menu_fix.main-menu-1 .header-1-phone { display: block; } .main-menu_fix.main-menu-1 .header-1-socials { margin-left: 0; } .main-menu_fix.main-menu-1 .header-1-socials-text { display: none; } .main-menu_fix.main-menu-1 .main-menu-wrapper { max-width: 100%; } .header-2-socials { margin-left: 40px; } @media screen and (min-width: 992px) { .header-2-search { margin-left: auto; } .header-2-search .search-button { background-color: var(--color2); border-radius: 0 50% 50% 0; } .header-2-search .search-icon { margin-right: 7px; } .header-2-search .search-icon path { stroke: #111111; } .header-2-search .search-icon circle { stroke: #111111; } } @media screen and (max-width: 1489px) { .header-2-socials { display: none; } .header-2-contacts-item_hours { display: none; } } .main-menu-2 .header-phone { display: block; } .main-menu-2 .header-phone-icon, .main-menu-2 .header-email-icon { visibility: hidden; } .main-menu-2 .header-2-search { display: none; } @media screen and (max-width: 992px) { .main-menu-2 .header-2-search { display: block; } } .header-3 { position: relative; z-index: 3; } .header-3-top-container { display: flex; justify-content: space-between; align-items: center; height: 70px; } .header-3-callback { margin-left: auto; display: flex; } .header-3-logo { display: none; margin-right: 30px; text-decoration: none; line-height: 0; } .header-3-top .header-3-logo { display: block; } .header-3 .main-menu { border-top: 1px solid rgba(255, 255, 255, 0.1); border-top: none; } body.main-page .header-3_simple .header-3-top .header-contacts-label { color: #FFFFFF; } body.main-page .header-3_simple .header-3-top .header-contacts-location:hover { text-shadow: 0 0 0.05em #fff; } body.main-page .header-3_simple .header-3-top .header-contacts-arrow path { fill: #FFFFFF; } body.main-page .header-3_simple .header-3-top .header-phone-number { color: #FFFFFF; } body.main-page .header-3_simple .header-3-top .header-phone-number a { color: #FFFFFF; } body.main-page .header-3_simple .header-3-top .header-phone-number a:hover { opacity: 0.8; } body.main-page .header-3_simple .main-menu:not(.main-menu_fix) .main-menu-list > .main-menu-item > .main-menu-link { color: #FFFFFF; } body.main-page .header-3_simple .main-menu:not(.main-menu_fix) .main-menu-more-icon circle, body.main-page .header-3_simple .main-menu:not(.main-menu_fix) .main-menu-icon path { fill: #FFFFFF; } body.main-page .header-3_simple .main-menu:not(.main-menu_fix) .main-menu-list > .main-menu-item:hover > .main-menu-link { color: #FFFFFF; } body.main-page .header-3_simple .main-menu:not(.main-menu_fix) .main-menu-item:hover .main-menu-icon path { fill: #FFFFFF; } body:not(.main-page) .header-3_simple .header-3-top .header-contacts-location .header-contacts-icon path { fill: var(--color17); } body:not(.main-page) .header-3_simple .header-3-top .header-contacts-block path.fill { fill: var(--color17); } body:not(.main-page) .header-3_simple .header-3-top .header-contacts-block path.stroke { stroke: var(--color17); } body:not(.main-page) .header-3_simple .header-3-top .header-contacts-block circle { fill: #FFFFFF; } body:not(.main-page) .header-3_simple .header-3-top .header-phone-block path { fill: var(--color17); } body:not(.main-page) .header-3_simple .header-3-top .header-3-contacts-item_hours circle { fill: var(--color17); } body:not(.main-page) .header-3_simple .header-3-top .header-3-contacts-item_hours path { stroke: #FFFFFF; } .main-menu_fix .header-3-logo.header-3-logo_dark { display: block; } .header-3_simple .main-menu-container:after { transition: top 0.1s ease-in-out, visibility 0.1s ease-in-out; } @media screen and (max-width: 1489px) { .header-3-contacts-item_address { display: none; } .header-3-contacts-item_hours { display: none; } } @media screen and (max-width: 992px) { .header-3-top { display: none; } body.main-page .header-3-logo_light { display: block; } body:not(.main-page) .header-3-logo_dark { display: block; } body.main-page .main-menu_fix .header-3-logo_light { display: none; } body.main-page .main-menu_fix .header-3-logo_dark { display: block; } body.main-page .header-3_simple .main-menu:not(.main-menu_fix) .mob-menu-switcher-icon path { stroke: #fff; } .header-3_simple .main-menu:not(.main-menu_fix) .header-phone-number { color: #FFFFFF; } body.main-page .header-3_simple .main-menu:not(.main-menu_fix) .header-phone-number a { color: #FFFFFF; } body.main-page .header-3_simple .main-menu:not(.main-menu_fix) .header-phone-icon path, body.main-page .header-3_simple .main-menu:not(.main-menu_fix) .header-email-icon path { fill: #fff; } } @media screen and (max-width: 750px) { .header-3 .header-phone-number a { background-image: url("/local/templates/lawyer/css/../assets/images/header/phone-icon-1.svg"); } body.main-page .header-3_simple .main-menu:not(.main-menu_fix) .header-phone-number a { background-image: url("/local/templates/lawyer/css/../assets/images/header-3/phone-icon-3.svg"); } } @media screen and (max-width: 992px) { .main-menu_fix .header-3-logo { display: none; } } .footer-main { background-color: var(--color2); } .footer-main-container { display: flex; padding-top: 40px; padding-bottom: 27px; } .footer-item { width: 20%; padding-right: 30px; } .footer-item_menu { width: 60%; } .footer-bottom { background-color: #ECECF2; } .footer-bottom-container { display: flex; align-items: center; min-height: 42px; padding-top: 9px; padding-bottom: 11px; } .footer-copyright { margin-right: auto; font-size: 13px; line-height: 22px; letter-spacing: 0.01em; color: var(--color6); } .footer-develop { font-size: 13px; line-height: 22px; letter-spacing: 0.01em; color: var(--color6); } .footer-logo { display: block; max-width: 157px; margin-bottom: 25px; } .footer-logo-img { display: block; } .footer-socials { margin-bottom: 27px; } .footer-item_contacts .footer-socials { display: none; } .footer-info { font-size: 13px; line-height: 22px; letter-spacing: 0.01em; color: var(--color6); } .footer-menu { column-count: 3; column-gap: 30px; } .footer-menu-item { margin-bottom: 14px; line-height: 20px; } .footer-menu-link { text-decoration: none; font-size: 14px; letter-spacing: 0.01em; color: #333333; } .footer-menu-link:hover { color: var(--color1); } .footer-button { margin-bottom: 26px; padding-left: 38px; padding-right: 38px; } .footer-phone { display: flex; align-items: center; margin-bottom: 20px; } .footer-phone-icon { min-width: 19px; margin-right: 11px; } .footer-phone-number { font-weight: 600; font-size: 15px; line-height: 19px; color: var(--color6); letter-spacing: 0.01em; } .footer-phone-number a { text-decoration: none; } .footer-phone-number a:hover { color: var(--color18); } .footer-contacts { margin-bottom: 10px; } .footer-contacts-item { display: flex; margin-bottom: 25px; } .footer:not(.footer-1) .footer-contacts-item:last-child { margin-bottom: 0; } .footer-contacts-icon { width: 18px; min-width: 18px; margin-top: 1px; margin-right: 10px; text-align: center; } .footer-contacts-label { font-size: 14px; line-height: 20px; letter-spacing: 0.01em; color: #333333; } @media screen and (max-width: 1489px) { .footer-item:last-child { padding-right: 0; } .footer-button { padding-left: 28px; padding-right: 28px; } } @media screen and (max-width: 992px) { .footer-main-container { padding-top: 32px; padding-bottom: 32px; } .footer-item { width: 29%; padding-right: 20px; } .footer-item_menu { width: 42%; } .footer-logo { max-width: 100px; margin-bottom: 20px; } .footer-menu { column-count: 2; column-gap: 20px; } .footer-menu-item { margin-bottom: 13px; line-height: 18px; } .footer-menu-link { font-size: 13px; } .footer-socials { margin-bottom: 17px; } .footer-info { font-size: 11px; line-height: 19px; } .footer-button { margin-bottom: 15px; padding-left: 32px; padding-right: 32px; letter-spacing: 0.01em; } .footer-phone-icon { margin-right: 5px; } .footer-contacts-item { margin-bottom: 19px; } .footer-contacts-label { font-size: 13px; line-height: 16px; } .footer-contacts-icon { width: 16px; min-width: 16px; margin-right: 8px; } .footer-bottom-container { min-height: 33px; padding-top: 6px; padding-bottom: 7px; } .footer-copyright { font-size: 12px; line-height: 20px; } .footer-develop { font-size: 12px; line-height: 20px; } } @media screen and (max-width: 750px) { .footer-bottom-container { display: block; min-height: 42px; padding-top: 6px; padding-bottom: 7px; } .footer-main-container { flex-wrap: wrap; } .footer-item { width: 100%; padding-right: 0; } .footer-item_company { margin-bottom: 15px; } .footer-item_menu { order: 1; } .footer-item_contacts { padding-bottom: 11px; margin-bottom: 30px; border-bottom: 1px solid #DEDEE8; } .footer-contacts { max-width: 250px; margin-bottom: 22px; } .footer-button { padding-left: 26px; padding-right: 26px; } .footer-socials { display: none; } .footer-item_contacts .footer-socials { display: block; margin-bottom: 0; } .footer-copyright { margin-bottom: 7px; font-size: 13px; line-height: 22px; } .footer-develop { font-size: 13px; line-height: 22px; } } .footer-1-item { width: 20%; padding-right: 30px; } .footer-1-item_company { width: 23%; } .footer-1-item_menu { width: 57%; } .footer-1-socials { margin-bottom: 18px; } .footer-1-contacts { margin-bottom: 23px; } .footer-1-contacts-item { display: flex; margin-bottom: 25px; } .footer-1-contacts-item:last-child { margin-bottom: 0; } .footer-1-contacts-icon { width: 18px; min-width: 18px; margin-top: 1px; margin-right: 10px; text-align: center; } .footer-1-contacts-label { font-size: 14px; line-height: 20px; letter-spacing: 0.01em; color: #333333; } .footer-1-phone-item { margin-bottom: 17px; } .footer-1-phone-item:last-child { margin-bottom: 0; } .footer-1-phone-number { margin-bottom: 3px; font-weight: 600; font-size: 18px; line-height: 22px; } .footer-1-phone-number a { text-decoration: none; color: #333; } .footer-1-phone-number a:hover { color: var(--color17); } .footer-1-phone-info { font-size: 15px; line-height: 23px; color: var(--color15); } .footer-1 .socials-link svg { fill: #fff; } .footer-1 .socials-link:hover svg { fill: #111; } @media screen and (max-width: 1489px) { .footer-1-item:last-child { padding-right: 0; } .footer-1-phone-number { font-size: 18px; line-height: 22px; } .footer-1-phone-info { font-size: 12px; line-height: 20px; } } @media screen and (max-width: 992px) { .footer-1-item { width: 29%; padding-right: 20px; } .footer-1-item_menu { width: 42%; } .footer-1-contacts-item { margin-bottom: 19px; } .footer-1-contacts-label { font-size: 13px; line-height: 16px; } .footer-1-contacts-icon { width: 16px; min-width: 16px; margin-right: 8px; } } @media screen and (max-width: 750px) { .footer-1-item { width: 100%; padding-right: 0; } .footer-1-item_company { margin-bottom: 15px; } .footer-1-item_menu { order: 1; } .footer-1-item_contacts { padding-bottom: 11px; margin-bottom: 30px; border-bottom: 1px solid #DEDEE8; } .footer-1-contacts { max-width: 250px; margin-bottom: 22px; } .footer-1-phone-item { margin-bottom: 15px; } .footer-1-phone-info { font-size: 11px; line-height: 18px; } } .footer-2-top-container { display: flex; align-items: center; padding-top: 18px; padding-bottom: 18px; } .footer-2-socials { display: flex; align-items: center; margin-left: auto; padding-left: 40px; } .footer-2-socials .socials-item { margin-bottom: 0; } .footer-2-socials-text { margin-right: 27px; font-size: 14px; line-height: 17px; letter-spacing: -0.01em; color: var(--color16); white-space: nowrap; } .footer-2-main-menu { flex-grow: 1; } .footer-2-main-menu .main-menu-item { padding-top: 7px; padding-bottom: 7px; } .footer-2-main-menu .main-submenu { top: auto; bottom: 100%; } .footer-2-main-container { display: flex; padding-top: 23px; padding-bottom: 27px; } .footer-2-item { width: 20%; padding-left: 20px; } .footer-2-item:first-child { padding-left: 0; } .footer-2-item_company { width: 15%; } .footer-2-item_info { width: 36%; } .footer-2-item_hours { width: 17%; } .footer-2-logo { display: block; min-width: 100px; max-width: 180px; max-height: 60px; margin-top: 7px; } .footer-2-logo-img { display: block; } .footer-2-contacts { min-width: 165px; display: flex; flex-direction: column; align-items: flex-start; } .footer-2-item:last-child .footer-2-contacts { width: max-content; margin-left: auto; } .footer-2-contacts-label { margin-bottom: 5px; font-weight: 500; font-size: 18px; line-height: 22px; color: #111111; } .footer-2-contacts-label a { text-decoration: none; } .footer-2-contacts-label a:hover { color: var(--color18); } .footer-2-contacts-info { font-size: 12px; line-height: 20px; color: var(--color7); } .footer-2-info { max-width: 400px; font-size: 13px; line-height: 22px; color: var(--color7); } @media screen and (max-width: 1489px) { .footer-2-item { width: 19%; } .footer-2-item_company { width: 13%; } .footer-2-item_info { width: 30%; } .footer-2-logo { max-width: 125px; } .footer-2-contacts { min-width: 145px; } .footer-2-contacts-label { font-weight: 600; font-size: 15px; line-height: 19px; } .footer-2-info { font-size: 12px; line-height: 22px; } } @media screen and (max-width: 992px) { .footer-2-top-container { padding-top: 13px; padding-bottom: 13px; } .footer-2-main-menu { display: none; } .footer-2-main-container { flex-wrap: wrap; padding-top: 32px; padding-bottom: 32px; } .footer-2-item { width: 31%; padding-left: 0; padding-right: 20px; } .footer-2-item:last-child { padding-right: 0; } .footer-2-item_company { width: 19%; margin-bottom: 20px; } .footer-2-item_info { width: 81%; margin-bottom: 20px; } .footer-2-item_hours { width: 38%; } .footer-2-logo { margin-top: 5px; } .footer-2-info { font-size: 11px; line-height: 19px; } .footer-2-socials-text { margin-right: 20px; font-size: 12px; line-height: 15px; } } @media screen and (max-width: 750px) { .footer-2-socials-text { display: none; } .footer-2-main-container { flex-direction: column; } .footer-2-logo { max-width: 100px; } .footer-2-item { width: 100%; padding-right: 0; margin-bottom: 20px; } .footer-2-item:last-child { margin-bottom: 0; } .footer-2-item_company { width: 100%; } .footer-2-item_info { width: 100%; } .footer-2-item_hours { width: 100%; } .footer-2-item:last-child .footer-2-contacts { width: auto; margin-left: 0; } } .main-banner { padding-bottom: 30px; } .main-banner-block { position: relative; overflow: hidden; } .main-banner-inner { overflow: hidden; border-radius: var(--border-radius); } .main-banner-list { height: 503px; } .main-banner-item { position: relative; overflow: hidden; width: 100%; height: 100%; display: flex; background-color: rgba(20, 20, 20, 0.5); border-radius: var(--border-radius); } .main-banner-container { position: relative; height: 100%; display: flex; align-items: center; } .main-banner-detail { position: relative; z-index: 1; display: flex; flex-direction: column; width: 60%; padding: 71px 44px 85px; } .main-banner-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .main-banner-img:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(87.86deg, rgba(20, 20, 20, 0.8) 2.83%, rgba(20, 20, 20, 0) 81.03%); } .main-banner-pic { display: block; width: 100%; height: 100%; object-fit: cover; } .main-banner-preface { min-height: 22px; padding-bottom: 8px; margin-bottom: auto; font-size: 14px; line-height: 22px; color: #FFFFFF; } .main-banner-name { margin-bottom: 19px; font-weight: 600; font-size: 60px; line-height: 68px; color: #FFFFFF; } .main-banner-info { max-width: 580px; margin-bottom: 19px; font-size: 15px; line-height: 24px; color: #FFFFFF; } .main-banner-actions { margin-top: auto; } .main-banner-button { padding-left: 26px; padding-right: 26px; } .main-banner-slider-nav { position: absolute; bottom: 77px; right: 44px; z-index: 1; display: flex; align-items: center; } .main-banner-slider-nav-block { margin-left: 35px; } .main-banner-slider-nav-block .slider-button_next { background-color: var(--color1); border-color: var(--color1); position: relative; overflow: hidden; } .main-banner-slider-nav-block .slider-button_prev { position: relative; overflow: hidden; } .main-banner-3-slider-nav-block .slider-button_next::before, .main-banner-slider-nav-block .slider-button_next::before, .main-banner-slider-nav-block .slider-button_prev::before, .more::before, .projects-detail-video-link .play::before { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; opacity: 0; transition: 0.5s; background-color: #fff; } .main-banner-3-slider-nav-block .slider-button_next:hover::before, .main-banner-slider-nav-block .slider-button_next:hover::before, .main-banner-slider-nav-block .slider-button_prev:hover::before, .more:hover::before, .projects-detail-video-link:hover .play::before { opacity: 0.15; } /*.main-banner-slider-nav-block .slider-button_next:hover { background-color: hsla(var(--color0), 89%, 55%, 1); border-color: hsla(var(--color0), 89%, 55%, 1); } .main-banner-slider-nav-block .slider-button_next:active { background-color: hsla(var(--color0), 82%, 44%, 1); border-color: hsla(var(--color0), 82%, 44%, 1); }*/ @media screen and (max-width: 992px) { .main-banner { padding-bottom: 24px; } .main-banner-inner { border-radius: 25px; } .main-banner-list { height: 349px; } .main-banner-item { border-radius: 25px; } .main-banner-detail { width: 60%; padding: 36px 10px 36px 30px; } .main-banner-preface { min-height: 21px; padding-bottom: 0; font-size: 13px; line-height: 21px; } .main-banner-name { margin-bottom: 7px; font-size: 40px; line-height: 49px; } .main-banner-info { margin-bottom: 11px; font-size: 14px; line-height: 22px; } .main-banner-button { padding-left: 24px; padding-right: 24px; font-weight: 500; } .main-banner-slider-nav { bottom: 32px; right: 38px; } .main-banner-slider-nav-block { margin-left: 18px; } .main-banner-img:before { background: linear-gradient(87.86deg, rgba(20, 20, 20, 0.85) 2.83%, rgba(20, 20, 20, 0.5) 81.03%); } } @media screen and (min-width: 750px) { .main-banner .swiper-pagination-bullet { background-color: #fff; opacity: 0.6; } .main-banner .swiper-pagination-bullet-active { opacity: 1; width: 29px; } } @media screen and (max-width: 750px) { .main-banner-inner { margin-bottom: 17px; } .main-banner-list { height: auto; } .main-banner-item { height: auto; } .main-banner-detail { width: 100%; padding: 34px 18px 42px; } .main-banner-preface { margin-bottom: 17px; } .main-banner-name { margin-bottom: 13px; font-size: 32px; line-height: 42px; } .main-banner-slider-nav { position: static; justify-content: center; } .main-banner-slider-nav-block { display: none; } } .advantages { padding-bottom: 62px; } .index-block.index_blocks_advantages { padding-top: 30px; } .advantages { padding-bottom: 30px; } .advantages-list { display: flex; flex-wrap: wrap; justify-content: center; width: auto; margin-left: -15px; margin-right: -15px; } .advantages-list-item { width: 25%; min-height: 100%; height: auto; margin-bottom: 30px; padding-left: 15px; padding-right: 15px; } .advantages-line-3 { width: 33.33333%; } .advantages-line-5 { width: 20%; } .advantages-line-6 { width: 16.6%; } .advantages-block { height: 100%; padding: 28px 21px 28px 25px; border: 1px solid #ddd; border-radius: var(--border-radius); background-color: #fff; } .advantages-block.advantages-noborder { box-shadow: none; } .advantages-block.advantages-background { background: #F5F5FB; } .advantages-panel { display: flex; } .advantages-info { font-size: 15px; line-height: 24px; margin-top: 13px; } .advantages-name { margin-top: 2px; font-weight: 500; font-size: 17px; line-height: 25px; color: var(--color6); } .advantages-icon { display: flex; justify-content: center; align-items: center; min-width: 28px; width: 28px; height: 28px; margin-right: 12px; } .advantages-icon svg { width: 100%; height: 100%; } .advantages-icon path[stroke] { stroke: var(--color1); } .advantages-icon path[fill] { fill: var(--color1); } .advantages-icon rect[fill] { fill: var(--color1); } @media screen and (max-width: 1489px) { .advantages-block { padding-left: 17px; } .advantages-name { margin-top: 1px; font-size: 14px; line-height: 22px; } .advantages-icon { min-width: 25px; width: 25px; height: 25px; margin-right: 8px; } } @media screen and (max-width: 1240px) { .advantages-line-5 { width: 33.33333%; } .advantages-line-6 { width: 33.33333%; } } @media screen and (max-width: 992px) { .advantages { margin-left: 48px; margin-right: 48px; } .advantages-list { flex-wrap: nowrap; justify-content: flex-start; width: 100%; margin-left: 0; margin-right: 0; } .advantages-list-item { width: 287px; margin-bottom: 0; padding-left: 0; padding-right: 0; } .advantages-block { height: 100%; min-height: 106px; padding: 12px 18px 28px; box-shadow: 0 0 20px rgba(206, 206, 206, 0.6); border-radius: 15px; } .advantages-icon { min-width: 24px; width: 24px; height: 24px; } .advantages-name { font-size: 13px; line-height: 20px; } .advantages-info { font-size: 13px; line-height: 21px; margin-top: 9px; } } @media screen and (max-width: 750px) { .advantages { margin-bottom: 35px; margin-left: 0; margin-right: 0; } .advantages-block { padding-top: 15px; padding-bottom: 16px; border-radius: 15px; } } .advantages-2 .advantages-block { text-align: center; } .advantages-2 .advantages-icon { display: block; margin-right: 0; width: 100%; max-width: 100%; margin-bottom: 10px; } .advantages-2 .advantages-name { margin-bottom: 5px; } .panel { display: flex; align-items: flex-start; margin-bottom: 30px; } .panel-title { margin-right: 20px; margin-bottom: 0; } .panel-text { max-width: 920px; margin-top: 20px; margin-bottom: 20px; color: #666; letter-spacing: 0.5px; line-height: 24px; } .panel-more { display: none; margin-left: 12px; } .panel-button { margin-left: auto; min-width: 130px; } .panel-button { margin-top: 5px; } @media screen and (max-width: 992px) { .panel { margin-bottom: 15px; } } @media screen and (max-width: 750px) { .panel-title { margin-right: 0; } .panel-button { display: none; } .panel-more { display: inline-block; position: relative; top: 1px; } .panel-text { font-size: 14px; line-height: 20px; } } .more { display: flex; align-items: center; justify-content: center; min-width: 40px; width: 40px; height: 40px; border-radius: var(--border-radius); background-color: var(--color1); border: 1px solid var(--color1); transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; } .more:hover { background-color: var(--color1); border-color: var(--color1); } .more:active { background-color: var(--color1); border-color: var(--color1); } @media screen and (max-width: 992px) { .more { min-width: 35px; width: 35px; height: 35px; } } .services-block { padding-bottom: 94px; } .services-block-inner { position: relative; margin-bottom: 30px; } .services-block-slider { overflow: hidden; } .services-block-item { width: 246px; } .services-block-link { position: relative; display: block; height: 368px; text-decoration: none; border-radius: var(--border-radius); overflow: hidden; } .services-block-link:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 310px; background: linear-gradient(0.62deg, rgba(20, 20, 20, 0.81) 4.54%, rgba(20, 20, 20, 0) 57.87%); } .services-block-link:after { opacity: 0; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--color1); transition: opacity 0.4s linear; } .services-block-container { position: relative; z-index: 1; display: flex; flex-direction: column; height: 100%; padding: 15px 15px 20px 25px; } .services-block-panel { display: flex; align-items: center; margin-bottom: auto; } .services-block-more { visibility: hidden; font-weight: 500; font-size: 16px; line-height: 18px; color: #FFFFFF; text-decoration: underline; } .services-block-img { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; } .services-block-icon { margin-left: auto; } .services-block-icon.more svg path { fill: #000; } .services-block-name { margin-top: auto; margin-right: 10px; min-height: 54px; font-weight: 500; font-size: 16px; line-height: 27px; color: #FFFFFF; } .services-block-info { visibility: hidden; margin-top: auto; margin-bottom: auto; font-size: 15px; line-height: 24px; color: #FFFFFF; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; display: box; word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical; -ms-line-clamp: 6; -webkit-line-clamp: 6; line-clamp: 6; } h2.services-title { font-size: 24px; line-height: 32px; } @media screen and (min-width: 992px) { .services-block-link:hover:after { opacity: 1; } .services-block-link:hover .services-block-icon { border-color: #fff; } .services-block-link:hover .services-block-more { visibility: visible; } .services-block-link:hover .services-block-info { visibility: visible; } .services-block-link:hover .services-block-icon { background-color: #fff; } .services-block-link:hover .services-block-icon path { fill: var(--color1); } } @media screen and (max-width: 992px) { .services-block { padding-bottom: 60px; } .services-block-container { padding-top: 10px; padding-right: 10px; padding-left: 17px; } .services-block-inner { margin-bottom: 22px; } .services-block-slider { overflow: visible; } .services-block-link { border-radius: 25px; } .services-block-item { width: 217px; } .services-block-link { height: 276px; } .services-block-name { min-height: 42px; font-weight: 500; line-height: 21px; } .services-block-info { -ms-line-clamp: 5; -webkit-line-clamp: 5; line-clamp: 5; } } @media screen and (max-width: 750px) { .services-block-container { padding: 11px 11px 10px 17px; } .services-block-item { width: 265px; } .services-block-name { min-height: 30px; font-size: 13px; line-height: 17px; } } .actions-block { padding-bottom: 95px; } .actions-block-inner { position: relative; margin-bottom: 40px; } .actions-block-slider { overflow: hidden; } .actions-block-item { width: 33.3%; } .actions-block-link { position: relative; display: block; overflow: hidden; height: 280px; border-radius: var(--border-radius); text-decoration: none; background-color: var(--color2); } .actions-block-info { position: relative; z-index: 1; display: block; max-width: 382px; height: 100%; padding: 28px 24px; } .actions-block-img { position: absolute; bottom: 0; right: 0; max-height: 210px; } .actions-block-label { display: block; margin-bottom: 15px; } .actions-block-name { font-weight: 600; font-size: 24px; line-height: 31px; color: #1F1F1F; height: 96px; overflow: hidden; } .actions-block-link:hover .actions-block-name { border-bottom: 1px solid #1F1F1F; } .actions-block-announce { display: block; max-width: 260px; font-size: 15px; line-height: 26px; color: #333; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; display: box; word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 4; line-clamp: 4; } .actions-block-link_modified .actions-block-name { color: #FFFFFF; } .actions-block-link_modified:hover .actions-block-name { border-bottom-color: #FFFFFF; } .actions-block-link_modified .actions-block-announce { color: #FFFFFF; } .actions-block-item_bgr .actions-block-img { width: 100%; height: 100%; max-height: 100%; object-fit: cover; } .actions-block-item_bgr .actions-block-link:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(10.05deg, rgba(6, 12, 23, 0) 12.52%, rgba(6, 12, 23, 0.65) 90%); } @media screen and (max-width: 1489px) { .actions-block-label { margin-bottom: 12px; } .actions-block-name { font-size: 18px; line-height: 25px; height: 78px; } .actions-block-announce { font-size: 14px; line-height: 22px; } } @media screen and (max-width: 992px) { .actions-block { padding-bottom: 60px; } .actions-block-inner { margin-bottom: 22px; } .actions-block-slider { overflow: visible; } .actions-block-info { max-width: 300px; } .actions-block-link { border-radius: 25px; } .actions-block-name { font-size: 20px; line-height: 26px; } .actions-block-img { max-height: 140px; } } @media screen and (max-width: 750px) { .actions-block { margin-bottom: 64px; } .actions-block-item { width: 320px; } .actions-block-info { max-width: 260px; } .actions-block-name { font-size: 18px; line-height: 24px; height: 74px; } .actions-block-announce { font-size: 13px; line-height: 20px; } } .play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; background-color: var(--color1); border-radius: 50%; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; } /*.play:hover { background-color: hsla(var(--color0), 89%, 55%, 1); } .play:active { background-color: hsla(var(--color0), 82%, 44%, 1); }*/ .play-icon { margin-left: 9px; } @media screen and (max-width: 992px) { .play { width: 76px; height: 76px; } .play-icon { width: 28px; height: 30px; } } .company { padding-bottom: 54px; } .company-block { display: flex; } .company-detail { width: 51%; padding-right: 45px; } .company-block--position-left .company-video { order: 1; } .company-block--position-left .company-detail { order: 2; padding-right: 0; padding-left: 45px; } .company-detail b { color: var(--color6); } .company-detail p:last-child { margin-bottom: 0; } .company-video { width: 49%; } .company-video-link { display: block; position: relative; width: 100%; height: 335px; } .company-video-img { display: block; border-radius: var(--border-radius); width: 100%; height: 100%; object-fit: cover; } .company-video-link .play:before { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background-color: #fff; transition: 0.5s; opacity: 0; } .company-video-link .play:hover:before { opacity: 0.15; } @media screen and (max-width: 992px) { .company { padding-bottom: 23px; } .company-block { flex-direction: column; } .company-detail { width: 100%; margin-bottom: 17px; padding-right: 0; font-size: 14px; line-height: 24px; } .company-block--position-left .company-detail { padding-left: 0; margin-bottom: 0; margin-top: 17px; } .company-info { letter-spacing: -0.01em; } .company-video { width: 100%; } .company-video-link { height: 250px; } .company-video-img { border-radius: 25px; } } @media screen and (max-width: 750px) { .company-info { font-size: 16px; line-height: 26px; } .company-video-link { height: 245px; } } .basic { padding-bottom: 61px; } .basic-list { display: flex; flex-wrap: wrap; } .basic-list-item { box-shadow: 0 0 20px rgba(206, 206, 206, 0.6); background-color: #fff; border-radius: 25px; padding: 28px 21px 28px 25px; padding-left: 25px; width: calc(25% - 60px/4); display: flex; padding-left: 20px; margin-bottom: 30px; margin-right: 20px; } .basic-list-item:last-child { margin-right: 0; } .basic-list-name { margin-right: 17px; font-weight: 500; font-size: 48px; line-height: 48px; color: var(--color6); } .basic-list-info { font-size: 14px; line-height: 24px; letter-spacing: 0.5px; font-weight: 500; text-transform: uppercase; color: var(--color6); } @media screen and (max-width: 1489px) { .basic-list-item { padding-left: 15px; } .basic-list-name { margin-right: 10px; font-size: 29px; line-height: 33px; } .basic-list-info { font-size: 13px; line-height: 20px; } } @media screen and (max-width: 992px) { .basic { padding-bottom: 30px; } .basic-list-item { flex-direction: column; padding-left: 10px; padding-right: 10px; } .basic-list-item:nth-child(1) { width: 19%; } .basic-list-item:nth-child(4n) { width: 31%; } .basic-list-name { width: 100%; margin-bottom: 12px; margin-right: 0; text-align: center; } .basic-list-info { width: 100%; text-align: center; font-size: 12px; line-height: 18px; } } @media screen and (max-width: 750px) { .basic-list-item { width: 50%; margin-bottom: 19px; } .basic-list-item:nth-child(1) { width: 50%; } .basic-list-item:nth-child(4n) { width: 50%; } .basic-list-info { max-width: 130px; margin-left: auto; margin-right: auto; } } .plus { padding-top: 30px; padding-bottom: 80px; } .plus-container { display: flex; position: relative; border-radius: var(--border-radius); overflow: hidden; width: 100%; min-height: 464px; padding: 64px 46px 34px; background-size: cover; } .plus-container:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(6, 12, 23, 0.58); } .plus-detail { position: relative; z-index: 1; width: 33%; padding-top: 29px; padding-right: 40px; } .plus-block { position: relative; z-index: 1; width: 67%; } .plus-content { margin-bottom: 35px; color: #FFFFFF; } .plus-list { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .plus-list-item { width: 50%; margin-bottom: 30px; padding-left: 15px; padding-right: 15px; } .plus-list-box { min-height: 153px; height: 100%; padding: 32px 23px 27px; border: 1px solid #FFFFFF; border-radius: var(--border-radius); transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; } .plus-list-box:hover { background-color: var(--color1); border-color: var(--color1); } .plus-panel { display: flex; margin-bottom: 18px; } .plus-name { margin-top: 2px; font-weight: 600; font-size: 21px; line-height: 24px; letter-spacing: 0.02em; color: #FFFFFF; } .plus-info { font-size: 15px; line-height: 26px; color: #FFFFFF; } .plus-icon { min-width: 42px; width: 42px; height: 42px; margin-right: 14px; } .plus-title { color: #FFFFFF; } .plus-button { padding-left: 25px; padding-right: 25px; } @media screen and (min-width: 992px) and (max-width: 1489px) { .plus-title { font-size: 33px; } } @media screen and (max-width: 1489px) { .plus-container { padding-left: 30px; padding-right: 30px; } .plus-detail { width: 35%; padding-right: 30px; } .plus-block { width: 65%; } .plus-list-box { padding-left: 17px; padding-right: 17px; } .plus-name { font-size: 16px; } .plus-icon { margin-right: 10px; } } @media screen and (max-width: 992px) { .plus { padding-bottom: 56px; } .plus-container { flex-direction: column; min-height: 436px; padding: 29px 36px 16px; border-radius: 25px; } .plus-detail { display: flex; width: 100%; padding-top: 0; padding-right: 0; margin-bottom: 25px; } .plus-main { width: 55%; } .plus-actions { margin-left: auto; } .plus-block { width: 100%; } .plus-list { margin-left: -10px; margin-right: -10px; } .plus-list-item { margin-bottom: 20px; padding-left: 10px; padding-right: 10px; } .plus-list-box { padding: 20px 17px; } .plus-panel { margin-bottom: 14px; } .plus-name { margin-top: 3px; font-size: 16px; line-height: 18px; letter-spacing: 0.01em; } .plus-content { margin-bottom: 0; font-size: 14px; line-height: 21px; } .plus-info { font-size: 14px; line-height: 22px; } } @media screen and (max-width: 750px) { .plus-container { min-height: 290px; padding: 28px 20px 20px; } .plus-detail { flex-direction: column; margin-bottom: 35px; } .plus-content { margin-bottom: 15px; } .plus-main { width: 100%; } .plus-actions { margin-left: 0; } .plus-list-item { width: 100%; } .plus-list-item:last-child { margin-bottom: 0; } .plus-list-box { min-height: 119px; } } .spec-block { padding-bottom: 68px; } .spec-block-inner { position: relative; margin-bottom: 30px; } .spec-block-slider { overflow: hidden; } .spec-block-item { width: 246px; } .spec-block-link { position: relative; display: block; height: 368px; text-decoration: none; border-radius: var(--border-radius); overflow: hidden; } .spec-block-link:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 310px; background: linear-gradient(0.62deg, rgba(20, 20, 20, 0.81) 4.54%, rgba(20, 20, 20, 0) 57.87%); } .spec-block-link:after { opacity: 0; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--color1); transition: opacity 0.4s linear; } .spec-block-container { position: relative; z-index: 1; display: flex; flex-direction: column; height: 100%; padding: 15px 15px 20px 25px; } .spec-block-panel { display: flex; align-items: center; margin-bottom: 15px; text-decoration: none; } .spec-block-more { visibility: hidden; font-weight: 500; font-size: 16px; line-height: 18px; color: #FFFFFF; text-decoration: underline; } .spec-block-img { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); } .spec-block-icon { margin-left: auto; } .spec-block-bottom { margin-top: auto; text-decoration: none; } .spec-block-name { display: block; margin-bottom: 11px; font-weight: 600; font-size: 18px; line-height: 21px; color: #FFFFFF; } .spec-block-post { display: block; font-size: 15px; line-height: 24px; color: #FFFFFF; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; display: box; word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; } .spec-block-content { visibility: hidden; } .spec-block-info { font-size: 12px; line-height: 20px; color: #FFFFFF; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; display: box; word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; } .spec-block-button-list { display: flex; flex-wrap: wrap; align-items: flex-start; } .spec-block-button { display: inline-block; margin-right: 15px; margin-bottom: 15px; padding-bottom: 3px; border-bottom: 1px solid #FFFFFF; font-weight: 400; font-size: 14px; line-height: 1.1em; color: #FFFFFF; text-decoration: none; } .spec-block-button:last-child { margin-right: 0; margin-bottom: 0; } .spec-block-button:hover { text-decoration: none; color: #fff; border-bottom-color: transparent; } @media screen and (max-width: 1200px) { .spec-block-container { padding-left: 17px; } .spec-block-button-list { margin-bottom: 16px; } .spec-block-button { margin-bottom: 17px; padding-top: 6px; padding-left: 7px; padding-right: 7px; font-size: 13px; line-height: 1.2em; } } @media screen and (min-width: 992px) { .spec-block-link:hover:after { opacity: 1; } .spec-block-link:hover .spec-block-icon { border-color: #fff; } .spec-block-link:hover .spec-block-more { visibility: visible; } .spec-block-link:hover .spec-block-content { visibility: visible; } .spec-block-link:hover .spec-block-icon { background-color: #fff; } .spec-block-link:hover .spec-block-icon path { fill: var(--color1); } } @media screen and (max-width: 992px) { .spec-block { padding-bottom: 65px; } .spec-block-container { padding-top: 10px; padding-right: 10px; padding-left: 17px; } .spec-block-inner { margin-bottom: 22px; } .spec-block-slider { overflow: visible; } .spec-block-panel { margin-bottom: 10px; } .spec-block-button { margin-bottom: 10px; } .spec-block-button-list { margin-bottom: 10px; } .spec-block-link { border-radius: 25px; } .spec-block-item { width: 217px; } .spec-block-link { height: 277px; } .spec-block-name { margin-bottom: 1px; font-weight: 500; font-size: 16px; line-height: 20px; } .spec-block-info { font-size: 13px; line-height: 18px; } .spec-block-post { font-size: 13px; line-height: 22px; } .spec-block-content { display: none; } } @media screen and (max-width: 750px) { .spec-block { margin-bottom: 68px; } .spec-block-container { padding-left: 20px; } .spec-block-item { width: 265px; } } .tariffs-block { padding-top: 39px; padding-bottom: 128px; } .tariffs-block-container { position: relative; } .tariffs-block-inner { overflow: hidden; margin-bottom: 30px; border-radius: var(--border-radius); } .tariffs-block-list-item { height: auto; } .tariffs-block-box { display: flex; min-height: 435px; height: 100%; background-color: #FFFFFF; border-radius: var(--border-radius); border: 1px solid var(--color10); overflow: hidden; } .tariffs-block-img { position: relative; width: 38.7%; overflow: hidden; } .tariffs-block-pic-link:hover .tariffs-block-pic { transform: scale(1.1); } .tariffs-block-content { width: 61.3%; padding: 37px 30px 27px; display: flex; flex-direction: column; } .tariffs-block-link { display: block; } .tariffs-block-pic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s linear; } .tariffs-block-info { font-size: 15px; line-height: 26px; } .tariffs-block-info ul { display: flex; flex-wrap: wrap; margin-top: 0; margin-bottom: 0; } .tariffs-block-info ul li { width: 55%; padding-left: 24px; padding-right: 25px; margin-bottom: 20px; } .tariffs-block-info ul li:last-child { margin-bottom: 20px; } .tariffs-block-info ul li:nth-child(2n) { width: 45%; padding-right: 0; } .tariffs-block-info ul li:before { top: 5px; width: 15px; height: 15px; background: var(--color1) url("/local/templates/lawyer/css/../assets/images/tariffs/tariffs-icon.png") no-repeat center center; } .tariffs-block-name { display: block; max-width: 485px; font-size: 28px; line-height: 39px; } .tariffs-block-label { display: block; margin-bottom: 8px; font-weight: 500; font-size: 18px; line-height: 27px; color: var(--color6); } .tariffs-block-text { margin-left: -24px; } .tariffs-block-price { display: flex; margin-top: auto; } .tariffs-block-price-info { width: 55%; padding-right: 25px; } .tariffs-block-price-actions { width: 45%; } .tariffs-block-price-label { margin-right: 10px; font-weight: 600; font-size: 18px; line-height: 26px; color: var(--color6); } .tariffs-block-price-value { font-weight: 600; font-size: 28px; line-height: 41px; color: var(--color6); white-space: nowrap; } .tariffs-block-button { padding-left: 26px; padding-right: 26px; } .tariffs-block-button-label { display: none; } .tariffs-block-tags { position: absolute; top: 18px; left: 17px; display: flex; flex-wrap: wrap; } .tariffs-block-tags-item { margin-right: 10px; margin-bottom: 10px; } .tariffs-block-tags-label { display: inline-block; background-color: #fff; padding: 7px 19px 7px; font-weight: 500; font-size: 12px; line-height: 1.2em; color: var(--color6); border-radius: 50em; text-decoration: none; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); } .tariffs-block-tags-label:hover { color: var(--color6); text-decoration: none; } .tariffs-block-more { display: none; text-decoration: underline; } .tariffs-block-more-label { color: var(--color6); font-size: 12px; font-weight: 500; } .tariffs-block-more-label_hide { display: none; } @media screen and (max-width: 992px) { .tariffs-block { padding-top: 32px; padding-bottom: 95px; } .tariffs-block-box { min-height: 350px; } .tariffs-block-img { width: 44%; } .tariffs-block-content { width: 56%; padding: 20px 21px 27px; } .tariffs-block-name { margin-bottom: 10px; font-size: 18px; line-height: 25px; } .tariffs-block-wrapper { margin-bottom: 5px; } .tariffs-block-info { font-size: 13px; line-height: 20px; } .tariffs-block-info ul li { width: 100%; margin-bottom: 7px; padding-right: 0; } .tariffs-block-info ul li:before { top: 3px; } .tariffs-block-info ul li:nth-child(2n) { width: 100%; } .tariffs-block-info ul li:last-child { margin-bottom: 0; } .tariffs-block-label { margin-bottom: 2px; font-size: 15px; line-height: 19px; } .tariffs-block-price { flex-wrap: wrap; } .tariffs-block-price-info { width: 100%; margin-bottom: 12px; padding-right: 0; } .tariffs-block-price-actions { width: 100%; } .tariffs-block-price-label { font-size: 13px; line-height: 19px; } .tariffs-block-price-value { font-size: 22px; line-height: 27px; } .tariffs-block-button { padding-left: 22px; padding-right: 22px; font-weight: 500; } .tariffs-block-button-label { display: inline; } } @media screen and (max-width: 750px) { .tariffs-block { padding-top: 17px; padding-bottom: 27px; } .tariffs-block-box { flex-direction: column; flex-wrap: wrap; min-height: 623px; } .tariffs-block-inner { overflow: visible; margin-bottom: 22px; } .tariffs-block-img { width: 100%; height: 190px; } .tariffs-block-list-item { width: 265px; } .tariffs-block-content { flex-grow: 1; width: 100%; padding: 12px 19px 26px; display: flex; flex-direction: column; } .tariffs-block-tags { display: none; } .tariffs-block-tags-label { padding: 4px 12px; font-size: 10px; line-height: 12px; } .tariffs-block-label { margin-bottom: 4px; font-size: 16px; line-height: 24px; } .tariffs-block-info-wrapper { position: relative; max-height: 300px; overflow: hidden; } .tariffs-block-info-wrapper:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 35px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); } .tariffs-block-wrapper { margin-bottom: 13px; } .tariffs-block-info ul li { margin-bottom: 11px; } .tariffs-block-price { margin-top: auto; } .tariffs-block-price-info { margin-bottom: 15px; } .tariffs-block-price-label { display: block; margin-right: 0; margin-bottom: 4px; } .tariffs-block-button { width: 100%; } .tariffs-block-wrapper_active .tariffs-block-more { display: inline; } .tariffs-block-wrapper_show .tariffs-block-info-wrapper { max-height: none; overflow: visible; } .tariffs-block-wrapper_show .tariffs-block-info-wrapper:after { display: none; } .tariffs-block-wrapper_show .tariffs-block-more-label_show { display: none; } .tariffs-block-wrapper_show .tariffs-block-more-label_hide { display: inline; } } .projects-block { padding-bottom: 60px; } .projects-block-container { position: relative; } .projects-block-inner { overflow: hidden; margin-bottom: 30px; } .projects-block-list-item { height: auto; width: 50%; } .projects-block-box { position: relative; display: flex; flex-direction: column; height: 373px; border-radius: var(--border-radius); overflow: hidden; } .projects-block-box:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(65.04deg, rgba(20, 20, 20, 0.89) 11.88%, rgba(20, 20, 20, 0.3) 62.38%) } .projects-block-images { overflow: hidden; border-radius: var(--border-radius); } .projects-block-img-link { position: absolute; inset: 0; } .projects-block-img-link:focus, .projects-block-img-link:focus-visible { outline: none; } .projects-block-img-link:focus-visible .projects-block-img, .projects-block-img-link:hover .projects-block-img, .projects-block-img-link:active .projects-block-img { transform: scale(1.1) !important; } .projects-block-img { /*position: absolute; top: 0; left: 0;*/ width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s linear; border-radius: var(--border-radius); } .projects-block-detail { position: relative; z-index: 1; display: flex; flex-direction: column; height: 100%; padding: 30px 25px; } .projects-block-name { display: block; width: fit-content; margin-top: auto; margin-bottom: 25px; font-weight: 500; font-size: 36px; line-height: 42px; color: #FFFFFF; text-decoration: none; } .projects-block-name:hover { color: #FFFFFF; } .projects-block-info { min-height: 78px; margin-bottom: 23px; font-size: 15px; line-height: 26px; color: #FFFFFF; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; display: box; word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; } .projects-block-link { margin-top: auto; display: flex; align-items: center; width: fit-content; font-weight: 500; font-size: 16px; line-height: 18px; text-decoration: none; color: #FFFFFF; } .projects-block-link:hover { color: #FFFFFF; } .projects-block-link-icon { margin-right: 18px; } .projects-block-link .projects-block-link-icon { position: relative; overflow: hidden; } .projects-block-link .projects-block-link-icon:before { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; transition: 0.5s; opacity: 0; background-color: #fff; } .projects-block-link:hover .projects-block-link-icon:before { opacity: 0.15; } .projects-block-link:hover .projects-block-link-icon { background-color: var(--color1); border-color: var(--color1); } .projects-block-link .projects-block-link-icon svg path { fill: #000; } /*.projects-block-link:hover .projects-block-link-icon { background-color: hsla(var(--color0), 89%, 55%, 1); border-color: hsla(var(--color0), 89%, 55%, 1); } .projects-block-link:active .projects-block-link-icon { background-color: hsla(var(--color0), 82%, 44%, 1); border-color: hsla(var(--color0), 82%, 44%, 1); }*/ .projects-block-box:hover .projects-block-img { transform: scale(1.1); } @media screen and (max-width: 1489px) { .projects-block-name { font-size: 32px; line-height: 36px; } } @media screen and (max-width: 992px) { .projects-block-inner { margin-bottom: 22px; overflow: visible; } .projects-block-detail { padding-left: 20px; padding-right: 20px; } .projects-block-box { height: 334px; } .projects-block-info { min-height: 96px; margin-bottom: 20px; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; display: box; word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 4; line-clamp: 4; font-size: 14px; line-height: 24px; } .projects-block-name { font-size: 24px; line-height: 28px; } .projects-block-link { font-size: 15px; line-height: 17px; } } @media screen and (max-width: 750px) { .projects-block-box { height: 380px; } .projects-block-list-item { width: 265px; } .projects-block-link { font-size: 16px; line-height: 18px; } .projects-block-box:hover .projects-block-img { transform: none; } } .rating { display: flex; } .rating-item { margin-right: 6px; line-height: 0; } .rating-item:last-child { margin-right: 0; } .rating-icon path { fill: #FFAE00; } .rating-item_active ~ .rating-item .rating-icon path { fill: transparent; } .reviews-block { padding-bottom: 70px; } .reviews-block-container { position: relative; } .reviews-block-inner { overflow: hidden; margin: -15px -15px 15px; padding: 15px; } .reviews-block-list-item { height: auto; width: 33.3%; } .reviews-block-box { display: flex; flex-direction: column; padding: 25px; overflow: hidden; height: 100%; border-radius: var(--border-radius); box-shadow: 0 0 20px rgba(206, 206, 206, 0.6); transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; } .reviews-block-panel { display: flex; margin-bottom: 20px; } .reviews-block-pic { min-width: 64px; width: 64px; height: 64px; border-radius: var(--border-radius); overflow: hidden; margin-right: 19px; } .reviews-block-img { display: block; width: 100%; height: 100%; object-fit: cover; } .reviews-block-name { display: block; margin-bottom: 12px; font-weight: 600; font-size: 18px; line-height: 20px; color: var(--color6); } .reviews-block-post { display: block; margin-bottom: 15px; font-weight: 500; font-size: 16px; line-height: 27px; color: var(--color6); } .reviews-block-info { margin-bottom: 27px; font-size: 15px; line-height: 26px; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; display: box; word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; } .reviews-block-link { margin-top: auto; display: flex; align-items: center; font-weight: 500; font-size: 16px; line-height: 18px; text-decoration: none; color: var(--color6); } .reviews-block-link:hover { color: var(--color6); } .reviews-block-link-icon { position: relative; margin-right: 18px; } .reviews-block-link-icon svg path { fill: #000; } @media screen and (min-width: 992px) { .reviews-block-box:hover { background-color: var(--color1); box-shadow: none; } .reviews-block-box:hover .reviews-block-name { color: #FFFFFF; } .reviews-block-box:hover .reviews-block-post { color: #FFFFFF; } .reviews-block-box:hover .reviews-block-info { color: #FFFFFF; } .reviews-block-box:hover .reviews-block-link { color: #FFFFFF; } .reviews-block-box:hover .reviews-block-link-icon { border-color: #FFFFFF; background-color: #fff; } .reviews-block-box:hover .reviews-block-link-icon path { fill: var(--color1); } } @media screen and (max-width: 992px) { .reviews-block { padding-bottom: 60px; } .reviews-block-inner { overflow: visible; margin-bottom: 7px; } .reviews-block-box { padding: 21px; } .reviews-block-panel { margin-bottom: 12px; } .reviews-block-pic { min-width: 52px; width: 52px; height: 52px; } .reviews-block-post { margin-bottom: 10px; font-size: 15px; line-height: 26px; } .reviews-block-info { margin-bottom: 17px; font-size: 14px; line-height: 24px; } .reviews-block-link-icon { margin-right: 13px; } .reviews-block-link { font-size: 15px; line-height: 17px; } } @media screen and (max-width: 750px) { .reviews-block { margin-bottom: 55px; } .reviews-block-list-item { width: 265px; } .reviews-block-panel { margin-bottom: 17px; } .reviews-block-box { padding: 18px 20px 29px; } .reviews-block-post { margin-bottom: 8px; } .reviews-block-info { -webkit-line-clamp: 5; line-clamp: 5; } .reviews-block-name { font-size: 16px; line-height: 18px; } .reviews-block-pic { margin-right: 14px; } } .reviews-page-form { margin-bottom: 50px; } .reviews-page-form-block { border: 1px solid #ddd; border-radius: var(--border-radius); padding: 40px 30px; display: flex; justify-content: space-between; align-items: center; } .reviews-page-form-icon svg { width: 35px; height: 35px; } .reviews-page-form-icon svg path { fill: var(--color1); } .reviews-page-form-info { display: flex; align-items: center; } .reviews-page-form-icon { margin-right: 20px; } .reviews-page-form-text { width: calc(100% - 55px); padding-right: 20px; font-size: 14px; line-height: 24px; } @media screen and (max-width: 750px) { .reviews-page-form-block { flex-wrap: wrap; padding: 20px; } .reviews-page-form-btn { margin-top: 20px; margin-left: 55px; } .reviews-page-form-info { align-items: flex-start; } .reviews-page-form-icon { margin-top: 5px; } .reviews-page-form-text { font-size: 12px; line-height: 20px; padding-right: 0; } } .articles-block { padding-bottom: 50px; background-color: var(--color2); } .articles-block-box { padding-top: 10px; padding-bottom: 0px; } .articles-block-wrapper { position: relative; } .articles-block-inner { overflow: hidden; margin-bottom: 36px; } .articles-block-list-item { height: auto; width: 254px; } .articles-block-list-item_banner { width: 522px; } .articles-block-link { position: relative; display: block; height: 368px; text-decoration: none; border-radius: var(--border-radius); overflow: hidden; } .articles-block-link:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 310px; background: linear-gradient(0.62deg, rgba(20, 20, 20, 0.81) 4.54%, rgba(20, 20, 20, 0) 57.87%); } .articles-block-link:after { opacity: 0; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--color1); transition: opacity 0.4s linear; } .articles-block-container { position: relative; z-index: 1; display: flex; flex-direction: column; height: 100%; padding: 15px 15px 23px 25px; } .articles-block-panel { display: flex; align-items: center; margin-bottom: auto; } .articles-block-more { visibility: hidden; font-weight: 500; font-size: 16px; line-height: 18px; color: #FFFFFF; text-decoration: underline; } .articles-block-img { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; } .articles-block-icon { margin-left: auto; } .articles-block-icon svg path { fill: #000; } .articles-block-name { margin-top: auto; margin-right: 10px; min-height: 50px; font-weight: 500; font-size: 18px; line-height: 25px; color: #FFFFFF; } .articles-block-info { visibility: hidden; margin-top: auto; margin-bottom: auto; font-size: 15px; line-height: 24px; color: #FFFFFF; } .articles-block-date { min-width: 86px; display: inline-block; padding: 6px 13px; font-size: 13px; line-height: 16px; color: var(--color6); background-color: #fff; text-align: center; border-radius: 50em; } .articles-block-banner-img { position: absolute; bottom: 0; right: 0; } .articles-block-list-item_banner .articles-block-link { background-color: var(--color1); } .articles-block-list-item_banner .articles-block-link:before { display: none; } .articles-block-list-item_banner .articles-block-link:after { display: none; } .articles-block-list-item_banner .articles-block-icon { border-color: #fff; } .articles-block-banner-block { position: absolute; top: 50%; transform: translateY(-50%); width: 63%; max-height: 100%; padding-top: 45px; padding-bottom: 45px; } .articles-block-banner-name { display: block; margin-bottom: 15px; font-weight: 600; font-size: 28px; line-height: 42px; color: #FFFFFF; } .articles-block-banner-info { display: block; max-width: 254px; font-weight: 500; font-size: 15px; line-height: 26px; color: #FFFFFF; } @media screen and (min-width: 992px) { .articles-block-link:hover:after { opacity: 1; } .articles-block-link:hover .articles-block-icon { border-color: #fff; } .articles-block-link:hover .articles-block-more { visibility: visible; } .articles-block-link:hover .articles-block-info { visibility: visible; } .articles-block-link:hover .articles-block-date { display: none; } .articles-block-link:hover .articles-block-icon { background-color: #fff; } .articles-block-link:hover .articles-block-icon path { fill: var(--color1); } } @media screen and (max-width: 992px) { .articles-block { padding-bottom: 60px; background-color: transparent; } .articles-block-box { padding-top: 0; padding-bottom: 0; } .articles-block-inner { overflow: visible; margin-bottom: 22px; } .articles-block-list-item_banner { display: none; } .articles-block-container { padding: 11px 11px 17px 17px; } .articles-block-name { min-height: 50px; font-size: 15px; line-height: 21px; letter-spacing: -0.01em; } .articles-block-info { font-size: 14px; } .articles-block-link { height: 277px; border-radius: 25px; } .articles-block-date { min-width: 73px; padding: 5px 11px 4px; font-size: 11px; line-height: 13px; } } @media screen and (max-width: 750px) { .articles-block-list-item { width: 265px; } .articles-block-link { height: 282px; } } .tag { display: flex; align-items: center; flex-wrap: wrap; } .tag-item { margin-right: 15px; margin-bottom: 15px; line-height: 0; } .tag-item:last-child { margin-right: 0; } .tag-link { display: inline-block; padding: 5px 12px; font-size: 14px; line-height: 18px; color: #000000; border: 1px solid var(--color11); border-radius: 50em; text-decoration: none; white-space: nowrap; } .tag-link:hover { color: var(--color6); border-color: #000; text-shadow: 0 0 0.04em var(--color6); } .tag-item_active .tag-link { font-weight: 500; color: var(--color6); border-color: #000; } .tag_modified .tag-item { width: auto; margin-right: 20px; margin-bottom: 20px; } .tag_modified .tag-item:last-child { margin-right: 0; } .tag_modified .tag-link { padding: 8px 22px; font-size: 15px; line-height: 22px; font-weight: 500; } .tag_simple .tag-link { padding: 7px 22px 8px; } .tag-item_active .tag-link { background-color: var(--color1); border-color: var(--color1); color: #fff; position: relative; } /*.tag-item_active .tag-link:hover { background-color: hsla(var(--color0), 89%, 55%, 1); } .tag-item_active .tag-link:active { background-color: hsla(var(--color0), 82%, 44%, 1); }*/ .tag_common .tag-link { border-color: var(--color1); } @media screen and (max-width: 992px) { .tag-item { margin-right: 15px; margin-bottom: 15px; } .tag-item:last-child { margin-right: 0; } .tag-link { padding: 4px 11px 5px; font-size: 12px; line-height: 14px; } .tag_modified .tag-item { margin-right: 15px; margin-bottom: 15px; } .tag_modified .tag-link { padding: 5px 18px; font-size: 12px; line-height: 18px; } .tag_simple .tag-link { padding: 6px 13px; } } @media screen and (max-width: 750px) { .tag_modified { flex-wrap: nowrap; } .tag_modified .tag-item { width: auto; margin-right: 0; } } .tag-simple { display: flex; flex-wrap: wrap; } .tag-simple-item { margin-right: 15px; margin-bottom: 15px; } .tag-simple-item:last-child { margin-right: 0; } .tag-simple-link { display: block; padding: 3px 14px; background-color: #fff; border-radius: 50em; font-size: 14px; line-height: 22px; color: #282D3C; text-decoration: none; box-shadow: 0px 0px 0px 1px #eee; } .tag-simple-link:hover { color: var(--color5); text-shadow: 0 0 0.04em var(--color5); } .tag-simple-item_active .tag-simple-link { background-color: var(--color1); color: #fff; font-weight: 500; } @media screen and (max-width: 992px) { .tag-simple-item { margin-right: 10px; margin-bottom: 10px; } .tag-simple-link { padding: 2px 7px; font-size: 12px; line-height: 18px; } } .clients-block { padding-bottom: 72px; } .clients-block-container { display: flex; } .clients-block-info { width: 40%; padding-right: 30px; } .clients-block-brands { width: 60%; } .clients-block-content { margin-bottom: 32px; font-size: 15px; line-height: 26px; } .clients-block-list { display: flex; flex-wrap: wrap; } .clients-block-list-item { width: 25%; margin-bottom: 20px; } .clients-block-list-element { display: flex; align-items: center; justify-content: center; height: 65px; padding: 0 15px; } .clients-block-list-img { display: block; } .clients-block-button { padding-left: 27px; padding-right: 27px; } @media screen and (max-width: 992px) { .clients-block { padding-bottom: 36px; } .clients-block-list-item { margin-bottom: 50px; } .clients-block-info { width: 37%; padding-right: 20px; } .clients-block-brands { width: 63%; } .clients-block-content { margin-bottom: 20px; } .clients-block-button { padding-left: 23px; padding-right: 23px; } .clients-block-content { font-size: 14px; line-height: 22px; } .clients-block-list-element { height: 34px; padding-left: 10px; padding-right: 10px; } } @media screen and (max-width: 750px) { .clients-block-container { flex-direction: column; } .clients-block-info { width: 100%; padding-right: 0; margin-bottom: 33px; } .clients-block-brands { width: 100%; } .clients-block-list-item { margin-bottom: 24px; } .clients-block-list-element { height: 32px; padding-left: 6px; padding-right: 6px; } } .news-block { padding-bottom: 94px; } .news-block-wrapper { position: relative; } .news-block-inner { overflow: hidden; margin: -15px -15px 20px; padding: 15px; } .news-block-list { display: flex; } .news-block-list-item { width: 25%; height: auto; min-height: 100%; } .news-block-container { display: flex; flex-direction: column; height: 100%; border-radius: var(--border-radius); overflow: hidden; } .news-block-container:hover { box-shadow: 0px 0px 20px rgba(206, 206, 206, 0.6); } .news-block-link { position: relative; display: block; overflow: hidden; height: 230px; padding: 25px 23px; text-decoration: none; border-radius: var(--border-radius); transition: border-radius 0.3s linear; } .news-block-date { position: relative; z-index: 1; display: inline-block; min-width: 86px; padding: 6px 13px; font-size: 13px; line-height: 16px; color: var(--color6); background-color: #fff; text-align: center; border-radius: 50em; } .news-block-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s linear; } .news-block-container:hover .news-block-link { border-radius: 0; } .news-block-link:hover .news-block-img { transform: scale(1.1); } .news-block-info { flex-grow: 1; display: flex; flex-direction: column; min-height: 52px; padding: 22px 24px 28px; } .news-block-tag { margin-bottom: -16px; } .news-block-name { display: inline-block; min-height: 54px; margin-top: auto; margin-bottom: 12px; font-weight: 600; font-size: 18px; line-height: 27px; color: var(--color6); text-decoration: none; } .news-block-name:hover { text-decoration: underline; color: var(--color6); } .news-block-announce { margin-bottom: 14px; min-height: 52px; font-size: 15px; line-height: 26px; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; display: box; word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; } .news-block .slider-button { top: 244px; } @media screen and (max-width: 1489px) { .news-block-link { height: 250px; } .news-block .slider-button { top: 264px; } } @media screen and (max-width: 992px) { .news-block { padding-bottom: 60px; } .news-block-container { border-radius: 25px; box-shadow: 0px 0px 20px rgba(206, 206, 206, 0.6); } .news-block-inner { overflow: visible; margin-bottom: 7px; } .news-block-link { height: 174px; padding: 16px; border-radius: 25px 25px 0 0; } .news-block-info { padding: 20px 18px 27px; } .news-block-date { min-width: 73px; padding: 5px 10px 4px; font-size: 11px; line-height: 13px; } .news-block-name { min-height: 44px; margin-bottom: 10px; font-size: 15px; line-height: 22px; letter-spacing: -0.01em; } .news-block-announce { min-height: 48px; font-size: 14px; line-height: 24px; } .news-block .slider-button { top: 189px; } .news-block-list-item.swiper-slide-active .tag-link { padding-top: 3px; padding-bottom: 4px; line-height: 13px; } } @media screen and (max-width: 750px) { .news-block-list-item { width: 265px; } .news-block-container { height: 380px; } .news-block-announce { min-height: 72px; -webkit-line-clamp: 3; line-clamp: 3; } } .faq-block { padding-bottom: 100px; } .faq-block-container { display: flex; } .faq-block-info { width: 42%; padding-right: 30px; } .faq-block-detail { width: 58%; } .faq-block-content { font-size: 15px; line-height: 26px; } .faq-block-tag { margin-bottom: 12px; } .faq-block-list-item { margin-bottom: 20px; } .faq-block-list-item:last-child { margin-bottom: 0; } .faq-block-list-box { display: flex; flex-direction: column; /*padding: 10px 10px 10px 24px;*/ background-color: var(--color2); border-radius: var(--border-radius); } .faq-block-list-panel { display: flex; cursor: pointer; } .faq-block-list-icon { margin-left: auto; min-width: 40px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50em; } .faq-block-list-pic { display: inline-block; transition: transform 0.3s ease-in-out 0s; } .faq-block-item_active .faq-block-list-icon { background-color: var(--color1); } .faq-block-item_active .faq-block-list-icon:hover { background-color: hsla(var(--color0), 89%, 55%, 1); } .faq-block-item_active .faq-block-list-icon:active { background-color: hsla(var(--color0), 82%, 44%, 1); } .faq-block-item_active .faq-block-list-pic { transform: rotate(45deg); } .faq-block-item_active .faq-block-list-pic path { fill: #fff; } .faq-block-list-info { margin-right: 50px; padding-top: 8px; padding-bottom: 13px; font-size: 14px; line-height: 24px; } .faq-block-list-info p:last-child { margin-bottom: 0; } .faq-block-list-name { align-self: center; margin-right: 30px; font-weight: 500; font-size: 16px; line-height: 27px; color: #000000; } @media screen and (min-width: 992px) { .faq-block-list-box:hover .faq-block-list-icon { background-color: var(--color1); } .faq-block-list-box:hover .faq-block-list-pic path { fill: #fff; } } @media screen and (max-width: 992px) { .faq-block { padding-bottom: 65px; } .faq-block-container { flex-direction: column; } .faq-block-info { width: 100%; padding-right: 0; margin-bottom: 20px; } .faq-block-detail { width: 100%; } .faq-block-tag { margin-bottom: 3px; } .faq-block-list-box { border-radius: 15px; padding-left: 18px; } .faq-block-list-item:not(.faq-block-item_active) .faq-block-list-icon { min-width: 30px; width: 30px; height: 30px; margin-top: 3px; } .faq-block-content { font-size: 14px; line-height: 24px; } .faq-block-list-name { font-size: 15px; line-height: 26px; color: var(--color6); } } @media screen and (max-width: 750px) { .faq-block { margin-bottom: 63px; } .faq-block-info { display: flex; flex-direction: column; margin-bottom: 9px; } .faq-block-content { order: -1; margin-bottom: 20px; } .faq-block-tag { margin-bottom: 0; } .faq-block-list-box { padding-top: 15px; padding-right: 14px; padding-bottom: 15px; } .faq-block-list-name { margin-right: 10px; } .faq-block-list-info { margin-right: 0; } } .consultation { padding-top: 40px; padding-bottom: 100px; background-color: var(--color2); } .consultation-block { display: flex; overflow: hidden; min-height: 397px; background-color: #FFFFFF; border-radius: var(--border-radius); } .consultation-form { width: 51%; padding: 30px 26px 40px 0px; } .consultation-img { width: 49%; } .consultation-pic { display: block; width: 100%; height: 100%; overflow: hidden; object-fit: cover; border-radius: var(--border-radius); } .consultation-title { max-width: 540px; display: block; } .consultation-button { padding-left: 38px; padding-right: 38px; } @media screen and (max-width: 992px) { .consultation { padding-top: 47px; padding-bottom: 98px; } .consultation-block { min-height: 371px; } .consultation-form { width: 51.5%; padding: 21px 19px 29px 22px; } .consultation-img { width: 48.5%; } .consultation-button { padding-left: 26px; padding-right: 26px; } } @media screen and (max-width: 750px) { .consultation { position: relative; padding-top: 48px; padding-bottom: 49px; } .consultation-block { min-height: 200px; } .consultation-img { width: 0; overflow: hidden; } .consultation-pic { position: absolute; top: 0; left: 0; } .consultation-form { position: relative; z-index: 1; width: 100%; padding: 29px 22px 30px; background-color: #fff; } .consultation-title { margin-bottom: 20px; } .consultation-button { padding-left: 31px; padding-right: 31px; } } ymaps [class*=-image] { background-color: var(--color1); border-radius: 50%; } @media screen and (max-width: 992px) { ymaps [class*=-image] { width: 42px !important; height: 42px !important; background-size: 42px 42px !important; } } .map ymaps [class*=-balloon] { border-radius: 20px; } .map ymaps [class*=-balloon__close][class$="__close"] { background: #fff; width: 30px; height: 30px; border-radius: 0; border-bottom-left-radius: 50%; margin-top: 2px; margin-right: 2px; } .map ymaps [class*=-balloon__close-button] { width: inherit; height: inherit; opacity: 0.5; } .map ymaps [class*=-balloon__close-button]:hover { opacity: 1; } .map ymaps [class*=-balloon__content] { margin: 0; padding: 5px; } .map [class*=-inner-panes] { background-color: grey; } .map [class*=-ground-pane] { filter: grayscale(1); opacity: 0.9; } .map-popup { max-width: 310px; font-family: var(--font-family), sans-serif; } .map-popup-img { background: none; border-radius: 0; max-width: 240px; text-align: center; margin: 0 auto; margin-bottom: 10px; } .map-popup-picture { border-radius: 20px; } .map-popup-content { padding: 0 20px 20px 20px; } .map-popup-name { color: #000; font-weight: 500; font-size: 16px; line-height: 20px; margin-bottom: 7px; } .map-popup-address, .map-popup-phone a, .map-popup-email a, .map-popup-schedule { display: flex; align-items: center; color: #000; font-size: 13px; font-weight: 400; text-decoration: none; } .map-popup-address { margin-bottom: 10px; } .map-popup-phone a, .map-popup-email a { margin-bottom: 3px; } .map-popup-phones, .map-popup-emails { margin-bottom: 10px; } .contacts-block { padding-bottom: 80px; } .contacts-block-container { position: relative; height: 520px; } .contacts-block-section { margin-bottom: 60px; } @media screen and (max-width: 750px) { .contacts-block-section { margin-bottom: 40px; } .contacts-block-section-title { text-align: center; } } .contacts-block-inner { display: flex; } @media screen and (max-width: 992px) { .contacts-block-inner { flex-wrap: wrap; } } @media screen and (max-width: 750px) { .contacts-block-inner { max-width: 300px; margin: 0 auto; } } .contacts-block-main { display: flex; width: 50%; padding-right: 40px; } @media screen and (max-width: 1200px) { .contacts-block-main { width: 60%; } } @media screen and (max-width: 992px) { .contacts-block-main { width: 70%; } } @media screen and (max-width: 750px) { .contacts-block-main { flex-wrap: wrap; width: 100%; padding-right: 0; } } .contacts-block-image { flex-shrink: 0; width: 240px; margin-right: 40px; text-align: center; } @media screen and (max-width: 750px) { .contacts-block-image { width: 100%; margin-right: 0; margin-bottom: 20px; } } @media screen and (max-width: 750px) { .contacts-block-main-content { margin-bottom: 10px; } } .contacts-block-picture { border-radius: 20px; } .contacts-block-call { width: 40%; } @media screen and (max-width: 1200px) { .contacts-block-call { width: 30%; } } @media screen and (max-width: 750px) { .contacts-block-call { width: 100%; } } .contacts-block-call-inner { display: flex; flex-wrap: wrap; padding-right: 40px; } @media screen and (max-width: 992px) { .contacts-block-call-inner { padding-right: 20px; } } @media screen and (max-width: 750px) { .contacts-block-call-inner { padding-right: 0; } } .contacts-block-phones-container, .contacts-block-emails-container { width: 50%; } @media screen and (max-width: 1200px) { .contacts-block-phones-container, .contacts-block-emails-container { width: 100%; } } .contacts-block-phones-container { padding-right: 20px; } .contacts-block-emails-container { padding-left: 20px; } @media screen and (max-width: 1200px) { .contacts-block-phones-container, .contacts-block-emails-container { padding: 0; } } .contacts-block-buttons { margin-left: auto; } @media screen and (max-width: 992px) { .contacts-block-buttons { width: 100%; margin-top: 15px; margin-left: 0; } } @media screen and (max-width: 750px) { .contacts-block-buttons { text-align: center; margin-top: 10px; } } .contacts-block-with-icon { position: relative; padding-left: 22px; } .contacts-block-icon { position: absolute; top: 3px; left: 0; width: 15px; height: 15px; color: var(--color1); } .contacts-block-inner .contacts-block-icon { top: 5px; } .contacts-block-info { position: relative; z-index: 1; width: 29.3%; min-width: 303px; border-top-left-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius); height: 100%; border: 1px solid #eee; box-shadow: 10px 0px 15px 0px rgba(0, 0, 0, 0.15); overflow: hidden; } .contacts-block-info .simplebar-content { padding: 0 !important; } .contacts-block-info-inner { max-height: 100%; padding-right: 10px; } .contacts-item-name { color: #000; font-weight: 500; font-size: 16px; line-height: 20px; margin-bottom: 15px; } .contacts-block-info .contacts-block-icon { top: 5px; } .contacts-block-phone, .contacts-block-email { margin-bottom: 22px; font-weight: 600; font-size: 24px; line-height: 29px; letter-spacing: -0.01em; color: var(--color6); } .contacts-block-phone a, .contacts-block-email a { text-decoration: none; } .contacts-block-phone a:hover, .contacts-block-email a:hover { color: var(--color6); } .contacts-block-img-wrapper { overflow: hidden; } .contacts-block-img { display: flex; flex-wrap: wrap; margin-left: -7px; margin-right: -7px; } .contacts-block-img-item { width: 33.3%; margin-bottom: 2px; padding-left: 7px; padding-right: 7px; } .contacts-block-img-item:nth-child(3n) { margin-right: 0; } .contacts-block-link { display: block; height: 82px; border-radius: 10px; overflow: hidden; } .contacts-block-pic { display: block; width: 100%; height: 100%; object-fit: cover; } .contacts-block-map { border-top-right-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); overflow: hidden; width: 100%; height: 100%; } @media screen and (max-width: 1489px) { .contacts-block-phone, .contacts-block-email { margin-bottom: 14px; font-size: 20px; line-height: 24px; } .contacts-block-link { height: 64px; } } @media screen and (max-width: 992px) { .contacts-block { padding-bottom: 65px; } .contacts-block-container { height: 340px; } } @media screen and (max-width: 750px) { .contacts-block-container { height: auto; } .contacts-block-info { position: static; width: auto; min-width: auto; max-width: 210px; height: auto; margin: 0 0 24px; padding: 0; border-radius: 0; } .contacts-block-info-inner { padding-right: 0; } .contacts-block-phone, .contacts-block-email { font-size: 18px; line-height: 22px; letter-spacing: -0.01em; } .contacts-block-link { height: 52px; } .contacts-block-img { margin-left: -5px; margin-right: -5px; } .contacts-block-img-item { padding-left: 5px; padding-right: 5px; } } .subscribe { margin-bottom: 80px; } .subscribe-container { position: relative; display: flex; align-items: center; min-height: 80px; padding: 19px 27px 21px 40px; border-radius: var(--border-radius); overflow: hidden; background: url(/local/templates/lawyer/css/../assets/images/subscribe/subscribe-bgr-1.webp) no-repeat 0 0; background-size: cover; } .subscribe-container:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(88.94deg, rgba(20, 20, 20, 0.86) 41.05%, rgba(20, 20, 20, 0) 89.01%); } .subscribe-info { position: relative; z-index: 1; margin-right: auto; font-weight: 600; font-size: 24px; line-height: 33px; color: #FFFFFF; } .subscribe-form { position: relative; z-index: 1; display: flex; margin-left: 20px; } .subscribe-input { width: 227px; padding-left: 26px; padding-right: 26px; background-color: transparent; border-radius: var(--border-radius); color: #fff; } .subscribe-input:-webkit-autofill, .subscribe-input:-webkit-autofill:hover, .subscribe-input:-webkit-autofill:focus { -webkit-text-fill-color: #fff; } .subscribe-input::placeholder { color: #fff; letter-spacing: 0.01em; } .subscribe-input:focus { color: #fff; } .subscribe-button { margin-left: 21px; padding-left: 61px; padding-right: 61px; } @media screen and (max-width: 1489px) { .subscribe-info { font-size: 18px; line-height: 25px; } .subscribe-button { padding-left: 35px; padding-right: 35px; } } @media screen and (max-width: 992px) { .subscribe { margin-bottom: 65px; } .subscribe-container { min-height: 143px; flex-direction: column; align-items: normal; padding: 18px 23px 22px; border-radius: 25px; background-image: url(/local/templates/lawyer/css/../assets/images/subscribe/subscribe-bgr-2.webp); background-position: center -60px; background-size: 100% auto; } .subscribe-info { max-width: 333px; margin-right: 0; margin-bottom: 15px; font-size: 18px; line-height: 25px; } .subscribe-input { width: 178px; padding-left: 19px; padding-right: 19px; font-size: 14px; } .subscribe-input::placeholder { font-size: 14px; } .subscribe-form { margin-left: 0; } .subscribe-button { padding-left: 40px; padding-right: 40px; } } @media screen and (max-width: 855px) { .subscribe-container { background-position: center -30px; } } @media screen and (max-width: 750px) { .subscribe { margin-bottom: 41px; } .subscribe-container { min-height: 218px; padding-top: 25px; padding-bottom: 37px; background-position: left top; background-size: cover; } .subscribe-container:before { background: rgba(20, 20, 20, 0.4); } .subscribe-form { flex-direction: column; } .subscribe-input { width: 100%; margin-bottom: 23px; text-align: center; } .subscribe-button { width: 100%; margin-left: 0; } .subscribe-info { margin-bottom: 18px; font-size: 15px; line-height: 21px; } } .main-banner-1 { margin-bottom: 30px; } .main-banner-1-block { position: relative; overflow: hidden; } .main-banner-1-inner { overflow: hidden; } .main-banner-1-list { height: 503px; } .main-banner-1-item { position: relative; overflow: hidden; width: 100%; height: 100%; display: flex; background-color: rgb(20, 20, 20); } .main-banner-1-container { position: relative; } .main-banner-1-container:before { content: ""; position: absolute; top: 0; left: -1px; z-index: 1; width: 100px; height: 100%; background: linear-gradient(to right, rgb(20, 20, 20) 0%, rgba(255, 255, 255, 0) 100%); } .main-banner-1-container:after { content: ""; position: absolute; top: 0; right: 0; z-index: 1; width: 100px; height: 100%; background: linear-gradient(to left, rgb(20, 20, 20) 0%, rgba(255, 255, 255, 0) 100%); } .main-banner-1-box { position: relative; height: 100%; display: flex; } .main-banner-1-detail { position: relative; z-index: 1; display: flex; flex-direction: column; width: 50%; padding: 71px 44px 85px 0; } .main-banner-1-description { margin-top: auto; margin-bottom: auto; } .main-banner-1-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .main-banner-1-img:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(87.86deg, rgba(20, 20, 20, 0.8) 2.83%, rgba(20, 20, 20, 0) 81.03%); } .main-banner-1-pic { display: block; width: 100%; height: 100%; object-fit: cover; } .main-banner-1-preface { min-height: 22px; padding-bottom: 8px; margin-bottom: auto; font-size: 14px; line-height: 22px; color: #FFFFFF; } .main-banner-1-name { margin-bottom: 19px; font-weight: 600; font-size: 60px; line-height: 68px; color: #FFFFFF; } .main-banner-1-info { max-width: 420px; margin-bottom: 19px; font-size: 15px; line-height: 24px; color: #FFFFFF; } .main-banner-1-actions { margin-top: auto; } .main-banner-1-button { padding-left: 26px; padding-right: 26px; } .main-banner-1-slider-nav-wrapper { position: relative; } .main-banner-1-slider-nav { position: absolute; bottom: 77px; right: 70px; z-index: 1; display: flex; align-items: center; } .main-banner-1-slider-nav-block { margin-left: 35px; } .main-banner-1-slider-nav-block .slider-button_next { background-color: var(--color1); border-color: var(--color1); } .main-banner-1-slider-nav-block .slider-button_next:hover { background-color: hsla(var(--color0), 89%, 55%, 1); border-color: hsla(var(--color0), 89%, 55%, 1); } .main-banner-1-slider-nav-block .slider-button_next:active { background-color: hsla(var(--color0), 82%, 44%, 1); border-color: hsla(var(--color0), 82%, 44%, 1); } @media screen and (max-width: 992px) { .main-banner-1 { margin-bottom: 24px; } .main-banner-1-list { height: 349px; } .main-banner-1-container:before { display: none; } .main-banner-1-container:after { display: none; } .main-banner-1-detail { width: 60%; padding: 36px 10px 36px 0; } .main-banner-1-preface { min-height: 21px; padding-bottom: 0; font-size: 13px; line-height: 21px; } .main-banner-1-name { margin-bottom: 7px; font-size: 40px; line-height: 49px; } .main-banner-1-info { margin-bottom: 11px; font-size: 14px; line-height: 22px; } .main-banner-1-button { padding-left: 24px; padding-right: 24px; font-weight: 500; } .main-banner-1-slider-nav { bottom: 32px; right: 38px; } .main-banner-1-slider-nav-block { margin-left: 18px; } .main-banner-1-img:before { background: linear-gradient(87.86deg, rgba(20, 20, 20, 0.85) 2.83%, rgba(20, 20, 20, 0.5) 81.03%); } } @media screen and (min-width: 750px) { .main-banner-1 .swiper-pagination-bullet { background-color: #fff; opacity: 0.6; } .main-banner-1 .swiper-pagination-bullet-active { opacity: 1; width: 29px; } } @media screen and (max-width: 750px) { .main-banner-1-inner { margin-bottom: 17px; } .main-banner-1-list { height: 339px; } .main-banner-1-description { margin-top: 0; } .main-banner-1-detail { width: 100%; padding: 34px 18px 42px 0; } .main-banner-1-preface { margin-bottom: 17px; } .main-banner-1-name { margin-bottom: 13px; font-size: 32px; line-height: 42px; } .main-banner-1-slider-nav { position: static; justify-content: center; } .main-banner-1-slider-nav-block { display: none; } } .subscribe-1 { background-color: var(--color14); } .subscribe-1-container { position: relative; display: flex; align-items: center; min-height: 80px; padding-top: 19px; padding-bottom: 21px; border-radius: 20px; overflow: hidden; background: url(/local/templates/lawyer/css/../assets/images/subscribe/subscribe-bgr-1.webp) no-repeat 0 0; background-size: cover; } .subscribe-1-container:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(88.94deg, rgba(20, 20, 20, 0.86) 41.05%, rgba(20, 20, 20, 0) 89.01%); } @media screen and (max-width: 992px) { .subscribe-1-container { min-height: 143px; flex-direction: column; align-items: normal; padding-top: 18px; padding-bottom: 22px; border-radius: 25px; background-image: url(/local/templates/lawyer/css/../assets/images/subscribe/subscribe-bgr-2.webp); background-position: center -60px; background-size: 100% auto; } } @media screen and (max-width: 855px) { .subscribe-1-container { background-position: center -30px; } } @media screen and (max-width: 750px) { .subscribe-1-container { min-height: 218px; padding-top: 25px; padding-bottom: 37px; background-position: left top; background-size: cover; } .subscribe-1-container:before { background: rgba(20, 20, 20, 0.4); } } .main-banner-3 { margin-top: -138px; /*margin-bottom: 30px;*/ } .main-banner-3-block { position: relative; overflow: hidden; } .main-banner-3-inner { overflow: hidden; } .main-banner-3-list { height: 638px; } .main-banner-3-item { position: relative; overflow: hidden; width: 100%; height: 100%; display: flex; background-color: rgb(20, 20, 20); } .main-banner-3-container { position: relative; padding-top: 115px; } .main-banner-3-container:before { content: ""; position: absolute; top: 0; left: -1px; z-index: 1; width: 100px; height: 100%; background: linear-gradient(to right, rgb(20, 20, 20) 0%, rgba(255, 255, 255, 0) 100%); } .main-banner-3-container:after { content: ""; position: absolute; top: 0; right: 0; z-index: 1; width: 100px; height: 100%; background: linear-gradient(to left, rgb(20, 20, 20) 0%, rgba(255, 255, 255, 0) 100%); } .main-banner-3-box { position: relative; height: 100%; display: flex; flex-wrap: wrap; } .main-banner-3-detail { position: relative; z-index: 1; display: flex; flex-direction: column; width: 65%; padding: 71px 0px 110px 0; } .main-banner-3-el-picture { width: 35%; position: relative; z-index: 100; padding-left: 50px; } .main-banner-3-el-picture img { max-height: 525px; } .main-banner-3-description { margin-top: auto; margin-bottom: auto; } .main-banner-3-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .main-banner-3-img:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(115.55deg, rgba(20, 20, 20, 0.85) 23.96%, rgba(20, 20, 20, 0.45) 73.9%); } .main-banner-3-pic { display: block; width: 100%; height: 100%; object-fit: cover; } .main-banner-3-preface { min-height: 22px; padding-bottom: 8px; margin-bottom: auto; font-size: 14px; line-height: 22px; color: #FFFFFF; } .main-banner-3-name { margin-bottom: 19px; font-weight: 600; font-size: 54px; line-height: 58px; color: #FFFFFF; } .main-banner-3-info { max-width: 620px; margin-bottom: 25px; font-size: 15px; line-height: 24px; color: #FFFFFF; } .main-banner-3-actions { margin-top: auto; } .main-banner-3-button { padding-left: 35px; padding-right: 35px; } .main-banner-3-slider-nav-wrapper { position: relative; } .main-banner-3-slider-nav { position: absolute; bottom: 110px; right: 15px; z-index: 1; display: flex; align-items: center; background: rgba(0, 0, 0, 0.3); padding: 10px; border-radius: 10px; } .main-banner-3-slider-nav-block { margin-left: 35px; } .main-banner-3-slider-nav-block .slider-button_next { position: relative; background-color: var(--color1); border-color: var(--color1); overflow: hidden; } .main-banner-3-slider-nav-block .slider-button_next svg path, .main-banner-3-slider-nav-block .slider-button_next:hover svg path, .main-banner-3-slider-nav-block .slider-button_prev:hover svg path { fill: #2b2b2b; } @media screen and (max-width: 1120px) { .main-banner-3-detail { width: 60%; } .main-banner-3-el-picture { width: 40%; } } @media screen and (max-width: 992px) { .main-banner-3 { margin-bottom: 24px; } .main-banner-3-list { height: 620px; } .main-banner-3-container { padding-top: 140px; } .main-banner-3-container:before { display: none; } .main-banner-3-container:after { display: none; } .main-banner-3-detail { width: 60%; padding: 20px 00px 36px 0; } .main-banner-3-preface { min-height: 21px; padding-bottom: 0; font-size: 13px; line-height: 21px; } .main-banner-3-name { margin-bottom: 7px; font-size: 40px; line-height: 49px; } .main-banner-3-info { margin-bottom: 11px; font-size: 14px; line-height: 22px; } .main-banner-3-button { padding-left: 24px; padding-right: 24px; font-weight: 500; } .main-banner-3-slider-nav { bottom: 32px; right: 38px; } .main-banner-3-slider-nav-block { margin-left: 18px; } .main-banner-3-img:before { background: linear-gradient(87.86deg, rgba(20, 20, 20, 0.85) 2.83%, rgba(20, 20, 20, 0.5) 81.03%); } .main-banner-3-actions { margin-bottom: 50px; } } @media screen and (max-width: 940px) { .main-banner-3-el-picture { display: none; } .main-banner-3-detail { width: 100%; } .main-banner-3-container .container { min-height: 100%; display: flex; align-items: center; } } @media screen and (min-width: 750px) { .main-banner-3 .swiper-pagination-bullet { background-color: #fff; opacity: 0.6; } .main-banner-3 .swiper-pagination-bullet-active { opacity: 1; width: 29px; } } @media screen and (max-width: 750px) { .main-banner-3-inner { margin-bottom: 17px; } .main-banner-3-list { height: 520px; } .main-banner-3-description { margin-top: 0; } .main-banner-3-detail { width: 100%; padding: 20px 0px 42px 0; } .main-banner-3-preface { margin-bottom: 17px; } .main-banner-3-name { margin-bottom: 13px; font-size: 24px; line-height: 30px; } .main-banner-3-slider-nav { position: static; justify-content: center; } .main-banner-3-slider-nav-block { display: none; } .main-banner-3-slider-nav { background: transparent; } .main-banner-3-actions { padding-top: 10px; } .main-banner-3-actions .button_modified { display: none; } } .services { margin-bottom: 63px; } .services-main { margin-bottom: 93px; background-color: var(--color2); } .services-main-inner { position: relative; display: flex; height: 548px; } .services-main-block { position: relative; z-index: 1; display: flex; flex-direction: column; width: 50%; padding-right: 30px; padding-top: 39px; padding-bottom: 172px; } .services-main-box { margin-top: auto; margin-bottom: auto; } .services-main-info { margin-bottom: 30px; font-size: 15px; line-height: 26px; } .services-main-actions { margin-bottom: 17px; } .services-main-pic { position: absolute; bottom: 0; right: 0; max-width: 55%; max-height: 498px; margin-right: 45px; } .services-main-button { padding-left: 38px; padding-right: 38px; } .services-main-important { display: flex; margin-bottom: 33px; font-size: 13px; line-height: 22px; color: #333333; } .services-main-important-icon { margin-right: 13px; margin-top: 5px; min-width: 11px; width: 11px; } .services-main-important-icon path { fill: var(--color1); } .services-main_simple { overflow: hidden; margin-bottom: 63px; } .services-main_simple .services-main-inner { height: 258px; } .services-main_simple .services-main-block { padding-bottom: 55px; } .services-main_simple .services-main-pic { max-width: 565px; max-height: 100%; margin-right: 55px; } .services-advantages { position: relative; margin-top: -275px; margin-bottom: 93px; } .services-advantages-list { display: flex; flex-wrap: wrap; width: auto; margin-left: -15px; margin-right: -15px; } .services-advantages-list-item { width: 25%; height: auto; padding-left: 15px; padding-right: 15px; } .services-advantages .advantages-name { font-weight: 600; } .services-advantages-pagination { display: none; } .services-tag { margin-bottom: 20px; } .services-list { margin-right: -15px; margin-left: -15px; } .services-list-item { display: flex; width: 25%; min-height: 105px; margin-bottom: 30px; padding-right: 15px; padding-left: 15px; } .services-list-block { position: relative; min-height: 100%; height: auto; width: 100%; overflow: hidden; background-color: var(--color2); border-radius: var(--border-radius); transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; } .services-list-block:hover { background-color: transparent; box-shadow: 0px 0px 20px rgba(206, 206, 206, 0.5); } .services-list-inner { position: relative; z-index: 1; padding: 25px; } .services-list-link { display: flex; align-items: center; text-decoration: none; } .services-list-icon { display: flex; align-items: center; justify-content: center; min-width: 50px; width: 50px; height: 50px; margin-right: 15px; border: 1px solid var(--color1); border-radius: 50em; } .services-list-icon img { max-width: 26px; max-height: 26px; } .services-list-icon svg { max-width: 26px; max-height: 26px; } .services-list-icon svg path[fill] { fill: var(--color1); } .services-list-icon svg path[stroke] { stroke: var(--color1); } .services-list-icon svg rect[fill] { fill: var(--color1); } .services-list-name { font-weight: 600; font-size: 17px; line-height: 26px; letter-spacing: 0.0275em; color: #19191D; } .services-list-pic { margin-top: 135px; } .services-list-img { position: absolute; bottom: 0; right: 0; max-height: 170px; } .services-sublist { margin-top: 19px; } .services-sublist-item { margin-bottom: 12px; } .services-sublist-item:last-child { margin-bottom: 0; } .services-sublist-link { text-decoration: none; font-size: 15px; line-height: 26px; letter-spacing: 0.022em; color: #1F1F1F; } .services-sublist-link:hover { color: #1F1F1F; font-weight: 600; letter-spacing: 0em; } .services-list-item_simple .services-list-pic { margin-top: 0; } .services-list-item_simple .services-list-img { max-width: 220px; } .services-list-item_simple .services-list-name { margin-right: 220px; } .services-list-item_rows_3 { min-height: 400px; } .services-list-item_rows_2 { min-height: 185px; } .services-list-item_cols_2 { width: 50%; } .services-list-item_cols_2 .services-sublist { column-count: 2; column-gap: 20px; } .services-feedback { display: flex; margin-bottom: 98px; } .services-feedback-block { flex-grow: 1; } .services-feedback-banner { min-width: 245px; width: 245px; } @media screen and (max-width: 1489px) { .services-main-pic { max-width: 52%; } .services-main_simple .services-main-pic { max-width: 52%; } .services-list-name { font-size: 14px; line-height: 20px; } } @media screen and (max-width: 1124px) { .services-list { margin-right: -10px; margin-left: -10px; } .services-list-item { width: 50%; min-height: 93px; margin-bottom: 20px; padding-right: 10px; padding-left: 10px; } .services-list-inner { padding: 21px; } .services-list-name { font-size: 16px; line-height: 24px; font-weight: 500; } .services-sublist-link { font-size: 14px; line-height: 21px; } .services-list-img { max-height: 160px; } .services-list-item_cols_2 { width: 100%; } .services-list-item_rows_2 { min-height: 176px; } .services-list-item_rows_3 { min-height: 298px; } .services-list-item_simple .services-list-img { max-width: 180px; } } @media screen and (max-width: 992px) { .services { margin-bottom: 54px; } .services-main { margin-bottom: 18px; } .services-main-inner { height: 359px; } .services-main-block { width: 60%; padding-right: 20px; padding-top: 28px; padding-bottom: 28px; } .services-main-title { margin-bottom: 10px; } .services-main-info { margin-bottom: 21px; font-size: 14px; line-height: 24px; } .services-main-pic { max-width: 324px; max-height: 327px; margin-right: 0; } .services-main-button { padding-left: 26px; padding-right: 26px; } .services-main-important { max-width: 275px; margin-bottom: 15px; color: #606060; } .services-main_simple .services-main-inner { height: 170px; } .services-main_simple .services-main-block { padding-bottom: 38px; } .services-main_simple .services-main-pic { max-width: 344px; margin-right: 62px; } .services-advantages { margin-top: 0; margin-bottom: 43px; } .services-advantages-list { margin-left: -10px; margin-right: -10px; } .services-advantages-list-item { width: 50%; margin-bottom: 17px; padding-left: 10px; padding-right: 10px; } .services-advantages .advantages-block { padding-top: 16px; padding-bottom: 15px; } .services-advantages .advantages-info { max-width: 230px; } .services-title { margin-bottom: 23px; } .services-feedback { margin-bottom: 56px; flex-direction: column; } .services-feedback-block { width: 100%; margin-bottom: 20px; } .services-feedback-banner { width: 100%; height: 96px; } } @media screen and (max-width: 750px) { .services { margin-bottom: 45px; } .services-main { overflow: hidden; } .services-main-inner { height: 465px; } .services-main-block { display: block; width: 100%; padding-right: 0; } .services-main-breadcrumbs { margin-bottom: 30px; } .services-main-box { margin-top: 0; margin-bottom: 0; } .services-main-pic { max-width: 216px; max-height: 130px; margin-right: -25px; } .services-main_simple .services-main-pic { max-width: 160px; margin-right: -25px; } .services-advantages { margin-bottom: 46px; } .services-advantages-list { flex-wrap: nowrap; margin-left: 0; margin-right: 0; margin-bottom: 23px; } .services-advantages-list-item { width: 287px; margin-bottom: 0; padding-left: 0; padding-right: 0; } .services-advantages-pagination { display: block; } .services-list-item { width: 100%; } .services-list-img { max-width: 250px; } .services-list-item_cols_2 .services-sublist { column-count: auto; } .services-list-item_simple .services-list-img { display: none; } .services-list-item_simple .services-list-name { margin-right: 0; } .services-feedback-banner { display: block; } .services-feedback-banner { height: 212px; } } .information { margin-bottom: 90px; } .information-content { column-count: 2; column-gap: 30px; } .information-content h2 { margin-top: 0; } @media screen and (max-width: 992px) { .information { margin-bottom: 50px; } .information-content { column-count: auto; } } .feedback { display: flex; border: 1px solid var(--color10); border-radius: var(--border-radius); overflow: hidden; } .feedback:hover { box-shadow: 0 0 20px rgba(206, 206, 206, 0.5); border-color: rgba(206, 206, 206, 0.2); } .feedback-form { width: 55%; padding: 28px 30px 36px 33px; } .feedback-title { display: block; max-width: 425px; } .feedback-img { position: relative; width: 36%; display: flex; justify-content: center; align-items: flex-end; margin-left: auto; } .feedback-decor { position: absolute; bottom: -117px; left: -49px; z-index: -1; background: url(/local/templates/lawyer/css/../assets/images/feedback/feedback-bgr-1.png) no-repeat 0 0; background-size: 100% auto; width: 602px; height: 550px; } .feedback-button { padding-left: 46px; padding-right: 46px; } @media screen and (min-width: 992px) { .feedback-title { font-size: 30px; line-height: 36px; } } @media screen and (max-width: 1489px) { .feedback-form { min-width: 400px; } } @media screen and (max-width: 992px) { .feedback { border-radius: 25px; } .feedback-form { min-width: auto; width: 50%; padding: 21px 10px 29px 22px; } .feedback-button { padding-left: 26px; padding-right: 26px; } .feedback-img { width: 50%; justify-content: flex-end; } .feedback-pic { max-height: 345px; } .feedback-decor { left: auto; right: -94px; bottom: -25px; width: 449px; height: 416px; background-image: url(/local/templates/lawyer/css/../assets/images/feedback/feedback-bgr-2.png); } } @media screen and (max-width: 750px) { .feedback { flex-direction: column; } .feedback-form { width: 100%; padding-top: 29px; padding-right: 22px; padding-bottom: 15px; } .feedback-img { width: 100%; height: 183px; } .feedback-pic { max-height: 266px; margin-bottom: -79px; } .feedback-decor { left: auto; right: -127px; bottom: -190px; width: 400px; height: 370px; } } .banner { position: relative; display: block; height: 100%; background-color: var(--color1); border-radius: var(--border-radius); padding: 30px 20px; text-decoration: none; overflow: hidden; } .banner-name { position: relative; z-index: 1; display: block; margin-bottom: 20px; font-weight: 600; font-size: 18px; line-height: 27px; color: #FFFFFF; } .banner-info { position: relative; z-index: 1; display: block; margin-bottom: 15px; font-size: 15px; line-height: 26px; color: #FFFFFF; } .banner-img { position: absolute; bottom: 0; right: 0; } .banner-pic { display: block; max-height: 245px; } @media screen and (max-width: 992px) { .banner { padding-top: 20px; padding-bottom: 20px; border-radius: 25px; } .banner-name { margin-bottom: 4px; } .banner-pic { max-height: 96px; } } @media screen and (max-width: 750px) { .banner-name { margin-bottom: 15px; } } .banner-simple { position: relative; display: block; height: 100%; background-color: var(--color1); border-radius: var(--border-radius); padding: 30px 20px; text-decoration: none; overflow: hidden; } .banner-simple-name { display: block; margin-bottom: 20px; font-weight: 600; font-size: 18px; line-height: 27px; color: #FFFFFF; } .banner-simple-info { display: block; margin-bottom: 15px; font-size: 15px; line-height: 26px; color: #FFFFFF; } .banner-simple-img { position: absolute; bottom: 0; right: 0; } .banner-simple-pic { display: block; max-height: 145px; } @media screen and (max-width: 1489px) { .banner-simple { padding: 20px 18px; } } @media screen and (max-width: 992px) { .banner-simple { padding-top: 20px; padding-bottom: 20px; border-radius: 25px; } } @media screen and (max-width: 750px) { .banner-simple-name { margin-bottom: 15px; } } .category-main { margin-bottom: 63px; background-color: var(--color3); } .category-main-container { position: relative; display: flex; flex-direction: column; height: 250px; padding-top: 33px; padding-bottom: 100px; } .category-main-title { position: relative; z-index: 2; margin-top: auto; margin-bottom: auto; color: #fff; } .category-main-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .category-main-img:before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 130px; max-width: none; height: 100%; background: linear-gradient(to right, var(--color3) 0%, rgba(255, 255, 255, 0) 100%); } .category-main-img:after { content: ""; position: absolute; top: 0; right: 0; z-index: 1; width: 130px; max-width: none; height: 100%; background: linear-gradient(to left, var(--color3) 0%, rgba(255, 255, 255, 0) 100%); } .category-main-pic { display: block; width: 100%; height: 100%; object-fit: cover; } .category-main_modified .category-main-container:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(207.95deg, rgba(20, 20, 20, 0.28) 66.77%, rgba(20, 20, 20, 0.12) 140.08%); } .category-main_simple { margin-bottom: 70px; } .category-main_simple .category-main-container { padding-bottom: 45px; } @media screen and (max-width: 1489px) { .category-main-container { padding-bottom: 70px; } .category-main-img:before { display: none; } .category-main-img:after { display: none; } } @media screen and (min-width: 992px) { .category-main-title { line-height: 44px; } } @media screen and (min-width: 1489px) { .category-main-title { line-height: 50px; } } @media screen and (max-width: 992px) { .category-main { margin-bottom: 20px; } .category-main-container { height: 200px; padding-top: 23px; padding-bottom: 30px; } .category-main-title { max-width: 525px; } .category-main_simple { margin-bottom: 45px; } } .category-advantages { position: relative; z-index: 1; margin-top: -135px; margin-bottom: 33px; } .category-advantages-list { display: flex; flex-wrap: wrap; width: auto; margin-left: -15px; margin-right: -15px; } .category-advantages-list-item { width: 25%; height: auto; margin-bottom: 30px; padding-left: 15px; padding-right: 15px; } .category-advantages .advantages-name { font-weight: 600; } @media screen and (max-width: 1489px) { .category-advantages { margin-top: -107px; } .category-advantages-list { margin-left: -10px; margin-right: -10px; } .category-advantages-list-item { padding-left: 10px; padding-right: 10px; } } @media screen and (max-width: 992px) { .category-advantages { margin-top: 0; margin-bottom: 7px; } .category-advantages-list { margin-left: -10px; margin-right: -10px; } .category-advantages-list-item { width: 50%; margin-bottom: 17px; padding-left: 10px; padding-right: 10px; } .category-advantages .advantages-block { padding-top: 16px; padding-bottom: 15px; background-color: var(--color2); box-shadow: none; } .category-advantages .advantages-info { max-width: 230px; } } @media screen and (max-width: 750px) { .category-advantages { margin-bottom: 5px; } .category-advantages-list { margin-left: -7px; margin-right: -7px; } .category-advantages-list-item { margin-bottom: 14px; padding-left: 7px; padding-right: 7px; } .category-advantages .advantages-panel { flex-direction: column; align-items: center; text-align: center; } .category-advantages .advantages-block { min-height: 179px; padding: 18px 11px 22px; border-radius: 20px; } .category-advantages .advantages-icon { margin-right: 0; margin-bottom: 11px; } .category-advantages .advantages-name { margin-top: 0; font-weight: 500; } .category-advantages .advantages-info { margin-left: auto; margin-right: auto; text-align: center; font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: -0.01em; margin-top: 10px; } } .line { display: none; height: 1px; margin-bottom: 20px; background-color: #EDF0F8; } @media screen and (max-width: 992px) { .line { display: block; } } .category { margin-bottom: 70px; } .category-container { display: flex; } .category-side { width: 20%; min-width: 239px; margin-top: -3px; padding-right: 30px; } .category-content { width: 80%; } .category-menu { margin-bottom: 33px; } .category-menu-item { margin-bottom: 18px; } .category-menu-item:last-child { margin-bottom: 0; } .category-menu-panel { display: flex; } .category-menu-switcher { padding-right: 17px; text-decoration: none; text-align: center; } .category-menu-icon { display: inline-block; min-width: 11px; width: 11px; transition: transform 0.2s ease-in-out 0s; } .category-menu-link { text-decoration: none; font-size: 16px; line-height: 27px; color: var(--color6); } .category-menu-link:hover { font-weight: 600; color: var(--color6); letter-spacing: -0.02em; } .category-menu-block { margin-top: 19px; margin-left: 28px; margin-bottom: 41px; } .category-submenu-item { margin-bottom: 13px; line-height: 21px; } .category-submenu-item:last-child { margin-bottom: 0; } .category-submenu-link { font-size: 14px; text-decoration: none; } .category-submenu-link:hover { font-weight: 500; color: var(--color6); letter-spacing: -0.01em; } .category-menu-item_active .category-menu-icon { transform: rotate(90deg); } .category-menu-item_active .category-menu-link { font-weight: 600; } .category-menu-item_active .category-menu-link:hover { letter-spacing: normal; } .category-submenu-item_active .category-submenu-link { font-weight: 500; color: var(--color6); letter-spacing: -0.01em; } .category-banner { max-width: 235px; height: 278px; } .category-inner { margin-bottom: 56px; } .category-list { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .category-list-item { width: 25%; margin-bottom: 30px; padding-left: 15px; padding-right: 15px; } .category-list[data-count="2"] .category-list-item { width: 50%; } .category-list[data-count="3"] .category-list-item { width: 33.33333%; } .category-list[data-count="5"] .category-list-item { width: 20%; } .category-list-link { position: relative; display: block; height: 354px; text-decoration: none; border-radius: var(--border-radius); overflow: hidden; } .category-list-link:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 297px; background: linear-gradient(0.62deg, rgba(20, 20, 20, 0.81) 4.54%, rgba(20, 20, 20, 0) 57.87%); } .category-list-img { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s linear; } .category-list-link:hover .category-list-img { transform: scale(1.1); } .category-list-container { position: relative; z-index: 1; display: flex; flex-direction: column; height: 100%; padding: 21px 15px 23px 25px; } .category-list-panel { display: flex; align-items: center; margin-bottom: auto; } .category-list-mark { display: flex; align-items: center; padding: 6px 11px; font-size: 14px; line-height: 16px; color: var(--color6); background-color: #fff; text-align: center; border-radius: 50em; } .category-list-mark-icon { width: 6px; height: 6px; margin-right: 5px; border-radius: 50em; background-color: var(--color1); } .category-list-icon { margin-left: auto; } .category-list-info { visibility: hidden; margin-top: auto; margin-bottom: auto; font-size: 15px; line-height: 24px; color: #FFFFFF; } .category-list-block { margin-top: auto; /*max-width: 190px;*/ } .category-list-text { display: block; color: rgba(255, 255, 255, 0.7); font-size: 14px; line-height: 22px; display: none; transition: 0.5s; } .category-list-link:hover .category-list-text { display: block; } .category-list-price { display: block; margin-bottom: 11px; font-weight: 600; font-size: 16px; line-height: 27px; color: #FFFFFF; } .category-list-name { display: block; min-height: 52px; font-weight: 500; font-size: 15px; line-height: 26px; color: #FFFFFF; } .category-list-item_banner { display: none; } .category-mob-menu { display: none; max-width: max-content; margin-bottom: 27px; } .category-mob-menu-switcher { display: flex; align-items: center; padding-left: 28px; padding-right: 36px; background-color: var(--color1); } .category-mob-menu-switcher-icon { margin-right: 15px; } .category-mob-menu-close { margin-top: 0; } .category-mob-title { display: none; } .category-mob-menu-name { margin-right: 20px; font-weight: 600; font-size: 14px; line-height: 20px; color: var(--color6); } .category-list-v2 .category-list-block { border: 1px solid #D7D7E3; border-radius: var(--border-radius); overflow: hidden; min-height: 100%; display: flex; flex-direction: column; } .category-list-v2 .category-list-block-img { position: relative; height: 300px; display: block; } .category-list-v2 .category-list-name { margin-top: 10px; font-size: 18px; line-height: 24px; min-height: 28px; margin-bottom: 10px; } .category-list-v2 .category-list-name a { color: #000; text-decoration: none; } .category-list-v2 .category-list-name a:hover { color: var(--color1); } .category-list-section { margin-top: 10px; } .category-list-section li { display: inline-block; position: relative; padding-right: 30px; } .category-list-section li:before { position: absolute; top: 14px; right: 15px; content: ''; width: 8px; height: 1px; background: #999; } .category-list-section li a { color: #999; text-decoration: none; font-size: 10px; font-weight: 400; text-transform: uppercase; } .category-list-section li a:hover { color: var(--color1); } .category-list-v2 .category-list-text { display: block; color: #999; } .category-list-v2 .category-list-btn { margin-top: 10px; } .category-list-v2 .category-list-btn a svg { margin-left: 5px; } .category-list-v2 .category-list-price { color: #000; margin-top: 10px; margin-right: 10px; } .category-list-v2 .category-list-oldprice { text-decoration: line-through; font-size: 12px; } .category-list-v2 .category-list-item-content { padding: 10px 30px 20px; display: flex; flex-direction: column; flex: 1; justify-content: space-between; } .category-list-v2 .category-list-prices { display: flex; align-items: center; } .category-list.category-list-v3 .category-list-item { width: 50%; } .category-list-v3 .category-list-block { border: 1px solid #D7D7E3; border-radius: var(--border-radius); overflow: hidden; min-height: 100%; display: flex; flex-direction: unset; } .category-list-v3 .category-list-block-img { position: relative; display: block; width: 200px; min-height: 100%; } .category-list-v3 .category-list-name { margin-top: 10px; font-size: 18px; line-height: 24px; min-height: 28px; margin-bottom: 10px; } .category-list-v3 .category-list-name a { color: #000; text-decoration: none; } .category-list-v3 .category-list-name a:hover { color: var(--color1); } .category-list-v3 .category-list-text { display: block; color: #999; } .category-list-v3 .category-list-btn { margin-top: 10px; } .category-list-v3 .category-list-btn a svg { margin-left: 5px; } .category-list-v3 .category-list-price { color: #000; margin-top: 10px; margin-right: 10px; } .category-list-v3 .category-list-oldprice { text-decoration: line-through; font-size: 12px; } .category-list-v3 .category-list-item-content { padding: 10px 30px 20px; display: flex; flex-direction: column; flex: 1; justify-content: space-between; } .category-list-v3 .category-list-prices { display: flex; align-items: center; } .category-list.category-list-v4 .category-list-item { width: 100%; } .category-list-v4 .category-list-block { border: 1px solid #D7D7E3; border-radius: var(--border-radius); overflow: hidden; min-height: 100%; display: flex; flex-direction: unset; } .category-list-v4 .category-list-block-img { position: relative; display: block; width: 200px; min-height: 100%; border-radius: var(--border-radius); overflow: hidden; margin: 30px; height: 200px; border-radius: 100px; } .category-list-v4 .category-list-name { margin-top: 10px; font-size: 18px; line-height: 24px; min-height: 28px; margin-bottom: 10px; } .category-list-v4 .category-list-name a { color: #000; text-decoration: none; } .category-list-v4 .category-list-name a:hover { color: var(--color1); } .category-list-v4 .category-list-text { display: block; color: #999; } .category-list-v4 .category-list-btn { margin-top: 10px; } .category-list-v4 .category-list-btn a svg { margin-left: 5px; } .category-list-v4 .category-list-price { color: #000; margin-top: 10px; margin-right: 10px; } .category-list-v4 .category-list-oldprice { text-decoration: line-through; font-size: 12px; } .category-list-v4 .category-list-item-content { padding: 10px 30px 20px; display: flex; flex-direction: column; flex: 1; justify-content: space-between; } .category-list-v4 .category-list-prices { display: flex; align-items: center; } .services-detail-images { margin-bottom: 20px; } .services-detail-img { border-radius: var(--border-radius); } .services-detail blockquote { font-weight: 400; } .services-detail-panel { border-bottom: 1px solid #ddd; margin-bottom: 30px; padding-bottom: 30px; display: flex; align-items: center; flex-wrap: wrap; } .services-detail-prices { display: flex; align-items: center; } .services-detail-btn { display: flex; align-items: center; margin-right: 50px; } .services-detail-price { margin-right: 10px; } .services-detail-oldprice { text-decoration: line-through; } .services-detail-price { margin-right: 20px; color: #000; font-weight: 500; font-size: 24px; line-height: 32px; } .services-detail-panel-content { width: 50%; display: flex; align-items: center; flex-wrap: wrap; } .services-detail-panel-section { width: 50%; text-align: right; } .services-detail-panel-section .category-list-section { margin-top: 0; } .services-detail-gallery { margin-top: 50px; } .services-detail-title { margin-bottom: 30px; } .services-detail-docs-link { display: flex; text-decoration: none; } .services-detail-docs-icon { border: 1px solid #ddd; width: 50px; height: 50px; border-radius: 50px; display: flex; align-items: center; justify-content: center; margin-right: 20px; } .services-detail-docs-list { display: flex; flex-wrap: wrap; margin: 0px -10px; } .services-detail-docs-item { margin-bottom: 20px; padding: 0px 10px; width: 25%; } .services-detail-docs-info { width: calc(100% - 70px); } .services-detail-docs-name { font-size: 15px; color: #000; font-weight: 500; line-height: 20px; margin-bottom: 5px; } .services-detail-docs-name:hover { color: var(--color1); } .services-detail-docs-text { text-transform: uppercase; font-size: 12px; } @media screen and (max-width: 1489px) { .category-menu-switcher { padding-right: 10px; } .category-list-item { width: 33.3%; } .category-list-container { padding-top: 15px; padding-left: 15px; } .category-list-link { height: 300px; } .category-banner { display: none; } .category-list-item_banner { display: block; } } @media screen and (max-width: 1200px) { .category-inner { margin-bottom: 50px; } .category-side { padding-right: 25px; } .category-list { margin-left: -10px; margin-right: -10px; margin-bottom: 2px; } .category-list-item { margin-bottom: 20px; padding-left: 10px; padding-right: 10px; } .category-list-container { padding-bottom: 19px; } .category-list-price { margin-bottom: 5px; font-size: 15px; } .category-list-name { min-height: 48px; font-size: 14px; line-height: 24px; } .category-list[data-count="5"] .category-list-item { width: 33.33333%; } .category-list.category-list-v3 .category-list-item { width: 100%; } .services-detail-docs-item { width: 33.33333%; } } @media screen and (max-width: 992px) { .category { margin-bottom: 60px; } .category-container { flex-direction: column; } .category-side { order: 1; width: 100%; margin-top: 0; padding-right: 0; } .category-menu { display: none; } .category-content { width: 100%; } .category-inner { margin-bottom: 65px; } .category-list-link { height: 288px; } .category-list-container { padding-left: 18px; padding-right: 12px; padding-bottom: 22px; } .category-list-price { margin-bottom: 8px; font-size: 17px; line-height: 29px; font-weight: 500; } .category-list-name { min-height: 54px; font-size: 16px; line-height: 27px; font-weight: 600; } .category-list-mark { padding: 5px 13px; font-size: 13px; line-height: 15px; color: #606060; } .category-mob-menu { display: block; } .category-title { display: none; } .category-mob-title { display: block; } .services-detail-panel-content { width: 100%; } .services-detail-panel-section { width: 100%; text-align: left; margin-top: 20px; } .services-detail-docs-item { width: 50%; } } @media screen and (max-width: 750px) { .category { margin-left: auto; margin-right: auto; } .category-content { margin-bottom: 20px; } .category-list { margin-bottom: 5px; } .category-list-container { padding-left: 20px; padding-right: 15px; } .category-list-item { width: 100%; } .category-list[data-count="2"] .category-list-item, .category-list[data-count="3"] .category-list-item, .category-list[data-count="5"] .category-list-item { width: 100%; } .category-list-mark { padding-top: 4px; padding-left: 11px; padding-right: 11px; font-size: 14px; line-height: 16px; } .category-banner { display: block; max-width: none; height: 212px; } .category-list-item_banner { display: none; } .category-mob-menu { max-width: none; } .category-mob-menu-switcher { justify-content: center; } .category-list-v3 .category-list-block { flex-direction: column; } .category-list-v3 .category-list-block-img { height: 300px; width: 100%; } .category-list-v4 .category-list-block { flex-wrap: wrap; } .category-list-v4 .category-list-block-img { order: 1; width: 100%; height: 300px; } .category-list-v4 .category-list-item-content { order: 2; } .category-list-v4 .category-list-block-img { margin: 10px; border-radius: var(--border-radius); } .services-detail-docs-item { width: 100%; } } @media screen and (max-width: 650px) { .services-detail-panel-content { display: block; } .services-detail-prices { margin-top: 10px; } } .tariffs-section { margin-bottom: 86px; } .tariffs-section-list { margin-bottom: 30px; display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 1fr; grid-column-gap: 30px; grid-row-gap: 30px; } .tariffs-section-list:last-child { margin-bottom: 40px; } .tariffs-section-list-item:nth-child(3) { grid-row: span 2; } .tariffs-section-list-item:nth-child(5) { grid-row: span 2; } .tariffs-section-link { display: flex; flex-direction: column; min-height: 229px; height: 100%; padding: 30px 25px 34px; background-color: var(--color2); border-radius: var(--border-radius); text-decoration: none; transition: background-color 0.2s ease-in-out; } .tariffs-section-link:hover { background-color: var(--color1); } .tariffs-section-name { display: block; margin-bottom: auto; font-weight: 600; font-size: 30px; line-height: 35px; color: var(--color6); } .tariffs-section-price { margin-top: 20px; font-weight: 500; font-size: 20px; line-height: 30px; color: var(--color6); } .tariffs-section-link:hover .tariffs-section-name { color: #FFFFFF; } .tariffs-section-link:hover .tariffs-section-price { color: #FFFFFF; } @media screen and (max-width: 1489px) { .tariffs-section-name { font-size: 22px; line-height: 30px; } .tariffs-section-price { font-size: 18px; line-height: 26px; } } @media screen and (max-width: 992px) { .tariffs-section { margin-bottom: 60px; } .tariffs-section-list { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; } .tariffs-section-list:last-child { margin-bottom: 23px; } .tariffs-section-list-item:nth-child(3) { grid-row: span 1; grid-column: span 2; } .tariffs-section-list-item:nth-child(7) { grid-column: span 2; } .tariffs-section-link { min-height: 180px; padding-bottom: 26px; border-radius: 25px; } .tariffs-section-name { max-width: 500px; font-size: 18px; line-height: 27px; } .tariffs-section-price { font-size: 16px; line-height: 22px; } } @media screen and (max-width: 750px) { .tariffs-section-list { display: block; } .tariffs-section-list-item { margin-bottom: 20px; } .tariffs-section-link { padding: 25px 20px; } .tariffs-section-name { font-size: 16px; line-height: 24px; } .tariffs-section-price { font-size: 14px; line-height: 20px; } } .services-detail { margin-bottom: 30px; } @media screen and (max-width: 992px) { .services-detail { margin-top: 20px; margin-bottom: 60px; } } .services-stages { margin-bottom: 62px; } .services-stages-list { display: flex; flex-wrap: wrap; } .services-stages-list-item { width: 25%; padding-right: 30px; margin-bottom: 30px; } .services-stages-block { display: flex; } .services-stages-number { display: flex; align-items: center; justify-content: center; min-width: 50px; width: 50px; height: 50px; border-radius: 50em; margin-right: 15px; font-weight: 600; font-size: 24px; line-height: 26px; color: var(--color6); border: 1px solid var(--color1); } .services-stages-info { font-weight: 500; font-size: 18px; line-height: 26px; color: #000000; } @media screen and (max-width: 1489px) { .services-stages-number { min-width: 40px; width: 40px; height: 40px; font-size: 18px; line-height: 20px; } .services-stages-info { font-size: 16px; line-height: 22px; } } @media screen and (max-width: 992px) { .services-stages { margin-bottom: 30px; } .services-stages-list-item { width: 50%; padding-right: 20px; } } @media screen and (max-width: 750px) { .services-stages-list-item { width: 100%; padding-right: 0; } } .about-advantages .category-advantages { margin-bottom: 62px; } @media screen and (max-width: 992px) { .about-advantages .category-advantages { margin-bottom: 45px; } } @media screen and (max-width: 750px) { .about-advantages .category-advantages { margin-bottom: 41px; } } .about-excellence { margin-bottom: 91px; } .about-excellence-list { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: auto; grid-column-gap: 30px; grid-row-gap: 30px; } .about-excellence-item:nth-child(1), .about-excellence-item:nth-child(5), .about-excellence-item:nth-child(6), .about-excellence-item:nth-child(7), .about-excellence-item:nth-child(7n+1), .about-excellence-item:nth-child(7n+5), .about-excellence-item:nth-child(7n+6), .about-excellence-item:nth-child(7n+7) { grid-column: span 2; } .about-excellence-item:nth-child(3), .about-excellence-item:nth-child(7n+3) { grid-row: span 2; } .about-excellence-block { position: relative; min-height: 250px; height: 100%; overflow: hidden; background-color: var(--color2); border-radius: var(--border-radius); } .about-excellence-inner { display: flex; flex-direction: column; height: 100%; padding: 25px 25px 30px; } .about-excellence-name { position: relative; z-index: 1; max-width: 370px; margin-bottom: 16px; font-weight: 600; font-size: 20px; line-height: 26px; color: var(--color5); } .about-excellence-info { position: relative; z-index: 1; max-width: 460px; font-weight: 500; font-size: 15px; line-height: 26px; color: var(--color4); -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; display: box; word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; } .about-excellence-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .about-excellence-icon { display: flex; align-items: center; justify-content: center; min-width: 50px; width: 50px; min-height: 50px; height: 50px; margin-bottom: 22px; border-radius: 50em; background-color: var(--color1); } .about-excellence-icon svg, .about-excellence-icon img { max-width: 29px; max-height: 29px; } .about-excellence-item_bgr .about-excellence-block:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(58.46deg, rgba(20, 20, 20, 0.69) 11.48%, rgba(20, 20, 20, 0) 91.61%); } .about-excellence-item_bgr .about-excellence-name { margin-top: auto; margin-bottom: 4px; color: #fff; } .about-excellence-item_bgr .about-excellence-info { color: #fff; } .about-excellence-photo { min-width: 284px; width: 284px; min-height: 284px; height: 284px; margin-bottom: 43px; border-radius: 50em; overflow: hidden; } .about-excellence-photo-element { display: block; width: 100%; height: 100%; object-fit: cover; } .about-excellence-item:nth-child(3) .about-excellence-inner, .about-excellence-item:nth-child(7n+3) .about-excellence-inner { padding-top: 54px; } .about-excellence-item_img .about-excellence-block { display: flex; } .about-excellence-item_img .about-excellence-inner { max-width: 62%; } .about-excellence-pic { position: absolute; right: 5px; bottom: 5px; max-width: 219px; max-height: calc(100% - 20px); } .about-excellence-more { display: none; } .about-excellence-more-link { width: 100%; padding: 8px 30px; background-color: var(--color2); text-decoration: none; border-radius: 50em; text-align: center; font-size: 12px; line-height: 16px; color: var(--color6); font-weight: 500; } .about-excellence-item:nth-child(4) .about-excellence-icon svg, .about-excellence-item:nth-child(4) .about-excellence-icon img, .about-excellence-item:nth-child(7n+4) .about-excellence-icon svg, .about-excellence-item:nth-child(7n+4) .about-excellence-icon img { margin-top: -1px; } .about-excellence-item:nth-child(1) .about-excellence-name, .about-excellence-item:nth-child(3) .about-excellence-name, .about-excellence-item:nth-child(5) .about-excellence-name, .about-excellence-item:nth-child(6) .about-excellence-name, .about-excellence-item:nth-child(7) .about-excellence-name, .about-excellence-item:nth-child(7n+1) .about-excellence-name, .about-excellence-item:nth-child(7n+5) .about-excellence-name, .about-excellence-item:nth-child(7n+6) .about-excellence-name, .about-excellence-item:nth-child(7n+7) .about-excellence-name { font-size: 24px; line-height: 36px; } .about-excellence-item_bgr:nth-child(1) .about-excellence-name, .about-excellence-item_bgr:nth-child(6) .about-excellence-name, .about-excellence-item_bgr:nth-child(7n+1) .about-excellence-name, .about-excellence-item_bgr:nth-child(7n+6) .about-excellence-name { max-width: 520px; } @media screen and (min-width: 992px) { .about-excellence-item:nth-child(5) .about-excellence-info, .about-excellence-item:nth-child(7) .about-excellence-info, .about-excellence-item:nth-child(7n+5) .about-excellence-info, .about-excellence-item:nth-child(7n+7) .about-excellence-info { -webkit-line-clamp: 4; line-clamp: 4; } } @media screen and (max-width: 1489px) { .about-excellence-inner { padding-bottom: 25px; } .about-excellence-icon { margin-bottom: 14px; } .about-excellence-name { margin-bottom: 11px; font-size: 18px; line-height: 27px; } .about-excellence-item:nth-child(1) .about-excellence-name, .about-excellence-item:nth-child(3) .about-excellence-name, .about-excellence-item:nth-child(5) .about-excellence-name, .about-excellence-item:nth-child(6) .about-excellence-name, .about-excellence-item:nth-child(7) .about-excellence-name, .about-excellence-item:nth-child(7n+1) .about-excellence-name, .about-excellence-item:nth-child(7n+5) .about-excellence-name, .about-excellence-item:nth-child(7n+6) .about-excellence-name, .about-excellence-item:nth-child(7n+7) .about-excellence-name { font-size: 20px; line-height: 30px; } } @media screen and (max-width: 992px) { .about-excellence { margin-bottom: 60px; } .about-excellence-list { grid-template-columns: repeat(2, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; } .about-excellence-item:nth-child(4) { order: 1; } .about-excellence-item:nth-child(5) { order: 2; grid-column: span 1; } .about-excellence-item:nth-child(1) { order: 3; } .about-excellence-item:nth-child(3) { order: 4; } .about-excellence-item:nth-child(2) { order: 5; } .about-excellence-item:nth-child(7) { order: 6; grid-column: span 1; } .about-excellence-item:nth-child(6) { order: 7; } .about-excellence-item:nth-child(8) { order: 10; } .about-excellence-item:nth-child(9) { order: 12; } .about-excellence-item:nth-child(10) { order: 11; } .about-excellence-item:nth-child(11) { order: 8; } .about-excellence-item:nth-child(12) { order: 9; grid-column: span 1; } .about-excellence-item:nth-child(14) { order: 13; grid-column: span 1; } .about-excellence-item:nth-child(13) { order: 14; } .about-excellence-block { min-height: 213px; } .about-excellence-name { margin-bottom: 6px; text-align: center; } .about-excellence-info { text-align: center; font-size: 14px; line-height: 24px; -webkit-line-clamp: 3; line-clamp: 3; } .about-excellence-pic { display: none; } .about-excellence-icon { min-width: 40px; width: 40px; min-height: 40px; height: 40px; margin-bottom: 22px; margin-left: auto; margin-right: auto; } .about-excellence-icon svg, .about-excellence-icon img { max-width: 22px; max-height: 22px; } .about-excellence-photo { min-width: 250px; width: 250px; min-height: 250px; height: 250px; margin-bottom: 17px; margin-left: auto; margin-right: auto; } .about-excellence-item_bgr .about-excellence-name { margin-top: 0; text-align: left; } .about-excellence-item_img .about-excellence-inner { max-width: 100%; } .about-excellence-item:nth-child(1) .about-excellence-name, .about-excellence-item:nth-child(3) .about-excellence-name, .about-excellence-item:nth-child(6) .about-excellence-name, .about-excellence-item:nth-child(10) .about-excellence-name { font-size: 20px; line-height: 30px; } .about-excellence-item:nth-child(5) .about-excellence-name, .about-excellence-item:nth-child(7) .about-excellence-name, .about-excellence-item:nth-child(7n+5) .about-excellence-name, .about-excellence-item:nth-child(7n+7) .about-excellence-name { font-size: 18px; line-height: 27px; } .about-excellence-item:nth-child(3) .about-excellence-inner, .about-excellence-item:nth-child(10) .about-excellence-inner { padding-top: 35px; } .about-excellence-item_bgr:nth-child(1) .about-excellence-name, .about-excellence-item_bgr:nth-child(6) .about-excellence-name, .about-excellence-item_bgr:nth-child(7n+1) .about-excellence-name, .about-excellence-item_bgr:nth-child(7n+6) .about-excellence-name { max-width: 440px; } } @media screen and (max-width: 750px) { .about-excellence { margin-bottom: 55px; } .about-excellence-list { margin-bottom: 20px; grid-template-columns: repeat(1, 1fr); } .about-excellence-item:nth-child(1), .about-excellence-item:nth-child(6), .about-excellence-item:nth-child(8), .about-excellence-item:nth-child(12), .about-excellence-item:nth-child(13) { grid-column: span 1; } .about-excellence-block { min-height: 182px; } .about-excellence-info { max-width: none; font-size: 13px; line-height: 22px; } .about-excellence-icon { margin-bottom: 14px; } .about-excellence-photo { min-width: 81px; width: 81px; min-height: 81px; height: 81px; margin-bottom: 9px; } .about-excellence-name { max-width: none; margin-bottom: 7px; } .about-excellence-name, .about-excellence-item:nth-child(3) .about-excellence-name, .about-excellence-item:nth-child(5) .about-excellence-name, .about-excellence-item:nth-child(7) .about-excellence-name, .about-excellence-item:nth-child(10) .about-excellence-name, .about-excellence-item:nth-child(12) .about-excellence-name { max-width: none; font-size: 16px; line-height: 24px; } .about-excellence-item:nth-child(1) .about-excellence-name, .about-excellence-item:nth-child(6) .about-excellence-name, .about-excellence-item:nth-child(8) .about-excellence-name { font-size: 18px; line-height: 27px; } .about-excellence-item:nth-child(2) .about-excellence-name, .about-excellence-item:nth-child(4) .about-excellence-name { max-width: none; } .about-excellence-item:nth-child(3), .about-excellence-item:nth-child(10) { grid-row: span 1; } .about-excellence-item:nth-child(3) .about-excellence-inner, .about-excellence-item:nth-child(10) .about-excellence-inner { padding-top: 25px; } .about-excellence-item_hide { display: none; } .about-excellence-more { display: block; } } .contacts-list-wrapper { margin-bottom: 25px; } .contacts-list { display: flex; flex-wrap: wrap; padding-bottom: 30px; } .contacts-list-block { width: 40%; display: flex; } .contacts-list-block_phone { width: 20%; } .contacts-list-item { width: 50%; margin-bottom: 20px; padding-right: 30px; } .contacts-list-block:nth-child(3n) .contacts-list-item:last-child { padding-right: 0; } .contacts-list-item_hours { width: 42%; } .contacts-list-block_phone .contacts-list-item { width: 100%; } .contacts-name { display: block; margin-bottom: 5px; font-weight: 400; font-size: 13px; line-height: 22px; color: #999; } .contacts-info { font-size: 16px; line-height: 28px; font-weight: 500; color: var(--color6); } .contacts-info p { margin-bottom: 10px; } .contacts-phone-item { margin-bottom: 13px; } .contacts-phone-item:last-child { margin-bottom: 0; } .contacts-phone-number a { text-decoration: none; } .contacts-phone-label { display: block; font-weight: 400; font-size: 13px; line-height: 22px; color: #999; } .contacts-email a { text-decoration: none; } .contacts-map { height: 460px; margin-bottom: 100px; } .contacts-img { display: flex; flex-wrap: wrap; margin-left: -7px; margin-right: -7px; } .contacts-img-item { width: 33.3%; padding-left: 7px; padding-right: 7px; margin-bottom: 14px; } .contacts-img-link { display: block; height: 70px; border-radius: 10px; overflow: hidden; } .contacts-img-element { display: block; width: 100%; height: 100%; object-fit: cover; } @media screen and (max-width: 1489px) { .contacts-list-item_hours { width: 45%; } } @media screen and (max-width: 1200px) { .contacts-list-wrapper { margin-bottom: 15px; } .contacts-list-wrapper:last-child { margin-bottom: 0; } .contacts-list { margin-bottom: 25px; } .contacts-list:last-child { margin-bottom: 0; } .contacts-list-block { display: block; width: 33.3%; } .contacts-list-block_phone { width: 33.3%; } .contacts-list-item { width: 100%; margin-bottom: 15px; } .contacts-list-item_hours { width: 100%; } .contacts-name { margin-bottom: 8px; } .contacts-info { font-size: 14px; } .contacts-label { font-size: 14px; } .contacts-phone-item { margin-bottom: 15px; } .contacts-map { height: 365px; margin-bottom: 64px; } } @media screen and (max-width: 750px) { .contacts-list { flex-wrap: wrap; } .contacts-list-block { width: 100%; } .contacts-list-item { padding-right: 0; } .contacts-img-link { height: 95px; } .contacts-name { margin-bottom: 5px; } } .articles-title { font-size: 40px; line-height: 52px; } .articles-amount { margin-left: 12px; font-weight: 500; font-size: 24px; line-height: 30px; color: var(--color4); } .articles-tag { margin-bottom: 44px; } .articles-tag_hide { display: none; } @media screen and (max-width: 992px) { .articles-title { font-size: 26px; line-height: 34px; } .articles-amount { margin-left: 7px; font-size: 16px; line-height: 20px; } .articles-tag { margin-bottom: 18px; } } @media screen and (max-width: 750px) { .articles-amount { margin-left: 7px; } } .articles-category-slider { margin-bottom: 89px; } .articles-category-slider-inner { position: relative; margin-bottom: 30px; } .articles-category-slider-block { overflow: hidden; } .articles-category-slider-list { display: flex; } .articles-category-slider-item { width: 208px; } .articles-category-slider-link { position: relative; display: flex; flex-direction: column; height: 140px; padding: 13px 14px 25px 21px; text-decoration: none; border-radius: var(--border-radius); overflow: hidden; } .articles-category-slider-link:before { content: ""; position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 207px; background: linear-gradient(30.85deg, rgba(20, 20, 20, 0.56) 9.89%, rgba(20, 20, 20, 0) 59.19%); } .articles-category-slider-img { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s linear; } .articles-category-slider-link:hover .articles-category-slider-img { transform: scale(1.1); } .articles-category-slider-amount { position: relative; z-index: 1; margin-left: auto; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background-color: var(--color1); color: #FFFFFF; border-radius: 50em; font-weight: 600; font-size: 14px; line-height: 21px; } .articles-category-slider-name { position: relative; z-index: 1; margin-top: auto; font-weight: 500; font-size: 16px; line-height: 18px; color: #FFFFFF; } @media screen and (max-width: 992px) { .articles-category-slider { margin-bottom: 60px; } .articles-category-slider-inner { margin-bottom: 0; } .articles-category-slider-block { overflow: visible; } .articles-category-slider-item { width: 158px; } .articles-category-slider-link { height: 193px; padding-top: 11px; padding-right: 11px; padding-left: 16px; border-radius: 25px; } .articles-category-slider-link:before { height: 176px; } .articles-category-slider-link:hover .articles-category-slider-img { transform: none; } .articles-category-slider-name { font-size: 13px; line-height: 15px; } .articles-category-slider-amount { width: 35px; height: 35px; font-size: 13px; } .articles-category-slider-button { display: none; } .articles-category-slider-pagination { display: none; } } @media screen and (max-width: 750px) { .articles-category-slider { margin-bottom: 58px; } } .informer { display: flex; align-items: center; flex-wrap: wrap; overflow: hidden; height: 28px; margin-bottom: 15px; } .informer-item { margin-right: 15px; } .informer-item:last-child { margin-right: 0; } .informer-label { display: inline-block; font-size: 13px; line-height: 26px; color: var(--color5); } .informer-icon { vertical-align: middle; max-width: 20px; max-height: 15px; margin-top: -3px; margin-right: 7px; } .informer-item_date .informer-label { padding-left: 10px; padding-right: 10px; border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 50em; line-height: 26px; } @media screen and (max-width: 992px) { .informer { height: 26px; } .informer-item { margin-right: 15px; } .informer-item_date .informer-label { padding-left: 8px; padding-right: 8px; line-height: 20px; } .informer-label { font-size: 12px; line-height: 20px; } .informer-item_view .informer-label { font-size: 13px; } } .articles-list { margin-bottom: 100px; } .articles-list-inner { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .articles-list-item { width: 33.3%; margin-bottom: 30px; padding-left: 15px; padding-right: 15px; } @media screen and (min-width: 992px) { .articles-list-item .articles-category-box { height: 200px; } } @media screen and (max-width: 992px) { .articles-list { margin-bottom: 60px; } .articles-list-inner { margin-left: -10px; margin-right: -10px; margin-bottom: 10px; } .articles-list-item { width: 50%; margin-bottom: 20px; padding-left: 10px; padding-right: 10px; } } @media screen and (max-width: 750px) { .articles-list-item { width: 100%; } } .articles-new { padding-bottom: 60px; } .articles-new-inner { position: relative; } .articles-new-block { overflow: hidden; margin: -15px -15px 20px; padding: 15px; } .articles-new-list { display: flex; } .articles-new-list-item { width: 33.3%; height: auto; min-height: 100%; } .articles-new-container { display: flex; flex-direction: column; height: 100%; border-radius: var(--border-radius); overflow: hidden; } .articles-new-container:hover { box-shadow: 0px 0px 20px rgba(206, 206, 206, 0.6); } .articles-new-box { position: relative; display: block; overflow: hidden; height: 200px; padding: 24px; text-decoration: none; border-radius: var(--border-radius); transition: border-radius 0.3s linear; } .articles-new-info { flex-grow: 1; display: flex; flex-direction: column; min-height: 52px; padding: 22px 24px 28px; } .articles-new-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s linear; } .articles-new-container:hover .articles-new-box { border-radius: 0; } .articles-new-box:hover .articles-new-img { transform: scale(1.1); } .articles-new-name { min-height: 54px; margin-bottom: 12px; font-weight: 600; font-size: 18px; line-height: 27px; color: var(--color6); text-decoration: none; } .articles-new-name:hover { color: var(--color6); text-decoration: underline; } .articles-new-announce { font-size: 15px; line-height: 26px; } .articles-new-tag { position: relative; z-index: 1; } .articles-new-button { top: 193px; transform: none; } .articles-new-more { float: right; } @media screen and (max-width: 992px) { .articles-new { padding-bottom: 50px; } .articles-new-inner { overflow: visible; margin-bottom: 22px; } .articles-new-block { overflow: visible; margin: 0; padding: 0; } .articles-new-list-item { width: 335px; } .articles-new-container { box-shadow: 0px 0px 20px rgba(206, 206, 206, 0.6); } .articles-new-box { height: 174px; padding: 16px 13px; border-radius: 25px 25px 0 0; } .articles-new-box:hover .articles-new-img { transform: none; } .articles-new-info { display: flex; flex-direction: column; padding: 14px 19px 10px; } .articles-new-announce { min-height: 48px; margin-bottom: 18px; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; display: box; word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; } .articles-new-informer { order: 1; } .articles-new-name { margin-bottom: 10px; min-height: 44px; font-weight: 500; font-size: 15px; line-height: 22px; letter-spacing: -0.01em; } .articles-new-announce { margin-bottom: 16px; font-size: 14px; line-height: 24px; } .articles-new-button { display: none; } .articles-new .slider-pagination { margin-bottom: 22px; } } @media screen and (max-width: 750px) { .articles-new { padding-bottom: 65px; } .articles-new-wrapper { display: flex; flex-direction: column; } .articles-new-more { float: none; order: 1; margin-left: auto; margin-right: auto; } .articles-new-inner { margin-bottom: 22px; } .articles-new-list-item { width: 265px; } } .articles-popular { padding-bottom: 60px; /*background-color: var(--color2);*/ } .articles-new-wrapper, .articles-popular-wrapper { padding-top: 44px; padding-bottom: 31px; } .articles-popular-inner { position: relative; margin-bottom: 35px; } .articles-popular-block { overflow: hidden; } .articles-popular-list { display: flex; } .articles-popular-list-item { width: 33.3%; height: auto; min-height: 442px; } .articles-popular-container { display: flex; flex-direction: column; height: 100%; border-radius: var(--border-radius); overflow: hidden; background-color: #FFFFFF; } .articles-popular-box { position: relative; display: block; overflow: hidden; height: 230px; padding: 25px 23px; text-decoration: none; border-radius: 30px 30px 0 0; transition: border-radius 0.3s linear; } .articles-popular-info { flex-grow: 1; display: flex; flex-direction: column; min-height: 52px; padding: 23px 17px 33px 23px; } .articles-popular-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s linear; } .articles-popular-container:hover .articles-popular-box { border-radius: 0; } .articles-popular-box:hover .articles-popular-img { transform: scale(1.1); } .articles-popular-name { min-height: 54px; margin-bottom: 12px; font-weight: 600; font-size: 18px; line-height: 27px; color: var(--color6); text-decoration: none; } .articles-popular-name:hover { color: var(--color6); text-decoration: underline; } .articles-popular-announce { font-size: 15px; line-height: 26px; } .articles-popular-tag { position: relative; z-index: 1; } .articles-popular-button { transform: none; top: 208px; } .articles-popular-banner { position: relative; display: block; height: 100%; text-decoration: none; border-radius: var(--border-radius); overflow: hidden; padding: 25px 23px; background-color: var(--color1); } .articles-popular-banner-tag { margin-bottom: 13px; } .articles-popular-banner-link { display: block; height: 100%; text-decoration: none; } .articles-popular-banner-name { position: relative; z-index: 1; display: block; margin-bottom: 11px; font-weight: 600; font-size: 24px; line-height: 36px; color: #FFFFFF; } .articles-popular-banner-info { position: relative; z-index: 1; display: block; max-width: 254px; font-weight: 500; font-size: 15px; line-height: 26px; color: #FFFFFF; } .articles-popular-banner-img { position: absolute; bottom: 5px; right: 10px; max-height: 225px; } @media screen and (max-width: 992px) { .articles-popular { padding-bottom: 55px; } .articles-new-wrapper, .articles-popular-wrapper { padding-top: 25px; padding-bottom: 42px; } .articles-popular-inner { overflow: visible; margin-bottom: 22px; } .articles-popular-block { overflow: visible; } .articles-popular-list-item { width: 219px; min-height: 353px; } .articles-popular-box { height: 174px; padding: 16px 13px; border-radius: 25px 25px 0 0; } .articles-popular-box:hover .articles-popular-img { transform: none; } .articles-popular-info { display: flex; flex-direction: column; padding: 14px 15px 10px 19px; } .articles-popular-informer { order: 1; margin-top: auto; } .articles-popular .informer-item_view { display: none; } .articles-popular-announce { min-height: 48px; margin-bottom: 18px; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; display: box; word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; } .articles-popular-name { margin-bottom: 10px; min-height: 44px; font-weight: 500; font-size: 15px; line-height: 22px; letter-spacing: -0.01em; } .articles-popular-announce { margin-bottom: 16px; font-size: 14px; line-height: 24px; } .articles-popular-button { display: none; } .articles-popular-banner { padding: 24px 16px; border-radius: 25px; } .articles-popular-banner-tag { display: none; } .articles-popular-banner-name { margin-bottom: 8px; font-size: 20px; line-height: 30px; } .articles-popular-banner-info { font-size: 14px; line-height: 24px; } .articles-popular-banner-img { max-height: 150px; } } @media screen and (max-width: 750px) { .articles-popular-list-item { width: 265px; } .articles-popular .informer-item_time { display: none; } } .articles-read { padding-bottom: 60px; } .articles-read-wrapper { position: relative; margin-bottom: 35px; } .articles-read-inner { overflow: hidden; } .articles-read-list { display: flex; margin: 0px -10px; } .articles-read-list-item { padding: 0px 10px; width: 33.3%; min-height: 100%; height: auto; } .articles-read-block { height: 100%; padding: 33px; background-color: var(--color2); border-radius: 25px 23px 35px; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; } .articles-read-block:hover { background-color: var(--color1); } .articles-read-tag { margin-bottom: 6px; } .articles-read-name { display: block; min-height: 54px; margin-bottom: 8px; text-decoration: none; font-weight: 600; font-size: 18px; line-height: 27px; color: var(--color6); } .articles-read-name:hover { text-decoration: underline; color: var(--color6); } .articles-read-info { -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; display: box; word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; } .articles-read-block:hover .articles-read-name { color: #FFFFFF; } .articles-read-block:hover .articles-read-info { color: #FFFFFF; } .articles-read-block:hover .informer-label { color: #FFFFFF; } .articles-read-block:hover .informer-item_date .informer-label { border-color: #FFFFFF; } .articles-read-block:hover .informer-icon path[fill] { fill: #FFFFFF; } .articles-read-block:hover .informer-icon circle[stroke] { stroke: #FFFFFF; } .articles-read-block:hover .informer-icon path[stroke] { stroke: #FFFFFF; } @media screen and (max-width: 992px) { .articles-read { padding-bottom: 40px; } .articles-read-wrapper { margin-bottom: 22px; } .articles-read-inner { overflow: visible; margin-right: 30px; } .articles-read-block { padding: 20px 20px 22px; } .articles-read-name { margin-bottom: 10px; min-height: 44px; font-size: 15px; line-height: 22px; } .articles-read .informer-item { margin-right: 18px; } .articles-read-button { display: none; } } @media screen and (max-width: 750px) { .articles-read-block { padding-bottom: 18px; } } .articles-category { display: flex; margin-bottom: 90px; } .articles-category-side { order: -1; min-width: 320px; width: 25.5%; padding-right: 30px; } .articles-category-content { width: 74.5%; } .articles-category-side-name { display: block; margin-bottom: 18px; font-size: 24px; line-height: 27px; font-weight: 600; color: #2A2A30; } .articles-category-select { display: none; margin-bottom: 31px; max-width: 320px; } .articles-category-select-label { color: var(--color6); } .articles-category-select .selectric-items .articles-category-select-label { display: none; } .articles-category-select .label { color: var(--color1); } .articles-category-default { text-transform: uppercase; color: var(--color6); font-size: 12px; line-height: 16px; } .articles-category-inner { margin-bottom: 40px; } .articles-category-list { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .articles-category-list-item { width: 33.3%; margin-bottom: 30px; padding-left: 15px; padding-right: 15px; } .articles-category-container { display: flex; flex-direction: column; height: 100%; border-radius: var(--border-radius); overflow: hidden; } .articles-category-container:hover { box-shadow: 0px 0px 20px rgba(206, 206, 206, 0.6); } .articles-category-box { position: relative; display: block; overflow: hidden; height: 230px; padding: 24px; text-decoration: none; border-radius: var(--border-radius); transition: border-radius 0.3s linear; } .articles-category-info { flex-grow: 1; display: flex; flex-direction: column; min-height: 52px; padding: 22px 20px 28px 23px; } .articles-category-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s linear; } .articles-category-container:hover .articles-category-box { border-radius: 0; } .articles-category-box:hover .articles-category-img { transform: scale(1.1); } .articles-category-name { min-height: 54px; margin-bottom: 12px; font-weight: 600; font-size: 18px; line-height: 27px; color: var(--color6); text-decoration: none; } .articles-category-name:hover { color: var(--color6); text-decoration: underline; } .articles-category-announce { font-size: 15px; line-height: 26px; } .articles-category-tag { position: relative; z-index: 1; } @media screen and (max-width: 1489px) { .articles-category-list-item { width: 50%; } } @media screen and (max-width: 992px) { .articles-category { flex-direction: column; margin-bottom: 60px; } .articles-category-side { order: 1; min-width: auto; width: 100%; padding-right: 0; } .articles-category-content { width: 100%; margin-bottom: 77px; } .articles-category-select { display: block; } .articles-category-list { margin-bottom: 10px; margin-left: -10px; margin-right: -10px; } .articles-category-list-item { margin-bottom: 20px; padding-left: 10px; padding-right: 10px; } .articles-category-container { box-shadow: 0px 0px 20px rgba(206, 206, 206, 0.6); } .articles-category-box { height: 174px; padding: 16px 13px; border-radius: 25px 25px 0 0; } .articles-category-box:hover .articles-category-img { transform: none; } .articles-category-info { display: flex; flex-direction: column; padding: 14px 19px 10px; } .articles-category-announce { min-height: 48px; margin-bottom: 18px; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; display: box; word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; } .articles-category-informer { order: 1; margin-top: auto; } .articles-category-name { margin-bottom: 10px; min-height: 44px; font-weight: 500; font-size: 15px; line-height: 22px; letter-spacing: -0.01em; } .articles-category-announce { margin-bottom: 16px; font-size: 14px; line-height: 24px; } .articles-category-actions { display: grid; grid-template-columns: calc(60% - 20px) 40%; grid-auto-rows: auto auto; grid-column-gap: 20px; grid-row-gap: 20px; } .articles-category-side-name { margin-bottom: 15px; font-size: 20px; line-height: 29px; } } @media screen and (max-width: 750px) { .articles-category-side { flex-direction: column; } .articles-category-content { margin-bottom: 65px; } .articles-category-select { max-width: none; } .articles-category-list-item { width: 100%; } .articles-category-actions { display: block; } } .articles-category-menu { margin-bottom: 30px; padding: 37px 27px 33px; border: 1px solid #D7D7E3; border-radius: var(--border-radius); } .articles-category-menu-list { max-width: 220px; } .articles-category-menu-item { margin-bottom: 19px; } .articles-category-menu-item:last-child { margin-bottom: 0; } .articles-category-menu-link { font-size: 16px; line-height: 24px; color: var(--color6); text-decoration: none; } .articles-category-menu-link:hover { font-weight: 600; color: var(--color6); letter-spacing: -0.02em; } .articles-category-menu-item_active .articles-category-menu-link { font-weight: 600; letter-spacing: -0.02em; } @media screen and (max-width: 992px) { .articles-category-menu { display: none; } } .articles-category-popular { margin-bottom: 40px; } .articles-category-popular-inner { min-height: 448px; padding: 34px 24px 40px; border-radius: var(--border-radius); background-color: var(--color2); } .articles-category-popular-item { margin-bottom: 21px; } .articles-category-popular-item:last-child { margin-bottom: 0; } .articles-category-popular-link { display: block; margin-bottom: 8px; text-decoration: none; font-size: 16px; line-height: 24px; color: var(--color5); text-decoration: none; } .articles-category-popular-link:hover { font-weight: 600; color: var(--color5); letter-spacing: -0.02em; } .articles-category-popular-date { display: block; font-weight: 500; font-size: 13px; line-height: 17px; color: var(--color4); } @media screen and (max-width: 992px) { .articles-category-popular { order: -1; grid-row: span 2; margin-bottom: 0; } .articles-category-popular-inner { min-height: auto; height: 100%; padding-top: 24px; padding-bottom: 24px; border-radius: 25px; } .articles-category-popular-link { font-size: 14px; line-height: 21px; } .articles-category-popular-date { font-size: 12px; line-height: 15px; } } @media screen and (max-width: 750px) { .articles-category-popular { width: 100%; padding-right: 0; margin-bottom: 37px; } } .articles-category-hashtag { margin-bottom: 33px; } .articles-category-hashtag-list { margin-right: -15px; } @media screen and (min-width: 992px) { .articles-category-hashtag .tag-link { padding-left: 18px; padding-right: 18px; } } @media screen and (max-width: 992px) { .articles-category-hashtag { margin-bottom: 5px; } .articles-category-hashtag-list { margin-right: 0; } } @media screen and (max-width: 750px) { .articles-category-hashtag { margin-bottom: 30px; } } .articles-category-banner { height: 200px; } .articles-category-banner .banner-pic { max-height: 90px; } .articles-category-banner .banner-name { margin-bottom: 8px; font-size: 24px; line-height: 36px; } .articles-category-banner .banner-info { max-width: 190px; } @media screen and (max-width: 992px) { .articles-category-banner { min-height: 156px; height: 100%; flex-grow: 1; } .articles-category-banner .banner-name { font-size: 20px; line-height: 30px; } .articles-category-banner .banner-pic { max-height: 80px; } } @media screen and (max-width: 750px) { .articles-category-banner { flex-grow: initial; height: 198px; } .articles-category-banner .banner-pic { max-height: 90px; } } .articles-detail-title { margin-bottom: 32px; } .articles-detail-select { margin-bottom: 22px; } .articles-detail-banner { height: 400px; } .articles-detail-banner .banner-pic { max-height: 217px; } .articles-detail-banner .banner-name { margin-bottom: 15px; font-size: 24px; line-height: 36px; } .articles-detail-banner .banner-info { max-width: 190px; } .articles-detail-container { margin-bottom: 60px; } .articles-detail-container .content h2 { margin-top: 37px; } .articles-detail-informer { margin-top: 13px; margin-bottom: 18px; } .articles-detail-img { position: relative; height: 426px; margin-bottom: 36px; } .articles-detail-pic { display: block; border-radius: var(--border-radius); width: 100%; height: 100%; object-fit: cover; } .articles-detail-tag { position: absolute; top: 25px; left: 23px; } .articles-detail-schedule { margin-bottom: 47px; } .articles-detail-schedule-name-wrapper { overflow: hidden; margin-bottom: 17px; } .articles-detail-schedule-name { position: relative; display: inline-block; font-style: italic; font-weight: 700; font-size: 18px; line-height: 27px; text-transform: uppercase; color: var(--color1); } .articles-detail-schedule-name:after { content: ""; position: absolute; bottom: 8px; left: calc(100% + 7px); height: 1px; width: 313px; max-width: none; background-color: var(--color1); } .articles-detail-schedule-list-item { margin-bottom: 11px; } .articles-detail-schedule-list-item:last-child { margin-bottom: 0; } .articles-detail-schedule-list-link { font-size: 18px; line-height: 27px; color: #111111; } .articles-detail-schedule-list-link:hover { color: #111111; text-decoration: none; } @media screen and (max-width: 992px) { .articles-detail-title { margin-bottom: 16px; } .articles-detail-banner { min-height: 156px; height: 100%; } .articles-detail-banner .banner-pic { max-height: 80px; } .articles-detail-banner .banner-name { font-size: 20px; line-height: 30px; } .articles-detail-img { height: 250px; margin-bottom: 23px; } .articles-detail-tag { top: 16px; left: 14px; } .articles-detail-pic { border-radius: 25px; } .articles-detail-schedule { margin-bottom: 35px; } .articles-detail-schedule-name-wrapper { margin-bottom: 10px; } .articles-detail-schedule-name { font-size: 16px; line-height: 24px; } .articles-detail-schedule-name:after { width: 241px; } .articles-detail-schedule-list-item { margin-bottom: 10px; } .articles-detail-schedule-list-link { font-size: 16px; line-height: 24px; } .articles-detail-container { margin-bottom: 33px; } .articles-detail-container .content h2 { margin-top: 32px; } } @media screen and (max-width: 750px) { .articles-detail-banner { height: 198px; flex-grow: initial; } .articles-detail-banner .banner-pic { max-height: 90px; } .articles-detail-schedule { margin-bottom: 31px; } .articles-detail-schedule-name:after { width: 100vw; } } .news { margin-bottom: 114px; } .news-line { display: none; } .news-list { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 1fr; grid-column-gap: 30px; grid-row-gap: 30px; margin-bottom: 30px; } .news-container { display: flex; flex-direction: column; height: 100%; border-radius: var(--border-radius); overflow: hidden; text-decoration: none; } .news-container:hover { box-shadow: 0px 0px 20px rgba(206, 206, 206, 0.6); } .news-box { position: relative; display: block; overflow: hidden; height: 230px; padding: 24px; text-decoration: none; border-radius: var(--border-radius); transition: border-radius 0.3s linear; } .news-info { flex-grow: 1; display: flex; flex-direction: column; min-height: 52px; padding: 22px 20px 28px 23px; } .news-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s linear; } .news-container:hover .news-box { border-radius: 0; } .news-box:hover .news-img { transform: scale(1.07); } .news-name { min-height: 54px; margin-bottom: 12px; font-weight: 600; font-size: 18px; line-height: 27px; color: var(--color6); text-decoration: none; } .news-name:hover { color: var(--color6); } .news-announce { margin-bottom: 17px; font-size: 15px; line-height: 26px; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; display: box; word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; } .news-informer .informer { margin-bottom: 0; } @media screen and (min-width: 1200px) { .news-list-item:nth-child(1), .news-list-item:nth-child(6n), .news-list-item:nth-child(6n+1) { grid-column: span 2; } .news-list-item:nth-child(1) .news-container, .news-list-item:nth-child(6n) .news-container, .news-list-item:nth-child(6n+1) .news-container { position: relative; } .news-list-item:nth-child(1) .news-container:after, .news-list-item:nth-child(6n) .news-container:after, .news-list-item:nth-child(6n+1) .news-container:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(32.82deg, rgba(20, 20, 20, 0.75) 7.2%, rgba(20, 20, 20, 0.13) 82.72%); } .news-list-item:nth-child(1) .news-box, .news-list-item:nth-child(6n) .news-box, .news-list-item:nth-child(6n+1) .news-box { position: static; } .news-list-item:nth-child(1) .news-name, .news-list-item:nth-child(6n) .news-name, .news-list-item:nth-child(6n+1) .news-name { color: #FFFFFF; } .news-list-item:nth-child(1) .news-info, .news-list-item:nth-child(6n) .news-info, .news-list-item:nth-child(6n+1) .news-info { position: relative; z-index: 1; max-width: 50%; color: #FFFFFF; } .news-list-item:nth-child(1) .informer-label, .news-list-item:nth-child(6n) .informer-label, .news-list-item:nth-child(6n+1) .informer-label { border-color: #fff; color: #fff; } .news-list-item:nth-child(1) .informer-icon path, .news-list-item:nth-child(6n) .informer-icon path, .news-list-item:nth-child(6n+1) .informer-icon path { fill: #fff; } .news-list-item:nth-child(1) .news-container:hover .news-img, .news-list-item:nth-child(6n) .news-container:hover .news-img, .news-list-item:nth-child(6n+1) .news-container:hover .news-img { transform: scale(1.07); } } @media screen and (max-width: 1200px) { .news-list { grid-template-columns: repeat(3, 1fr); } .news-list-item:nth-child(1), .news-list-item:nth-child(4n), .news-list-item:nth-child(5n) { grid-column: span 2; } .news-list-item:nth-child(1) .news-container, .news-list-item:nth-child(4n) .news-container, .news-list-item:nth-child(5n) .news-container { position: relative; } .news-list-item:nth-child(1) .news-container:after, .news-list-item:nth-child(4n) .news-container:after, .news-list-item:nth-child(5n) .news-container:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(32.82deg, rgba(20, 20, 20, 0.75) 7.2%, rgba(20, 20, 20, 0.13) 82.72%); } .news-list-item:nth-child(1) .news-box, .news-list-item:nth-child(4n) .news-box, .news-list-item:nth-child(5n) .news-box { position: static; } .news-list-item:nth-child(1) .news-name, .news-list-item:nth-child(4n) .news-name, .news-list-item:nth-child(5n) .news-name { color: #FFFFFF; } .news-list-item:nth-child(1) .news-info, .news-list-item:nth-child(4n) .news-info, .news-list-item:nth-child(5n) .news-info { position: relative; z-index: 1; max-width: 50%; color: #FFFFFF; } .news-list-item:nth-child(1) .informer-label, .news-list-item:nth-child(4n) .informer-label, .news-list-item:nth-child(5n) .informer-label { border-color: #fff; color: #fff; } .news-list-item:nth-child(1) .informer-icon path, .news-list-item:nth-child(4n) .informer-icon path, .news-list-item:nth-child(5n) .informer-icon path { fill: #fff; } } @media screen and (max-width: 992px) { .news { margin-bottom: 65px; } .news-list { grid-column-gap: 20px; grid-row-gap: 20px; margin-bottom: 23px; } .news-container { border-radius: 25px; box-shadow: 0px 0px 20px rgba(206, 206, 206, 0.6); } .news-box { height: 174px; padding: 16px 13px; border-radius: 25px 25px 0 0; } .news-box:hover .news-img { transform: none; } .news-info { display: flex; flex-direction: column; padding: 20px 18px 27px; } .news-announce { min-height: 48px; margin-bottom: 18px; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; display: box; word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; } .news-name { margin-bottom: 9px; min-height: 44px; font-weight: 500; font-size: 15px; line-height: 22px; letter-spacing: -0.01em; } .news-announce { margin-bottom: 0; font-size: 14px; line-height: 24px; } .news-informer { order: -1; margin-bottom: 13px; } .news-informer .informer-icon { display: none; } .news-informer .informer-label { font-size: 11px; } .news-list-item:nth-child(1) .news-container:hover .news-img, .news-list-item:nth-child(4n) .news-container:hover .news-img, .news-list-item:nth-child(5n) .news-container:hover .news-img { transform: none; } } @media screen and (max-width: 750px) { .news { margin-bottom: 63px; } .news-main { margin-bottom: 23px; padding-top: 1px; padding-bottom: 20px; background-color: var(--color2); } .news-main .breadcrumbs-wrapper { margin-top: 25px; margin-bottom: 28px; } .news-line { display: block; margin-bottom: 22px; } .news-list { grid-template-columns: repeat(1, 1fr); grid-column-gap: 25px; grid-row-gap: 25px; margin-bottom: 20px; } .news-informer { order: 1; margin-bottom: 0; } .news-informer .informer-label { padding-left: 13px; padding-right: 13px; } .news-announce { margin-bottom: 19px; } .news-list-item:nth-child(1), .news-list-item:nth-child(4n), .news-list-item:nth-child(5n) { grid-column: span 1; } .news-list-item:nth-child(1) .news-info, .news-list-item:nth-child(4n) .news-info, .news-list-item:nth-child(5n) .news-info { max-width: none; padding-bottom: 33px; } } .news-detail { display: flex; margin-bottom: 68px; } .news-detail-content { width: 74.5%; } .news-detail-content .content h2 { margin-top: 37px; } .news-detail-content .content h2:first-child { margin-top: 0; } .news-detail-side { order: -1; min-width: 320px; width: 25.5%; padding-right: 30px; } .news-detail-img { max-height: 442px; border-radius: var(--border-radius); margin-bottom: 29px; } .news-detail-banner { height: 400px; } .news-detail-banner .banner-name { margin-bottom: 15px; font-size: 24px; line-height: 36px; } .news-detail-banner .banner-info { max-width: 190px; } .news-detail-banner .banner-pic { max-height: 217px; } .news-detail-informer { margin-top: 5px; } @media screen and (max-width: 992px) { .news-detail { flex-direction: column; margin-bottom: 60px; } .news-detail-content { width: 100%; margin-bottom: 15px; } .news-detail-side { order: initial; min-width: auto; width: 100%; padding-right: 0; } .news-detail-actions { display: grid; grid-template-columns: calc(60% - 20px) 40%; grid-auto-rows: auto; grid-column-gap: 20px; } .news-detail-actions .articles-category-popular { grid-row: auto; } .news-detail-img { max-height: 400px; margin-bottom: 20px; border-radius: 25px; } .news-detail-banner { height: 100%; min-height: 330px; } .news-detail-banner .banner-name { font-size: 20px; line-height: 30px; } .news-detail-banner .banner-info { max-width: 190px; } .news-detail-informer { margin-top: 0; } } @media screen and (max-width: 750px) { .news-detail-side { flex-direction: column; } .news-detail-actions { display: block; } .news-detail-banner { min-height: auto; height: 198px; flex-grow: initial; } .news-detail-banner .banner-pic { max-height: 90px; } } .news-detail-slider { margin-bottom: 100px; } .news-detail-slider-wrapper { position: relative; } .news-detail-slider-inner { overflow: hidden; margin: -15px -15px 20px; padding: 15px; } .news-detail-slider-list { display: flex; } .news-detail-slider-list-item { width: 315px; height: auto; min-height: 100%; } .news-detail-slider-container { display: flex; flex-direction: column; height: 100%; border-radius: var(--border-radius); overflow: hidden; text-decoration: none; } .news-detail-slider-container:hover { box-shadow: 0px 0px 20px rgba(206, 206, 206, 0.6); } .news-detail-slider-link { position: relative; display: block; overflow: hidden; height: 230px; padding: 25px 23px; text-decoration: none; border-radius: var(--border-radius); transition: border-radius 0.3s linear; } .news-detail-slider-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s linear; } .news-detail-slider-container:hover .news-detail-slider-link { border-radius: 0; } .news-detail-slider-link:hover .news-detail-slider-img { transform: scale(1.1); } .news-detail-slider-list-item_wide .news-detail-slider-container:hover .news-detail-slider-img { transform: scale(1.07); } .news-detail-slider-info { flex-grow: 1; display: flex; flex-direction: column; padding: 23px 23px 28px; } .news-detail-slider-name { display: inline-block; min-height: 54px; margin-bottom: 12px; font-weight: 600; font-size: 18px; line-height: 27px; color: var(--color6); text-decoration: none; } .news-detail-slider-name:hover { text-decoration: none; color: var(--color6); } .news-detail-slider-announce { display: block; min-height: 52px; font-size: 15px; line-height: 26px; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; display: box; word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; } .news-detail-slider .slider-button { top: 244px; } @media screen and (max-width: 1489px) { .news-detail-slider-link { height: 250px; } .news-detail-slider .slider-button { top: 264px; } } @media screen and (min-width: 992px) { .news-detail-slider-list-item_wide { width: 687px; } .news-detail-slider-list-item_wide .news-detail-slider-container { position: relative; } .news-detail-slider-list-item_wide .news-detail-slider-container:hover { box-shadow: none; } .news-detail-slider-list-item_wide .news-detail-slider-container:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(3.32deg, rgba(20, 20, 20, 0.5) 10.54%, rgba(20, 20, 20, 0.13) 91.3%); } .news-detail-slider-list-item_wide .news-detail-slider-link { position: static; } .news-detail-slider-list-item_wide .news-detail-slider-info { position: relative; z-index: 1; max-width: 48%; } .news-detail-slider-list-item_wide .news-detail-slider-name { color: #fff; } .news-detail-slider-list-item_wide .news-detail-slider-announce { color: #fff; } .news-detail-slider-list-item_wide .informer-item_date .informer-label { border-color: #fff; } .news-detail-slider-list-item_wide .informer-label { color: #fff; } .news-detail-slider-list-item_wide .informer-icon path { fill: #fff; } } @media screen and (max-width: 992px) { .news-detail-slider { margin-bottom: 60px; } .news-detail-slider-list-item { width: 220px; } .news-detail-slider-container { border-radius: 25px; box-shadow: 0px 0px 20px rgba(206, 206, 206, 0.6); } .news-detail-slider-inner { overflow: visible; margin-bottom: 7px; } .news-detail-slider-link { height: 174px; padding: 16px; border-radius: 25px 25px 0 0; } .news-detail-slider-info { padding: 20px 18px 27px; } .news-detail-slider-name { min-height: 44px; margin-bottom: 10px; font-size: 15px; line-height: 22px; letter-spacing: -0.01em; } .news-detail-slider-announce { min-height: 48px; font-size: 14px; line-height: 24px; } .news-detail-slider .slider-button { top: 189px; } } @media screen and (max-width: 750px) { .news-detail-slider-list-item { width: 265px; } } .actions { margin-bottom: 100px; } .actions-inner { margin-bottom: 30px; } .actions-list { display: grid; grid-template-columns: repeat(auto-fill,minmax(425px,1fr)); grid-gap: 25px; /*grid-auto-rows: auto; grid-column-gap: 30px; grid-row-gap: 30px; margin-bottom: 30px;*/ } /*.actions-list-item_1 { order: 1; } .actions-list-item_2 { order: 2; } .actions-list-item_3 { order: 3; } .actions-list-item_banner { order: 4; } .actions-list-item_5 { order: 6; } .actions-list-item_4 { order: 5; } .actions-list-item_6 { order: 7; }*/ .actions-box { position: relative; display: block; overflow: hidden; min-height: 420px; height: 100%; border-radius: var(--border-radius); background-color: var(--color2); text-decoration: none; } .actions-container { display: block; position: relative; z-index: 1; padding: 28px 24px; max-width: 370px; } .actions-label { display: block; margin-bottom: 14px; } .actions-name { font-weight: 500; font-size: 22px; line-height: 32px; color: #fff; display: inline-block; margin-bottom: 15px; } .actions-info { max-width: 260px; font-size: 14px; line-height: 22px; color: rgba(255, 255, 255, 0.8); -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; display: box; word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; } .actions-img { position: absolute; bottom: 0; right: 0; max-height: 210px; max-width: 200px; } .actions-button { margin-top: 26px; } .actions-box .actions-block-panel-subtitle { margin-bottom: 15px; } /*.actions-list-item_1, .actions-list-item_banner { grid-row: span 2; } .actions-list-item_1 .actions-name, .actions-list-item_banner .actions-name { font-size: 32px; line-height: 42px; } .actions-list-item_1 .actions-container, .actions-list-item_banner .actions-container { max-width: 380px; } .actions-list-item_1 .actions-info, .actions-list-item_banner .actions-info { max-width: 100%; } .actions-list-item_1:not(.actions-list-item_bgr) .actions-img, .actions-list-item_banner:not(.actions-list-item_bgr) .actions-img { max-height: 270px; max-width: 100%; } .actions-list-item_1 .actions-box, .actions-list-item_banner .actions-box { min-height: 522px; }*/ .actions-list-item_bgr .actions-box:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(10.05deg, rgba(6, 12, 23, 0.65) 12.52%, rgba(6, 12, 23, 0) 90%); } .actions-list-item_bgr .actions-box:hover:after { background: linear-gradient(10.05deg, rgba(6, 12, 23, 0.65) 12.52%, rgba(6, 12, 23, 0.25) 90%); } .actions-list-item_bgr .actions-box:before { width: 100%; height: 100%; content: ''; position: absolute; top: 0; left: 0; background-color: #000; opacity: 0; z-index: 1; transition: opacity .2s ease-in-out; } .actions-list-item_bgr .actions-box:hover:before { opacity: 0.3; } .actions-list-item_bgr .actions-container { max-width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; height: 100%; } .actions-list-item_bgr .actions-img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: cover; } .actions-list-item_bgr .actions-info { max-width: 100%; opacity: 0; max-height: 0; transition: max-height 0.15s ease-out; overflow: hidden; } .actions-list-item_bgr .actions-box:hover .actions-info { max-height: 100px; opacity: 1; transition: max-height 0.25s ease-in; } .actions-list-item_banner .actions-box { background-color: var(--color1); } .actions-list-item_banner .actions-name { color: #FFFFFF; } .actions-list-item_banner .actions-info { color: #FFFFFF; } .actions-box_modified .actions-name { color: #FFFFFF; } .actions-box_modified .actions-info { color: #FFFFFF; } .actions-box_modified:hover .actions-name, .actions-list-item_banner .actions-box:hover .actions-name { border-bottom-color: #FFFFFF; } .actions-box .actions-block-panel-subtitle { font-size: 12px; line-height: 18px; color: rgba(255, 255, 255, 0.8); } @media screen and (max-width: 1489px) { .actions-container { padding-top: 22px; padding-bottom: 22px; } .actions-img { max-width: 150px; } } /*@media screen and (min-width: 992px) { .actions-list:nth-child(2n) .actions-list-item_4 { order: 4; } .actions-list:nth-child(2n) .actions-list-item_banner { order: 5; } }*/ @media screen and (max-width: 992px) { .actions { margin-bottom: 65px; } .actions-list { grid-template-columns: repeat(2, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; margin-bottom: 20px; } .actions-box { border-radius: 25px; } .actions-container { max-width: 325px; padding: 21px 26px; } .actions-label { margin-bottom: 12px; } .actions-name { font-size: 20px; line-height: 26px; } .actions-info { font-size: 14px; line-height: 24px; } .actions-img { max-height: 130px; } /*.actions-list-item_5 { order: 4; } .actions-list-item_banner { order: 5; } .actions-list-item_4 { order: 6; } .actions-list-item_7 { order: 7; }*/ .actions-list-item_1 .actions-name, .actions-list-item_banner .actions-name { font-size: 24px; line-height: 31px; } .actions-list-item_1:not(.actions-list-item_bgr) .actions-img, .actions-list-item_banner:not(.actions-list-item_bgr) .actions-img { max-width: 100%; max-height: 205px; } .actions-list-item_1 .actions-box, .actions-list-item_banner .actions-box { min-height: 395px; } /*.actions-list-item_6 { grid-column: span 2; }*/ .actions-list-item_6 .actions-container { max-width: 535px; } .actions-list-item_6 .actions-info { max-width: 100%; } .actions-button { margin-top: 18px; } } @media screen and (max-width: 750px) { .actions { margin-bottom: 63px; } .actions-list { grid-template-columns: repeat(1, 1fr); } .actions-container { max-width: 500px; padding-bottom: 120px; } .actions-info { max-width: 100%; } .actions-img { max-width: 100%; } .actions-list-item_1, .actions-list-item_banner { grid-row: span 1; } .actions-list-item_1 .actions-container, .actions-list-item_banner .actions-container { max-width: 500px; } .actions-list-item_banner .actions-container { padding-bottom: 21px; } .actions-list-item_bgr .actions-container { max-width: 500px; padding-bottom: 21px; } .actions-list-item_1 .actions-name, .actions-list-item_banner .actions-name { font-size: 20px; line-height: 26px; } .actions-list-item_1:not(.actions-list-item_bgr) .actions-img, .actions-list-item_banner:not(.actions-list-item_bgr) .actions-img { max-height: 130px; } .actions-list-item_6 { grid-column: span 1; } .actions-list-item_banner { order: 7; } } .actions-simple { margin-bottom: 100px; } .actions-simple-inner { margin-bottom: 30px; } .actions-simple-list { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: auto; grid-column-gap: 30px; grid-row-gap: 30px; margin-bottom: 30px; } .actions-simple-list-item:nth-child(1) { order: -5; } .actions-simple-list-item:nth-child(2) { order: -4; } .actions-simple-list-item:nth-child(3) { order: -3; } .actions-simple-list-item:nth-child(4) { order: -2; } .actions-simple-list-item_banner { order: -1; } .actions-simple-box { position: relative; display: block; overflow: hidden; min-height: 248px; height: 100%; border-radius: var(--border-radius); background-color: var(--color2); text-decoration: none; } .actions-simple-container { display: block; position: relative; z-index: 1; padding: 28px 24px; max-width: 370px; } .actions-simple-label { display: block; margin-bottom: 14px; } .actions-simple-name { font-weight: 600; font-size: 24px; line-height: 31px; color: var(--color8); } .actions-simple-box:hover .actions-simple-name { border-bottom: 1px solid var(--color8); } .actions-simple-info { max-width: 260px; font-weight: 500; font-size: 15px; line-height: 26px; color: var(--color4); -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; display: box; word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; } .actions-simple-img { position: absolute; bottom: 0; right: 0; max-height: 210px; max-width: 200px; } .actions-simple-button { margin-top: 26px; } .actions-simple-list-item_banner { grid-row: span 2; } .actions-simple-list-item_banner .actions-simple-name { font-size: 32px; line-height: 42px; } .actions-simple-list-item_banner .actions-simple-container { max-width: 380px; } .actions-simple-list-item_banner .actions-simple-info { max-width: 100%; } .actions-simple-list-item_banner:not(.actions-simple-list-item_bgr) .actions-simple-img { max-height: 270px; } .actions-simple-list-item_banner .actions-simple-box { min-height: 522px; } .actions-simple-list-item_bgr .actions-simple-box:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(10.05deg, rgba(6, 12, 23, 0) 12.52%, rgba(6, 12, 23, 0.65) 90%); } .actions-simple-list-item_bgr .actions-simple-container { max-width: 100%; } .actions-simple-list-item_bgr .actions-simple-img { width: 100%; height: 100%; max-height: 100%; max-width: 100%; object-fit: cover; } .actions-simple-list-item_bgr .actions-simple-info { max-width: 100%; } .actions-simple-list-item_banner .actions-simple-box { background-color: var(--color1); } .actions-simple-list-item_banner .actions-simple-name { color: #FFFFFF; } .actions-simple-list-item_banner .actions-simple-info { color: #FFFFFF; } .actions-simple-box_modified .actions-simple-name { color: #FFFFFF; } .actions-simple-box_modified .actions-simple-info { color: #FFFFFF; } .actions-simple-box_modified:hover .actions-simple-name, .actions-simple-list-item_banner .actions-simple-box:hover .actions-simple-name { border-bottom-color: #FFFFFF; } .actions-simple .pager { display: none; } @media screen and (max-width: 1489px) { .actions-simple-container { padding-top: 22px; padding-bottom: 22px; } .actions-simple-img { max-width: 150px; } } @media screen and (min-width: 992px) { .actions-simple-list:nth-child(2n) .actions-simple-list-item_4 { order: 4; } .actions-simple-list:nth-child(2n) .actions-simple-list-item_banner { order: 5; } } @media screen and (max-width: 992px) { .actions-simple { margin-bottom: 65px; } .actions-simple-list { grid-template-columns: repeat(2, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; margin-bottom: 20px; } .actions-simple-box { min-height: 186px; border-radius: 25px; } .actions-simple-container { max-width: 325px; padding: 21px 26px; } .actions-simple-label { margin-bottom: 12px; } .actions-simple-name { font-size: 20px; line-height: 26px; } .actions-simple-info { font-size: 14px; line-height: 24px; } .actions-simple-img { max-height: 130px; } .actions-simple-list-item:nth-child(5) { order: -1; } .actions-simple-list-item_banner .actions-simple-name { font-size: 24px; line-height: 31px; } .actions-simple-list-item_banner:not(.actions-simple-list-item_bgr) .actions-simple-img { max-height: 205px; } .actions-simple-list-item_banner .actions-simple-box { min-height: 395px; } .actions-simple-button { margin-top: 18px; } } @media screen and (max-width: 750px) { .actions-simple { margin-bottom: 63px; } .actions-simple-list { grid-template-columns: repeat(1, 1fr); } .actions-simple-container { max-width: 500px; padding-bottom: 120px; } .actions-simple-box { min-height: 288px; } .actions-simple-info { max-width: 100%; } .actions-simple-img { max-width: 100%; } .actions-simple-list-item_banner { grid-row: span 1; } .actions-simple-list-item_banner .actions-simple-container { max-width: 500px; padding-bottom: 21px; } .actions-simple-list-item_bgr .actions-simple-container { max-width: 500px; padding-bottom: 21px; } .actions-simple-list-item_banner .actions-simple-name { font-size: 20px; line-height: 26px; } .actions-simple-list-item_banner:not(.actions-simple-list-item_bgr) .actions-simple-img { max-height: 130px; } .actions-simple-list-item_banner .actions-simple-box { min-height: 288px; } .actions-simple-list-item_banner { order: 1; } } .actions-detail-img { border-radius: var(--border-radius); } .actions-detail-panel .actions-block-panel-data { border: 1px solid #eee; } .actions-detail-panel .actions-block-panel-subtitle { color: #000; opacity: 1; margin-bottom: 20px; margin-left: 30px; } .actions-detail-panel .actions-block-panel-subtitle svg path { fill: #000; } .actions-detail-panel { display: flex; align-items: center; flex-wrap: wrap; } .actions-detail-images { position: relative; display: block; overflow: hidden; min-height: 600px; height: 100%; margin-bottom: 30px; } .actions-detail-img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: cover; position: absolute; } .actions-detail-text { font-size: 15px; line-height: 25px; margin-bottom: 50px; } .actions-detail-form { margin-bottom: 30px; } @media screen and (max-width: 992px) { .actions-detail-images { min-height: 420px; } } @media screen and (max-width: 768px) { .actions-detail-panel .actions-block-panel-subtitle { margin-left: 0; } .actions-detail-images { min-height: 320px; } } .projects { margin-bottom: 60px; } .projects-main .category-main-container:after { background: linear-gradient(122.33deg, rgba(20, 20, 20, 0.42) 38.5%, rgba(20, 20, 20, 0.64) 79.78%); } .projects-list { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .projects-list-item { width: 50%; margin-bottom: 30px; padding-left: 15px; padding-right: 15px; } .projects-box { position: relative; border-radius: var(--border-radius); overflow: hidden; height: 373px; } .projects-box:before { content: ""; opacity: 0; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: var(--color1); transition: opacity 0.3s linear; } .projects-box:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(76.71deg, rgba(20, 20, 20, 0.89) 14.24%, rgba(20, 20, 20, 0.13) 66.31%); } .projects-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s linear; } .projects-container { position: relative; z-index: 2; display: flex; flex-direction: column; height: 100%; padding: 23px 19px 50px 25px; } .projects-tag { margin-bottom: 50px; } .projects-content { margin-bottom: auto; } .projects-name { display: block; width: fit-content; margin-bottom: 15px; text-decoration: none; font-weight: 500; font-size: 36px; line-height: 47px; letter-spacing: -0.01em; color: #FFFFFF; } .projects-name:hover { color: #FFFFFF; } .projects-info { min-height: 78px; margin-bottom: 15px; font-size: 15px; line-height: 26px; color: #FFFFFF; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; display: box; word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; display: none; } .projects-link { display: flex; align-items: center; width: fit-content; font-weight: 500; font-size: 16px; line-height: 18px; text-decoration: none; color: #FFFFFF; } .projects-link:hover { color: #FFFFFF; } .projects-link-icon { margin-right: 18px; } .projects-date { display: block; padding-left: 10px; padding-right: 10px; border: 1px solid #FFFFFF; border-radius: 50em; color: #FFFFFF; font-size: 13px; line-height: 26px; } .projects-date-icon { vertical-align: middle; max-width: 20px; max-height: 15px; margin-top: -3px; margin-right: 7px; } .projects-date-icon path { fill: #fff; } .projects-box:hover:before { opacity: 1; } .projects-load-more .pager { display: none; } .projects-filter { display: flex; align-items: flex-end; flex-wrap: wrap; margin-bottom: 35px; } .projects-filter-group { display: flex; width: 50.4%; margin-right: auto; } .projects-filter-item { width: 50%; padding-right: 20px; } .projects-filter-label { display: block; margin-bottom: 14px; font-size: 13px; line-height: 20px; } .projects-filter-results { display: flex; align-items: center; height: 42px; font-weight: 500; font-size: 15px; line-height: 22px; color: var(--color1); } .projects-filter-reset { margin-left: 38px; } .projects-filter-reset-icon { margin-left: 6px; } /*.projects-list-item:nth-child(1), .projects-list-item:nth-child(2), .projects-list-item:nth-child(5n+1), .projects-list-item:nth-child(5n+2) { width: 50%; }*/ .projects-list-item:nth-child(1) .projects-tag, .projects-list-item:nth-child(2) .projects-tag, .projects-list-item:nth-child(5n+1) .projects-tag, .projects-list-item:nth-child(5n+2) .projects-tag { margin-bottom: 0; } .projects-list-item:nth-child(1) .projects-content, .projects-list-item:nth-child(2) .projects-content, .projects-list-item:nth-child(5n+1) .projects-content, .projects-list-item:nth-child(5n+2) .projects-content { margin-top: auto; } .projects-list-item:nth-child(1) .projects-name, .projects-list-item:nth-child(2) .projects-name, .projects-list-item:nth-child(5n+1) .projects-name, .projects-list-item:nth-child(5n+2) .projects-name { font-size: 48px; line-height: 54px; } .projects-list-item:nth-child(1) .projects-info, .projects-list-item:nth-child(2) .projects-info, .projects-list-item:nth-child(5n+1) .projects-info, .projects-list-item:nth-child(5n+2) .projects-info { display: -webkit-box; } .projects-list-item:nth-child(1) .projects-box:after, .projects-list-item:nth-child(2) .projects-box:after, .projects-list-item:nth-child(5n+1) .projects-box:after, .projects-list-item:nth-child(5n+2) .projects-box:after { background: linear-gradient(81.74deg, rgba(20, 20, 20, 0.75) 12.64%, rgba(20, 20, 20, 0) 97.58%); } @media screen and (min-width: 992px) { .projects-box:hover .projects-link-icon { background-color: #fff; } .projects-box:hover .projects-link-icon path { fill: var(--color1); } } @media screen and (max-width: 992px) { .projects-filter { margin-bottom: 18px; } .projects-filter-group { width: 70%; } .projects-filter-item { margin-bottom: 30px; } .projects-filter-select { min-width: 217px; } .projects-filter-results { order: 1; width: 100%; height: auto; font-size: 13px; line-height: 20px; } .projects-filter-reset { margin-bottom: 30px; margin-left: 10px; padding: 5px 19px 8px 21px; font-size: 13px; line-height: 20px; } .projects-filter-reset-icon { vertical-align: middle; margin-left: 8px; } .projects-filter-select .selectric { height: 35px; } .projects-list { margin-bottom: 10px; margin-left: -10px; margin-right: -10px; } .projects-list-item { width: 50%; margin-bottom: 20px; padding-left: 10px; padding-right: 10px; } .projects-list-item:nth-child(5n) { width: 100%; } .projects-box { border-radius: 25px; height: 288px; } .projects-container { padding: 21px 10px 24px 20px; } .projects-tag { margin-bottom: 54px; } .projects-name { margin-bottom: 13px; font-size: 24px; line-height: 27px; } .projects-list-item:nth-child(1) .projects-name, .projects-list-item:nth-child(2) .projects-name, .projects-list-item:nth-child(5n+1) .projects-name, .projects-list-item:nth-child(5n+2) .projects-name { font-size: 24px; line-height: 27px; } .projects-info { min-height: 72px; margin-bottom: 10px; font-size: 14px; line-height: 24px; } .projects-date { padding-left: 8px; padding-right: 8px; font-size: 12px; line-height: 20px; } .projects .tag-simple-item { margin-right: 12px; } .projects .tag-simple-item:last-child { margin-right: 0; } .projects-link { font-size: 15px; line-height: 17px; } .projects-link-icon { margin-right: 13px; } .projects-box:hover:before { display: none; } } @media screen and (max-width: 750px) { .projects { margin-bottom: 46px; } .projects-filter { margin-bottom: 20px; } .projects-filter-group { width: 100%; flex-direction: column; } .projects-filter-item { width: 100%; padding-right: 0; margin-bottom: 17px; } .projects-filter-item:last-child { margin-bottom: 25px; } .projects-filter-reset { width: 100%; margin-left: 0; } .projects-list-item { width: 100%; } .projects-list-item:nth-child(1), .projects-list-item:nth-child(2), .projects-list-item:nth-child(5n+1), .projects-list-item:nth-child(5n+2) { width: 100%; } .projects-list-item:nth-child(1) .projects-tag, .projects-list-item:nth-child(2) .projects-tag, .projects-list-item:nth-child(5n+1) .projects-tag, .projects-list-item:nth-child(5n+2) .projects-tag { margin-bottom: 17px; } .projects-list-item:nth-child(1) .projects-content, .projects-list-item:nth-child(2) .projects-content, .projects-list-item:nth-child(5n+1) .projects-content, .projects-list-item:nth-child(5n+2) .projects-content { margin-top: 0; } } .projects-detail-title { max-width: 700px; } .projects-detail-main-info { display: flex; margin-bottom: 53px; } .projects-detail-video { margin-right: 30px; width: 55%; } .projects-detail-main-info-block { width: 45%; } .projects-detail-video-link { display: block; position: relative; height: 100%; min-height: 420px; max-height: 550px; } .projects-detail-video-link:hover .play { background-color: var(--color1); } .projects-detail-video-link:active .play { background-color: var(--color1); } .projects-detail-video-img { display: block; border-radius: 50px; width: 100%; height: 100%; object-fit: cover; } .projects-detail-informer { margin-bottom: 22px; } .projects-detail-main-info-content b { font-weight: 600; } .projects-detail-content { margin-bottom: 55px; } .projects-detail-lawyer { margin-bottom: 77px; } .projects-detail-lawyer:after { content: ""; clear: both; display: table; line-height: 0; } .projects-detail-lawyer-panel { padding-top: 32px; } .projects-detail-lawyer-img { float: left; min-width: 370px; width: 28%; margin-bottom: 15px; padding-right: 30px; } .projects-detail-lawyer-img-inner { position: relative; display: block; height: 480px; overflow: hidden; padding: 15px; border-radius: var(--border-radius); } .projects-detail-lawyer-img-inner:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 403px; background: linear-gradient(0.62deg, rgba(20, 20, 20, 0.81) 4.54%, rgba(20, 20, 20, 0) 57.87%); } .projects-detail-lawyer-pic { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); } .projects-detail-lawyer-label { margin-bottom: 16px; font-weight: 500; font-size: 16px; line-height: 27px; color: #111111; } @media screen and (min-width: 992px) { .projects-detail img[align=right] { margin-left: 60px; margin-bottom: 30px; } .projects-detail img[align=left] { margin-right: 60px; margin-bottom: 30px; } } @media screen and (max-width: 992px) { .projects-detail-main-info { margin-bottom: 40px; } .projects-detail-video { margin-right: 20px; } .projects-detail-video-link { height: 380px; } .projects-detail-informer { margin-bottom: 15px; } .projects-detail-lawyer { margin-bottom: 60px; } .projects-detail-lawyer-img { min-width: 320px; padding-right: 20px; } .projects-detail-lawyer-img-inner { height: 370px; border-radius: 25px; } .projects-detail-lawyer-panel { padding-top: 0; } .projects-detail-lawyer-label { margin-bottom: 8px; font-size: 15px; } } @media screen and (max-width: 750px) { .projects-detail-main-info { flex-direction: column; margin-bottom: 30px; } .projects-detail-main-info-block { width: 100%; } .projects-detail-video { margin-right: 0; width: 100%; margin-bottom: 20px; } .projects-detail-video-link { height: 300px; } .projects-detail-lawyer { display: flex; flex-direction: column; margin-bottom: 30px; } .projects-detail-lawyer-panel { order: -1; } .projects-detail-lawyer-img-inner { height: 320px; } .projects-detail-lawyer-img { min-width: auto; width: 300px; margin-bottom: 20px; padding-right: 0; } } .specialists { margin-bottom: 93px; } .specialists-tag { margin-bottom: 25px; } .specialists-list { display: grid; grid-template-columns: repeat(5, 1fr); grid-auto-rows: 1fr; grid-column-gap: 30px; grid-row-gap: 30px; margin-bottom: 30px; } @media screen and (max-width: 1489px) { .specialists-list { grid-template-columns: repeat(4, 1fr); } .specialists-list-item .spec-block-button-list { margin-bottom: 10px; } .specialists-list-item .spec-block-button { margin-bottom: 12px; font-size: 12px; padding-top: 6px; padding-bottom: 5px; } .specialists-list-item .spec-block-button:last-child { margin-bottom: 0; } .specialists-list-item .spec-block-container { padding-left: 15px; } } @media screen and (max-width: 992px) { .specialists { margin-bottom: 60px; } .specialists-tag { margin-bottom: 15px; } .specialists-list { grid-template-columns: repeat(3, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; margin-bottom: 22px; } } @media screen and (max-width: 750px) { .specialists-list { grid-template-columns: repeat(1, 1fr); grid-column-gap: 15px; grid-row-gap: 15px; margin-bottom: 30px; } .specialists-list-item .spec-block-container { padding-left: 15px; } .specialists-list-item .spec-block-link { height: 500px; } } @media screen and (max-width: 460px) { .specialists-list { grid-template-columns: repeat(1, 1fr); } .specialists-list-item .spec-block-link { height: 289px; } } .specialists-detail { margin-bottom: 93px; } .specialists-detail:after { content: ""; clear: both; display: table; line-height: 0; } .specialists-detail-title { margin-bottom: 10px; } .specialists-detail-img { float: left; position: relative; display: block; overflow: hidden; width: 315px; height: 450px; margin-right: 30px; border-radius: var(--border-radius); } .specialists-detail-img:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 378px; background: linear-gradient(0.62deg, rgba(20, 20, 20, 0.81) 4.54%, rgba(20, 20, 20, 0) 57.87%); } .specialists-detail-pic { display: block; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); } .specialists-detail-panel { float: left; width: calc(100% - 315px - 30px); margin: 18px -10px; display: flex; flex-wrap: wrap; } .specialists-detail-content { float: left; width: calc(100% - 315px - 30px); } .specialists-detail-content h2 { margin-bottom: 12px; font-size: 20px; line-height: 34px; font-weight: 500; } .specialists-detail-content-item { margin-bottom: 50px; } .specialists-detail-img { margin-bottom: 50px; } .specialists-detail-content-item:last-child { margin-bottom: 0; } .specialists-detail-container { margin-bottom: 20px; } .specialists-detail-label { font-size: 16px; line-height: 27px; color: var(--color6); width: 33.33333%; padding: 0px 10px; } .specialists-detail-plus-list { display: flex; flex-wrap: wrap; } .specialists-detail-plus-item { width: 36.5%; display: flex; padding-right: 20px; margin-bottom: 15px; } .specialists-detail-plus-item:nth-child(1) { width: 27%; } .specialists-detail-plus-name { margin-right: 25px; font-weight: 500; font-size: 50px; line-height: 40px; color: var(--color6); } .specialists-detail-plus-info { font-weight: 500; font-size: 14px; line-height: 20px; text-transform: uppercase; color: var(--color6); } .specialists-detail-education { margin-bottom: 26px; } .specialists-detail-education-item { position: relative; min-height: 106px; display: flex; padding-bottom: 20px; } .specialists-detail-education-item:before { content: ""; position: absolute; top: 6px; left: 109px; width: 9px; height: 9px; border-radius: 50%; background-color: var(--color1); } .specialists-detail-education-item:after { content: ""; position: absolute; top: 6px; left: 113px; width: 1px; height: 100%; background-color: var(--color1); } .specialists-detail-education-item:last-child { min-height: auto; margin-bottom: 0; padding-bottom: 0; } .specialists-detail-education-item:last-child:after { display: none; } .specialists-detail-education-year { min-width: 113px; width: 113px; margin-right: 40px; padding-right: 10px; font-weight: 500; font-size: 32px; line-height: 37px; color: var(--color6); } .specialists-detail-education-info { max-width: 819px; font-size: 15px; line-height: 26px; } .specialists-detail-actions { position: absolute; bottom: 15px; z-index: 10; left: 15px; width: calc(100% - 30px); height: 40px; } .specialists-detail-actions .button { width: 100%; } .specialists-detail-button { padding-left: 34px; padding-right: 34px; } .specialists-detail-certificate { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .specialists-detail-certificate-item { width: 33.3%; margin-bottom: 25px; padding-left: 15px; padding-right: 15px; } .specialists-detail-certificate-link { display: flex; width: fit-content; text-decoration: none; } .specialists-detail-certificate-icon { display: flex; align-items: center; justify-content: center; min-width: 50px; width: 50px; height: 50px; margin-right: 16px; padding: 7px; border-radius: 50%; border: 1px solid var(--color1); } .specialists-detail-certificate-name { display: block; margin-bottom: 11px; font-size: 14px; line-height: 18px; color: #111111; font-weight: 500; } .specialists-detail-certificate-size { display: block; font-size: 12px; line-height: 16px; } .specialists-detail h2 { font-size: 24px; line-height: 32px; } .specialists-detail-label-value a { display: flex; align-items: center; text-decoration: none; } .specialists-detail-label-value a svg { margin-right: 10px; } .specialists-detail-label-value a:hover { color: var(--color1); } .specialists-detail-label-value a:hover svg path { stroke: var(--color1); } .spec-block-social { float: left; } .spec-block-link .spec-block-social { float: initial; } .specialists-detail .spec-block-social { width: calc(100% - 315px - 30px); margin-bottom: 20px; } @media screen and (max-width: 1489px) { .specialists-detail-plus-item { flex-direction: column; padding-left: 10px; padding-right: 10px; } .specialists-detail-plus-name { width: 100%; margin-bottom: 12px; margin-right: 0; text-align: center; font-size: 38px; line-height: 43px; } .specialists-detail-plus-info { width: 100%; text-align: center; font-size: 12px; line-height: 18px; } .specialists-detail-certificate-icon { min-width: 45px; width: 45px; height: 45px; padding: 7px; margin-right: 10px; } .specialists-detail-certificate-name { margin-bottom: 7px; font-size: 11px; line-height: 16px; font-weight: 500; } .specialists-detail-certificate-size { font-size: 11px; } } @media screen and (max-width: 992px) { .specialists-detail { margin-bottom: 50px; } .specialists-detail-img { width: 215px; height: auto; margin-right: 20px; } .specialists-detail-panel { width: calc(100% - 215px - 20px); margin-top: 0; } .specialists-detail-content { width: calc(100% - 215px - 20px); } .specialists-detail-content h2 { font-size: 18px; line-height: 30px; } .specialists-detail-content-item { margin-bottom: 15px; } .specialists-detail-education { margin-bottom: 20px; } .specialists-detail-education-item { min-height: 95px; } .specialists-detail-education-item:before { top: 4px; left: 76px; } .specialists-detail-education-item:after { left: 80px; } .specialists-detail-education-info { font-size: 14px; line-height: 24px; } .specialists-detail-education-year { min-width: 80px; width: 80px; margin-right: 20px; font-size: 24px; line-height: 28px; } .specialists-detail-button { padding-left: 23px; padding-right: 23px; } .specialists-detail-certificate { flex-direction: column; } .specialists-detail-certificate-item { width: 100%; } .specialists-detail-certificate-item:last-child { margin-bottom: 0; } .specialists-detail-certificate-info { padding-top: 5px; } .specialists-detail-certificate-icon { min-width: 50px; width: 50px; height: 50px; margin-right: 16px; padding: 5px; } .specialists-detail-certificate-img { margin-left: 1px; } .specialists-detail-certificate-name { margin-bottom: 8px; font-size: 14px; line-height: 18px; } .specialists-detail-certificate-size { font-size: 12px; line-height: 16px; } .specialists-detail-label { width: 50%; } } @media screen and (max-width: 750px) { .specialists-detail { display: flex; flex-direction: column; } .specialists-detail-img { float: none; width: 100%; margin-bottom: 20px; margin-right: 0; } .specialists-detail-content { width: 100%; } .specialists-detail-plus-list { flex-direction: column; } .specialists-detail-plus-item { width: 100%; margin-bottom: 20px; } .specialists-detail-plus-item:nth-child(1) { width: 100%; } .specialists-detail-education-item:before { left: 46px; } .specialists-detail-education-item:after { left: 50px; } .specialists-detail-education-year { min-width: 50px; width: 50px; margin-right: 15px; font-size: 15px; line-height: 20px; } .specialists-detail-education-info { font-size: 13px; line-height: 20px; } .specialists-detail-button { width: 100%; } .specialists-detail-actions .button { padding: 10px 20px 12px; } .specialists-detail-panel { width: 100%; } .specialists-detail-label { width: 100%; margin-bottom: 10px; } .specialists-detail h2 { font-size: 22px; line-height: 28px; } .spec-block-social { width: 100%; } } .reviews { margin-bottom: 100px; } .reviews-list { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 1fr; grid-column-gap: 30px; grid-row-gap: 30px; margin-bottom: 30px; } @media screen and (max-width: 992px) { .reviews { margin-bottom: 65px; } .reviews-list { grid-template-columns: repeat(2, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; margin-bottom: 22px; } } @media screen and (max-width: 750px) { .reviews-list { display: block; margin-bottom: 22px; } .reviews-list-item { margin-bottom: 20px; } .reviews-list-item:last-child { margin-bottom: 0; } } .reviews-detail { display: flex; margin-bottom: 93px; } .reviews-detail-basic { width: 23.5%; min-width: 240px; } .reviews-detail-info { width: 76.5%; } .reviews-detail-basic-inner { max-width: 210px; } .reviews-detail-block { padding: 32px 30px 20px; border: 1px solid var(--color10); border-radius: 0 45px 45px 45px; } .reviews-detail-content { margin-bottom: 28px; } .reviews-detail-img { display: block; width: 83px; height: 83px; margin-left: auto; margin-right: auto; border-radius: 50%; margin-bottom: 28px; overflow: hidden; } .reviews-detail-pic { display: block; width: 100%; height: 100%; object-fit: cover; } .reviews-detail-date { display: block; padding-left: 13px; padding-right: 13px; border: 1px solid var(--color11); border-radius: 50em; color: var(--color6); font-size: 12px; line-height: 20px; } .reviews-detail-date-icon { vertical-align: middle; max-width: 20px; max-height: 15px; margin-top: -3px; margin-right: 7px; } .reviews-detail-tag { display: flex; justify-content: center; margin-bottom: 7px; } .reviews-detail-tag .tag { justify-content: center; } .reviews-detail-tag .tag-item { margin-right: 12px; } .reviews-detail-tag .tag-item:last-child { margin-right: 0; } .reviews-detail-tag .tag-link { padding-top: 1px; padding-bottom: 1px; font-size: 12px; } .reviews-detail-name { margin-bottom: 12px; font-weight: 600; font-size: 18px; line-height: 20px; color: var(--color6); text-align: center; } .reviews-detail-post { margin-bottom: 23px; font-size: 14px; line-height: 24px; color: var(--color6); text-align: center; } .reviews-detail-rating { width: max-content; margin-left: auto; margin-right: auto; } @media screen and (max-width: 992px) { .reviews-detail { margin-bottom: 55px; } .reviews-detail-block { padding: 22px 24px 26px; } .reviews-detail-content { margin-bottom: 22px; } .reviews-detail-img { width: 70px; height: 70px; margin-bottom: 23px; } .reviews-detail-tag { margin-bottom: 9px; } .reviews-detail-tag .tag-link { padding-top: 3px; padding-bottom: 3px; } .reviews-detail-post { margin-bottom: 19px; } .reviews-detail-name { margin-bottom: 16px; font-size: 16px; line-height: 18px; } } @media screen and (max-width: 750px) { .reviews-detail { flex-direction: column; } .reviews-detail-basic { width: 100%; min-width: auto; margin-bottom: 25px; } .reviews-detail-basic-inner { max-width: none; } .reviews-detail-info { width: 100%; } } .faq { margin-bottom: 100px; } .faq:after { content: ""; clear: both; display: table; line-height: 0; } .faq-main .category-main-container:after { background: linear-gradient(122.33deg, rgba(20, 20, 20, 0.45) 38.5%, rgba(20, 20, 20, 0.12) 79.78%); } .faq-info { width: 74.4%; } .faq-info--full { width: 100%; } .faq-info-content { margin-bottom: 27px; } .faq-content { width: 74.4%; } .faq-content--full { width: 100%; } .faq-sidebar { float: right; min-width: 320px; width: 25.6%; padding-left: 30px; } .faq-tag { margin-bottom: 20px; } .faq-tag .tag-link { text-align: center; } .faq-list { margin-bottom: 30px; } .faq-menu-wrapper { margin-bottom: 30px; } .faq-menu { padding: 37px 27px 33px; border: 1px solid #D7D7E3; border-radius: var(--border-radius); } .faq-menu-item { margin-bottom: 19px; } .faq-menu-item:last-child { margin-bottom: 0; } .faq-menu-link { font-size: 16px; line-height: 24px; color: var(--color6); text-decoration: none; } .faq-menu-link:hover { font-weight: 600; color: var(--color6); letter-spacing: -0.02em; } .faq-menu-item_active .faq-menu-link { font-weight: 600; letter-spacing: -0.02em; } .faq-banner { height: 400px; } .faq-banner .banner-name { margin-bottom: 15px; font-size: 24px; line-height: 36px; } .faq-banner .banner-info { max-width: 190px; } .faq-banner .banner-pic { max-height: 217px; } .faq-form { margin-top: 50px; padding: 25px; border: 1px solid #D7D7E3; border-radius: var(--border-radius); display: flex; justify-content: space-between; } .faq-form-text h3 { margin-bottom: 10px; } .faq-form-link { padding-left: 15px; } .faq-form-text { color: #777; font-size: 16px; line-height: 22px; } .faq-form-text p:last-child { margin-bottom: 0; } @media screen and (min-width: 1489px) { .faq-main .category-main-img:after { width: 240px; } .faq-list .faq-block-list-item { margin-bottom: 30px; } } @media screen and (min-width: 992px) { .faq-tag .tag { margin-right: -15px; } .faq-tag .tag-link { text-align: center; padding-top: 9px; padding-bottom: 10px; } } @media screen and (max-width: 992px) { .faq { display: flex; flex-direction: column; margin-bottom: 65px; } .faq-info { order: -2; width: 100%; } .faq-content { width: 100%; } .faq-sidebar { order: -1; float: none; display: flex; width: 100%; padding-left: 0; margin-bottom: 30px; } .faq-menu-wrapper { width: 60%; padding-right: 20px; margin-bottom: 0; } .faq-menu { height: 100%; padding: 27px 20px 28px; border-radius: 25px; } .faq-menu-list { column-count: 2; column-gap: 30px; } .faq-menu-item { margin-bottom: 13px; line-height: 21px; } .faq-menu-link { font-size: 14px; line-height: 21px; } .faq-banner { width: 40%; min-height: 241px; height: auto; } .faq-banner .banner-name { margin-bottom: 11px; font-size: 20px; line-height: 30px; } .faq-banner .banner-pic { max-height: 110px; } .faq-list { margin-bottom: 22px; } .faq-tag .tag-link { min-width: 99px; } } @media screen and (max-width: 750px) { .faq-sidebar { order: 1; flex-direction: column; margin-bottom: 0; } .faq-content { margin-bottom: 65px; } .faq-info-content { margin-bottom: 17px; } .faq-tag { margin-bottom: 15px; } .faq-menu-wrapper { width: 100%; margin-bottom: 30px; padding-right: 0; } .faq-banner { width: 100%; min-height: auto; height: 198px; } .faq-menu-list { column-count: auto; column-gap: 0; } .faq-banner .banner-pic { max-height: 92px; } .faq-main .category-main-pic { object-fit: revert; position: absolute; right: 0; top: 0; width: auto; max-width: none; margin-right: -230px; } .faq-form { display: block; } .faq-form-text { font-size: 14px; line-height: 20px; } .faq-form-link { padding-left: 0; padding-top: 20px; } .faq-form-text h3 { line-height: 24px; } } .tariffs { margin-bottom: 100px; } .tariffs-list { margin-bottom: 30px; } .tariffs-list-item { margin-bottom: 30px; } .tariffs-list-item:last-child { margin-bottom: 0; } .tariffs-list-item .tariffs-block-info ul li:before { top: 7px; width: 14px; height: 11px; background: url(/local/templates/lawyer/css/../assets/images/tariffs/tariffs-icon-1.svg) no-repeat 0 0; } @media screen and (min-width: 992px) { .tariffs-title { margin-bottom: 29px; } .tariffs-list-item .tariffs-block-box:hover { box-shadow: 0px 0px 20px rgba(206, 206, 206, 0.6); } .tariffs-list-item .tariffs-block-box:hover .tariffs-block-content { border-color: transparent; } } @media screen and (max-width: 992px) { .tariffs { margin-bottom: 60px; } .tariffs-list-item .tariffs-block-info ul li:before { top: 4px; } } @media screen and (max-width: 750px) { .tariffs-list { margin-bottom: 20px; } .tariffs-list-item { margin-bottom: 20px; } .tariffs-list-item .tariffs-block-content { border-radius: 0 0 30px 30px; border-width: 0 1px 1px 1px; } } .tariffs-detail { margin-bottom: 92px; } .tariffs-detail-main .category-main-container:after { background: linear-gradient(122.33deg, rgba(20, 20, 20, 0.45) 38.5%, rgba(20, 20, 20, 0.12) 79.78%); } .tariffs-detail-info { display: flex; margin-bottom: 88px; } .tariffs-detail-info-banner { width: 36.5%; padding-right: 30px; } .tariffs-detail-info-content { width: 63.5%; padding-top: 25px; } .tariffs-detail-info-content ul { display: flex; flex-wrap: wrap; margin-top: 0; margin-bottom: 0; } .tariffs-detail-info-content ul li { width: 52%; padding-left: 24px; padding-right: 24px; margin-bottom: 20px; } .tariffs-detail-info-content ul li:nth-child(2n) { width: 48%; } .tariffs-detail-info-content ul li:before { top: 7px; width: 14px; height: 11px; background: url(/local/templates/lawyer/css/../assets/images/tariffs/tariffs-icon-1.svg) no-repeat 0 0; } .tariffs-detail-info-label { display: block; margin-bottom: 8px; font-weight: 500; font-size: 18px; line-height: 27px; color: var(--color6); } .tariffs-detail-info-text { margin-left: -24px; } .tariffs-detail-banner { position: relative; display: block; height: 420px; padding: 39px 26px; background-color: var(--color1); border-radius: var(--border-radius); overflow: hidden; text-decoration: none; } .tariffs-detail-banner-name { position: relative; z-index: 1; display: block; margin-bottom: 15px; color: #fff; font-weight: 600; font-size: 32px; line-height: 45px; } .tariffs-detail-banner-label { position: relative; z-index: 1; display: block; margin-bottom: 38px; color: #fff; font-weight: 500; font-size: 18px; line-height: 26px; } .tariffs-detail-banner-label-text { margin-right: 14px; } .tariffs-detail-banner-price { font-size: 28px; font-weight: 600; } .tariffs-detail-banner-button { position: relative; z-index: 1; padding-left: 32px; padding-right: 32px; font-weight: 500; } .tariffs-detail-banner-img { position: absolute; bottom: 0; right: 0; max-height: 281px; } .tariffs-detail-banner:hover .tariffs-detail-banner-button { border-radius: 10px; } @media screen and (max-width: 1489px) { .tariffs-detail-banner { padding: 30px 20px; } .tariffs-detail-banner-name { font-size: 26px; line-height: 38px; } .tariffs-detail-banner-label-text { margin-right: 11px; } .tariffs-detail-banner-price { font-size: 26px; } } @media screen and (max-width: 992px) { .tariffs-detail { margin-bottom: 58px; } .tariffs-detail-info { flex-direction: column; margin-bottom: 30px; } .tariffs-detail-info-banner { width: 100%; padding-right: 0; margin-bottom: 44px; } .tariffs-detail-info-content { width: 100%; padding-top: 0; } .tariffs-detail-banner { height: 234px; padding: 24px 20px; } .tariffs-detail-banner-name { margin-bottom: 9px; max-width: 600px; font-size: 24px; line-height: 34px; } .tariffs-detail-banner-label { max-width: 530px; margin-bottom: 29px; font-size: 16px; line-height: 23px; } .tariffs-detail-banner-label-text { margin-right: 10px; } .tariffs-detail-banner-price { font-size: 24px; } .tariffs-detail-banner-img { max-height: 200px; } .tariffs-detail-banner-button { padding-top: 11px; padding-bottom: 11px; font-size: 15px; } .tariffs-detail-info-label { margin-bottom: 6px; font-size: 16px; line-height: 24px; } } @media screen and (max-width: 750px) { .tariffs-detail-info-banner { margin-bottom: 36px; } .tariffs-detail-info-content ul { flex-direction: column; } .tariffs-detail-info-content ul li { width: 100%; } .tariffs-detail-info-content ul li:nth-child(2n) { width: 100%; } .tariffs-detail-info { margin-bottom: 50px; } .tariffs-detail-banner { height: 380px; padding-top: 30px; padding-bottom: 25px; } .tariffs-detail-banner-img { max-height: 165px; } .tariffs-detail-banner-button { padding: 11px 24px; font-size: 14px; } } .brands { margin-bottom: 96px; } .brands-info { max-width: 1010px; margin-bottom: 34px; } .brands-content { display: flex; } .brands-banner { width: 25.5%; min-width: 300px; padding-right: 30px; } .brands-logo { width: 74.5%; padding-top: 25px; } .brands-banner-element { position: relative; height: 380px; overflow: hidden; padding: 36px 30px; display: flex; flex-direction: column; border-radius: var(--border-radius); background-color: var(--color1); } .brands-banner-img { position: absolute; top: 18px; left: 0; } .brands-banner-text { position: relative; z-index: 1; margin-top: auto; } .brands-banner-text-1 { display: block; font-weight: 500; font-size: 32px; line-height: 38px; color: #FFFFFF; } .brands-banner-text-2 { display: block; margin-bottom: 13px; font-weight: 700; font-size: 96px; line-height: 82px; color: #FFFFFF; } .brands-banner-text-3 { display: block; font-weight: 700; font-size: 32px; line-height: 34px; color: #FFFFFF; } .brands-list { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 90px; grid-column-gap: 30px; grid-row-gap: 30px; } .brands-list-item { display: flex; align-items: center; justify-content: center; padding-left: 10px; padding-right: 10px; } .brands-list-img { display: block; } @media screen and (max-width: 992px) { .brands { margin-bottom: 65px; } .brands-banner { width: 34%; min-width: 220px; padding-right: 20px; } .brands-logo { width: 66%; padding-top: 0; } .brands-banner-element { height: 219px; padding: 20px; border-radius: 25px; } .brands-banner-img { top: 0; } .brands-banner-text-1 { font-size: 20px; line-height: 27px; } .brands-banner-text-2 { margin-bottom: 3px; font-size: 48px; line-height: 46px; } .brands-banner-text-3 { font-size: 20px; line-height: 22px; } .brands-list { grid-template-columns: repeat(3, 1fr); grid-auto-rows: 50px; } .brands-info { margin-bottom: 23px; } } @media screen and (max-width: 750px) { .brands { margin-bottom: 75px; } .brands-content { flex-direction: column; } .brands-banner { width: 100%; margin-bottom: 30px; padding-right: 0; } .brands-banner-element { max-width: 443px; height: 219px; margin-left: auto; margin-right: auto; } .brands-banner-text-2 { display: inline-block; margin-right: 5px; } .brands-banner-text-3 { display: inline-block; } .brands-logo { width: 100%; } .brands-list { grid-template-columns: repeat(2, 1fr); } } .error-page { max-width: 600px; margin-left: auto; margin-right: auto; text-align: center; padding-top: 60px; padding-bottom: 100px; } .error-page-name { font-size: 120px; line-height: 130px; font-weight: 700; color: var(--color6); } .error-page-info { margin-bottom: 25px; font-weight: 500; color: var(--color6); } @media screen and (max-width: 992px) { .error-page { max-width: 500px; padding-top: 40px; padding-bottom: 70px; } .error-page-name { font-size: 90px; line-height: 100px; } } @media screen and (max-width: 750px) { .error-page-name { font-size: 80px; line-height: 90px; } .error-page-info { margin-bottom: 20px; } } .services-list-2 .services-list-item_cols_2 .services-sublist { column-count: 1; display: flex; flex-wrap: wrap; } .services-list-2 .services-sublist-link { font-size: 14px; padding-left: 20px; margin-right: 10px; position: relative; } .services-list-2 .services-sublist-link:before { content: ''; position: absolute; top: 9px; left: 0; width: 10px; height: 2px; background-color: var(--color1); } .services-list-2 .services-sublist-item { margin-bottom: 8px; } .services-list-2 .services-list-images { height: 150px; margin-bottom: 20px; } .services-list-item--border .services-list-block { border: 1px solid #ddd; } .services-list-2 .services-list-block { background-color: transparent; } .services-list-2 .services-list-item--background .services-list-block { background-color: var(--color2); } .services-block-row { display: flex; flex-wrap: wrap; margin: 0px -10px; } .services-block-col { padding: 0px 10px; margin-bottom: 20px; width: 20%; } .category-with-sidebar .services-block-col { width: 25%; } .services-list-4 .services-block-link { height: 300px; } .services-list-4 .services-block-name { min-height: unset; margin-bottom: 10px; } .services-list-4 .services-block-name a { font-weight: 500; font-size: 17px; line-height: 25px; color: var(--color6); text-decoration: none; } .services-list-4 .services-block-name a:hover { color: var(--color1); } .services-list-4 .services-block-content { padding-top: 20px; } .services-list-4 .services-block-text { font-size: 15px; line-height: 24px; color: #606060; } .services-list-4 .services-block-item { margin-bottom: 50px; } @media screen and (max-width: 1240px) { .services-block-col { width: 25%; } } @media screen and (max-width: 1140px) { .services-block-col { width: 33.33333%; } } @media screen and (max-width: 992px) { .services-block-col { width: 50%; } .services-list-4 .services-block-link { height: 220px; } } .actions-block-img { max-height: 145px; } .actions-block-name { margin-bottom: 15px; display: block; } .actions-block-link:hover .actions-block-name { border: none; } .actions-block-announce { font-size: 13px; line-height: 19px; } .actions-block-announce { -webkit-line-clamp: 2; line-clamp: 2; max-width: 100%; } .actions-block-link_modified .actions-block-announce { color: rgba(255, 255, 255, 0.8); } .actions-block-panel { margin-bottom: 20px; display: block; } .actions-block-panel-sale { background-color: #FFCC00; color: #000; font-weight: 500; font-size: 12px; border-radius: var(--border-radius); padding: 5px 10px; } .actions-block-panel-data { background-color: #fff; color: #000; font-weight: 500; font-size: 12px; border-radius: var(--border-radius); padding: 5px 10px; margin-left: 10px; } .actions-block-info { max-width: 100%; } .actions-block-panel-subtitle { display: flex; align-items: center; color: rgba(255, 255, 255, 0.7); font-size: 11px; line-height: 18px; margin-bottom: 5px; } .actions-block-panel-subtitle svg { margin-right: 10px; } .actions-block-panel-subtitle svg path { fill: rgba(255, 255, 255, 0.7); } .actions-block-link:not(.actions-block-link_modified):after { background: rgba(255, 255, 255, 0.8); } .actions-block-link:not(.actions-block-link_modified) .actions-block-panel-subtitle { color: #1F1F1F; } .actions-block-link:not(.actions-block-link_modified) .actions-block-panel-subtitle svg path { fill: #1F1F1F; } .actions-block-link:not(.actions-block-link_modified) .actions-block-info { border: 1px solid #eee; border-radius: var(--border-radius); } .actions-block-link:not(.actions-block-link_modified) .actions-block-panel-data { box-shadow: 0px 2px 2px #ddd; } .actions-block-v2 .actions-block-panel-subtitle { color: #606060; letter-spacing: 0; } .actions-block-v2 .actions-block-panel-subtitle svg path { fill: #606060; } .actions-block-v2 .actions-block-name a { text-decoration: none; } .actions-block-v2 .actions-block-name a:hover { color: var(--color1); } .actions-block-v2 .actions-block-item_bgr .actions-block-link:after { display: none; } .actions-block-v2 .actions-block-item-content { padding: 20px 24px; } .actions-block-v3 .actions-block-item_bgr .actions-block-link:after { display: none; } .actions-block-v3 .actions-block-item-content .actions-block-panel { display: none; } .actions-block-v3 .actions-block-panel-subtitle svg path { fill: #606060; } .actions-block-v3 .actions-block-name a { text-decoration: none; } .actions-block-v3 .actions-block-name a:hover { color: var(--color1); } .actions-block-v3 .actions-block-panel-subtitle { color: #606060; letter-spacing: 0; } .actions-block-v3 .actions-block-item-content { padding: 20px 24px; } @media screen and (min-width: 768px) { .actions-block-v3 .actions-block-item { border: 1px solid #eee; border-radius: var(--border-radius); padding: 20px; display: flex; flex-flow: wrap; margin-bottom: 10px; } .actions-block-v3 .actions-block-item-content { width: calc(100% - 180px); padding: 0; padding-right: 30px; order: 1; } .actions-block-v3 .actions-block-item-images { width: 180px; height: 180px; order: 2; } .actions-block-v3 .actions-block-link { height: 100%; } .actions-block-v3 .actions-block-info { display: none; } .actions-block-v3 .actions-block-item-content .actions-block-panel { display: block; } .actions-block-v3 .actions-block-panel-data { box-shadow: 0px 2px 2px #ddd; } .actions-block-v3 .actions-block-item.swiper-slide { height: auto; } } .company .basic { margin-top: 50px; padding-bottom: 0; } .company .basic .basic-list-name { display: flex; } @media screen and (max-width: 768px) { .company .basic .basic-list-name { display: block; } } .plus-list-item.plus-list-item--background .plus-list-box { background-color: rgba(255, 255, 255, 0.8); } .plus-list-item.plus-list-item--background .plus-info.content { color: #606060; } .plus-list-item.plus-list-item--background .plus-name { color: var(--color6); } .plus-list-item.plus-list-item--background .plus-icon { color: var(--color1); } .plus-list-item:not(.plus-list-item--border) .plus-list-box { border: none !important; } .plus.plus--modified, .plus.plus--modified-line { padding-bottom: 50px; } .plus.plus--modified .plus-container, .plus.plus--modified-line .plus-container { background: none; min-height: auto; padding: 0; } .plus.plus--modified .plus-container:after, .plus.plus--modified-line .plus-container:after { display: none; } .plus.plus--modified .plus-title, .plus.plus--modified-line .plus-title { color: var(--color6); } .plus.plus--modified .plus-content, .plus.plus--modified-line .plus-content { color: #606060; } .plus-list-item.plus-list-item--border .plus-list-box:not(:hover) { border: 1px solid #eee; } .plus.plus--modified .plus-container, .plus.plus--modified .plus-container { border-radius: 0; } .plus.plus--line .plus-container, .plus.plus--modified-line .plus-container { display: block; } .plus.plus--line .plus-detail, .plus.plus--modified-line .plus-detail { padding-right: 0; width: 100%; display: flex; justify-content: space-between; padding-bottom: 20px; } .plus.plus--line .plus-content, .plus.plus--modified-line .plus-content { max-width: 800px; } .plus.plus--line .plus-block, .plus.plus--modified-line .plus-block { width: 100%; } .plus.plus--line .plus-list-item, .plus.plus--modified-line .plus-list-item { width: 25%; } .plus.plus--line .plus-name, .plus.plus--modified-line .plus-name { display: block; word-break: unset; word-wrap: unset; overflow-wrap: unset; -webkit-hyphens: unset; -moz-hyphens: unset; -ms-hyphens: unset; hyphens: unset; } @media screen and (max-width: 1240px) { .plus.plus--line .plus-list-item, .plus.plus--modified-line .plus-list-item { width: 50%; } } @media screen and (max-width: 992px) { .plus.plus--line .plus-list-item, .plus.plus--modified-line .plus-list-item { width: 100%; } } .spec-block.spec-block--v2 .spec-block-link, .specialists-list.specialists-list--v2 .spec-block-link { height: auto; } .spec-block.spec-block--v2 .spec-block-img, .specialists-list.specialists-list--v2 .spec-block-img { position: unset; } .spec-block.spec-block--v2 .spec-block-images, .specialists-list.specialists-list--v2 .spec-block-images { height: 315px; border-radius: var(--border-radius); overflow: hidden; position: relative; } .spec-block.spec-block--v2 .spec-block-images a:hover img.spec-block-img, .specialists-list.specialists-list--v2 .spec-block-images a:hover img.spec-block-img { filter: unset; } .spec-block.spec-block--v2 .spec-block-link:after, .spec-block.spec-block--v2 .spec-block-link:before, .specialists-list.specialists-list--v2 .spec-block-link:after, .specialists-list.specialists-list--v2 .spec-block-link:before { display: none; } .spec-block.spec-block--v2 .spec-block-name, .specialists-list.specialists-list--v2 .spec-block-name { color: var(--color6); } .spec-block.spec-block--v2 .spec-block-post, .specialists-list.specialists-list--v2 .spec-block-post { color: #606060; } .spec-block.spec-block--v2 .spec-block-container, .specialists-list.specialists-list--v2 .spec-block-container { padding-left: 0; } .spec-block.spec-block--v2 .spec-block-container a:hover .spec-block-name, .specialists-list.specialists-list--v2 .spec-block-container a:hover .spec-block-name { color: var(--color1); } .specialists-list--v2 .spec-block-link .spec-block-content, .spec-block.spec-block--v2 .spec-block-content { opacity: 0; position: absolute; bottom: 0; z-index: 10; visibility: visible; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; padding: 20px; transition: 0.5s; } .specialists-list--v2 .spec-block-link:hover .spec-block-content, .spec-block.spec-block--v2 .spec-block-link:hover .spec-block-content { opacity: 1; } .spec-block.spec-block--v3 .spec-block-link, .specialists-list.specialists-list--v3 .spec-block-link { height: auto; } .spec-block.spec-block--v3 .spec-block-img, .specialists-list.specialists-list--v3 .spec-block-img { position: unset; } .spec-block.spec-block--v3 .spec-block-images, .specialists-list.specialists-list--v3 .spec-block-images { height: 315px; border-radius: var(--border-radius); overflow: hidden; } .spec-block.spec-block--v3 .spec-block-images a:hover img.spec-block-img, .specialists-list.specialists-list--v3 .spec-block-images a:hover img.spec-block-img { filter: unset; } .spec-block.spec-block--v3 .spec-block-link:after, .spec-block.spec-block--v3 .spec-block-link:before, .specialists-list.specialists-list--v3 .spec-block-link:after, .specialists-list.specialists-list--v3 .spec-block-link:before { display: none; } .spec-block.spec-block--v3 .spec-block-name, .specialists-list.specialists-list--v3 .spec-block-name { color: var(--color6); } .spec-block.spec-block--v3 .spec-block-post, .specialists-list.specialists-list--v3 .spec-block-post { color: #606060; } .spec-block.spec-block--v3 .spec-block-container, .specialists-list.specialists-list--v3 .spec-block-container { padding-left: 0; } .spec-block.spec-block--v3 .spec-block-container a:hover .spec-block-name, .specialists-list.specialists-list--v3 .spec-block-container a:hover .spec-block-name { color: var(--color1); } @media screen and (min-width: 992px) { .spec-block.spec-block--v3 .spec-block-link, .specialists-list.specialists-list--v3 .spec-block-link { display: flex; border-radius: var(--border-radius); border: 1px solid #eee; } .spec-block.spec-block--v3 .spec-block-container, .specialists-list.specialists-list--v3 .spec-block-container { padding: 30px 20px; } .spec-block.spec-block--v3 .spec-block-images, .specialists-list.specialists-list--v3 .spec-block-images { width: 35%; } .spec-block.spec-block--v3 .spec-block-container, .specialists-list.specialists-list--v3 .spec-block-container { width: 65%; } .spec-block.spec-block--v3 .spec-block-info, .specialists-list.specialists-list--v3 .spec-block-info { color: var(--color6); } .spec-block.spec-block--v3 .spec-block-content, .specialists-list.specialists-list--v3 .spec-block-content { visibility: visible; } .spec-block.spec-block--v3 .spec-block-button, .specialists-list.specialists-list--v3 .spec-block-button { color: var(--color1); border-color: var(--color1); } .spec-block.spec-block--v3 .spec-block-button-list, .specialists-list.specialists-list--v3 .spec-block-button-list { margin-top: 20px; display: flex; flex-wrap: wrap; } .spec-block.spec-block--v3 .spec-block-button-list, .specialists-list.specialists-list--v3 .spec-block-button-list { flex-direction: unset; } .spec-block.spec-block--v3 .spec-block-button:hover, .specialists-list.specialists-list--v3 .spec-block-button:hover { border-color: transparent; } .specialists-list.specialists-list--v3 .spec-block-phone a, .specialists-list.specialists-list--v3 .spec-block-email a, .spec-block.spec-block--v3 .spec-block-phone a, .spec-block.spec-block--v3 .spec-block-email a { color: var(--color6); font-weight: 500; } .specialists-list.specialists-list--v3 .spec-block-phone a svg path, .specialists-list.specialists-list--v3 .spec-block-email a svg path, .spec-block.spec-block--v3 .spec-block-phone a svg path, .spec-block.spec-block--v3 .spec-block-email a svg path { stroke: var(--color6); } .specialists-list.specialists-list--v3 .spec-block-phone a:hover, .specialists-list.specialists-list--v3 .spec-block-email a:hover, .spec-block.spec-block--v3 .spec-block-phone a:hover, .spec-block.spec-block--v3 .spec-block-email a:hover { color: var(--color1); } .specialists-list.specialists-list--v3 .spec-block-social .socials-link, .spec-block.spec-block--v3 .spec-block-social .socials-link { border: 1px solid #ddd; } .specialists-list.specialists-list--v3 .spec-block-social .socials-link:hover svg path, .spec-block.spec-block--v3 .spec-block-social .socials-link:hover svg path { fill: var(--color1); } } .specialists-list.specialists-list--v3 { display: flex; flex-wrap: wrap; grid-column-gap: unset; grid-row-gap: unset; margin: 0px -10px; } .specialists-list.specialists-list--v3 .specialists-list-item { width: 50%; margin-bottom: 20px; padding: 0px 10px; } @media screen and (max-width: 768px) { .specialists-list.specialists-list--v3 .specialists-list-item { width: 100%; } } @media screen and (min-width: 768px) { .tariffs-block.tariffs-block--v2 .tariffs-block-box { display: block; min-height: 0; } .tariffs-block.tariffs-block--v2 .tariffs-block-img { height: 300px; width: 100%; } .tariffs-block.tariffs-block--v2 .tariffs-block-pic { border-radius: var(--border-radius); } .tariffs-block.tariffs-block--v2 .tariffs-block-content { width: 100%; padding: 30px 20px; display: block; flex-direction: unset; } .tariffs-block.tariffs-block--v2 .tariffs-block-name { font-size: 22px; line-height: 28px; } .tariffs-block.tariffs-block--v2 .tariffs-block-info ul { display: block; } .tariffs-block.tariffs-block--v2 .tariffs-block-info ul li { width: 100%; } .tariffs-block.tariffs-block--v2 .tariffs-block-price { display: block; } .tariffs-block.tariffs-block--v2 .tariffs-block-price-info { width: 100%; padding-right: 0; } .tariffs-block.tariffs-block--v2 .tariffs-block-price-actions { width: 100%; } .tariffs-block.tariffs-block--v2 .tariffs-block-price-actions { padding-top: 20px; } .tariffs-block.tariffs-block--v2 .tariffs-block-label { font-size: 16px; line-height: 24px; } .tariffs-block.tariffs-block--v2 .tariffs-block-info { font-size: 13px; line-height: 20px; } } .tariffs-table-box { background-color: #fff; border: 1px solid #eee; margin-bottom: 23px; } .tariffs-table-panel { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px; border-bottom: 1px solid #eee; align-items: center; } .tariffs-table-panel-info { width: 300px; } .tariffs-table-panel-text { width: calc(100% - 465px); } .tariffs-table-img { width: 80px; height: 80px; overflow: hidden; border-radius: var(--border-radius); position: relative; } .tariffs-table-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .tariffs-table-panel-info { display: flex; align-items: center; justify-content: space-between; } .tariffs-table-name { width: calc(100% - 80px); padding-left: 20px; } .tariffs-table { padding-bottom: 70px; } .tariffs-table-subtitle { color: #979797; font-size: 13px; line-height: 15px; } .tariffs-table-title { color: var(--color1); font-weight: 500; text-transform: uppercase; margin-top: 5px; } .tariffs-table-panel-text { color: #000; font-weight: 500; font-size: 24px; line-height: 29px; } .tariffs-table-inner { overflow: hidden; } .tariffs-table-tables { overflow: scroll; } .tariffs-table-tables table { width: 100%; min-width: 1000px; border-collapse: collapse; } .tariffs-table-tables table tr { border-bottom: 1px solid #eee; } .tariffs-table-tables table tr:last-child { border-bottom: none; } .tariffs-table-tables table td:not(:last-child) { border-right: 1px solid #eee; } .tariffs-table-tables table td { padding: 20px 30px; color: #222; font-size: 14px; line-height: 20px; } .tariffs-table-container { position: relative; } .tariffs-table-tables table tr:nth-child(2n) td { background-color: #F8F8F8; } .tariffs-table-tables table tr:first-child td, .tariffs-table-tables table tr:first-child th { font-weight: bold; text-transform: uppercase; color: #000; font-size: 16px; } .tariffs-tablr-btn { width: 165px; text-align: right; } @media screen and (max-width: 1140px) { .tariffs-table-panel-text { font-size: 20px; line-height: 24px; } } @media screen and (max-width: 768px) { .tariffs-table-panel { padding: 20px; } .tariffs-table-img { display: none; } .tariffs-table-name { width: 100%; display: flex; align-items: center; } .tariffs-table-title { margin-top: 0; margin-left: 10px; } .tariffs-table-panel { display: block; } .tariffs-table-name { padding-left: 0; } .tariffs-table-panel-info { width: 100%; } .tariffs-table-panel-text { width: 100%; padding: 10px 0 20px; } .tariffs-tablr-btn { width: 100%; text-align: left; } } .projects-block-v2 .projects-block-img { position: unset; display: block; } .projects-block-v2 .projects-block-box { display: block; } .projects-block-v2 .projects-block-box { height: auto; } .projects-block-v2 .projects-block-box:hover .projects-block-img { transform: scale(1); } .projects-block-v2 .projects-block-box:after { display: none; } .projects-block-v2 .projects-block-name { color: var(--color6); font-size: 24px; line-height: 32px; } .projects-block-v2 .projects-block-name:hover { color: var(--color1); } .projects-block-v2 .projects-block-info { color: #606060; } .projects-block-v2 .projects-block-link { color: var(--color6); } .projects-block-v2 .projects-block-detail { padding: 0; padding-top: 30px; padding-bottom: 20px; } .projects-block-v2 .projects-block-box { border-radius: 0; } .projects-block-list-item.projects-block-list-item--border .projects-block-box { border: 1px solid #eee; border-radius: var(--border-radius); } .projects-block-list-item.projects-block-list-item--border .projects-block-detail { padding-left: 20px; padding-right: 20px; } .projects-block-v2 .projects-block-link:hover { color: var(--color1); } .projects-block-list-item.projects-block-list-item--background .projects-block-box { background-color: #F5F5FB; border-radius: var(--border-radius); } .projects-block-list-item.projects-block-list-item--background .projects-block-detail { padding-left: 20px; padding-right: 20px; } @media screen and (max-width: 768px) { .projects-block-v2 .projects-block-name { color: var(--color6); font-size: 16px; line-height: 21px; } .projects-block-v2 .projects-block-detail { padding-top: 10px; } .projects-block-v2 .projects-block-name { margin-bottom: 10px; } .projects-block-v2 .projects-block-link { font-size: 14px; } } @media screen and (min-width: 768px) { .projects-block-v3 .projects-block-box { display: flex; flex-wrap: wrap; flex-direction: unset; align-items: center; } .projects-block-v3 .projects-block-images { width: 50%; } .projects-block-v3 .projects-block-detail { width: 50%; padding: 30px 50px !important; } .projects-block-v3 .projects-block-list-item--imgright .projects-block-detail { order: 1; } .projects-block-v3 .projects-block-list-item--imgright .projects-block-images { order: 2; } } .reviews-block-list-item--background { background-color: #fff; border-radius: var(--border-radius); } .main-banner--full-width .main-banner-detail { padding-left: 0; } .main-banner--full-width .main-banner-item { border-radius: 0; } .clients-block-list-item--background .clients-block-list-element { background-color: #fff; padding: 15px 15px; border-radius: var(--border-radius); } .clients-block--background .clients-block-list { margin: 0px -10px; } .clients-block--background .clients-block-list-item { padding: 0px 10px; } .clients-block-list-item--border .clients-block-list-element { border: 1px solid #ddd; border-radius: var(--border-radius); padding: 15px 15px; } .clients-block--border .clients-block-list { margin: 0px -10px; } .clients-block--border .clients-block-list-item { padding: 0px 10px; } .clients-block-slider .clients-block-inner { overflow: hidden; } .clients-block-slider .clients-block-container { display: block; } .clients-block-slider .clients-block-info { width: 100%; padding-right: 0; } .clients-block-slider .clients-block-brands { width: 100%; } .clients-block-slider .clients-block-list { flex-wrap: nowrap; } .clients-block-slider .clients-block-brands { padding: 20px 0; } .clients-block-slider .clients-block-info { max-width: 800px; } .clients-block-slider .clients-block-container { position: relative; } .index-block .faq-block--full .faq-block-detail { width: 100%; } .index-block .faq-block-list-box.faq-block-list--background { background-color: #fff; } .index-block .faq-block-list-box.faq-block-list--border { border: 1px solid #ddd; padding: 10px 20px; } .index-block .faq-block-list-box.faq-block-list--background { background-color: #F5F5FB; padding: 10px 20px; } .index-block .faq-block-list-box.faq-block-list--background { background-color: #F5F5FB; } .index-block.background-block .faq-block-list-box.faq-block-list--background { background-color: #fff; } .faq-list .faq-block-list-box:not(.faq-block-list--background) { background-color: transparent; } .faq-list .faq-block-list-box.faq-block-list--background, .faq-list .faq-block-list-box.faq-block-list--border { padding: 10px 20px; } .faq-list .faq-block-list-box.faq-block-list--border { border: 1px solid #ddd; } .contacts-block-container { display: flex; } .contacts-block-name { color: #000; font-weight: 500; font-size: 16px; line-height: 20px; margin-bottom: 7px; } @media screen and (max-width: 750px) { .contacts-block-name { text-align: center; } } .contacts-block-description { color: #000; font-weight: 400; font-size: 13px; line-height: 18px; margin-top: 7px; } .contacts-block-phones, .contacts-block-emails { margin-bottom: 7px; } .contacts-block-phone, .contacts-block-email { margin-bottom: 0; line-height: 24px; } .contacts-block-item { padding: 30px; border-bottom: 1px solid #ccc; } .contacts-block-item:last-child { border-bottom: none; } .contacts-block-watch, .contacts-block-address, .contacts-block-phone a, .contacts-block-email a { color: #000; font-size: 14px; font-weight: 400; display: flex; align-items: center; } .contacts-block-phone a:hover, .contacts-block-email a:hover { color: var(--color1); } .contacts-block-watch svg, .contacts-block-address svg { width: 15px; height: 15px; margin-right: 7px; } .contacts-block-phone a svg, .contacts-block-email a svg { width: 15px; height: 15px; } .contacts-block-phone .header-phone-icon, .contacts-block-email .header-email-icon { margin-right: 7px; } .contacts-block-scroll { height: 100%; padding-right: 20px; } .contacts-block-info-wrapper { border-top-left-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius); background-color: #fff; } .contacts-block-info .simplebar-track.simplebar-vertical { width: 5px; } .company-text { padding-bottom: 50px; } @media screen and (max-width: 768px) { .contacts-block-info { order: 2; width: 100%; max-width: 100%; border-radius: 0; border-bottom-left-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); box-shadow: 0px -10px 15px 0px rgba(0, 0, 0, 0.15); max-height: 300px; } .contacts-block-container { flex-wrap: wrap; } .contacts-block-map { order: 1; width: 100%; height: 350px; border-radius: 0; border-top-left-radius: var(--border-radius); border-top-right-radius: var(--border-radius); } } @media screen and (max-width: 750px) { .main-banner-slider-nav { position: static; justify-content: center; margin-top: 17px; } } .projects .projects-block-v3 .projects-list-item { width: 100%; } .projects-detail-main-info-content h2 { margin-top: 20px; font-size: 20px; line-height: 24px; } .projects-detail-text, .projects-detail-main-info-content p { font-size: 14px; line-height: 22px; margin-bottom: 15px; } .projects-detail-main-info-btn { padding-top: 20px; } .projects-detail-main-info-btn a { margin-right: 20px; } .empty-category { display: flex; } .empty-category-icon { margin-right: 20px; } .empty-category-icon svg path { fill: rgba(0, 0, 0, 0.1); } .empty-category-info { width: calc(100% - 60px); } .empty-category-title { font-weight: 500; color: #000; } .empty-category-text { font-size: 14px; color: #777; } .spec-block-phone { margin-bottom: 10px; } .spec-block-phone a { color: #fff; display: flex; align-items: center; text-decoration: none; font-size: 14px; letter-spacing: 0.5px; } .spec-block-phone a svg { margin-right: 10px; } .spec-block-phone a svg path { stroke: #fff; } .spec-block-email { margin-bottom: 10px; } .spec-block-email a { color: #fff; display: flex; align-items: center; text-decoration: none; font-size: 14px; letter-spacing: 0.5px; } .spec-block-email a svg { margin-right: 10px; } .spec-block-email a svg path { stroke: #fff; } .spec-block-contacts .spec-block-social { margin: 15px 0; } .spec-block-contacts .socials-link { background-color: #fff; border-color: #fff; } .spec-block-contacts .socials-link:hover path { fill: #fff; } .socials-link svg { width: 20px; height: 20px; } .mob-info .socials-link svg { width: 14px; height: 14px; } .spec-block-contacts .socials-link:hover { background-color: transparent; } .spec-block-btn { display: none; transition: 0.5s; margin-top: 20px; } .spec-block-link:hover .spec-block-btn { display: block; } .spec-block-btn .button { font-weight: 500; } .specialists-list--v3 .spec-block-btn, .spec-block--v3 .spec-block-btn { display: block; } .specialists-detail-label-name { font-size: 12px; color: #999; } .socials-link svg path { fill: #000; } .clerfix { clear: both; } .spec-block, .reviews-block { overflow: hidden; } .specialists-detail-certificate-size span { text-transform: uppercase; } .services .services-block { padding-bottom: 0; } .category-content .services-block { padding-bottom: 0; } .gallery-block { padding-bottom: 50px; } .gallery-block-container { position: relative; } .gallery-block-inner { overflow: hidden; margin-bottom: 30px; } .gallery-block-list-item { height: auto; width: 50%; } .gallery-block-box { position: relative; display: flex; flex-direction: column; border-radius: var(--border-radius); overflow: hidden; } .gallery-block-box a { display: block; } .gallery-block-img { display: block; } @media screen and (max-width: 992px) { .gallery-block-inner { margin-bottom: 22px; overflow: visible; } .gallery-block-info { min-height: 96px; margin-bottom: 20px; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; display: box; word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 4; line-clamp: 4; font-size: 14px; line-height: 24px; } } @media screen and (max-width: 750px) { .gallery-block-list-item { width: 265px; } } .gallery-block-box a { position: relative; } .gallery-block-box a:before { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); transition: 0.5s; opacity: 0; } .gallery-block-box a:hover:before { opacity: 1; } .rating-form .input { display: none; } .rating-form { display: flex; justify-content: center; } .rating-form label { margin: 0px 5px; } .rating-form-item { margin: 0px 5px; cursor: pointer; } .rating-form-item svg path { stroke: #F0F0F0; fill: #f0f0f0; } .rating-form-item.active svg path { stroke: #FFAE00; fill: #FFAE00; } .popup-form textarea { min-height: 100px; } .bx-input-file-desc { display: none; } .popup-form .input.inputfile { background: none; border: none; padding: 0; border-radius: 0; } .contacts-block-item-contact { margin-bottom: 10px; } .contacts-block-item-contact:last-child { margin-bottom: 0; } .link { color: var(--color1); } .link:hover { color: #000; } .contacts-block-item-link { font-size: 13px; } .contacts-page-item { padding: 20px; background: #fff; border-radius: var(--border-radius); border: 1px solid #ccc; margin-bottom: 20px; } .search-page { margin-bottom: 60px; } @media screen and (max-width: 750px) { .search-page { margin-bottom: 40px; } } .search-item { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ddd; } .search-item-link { margin-bottom: 10px; } .search-item-link a { color: #000; font-weight: 500; text-decoration: none; } .search-item-text { font-size: 14px; margin-bottom: 10px; } .search-item-link a:hover { color: var(--color1); } .search-item-edit, .search-item-path { font-size: 11px; line-height: 18px; letter-spacing: 0.5px; } .search-item-path a { font-size: 11px; letter-spacing: 0.5px; } .search-item-path a:hover { text-decoration: none; } .section-search .search-box { visibility: visible !important; width: auto; position: unset; } .search-notify, .search-language-guess { margin-top: 30px; } .search-notify .notetext { color: #000; } .section-search .pager { position: unset; } .search-popup { max-height: 270px; padding: 20px 22px 23px 22px; background-color: #fff; border-radius: 0 0 20px 20px; box-shadow: 0px 7px 10px rgba(115, 115, 115, 0.25); } .search-popup-row, .search-popup-row-active { margin-bottom: 15px; line-height: 16px; cursor: pointer; text-decoration: none; font-size: 14px; line-height: 16px; color: var(--color6); display: flex; } .search-popup-container > div:last-child { margin-bottom: 0; } .search-popup-row-active { color: var(--color1); } div.search-popup-el-name { order: 1; } div.search-popup-el-cnt { order: 2; margin-left: auto; } .search-page .search-container { position: relative; margin-bottom: 20px; } .search-page .search-button { visibility: visible; } .search-when { margin-right: 20px; } .search-page-params { display: flex; align-items: center; } .search-container-advance { flex-wrap: wrap; } .search-sort { margin-top: 30px; font-size: 14px; } .main-menu-item_wide { position: static; } .main-submenu-wide { display: none; visibility: hidden; position: absolute; top: calc(100% - 27px); padding-top: 16px; left: 0; z-index: 9; width: 100%; max-height: 600px; } .main-menu-item:hover .main-submenu-wide { visibility: visible; display: block; } .main-submenu-wide-container { position: relative; display: flex; min-height: 300px; } .main-submenu-list-wide { position: relative; display: flex; flex-wrap: wrap; width: 350px; padding: 4px 0; flex-shrink: 0; border-right: 1px solid #f3f3f3; } .main-submenu-item-wide { position: relative; border-bottom: 1px solid #f3f3f3; padding: 15px 40px 16px 20px; width: 100%; } .main-submenu-item-wide:last-child { border-bottom: none; } .main-submenu-link-wide { display: block; line-height: normal; } .main-submenu-icon { position: absolute; min-width: 9px; width: 9px; top: calc(50% - 4px); right: 18px; transform: rotate(270deg); } .main-submenu-right { width: 100%; padding: 26px 20px 18px 29px; } .main-submenu-list-wide, .main-submenu-right { max-height: 600px; overflow: auto; } .main-submenu-list-wide { overflow-x: hidden; } .main-submenu-right-list { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-auto-flow: row dense; gap: 30px; } @media screen and (max-width: 1200px) { .main-submenu-right-list { grid-template-columns: 1fr 1fr; } } .main-submenu-right-list:not(.widemenu-active) { display: none; } .main-submenu-right-item { width: 100%; } .main-submenu-item-wide.widemenu-active .main-submenu-link { color: var(--color1); } .main-menu-list .main-menu-item_more .main-submenu-wide { display: none; } .main-submenu-right-sublist { padding-top: 6px; } .main-submenu-right-subitem { width: 100%; } .main-submenu-right-subitem .main-submenu-link { font-size: 14px; line-height: normal; color: #666; font-weight: 400; } .main-submenu-right-subitem .main-submenu-link:hover { color: var(--color1); } .main-submenu-right-item-container { display: flex; } .main-submenu-right-item-image { margin-right: 10px; flex-shrink: 0; } .main-submenu-right-item-picture { width: 50px; height: 50px; border-radius: 50%; object-fit: cover; } .specialists-section { margin-bottom: 60px; } @media screen and (max-width: 992px) { .specialists-section { margin-bottom: 40px; } } .specialists-section-description { margin-bottom: 20px; } .plus-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; } .cookies { display: flex; justify-content: space-between; align-items: center; position: fixed; left: 50%; bottom: 20px; transform: translateX(-50%); background-color: #fff; padding: 12px 20px; box-shadow: 0 0 10px rgba(115, 115, 115, 0.25); border-radius: 20px; width: 800px; z-index: 1000; } @media screen and (max-width: 992px) { .cookies { width: 80%; } } @media screen and (max-width: 768px) { .cookies { flex-direction: column; align-items: flex-start; } } .cookies-text { font-size: 14px; line-height: 22px; } .cookies-button { flex-shrink: 0; margin-left: 20px; } @media screen and (max-width: 768px) { .cookies-button { margin: 15px 0 0; } } .sertificates { margin-bottom: 60px; } @media screen and (max-width: 750px) { .sertificates { margin-bottom: 46px; } } .certificates-list { display: grid; grid-template-columns: repeat(6, 1fr); column-gap: 20px; margin-bottom: 40px; } @media screen and (max-width: 1200px) { .certificates-list { grid-template-columns: repeat(4, 1fr); } } @media screen and (max-width: 992px) { .certificates-list { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 750px) { .certificates-list { grid-template-columns: repeat(2, 1fr); } } .certificates-list-item, .certificates-block-item { margin-bottom: 16px; background-color: #fff; border-radius: var(--border-radius); border: 1px solid #eee; overflow: hidden; transition: border-color 0.2s ease-in-out; } .certificates-list-item:hover, .certificates-block-item:hover { border-color: var(--color1); } .certificates-list-link, .certificates-block-link { display: inline-flex; flex-direction: column; width: 100%; height: 100%; padding: 15px; text-decoration: none; } .certificates-list-image, .certificates-block-image { display: flex; justify-content: center; align-items: center; height: 252px; } .certificates-block-image { height: 300px; } @media screen and (max-width: 500px) { .certificates-list-image, .certificates-block-image { height: 100%; } } .certificates-list-title, .certificates-block-title { color: #000; font-weight: 500; font-size: 16px; line-height: 20px; margin-top: 15px; text-align: center; } .certificates-block { padding-bottom: 68px; } .certificates-block-inner { position: relative; margin-bottom: 30px; } @media screen and (max-width: 992px) { .certificates-block-inner { margin-bottom: 22px; } } .certificates-block-slider { overflow: hidden; margin: -15px -15px 15px; padding: 15px; } @media screen and (max-width: 992px) { .certificates-block-slider { overflow: visible; } } .certificates-block-item { width: 265px; height: auto; } .main-submenu-wide .simplebar-track.simplebar-vertical { width: 4px; right: 3px; } .projects-filter-price { background: #f6f5fb; border-radius: var(--border-radius); } .projects-filter-price-switcher { display: flex; align-items: center; padding: 4px 23px 6px; height: 40px; text-decoration: none; } .projects-filter-price-switcher-name { margin: 0; height: auto; font-size: 15px; line-height: 22px; color: var(--color6); font-weight: 500; } @media screen and (max-width: 992px) { .projects-filter-price-switcher-name { font-size: 12px; line-height: 16px; } } .projects-filter-price-accordion { display: flex; flex-wrap: wrap; padding: 10px 20px 20px; } .projects-filter-price:not(.projects-filter-price_active) .projects-filter-price-accordion { display: none; } .projects-filter-price-min, .projects-filter-price-max { display: flex; align-items: center; width: 50%; } .projects-filter-price-min { padding-right: 5px; } .projects-filter-price-max { padding-left: 5px; } .projects-filter-price-tracker { width: 100%; margin-top: 35px; padding: 0 20px; } .projects-filter-price-sub { font-size: 12px; margin-right: 5px; } .projects-filter-price-input-container { width: 100%; } .projects-filter-slider-track { position: relative; height: 5px; } .projects-filter-slider-part { position: absolute; top: -9px; width: 1px; height: 9px; background: #ccc; } .projects-filter-slider-part.p1 { left: 1px; } .projects-filter-slider-part.p2 { left: 25%; } .projects-filter-slider-part.p3 { left: 50%; } .projects-filter-slider-part.p4 { left: 75%; } .projects-filter-slider-part.p5 { right: 1px; } .projects-filter-slider-part span { font-size: 11px; line-height: 11px; position: absolute; top: -14px; display: block; text-align: center; color: #000; transform: translateX(-50%); } .projects-filter-slider-range, .projects-filter-slider-pricebar, .projects-filter-slider-pricebar-vd, .projects-filter-slider-pricebar-vn, .projects-filter-slider-pricebar-v { position: absolute; top: 0; bottom: 0; border-radius: 2px; } .projects-filter-slider-pricebar-vd { background: #fcfcfc; z-index: 6; } .projects-filter-slider-pricebar-vn { background: #eee; z-index: 7; } .projects-filter-slider-pricebar-v { background: var(--color1); z-index: 8; } .projects-filter-slider-range { position: absolute; top: 0; bottom: 0; z-index: 9; } .projects-filter-slider-handle { position: absolute; top: -6px; width: 16px; height: 16px; border-bottom: none; background-color: var(--color1); border-radius: 50%; } .projects-filter-slider-handle.left { margin-left: -7px; } .projects-filter-slider-handle.right { margin-right: -7px; } .projects-filter-item .min-price, .projects-filter-item .max-price { padding-left: 5px; padding-right: 5px; text-align: center; } .catalog-category-filter { margin-bottom: 40px; } .articles-category-content_wide, .news-detail-content_wide { width: 100%; } .specialists-detail-container ol { overflow: hidden; } .content ul ul, .content ol ul, .content ul ol, .content ol ol { margin-left: 46px; } .popup-city { display: inline-block !important; } .city-list-label { text-decoration: none; } .preloader { z-index: 999999999; } .alert { position: relative; padding: 1rem 1.5rem; margin-bottom: 1rem; } .alert-danger { color: #721c24; background-color: #f8d7da; } .alert-success { color: #155724; background-color: #d4edda; } .alert-warning { color: #856404; background-color: #fff3cd; } .alert-info { color: #193855; background-color: #eef3f9; } .input:read-only { background-color: #eee; } .rating-icon_modified path { fill: #eee; stroke: #eee; } .services-table .services-block-more { visibility: visible; font-weight: 400; text-decoration: none; } .services-table { padding-bottom: 10px; } @media screen and (min-width: 992px) { .services-table .services-block-list { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .services-table .services-block-item { padding-left: 15px; padding-right: 15px; width: 25%; margin-bottom: 30px; } .services-table .services-block-item.services-block-item--large { width: 50%; } .services-table .services-block-link { height: 315px; } .services-table .services-block-more { margin-bottom: auto; } .services-table .services-block-name { font-size: 24px; line-height: 32px; font-weight: 500; } .services-table .services-block-link:before { background-color: rgba(0, 0, 0, 0.3); top: 0; height: 100%; } .services-table .slider-button { display: none; } .services-table .swiper-wrapper { width: auto; } .services-table .slider-pagination { display: none; } } .services-2-block-img .services-block-link { height: 240px; } .services-2-block-img .services-block-link:after, .services-2-block-img .services-block-link:before { display: none; } .services-2-block-content .services-block-name a { font-weight: 500; font-size: 17px; line-height: 25px; color: var(--color6); text-decoration: none; } .services-2-block-content .services-block-name a:hover { color: var(--color1); } .services-2-block-content .services-block-info { font-size: 15px; line-height: 24px; color: #606060; visibility: visible; } .services-2-block-content { padding-top: 20px; padding-bottom: 20px; } .services-2-block-content .services-block-more { visibility: visible; color: var(--color6); text-decoration: none; font-size: 15px; } .services-2-block-content .services-block-panel { padding-top: 10px; } .services-2-block-content .services-block-panel a { display: flex; align-items: center; text-decoration: none; } .services-2-block-content .services-block-icon.more { min-width: 20px; width: 20px; height: 19px; background-color: transparent; border: none; margin-left: 5px; } .services-2-block-content .services-block-icon.more path { fill: var(--color1); } .services-2-block-content .services-block-panel a:hover .services-block-more { color: var(--color1); } .socials-link svg { max-width: 18px; max-height: 18px; fill: #293329; } .index-block, .page-block { padding-top: 50px; } .background-block { background-color: #F5F5F5; } .index-block:first-child:not(.background-block) { padding-top: 0; } .articles-block, .consultation { background-color: transparent; } .subscribe { padding-top: 30px; } .contacts-page-map { height: 460px; } .contacts-page-container { margin-top: 50px; } .footer-emails a { text-decoration: none; } .footer-dark .footer-main, .footer-dark .footer-bottom { background-color: var(--color6); } .footer-dark .footer-bottom, .footer-dark.footer-1 .footer-main { border-top: 1px solid var(--color7); } .footer-dark .footer-2-top, .footer-dark .footer-item_contacts, .footer-dark .footer-1-item_contacts { border-color: var(--color7); } .footer-dark .socials-link { border-color: var(--color10); box-shadow: none; } .footer-dark .socials-link svg, .footer-dark .footer-phone svg, .footer-dark .footer-contacts-item svg, .footer-dark .footer-2-main-menu .main-menu-list > .main-menu-item > .main-menu-link > .main-menu-icon path, .footer-dark .main-menu-item_more circle { fill: var(--color10); } .footer-dark .footer-2-main-menu .main-menu-list > .main-menu-item > .main-menu-link:hover > .main-menu-icon path, .footer-dark .main-menu-item_more:hover circle { fill: var(--color1); } .footer-dark.footer-2 .mob-menu-switcher-icon path { stroke: var(--color10); } .footer-dark .socials-link:hover { border-color: var(--color1); } .footer-dark .footer-menu-link, .footer-dark .footer-phone-number, .footer-dark .footer-contacts-label, .footer-dark .footer-1-phone-number a, .footer-dark .footer-2-main-menu .main-menu-list > .main-menu-item > .main-menu-link, .footer-dark .footer-2-contacts-label { color: var(--color10); } .footer-dark .footer-menu-link:hover, .footer-dark .footer-phone-number a:hover, .footer-dark .footer-contacts-label a:hover, .footer-dark .footer-1-phone-number a:hover, .footer-dark .footer-2-main-menu .main-menu-list > .main-menu-item > .main-menu-link:hover { color: var(--color1); } .footer-dark .footer-info, .footer-dark .footer-copyright, .footer-dark .footer-develop, .footer-dark .footer-2-socials-text, .footer-dark .footer-2-info, .footer-dark .footer-2-contacts-info { color: var(--color15); } .footer-dark .footer-2-socials .socials-link { position: relative; background-color: var(--color1); overflow: hidden; } .footer-dark .footer-2-socials .socials-link:before { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background-color: #fff; opacity: 0; transition: 0.5s; } .footer-dark .footer-2-socials .socials-link:hover:before { opacity: 0.15; } .city-list-container { overflow: hidden; } .main-banner-button, .main-banner-3-button { margin-right: 8px; font-weight: 600; } .main-banner-actions .main-banner-button:last-child, .main-banner-actions .main-banner-3-button:last-child { margin-right: 0; } .popup-review { max-width: 600px; } .popup-review .reviews-detail { display: block; margin: 0; } .popup-review .reviews-detail-basic, .popup-review .reviews-detail-info { width: 100%; } .popup-review .reviews-detail-basic { margin-bottom: 20px; } .popup-review .reviews-detail-basic-inner { max-width: none; text-align: center; } .popup-review .reviews-detail-block { border-radius: 45px; } .popup-review .specialists-detail-certificate { display: block; } .field-file { display: none; } .file-container { display: flex; align-items: center; cursor: pointer; } .file-icon { width: 24px; height: 24px; color: #606060; } .file-text { font-size: 14px; color: var(--color6); text-decoration: underline; } .file-text:hover { text-decoration: none; } .index_blocks_main_banner.background-block { padding-bottom: 20px; } .main-banner-3--full-width { width: 100%; } .main-banner-3--full-width::before, .main-banner-3--full-width::after { content: none; } .index-block .preloader-inline { display: flex; justify-content: center; align-items: center; height: 100%; } .ajax-block-loading { position: relative; } .ajax-block-loading::before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #eee; animation-name: blink; animation-timing-function: linear; animation-duration: 1s; animation-iteration-count: infinite; } @keyframes blink { 50% { opacity: 0.5; } } .ajax-block.index_blocks_main_banner {height: 533px;} .ajax-block.index_blocks_advantages {height: 235px;} .ajax-block.index_blocks_services {height: 725px;} .ajax-block.index_blocks_actions {height: 836px;} .ajax-block.index_blocks_company {height: 664px;} .ajax-block.index_blocks_spec {height: 651px;} .ajax-block.index_blocks_plus {height: 606px;} .ajax-block.index_blocks_projects {height: 672px;} .ajax-block.index_blocks_tariffs {height: 841px;} .ajax-block.index_blocks_articles {height: 777px;} .ajax-block.index_blocks_reviews {height: 660px;} .ajax-block.index_blocks_news {height: 806px;} .ajax-block.index_blocks_clients {height: 363px;} .ajax-block.index_blocks_consultation {height: 651px;} .ajax-block.index_blocks_faq {height: 695px;} .ajax-block.index_blocks_certificates {height: 670px;} .ajax-block.index_blocks_contacts {height: 715px;} @media screen and (max-width: 991px) { .ajax-block.index_blocks_main_banner {height: 373px;} .ajax-block.index_blocks_advantages {height: 175px;} .ajax-block.index_blocks_services {height: 567px;} .ajax-block.index_blocks_actions {height: 741px;} .ajax-block.index_blocks_company {height: 785px;} .ajax-block.index_blocks_spec {height: 549px;} .ajax-block.index_blocks_plus {height: 635px;} .ajax-block.index_blocks_projects {height: 601px;} .ajax-block.index_blocks_tariffs {height: 805px;} .ajax-block.index_blocks_articles {height: 544px;} .ajax-block.index_blocks_reviews {height: 559px;} .ajax-block.index_blocks_news {height: 736px;} .ajax-block.index_blocks_clients {height: 301px;} .ajax-block.index_blocks_consultation {height: 571px;} .ajax-block.index_blocks_faq {height: 710px;} .ajax-block.index_blocks_certificates {height: 638px;} .ajax-block.index_blocks_contacts {height: 505px;} } @media screen and (max-width: 767px) { .ajax-block.index_blocks_main_banner {height: 474px;} .ajax-block.index_blocks_advantages {height: 166px;} .ajax-block.index_blocks_services {height: 647px;} .ajax-block.index_blocks_actions {height: 769px;} .ajax-block.index_blocks_company {height: 1034px;} .ajax-block.index_blocks_spec {height: 561px;} .ajax-block.index_blocks_plus {height: 1043px;} .ajax-block.index_blocks_projects {height: 679px;} .ajax-block.index_blocks_tariffs {height: 963px;} .ajax-block.index_blocks_articles {height: 581px;} .ajax-block.index_blocks_reviews {height: 667px;} .ajax-block.index_blocks_news {height: 719px;} .ajax-block.index_blocks_clients {height: 429px;} .ajax-block.index_blocks_consultation {height: 597px;} .ajax-block.index_blocks_faq {height: 1103px;} .ajax-block.index_blocks_certificates {height: 353px;} .ajax-block.index_blocks_contacts {height: 839px;} } .footer-service-link{ margin-top: 7px; font-size: 12px; line-height: 20px; text-decoration: none; color: var(--color15); display: block; } .footer-service-link:last-child{ margin-top: 0; } .footer-service-link:hover{ text-decoration: underline; color: var(--color15); } .header-social{ display: flex; align-items: center; } .header-social__item{ display: flex; margin: 0 4px; text-decoration: none; width: 32px; height: 32px; transition: all .25s linear; } .header-social__item:hover{ opacity: .7; } .main-menu .header-social{ display: none; } @media(max-width: 991px) { .main-menu .header-phone{ margin-left: 20px; } .header-social{ margin-left: auto; } .main-menu .header-social{ display: flex; } } @media(max-width: 750px) { .main-menu .header-phone{ margin-left: 3px; } } /* End */ /* Start:/local/templates/lawyer/css/custom.css?174899219649783*/ .main-menu-link span { position: relative; } .main-menu-link span:before { content: ''; position: absolute; bottom: -2px; left: 0; opacity: 0; width: 100%; height: 1px; background-color: #fff; } .main-menu-link:hover span:before, .main-menu-link.active span:before { opacity: 1; } body:not(.main-page) .main-menu-link span:before { background-color: #000; } body:not(.main-page) .main-menu-link:hover span:before { background-color: var(--color1); } @media screen and (max-width: 991px) { .services-table { padding-bottom: 50px; } .basic-list-item { width: 100% !important; margin-right: 0; } .basic-list-info { max-width: 100%; } .company { padding-bottom: 50px; } .plus { padding-top: 20px; } .reviews-block { margin-bottom: 0; } .clients-block { padding-bottom: 50px; } .ajax-block.index_blocks_consultation { padding-top: 0; } .consultation-pic { border-radius: 0; } .faq-block { margin-bottom: 0; } .main-menu-container:after { border-radius: 0; } } .services-list-pic { width: 250px; height: 100%; position: relative; margin-top: 0; } .services-list-pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: none; max-width: none !important; object-fit: cover; } .services-list-block { display: flex; flex-wrap: wrap; background: #fff; border: 1px solid #ddd; } .services-list-inner { width: calc(100% - 250px); } .services-list-text { font-size: 13px; line-height: 20px; margin-top: 10px; } .services-list-more { margin-top: 25px; } .services-list-name { line-height: 22px; } .services-list { display: flex; flex-wrap: wrap; } .services-list-item { width: 50%; } .services-sublist-link { font-size: 13px; line-height: 20px; display: inline-block; text-decoration: underline; text-underline-offset: 3px; } .services-sublist-link:hover { text-decoration: none; } .services-sublist-item { margin-bottom: 5px; } @media screen and (max-width: 1200px) { .services-list-item { width: 100%; } } @media screen and (max-width: 768px) { .services-list-inner { width: 100%; order: 2; } .services-list-pic { width: 100%; height: 200px; order: 1; } } .services-detail-banner { background-color: var(--color2); overflow: hidden; min-height: 200px; margin-bottom: 50px; border-radius: 25px; display: flex; flex-wrap: wrap; } .services-detail-banner-content { width: 60%; } .services-detail-banner-subtitle { margin-bottom: 20px; text-transform: uppercase; font-size: 11px; font-weight: 500; letter-spacing: 0.5px; } .services-detail-banner-name { color: #000; font-weight: 600; font-size: 32px; line-height: 42px; max-width: 600px; margin-bottom: 20px; } .services-detail-banner-control-full .services-detail-banner-name { max-width: 100%; } .services-detail-banner-control { width: 40%; padding: 50px; } .services-detail-banner-control-full { width: 100%; } .services-detail-banner-stickers { margin-bottom: 15px; } .services-detail-banner-sticker { background: #fff; color: #000; font-weight: 500; font-size: 12px; padding: 4px 15px; display: inline-block; border-radius: 20px; margin-right: 5px; margin-bottom: 5px; line-height: 20px; } .services-detail-banner-text { color: #000; font-size: 15px; margin-bottom: 10px; } .catalog-banner { margin-bottom: 60px; } .button{ font-weight: 600; } .services-detail-banner-button { margin-top: 15px; } .services-detail-banner-button .button svg { margin-left: 10px; } .services-detail-banner-button .button svg path { fill: #000; } .services-detail-panel { margin-top: 30px; border-bottom: none; margin-bottom: 0; padding-bottom: 0; } @media screen and (max-width: 992px) { .services-detail-banner-content { width: 100%; padding-bottom: 0; } .services-detail-banner-control { width: 100%; } .form-social .text { display: none; } } @media screen and (max-width: 768px) { .services-detail-banner-content { padding: 30px; padding-bottom: 0; } .services-detail-banner-control { padding: 30px; padding-top: 0; } .services-detail-banner-stickers { margin-bottom: 5px; } .services-detail-banner-name { font-size: 22px; line-height: 28px; } .services-detail-banner-text { font-size: 14px; } .services-detail-banner .popup-title { text-align: left; font-size: 18px; } .services-detail-banner .field { margin-bottom: 15px; } .services-detail-banner .switch-field { margin-bottom: 15px; } } .services-detail-btn .button svg { margin-left: 10px; } .services-detail-btn .button svg path { fill: #000; } .services-detail-img { height: 100%; position: relative; } .services-detail-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .services-detail-order-row { display: flex; flex-wrap: wrap; } .services-detail-order-process-img { width: 500px; display: flex; align-items: center; border: 1px solid #fff; background-color: #fff; padding: 20px; border-radius: 10px; } .services-detail-order-process-info { padding-left: 50px; width: calc(100% - 500px); } .services-detail-order-process-name { font-size: 16px; text-transform: uppercase; color: #000; font-weight: 600; } .services-detail-order-process-text { font-weight: 300; color: #000; } .services-detail-order-process-item { padding-left: 50px; position: relative; } .services-detail-order-process-item:not(:last-child) { margin-bottom: 35px; } .services-detail-order-process-item:before { position: absolute; top: 7px; left: -5px; content: ''; width: 10px; height: 10px; background-color: var(--color1); border-radius: 10px; } .services-detail-order-process-list { position: relative; } .services-detail-order-process-list:before { position: absolute; top: 10px; left: 0; content: ''; width: 1px; height: calc(100% - 50px); background-color: var(--color1); } .services-detail-order-process-title { text-transform: uppercase; margin-bottom: 30px; color: #000; font-weight: 600; font-size: 21px; letter-spacing: 0.5px; } .services-detail-order-process { background-color: var(--color2); padding-top: 70px; padding-bottom: 70px; } @media screen and (max-width: 992px) { .services-detail-order-process-img { width: 400px; } } @media screen and (max-width: 768px) { .services-detail-order-process-img { width: 100%; } .services-detail-order-process-info { width: 100%; padding-left: 0; padding-top: 30px; } .services-detail-order-process-title { font-size: 15px; margin-bottom: 15px; } .services-detail-order-process-item { padding-left: 30px; } } .services-for-whom { padding: 60px 0; } .services-for-whom-item:not(:last-child) { border-bottom: 1px solid #ddd; margin-bottom: 30px; padding-bottom: 30px; } .services-for-whom-box { display: flex; flex-wrap: wrap; align-items: center; } .services-for-whom-name { display: flex; flex-wrap: wrap; align-items: center; width: 40%; padding-right: 30px; } .services-for-whom-text { width: 60%; font-size: 18px; line-height: 32px; font-weight: 300; } .services-for-whom-num { font-weight: 900; font-size: 64px; color: rgba(0, 0, 0, 0.1); margin-right: 50px; } .services-for-whom-title { color: #000; font-size: 20px; font-weight: 600; text-transform: uppercase; } .services-block { padding: 60px 0; } .services-block--gray { background-color: #f5f5f5; } .services-block-subtitle { font-size: 14px; text-transform: uppercase; color: #999; font-weight: 300; letter-spacing: 1.5px; } .services-block-title { text-transform: uppercase; font-size: 24px; font-weight: 500; margin-top: 5px; margin-bottom: 30px; color: #000; line-height: 40px; } .services-block-title span { background: var(--color1); padding: 0px 10px; border-radius: 10px; } .services-block-doptext { background-color: #f0f0f0; color: #000; border-radius: 10px; padding: 10px 20px; display: inline-block; } .services-block--gray .services-block-doptext { background-color: #e5e5e5; } .services-limited-row { display: flex; flex-wrap: wrap; align-items: center; } .services-limited-img { width: 40%; } .services-limited-info { width: 60%; padding-left: 50px; } .services-limited-name { color: #000; font-size: 20px; font-weight: 600; text-transform: uppercase; margin-bottom: 30px; } .services-limited-text li { position: relative; font-weight: 300; color: #555; font-size: 18px; margin-bottom: 10px; letter-spacing: 0.3px; padding-left: 35px; } .services-limited-text li:before { background-image: url('/images/close-li.svg'); background-size: 15px; position: absolute; top: 6px; left: 0; content: ''; width: 15px; height: 15px; } .services-table { padding-top: 30px; border-top: 1px solid #eee; } .services-table table { width: 100%; border-collapse: collapse; } .services-table tr th { text-align: left; color: #000; font-size: 18px; font-weight: 600; background-color: var(--color1); padding: 10px 20px; } .services-table tr:nth-child(2n+1) td { background-color: #F5F5F5; } .services-table tr td { padding: 10px 20px; color: #000; } .services-table tr th:first-child, .services-table tr td:first-child { border-radius: 10px 0px 0px 10px; } .services-table tr th:last-child, .services-table tr td:last-child { border-radius: 0px 10px 10px 0px; } @media screen and (max-width: 768px) { .services-table { margin-bottom: 50px; } } .services-specific-row { display: flex; flex-wrap: wrap; } .services-specific-img { width: 40%; } .services-specific-info { width: 60%; padding-left: 50px; } @media screen and (max-width: 992px) { .services-detail-img { height: 300px; border-radius: 10px; overflow: hidden; margin-bottom: 20px; } .services-detail-banner-content { padding: 15px; padding-bottom: 0; } .services-detail-banner-control { padding: 15px; padding-top: 0; } } @media screen and (max-width: 768px) { .services-detail-img { height: 200px; } .services-detail-order-process-name { font-size: 12px; } .services-detail-order-process-text { font-size: 14px; line-height: 22px; } .services-for-whom-name { width: 100%; } .services-for-whom-num { margin-right: 20px; font-size: 42px; } .services-for-whom-title { font-size: 15px; letter-spacing: 1px; } .services-for-whom-text { width: 100%; font-size: 14px; line-height: 22px; padding-left: 45px; } .services-block-subtitle { font-size: 10px; } .services-block-title { font-size: 16px; line-height: 27px; margin-bottom: 15px; } .services-limited-img { width: 100%; } .services-limited-info { width: 100%; padding-left: 0; } .services-limited-img { margin-bottom: 30px; } .services-limited-name { font-size: 16px; margin-bottom: 15px; } .services-limited-text li { font-size: 14px; margin-bottom: 5px; padding-left: 25px; } .services-limited-text li:before { background-size: 10px; width: 10px; height: 10px; top: 8px; } .services-components-doptext.services-block-doptext { font-size: 14px; } .services-specific-img { width: 100%; } .services-specific-info { padding-left: 0; width: 100%; } .services-table { padding-bottom: 0; margin-bottom: 0; } } .services-projects-block .projects-box { position: relative; border-radius: 10px; overflow: hidden; height: 373px; display: block; } .services-projects-block .projects-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s linear; } .services-projects-block .projects-list-item, .projects-block .projects-list-item { width: 100%; padding: 0; } .projects-box { display: block; } .section-title { font-size: 24px; color: #000; font-weight: 500; margin-bottom: 20px; line-height: 40px; text-transform: uppercase; letter-spacing: 1px; } @media screen and (max-width: 768px) { .section-title { font-size: 16px; line-height: 27px; } } .services-list-item_simple .services-list-img { display: block; } @media screen and (max-width: 768px) { .header-phone-number a { background-color: rgba(255, 255, 255, 0.2); background-repeat: no-repeat; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; border-radius: 25px; background-position: center; } .main-menu_fix .header-phone-number a { background-color: rgba(0, 0, 0, 0.05); } } body:not(.main-page) .header-3-top { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .contacts-list-item .socials-link { min-width: 40px; width: 40px; height: 40px; border-color: #ccc; } body:not(.main-page) .header-contacts-icon path { fill: #000; } body:not(.main-page) .header-3-contacts-item_hours .header-contacts-icon path { stroke: unset !important; } .projects-block-v2 .projects-block-list { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .projects-block-v2 .projects-block-box{ border: 1px solid #cccccc; border-radius: var(--border-radius); } .projects-block-v2 .projects-block-info{ display: none; } .projects-block-v2 .projects-list{ gap: 30px; margin: 0 0 60px 0; } .projects-block-v2 .projects-list-item{ margin-bottom: 0; padding: 0; gap: 30px; width: calc(50% - 15px); display: flex; } .projects .projects-block-v3 .projects-list-item { width: 25%; } @media screen and (max-width: 992px) { .projects-block-v2 .projects-list{ gap: 20px; } .projects-block-v2 .projects-list-item{ width: calc(50% -10px); } .projects .projects-block-v3 .projects-list-item { width: 50%; } } @media screen and (max-width: 768px) { .projects-block-v2 .projects-list-item{ width: 100%; } .projects .projects-block-v3 .projects-list-item { width: 100%; } } .services-table--rev { margin-bottom: 50px; } .services-table--rev .title { color: #000; } .header-3-logo-label { display: block; font-size: 13px; line-height: 17px; color: #FFF; } @media screen and (max-width: 1489px) { .header-3-logo-label { font-size: 9px; font-weight: 500; } } @media screen and (max-width: 992px) { .header-3-logo-label { display: none; } } .footer-2-logo{ display: flex; max-width: 220px; max-height: 100px; } .footer-2-contacts-info{ margin-bottom: 10px; } .footer-2-item .footer-contacts-item{ margin-bottom: 5px; } .footer-2-item_info{ padding: 0; } .footer-bottom-extra{ display: flex; align-items: center; gap: 5px; height: 30px; margin-left: 20px; letter-spacing: 0.01em; } .footer-bottom-extra-text{ color: var(--color10); font-weight: 500; font-size: 13px; line-height: 22px; } .footer-bottom-extra-img{ } body:not(.main-page) .header-3-logo-label{ color: var(--color6); } body:not(.main-page) .header-contacts-icon path{ fill: #fff; stroke: #000; } .main-menu_fix .header-1-contacts-item_email .header-contacts-icon path{ fill: #fff; stroke: #000; } .header-logo-img{ max-height: 70px; max-width: 150px; } .header-phone-number{ text-decoration: none; } .footer .main-submenu-list{ max-height: initial; display: block; } .footer-2-item_company_with-button{ display: flex; gap: 25px; flex-direction: column; width: auto; align-items: flex-start; width: fit-content; } .footer-2-item_info{ width: auto; } .footer-logo--wrapper{ display: flex; gap: 25px; flex-direction: column; width: auto; align-items: center; } @media screen and (max-width: 992px){ .header-logo-img{ max-width: 100px; } .footer-2-item{ width: 25%; } .footer-2-item_info { /*width: 70%;*/ width: auto; } .footer-2-item_company_with-button { width: 100%; justify-content: left; flex-direction: row; align-items: flex-start; } } @media screen and (max-width: 750px) { .footer-2-item_company_with-button{ flex-direction: column; } .footer-bottom-extra{ margin-left: auto; } } .plus-panel--flex{ display: flex; align-items: center; justify-content: center; } .plus-panel--flex .plus-name{ margin-top: 0; } .plus-icon.plus-icon--number-wrapper{ display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--color1); } .plus-icon--number{ font-size: 22px; font-weight: 500; line-height: normal; color: var(--color6); } .plus-container{ flex-direction: column; } .plus-detail{ padding-top: 0; padding-bottom: 30px; padding-right: 0; width: 100%; } .plus-detail .plus-main, .plus-detail .plus-actions{ text-align: center; padding-right: 0; } .plus-block{ width: 100%; } .plus-list{ margin-left: 0; } .plus-list-item { width: 33%; } .plus-title.h1 { margin-bottom: 10px; } .advantages .advantages-info{ text-align: left; } .advantages-info{ text-align: center; } @media screen and (min-width:992px){ .main-banner-3-el-picture{ display: flex; } } @media screen and (max-width:992px){ .plus-detail .plus-main, .plus-detail .plus-actions{ text-align: left; } .plus-detail{ padding-left: 15px; padding-right: 10px; } } @media screen and (max-width:750px){ .plus-detail .plus-main, .plus-detail .plus-actions{ text-align: center; } .plus-list{ margin-left: -10px; } .plus-list-item{ width: 100%; } .plus-detail{ padding: 0; margin-bottom: 15px; } } .main-banner-3-item .container{ display: flex; align-items: center; height: 100%; } .main-banner-3-detail{ padding: 25px 0 25px 0; justify-content: center; } .clients-block-brands{ width: 100%; } .clients-block-list-item{ width: 33%; } .clients-block .panel{ justify-content: center; } .clients-block .panel-title{ margin-right: 0; } .footer-2 .consultation-button{ padding: 7px 20px; } .consultation-button.consultation-button--blk{ background: var(--color6); border: 1px solid var(--color1); color: #fff; } .consultation-button.consultation-button--blk:hover{ background: var(--color1); color: var(--color6); } .footer-2-info{ max-width: 420px; } .footer-2-item:not(.footer-2-item_company, .footer-2-item_info){ width: 50%; padding-left: 60px; } .footer-2-item.footer-2-item--adress{ width: 50%; } .footer-2-item.footer-2-item--contacts{ width: 20%; padding-left: 10px; } @media screen and (max-width:992px){ .footer-2-item:not(.footer-2-item_company, .footer-2-item_info){ width: 50%; } .footer-2-item_company_with-button{ width: 50%; } .footer-2-item:last-child .footer-2-contacts{ margin-left: 0; } .footer-2-item, .footer-2-item.footer-2-item--address, .footer-2-item.footer-2-item--shedule, .footer-2-item.footer-2-item--contacts{ padding-left: 0; } } @media screen and (max-width:750px){ .footer-2-item, .footer-2-item.footer-2-item--address, .footer-2-item.footer-2-item--shedule, .footer-2-item.footer-2-item--contacts{ width: 100%; } .footer-develop{ margin-bottom: 7px; } .main-banner-3-inner.no-nav{ margin-bottom: 0; } .main-banner-3{ margin-bottom: 0; } .index_blocks_consultation .consultation{ margin-top: 50px; } } .footer-dark .footer-2-top{ background: #222; } .projects-block-info b{ color: #fff; } .main-banner-3-actions{ margin-top: 0; } .main-banner-preface{ margin-bottom: 0; } .services-block{ padding-top: 0; } .services-block-2:has(.swiper-pagination-lock) .services-block-inner{ margin-bottom: 0; } /*completed_work*/ .completed_work-block{ padding-bottom: 60px; } .completed_work-container{ } .completed_work{ display: flex; gap: 30px; height: 500px; } .completed_work-item{ display: flex; align-items: center; justify-content: flex-start; padding: 30px; border-radius: var(--border-radius); position: relative; overflow: hidden; height: 100%; width: 100%; } .completed_work--vertical .completed_work-item{ align-items: flex-end; } .completed_work-item::after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(6, 12, 23, 0.58); } .completed_work-item-title{ font-weight: 600; font-size: 21px; line-height: 24px; letter-spacing: 0.02em; color: #fff; position: relative; z-index: 1; } .completed_work-item-title b{ font-weight: 500; font-size: 36px; line-height: 42px; } .completed_work-item-img{ position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; } .completed_work--horizontal{ display: flex; flex-direction: column; gap: 30px; width: 100%; } .completed_work--vertical{ display: flex; flex-direction: row; gap: 30px; width: 100%; } @media screen and (max-width: 992px) { .completed_work{ height: 300px; } .completed_work-item{ padding: 20px; } .completed_work, .completed_work-item, .completed_work--horizontal, .completed_work--vertical{ gap: 20px; } .completed_work-item-title{ font-size: 14px; line-height: 24px; } .completed_work-item-title b{ font-size: 24px; line-height: 28px; } } @media screen and (max-width: 750px) { .completed_work{ height: 300px; } .completed_work--vertical{ flex-direction: column; } .completed_work--vertical .completed_work-item, .completed_work--horizontal .completed_work-item{ align-items: center; } } .map-popup-content{ padding: 10px 20px 20px 20px; } /*START refeence_list*/ .reference_list-block{ padding-top: 50px; padding-bottom: 30px; } .index-block .reference_list-block{ padding-top: 0; } .reference_list-container{ } .reference_list{ display: flex; } .reference_list-col_header{ width: 30%; max-height: 100%; overflow-y: auto; border-right: 2px solid #cecece; } .reference_list-col_header .swiper-wrapper{ display: flex; flex-direction: column; } .reference_list-col_header-item{ padding: 20px 30px 20px 30px; border-top-left-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius); color: #000; font-weight: 500; font-size: 16px; line-height: 20px; position: relative; } .reference_list-col_header-item.swiper-slide{ width: auto; height: auto; transition: all 0.3s; } .reference_list-col_header-item::before { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background-color: #fff; opacity: 0; transition: 0.5s; } .reference_list-col_header-item:hover{ cursor: pointer; background-color: var(--color1); } .reference_list-col_header-item:hover::before{ opacity: 0.15; } .reference_list-col_header-item.active{ background-color: var(--color1); } .reference_list-col_data{ width: 70%; padding: 20px 20px 20px 50px; } .reference_list-col_data-item{ height: 0; overflow: hidden; } .reference_list-col_data-item.active{ height: 100%; } .reference_list-col_data-item-content{ height: 100%; max-height: 100%; overflow-y: auto; } .reference_list-col_data-item-content.content ul{ margin-top: 0; } .clients-block-list-element{ height: 180px; padding: 10px 15px; background: #fff; border-radius: 10px; } @media screen and (max-width: 992px) { .reference_list-col_header-item{ font-size: 14px; padding: 10px 20px 10px 30px; } .reference_list-col_data{ padding: 20px 20px 20px 30px; } } @media screen and (max-width: 750px) { .reference_list-block{ padding-bottom: 40px; } .reference_list{ flex-direction: column; height: auto; } .reference_list-col_header{ width: 100%; min-height: 75px; padding-bottom: 20px; display: initial; flex-direction: row; overflow-x: initial; overflow-y: initial; gap: 20px; border-right: none; border-bottom: 2px solid #cecece; } .reference_list-col_header .swiper-wrapper{ flex-direction: row; } .reference_list-col_header-item{ text-align: center; height: auto; display: flex; align-items: center; justify-content: center; padding: 10px 20px 10px 20px; border-radius: var(--border-radius); } .reference_list-col_data{ width: 100%; height: 100%; padding: 20px 0px 0px 0px; } } /*END reference list*/ .projects-block-v2 .projects-block-list{ flex-wrap: nowrap; margin: 0; } .projects-block-v2 .projects-block-images{ height: 300px; min-height: 300px; position: relative; } .projects-block-v2 .projects-block-img{ position: absolute; } .projects-block-v2 .projects-block-list-item.projects-block-list-item--border .projects-block-box{ background-color: #fff; } .projects-block-v2 .projects-block-info b{ color: var(--color6); } .projects-block-v2 .projects-block-list-item{ display: flex; } .projects-block-v2 .projects-block-box{ display: flex; width: 100%; } .projects-block-v2 .projects-block-link{ margin-top: auto; } .projects-block-v2 .projects-block-name{ margin-top: 0; } .projects-block-v2 .projects-block-detail{ padding-left: 15px; padding-right: 15px; } @media screen and (max-width: 750px) { .projects-block-v2 .projects-block-images{ height: 200px; min-height: 200px; } } /*service adds*/ .service_guarantees-block{ padding-top: 10px; padding-bottom: 60px; } .service_guarantees{ padding: 50px 25px; background-color: var(--color1); /*border-radius: var(--border-radius);*/ } .service_guarantees > .container{ display: flex; align-items: center; flex-direction: column; } .service_guarantees-list{ display: flex; flex-direction: row; gap: 30px; margin-bottom: 30px; } .service_guarantees-list-item{ display: flex; align-items: center; gap: 30px; color: var(--color6); width: 100%; } .service_guarantees-list-item-number{ font-size: 70px; line-height: 0; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255, 255, 255, 0.5); min-width: 90px; min-height: 90px; } .service_guarantees-link.button{ background: var(--color6); color: #FFF; } @media screen and (max-width: 992px) { .service_guarantees{ padding: 30px 15px; } .service_guarantees-block{ padding-top: 0; padding-bottom: 50px; } .service_guarantees-list-item-number{ font-size: 60px; min-width: 80px; min-height: 80px; } .service_guarantees-list{ flex-wrap: wrap; row-gap: 15px; margin-bottom: 15px; } .service_guarantees-list-item{ width: calc(50% - 15px); gap: 20px; } .service_guarantees-list-item:last-child{ width: 100%; } } @media screen and (max-width: 750px) { .service_guarantees-block{ padding-bottom: 50px; } .service_guarantees-list-item-number{ font-size: 50px; min-width: 70px; min-height: 70px; } .service_guarantees-list{ flex-wrap: wrap; row-gap: 15px; } .service_guarantees-list-item{ width: 100%; } } /*what_we_do*/ .what_we_do-block{ padding-bottom: 60px; } .what_we_do-list{ display: flex; flex-wrap: wrap; gap: 30px; } .what_we_do-list-item{ width: calc(100% / 3 - 30px*2/3); display: flex; align-items: center; gap: 30px; } .what_we_do-list-item-img{ max-width: 64px; max-height: 64px; } .what_we_do-list-item-title{ font-weight: 600; font-size: 17px; line-height: 26px; letter-spacing: 0.0275em; color: var(--color6); } @media screen and (max-width: 992px) { .what_we_do-block{ padding-bottom: 60px; } .what_we_do-list-item{ width: calc(100% / 2 - 30px*2); display: flex; align-items: center; gap: 30px; } .what_we_do-list-item-img{ max-width: 48px; max-height: 48px; } } @media screen and (max-width: 750px) { .what_we_do-list-item{ width: calc(100%); display: flex; align-items: center; gap: 20px; } .what_we_do-list-item-img{ max-width: 32px; max-height: 32px; } } /*CERT FIX*/ .download-cert-link{ margin-top: 15px; color: var(--color6); background-color: #fff; padding: 7px 20px; text-align: center; border-radius: var(--border-radius); transition: background-color, border-radius 0.3s; text-decoration: none; } .download-cert-link:hover{ cursor: pointer; background-color: var(--color1); color: var(--color6); border-radius: 10px; } .certificates-block-slider{ padding-bottom: 0; margin-bottom: 0; } .certificates-block-slider .certificates-block-item{ margin-bottom: 0; } /*fix blocks padding on NOT index page*/ .certificates-block{ padding-bottom: 60px; } body:not(.main-page) .consultation{ padding-top: 0; padding-bottom: 60px; margin-bottom: 0px; } body:not(.main-page) .certificates-block{ padding-top: 50px; } .services-list .services-list-item:last-child{ margin-bottom: 0; } .category{ margin-bottom: 60px; } body:not(.main-page) .contacts-block{ padding-bottom: 60px; } .consultation-service-section{ padding-top: 50px; margin-bottom: 60px; } @media screen and (max-width: 750px) { body:not(.main-page) .consultation{ padding-top: 50px; padding-bottom: 50px; margin-bottom: 60px; } .consultation-service-section{ padding-top: 0px; } .contacts-block-info{ margin-bottom: 0; } } @media screen and (min-width: 992px) { .consultation-service-section.background-block .consultation-form{ padding: 30px 26px 40px 30px; } } .service-list--wrapper{ padding: 50px 0 60px 0; } .background-block .services-list-block:hover{ background: #fff; } .background-block .service-list-item{ margin-bottom: 0; } .price_list-block{ padding-bottom: 60px; max-width: 750px; } .price_list-container{ padding-bottom: 30px; } .price_list-list{ display: flex; flex-direction: column; gap: 30px; } .price_list-list-item{ display: flex; flex-direction: column; padding: 6px 0 0 50px; position: relative; margin-bottom: 0; } .price_list-list-item::before{ position: absolute; content: url("/images/checklist.png"); left: 0; top: 0; width: 35px; height: 35px; max-width: 35px; max-height: 35px; display: flex; } .price_list-list-item:not(.no-mrg) .price_list-item-title--wrapper{ margin-bottom: 25px; } .consultation-service-section.consultation-service-section--no-mrg{ margin-bottom: 0; } .price_list-item-title{ color: #000; font-weight: 600; font-size: 17px; line-height: 22px; display: flex; justify-content: space-between; gap: 30px; } .price_list-item-text_before, .price_list-item-text_after{ font-size: 14px; } .price_list-item-sub--wrapper{ padding-left: 18px; } .price_list-item-sub--inner{ display: flex; justify-content: space-between; gap: 50px; } .price_list-item-sub{ } .price_list-item-sub::marker{ color: #FF0000; } .price_list-item-sub-name{ max-width: 500px; } .price_list-item-sub-price, .price_list-item-price{ color: #000; font-weight: 600; font-size: 17px; line-height: 22px; align-self: flex-end; text-align: right; } .price_list-petit{ padding: 20px 50px; border-radius: var(--border-radius); font-size: 14px; line-height: 18px; color: #000; background: var(--color1); } @media screen and (max-width: 992px) { .price_list-list-item{ padding: 3px 0 0 0px; } .price_list-list-item::before{ width: 30px; height: 30px; max-width: 30px; max-height: 30px; } .price_list-item-title{ font-size: 16px; padding: 2px 0 0 40px; } .price_list-item-sub-price{ font-size: 14px; min-width: 100px; } .price_list-item-sub-name{ font-size: 14px; line-height: 24px; } .price_list-item-price{ font-size: 16px; min-width: 100px; } .price_list-item-text_before, .price_list-item-text_after{ font-size: 12px; } .price_list-petit{ padding: 20px 40px; } } @media screen and (max-width: 750px) { .price_list-item-sub-price{ font-size: 14px; min-width: 100px; align-self: flex-start; text-align: left; } .price_list-item-sub--inner{ gap: 5px; flex-direction: column; } } .faq-info, .faq-content{ width: 100%; } /*price-list table*/ .table .price, .table .section, .table.table--colored thead td{ color: #000; font-weight: 600; font-size: 17px; line-height: 22px; } .table.table--colored{ border: none; width: 100%; } .table.table--colored td{ border: none; text-align: left; font-size: var(--font-size); padding: 10px 20px; color: #000; line-height: 24px; } .table.table.table--colored tr{ background-color: var(--color2); } .table.table.table--colored tr:nth-child(2n), .table.table--colored thead tr{ background-color: #fff; } .table.table--colored.table--colored-head tr{ background-color: #fff; } .table.table.table--colored.table--colored-head tr:nth-child(2n), .table.table--colored.table--colored-head thead tr{ background-color: var(--color2); } .price_list-block.price_list-block--full{ max-width: 100%; } .price_list-block.price_list-block--full .price_list-petit{ max-width: 750px; justify-self: center; } .price_list-block.price_list-block--full .table--wrapper{ margin-bottom: 60px; } .about-company-detail{ display: flex; gap: 30px; } .about-company-detail-img{ min-width: 33%; } @media screen and (max-width:992px) { .about-company-detail{ flex-direction: column; } .about-company-detail-img{ order: 1; min-width: auto; display: flex; justify-content: center; max-height: 300px; } .about-company-detail .content{ order: 2; } } .like-block{ width: 100%; color: #000; padding: 7px 20px; border-radius: 10px; background-color: var(--color1); text-align: center; margin-bottom: 60px; } .specialists-simple-block{ padding-top: 50px; padding-bottom: 60px; } .specialists-simple-block .specialists-list-item{ background: #fff; border-radius: var(--border-radius); border: 1px solid #eee; } .specialists-simple-block .specialists-list, .specialists-simple-block .specialists-section{ margin-bottom: 0; } .specialists-simple-block .content ul{ margin: 0; } .specialists-simple-block .content ul li::before{ /*background-color: #fff;*/ background-color: var(--color6); } .spec-block-info{ color: var(--color6); } .specialists-simple-block .spec-block-img{ z-index: 0; filter: none; } /* .specialists_simple-list{ display: flex; flex-wrap: wrap; gap: 30px; } .specialists_simple-list-item{ display: flex; width: calc(33% - 30px * 2 / 3); padding: 30px; background: #fff; border-radius: var(--border-radius); } */ .clients-block-list-name{ text-align: center; color: var(--color6); font-weight: 600; } .great-text-block{ padding: 50px 0 60px 0; text-align: center; } .great-text{ font-weight: 600; font-size: 80px; line-height: 80px; color: var(--color6); text-transform: uppercase; } @media screen and (max-width:750px) { .great-text{ font-size: 60px; line-height: 70px; } } .block-facts{ padding-top: 50px; } .contacts-block.background-block{ padding-top: 50px; } .spec-block-out{ padding: 15px 15px 20px 25px; } .spec-block-out .spec-block-name, .spec-block-out .spec-block-post{ color: var(--color6); } .panel--center{ display: flex; justify-content: center; } .panel--center .panel-title{ text-align: center; margin-right: 0; } .background-block--colored{ background-color: var(--color1); } .text-block{ padding-top: 50px; } body:not(.main-page) .main-menu-item:hover > .main-menu-link{ color: var(--color6); } body:not(.main-page) .main-menu-link:hover span::before{ background-color: var(--color6); } body:not(.main-page) .main-menu-item:hover .main-menu-icon path{ fill: var(--color6); } .main-submenu-item-wide.widemenu-active .main-submenu-link{ text-decoration: underline; color: var(--color6); } .callback-fixed-button{ position: fixed; bottom: 46px; right: 140px; width: 60px; height: 60px; padding: 15px; border: none; border-radius: 50%; background-color: var(--color1); color: #fff; z-index: 995; } .header-3-regions{ padding: 0 30px 0 15px; } .header-link__region.header-link__region--custom{ display: flex; align-items: center; margin: 0; text-decoration: none; } body.main-page .header-link__region.header-link__region--custom{ color: #fff; } body.main-page .main-menu_fix .header-link__region.header-link__region--custom{ color: #000; } body:not(.main-page) .header-link__region.header-link__region--custom{ color: #000; } body:not(.main-page) .header-link__region svg path{ stroke: #000; } .main-menu_fix .header-link__region.header-link__region--custom{ color: #000; } .main-menu_fix .header-link__region svg path{ stroke: #000; } .header-link__region.header-link__region--custom:hover{ text-decoration: underline; } .popup.--show{ max-width: 100%; } .mod__title{ color: #000; } #popup-region{ border-radius: var(--border-radius); } #popup-region .mod__close{ width: 30px; height: 30px; top: 30px; right: 30px; } @media screen and (max-width:576px) { .header-3-regions{ padding: 0 15px 0 0; } } @media screen and (max-width:400px) { #popup-region{ max-width: 320px; } } /* product new */ .projects-block-item-new { background-color: #fff; border: 1px solid #EEEEEE; border-radius: 30px; overflow: hidden; } .projects-block-item-new__picture { position: relative; height: 245px; border-radius: 30px; overflow: hidden; } .projects-block-item-new__picture .slider-pagination { position: absolute; top: 10px; left: 30px; z-index: 2; width: calc(100% - 60px) !important; display: flex; align-items: center; height: 7px; } .projects-block-item-new__picture .slider-pagination .swiper-pagination-bullet { flex: 1; min-width: 0; height: 100%; background-color: rgba(255,255,255,0.25); border-radius: 5px !important; } .projects-block-item-new__picture .slider-pagination .swiper-pagination-bullet:not(:last-child) { margin-right: 5px; } .projects-block-item-new__picture .slider-pagination .swiper-pagination-bullet-active { background-color: rgba(255,255,255,0.75); } .projects-block-item-new__picture .swiper { width: 100%; height: 100%; } .projects-block-item-new__picture img { width: 100%; height: 100%; object-fit: cover; /* border-radius: 30px; */ } .projects-block-item-new__info { display: flex; flex-direction: column; padding: 20px; } .projects-block-item-new__info .projects-block-link { margin-top: 42px; color: #0F0F0F; } .projects-block-item-new__date { padding: 0 15px; height: 26px; border: 1px solid #282D3C; border-radius: 50px; display: flex; align-items: center; justify-content: center; align-self: flex-start; color: #282D3C; font-size: 13px; font-weight: 400; } .projects-block-item-new__date svg { margin-right: 5px; } .projects-block-item-new__title { margin-top: 20px; color: #0F0F0F; font-size: 16px; line-height: 21px; font-weight: 500; } .projects-block-item-new__text { margin-top: 10px; font-size: 14px; line-height: 120%; color: #0F0F0F; } .projects-block-v4 .slider-pagination{ margin-top: 20px; height: 100%; } .projects-block-v4 .slider-pagination .swiper-pagination-bullet { position: relative; background-color: transparent; cursor: default; } .projects-block-v4 .slider-pagination .swiper-pagination-bullet::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 7px; border-radius: 5px; background-color: rgba(255,255,255,0.25); } .projects-block-v4 .slider-pagination .swiper-pagination-bullet-active::before { background-color: rgba(255,255,255,0.75); } .projects-block-v4 .projects-main-new.-non-slider > .swiper-wrapper { -webkit-transform: inherit !important; -ms-transform: inherit !important; transform: inherit !important; } .projects-block-v4 .projects-main-new.-non-slider > .swiper-wrapper > .swiper-slide { width: inherit !important; min-width: 0; /* Initialize the width of the slides */ } .projects-block-v4 .projects-main-new.-non-slider > .swiper-wrapper > .swiper-slide-duplicate { /* Remove slide duplicates（loop:true） */ display: none; } @media (min-width:1024px) { .projects-main-new > .swiper-wrapper { display: grid; grid-template-columns: repeat(2,1fr); gap: 30px; } } .projects-block-v4 .button_sm { display: none; } @media (min-width:1024px) { .projects-block-v4 .button_sm { display: flex; justify-content: center; margin-top: 40px; } .projects-block-v4 .button_sm .button_simple { margin-left: auto; margin-right: auto; } .projects-block-item-new { display: flex; } .projects-block-item-new__picture { height: 300px; flex: 0 0 325px; max-width: 325px; } .projects-block-item-new__info { padding: 30px 20px 20px 20px; } .projects-block-item-new__title { font-size: 20px; line-height: 120%; margin-top: 15px; } .projects-block-item-new__text { font-size: 16px; line-height: 120%; margin-top: 20px; } .projects-block-item-new__info .projects-block-link { margin-top: auto; } } /* project slider */ .project-detail-slider { } .project-detail-slider__main { height: 520px; border-radius: 30px; overflow: hidden; } .project-detail-slider__main .swiper { height: 100%; } .project-detail-slider__main iframe { width: 100%; height: 100%; } .project-detail-slider__main__item { height: 100%; width: 100%; position: relative; } .project-detail-slider__main img { width: 100%; height: 100%; object-fit: cover; } .project-detail-slider__thumb { margin-top: 20px; } .project-detail-slider__thumb__item { position: relative; cursor: pointer; border-radius: 20px; height: 115px; overflow: hidden; } .project-detail-slider__thumb__item .i_play { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 45px; pointer-events: none; } .project-detail-slider__thumb__item img { width: 100%; height: 100%; object-fit: cover; } .project-detail-slider__thumb__item.projectVideo::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); pointer-events: none; } @media (max-width:1024px) { .project-detail-slider__main { height: 264px; border-radius: 20px; } .project-detail-slider__thumb { margin-top: 10px; } .project-detail-slider__thumb__item { height: 58px; border-radius: 10px; } } /* partner */ .partner_quote { margin-bottom: 15px; } .partner_quote h2 { margin-bottom: 16px; font-size: 23px; line-height: 32px; font-weight: 600; } .quote { position: relative; font-size: 14px; padding: 10px 20px 10px 15px; line-height: 120%; color: #0F0F0F; } .quote::before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 2px; background-color: #F8E61A; } .partner_adventage { margin-bottom: 50px; } .partner_adventage__block { display: flex; flex-direction: column; padding: 20px; border-radius: 30px; background-color: #fff; border: 1px solid rgba(0,0,0,0.10); } .partner_adventage__block:not(:last-child) { margin-bottom: 15px; } .partner_adventage__block ._count { width: 90px; height: 90px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: #FFE611; color: #0F0F0F; font-size: 36px; font-weight: bold; line-height: 120%; margin-bottom: 20px; } .partner_adventage__block ._count img, .partner_adventage__block ._count svg { width: 50px; } .partner_adventage__block .h4 { font-size: 16px; line-height: 18px; font-weight: 600; color: #0F0F0F; } .partner_adventage__block p { margin-top: 20px; font-size: 14px; color: #0F0F0F; line-height: 120%; } .partner_howto { margin-bottom: 50px; } .partner_howto h2, .partner_howto h3 { font-size: 23px; line-height: 32px; font-weight: 600; margin-bottom: 17px; color: #0F0F0F; } .partner_howto__items { } .partner_howto__block { display: flex; flex-direction: column; padding: 20px; border-radius: 30px; background-color: #fff; border: 1px solid rgba(0,0,0,0.10); } .partner_howto__block:not(:last-child) { margin-bottom: 15px; } .partner_howto__block ._icon { width: 90px; height: 90px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: #FFE611; color: #0F0F0F; font-size: 36px; font-weight: bold; line-height: 120%; margin-bottom: 20px; } .partner_howto__block ._icon svg, .partner_howto__block ._icon img { width: 40px; } .partner_howto__block .d_row { display: flex; flex-direction: column; } .partner_howto__block .h4 { font-size: 16px; line-height: 18px; font-weight: 600; color: #0F0F0F; margin-bottom: 0; } .partner_howto__block p { margin-top: 20px; font-size: 14px; line-height: 120%; color: #0F0F0F; } .partner_info { margin-bottom: 50px; } .partner_info__text { display: flex; flex-direction: column; margin-bottom: 15px; } .partner_info .h3 { margin-bottom: 17px; font-size: 23px; line-height: 32px; color: #0F0F0F; font-weight: 600; } .partner_info__text p { font-size: 14px; line-height: 120%; color: #0F0F0F; } .partner_info__image { margin-bottom: 15px; height: 174px; } .partner_info__image img { width: 100%; height: 100%; object-fit: cover; border-radius: 30px; } .partner_info__items { display: flex; flex-wrap: wrap; } .partner_info__items .partner_info__item { flex: 0 0 calc((100% - 30px) / 3); max-width: calc((100% - 30px) / 3); margin-right: 15px; } .partner_info__items .partner_info__item:nth-child(3n) { margin-right: 0; } .partner_info__item { padding: 15px; background-color: #fff; border: 1px solid rgba(0,0,0,0.10); display: flex; flex-direction: column; border-radius: 20px; } .partner_info__item ._count { font-size: 32px; font-weight: bold; line-height: 120%; color: #0F0F0F; } .partner_info__item ._text { margin-top: 1px; font-size: 10px; line-height: 120%; color: #0F0F0F; } .partner_connect { margin-bottom: 50px; } .partner_connect .h3 { margin-bottom: 17px; font-size: 23px; line-height: 32px; font-weight: 600; color: #0F0F0F; } .partner_connect__items { } .partner_connect__item { display: flex; align-items: center; } .partner_connect__item:not(:last-child) { margin-bottom: 10px; } .partner_connect__item ._icon { flex: 0 0 40px; max-width: 40px; margin-right: 15px; } .partner_connect__item ._text { font-size: 14px; line-height: 120%; color: #0F0F0F; } .partner_trust_us { margin-bottom: 30px; } .partner_trust_us .h3 { margin-bottom: 17px; font-size: 23px; line-height: 32px; font-weight: 600; color: #0F0F0F; } .partner_trust_us__items { display: flex; flex-wrap: wrap; } .partner_trust_us__items .partner_trust_us__item { flex: 0 0 calc((100% - 20px) / 2); max-width: calc((100% - 20px) / 2); margin-right: 20px; margin-bottom: 20px; } .partner_trust_us__items .partner_trust_us__item:nth-child(2n) { margin-right: 0; } .partner_trust_us__item { background-color: #F7F7F7; border-radius: 20px; display: flex; align-items: center; justify-content: center; height: 82px; padding: 8px 32px; } @media (min-width:1024px) { .partner_quote { margin-bottom: 40px; } .partner_quote h2 { font-size: 36px; line-height: 41px; margin-bottom: 30px; } .partner_adventage { display: grid; grid-template-columns: repeat(3,1fr); gap: 30px; margin-bottom: 60px; } .partner_adventage__block { padding: 40px; } .partner_adventage__block ._count { width: 120px; height: 120px; font-size: 48px; margin-bottom: 40px; } .partner_adventage__block .h4 { font-size: 24px; line-height: 120%; } .partner_adventage__block p { margin-top: 15px; font-size: 15px; } .partner_howto { margin-bottom: 60px; } .partner_howto h2, .partner_howto h3 { margin-bottom: 30px; font-size: 36px; line-height: 41px; } .partner_howto__block { padding: 40px; flex-direction: row; flex-wrap: wrap; align-items: center; } .partner_howto__block:not(:last-child) { margin-bottom: 20px; } .partner_howto__block ._icon { width: 120px; height: 120px; margin-right: 40px; flex: 0 0 120px; max-width: 120px; } .partner_howto__block ._icon svg, .partner_howto__block ._icon img { width: 54px; } .partner_howto__block .d_row { flex: 1; min-width: 0; } .partner_howto__block .h4 { font-size: 24px; line-height: 120%; } .partner_howto__block p { font-size: 17px; line-height: 120%; } .partner_info { margin-bottom: 60px; display: grid; grid-template-columns: 680px auto; grid-template-rows: repeat(3, auto); grid-column-gap: 30px; grid-row-gap: 0px; align-items: flex-start; } .partner_info__text { margin-bottom: 50px; font-size: 17px; line-height: 120%; grid-area: 2 / 1 / 3 / 2; } .partner_info .h3 { margin-bottom: 30px; font-size: 36px; line-height: 41px; grid-area: 1 / 1 / 2 / 3; } .partner_info__text p { font-size: 17px; line-height: 120%; } .partner_info__image { grid-area: 2 / 2 / 5 / 3; height: 100%; margin-bottom: 0; } .partner_info__items { grid-area: 3 / 1 / 4 / 2; } .partner_info__item { padding: 30px; } .partner_info__item ._count { font-size: 64px; font-weight: bold; } .partner_info__item ._text { margin-top: 10px; font-size: 17px; line-height: 120%; } .partner_connect { margin-bottom: 60px; } .partner_connect .h3 { font-size: 36px; line-height: 41px; margin-bottom: 30px; } .partner_connect__items { display: grid; grid-template-columns: repeat(5, minmax(200px, 1fr)); gap: 25px; } .partner_connect__item:not(:last-child) { margin-bottom: 0; } .partner_connect__item ._icon { width: 70px; height: 70px; flex: 0 0 70px; max-width: 70px; margin-right: 12px; } .partner_connect__item ._text { font-size: 17px; line-height: 120%; } .partner_trust_us { margin-bottom: 60px; } .partner_trust_us .h3 { margin-bottom: 30px; font-size: 36px; line-height: 41px; } .partner_trust_us__items { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; } .partner_trust_us__items .partner_trust_us__item { max-width: 100%; margin-right: 0; margin-bottom: 0; height: 162px; padding: 0 56px; } .partner_adventage__block:not(:last-child) { margin-bottom: 0; } .quote { font-size: 17px; line-height: 120%; } } .consultation-descr { font-size: 14px; line-height: 18px; color: #0F0F0F; margin-bottom: 38px; } @media (min-width:1024px) { .consultation-descr { font-size: 20px; line-height: 26px; color: #0F0F0F; margin-bottom: 42px; } } /* End */ /* /local/templates/lawyer/libs/fancybox/jquery.fancybox.min.css?174837771312795 */ /* /local/templates/lawyer/libs/swiper/swiper-bundle.min.css?174837771315563 */ /* /local/templates/lawyer/libs/Selectric/public/selectric.css?17483777134299 */ /* /local/templates/lawyer/libs/simplebar/simplebar.min.css?17483777134309 */ /* /local/templates/lawyer/css/style.css?1755178541361115 */ /* /local/templates/lawyer/css/custom.css?174899219649783 */