/* Start:/local/templates/studio-v/assets/css/app.min.css?1780604075522201*/
/* Start:/local/templates/studio-v/assets/css/app.min.css?1772755429209795*/
@charset "UTF-8";:root {
    --modal-animation-time: 0.2s;
    --margin-top: 0px;
    /* --sticky-header-height:100px; */
    /* --black:#343745; */
    --main: #d23428;
    /* --grey:#6b7898; */
    /* --bg-2:#f3f6fb; */
    --sb-padding: 6rem;
    --sb-gap: 11rem;
    --sb-w: 29.7rem
}

::-moz-selection {
    color: #fff!important
}

::selection {
    color: #fff!important
}

::-moz-selection {
    background-color: var(--main)
}

::selection {
    background-color: var(--main)
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff")
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-pointer-events {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height,-webkit-transform;
    transition-property: height,-webkit-transform;
    transition-property: transform,height;
    transition-property: transform,height,-webkit-transform
}

.swiper-backface-hidden .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    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 {
    -webkit-transform-style: preserve-3d;
    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 {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-css-mode>.swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: 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 {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    -ms-flex-negative: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-horizontal>.swiper-wrapper: before {
    height:100%;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-vertical>.swiper-wrapper: before {
    height:var(--swiper-centered-offset-after);
    width: 100%
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos] {
    -webkit-transition-duration: 50ms;
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate {
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos] {
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos] {
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos] {
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos] {
    -webkit-transition-duration: .25s;
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate {
    -webkit-transition-delay: .25s;
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos] {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos] {
    -webkit-transition-duration: .35s;
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate {
    -webkit-transition-delay: .35s;
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos] {
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos] {
    -webkit-transition-duration: .45s;
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate {
    -webkit-transition-delay: .45s;
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos] {
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos] {
    -webkit-transition-duration: .55s;
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate {
    -webkit-transition-delay: .55s;
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos] {
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos] {
    -webkit-transition-duration: .65s;
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate {
    -webkit-transition-delay: .65s;
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos] {
    -webkit-transition-duration: .7s;
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos] {
    -webkit-transition-duration: .75s;
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate {
    -webkit-transition-delay: .75s;
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos] {
    -webkit-transition-duration: .8s;
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos] {
    -webkit-transition-duration: .85s;
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate {
    -webkit-transition-delay: .85s;
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos] {
    -webkit-transition-duration: .9s;
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos] {
    -webkit-transition-duration: .95s;
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate {
    -webkit-transition-delay: .95s;
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos] {
    -webkit-transition-duration: 1s;
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos] {
    -webkit-transition-duration: 1.05s;
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.05s;
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos] {
    -webkit-transition-duration: 1.1s;
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos] {
    -webkit-transition-duration: 1.15s;
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.15s;
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos] {
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos] {
    -webkit-transition-duration: 1.25s;
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.25s;
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos] {
    -webkit-transition-duration: 1.3s;
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos] {
    -webkit-transition-duration: 1.35s;
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.35s;
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos] {
    -webkit-transition-duration: 1.4s;
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos] {
    -webkit-transition-duration: 1.45s;
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.45s;
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos] {
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos] {
    -webkit-transition-duration: 1.55s;
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.55s;
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos] {
    -webkit-transition-duration: 1.6s;
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos] {
    -webkit-transition-duration: 1.65s;
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.65s;
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos] {
    -webkit-transition-duration: 1.7s;
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos] {
    -webkit-transition-duration: 1.75s;
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.75s;
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos] {
    -webkit-transition-duration: 1.8s;
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos] {
    -webkit-transition-duration: 1.85s;
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.85s;
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos] {
    -webkit-transition-duration: 1.9s;
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.9s;
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos] {
    -webkit-transition-duration: 1.95s;
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.95s;
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos] {
    -webkit-transition-duration: 2s;
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate {
    -webkit-transition-delay: 2s;
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos] {
    -webkit-transition-duration: 2.05s;
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.05s;
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos] {
    -webkit-transition-duration: 2.1s;
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.1s;
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos] {
    -webkit-transition-duration: 2.15s;
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.15s;
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos] {
    -webkit-transition-duration: 2.2s;
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.2s;
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos] {
    -webkit-transition-duration: 2.25s;
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.25s;
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos] {
    -webkit-transition-duration: 2.3s;
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.3s;
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos] {
    -webkit-transition-duration: 2.35s;
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.35s;
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos] {
    -webkit-transition-duration: 2.4s;
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.4s;
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos] {
    -webkit-transition-duration: 2.45s;
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.45s;
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos] {
    -webkit-transition-duration: 2.5s;
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.5s;
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos] {
    -webkit-transition-duration: 2.55s;
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.55s;
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos] {
    -webkit-transition-duration: 2.6s;
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.6s;
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos] {
    -webkit-transition-duration: 2.65s;
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.65s;
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos] {
    -webkit-transition-duration: 2.7s;
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.7s;
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos] {
    -webkit-transition-duration: 2.75s;
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.75s;
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos] {
    -webkit-transition-duration: 2.8s;
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.8s;
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos] {
    -webkit-transition-duration: 2.85s;
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.85s;
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos] {
    -webkit-transition-duration: 2.9s;
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.9s;
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos] {
    -webkit-transition-duration: 2.95s;
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.95s;
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos] {
    -webkit-transition-duration: 3s;
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate {
    -webkit-transition-delay: 3s;
    transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.25,.25,.75,.75);
    transition-timing-function: cubic-bezier(.25,.25,.75,.75)
}

[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos] {
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos] {
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos] {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos] {
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.6,-.28,.735,.045);
    transition-timing-function: cubic-bezier(.6,-.28,.735,.045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
    transition-timing-function: cubic-bezier(.175,.885,.32,1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.47,0,.745,.715);
    transition-timing-function: cubic-bezier(.47,0,.745,.715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.39,.575,.565,1);
    transition-timing-function: cubic-bezier(.39,.575,.565,1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.445,.05,.55,.95);
    transition-timing-function: cubic-bezier(.445,.05,.55,.95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.55,.085,.68,.53);
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94);
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.455,.03,.515,.955);
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.55,.085,.68,.53);
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94);
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.455,.03,.515,.955);
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.55,.085,.68,.53);
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94);
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.455,.03,.515,.955);
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

[data-aos=fade-up] {
    -webkit-transform: translate3d(0,100px,0);
    transform: translate3d(0,100px,0)
}

[data-aos=fade-down] {
    -webkit-transform: translate3d(0,-100px,0);
    transform: translate3d(0,-100px,0)
}

[data-aos=fade-right] {
    -webkit-transform: translate3d(-100px,0,0);
    transform: translate3d(-100px,0,0)
}

[data-aos=fade-left] {
    -webkit-transform: translate3d(100px,0,0);
    transform: translate3d(100px,0,0)
}

[data-aos=fade-up-right] {
    -webkit-transform: translate3d(-100px,100px,0);
    transform: translate3d(-100px,100px,0)
}

[data-aos=fade-up-left] {
    -webkit-transform: translate3d(100px,100px,0);
    transform: translate3d(100px,100px,0)
}

[data-aos=fade-down-right] {
    -webkit-transform: translate3d(-100px,-100px,0);
    transform: translate3d(-100px,-100px,0)
}

[data-aos=fade-down-left] {
    -webkit-transform: translate3d(100px,-100px,0);
    transform: translate3d(100px,-100px,0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6)
}

[data-aos=zoom-in-up] {
    -webkit-transform: translate3d(0,100px,0) scale(.6);
    transform: translate3d(0,100px,0) scale(.6)
}

[data-aos=zoom-in-down] {
    -webkit-transform: translate3d(0,-100px,0) scale(.6);
    transform: translate3d(0,-100px,0) scale(.6)
}

[data-aos=zoom-in-right] {
    -webkit-transform: translate3d(-100px,0,0) scale(.6);
    transform: translate3d(-100px,0,0) scale(.6)
}

[data-aos=zoom-in-left] {
    -webkit-transform: translate3d(100px,0,0) scale(.6);
    transform: translate3d(100px,0,0) scale(.6)
}

[data-aos=zoom-out] {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    -webkit-transform: translate3d(0,100px,0) scale(1.2);
    transform: translate3d(0,100px,0) scale(1.2)
}

[data-aos=zoom-out-down] {
    -webkit-transform: translate3d(0,-100px,0) scale(1.2);
    transform: translate3d(0,-100px,0) scale(1.2)
}

[data-aos=zoom-out-right] {
    -webkit-transform: translate3d(-100px,0,0) scale(1.2);
    transform: translate3d(-100px,0,0) scale(1.2)
}

[data-aos=zoom-out-left] {
    -webkit-transform: translate3d(100px,0,0) scale(1.2);
    transform: translate3d(100px,0,0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

[data-aos=slide-up] {
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

[data-aos=slide-down] {
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)
}

[data-aos=slide-right] {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

[data-aos=slide-left] {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

[data-aos^=flip][data-aos^=flip] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

[data-aos=flip-left] {
    -webkit-transform: perspective(2500px) rotateY(-100deg);
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    -webkit-transform: perspective(2500px) rotateY(100deg);
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    -webkit-transform: perspective(2500px) rotateX(-100deg);
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    -webkit-transform: perspective(2500px) rotateX(100deg);
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
    transform: perspective(2500px) rotateX(0)
}

@font-face {
    font-display: swap;
    font-family: FuturaPT;
    font-style: swap;
    font-weight: 300;
    src: url(/local/templates/studio-v/assets/css/fonts/FuturaPT/FuturaPT-Book.woff) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: FuturaPT;
    font-style: swap;
    font-weight: 600;
    src: url(/local/templates/studio-v/assets/css/fonts/FuturaPT/FuturaPT-Heavy.woff) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Neue Machina;
    font-style: swap;
    font-weight: 700;
    src: url(/local/templates/studio-v/assets/css/fonts/NeueMachina/NeueMachina-Bold.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Neue Machina;
    font-style: swap;
    font-weight: 900;
    src: url(/local/templates/studio-v/assets/css/fonts/NeueMachina/NeueMachina-Black.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Gropled;
    font-style: swap;
    font-weight: 700;
    src: url(/local/templates/studio-v/assets/css/fonts/Gropled/Gropled.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: FuturaPT;
    font-weight: 300;
    src: url(/local/templates/studio-v/assets/css/fonts/FuturaPT/FuturaPT-Book.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: FuturaPT;
    font-weight: 600;
    src: url(/local/templates/studio-v/assets/css/fonts/FuturaPT/FuturaPT-Heavy.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Neue Machina;
    font-weight: 700;
    src: url(/local/templates/studio-v/assets/css/fonts/NeueMachina/NeueMachina-Bold.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Neue Machina;
    font-weight: 900;
    src: url(/local/templates/studio-v/assets/css/fonts/NeueMachina/NeueMachina-Black.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Gropled;
    font-style: normal;
    font-weight: 700;
    src: local("Gropled"),url(/local/templates/studio-v/assets/css/fonts/Gropled/Gropled.woff) format("woff")
}

.grecaptcha-badge {
    display: none!important
}

button,input,option,select,textarea {
    -webkit-appearance: none;
    background: none;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    outline: none;
    padding: 0;
    resize: none
}

button:focus:required:invalid,input:focus:required:invalid,option:focus:required:invalid,select:focus:required:invalid,textarea:focus:required:invalid {
    border-color: red
}

button:required:valid,input:required:valid,option:required:valid,select:required:valid,textarea:required:valid {
    border-color: green
}

*,:after,:before {
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none
}

img {
    display: block;
    max-width: 100%
}

html {
    font-size: 10px
}

body,html {
    scroll-behavior: smooth
}

body::-webkit-scrollbar {
    width: 5px
}

body::-webkit-scrollbar-track {
    background: #292929
}

body::-webkit-scrollbar-thumb {
    background: var(--main);
    border-radius: 20px
}

body {
    background-color: #fff;
    /* color:#343745; */
    /* color:var(--black); */
    /* font-family:FuturaPT,sans-serif; */
    /* font-size:1.6rem; */
    font-weight: 300;
    margin: 0;
    overflow-x: hidden;
    padding: 0
}

a,h1,h2,h3,h4,h5,li,ol,p,ul {
    color: inherit;
    list-style: none;
    margin: 0;
    padding: 0;
    text-decoration: none
}

main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.container {
    margin: 0 auto;
    max-width: 1456px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%
}

button {
    color: var(--black);
    cursor: pointer;
    font-weight: 300
}

[disabled] {
    opacity: .5;
    pointer-events: none
}

[hidden] {
    display: none!important
}

.splide {
    visibility: visible
}

#map {
    height: 100%;
    width: 100%
}

#map [class*=ymaps-2][class*=-copyright__wrap],#map [class*=ymaps-2][class*=-copyrights-promo] {
    display: none!important
}

.flexible-menu__button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flexible-menu__button img {
    margin-left: 4px
}

.flexible-menu__wrapper {
    position: relative
}

.flexible-menu__inner {
    background: #fff;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 12px;
    -webkit-box-shadow: 0 12px 24px rgba(0,0,0,.08);
    box-shadow: 0 12px 24px rgba(0,0,0,.08);
    display: none;
    max-width: 336px;
    padding: 12px 0;
    position: absolute;
    top: calc(100% + 8px);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    z-index: 2
}

.flexible-menu__inner:before {
    bottom: 100%;
    content: "";
    height: 15px;
    position: absolute;
    width: 100%
}

.flexible-menu__inner li {
    width: 100%
}

.flexible-menu__inner a {
    color: #0b0b0b;
    cursor: pointer;
    display: block;
    padding: 8px 24px;
    -webkit-transition: background .2s;
    transition: background .2s
}

.flexible-menu__inner a:hover {
    background: #f1f1f1
}

.visually-hidden {
    clip: rect(0 0 0 0);
    border: none;
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.splide__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.alert {
    -ms-grid-columns: 1fr;
    grid-gap: 10px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr;
    left: 50%;
    pointer-events: none;
    position: fixed;
    top: 50px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 99
}

.alert__box {
    -webkit-animation: alert-fadein .2s ease-in-out forwards;
    animation: alert-fadein .2s ease-in-out forwards;
    background: #333;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    margin: 0 auto;
    max-width: 300px;
    overflow: hidden;
    padding: 10px 17px;
    text-align: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.alert__box:before {
    -webkit-animation: lifetime var(--lifetime) linear forwards;
    animation: lifetime var(--lifetime) linear forwards;
    background: #1f1f1f;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%
}

.alert__box.success {
    background: #4ab868
}

.alert__box.success:before {
    background: #37814b
}

.alert__box.error {
    background: #d23428
}

.alert__box.error:before {
    background: #b72c24
}

.alert__box.notify {
    background: #fdcb6e
}

.alert__box.notify:before {
    background: #c09d5b
}

.alert__box.close {
    -webkit-animation: alert-fadeout .3s ease-in-out forwards;
    animation: alert-fadeout .3s ease-in-out forwards
}

@-webkit-keyframes alert-fadein {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes alert-fadein {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes alert-fadeout {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px)
    }
}

@keyframes alert-fadeout {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px)
    }
}

@-webkit-keyframes lifetime {
    0% {
        width: 100%
    }

    to {
        width: 0
    }
}

@keyframes lifetime {
    0% {
        width: 100%
    }

    to {
        width: 0
    }
}

.btn {
    border-radius: .5rem;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 4.5rem;
    padding: 1.2rem 4rem;
    position: relative;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.btn:before {
    border: .1rem solid transparent;
    -webkit-transition: border-color .3s ease,-webkit-transform .3s ease;
    transition: border-color .3s ease,-webkit-transform .3s ease;
    transition: border-color .3s ease,transform .3s ease;
    transition: border-color .3s ease,transform .3s ease,-webkit-transform .3s ease;
    z-index: 1
}

.btn:after {
    background-color: var(--main);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease;
    z-index: 2
}

.btn:after,.btn:before {
    border-radius: .5rem;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.btn:active:before {
    border-color: var(--black);
    -webkit-transform: translate(.3rem,.3rem);
    -ms-transform: translate(.3rem,.3rem);
    transform: translate(.3rem,.3rem)
}

.btn:active:after {
    -webkit-transform: translate(-.3rem,-.3rem);
    -ms-transform: translate(-.3rem,-.3rem);
    transform: translate(-.3rem,-.3rem)
}

.btn:hover:before {
    border-color: var(--black);
    -webkit-transform: translate(.3rem,.3rem);
    -ms-transform: translate(.3rem,.3rem);
    transform: translate(.3rem,.3rem)
}

.btn:hover:after {
    -webkit-transform: translate(-.3rem,-.3rem);
    -ms-transform: translate(-.3rem,-.3rem);
    transform: translate(-.3rem,-.3rem)
}

.btn span {
    display: block;
    font-family: FuturaPT;
    font-size: 1.6rem;
    font-weight: 300;
    position: relative;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    z-index: 3
}

.btn-footer {
    border-radius: .5rem;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 4.5rem;
    padding: 1.2rem 4rem;
    position: relative;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.btn-footer:before {
    border: .1rem solid transparent;
    -webkit-transition: border-color .3s ease,-webkit-transform .3s ease;
    transition: border-color .3s ease,-webkit-transform .3s ease;
    transition: border-color .3s ease,transform .3s ease;
    transition: border-color .3s ease,transform .3s ease,-webkit-transform .3s ease;
    z-index: 1
}

.btn-footer:after {
    background-color: #fff;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease;
    z-index: 2
}

.btn-footer:after,.btn-footer:before {
    border-radius: .5rem;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.btn-footer:active:before {
    border-color: #fff;
    -webkit-transform: translate(.3rem,.3rem);
    -ms-transform: translate(.3rem,.3rem);
    transform: translate(.3rem,.3rem)
}

.btn-footer:active:after {
    -webkit-transform: translate(-.3rem,-.3rem);
    -ms-transform: translate(-.3rem,-.3rem);
    transform: translate(-.3rem,-.3rem)
}

.btn-footer:hover:before {
    border-color: #fff;
    -webkit-transform: translate(.3rem,.3rem);
    -ms-transform: translate(.3rem,.3rem);
    transform: translate(.3rem,.3rem)
}

.btn-footer:hover:after {
    -webkit-transform: translate(-.3rem,-.3rem);
    -ms-transform: translate(-.3rem,-.3rem);
    transform: translate(-.3rem,-.3rem)
}

.btn-footer span {
    color: #000;
    display: block;
    font-family: FuturaPT;
    font-size: 1.6rem;
    font-weight: 300;
    position: relative;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    z-index: 3
}

.free-btn {
    background: transparent;
    border: 0;
    color: #0253e0;
    cursor: pointer;
    display: inline-block;
    font-family: Gropled;
    font-size: 7rem;
    font-weight: 800;
    line-height: 1.77;
    margin-top: 50px;
    padding: 0;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

.free-btn,.free-btn__arrow {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.free-btn__arrow {
    opacity: 0;
    position: absolute;
    right: 50px;
    top: 0
}

.free-btn__arrow svg {
    width: 140px
}

.free-btn:hover {
    margin-left: -80px
}

.free-btn:hover .free-btn__arrow {
    opacity: 1;
    right: -40px
}

@media screen and (max-width: 640px) {
    .btn {
        padding:1.2rem 1.3rem
    }

    .free-btn {
        font-size: 3rem;
        text-align: left
    }

    .free-btn__arrow {
        opacity: 1;
        right: 70px;
        top: 55px
    }

    .free-btn__arrow svg {
        width: 70px
    }
}

.checkbox input {
    display: none
}

.checkbox input:checked+label:before {
    background: #129fee url(/local/templates/studio-v/assets/css/images/icons/checked.svg) 50% no-repeat;
    background-size: auto;
    border-color: #129fee
}

.checkbox input[disabled]+label {
    opacity: .5;
    pointer-events: none
}

.checkbox label {
    cursor: pointer;
    padding-left: 28px;
    position: relative
}

.checkbox label:before {
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .2s;
    transition: all .2s;
    width: 16px
}

.checkbox label span {
    color: #58595b;
    font-size: 17px;
    font-weight: 600;
    line-height: 120%
}

.v-cursor {
    background-color: var(--main);
    border-radius: 50%;
    height: 30px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: .4s,top .1s,left .1s,opacity .5s;
    transition: .4s,top .1s,left .1s,opacity .5s;
    width: 30px;
    z-index: 99999999
}

.v-cursor.link {
    background: rgba(0,0,0,.5);
    border: 3px solid rgba(224,222,255,0)
}

.v-cursor.button {
    border: 3px solid #ffd600;
    height: 60px;
    width: 60px
}

.v-cursor.img {
    background-color: var(--bg-2);
    height: 120px;
    width: 120px
}

.v-cursor.img:after {
    opacity: 1;
    -webkit-transform: translate(-50%,-50%) scale(1);
    -ms-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1)
}

.v-cursor:after {
    color: #000;
    content: "Посмотреть";
    font-size: 1.8rem;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) scale(.5);
    -ms-transform: translate(-50%,-50%) scale(.5);
    transform: translate(-50%,-50%) scale(.5);
    -webkit-transition: .5s;
    transition: .5s
}

.v-dot {
    background-color: transparent;
    border-radius: 50%;
    height: 5px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: 0s,opacity .5s,background-color .4s;
    transition: 0s,opacity .5s,background-color .4s;
    width: 5px;
    z-index: 99999999
}

.v-dot.button,.v-dot.link {
    background-color: hsla(0,0%,100%,0)
}

.dotted,.dotted ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.dotted ul li {
    background: #f8f8f8;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 100px;
    cursor: pointer;
    height: 8px;
    margin-right: 4px;
    width: 8px
}

.dotted ul li:last-child {
    margin-right: 0
}

.dotted ul li.active {
    background: #129fee;
    border-color: #129fee
}

.input-text input,.input-text textarea {
    border-bottom: 1px solid rgba(0,0,0,.12);
    color: rgba(0,0,0,.72);
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 16px;
    -webkit-transition: border-color .2s;
    transition: border-color .2s;
    width: 100%
}

.input-text input::-webkit-input-placeholder,.input-text textarea::-webkit-input-placeholder {
    color: rgba(0,0,0,.72)
}

.input-text input::-moz-placeholder,.input-text textarea::-moz-placeholder {
    color: rgba(0,0,0,.72)
}

.input-text input:-ms-input-placeholder,.input-text textarea:-ms-input-placeholder {
    color: rgba(0,0,0,.72)
}

.input-text input::-ms-input-placeholder,.input-text textarea::-ms-input-placeholder {
    color: rgba(0,0,0,.72)
}

.input-text input::placeholder,.input-text textarea::placeholder {
    color: rgba(0,0,0,.72)
}

.input-text input:not(:-moz-placeholder-shown),.input-text textarea:not(:-moz-placeholder-shown) {
    border-color: #fff!important
}

.input-text input:not(:-ms-input-placeholder),.input-text textarea:not(:-ms-input-placeholder) {
    border-color: #fff!important
}

.input-text input:focus,.input-text input:not(:placeholder-shown),.input-text textarea:focus,.input-text textarea:not(:placeholder-shown) {
    border-color: #fff!important
}

.input-text input:hover,.input-text textarea:hover {
    border-color: rgba(0,0,0,.24)
}

.input-text textarea {
    min-height: 150px;
    resize: none
}

.input-text-with-label {
    position: relative
}

.input-text-with-label label {
    background: transparent;
    color: rgba(0,0,0,.32);
    font-size: 1.9rem;
    left: 0;
    line-height: 24px;
    max-width: 100%;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    text-overflow: ellipsis;
    top: 16px;
    -webkit-transition: all .2s;
    transition: all .2s;
    white-space: nowrap;
    z-index: 2
}

.input-text-with-label input,.input-text-with-label textarea {
    padding-top: 19px
}

.input-text-with-label input::-webkit-input-placeholder,.input-text-with-label textarea::-webkit-input-placeholder {
    color: transparent
}

.input-text-with-label input::-moz-placeholder,.input-text-with-label textarea::-moz-placeholder {
    color: transparent
}

.input-text-with-label input:-ms-input-placeholder,.input-text-with-label textarea:-ms-input-placeholder {
    color: transparent
}

.input-text-with-label input::-ms-input-placeholder,.input-text-with-label textarea::-ms-input-placeholder {
    color: transparent
}

.input-text-with-label input::placeholder,.input-text-with-label textarea::placeholder {
    color: transparent
}

.input-text-with-label input:not(:-moz-placeholder-shown)+label,.input-text-with-label textarea:not(:-moz-placeholder-shown)+label {
    font-size: 1.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap;
    width: 100%
}

.input-text-with-label input:not(:-ms-input-placeholder)+label,.input-text-with-label textarea:not(:-ms-input-placeholder)+label {
    font-size: 1.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap;
    width: 100%
}

.input-text-with-label input:focus+label,.input-text-with-label input:not(:placeholder-shown)+label,.input-text-with-label textarea:focus+label,.input-text-with-label textarea:not(:placeholder-shown)+label {
    font-size: 1.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap;
    width: 100%
}

.input-file {
    width: 100%
}

.input-file label {
    -ms-grid-columns: auto 8px auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 8px;
    align-items: center;
    border: 1px dashed rgba(0,0,0,.12);
    border-radius: 12px;
    color: rgba(0,0,0,.72);
    cursor: pointer;
    display: -ms-grid;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: center;
    padding: 28px;
    width: 100%
}

@media screen and (max-width: 640px) {
    .input-file label {
        font-size:12px;
        padding: 16px 32px
    }
}

.label {
    background: rgba(0,0,0,.05);
    border-radius: 6px;
    font-size: 12px;
    line-height: 16px;
    padding: 2px 4px
}

.label-new {
    background: #edf6ff;
    color: #0b95e3
}

.label-sale {
    background: #ffeded;
    color: #e33f0b
}

.label-hit {
    background: #fff7ed;
    color: #e38d0b
}

.lightbox {
    background: rgba(0,0,0,.7);
    cursor: pointer;
    height: 100vh;
    left: 0;
    padding: 50px 20px;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 20
}

.lightbox__wrapper {
    width: 100%
}

.lightbox__content,.lightbox__wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center
}

.lightbox__content {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 80%
}

.lightbox__content iframe,.lightbox__content img,.lightbox__content video {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.lightbox__arrow {
    border: 2px solid #fff;
    border-bottom: none;
    border-right: none;
    cursor: pointer;
    height: 20px;
    width: 20px
}

.lightbox__arrow--prev {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    margin-right: 15px;
    order: 1;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.lightbox__arrow--next {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    margin-left: 15px;
    order: 3;
    -webkit-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg)
}

@media screen and (max-width: 480px) {
    .lightbox {
        padding:50px 10px
    }

    .lightbox__arrow--prev {
        margin-right: 5px
    }

    .lightbox__arrow--next {
        margin-left: 5px
    }
}

[data-lightbox] {
    cursor: pointer
}

[data-lightbox]>* {
    pointer-events: none
}

.modal {
    -webkit-animation: modal-fadeout var(--modal-animation-time) ease-in-out forwards;
    animation: modal-fadeout var(--modal-animation-time) ease-in-out forwards;
    background: rgba(0,0,0,.7);
    height: 100vh;
    left: 0;
    overflow-y: auto;
    padding: 50px 20px;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 20
}

.modal.open {
    -webkit-animation: modal-fadein var(--modal-animation-time) ease-in-out forwards;
    animation: modal-fadein var(--modal-animation-time) ease-in-out forwards
}

.modal__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    height: auto;
    justify-content: center;
    min-height: 100%
}

.modal__box,.modal__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.modal__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: #fff;
    border-radius: 20px;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 688px;
    padding: 72px 80px 80px;
    position: relative
}

.modal__close {
    cursor: pointer
}

.modal__close--fixed {
    background: url(/local/templates/studio-v/assets/css/../images/icons/close.svg) 50% no-repeat;
    height: 24px;
    position: absolute;
    right: 24px;
    top: 24px;
    width: 24px
}

.modal__title {
    font-family: Gropled,sans-serif;
    font-size: 40px;
    line-height: 52px
}

.modal__description {
    font-size: 16px;
    line-height: 24px;
    margin-top: 8px
}

.modal__form {
    -ms-grid-columns: 100%;
    grid-gap: 32px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 100%;
    margin-top: 52px;
    width: 100%
}

.modal__form-contact {
    -ms-grid-columns: 1fr 32px 1fr;
    grid-gap: 32px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr 1fr
}

.modal__form-submit {
    -ms-grid-columns: auto 16px auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 16px;
    align-items: center;
    display: -ms-grid;
    display: grid;
    grid-template-columns: auto auto
}

.modal__form-submit .term {
    max-width: 283px
}

@media screen and (max-width: 640px) {
    .modal__box {
        padding:40px 20px
    }

    .modal__close--fixed {
        right: 16px;
        top: 16px
    }

    .modal__form {
        grid-gap: 20px;
        margin-top: 20px;
        width: 100%
    }

    .modal__form-contact {
        -ms-grid-columns: 100%;
        grid-gap: 20px;
        grid-template-columns: 100%
    }

    .modal__form-submit {
        -ms-grid-columns: 100%;
        grid-gap: 10px;
        grid-template-columns: 100%
    }

    .modal__title {
        font-size: 26px;
        line-height: 32px
    }

    .modal__description {
        font-size: 16px;
        line-height: 24px
    }
}

@-webkit-keyframes modal-fadeout {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.03);
        transform: scale(1.03)
    }
}

@keyframes modal-fadeout {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.03);
        transform: scale(1.03)
    }
}

@-webkit-keyframes modal-fadein {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.03);
        transform: scale(1.03)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes modal-fadein {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.03);
        transform: scale(1.03)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.radio-1 input {
    display: none
}

.radio-1 input:checked+label {
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow: inset 0 0 0 2px #fff
}

.radio-1 label {
    border-radius: 100px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.08);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.08);
    color: #0b0b0b;
    cursor: pointer;
    display: block;
    padding: 6px 18px;
    -webkit-transition: -webkit-box-shadow .2s;
    transition: -webkit-box-shadow .2s;
    transition: box-shadow .2s;
    transition: box-shadow .2s,-webkit-box-shadow .2s
}

.radio-1 label:hover {
    background: #edf6ff;
    -webkit-box-shadow: inset 0 0 0 2px rgba(61,140,214,.32);
    box-shadow: inset 0 0 0 2px rgba(61,140,214,.32)
}

.radio-2 input {
    display: none
}

.radio-2 input:checked+label {
    pointer-events: none
}

.radio-2 input:checked+label:before {
    border: 5px solid #129fee
}

.radio-2 label {
    color: rgba(0,0,0,.72);
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding-left: 28px;
    position: relative
}

.radio-2 label:hover:before {
    border: 5px solid #d8d8d8
}

.radio-2 label:before {
    border: 1px solid #d8d8d8;
    border-radius: 100px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 4px;
    -webkit-transition: all .2s;
    transition: all .2s;
    width: 16px
}

.select {
    position: relative;
    width: 100%
}

.select input:not([value=""]):not(:focus):invalid+.select__button {
    color: rgba(0,0,0,.32)
}

.select__button {
    border-bottom: 1px solid rgba(0,0,0,.12);
    color: rgba(0,0,0,.72);
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 16px;
    position: relative;
    text-align: left;
    width: 100%
}

.select__button:before {
    background: url(/local/templates/studio-v/assets/css/../images/icons/select-arrow.svg) 50% no-repeat;
    bottom: 16px;
    content: "";
    height: 24px;
    position: absolute;
    right: 0;
    width: 24px
}

.select__list {
    background: #fff;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 12px;
    -webkit-box-shadow: 0 12px 24px rgba(0,0,0,.08);
    box-shadow: 0 12px 24px rgba(0,0,0,.08);
    max-height: 300px;
    max-width: 100%;
    overflow-y: auto;
    padding: 10px 0;
    position: absolute;
    top: calc(100% + 8px);
    width: 100%;
    z-index: 10
}

.select__list::-webkit-scrollbar {
    height: 4px;
    width: 4px
}

.select__list::-webkit-scrollbar-thumb {
    background: #129fee
}

.select__list::-webkit-scrollbar-track {
    background: transparent
}

.select__list {
    scrollbar-face-color:#129fee;scrollbar-track-color:transparent}

.select__list li {
    color: #0b0b0b;
    cursor: pointer;
    padding: 8px 24px;
    -webkit-transition: background .2s;
    transition: background .2s;
    width: 100%
}

.select__list li:hover {
    background: #f1f1f1
}

.term p {
    color: var(--grey);
    font-size: 1.4rem;
    line-height: 16px;
    max-width: 312px
}

.term p a {
    border-bottom: 1px dashed #fff;
    color: #fff;
    -webkit-transition: color .4s;
    transition: color .4s
}

.term p a:hover {
    color: #ddd
}

.title {
    color: var(--black);
    line-height: 1.2
}

.title,h1 {
    font-family: Gropled,sans-serif
}

h1 {
    color: #263038;
    font-size: 5.5rem;
    line-height: 52px
}

h2 {
    color: var(--black);
    font-family: Gropled,sans-serif;
    font-size: 4.5rem
}

h3,h4 {
    font-size: 2.5rem
}

@media screen and (max-width: 640px) {
    .title {
        font-size:2.4rem;
        line-height: 120%
    }
}

.banner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: calc(var(--header_height)*-1);
    overflow: hidden;
    position: relative;
    z-index: 1
}

.banner.team-banner {
    background: url(/local/templates/studio-v/assets/css/images/team/team.jpg) 50% no-repeat;
    background-size: cover;
    min-height: 760px;
    padding-top: var(--header_height)
}

.banner:before {
    background: rgba(0,0,0,.72);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.banner .breadcrumbs__item a,.banner .breadcrumbs__item p {
    color: hsla(0,0%,100%,.32)
}

.banner .breadcrumbs__item a:before,.banner .breadcrumbs__item p:before {
    color: hsla(0,0%,100%,.32)
}

@media screen and (max-width: 1024px) {
    .banner.team-banner {
        margin-top:calc(var(--header_mobile_height)*-1);
        padding-top: var(--header_mobile_height)
    }
}

.city {
    position: relative
}

.city.open .city__button {
    color: #5aafff!important
}

.city.open .city__button svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.city.open .city__button svg path {
    fill: #5aafff!important
}

.city.open .city__dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.city__button {
    -ms-grid-columns: auto 4px auto 4px auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 4px;
    align-items: center;
    color: hsla(0,0%,100%,.32);
    display: -ms-grid;
    display: grid;
    font-size: 1.7rem;
    grid-template-columns: repeat(3,auto);
    position: relative;
    -webkit-transition: color .2s;
    transition: color .2s
}

.city__dropdown {
    background: #151515;
    border: 1px solid hsla(0,0%,100%,.06);
    border-radius: 12px;
    -webkit-box-shadow: 0 12px 24px rgba(0,0,0,.08);
    box-shadow: 0 12px 24px rgba(0,0,0,.08);
    display: none;
    height: auto;
    left: 0;
    max-width: 350px;
    min-width: 208px;
    overflow: hidden;
    padding: 12px 0 0;
    position: absolute;
    top: calc(100% + 12px);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    z-index: 10
}

.city__dropdown,.city__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.city__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: 200px;
    overflow-y: auto;
    width: 100%
}

.city__list::-webkit-scrollbar {
    height: 3px;
    width: 3px
}

.city__list::-webkit-scrollbar-thumb {
    background: rgba(73,167,255,.48)
}

.city__list::-webkit-scrollbar-track {
    background: transparent
}

.city__list {
    scrollbar-face-color:rgba(73,167,255,.48);scrollbar-track-color:transparent}

.city__item {
    width: 100%
}

.city__item a {
    color: #fff;
    cursor: pointer;
    display: block;
    padding: 8px 24px;
    -webkit-transition: background .4s;
    transition: background .4s
}

.city__item a:hover {
    background: #202020
}

.city__all {
    border-top: 1px solid rgba(0,0,0,.08);
    cursor: pointer;
    display: block;
    padding: 8px 24px;
    -webkit-transition: background .4s;
    transition: background .4s
}

.city__all:hover {
    background: var(--bg-2)
}

@media screen and (max-width: 640px) {
    .city__dropdown {
        -webkit-transform:translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.emoji {
    background-position: 50%!important;
    background-repeat: no-repeat!important;
    background-size: contain!important;
    height: 20px;
    width: 20px
}

.emoji--man {
    background-image: url(/local/templates/studio-v/assets/css/../images/icons/man.png)
}

.emoji--ghost {
    background-image: url(/local/templates/studio-v/assets/css/../images/icons/ghost.png)
}

.emoji--flag {
    background-image: url(/local/templates/studio-v/assets/css/../images/icons/flag.png)
}

@media screen and (max-width: 640px) {
    .emoji {
        height:16px;
        width: 16px
    }
}

.floating-action-button {
    bottom: 15rem;
    color: #fff;
    cursor: pointer;
    font-size: 30px;
    height: 79px;
    position: fixed;
    right: 25px;
    width: 85px;
    z-index: 2
}

.floating-action-button .share-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000
}

.floating-action-button .share-btn,.floating-action-button .share-btn #share-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.floating-action-button .share-btn #close-icon,.floating-action-button .share-btn.active #share-icon {
    display: none
}

.floating-action-button .share-btn.active #close-icon {
    display: block
}

.floating-action-button ul {
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
}

.floating-action-button ul li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: 50%;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 55px;
    justify-content: center;
    left: 0;
    list-style-type: none;
    position: absolute;
    top: 0;
    -webkit-transition: .5s;
    transition: .5s;
    width: 55px
}

.floating-action-button ul.active li:hover {
    background-color: #ffcdab
}

.floating-action-button ul.active li:first-child {
    background: #b9d4fd;
    left: -30%;
    top: -55px;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.floating-action-button ul.active li:first-child:hover {
    background: #7db0fd
}

.floating-action-button ul.active li:nth-child(2) {
    background: #c2e8ff;
    left: -80%;
    top: 0;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.floating-action-button ul.active li:nth-child(2):hover {
    background: #83caf5
}

.floating-action-button ul.active li:nth-child(3) {
    background: #d7c5ff;
    left: -70%;
    top: 70px;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.floating-action-button ul.active li:nth-child(3):hover {
    background: #bba5ed
}

.floating-action-button ul.active li:nth-child(4) {
    background: #c7fbcd;
    left: 10px;
    top: 113%;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.floating-action-button ul.active li:nth-child(4):hover {
    background: #77d882
}

.hide {
    display: none
}

.show {
    display: block
}

.animone {
    -webkit-animation: anim .7s ease 0s infinite;
    animation: anim .7s ease 0s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

.animtwo {
    -webkit-animation: anim .7s ease .2s infinite;
    animation: anim .7s ease .2s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

.animthree {
    -webkit-animation: anim .7s ease .4s infinite;
    animation: anim .7s ease .4s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes anim {
    0% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

    to {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
}

@keyframes anim {
    0% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

    to {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
}

.floating-action-button ul li a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    text-decoration: none;
    width: 100%
}

@media (max-width: 1600px) {
    .subscribe {
        width:380px
    }

    .subscribe-title {
        font-size: 30px;
        line-height: 40px
    }

    .footer-nav {
        margin-right: 100px
    }

    .footer-social {
        margin-right: 90px
    }
}

@media (max-width: 1024px) {
    .footer-nav,.footer-social {
        margin-right:0
    }

    .floating-action-button {
        bottom: 140px;
        height: 56px;
        right: 10px;
        width: 60px
    }

    .floating-action-button .share-btn.active #close-icon {
        width: 100%
    }

    .floating-action-button .share-btn #share-icon svg {
        height: 100%;
        width: 100%
    }

    .floating-action-button ul.active li:first-child {
        top: -58px
    }

    .floating-action-button ul.active li:nth-child(2) {
        left: -100%;
        top: -11px
    }

    .floating-action-button ul.active li:nth-child(3) {
        left: -87%;
        top: 51px
    }

    .floating-action-button ul.active li:nth-child(4) {
        left: 10px;
        top: 111%
    }
}

.get {
    max-width: 760px
}

[data-hover-element] {
    overflow: hidden;
    position: relative;
    z-index: 1
}

[data-hover-element] .hover-element {
    background: rgba(82,203,255,.15);
    border-radius: 100px;
    height: 100px;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-50%,-50%) scale(0);
    -ms-transform: translate(-50%,-50%) scale(0);
    transform: translate(-50%,-50%) scale(0);
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s;
    width: 100px;
    z-index: -1
}

[data-hover-element]:hover .hover-element {
    -webkit-transform: translate(-50%,-50%) scale(1);
    -ms-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1)
}

@media screen and (max-width: 640px) {
    .hover-element {
        display:none
    }
}

.messengers__list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.messengers__item {
    margin-right: 8px
}

.messengers__item:last-child {
    margin-right: 0
}

.messengers__link {
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    width: 36px
}

.messengers__link--vk {
    background: #fff url(/local/templates/studio-v/assets/css/../images/icons/vk.svg) 50% no-repeat
}

.messengers__link--tg {
    background: #419fd9 url(/local/templates/studio-v/assets/css/images/icons/tg-v1.svg) 50% no-repeat
}

.messengers__link--wa {
    background: #fff url(/local/templates/studio-v/assets/css/../images/icons/wa.svg) 50% no-repeat
}

.pagination {
    -ms-grid-columns: auto 20px auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    grid-gap: 20px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    width: 100%
}

.pagination,.pagination ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pagination ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pagination ul li {
    margin-right: 16px
}

.pagination ul li:last-child {
    margin-right: 0
}

.pagination ul li a,.pagination ul li p {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #ececec;
    border-radius: 12px;
    color: #0b0b0b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    justify-content: center;
    width: 56px
}

.pagination ul li a.active,.pagination ul li p.active {
    background: #fff;
    -webkit-box-shadow: inset 0 0 0 1px #ececec;
    box-shadow: inset 0 0 0 1px #ececec;
    pointer-events: none
}

.pagination ul li a {
    -webkit-transition: background .2s;
    transition: background .2s
}

.pagination ul li a:hover {
    background: #d8d8d8
}

.pagination__next {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

@media screen and (max-width: 768px) {
    .pagination {
        -ms-grid-columns:1fr;
        grid-template-columns: 1fr
    }
}

@media screen and (max-width: 640px) {
    .pagination {
        width:100%
    }

    .pagination ul {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }

    .pagination ul li {
        margin-right: 12px
    }

    .pagination ul li a,.pagination ul li p {
        height: 48px;
        width: 48px
    }

    .pagination__next {
        width: 100%
    }
}

.partner-info {
    -ms-grid-columns: 1fr 24px auto;
    grid-gap: 24px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr auto;
    margin-bottom: 80px
}

.partner-info__content {
    -ms-grid-columns: auto;
    grid-gap: 16px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -ms-grid;
    display: grid;
    grid-template-columns: auto;
    justify-content: start
}

.partner-info__text {
    color: rgba(0,0,0,.72);
    max-width: 700px
}

.partner-info__links {
    display: -ms-grid;
    display: grid
}

.partner-info__links span {
    color: #0b0b0b;
    font-size: 18px;
    font-weight: 700
}

.partner-info__messengers {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.partner-info__messengers a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 12px
}

.partner-info__messengers a svg {
    height: 30px;
    width: 30px
}

@media screen and (max-width: 1024px) {
    .partner-info {
        -ms-grid-columns:auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        grid-template-columns: auto;
        justify-content: start;
        margin-bottom: 20px
    }

    .partner-info__image {
        -ms-grid-row-span: 1;
        -ms-grid-row: 1;
        grid-row: 1/2
    }
}

.quiz {
    -ms-grid-columns: minmax(auto,404px) 68px 1fr;
    grid-gap: 68px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: minmax(auto,404px) 1fr;
    max-width: 1008px;
    padding: 48px;
    width: 100%
}

.quiz__left {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: #f1f1f1;
    border-radius: 20px;
    justify-content: center;
    padding: 24px
}

.quiz__info,.quiz__left {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.quiz__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.quiz__info--2 .quiz__title {
    margin-bottom: 18px
}

.quiz__info--2 .quiz__subtitle {
    margin: 9px 0 0
}

.quiz__subtitle {
    color: rgba(0,0,0,.32);
    margin-bottom: 24px;
    text-align: center
}

.quiz__title {
    color: rgba(0,0,0,.72);
    font-size: 28px;
    font-weight: 800;
    line-height: 32px;
    margin-bottom: 33px;
    text-align: center
}

.quiz__right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.quiz__controls {
    margin-top: auto
}

.quiz__step {
    grid-gap: 32px;
    display: -ms-grid;
    display: grid
}

.quiz__ask {
    color: #0b0b0b;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

.quiz__ask mark {
    background: none;
    color: #2657b8
}

.quiz__radios {
    grid-gap: 12px;
    display: -ms-grid;
    display: grid
}

.quiz__controls {
    -ms-grid-columns: auto minmax(auto,146px);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -ms-grid;
    display: grid;
    grid-template-columns: auto minmax(auto,146px);
    justify-content: space-between
}

.quiz__back,.quiz__next {
    padding: 15px 24px
}

.quiz__back[disabled] {
    visibility: hidden
}

.quiz__final {
    grid-gap: 18px;
    display: -ms-grid;
    display: grid
}

.quiz__final-form {
    grid-gap: 10px;
    display: -ms-grid;
    display: grid
}

.quiz__final-form .term p {
    margin: 0 auto;
    text-align: center
}

.quiz__confirm {
    margin-top: 14px;
    width: 100%
}

.quiz__success {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.quiz__success .quiz__title {
    color: #0b0b0b;
    margin-bottom: 24px;
    text-align: left
}

.quiz__success-info {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center
}

.quiz__success-controls {
    -ms-grid-columns: auto 24px auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 24px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -ms-grid;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: start
}

.quiz__text {
    color: rgba(0,0,0,.32);
    font-size: 18px;
    line-height: 24px
}

@media screen and (max-width: 1024px) {
    .quiz {
        -ms-grid-columns:minmax(auto,300px) 32px 1fr;
        grid-gap: 32px;
        grid-template-columns: minmax(auto,300px) 1fr
    }
}

@media screen and (max-width: 768px) {
    .quiz {
        -ms-grid-columns:1fr;
        grid-template-columns: 1fr
    }

    .quiz__step {
        grid-gap: 24px
    }

    .quiz__controls,.quiz__success-controls {
        margin-top: 24px
    }
}

@media screen and (max-width: 640px) {
    .quiz {
        grid-gap:24px;
        padding: 48px 16px
    }

    .quiz__left {
        padding: 16px
    }

    .quiz__subtitle {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 8px
    }

    .quiz__title {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 8px
    }

    .quiz__step {
        grid-gap: 16px
    }

    .quiz__ask {
        font-size: 16px;
        line-height: 24px
    }

    .quiz__radios {
        grid-gap: 8px
    }

    .quiz__controls,.quiz__success-controls {
        -ms-grid-columns: 1fr;
        grid-gap: 12px;
        grid-template-columns: 1fr
    }

    .quiz__back {
        -ms-grid-row: 2;
        grid-row: 2
    }

    .quiz__text {
        font-size: 14px;
        line-height: 18px
    }

    .quiz__text br {
        display: none
    }

    .quiz__success .quiz__title {
        margin-bottom: 8px
    }
}

.service-card {
    background: #fff;
    border-radius: 12px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(61,140,214,.32);
    box-shadow: inset 0 0 0 1px rgba(61,140,214,.32);
    max-width: 280px
}

.service-card:hover .service-card__box {
    -webkit-box-shadow: 0 0 20px rgba(61,140,214,.32);
    box-shadow: 0 0 20px rgba(61,140,214,.32)
}

.service-card__box {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    border-radius: 12px;
    -webkit-transition: all .4s;
    transition: all .4s
}

.service-card__box,.service-card__info {
    display: -ms-grid;
    display: grid;
    height: 100%
}

.service-card__info {
    grid-gap: 24px;
    -ms-grid-columns: 100%;
    -ms-grid-rows: 1fr;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    grid-template-columns: 100%;
    grid-template-rows: 1fr;
    justify-content: center;
    padding: 16px 16px 36px
}

.service-card__info>:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1
}

.service-card__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.service-card__header,.service-card__image {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.service-card__image {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: #f8fafc;
    border-radius: 12px;
    height: 158px;
    justify-content: center;
    margin-bottom: 24px;
    overflow: hidden;
    width: 100%
}

@supports (aspect-ratio: 248/158) {
    .service-card__image {
        aspect-ratio:248/158;
        height: auto
    }
}

.service-card__image img {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.service-card__name {
    color: #0b0b0b;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    text-align: center
}

.service-card__label {
    color: #3d8cd6;
    margin-top: 6px;
    text-align: center
}

.service-card__text {
    color: rgba(0,0,0,.72);
    font-size: 14px;
    line-height: 24px;
    margin-top: 16px;
    text-align: center
}

.service-card__price {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.service-card__price-label {
    color: rgba(0,0,0,.32);
    font-size: 12px;
    line-height: 16px;
    text-align: center
}

.service-card__price-value {
    color: #0b0b0b;
    font-size: 18px;
    line-height: 28px
}

.service-card__controls {
    grid-gap: 6px;
    display: -ms-grid;
    display: grid;
    margin-top: auto
}

.service-card__about,.service-card__get {
    width: 100%
}

.service-card__detail {
    padding: 23px 16px 26px 13px;
    position: relative
}

.service-card__detail:after,.service-card__detail:before {
    background: rgba(61,140,214,.32);
    content: "";
    height: 1px;
    position: absolute;
    top: 0;
    width: 35px
}

.service-card__detail:before {
    left: 0
}

.service-card__detail:after {
    right: 0
}

.service-card__detail-label {
    color: rgba(0,0,0,.72);
    font-size: 14px;
    left: 50%;
    line-height: 24px;
    max-width: 95%;
    padding: 0 10px;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.service-card__detail-content {
    color: rgba(0,0,0,.32);
    font-size: 12px;
    line-height: 16px
}

.service-card__detail-content,.service-card__detail-content ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.service-card__detail-content ul li {
    color: rgba(0,0,0,.32);
    display: block;
    margin-bottom: 7px;
    padding-left: 20px;
    position: relative
}

.service-card__detail-content ul li:before {
    background: rgba(0,0,0,.32);
    border-radius: 100px;
    content: "";
    height: 4px;
    left: 6px;
    position: absolute;
    top: 6px;
    width: 4px
}

.service-card__detail-content ul li:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 640px) {
    .service-card__info {
        grid-gap:16px
    }

    .service-card__text {
        font-size: 12px;
        line-height: 16px;
        margin-top: 6px
    }
}

.socials {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.socials__link {
    height: 50px;
    margin-right: 16px;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s,-webkit-transform .5s;
    width: 50px
}

.socials__link:last-child {
    margin-right: 0
}

.socials__link:hover {
    -webkit-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    transform: rotate(1turn)
}

@-webkit-keyframes socials-anim {
    0%,to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    20% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg)
    }

    60% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg)
    }

    70% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    80% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
}

@keyframes socials-anim {
    0%,to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    20% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg)
    }

    60% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg)
    }

    70% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    80% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
}

.textbox {
    color: #0b0b0b
}

.textbox>:first-child {
    margin-top: 0
}

.textbox a {
    border-bottom: 1px dashed #919191;
    -webkit-transition: color .2s;
    transition: color .2s
}

.textbox a:hover {
    color: #129fee
}

.textbox p {
    color: var(--black);
    font-size: 1.9rem;
    max-width: 996px;
    padding: 8px 0
}

.textbox h1,.textbox h2,.textbox h3,.textbox h4,.textbox h5 {
    font-family: Gropled,sans-serif;
    padding-bottom: 12px;
    padding-top: 24px
}

.textbox h1 {
    font-size: 48px;
    line-height: 52px
}

.textbox h2 {
    font-size: 28px;
    line-height: 32px
}

.textbox h3,.textbox h4,.textbox h5 {
    font-size: 18px;
    line-height: 24px
}

.textbox ol,.textbox ul {
    font-size: 1.9rem;
    max-width: 996px;
    padding: 8px 0
}

.textbox ol li,.textbox ul li {
    color: rgba(0,0,0,.72);
    display: block;
    margin-bottom: 7px;
    padding-left: 20px;
    position: relative
}

.textbox ol li:before,.textbox ul li:before {
    background: #0b0b0b;
    border-radius: 100px;
    content: "";
    height: 5px;
    left: 6px;
    position: absolute;
    top: 11px;
    width: 5px
}

.textbox ol li {
    list-style: decimal
}

.textbox img:not(.emoji) {
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.05);
    box-shadow: 0 0 10px rgba(0,0,0,.05);
    height: auto;
    margin: 10px 0;
    -o-object-fit: contain;
    object-fit: contain
}

.textbox .wp-caption-text {
    font-size: 12px;
    margin-bottom: 48px;
    padding: 0
}

.textbox table {
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 12px;
    height: auto!important
}

.textbox table tr {
    border-bottom: 1px solid rgba(0,0,0,.08)
}

.textbox table td {
    border-right: 1px solid rgba(0,0,0,.08)
}

.textbox table td:last-child {
    border: none
}

.textbox table thead td {
    background: #f8f8f8;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    padding: 16px 32px
}

.textbox table tbody td {
    color: rgba(0,0,0,.72);
    padding: 16px 32px;
    text-align: center
}

.textbox iframe,.textbox video {
    width: 100%
}

@supports (aspect-ratio: 16/9) {
    .textbox iframe,.textbox video {
        aspect-ratio:16/9
    }
}

@media screen and (max-width: 768px) {
    .textbox h1 {
        font-size:30px;
        line-height: 120%
    }

    .textbox h2 {
        font-size: 20px;
        line-height: 120%
    }

    .textbox table {
        display: block;
        overflow-x: auto
    }

    .textbox table tbody td,.textbox table thead td {
        font-size: 12px;
        line-height: 16px;
        padding: 8px
    }
}

.thanks__list {
    position: relative
}

.thanks__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute
}

@media screen and (max-width: 768px) {
    .thanks__list {
        -ms-grid-columns:1fr 16px 1fr;
        grid-gap: 16px;
        display: -ms-grid;
        display: grid;
        grid-template-columns: 1fr 1fr;
        height: auto!important
    }

    .thanks__item {
        height: 188px!important;
        position: static!important;
        -webkit-transform: none!important;
        -ms-transform: none!important;
        transform: none!important;
        width: 100%!important
    }

    .thanks__item img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }
}

.to-top {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--main);
    border-radius: 50%;
    bottom: 6rem;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 5rem;
    justify-content: center;
    left: 3rem;
    opacity: 0;
    position: fixed;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    visibility: visible;
    width: 5rem;
    z-index: 100
}

.to-top.active {
    opacity: .5
}

.to-top:hover {
    opacity: 1
}

.to-top svg {
    height: 1.6rem;
    width: 1.6rem
}

@media screen and (max-width: 768px) {
    .to-top {
        bottom:10rem;
        left: 2.5rem
    }
}

._404__container {
    -ms-grid-columns: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    grid-gap: 24px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: auto;
    justify-content: center;
    padding: 88px 0 101px
}

._404__image {
    height: 248px;
    margin: 0 auto;
    width: 281px
}

._404__description,._404__title {
    text-align: center
}

._404__title span {
    font-size: 88px;
    line-height: 96px
}

._404__description {
    color: rgba(0,0,0,.72);
    font-size: 18px;
    line-height: 28px
}

._404__return {
    margin: 60px auto 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

@media screen and (max-width: 640px) {
    ._404__container {
        grid-gap:20px;
        padding: 40px 0 80px
    }

    ._404__image {
        height: 192px;
        width: 217px
    }

    ._404__title span {
        font-size: 48px;
        line-height: 100%
    }

    ._404__description {
        font-size: 16px;
        line-height: 24px
    }

    ._404__description br {
        display: none
    }

    ._404__return {
        margin-top: 20px
    }
}

.about-page {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.about-page__container {
    -ms-grid-columns: 1fr;
    grid-gap: 24px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr
}

.about-page__title {
    color: #fff
}

.about-page__description {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    max-width: 700px
}

.about-page__tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 600px
}

.about-page__tag {
    color: #5aafff;
    font-size: 18px;
    line-height: 28px;
    margin-right: 16px
}

@media screen and (max-width: 640px) {
    .about-page__tag {
        margin-bottom:6px
    }
}

.about {
    background: var(--bg-2);
    overflow: hidden
}

.about__container {
    -ms-grid-columns: 100%;
    grid-gap: 88px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 100%;
    padding: 120px 0 136px
}

.about__nums {
    -ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr;
    grid-gap: 40px;
    grid-template-columns: repeat(4,1fr);
    text-align: center
}

.about__num,.about__nums {
    display: -ms-grid;
    display: grid
}

.about__num {
    -ms-grid-columns: 100%;
    grid-gap: 10px;
    grid-template-columns: 100%
}

.about__num-value {
    font-family: Gropled,sans-serif;
    font-size: 9rem
}

.about__num-name {
    color: #343745;
    font-size: 2.1rem
}

.about__content {
    -ms-grid-columns: 100%;
    grid-gap: 24px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 100%
}

.about__textbox {
    max-width: 460px
}

.about__navigation {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.about__navigation-item {
    padding-right: 24px
}

.about__navigation-button {
    color: #3d8cd6;
    position: relative;
    -webkit-transition: color .2s;
    transition: color .2s;
    white-space: nowrap
}

.about__navigation-button:hover {
    color: rgba(0,0,0,.32)
}

.about__navigation-button:hover:before {
    background: rgba(0,0,0,.32)
}

.about__navigation-button:before {
    background: rgba(61,140,214,.24);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    -webkit-transition: background .2s;
    transition: background .2s;
    width: 100%
}

@media screen and (max-width: 1024px) {
    .about__container {
        grid-gap:60px;
        padding: 40px 0 60px
    }

    .about__nums {
        -ms-grid-columns: 1fr 40px 1fr;
        grid-template-columns: repeat(2,1fr)
    }

    .about__navigation {
        overflow-x: auto;
        padding: 0 16px;
        -webkit-transform: translateX(-16px);
        -ms-transform: translateX(-16px);
        transform: translateX(-16px);
        width: 100vw
    }

    .about__navigation::-webkit-scrollbar {
        height: 0;
        width: 0
    }

    .about__navigation::-webkit-scrollbar-thumb {
        background: transparent
    }

    .about__navigation::-webkit-scrollbar-track {
        background: hsla(0,0%,100%,.5)
    }

    .about__navigation {
        scrollbar-face-color:transparent;scrollbar-track-color:hsla(0,0%,100%,.5)}
}

@media screen and (max-width: 640px) {
    .about__nums {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        grid-gap: 24px;
        justify-content: center
    }

    .about__num {
        grid-gap: 5px
    }

    .about__num-name,.about__num-value {
        text-align: center
    }

    .about__num-value {
        font-size: 48px;
        line-height: 100%
    }

    .about__textbox {
        margin: 0 auto
    }

    .about__textbox,.about__textbox p {
        text-align: center
    }
}

.advantages {
    background: #f7f8fa;
    overflow: hidden
}

.advantages__container {
    -ms-grid-columns: 1fr;
    grid-gap: 24px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr;
    padding: 120px 0
}

.advantages__about {
    color: rgba(0,0,0,.72)
}

.advantages__list {
    -ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr;
    -webkit-box-align: start;
    -ms-flex-align: start;
    grid-gap: 40px;
    align-items: start;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    padding-top: 40px
}

.advantages__item {
    -ms-grid-columns: 1fr;
    grid-gap: 24px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr
}

.advantages__icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    width: 32px
}

.advantages__info {
    -ms-grid-columns: 1fr;
    grid-gap: 6px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr
}

.advantages__name {
    color: #0b0b0b;
    text-align: left
}

.advantages__description {
    color: rgba(0,0,0,.32);
    text-align: left
}

@media screen and (max-width: 1024px) {
    .advantages {
        overflow-x:hidden
    }

    .advantages__container {
        padding: 60px 0
    }

    .advantages__list {
        -webkit-box-align: start;
        -ms-flex-align: start;
        grid-gap: 0;
        -ms-grid-columns: none;
        align-items: start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        grid-template-columns: none;
        overflow-x: auto;
        padding: 0 16px;
        -webkit-transform: translateX(-16px);
        -ms-transform: translateX(-16px);
        transform: translateX(-16px);
        width: 100vw
    }

    .advantages__list::-webkit-scrollbar {
        height: 0;
        width: 0
    }

    .advantages__list::-webkit-scrollbar-thumb {
        background: transparent
    }

    .advantages__list::-webkit-scrollbar-track {
        background: hsla(0,0%,100%,.5)
    }

    .advantages__list {
        scrollbar-face-color:transparent;scrollbar-track-color:hsla(0,0%,100%,.5)}

    .advantages__item {
        margin-right: 12px;
        min-width: 272px
    }
}

@media screen and (max-width: 640px) {
    .advantages__container {
        grid-gap:12px
    }

    .advantages__list {
        width: 95vw
    }

    .advantages__item {
        grid-gap: 12px
    }

    .advantages__about {
        max-width: 376px
    }

    .advantages__about br {
        display: none
    }
}

.article__container {
    -ms-grid-columns: 1fr;
    grid-gap: 24px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr;
    padding-bottom: 120px
}

.article__title {
    max-width: 864px
}

.article__wrap {
    -ms-grid-columns: 1fr;
    grid-gap: 48px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr
}

.article__header {
    -ms-grid-columns: minmax(auto,693px) 32px 280px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: start;
    -ms-flex-align: start;
    grid-gap: 32px;
    align-items: start;
    border-bottom: 1px solid rgba(0,0,0,.08);
    display: -ms-grid;
    display: grid;
    grid-template-columns: minmax(auto,693px) 280px;
    justify-content: space-between;
    padding-bottom: 48px;
    width: 100%
}

.article__header-left {
    grid-gap: 28px;
    grid-template-columns: 1fr
}

.article__header-left,.article__header-right {
    -ms-grid-columns: 1fr;
    display: -ms-grid;
    display: grid
}

.article__header-right {
    grid-gap: 16px;
    grid-template-columns: 1fr
}

.article__editor {
    -ms-grid-columns: 1fr;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr
}

.article__editor-name {
    position: relative;
    -webkit-transition: color .2s;
    transition: color .2s
}

.article__editor-name:hover {
    color: #3d8cd6
}

.article__editor-name:before {
    background: url(/local/templates/studio-v/assets/css/images/icons/pen.svg) 50% no-repeat;
    background-size: contain;
    content: "";
    height: 24px;
    position: absolute;
    right: calc(100% + 8px);
    top: 0;
    width: 24px
}

.article__editor-description {
    color: rgba(0,0,0,.32)
}

.article__excepted,.article__excepted p {
    color: rgba(0,0,0,.72);
    font-size: 18px;
    line-height: 28px
}

.article__meta {
    -ms-grid-columns: auto 17px auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 17px;
    align-items: center;
    display: -ms-grid;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: start
}

.article__date,.article__viewed {
    color: rgba(0,0,0,.32)
}

.article__viewed {
    -ms-grid-columns: auto 9px auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    grid-gap: 9px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: start
}

.article__tags,.article__viewed {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.article__tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.article__tag {
    margin-right: 16px
}

.article__tag a {
    color: #3d8cd6
}

.article__content {
    -ms-grid-columns: 1fr 32px 280px;
    grid-gap: 32px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr 280px
}

.article__textbox {
    max-width: 904px
}

.article__remark {
    -ms-grid-columns: 1fr;
    grid-gap: 16px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr;
    position: sticky;
    top: calc(var(--sticky-header-height)*-1 + 50px)
}

.article__remark-icon img {
    display: block
}

.article__remark-info {
    -ms-grid-columns: 1fr;
    grid-gap: 4px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr
}

.article__remark-name {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

.article__remark-description {
    color: rgba(0,0,0,.72);
    font-size: 14px;
    line-height: 20px
}

.article__images {
    -ms-grid-columns: 1fr 12px 1fr 12px 1fr 12px 1fr;
    grid-gap: 12px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    margin-top: 32px
}

.article__image:nth-child(14n+1),.article__image:nth-child(14n+2),.article__image:nth-child(14n+3),.article__image:nth-child(14n+4),.article__image:nth-child(14n+5),.article__image:nth-child(14n+6) {
    -ms-grid-column-span: 1;
    grid-column: span 1
}

.article__image:nth-child(14n+7) {
    -ms-grid-column-span: 2;
    -ms-grid-row-span: 2;
    grid-column: span 2;
    grid-row: span 2
}

.article__image:nth-child(14n+8),.article__image:nth-child(14n+9) {
    -ms-grid-column-span: 1;
    grid-column: span 1
}

.article__image:nth-child(14n+10) {
    -ms-grid-column-span: 2;
    -ms-grid-row-span: 2;
    grid-column: span 2;
    grid-row: span 2
}

.article__image:nth-child(14n+11),.article__image:nth-child(14n+12),.article__image:nth-child(14n+13),.article__image:nth-child(14n+14) {
    -ms-grid-column-span: 1;
    grid-column: span 1
}

.article__image img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s,-webkit-transform .4s;
    width: 100%
}

.article__image img:hover {
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01)
}

@media screen and (max-width: 1024px) {
    .article__header {
        -ms-grid-columns:100%;
        grid-gap: 20px;
        grid-template-columns: 100%
    }

    .article__editor {
        padding-left: 31px
    }

    .article__content {
        -ms-grid-columns: minmax(auto,696px);
        grid-template-columns: minmax(auto,696px)
    }
}

@media screen and (max-width: 640px) {
    .article__container {
        grid-gap:20px;
        padding-bottom: 80px
    }

    .article__wrap {
        grid-gap: 40px
    }

    .article__header {
        padding-bottom: 20px
    }

    .article__header-left,.article__header-right {
        grid-gap: 10px
    }

    .article__tag {
        margin-right: 12px
    }

    .article__editor-name:before {
        height: 20px;
        right: calc(100% + 6px);
        width: 20px
    }

    .article__images {
        -ms-grid-columns: 1fr 12px 1fr;
        grid-template-columns: repeat(2,1fr)
    }

    .article__image {
        -ms-grid-column-span: 1!important;
        grid-column: span 1!important;
        grid-row: auto!important
    }
}

.bitrix {
    overflow: hidden
}

.bitrix__container {
    -ms-grid-columns: 100%;
    display: -ms-grid;
    display: grid;
    gap: 40px;
    grid-template-columns: 100%;
    margin: 30px auto 120px
}

.bitrix__list {
    -ms-grid-columns: 1fr 10px 1fr 10px 1fr;
    display: -ms-grid;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3,1fr)
}

.bitrix__item {
    background: #fff;
    border: 1px solid #dfe9f3;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(38,48,56,.04);
    padding: 25px
}

.bitrix__item-img {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin: 0 auto 20px
}

.bitrix__item-img img {
    display: block;
    max-width: 100%
}

.bitrix__item-title {
    color: #242528;
    line-height: 1.4;
    margin-bottom: 13px
}

.bitrix__item-text {
    color: #242528;
    font-size: 1.8rem;
    line-height: 1.4;
    margin-bottom: 20px
}

.bitrix__item-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.bitrix__item-list li {
    color: #242528;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 15px
}

.bitrix__item-list li a,.bitrix__item-list li button {
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    font-family: inherit;
    font-size: 1.8rem;
    font-weight: 600;
    outline: 0;
    padding: 0;
    text-align: left;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.bitrix__item-list li a:hover,.bitrix__item-list li button:hover {
    color: #0030ff
}

@media screen and (max-width: 640px) {
    .bitrix__list {
        -ms-grid-columns:1fr;
        grid-template-columns: 1fr
    }
}

.blog__container {
    grid-gap: 24px;
    grid-template-columns: 100%;
    padding-bottom: 120px
}

.blog__container,.blog__content {
    -ms-grid-columns: 100%;
    display: -ms-grid;
    display: grid
}

.blog__content {
    grid-gap: 40px;
    grid-template-columns: 100%
}

.blog__content .pagination {
    padding-top: 32px
}

.blog__navigation {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow-y: auto
}

.blog__navigation::-webkit-scrollbar {
    height: 0;
    width: 0
}

.blog__navigation::-webkit-scrollbar-thumb {
    background: transparent
}

.blog__navigation::-webkit-scrollbar-track {
    background: hsla(0,0%,100%,.5)
}

.blog__navigation {
    scrollbar-face-color:transparent;scrollbar-track-color:hsla(0,0%,100%,.5)}

.blog__link {
    margin-right: 24px
}

.blog__link:last-child {
    margin-right: 0
}

.blog__link a {
    -webkit-transition: color .2s;
    transition: color .2s;
    white-space: nowrap
}

.blog__link a:hover {
    color: rgba(0,0,0,.32)
}

.blog__link a.active {
    color: #3d8cd6;
    pointer-events: none
}

.blog__list {
    -ms-grid-columns: 1fr 32px 1fr 32px 1fr 32px 1fr;
    grid-gap: 64px 32px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    grid-template-columns: repeat(4,1fr)
}

.blog__card a,.blog__list {
    display: -ms-grid;
    display: grid
}

.blog__card a {
    -ms-grid-columns: 1fr;
    grid-gap: 16px;
    grid-template-columns: 1fr
}

.blog__card:first-child,.blog__card:nth-child(10) {
    -ms-grid-column-span: 2;
    grid-column: span 2
}

.blog__card:first-child .blog__image,.blog__card:nth-child(10) .blog__image {
    height: 372px
}

.blog__image {
    height: 176px;
    width: 100%
}

@support (aspect-ratio: 280 / 176) {
    .blog__image {
        aspect-ratio: 280/176
    }
}

.blog__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.blog__info {
    -ms-grid-columns: 1fr;
    grid-gap: 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr
}

.blog__name {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

.blog__description {
    color: rgba(0,0,0,.72)
}

.blog__meta {
    -ms-grid-columns: auto 17px auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 17px;
    align-items: center;
    display: -ms-grid;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: start
}

.blog__date,.blog__viewed {
    color: rgba(0,0,0,.32)
}

.blog__viewed {
    -ms-grid-columns: auto 9px auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    grid-gap: 9px;
    align-items: center;
    display: -ms-grid;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: start
}

@media screen and (max-width: 1216px) {
    .blog__navigation {
        -ms-flex-wrap:nowrap;
        flex-wrap: nowrap;
        padding: 0 16px;
        -webkit-transform: translateX(-16px);
        -ms-transform: translateX(-16px);
        transform: translateX(-16px);
        width: 100vw
    }
}

@media screen and (max-width: 1024px) {
    .blog__list {
        -ms-grid-columns:1fr 16px 1fr 16px 1fr;
        grid-gap: 24px 16px;
        grid-template-columns: repeat(3,1fr)
    }

    .blog__card {
        -ms-grid-column-span: 1!important;
        grid-column: span 1!important
    }

    .blog__image {
        height: 176px!important
    }
}

@media screen and (max-width: 768px) {
    .blog__list {
        -ms-grid-columns:1fr 16px 1fr;
        grid-template-columns: 1fr 1fr
    }
}

@media screen and (max-width: 640px) {
    .blog__container,.blog__content {
        grid-gap:20px
    }

    .blog__container {
        padding-bottom: 80px
    }

    .blog__content .pagination {
        padding-top: 20px
    }

    .blog__link {
        margin-right: 12px
    }

    .blog__list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .blog__image {
        height: 181px!important
    }
}

.breadcrumbs__container {
    padding: 32px 0 16px
}

.breadcrumbs__list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.breadcrumbs__item,.breadcrumbs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.breadcrumbs__item {
    margin-right: 2.3rem
}

.breadcrumbs__item:last-child {
    margin-right: 0
}

.breadcrumbs__item a,.breadcrumbs__item p {
    color: #8f9199;
    font-size: 1.4rem;
    line-height: 16px
}

.breadcrumbs__item a {
    position: relative;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.breadcrumbs__item a:before {
    color: #8f9199;
    content: "—";
    font-size: 1.4rem;
    left: calc(100% + 6px);
    line-height: 16px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.breadcrumbs__item a:hover {
    color: var(--main)
}

@media screen and (max-width: 640px) {
    .breadcrumbs__container {
        padding:10px 0 12px
    }
}

.brief__container {
    -ms-grid-columns: 1fr;
    grid-gap: 24px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr;
    padding-bottom: 120px
}

.brief__text {
    color: rgba(0,0,0,.72);
    font-size: 1.7rem
}

.brief__description {
    max-width: 616px
}

.brief__form {
    -ms-grid-columns: 1fr;
    grid-gap: 88px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr;
    padding-top: 36px
}

.brief__label {
    font-size: 1.8rem
}

.brief__blocks {
    grid-gap: 72px;
    grid-template-columns: 1fr
}

.brief__block,.brief__blocks {
    -ms-grid-columns: 1fr;
    display: -ms-grid;
    display: grid
}

.brief__block {
    grid-gap: 40px;
    grid-template-columns: 1fr;
    max-width: 730px
}

.brief__block--big {
    max-width: 910px
}

.brief__block--site .brief__input {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.brief__block--site .brief__label {
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px)
}

.brief__info {
    -ms-grid-columns: 1fr;
    grid-gap: 16px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr
}

.brief__info-title {
    font-family: Gropled,sans-serif;
    font-size: 28px;
    line-height: 32px
}

.brief__inputs {
    -ms-grid-columns: 1fr;
    grid-gap: 32px;
    grid-template-columns: 1fr
}

.brief__input,.brief__inputs {
    display: -ms-grid;
    display: grid
}

.brief__input {
    -ms-grid-columns: minmax(auto,184px) 24px 1fr;
    grid-gap: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-template-columns: minmax(auto,184px) 1fr
}

.brief__input--doc {
    padding-top: 40px
}

.brief__radios {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -12px;
    width: 100%
}

.brief__radios .radio {
    margin-bottom: 12px;
    margin-right: 8px
}

.brief__controls {
    -ms-grid-columns: auto 32px 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 32px;
    align-items: center;
    display: -ms-grid;
    display: grid;
    grid-template-columns: auto 1fr
}

@media screen and (max-width: 768px) {
    .brief__input {
        -ms-grid-columns:100%;
        grid-gap: 20px;
        grid-template-columns: 100%
    }
}

@media screen and (max-width: 640px) {
    .brief__container {
        grid-gap:20px;
        padding-bottom: 80px
    }

    .brief__form {
        padding-top: 20px
    }

    .brief__blocks,.brief__form {
        grid-gap: 40px
    }

    .brief__input--doc {
        padding-top: 0
    }

    .brief__text br {
        display: none
    }

    .brief__controls {
        -ms-grid-columns: 100%;
        grid-gap: 10px;
        grid-template-columns: 100%
    }
}

.cases__container {
    grid-gap: 24px;
    display: -ms-grid;
    display: grid;
    padding: 48px 0
}

.cases__text {
    margin-bottom: 40px;
    max-width: 530px
}

.cases__list {
    grid-gap: 48px;
    grid-template-columns: 100%
}

.case,.cases__list {
    -ms-grid-columns: 100%;
    display: -ms-grid;
    display: grid
}

.case {
    background: #f8fafc;
    border-radius: 12px;
    grid-template-columns: 100%;
    overflow: hidden
}

.case__banner,.case__banner img,.case__top {
    width: 100%
}

.case__content {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    padding: 56px 56px 96px
}

.case__content,.case__info {
    display: -ms-grid;
    display: grid
}

.case__info {
    -ms-grid-columns: 1fr auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    grid-template-columns: 1fr auto;
    justify-content: space-between;
    padding-bottom: 48px
}

.case__wrap {
    grid-gap: 4px;
    display: -ms-grid;
    display: grid
}

.case__name {
    font-size: 28px;
    line-height: 32px
}

.case__text {
    color: rgba(0,0,0,.72)
}

.case__link {
    color: #3d8cd6
}

.case__blocks {
    -ms-grid-columns: 1fr 72px 1fr;
    grid-gap: 72px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    border-top: 1px solid rgba(0,0,0,.12);
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    padding-top: 48px
}

.case__block,.case__blocks {
    display: -ms-grid;
    display: grid
}

.case__block {
    grid-gap: 12px
}

.case__block-name {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

.case__block-text {
    color: rgba(0,0,0,.72)
}

@media screen and (max-width: 1024px) {
    .cases__container {
        grid-gap:16px;
        padding-top: 24px
    }

    .cases__text {
        font-size: 14px;
        line-height: 18px
    }

    .cases__list {
        margin-top: 0
    }

    .case__content {
        padding: 24px 16px
    }

    .case__name {
        font-size: 18px;
        line-height: 24px
    }

    .case__info {
        -ms-grid-columns: 100%;
        grid-gap: 12px;
        grid-template-columns: 100%;
        padding-bottom: 16px
    }

    .case__link,.case__text {
        font-size: 14px;
        line-height: 18px
    }

    .case__blocks {
        -ms-grid-columns: 100%;
        grid-gap: 24px;
        grid-template-columns: 100%;
        padding-top: 16px
    }

    .case__block {
        grid-gap: 6px
    }

    .case__block-name {
        font-size: 16px;
        line-height: 24px
    }
}

.category__container {
    padding-bottom: 120px
}

.category__container,.category__content {
    -ms-grid-columns: 100%;
    grid-gap: 40px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 100%
}

.category__list {
    -ms-grid-columns: 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr;
    grid-gap: 32px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(12,1fr)
}

.category__list--v0 {
    -ms-grid-columns: 1fr 32px 1fr 32px 1fr 32px 1fr;
    grid-gap: 32px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    justify-content: center
}

.category__list--v1 .category__item a,.category__list--v1_2 .category__item a {
    border: 1px solid #e7eaf0;
    -webkit-box-shadow: inset 0 0 0 1px #eefaff;
    box-shadow: inset 0 0 0 1px #eefaff
}

.category__list--v1 .category__item {
    -ms-grid-column-span: 6;
    grid-column: span 6
}

.category__list--v1 .category__item:nth-child(2n),.category__list--v1 .category__item:nth-child(odd) {
    -ms-grid-column-span: 6;
    grid-column: span 6
}

.category__list--v1 .category__item:nth-child(3n+3) {
    -ms-grid-column-span: 7;
    grid-column: span 7
}

.category__list--v1 .category__item:nth-child(4n+4) {
    -ms-grid-column-span: 5;
    grid-column: span 5
}

.category__list--v1 .category__item:nth-child(5n+5) {
    -ms-grid-column-span: 5;
    grid-column: span 5
}

.category__list--v1 .category__item:nth-child(6n+6) {
    -ms-grid-column-span: 7;
    grid-column: span 7
}

.category__list--v1 .category__item:nth-last-child(-n+3) {
    -ms-grid-column-span: 4;
    grid-column: span 4
}

.category__list--v1 .category__item:nth-last-child(-n+3) .category__blocks {
    -ms-grid-columns: 100%;
    grid-gap: 12px;
    grid-template-columns: 100%
}

.category__list--v1_2 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr
}

.category__list--v1_2 .category__item {
    -ms-grid-column-span: 1;
    grid-column: span 1
}

.category__list--v2 .category__item {
    -ms-grid-column-span: 6;
    grid-column: span 6
}

.category__list--v2 .category__item:nth-last-child(-n+3) {
    -ms-grid-column-span: 4;
    grid-column: span 4
}

.category__list--v2 .category__item:nth-last-child(-n+3) .category__blocks {
    -ms-grid-columns: 100%;
    grid-gap: 12px;
    grid-template-columns: 100%
}

.category__list--v2 .category__item a {
    background: #fff7e3;
    -webkit-box-shadow: inset 0 0 0 1px #fff7e3;
    box-shadow: inset 0 0 0 1px #fff7e3
}

.category__list--v3 {
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6,1fr)
}

.category__list--v3 .category__item {
    -ms-grid-column-span: 2;
    grid-column: span 2
}

.category__list--v3 .category__item .category__blocks {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%
}

.category__list--v3 .category__item:first-child,.category__list--v3 .category__item:nth-child(2) {
    -ms-grid-column-span: 3;
    grid-column: span 3
}

.category__list--v3 .category__item:first-child .category__blocks,.category__list--v3 .category__item:nth-child(2) .category__blocks {
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto
}

.category__list--v3 .category__item a {
    background: #f0ffe7;
    -webkit-box-shadow: inset 0 0 0 1px #f0ffe7;
    box-shadow: inset 0 0 0 1px #f0ffe7
}

.category__item {
    -ms-grid-column-span: 6;
    grid-column: span 6;
    min-height: 404px
}

.category__item a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: #fff;
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    overflow: hidden;
    padding: 48px;
    position: relative;
    -webkit-transition: all .2s;
    transition: all .2s;
    width: 100%;
    z-index: 1
}

.category__info {
    -ms-grid-columns: 100%;
    grid-gap: 3rem;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 100%
}

.category__name {
    font-size: 3rem;
    line-height: 32px
}

.category__description {
    color: rgba(0,0,0,.72);
    font-size: 1.8rem
}

.category__footer {
    -ms-grid-columns: auto 20px auto;
    grid-gap: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    display: -ms-grid;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    width: 100%
}

.category__blocks {
    -ms-grid-columns: auto 30px auto;
    grid-gap: 30px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: auto auto
}

.category__block {
    -ms-grid-columns: 100%;
    grid-gap: 0;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 100%
}

.category__block span {
    color: var(--grey);
    font-size: 1.6rem;
    line-height: 16px
}

.category__block p {
    color: #0b0b0b;
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width: 1024px) {
    .category__list {
        -ms-grid-columns:1fr 16px 1fr;
        grid-gap: 16px;
        grid-template-columns: 1fr 1fr
    }

    .category__list--v0 {
        -ms-grid-columns: 1fr 24px 1fr 24px 1fr;
        grid-gap: 24px;
        grid-template-columns: repeat(3,1fr)
    }

    .category__item {
        -ms-grid-column-span: 1!important;
        grid-column: span 1!important
    }

    .category__item a {
        padding: 26px
    }

    .category__blocks {
        -ms-grid-columns: 100%;
        grid-gap: 20px;
        grid-template-columns: 100%
    }
}

@media screen and (max-width: 768px) {
    .category__container {
        grid-gap:20px;
        padding-bottom: 60px
    }

    .category__list {
        -ms-grid-columns: 1fr;
        grid-gap: 20px;
        grid-template-columns: 1fr
    }

    .category__list--v0 {
        -ms-grid-columns: 1fr 24px 1fr;
        grid-template-columns: repeat(2,1fr)
    }

    .category__item {
        min-height: 384px
    }

    .category__item a {
        padding: 20px
    }

    .category__info {
        grid-gap: 12px;
        margin-bottom: 20px
    }

    .category__name {
        font-size: 20px;
        line-height: 120%
    }

    .category__icon {
        height: 60px;
        -o-object-fit: contain;
        object-fit: contain;
        width: 60px
    }
}

@media screen and (max-width: 640px) {
    .category__list--v0 {
        -ms-grid-columns:auto;
        grid-template-columns: auto
    }
}

.certificates {
    background: #f1f2f3;
    overflow: hidden
}

.certificates__container {
    -ms-grid-columns: 1fr;
    grid-gap: 24px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr;
    padding: 120px 0
}

.certificates__description {
    font-size: 2.1rem
}

.certificates__description a {
    color: var(--black)
}

.certificates__description a svg {
    margin-left: 10px
}

.certificates__list {
    -ms-grid-columns: 1fr 5rem 1fr;
    -ms-grid-rows: 1fr;
    grid-column-gap: 5rem;
    grid-row-gap: 20px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: 1fr;
    margin-bottom: 3rem;
    padding-top: 40px
}

.certificates__list>:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1
}

.certificates__list>:nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1
}

.certificates__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.certificates__image {
    -webkit-box-flex: 1;
    background: #1f2124;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.25);
    box-shadow: 0 4px 8px rgba(0,0,0,.25);
    -ms-flex: 1 0 200px;
    flex: 1 0 200px;
    padding: .25rem;
    -webkit-transition: all .25s ease 0s;
    transition: all .25s ease 0s;
    width: 200px
}

.certificates__image img {
    border: .5rem solid #fff
}

.certificates__image:hover {
    -webkit-box-shadow: 0 8px 16px rgba(0,0,0,.25);
    box-shadow: 0 8px 16px rgba(0,0,0,.25);
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px)
}

.certificates__text {
    height: 100%;
    padding: 2rem;
    position: relative;
    width: 100%
}

.certificates__text:before {
    background: #fff;
    border-radius: 1rem;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100% + 100px);
    z-index: -1
}

.certificates__about {
    font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 2rem
}

.certificates__date {
    color: var(--main);
    font-size: 1.7rem
}

@media screen and (max-width: 1024px) {
    .certificates__container {
        padding:60px 0
    }

    .certificates__list {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1,1fr)
    }
}

@media screen and (max-width: 640px) {
    .certificates__container {
        grid-gap:12px
    }

    .certificates__list {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1,1fr)
    }

    .certificates__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }

    .certificates__image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0;
        flex: 0 0;
        width: 14rem
    }

    .certificates__text:before {
        height: calc(100% + 4rem);
        top: -4rem;
        width: 100%
    }
}

.cities__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 48px;
    padding-bottom: 100px
}

.cities__container,.cities__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cities__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px
}

.cities__list a {
    color: #5aafff;
    font-size: 16px;
    line-height: 24px
}

@media screen and (max-width: 640px) {
    .cities__container {
        gap:24px;
        padding-bottom: 50px
    }

    .cities__list {
        gap: 12px 8px
    }

    .cities__list a {
        font-size: 12px;
        line-height: 16px
    }
}

.clients {
    overflow: hidden
}

.clients__container {
    -ms-grid-columns: 1fr;
    grid-gap: 24px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr;
    padding: 120px 0
}

.clients__description {
    font-size: 2.1rem
}

.clients__list {
    -ms-grid-columns: 1fr 16px 1fr 16px 1fr 16px 1fr 16px 1fr 16px 1fr;
    display: -ms-grid;
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(6,1fr);
    padding-top: 40px
}

.clients__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    aspect-ratio: 1/1;
    background: var(--bg-2);
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding: 15px
}

.clients__item img {
    max-width: 100%;
    -webkit-transition: all .25s linear;
    transition: all .25s linear
}

@media screen and (max-width: 1024px) {
    .clients__container {
        padding:30px 0 60px
    }

    .clients__list {
        -ms-grid-columns: 1fr 16px 1fr;
        display: -ms-grid;
        display: grid;
        gap: 16px;
        grid-template-columns: repeat(2,1fr);
        margin-bottom: 60px
    }
}

.company-card {
    overflow: hidden
}

.company-card__container {
    padding: 120px 0
}

.company-card__container,.company-card__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.company-card__info {
    gap: 40px;
    padding-right: 174px;
    position: relative;
    width: 100%
}

.company-card__text {
    max-width: 840px
}

.company-card__element {
    -webkit-animation: rotate_no_translate 5s linear infinite;
    animation: rotate_no_translate 5s linear infinite;
    bottom: 0;
    position: absolute;
    right: 0
}

.company-card__list {
    -ms-grid-columns: (1fr)[3];
    border-bottom: 1px solid rgba(0,0,0,.08);
    border-top: 1px solid rgba(0,0,0,.08);
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    margin-top: 184px
}

.company-card__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-right: 1px solid rgba(0,0,0,.08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    padding: 48px 16px 72px 40px
}

.company-card__item:first-child {
    padding-left: 0
}

.company-card__item:last-child {
    border: none
}

.company-card__item-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    justify-content: center;
    width: 32px
}

.company-card__item-text {
    font-size: 2.1rem;
    max-width: 320px
}

.company-card__footer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 2.1rem;
    gap: 24px;
    justify-content: space-between;
    margin-top: 56px
}

@-webkit-keyframes rotate_no_translate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes rotate_no_translate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@media screen and (min-width: 1024px) {
    .company-card__tilte {
        font-size:72px;
        line-height: 72px
    }

    .company-card__text {
        font-size: 2.1rem;
        line-height: 130%
    }
}

@media screen and (max-width: 1024px) {
    .company-card__container {
        padding:40px 0
    }

    .company-card__info {
        gap: 24px;
        padding-bottom: 174px;
        padding-right: 0
    }

    .company-card__list {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        margin-top: 48px
    }

    .company-card__item {
        border-bottom: 1px solid rgba(0,0,0,.08);
        border-right: none;
        padding: 24px 0
    }

    .company-card__element {
        height: 148px;
        left: 0;
        right: auto;
        width: 148px
    }

    .company-card__footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px;
        margin-top: 24px
    }

    .company-card__footer-links {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding: 0 16px;
        width: 100vw
    }

    .company-card__footer-links::-webkit-scrollbar {
        height: 0;
        width: 0
    }

    .company-card__footer-links::-webkit-scrollbar-thumb {
        background: transparent
    }

    .company-card__footer-links::-webkit-scrollbar-track {
        background: hsla(0,0%,100%,.5)
    }

    .company-card__footer-links {
        scrollbar-face-color:transparent;scrollbar-track-color:hsla(0,0%,100%,.5)}
}

.contacts-page__container,.contacts-page__content {
    -ms-grid-columns: 1fr;
    grid-gap: 40px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr
}

.contacts-page__content {
    padding-bottom: 80px
}

.contacts-page__blocks {
    -ms-grid-columns: minmax(50rem,72rem) 24px minmax(50rem,60rem);
    grid-gap: 24px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    display: -ms-grid;
    display: grid;
    grid-template-columns: minmax(50rem,72rem) minmax(50rem,60rem)
}

.contacts-page__block {
    -ms-grid-columns: 1fr;
    grid-gap: 16px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr
}

.contacts-page__block p {
    color: var(--grey);
    font-size: 2.1rem
}

.contacts-page__item {
    display: inline-block
}

.contacts-page__item p {
    color: var(--black)
}

.contacts-page__item a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.contacts-page__phone {
    font-size: 2.1rem;
    margin-bottom: 10px;
    margin-right: 5rem;
    text-decoration: underline;
    text-underline-offset: .4rem
}

.contacts-page__phone:hover {
    color: var(--main);
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.contacts-page__email {
    color: var(--main);
    font-size: 2.1rem
}

.contacts-page__director-wrap {
    -ms-grid-columns: auto 16px auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 16px;
    align-items: center;
    display: -ms-grid;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: start
}

.contacts-page__requisits {
    border-top: 1px solid rgba(0,0,0,.08);
    padding-top: 40px
}

.contacts-page__requisits-block {
    grid-gap: 0
}

.contacts-page__requisits-block:nth-child(2) .contacts-page__requisits-item {
    -ms-grid-columns: minmax(auto,205px) 1fr;
    grid-template-columns: minmax(auto,205px) 1fr
}

.contacts-page__requisits-item {
    -ms-grid-columns: minmax(auto,70px) 24px 1fr;
    grid-gap: 24px;
    grid-template-columns: minmax(auto,70px) 1fr
}

.contacts-page__requisits-download,.contacts-page__requisits-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-grid;
    display: grid
}

.contacts-page__requisits-download {
    -ms-grid-columns: auto 8px auto;
    grid-gap: 8px;
    grid-template-columns: auto auto
}

.contacts-page__map {
    background: rgba(0,0,0,.05);
    height: 604px;
    width: 100%
}

@media screen and (max-width: 1024px) {
    .contacts-page__content {
        grid-gap:40px
    }

    .contacts-page__blocks {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .contacts-page__requisits {
        grid-gap: 10px;
        padding-top: 30px
    }

    .contacts-page__requisits-block {
        grid-gap: 10px
    }

    .contacts-page__requisits-item {
        -ms-grid-columns: 100%!important;
        grid-gap: 0!important;
        grid-template-columns: 100%!important
    }

    .contacts-page__requisits-download {
        -ms-grid-columns: -webkit-max-content 8px -webkit-max-content;
        -ms-grid-columns: max-content 8px max-content;
        grid-template-columns: -webkit-max-content -webkit-max-content;
        grid-template-columns: max-content max-content;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }
}

@media screen and (max-width: 640px) {
    .contacts-page__container {
        grid-gap:20px
    }

    .contacts-page__content {
        padding-bottom: 40px
    }

    .contacts-page__map {
        height: 343px
    }
}

.contacts {
    -webkit-box-flex: 1;
    background: #fff;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 810px;
    position: relative
}

.contacts,.contacts .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contacts .container {
    -ms-flex-direction: column;
    flex-direction: column
}

.contacts__container {
    grid-gap: 48px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    background: #fff;
    grid-template-columns: 1fr;
    max-width: 700px;
    padding: 120px 0;
    z-index: 2
}

.contacts__blocks,.contacts__container {
    -ms-grid-columns: 1fr;
    display: -ms-grid;
    display: grid
}

.contacts__blocks {
    grid-gap: 8px;
    grid-template-columns: 1fr
}

.contacts__block {
    -ms-grid-columns: 200px 30px 1fr;
    grid-gap: 30px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 200px 1fr
}

.contacts__block a,.contacts__block p,.contacts__block span {
    color: var(--black);
    font-size: 1.9rem
}

.contacts__text {
    display: block
}

.contacts__text span {
    color: var(--grey);
    display: block;
    margin-bottom: 12px;
    margin-top: 6px
}

.contacts__link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.contacts__link--accent {
    color: #3d8cd6!important
}

.contacts__director {
    padding-top: 24px
}

.contacts__director-info {
    -ms-grid-columns: 1fr;
    grid-gap: 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr
}

.contacts__director-wrap {
    grid-gap: 20px;
    -ms-grid-columns: -webkit-max-content 20px auto;
    -ms-grid-columns: max-content 20px auto;
    display: -ms-grid;
    display: grid;
    grid-template-columns: -webkit-max-content auto;
    grid-template-columns: max-content auto
}

.contacts__map {
    background: rgba(0,0,0,.05);
    height: 100%;
    max-width: calc(42% + 7px);
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

@media screen and (max-width: 1024px) {
    .contacts {
        height:auto
    }

    .contacts__container {
        padding: 60px 0 40px
    }

    .contacts__map {
        height: 400px;
        max-width: 100%;
        position: static
    }
}

@media screen and (max-width: 640px) {
    .contacts__container {
        grid-gap:12px
    }

    .contacts__container .socials {
        margin-top: 15px
    }

    .contacts__blocks {
        grid-gap: 26px
    }

    .contacts__block {
        -ms-grid-columns: 100%;
        grid-gap: 5px;
        grid-template-columns: 100%
    }

    .contacts__director {
        padding-top: 0
    }

    .contacts__map {
        height: 295px
    }
}

.cookie {
    bottom: 25px;
    opacity: 0;
    position: fixed;
    right: 20px;
    z-index: 999
}

.cookie.show {
    -webkit-animation: cookie-show .3s ease-in-out forwards;
    animation: cookie-show .3s ease-in-out forwards
}

.cookie__box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0,0,0,.74);
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    padding: 16px
}

.cookie__text {
    color: #fff;
    font-size: 1.5rem;
    line-height: 24px
}

.cookie__text a {
    color: hsla(0,0%,100%,.6);
    text-decoration: underline
}

@-webkit-keyframes cookie-show {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes cookie-show {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@media screen and (max-width: 768px) {
    .cookie {
        bottom:20px;
        left: 16px;
        right: auto;
        width: calc(100% - 125px)
    }

    .cookie__box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px
    }

    .cookie__text {
        font-size: 12px;
        line-height: 15px
    }

    .cookie__text br {
        display: none
    }

    @-webkit-keyframes cookie-show {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-50px);
            transform: translateY(-50px)
        }

        to {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }

    @keyframes cookie-show {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-50px);
            transform: translateY(-50px)
        }

        to {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }
}

.development {
    overflow: hidden
}

.development__container {
    -ms-grid-columns: 100%;
    display: -ms-grid;
    display: grid;
    gap: 40px;
    grid-template-columns: 100%;
    margin: auto 0 75px
}

.development__container p {
    font-size: 2.1rem;
    max-width: 90%
}

.development__list {
    -ms-grid-columns: 1fr 20px 1fr;
    display: -ms-grid;
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2,1fr);
    margin-bottom: 60px
}

.development__item {
    background: #fff;
    border: 1px solid #dfe9f3;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(38,48,56,.04);
    min-height: 352px;
    padding: 50px 20px 20px 40px;
    position: relative
}

.development__title {
    color: #242528;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 18px;
    margin-top: 0
}

.development__item-list {
    color: #242528;
    font-size: 1.8rem;
    line-height: 1.75;
    list-style: none;
    margin: 0;
    padding: 0
}

.development__item-list li {
    padding-left: 20px;
    position: relative
}

.development__item-list li:after {
    background: #242528;
    border-radius: 50%;
    content: "";
    display: block;
    height: 4px;
    left: 6px;
    position: absolute;
    top: 12px;
    width: 4px
}

.development__item-icon {
    position: absolute;
    right: 23px;
    top: 40px
}

.development__item-icon img {
    display: block;
    max-width: 100%
}

@media screen and (max-width: 640px) {
    .development__list {
        -ms-grid-columns:1fr;
        grid-template-columns: 1fr
    }

    .development__title {
        font-size: 2.4rem
    }

    .development__item-icon {
        right: 10px;
        top: 0;
        width: 75px
    }
}

.docs__container {
    grid-gap: 64px;
    padding: 60px 0 120px
}

.docs__container,.docs__list {
    display: -ms-grid;
    display: grid
}

.docs__list {
    -ms-grid-columns: 1fr 32px 1fr 32px 1fr 32px 1fr;
    grid-gap: 32px;
    grid-template-columns: repeat(4,1fr)
}

.docs__link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border: 1px solid rgba(61,140,214,.32);
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    padding: 24px;
    position: relative;
    -webkit-transition: all .2s;
    transition: all .2s;
    z-index: 1
}

.docs__link:before {
    background: #f8f8f8;
    border-radius: 200px;
    content: "";
    height: 100px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-50%,-50%) scale(0);
    -ms-transform: translate(-50%,-50%) scale(0);
    transform: translate(-50%,-50%) scale(0);
    -webkit-transition: all .5s;
    transition: all .5s;
    width: 100px;
    z-index: -2
}

.docs__link:hover {
    border-color: #f8f8f8
}

.docs__link:hover:before {
    -webkit-transform: translate(-50%,-50%) scale(9);
    -ms-transform: translate(-50%,-50%) scale(9);
    transform: translate(-50%,-50%) scale(9)
}

.docs__icon {
    background: url(/local/templates/studio-v/assets/css/images/icons/doc.svg) 50% no-repeat;
    height: 60px;
    margin-bottom: 12px;
    width: 60px
}

.docs__name {
    color: #0b0b0b;
    font-size: 18px;
    font-weight: 700;
    margin-top: auto
}

@media screen and (max-width: 1024px) {
    .docs__container {
        grid-gap:32px;
        padding: 30px 0 60px
    }

    .docs__list {
        -ms-grid-columns: 1fr 24px 1fr 24px 1fr;
        grid-gap: 24px;
        grid-template-columns: repeat(3,1fr)
    }
}

@media screen and (max-width: 768px) {
    .docs__list {
        -ms-grid-columns:1fr 16px 1fr;
        grid-gap: 16px;
        grid-template-columns: repeat(2,1fr)
    }

    .docs__link {
        padding: 16px
    }
}

@media screen and (max-width: 640px) {
    .docs__container {
        grid-gap:24px
    }

    .docs__list {
        grid-gap: 12px 8px
    }

    .docs__link {
        padding: 12px
    }

    .docs__icon {
        background-size: 35px;
        height: 40px;
        margin-bottom: 6px;
        width: 40px
    }

    .docs__name {
        font-size: 12px;
        line-height: 14px
    }
}

.faq.prices-faq .faq__container {
    padding: 60px 0
}

.faq__container {
    grid-gap: 64px;
    display: -ms-grid;
    display: grid;
    padding: 60px 0 120px
}

.faq__content {
    -ms-grid-columns: 1fr 64px minmax(auto,348px);
    grid-gap: 64px;
    grid-template-columns: 1fr minmax(auto,348px);
    width: 100%
}

.faq__content,.faq__list {
    display: -ms-grid;
    display: grid
}

.faq__list {
    grid-gap: 16px
}

.faq__item {
    background-color: #fff;
    border: 1px solid #dfe9f3;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(38,48,56,.04)
}

.faq__item:not(:last-of-type) {
    margin-bottom: 1rem
}

.faq__info {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .875rem;
    justify-content: space-between;
    padding: clamp(1rem,3vw,2rem) clamp(1rem,2vw,1.5rem) clamp(1rem,3vw,2rem) clamp(1rem,3vw,2rem);
    text-align: left;
    width: 100%
}

.faq__question {
    color: #333338;
    font-size: 2.5rem;
    line-height: 162%
}

.faq__answer {
    max-height: 0;
    overflow: hidden;
    overflow-wrap: break-word;
    padding: 0 1rem 0 clamp(1rem,3vw,2rem);
    text-align: start;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.faq__answer a:hover {
    color: #1c4ade
}

.faq__answer p {
    font-size: 1.9rem;
    padding-bottom: 1rem
}

.faq__arrow {
    -webkit-box-flex: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 34px;
    flex: 0 0 34px;
    height: 30px;
    justify-content: center;
    opacity: .5;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,transform .3s ease;
    transition: opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;
    width: 34px
}

.faq__arrow svg {
    width: 60px
}

.faq__arrow--active {
    opacity: 1;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.faq__request {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: #f7f8fa;
    border-radius: 36px;
    gap: 36px;
    justify-content: space-between;
    padding: 36px 33px;
    position: sticky;
    top: 100px
}

.faq__request,.faq__request-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.faq__request-info {
    gap: 16px
}

.faq__request-title {
    font-size: 2.5rem;
    line-height: 1
}

.faq__request-text {
    color: var(--grey);
    font-size: 1.9rem
}

@media screen and (max-width: 768px) {
    .faq__container {
        grid-gap:24px;
        padding: 30px 0!important
    }

    .faq__content {
        -ms-grid-columns: 100%;
        gap: 36px;
        grid-template-columns: 100%
    }
}

.feedback {
    color: #fff;
    padding: 1.2rem 2.5rem;
    white-space: nowrap
}

.footer {
    background: #fff;
    border-top: 1px solid #eaebf3;
    padding: 40px 0
}

.footer__container {
    -ms-grid-columns: 256px 8rem 1fr;
    grid-gap: 8rem;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 256px 1fr
}

.footer__container--copy {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end
}

.footer__vyatka {
    -webkit-filter: grayscale(255);
    filter: grayscale(255)
}

.footer__vyatka:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.footer__main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer__logo {
    margin-bottom: 32px
}

.footer__logo img {
    width: 225px
}

.footer__messengers {
    margin-bottom: 24px
}

.footer__copy {
    margin-top: 24px
}

.footer__copy span {
    color: var(--grey);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.4rem;
    line-height: 16px
}

.footer__blocks {
    -ms-grid-columns: auto 32px auto 32px auto 32px auto;
    grid-gap: 32px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: start;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(4,auto);
    justify-content: space-between
}

.footer__block {
    grid-gap: 24px;
    display: -ms-grid;
    display: grid
}

.footer__label {
    font-family: Gropled,sans-serif;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 24px
}

.footer__links {
    grid-gap: 16px;
    display: -ms-grid;
    display: grid
}

.footer__links li {
    color: var(--grey)
}

.footer__links li.current-menu-item a {
    color: #5aafff
}

.footer__links li a,.footer__links li button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.7rem;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-transition: color .3s;
    transition: color .3s
}

.footer__links li a:hover,.footer__links li button:hover {
    color: #5aafff
}

.footer__email {
    color: #129fee
}

@media screen and (max-width: 1024px) {
    .footer {
        padding:24px 0 0
    }

    .footer__container {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }
}

@media screen and (max-width: 640px) {
    .footer__logo {
        margin-bottom:16px
    }

    .footer__logo img {
        width: 180px
    }

    .footer__messengers {
        margin-bottom: 20px
    }

    .footer__copy {
        margin-top: 8px
    }

    .footer__container {
        grid-gap: 24px
    }

    .footer__blocks {
        -ms-grid-columns: 1fr 24px 1fr;
        grid-gap: 24px;
        grid-template-columns: 1fr 1fr
    }

    .footer__block {
        grid-gap: 12px;
        display: none
    }

    .footer__label {
        font-size: 14px;
        line-height: 16px
    }

    .footer__links {
        grid-gap: 8px
    }

    .footer__links li a {
        font-size: 12px;
        line-height: 16px
    }
}

.founder__container {
    -ms-grid-columns: 1fr;
    grid-gap: 24px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr;
    padding-bottom: 120px
}

.founder__content {
    -ms-grid-columns: 100%;
    grid-gap: 48px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 100%
}

.founder__image {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: #000;
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding-top: 15px;
    width: 100%
}

.founder__image img {
    height: auto;
    max-width: 630px;
    width: 100%
}

.founder__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.founder__text {
    font-size: 18px;
    line-height: 28px;
    max-width: 900px
}

.founder__quote {
    -ms-grid-columns: 1fr;
    grid-gap: 32px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr;
    margin-bottom: 48px;
    margin-top: 24px;
    max-width: 857px
}

.founder__quote-text {
    background: #edf6ff;
    border-radius: 12px;
    padding: 24px 52px;
    position: relative
}

.founder__quote-text:after,.founder__quote-text:before {
    background-size: contain!important;
    content: "";
    height: 17px;
    position: absolute;
    width: 22px
}

.founder__quote-text:before {
    background: url(/local/templates/studio-v/assets/css/../images/icons/quote-from.svg) 50% no-repeat;
    left: 24px;
    top: 24px
}

.founder__quote-text:after {
    background: url(/local/templates/studio-v/assets/css/../images/icons/quote-to.svg) 50% no-repeat;
    bottom: 24px;
    right: 24px
}

.founder__quote-author {
    -ms-grid-columns: 72px 16px 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 16px;
    align-items: center;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 72px 1fr
}

.founder__quote-avatar {
    border-radius: 100px;
    height: 72px;
    overflow: hidden;
    width: 72px
}

.founder__quote-info {
    display: -ms-grid;
    display: grid
}

.founder__quote-name {
    color: rgba(0,0,0,.72)
}

.founder__quote-label {
    color: rgba(0,0,0,.32)
}

@media screen and (max-width: 1024px) {
    .founder__container {
        grid-gap:16px
    }

    .founder__content {
        -ms-grid-columns: 100%;
        grid-gap: 24px;
        grid-template-columns: 100%
    }

    .founder__text {
        font-size: 16px;
        line-height: 24px
    }

    .founder__quote {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        margin: 24px 0
    }

    .founder__image {
        padding-top: 0
    }
}

@media screen and (max-width: 640px) {
    .founder__quote-text {
        padding:24px 16px
    }

    .founder__quote-text:before {
        left: 16px;
        top: 6px;
        width: 16px
    }

    .founder__quote-text:after {
        bottom: 6px;
        right: 16px;
        width: 16px
    }

    .founder__quote-text br {
        display: none
    }

    .founder__quote-author {
        grid-gap: 8px
    }

    .founder__quote-label,.founder__quote-name {
        font-size: 14px;
        line-height: 18px
    }

    .founder__quote-label br,.founder__quote-name br {
        display: none
    }
}

.funs {
    overflow: hidden
}

.funs__container {
    -ms-grid-columns: 100%;
    grid-gap: 16px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: start;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 100%;
    justify-content: start;
    padding-bottom: 120px
}

.funs__description {
    color: rgba(0,0,0,.72);
    max-width: 520px
}

.funs__content {
    -ms-grid-columns: 100%;
    grid-gap: 32px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 100%
}

.funs__list .splide__track {
    overflow: visible
}

.funs__list .splide__list {
    -ms-grid-columns: 1fr 32px 1fr 32px 1fr 32px 1fr;
    grid-gap: 32px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(4,1fr)
}

.funs__item:nth-child(14n+1),.funs__item:nth-child(14n+2),.funs__item:nth-child(14n+3),.funs__item:nth-child(14n+4),.funs__item:nth-child(14n+5),.funs__item:nth-child(14n+6) {
    -ms-grid-column-span: 1;
    grid-column: span 1
}

.funs__item:nth-child(14n+7) {
    -ms-grid-column-span: 2;
    -ms-grid-row-span: 2;
    grid-column: span 2;
    grid-row: span 2
}

.funs__item:nth-child(14n+8),.funs__item:nth-child(14n+9) {
    -ms-grid-column-span: 1;
    grid-column: span 1
}

.funs__item:nth-child(14n+10) {
    -ms-grid-column-span: 2;
    -ms-grid-row-span: 2;
    grid-column: span 2;
    grid-row: span 2
}

.funs__item:nth-child(14n+11),.funs__item:nth-child(14n+12),.funs__item:nth-child(14n+13),.funs__item:nth-child(14n+14) {
    -ms-grid-column-span: 1;
    grid-column: span 1
}

.funs__item img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s,-webkit-transform .4s;
    width: 100%
}

.funs__item img:hover {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03)
}

@media screen and (max-width: 1216px) {
    .funs__list .splide__list {
        grid-gap:12px
    }
}

@media screen and (max-width: 768px) {
    .funs__list .splide__track {
        overflow:visible
    }

    .funs__list .splide__list {
        -ms-grid-columns: none;
        grid-gap: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        grid-template-columns: none
    }

    .funs__item {
        max-width: calc(100vw - 62px)
    }
}

@media screen and (max-width: 640px) {
    .funs__container {
        grid-gap:12px;
        padding-bottom: 80px;
        padding-top: 0
    }
}

.get-project-dark .get-project__box {
    -webkit-animation: animateBackground 8s linear infinite alternate;
    animation: animateBackground 8s linear infinite alternate;
    background: #1a1b1f url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0ODgiIGhlaWdodD0iNDg4IiBmaWxsPSJub25lIj48ZyBmaWx0ZXI9InVybCgjYSkiPjxjaXJjbGUgY3g9IjI0NCIgY3k9IjI0NCIgcj0iMTI0IiBmaWxsPSJ1cmwoI2IpIiBmaWxsLW9wYWNpdHk9Ii42Ii8+PC9nPjxkZWZzPjxyYWRpYWxHcmFkaWVudCBpZD0iYiIgY3g9IjAiIGN5PSIwIiByPSIxIiBncmFkaWVudFRyYW5zZm9ybT0icm90YXRlKDkwIDAgMjQ0KSBzY2FsZSgxMjQpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iIzhGNzJFMiIvPjxzdG9wIHN0b3AtY29sb3I9IiM4NzgyRTAiLz48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM5MDhCRUQiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM4RjcyRTIiIHN0b3Atb3BhY2l0eT0iLjgiLz48L3JhZGlhbEdyYWRpZW50PjxmaWx0ZXIgaWQ9ImEiIHdpZHRoPSI0ODgiIGhlaWdodD0iNDg4IiB4PSIwIiB5PSIwIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz48ZmVHYXVzc2lhbkJsdXIgcmVzdWx0PSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyXzUxMl8xMzk3IiBzdGREZXZpYXRpb249IjYwIi8+PC9maWx0ZXI+PC9kZWZzPjwvc3ZnPg==) no-repeat
}

@-webkit-keyframes animateBackground {
    0% {
        background-position: 0 0
    }

    25% {
        background-position: 25% 25%
    }

    to {
        background-position: 0 0
    }
}

@keyframes animateBackground {
    0% {
        background-position: 0 0
    }

    25% {
        background-position: 25% 25%
    }

    to {
        background-position: 0 0
    }
}

.get-project-dark .get-project__title {
    color: #fff
}

.get-project-dark .get-project__description {
    font-size: 2.1rem
}

.get-project-dark .radio label {
    -webkit-box-shadow: inset 0 0 0 1px hsla(0,0%,100%,.16);
    box-shadow: inset 0 0 0 1px hsla(0,0%,100%,.16);
    color: #fff;
    font-size: 1.8rem
}

.get-project-dark .radio label:hover {
    background: rgba(0,133,255,.14);
    -webkit-box-shadow: inset 0 0 0 1px hsla(0,0%,100%,.9);
    box-shadow: inset 0 0 0 1px hsla(0,0%,100%,.9)
}

.get-project-dark .input-text input {
    border-color: #fff
}

.get-project-dark .input-text input,.get-project-dark .input-text label,.get-project-dark .term p {
    color: #fff
}

.get-project__container {
    padding: 72px
}

.get-project__box {
    -ms-grid-columns: (1fr)[2];
    border-radius: 12px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    margin: 0 auto;
    max-width: 1456px;
    overflow: hidden;
    position: relative
}

.get-project__image {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #292d45;
    height: 100%;
    max-width: 608px;
    padding: 50px 0 50px 50px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.get-project__image,.get-project__image picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.get-project__image picture {
    max-height: 100%
}

.get-project__image img {
    height: 728px;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left;
    object-position: left
}

.get-project__info {
    padding: 50px 75px
}

.get-project__title {
    color: #fff
}

.get-project__description {
    color: #fff;
    margin-top: 3rem;
    max-width: 530px
}

.get-project__avatars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 3rem
}

.get-project__avatar-image {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 60px;
    margin-right: -20px;
    width: 60px
}

.get-project__avatar-image img {
    border: 3px solid #252a30;
    border-radius: 50%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50%;
    object-position: 50%;
    width: 100%
}

.get-project__form {
    -ms-grid-columns: 1fr;
    grid-gap: 32px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr
}

.get-project__block--type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -12px
}

.get-project__block--type .radio {
    margin-bottom: 12px;
    margin-right: 8px
}

.get-project__block--info {
    -ms-grid-columns: 1fr 32px 1fr;
    grid-gap: 32px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 528px
}

.get-project__block--controls {
    -ms-grid-columns: -webkit-max-content 24px auto;
    -ms-grid-columns: max-content 24px auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    grid-gap: 24px;
    align-items: center;
    display: -ms-grid;
    display: grid;
    grid-template-columns: -webkit-max-content auto;
    grid-template-columns: max-content auto;
    justify-content: start;
    padding-top: 34px
}

.get-project__block-about,.get-project__block-email {
    -ms-grid-column-span: 2;
    grid-column: span 2
}

.get-project__block-name,.get-project__block-phone {
    -ms-grid-column-span: 1;
    grid-column: span 1
}

.get-project .term p {
    max-width: 265px
}

@media screen and (max-width: 1600px) {
    .get-project__box {
        padding-left:20px
    }

    .get-project__image {
        max-width: 400px
    }

    .get-project__image img {
        height: 450px
    }
}

@media screen and (max-width: 1216px) {
    .get-project__info {
        max-width:480px
    }

    .get-project__image {
        max-width: 350px
    }
}

@media screen and (max-width: 1024px) {
    .get-project-light .get-project__image {
        border-left:none;
        border-top: 1px solid rgba(0,0,0,.08)
    }

    .get-project__box {
        border-radius: 16px;
        padding: 0
    }

    .get-project__info {
        padding: 50px 30px
    }

    .get-project__image {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        margin-bottom: -50px;
        max-width: 100%;
        padding: 50px 30px 0;
        position: relative
    }
}

@media screen and (max-width: 768px) {
    .get-project__image img {
        height:auto;
        width: 100%
    }
}

@media screen and (max-width: 640px) {
    .get-project__container {
        padding:60px 0
    }

    .get-project__box {
        -ms-grid-columns: (1fr)[1];
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(1,1fr);
        padding: 20px
    }

    .get-project__info {
        grid-gap: 12px;
        max-width: 100%;
        padding: 20px 0
    }

    .get-project__form {
        grid-gap: 20px;
        padding-top: 8px
    }

    .get-project__block--info {
        -ms-grid-columns: 1fr;
        grid-gap: 12px;
        grid-template-columns: 1fr;
        max-width: 100%
    }

    .get-project__block--info .input {
        -ms-grid-column-span: 1!important;
        grid-column: span 1!important
    }

    .get-project__block--controls {
        -ms-grid-columns: 100%;
        grid-gap: 12px;
        grid-template-columns: 100%;
        padding-top: 0
    }

    .get-project__image {
        padding: 20px 20px 0
    }
}

.header {
    overflow-x: clip;
    position: sticky;
    top: calc(var(--header_top_height)*-1);
    width: 100%;
    z-index: 10
}

.header-light,.header.header-fixed {
    background: #fff
}

.header-light .header__city .city__button svg path,.header.header-fixed .header__city .city__button svg path {
    fill: var(--black)
}

.header-light .header__city .city__dropdown,.header.header-fixed .header__city .city__dropdown {
    background: #fff;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 12px;
    -webkit-box-shadow: 0 12px 24px rgba(0,0,0,.08);
    box-shadow: 0 12px 24px rgba(0,0,0,.08)
}

.header-light .header__city .city__dropdown li a,.header.header-fixed .header__city .city__dropdown li a {
    color: var(--black);
    font-size: 1.7rem
}

.header-light .header__city .city__dropdown li a:hover,.header.header-fixed .header__city .city__dropdown li a:hover {
    background: #f1f1f1
}

.header-light .header__top,.header.header-fixed .header__top {
    position: relative;
    z-index: 1
}

.header-light .header__top:before,.header.header-fixed .header__top:before {
    background: var(--bg-2);
    content: "";
    height: 100%;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: calc(100vw - 20px);
    z-index: -1
}

.header-light .header__bottom,.header.header-fixed .header__bottom {
    position: relative
}

.header-light .header__bottom:before,.header.header-fixed .header__bottom:before {
    background: rgba(0,0,0,.08);
    bottom: 0;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: width .2s;
    transition: width .2s;
    width: 100%
}

.header-light .header__city .city__button,.header.header-fixed .header__city .city__button {
    color: var(--black);
    font-family: FuturaPT,sans-serif;
    font-size: 1.7rem
}

.header-light .header__city .city__button img,.header.header-fixed .header__city .city__button img {
    -webkit-filter: invert(92%) sepia(6%) saturate(27%) hue-rotate(318deg) brightness(83%) contrast(84%);
    filter: invert(92%) sepia(6%) saturate(27%) hue-rotate(318deg) brightness(83%) contrast(84%)
}

.header-light .header__link,.header-light .header__nav li a,.header.header-fixed .header__link,.header.header-fixed .header__nav li a {
    color: var(--black);
    font-size: 1.7rem
}

.header-light .header__logo-title,.header.header-fixed .header__logo-title {
    color: #0b0b0b
}

.header-light .header__logo-description,.header.header-fixed .header__logo-description {
    color: rgba(0,0,0,.32)
}

.header-light .header__services .flexible-menu__button,.header.header-fixed .header__services .flexible-menu__button {
    color: #0b0b0b
}

.header-light .header__service img,.header-light .header__services .flexible-menu__button img,.header.header-fixed .header__service img,.header.header-fixed .header__services .flexible-menu__button img {
    -webkit-filter: invert(92%) sepia(6%) saturate(27%) hue-rotate(318deg) brightness(83%) contrast(84%);
    filter: invert(92%) sepia(6%) saturate(27%) hue-rotate(318deg) brightness(83%) contrast(84%)
}

.header-light .header__service a,.header.header-fixed .header__service a {
    color: #0b0b0b
}

.header-light .flexible-menu__inner,.header-light .header_dropdown,.header.header-fixed .flexible-menu__inner,.header.header-fixed .header_dropdown {
    background: #fff!important;
    border: 1px solid rgba(0,0,0,.08)!important;
    -webkit-box-shadow: 0 12px 24px rgba(0,0,0,.08)!important;
    box-shadow: 0 12px 24px rgba(0,0,0,.08)!important
}

.header-light .flexible-menu__inner li a,.header-light .header_dropdown li a,.header.header-fixed .flexible-menu__inner li a,.header.header-fixed .header_dropdown li a {
    color: #0b0b0b!important
}

.header-light .flexible-menu__inner li a:hover,.header-light .header_dropdown li a:hover,.header.header-fixed .flexible-menu__inner li a:hover,.header.header-fixed .header_dropdown li a:hover {
    background: #f1f1f1!important
}

.header.header-fixed .header__bottom:before {
    width: calc(100vw - 20px)
}

.header__container {
    -ms-grid-columns: 1fr;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr
}

.header__top {
    -ms-grid-columns: auto 20px auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    grid-gap: 20px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    padding: 12px 0
}

.header__top-left {
    -ms-grid-columns: -webkit-max-content 20px -webkit-max-content 20px auto;
    -ms-grid-columns: max-content 20px max-content 20px auto;
    grid-gap: 20px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: -webkit-max-content -webkit-max-content auto;
    grid-template-columns: max-content max-content auto
}

.header__top-right {
    -ms-grid-columns: 1fr;
    grid-gap: 15px;
    grid-template-columns: 1fr
}

.header__nav {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header__nav li {
    margin-right: 24px
}

.header__nav li:last-child {
    margin-right: 0
}

.header__nav li a {
    -webkit-transition: color .2s;
    transition: color .2s
}

.header__nav li a:hover {
    color: #5aafff
}

.header__nav li.current_page_item a {
    color: #5aafff
}

.header__bottom {
    -ms-grid-columns: auto 20px auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    grid-gap: 20px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    padding: 13px 0 15px
}

.header__bottom-right {
    -ms-grid-columns: auto 40px auto;
    grid-gap: 40px;
    grid-template-columns: auto auto
}

.header__bottom-right,.header__logo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-grid;
    display: grid
}

.header__logo {
    -ms-grid-columns: -webkit-max-content 14px auto;
    -ms-grid-columns: max-content 14px auto;
    grid-gap: 14px;
    grid-template-columns: -webkit-max-content auto;
    grid-template-columns: max-content auto
}

.header__logo-image {
    display: block;
    margin-top: 5px;
    width: 226px
}

.header__logo-info {
    -ms-grid-columns: 1fr;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr
}

.header__logo-title {
    color: #fff
}

.header__logo-description {
    color: hsla(0,0%,100%,.32);
    font-size: 12px;
    line-height: 16px
}

.header__services {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header__services,.header__services .flexible-menu__button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__services .flexible-menu__button {
    -ms-grid-columns: -webkit-max-content 8px 1fr;
    -ms-grid-columns: max-content 8px 1fr;
    grid-gap: 8px;
    color: #fff;
    display: -ms-grid;
    display: grid;
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
    -webkit-transition: color .2s;
    transition: color .2s;
    white-space: nowrap
}

.header__services .flexible-menu__button:hover {
    color: #3d8cd6!important
}

.header__service {
    font-size: 1.8rem;
    margin-right: 24px;
    position: relative
}

.header__service:last-child {
    margin-right: 0
}

.header__service>a {
    -ms-grid-columns: -webkit-max-content 8px 1fr;
    -ms-grid-columns: max-content 8px 1fr;
    grid-gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -ms-grid;
    display: grid;
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
    -webkit-transition: color .2s;
    transition: color .2s;
    white-space: nowrap
}

.header__service>a:hover {
    color: #3d8cd6!important
}

.header__service:hover .header__dropdown {
    display: block
}

.header .flexible-menu__inner,.header__dropdown {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: hsla(0,0%,100%,.8);
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 12px;
    -webkit-box-shadow: 0 20px 60px rgba(44,19,66,.2);
    box-shadow: 0 20px 60px rgba(44,19,66,.2);
    display: none;
    max-width: 336px;
    padding: 12px 0;
    position: absolute;
    top: calc(100% + 8px);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    z-index: 2
}

.header .flexible-menu__inner:before,.header__dropdown:before {
    bottom: 100%;
    content: "";
    height: 15px;
    position: absolute;
    width: 100%
}

.header .flexible-menu__inner li,.header__dropdown li {
    width: 100%
}

.header .flexible-menu__inner li a,.header__dropdown li a {
    color: #0b0b0b;
    cursor: pointer;
    display: block;
    padding: 8px 24px;
    -webkit-transition: background .2s;
    transition: background .2s
}

.header .flexible-menu__inner li a:hover,.header__dropdown li a:hover {
    background: #f1f1f1;
    -webkit-transition: .3s;
    transition: .3s
}

.header .flexible-menu__wrapper--open .flexible-menu__inner {
    display: block
}

.header .flexible-menu__wrapper .flexible-menu__inner {
    left: auto;
    right: 0
}

.header__link:hover {
    color: #5aafff;
    -webkit-transition: all .5s;
    transition: all .5s
}

.header__start {
    font-weight: 300
}

.header-mobile {
    display: none;
    overflow: hidden;
    position: sticky;
    top: calc(var(--header_mobile_top_height)*-1);
    width: 100%;
    z-index: 10
}

.header-mobile.header-light .header-mobile__top {
    border-color: rgba(0,0,0,.08)
}

.header-mobile.header-light .header-mobile__bottom {
    border-bottom: 1px solid rgba(0,0,0,.08)
}

.header-mobile__top {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-bottom: 1px solid hsla(0,0%,100%,.06);
    justify-content: space-between;
    padding: 7px 0 9px
}

.header-mobile__controls,.header-mobile__top {
    -ms-grid-columns: auto 10px auto;
    grid-gap: 10px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: auto auto
}

.header-mobile__burger,.header-mobile__controls {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-mobile__burger {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: rgba(0,133,255,.14);
    border-radius: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    justify-content: center;
    width: 35px
}

.header-mobile__bottom {
    padding: 10px 0
}

.header-mobile__services {
    overflow-x: auto;
    padding: 0 16px;
    -webkit-transform: translateX(-16px);
    -ms-transform: translateX(-16px);
    transform: translateX(-16px);
    width: 100vw
}

.header-mobile__services::-webkit-scrollbar {
    height: 0;
    width: 0
}

.header-mobile__services::-webkit-scrollbar-thumb {
    background: transparent
}

.header-mobile__services::-webkit-scrollbar-track {
    background: hsla(0,0%,100%,.5)
}

.header-mobile__services {
    scrollbar-face-color:transparent;scrollbar-track-color:hsla(0,0%,100%,.5)}

.fixed-menu {
    background: #fff;
    height: 100vh;
    left: 100%;
    position: fixed;
    top: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s;
    width: 100%;
    z-index: 100
}

.fixed-menu.active {
    left: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.fixed-menu__box {
    -ms-grid-columns: 100%;
    -ms-grid-rows: auto 80px auto 80px auto;
    -ms-flex-line-pack: justify;
    grid-gap: 80px;
    align-content: space-between;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto auto auto;
    padding: 10px 16px
}

.fixed-menu__box>:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1
}

.fixed-menu__box>:nth-child(2) {
    -ms-grid-column: 1;
    -ms-grid-row: 3
}

.fixed-menu__box>:nth-child(3) {
    -ms-grid-column: 1;
    -ms-grid-row: 5
}

.fixed-menu__close {
    text-align: right
}

.fixed-menu__header {
    -ms-grid-columns: auto 1fr auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    grid-template-columns: auto 1fr auto;
    justify-content: space-between;
    width: 100%
}

.fixed-menu__header,.fixed-menu__list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-grid;
    display: grid
}

.fixed-menu__list {
    -ms-grid-columns: auto;
    grid-gap: 24px;
    grid-template-columns: auto
}

.fixed-menu__list li {
    display: -ms-grid;
    display: grid;
    font-size: 25px;
    font-weight: 700
}

.fixed-menu__list li.current_page_item a {
    color: #5aafff
}

.fixed-menu__links {
    -ms-grid-columns: auto;
    grid-gap: 15px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: auto
}

@media screen and (max-width: 1216px) {
    .header__bottom-right {
        grid-gap:20px
    }

    .header__service {
        margin-right: 0;
        padding-right: 14px
    }
}

@media screen and (max-width: 1024px) {
    .header {
        display:none
    }

    .header__logo-image {
        width: 156px
    }

    .header-mobile {
        display: block
    }
}

@media screen and (max-width: 640px) {
    .header-mobile .header__logo {
        grid-gap:6px
    }

    .header-mobile .header__logo-image {
        width: 156px
    }

    .header-mobile .header__logo-title {
        font-size: 14px;
        line-height: 120%
    }

    .header-mobile .header__logo-description {
        font-size: 10px;
        line-height: 16px
    }
}

.offer {
    overflow: hidden
}

.offer__container {
    padding: 90px 0 231px;
    position: relative
}

.offer__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    max-width: 728px;
    width: 100%
}

.offer__title {
    color: var(--black);
    font-family: Gropled,sans-serif;
    font-size: 5.5rem;
    font-weight: 900;
    line-height: 64px;
    line-height: 1.3;
    max-width: 800px;
    text-align: left;
    text-transform: uppercase
}

.offer__title span {
    font-weight: 600;
    padding-left: 7px;
    position: relative
}

.offer__subtitle {
    font-size: 2.5rem;
    line-height: 28px;
    margin: 16px 0;
    max-width: 592px;
    width: 100%
}

.offer__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.offer__controls>* {
    margin-right: 16px
}

.offer__controls>:last-child {
    margin-right: 0
}

.offer__controls:hover {
    color: var(--main);
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.offer__start {
    background-clip: text;
    -webkit-background-clip: text;
    background-image: linear-gradient(135deg,var(--main),var(--main) 50%,var(--black) 50%);
    font-family: FuturaPT;
    font-size: 1.9rem
}

.offer__start:hover {
    -webkit-animation: .4s ease-in;
    animation: .4s ease-in;
    color: #fff;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.offer svg {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    color: var(--black);
    margin-left: 20px;
    margin-right: 2rem;
    -webkit-perspective: 100rem;
    perspective: 100rem;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: color .2s,-webkit-transform .2s;
    transition: color .2s,-webkit-transform .2s;
    transition: transform .2s,color .2s;
    transition: transform .2s,color .2s,-webkit-transform .2s;
    will-change: transform
}

.offer svg:hover {
    color: var(--main);
    -webkit-transform: translateX(1rem);
    -ms-transform: translateX(1rem);
    transform: translateX(1rem);
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.offer__image {
    max-width: 392px;
    position: absolute;
    right: 0;
    top: 35px
}

.offer__circle-blue {
    -webkit-animation: header_circle_blue 8s linear infinite,header_circle_blueleft 6s linear infinite alternate;
    animation: header_circle_blue 8s linear infinite,header_circle_blueleft 6s linear infinite alternate;
    background: radial-gradient(50% 50% at 50% 50%,rgba(41,135,218,.5) 0,rgba(41,135,218,.5) 100%);
    border-radius: 100%;
    -webkit-filter: blur(80px);
    filter: blur(80px);
    height: 300px;
    left: 115.33px;
    position: absolute;
    top: 300px;
    width: 300px;
    z-index: -1
}

@-webkit-keyframes header_circle_blue {
    0% {
        left: 50%
    }

    50% {
        height: 384.48px;
        top: 300px;
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
        width: 384.48px
    }

    to {
        left: 50%
    }
}

@keyframes header_circle_blue {
    0% {
        left: 50%
    }

    50% {
        height: 384.48px;
        top: 300px;
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
        width: 384.48px
    }

    to {
        left: 50%
    }
}

@-webkit-keyframes header_circle_blueleft {
    0% {
        left: 55%
    }

    to {
        left: 30%
    }
}

@keyframes header_circle_blueleft {
    0% {
        left: 55%
    }

    to {
        left: 30%
    }
}

.offer__circle-green {
    -webkit-animation: header_circle_green 10s linear infinite,header_circle_greenleft 6s linear infinite alternate;
    animation: header_circle_green 10s linear infinite,header_circle_greenleft 6s linear infinite alternate;
    background: radial-gradient(50% 50% at 50% 50%,hsla(79,91%,87%,.8) 0,hsla(79,91%,87%,.464) 100%);
    border-radius: 100%;
    -webkit-filter: blur(80px);
    filter: blur(80px);
    height: 300px;
    left: 153.41px;
    position: absolute;
    top: 188px;
    width: 300px;
    z-index: -1
}

@-webkit-keyframes header_circle_green {
    0% {
        bottom: 0;
        left: 0
    }

    50% {
        bottom: 10px;
        height: 384.48px;
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
        width: 384.48px
    }

    to {
        bottom: 50%;
        left: 50%
    }
}

@keyframes header_circle_green {
    0% {
        bottom: 0;
        left: 0
    }

    50% {
        bottom: 10px;
        height: 384.48px;
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
        width: 384.48px
    }

    to {
        bottom: 50%;
        left: 50%
    }
}

@-webkit-keyframes header_circle_greenleft {
    0% {
        left: 15%
    }

    to {
        left: 50%
    }
}

@keyframes header_circle_greenleft {
    0% {
        left: 15%
    }

    to {
        left: 50%
    }
}

@media screen and (max-width: 1024px) {
    .offer__image {
        max-width:400px;
        top: 210px
    }
}

@media screen and (max-width: 768px) {
    .offer__box {
        max-width:100%;
        text-align: center
    }

    .offer__labels {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .offer__image {
        margin-top: 32px;
        position: relative;
        right: 0;
        top: auto
    }

    .offer__image:before {
        height: 465px;
        width: 500px
    }

    .offer__btn-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%
    }
}

@media screen and (max-width: 640px) {
    .offer__container {
        padding:20px 0 40px
    }

    .offer__labels {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 6px
    }

    .offer__label span:before {
        font-size: 19px
    }

    .offer__title {
        font-size: 2.8rem
    }

    .offer__title br {
        display: none
    }

    .offer__title .title-bg {
        margin-right: 0
    }

    .offer__subtitle {
        font-size: 16px;
        line-height: 24px;
        margin: 11px 0 0;
        text-align: left
    }

    .offer__subtitle br {
        display: none
    }

    .offer__image {
        max-width: 100%
    }

    .offer__image:before {
        bottom: -40px;
        height: 349px;
        right: -50px;
        width: 366px
    }

    .offer__controls {
        -ms-grid-columns: 1fr;
        grid-gap: 12px;
        display: -ms-grid;
        display: grid;
        grid-template-columns: 1fr;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .offer__controls>* {
        margin: 0
    }
}

.open-status {
    background: #d23428;
    border-radius: 100px;
    display: block;
    height: 6px;
    position: relative;
    width: 6px
}

.open-status:before {
    content: "";
    height: 24px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 200px
}

.open-status.active {
    background: #0dc143
}

.open-status:hover .open-status-tooltip {
    opacity: 1
}

.open-status-tooltip {
    background: #0b0b0b;
    border-radius: 10px;
    color: #fff!important;
    left: 0;
    max-width: 260px;
    opacity: 0;
    padding: 8px 12px;
    pointer-events: none!important;
    position: absolute;
    top: calc(100% + 12px);
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.order {
    background: var(--bg-2);
    overflow: hidden
}

.order__container {
    -ms-grid-columns: 100%;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 100%;
    padding: 0 0 136px
}

.order__head {
    -ms-grid-columns: 6fr 20px 1fr;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-grid;
    display: grid;
    gap: 20px;
    grid-template-columns: 6fr 1fr;
    justify-content: space-between;
    margin-bottom: 25px
}

.order__description {
    font-size: 2.1rem
}

.order__list {
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
    display: -ms-grid;
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3,1fr);
    margin-top: 40px
}

.order__item {
    background: #fff;
    border-radius: 8px;
    padding: 28px;
    position: relative
}

.order__image {
    position: absolute;
    right: 13px;
    top: 15px;
    width: 65px
}

.order__image img {
    display: block;
    height: auto;
    width: 100%
}

.order__title {
    color: var(--black);
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 28px;
    margin-top: 0;
    padding-right: 65px
}

.order__text {
    color: #2a2424;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.4
}

.order__text p {
    margin: 0
}

@media screen and (max-width: 1024px) {
    .order__container {
        padding:40px 0 60px
    }

    .order__head {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        justify-content: start
    }

    .order__head,.order__list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
}

@media screen and (max-width: 640px) {
    .order__nums {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        grid-gap: 24px;
        justify-content: center
    }

    .order__num {
        grid-gap: 5px
    }

    .order__num-name,.order__num-value {
        text-align: center
    }

    .order__num-value {
        font-size: 48px;
        line-height: 100%
    }

    .order__textbox {
        margin: 0 auto
    }

    .order__textbox,.order__textbox p {
        text-align: center
    }
}

.partners {
    background: #f7f8fa
}

.partners__container {
    -ms-grid-columns: 1fr;
    grid-gap: 24px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr;
    padding: 120px 0
}

.partners__description {
    color: #5a5a5a;
    max-width: 600px
}

.partners__description a,.partners__description span {
    color: #3d8cd6;
    position: relative
}

.partners__description a:before,.partners__description span:before {
    background: rgba(61,140,214,.24);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.partners__list {
    -ms-grid-columns: 1fr 32px 1fr 32px 1fr;
    grid-gap: 32px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    padding-top: 40px
}

.partners__item {
    background: #fff;
    border-radius: 12px
}

.partners__item:first-child {
    -ms-grid-column-span: 2;
    grid-column: span 2
}

.partners__item a {
    -ms-grid-columns: 1fr;
    grid-gap: 32px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr;
    height: 100%;
    padding: 32px
}

.partners__icon {
    height: 80px;
    width: 80px
}

.partners__info {
    -ms-grid-columns: 1fr;
    grid-gap: 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr
}

.partners__info-name {
    color: #0b0b0b;
    font-size: 18px;
    font-weight: 700
}

.partners__info-description {
    color: rgba(0,0,0,.72);
    max-width: 276px
}

@media screen and (max-width: 1024px) {
    .partners__list {
        -ms-grid-columns:1fr 32px 1fr;
        grid-template-columns: 1fr 1fr
    }

    .partners__item {
        -ms-grid-column-span: 1;
        grid-column: span 1
    }
}

@media screen and (max-width: 640px) {
    .partners__container {
        grid-gap:20px;
        padding: 60px 0
    }

    .partners__description br {
        display: none
    }

    .partners__list {
        -ms-grid-columns: 1fr;
        grid-gap: 20px;
        grid-template-columns: 1fr;
        padding-top: 0
    }

    .partners__item {
        -ms-grid-column-span: 1!important;
        grid-column: span 1!important
    }

    .partners__item a {
        grid-gap: 20px;
        padding: 20px
    }
}

.prices-info__container {
    padding: 60px 0 120px
}

.prices-info__blocks {
    -ms-grid-columns: 1fr 32px 1fr;
    grid-gap: 32px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr 1fr
}

.prices-info__block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: #f1f1f1;
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 24px
}

.prices-info__icon {
    margin-bottom: 24px
}

.prices-info__icon img {
    display: block
}

.prices-info__text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: rgba(0,0,0,.72);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.prices-info__text p {
    margin-bottom: 16px
}

.prices-info__title {
    font-size: 40px;
    line-height: 52px;
    margin-bottom: 24px
}

@media screen and (max-width: 1024px) {
    .prices-info__container {
        padding:24px 0 60px
    }

    .prices-info__blocks {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
}

@media screen and (max-width: 640px) {
    .prices-info__blocks {
        grid-gap:16px
    }

    .prices-info__block {
        padding: 24px 16px
    }

    .prices-info__icon {
        margin-bottom: 12px
    }

    .prices-info__title {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 12px
    }

    .prices-info__text {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 8px
    }
}

.prices__banner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f8f8f8 url(/local/templates/studio-v/assets/css/images/prices/prices-banner.svg) 50% no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 64px 0
}

.prices__text,.prices__title {
    margin-bottom: 24px;
    text-align: center
}

.prices__text {
    color: rgba(0,0,0,.72)
}

.prices__container {
    padding: 64px 0 60px
}

.prices__list {
    -ms-grid-columns: 1fr 32px 1fr 32px 1fr 32px 1fr;
    grid-gap: 32px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: start;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    justify-content: center
}

@media screen and (max-width: 1024px) {
    .prices__list {
        -ms-grid-columns:1fr 24px 1fr 24px 1fr;
        grid-gap: 24px;
        grid-template-columns: repeat(3,1fr)
    }
}

@media screen and (max-width: 768px) {
    .prices__container {
        padding-bottom:30px;
        padding-top: 32px
    }

    .prices__banner {
        background-repeat: repeat;
        background-size: contain
    }

    .prices__list {
        -ms-grid-columns: 1fr 24px 1fr;
        grid-template-columns: repeat(2,1fr)
    }
}

@media screen and (max-width: 640px) {
    .prices__banner {
        padding:32px 16px
    }

    .prices__text,.prices__title {
        margin-bottom: 16px
    }

    .prices__text {
        font-size: 13px;
        line-height: 16px
    }

    .prices__list {
        -ms-grid-columns: auto;
        grid-template-columns: auto
    }

    .prices__calculate {
        font-size: 14px
    }
}

.project {
    overflow: hidden
}

.project__container {
    -ms-grid-columns: 1fr;
    grid-gap: 40px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr;
    padding-bottom: 120px
}

.project__wrap {
    -ms-grid-columns: 1fr 66px 280px;
    grid-gap: 66px;
    align-items: start;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr 280px
}

.project__info,.project__wrap {
    -webkit-box-align: start;
    -ms-flex-align: start
}

.project__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: sticky;
    top: calc(var(--sticky-header-height))
}

.project__subtitle {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 8px
}

.project__text {
    margin-bottom: 8px
}

.project__link {
    color: #3d8cd6;
    display: block;
    margin-bottom: 20px
}

.project__share {
    -ms-grid-columns: 100%;
    grid-gap: 6px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 100%;
    margin-top: 24px
}

.project__share>span {
    color: rgba(0,0,0,.72)
}

.project__signature {
    color: rgba(0,0,0,.32);
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 8px;
    margin-top: 24px
}

.project__content,.project__get {
    width: 100%
}

.project__content>:first-child {
    margin-top: 0
}

.project__content img,.project__content picture,.project__content source {
    display: block;
    height: auto;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.project__content .size-full {
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.project__content p {
    margin: 32px 0;
    text-align: center
}

.project__content a {
    text-decoration: underline;
    -webkit-transition: color .2s;
    transition: color .2s
}

.project__content a:hover {
    color: #129fee
}

@media screen and (max-width: 1024px) {
    .project__wrap {
        -ms-grid-columns:100%;
        grid-gap: 24px;
        grid-template-columns: 100%
    }

    .project__info {
        -ms-grid-row: 1;
        grid-row: 1;
        position: static;
        top: auto
    }

    .project__blocks {
        -ms-grid-columns: minmax(auto,600px);
        grid-gap: 30px;
        grid-template-columns: minmax(auto,600px)
    }
}

@media screen and (max-width: 640px) {
    .project__container {
        padding-bottom:80px
    }

    .project__blocks,.project__container {
        grid-gap: 20px
    }

    .project__subtitle {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 4px
    }

    .project__share,.project__signature {
        margin-top: 16px
    }

    .project__link,.project__text {
        font-size: 14px;
        line-height: 14px
    }
}

.portfolio-detail .portfolio-item {
    height: 100%;
    width: 100%
}

.portfolio-item {
    background: var(--portfolio-bg);
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    height: 430px;
    padding: 30px 23px;
    position: relative;
    z-index: 1
}

.portfolio-item :active,.portfolio-item :focus,.portfolio-item:hover {
    background: var(--portfolio-bg-hover);
    -webkit-transition: .3s;
    transition: .3s
}

.portfolio-item-img {
    height: 270px;
    position: relative;
    text-align: center;
    z-index: 6
}

.portfolio-item-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: calc(100% - 270px);
    justify-content: space-between;
    position: relative;
    z-index: 7
}

.portfolio-item-title {
    font-size: 20px;
    line-height: 1.3;
    margin: 10px 0
}

.portfolio-item-description {
    display: none
}

.portfolio-item-redirect {
    margin-top: auto
}

.portfolio-item-redirect span {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5
}

.portfolio-item-redirect span:after {
    background: #fff;
    border-radius: 50%;
    content: "";
    display: -ms-inline-grid;
    display: inline-grid;
    height: 10px;
    margin-left: 10px;
    width: 10px
}

.portfolio-item-redirect span:hover {
    opacity: .7;
    -webkit-transition: .3s;
    transition: .3s
}

.projects {
    overflow: hidden
}

.projects.projects-page .projects__container {
    padding-bottom: 120px;
    padding-top: 0
}

.projects.projects-page .pagination {
    margin-top: 40px
}

.projects__container {
    grid-gap: 20px;
    grid-template-columns: 100%;
    padding: 120px 0 160px
}

.projects__container,.projects__content {
    -ms-grid-columns: 100%;
    display: -ms-grid;
    display: grid
}

.projects__content {
    grid-gap: 32px;
    grid-template-columns: 100%
}

.projects__navigation {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.projects__navigation-item {
    padding-right: 24px
}

.projects__navigation-button {
    font-size: 2.1rem;
    -webkit-transition: color .2s;
    transition: color .2s;
    white-space: nowrap
}

.projects__navigation-button.active {
    color: var(--main);
    pointer-events: none
}

.projects__navigation-button:hover {
    color: var(--main)
}

.projects__list {
    -ms-grid-columns: 1fr 32px 1fr 32px 1fr;
    grid-gap: 32px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    -webkit-perspective: 1000px;
    perspective: 1000px
}

@media screen and (max-width: 1024px) {
    .projects__container {
        padding:60px 0 80px
    }

    .projects__navigation {
        margin-bottom: 0;
        overflow-x: auto;
        padding: 0 16px;
        -webkit-transform: translateX(-16px);
        -ms-transform: translateX(-16px);
        transform: translateX(-16px);
        width: 100vw
    }

    .projects__navigation::-webkit-scrollbar {
        height: 0;
        width: 0
    }

    .projects__navigation::-webkit-scrollbar-thumb {
        background: transparent
    }

    .projects__navigation::-webkit-scrollbar-track {
        background: hsla(0,0%,100%,.5)
    }

    .projects__navigation {
        scrollbar-face-color:transparent;scrollbar-track-color:hsla(0,0%,100%,.5)}
}

@media screen and (max-width: 640px) {
    .projects.projects-page .projects__container {
        grid-gap:12px;
        padding-bottom: 80px
    }

    .projects.projects-page .pagination {
        margin-top: 20px
    }

    .projects__content {
        grid-gap: 20px
    }

    .projects__list {
        grid-gap: 20px 16px;
        -ms-grid-columns: 1fr;
        grid-template-columns: repeat(1,1fr)
    }

    .projects__card {
        -ms-grid-column-span: 3;
        grid-column: span 3
    }

    .projects__card--big {
        -ms-grid-column-span: 6;
        grid-column: span 6
    }

    .projects__info {
        padding: 16px
    }

    .projects__name {
        font-size: 22px
    }

    .projects__description {
        font-size: 14px;
        line-height: 20px
    }
}

.requisite__title {
    font-size: 3rem;
    line-height: 38px;
    margin-bottom: 30px
}

.requisite__container {
    padding: 40px 0 120px
}

.requisite__box {
    background: #f8fafc;
    border-radius: 36px;
    padding: 36px
}

.requisite__table {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 48px;
    margin-bottom: 20px;
    row-gap: 12px
}

.requisite__table,.requisite__table-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.requisite__table-item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-bottom: 1px solid #ddd;
    font-size: 1.9rem;
    justify-content: space-between;
    padding-bottom: 12px;
    width: 552px
}

.requisite__table-item span {
    text-align: right
}

.requisite__table-item p {
    color: #939598
}

@media screen and (max-width: 1273px) {
    .requisite__box {
        width:-webkit-min-content;
        width: -moz-min-content;
        width: min-content
    }
}

@media screen and (max-width: 700px) {
    .requisite__box {
        width:100%
    }
}

@media screen and (max-width: 425px) {
    .requisite__box {
        border-radius:16px;
        padding: 16px
    }

    .requisite__table {
        row-gap: 6px
    }

    .requisite__table-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 2px;
        justify-content: flex-start;
        padding-bottom: 6px
    }

    .requisite__table-item span {
        text-align: left
    }

    .requisite__title {
        font-size: 22px;
        line-height: 28px
    }
}

.reviews-page__container {
    grid-gap: 24px;
    grid-template-columns: 100%;
    padding-bottom: 120px;
    padding-top: 0
}

.reviews-page__container,.reviews-page__content {
    -ms-grid-columns: 100%;
    display: -ms-grid;
    display: grid
}

.reviews-page__content {
    grid-template-columns: 100%
}

.reviews-page__controls {
    -ms-grid-columns: auto auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    border-bottom: 1px solid rgba(0,0,0,.12);
    display: -ms-grid;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between
}

.reviews-page__togglers {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.reviews-page__toggler {
    padding-right: 24px
}

.reviews-page__toggler button {
    padding-bottom: 8px;
    position: relative;
    white-space: nowrap
}

.reviews-page__toggler button:before {
    background: #0b0b0b;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    width: 100%
}

.reviews-page__toggler button:hover:before {
    opacity: .5
}

.reviews-page__toggler button.active:before {
    opacity: 1
}

.reviews-page__add {
    color: #3d8cd6
}

.reviews-page__tabs .reviews__list {
    height: auto;
    max-height: none;
    overflow: visible
}

.reviews-page__tabs .reviews__list:before {
    display: none
}

.reviews-page__yandex {
    padding-top: 40px
}

.reviews-page__yandex>div {
    margin: 0 auto;
    max-width: 560px;
    width: 100%!important
}

@media screen and (max-width: 768px) {
    .reviews-page__container {
        grid-gap:20px;
        padding-bottom: 80px
    }

    .reviews-page__controls {
        -ms-grid-columns: 100%;
        grid-gap: 16px;
        grid-template-columns: 100%
    }

    .reviews-page__togglers {
        overflow-y: auto;
        padding: 0 16px;
        -webkit-transform: translateX(-16px);
        -ms-transform: translateX(-16px);
        transform: translateX(-16px);
        width: 100vw
    }

    .reviews-page__togglers::-webkit-scrollbar {
        height: 0;
        width: 0
    }

    .reviews-page__togglers::-webkit-scrollbar-thumb {
        background: transparent
    }

    .reviews-page__togglers::-webkit-scrollbar-track {
        background: hsla(0,0%,100%,.5)
    }

    .reviews-page__togglers {
        scrollbar-face-color:transparent;scrollbar-track-color:hsla(0,0%,100%,.5)}

    .reviews-page__add {
        -ms-grid-row: 1;
        grid-row: 1;
        text-align: left
    }

    .reviews-page__tabs .reviews__list {
        max-width: 100%!important;
        min-width: 0!important;
        padding-top: 20px
    }

    .reviews-page__tabs .reviews__item {
        position: static!important;
        -webkit-transform: none!important;
        -ms-transform: none!important;
        transform: none!important;
        width: 100%!important
    }

    .reviews-page__tabs .reviews__item:last-child {
        margin-bottom: 0
    }

    .reviews-page__yandex {
        padding-top: 20px
    }
}

.reviews {
    overflow: hidden
}

.reviews__container {
    -ms-grid-columns: 100%;
    grid-gap: 24px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 100%;
    padding: 120px 0 60px
}

.reviews__description {
    color: rgba(0,0,0,.72);
    max-width: 600px
}

.reviews__content {
    -ms-grid-columns: 100%;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 100%
}

.reviews__list {
    max-height: 1100px;
    overflow: hidden;
    padding-top: 40px;
    position: relative;
    width: 100%;
    z-index: 1
}

.reviews__list:before {
    background: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),color-stop(78.12%,hsla(0,0%,100%,.8)),to(#fff));
    background: linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.8) 78.12%,#fff);
    bottom: 0;
    content: "";
    height: 120px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

.reviews__list--full {
    max-height: none;
    overflow: visible
}

.reviews__list--full:before {
    display: none
}

.reviews__list--full .splide__track {
    overflow: visible
}

.reviews__list.swiper .reviews__item {
    margin-bottom: 0
}

.reviews__list.swiper .swiper-wrapper {
    position: relative
}

.reviews__list .dotted {
    display: none
}

.reviews__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -webkit-column-break-after: column;
    -moz-column-break-after: column;
    background: #fff;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 12px;
    break-after: column;
    break-inside: avoid-column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    margin-bottom: 40px;
    margin-top: 20px;
    padding: 0 32px 40px;
    position: absolute
}

.reviews__client {
    -ms-grid-columns: 1fr;
    grid-gap: 4px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr;
    margin-top: -20px
}

.reviews__client-avatar {
    height: 56px;
    margin-bottom: 12px;
    position: relative;
    width: 56px
}

.reviews__client-avatar>img {
    border-radius: 100px;
    display: block;
    height: 100%;
    width: 100%
}

.reviews__client-vk {
    bottom: 0;
    height: 24px;
    left: 100%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 24px
}

.reviews__client-name {
    color: var(--black);
    font-size: 1.8rem
}

.reviews__client-date {
    color: var(--grey);
    font-size: 1.5rem;
    font-style: italic;
    line-height: 16px
}

.reviews__body {
    color: var(--black);
    font-size: 1.8rem;
    line-height: 24px
}

.reviews__images {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 16px
}

.reviews__images img {
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.05);
    box-shadow: 0 0 10px rgba(0,0,0,.05)
}

.reviews__all {
    width: 100%
}

@media screen and (max-width: 1024px) {
    .reviews__container {
        padding:60px 0 30px
    }
}

@media screen and (max-width: 768px) {
    .reviews__container {
        grid-gap:12px
    }

    .reviews__list {
        padding-top: 8px
    }

    .reviews__list:before {
        display: none
    }

    .reviews__list .splide__list {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

    .reviews__list .dotted {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 20px 0
    }

    .reviews__item {
        padding: 0 20px 20px;
        position: static;
        -webkit-transform: none!important;
        -ms-transform: none!important;
        transform: none!important
    }
}

@media screen and (max-width: 640px) {
    .reviews__body,.reviews__body p {
        font-size:12px;
        line-height: 16px
    }
}

.scroll-progress {
    --width: 0%;
    height: 3px;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 11
}

.scroll-progress__fill {
    background: var(--main);
    height: 100%;
    transition: width .6s ease;
    -webkit-transition: width .6s ease;
    width: var(--width)
}

.seo {
    background: var(--bg-2)
}

.seo__container {
    padding: 120px 0
}

@media screen and (max-width: 768px) {
    .seo__container {
        padding:54px 0 64px
    }
}

.service-banner--integration {
    background: url(/local/templates/studio-v/assets/css/images/service/integration-banner.svg) 50% no-repeat;
    background-size: cover
}

.service-banner__container {
    padding-bottom: 56px
}

.service-banner__breadcrumbs .container {
    padding: 0
}

.service-banner__content {
    -ms-grid-columns: 1fr 32px auto;
    grid-gap: 32px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr auto
}

.service-banner__left {
    grid-gap: 40px;
    display: -ms-grid;
    display: grid
}

.service-banner__description {
    max-width: 700px
}

.service-banner__right {
    grid-gap: 40px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -ms-grid;
    display: grid;
    justify-content: end
}

.service-banner__price {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.service-banner__price-title {
    color: #0b0b0b;
    font-size: 18px;
    line-height: 28px
}

.service-banner__price-value {
    color: #129fee;
    font-size: 28px;
    line-height: 32px
}

@media screen and (max-width: 1024px) {
    .service-banner__content {
        -ms-grid-columns:100%;
        grid-gap: 16px;
        grid-template-columns: 100%
    }

    .service-banner__price {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .service-banner__left,.service-banner__right {
        grid-gap: 16px
    }

    .service-banner__right {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }
}

@media screen and (max-width: 640px) {
    .service-banner__price-title {
        font-size:14px;
        line-height: 18px
    }

    .service-banner__price-value {
        font-size: 24px;
        line-height: 28px
    }
}

.service__container {
    -ms-grid-columns: 100%;
    grid-gap: 40px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 100%;
    padding-bottom: 96px
}

.service__description {
    font-size: 2.5rem;
    max-width: 90%;
    padding-top: 25px
}

.service__background {
    padding: 60px 0
}

.service__desc {
    margin: 0
}

.service__desc h2 {
    margin: 20px 0
}

.service__desc p {
    font-size: 2.1rem;
    margin-bottom: 15px;
    max-width: 90%
}

.service__desc b {
    font-size: 2.1rem
}

.service__desc ul {
    -ms-grid-columns: 1fr;
    display: -ms-grid;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr;
    margin: 30px auto 50px
}

.service__desc li {
    font-size: 1.9rem;
    padding-left: 30px;
    position: relative
}

.service__desc li:before {
    background: url(/local/templates/studio-v/assets/css/../images/icons/check.svg) no-repeat 50% 50%;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 3px;
    width: 20px
}

.service__dev-list {
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
    display: -ms-grid;
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3,1fr);
    margin-top: 40px
}

.service__dev-item {
    background: #fff;
    border: 1px solid #dfe9f3;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(38,48,56,.04);
    color: #242528;
    outline: 0;
    overflow: hidden;
    padding: 25px;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.service__dev-title {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 22px;
    margin-top: 0
}

.service__list {
    -ms-grid-columns: 1fr 20px 1fr;
    grid-gap: 20px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    margin: 30px auto 40px
}

.service__list p {
    font-size: 1.9rem;
    margin-bottom: 15px;
    max-width: 1050px
}

.service__item {
    background: var(--bg-2);
    border-radius: 12px;
    display: -ms-grid;
    display: grid;
    gap: 10px;
    padding: 20px
}

.service__list-v2 {
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
    grid-gap: 20px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    margin: 30px auto 40px
}

.service__content {
    grid-gap: 96px;
    display: -ms-grid;
    display: grid
}

.service__blocks {
    -ms-grid-columns: minmax(auto,496px) 64px minmax(auto,496px);
    grid-gap: 64px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2,minmax(auto,496px));
    justify-content: space-between
}

.service__block {
    grid-gap: 16px;
    display: -ms-grid;
    display: grid
}

.service__subtitle {
    font-size: 3rem;
    line-height: 32px
}

.service__subtitle mark {
    background: none;
    color: #3d8cd6
}

.service__text {
    color: var(--black);
    font-size: 1.9rem;
    line-height: 28px
}

.service__link {
    color: #3d8cd6;
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width: 640px) {
    .service__dev-list {
        -ms-grid-columns:1fr;
        grid-template-columns: 1fr
    }
}

@media screen and (max-width: 1024px) {
    .service__container {
        grid-gap:24px;
        margin-bottom: 24px;
        padding-bottom: 48px
    }

    .service__content {
        margin-top: 24px
    }

    .service__blocks {
        -ms-grid-columns: 100%;
        grid-gap: 24px;
        grid-template-columns: 100%
    }

    .service__block {
        grid-gap: 8px
    }

    .service__list,.service__list-v2 {
        -ms-grid-columns: 1fr;
        grid-template-columns: repeat(1,1fr)
    }
}

@media screen and (max-width: 768px) {
    .service__description {
        font-size:14px;
        line-height: 18px
    }

    .service__background {
        padding: 40px 20px
    }

    .service__desc h2 {
        font-size: 2.4rem;
        margin: 0 auto 20px
    }

    .service__desc ul {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .service__desc li {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        margin: 0 0 20px;
        max-width: 100%;
        width: 100%
    }

    .service__content {
        margin-top: 0
    }

    .service__block {
        grid-gap: 4px
    }

    .service__subtitle {
        font-size: 18px;
        line-height: 24px
    }

    .service__link,.service__text {
        font-size: 14px;
        line-height: 18px
    }
}

.services-other__container {
    padding: 46px 0
}

.services-other__box {
    -ms-grid-columns: auto 24px 1fr 24px auto;
    grid-gap: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f8f8f8;
    border-radius: 30px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: auto 1fr auto;
    padding: 46px 56px
}

.services-other__value {
    color: #3d8cd6;
    font-size: 48px;
    font-weight: 800;
    line-height: 52px
}

.services-other__text {
    color: rgba(0,0,0,.72)
}

@media screen and (max-width: 1024px) {
    .services-other__container {
        padding:24px 0
    }

    .services-other__box {
        -ms-grid-columns: auto;
        -webkit-box-align: start;
        -ms-flex-align: start;
        grid-gap: 16px;
        align-items: start;
        grid-template-columns: auto;
        padding: 24px 36px
    }

    .services-other__text br {
        display: none
    }

    .services-other__button {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }
}

@media screen and (max-width: 640px) {
    .services-other__box {
        padding:24px
    }

    .services-other__text {
        font-size: 14px
    }

    .services-other__button {
        font-size: 14px;
        width: 100%
    }
}

.services-page__container {
    -ms-grid-columns: 1fr;
    grid-gap: 48px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr;
    padding-bottom: 120px
}

.services-page__content {
    width: 100%
}

.services-page__blocks {
    -webkit-columns: 3;
    -moz-columns: 3;
    column-count: 3;
    -webkit-column-gap: 42px;
    -moz-column-gap: 42px;
    column-gap: 42px;
    width: 100%
}

.services-page__block {
    -ms-grid-columns: 1fr;
    grid-gap: 16px;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid-column;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr;
    margin-bottom: 40px
}

.services-page__category {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

.services-page__links {
    -ms-grid-columns: 1fr;
    grid-gap: 12px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr
}

.services-page__link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.services-page__link a {
    color: rgba(0,0,0,.72);
    -webkit-transition: color .2s;
    transition: color .2s
}

.services-page__link a:hover {
    color: #3d8cd6
}

.services-page__label {
    margin-left: 8px
}

@media screen and (max-width: 1024px) {
    .services-page__blocks {
        -webkit-columns:2;
        -moz-columns: 2;
        column-count: 2
    }
}

@media screen and (max-width: 640px) {
    .services-page__container {
        grid-gap:20px;
        padding-bottom: 50px
    }

    .services-page__blocks {
        -webkit-columns: 1;
        -moz-columns: 1;
        column-count: 1
    }

    .services-page__block {
        grid-gap: 12px
    }

    .services-page__links {
        grid-gap: 6px
    }
}

.services-ticker {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: hidden;
    padding: 60px 0;
    position: relative
}

.services-ticker__container {
    padding: 0;
    position: relative;
    white-space: nowrap;
    will-change: transform
}

.services-ticker__item {
    color: rgba(0,0,0,.15);
    display: inline-block;
    font-family: Gropled;
    font-size: 4rem;
    margin: 0 1em 0 0;
    padding: 0;
    text-transform: uppercase;
    -webkit-transition: color .3s;
    transition: color .3s
}

.services-ticker__item:hover {
    color: rgba(0,0,0,.6);
    -webkit-transition: color .3s;
    transition: color .3s
}

@media screen and (max-width: 640px) {
    .services-ticker__item {
        font-size:2.5rem
    }
}

.services {
    background: #f7f8fa;
    overflow: hidden
}

.services__container {
    -ms-grid-columns: 1fr;
    grid-gap: 24px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr;
    padding: 100px 0 120px
}

.services__description {
    font-size: 2.1rem
}

.services__list {
    -ms-grid-columns: 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr;
    grid-gap: 32px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(6,1fr);
    padding-top: 40px
}

.services__item {
    -ms-grid-column-span: 2;
    background: #fff;
    border: 1px solid #dfe9f3;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(38,48,56,.04);
    grid-column: span 2;
    overflow: hidden;
    padding: 60px 0 60px 40px;
    position: relative;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    z-index: 1
}

.services__item:first-child,.services__item:nth-child(2),.services__item:nth-child(3),.services__item:nth-child(4),.services__item:nth-child(5),.services__item:nth-child(6) {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.services__item:first-child:hover,.services__item:nth-child(2):hover,.services__item:nth-child(3):hover,.services__item:nth-child(4):hover,.services__item:nth-child(5):hover,.services__item:nth-child(6):hover {
    background: #f8fafc;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out
}

.services__item a {
    -ms-grid-columns: 1fr;
    grid-gap: 32px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr
}

.services__icon img {
    display: block;
    height: 80px;
    width: 80px
}

.services__info {
    -ms-grid-columns: 1fr;
    grid-gap: 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr
}

.services__info-name {
    color: var(--black);
    font-size: 3rem;
    font-weight: 600;
    margin-bottom: 2rem
}

.services__info-description {
    color: #454545;
    font-size: 2.1rem;
    max-width: 336px
}

@media screen and (max-width: 1024px) {
    .services__container {
        padding:60px 0
    }

    .services__item {
        -ms-grid-column-span: 3;
        grid-column: span 3
    }
}

@media screen and (max-width: 640px) {
    .services__container {
        grid-gap:12px
    }

    .services__description br {
        display: none
    }

    .services__list {
        grid-gap: 20px;
        padding-top: 8px
    }

    .services__item {
        -ms-grid-column-span: 6!important;
        grid-column: span 6!important;
        padding: 20px
    }

    .services__item a {
        grid-gap: 12px
    }
}

.stacks {
    background: var(--bg-2);
    overflow: hidden
}

.stacks__container {
    -ms-grid-columns: 1fr;
    grid-gap: 24px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr;
    padding: 120px 0
}

.stacks__description {
    font-size: 2.1rem
}

.stacks__name {
    border-bottom: 1px solid #454545;
    padding-bottom: 20px;
    padding-top: 40px
}

.stacks__title {
    border: 1px solid var(--black);
    border-radius: .3rem;
    display: inline-block;
    font-size: 1.9rem;
    font-weight: 300;
    padding: 7px 20px
}

.stacks__list {
    -ms-grid-columns: 1fr 64px 1fr 64px 1fr 64px 1fr 64px 1fr;
    grid-gap: 64px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(5,1fr);
    padding-bottom: 100px;
    padding-top: 40px
}

@media screen and (max-width: 1024px) {
    .stacks__list {
        -ms-grid-columns:1fr 64px 1fr 64px 1fr;
        display: -ms-grid;
        display: grid;
        gap: 64px;
        grid-template-columns: repeat(3,1fr)
    }
}

.stages {
    background: #161623;
    overflow-x: hidden
}

.stages__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 112px 0 120px
}

.stages__title {
    color: #fff;
    margin-bottom: 24px
}

.stages__description {
    color: hsla(0,0%,100%,.6);
    max-width: 600px
}

.stages__list {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    cursor: move;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 176px;
    overflow: visible;
    width: 100%
}

.stages__item {
    -ms-grid-columns: 1fr;
    -ms-grid-rows: auto 32px 1fr;
    grid-gap: 32px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    margin-right: 10px;
    min-width: 376px;
    overflow: hidden;
    padding-right: 30px
}

.stages__item>:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1
}

.stages__item>:nth-child(2) {
    -ms-grid-column: 1;
    -ms-grid-row: 3
}

.stages__item:last-child {
    margin-right: 0
}

.stages__item:last-child .stages__step:before {
    display: none
}

.stages__step {
    color: #49a7ff;
    font-family: Gropled,sans-serif;
    font-size: 88px;
    line-height: 96px;
    max-height: 96px;
    position: relative;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

@supports (-webkit-text-stroke:2px #49A7FF) {
    .stages__step {
        -webkit-text-stroke: 2px #49a7ff;
        color: transparent
    }
}

.stages__step:before {
    border-top: 2px dashed rgba(61,140,214,.32);
    bottom: 24px;
    content: "";
    left: calc(100% + 5px);
    position: absolute;
    width: 500px
}

.stages__info {
    -ms-grid-columns: 1fr;
    grid-gap: 6px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr
}

.stages__info-name {
    color: #fff;
    line-height: 24px
}

.stages__info-description {
    color: hsla(0,0%,100%,.32);
    max-width: 310px
}

@media screen and (max-width: 1024px) {
    .stages__container {
        padding:60px 0
    }
}

@media screen and (max-width: 640px) {
    .stages__title {
        margin-bottom:12px
    }

    .stages__list {
        margin-top: 20px
    }

    .stages__item {
        grid-gap: 6px;
        max-width: 288px;
        min-width: 288px
    }

    .stages__step {
        font-size: 48px;
        line-height: 100%
    }

    .stages__step:before {
        bottom: 11px
    }
}

.start__container {
    -ms-grid-columns: 1fr;
    grid-gap: 24px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr;
    padding-bottom: 120px
}

.start__text {
    color: rgba(0,0,0,.72)
}

.start__description {
    max-width: 616px
}

.start__form {
    -ms-grid-columns: 1fr;
    grid-gap: 88px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr;
    padding-top: 36px
}

.start__input {
    font-size: 1.8rem
}

.start__blocks {
    grid-gap: 72px;
    grid-template-columns: 1fr
}

.start__block,.start__blocks {
    -ms-grid-columns: 1fr;
    display: -ms-grid;
    display: grid
}

.start__block {
    grid-gap: 40px;
    grid-template-columns: 1fr;
    max-width: 730px
}

.start__block--big {
    max-width: 840px
}

.start__block--site .brief__input {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.start__block--site .brief__label {
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px)
}

.start__info {
    -ms-grid-columns: 1fr;
    grid-gap: 16px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr
}

.start__info-title {
    font-family: Gropled,sans-serif;
    font-size: 28px;
    line-height: 32px
}

.start__inputs {
    -ms-grid-columns: 1fr;
    grid-gap: 32px;
    grid-template-columns: 1fr
}

.start__input,.start__inputs {
    display: -ms-grid;
    display: grid
}

.start__input {
    -ms-grid-columns: minmax(auto,200px) 24px 1fr;
    grid-gap: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-template-columns: minmax(auto,200px) 1fr
}

.start__input--doc {
    padding-top: 40px
}

.start__radios {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -12px;
    width: 100%
}

.start__radios .radio {
    margin-bottom: 12px;
    margin-right: 8px
}

.start__controls {
    -ms-grid-columns: auto 32px 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 32px;
    align-items: center;
    display: -ms-grid;
    display: grid;
    grid-template-columns: auto 1fr
}

@media screen and (max-width: 768px) {
    .start__input {
        -ms-grid-columns:100%;
        grid-gap: 20px;
        grid-template-columns: 100%
    }
}

@media screen and (max-width: 640px) {
    .start__container {
        grid-gap:20px;
        padding-bottom: 80px
    }

    .start__form {
        padding-top: 20px
    }

    .start__blocks,.start__form {
        grid-gap: 40px
    }

    .start__input--doc {
        padding-top: 0
    }

    .start__text br {
        display: none
    }

    .start__controls {
        -ms-grid-columns: 100%;
        grid-gap: 10px;
        grid-template-columns: 100%
    }
}

.steps {
    background: #f7f8fa
}

.steps__container {
    grid-gap: 14px;
    display: -ms-grid;
    display: grid;
    padding: 80px 0
}

.steps__grid {
    -ms-grid-columns: 1fr clamp(1rem,2vw,1.5rem) 1fr clamp(1rem,2vw,1.5rem) 1fr;
    display: -ms-grid;
    display: grid;
    gap: clamp(1rem,2vw,1.5rem);
    grid-template-columns: repeat(3,1fr);
    padding-top: 20px
}

.steps__subtitle {
    color: var(--black);
    font-size: 2.1rem
}

.steps__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #fff;
    border: 1px solid #dfe9f3;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(38,48,56,.04);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 282px;
    padding: clamp(1.5rem,2vw,2rem)
}

.steps__subheading {
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 3.5rem;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.steps__text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 1.9rem;
    line-height: 162%;
    margin-bottom: 3rem
}

.steps__bottom {
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: auto
}

.steps__bottom,.steps__number {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.steps__number {
    -webkit-box-flex: 0;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #f3f4f9;
    border-radius: 50%;
    color: #9ca5b0;
    -ms-flex: 0 0 48px;
    flex: 0 0 48px;
    height: 48px;
    justify-content: center;
    width: 48px
}

.steps .caption {
    color: var(--black);
    font-size: 2.5rem;
    line-height: 142%
}

@media screen and (max-width: 640px) {
    .steps__grid {
        -ms-grid-columns:1fr;
        grid-template-columns: 1fr
    }
}

.success {
    background: #edf6ff
}

.success__container {
    -ms-grid-columns: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    grid-gap: 24px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: auto;
    justify-content: center;
    padding: 88px 0 101px
}

.success__image {
    margin: 0 auto 24px
}

.success__description,.success__title {
    text-align: center
}

.success__description {
    color: var(--black);
    font-size: 1.9rem;
    line-height: 1
}

.success__socials {
    -ms-grid-columns: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    grid-gap: 24px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: auto;
    justify-content: center
}

.success__socials-label {
    color: var(--grey);
    font-size: 1.8rem;
    text-align: center
}

.success__socials-links {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto
}

.success__socials-link {
    margin-right: 16px
}

.success__socials-link:last-child {
    margin-right: 0
}

.success__return {
    margin: 60px auto 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

@media screen and (max-width: 640px) {
    .success__container {
        grid-gap:20px;
        padding: 40px 0 80px
    }

    .success__title span {
        font-size: 48px;
        line-height: 100%
    }

    .success__description {
        font-size: 16px;
        line-height: 24px
    }

    .success__description br {
        display: none
    }

    .success__return {
        margin-top: 20px
    }

    .success__socials {
        grid-gap: 12px
    }
}

.tarifs {
    background: #f7f8fa
}

.tarifs__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 120px 0
}

.tarifs__title {
    margin-bottom: 24px
}

.tarifs__description {
    color: rgba(0,0,0,.72);
    font-size: 18px;
    line-height: 24px
}

.tarifs__content {
    -ms-grid-columns: 100%;
    grid-gap: 96px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 100%;
    margin: 40px auto
}

.tarifs__list {
    -ms-grid-columns: 1fr 16px 1fr 16px 1fr;
    grid-gap: 16px;
    grid-template-columns: repeat(3,1fr)
}

.tarif,.tarifs__list {
    display: -ms-grid;
    display: grid
}

.tarif {
    -ms-grid-rows: 1fr auto;
    background: var(--bg-2);
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 20px;
    grid-template-rows: 1fr auto;
    height: 100%;
    -webkit-transition: all .4s;
    transition: all .4s
}

.tarif__top {
    height: 100%;
    padding: 40px 40px 36px 20px;
    width: 100%
}

.tarif__info,.tarif__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.tarif__info {
    margin-bottom: 50px
}

.tarif__title {
    font-size: 3.2rem;
    line-height: 32px
}

.tarif__about {
    font-size: 1.7rem;
    margin-bottom: 50px
}

.tarif__text {
    color: rgba(0,0,0,.72);
    font-size: 1.8rem;
    line-height: 3rem
}

.tarif__list {
    -ms-grid-columns: 100%;
    grid-gap: 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 100%;
    margin-top: 24px
}

.tarif__footer {
    margin-bottom: 40px
}

.tarif__footer-title {
    font-size: 1.8rem;
    font-weight: 600
}

.tarif__list {
    font-size: 1.8rem;
    line-height: 1
}

.tarif__item {
    color: rgba(0,0,0,.72);
    position: relative
}

.tarif__item:before {
    background: url(/local/templates/studio-v/assets/css/images/icons/ok.svg) 50% no-repeat;
    background-size: auto!important;
    content: "";
    height: 24px;
    left: -20px;
    position: absolute;
    top: 0;
    width: 20px
}

.tarif__item--doubleok:before {
    background: url(/local/templates/studio-v/assets/css/images/icons/ok-double.svg) 50% no-repeat
}

.tarif__item--disabled {
    color: rgba(0,0,0,.24)
}

.tarif__item--disabled:before {
    background: url(/local/templates/studio-v/assets/css/images/icons/ok-disabled.svg) 50% no-repeat
}

.tarif__total {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: auto
}

.tarif__price {
    color: #3d8cd6;
    font-size: 28px;
    line-height: 32px
}

.tarif__deadline {
    color: rgba(0,0,0,.72)
}

.tarif__bottom {
    padding: 0 86px 40px
}

.tarif__get {
    width: 100%
}

.tarif__get:hover {
    background: #129fee;
    color: #fff
}

@media screen and (max-width: 1024px) {
    .tarifs__container {
        padding:48px 0
    }

    .tarifs__title {
        margin-bottom: 16px
    }

    .tarifs__description {
        font-size: 16px;
        line-height: 24px
    }

    .tarifs__content {
        margin-top: 24px
    }

    .tarifs__list {
        -ms-grid-columns: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        grid-template-columns: 100%;
        justify-content: center
    }

    .tarif:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    .tarif__info {
        margin-bottom: 24px
    }
}

@media screen and (max-width: 640px) {
    .tarif__top {
        padding:24px 16px
    }

    .tarif__title {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 8px
    }

    .tarif__item,.tarif__text {
        font-size: 14px;
        line-height: 18px
    }

    .tarif__list {
        margin-top: 16px
    }

    .tarif__item {
        padding-left: 20px
    }

    .tarif__item:before {
        background-size: contain!important;
        height: 18px;
        left: 0;
        top: 1px;
        width: 12px
    }

    .tarif__deadline {
        font-size: 14px;
        line-height: 18px
    }
}

.team__container {
    -ms-grid-columns: 1fr;
    grid-gap: 48px;
    grid-template-columns: 1fr;
    padding: 120px 0 0
}

.team__container,.team__list {
    display: -ms-grid;
    display: grid
}

.team__list {
    -ms-grid-columns: 1fr 32px 1fr 32px 1fr 32px 1fr;
    grid-gap: 48px 32px;
    grid-template-columns: repeat(4,1fr);
    width: 100%
}

.team__item {
    -ms-grid-columns: 1fr;
    grid-gap: 16px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr
}

.team__image {
    overflow: hidden;
    position: relative;
    width: 100%
}

.team__image img {
    display: block;
    height: 280px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@supports (aspect-ratio: 1/1) {
    .team__image img {
        aspect-ratio:1/1;
        height: auto
    }
}

.team__image video {
    height: 100%;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: 2
}

.team__info {
    -ms-grid-columns: 1fr;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr
}

.team__name {
    color: #0b0b0b
}

.team__description {
    color: rgba(0,0,0,.32)
}

.team__vacancy {
    -ms-grid-column-span: 2;
    grid-column: span 2
}

.team__vacancy-content {
    -ms-grid-columns: 1fr 25px 1fr;
    grid-gap: 25px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: hsla(120,5%,83%,.43);
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 280px
}

.team__vacancy-image {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.team__vacancy-info {
    -ms-grid-columns: 1fr;
    grid-gap: 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr
}

.team__vacancy-title {
    color: #0b0b0b;
    font-family: Gropled,sans-serif;
    font-size: 28px;
    line-height: 32px
}

.team__vacancy-description {
    color: rgba(0,0,0,.72)
}

.team__vacancy-link {
    color: #5aafff;
    position: relative;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.team__vacancy-link:before {
    background: rgba(114,187,255,.48);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

@media screen and (max-width: 1216px) {
    .team__list {
        -ms-grid-columns:1fr 32px 1fr 32px 1fr;
        grid-template-columns: repeat(3,1fr)
    }

    .team__vacancy-content {
        max-height: 360px
    }

    @supports (aspect-ratio: 2/1) {
        .team__vacancy-content {
            aspect-ratio:2/1;
            height: auto
        }
    }
}

@media screen and (max-width: 1024px) {
    .team__list {
        grid-gap:32px 16px
    }
}

@media screen and (max-width: 768px) {
    .team__list {
        -ms-grid-columns:1fr 16px 1fr;
        grid-template-columns: 1fr 1fr
    }
}

@media screen and (max-width: 640px) {
    .team__container {
        grid-gap:20px;
        padding: 60px 0 20px
    }

    .team__list {
        grid-gap: 20px 16px
    }

    .team__item {
        grid-gap: 12px
    }

    .team__vacancy-content {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        padding: 20px 20px 0
    }

    .team__vacancy-image {
        -ms-grid-row: 2;
        grid-row: 2;
        height: 143px;
        margin: 0 auto;
        width: 158px
    }

    .team__vacancy-info {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .team__vacancy-description,.team__vacancy-title {
        text-align: center
    }

    .team__vacancy-title {
        font-size: 20px;
        line-height: 120%;
        margin-bottom: 8px
    }

    .team__vacancy-description {
        margin: 0 auto;
        max-width: 249px
    }

    .team__vacancy-link {
        margin: 0 auto
    }

    .team__vacancy .team__info {
        display: none
    }
}

.tell {
    background: #edf6ff;
    width: 100%
}

.tell__container {
    -ms-grid-columns: auto 32px auto;
    grid-gap: 32px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -ms-grid;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    padding: 120px 0;
    position: relative
}

.tell__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.tell__title {
    margin-bottom: 24px
}

.tell__text {
    color: rgba(0,0,0,.72);
    font-size: 1.8rem;
    line-height: 28px;
    margin-bottom: 80px
}

.tell__image {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width: 1024px) {
    .tell__container {
        padding:48px 0
    }

    .tell__image {
        display: none
    }

    .tell__title {
        margin-bottom: 16px
    }

    .tell__text {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 24px
    }
}

@media screen and (max-width: 640px) {
    .tell__text {
        font-size:14px;
        line-height: 18px
    }

    .tell__text br {
        display: none
    }
}

.ticker {
    -webkit-animation: trick 300s linear infinite;
    animation: trick 300s linear infinite;
    background: url(/local/templates/studio-v/assets/css/../images/ticker.svg) repeat-x;
    background-size: contain;
    height: 50px;
    margin-top: 160px;
    width: 100%
}

@-webkit-keyframes trick {
    0% {
        background-position-x: 0
    }

    to {
        background-position-x: 10000px
    }
}

@keyframes trick {
    0% {
        background-position-x: 0
    }

    to {
        background-position-x: 10000px
    }
}

.type__container {
    -ms-grid-columns: 1fr;
    grid-gap: 24px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr;
    padding-bottom: 120px
}

.values__container {
    padding: 72px 0
}

.values__list {
    -ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr;
    grid-gap: 40px;
    grid-template-columns: repeat(4,1fr)
}

.values__item,.values__list {
    display: -ms-grid;
    display: grid
}

.values__item {
    -ms-grid-columns: 1fr;
    grid-gap: 10px;
    grid-template-columns: 1fr
}

.values__item-value {
    color: #fff;
    font-family: Gropled,sans-serif;
    font-size: 88px;
    line-height: 96px;
    max-height: 96px;
    position: relative;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

@supports (-webkit-text-stroke:1.5px #FFFFFF) {
    .values__item-value {
        -webkit-text-stroke: 1.5px #fff;
        color: transparent
    }
}

.values__item-name {
    color: #fff;
    font-size: 16px;
    line-height: 24px
}

.values__item-link {
    color: #5aafff;
    font-size: 16px;
    line-height: 24px;
    position: relative;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.values__item-link:before {
    background: rgba(114,187,255,.48);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

@media screen and (max-width: 1024px) {
    .values__list {
        -ms-grid-columns:1fr 40px 1fr;
        grid-template-columns: repeat(2,1fr)
    }
}

@media screen and (max-width: 640px) {
    .values__container {
        padding:40px 0
    }

    .values__list {
        -ms-grid-columns: auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        grid-gap: 24px;
        grid-template-columns: auto;
        justify-content: center
    }

    .values__item {
        grid-gap: 5px
    }

    .values__item-name,.values__item-value {
        text-align: center
    }

    .values__item-value {
        font-size: 48px;
        line-height: 100%;
        margin: 0 auto
    }

    .values__item-link {
        margin: 0 auto
    }
}

/* End */
/* /local/templates/studio-v/assets/css/app.min.css?1772755429209795 */

/* ActiveLab service container hotfix 2026-05-15: keep catalog.element intro inside template grid. */
.service > .container {
    max-width: 1200px;
    width: calc(100% - 32px);
    margin-left: auto;
    margin-right: auto;
}
.service .service__background,
.service .service__desc {
    max-width: 100%;
}
.service .service__dev-list {
    width: 100%;
}
@media screen and (max-width: 640px) {
    .service > .container {
        width: calc(100% - 24px);
    }
}

/* ActiveLab service overflow hotfix 2026-05-15: prevent intro content from widening the page. */
.service {
    overflow-x: hidden;
}
.service .service__title,
.service .service__description,
.service .service__desc,
.service .service__desc h2,
.service .service__desc p,
.service .service__desc b {
    max-width: 100%;
    overflow-wrap: break-word;
}
.service .service__dev-list {
    box-sizing: border-box;
    max-width: 100%;
}

/* ActiveLab service grid strong fix 2026-05-15: restore centered layout on service detail pages. */
body .main > section.service {
    width: 100% !important;
    max-width: none !important;
    overflow-x: clip !important;
}
body .main > section.service > .container,
body .main > section.service .service__container,
body .main > section.service .service__background,
body .main > section.service .service__desc {
    box-sizing: border-box !important;
}
body .main > section.service > .container {
    display: block !important;
    width: min(1200px, calc(100% - 48px)) !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
body .main > section.service .service__container,
body .main > section.service .service__background,
body .main > section.service .service__desc {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
body .main > section.service .service__title,
body .main > section.service .service__description,
body .main > section.service .service__desc h2,
body .main > section.service .service__desc p,
body .main > section.service .service__desc b {
    max-width: 100% !important;
}
@media screen and (max-width: 640px) {
    body .main > section.service > .container {
        width: calc(100% - 24px) !important;
    }
}

/* ActiveLab horizontal overflow fix 2026-05-15: prevent long service headings from stretching pages. */
html,
body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}
body .main > section.service .title,
body .main > section.service h1,
body .main > section.service h2,
body .main > section.service h3,
body .main > section.development .title,
body .main > section.bitrix .title,
body .main > section.steps .title,
body .main > section.order .title,
body .main > section.faq .title {
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
}
body .main > section.service .service__description,
body .main > section.service .service__desc p,
body .main > section.development p,
body .main > section.development li {
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
}

/* ActiveLab service headings responsive fix 2026-05-15. */
body .main > section.service .service__title {
    font-size: clamp(3.2rem, 4vw, 5.5rem) !important;
    line-height: 1.12 !important;
    letter-spacing: normal !important;
}
body .main > section.service .service__description,
body .main > section.service .service__desc p,
body .main > section.service .service__desc b {
    font-size: clamp(1.7rem, 1.65vw, 2.1rem) !important;
    line-height: 1.35 !important;
}
body .main > section.service .service__desc h2,
body .main > section.development .title,
body .main > section.bitrix .title,
body .main > section.steps .title,
body .main > section.order .title,
body .main > section.faq .title {
    font-size: clamp(3rem, 3.4vw, 4.5rem) !important;
    line-height: 1.15 !important;
}
@media screen and (max-width: 1024px) {
    body .main > section.service > .container {
        width: calc(100% - 32px) !important;
    }
    body .main > section.service .service__background {
        padding: 36px 0 !important;
    }
    body .main > section.service .service__title {
        font-size: clamp(2.8rem, 7vw, 4.2rem) !important;
    }
    body .main > section.service .service__desc h2,
    body .main > section.development .title,
    body .main > section.bitrix .title,
    body .main > section.steps .title,
    body .main > section.order .title,
    body .main > section.faq .title {
        font-size: clamp(2.6rem, 6vw, 3.8rem) !important;
    }
}

/* ActiveLab fixed menu hidden-state fix 2026-05-15: closed offcanvas must not create horizontal layout. */
.fixed-menu:not(.active) {
    left: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateX(110vw) !important;
}
.fixed-menu.active {
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(0) !important;
}

/* ActiveLab restore old service geometry 2026-05-15: match source template container. */
body .main > section.service > .container {
    width: 100% !important;
    max-width: 1456px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
}
body .main > section.service .service__container {
    display: grid !important;
    grid-template-columns: 100% !important;
    gap: 40px !important;
    padding-bottom: 96px !important;
}
@media screen and (max-width: 1024px) {
    body .main > section.service > .container {
        width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

/* ActiveLab Tech Blue Core scoped UI pass 2026-05-15
   Scope: colors/UI only. Hero .offer layout/background/image are intentionally untouched. */
:root {
    --main: #2563EB;
    --main-hover: #1D4ED8;
    --accent: #38BDF8;
    --black: #333333;
    --al-navy: #0B1220;
    --al-navy-2: #111827;
    --al-blue: #2563EB;
    --al-blue-hover: #1D4ED8;
    --al-cyan: #38BDF8;
    --al-bg: #F8FAFC;
    --al-soft-blue: #F3F8FF;
    --al-soft-blue-2: #EFF6FF;
    --al-white: #FFFFFF;
    --al-text: #333333;
    --al-muted: #64748B;
    --al-border: #E5E7EB;
}

body,
main,
p,
li,
input,
textarea,
select,
button,
.title,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333333;
}

a {
    color: var(--al-blue);
}

a:hover {
    color: var(--al-blue-hover);
}

.header,
.header-light,
.header.header-fixed,
.header-mobile,
.header-mobile.header-light .header-mobile__top,
.header-mobile.header-light .header-mobile__bottom,
.header-mobile__top,
.header-mobile__bottom {
    background: var(--al-navy);
}

.header__top:before,
.header-light .header__top:before,
.header.header-fixed .header__top:before {
    background: var(--al-navy);
}

.header__bottom:before,
.header-light .header__bottom:before,
.header.header-fixed .header__bottom:before {
    background: rgba(255,255,255,.08);
}

.header,
.header a,
.header button,
.header__link,
.header__nav li a,
.header__service>a,
.header__services .flexible-menu__button,
.header__city .city__button,
.header-light .header__link,
.header-light .header__nav li a,
.header.header-fixed .header__link,
.header.header-fixed .header__nav li a,
.header-light .header__service a,
.header.header-fixed .header__service a,
.header-light .header__services .flexible-menu__button,
.header.header-fixed .header__services .flexible-menu__button,
.header-mobile,
.header-mobile a,
.header-mobile button,
.fixed-menu__list li a,
.fixed-menu__links a {
    color: #E5E7EB;
    opacity: 1;
}

.header__logo-title,
.header-light .header__logo-title,
.header.header-fixed .header__logo-title {
    color: #FFFFFF;
}

.header__logo-description,
.header-light .header__logo-description,
.header.header-fixed .header__logo-description {
    color: #94A3B8;
}

.header a:hover,
.header button:hover,
.header__link:hover,
.header__nav li a:hover,
.header__nav li.current_page_item a,
.header__service>a:hover,
.header__services .flexible-menu__button:hover,
.fixed-menu__list li a:hover,
.fixed-menu__links a:hover {
    color: var(--al-cyan);
}

.header .flexible-menu__inner,
.header__dropdown,
.header-light .flexible-menu__inner,
.header-light .header_dropdown,
.header.header-fixed .flexible-menu__inner,
.header.header-fixed .header_dropdown,
.header-light .header__city .city__dropdown,
.header.header-fixed .header__city .city__dropdown,
.city__dropdown,
.fixed-menu__box {
    background: var(--al-navy-2);
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 18px 45px rgba(15,23,42,.28);
}

.header .flexible-menu__inner li a,
.header__dropdown li a,
.header-light .flexible-menu__inner li a,
.header-light .header_dropdown li a,
.header.header-fixed .flexible-menu__inner li a,
.header.header-fixed .header_dropdown li a,
.header-light .header__city .city__dropdown li a,
.header.header-fixed .header__city .city__dropdown li a,
.city__dropdown li a {
    color: #E5E7EB;
}

.header .flexible-menu__inner li a:hover,
.header__dropdown li a:hover,
.header-light .flexible-menu__inner li a:hover,
.header-light .header_dropdown li a:hover,
.header.header-fixed .flexible-menu__inner li a:hover,
.header.header-fixed .header_dropdown li a:hover,
.header-light .header__city .city__dropdown li a:hover,
.header.header-fixed .header__city .city__dropdown li a:hover,
.city__dropdown li a:hover {
    background: rgba(37,99,235,.14);
    color: var(--al-cyan);
}

.btn,
.button,
.main-btn,
.red-btn,
.free-btn,
.header__start,
button[type=submit],
input[type=submit] {
    background: var(--al-blue);
    border-color: var(--al-blue);
    box-shadow: 0 10px 24px rgba(37,99,235,.24);
    color: #FFFFFF;
}

.btn span,
.free-btn span,
.header__start span,
button[type=submit] span {
    color: inherit;
}

.btn:hover,
.button:hover,
.main-btn:hover,
.red-btn:hover,
.free-btn:hover,
.header__start:hover,
button[type=submit]:hover,
input[type=submit]:hover {
    background: var(--al-blue-hover);
    border-color: var(--al-blue-hover);
    color: #FFFFFF;
}

.free-btn__arrow svg path {
    fill: var(--al-blue);
}

.free-btn:hover .free-btn__arrow svg path {
    fill: var(--al-blue-hover);
}

/* Only blocks that were gray/light panels get the soft-blue treatment. */
.certificates,
.partners,
.reviews,
.reviews-page,
.get-project-light,
.section-gray,
.section-light,
.block--light {
    background: var(--al-soft-blue);
}

.certificates__item,
.partners__item,
.reviews__item,
.reviews-page__tabs .reviews__item,
.clients__item,
.service-card__box,
.development__item,
.bitrix__item,
.steps__item,
.order__item,
.faq__item,
.faq__request,
.contacts__container,
.contacts-page__block,
.contacts-page__requisits-item {
    background: #FFFFFF;
    border: 1px solid var(--al-border);
    box-shadow: 0 18px 45px rgba(15,23,42,.06);
}

.certificates__item:hover,
.partners__item:hover,
.reviews__item:hover,
.clients__item:hover,
.service-card:hover .service-card__box,
.development__item:hover,
.bitrix__item:hover,
.steps__item:hover,
.order__item:hover,
.faq__item:hover {
    box-shadow: 0 22px 55px rgba(37,99,235,.12);
}

.service-card__name,
.bitrix__item-title,
.development__title,
.steps__subheading,
.order__title,
.faq__question,
.partners__info-name,
.reviews__client-name,
.certificates__about {
    color: #333333;
}

.service-card__text,
.bitrix__item-text,
.steps__text,
.order__text,
.faq__answer,
.partners__info-description,
.reviews__body,
.company-card__item-text,
.company-card__text {
    color: var(--al-muted);
}

.faq__info:hover .faq__question,
.faq__item.active .faq__question,
.faq__arrow--active,
.bitrix__item-list li a:hover,
.service-card__detail-label,
.service-card__price-value,
.certificates__date,
.partners__description a,
.partners__description span {
    color: var(--al-blue);
}

input,
textarea,
select,
.input-text input {
    border-color: var(--al-border);
    color: #333333;
}

input:focus,
textarea:focus,
select:focus,
.input-text input:focus {
    border-color: var(--al-blue);
    box-shadow: 0 0 0 3px rgba(37,99,235,.14);
    outline: none;
}

input::placeholder,
textarea::placeholder {
    color: #94A3B8;
}

/* Form errors/alerts intentionally stay red. */
.error,
.errortext,
.alert-danger,
.input--error,
.has-error {
    color: #d23428;
}

/* ActiveLab Tech Blue Core dropdown important fix 2026-05-15
   Reason: legacy header-light dropdown styles use !important. */
.header-light .flexible-menu__inner,
.header-light .header_dropdown,
.header.header-fixed .flexible-menu__inner,
.header.header-fixed .header_dropdown {
    background: var(--al-navy-2) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 0 18px 45px rgba(15,23,42,.28) !important;
}

.header-light .flexible-menu__inner li a,
.header-light .header_dropdown li a,
.header.header-fixed .flexible-menu__inner li a,
.header.header-fixed .header_dropdown li a {
    color: #E5E7EB !important;
}

.header-light .flexible-menu__inner li a:hover,
.header-light .header_dropdown li a:hover,
.header.header-fixed .flexible-menu__inner li a:hover,
.header.header-fixed .header_dropdown li a:hover {
    background: rgba(37,99,235,.14) !important;
    color: var(--al-cyan) !important;
}

/* ActiveLab section alternation fix 2026-05-15
   Keep competencies/certificates as soft-blue, but do not merge the following reviews/clients section into the same blue canvas. */
.reviews,
.reviews-page,
.clients {
    background: #FFFFFF;
}

.reviews__container,
.reviews-page__container,
.clients__container {
    background: transparent;
}

/* ActiveLab services business soft-blue fix 2026-05-15
   Main page    is a separate gray panel; keep it soft-blue while clients/reviews stay white. */
.services {
    background: var(--al-soft-blue);
}

.services__item {
    background: #FFFFFF;
    border-color: var(--al-border);
    box-shadow: 0 18px 45px rgba(15,23,42,.06);
}

.services__item:hover {
    box-shadow: 0 22px 55px rgba(37,99,235,.12);
}

/* ActiveLab hero image scale fix 2026-05-15
   Uploaded hero artwork is large enough; old template capped .offer__image at 392px. */
.offer__container {
    min-height: 680px;
    padding: 96px 0 120px;
}

.offer__box {
    max-width: 700px;
    position: relative;
    z-index: 2;
}

.offer__image {
    max-width: 760px;
    width: 54vw;
    right: -18px;
    top: 18px;
    z-index: 1;
}

.offer__image img {
    display: block;
    height: auto;
    width: 100%;
    object-fit: contain;
}

.offer__circle-blue {
    left: 42%;
    top: 170px;
}

.offer__circle-green {
    left: 35%;
    top: 120px;
}

@media screen and (max-width: 1216px) {
    .offer__image {
        max-width: 560px;
        width: 48vw;
        right: 0;
        top: 110px;
    }
}

@media screen and (max-width: 768px) {
    .offer__container {
        min-height: 0;
        padding: 56px 0 72px;
    }

    .offer__image {
        margin: 32px auto 0;
        max-width: 520px;
        position: relative;
        right: auto;
        top: auto;
        width: 100%;
    }
}

@media screen and (max-width: 640px) {
    .offer__container {
        padding: 40px 0 56px;
    }
}

/* ActiveLab cases cards header-style alignment 2026-05-15
   Scope: portfolio/project dark cards only (no hero, no Bitrix admin UI) */
:root {
    --portfolio-bg: linear-gradient(180deg, #0B1220 0%, #111827 100%);
    --portfolio-bg-hover: linear-gradient(180deg, #0F172A 0%, #111827 100%);
}

.portfolio-item,
.projects__card,
.case,
.project__wrap {
    background: linear-gradient(180deg, #0B1220 0%, #111827 100%);
    border: 1px solid rgba(255,255,255,.06);
    box-shadow: 0 18px 45px rgba(15,23,42,.22);
}

.portfolio-item:hover,
.portfolio-item:focus-within,
.projects__card:hover,
.projects__card:focus-within,
.case:hover,
.case:focus-within,
.project__wrap:hover,
.project__wrap:focus-within {
    box-shadow: 0 22px 55px rgba(37,99,235,.18);
    border-color: rgba(56,189,248,.22);
}

.portfolio-item,
.portfolio-item p,
.portfolio-item li,
.portfolio-item-description,
.projects__description,
.case__text,
.project__text {
    color: #E5E7EB;
}

.portfolio-item-title,
.portfolio-item-title a,
.projects__name,
.projects__name a,
.case__name,
.case__name a,
.project__subtitle,
.project__subtitle a {
    color: #FFFFFF;
}

.portfolio-item-redirect,
.portfolio-item-redirect a,
.portfolio-item-redirect span,
.case__link,
.case__link a,
.project__link,
.project__link a {
    color: #E5E7EB;
}

.portfolio-item a,
.projects__card a,
.case a,
.project__wrap a {
    color: #E5E7EB;
    text-decoration-color: rgba(255,255,255,.16);
    transition: color .2s ease, border-color .2s ease, text-decoration-color .2s ease;
}

.portfolio-item a:hover,
.projects__card a:hover,
.case a:hover,
.project__wrap a:hover,
.portfolio-item-redirect span:hover,
.case__link:hover,
.project__link:hover {
    color: #38BDF8;
    text-decoration-color: #38BDF8;
}

.portfolio-item a:focus,
.projects__card a:focus,
.case a:focus,
.project__wrap a:focus {
    color: #38BDF8;
    outline: 2px solid rgba(56,189,248,.45);
    outline-offset: 2px;
}

.portfolio-item a:active,
.projects__card a:active,
.case a:active,
.project__wrap a:active,
.portfolio-item a.active,
.projects__card a.active,
.case a.active,
.project__wrap a.active,
.portfolio-item .selected,
.projects__card .selected,
.case .selected,
.project__wrap .selected,
.portfolio-item .current,
.projects__card .current,
.case .current,
.project__wrap .current,
.portfolio-item .is-active,
.projects__card .is-active,
.case .is-active,
.project__wrap .is-active,
.portfolio-item .is-selected,
.projects__card .is-selected,
.case .is-selected,
.project__wrap .is-selected,
.portfolio-item .item-selected,
.projects__card .item-selected,
.case .item-selected,
.project__wrap .item-selected {
    color: #FFFFFF;
}

.portfolio-item a:visited,
.projects__card a:visited,
.case a:visited,
.project__wrap a:visited {
    color: #CBD5E1;
}

.portfolio-item-redirect span:after,
.case__link:after,
.project__link:after {
    background: rgba(255,255,255,.16);
}

.portfolio-item-redirect span:hover:after,
.case__link:hover:after,
.project__link:hover:after {
    background: #38BDF8;
}

.portfolio-item-redirect span:active:after,
.case__link:active:after,
.project__link:active:after {
    background: #2563EB;
}

/* ActiveLab cases cards micro-motion 2026-05-15 */
.portfolio-item,
.projects__card,
.case,
.project__wrap {
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .28s ease;
    transform: translateY(0) scale(1);
    will-change: transform;
}

.portfolio-item:hover,
.portfolio-item:focus-within,
.projects__card:hover,
.projects__card:focus-within,
.case:hover,
.case:focus-within,
.project__wrap:hover,
.project__wrap:focus-within {
    transform: translateY(-4px) scale(1.012);
    background: linear-gradient(180deg, #0F172A 0%, #111827 100%);
}

.portfolio-item:active,
.projects__card:active,
.case:active,
.project__wrap:active {
    transform: translateY(-1px) scale(1.006);
}

.portfolio-item-title a:hover,
.portfolio-item-redirect span:hover,
.portfolio-item-redirect a:hover,
.projects__name a:hover,
.case__name a:hover,
.case__link:hover,
.project__subtitle a:hover,
.project__link:hover {
    color: #38BDF8 !important;
    opacity: 1 !important;
}

@media (prefers-reduced-motion: reduce) {
    .portfolio-item,
    .projects__card,
    .case,
    .project__wrap {
        transition: none;
        transform: none;
    }

    .portfolio-item:hover,
    .portfolio-item:focus-within,
    .projects__card:hover,
    .projects__card:focus-within,
    .case:hover,
    .case:focus-within,
    .project__wrap:hover,
    .project__wrap:focus-within,
    .portfolio-item:active,
    .projects__card:active,
    .case:active,
    .project__wrap:active {
        transform: none;
    }
}

/* ActiveLab cases title/link hover tuning 2026-05-15 */
.portfolio-item,
.projects__card,
.case,
.project__wrap {
    cursor: pointer;
}

.portfolio-item-title,
.portfolio-item-title a,
.projects__name,
.projects__name a,
.case__name,
.case__name a,
.project__subtitle,
.project__subtitle a {
    transition: color .22s ease, text-shadow .22s ease;
}

/* Card hover: title becomes slightly dimmer (clickable cue), CTA stays cyan */
.portfolio-item:hover .portfolio-item-title,
.portfolio-item:hover .portfolio-item-title a,
.projects__card:hover .projects__name,
.projects__card:hover .projects__name a,
.case:hover .case__name,
.case:hover .case__name a,
.project__wrap:hover .project__subtitle,
.project__wrap:hover .project__subtitle a {
    color: #CBD5E1 !important;
    text-shadow: 0 0 14px rgba(148,163,184,.12);
}

/* Direct hover on title link: strong cyan accent */
.portfolio-item-title a:hover,
.projects__name a:hover,
.case__name a:hover,
.project__subtitle a:hover,
.portfolio-item-title:hover,
.projects__name:hover,
.case__name:hover,
.project__subtitle:hover {
    color: #38BDF8 !important;
    text-shadow: 0 0 18px rgba(56,189,248,.24);
}

/* Keep CTA link visually primary on card hover */
.portfolio-item:hover .portfolio-item-redirect,
.portfolio-item:hover .portfolio-item-redirect a,
.portfolio-item:hover .portfolio-item-redirect span,
.projects__card:hover .project__link,
.projects__card:hover .project__link a,
.case:hover .case__link,
.case:hover .case__link a,
.project__wrap:hover .project__link,
.project__wrap:hover .project__link a {
    color: #38BDF8 !important;
    opacity: 1 !important;
}

/* ActiveLab hero feature strip 2026-05-15 */
.al-hero-features{margin-top:-92px;padding:0 0 34px;position:relative;z-index:8}.al-hero-features .container{position:relative}.al-hero-features__grid{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:rgba(255,255,255,.74);border:1px solid rgba(37,99,235,.1);border-radius:8px;box-shadow:0 24px 70px rgba(15,23,42,.12);display:grid;gap:0;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden}.al-hero-feature{align-items:center;background:rgba(255,255,255,.54);border-bottom:1px solid rgba(148,163,184,.16);border-right:1px solid rgba(148,163,184,.18);color:#0B1220;display:flex;gap:14px;min-height:82px;padding:18px 22px;text-decoration:none;transition:background .24s ease,box-shadow .24s ease,transform .24s ease}.al-hero-feature:nth-child(4n){border-right:0}.al-hero-feature:nth-child(n+5){border-bottom:0}.al-hero-feature__icon{align-items:center;background:rgba(255,255,255,.76);border:1px solid rgba(37,99,235,.1);border-radius:8px;box-shadow:0 10px 28px rgba(37,99,235,.08);color:#2563EB;display:flex;flex:0 0 52px;height:52px;justify-content:center;transition:background .24s ease,color .24s ease,transform .24s ease,box-shadow .24s ease;width:52px}.al-hero-feature__icon svg{fill:none;height:28px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:28px}.al-hero-feature__body{display:grid;gap:4px}.al-hero-feature__body strong{color:#0B1220;font-size:15px;font-weight:700;line-height:1.2;transition:color .24s ease}.al-hero-feature__body small{color:#64748B;font-size:12px;line-height:1.28;transition:color .24s ease}.al-hero-feature:hover,.al-hero-feature:focus{background:rgba(239,246,255,.9);box-shadow:inset 0 0 0 1px rgba(56,189,248,.2);color:#0B1220;outline:none;transform:translateY(-2px)}.al-hero-feature:hover .al-hero-feature__icon,.al-hero-feature:focus .al-hero-feature__icon{background:#2563EB;box-shadow:0 16px 34px rgba(37,99,235,.24);color:#FFFFFF;transform:translateY(-1px) scale(1.04)}.al-hero-feature:hover .al-hero-feature__body strong,.al-hero-feature:focus .al-hero-feature__body strong{color:#1D4ED8}.al-hero-feature:hover .al-hero-feature__body small,.al-hero-feature:focus .al-hero-feature__body small{color:#334155}.al-hero-feature:active{transform:translateY(0)}@media screen and (min-width:1025px){.offer__container{min-height:540px;padding-bottom:108px}}@media screen and (max-width:1024px){.al-hero-features{margin-top:-36px;padding-bottom:28px}.al-hero-features__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.al-hero-feature:nth-child(2n){border-right:0}.al-hero-feature:nth-child(n+5){border-bottom:1px solid rgba(148,163,184,.16)}.al-hero-feature:nth-child(n+7){border-bottom:0}}@media screen and (max-width:640px){.al-hero-features{margin-top:-18px;padding-bottom:20px}.al-hero-features__grid{display:flex;gap:10px;overflow-x:auto;padding:10px;scroll-snap-type:x mandatory}.al-hero-feature{border:1px solid rgba(148,163,184,.16);border-radius:8px;flex:0 0 245px;min-height:78px;padding:14px;scroll-snap-align:start}.al-hero-feature__icon{flex-basis:46px;height:46px;width:46px}}@media (prefers-reduced-motion:reduce){.al-hero-feature,.al-hero-feature__icon,.al-hero-feature__body strong,.al-hero-feature__body small{transition:none}}
/* ActiveLab hero feature strip variants 2026-05-15 */
@media screen and (min-width:1025px){.al-hero-features--balanced{margin-top:-76px}.al-hero-features--balanced .al-hero-feature{min-height:78px;padding:16px 20px}.al-hero-features--overlap{margin-top:-128px}.al-hero-features--overlap .al-hero-features__grid{background:rgba(255,255,255,.68);box-shadow:0 26px 80px rgba(15,23,42,.16)}.al-hero-features--overlap .al-hero-feature{background:rgba(255,255,255,.48);min-height:76px;padding:15px 20px}.al-hero-features--compact{margin-top:-58px}.al-hero-features--compact .al-hero-features__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.al-hero-features--compact .al-hero-feature{min-height:68px;padding:12px 18px}.al-hero-features--compact .al-hero-feature__icon{flex-basis:44px;height:44px;width:44px}.al-hero-features--compact .al-hero-feature__icon svg{height:24px;width:24px}.al-hero-features--compact .al-hero-feature__body strong{font-size:14px}.al-hero-features--compact .al-hero-feature__body small{font-size:11px}.al-hero-features--overlap~section,.al-hero-features--compact~section,.al-hero-features--balanced~section{position:relative}}
/* ActiveLab hero feature strip integrated variant 2026-05-15 */
@media screen and (min-width:1025px){.al-hero-features--integrated{margin-top:-154px;padding-bottom:18px;pointer-events:none}.al-hero-features--integrated .container{display:flex;justify-content:flex-end}.al-hero-features--integrated .al-hero-features__grid{background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(248,250,252,.58));border-color:rgba(37,99,235,.1);box-shadow:0 28px 80px rgba(15,23,42,.14),0 0 0 1px rgba(255,255,255,.44) inset;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1160px;overflow:visible;pointer-events:auto;position:relative;width:82%}.al-hero-features--integrated .al-hero-features__grid:before{background:radial-gradient(circle at 72% 0,rgba(56,189,248,.2),transparent 42%),linear-gradient(90deg,rgba(37,99,235,.06),rgba(255,255,255,0));border-radius:8px;content:"";inset:-1px;pointer-events:none;position:absolute}.al-hero-features--integrated .al-hero-feature{background:transparent;border-bottom:0;border-right:1px solid rgba(148,163,184,.12);min-height:72px;padding:14px 18px;position:relative;z-index:1}.al-hero-features--integrated .al-hero-feature:nth-child(n+5){border-top:1px solid rgba(148,163,184,.12)}.al-hero-features--integrated .al-hero-feature:nth-child(4n){border-right:0}.al-hero-features--integrated .al-hero-feature__icon{background:rgba(255,255,255,.78);flex-basis:46px;height:46px;width:46px}.al-hero-features--integrated .al-hero-feature__icon svg{height:24px;width:24px}.al-hero-features--integrated .al-hero-feature__body strong{font-size:14px}.al-hero-features--integrated .al-hero-feature__body small{font-size:11px}.al-hero-features--integrated .al-hero-feature:hover,.al-hero-features--integrated .al-hero-feature:focus{background:rgba(239,246,255,.72);box-shadow:none;transform:translateY(-2px)}}
/* ActiveLab hero feature strip soft integrated tuning 2026-05-15 */
@media screen and (min-width:1025px){.al-hero-features--integrated{margin-top:-132px;padding-bottom:10px}.al-hero-features--integrated .container{display:block}.al-hero-features--integrated .al-hero-features__grid{background:rgba(255,255,255,.56);border-color:rgba(37,99,235,.08);box-shadow:0 22px 60px rgba(15,23,42,.08),0 0 0 1px rgba(255,255,255,.62) inset;margin-left:auto;margin-right:auto;max-width:1320px;width:86%}.al-hero-features--integrated .al-hero-features__grid:before{background:linear-gradient(90deg,rgba(255,255,255,.5),rgba(239,246,255,.28) 52%,rgba(255,255,255,.2));border-radius:8px}.al-hero-features--integrated .al-hero-feature{background:transparent;border-color:rgba(148,163,184,.1);min-height:66px;padding:12px 17px}.al-hero-features--integrated .al-hero-feature__icon{background:rgba(255,255,255,.28);border-color:rgba(37,99,235,.08);box-shadow:none;color:#2563EB;flex-basis:42px;height:42px;width:42px}.al-hero-features--integrated .al-hero-feature__icon svg{height:23px;width:23px}.al-hero-features--integrated .al-hero-feature__body strong{color:#0B1220;font-size:14px;font-weight:700}.al-hero-features--integrated .al-hero-feature__body small{color:#475569;font-size:11px}.al-hero-features--integrated .al-hero-feature:hover,.al-hero-features--integrated .al-hero-feature:focus{background:rgba(255,255,255,.38);box-shadow:inset 0 0 0 1px rgba(56,189,248,.16);transform:translateY(-1px)}.al-hero-features--integrated .al-hero-feature:hover .al-hero-feature__icon,.al-hero-features--integrated .al-hero-feature:focus .al-hero-feature__icon{background:rgba(37,99,235,.1);box-shadow:0 10px 24px rgba(37,99,235,.12);color:#1D4ED8;transform:scale(1.04)}.al-hero-features--integrated .al-hero-feature:hover .al-hero-feature__body strong,.al-hero-features--integrated .al-hero-feature:focus .al-hero-feature__body strong{color:#2563EB}.al-hero-features--integrated .al-hero-feature:hover .al-hero-feature__body small,.al-hero-features--integrated .al-hero-feature:focus .al-hero-feature__body small{color:#334155}}
/* ActiveLab hero feature strip iconless-panel tuning 2026-05-15 */
@media screen and (min-width:1025px){.al-hero-features--integrated{margin-top:-124px;padding-bottom:8px}.al-hero-features--integrated .al-hero-features__grid{background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.46));border-color:rgba(37,99,235,.05);box-shadow:0 18px 52px rgba(15,23,42,.06);max-width:1280px;width:88%}.al-hero-features--integrated .al-hero-features__grid:before{background:linear-gradient(90deg,rgba(255,255,255,.34),rgba(239,246,255,.18),rgba(255,255,255,.22))}.al-hero-features--integrated .al-hero-feature{background:transparent;border-color:rgba(37,99,235,.08);gap:12px;min-height:64px;padding:11px 18px}.al-hero-features--integrated .al-hero-feature__icon{background:transparent!important;border:0!important;box-shadow:none!important;color:#2563EB;flex:0 0 34px;height:34px;width:34px}.al-hero-features--integrated .al-hero-feature__icon svg{height:27px;width:27px;stroke-width:2.15}.al-hero-features--integrated .al-hero-feature__body strong{color:#0B1220;font-size:14px}.al-hero-features--integrated .al-hero-feature__body small{color:#526174;font-size:11px}.al-hero-features--integrated .al-hero-feature:hover,.al-hero-features--integrated .al-hero-feature:focus{background:rgba(255,255,255,.26);box-shadow:none;transform:translateY(-1px)}.al-hero-features--integrated .al-hero-feature:hover .al-hero-feature__icon,.al-hero-features--integrated .al-hero-feature:focus .al-hero-feature__icon{background:transparent!important;box-shadow:none!important;color:#1D4ED8;transform:scale(1.08)}.al-hero-features--integrated .al-hero-feature:hover .al-hero-feature__body strong,.al-hero-features--integrated .al-hero-feature:focus .al-hero-feature__body strong{color:#1D4ED8}.al-hero-features--integrated .al-hero-feature:hover .al-hero-feature__body small,.al-hero-features--integrated .al-hero-feature:focus .al-hero-feature__body small{color:#334155}}
/* ActiveLab hero feature strip no-panel tuning 2026-05-15 */
@media screen and (min-width:1025px){.al-hero-features--integrated{margin-top:-126px;padding-bottom:6px}.al-hero-features--integrated .al-hero-features__grid{background:transparent!important;border:0!important;box-shadow:none!important;max-width:1260px;overflow:visible;width:86%}.al-hero-features--integrated .al-hero-features__grid:before{display:none}.al-hero-features--integrated .al-hero-feature{background:transparent!important;border-bottom:1px solid rgba(37,99,235,.07);border-right:1px solid rgba(37,99,235,.08);min-height:60px;padding:9px 17px}.al-hero-features--integrated .al-hero-feature:nth-child(n+5){border-top:0}.al-hero-features--integrated .al-hero-feature__icon{background:transparent!important;border:0!important;box-shadow:none!important;color:#2563EB;flex:0 0 32px;height:32px;width:32px}.al-hero-features--integrated .al-hero-feature__icon svg{height:26px;width:26px;stroke-width:2.2}.al-hero-features--integrated .al-hero-feature__body strong{color:#0B1220;font-size:14px;font-weight:700}.al-hero-features--integrated .al-hero-feature__body small{color:#475569;font-size:11px}.al-hero-features--integrated .al-hero-feature:hover,.al-hero-features--integrated .al-hero-feature:focus{background:rgba(255,255,255,.22)!important;box-shadow:none!important;transform:translateY(-1px)}.al-hero-features--integrated .al-hero-feature:hover .al-hero-feature__icon,.al-hero-features--integrated .al-hero-feature:focus .al-hero-feature__icon{color:#1D4ED8;transform:scale(1.08)}.al-hero-features--integrated .al-hero-feature:hover .al-hero-feature__body strong,.al-hero-features--integrated .al-hero-feature:focus .al-hero-feature__body strong{color:#1D4ED8}.al-hero-features--integrated .al-hero-feature:hover .al-hero-feature__body small,.al-hero-features--integrated .al-hero-feature:focus .al-hero-feature__body small{color:#334155}}
/* ActiveLab hero feature strip no-overlap tuning 2026-05-15 */
@media screen and (min-width:1025px){.al-hero-features--integrated{margin-top:-46px;padding-bottom:18px}.al-hero-features--integrated .container{display:block}.al-hero-features--integrated .al-hero-features__grid{background:transparent!important;border:0!important;box-shadow:none!important;margin-left:auto;margin-right:auto;max-width:1320px;overflow:visible;width:88%}.al-hero-features--integrated .al-hero-features__grid:before{display:none}.al-hero-features--integrated .al-hero-feature{background:transparent!important;border-bottom:1px solid rgba(37,99,235,.07);border-right:1px solid rgba(37,99,235,.08);min-height:60px;padding:9px 17px}.al-hero-features--integrated .al-hero-feature:nth-child(n+5){border-top:0}.al-hero-features--integrated .al-hero-feature__icon{background:transparent!important;border:0!important;box-shadow:none!important;color:#2563EB;flex:0 0 32px;height:32px;width:32px}.al-hero-features--integrated .al-hero-feature__icon svg{height:26px;width:26px;stroke-width:2.2}.al-hero-features--integrated .al-hero-feature__body strong{color:#0B1220;font-size:14px;font-weight:700}.al-hero-features--integrated .al-hero-feature__body small{color:#475569;font-size:11px}.al-hero-features--integrated .al-hero-feature:hover,.al-hero-features--integrated .al-hero-feature:focus{background:rgba(239,246,255,.28)!important;box-shadow:none!important;transform:translateY(-1px)}.al-hero-features--integrated .al-hero-feature:hover .al-hero-feature__icon,.al-hero-features--integrated .al-hero-feature:focus .al-hero-feature__icon{color:#1D4ED8;transform:scale(1.08)}.al-hero-features--integrated .al-hero-feature:hover .al-hero-feature__body strong,.al-hero-features--integrated .al-hero-feature:focus .al-hero-feature__body strong{color:#1D4ED8}.al-hero-features--integrated .al-hero-feature:hover .al-hero-feature__body small,.al-hero-features--integrated .al-hero-feature:focus .al-hero-feature__body small{color:#334155}}
/* ActiveLab hero feature strip align-to-cta 2026-05-15 */
@media screen and (min-width:1025px){.al-hero-features--integrated{margin-top:-24px;padding-bottom:28px}.al-hero-features--integrated .container{display:block}.al-hero-features--integrated .al-hero-features__grid{background:transparent!important;border:0!important;box-shadow:none!important;margin-left:0!important;margin-right:auto!important;max-width:1250px;overflow:visible;width:88%}.al-hero-features--integrated .al-hero-features__grid:before{display:none!important}.al-hero-features--integrated .al-hero-feature{background:transparent!important;border-bottom:1px solid rgba(37,99,235,.07);border-right:1px solid rgba(37,99,235,.08);min-height:58px;padding:8px 17px}.al-hero-features--integrated .al-hero-feature__icon{background:transparent!important;border:0!important;box-shadow:none!important;color:#2563EB;flex:0 0 32px;height:32px;width:32px}.al-hero-features--integrated .al-hero-feature__icon svg{height:26px;width:26px;stroke-width:2.2}.al-hero-features--integrated .al-hero-feature:hover,.al-hero-features--integrated .al-hero-feature:focus{background:rgba(239,246,255,.22)!important;box-shadow:none!important;transform:translateY(-1px)}}
/* ActiveLab hero feature strip microblocks tuning 2026-05-15 */
@media screen and (min-width:1025px){.al-hero-features--integrated{margin-top:-18px;padding-bottom:30px}.al-hero-features--integrated .al-hero-features__grid{background:transparent!important;border:0!important;box-shadow:none!important;display:grid;gap:10px 14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-left:0!important;margin-right:auto!important;max-width:1260px;overflow:visible;width:88%}.al-hero-features--integrated .al-hero-features__grid:before{display:none!important}.al-hero-features--integrated .al-hero-feature{background:rgba(255,255,255,.42)!important;border:1px solid rgba(37,99,235,.08)!important;border-radius:8px;box-shadow:0 12px 34px rgba(15,23,42,.035);gap:15px;min-height:68px;padding:12px 18px}.al-hero-features--integrated .al-hero-feature:nth-child(n){border-right:1px solid rgba(37,99,235,.08)!important;border-bottom:1px solid rgba(37,99,235,.08)!important}.al-hero-features--integrated .al-hero-feature__icon{background:transparent!important;border:0!important;box-shadow:none!important;color:#2563EB;flex:0 0 42px;height:42px;width:42px}.al-hero-features--integrated .al-hero-feature__icon svg{height:34px;width:34px;stroke-width:2.15}.al-hero-features--integrated .al-hero-feature__body{gap:5px}.al-hero-features--integrated .al-hero-feature__body strong{color:#0B1220;font-size:15px;font-weight:800;line-height:1.16}.al-hero-features--integrated .al-hero-feature__body small{color:#475569;font-size:12px;line-height:1.25}.al-hero-features--integrated .al-hero-feature:hover,.al-hero-features--integrated .al-hero-feature:focus{background:rgba(239,246,255,.52)!important;border-color:rgba(56,189,248,.22)!important;box-shadow:0 14px 36px rgba(37,99,235,.08);transform:translateY(-2px)}.al-hero-features--integrated .al-hero-feature:hover .al-hero-feature__icon,.al-hero-features--integrated .al-hero-feature:focus .al-hero-feature__icon{color:#1D4ED8;transform:scale(1.08)}.al-hero-features--integrated .al-hero-feature:hover .al-hero-feature__body strong,.al-hero-features--integrated .al-hero-feature:focus .al-hero-feature__body strong{color:#1D4ED8}.al-hero-features--integrated .al-hero-feature:hover .al-hero-feature__body small,.al-hero-features--integrated .al-hero-feature:focus .al-hero-feature__body small{color:#334155}}
/* ActiveLab hero feature variants v1/v2/v3 2026-05-15
   v1: no panel, text in air. v2: full microblocks. v3: icon cells only. */
@media screen and (min-width:1025px){.al-hero-features--v1,.al-hero-features--v2,.al-hero-features--v3{padding-bottom:30px}.al-hero-features--v1 .al-hero-features__grid,.al-hero-features--v2 .al-hero-features__grid,.al-hero-features--v3 .al-hero-features__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-left:0!important;margin-right:auto!important;max-width:1260px;overflow:visible;width:88%}.al-hero-features--v1{margin-top:-24px}.al-hero-features--v1 .al-hero-features__grid{background:transparent!important;border:0!important;box-shadow:none!important;gap:0}.al-hero-features--v1 .al-hero-features__grid:before{display:none!important}.al-hero-features--v1 .al-hero-feature{background:transparent!important;border-bottom:1px solid rgba(37,99,235,.07);border-right:1px solid rgba(37,99,235,.08);min-height:58px;padding:8px 17px}.al-hero-features--v1 .al-hero-feature__icon{background:transparent!important;border:0!important;box-shadow:none!important;color:#2563EB;flex:0 0 32px;height:32px;width:32px}.al-hero-features--v1 .al-hero-feature__icon svg{height:26px;width:26px;stroke-width:2.2}.al-hero-features--v2{margin-top:-18px}.al-hero-features--v2 .al-hero-features__grid{background:transparent!important;border:0!important;box-shadow:none!important;gap:10px 14px}.al-hero-features--v2 .al-hero-features__grid:before{display:none!important}.al-hero-features--v2 .al-hero-feature{background:rgba(255,255,255,.42)!important;border:1px solid rgba(37,99,235,.08)!important;border-radius:8px;box-shadow:0 12px 34px rgba(15,23,42,.035);gap:15px;min-height:68px;padding:12px 18px}.al-hero-features--v2 .al-hero-feature__icon{background:transparent!important;border:0!important;box-shadow:none!important;color:#2563EB;flex:0 0 42px;height:42px;width:42px}.al-hero-features--v2 .al-hero-feature__icon svg{height:34px;width:34px;stroke-width:2.15}.al-hero-features--v3{margin-top:-18px}.al-hero-features--v3 .al-hero-features__grid{background:transparent!important;border:0!important;box-shadow:none!important;gap:0}.al-hero-features--v3 .al-hero-features__grid:before{display:none!important}.al-hero-features--v3 .al-hero-feature{background:transparent!important;border-bottom:1px solid rgba(37,99,235,.07);border-right:1px solid rgba(37,99,235,.08);box-shadow:none!important;gap:16px;min-height:68px;padding:10px 18px}.al-hero-features--v3 .al-hero-feature:nth-child(4n){border-right:0}.al-hero-features--v3 .al-hero-feature__icon{background:rgba(255,255,255,.5)!important;border:1px solid rgba(37,99,235,.1)!important;border-radius:8px;box-shadow:0 10px 26px rgba(15,23,42,.04);color:#2563EB;flex:0 0 52px;height:52px;width:52px}.al-hero-features--v3 .al-hero-feature__icon svg{height:34px;width:34px;stroke-width:2.1}.al-hero-features--v1 .al-hero-feature__body,.al-hero-features--v2 .al-hero-feature__body,.al-hero-features--v3 .al-hero-feature__body{gap:5px}.al-hero-features--v1 .al-hero-feature__body strong,.al-hero-features--v2 .al-hero-feature__body strong,.al-hero-features--v3 .al-hero-feature__body strong{color:#0B1220;font-size:15px;font-weight:800;line-height:1.16}.al-hero-features--v1 .al-hero-feature__body small,.al-hero-features--v2 .al-hero-feature__body small,.al-hero-features--v3 .al-hero-feature__body small{color:#475569;font-size:12px;line-height:1.25}.al-hero-features--v1 .al-hero-feature:hover,.al-hero-features--v1 .al-hero-feature:focus,.al-hero-features--v2 .al-hero-feature:hover,.al-hero-features--v2 .al-hero-feature:focus,.al-hero-features--v3 .al-hero-feature:hover,.al-hero-features--v3 .al-hero-feature:focus{background:rgba(239,246,255,.24)!important;box-shadow:none!important;transform:translateY(-1px)}.al-hero-features--v2 .al-hero-feature:hover,.al-hero-features--v2 .al-hero-feature:focus{border-color:rgba(56,189,248,.22)!important;box-shadow:0 14px 36px rgba(37,99,235,.08)!important;transform:translateY(-2px)}.al-hero-features--v3 .al-hero-feature:hover .al-hero-feature__icon,.al-hero-features--v3 .al-hero-feature:focus .al-hero-feature__icon{background:rgba(239,246,255,.72)!important;border-color:rgba(56,189,248,.2)!important;box-shadow:0 12px 30px rgba(37,99,235,.1);color:#1D4ED8;transform:scale(1.05)}.al-hero-features--v1 .al-hero-feature:hover .al-hero-feature__body strong,.al-hero-features--v1 .al-hero-feature:focus .al-hero-feature__body strong,.al-hero-features--v2 .al-hero-feature:hover .al-hero-feature__body strong,.al-hero-features--v2 .al-hero-feature:focus .al-hero-feature__body strong,.al-hero-features--v3 .al-hero-feature:hover .al-hero-feature__body strong,.al-hero-features--v3 .al-hero-feature:focus .al-hero-feature__body strong{color:#1D4ED8}.al-hero-features--v1 .al-hero-feature:hover .al-hero-feature__body small,.al-hero-features--v1 .al-hero-feature:focus .al-hero-feature__body small,.al-hero-features--v2 .al-hero-feature:hover .al-hero-feature__body small,.al-hero-features--v2 .al-hero-feature:focus .al-hero-feature__body small,.al-hero-features--v3 .al-hero-feature:hover .al-hero-feature__body small,.al-hero-features--v3 .al-hero-feature:focus .al-hero-feature__body small{color:#334155}}
/* ActiveLab logo refresh sizing 2026-05-16 */
.header__logo-image{width:clamp(176px,14vw,226px);height:auto;object-fit:contain;margin-top:0}.header__logo a,.header-mobile__logo a,.fixed-menu__logo a{display:inline-flex;align-items:center}.header-mobile .header__logo-image{width:clamp(148px,42vw,190px);height:auto;margin-top:0}.fixed-menu__logo .header__logo-image{width:176px;height:auto}.footer__logo img{width:clamp(180px,16vw,230px);height:auto;object-fit:contain}.preloader img{max-width:min(300px,72vw);height:auto}@media screen and (max-width:640px){.header-mobile .header__logo-image{width:152px}.footer__logo img{width:176px}.preloader img{max-width:220px}}
/* ActiveLab visual pass 2026-05-16: header/footer/form polish */
.header .header__top{align-items:center;gap:24px}.header__top-left{display:flex!important;align-items:center;gap:14px;min-width:0}.header__top-right,.header__nav{align-items:center}.header__nav{gap:10px;padding:6px 10px;border:1px solid rgba(255,255,255,.06);border-radius:999px;background:rgba(15,23,42,.22)}.header__nav li{margin-right:0!important}.header__nav li a{display:inline-flex;align-items:center;min-height:30px;padding:0 8px;border-radius:999px;color:#e5e7eb!important}.header__nav li a:hover,.header__nav li.current_page_item a{color:#38bdf8!important;background:rgba(56,189,248,.08)}.header__link{display:inline-flex!important;align-items:center;gap:7px;color:#e5e7eb!important;font-size:1.45rem;line-height:1;white-space:nowrap;transition:color .2s ease,background-color .2s ease}.header__link:before{content:"";width:16px;height:16px;flex:0 0 16px;background:#38bdf8;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.header__link--mail:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18v14H3V5zm2.2 2 6.8 5.1L18.8 7H5.2zM5 17h14V8.9l-7 5.25-7-5.25V17z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18v14H3V5zm2.2 2 6.8 5.1L18.8 7H5.2zM5 17h14V8.9l-7 5.25-7-5.25V17z'/%3E%3C/svg%3E")}.header__link--phone:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8c1.4 2.8 3.8 5.2 6.6 6.6l2.2-2.2c.3-.3.7-.4 1.1-.3 1.2.4 2.5.6 3.8.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.8 21 3 13.2 3 3.7c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.6.6 3.8.1.4 0 .8-.3 1.1l-2.2 2.2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8c1.4 2.8 3.8 5.2 6.6 6.6l2.2-2.2c.3-.3.7-.4 1.1-.3 1.2.4 2.5.6 3.8.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.8 21 3 13.2 3 3.7c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.6.6 3.8.1.4 0 .8-.3 1.1l-2.2 2.2z'/%3E%3C/svg%3E")}.header__link:hover,.header__link:focus{color:#38bdf8!important}.header__service>a img,.header__services .flexible-menu__button img{display:block!important;width:18px;height:18px;opacity:1!important;visibility:visible!important;filter:brightness(0) saturate(100%) invert(67%) sepia(77%) saturate(1352%) hue-rotate(165deg) brightness(101%) contrast(101%)!important;transition:filter .2s ease,transform .2s ease}.header__service>a:hover img,.header__services .flexible-menu__button:hover img{filter:brightness(0) saturate(100%) invert(53%) sepia(98%) saturate(1652%) hue-rotate(180deg) brightness(103%) contrast(101%)!important;transform:translateY(-1px)}.header__start span,.header-mobile__controls .btn span{color:#fff!important}.footer__container{grid-template-columns:minmax(210px,280px) 1fr!important;gap:clamp(48px,7vw,128px)!important}.footer__main{padding-top:4px}.footer__logo{margin-bottom:22px!important}.footer__since{margin-top:0;color:#64748b;font-size:1.5rem;line-height:1.3}.footer__blocks{grid-template-columns:repeat(4,minmax(135px,1fr))!important;gap:clamp(28px,4vw,72px)!important;justify-content:stretch!important}.footer__label{color:#0b1220;font-weight:600}.get-project-dark .btn-footer{background:#2563eb!important;border:1px solid #2563eb!important;box-shadow:0 16px 38px rgba(37,99,235,.28);color:#fff!important;overflow:hidden;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.get-project-dark .btn-footer:before,.get-project-dark .btn-footer:after{display:none!important}.get-project-dark .btn-footer span{color:#fff!important;font-weight:500!important;line-height:1.2}.get-project-dark .btn-footer:hover,.get-project-dark .btn-footer:focus{background:#1d4ed8!important;border-color:#1d4ed8!important;box-shadow:0 20px 45px rgba(37,99,235,.36);transform:translateY(-1px)}.get-project-dark .btn-footer:active{background:#2563eb!important;transform:translateY(0)}@media screen and (max-width:1180px){.header__nav{display:none}.header__link{font-size:1.35rem}.footer__container{grid-template-columns:1fr!important;gap:36px!important}.footer__blocks{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media screen and (max-width:640px){.header-mobile__services .header__service>a img{display:block!important;opacity:1!important;visibility:visible!important;filter:brightness(0) saturate(100%) invert(67%) sepia(77%) saturate(1352%) hue-rotate(165deg) brightness(101%) contrast(101%)!important}.footer__blocks{grid-template-columns:1fr!important;gap:24px!important}.footer__since{font-size:1.4rem}.get-project-dark .btn-footer{width:100%;text-align:center}.get-project-dark .btn-footer span{margin:0 auto}}
/* ActiveLab visual pass 2026-05-16: top nav compact correction */
.header__nav{gap:4px!important;padding:4px 8px!important;border-radius:18px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.07)!important;box-shadow:none!important}.header__nav li,.header__nav li:last-child{margin:0!important}.header__nav li a{min-height:28px!important;padding:0 10px!important;border:0!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important}.header__nav li a:before,.header__nav li a:after{display:none!important}.header__nav li a:hover,.header__nav li.current_page_item a{background:rgba(56,189,248,.09)!important;color:#38bdf8!important}
/* ActiveLab visual pass 2026-05-16: top nav nested bubble cleanup */
.header__nav li,.header__nav li:before,.header__nav li:after{border:0!important;background:transparent!important;box-shadow:none!important}.header__nav li:before,.header__nav li:after{display:none!important}.header__nav li a,.header__nav li a span{box-shadow:none!important}.header__nav li a{outline:0!important}.header__nav li a:not(:hover):not(:focus){background:transparent!important;border-color:transparent!important}.header__nav li a:hover,.header__nav li a:focus,.header__nav li.current_page_item a{background:rgba(56,189,248,.1)!important;border-color:transparent!important}
/* ActiveLab visual pass 2026-05-16: compact header final */
.header .container{max-width:1440px}.header__top{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:32px!important;padding:6px 0 2px!important;gap:18px!important}.header__bottom{display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:34px!important;padding:6px 0 10px!important}.header__bottom-right{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:30px!important}.header__logo{display:flex!important;align-items:center!important}.header__logo-image{width:clamp(170px,12vw,210px)!important;margin:0!important}.header__link{font-size:1.35rem!important;color:#e5e7eb!important}.header__link:before{width:14px!important;height:14px!important;flex-basis:14px!important}.header__nav{display:flex!important;align-items:center!important;gap:22px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}.header__nav li,.header__nav li:before,.header__nav li:after{margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.header__nav li:before,.header__nav li:after,.header__nav a:before,.header__nav a:after{display:none!important}.header__nav li a{display:inline-flex!important;align-items:center!important;min-height:auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#e5e7eb!important;line-height:1.25!important}.header__nav li a:hover,.header__nav li a:focus,.header__nav li.current_page_item a{color:#38bdf8!important;background:transparent!important}.header__service{font-size:1.65rem!important;margin-right:22px!important}.header__service>a{gap:7px!important}.header__service>a img,.header__services .flexible-menu__button img{width:17px!important;height:17px!important;opacity:.92!important}.header__start{height:4.4rem!important;padding:1.1rem 2.6rem!important}.header__start span{font-size:1.5rem!important}.header.header-light,.header{min-height:0!important}@media screen and (max-width:1180px){.header__top{display:none!important}.header__bottom{display:none!important}.header__nav{display:none!important}}
/* ActiveLab visual pass 2026-05-16: header footer alignment final */
.header__top-left{width:clamp(190px,16vw,260px)!important;justify-content:center!important;gap:12px!important}.header__bottom{grid-template-columns:clamp(190px,16vw,260px) 1fr!important}.header__logo{justify-content:center!important}.header__logo-image{width:clamp(178px,13vw,218px)!important}.header__link{color:#e5e7eb!important}.header__link:before{background:#38bdf8!important}.header__link:hover,.header__link:focus{color:#38bdf8!important}.header__nav{gap:24px!important}.header__nav li a{font-size:1.55rem!important;color:#e5e7eb!important}.header__nav,.header__nav li,.header__nav li a,.header__nav li a span{background:transparent!important;border:0!important;box-shadow:none!important}.header__nav li:before,.header__nav li:after,.header__nav li a:before,.header__nav li a:after{display:none!important}.footer{padding:44px 0!important}.footer__container{grid-template-columns:minmax(220px,280px) 1fr!important;align-items:start!important}.footer__main{align-items:center!important;text-align:center!important}.footer__logo{margin-bottom:12px!important}.footer__since{color:#64748b!important;font-size:1.45rem!important;line-height:1.35!important}.footer__blocks{grid-template-columns:repeat(4,minmax(145px,1fr))!important;align-items:start!important}.footer__block ul,.footer__links{display:grid!important;gap:12px!important;margin:20px 0 0!important;padding:0!important;list-style:none!important}.footer__block li{margin:0!important;padding:0!important}.footer__block a,.footer__links a{display:inline-flex!important;align-items:center!important;gap:8px!important;color:#2563eb!important;text-decoration:none!important;line-height:1.35!important;transition:color .2s ease,transform .2s ease}.footer__block a:hover,.footer__block a:focus,.footer__links a:hover,.footer__links a:focus{color:#1d4ed8!important;transform:translateX(2px)}.footer__links a[href^="tel:"]:before,.footer__links a[href^="mailto:"]:before{content:"";width:16px;height:16px;flex:0 0 16px;background:#2563eb;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.footer__links a[href^="tel:"]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8c1.4 2.8 3.8 5.2 6.6 6.6l2.2-2.2c.3-.3.7-.4 1.1-.3 1.2.4 2.5.6 3.8.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.8 21 3 13.2 3 3.7c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.6.6 3.8.1.4 0 .8-.3 1.1l-2.2 2.2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8c1.4 2.8 3.8 5.2 6.6 6.6l2.2-2.2c.3-.3.7-.4 1.1-.3 1.2.4 2.5.6 3.8.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.8 21 3 13.2 3 3.7c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.6.6 3.8.1.4 0 .8-.3 1.1l-2.2 2.2z'/%3E%3C/svg%3E")}.footer__links a[href^="mailto:"]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18v14H3V5zm2.2 2 6.8 5.1L18.8 7H5.2zM5 17h14V8.9l-7 5.25-7-5.25V17z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18v14H3V5zm2.2 2 6.8 5.1L18.8 7H5.2zM5 17h14V8.9l-7 5.25-7-5.25V17z'/%3E%3C/svg%3E")}@media screen and (max-width:1180px){.header__top-left{width:auto!important}.footer__main{align-items:flex-start!important;text-align:left!important}.footer__blocks{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media screen and (max-width:640px){.footer{padding:34px 0!important}.footer__blocks{grid-template-columns:1fr!important}.footer__block ul,.footer__links{margin-top:12px!important}}
/* ActiveLab visual pass 2026-05-16: header contacts center footer split */
.header__top{position:relative!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;min-height:30px!important;padding:5px 0 0!important}.header__top-left{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:20px!important;white-space:nowrap!important}.header__link{font-size:1.48rem!important;font-weight:500!important;letter-spacing:.01em!important;color:#e5e7eb!important}.header__link:before{width:15px!important;height:15px!important;flex-basis:15px!important;background:#38bdf8!important}.header__bottom{grid-template-columns:clamp(240px,18vw,320px) 1fr!important;gap:38px!important;padding:7px 0 11px!important}.header__logo{justify-content:center!important}.header__logo-image{width:clamp(205px,15vw,245px)!important}.header__bottom-right{gap:34px!important}.header__service{font-size:1.68rem!important}.footer__container{position:relative!important;grid-template-columns:minmax(260px,330px) 1fr!important;gap:clamp(58px,7vw,120px)!important}.footer__container:before{content:"";position:absolute;left:clamp(285px,22vw,360px);top:8px;bottom:8px;width:1px;background:linear-gradient(180deg,rgba(37,99,235,0),rgba(37,99,235,.2),rgba(37,99,235,0))}.footer__main{align-items:center!important;text-align:center!important;padding-top:2px!important}.footer__logo img{width:clamp(190px,15vw,235px)!important}.footer__since{margin-top:12px!important;color:#64748b!important;font-size:1.48rem!important;line-height:1.35!important;letter-spacing:.01em!important}.footer__blocks{gap:clamp(36px,5vw,88px)!important}.footer__label{font-size:2.25rem!important;line-height:1.15!important}.footer__block a,.footer__links a{font-size:1.62rem!important;color:#2563eb!important}.footer__links a[href^="tel:"],.footer__links a[href^="mailto:"]{color:#2563eb!important;font-weight:500!important}.footer__links a[href^="tel:"]:before,.footer__links a[href^="mailto:"]:before{background:#2563eb!important}@media screen and (max-width:1180px){.header__top-left{position:static!important;transform:none!important}.header__bottom{grid-template-columns:auto 1fr!important}.footer__container:before{display:none}.footer__container{grid-template-columns:1fr!important}.footer__main{align-items:flex-start!important;text-align:left!important}}@media screen and (max-width:640px){.footer__label{font-size:2rem!important}.footer__block a,.footer__links a{font-size:1.55rem!important}}
/* ActiveLab visual pass 2026-05-16: header baseline correction */
.header__top{justify-content:flex-end!important;align-items:center!important;min-height:28px!important;padding:4px 0 0!important}.header__top-left{position:static!important;transform:none!important;width:auto!important;order:1!important;margin-right:32px!important;gap:18px!important}.header__top-right{order:2!important;display:flex!important;align-items:center!important}.header__link{font-size:1.42rem!important;line-height:1.2!important}.header__nav{align-items:center!important;gap:22px!important}.header__nav li a{font-size:1.5rem!important;line-height:1.2!important}.header__bottom{padding:2px 0 10px!important;align-items:start!important}.header__logo{align-self:start!important;justify-content:center!important;transform:translateY(-6px)!important}.header__logo-image{width:clamp(205px,15vw,245px)!important}.header__bottom-right{align-self:center!important;transform:translateY(-2px)!important}@media screen and (max-width:1180px){.header__logo,.header__bottom-right{transform:none!important}.header__top-left{margin-right:0!important}}
/* ActiveLab visual pass 2026-05-16: header two-column composition */
.header__container{display:grid!important;grid-template-columns:clamp(250px,20vw,340px) 1fr!important;grid-template-rows:34px 64px!important;align-items:center!important;gap:0 34px!important}.header__top{grid-column:2!important;grid-row:1!important;position:static!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:26px!important;min-height:0!important;padding:0!important}.header__top-left{position:static!important;transform:none!important;order:1!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;width:auto!important;margin:0!important;gap:18px!important}.header__top-left>div:first-child{display:none!important}.header__top-right{order:2!important;display:flex!important;align-items:center!important}.header__nav{display:flex!important;align-items:center!important;gap:20px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.header__nav li a{font-size:1.48rem!important;line-height:1.2!important;color:#e5e7eb!important}.header__nav li a:hover,.header__nav li.current_page_item a{color:#38bdf8!important}.header__link{font-size:1.42rem!important;line-height:1.2!important;color:#e5e7eb!important}.header__link:before{background:#38bdf8!important}.header__bottom{display:contents!important;padding:0!important}.header__botton-left{grid-column:1!important;grid-row:1 / span 2!important;display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important}.header__logo{display:flex!important;align-items:center!important;justify-content:center!important;transform:none!important}.header__logo-image{width:clamp(220px,17vw,270px)!important;margin:0!important}.header__bottom-right{grid-column:2!important;grid-row:2!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:34px!important;transform:none!important;align-self:center!important}.header__services{align-items:center!important}.header__service{font-size:1.66rem!important;margin-right:22px!important}.header__start{height:4.4rem!important;padding:1.1rem 2.8rem!important}@media screen and (max-width:1180px){.header__container{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto!important}.header__top,.header__bottom,.header__botton-left,.header__bottom-right{display:none!important}.header-mobile{display:block!important}}
/* ActiveLab visual pass 2026-05-16: restore balanced header with contacts */
.header__container{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important}.header__top{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:28px!important;min-height:30px!important;padding:5px 0 0!important}.header__top-left{position:static!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;width:auto!important;margin:0!important;gap:18px!important;order:1!important}.header__top-left>div:first-child{display:none!important}.header__top-right{order:2!important;display:flex!important;align-items:center!important}.header__nav{display:flex!important;align-items:center!important;gap:22px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.header__nav li a{font-size:1.5rem!important;line-height:1.2!important;color:#e5e7eb!important}.header__nav li a:hover,.header__nav li.current_page_item a{color:#38bdf8!important}.header__link{font-size:1.4rem!important;line-height:1.2!important;color:#e5e7eb!important}.header__link:before{background:#38bdf8!important}.header__bottom{display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:42px!important;padding:4px 0 11px!important}.header__botton-left{display:flex!important;align-items:center!important;justify-content:flex-start!important;height:auto!important}.header__logo{display:flex!important;align-items:center!important;justify-content:flex-start!important;transform:none!important}.header__logo-image{width:clamp(205px,15vw,245px)!important;margin:0!important}.header__bottom-right{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:34px!important;transform:none!important}.header__services{align-items:center!important}.header__service{font-size:1.66rem!important;margin-right:22px!important}.header__start{height:4.4rem!important;padding:1.1rem 2.8rem!important}@media screen and (max-width:1180px){.header__top,.header__bottom{display:none!important}.header-mobile{display:block!important}}
/* ActiveLab emergency 2026-05-16: restore stable header */
@media screen and (min-width:1181px){.header{display:block!important;background:#0b1220!important;min-height:0!important}.header-mobile{display:none!important}.header .container{max-width:1440px!important}.header__container{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important;gap:0!important}.header__top{grid-column:auto!important;grid-row:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;min-height:34px!important;padding:7px 0 2px!important;position:relative!important}.header__top-left{position:static!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;width:auto!important;margin:0!important;gap:18px!important;order:0!important;white-space:nowrap!important}.header__top-left>div:first-child{display:none!important}.header__top-right{display:flex!important;align-items:center!important;justify-content:flex-end!important;order:0!important}.header__nav{display:flex!important;align-items:center!important;gap:24px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.header__nav li,.header__nav li:last-child{display:block!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.header__nav li:before,.header__nav li:after,.header__nav li a:before,.header__nav li a:after{display:none!important}.header__nav li a{display:inline-flex!important;align-items:center!important;min-height:auto!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#e5e7eb!important;font-size:1.5rem!important;line-height:1.2!important}.header__nav li a:hover,.header__nav li.current_page_item a{color:#38bdf8!important}.header__link{display:inline-flex!important;align-items:center!important;gap:7px!important;color:#e5e7eb!important;font-size:1.4rem!important;line-height:1.2!important;font-weight:500!important}.header__link:before{content:""!important;display:block!important;width:15px!important;height:15px!important;flex:0 0 15px!important;background:#38bdf8!important}.header__bottom{grid-column:auto!important;grid-row:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:36px!important;padding:6px 0 13px!important}.header__botton-left{display:flex!important;align-items:center!important;justify-content:flex-start!important;height:auto!important;grid-column:auto!important;grid-row:auto!important}.header__logo{display:flex!important;align-items:center!important;justify-content:flex-start!important;transform:none!important;align-self:auto!important}.header__logo-image{display:block!important;width:clamp(190px,14vw,226px)!important;height:auto!important;margin:0!important;object-fit:contain!important}.header__bottom-right{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:34px!important;grid-column:auto!important;grid-row:auto!important;transform:none!important;align-self:auto!important}.header__services{display:flex!important;align-items:center!important}.header__service{display:block!important;position:relative!important;font-size:1.66rem!important;margin-right:22px!important}.header__service:last-child{margin-right:0!important}.header__service>a{display:grid!important;grid-template-columns:max-content 1fr!important;align-items:center!important;gap:7px!important;color:#e5e7eb!important;white-space:nowrap!important}.header__service>a:hover{color:#38bdf8!important}.header__service>a img,.header__services .flexible-menu__button img{display:block!important;width:17px!important;height:17px!important;opacity:.95!important;visibility:visible!important}.header__start{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:4.4rem!important;padding:1.1rem 2.8rem!important;background:#2563eb!important;border-radius:.5rem!important}.header__start span{color:#fff!important;font-size:1.5rem!important}}
/* ActiveLab header tiny tweak 2026-05-16: larger top contacts */
@media screen and (min-width:1181px){.header__top-left .header__link{font-size:1.55rem!important;line-height:1.2!important}}
/* ActiveLab header tiny tweak 2026-05-16: logo nudge up */
@media screen and (min-width:1181px){
  .header__logo-image{transform:translateY(-2px)!important}
}
/* ActiveLab header tiny tweak 2026-05-16: bottom menu alignment */
@media screen and (min-width:1181px){
  .header__bottom-right{display:flex!important;align-items:center!important;gap:32px!important}
  .header__services{display:flex!important;align-items:center!important;margin:0!important}
  .header__service>a{display:inline-flex!important;align-items:center!important;line-height:1.15!important}
  .header__start{align-self:center!important}
}
/* ActiveLab header tiny tweak 2026-05-16: center services row */
@media screen and (min-width:1181px){
  .header__bottom-right{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;column-gap:32px!important;width:100%!important}
  .header__services{justify-self:center!important;justify-content:center!important}
}
/* ActiveLab header tiny tweak 2026-05-16: top-right links aligned under CTA */
@media screen and (min-width:1181px){
  .header__top-right .header__nav{margin-right:22px!important}
}
/* ActiveLab header tiny tweak 2026-05-16: top links vertical align to CTA */
@media screen and (min-width:1181px){
  .header__top-right .header__nav{margin-right:0!important;transform:translateY(-7px)!important}
}
/* ActiveLab header tiny tweak 2026-05-16: top links level with CTA top edge */
@media screen and (min-width:1181px){
  .header__top-right .header__nav{
    margin-right:0!important;
    transform:translateY(5px)!important;
  }
}
/* ActiveLab header precise tweak 2026-05-16: top nav centered over CTA */
@media screen and (min-width:1181px){
  .header__top-right{display:flex!important;justify-content:center!important;width:260px!important;margin-left:auto!important}
  .header__top-right .header__nav{display:flex!important;justify-content:center!important;gap:16px!important;transform:none!important;margin:0!important}
}
/* ActiveLab header precise tweak 2026-05-16: CTA centered to top-right text */
@media screen and (min-width:1181px){
  .header__top-right .header__nav{transform:translateY(8px)!important}
}
/* ActiveLab header fix 2026-05-16: align top nav above CTA column */
@media screen and (min-width:1181px){
  .header__container{position:relative!important}
  .header__top{display:grid!important;grid-template-columns:minmax(0,1fr) 180px!important;align-items:center!important;column-gap:26px!important}
  .header__top-left{min-width:0!important}
  .header__top-right{position:static!important;width:180px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
  .header__top-right .header__nav{margin:0!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;white-space:nowrap!important}
  .header__top-right .header__nav li a{line-height:1!important}
  .header__bottom{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;column-gap:42px!important}
  .header__bottom-right{display:grid!important;grid-template-columns:minmax(0,1fr) 180px!important;align-items:center!important;column-gap:26px!important;width:100%!important}
  .header__services{justify-self:center!important;margin:0!important}
  .header__start{justify-self:center!important;width:auto!important;min-width:160px!important}
}
/* ActiveLab header final tweak 2026-05-16: top nav exactly above CTA */
@media screen and (min-width:1181px){
  .header__container{position:relative!important}
  .header__top-right{
    position:absolute!important;
    right:0!important;
    top:13px!important;
    width:180px!important;
    margin:0!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    z-index:3!important;
  }
  .header__top-right .header__nav{
    width:max-content!important;
    margin:0!important;
    transform:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:16px!important;
    white-space:nowrap!important;
  }
  .header__bottom-right{position:relative!important;z-index:2!important}
  .header__start{position:relative!important;z-index:2!important}
}

/* ActiveLab main clients cleanup 2026-05-16: remove certificates panel, move soft-blue to clients, add logo zoom */
.clients{background:var(--al-soft-blue)!important}
.clients__item{overflow:hidden!important;transition:box-shadow .25s ease,transform .25s ease!important}
.clients__item img{transition:transform .25s ease,opacity .25s ease!important;will-change:transform}
.clients__item:hover{transform:translateY(-3px)!important;box-shadow:0 24px 60px rgba(37,99,235,.14)!important}
.clients__item:hover img{transform:scale(1.08)!important;opacity:1!important}

/* ActiveLab mobile polish 2026-05-16: hero features and footer */
@media screen and (max-width: 640px){
  .al-hero-features{margin-top:18px!important;padding:0 0 34px!important;overflow:visible!important;background:transparent!important;}
  .al-hero-features .container{width:min(100% - 28px,520px)!important;max-width:none!important;}
  .al-hero-features__grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;overflow:visible!important;padding:0!important;scroll-snap-type:none!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
  .al-hero-feature{width:100%!important;min-height:auto!important;flex:none!important;display:flex!important;align-items:center!important;gap:13px!important;padding:14px 15px!important;border:1px solid rgba(37,99,235,.10)!important;border-radius:10px!important;background:rgba(255,255,255,.9)!important;box-shadow:0 12px 34px rgba(15,23,42,.05)!important;scroll-snap-align:none!important;}
  .al-hero-feature__icon{flex:0 0 44px!important;width:44px!important;height:44px!important;border-radius:10px!important;}
  .al-hero-feature__icon svg{width:27px!important;height:27px!important;}
  .al-hero-feature__body strong{font-size:16px!important;line-height:1.15!important;letter-spacing:0!important;}
  .al-hero-feature__body small{font-size:13px!important;line-height:1.28!important;}
  .footer{padding:34px 0 38px!important;background:#fff!important;}
  .footer .container{width:min(100% - 28px,520px)!important;max-width:none!important;}
  .footer__container{display:grid!important;grid-template-columns:1fr!important;gap:28px!important;}
  .footer__main{align-items:center!important;text-align:center!important;padding:0!important;}
  .footer__logo{margin:0 0 10px!important;}
  .footer__logo img{width:176px!important;max-width:70vw!important;height:auto!important;}
  .footer__since{font-size:1.45rem!important;line-height:1.3!important;color:#64748b!important;margin:0!important;}
  .footer__blocks{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;}
  .footer__block{background:#f8fafc!important;border:1px solid rgba(37,99,235,.08)!important;border-radius:10px!important;padding:16px!important;box-shadow:0 10px 30px rgba(15,23,42,.035)!important;}
  .footer__label{display:block!important;font-size:1.8rem!important;line-height:1.15!important;margin:0 0 12px!important;}
  .footer__block ul,.footer__links{display:grid!important;gap:9px!important;margin:0!important;padding:0!important;}
  .footer__block li{margin:0!important;padding:0!important;}
  .footer__block a,.footer__links a{font-size:1.45rem!important;line-height:1.35!important;}
}

/* ActiveLab mobile compact features 2026-05-16 */
@media screen and (max-width: 640px){
  .al-hero-features{margin-top:20px!important;padding-bottom:30px!important;}
  .al-hero-features .container{width:min(100% - 24px,520px)!important;}
  .al-hero-features__grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;overflow:visible!important;padding:0!important;}
  .al-hero-feature{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;width:100%!important;min-height:142px!important;padding:13px 12px!important;gap:10px!important;border-radius:14px!important;background:rgba(255,255,255,.92)!important;border:1px solid rgba(37,99,235,.10)!important;box-shadow:0 12px 30px rgba(15,23,42,.045)!important;}
  .al-hero-feature__icon{width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:11px!important;}
  .al-hero-feature__icon svg{width:24px!important;height:24px!important;}
  .al-hero-feature__body{display:block!important;min-width:0!important;}
  .al-hero-feature__body strong{display:block!important;font-size:15px!important;line-height:1.12!important;letter-spacing:0!important;margin:0 0 5px!important;}
  .al-hero-feature__body small{display:block!important;font-size:12px!important;line-height:1.22!important;color:#5f6b7a!important;}
  .al-hero-feature--wide{grid-column:auto!important;}
  .al-hero-feature:nth-child(8){background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(255,255,255,.95))!important;border-color:rgba(37,99,235,.18)!important;}
  .al-hero-feature:nth-child(8) .al-hero-feature__icon{background:#2563eb!important;color:#fff!important;box-shadow:0 10px 24px rgba(37,99,235,.22)!important;}
  .al-hero-feature:nth-child(8) .al-hero-feature__icon svg{color:#fff!important;stroke:#fff!important;}
}
@media screen and (max-width: 370px){
  .al-hero-features__grid{grid-template-columns:1fr!important;}
  .al-hero-feature{min-height:auto!important;flex-direction:row!important;align-items:center!important;}
}

/* ActiveLab mobile compact features neutral state 2026-05-16 */
@media screen and (max-width: 640px){
  .al-hero-feature:nth-child(8){background:rgba(255,255,255,.92)!important;border-color:rgba(37,99,235,.10)!important;box-shadow:0 12px 30px rgba(15,23,42,.045)!important;}
  .al-hero-feature:nth-child(8) .al-hero-feature__icon{background:#fff!important;color:#2563eb!important;box-shadow:none!important;}
  .al-hero-feature:nth-child(8) .al-hero-feature__icon svg{color:#2563eb!important;stroke:#2563eb!important;}
}

/* ActiveLab header menu typography polish 2026-05-18 */
.header__link,
.header__top a,
.header__menu a,
.header__nav a,
.header__services a,
.header__contacts a,
.header__start,
.header__start span {
  font-family: FuturaPT, Manrope, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: .01em;
  text-rendering: geometricPrecision;
}
.header__top a,
.header__contacts a {
  font-size: 16px !important;
  line-height: 1.25 !important;
}
.header__services a,
.header__menu a,
.header__nav a {
  font-size: 17px !important;
  line-height: 1.2 !important;
}
.header__start span {
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: .015em;
}

/* ActiveLab hero cards typography+graphite override 2026-05-21 START */
:root{--black:#333333}
.al-hero-features,
.al-hero-feature,
.al-hero-feature__body strong,
.al-hero-feature__body small{
  font-family:FuturaPT, Manrope, sans-serif !important;
}
.al-hero-feature,
.al-hero-feature__body strong,
.al-hero-feature__body small{
  color:#333333 !important;
}
/* ActiveLab hero cards typography+graphite override 2026-05-21 END */

/* ActiveLab websites category visual polish 2026-05-22 START */
body .category--websites .service__title,
body .category--websites .service__description,
body .category--websites .category__name,
body .category--websites .category__description{
  font-family:FuturaPT, Manrope, sans-serif !important;
  color:#333333 !important;
}
body .category--websites .service__title{
  max-width:880px;
  letter-spacing:-.03em;
}
body .category--websites .service__description{
  max-width:820px;
  font-size:20px;
  line-height:1.45;
  color:#4a5568 !important;
}
body .category--websites .category__content{
  gap:28px;
}
body .category--websites .category__list{
  gap:24px;
  align-items:stretch;
}
body .category--websites .category__item{
  min-height:320px;
}
body .category--websites .category__item a{
  min-height:100%;
  padding:38px !important;
  border:1px solid rgba(31,132,255,.16) !important;
  border-radius:22px !important;
  background:radial-gradient(circle at 92% 86%, rgba(31,132,255,.16), transparent 24%),linear-gradient(145deg,#ffffff 0%,#f7fbff 100%) !important;
  box-shadow:0 18px 44px rgba(15,43,81,.08),inset 0 0 0 1px rgba(255,255,255,.78) !important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease !important;
}
body .category--websites .category__item a:hover{
  transform:translateY(-6px);
  border-color:rgba(31,132,255,.36) !important;
  box-shadow:0 24px 58px rgba(15,43,81,.13),inset 0 0 0 1px rgba(255,255,255,.9) !important;
}
body .category--websites .category__name{
  font-size:28px;
  line-height:1.12;
  letter-spacing:-.02em;
  color:#155cff !important;
}
body .category--websites .category__description{
  max-width:520px;
  font-size:16px;
  line-height:1.48;
  color:#333333 !important;
}
body .category--websites .category__footer{
  align-items:flex-end;
  min-height:78px;
}
body .category--websites .category__icon{
  width:52px;
  height:52px;
  object-fit:contain;
  filter:drop-shadow(0 10px 18px rgba(31,92,255,.18));
}
body .category--websites .category__icon--fallback{
  position:relative;
  display:block;
  width:52px;
  height:52px;
  border:1px solid rgba(31,92,255,.30);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(31,132,255,.14),rgba(31,132,255,.03));
}
body .category--websites .category__icon--fallback:before{
  content:"";
  position:absolute;
  inset:13px 10px;
  border-top:3px solid #1f5cff;
  border-bottom:3px solid #1f5cff;
}
body .category--websites .category__icon--fallback:after{
  content:"";
  position:absolute;
  right:10px;
  bottom:10px;
  width:12px;
  height:12px;
  border-right:3px solid #1f5cff;
  border-bottom:3px solid #1f5cff;
  transform:rotate(-45deg);
}
body .category--websites .category__icon-label{
  position:absolute;
  inset:0;
  z-index:2;
  display:grid;
  place-items:center;
  font-family:FuturaPT, Manrope, sans-serif;
  font-size:15px;
  line-height:1;
  font-weight:800;
  letter-spacing:-.03em;
  color:#155cff;
}
body .category--websites .category__icon--fallback-sozdanie-sayta-na-wordpress{
  border-radius:50%;
  background:radial-gradient(circle at 35% 28%, rgba(255,255,255,.9), transparent 30%),linear-gradient(135deg,rgba(31,92,255,.18),rgba(31,132,255,.05));
}
body .category--websites .category__icon--fallback-sozdanie-sayta-na-wordpress:before{
  content:"";
  position:absolute;
  inset:8px;
  border:2px solid rgba(31,92,255,.35);
  border-radius:50%;
}
body .category--websites .category__icon--fallback-sozdanie-sayta-na-wordpress:after{
  content:"";
  position:absolute;
  inset:4px;
  border:1px solid rgba(31,132,255,.18);
  border-radius:50%;
  transform:none;
}
body .category--websites .category__icon--fallback-sozdanie-sayta-na-tilda{
  background:linear-gradient(135deg,rgba(31,132,255,.16),rgba(31,132,255,.04));
}
body .category--websites .category__icon--fallback-sozdanie-sayta-na-tilda:before{
  content:"";
  position:absolute;
  top:11px;
  left:11px;
  width:11px;
  height:11px;
  border:0;
  border-radius:4px;
  background:#1f5cff;
  box-shadow:19px 0 0 rgba(31,92,255,.72),0 19px 0 rgba(31,92,255,.72),19px 19px 0 rgba(31,132,255,.28);
}
body .category--websites .category__icon--fallback-sozdanie-sayta-na-tilda:after{
  content:"";
  position:absolute;
  top:13px;
  left:23px;
  width:6px;
  height:25px;
  border:0;
  border-radius:3px;
  background:rgba(255,255,255,.9);
  transform:none;
}
body .category--websites .category__icon--fallback-sozdanie-sayta-na-tilda .category__icon-label{
  opacity:0;
}
@media screen and (max-width:1024px){
  body .category--websites .category__item{min-height:260px;}
  body .category--websites .category__item a{padding:28px !important;}
}
@media screen and (max-width:640px){
  body .category--websites .service__description{font-size:17px;}
  body .category--websites .category__list{grid-template-columns:1fr !important;}
  body .category--websites .category__item{min-height:220px;}
  body .category--websites .category__name{font-size:23px;}
  body .category--websites .category__description{font-size:15px;}
}
/* ActiveLab websites category visual polish 2026-05-22 END */

/* ActiveLab ecommerce category visual polish 2026-05-22 START */
body .category--e-commerce .service__title,
body .category--e-commerce .service__description,
body .category--e-commerce .category__name,
body .category--e-commerce .category__description{
  font-family:FuturaPT, Manrope, sans-serif !important;
  color:#333333 !important;
}
body .category--e-commerce .service__title{
  max-width:900px;
  letter-spacing:-.03em;
}
body .category--e-commerce .service__description{
  max-width:880px;
  font-size:20px;
  line-height:1.45;
  color:#4a5568 !important;
}
body .category--e-commerce .category__list{
  gap:24px;
  align-items:stretch;
}
body .category--e-commerce .category__item{
  min-height:300px;
}
body .category--e-commerce .category__item a{
  position:relative;
  min-height:100%;
  overflow:hidden;
  padding:38px !important;
  border:1px solid rgba(31,132,255,.16) !important;
  border-radius:22px !important;
  background:linear-gradient(145deg,#ffffff 0%,#f6fbff 100%) !important;
  box-shadow:0 18px 44px rgba(15,43,81,.08),inset 0 0 0 1px rgba(255,255,255,.78) !important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease !important;
}
body .category--e-commerce .category__item a:before{
  content:"SHOP";
  position:absolute;
  top:22px;
  right:24px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(31,132,255,.10);
  color:#155cff;
  font-family:FuturaPT, Manrope, sans-serif;
  font-size:12px;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
}
body .category--e-commerce .category__item:nth-child(2) a:before{
  content:"UPGRADE";
  background:rgba(37,99,235,.12);
}
body .category--e-commerce .category__item a:after{
  content:"";
  position:absolute;
  right:-58px;
  bottom:-70px;
  width:190px;
  height:190px;
  border-radius:46px;
  background:linear-gradient(135deg,rgba(31,132,255,.15),rgba(31,132,255,.02));
  transform:rotate(12deg);
}
body .category--e-commerce .category__item a:hover{
  transform:translateY(-6px);
  border-color:rgba(31,132,255,.36) !important;
  box-shadow:0 24px 58px rgba(15,43,81,.13),inset 0 0 0 1px rgba(255,255,255,.9) !important;
}
body .category--e-commerce .category__info,
body .category--e-commerce .category__footer{
  position:relative;
  z-index:1;
}
body .category--e-commerce .category__name{
  max-width:520px;
  font-size:28px;
  line-height:1.12;
  letter-spacing:-.02em;
  color:#155cff !important;
}
body .category--e-commerce .category__description{
  max-width:560px;
  font-size:16px;
  line-height:1.48;
  color:#333333 !important;
}
body .category--e-commerce .category__footer{
  align-items:flex-end;
  min-height:82px;
}
body .category--e-commerce .category__icon{
  width:56px;
  height:56px;
  object-fit:contain;
  filter:drop-shadow(0 10px 18px rgba(31,92,255,.18));
}
@media screen and (max-width:1024px){
  body .category--e-commerce .category__item{min-height:250px;}
  body .category--e-commerce .category__item a{padding:28px !important;}
}
@media screen and (max-width:640px){
  body .category--e-commerce .service__description{font-size:17px;}
  body .category--e-commerce .category__list{grid-template-columns:1fr !important;}
  body .category--e-commerce .category__item{min-height:220px;}
  body .category--e-commerce .category__item a:before{top:18px;right:18px;}
  body .category--e-commerce .category__name{font-size:23px;padding-right:78px;}
  body .category--e-commerce .category__description{font-size:15px;}
}
/* ActiveLab ecommerce category visual polish 2026-05-22 END */

/* ActiveLab support category visual polish 2026-05-22 START */
body .category--support .service__title,
body .category--support .service__description,
body .category--support .category__name,
body .category--support .category__description{
  font-family:FuturaPT, Manrope, sans-serif !important;
  color:#333333 !important;
}
body .category--support .service__title{
  max-width:920px;
  letter-spacing:-.03em;
}
body .category--support .service__description{
  max-width:900px;
  font-size:20px;
  line-height:1.45;
  color:#4a5568 !important;
}
body .category--support .category__list{
  gap:24px;
  align-items:stretch;
}
body .category--support .category__item{
  min-height:300px;
}
body .category--support .category__item a{
  position:relative;
  min-height:100%;
  overflow:hidden;
  padding:38px !important;
  border:1px solid rgba(31,132,255,.15) !important;
  border-radius:22px !important;
  background:radial-gradient(circle at 88% 88%, rgba(31,132,255,.13), transparent 28%),linear-gradient(145deg,#ffffff 0%,#f8fbff 100%) !important;
  box-shadow:0 18px 44px rgba(15,43,81,.075),inset 0 0 0 1px rgba(255,255,255,.78) !important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease !important;
}
body .category--support .category__item a:before{
  content:"CARE";
  position:absolute;
  top:22px;
  right:24px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(31,132,255,.10);
  color:#155cff;
  font-family:FuturaPT, Manrope, sans-serif;
  font-size:12px;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
}
body .category--support .category__item:nth-child(2) a:before{content:"FIX";}
body .category--support .category__item:nth-child(3) a:before{content:"DEV";}
body .category--support .category__item:nth-child(4) a:before{content:"TEXT";}
body .category--support .category__item:nth-child(5) a:before{content:"CONTENT";}
body .category--support .category__item a:hover{
  transform:translateY(-6px);
  border-color:rgba(31,132,255,.34) !important;
  box-shadow:0 24px 58px rgba(15,43,81,.12),inset 0 0 0 1px rgba(255,255,255,.9) !important;
}
body .category--support .category__info,
body .category--support .category__footer{
  position:relative;
  z-index:1;
}
body .category--support .category__name{
  max-width:520px;
  font-size:28px;
  line-height:1.12;
  letter-spacing:-.02em;
  color:#155cff !important;
}
body .category--support .category__description{
  max-width:560px;
  font-size:16px;
  line-height:1.48;
  color:#333333 !important;
}
body .category--support .category__footer{
  align-items:flex-end;
  min-height:82px;
}
body .category--support .category__icon{
  width:56px;
  height:56px;
  object-fit:contain;
  filter:drop-shadow(0 10px 18px rgba(31,92,255,.16));
}
@media screen and (max-width:1024px){
  body .category--support .category__item{min-height:250px;}
  body .category--support .category__item a{padding:28px !important;}
}
@media screen and (max-width:640px){
  body .category--support .service__description{font-size:17px;}
  body .category--support .category__list{grid-template-columns:1fr !important;}
  body .category--support .category__item{min-height:220px;}
  body .category--support .category__item a:before{top:18px;right:18px;}
  body .category--support .category__name{font-size:23px;padding-right:86px;}
  body .category--support .category__description{font-size:15px;}
}
/* ActiveLab support category visual polish 2026-05-22 END */

/* ActiveLab integration category visual polish 2026-05-22 START */
body .category--integration .service__title,
body .category--integration .service__description,
body .category--integration .category__name,
body .category--integration .category__description{
  font-family:FuturaPT, Manrope, sans-serif !important;
  color:#333333 !important;
}
body .category--integration .service__title{
  max-width:920px;
  letter-spacing:-.03em;
}
body .category--integration .service__description{
  max-width:900px;
  font-size:20px;
  line-height:1.45;
  color:#4a5568 !important;
}
body .category--integration .category__list{
  gap:24px;
  align-items:stretch;
}
body .category--integration .category__item{
  min-height:300px;
}
body .category--integration .category__item a{
  position:relative;
  min-height:100%;
  overflow:hidden;
  padding:38px !important;
  border:1px solid rgba(31,132,255,.16) !important;
  border-radius:22px !important;
  background:radial-gradient(circle at 88% 86%, rgba(31,132,255,.15), transparent 28%),linear-gradient(145deg,#ffffff 0%,#f7fbff 100%) !important;
  box-shadow:0 18px 44px rgba(15,43,81,.08),inset 0 0 0 1px rgba(255,255,255,.78) !important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease !important;
}
body .category--integration .category__item a:before{
  content:"CRM";
  position:absolute;
  top:22px;
  right:24px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(31,132,255,.10);
  color:#155cff;
  font-family:FuturaPT, Manrope, sans-serif;
  font-size:12px;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
}
body .category--integration .category__item a:after{
  content:"";
  position:absolute;
  right:-58px;
  bottom:-70px;
  width:190px;
  height:190px;
  border-radius:50%;
  background:linear-gradient(135deg,rgba(31,132,255,.16),rgba(31,132,255,.02));
}
body .category--integration .category__item a:hover{
  transform:translateY(-6px);
  border-color:rgba(31,132,255,.36) !important;
  box-shadow:0 24px 58px rgba(15,43,81,.13),inset 0 0 0 1px rgba(255,255,255,.9) !important;
}
body .category--integration .category__info,
body .category--integration .category__footer{
  position:relative;
  z-index:1;
}
body .category--integration .category__name{
  max-width:520px;
  font-size:28px;
  line-height:1.12;
  letter-spacing:-.02em;
  color:#155cff !important;
}
body .category--integration .category__description{
  max-width:620px;
  font-size:16px;
  line-height:1.48;
  color:#333333 !important;
}
body .category--integration .category__footer{
  align-items:flex-end;
  min-height:82px;
}
body .category--integration .category__icon{
  width:56px;
  height:56px;
  object-fit:contain;
  filter:drop-shadow(0 10px 18px rgba(31,92,255,.18));
}
@media screen and (max-width:1024px){
  body .category--integration .category__item{min-height:250px;}
  body .category--integration .category__item a{padding:28px !important;}
}
@media screen and (max-width:640px){
  body .category--integration .service__description{font-size:17px;}
  body .category--integration .category__list{grid-template-columns:1fr !important;}
  body .category--integration .category__item{min-height:220px;}
  body .category--integration .category__item a:before{top:18px;right:18px;}
  body .category--integration .category__name{font-size:23px;padding-right:72px;}
  body .category--integration .category__description{font-size:15px;}
}
/* ActiveLab integration category visual polish 2026-05-22 END */

/* ActiveLab ecommerce dorabotka detail cards polish 2026-05-22 START */
body .al-service-polish--shop-upgrade .steps__container,
body .al-service-polish--shop-upgrade .title,
body .al-service-polish--shop-upgrade .steps__subheading,
body .al-service-polish--shop-upgrade .steps__text,
body .al-service-polish--shop-upgrade .steps__number{
  font-family:FuturaPT, Manrope, sans-serif !important;
}
body .al-service-polish--shop-upgrade{
  position:relative;
  overflow:hidden;
  padding-top:36px;
}
body .al-service-polish--shop-upgrade:before{
  content:"";
  position:absolute;
  left:50%;
  top:95px;
  width:min(1180px,88vw);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(31,132,255,.22),transparent);
}
body .al-service-polish--shop-upgrade .title{
  max-width:920px;
  margin-bottom:30px;
  color:#333333 !important;
  letter-spacing:-.03em;
}
body .al-service-polish--shop-upgrade .steps__grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px !important;
  background:transparent !important;
}
body .al-service-polish--shop-upgrade .steps__item{
  position:relative;
  min-height:230px;
  overflow:hidden;
  padding:32px 32px 28px !important;
  border:1px solid rgba(31,132,255,.16) !important;
  border-radius:22px !important;
  background:radial-gradient(circle at 86% 88%,rgba(31,132,255,.15),transparent 31%),linear-gradient(145deg,#ffffff 0%,#f7fbff 100%) !important;
  box-shadow:0 18px 44px rgba(15,43,81,.08),inset 0 0 0 1px rgba(255,255,255,.78) !important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease !important;
}
body .al-service-polish--shop-upgrade .steps__item:before{
  content:"SERVICE";
  position:absolute;
  top:20px;
  right:22px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(31,132,255,.10);
  color:#155cff;
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
}
body .al-service-polish--shop-upgrade .steps__item:nth-child(2):before{content:"SEO";}
body .al-service-polish--shop-upgrade .steps__item:nth-child(3):before{content:"DEV";}
body .al-service-polish--shop-upgrade .steps__item:nth-child(4):before{content:"CRM";}
body .al-service-polish--shop-upgrade .steps__item:nth-child(5):before{content:"SAFE";}
body .al-service-polish--shop-upgrade .steps__item:nth-child(6):before{content:"DATA";}
body .al-service-polish--shop-upgrade .steps__item:nth-child(7):before{content:"SUPPORT";}
body .al-service-polish--shop-upgrade .steps__item:nth-child(8):before{content:"SPEED";}
body .al-service-polish--shop-upgrade .steps__item:nth-child(9):before{content:"UX";}
body .al-service-polish--shop-upgrade .steps__item:after{
  content:"";
  position:absolute;
  right:-54px;
  bottom:-72px;
  width:184px;
  height:184px;
  border-radius:44px;
  background:linear-gradient(135deg,rgba(31,132,255,.14),rgba(31,132,255,.02));
  transform:rotate(12deg);
}
body .al-service-polish--shop-upgrade .steps__item:hover{
  transform:translateY(-6px);
  border-color:rgba(31,132,255,.36) !important;
  box-shadow:0 24px 58px rgba(15,43,81,.13),inset 0 0 0 1px rgba(255,255,255,.9) !important;
}
body .al-service-polish--shop-upgrade .steps__subheading,
body .al-service-polish--shop-upgrade .steps__text,
body .al-service-polish--shop-upgrade .steps__bottom{
  position:relative;
  z-index:1;
}
body .al-service-polish--shop-upgrade .steps__subheading{
  max-width:360px;
  padding-right:74px;
  color:#155cff !important;
  font-size:23px;
  line-height:1.16;
  letter-spacing:-.02em;
}
body .al-service-polish--shop-upgrade .steps__text{
  max-width:430px;
  margin-top:22px;
  color:#333333 !important;
  font-size:16px;
  line-height:1.5;
}
body .al-service-polish--shop-upgrade .steps__bottom{
  position:absolute !important;
  right:28px;
  bottom:24px;
}
body .al-service-polish--shop-upgrade .steps__number{
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:rgba(31,132,255,.12) !important;
  color:#155cff !important;
  font-size:18px;
  font-weight:800;
  box-shadow:inset 0 0 0 1px rgba(31,132,255,.18);
}
@media (max-width:1100px){
  body .al-service-polish--shop-upgrade .steps__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:720px){
  body .al-service-polish--shop-upgrade .steps__grid{grid-template-columns:1fr;gap:18px !important;}
  body .al-service-polish--shop-upgrade .steps__item{min-height:220px;padding:28px 24px !important;}
  body .al-service-polish--shop-upgrade .steps__subheading{font-size:22px;}
  body .al-service-polish--shop-upgrade .steps__text{font-size:15px;}
}
/* ActiveLab ecommerce dorabotka detail cards polish 2026-05-22 END */
/* ActiveLab eshop options detail cards polish 2026-05-22 START */
body .al-service-polish--eshop-options,
body .al-service-polish--eshop-options .title,
body .al-service-polish--eshop-options p,
body .al-service-polish--eshop-options .development__title,
body .al-service-polish--eshop-options .development__item-list,
body .al-service-polish--eshop-options .development__item-list li{
  font-family:FuturaPT, Manrope, sans-serif !important;
}
body .al-service-polish--eshop-options{
  position:relative;
  overflow:hidden;
  padding-top:24px;
}
body .al-service-polish--eshop-options .development__container > .title{
  max-width:940px;
  margin-bottom:20px;
  color:#333333 !important;
  letter-spacing:-.03em;
}
body .al-service-polish--eshop-options .development__container > p{
  max-width:920px;
  color:#4a5568 !important;
  font-size:19px;
  line-height:1.48;
}
body .al-service-polish--eshop-options .development__list{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px !important;
  align-items:stretch;
  margin-top:34px;
}
body .al-service-polish--eshop-options .development__item{
  position:relative;
  min-height:300px;
  overflow:hidden;
  padding:38px 38px 34px !important;
  border:1px solid rgba(31,132,255,.16) !important;
  border-radius:22px !important;
  background:radial-gradient(circle at 88% 86%,rgba(31,132,255,.16),transparent 30%),linear-gradient(145deg,#ffffff 0%,#f7fbff 100%) !important;
  box-shadow:0 18px 44px rgba(15,43,81,.08),inset 0 0 0 1px rgba(255,255,255,.78) !important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease !important;
}
body .al-service-polish--eshop-options .development__item:before{
  content:"START";
  position:absolute;
  top:22px;
  right:24px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(31,132,255,.10);
  color:#155cff;
  font-size:12px;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
}
body .al-service-polish--eshop-options .development__item:nth-child(2):before{
  content:"CUSTOM";
}
body .al-service-polish--eshop-options .development__item:after{
  content:"";
  position:absolute;
  right:-58px;
  bottom:-70px;
  width:190px;
  height:190px;
  border-radius:46px;
  background:linear-gradient(135deg,rgba(31,132,255,.14),rgba(31,132,255,.02));
  transform:rotate(12deg);
}
body .al-service-polish--eshop-options .development__item:hover{
  transform:translateY(-6px);
  border-color:rgba(31,132,255,.36) !important;
  box-shadow:0 24px 58px rgba(15,43,81,.13),inset 0 0 0 1px rgba(255,255,255,.9) !important;
}
body .al-service-polish--eshop-options .development__title,
body .al-service-polish--eshop-options .development__item-list,
body .al-service-polish--eshop-options .development__item-icon{
  position:relative;
  z-index:1;
}
body .al-service-polish--eshop-options .development__title{
  max-width:520px;
  padding-right:92px;
  color:#155cff !important;
  font-size:30px !important;
  line-height:1.08 !important;
  letter-spacing:-.02em;
}
body .al-service-polish--eshop-options .development__item-list{
  max-width:620px;
  margin-top:28px !important;
}
body .al-service-polish--eshop-options .development__item-list li{
  position:relative;
  padding-left:18px;
  color:#333333 !important;
  font-size:16px;
  line-height:1.5;
}
body .al-service-polish--eshop-options .development__item-list li + li{
  margin-top:10px;
}
body .al-service-polish--eshop-options .development__item-list li:before{
  content:"";
  position:absolute;
  left:0;
  top:.68em;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#1f84ff;
  box-shadow:0 0 0 4px rgba(31,132,255,.10);
}
body .al-service-polish--eshop-options .development__item-list span,
body .al-service-polish--eshop-options .development__item-list li[style]{
  color:#155cff !important;
  font-weight:700;
}
body .al-service-polish--eshop-options .development__item-icon{
  right:30px !important;
  bottom:28px !important;
  opacity:.92;
  filter:drop-shadow(0 12px 24px rgba(31,132,255,.14));
}
body .al-service-polish--eshop-options .free-btn{
  margin-top:34px;
}
@media (max-width:960px){
  body .al-service-polish--eshop-options .development__list{grid-template-columns:1fr;}
  body .al-service-polish--eshop-options .development__item{min-height:280px;}
}
@media (max-width:640px){
  body .al-service-polish--eshop-options .development__item{padding:30px 24px !important;}
  body .al-service-polish--eshop-options .development__title{font-size:25px !important;padding-right:70px;}
  body .al-service-polish--eshop-options .development__container > p{font-size:16px;}
  body .al-service-polish--eshop-options .development__item-list li{font-size:15px;}
}
/* ActiveLab eshop options detail cards polish 2026-05-22 END */
/* ActiveLab technical SEO landing 2026-05-22 START */
body .al-techseo,
body .al-techseo h1,
body .al-techseo h2,
body .al-techseo h3,
body .al-techseo p,
body .al-techseo a,
body .al-techseo li,
body .al-techseo summary,
body .al-techseo span{
  font-family:FuturaPT, Manrope, sans-serif !important;
}
body .al-techseo{color:#333333;background:#fff;}
body .al-techseo__wrap{max-width:1160px;margin:0 auto;padding:0 20px;}
body .al-techseo__hero{padding:34px 0 76px;background:radial-gradient(circle at 80% 14%,rgba(31,132,255,.10),transparent 30%),linear-gradient(180deg,#fff 0%,#f8fbff 100%);}
body .al-techseo__breadcrumbs{display:flex;gap:8px;align-items:center;margin-bottom:56px;color:#7a8798;font-size:14px;}
body .al-techseo__breadcrumbs a{color:#7a8798;text-decoration:none;}
body .al-techseo__hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:44px;align-items:center;}
body .al-techseo__eyebrow{display:inline-flex;margin-bottom:18px;padding:7px 11px;border-radius:999px;background:rgba(31,132,255,.10);color:#155cff;font-size:12px;font-weight:800;letter-spacing:.08em;}
body .al-techseo h1{max-width:760px;margin:0;color:#333333;font-size:56px;line-height:1.02;letter-spacing:-.045em;}
body .al-techseo__lead{max-width:760px;margin:24px 0 0;color:#4a5568;font-size:21px;line-height:1.48;}
body .al-techseo__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px;}
body .al-techseo__button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:12px;background:#2563eb;color:#fff !important;text-decoration:none;font-size:16px;font-weight:800;box-shadow:0 16px 32px rgba(37,99,235,.24);transition:transform .2s ease,box-shadow .2s ease,background .2s ease;}
body .al-techseo__button:hover{transform:translateY(-2px);background:#155cff;box-shadow:0 20px 42px rgba(37,99,235,.30);}
body .al-techseo__button--ghost{background:#fff;color:#155cff !important;border:1px solid rgba(31,132,255,.20);box-shadow:none;}
body .al-techseo__panel{position:relative;overflow:hidden;padding:32px;border:1px solid rgba(31,132,255,.16);border-radius:24px;background:radial-gradient(circle at 92% 86%,rgba(31,132,255,.16),transparent 32%),linear-gradient(145deg,#fff 0%,#f7fbff 100%);box-shadow:0 18px 44px rgba(15,43,81,.08),inset 0 0 0 1px rgba(255,255,255,.78);}
body .al-techseo__panel-title{margin-bottom:12px;color:#155cff;font-size:26px;font-weight:800;letter-spacing:-.02em;}
body .al-techseo__panel p{margin:0 0 18px;color:#333;font-size:17px;line-height:1.5;}
body .al-techseo__panel ul{margin:0;padding-left:18px;color:#333;font-size:16px;line-height:1.7;}
body .al-techseo__section{padding:74px 0;}
body .al-techseo__section--soft{background:#f8fbff;}
body .al-techseo h2{margin:0 0 28px;color:#333;font-size:40px;line-height:1.08;letter-spacing:-.035em;}
body .al-techseo__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
body .al-techseo__card{position:relative;min-height:245px;overflow:hidden;padding:30px;border:1px solid rgba(31,132,255,.16);border-radius:22px;background:linear-gradient(145deg,#fff 0%,#f7fbff 100%);box-shadow:0 18px 44px rgba(15,43,81,.07);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;}
body .al-techseo__card:hover{transform:translateY(-6px);border-color:rgba(31,132,255,.36);box-shadow:0 24px 58px rgba(15,43,81,.13);}
body .al-techseo__card span{display:inline-flex;margin-bottom:24px;padding:6px 10px;border-radius:999px;background:rgba(31,132,255,.10);color:#155cff;font-size:11px;font-weight:800;letter-spacing:.08em;}
body .al-techseo__card h3{margin:0 0 14px;color:#155cff;font-size:24px;line-height:1.12;letter-spacing:-.02em;}
body .al-techseo__card p{margin:0;color:#333;font-size:16px;line-height:1.5;}
body .al-techseo__split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(360px,1fr);gap:42px;align-items:start;}
body .al-techseo__split p{margin:0;color:#4a5568;font-size:19px;line-height:1.55;}
body .al-techseo__checklist{margin:0;padding:0;list-style:none;display:grid;gap:12px;}
body .al-techseo__checklist li{position:relative;padding:16px 18px 16px 42px;border:1px solid rgba(31,132,255,.14);border-radius:16px;background:#fff;color:#333;font-size:16px;line-height:1.42;}
body .al-techseo__checklist li:before{content:"";position:absolute;left:18px;top:22px;width:8px;height:8px;border-radius:50%;background:#1f84ff;box-shadow:0 0 0 5px rgba(31,132,255,.10);}
body .al-techseo__deliverables{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
body .al-techseo__deliverables div{padding:24px;border-radius:20px;background:#0b1220;color:#fff;box-shadow:0 18px 44px rgba(11,18,32,.12);}
body .al-techseo__deliverables b{display:block;margin-bottom:18px;color:#41b9ff;font-size:28px;}
body .al-techseo__deliverables span{display:block;color:#e7eef8;font-size:15px;line-height:1.5;}
body .al-techseo__faq details{border:1px solid rgba(31,132,255,.16);border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(15,43,81,.06);}
body .al-techseo__faq details + details{margin-top:12px;}
body .al-techseo__faq summary{cursor:pointer;padding:22px 24px;color:#333;font-size:19px;font-weight:800;}
body .al-techseo__faq details p{margin:0;padding:0 24px 22px;color:#4a5568;font-size:16px;line-height:1.55;}
body .al-techseo__cta{padding:70px 0;background:linear-gradient(135deg,#0b1220 0%,#10274a 100%);color:#fff;}
body .al-techseo__cta h2{color:#fff;margin-bottom:16px;}
body .al-techseo__cta p{max-width:760px;margin:0 0 28px;color:#dce8f7;font-size:19px;line-height:1.55;}
@media(max-width:1020px){body .al-techseo__hero-grid,body .al-techseo__split{grid-template-columns:1fr;}body .al-techseo__cards{grid-template-columns:repeat(2,minmax(0,1fr));}body .al-techseo__deliverables{grid-template-columns:repeat(2,minmax(0,1fr));}body .al-techseo h1{font-size:46px;}}
@media(max-width:680px){body .al-techseo__hero{padding-bottom:52px;}body .al-techseo__breadcrumbs{margin-bottom:34px;}body .al-techseo h1{font-size:36px;}body .al-techseo h2{font-size:31px;}body .al-techseo__lead{font-size:18px;}body .al-techseo__cards,body .al-techseo__deliverables{grid-template-columns:1fr;}body .al-techseo__section{padding:52px 0;}body .al-techseo__panel{padding:26px;}body .al-techseo__button{width:100%;}}
/* ActiveLab technical SEO landing 2026-05-22 END */
/* ActiveLab technical SEO ghost button contrast fix 2026-05-22 START */
body .al-techseo .al-techseo__button--ghost:hover,
body .al-techseo .al-techseo__button--ghost:focus,
body .al-techseo .al-techseo__button--ghost:focus-visible {
  background: #ffffff !important;
  color: #155cff !important;
  border-color: rgba(31, 132, 255, .38) !important;
  box-shadow: 0 16px 32px rgba(37, 99, 235, .13) !important;
}
body .al-techseo .al-techseo__button--ghost:active {
  background: #f7fbff !important;
  color: #155cff !important;
}
/* ActiveLab technical SEO ghost button contrast fix 2026-05-22 END */
/* ActiveLab promo unified cards and seo v2 2026-05-22 START */
body .category.category--promo{background:#fff!important;font-family:FuturaPT,Manrope,sans-serif!important;color:#333!important;}
body .category.category--promo .category__container{padding-bottom:86px!important;}
body .category.category--promo .category__content{padding-top:82px!important;}
body .category.category--promo .services__list,
body .category.category--promo .category__list.category__list--v1{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px!important;max-width:1160px!important;margin:0 auto!important;padding:0!important;list-style:none!important;}
body .category.category--promo .category__item,
body .category.category--promo .category__item:nth-child(n),
body .category.category--promo .category__item--techseo{grid-column:auto!important;min-height:294px!important;margin:0!important;padding:0!important;position:relative!important;overflow:hidden!important;border:1px solid rgba(31,132,255,.22)!important;border-radius:24px!important;background:linear-gradient(135deg,#fff 0%,#fbfdff 56%,#edf6ff 100%)!important;box-shadow:0 24px 62px rgba(15,23,42,.07)!important;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease!important;}
body .category.category--promo .category__item:before{content:''!important;position:absolute!important;right:-70px!important;bottom:-82px!important;width:232px!important;height:206px!important;border-radius:48% 52% 0 0!important;background:linear-gradient(145deg,rgba(37,99,235,.09),rgba(14,165,233,.18))!important;transform:rotate(-8deg)!important;pointer-events:none!important;transition:transform .32s ease,opacity .32s ease!important;}
body .category.category--promo .category__item:hover{transform:translateY(-10px)!important;border-color:rgba(31,132,255,.40)!important;box-shadow:0 34px 82px rgba(37,99,235,.15)!important;}
body .category.category--promo .category__item:hover:before{transform:rotate(-8deg) translate(-8px,-8px) scale(1.07)!important;opacity:.96!important;}
body .category.category--promo .category__item>a{display:flex!important;flex-direction:column!important;justify-content:space-between!important;min-height:294px!important;height:100%!important;padding:38px 36px 32px!important;position:relative!important;z-index:1!important;text-decoration:none!important;}
body .category.category--promo .category__info{display:block!important;max-width:100%!important;}
body .category.category--promo .category__name,
body .category.category--promo .category__item--techseo .category__name{display:block!important;max-width:460px!important;margin:0 0 22px!important;color:#2563eb!important;font-family:FuturaPT,Manrope,sans-serif!important;font-size:26px!important;font-weight:400!important;line-height:1.15!important;letter-spacing:0!important;}
body .category.category--promo .category__description,
body .category.category--promo .category__item--techseo .category__description{display:block!important;max-width:500px!important;color:#333!important;font-family:FuturaPT,Manrope,sans-serif!important;font-size:17px!important;font-weight:400!important;line-height:1.62!important;letter-spacing:0!important;}
body .category.category--promo .category__footer{display:flex!important;align-items:flex-end!important;justify-content:flex-end!important;margin-top:34px!important;min-height:72px!important;}
body .category.category--promo .category__blocks{display:none!important;}
body .category.category--promo .category__icon{width:64px!important;height:64px!important;object-fit:contain!important;position:relative!important;z-index:2!important;filter:drop-shadow(0 12px 20px rgba(37,99,235,.12))!important;transition:transform .32s ease!important;}
body .category.category--promo .category__item:hover .category__icon{transform:translateY(-4px) scale(1.05)!important;}
body .category.category--promo .category__icon--techseo{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:64px!important;height:64px!important;border:1px solid rgba(31,132,255,.32)!important;border-radius:18px!important;background:linear-gradient(135deg,#eff6ff,#dbeafe)!important;color:#2563eb!important;font-family:FuturaPT,Manrope,sans-serif!important;font-size:14px!important;font-weight:600!important;letter-spacing:.08em!important;}
body .al-promo-seo-block{padding:74px 0 112px!important;background:linear-gradient(180deg,#fff 0%,#f7fbff 100%)!important;color:#333!important;font-family:FuturaPT,Manrope,sans-serif!important;}
body .al-promo-seo-block .container{max-width:1160px!important;margin:0 auto!important;}
body .al-promo-seo-block__head{max-width:900px!important;margin:0 0 42px!important;text-align:left!important;}
body .al-promo-seo-block__head span{display:inline-flex!important;margin:0 0 18px!important;padding:9px 14px!important;border-radius:999px!important;background:#eaf4ff!important;color:#2563eb!important;font-family:FuturaPT,Manrope,sans-serif!important;font-size:13px!important;font-weight:600!important;line-height:1!important;letter-spacing:.08em!important;text-transform:uppercase!important;}
body .al-promo-seo-block__head h2,
body .al-promo-seo-block__faq h2{margin:0 0 22px!important;color:#333!important;font-family:FuturaPT,Manrope,sans-serif!important;font-size:42px!important;font-weight:500!important;line-height:1.12!important;letter-spacing:-.01em!important;}
body .al-promo-seo-block__head p{max-width:880px!important;margin:0!important;color:#536173!important;font-family:FuturaPT,Manrope,sans-serif!important;font-size:19px!important;font-weight:400!important;line-height:1.65!important;}
body .al-promo-seo-block__grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px!important;max-width:1160px!important;margin:0 auto!important;}
body .al-promo-seo-block__faq-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;max-width:1160px!important;margin:0 auto!important;}
body .al-promo-seo-block__grid article,
body .al-promo-seo-block__faq-grid article{position:relative!important;min-height:230px!important;padding:34px 32px!important;overflow:hidden!important;border:1px solid rgba(31,132,255,.18)!important;border-radius:24px!important;background:linear-gradient(135deg,#fff 0%,#fbfdff 58%,#edf6ff 100%)!important;box-shadow:0 24px 62px rgba(15,23,42,.07)!important;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease!important;}
body .al-promo-seo-block__faq-grid article{min-height:220px!important;}
body .al-promo-seo-block__grid article:after,
body .al-promo-seo-block__faq-grid article:after{content:''!important;position:absolute!important;right:-58px!important;bottom:-68px!important;width:178px!important;height:156px!important;border-radius:48% 52% 0 0!important;background:linear-gradient(145deg,rgba(37,99,235,.08),rgba(14,165,233,.15))!important;transform:rotate(-8deg)!important;pointer-events:none!important;transition:transform .32s ease!important;}
body .al-promo-seo-block__grid article:hover,
body .al-promo-seo-block__faq-grid article:hover{transform:translateY(-8px)!important;border-color:rgba(31,132,255,.36)!important;box-shadow:0 32px 74px rgba(37,99,235,.14)!important;}
body .al-promo-seo-block__grid article:hover:after,
body .al-promo-seo-block__faq-grid article:hover:after{transform:rotate(-8deg) translate(-7px,-7px) scale(1.06)!important;}
body .al-promo-seo-block article strong{display:block!important;position:relative!important;z-index:1!important;margin:0 0 16px!important;color:#2563eb!important;font-family:FuturaPT,Manrope,sans-serif!important;font-size:23px!important;font-weight:400!important;line-height:1.18!important;letter-spacing:0!important;}
body .al-promo-seo-block article p{position:relative!important;z-index:1!important;margin:0!important;color:#333!important;font-family:FuturaPT,Manrope,sans-serif!important;font-size:17px!important;font-weight:400!important;line-height:1.62!important;letter-spacing:0!important;}
body .al-promo-seo-block__faq{max-width:1160px!important;margin:68px auto 0!important;}
body .al-promo-seo-block__faq h2{margin-bottom:28px!important;}
@media (max-width:1180px){body .category.category--promo .services__list,body .category.category--promo .category__list.category__list--v1,body .al-promo-seo-block__grid{grid-template-columns:1fr!important;max-width:760px!important;}body .al-promo-seo-block__faq-grid{grid-template-columns:1fr!important;max-width:760px!important;}body .al-promo-seo-block__grid article,body .al-promo-seo-block__faq-grid article{min-height:auto!important;}}
@media (max-width:720px){body .category.category--promo .category__container{padding-bottom:56px!important;}body .category.category--promo .category__content{padding-top:42px!important;}body .category.category--promo .services__list,body .category.category--promo .category__list.category__list--v1{gap:18px!important;max-width:none!important;}body .category.category--promo .category__item>a{min-height:260px!important;padding:28px 24px!important;}body .category.category--promo .category__name,body .category.category--promo .category__item--techseo .category__name{font-size:23px!important;font-weight:400!important;}body .category.category--promo .category__description,body .category.category--promo .category__item--techseo .category__description{font-size:16px!important;line-height:1.58!important;}body .al-promo-seo-block{padding:52px 0 82px!important;}body .al-promo-seo-block__head h2,body .al-promo-seo-block__faq h2{font-size:32px!important;font-weight:500!important;}body .al-promo-seo-block__head p{font-size:17px!important;line-height:1.58!important;}body .al-promo-seo-block__grid,body .al-promo-seo-block__faq-grid{gap:18px!important;max-width:none!important;}body .al-promo-seo-block__grid article,body .al-promo-seo-block__faq-grid article{padding:26px 23px!important;}body .al-promo-seo-block article strong{font-size:21px!important;font-weight:400!important;}body .al-promo-seo-block article p{font-size:16px!important;line-height:1.58!important;}}
/* ActiveLab promo unified cards and seo v2 2026-05-22 END */

/* ActiveLab SEO detail landing polish 2026-05-22 START */
body .service__desc .al-seo-intro{max-width:1160px;margin:0 auto;color:#333;font-family:FuturaPT,Manrope,sans-serif;}
body .service__desc .al-seo-intro h2{margin:0 0 22px;color:#333;font-family:FuturaPT,Manrope,sans-serif;font-size:42px;font-weight:500;line-height:1.12;letter-spacing:-.01em;}
body .service__desc .al-seo-intro>p{max-width:900px;margin:0 0 34px;color:#536173;font-size:19px;font-weight:400;line-height:1.65;}
body .service__desc .al-seo-intro__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:10px;}
body .service__desc .al-seo-intro__grid article,
body .al-seo-detail article{position:relative;overflow:hidden;border:1px solid rgba(31,132,255,.18);border-radius:24px;background:linear-gradient(135deg,#fff 0%,#fbfdff 58%,#edf6ff 100%);box-shadow:0 24px 62px rgba(15,23,42,.07);transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease;}
body .service__desc .al-seo-intro__grid article{min-height:190px;padding:30px 28px;}
body .service__desc .al-seo-intro__grid article:after,
body .al-seo-detail article:after{content:'';position:absolute;right:-58px;bottom:-68px;width:178px;height:156px;border-radius:48% 52% 0 0;background:linear-gradient(145deg,rgba(37,99,235,.08),rgba(14,165,233,.15));transform:rotate(-8deg);pointer-events:none;transition:transform .32s ease;}
body .service__desc .al-seo-intro__grid article:hover,
body .al-seo-detail article:hover{transform:translateY(-8px);border-color:rgba(31,132,255,.36);box-shadow:0 32px 74px rgba(37,99,235,.14);}
body .service__desc .al-seo-intro__grid article:hover:after,
body .al-seo-detail article:hover:after{transform:rotate(-8deg) translate(-7px,-7px) scale(1.06);}
body .service__desc .al-seo-intro__grid strong,
body .al-seo-detail article strong{display:block;position:relative;z-index:1;margin:0 0 14px;color:#2563eb;font-family:FuturaPT,Manrope,sans-serif;font-size:23px;font-weight:400;line-height:1.18;}
body .service__desc .al-seo-intro__grid span,
body .al-seo-detail article p{display:block;position:relative;z-index:1;margin:0;color:#333;font-family:FuturaPT,Manrope,sans-serif;font-size:17px;font-weight:400;line-height:1.62;}
body .al-seo-detail{padding:76px 0 114px;background:linear-gradient(180deg,#fff 0%,#f7fbff 100%);font-family:FuturaPT,Manrope,sans-serif;color:#333;}
body .al-seo-detail .container{max-width:1160px;}
body .al-seo-detail__head{max-width:900px;margin:0 0 42px;}
body .al-seo-detail__head span,
body .al-seo-detail__copy span{display:inline-flex;margin:0 0 18px;padding:9px 14px;border-radius:999px;background:#eaf4ff;color:#2563eb;font-size:13px;font-weight:600;line-height:1;letter-spacing:.08em;text-transform:uppercase;}
body .al-seo-detail__head h2,
body .al-seo-detail__copy h2,
body .al-seo-detail__faq h2{margin:0 0 22px;color:#333;font-family:FuturaPT,Manrope,sans-serif;font-size:42px;font-weight:500;line-height:1.12;letter-spacing:-.01em;}
body .al-seo-detail__head p,
body .al-seo-detail__copy p{max-width:880px;margin:0;color:#536173;font-size:19px;font-weight:400;line-height:1.65;}
body .al-seo-detail__grid{display:grid;gap:24px;}
body .al-seo-detail__grid--features{grid-template-columns:repeat(3,minmax(0,1fr));}
body .al-seo-detail__grid--faq{grid-template-columns:repeat(3,minmax(0,1fr));}
body .al-seo-detail__grid article{min-height:238px;padding:32px 30px;}
body .al-seo-detail__split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:34px;margin:74px 0;align-items:start;}
body .al-seo-detail__copy{padding:0 18px 0 0;}
body .al-seo-detail__button{display:inline-flex;align-items:center;justify-content:center;margin-top:30px;padding:17px 26px;border-radius:10px;background:#2563eb;color:#fff!important;font-family:FuturaPT,Manrope,sans-serif;font-size:17px;font-weight:600;text-decoration:none;box-shadow:0 18px 34px rgba(37,99,235,.22);transition:transform .25s ease,box-shadow .25s ease,background .25s ease;}
body .al-seo-detail__button:hover{transform:translateY(-3px);background:#155cff;box-shadow:0 24px 42px rgba(37,99,235,.28);}
body .al-seo-detail__steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
body .al-seo-detail__steps article{min-height:210px;padding:28px 26px;}
body .al-seo-detail__steps b{display:inline-flex;position:relative;z-index:1;margin-bottom:18px;color:#2563eb;font-size:13px;font-weight:600;letter-spacing:.12em;}
body .al-seo-detail__faq{margin-top:8px;}
body .al-seo-detail__faq h2{margin-bottom:28px;}
@media (max-width:1180px){body .service__desc .al-seo-intro__grid,body .al-seo-detail__grid--features,body .al-seo-detail__grid--faq,body .al-seo-detail__split,body .al-seo-detail__steps{grid-template-columns:1fr;}body .service__desc .al-seo-intro__grid,body .al-seo-detail__grid,body .al-seo-detail__steps{max-width:760px;}body .al-seo-detail__grid article,body .service__desc .al-seo-intro__grid article{min-height:auto;}body .al-seo-detail__copy{padding:0;}}
@media (max-width:720px){body .service__desc .al-seo-intro h2,body .al-seo-detail__head h2,body .al-seo-detail__copy h2,body .al-seo-detail__faq h2{font-size:32px;font-weight:500;}body .service__desc .al-seo-intro>p,body .al-seo-detail__head p,body .al-seo-detail__copy p{font-size:17px;line-height:1.58;}body .service__desc .al-seo-intro__grid article,body .al-seo-detail__grid article,body .al-seo-detail__steps article{padding:26px 23px;}body .service__desc .al-seo-intro__grid strong,body .al-seo-detail article strong{font-size:21px;}body .service__desc .al-seo-intro__grid span,body .al-seo-detail article p{font-size:16px;line-height:1.58;}body .al-seo-detail{padding:54px 0 84px;}body .al-seo-detail__split{margin:54px 0;}}
/* ActiveLab SEO detail landing polish 2026-05-22 END */

/* ActiveLab audit detail landing polish 2026-05-22 START */
body .service__desc .al-audit-intro{max-width:1160px;margin:0 auto;color:#333;font-family:FuturaPT,Manrope,sans-serif;}
body .service__desc .al-audit-intro h2{margin:0 0 22px;color:#333;font-family:FuturaPT,Manrope,sans-serif;font-size:42px;font-weight:500;line-height:1.12;letter-spacing:-.01em;}
body .service__desc .al-audit-intro>p{max-width:900px;margin:0 0 34px;color:#536173;font-size:19px;font-weight:400;line-height:1.65;}
body .service__desc .al-audit-intro__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:10px;}
body .service__desc .al-audit-intro__grid article,body .al-audit-detail article{position:relative;overflow:hidden;border:1px solid rgba(31,132,255,.18);border-radius:24px;background:linear-gradient(135deg,#fff 0%,#fbfdff 58%,#edf6ff 100%);box-shadow:0 24px 62px rgba(15,23,42,.07);transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease;}
body .service__desc .al-audit-intro__grid article{min-height:190px;padding:30px 28px;}
body .service__desc .al-audit-intro__grid article:after,body .al-audit-detail article:after{content:'';position:absolute;right:-58px;bottom:-68px;width:178px;height:156px;border-radius:48% 52% 0 0;background:linear-gradient(145deg,rgba(37,99,235,.08),rgba(14,165,233,.15));transform:rotate(-8deg);pointer-events:none;transition:transform .32s ease;}
body .service__desc .al-audit-intro__grid article:hover,body .al-audit-detail article:hover{transform:translateY(-8px);border-color:rgba(31,132,255,.36);box-shadow:0 32px 74px rgba(37,99,235,.14);}
body .service__desc .al-audit-intro__grid article:hover:after,body .al-audit-detail article:hover:after{transform:rotate(-8deg) translate(-7px,-7px) scale(1.06);}
body .service__desc .al-audit-intro__grid strong,body .al-audit-detail article strong{display:block;position:relative;z-index:1;margin:0 0 14px;color:#2563eb;font-family:FuturaPT,Manrope,sans-serif;font-size:23px;font-weight:400;line-height:1.18;}
body .service__desc .al-audit-intro__grid span,body .al-audit-detail article p{display:block;position:relative;z-index:1;margin:0;color:#333;font-family:FuturaPT,Manrope,sans-serif;font-size:17px;font-weight:400;line-height:1.62;}
body .al-audit-detail{padding:76px 0 114px;background:linear-gradient(180deg,#fff 0%,#f7fbff 100%);font-family:FuturaPT,Manrope,sans-serif;color:#333;}
body .al-audit-detail .container{max-width:1160px;}
body .al-audit-detail__head{max-width:900px;margin:0 0 42px;}
body .al-audit-detail__head span,body .al-audit-detail__copy span{display:inline-flex;margin:0 0 18px;padding:9px 14px;border-radius:999px;background:#eaf4ff;color:#2563eb;font-size:13px;font-weight:600;line-height:1;letter-spacing:.08em;text-transform:uppercase;}
body .al-audit-detail__head h2,body .al-audit-detail__copy h2,body .al-audit-detail__faq h2{margin:0 0 22px;color:#333;font-family:FuturaPT,Manrope,sans-serif;font-size:42px;font-weight:500;line-height:1.12;letter-spacing:-.01em;}
body .al-audit-detail__head p,body .al-audit-detail__copy p{max-width:880px;margin:0;color:#536173;font-size:19px;font-weight:400;line-height:1.65;}
body .al-audit-detail__grid{display:grid;gap:24px;}
body .al-audit-detail__grid--features,body .al-audit-detail__grid--faq{grid-template-columns:repeat(3,minmax(0,1fr));}
body .al-audit-detail__grid article{min-height:238px;padding:32px 30px;}
body .al-audit-detail__split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:34px;margin:74px 0;align-items:start;}
body .al-audit-detail__copy{padding:0 18px 0 0;}
body .al-audit-detail__button{display:inline-flex;align-items:center;justify-content:center;margin-top:30px;padding:17px 26px;border-radius:10px;background:#2563eb;color:#fff!important;font-family:FuturaPT,Manrope,sans-serif;font-size:17px;font-weight:600;text-decoration:none;box-shadow:0 18px 34px rgba(37,99,235,.22);transition:transform .25s ease,box-shadow .25s ease,background .25s ease;}
body .al-audit-detail__button:hover{transform:translateY(-3px);background:#155cff;box-shadow:0 24px 42px rgba(37,99,235,.28);}
body .al-audit-detail__steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
body .al-audit-detail__steps article{min-height:210px;padding:28px 26px;}
body .al-audit-detail__steps b{display:inline-flex;position:relative;z-index:1;margin-bottom:18px;color:#2563eb;font-size:13px;font-weight:600;letter-spacing:.12em;}
body .al-audit-detail__faq{margin-top:8px;}
body .al-audit-detail__faq h2{margin-bottom:28px;}
@media (max-width:1180px){body .service__desc .al-audit-intro__grid,body .al-audit-detail__grid--features,body .al-audit-detail__grid--faq,body .al-audit-detail__split,body .al-audit-detail__steps{grid-template-columns:1fr;}body .service__desc .al-audit-intro__grid,body .al-audit-detail__grid,body .al-audit-detail__steps{max-width:760px;}body .al-audit-detail__grid article,body .service__desc .al-audit-intro__grid article{min-height:auto;}body .al-audit-detail__copy{padding:0;}}
@media (max-width:720px){body .service__desc .al-audit-intro h2,body .al-audit-detail__head h2,body .al-audit-detail__copy h2,body .al-audit-detail__faq h2{font-size:32px;font-weight:500;}body .service__desc .al-audit-intro>p,body .al-audit-detail__head p,body .al-audit-detail__copy p{font-size:17px;line-height:1.58;}body .service__desc .al-audit-intro__grid article,body .al-audit-detail__grid article,body .al-audit-detail__steps article{padding:26px 23px;}body .service__desc .al-audit-intro__grid strong,body .al-audit-detail article strong{font-size:21px;}body .service__desc .al-audit-intro__grid span,body .al-audit-detail article p{font-size:16px;line-height:1.58;}body .al-audit-detail{padding:54px 0 84px;}body .al-audit-detail__split{margin:54px 0;}}
/* ActiveLab audit detail landing polish 2026-05-22 END */

/* ActiveLab ads detail landing polish 2026-05-22 START */
body .service__desc .al-ads-intro{max-width:1160px;margin:0 auto;color:#333;font-family:FuturaPT,Manrope,sans-serif;}
body .service__desc .al-ads-intro h2{margin:0 0 22px;color:#333;font-family:FuturaPT,Manrope,sans-serif;font-size:42px;font-weight:500;line-height:1.12;letter-spacing:-.01em;}
body .service__desc .al-ads-intro>p{max-width:900px;margin:0 0 34px;color:#536173;font-size:19px;font-weight:400;line-height:1.65;}
body .service__desc .al-ads-intro__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:10px;}
body .service__desc .al-ads-intro__grid article,body .al-ads-detail article{position:relative;overflow:hidden;border:1px solid rgba(31,132,255,.18);border-radius:24px;background:linear-gradient(135deg,#fff 0%,#fbfdff 58%,#edf6ff 100%);box-shadow:0 24px 62px rgba(15,23,42,.07);transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease;}
body .service__desc .al-ads-intro__grid article{min-height:190px;padding:30px 28px;}
body .service__desc .al-ads-intro__grid article:after,body .al-ads-detail article:after{content:'';position:absolute;right:-58px;bottom:-68px;width:178px;height:156px;border-radius:48% 52% 0 0;background:linear-gradient(145deg,rgba(37,99,235,.08),rgba(14,165,233,.15));transform:rotate(-8deg);pointer-events:none;transition:transform .32s ease;}
body .service__desc .al-ads-intro__grid article:hover,body .al-ads-detail article:hover{transform:translateY(-8px);border-color:rgba(31,132,255,.36);box-shadow:0 32px 74px rgba(37,99,235,.14);}
body .service__desc .al-ads-intro__grid article:hover:after,body .al-ads-detail article:hover:after{transform:rotate(-8deg) translate(-7px,-7px) scale(1.06);}
body .service__desc .al-ads-intro__grid strong,body .al-ads-detail article strong{display:block;position:relative;z-index:1;margin:0 0 14px;color:#2563eb;font-family:FuturaPT,Manrope,sans-serif;font-size:23px;font-weight:400;line-height:1.18;}
body .service__desc .al-ads-intro__grid span,body .al-ads-detail article p{display:block;position:relative;z-index:1;margin:0;color:#333;font-family:FuturaPT,Manrope,sans-serif;font-size:17px;font-weight:400;line-height:1.62;}
body .al-ads-detail{padding:76px 0 114px;background:linear-gradient(180deg,#fff 0%,#f7fbff 100%);font-family:FuturaPT,Manrope,sans-serif;color:#333;}
body .al-ads-detail .container{max-width:1160px;}
body .al-ads-detail__head{max-width:900px;margin:0 0 42px;}
body .al-ads-detail__head span,body .al-ads-detail__copy span{display:inline-flex;margin:0 0 18px;padding:9px 14px;border-radius:999px;background:#eaf4ff;color:#2563eb;font-size:13px;font-weight:600;line-height:1;letter-spacing:.08em;text-transform:uppercase;}
body .al-ads-detail__head h2,body .al-ads-detail__copy h2,body .al-ads-detail__faq h2{margin:0 0 22px;color:#333;font-family:FuturaPT,Manrope,sans-serif;font-size:42px;font-weight:500;line-height:1.12;letter-spacing:-.01em;}
body .al-ads-detail__head p,body .al-ads-detail__copy p{max-width:880px;margin:0;color:#536173;font-size:19px;font-weight:400;line-height:1.65;}
body .al-ads-detail__grid{display:grid;gap:24px;}
body .al-ads-detail__grid--features,body .al-ads-detail__grid--faq{grid-template-columns:repeat(3,minmax(0,1fr));}
body .al-ads-detail__grid article{min-height:238px;padding:32px 30px;}
body .al-ads-detail__split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:34px;margin:74px 0;align-items:start;}
body .al-ads-detail__copy{padding:0 18px 0 0;}
body .al-ads-detail__button{display:inline-flex;align-items:center;justify-content:center;margin-top:30px;padding:17px 26px;border-radius:10px;background:#2563eb;color:#fff!important;font-family:FuturaPT,Manrope,sans-serif;font-size:17px;font-weight:600;text-decoration:none;box-shadow:0 18px 34px rgba(37,99,235,.22);transition:transform .25s ease,box-shadow .25s ease,background .25s ease;}
body .al-ads-detail__button:hover{transform:translateY(-3px);background:#155cff;box-shadow:0 24px 42px rgba(37,99,235,.28);}
body .al-ads-detail__steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
body .al-ads-detail__steps article{min-height:210px;padding:28px 26px;}
body .al-ads-detail__steps b{display:inline-flex;position:relative;z-index:1;margin-bottom:18px;color:#2563eb;font-size:13px;font-weight:600;letter-spacing:.12em;}
body .al-ads-detail__faq{margin-top:8px;}
body .al-ads-detail__faq h2{margin-bottom:28px;}
@media (max-width:1180px){body .service__desc .al-ads-intro__grid,body .al-ads-detail__grid--features,body .al-ads-detail__grid--faq,body .al-ads-detail__split,body .al-ads-detail__steps{grid-template-columns:1fr;}body .service__desc .al-ads-intro__grid,body .al-ads-detail__grid,body .al-ads-detail__steps{max-width:760px;}body .al-ads-detail__grid article,body .service__desc .al-ads-intro__grid article{min-height:auto;}body .al-ads-detail__copy{padding:0;}}
@media (max-width:720px){body .service__desc .al-ads-intro h2,body .al-ads-detail__head h2,body .al-ads-detail__copy h2,body .al-ads-detail__faq h2{font-size:32px;font-weight:500;}body .service__desc .al-ads-intro>p,body .al-ads-detail__head p,body .al-ads-detail__copy p{font-size:17px;line-height:1.58;}body .service__desc .al-ads-intro__grid article,body .al-ads-detail__grid article,body .al-ads-detail__steps article{padding:26px 23px;}body .service__desc .al-ads-intro__grid strong,body .al-ads-detail article strong{font-size:21px;}body .service__desc .al-ads-intro__grid span,body .al-ads-detail article p{font-size:16px;line-height:1.58;}body .al-ads-detail{padding:54px 0 84px;}body .al-ads-detail__split{margin:54px 0;}}
/* ActiveLab ads detail landing polish 2026-05-22 END */

/* ActiveLab design detail landing polish 2026-05-22 START */
body .service__desc .al-design-intro{max-width:1160px;margin:0 auto;color:#333;font-family:FuturaPT,Manrope,sans-serif;}
body .service__desc .al-design-intro h2{margin:0 0 22px;color:#333;font-family:FuturaPT,Manrope,sans-serif;font-size:42px;font-weight:500;line-height:1.12;letter-spacing:-.01em;}
body .service__desc .al-design-intro>p{max-width:900px;margin:0 0 34px;color:#536173;font-size:19px;font-weight:400;line-height:1.65;}
body .service__desc .al-design-intro__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:10px;}
body .service__desc .al-design-intro__grid article,body .al-design-detail article{position:relative;overflow:hidden;border:1px solid rgba(31,132,255,.18);border-radius:24px;background:linear-gradient(135deg,#fff 0%,#fbfdff 58%,#edf6ff 100%);box-shadow:0 24px 62px rgba(15,23,42,.07);transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease;}
body .service__desc .al-design-intro__grid article{min-height:190px;padding:30px 28px;}
body .service__desc .al-design-intro__grid article:after,body .al-design-detail article:after{content:'';position:absolute;right:-58px;bottom:-68px;width:178px;height:156px;border-radius:48% 52% 0 0;background:linear-gradient(145deg,rgba(37,99,235,.08),rgba(14,165,233,.15));transform:rotate(-8deg);pointer-events:none;transition:transform .32s ease;}
body .service__desc .al-design-intro__grid article:hover,body .al-design-detail article:hover{transform:translateY(-8px);border-color:rgba(31,132,255,.36);box-shadow:0 32px 74px rgba(37,99,235,.14);}
body .service__desc .al-design-intro__grid article:hover:after,body .al-design-detail article:hover:after{transform:rotate(-8deg) translate(-7px,-7px) scale(1.06);}
body .service__desc .al-design-intro__grid strong,body .al-design-detail article strong{display:block;position:relative;z-index:1;margin:0 0 14px;color:#2563eb;font-family:FuturaPT,Manrope,sans-serif;font-size:23px;font-weight:400;line-height:1.18;}
body .service__desc .al-design-intro__grid span,body .al-design-detail article p{display:block;position:relative;z-index:1;margin:0;color:#333;font-family:FuturaPT,Manrope,sans-serif;font-size:17px;font-weight:400;line-height:1.62;}
body .al-design-detail{padding:76px 0 114px;background:linear-gradient(180deg,#fff 0%,#f7fbff 100%);font-family:FuturaPT,Manrope,sans-serif;color:#333;}
body .al-design-detail .container{max-width:1160px;}
body .al-design-detail__head{max-width:900px;margin:0 0 42px;}
body .al-design-detail__head span,body .al-design-detail__copy span{display:inline-flex;margin:0 0 18px;padding:9px 14px;border-radius:999px;background:#eaf4ff;color:#2563eb;font-size:13px;font-weight:600;line-height:1;letter-spacing:.08em;text-transform:uppercase;}
body .al-design-detail__head h2,body .al-design-detail__copy h2,body .al-design-detail__faq h2{margin:0 0 22px;color:#333;font-family:FuturaPT,Manrope,sans-serif;font-size:42px;font-weight:500;line-height:1.12;letter-spacing:-.01em;}
body .al-design-detail__head p,body .al-design-detail__copy p{max-width:880px;margin:0;color:#536173;font-size:19px;font-weight:400;line-height:1.65;}
body .al-design-detail__grid{display:grid;gap:24px;}
body .al-design-detail__grid--features,body .al-design-detail__grid--faq{grid-template-columns:repeat(3,minmax(0,1fr));}
body .al-design-detail__grid article{min-height:238px;padding:32px 30px;}
body .al-design-detail__split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:34px;margin:74px 0;align-items:start;}
body .al-design-detail__copy{padding:0 18px 0 0;}
body .al-design-detail__button{display:inline-flex;align-items:center;justify-content:center;margin-top:30px;padding:17px 26px;border-radius:10px;background:#2563eb;color:#fff!important;font-family:FuturaPT,Manrope,sans-serif;font-size:17px;font-weight:600;text-decoration:none;box-shadow:0 18px 34px rgba(37,99,235,.22);transition:transform .25s ease,box-shadow .25s ease,background .25s ease;}
body .al-design-detail__button:hover{transform:translateY(-3px);background:#155cff;box-shadow:0 24px 42px rgba(37,99,235,.28);}
body .al-design-detail__steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
body .al-design-detail__steps article{min-height:210px;padding:28px 26px;}
body .al-design-detail__steps b{display:inline-flex;position:relative;z-index:1;margin-bottom:18px;color:#2563eb;font-size:13px;font-weight:600;letter-spacing:.12em;}
body .al-design-detail__faq{margin-top:8px;}
body .al-design-detail__faq h2{margin-bottom:28px;}
@media (max-width:1180px){body .service__desc .al-design-intro__grid,body .al-design-detail__grid--features,body .al-design-detail__grid--faq,body .al-design-detail__split,body .al-design-detail__steps{grid-template-columns:1fr;}body .service__desc .al-design-intro__grid,body .al-design-detail__grid,body .al-design-detail__steps{max-width:760px;}body .al-design-detail__grid article,body .service__desc .al-design-intro__grid article{min-height:auto;}body .al-design-detail__copy{padding:0;}}
@media (max-width:720px){body .service__desc .al-design-intro h2,body .al-design-detail__head h2,body .al-design-detail__copy h2,body .al-design-detail__faq h2{font-size:32px;font-weight:500;}body .service__desc .al-design-intro>p,body .al-design-detail__head p,body .al-design-detail__copy p{font-size:17px;line-height:1.58;}body .service__desc .al-design-intro__grid article,body .al-design-detail__grid article,body .al-design-detail__steps article{padding:26px 23px;}body .service__desc .al-design-intro__grid strong,body .al-design-detail article strong{font-size:21px;}body .service__desc .al-design-intro__grid span,body .al-design-detail article p{font-size:16px;line-height:1.58;}body .al-design-detail{padding:54px 0 84px;}body .al-design-detail__split{margin:54px 0;}}
/* ActiveLab design detail landing polish 2026-05-22 END */


/* ActiveLab support detail landing polish 2026-05-22 START */
body .service__desc .al-support-intro{max-width:1160px;margin:0 auto;color:#333;font-family:FuturaPT,Manrope,sans-serif;}
body .service__desc .al-support-intro h2{margin:0 0 22px;color:#333;font-family:FuturaPT,Manrope,sans-serif;font-size:42px;font-weight:500;line-height:1.12;letter-spacing:-.01em;}
body .service__desc .al-support-intro>p{max-width:900px;margin:0 0 34px;color:#536173;font-size:19px;font-weight:400;line-height:1.65;}
body .service__desc .al-support-intro__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:10px;}
body .service__desc .al-support-intro__grid article,body .al-support-detail article{position:relative;overflow:hidden;border:1px solid rgba(31,132,255,.18);border-radius:24px;background:linear-gradient(135deg,#fff 0%,#fbfdff 58%,#edf6ff 100%);box-shadow:0 24px 62px rgba(15,23,42,.07);transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease;}
body .service__desc .al-support-intro__grid article{min-height:190px;padding:30px 28px;}
body .service__desc .al-support-intro__grid article:after,body .al-support-detail article:after{content:'';position:absolute;right:-58px;bottom:-68px;width:178px;height:156px;border-radius:48% 52% 0 0;background:linear-gradient(145deg,rgba(37,99,235,.08),rgba(14,165,233,.15));transform:rotate(-8deg);pointer-events:none;transition:transform .32s ease;}
body .service__desc .al-support-intro__grid article:hover,body .al-support-detail article:hover{transform:translateY(-8px);border-color:rgba(31,132,255,.36);box-shadow:0 32px 74px rgba(37,99,235,.14);}
body .service__desc .al-support-intro__grid article:hover:after,body .al-support-detail article:hover:after{transform:rotate(-8deg) translate(-7px,-7px) scale(1.06);}
body .service__desc .al-support-intro__grid strong,body .al-support-detail article strong{display:block;position:relative;z-index:1;margin:0 0 14px;color:#2563eb;font-family:FuturaPT,Manrope,sans-serif;font-size:23px;font-weight:400;line-height:1.18;}
body .service__desc .al-support-intro__grid span,body .al-support-detail article p{display:block;position:relative;z-index:1;margin:0;color:#333;font-family:FuturaPT,Manrope,sans-serif;font-size:17px;font-weight:400;line-height:1.62;}
body .al-support-detail{padding:76px 0 114px;background:linear-gradient(180deg,#fff 0%,#f7fbff 100%);font-family:FuturaPT,Manrope,sans-serif;color:#333;}
body .al-support-detail .container{max-width:1160px;}
body .al-support-detail__head{max-width:900px;margin:0 0 42px;}
body .al-support-detail__head span,body .al-support-detail__copy span{display:inline-flex;margin:0 0 18px;padding:9px 14px;border-radius:999px;background:#eaf4ff;color:#2563eb;font-size:13px;font-weight:600;line-height:1;letter-spacing:.08em;text-transform:uppercase;}
body .al-support-detail__head h2,body .al-support-detail__copy h2,body .al-support-detail__faq h2{margin:0 0 22px;color:#333;font-family:FuturaPT,Manrope,sans-serif;font-size:42px;font-weight:500;line-height:1.12;letter-spacing:-.01em;}
body .al-support-detail__head p,body .al-support-detail__copy p{max-width:880px;margin:0;color:#536173;font-size:19px;font-weight:400;line-height:1.65;}
body .al-support-detail__grid{display:grid;gap:24px;}
body .al-support-detail__grid--features,body .al-support-detail__grid--faq{grid-template-columns:repeat(3,minmax(0,1fr));}
body .al-support-detail__grid article{min-height:238px;padding:32px 30px;}
body .al-support-detail__split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:34px;margin:74px 0;align-items:start;}
body .al-support-detail__copy{padding:0 18px 0 0;}
body .al-support-detail__button{display:inline-flex;align-items:center;justify-content:center;margin-top:30px;padding:17px 26px;border-radius:10px;background:#2563eb;color:#fff!important;font-family:FuturaPT,Manrope,sans-serif;font-size:17px;font-weight:600;text-decoration:none;box-shadow:0 18px 34px rgba(37,99,235,.22);transition:transform .25s ease,box-shadow .25s ease,background .25s ease;}
body .al-support-detail__button:hover{transform:translateY(-3px);background:#155cff;box-shadow:0 24px 42px rgba(37,99,235,.28);}
body .al-support-detail__steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
body .al-support-detail__steps article{min-height:210px;padding:28px 26px;}
body .al-support-detail__steps b{display:inline-flex;position:relative;z-index:1;margin-bottom:18px;color:#2563eb;font-size:13px;font-weight:600;letter-spacing:.12em;}
body .al-support-detail__faq{margin-top:8px;}
body .al-support-detail__faq h2{margin-bottom:28px;}
@media (max-width:1180px){body .service__desc .al-support-intro__grid,body .al-support-detail__grid--features,body .al-support-detail__grid--faq,body .al-support-detail__split,body .al-support-detail__steps{grid-template-columns:1fr;}body .service__desc .al-support-intro__grid,body .al-support-detail__grid,body .al-support-detail__steps{max-width:760px;}body .al-support-detail__grid article,body .service__desc .al-support-intro__grid article{min-height:auto;}body .al-support-detail__copy{padding:0;}}
@media (max-width:720px){body .service__desc .al-support-intro h2,body .al-support-detail__head h2,body .al-support-detail__copy h2,body .al-support-detail__faq h2{font-size:32px;font-weight:500;}body .service__desc .al-support-intro>p,body .al-support-detail__head p,body .al-support-detail__copy p{font-size:17px;line-height:1.58;}body .service__desc .al-support-intro__grid article,body .al-support-detail__grid article,body .al-support-detail__steps article{padding:26px 23px;}body .service__desc .al-support-intro__grid strong,body .al-support-detail article strong{font-size:21px;}body .service__desc .al-support-intro__grid span,body .al-support-detail article p{font-size:16px;line-height:1.58;}body .al-support-detail{padding:54px 0 84px;}body .al-support-detail__split{margin:54px 0;}}
/* ActiveLab support detail landing polish 2026-05-22 END */


/* ActiveLab about page polish 2026-05-22 START */
body .al-about{font-family:FuturaPT,Manrope,sans-serif;color:#333;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);padding-bottom:110px;}
body .al-about .container{max-width:1180px;}
body .al-about .service__title{max-width:960px;color:#333!important;letter-spacing:-.035em;}
body .al-about .service__description{max-width:920px;color:#536173!important;font-size:20px;line-height:1.52;}
body .al-about__intro{max-width:940px;margin:44px 0 34px;}
body .al-about__intro h2,body .al-about__copy h2,body .al-about__note h2{margin:0 0 20px;color:#333;font-family:FuturaPT,Manrope,sans-serif;font-size:42px;font-weight:500;line-height:1.12;letter-spacing:-.01em;}
body .al-about__intro p,body .al-about__copy p,body .al-about__note p{margin:0 0 18px;color:#536173;font-size:19px;font-weight:400;line-height:1.65;}
body .al-about__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:34px 0 74px;}
body .al-about__grid article,body .al-about__steps article{position:relative;overflow:hidden;border:1px solid rgba(31,132,255,.18);border-radius:24px;background:linear-gradient(135deg,#fff 0%,#fbfdff 58%,#edf6ff 100%);box-shadow:0 24px 62px rgba(15,23,42,.07);transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease;}
body .al-about__grid article{min-height:220px;padding:32px 30px;}
body .al-about__steps article{min-height:205px;padding:28px 26px;}
body .al-about__grid article:after,body .al-about__steps article:after{content:'';position:absolute;right:-58px;bottom:-68px;width:178px;height:156px;border-radius:48% 52% 0 0;background:linear-gradient(145deg,rgba(37,99,235,.08),rgba(14,165,233,.15));transform:rotate(-8deg);pointer-events:none;transition:transform .32s ease;}
body .al-about__grid article:hover,body .al-about__steps article:hover{transform:translateY(-8px);border-color:rgba(31,132,255,.36);box-shadow:0 32px 74px rgba(37,99,235,.14);}
body .al-about__grid article:hover:after,body .al-about__steps article:hover:after{transform:rotate(-8deg) translate(-7px,-7px) scale(1.06);}
body .al-about__grid strong,body .al-about__steps strong{display:block;position:relative;z-index:1;margin:0 0 14px;color:#2563eb;font-family:FuturaPT,Manrope,sans-serif;font-size:23px;font-weight:400;line-height:1.18;}
body .al-about__grid span,body .al-about__steps p{display:block;position:relative;z-index:1;margin:0;color:#333;font-family:FuturaPT,Manrope,sans-serif;font-size:17px;font-weight:400;line-height:1.62;}
body .al-about__split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:34px;margin:0 0 78px;align-items:start;}
body .al-about__copy{padding-right:18px;}
body .al-about__copy>span{display:inline-flex;margin:0 0 18px;padding:9px 14px;border-radius:999px;background:#eaf4ff;color:#2563eb;font-size:13px;font-weight:600;line-height:1;letter-spacing:.08em;text-transform:uppercase;}
body .al-about__button{display:inline-flex;align-items:center;justify-content:center;margin-top:20px;padding:17px 26px;border-radius:10px;background:#2563eb;color:#fff!important;font-family:FuturaPT,Manrope,sans-serif;font-size:17px;font-weight:600;text-decoration:none;box-shadow:0 18px 34px rgba(37,99,235,.22);transition:transform .25s ease,box-shadow .25s ease,background .25s ease;}
body .al-about__button:hover{transform:translateY(-3px);background:#155cff;box-shadow:0 24px 42px rgba(37,99,235,.28);}
body .al-about__steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
body .al-about__steps b{display:inline-flex;position:relative;z-index:1;margin-bottom:18px;color:#2563eb;font-size:13px;font-weight:600;letter-spacing:.12em;}
body .al-about__note{max-width:940px;padding:36px 38px;border:1px solid rgba(31,132,255,.18);border-radius:24px;background:linear-gradient(135deg,#fff 0%,#fbfdff 58%,#edf6ff 100%);box-shadow:0 24px 62px rgba(15,23,42,.07);}
body .al-about__note a{color:#2563eb;text-decoration:none;border-bottom:1px solid rgba(37,99,235,.28);}
@media (max-width:1180px){body .al-about__grid,body .al-about__split,body .al-about__steps{grid-template-columns:1fr;}body .al-about__grid,body .al-about__steps{max-width:760px;}body .al-about__grid article,body .al-about__steps article{min-height:auto;}body .al-about__copy{padding-right:0;}}
@media (max-width:720px){body .al-about{padding-bottom:78px;}body .al-about .service__description,body .al-about__intro p,body .al-about__copy p,body .al-about__note p{font-size:17px;line-height:1.58;}body .al-about__intro h2,body .al-about__copy h2,body .al-about__note h2{font-size:32px;font-weight:500;}body .al-about__grid article,body .al-about__steps article,body .al-about__note{padding:26px 23px;}body .al-about__grid strong,body .al-about__steps strong{font-size:21px;}body .al-about__grid span,body .al-about__steps p{font-size:16px;line-height:1.58;}body .al-about__split{margin-bottom:56px;}}
/* ActiveLab about page polish 2026-05-22 END */


/* ActiveLab contacts page polish 2026-05-22 START */
body .al-contacts{padding:52px 0 112px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);font-family:FuturaPT,Manrope,sans-serif;color:#333;}
body .al-contacts .container{max-width:1160px;}
body .al-contacts__hero{max-width:940px;margin:0 0 58px;}
body .al-contacts__hero h1{margin:0 0 22px;color:#333;font-family:FuturaPT,Manrope,sans-serif;font-size:58px;font-weight:500;line-height:1.05;letter-spacing:-.035em;}
body .al-contacts__hero p{max-width:900px;margin:0;color:#536173;font-size:20px;font-weight:400;line-height:1.58;}
body .al-contacts__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0 0 28px;}
body .al-contacts__card,body .al-contacts__cta{position:relative;overflow:hidden;border:1px solid rgba(31,132,255,.18);border-radius:24px;background:linear-gradient(135deg,#fff 0%,#fbfdff 58%,#edf6ff 100%);box-shadow:0 24px 62px rgba(15,23,42,.07);}
body .al-contacts__card{min-height:360px;padding:36px 34px;}
body .al-contacts__card:after,body .al-contacts__cta:after{content:'';position:absolute;right:-58px;bottom:-68px;width:178px;height:156px;border-radius:48% 52% 0 0;background:linear-gradient(145deg,rgba(37,99,235,.08),rgba(14,165,233,.15));transform:rotate(-8deg);pointer-events:none;}
body .al-contacts__card span,body .al-contacts__cta span{display:inline-flex;margin:0 0 18px;padding:9px 14px;border-radius:999px;background:#eaf4ff;color:#2563eb;font-size:13px;font-weight:600;line-height:1;letter-spacing:.08em;text-transform:uppercase;}
body .al-contacts__card h2,body .al-contacts__cta h2{position:relative;z-index:1;margin:0 0 24px;color:#333;font-family:FuturaPT,Manrope,sans-serif;font-size:34px;font-weight:500;line-height:1.14;letter-spacing:-.01em;}
body .al-contacts__card p,body .al-contacts__card li,body .al-contacts__cta p{position:relative;z-index:1;margin:0;color:#333;font-size:18px;font-weight:400;line-height:1.62;}
body .al-contacts__card p{margin-bottom:22px;}
body .al-contacts__card p strong{display:block;margin-bottom:5px;color:#536173;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;}
body .al-contacts__card a{display:inline-flex;color:#2563eb;text-decoration:none;border-bottom:1px solid rgba(37,99,235,.28);}
body .al-contacts__card ul{position:relative;z-index:1;margin:0;padding-left:22px;}
body .al-contacts__card li{margin-bottom:12px;}
body .al-contacts__cta{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:36px 34px;}
body .al-contacts__cta>div{position:relative;z-index:1;max-width:720px;}
body .al-contacts__cta a{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-width:190px;padding:17px 26px;border-radius:10px;background:#2563eb;color:#fff!important;font-family:FuturaPT,Manrope,sans-serif;font-size:17px;font-weight:600;text-decoration:none;box-shadow:0 18px 34px rgba(37,99,235,.22);transition:transform .25s ease,box-shadow .25s ease,background .25s ease;}
body .al-contacts__cta a:hover{transform:translateY(-3px);background:#155cff;box-shadow:0 24px 42px rgba(37,99,235,.28);}
@media (max-width:900px){body .al-contacts__grid,body .al-contacts__cta{grid-template-columns:1fr;display:grid;}body .al-contacts__card{min-height:auto;}body .al-contacts__cta{align-items:start;}body .al-contacts__cta a{width:max-content;}}
@media (max-width:720px){body .al-contacts{padding:38px 0 82px;}body .al-contacts__hero h1{font-size:42px;}body .al-contacts__hero p,body .al-contacts__card p,body .al-contacts__card li,body .al-contacts__cta p{font-size:16px;line-height:1.58;}body .al-contacts__card,body .al-contacts__cta{padding:28px 24px;}body .al-contacts__card h2,body .al-contacts__cta h2{font-size:28px;}}
/* ActiveLab contacts page polish 2026-05-22 END */


/* ActiveLab websites detail landing polish 2026-05-22 START */
body .al-web-detail,body .al-web-detail h2,body .al-web-detail h3,body .al-web-detail p,body .al-web-detail li,body .al-web-detail a{font-family:FuturaPT,Manrope,sans-serif;color:#333;}
body .al-web-detail{position:relative;margin:64px 0 94px;padding:0;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);}
body .al-web-detail__section{max-width:1120px;margin:0 auto 74px;}
body .al-web-detail__lead{max-width:940px;margin-bottom:38px;}
body .al-web-detail__badge{display:inline-flex;margin:0 0 18px;padding:9px 14px;border-radius:999px;background:#eaf4ff;color:#2563eb!important;font-size:13px;font-weight:600;line-height:1;letter-spacing:.08em;text-transform:uppercase;}
body .al-web-detail h2{margin:0 0 22px;font-size:42px;font-weight:500;line-height:1.12;letter-spacing:-.01em;}
body .al-web-detail__lead p{max-width:900px;margin:0;color:#536173;font-size:19px;font-weight:400;line-height:1.65;}
body .al-web-detail__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
body .al-web-detail__grid--two{grid-template-columns:repeat(2,minmax(0,1fr));}
body .al-web-card{position:relative;overflow:hidden;min-height:230px;padding:32px 30px;border:1px solid rgba(31,132,255,.18);border-radius:24px;background:linear-gradient(135deg,#fff 0%,#fbfdff 58%,#edf6ff 100%);box-shadow:0 24px 62px rgba(15,23,42,.07);transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease;}
body .al-web-card:after{content:'';position:absolute;right:-58px;bottom:-68px;width:178px;height:156px;border-radius:48% 52% 0 0;background:linear-gradient(145deg,rgba(37,99,235,.08),rgba(14,165,233,.15));transform:rotate(-8deg);pointer-events:none;transition:transform .32s ease;}
body .al-web-card:hover{transform:translateY(-8px);border-color:rgba(31,132,255,.36);box-shadow:0 32px 74px rgba(37,99,235,.14);}
body .al-web-card:hover:after{transform:rotate(-8deg) translate(-7px,-7px) scale(1.06);}
body .al-web-card b{display:inline-flex;position:relative;z-index:1;margin:0 0 18px;color:#2563eb;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;}
body .al-web-card strong{display:block;position:relative;z-index:1;margin:0 0 14px;color:#2563eb;font-size:23px;font-weight:400;line-height:1.18;}
body .al-web-card p{position:relative;z-index:1;margin:0;color:#333;font-size:17px;font-weight:400;line-height:1.62;}
body .al-web-detail__copy{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:34px;align-items:start;}
body .al-web-detail__copy>div:first-child{padding-right:18px;}
body .al-web-detail__copy p{max-width:880px;margin:0 0 20px;color:#536173;font-size:19px;font-weight:400;line-height:1.65;}
body .al-web-detail__button{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;padding:17px 26px;border-radius:10px;background:#2563eb;color:#fff!important;font-size:17px;font-weight:600;text-decoration:none;box-shadow:0 18px 34px rgba(37,99,235,.22);transition:transform .25s ease,box-shadow .25s ease,background .25s ease;}
body .al-web-detail__button:hover{transform:translateY(-3px);background:#155cff;box-shadow:0 24px 42px rgba(37,99,235,.28);}
@media (max-width:1180px){body .al-web-detail__grid,body .al-web-detail__grid--two,body .al-web-detail__copy{grid-template-columns:1fr;}body .al-web-detail__grid{max-width:760px;}body .al-web-card{min-height:auto;}body .al-web-detail__copy>div:first-child{padding-right:0;}}
@media (max-width:720px){body .al-web-detail{margin:46px 0 78px;}body .al-web-detail__section{margin-bottom:56px;}body .al-web-detail h2{font-size:32px;font-weight:500;}body .al-web-detail__lead p,body .al-web-detail__copy p{font-size:17px;line-height:1.58;}body .al-web-card{padding:26px 23px;}body .al-web-card strong{font-size:21px;}body .al-web-card p{font-size:16px;line-height:1.58;}}
/* ActiveLab websites detail landing polish 2026-05-22 END */

/* ActiveLab cases section SEO polish 2026-05-22 START */
body .projects-page .projects__lead{max-width:900px;margin:-10px 0 34px;color:#536173;font-family:FuturaPT,Manrope,sans-serif;font-size:19px;font-weight:400;line-height:1.6;}
@media (max-width:720px){body .projects-page .projects__lead{font-size:17px;line-height:1.56;margin-bottom:26px;}}
/* ActiveLab cases section SEO polish 2026-05-22 END */

/* ActiveLab design category visual polish 2026-05-22 START */
body .category--design .service__title,
body .category--design .service__description,
body .category--design .category__name,
body .category--design .category__description{
  font-family:FuturaPT, Manrope, sans-serif !important;
  color:#333333 !important;
}
body .category--design .service__title{
  max-width:900px;
  letter-spacing:-.03em;
}
body .category--design .service__description{
  max-width:930px;
  font-size:20px;
  line-height:1.45;
  color:#4a5568 !important;
}
body .category--design .category__list{
  gap:24px;
  align-items:stretch;
}
body .category--design .category__item{
  min-height:300px;
}
body .category--design .category__item a{
  position:relative;
  min-height:100%;
  overflow:hidden;
  padding:38px !important;
  border:1px solid rgba(31,132,255,.16) !important;
  border-radius:22px !important;
  background:radial-gradient(circle at 92% 88%, rgba(31,132,255,.14), transparent 24%),linear-gradient(145deg,#ffffff 0%,#f7fbff 100%) !important;
  box-shadow:0 18px 44px rgba(15,43,81,.08),inset 0 0 0 1px rgba(255,255,255,.78) !important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease !important;
}
body .category--design .category__item a:before{
  content:UI;
  position:absolute;
  top:22px;
  right:24px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(31,132,255,.10);
  color:#155cff;
  font-family:FuturaPT, Manrope, sans-serif;
  font-size:12px;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
}
body .category--design .category__item:nth-child(2) a:before{content:LOGO;}
body .category--design .category__item:nth-child(3) a:before{content:BRAND;}
body .category--design .category__item a:hover{
  transform:translateY(-6px);
  border-color:rgba(31,132,255,.36) !important;
  box-shadow:0 24px 58px rgba(15,43,81,.13),inset 0 0 0 1px rgba(255,255,255,.9) !important;
}
body .category--design .category__info,
body .category--design .category__footer{
  position:relative;
  z-index:1;
}
body .category--design .category__name{
  max-width:520px;
  font-size:28px;
  line-height:1.12;
  letter-spacing:-.02em;
  color:#155cff !important;
}
body .category--design .category__description{
  max-width:540px;
  font-size:16px;
  line-height:1.48;
  color:#333333 !important;
}
body .category--design .category__footer{
  align-items:flex-end;
  min-height:82px;
}
body .category--design .category__icon{
  width:56px;
  height:56px;
  object-fit:contain;
  filter:drop-shadow(0 10px 18px rgba(31,92,255,.18));
}
@media screen and (max-width:1024px){
  body .category--design .category__item{min-height:250px;}
  body .category--design .category__item a{padding:28px !important;}
}
@media screen and (max-width:640px){
  body .category--design .service__description{font-size:17px;}
  body .category--design .category__list{grid-template-columns:1fr !important;}
  body .category--design .category__item{min-height:220px;}
  body .category--design .category__item a:before{top:18px;right:18px;}
  body .category--design .category__name{font-size:23px;padding-right:72px;}
  body .category--design .category__description{font-size:15px;}
}
/* ActiveLab design category visual polish 2026-05-22 END */

/* ActiveLab promo icon outline polish 2026-05-22 START */
body .category.category--promo .category__icon:not(.category__icon--techseo){
  width:64px!important;
  height:64px!important;
  padding:10px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(31,132,255,.30)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(31,132,255,.12),rgba(31,132,255,.03))!important;
  object-fit:contain!important;
  filter:drop-shadow(0 10px 18px rgba(31,92,255,.16))!important;
}
body .category.category--promo .category__item:hover .category__icon:not(.category__icon--techseo){
  border-color:rgba(31,132,255,.44)!important;
  background:linear-gradient(135deg,rgba(31,132,255,.16),rgba(255,255,255,.70))!important;
}
@media (max-width:720px){
  body .category.category--promo .category__icon:not(.category__icon--techseo){
    width:60px!important;
    height:60px!important;
    padding:9px!important;
    border-radius:16px!important;
  }
}
/* ActiveLab promo icon outline polish 2026-05-22 END */

/* ActiveLab promo icon match websites corner 2026-05-22 START */
body .category.category--promo .category__item,
body .category.category--promo .category__item:nth-child(n),
body .category.category--promo .category__item--techseo{
  background:radial-gradient(circle at 92% 86%, rgba(31,132,255,.16), transparent 24%),linear-gradient(145deg,#ffffff 0%,#f7fbff 100%)!important;
}
body .category.category--promo .category__item:before{
  display:none!important;
}
body .category.category--promo .category__icon:not(.category__icon--techseo){
  width:52px!important;
  height:52px!important;
  padding:0!important;
  box-sizing:content-box!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  object-fit:contain!important;
  filter:drop-shadow(0 10px 18px rgba(31,92,255,.18))!important;
}
body .category.category--promo .category__item:hover .category__icon:not(.category__icon--techseo){
  background:transparent!important;
  border:0!important;
}
@media (max-width:720px){
  body .category.category--promo .category__icon:not(.category__icon--techseo){
    width:52px!important;
    height:52px!important;
    padding:0!important;
    border-radius:0!important;
  }
}
/* ActiveLab promo icon match websites corner 2026-05-22 END */

/* ActiveLab unified service category cards 2026-05-22 START */
body .category--websites .category__list,
body .category--e-commerce .category__list,
body .category--design .category__list,
body .category--support .category__list,
body .category.category--promo .category__list.category__list--v1,
body .category--integration .category__list{
  gap:24px!important;
  align-items:stretch!important;
}
body .category--websites .category__item,
body .category--e-commerce .category__item,
body .category--design .category__item,
body .category--support .category__item,
body .category.category--promo .category__item,
body .category.category--promo .category__item:nth-child(n),
body .category.category--promo .category__item--techseo,
body .category--integration .category__item{
  min-height:300px!important;
  position:relative!important;
  overflow:hidden!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body .category--websites .category__item a,
body .category--e-commerce .category__item a,
body .category--design .category__item a,
body .category--support .category__item a,
body .category.category--promo .category__item>a,
body .category--integration .category__item a{
  position:relative!important;
  min-height:100%!important;
  height:100%!important;
  padding:38px!important;
  overflow:hidden!important;
  border:1px solid rgba(31,132,255,.16)!important;
  border-radius:22px!important;
  background:radial-gradient(circle at 92% 86%, rgba(31,132,255,.16), transparent 24%),linear-gradient(145deg,#ffffff 0%,#f7fbff 100%)!important;
  box-shadow:0 18px 44px rgba(15,43,81,.08),inset 0 0 0 1px rgba(255,255,255,.78)!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
body .category--e-commerce .category__item a:before,
body .category--design .category__item a:before,
body .category--support .category__item a:before,
body .category.category--promo .category__item:before,
body .category--integration .category__item a:before,
body .category--integration .category__item a:after{
  display:none!important;
  content:none!important;
}
body .category--websites .category__item a:hover,
body .category--e-commerce .category__item a:hover,
body .category--design .category__item a:hover,
body .category--support .category__item a:hover,
body .category.category--promo .category__item:hover>a,
body .category--integration .category__item a:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(31,132,255,.36)!important;
  box-shadow:0 24px 58px rgba(15,43,81,.13),inset 0 0 0 1px rgba(255,255,255,.9)!important;
}
body .category--websites .category__info,
body .category--websites .category__footer,
body .category--e-commerce .category__info,
body .category--e-commerce .category__footer,
body .category--design .category__info,
body .category--design .category__footer,
body .category--support .category__info,
body .category--support .category__footer,
body .category.category--promo .category__info,
body .category.category--promo .category__footer,
body .category--integration .category__info,
body .category--integration .category__footer{
  position:relative!important;
  z-index:1!important;
}
body .category--websites .category__name,
body .category--e-commerce .category__name,
body .category--design .category__name,
body .category--support .category__name,
body .category.category--promo .category__name,
body .category.category--promo .category__item--techseo .category__name,
body .category--integration .category__name{
  max-width:520px!important;
  margin:0 0 22px!important;
  color:#155cff!important;
  font-family:FuturaPT,Manrope,sans-serif!important;
  font-size:28px!important;
  font-weight:400!important;
  line-height:1.12!important;
  letter-spacing:-.02em!important;
}
body .category--websites .category__description,
body .category--e-commerce .category__description,
body .category--design .category__description,
body .category--support .category__description,
body .category.category--promo .category__description,
body .category.category--promo .category__item--techseo .category__description,
body .category--integration .category__description{
  max-width:540px!important;
  color:#333!important;
  font-family:FuturaPT,Manrope,sans-serif!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:1.48!important;
  letter-spacing:0!important;
}
body .category--websites .category__footer,
body .category--e-commerce .category__footer,
body .category--design .category__footer,
body .category--support .category__footer,
body .category.category--promo .category__footer,
body .category--integration .category__footer{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-end!important;
  min-height:78px!important;
  margin-top:30px!important;
}
body .category--websites .category__icon,
body .category--e-commerce .category__icon,
body .category--design .category__icon,
body .category--support .category__icon,
body .category.category--promo .category__icon:not(.category__icon--techseo),
body .category--integration .category__icon{
  width:52px!important;
  height:52px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  object-fit:contain!important;
  filter:drop-shadow(0 10px 18px rgba(31,92,255,.18))!important;
}
body .category.category--promo .category__icon--techseo{
  width:52px!important;
  height:52px!important;
  border:1px solid rgba(31,92,255,.30)!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,rgba(31,132,255,.14),rgba(31,132,255,.03))!important;
  box-shadow:none!important;
}
@media screen and (max-width:1024px){
  body .category--websites .category__item,
  body .category--e-commerce .category__item,
  body .category--design .category__item,
  body .category--support .category__item,
  body .category.category--promo .category__item,
  body .category--integration .category__item{min-height:250px!important;}
  body .category--websites .category__item a,
  body .category--e-commerce .category__item a,
  body .category--design .category__item a,
  body .category--support .category__item a,
  body .category.category--promo .category__item>a,
  body .category--integration .category__item a{padding:28px!important;}
}
@media screen and (max-width:640px){
  body .category--websites .category__list,
  body .category--e-commerce .category__list,
  body .category--design .category__list,
  body .category--support .category__list,
  body .category.category--promo .category__list.category__list--v1,
  body .category--integration .category__list{grid-template-columns:1fr!important;}
  body .category--websites .category__item,
  body .category--e-commerce .category__item,
  body .category--design .category__item,
  body .category--support .category__item,
  body .category.category--promo .category__item,
  body .category--integration .category__item{min-height:220px!important;}
  body .category--websites .category__name,
  body .category--e-commerce .category__name,
  body .category--design .category__name,
  body .category--support .category__name,
  body .category.category--promo .category__name,
  body .category.category--promo .category__item--techseo .category__name,
  body .category--integration .category__name{font-size:23px!important;padding-right:0!important;}
  body .category--websites .category__description,
  body .category--e-commerce .category__description,
  body .category--design .category__description,
  body .category--support .category__description,
  body .category.category--promo .category__description,
  body .category.category--promo .category__item--techseo .category__description,
  body .category--integration .category__description{font-size:15px!important;}
}
/* ActiveLab unified service category cards 2026-05-22 END */

/* ActiveLab unified service card visible corner 2026-05-22 START */
body .category--websites .category__item a,
body .category--e-commerce .category__item a,
body .category--design .category__item a,
body .category--support .category__item a,
body .category.category--promo .category__item>a,
body .category--integration .category__item a{
  background:radial-gradient(circle at 92% 86%, rgba(31,132,255,.22), transparent 30%),linear-gradient(145deg,#ffffff 0%,#f7fbff 100%)!important;
}
/* ActiveLab unified service card visible corner 2026-05-22 END */
/* ActiveLab Bitrix24 AEO detail polish 2026-05-22 START */
body .al-bitrix24-aeo{margin:72px 0 18px;padding:58px 0 8px;border-top:1px solid rgba(31,132,255,.14);font-family:FuturaPT,Manrope,sans-serif;color:#333;}
body .al-bitrix24-aeo__head{max-width:880px;margin:0 0 34px;}
body .al-bitrix24-aeo__head span{display:inline-flex;margin:0 0 16px;padding:9px 14px;border-radius:999px;background:#eaf4ff;color:#2563eb;font-size:13px;font-weight:600;line-height:1;letter-spacing:.08em;text-transform:uppercase;}
body .al-bitrix24-aeo h2{margin:0 0 20px;color:#333;font-family:FuturaPT,Manrope,sans-serif;font-size:40px;font-weight:500;line-height:1.12;letter-spacing:0;}
body .al-bitrix24-aeo__head p{max-width:860px;margin:0;color:#536173;font-size:19px;font-weight:400;line-height:1.65;}
body .al-bitrix24-aeo__grid,body .al-bitrix24-aeo__faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
body .al-bitrix24-aeo__faq{margin-top:58px;}
body .al-bitrix24-aeo__faq h2{margin-bottom:26px;}
body .al-bitrix24-aeo article{position:relative;overflow:hidden;min-height:210px;padding:30px 28px;border:1px solid rgba(31,132,255,.18);border-radius:24px;background:radial-gradient(circle at 92% 86%, rgba(31,132,255,.22), transparent 30%),linear-gradient(145deg,#ffffff 0%,#f7fbff 100%);box-shadow:0 18px 44px rgba(15,43,81,.08),inset 0 0 0 1px rgba(255,255,255,.78);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;}
body .al-bitrix24-aeo article:hover{transform:translateY(-6px);border-color:rgba(31,132,255,.36);box-shadow:0 24px 58px rgba(15,43,81,.13),inset 0 0 0 1px rgba(255,255,255,.9);}
body .al-bitrix24-aeo article strong{display:block;position:relative;z-index:1;margin:0 0 14px;color:#155cff;font-size:23px;font-weight:400;line-height:1.18;}
body .al-bitrix24-aeo article p{position:relative;z-index:1;margin:0;color:#333;font-size:17px;font-weight:400;line-height:1.62;}
@media (max-width:1180px){body .al-bitrix24-aeo__grid,body .al-bitrix24-aeo__faq-grid{grid-template-columns:1fr;max-width:760px;}body .al-bitrix24-aeo article{min-height:auto;}}
@media (max-width:720px){body .al-bitrix24-aeo{margin-top:52px;padding-top:44px;}body .al-bitrix24-aeo h2{font-size:32px;}body .al-bitrix24-aeo__head p{font-size:17px;line-height:1.58;}body .al-bitrix24-aeo__grid,body .al-bitrix24-aeo__faq-grid{gap:18px;}body .al-bitrix24-aeo article{padding:26px 23px;}body .al-bitrix24-aeo article strong{font-size:21px;}body .al-bitrix24-aeo article p{font-size:16px;line-height:1.58;}}
/* ActiveLab Bitrix24 AEO detail polish 2026-05-22 END */

/* ActiveLab eshop AEO detail polish 2026-05-22 START */
body .al-eshop-aeo{margin:72px 0 18px;padding:58px 0 8px;border-top:1px solid rgba(31,132,255,.14);font-family:FuturaPT,Manrope,sans-serif;color:#333;}
body .al-eshop-aeo__head{max-width:900px;margin:0 0 34px;}
body .al-eshop-aeo__head span{display:inline-flex;margin:0 0 16px;padding:9px 14px;border-radius:999px;background:#eaf4ff;color:#2563eb;font-size:13px;font-weight:600;line-height:1;letter-spacing:.08em;text-transform:uppercase;}
body .al-eshop-aeo h2{margin:0 0 20px;color:#333;font-family:FuturaPT,Manrope,sans-serif;font-size:40px;font-weight:500;line-height:1.12;letter-spacing:0;}
body .al-eshop-aeo__head p{max-width:900px;margin:0;color:#536173;font-size:19px;font-weight:400;line-height:1.65;}
body .al-eshop-aeo__grid,body .al-eshop-aeo__faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
body .al-eshop-aeo__faq{margin-top:58px;}
body .al-eshop-aeo__faq h2{margin-bottom:26px;}
body .al-eshop-aeo article{position:relative;overflow:hidden;min-height:210px;padding:30px 28px;border:1px solid rgba(31,132,255,.18);border-radius:24px;background:radial-gradient(circle at 92% 86%, rgba(31,132,255,.22), transparent 30%),linear-gradient(145deg,#ffffff 0%,#f7fbff 100%);box-shadow:0 18px 44px rgba(15,43,81,.08),inset 0 0 0 1px rgba(255,255,255,.78);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;}
body .al-eshop-aeo article:hover{transform:translateY(-6px);border-color:rgba(31,132,255,.36);box-shadow:0 24px 58px rgba(15,43,81,.13),inset 0 0 0 1px rgba(255,255,255,.9);}
body .al-eshop-aeo article strong{display:block;position:relative;z-index:1;margin:0 0 14px;color:#155cff;font-size:23px;font-weight:400;line-height:1.18;}
body .al-eshop-aeo article p{position:relative;z-index:1;margin:0;color:#333;font-size:17px;font-weight:400;line-height:1.62;}
@media (max-width:1180px){body .al-eshop-aeo__grid,body .al-eshop-aeo__faq-grid{grid-template-columns:1fr;max-width:760px;}body .al-eshop-aeo article{min-height:auto;}}
@media (max-width:720px){body .al-eshop-aeo{margin-top:52px;padding-top:44px;}body .al-eshop-aeo h2{font-size:32px;}body .al-eshop-aeo__head p{font-size:17px;line-height:1.58;}body .al-eshop-aeo__grid,body .al-eshop-aeo__faq-grid{gap:18px;}body .al-eshop-aeo article{padding:26px 23px;}body .al-eshop-aeo article strong{font-size:21px;}body .al-eshop-aeo article p{font-size:16px;line-height:1.58;}}
/* ActiveLab eshop AEO detail polish 2026-05-22 END */

/* ActiveLab AEO detail layout containment 2026-05-22 START */
body .al-bitrix24-aeo,body .al-eshop-aeo{width:min(100% - 40px,1180px);margin:72px auto 18px;}
body .al-bitrix24-aeo__faq,body .al-eshop-aeo__faq{margin-top:48px;}
body .al-bitrix24-aeo__faq-grid,body .al-eshop-aeo__faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
body .al-bitrix24-aeo__grid,body .al-eshop-aeo__grid{margin-top:22px;}
@media (max-width:1180px){body .al-bitrix24-aeo,body .al-eshop-aeo{width:min(100% - 32px,760px);}body .al-bitrix24-aeo__faq-grid,body .al-eshop-aeo__faq-grid{grid-template-columns:1fr;}}
@media (max-width:720px){body .al-bitrix24-aeo,body .al-eshop-aeo{width:min(100% - 28px,760px);margin-top:52px;}}
/* ActiveLab AEO detail layout containment 2026-05-22 END */

/* ActiveLab visual QA batch: detail intro and ecommerce cards 2026-05-22 START */
body .main > section.service .service__desc{display:none!important;}
body .main > section.service .service__background{padding-bottom:34px!important;}
body .main > section.service + section,body .main > section.service + .development,body .main > section.service + .bitrix,body .main > section.service + .steps{margin-top:0!important;}
body .main h1.title,body .main .title,body .main h2{font-family:FuturaPT,Manrope,sans-serif!important;font-weight:500!important;letter-spacing:-.025em!important;}
body .main .bitrix__item,body .main .development__item,body .main .al-eshop-aeo article{position:relative!important;overflow:hidden!important;}
body .main .bitrix__item ul,body .main .bitrix__item ol,body .main .bitrix__item .bitrix__links{display:none!important;}
body .main .bitrix__item img,body .main .development__item img{display:block!important;margin-left:auto!important;margin-right:0!important;}
body .main .bitrix__item:after,body .main .development__item:after{content:"";position:absolute;right:-42px;bottom:-46px;width:180px;height:140px;border-radius:48px;background:radial-gradient(circle at 35% 35%,rgba(31,132,255,.20),transparent 68%);transform:rotate(-10deg);pointer-events:none;}
body .main .category--e-commerce .category__icon,body .main .category--websites .category__icon,body .main .category--design .category__icon,body .main .category--support .category__icon,body .main .category--integration .category__icon,body .main .category--promo .category__icon{position:absolute!important;right:22px!important;bottom:20px!important;left:auto!important;top:auto!important;margin:0!important;opacity:.9;}
body .main .category--e-commerce .category__blocks,body .main .category--websites .category__blocks,body .main .category--design .category__blocks,body .main .category--support .category__blocks,body .main .category--integration .category__blocks,body .main .category--promo .category__blocks{padding-right:96px!important;}
@media (max-width:720px){body .main > section.service .service__background{padding-bottom:22px!important;}body .main .category--e-commerce .category__blocks,body .main .category--websites .category__blocks,body .main .category--design .category__blocks,body .main .category--support .category__blocks,body .main .category--integration .category__blocks,body .main .category--promo .category__blocks{padding-right:28px!important;}body .main .category__icon{position:static!important;margin-top:18px!important;}}
/* ActiveLab visual QA batch: detail intro and ecommerce cards 2026-05-22 END */

/* ActiveLab section depth blocks 2026-05-22 START */
body .al-section-depth{padding:0 0 92px;color:#333;font-family:FuturaPT,Manrope,sans-serif;}
body .al-section-depth .container{width:min(1200px,calc(100% - 48px));margin:0 auto;}
body .al-section-depth__head{max-width:980px;margin:0 0 34px;}
body .al-section-depth__head span{display:inline-flex;margin:0 0 16px;padding:9px 14px;border-radius:999px;background:#eaf4ff;color:#2563eb;font-size:13px;font-weight:600;line-height:1;letter-spacing:.08em;text-transform:uppercase;}
body .al-section-depth__head h2{margin:0 0 18px;color:#333;font-family:FuturaPT,Manrope,sans-serif;font-size:44px;font-weight:500;line-height:1.1;letter-spacing:-.025em;}
body .al-section-depth__head p{max-width:940px;margin:0;color:#536173;font-size:20px;font-weight:400;line-height:1.62;}
body .al-section-depth__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
body .al-section-depth article{position:relative;overflow:hidden;min-height:220px;padding:32px 30px;border:1px solid rgba(31,132,255,.18);border-radius:24px;background:radial-gradient(circle at 92% 86%, rgba(31,132,255,.22), transparent 30%),linear-gradient(145deg,#ffffff 0%,#f7fbff 100%);box-shadow:0 18px 44px rgba(15,43,81,.08),inset 0 0 0 1px rgba(255,255,255,.78);}
body .al-section-depth article strong{display:block;position:relative;z-index:1;margin:0 0 14px;color:#155cff;font-size:24px;font-weight:500;line-height:1.18;}
body .al-section-depth article p{position:relative;z-index:1;margin:0;color:#333;font-size:18px;font-weight:400;line-height:1.58;}
@media (max-width:1180px){body .al-section-depth__grid{grid-template-columns:1fr;max-width:760px;}body .al-section-depth article{min-height:auto;}}
@media (max-width:720px){body .al-section-depth{padding-bottom:64px;}body .al-section-depth .container{width:calc(100% - 28px);}body .al-section-depth__head h2{font-size:32px;}body .al-section-depth__head p{font-size:17px;line-height:1.58;}body .al-section-depth article{padding:26px 23px;}body .al-section-depth article strong{font-size:21px;}body .al-section-depth article p{font-size:16px;line-height:1.58;}}
/* ActiveLab section depth blocks 2026-05-22 END */

/* ActiveLab visual QA batch 2: typography normalization 2026-05-22 START */
body .main .bitrix__item h2,body .main .bitrix__item h3,body .main .bitrix__item h4,body .main .bitrix__item strong,
body .main .development__item h2,body .main .development__item h3,body .main .development__item h4,body .main .development__item strong,
body .main .al-techseo h1,body .main .al-techseo h2,body .main .al-techseo h3,body .main .al-techseo strong,
body .main .al-techseo__title,body .main .al-techseo__card strong{font-family:FuturaPT,Manrope,sans-serif!important;font-weight:500!important;letter-spacing:-.02em!important;color:#333!important;}
body .main .bitrix__item h3,body .main .bitrix__item strong{font-size:24px!important;line-height:1.18!important;margin-bottom:16px!important;}
body .main .bitrix__item p{font-family:FuturaPT,Manrope,sans-serif!important;font-size:18px!important;line-height:1.55!important;color:#333!important;}
body .main .al-techseo__card strong{font-size:23px!important;line-height:1.2!important;color:#155cff!important;}
body .main .al-techseo__card p{font-weight:400!important;line-height:1.58!important;}
body .main .al-techseo h1,body .main .al-techseo__title{font-weight:500!important;}
/* ActiveLab visual QA batch 2: typography normalization 2026-05-22 END */

/* ActiveLab shop upgrade AEO detail polish 2026-05-22 START */
body .al-shop-upgrade-aeo{width:min(100% - 40px,1180px);margin:72px auto 18px;padding:58px 0 8px;border-top:1px solid rgba(31,132,255,.14);font-family:FuturaPT,Manrope,sans-serif;color:#333;}
body .al-shop-upgrade-aeo__head{max-width:900px;margin:0 0 34px;}
body .al-shop-upgrade-aeo__head span{display:inline-flex;margin:0 0 16px;padding:9px 14px;border-radius:999px;background:#eaf4ff;color:#2563eb;font-size:13px;font-weight:600;line-height:1;letter-spacing:.08em;text-transform:uppercase;}
body .al-shop-upgrade-aeo h2{margin:0 0 20px;color:#333;font-family:FuturaPT,Manrope,sans-serif;font-size:40px;font-weight:500;line-height:1.12;letter-spacing:-.025em;}
body .al-shop-upgrade-aeo__head p{max-width:900px;margin:0;color:#536173;font-size:19px;font-weight:400;line-height:1.65;}
body .al-shop-upgrade-aeo__grid,body .al-shop-upgrade-aeo__faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
body .al-shop-upgrade-aeo__faq{margin-top:48px;}
body .al-shop-upgrade-aeo__faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
body .al-shop-upgrade-aeo article{position:relative;overflow:hidden;min-height:210px;padding:30px 28px;border:1px solid rgba(31,132,255,.18);border-radius:24px;background:radial-gradient(circle at 92% 86%, rgba(31,132,255,.22), transparent 30%),linear-gradient(145deg,#ffffff 0%,#f7fbff 100%);box-shadow:0 18px 44px rgba(15,43,81,.08),inset 0 0 0 1px rgba(255,255,255,.78);}
body .al-shop-upgrade-aeo article strong{display:block;position:relative;z-index:1;margin:0 0 14px;color:#155cff;font-size:23px;font-weight:500;line-height:1.18;}
body .al-shop-upgrade-aeo article p{position:relative;z-index:1;margin:0;color:#333;font-size:17px;font-weight:400;line-height:1.62;}
@media (max-width:1180px){body .al-shop-upgrade-aeo{width:min(100% - 32px,760px);}body .al-shop-upgrade-aeo__grid,body .al-shop-upgrade-aeo__faq-grid{grid-template-columns:1fr;max-width:760px;}body .al-shop-upgrade-aeo article{min-height:auto;}}
@media (max-width:720px){body .al-shop-upgrade-aeo{width:min(100% - 28px,760px);margin-top:52px;padding-top:44px;}body .al-shop-upgrade-aeo h2{font-size:32px;}body .al-shop-upgrade-aeo__head p{font-size:17px;line-height:1.58;}body .al-shop-upgrade-aeo article{padding:26px 23px;}}
/* ActiveLab shop upgrade AEO detail polish 2026-05-22 END */

/* ActiveLab eshop full page cleanup 2026-05-22 START */
body .al-service-polish--eshop-options .development__item:before{content:none!important;display:none!important;}
body .al-service-polish--eshop-options .development__item{display:flex!important;flex-direction:column!important;min-height:338px!important;padding:40px 40px 118px!important;}
body .al-service-polish--eshop-options .development__title{max-width:520px!important;padding-right:0!important;margin:0 0 28px!important;color:#155cff!important;font-family:FuturaPT,Manrope,sans-serif!important;font-size:31px!important;font-weight:500!important;line-height:1.12!important;letter-spacing:-.02em!important;}
body .al-service-polish--eshop-options .development__item-list{max-width:660px!important;margin:0!important;padding:0 128px 0 0!important;}
body .al-service-polish--eshop-options .development__item-list li{color:#333!important;font-family:FuturaPT,Manrope,sans-serif!important;font-size:17px!important;font-weight:400!important;line-height:1.55!important;}
body .al-service-polish--eshop-options .development__item-list li[style],body .al-service-polish--eshop-options .development__item-list li *,body .al-service-polish--eshop-options .development__item-list span,body .al-service-polish--eshop-options .development__item-list b,body .al-service-polish--eshop-options .development__item-list strong{color:#333!important;font-weight:400!important;}
body .al-service-polish--eshop-options .development__item-list li:after{content:none!important;display:none!important;}
body .al-service-polish--eshop-options .development__item-list li:before{top:.7em!important;width:6px!important;height:6px!important;background:#1f84ff!important;box-shadow:0 0 0 4px rgba(31,132,255,.10)!important;}
body .al-service-polish--eshop-options .development__item-icon{position:absolute!important;left:auto!important;right:30px!important;top:auto!important;bottom:26px!important;z-index:2!important;width:104px!important;height:92px!important;display:flex!important;align-items:flex-end!important;justify-content:flex-end!important;margin:0!important;opacity:.9!important;}
body .al-service-polish--eshop-options .development__item-icon img{width:auto!important;height:auto!important;max-width:96px!important;max-height:86px!important;object-fit:contain!important;margin:0!important;}
body .al-service-polish--eshop-options .development__item:nth-child(2) .development__item-icon{right:30px!important;bottom:26px!important;}
body .al-eshop-aeo{margin-top:54px!important;}
@media (min-width:961px){body .al-service-polish--eshop-options .development__list{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;}body .al-service-polish--eshop-options .development__item{height:100%!important;}}
@media (max-width:960px){body .al-service-polish--eshop-options .development__item{min-height:320px!important;}body .al-service-polish--eshop-options .development__item-list{padding-right:118px!important;}}
@media (max-width:640px){body .al-service-polish--eshop-options .development__item{padding:30px 24px 116px!important;}body .al-service-polish--eshop-options .development__title{font-size:25px!important;margin-bottom:22px!important;}body .al-service-polish--eshop-options .development__item-list{padding-right:0!important;}body .al-service-polish--eshop-options .development__item-list li{font-size:15px!important;}body .al-service-polish--eshop-options .development__item-icon{right:22px!important;bottom:22px!important;width:86px!important;height:78px!important;}body .al-service-polish--eshop-options .development__item-icon img{max-width:78px!important;max-height:70px!important;}}
/* ActiveLab eshop full page cleanup 2026-05-22 END */

/* ActiveLab eshop icon micro alignment 2026-05-22 START */
body .al-service-polish--eshop-options .development__item:nth-child(2) .development__item-icon{right:30px!important;bottom:26px!important;}
@media (max-width:640px){body .al-service-polish--eshop-options .development__item:nth-child(2) .development__item-icon{right:22px!important;bottom:22px!important;}}
/* ActiveLab eshop icon micro alignment 2026-05-22 END */
/* ActiveLab category icon size web/support 2026-05-22 START */
body .main .category--websites .category__icon,
body .main .category--support .category__icon{
  width:76px!important;
  height:76px!important;
  right:34px!important;
  bottom:30px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 14px 24px rgba(31,92,255,.18))!important;
}
body .main .category--websites .category__icon--fallback{
  width:76px!important;
  height:76px!important;
  border-radius:20px!important;
}
body .main .category--websites .category__icon--fallback:before{
  inset:19px 15px!important;
  border-top-width:4px!important;
  border-bottom-width:4px!important;
}
body .main .category--websites .category__icon--fallback:after{
  right:15px!important;
  bottom:15px!important;
  width:18px!important;
  height:18px!important;
  border-right-width:4px!important;
  border-bottom-width:4px!important;
}
body .main .category--websites .category__icon--fallback-sozdanie-sayta-na-wordpress:before{
  inset:12px!important;
  border-width:3px!important;
}
body .main .category--websites .category__icon--fallback-sozdanie-sayta-na-wordpress:after{
  inset:6px!important;
}
body .main .category--websites .category__icon--fallback-sozdanie-sayta-na-tilda:before{
  top:16px!important;
  left:16px!important;
  width:16px!important;
  height:16px!important;
  border-radius:5px!important;
  box-shadow:28px 0 0 rgba(31,92,255,.72),0 28px 0 rgba(31,92,255,.72),28px 28px 0 rgba(31,132,255,.28)!important;
}
body .main .category--websites .category__icon--fallback-sozdanie-sayta-na-tilda:after{
  top:19px!important;
  left:34px!important;
  width:8px!important;
  height:36px!important;
  border-radius:4px!important;
}
body .main .category--websites .category__icon-label{
  font-size:19px!important;
  font-weight:700!important;
}
@media (max-width:720px){
  body .main .category--websites .category__icon,
  body .main .category--support .category__icon{
    width:64px!important;
    height:64px!important;
    right:24px!important;
    bottom:24px!important;
  }
}
/* ActiveLab category icon size web/support 2026-05-22 END */
/* ActiveLab heading unification and eshop clean cards 2026-05-22 START */
body .main h1,
body .main h2,
body .main h3,
body .main h4,
body .main .title,
body .main .service__title,
body .main .category__name,
body .main .development__title,
body .main .bitrix__item-title,
body .main .steps__subheading,
body .main .faq__title,
body .main .al-section-depth h2,
body .main .al-section-depth strong,
body .main .al-eshop-aeo h2,
body .main .al-eshop-aeo article strong,
body .main .al-shop-upgrade-aeo h2,
body .main .al-shop-upgrade-aeo article strong,
body .main .al-bitrix24-aeo h2,
body .main .al-bitrix24-aeo article strong,
body .main .al-techseo h1,
body .main .al-techseo h2,
body .main .al-techseo h3,
body .main .al-techseo__card strong,
body .main .stacks__title{
  font-family:Gropled, sans-serif!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
}
body .main h1,
body .main .service__title,
body .main .offer__title{
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:-.035em!important;
}
body .main .category__name,
body .main .development__title,
body .main .bitrix__item-title,
body .main .steps__subheading,
body .main .al-section-depth strong,
body .main article strong{
  font-weight:700!important;
}
body .main .al-service-polish--eshop-options .development__item{
  background:linear-gradient(145deg,#fff 0%,#f8fbff 100%)!important;
}
body .main .al-service-polish--eshop-options .development__item:after{
  content:none!important;
  display:none!important;
}
body .main .al-service-polish--eshop-options .development__item-icon{
  right:28px!important;
  bottom:26px!important;
  width:92px!important;
  height:86px!important;
  background:transparent!important;
  filter:drop-shadow(0 12px 22px rgba(31,92,255,.14))!important;
}
body .main .al-service-polish--eshop-options .development__item-icon img{
  max-width:86px!important;
  max-height:78px!important;
}
@media (max-width:720px){
  body .main h1,
  body .main .service__title,
  body .main .offer__title{letter-spacing:-.03em!important;}
  body .main .al-service-polish--eshop-options .development__item-icon{width:78px!important;height:74px!important;right:22px!important;bottom:22px!important;}
  body .main .al-service-polish--eshop-options .development__item-icon img{max-width:72px!important;max-height:66px!important;}
}
/* ActiveLab heading unification and eshop clean cards 2026-05-22 END */
/* ActiveLab category icon size correction 2026-05-22 START */
body .main .category--websites .category__icon,
body .main .category--support .category__icon{
  width:58px!important;
  height:58px!important;
  right:24px!important;
  bottom:22px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 10px 18px rgba(31,92,255,.16))!important;
}
body .main .category--websites .category__icon--fallback{
  width:58px!important;
  height:58px!important;
  border-radius:16px!important;
}
body .main .category--websites .category__icon--fallback:before{
  inset:14px 11px!important;
  border-top-width:3px!important;
  border-bottom-width:3px!important;
}
body .main .category--websites .category__icon--fallback:after{
  right:11px!important;
  bottom:11px!important;
  width:13px!important;
  height:13px!important;
  border-right-width:3px!important;
  border-bottom-width:3px!important;
}
body .main .category--websites .category__icon--fallback-sozdanie-sayta-na-wordpress:before{
  inset:9px!important;
  border-width:2px!important;
}
body .main .category--websites .category__icon--fallback-sozdanie-sayta-na-wordpress:after{
  inset:5px!important;
}
body .main .category--websites .category__icon--fallback-sozdanie-sayta-na-tilda:before{
  top:12px!important;
  left:12px!important;
  width:12px!important;
  height:12px!important;
  border-radius:4px!important;
  box-shadow:21px 0 0 rgba(31,92,255,.72),0 21px 0 rgba(31,92,255,.72),21px 21px 0 rgba(31,132,255,.28)!important;
}
body .main .category--websites .category__icon--fallback-sozdanie-sayta-na-tilda:after{
  top:14px!important;
  left:26px!important;
  width:6px!important;
  height:28px!important;
  border-radius:3px!important;
}
body .main .category--websites .category__icon-label{
  font-size:16px!important;
  font-weight:700!important;
}
@media (max-width:720px){
  body .main .category--websites .category__icon,
  body .main .category--support .category__icon{
    width:56px!important;
    height:56px!important;
    right:22px!important;
    bottom:20px!important;
  }
}
/* ActiveLab category icon size correction 2026-05-22 END */
/* ActiveLab web/support category unified card pattern 2026-05-22 START */
body .main .category--websites .category__list,
body .main .category--support .category__list{
  counter-reset:al-category-card!important;
}
body .main .category--websites .category__item,
body .main .category--support .category__item{
  counter-increment:al-category-card!important;
  overflow:hidden!important;
}
body .main .category--websites .category__item:after,
body .main .category--support .category__item:after{
  content:"!important;
  position:absolute!important;
  right:-44px!important;
  bottom:-54px!important;
  width:178px!important;
  height:168px!important;
  border-radius:44px!important;
  background:linear-gradient(135deg,rgba(31,132,255,.16),rgba(31,132,255,.05))!important;
  transform:rotate(12deg)!important;
  pointer-events:none!important;
  z-index:0!important;
}
body .main .category--websites .category__item a,
body .main .category--support .category__item a{
  position:relative!important;
  z-index:1!important;
  min-height:260px!important;
  padding:36px 34px 34px!important;
}
body .main .category--websites .category__footer,
body .main .category--support .category__footer{
  display:block!important;
  min-height:0!important;
  height:0!important;
  margin:0!important;
}
body .main .category--websites .category__icon,
body .main .category--support .category__icon{
  display:none!important;
}
body .main .category--websites .category__item a:after,
body .main .category--support .category__item a:after{
  content:counter(al-category-card)!important;
  position:absolute!important;
  right:26px!important;
  bottom:24px!important;
  z-index:3!important;
  width:42px!important;
  height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(31,132,255,.24)!important;
  border-radius:14px!important;
  background:rgba(31,132,255,.13)!important;
  color:#155cff!important;
  font-family:FuturaPT,Manrope,sans-serif!important;
  font-size:18px!important;
  font-weight:700!important;
  line-height:1!important;
  box-shadow:none!important;
  transform:none!important;
}
@media (max-width:720px){
  body .main .category--websites .category__item a,
  body .main .category--support .category__item a{min-height:240px!important;padding:30px 24px 30px!important;}
  body .main .category--websites .category__item:after,
  body .main .category--support .category__item:after{right:-54px!important;bottom:-62px!important;width:170px!important;height:158px!important;}
  body .main .category--websites .category__item a:after,
  body .main .category--support .category__item a:after{right:22px!important;bottom:22px!important;width:38px!important;height:38px!important;font-size:16px!important;}
}
/* ActiveLab web/support category unified card pattern 2026-05-22 END */
/* ActiveLab support icon restore and scale 2026-05-22 START */
body .main .category--support .category__item a:after,
body .main .category--websites .category__item a:after{
  content:none!important;
  display:none!important;
}
body .main .category--support .category__footer,
body .main .category--websites .category__footer{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-end!important;
  min-height:72px!important;
  height:auto!important;
  margin-top:24px!important;
}
body .main .category--support .category__icon,
body .main .category--websites .category__icon{
  display:block!important;
  width:56px!important;
  height:56px!important;
  right:24px!important;
  bottom:22px!important;
  object-fit:contain!important;
  transform:none!important;
  transform-origin:center center!important;
}
body .main .category--support .category__item:nth-child(3) .category__icon{
  transform:scale(1.18)!important;
}
@media (max-width:720px){
  body .main .category--support .category__icon,
  body .main .category--websites .category__icon{width:56px!important;height:56px!important;right:22px!important;bottom:20px!important;}
  body .main .category--support .category__item:nth-child(3) .category__icon{transform:scale(1.18)!important;}
}
/* ActiveLab support icon restore and scale 2026-05-22 END */
/* ActiveLab support small icon origin align 2026-05-22 START */
body .main .category--support .category__item:nth-child(3) .category__icon{
  transform-origin:right bottom!important;
  transform:scale(1.18)!important;
}
/* ActiveLab support small icon origin align 2026-05-22 END */
/* ActiveLab category icon visual anchor final 2026-05-22 START */
body .main .category--websites .category__item a:after,
body .main .category--e-commerce .category__item a:after,
body .main .category--support .category__item a:after{
  content:none!important;
  display:none!important;
}
body .main .category--websites .category__footer,
body .main .category--e-commerce .category__footer,
body .main .category--support .category__footer{
  display:block!important;
  min-height:0!important;
  height:0!important;
  margin:0!important;
}
body .main .category--websites .category__icon,
body .main .category--e-commerce .category__icon,
body .main .category--support .category__icon{
  display:block!important;
  position:absolute!important;
  left:auto!important;
  top:auto!important;
  right:24px!important;
  bottom:22px!important;
  width:56px!important;
  height:56px!important;
  object-fit:contain!important;
  transform:none!important;
  transform-origin:right bottom!important;
  filter:drop-shadow(0 10px 18px rgba(31,92,255,.16))!important;
  z-index:2!important;
}
body .main .category--websites .category__icon--fallback-sozdanie-sayta-na-wordpress,
body .main .category--websites .category__icon--fallback-sozdanie-sayta-na-tilda{
  transform:scale(1.16)!important;
  transform-origin:right bottom!important;
}
body .main .category--support .category__item:nth-child(3) .category__icon{
  transform:scale(1.18)!important;
  transform-origin:right bottom!important;
}
@media (max-width:720px){
  body .main .category--websites .category__icon,
  body .main .category--e-commerce .category__icon,
  body .main .category--support .category__icon{
    right:22px!important;
    bottom:20px!important;
    width:56px!important;
    height:56px!important;
  }
}
/* ActiveLab category icon visual anchor final 2026-05-22 END */
/* ActiveLab ecommerce category icon no-overlap 2026-05-22 START */
body .main .category--e-commerce .category__item a{
  min-height:286px!important;
  padding:36px 34px 92px!important;
}
body .main .category--e-commerce .category__description{
  max-width:calc(100% - 92px)!important;
}
body .main .category--e-commerce .category__icon{
  display:block!important;
  position:absolute!important;
  left:auto!important;
  top:auto!important;
  right:28px!important;
  bottom:24px!important;
  width:54px!important;
  height:54px!important;
  object-fit:contain!important;
  transform:none!important;
  transform-origin:right bottom!important;
  z-index:2!important;
}
body .main .category--e-commerce .category__footer{
  display:block!important;
  min-height:0!important;
  height:0!important;
  margin:0!important;
}
@media (max-width:720px){
  body .main .category--e-commerce .category__item a{min-height:270px!important;padding:30px 24px 88px!important;}
  body .main .category--e-commerce .category__description{max-width:calc(100% - 76px)!important;}
  body .main .category--e-commerce .category__icon{right:22px!important;bottom:22px!important;width:52px!important;height:52px!important;}
}
/* ActiveLab ecommerce category icon no-overlap 2026-05-22 END */
/* ActiveLab ecommerce category footer anchor fix 2026-05-22 START */
body .main .category--e-commerce .category__item a{
  position:relative!important;
  min-height:286px!important;
  padding:36px 34px 104px!important;
}
body .main .category--e-commerce .category__description{
  max-width:calc(100% - 94px)!important;
}
body .main .category--e-commerce .category__footer{
  position:absolute!important;
  right:28px!important;
  bottom:24px!important;
  z-index:3!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-end!important;
  width:56px!important;
  height:56px!important;
  min-height:0!important;
  margin:0!important;
  pointer-events:none!important;
}
body .main .category--e-commerce .category__icon{
  position:static!important;
  display:block!important;
  width:54px!important;
  height:54px!important;
  max-width:54px!important;
  max-height:54px!important;
  object-fit:contain!important;
  transform:none!important;
}
@media (max-width:720px){
  body .main .category--e-commerce .category__item a{min-height:282px!important;padding:30px 24px 96px!important;}
  body .main .category--e-commerce .category__description{max-width:calc(100% - 78px)!important;}
  body .main .category--e-commerce .category__footer{right:22px!important;bottom:22px!important;width:54px!important;height:54px!important;}
  body .main .category--e-commerce .category__icon{width:52px!important;height:52px!important;max-width:52px!important;max-height:52px!important;}
}
/* ActiveLab ecommerce category footer anchor fix 2026-05-22 END */
/* ActiveLab web/support category footer anchor fix 2026-05-22 START */
body .main .category--websites .category__item a,
body .main .category--support .category__item a{
  position:relative!important;
  min-height:286px!important;
  padding:36px 34px 104px!important;
}
body .main .category--websites .category__description,
body .main .category--support .category__description{
  max-width:calc(100% - 94px)!important;
}
body .main .category--websites .category__footer,
body .main .category--support .category__footer{
  position:absolute!important;
  right:28px!important;
  bottom:24px!important;
  z-index:3!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-end!important;
  width:64px!important;
  height:64px!important;
  min-height:0!important;
  margin:0!important;
  pointer-events:none!important;
}
body .main .category--websites .category__icon,
body .main .category--support .category__icon{
  position:static!important;
  display:block!important;
  width:54px!important;
  height:54px!important;
  max-width:54px!important;
  max-height:54px!important;
  object-fit:contain!important;
  transform:none!important;
  transform-origin:right bottom!important;
}
body .main .category--websites .category__icon--fallback-sozdanie-sayta-na-wordpress,
body .main .category--websites .category__icon--fallback-sozdanie-sayta-na-tilda{
  transform:scale(1.14)!important;
  transform-origin:right bottom!important;
}
body .main .category--support .category__item:nth-child(3) .category__icon{
  transform:scale(1.16)!important;
  transform-origin:right bottom!important;
}
@media (max-width:720px){
  body .main .category--websites .category__item a,
  body .main .category--support .category__item a{min-height:282px!important;padding:30px 24px 96px!important;}
  body .main .category--websites .category__description,
  body .main .category--support .category__description{max-width:calc(100% - 78px)!important;}
  body .main .category--websites .category__footer,
  body .main .category--support .category__footer{right:22px!important;bottom:22px!important;width:62px!important;height:62px!important;}
  body .main .category--websites .category__icon,
  body .main .category--support .category__icon{width:52px!important;height:52px!important;max-width:52px!important;max-height:52px!important;}
}
/* ActiveLab web/support category footer anchor fix 2026-05-22 END */
/* ActiveLab websites fallback icon square fix 2026-05-22 START */
body .main .category--websites .category__icon--fallback{
  flex:0 0 52px!important;
  box-sizing:border-box!important;
  min-width:52px!important;
  width:52px!important;
  max-width:none!important;
  height:52px!important;
  min-height:52px!important;
  display:block!important;
}
body .main .category--websites .category__icon--fallback-sozdanie-sayta-na-wordpress,
body .main .category--websites .category__icon--fallback-sozdanie-sayta-na-tilda{
  transform:scale(1.08)!important;
  transform-origin:right bottom!important;
}
@media (max-width:720px){
  body .main .category--websites .category__icon--fallback{flex-basis:52px!important;min-width:52px!important;width:52px!important;height:52px!important;}
}
/* ActiveLab websites fallback icon square fix 2026-05-22 END */
/* ActiveLab service H1 Gropled final 2026-05-22 START */
html body .main h1.title.service__title,
html body .main .service h1.title.service__title,
html body .main .service__container h1.title.service__title{
  font-family:Gropled,sans-serif!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:-.035em!important;
  line-height:1.18!important;
}
/* ActiveLab service H1 Gropled final 2026-05-22 END */
/* ActiveLab order card typography fix 2026-05-22 START */
html body .main .order .order__title{
  font-family:Gropled,sans-serif!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
  line-height:1.18!important;
  color:#333!important;
}
html body .main .order .order__text,
html body .main .order .order__text p{
  font-family:FuturaPT,Manrope,Arial,sans-serif!important;
  font-weight:400!important;
  letter-spacing:0!important;
  line-height:1.55!important;
  color:#333!important;
}
@media (max-width:720px){
  html body .main .order .order__title{line-height:1.2!important;}
  html body .main .order .order__text,
  html body .main .order .order__text p{line-height:1.5!important;}
}
/* ActiveLab order card typography fix 2026-05-22 END */
/* ActiveLab service text typography cleanup 2026-05-22 START */
html body .main .breadcrumbs,
html body .main .breadcrumbs a,
html body .main .breadcrumbs p,
html body .main .breadcrumbs__item,
html body .main .service__description,
html body .main .order .order__description,
html body .main .steps .steps__subtitle,
html body .main .steps .steps__text,
html body .main .tell__text{
  font-family:FuturaPT,Manrope,Arial,sans-serif!important;
  letter-spacing:0!important;
}
html body .main .service__description,
html body .main .order .order__description,
html body .main .steps .steps__subtitle,
html body .main .steps .steps__text,
html body .main .tell__text{
  font-weight:400!important;
  line-height:1.55!important;
  color:#526179!important;
}
html body .main .breadcrumbs,
html body .main .breadcrumbs a,
html body .main .breadcrumbs p,
html body .main .breadcrumbs__item{
  font-weight:400!important;
  color:#8a94a6!important;
}
/* ActiveLab service text typography cleanup 2026-05-22 END */
/* ActiveLab FAQ typography cleanup 2026-05-22 START */
html body .main .faq .faq__question,
html body .main .faq .faq__request-title{
  font-family:Gropled,sans-serif!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
  line-height:1.2!important;
  color:#333!important;
}
html body .main .faq .faq__answer,
html body .main .faq .faq__answer p,
html body .main .faq .faq__request-text{
  font-family:FuturaPT,Manrope,Arial,sans-serif!important;
  font-weight:400!important;
  letter-spacing:0!important;
  line-height:1.55!important;
  color:#526179!important;
}
/* ActiveLab FAQ typography cleanup 2026-05-22 END */
/* ActiveLab eshop options blue corner 2026-05-22 START */
html body .main .al-service-polish--eshop-options .development__item{
  background:radial-gradient(circle at 92% 86%, rgba(31,132,255,.22), transparent 30%),linear-gradient(145deg,#fff 0%,#f7fbff 100%)!important;
}
/* ActiveLab eshop options blue corner 2026-05-22 END */

/* ActiveLab home services cards polish 2026-05-22 START */
html body .main .services .services__text,
html body .main .services .services__description{
  font-family:FuturaPT,Manrope,Arial,sans-serif!important;
  font-weight:400!important;
  line-height:1.45!important;
  color:#526179!important;
  letter-spacing:0!important;
}
html body .main .services .services__list{gap:26px!important;}
html body .main .services .services__item{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(31,132,255,.16)!important;
  border-radius:22px!important;
  background:radial-gradient(circle at 92% 86%, rgba(31,132,255,.22), transparent 30%),linear-gradient(145deg,#fff 0%,#f7fbff 100%)!important;
  box-shadow:0 18px 44px rgba(15,43,81,.08),inset 0 0 0 1px rgba(255,255,255,.78)!important;
}
html body .main .services .services__item:before{
  content:""!important;
  position:absolute!important;
  right:-34px!important;
  bottom:-42px!important;
  width:170px!important;
  height:150px!important;
  border-radius:42px!important;
  background:rgba(31,132,255,.10)!important;
  transform:rotate(12deg)!important;
  pointer-events:none!important;
}
html body .main .services .services__info{
  position:relative!important;
  z-index:2!important;
  font-family:FuturaPT,Manrope,Arial,sans-serif!important;
  color:#526179!important;
}
html body .main .services .services__info-name{
  font-family:Gropled,sans-serif!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
  line-height:1.12!important;
  color:#155cff!important;
}
html body .main .services .services__info-description{
  font-family:FuturaPT,Manrope,Arial,sans-serif!important;
  font-weight:400!important;
  line-height:1.45!important;
  color:#333!important;
  letter-spacing:0!important;
}
@media (max-width:720px){
  html body .main .services .services__list{gap:18px!important;}
  html body .main .services .services__item{border-radius:18px!important;}
  html body .main .services .services__info-name{line-height:1.15!important;}
}
/* ActiveLab home services cards polish 2026-05-22 END */

/* ActiveLab home services cards font size correction 2026-05-22 START */
html body .main .services .services__item{
  font-family:FuturaPT,Manrope,Arial,sans-serif!important;
  color:#333!important;
}
html body .main .services .services__info-name{
  font-size:28px!important;
}
html body .main .services .services__info-description{
  font-size:18px!important;
  line-height:1.5!important;
}
@media (max-width:720px){
  html body .main .services .services__info-name{font-size:25px!important;}
  html body .main .services .services__info-description{font-size:16px!important;}
}
/* ActiveLab home services cards font size correction 2026-05-22 END */

/* ActiveLab promo category title typography final 2026-05-23 START */
body .category.category--promo .category__name,
body .category.category--promo .category__item--techseo .category__name{
  font-family:Gropled, sans-serif!important;
  font-weight:700!important;
  color:#155cff!important;
  letter-spacing:-.02em!important;
}
@media (max-width:720px){
  body .category.category--promo .category__name,
  body .category.category--promo .category__item--techseo .category__name{
    font-family:Gropled, sans-serif!important;
    font-weight:700!important;
  }
}
/* ActiveLab promo category title typography final 2026-05-23 END */
/* ActiveLab section depth CTA 2026-05-23 START */
body .al-section-depth__cta{
  margin:34px 0 0!important;
}
body .al-section-depth__cta a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:52px!important;
  padding:0 30px!important;
  border-radius:8px!important;
  background:#2864ed!important;
  box-shadow:0 14px 28px rgba(40,100,237,.22)!important;
  color:#fff!important;
  font-family:FuturaPT,Manrope,Arial,sans-serif!important;
  font-size:17px!important;
  font-weight:600!important;
  line-height:1!important;
  text-decoration:none!important;
  transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease!important;
}
body .al-section-depth__cta a:hover{
  background:#155cff!important;
  box-shadow:0 18px 34px rgba(21,92,255,.28)!important;
  transform:translateY(-2px)!important;
}
@media (max-width:720px){
  body .al-section-depth__cta a{width:100%!important;min-height:50px!important;}
}
/* ActiveLab section depth CTA 2026-05-23 END */
/* ActiveLab home SEO text typography/content cleanup 2026-05-23 START */
body .seo,
body .seo .textbox,
body .seo .textbox p,
body .seo .textbox ol,
body .seo .textbox ul,
body .seo .textbox li{
  font-family:FuturaPT,Manrope,Arial,sans-serif!important;
}
body .seo .textbox{
  color:#333!important;
  font-size:18px!important;
  line-height:1.6!important;
}
body .seo .textbox h2,
body .seo .textbox h3{
  font-family:Gropled,sans-serif!important;
  color:#333!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
}
body .seo .textbox h2{
  max-width:1040px!important;
  margin:0!important;
  padding:30px 0 14px!important;
  font-size:34px!important;
  line-height:1.16!important;
}
body .seo .textbox h3{
  margin:14px 0 8px!important;
  padding:0!important;
  font-size:22px!important;
  line-height:1.25!important;
}
body .seo .textbox p{
  max-width:1040px!important;
  margin:0 0 14px!important;
  padding:0!important;
  color:#526179!important;
  font-size:19px!important;
  font-weight:400!important;
  line-height:1.58!important;
}
body .seo .textbox ol,
body .seo .textbox ul{
  max-width:1040px!important;
  margin:10px 0 22px!important;
  padding:0!important;
  font-size:18px!important;
  line-height:1.55!important;
}
body .seo .textbox ol li,
body .seo .textbox ul li{
  color:#333!important;
  margin:0 0 9px!important;
  padding-left:22px!important;
}
body .seo .textbox a{
  color:#155cff!important;
  border-bottom:1px dashed rgba(21,92,255,.35)!important;
  text-decoration:none!important;
}
@media (max-width:720px){
  body .seo .textbox h2{font-size:27px!important;line-height:1.18!important;}
  body .seo .textbox h3{font-size:20px!important;}
  body .seo .textbox p,
  body .seo .textbox ol,
  body .seo .textbox ul{font-size:16px!important;line-height:1.58!important;}
}
/* ActiveLab home SEO text typography/content cleanup 2026-05-23 END */
/* ActiveLab cases cards/detail typography fix 2026-05-23 */
.projects,
.projects__container,
.projects__content,
.projects__navigation,
.projects__list,
.portfolio_item-wrapper,
.portfolio-item,
.project,
.project__container,
.project__blocks,
.project__wrap {
    font-family: FuturaPT, Manrope, Arial, sans-serif;
}

.projects__list {
    align-items: stretch;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.portfolio_item-wrapper {
    display: block;
    min-width: 0;
    width: 100%;
}

.portfolio-item {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
}

.portfolio-item-img {
    align-items: center;
    display: flex;
    height: 270px;
    justify-content: center;
    width: 100%;
}

.portfolio-item-img img {
    display: block;
    height: auto;
    max-height: 245px;
    max-width: 100%;
    object-fit: contain;
}

.portfolio-item-wrap {
    box-sizing: border-box;
    flex: 1 1 auto;
    height: auto;
    min-height: 112px;
    width: 100%;
}

.portfolio-item-title,
.portfolio-item-title a {
    color: #FFFFFF;
    font-family: Gropled, FuturaPT, Manrope, Arial, sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -.01em;
    line-height: 1.16;
    margin: 0;
}

.portfolio-item-redirect,
.portfolio-item-redirect a,
.portfolio-item-redirect span {
    color: #E5E7EB;
    font-family: FuturaPT, Manrope, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.35;
}

.project__text,
.project__description,
.project__signature,
.project__link,
.project__link a,
.project p,
.project li {
    font-family: FuturaPT, Manrope, Arial, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.45;
}

.project__wrap .project__text,
.project__wrap p,
.project__wrap li {
    color: #E5E7EB;
    font-size: 16px;
    line-height: 1.42;
}

.project__subtitle,
.project__subtitle a,
.project__wrap h2,
.project__wrap h3 {
    font-family: Gropled, FuturaPT, Manrope, Arial, sans-serif;
    font-weight: 700;
    letter-spacing: -.01em;
}

@media screen and (min-width: 1025px) {
    .projects.projects-page .projects__list,
    .projects .projects__list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        justify-items: stretch;
    }
}

@media screen and (max-width: 1024px) {
    .portfolio-item-title,
    .portfolio-item-title a {
        font-size: 22px;
    }
}

@media screen and (max-width: 640px) {
    .portfolio-item {
        height: auto;
        min-height: 380px;
    }

    .portfolio-item-img {
        height: 220px;
    }

    .portfolio-item-title,
    .portfolio-item-title a {
        font-size: 20px;
    }
}
/* ActiveLab cases AOS layout stability 2026-05-23 */
.projects .portfolio_item-wrapper.aos-init,
.projects .portfolio_item-wrapper.aos-animate {
    opacity: 1 !important;
    transform: none !important;
}
/* ActiveLab cases card outer restore + inner links 2026-05-23 */
.portfolio-item {
    display: inline-block;
    height: 430px;
    padding: 30px 23px;
    width: 100%;
}

.portfolio-item-img {
    display: block;
    height: 270px;
    text-align: center;
}

.portfolio-item-wrap {
    display: flex;
    flex-direction: column;
    height: calc(100% - 270px);
    justify-content: space-between;
    min-height: 0;
}

.portfolio-item-title,
.portfolio-item-title a {
    font-family: Gropled, FuturaPT, Manrope, Arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.18;
}

.portfolio-item-redirect {
    margin-top: auto;
}

.portfolio-item-redirect span {
    align-items: center;
    display: inline-flex;
    font-family: FuturaPT, Manrope, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    gap: 10px;
    line-height: 1.25;
    text-transform: none;
}

.portfolio-item-redirect span:after {
    background: currentColor;
    border-radius: 999px;
    content: "";
    display: inline-block;
    height: 7px;
    margin-left: 0;
    opacity: .9;
    width: 7px;
}

.project__info {
    font-family: FuturaPT, Manrope, Arial, sans-serif;
}

.project__info .project__text {
    font-family: FuturaPT, Manrope, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.45;
    margin-bottom: 18px;
}

.project__info .project__link {
    align-items: center;
    border: 1px solid rgba(56,189,248,.34);
    border-radius: 999px;
    color: #38BDF8;
    display: inline-flex;
    font-family: FuturaPT, Manrope, Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    margin: 4px 0 20px;
    padding: 10px 14px;
    text-decoration: none;
}

.project__info .project__link:hover,
.project__info .project__link:focus {
    background: rgba(56,189,248,.1);
    color: #FFFFFF;
}

.project__info .project__get {
    font-family: FuturaPT, Manrope, Arial, sans-serif;
    font-weight: 700;
}

@media screen and (max-width: 640px) {
    .portfolio-item {
        height: auto;
        min-height: 390px;
    }

    .portfolio-item-img {
        height: 220px;
    }

    .portfolio-item-wrap {
        height: auto;
        min-height: 120px;
    }

    .portfolio-item-title,
    .portfolio-item-title a {
        font-size: 20px;
    }
}
/* ActiveLab case detail sidebar CTA typography 2026-05-23 */
.project__info .btn,
.project__info .btn span {
    align-items: center;
    display: inline-flex;
    font-family: FuturaPT, Manrope, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700;
    justify-content: center;
    line-height: 1.25;
    text-decoration: none;
}

.project__info .btn {
    margin-top: 4px;
    min-height: 48px;
    padding: 13px 28px;
}
/* ActiveLab case detail split screenshot/info layout 2026-05-23 */
.project__wrap {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.project__content.textbox {
    background: #FFFFFF;
    border: 1px solid rgba(37,99,235,.14);
    border-radius: 18px;
    box-shadow: 0 24px 70px rgba(15,23,42,.12);
    max-height: min(78vh, 860px);
    overflow: auto;
    position: relative;
    scrollbar-color: rgba(37,99,235,.42) rgba(226,232,240,.72);
    scrollbar-width: thin;
}

.project__content.textbox::-webkit-scrollbar {
    width: 8px;
}

.project__content.textbox::-webkit-scrollbar-thumb {
    background: rgba(37,99,235,.42);
    border-radius: 999px;
}

.project__content.textbox::-webkit-scrollbar-track {
    background: rgba(226,232,240,.72);
    border-radius: 999px;
}

.project__content.textbox img,
.project__content.textbox picture {
    margin: 0 auto;
}

.project__info {
    background: linear-gradient(180deg, #0B1220 0%, #111827 100%);
    border: 1px solid rgba(56,189,248,.16);
    border-radius: 18px;
    box-shadow: 0 22px 55px rgba(15,23,42,.18);
    box-sizing: border-box;
    padding: 26px 24px;
    width: 100%;
}

.project__info .project__subtitle {
    margin-bottom: 14px;
}

.project__info .project__text {
    margin-bottom: 22px;
}

@media screen and (max-width: 1024px) {
    .project__wrap {
        grid-gap: 18px;
    }

    .project__info {
        padding: 22px;
    }

    .project__content.textbox {
        max-height: 72vh;
    }
}

@media screen and (max-width: 640px) {
    .project__container {
        grid-gap: 18px;
    }

    .project__wrap {
        grid-gap: 14px;
    }

    .project__info {
        border-radius: 16px;
        padding: 18px;
    }

    .project__info .project__subtitle {
        font-size: 22px;
        line-height: 1.15;
        margin-bottom: 12px;
    }

    .project__info .project__text {
        font-size: 15px;
        line-height: 1.45;
        margin-bottom: 18px;
    }

    .project__content.textbox {
        border-radius: 14px;
        max-height: 66vh;
        -webkit-overflow-scrolling: touch;
    }
}
/* ActiveLab about steps typography and numbering 2026-05-23 */
.al-about,
.al-about p,
.al-about article,
.al-about .al-about__copy {
    font-family: FuturaPT, Manrope, Arial, sans-serif;
}

.al-about__steps article {
    min-height: 220px;
    overflow: hidden;
    padding: 34px 30px 30px;
    position: relative;
}

.al-about__steps article b {
    align-items: center;
    background: linear-gradient(135deg, #2563EB 0%, #60A5FA 100%);
    border: 1px solid rgba(255,255,255,.7);
    border-radius: 999px;
    box-shadow: 0 12px 28px rgba(37,99,235,.18);
    color: #FFFFFF;
    display: inline-flex;
    font-family: FuturaPT, Manrope, Arial, sans-serif;
    font-size: 13px;
    font-weight: 800;
    height: 38px;
    justify-content: center;
    letter-spacing: .08em;
    line-height: 1;
    position: absolute;
    right: 22px;
    top: 22px;
    width: 46px;
    z-index: 2;
}

.al-about__steps article strong {
    color: #2563EB;
    display: block;
    font-family: Gropled, FuturaPT, Manrope, Arial, sans-serif;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -.01em;
    line-height: 1.15;
    max-width: calc(100% - 72px);
    padding-top: 4px;
}

.al-about__steps article p {
    color: #334155;
    font-family: FuturaPT, Manrope, Arial, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 24px;
}

@media screen and (max-width: 1024px) {
    .al-about__steps article {
        min-height: 190px;
        padding: 28px 24px;
    }

    .al-about__steps article strong {
        font-size: 24px;
    }
}

@media screen and (max-width: 640px) {
    .al-about__steps article {
        min-height: 0;
        padding: 24px 22px 24px;
    }

    .al-about__steps article b {
        height: 34px;
        right: 18px;
        top: 18px;
        width: 42px;
    }

    .al-about__steps article strong {
        font-size: 22px;
        max-width: calc(100% - 62px);
    }

    .al-about__steps article p {
        font-size: 16px;
        line-height: 1.45;
        margin-top: 18px;
    }
}
/* ActiveLab case detail title typography 2026-05-23 */
.project__title,
.project h1,
.project__container h1 {
    font-family: Gropled, FuturaPT, Manrope, Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: clamp(42px, 4.1vw, 58px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.025em !important;
    color: #333333 !important;
    text-transform: uppercase !important;
    max-width: 1180px;
}
.project__container .breadcrumbs,
.project__container .breadcrumbs a,
.project__container .breadcrumbs span,
.project .breadcrumbs,
.project .breadcrumbs a,
.project .breadcrumbs span {
    font-family: FuturaPT, Manrope, Arial, sans-serif !important;
}
@media screen and (max-width: 1024px) {
    .project__title,
    .project h1,
    .project__container h1 {
        font-size: clamp(34px, 6vw, 48px) !important;
        line-height: 1.1 !important;
    }
}
@media screen and (max-width: 640px) {
    .project__title,
    .project h1,
    .project__container h1 {
        font-size: 30px !important;
        line-height: 1.12 !important;
        letter-spacing: -0.018em !important;
    }
}
/* ActiveLab case detail title Gropled casing fix 2026-05-23 */
body .main .project__container h1.project__title,
body .main .project h1.project__title,
html body .main h1.title.project__title {
    font-family: Gropled, FuturaPT, Manrope, Arial, sans-serif !important;
    font-weight: 700 !important;
    text-transform: none !important;
    font-size: clamp(42px, 4.1vw, 58px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.025em !important;
    color: #333333 !important;
}
@media screen and (max-width: 1024px) {
    body .main .project__container h1.project__title,
    body .main .project h1.project__title,
    html body .main h1.title.project__title {
        font-size: clamp(34px, 6vw, 48px) !important;
        line-height: 1.1 !important;
    }
}
@media screen and (max-width: 640px) {
    body .main .project__container h1.project__title,
    body .main .project h1.project__title,
    html body .main h1.title.project__title {
        font-size: 30px !important;
        line-height: 1.12 !important;
        letter-spacing: -0.018em !important;
    }
}
/* ActiveLab projects SEO content layer 2026-05-23 */
.al-projects-intro,.al-case-seo{font-family:FuturaPT,Manrope,Arial,sans-serif}.al-projects-intro{background:linear-gradient(145deg,#fff 0%,#f7fbff 100%);border:1px solid rgba(31,132,255,.16);border-radius:22px;box-shadow:0 18px 44px rgba(15,43,81,.08),inset 0 0 0 1px rgba(255,255,255,.78);margin:0 0 34px;padding:24px 28px}.al-projects-intro p,.al-case-seo__intro p{color:#334155;font-size:18px;line-height:1.55;margin:0;max-width:980px}.al-projects-intro__links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.al-projects-intro__links a{background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.18);border-radius:999px;color:#155cff;display:inline-flex;font-size:15px;font-weight:700;padding:10px 14px;text-decoration:none}.al-case-seo{margin-top:38px}.al-case-seo__intro h2{color:#0f172a;font-family:Gropled,FuturaPT,Manrope,Arial,sans-serif;font-size:34px;font-weight:700;line-height:1.12;margin:0 0 12px}@media screen and (max-width:640px){.al-projects-intro{border-radius:18px;margin-bottom:24px;padding:20px}.al-projects-intro p,.al-case-seo__intro p{font-size:16px}.al-case-seo__intro h2{font-size:26px}}

/* ActiveLab projects title Gropled fix 2026-05-23 */
.projects-page .projects__title{font-family:Gropled,FuturaPT,Manrope,Arial,sans-serif!important;font-weight:700!important;text-transform:none!important;letter-spacing:0!important;color:#0f172a}.projects-page .projects__lead{font-family:FuturaPT,Manrope,Arial,sans-serif;color:#334155;font-size:18px;line-height:1.6;max-width:980px}


/* ActiveLab projects H1 final Gropled override 2026-05-23 */
section.projects.projects-page h1.projects__title,
section.projects.projects-page .projects__container > h1.projects__title,
section.projects.projects-page .projects__container > h2.projects__title {
    font-family: Gropled, FuturaPT, Manrope, Arial, sans-serif !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    color: #0f172a !important;
}


/* ActiveLab cases content blocks 2026-05-23 */
.portfolio-item-description{display:block;margin-top:14px;color:rgba(255,255,255,.78);font-family:FuturaPT,Manrope,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.45;max-width:94%;}
.portfolio-item:hover .portfolio-item-description{color:rgba(255,255,255,.9);}
.al-case-seo{margin-top:34px;}
.al-case-seo__intro{padding:28px 32px;border:1px solid #cfe0ff;border-radius:22px;background:linear-gradient(135deg,#f8fbff 0%,#eef6ff 100%);box-shadow:0 18px 45px rgba(13,50,92,.08);}
.al-case-seo__intro h2,.al-case-seo__card h3{font-family:Gropled,FuturaPT,Manrope,Arial,sans-serif;color:#0d172b;font-weight:700;letter-spacing:0;text-transform:none;}
.al-case-seo__intro h2{margin:0 0 14px;font-size:34px;line-height:1.12;}
.al-case-seo__intro p{margin:0;color:#30405c;font-family:FuturaPT,Manrope,Arial,sans-serif;font-size:18px;line-height:1.65;}
.al-case-seo__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px;}
.al-case-seo__card{padding:24px;border:1px solid #d8e6fb;border-radius:20px;background:#fff;box-shadow:0 14px 34px rgba(13,50,92,.06);}
.al-case-seo__card h3{margin:0 0 14px;font-size:24px;line-height:1.15;}
.al-case-seo__card ul{margin:0;padding-left:20px;color:#35435b;font-family:FuturaPT,Manrope,Arial,sans-serif;font-size:16px;line-height:1.55;}
.al-case-seo__card li+li{margin-top:8px;}
@media (max-width: 991px){.al-case-seo__grid{grid-template-columns:1fr}.al-case-seo__intro{padding:24px}.al-case-seo__intro h2{font-size:28px}.portfolio-item-description{font-size:15px;}}
@media (max-width: 575px){.portfolio-item-description{margin-top:10px;font-size:14px;line-height:1.4}.al-case-seo{margin-top:24px}.al-case-seo__intro{padding:20px;border-radius:18px}.al-case-seo__intro h2{font-size:24px}.al-case-seo__intro p{font-size:16px}.al-case-seo__card{padding:20px}.al-case-seo__card h3{font-size:21px}}

/* ActiveLab case card description height fix 2026-05-23 */
.projects .portfolio-item {
    height: 520px;
}

.projects .portfolio-item-wrap {
    gap: 12px;
}

.projects .portfolio-item-description {
    margin-bottom: 10px;
}

@media screen and (max-width: 1200px) {
    .projects .portfolio-item {
        height: 540px;
    }
}

@media screen and (max-width: 767px) {
    .projects .portfolio-item {
        height: auto;
        min-height: 470px;
    }
}
/* ActiveLab case card description height fix 2026-05-23 END */

/* ActiveLab mobile company circle rotation fix */
.company-card__element {
    display: block;
    line-height: 0;
    overflow: visible;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}
.company-card__element img {
    display: block;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 1024px) {
    .company-card__element {
        bottom: 0;
        height: 148px;
        width: 148px;
    }
}

/* Mobile contact visibility patch 2026-05-25 */
.header-mobile__logo{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.header-mobile__phone{display:inline-flex;align-items:center;font-size:1.3rem;line-height:1.2;color:#8dc4ff;text-decoration:none}
.header-mobile__phone:hover,.header-mobile__phone:focus{color:#fff}
.footer__mobile-contacts{display:none}
@media screen and (max-width:640px){
  .footer__mobile-contacts{display:grid;gap:8px;margin-top:12px}
  .footer__mobile-contact{display:inline-flex;align-items:center;justify-content:center;font-size:1.45rem;line-height:1.35;color:#2563eb;text-decoration:none}
}

/* Mobile footer contacts visibility patch 2026-05-25 */
@media screen and (max-width:640px){
  .footer__blocks{display:grid!important}
  .footer__block:last-child{display:block!important}
  .footer__block:last-child .footer__links{display:grid!important}
  .footer__block:last-child .footer__label{margin-bottom:10px!important}
}

/* ActiveLab mobile offcanvas menu polish 2026-05-25 */
@media screen and (max-width:1024px){
  .fixed-menu{background:rgba(11,18,32,.72)!important;overflow-y:auto!important;padding:12px!important}
  .fixed-menu__box{display:flex!important;flex-direction:column!important;gap:22px!important;min-height:calc(100dvh - 24px)!important;padding:18px!important;background:linear-gradient(180deg,#0b1220 0%,#111827 100%)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:18px!important;box-shadow:0 24px 70px rgba(2,6,23,.36)!important}
  .fixed-menu__header{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;padding-bottom:14px!important;border-bottom:1px solid rgba(255,255,255,.1)!important}
  .fixed-menu__logo .header__logo-image{width:176px!important;height:auto!important}
  .fixed-menu__close{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;border-radius:50%!important;background:rgba(255,255,255,.96)!important;border:0!important;line-height:0!important}
  .fixed-menu__close svg{width:18px!important;height:18px!important}
  .fixed-menu__close svg path{fill:#0b1220!important}
  .fixed-menu__list{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:0!important;padding:0!important;list-style:none!important}
  .fixed-menu__list li{display:block!important;margin:0!important;padding:0!important;font-size:0!important;font-weight:600!important}
  .fixed-menu__list li a{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:52px!important;padding:0 16px!important;border:1px solid rgba(148,163,184,.18)!important;border-radius:14px!important;background:rgba(255,255,255,.055)!important;color:#f8fafc!important;font-family:FuturaPT,Manrope,Arial,sans-serif!important;font-size:1.72rem!important;font-weight:600!important;line-height:1.2!important;text-decoration:none!important;letter-spacing:0!important}
  .fixed-menu__list li a:after{content:'';width:9px;height:9px;border-top:2px solid #38bdf8;border-right:2px solid #38bdf8;transform:rotate(45deg);flex:0 0 9px;margin-left:14px}
  .fixed-menu__list li.current_page_item a,.fixed-menu__list li a:hover,.fixed-menu__list li a:focus{background:rgba(37,99,235,.18)!important;border-color:rgba(56,189,248,.36)!important;color:#fff!important;transform:none!important}
  .fixed-menu__links{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin-top:auto!important;padding:14px!important;border:1px solid rgba(56,189,248,.2)!important;border-radius:16px!important;background:rgba(15,23,42,.76)!important}
  .fixed-menu__links-title{display:block!important;color:#94a3b8!important;font-family:FuturaPT,Manrope,Arial,sans-serif!important;font-size:1.3rem!important;font-weight:600!important;line-height:1.2!important;letter-spacing:0!important}
  .fixed-menu__link{display:flex!important;align-items:center!important;color:#e5e7eb!important;font-family:FuturaPT,Manrope,Arial,sans-serif!important;font-size:1.55rem!important;font-weight:500!important;line-height:1.25!important;text-decoration:none!important;letter-spacing:0!important}
  .fixed-menu__link--phone{color:#fff!important;font-size:1.72rem!important;font-weight:700!important}
  .fixed-menu__link:hover,.fixed-menu__link:focus{color:#38bdf8!important;transform:none!important}
  .fixed-menu__cta{display:flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;margin-top:4px!important;padding:0 16px!important;border-radius:12px!important;background:#2563eb!important;color:#fff!important;font-family:FuturaPT,Manrope,Arial,sans-serif!important;font-size:1.55rem!important;font-weight:700!important;line-height:1.2!important;text-decoration:none!important;box-shadow:0 14px 34px rgba(37,99,235,.34)!important;letter-spacing:0!important}
  .fixed-menu__cta:hover,.fixed-menu__cta:focus{background:#1d4ed8!important;color:#fff!important;transform:none!important}
}
@media screen and (max-width:480px){
  .fixed-menu{padding:0!important}
  .fixed-menu__box{min-height:100dvh!important;border-radius:0!important;padding:18px 16px 20px!important}
  .fixed-menu__list li a{min-height:50px!important;font-size:1.62rem!important}
}
/* ActiveLab mobile header phone alignment 2026-05-25 */
@media screen and (max-width:1024px){
  .header-mobile__logo{align-items:flex-start!important;gap:5px!important}
  .header-mobile__phone{display:inline-flex!important;align-items:center!important;margin:0!important;padding-left:18px!important;background-image:url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22%2338bdf8%22%20d=%22M6.6%2010.8c1.4%202.8%203.8%205.2%206.6%206.6l2.2-2.2c.3-.3.7-.4%201.1-.3%201.2.4%202.5.6%203.8.6.6%200%201%20.4%201%201V20c0%20.6-.4%201-1%201C10.8%2021%203%2013.2%203%203.7c0-.6.4-1%201-1h3.5c.6%200%201%20.4%201%201%200%201.3.2%202.6.6%203.8.1.4%200%20.8-.3%201.1l-2.2%202.2z%22/%3E%3C/svg%3E)!important;background-repeat:no-repeat!important;background-position:0%2050%!important;background-size:13px%2013px!important;color:#e5e7eb!important;font-family:FuturaPT,Manrope,Arial,sans-serif!important;font-size:1.32rem!important;font-weight:600!important;line-height:1.2!important;letter-spacing:0!important;text-decoration:none!important;white-space:nowrap!important}
  .header-mobile__phone:hover,.header-mobile__phone:focus{color:#fff!important}
}

/* ActiveLab mobile header phone final alignment 2026-05-25 */
@media screen and (max-width:1024px){
  .header-mobile__logo{width:clamp(148px,42vw,190px)!important;align-items:center!important;gap:4px!important;flex:0 0 auto!important}
  .header-mobile .header__logo-image{display:block!important;width:100%!important;max-width:190px!important;height:auto!important;margin:0!important}
  .header-mobile__phone{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:100%!important;min-height:18px!important;margin:0!important;padding:0!important;background:none!important;background-image:none!important;color:#f8fafc!important;font-family:FuturaPT,Manrope,Arial,sans-serif!important;font-size:1.22rem!important;font-weight:700!important;line-height:1.15!important;letter-spacing:0!important;text-align:center!important;text-decoration:none!important;white-space:nowrap!important}
  .header-mobile__phone:before{content:""!important;display:block!important;width:11px!important;height:11px!important;flex:0 0 11px!important;background:#38bdf8!important;-webkit-mask:url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20d=%22M6.6%2010.8c1.4%202.8%203.8%205.2%206.6%206.6l2.2-2.2c.3-.3.7-.4%201.1-.3%201.2.4%202.5.6%203.8.6.6%200%201%20.4%201%201V20c0%20.6-.4%201-1%201C10.8%2021%203%2013.2%203%203.7c0-.6.4-1%201-1h3.5c.6%200%201%20.4%201%201%200%201.3.2%202.6.6%203.8.1.4%200%20.8-.3%201.1l-2.2%202.2z%22/%3E%3C/svg%3E) center/contain no-repeat!important;mask:url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20d=%22M6.6%2010.8c1.4%202.8%203.8%205.2%206.6%206.6l2.2-2.2c.3-.3.7-.4%201.1-.3%201.2.4%202.5.6%203.8.6.6%200%201%20.4%201%201V20c0%20.6-.4%201-1%201C10.8%2021%203%2013.2%203%203.7c0-.6.4-1%201-1h3.5c.6%200%201%20.4%201%201%200%201.3.2%202.6.6%203.8.1.4%200%20.8-.3%201.1l-2.2%202.2z%22/%3E%3C/svg%3E) center/contain no-repeat!important}
}
@media screen and (max-width:640px){
  .header-mobile__logo{width:152px!important}
  .header-mobile__phone{font-size:1.18rem!important}
}
/* ActiveLab mobile stack scroll stability 2026-06-04 */
.stacks__item{display:flex;align-items:center;justify-content:center;min-height:80px}
.stacks__item img{display:block;width:80px;height:80px;max-width:100%;object-fit:contain}
@media screen and (max-width:640px){.stacks__item{min-height:80px}.stacks__item img{width:80px;height:80px}}

/* End */
/* /local/templates/studio-v/assets/css/app.min.css?1780604075522201 */