:root {
    --color-black: #20292A;
    --color-pale-blue: #3388BB;
    --color-gray: #20292B;
    --color-pink: #DD009F;
    --color-blue: #0400DD;
    --color-purple: #AD00FE;
    --color-orange: #FF422A;
    --color-lightorange: #FF6915;
    --color-yellow: #FFD646;
    --color-chartreuse: #BBFF4C;
    --color-marine: #38BFA7;
    --color-red: #FF0000;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Black.eot');
    src: url('../fonts/Gilroy-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Black.woff') format('woff'),
        url('../fonts/Gilroy-Black.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-SemiBold.eot');
    src: url('../fonts/Gilroy-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-SemiBold.woff') format('woff'),
        url('../fonts/Gilroy-SemiBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Medium.eot');
    src: url('../fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Medium.woff') format('woff'),
        url('../fonts/Gilroy-Medium.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Regular.eot');
    src: url('../fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Regular.woff') format('woff'),
        url('../fonts/Gilroy-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Light.eot');
    src: url('../fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Light.woff') format('woff'),
        url('../fonts/Gilroy-Light.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

html,
body {
    margin: 0;
    padding: 0;
    font-family: 'Gilroy';
}

body {
    font-weight: 600;
    line-height: 1.2;
    color: #fff;
    overflow-x: hidden;
    font-size: 1.042vw;
	letter-spacing: 0.2px;
}

a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
     border-radius: 0;
}

section {
    position: relative;
}

input {
    font-family: 'Gilroy';
    font-weight: 600;
}

.body__wrapper {
    position: relative;
    overflow: hidden;
}

.button {
    border: 0.106vw solid;
    padding: 0.639vw 0.994vw;
    font-size: 1.042vw;
    width: fit-content;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.710vw;
}
.btn_ajax_load.button{
	color: #fff;
}

.button-light-pink {
    box-shadow: 0 0 1.558vw var(--color-pink);
    background: radial-gradient(100.71% 100.71% at 50% 50%, var(--color-pink) 0%, rgba(217, 217, 217, 0) 100%);
    animation: flicker 3s infinite;
}

.button-light-pink:hover {
    background: radial-gradient(100% 100% at 50% 50%, var(--color-pink) 40%, rgba(217, 217, 217, 0) 100%);
}

.button-light-blue {
    box-shadow: 0 0 1.558vw var(--color-blue);
    background: radial-gradient(100.71% 100.71% at 50% 50%, var(--color-blue) 0%, rgba(217, 217, 217, 0) 100%);
    animation: flicker 3s infinite;
}

.button-light-blue:hover {
    background: radial-gradient(100% 100% at 50% 50%, var(--color-blue) 40%, rgba(217, 217, 217, 0) 100%);
}

.button-light-chartreuse {
    box-shadow: 0 0 1.558vw var(--color-chartreuse);
    background: radial-gradient(100.71% 100.71% at 50% 50%, var(--color-chartreuse) 0%, rgba(217, 217, 217, 0) 100%);
    animation: flicker 3s infinite;
}

.button-light-chartreuse:hover {
    background: radial-gradient(100% 100% at 50% 50%, var(--color-chartreuse) 40%, rgba(217, 217, 217, 0) 100%);
}

.button-light-orange {
    box-shadow: 0 0 1.558vw var(--color-orange);
    background: radial-gradient(100.71% 100.71% at 50% 50%, var(--color-orange) 0%, rgba(217, 217, 217, 0) 100%);
    animation: flicker 3s infinite;
}

.button-light-orange:hover {
    background: radial-gradient(100% 100% at 50% 50%, var(--color-orange) 40%, rgba(217, 217, 217, 0) 100%);
}

.button-light-purple {
    box-shadow: 0 0 1.558vw var(--color-purple);
    background: radial-gradient(100.71% 100.71% at 50% 50%, var(--color-purple) 0%, rgba(217, 217, 217, 0) 100%);
    animation: flicker 3s infinite;
}

.button-light-purple:hover {
    background: radial-gradient(100% 100% at 50% 50%, var(--color-purple) 40%, rgba(217, 217, 217, 0) 100%);
}

.button-light-underline-purple {
    color: var(--color-purple);
    text-shadow: 0 0 0.138vw var(--color-purple);
    animation: flicker 3s infinite;
}

.button-light-underline-purple:hover {
    text-shadow: none;
}

.button-light-yellow {
    box-shadow: 0 0 1.558vw var(--color-yellow);
    background: radial-gradient(100.71% 100.71% at 50% 50%, var(--color-yellow) 0%, rgba(217, 217, 217, 0) 100%);
    animation: flicker 3s infinite;
}

.button-light-yellow:hover {
    background: radial-gradient(100% 100% at 50% 50%, var(--color-yellow) 40%, rgba(217, 217, 217, 0) 100%);
}

.button-light-marine {
    box-shadow: 0 0 1.558vw var(--color-marine);
    background: radial-gradient(100.71% 100.71% at 50% 50%, var(--color-marine) 0%, rgba(217, 217, 217, 0) 100%);
    animation: flicker 3s infinite;
}

.button-light-marine:hover {
    background: radial-gradient(100% 100% at 50% 50%, var(--color-marine) 40%, rgba(217, 217, 217, 0) 100%);
}

.button-light-lightorange {
    box-shadow: 0 0 1.558vw var(--color-lightorange);
    background: radial-gradient(100.71% 100.71% at 50% 50%, var(--color-lightorange) 0%, rgba(217, 217, 217, 0) 100%);
    animation: flicker 3s infinite;
}

.button-light-lightorange:hover {
    background: radial-gradient(100% 100% at 50% 50%, var(--color-lightorange) 40%, rgba(217, 217, 217, 0) 100%);
}

.bg-black {
    background-color: var(--color-black);
}

.text-outline {
    text-transform: uppercase;
    letter-spacing: 0.187vw;
    color: #fff0;
    -webkit-text-stroke: 0.031vw #fff;
    text-shadow: 0.248vw 0.248vw #fff;
}

.text-reverse {
    background: #fff;
    color: var(--color-black);
    padding: 5px 10px;
    width: fit-content;
}

.circle-one {
    position: absolute;
    background: radial-gradient(circle at 100%, var(--circle-bg-color), #fff0 42.594vw);
    width: 42.594vw;
    min-height: 127.071vw;
    right: 0;
    top: -39.044vw;
    z-index: -9;
}

.circle-two {
    position: absolute;
    background: radial-gradient(circle at 100%, var(--circle-bg-color), #fff0 42.594vw);
    width: 42.594vw;
    height: 127.071vw;
    right: -14.908vw;
    top: 7.099vw;
    z-index: -99;
}

.circle-three {
    position: absolute;
    background: radial-gradient(41.95% 48% at 43% 49.11%, var(--circle-bg-color) 0%, #fff0 100%);
    transform: rotate(30deg);
    width: 42.594vw;
    height: 56.082vw;
    left: -10%;
    top: 141.979vw;
    z-index: -99;
}

.circle-four {
    position: absolute;
    background: radial-gradient(circle at 100%, var(--circle-bg-color), #fff0 42.594vw);
    width: 42.594vw;
    height: 127.071vw;
    right: 0;
    top: 179.604vw;
    z-index: -99;
}

.circle-five {
    position: absolute;
    background: radial-gradient(circle at 100%, var(--circle-bg-color), #fff0 42.594vw);
    width: 42.594vw;
    height: 127.071vw;
    right: 0;
    top: 237.815vw;
    z-index: -99;
}

.circle-six {
    position: absolute;
    background: radial-gradient(circle at 100%, var(--circle-bg-color), #fff0 42.594vw);
    width: 42.594vw;
    height: 127.071vw;
    right: 0;
    top: 207.290vw;
    z-index: -99;
}

.circle-seven {
    position: absolute;
    background: radial-gradient(41.95% 48% at 43% 49.11%, var(--circle-bg-color) 0%, #fff0 100%);
    transform: rotate(30deg);
    width: 42.594vw;
    height: 56.082vw;
    left: -11.358vw;
    bottom: -29.106vw;
    z-index: -99;
}

.circle-four.kontekst {
    top: 165.406vw;
}

.circle-five.create-site {
    top: 188.122vw;
}

.circle-five.seo {
    top: 225.037vw;
}

.circle-bg-blue {
    --circle-bg-color: var(--color-blue);
}

.circle-bg-pale-blue {
    --circle-bg-color: var(--color-pale-blue);
}

.circle-bg-pink {
    --circle-bg-color: var(--color-pink);
}

.circle-bg-orange {
    --circle-bg-color: var(--color-orange);
}

.circle-bg-yellow {
    --circle-bg-color: var(--color-yellow);
}

.circle-bg-marine {
    --circle-bg-color: var(--color-marine);
}

.circle-bg-purple {
    --circle-bg-color: var(--color-purple);
}

.circle-bg-chartreuse {
    --circle-bg-color: var(--color-chartreuse);
}

.circle-bg-lightorange {
    --circle-bg-color: var(--color-lightorange);
}

.text-light-red {
    text-shadow: 0 0 0.710vw var(--color-red);
}

.text-light-orange {
    text-shadow: 0 0 0.710vw var(--color-orange);
}

.text-light-yellow {
    text-shadow: 0 0 0.710vw var(--color-yellow);
}

.text-light-pink {
    text-shadow: 0 0 0.710vw var(--color-pink);
}

.text-light-marine {
    text-shadow: 0 0 0.710vw var(--color-marine);
}

.text-light-purple {
    text-shadow: 0 0 0.710vw var(--color-purple);
}

.text-light-chartreuse {
    text-shadow: 0 0 0.710vw var(--color-chartreuse);
}

.text-light-lightorange {
    text-shadow: 0 0 0.710vw var(--color-lightorange);
}

.text-light-red {
    text-shadow: 0 0 0.710vw var(--color-red);
}

.text-light-blue {
    text-shadow: 0 0 20px var(--color-blue);
}

.text-ultra-light-pink {
    text-shadow: var(--color-pink) 2px 2px 20px,
        var(--color-pink) -2px -2px 20px,
        var(--color-pink) -2px 2px 20px,
        var(--color-pink) 2px -2px 20px;
}
.text-ultra-light-orange {
    text-shadow: var(--color-orange) 2px 2px 20px,
        var(--color-orange) -2px -2px 20px,
        var(--color-orange) -2px 2px 20px,
        var(--color-orange) 2px -2px 20px;
}
.text-ultra-light-marine {
    text-shadow: var(--color-marine) 2px 2px 20px,
        var(--color-marine) -2px -2px 20px,
        var(--color-marine) -2px 2px 20px,
        var(--color-marine) 2px -2px 20px;
}
.text-ultra-light-yellow {
    text-shadow: var(--color-yellow) 2px 2px 20px,
        var(--color-yellow) -2px -2px 20px,
        var(--color-yellow) -2px 2px 20px,
        var(--color-yellow) 2px -2px 20px;
}
.text-ultra-light-purple {
    text-shadow: var(--color-purple) 2px 2px 20px,
        var(--color-purple) -2px -2px 20px,
        var(--color-purple) -2px 2px 20px,
        var(--color-purple) 2px -2px 20px;
}
.text-ultra-light-blue {
    text-shadow: var(--color-blue) 2px 2px 20px,
        var(--color-blue) -2px -2px 20px,
        var(--color-blue) -2px 2px 20px,
        var(--color-blue) 2px -2px 20px;
}
.text-ultra-light-chartreuse {
    text-shadow: var(--color-chartreuse) 2px 2px 20px,
        var(--color-chartreuse) -2px -2px 20px,
        var(--color-chartreuse) -2px 2px 20px,
        var(--color-chartreuse) 2px -2px 20px;
}
.text-ultra-light-lightorange {
    text-shadow: var(--color-lightorange) 2px 2px 20px,
        var(--color-lightorange) -2px -2px 20px,
        var(--color-lightorange) -2px 2px 20px,
        var(--color-lightorange) 2px -2px 20px;
}

.color-orange {
    color: var(--color-orange);
}

.color-marine {
    color: var(--color-marine);
}

.color-purple {
    color: var(--color-purple);
}

.color-blue {
    color: var(--color-blue);
}

.color-pink {
    color: var(--color-pink);
}

.color-chartreuse {
    color: var(--color-chartreuse);
}

.color-lightorange {
    color: var(--color-lightorange);
}

.color-red {
    color: var(--color-red);
}

.color-yellow {
    color: var(--color-yellow);
}

.text-center {
    text-align: center !important;
}

.error {
    color: #c50303;
}

.icon-search {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjEiIGhlaWdodD0iNjIiIHZpZXdCb3g9IjAgMCA2MSA2MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQzLjM5NDQgMzguODEzMUg0MC42NTE3TDM5LjY3OTcgMzcuODYwNEM0My4wODE5IDMzLjgzNzkgNDUuMTMgMjguNjE1NyA0NS4xMyAyMi45MzVDNDUuMTMgMTAuMjY3OCAzNS4wMjc4IDAgMjIuNTY1MSAwQzEwLjEwMjIgMCAwIDEwLjI2NzggMCAyMi45MzVDMCAzNS42MDIxIDEwLjEwMjIgNDUuODY5OSAyMi41NjUxIDQ1Ljg2OTlDMjguMTU0MiA0NS44Njk5IDMzLjI5MjIgNDMuNzg4MiAzNy4yNDk3IDQwLjMzMDJMMzguMTg3IDQxLjMxODJWNDQuMTA1N0w1NS41NDQ3IDYxLjcxMjdMNjAuNzE3MyA1Ni40NTUyTDQzLjM5NDQgMzguODEzMVpNMjIuNTY1MSAzOC44MTMxQzEzLjkyMDkgMzguODEzMSA2Ljk0MzA5IDMxLjcyMDkgNi45NDMwOSAyMi45MzVDNi45NDMwOSAxNC4xNDkxIDEzLjkyMDkgNy4wNTY5MSAyMi41NjUxIDcuMDU2OTFDMzEuMjA5MiA3LjA1NjkxIDM4LjE4NyAxNC4xNDkxIDM4LjE4NyAyMi45MzVDMzguMTg3IDMxLjcyMDkgMzEuMjA5MiAzOC44MTMxIDIyLjU2NTEgMzguODEzMVoiIGZpbGw9IiNERDAwOUYiLz4KPC9zdmc+Cg==") center no-repeat;
    background-size: contain;
}

.icon-window {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjEiIGhlaWdodD0iNjEiIHZpZXdCb3g9IjAgMCA2MSA2MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUzLjc2NTkgMC41ODY5MTRINy4yMzM4NkMzLjU0NDUzIDAuNTg2OTE0IDAuNTg2NDI2IDMuNTc4MjYgMC41ODY0MjYgNy4yMzQzNVY1My43NjY0QzAuNTg2NDI2IDU3LjQyMjUgMy41NDQ1MyA2MC40MTM4IDcuMjMzODYgNjAuNDEzOEg1My43NjU5QzU3LjQyMiA2MC40MTM4IDYwLjQxMzMgNTcuNDIyNSA2MC40MTMzIDUzLjc2NjRWNy4yMzQzNUM2MC40MTMzIDMuNTc4MjYgNTcuNDU1MiAwLjU4NjkxNCA1My43NjU5IDAuNTg2OTE0Wk01My43NjU5IDUzLjc2NjRINy4yMzM4NlYxMy44ODE4SDUzLjc2NTlWNTMuNzY2NFpNNDcuMTE4NSAzMC41MDA0SDEzLjg4MTNWMjMuODUyOUg0Ny4xMTg1VjMwLjUwMDRaTTMzLjgyMzYgNDMuNzk1MkgxMy44ODEzVjM3LjE0NzhIMzMuODIzNlY0My43OTUyWiIgZmlsbD0iI0REMDA5RiIvPgo8L3N2Zz4K") center no-repeat;
    background-size: contain;
}

.icon-play {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI1LjYgNDYuNEw0NC44IDMyTDI1LjYgMTcuNlY0Ni40Wk0zMi4wMDAxIDBDMTQuMzM2IDAgMCAxNC4zMzYgMCAzMkMwIDQ5LjY2NCAxNC4zMzYgNjQgMzIuMDAwMSA2NEM0OS42NjQxIDY0IDY0IDQ5LjY2NCA2NCAzMkM2NCAxNC4zMzYgNDkuNjY0MSAwIDMyLjAwMDEgMFpNMzIuMDAwMSA1Ny41OTk5QzE3Ljg4OCA1Ny41OTk5IDYuNDAwMDEgNDYuMTEyIDYuNDAwMDEgMzJDNi40MDAwMSAxNy44ODgxIDE3Ljg4OCA2LjQgMzIuMDAwMSA2LjRDNDYuMTEyIDYuNCA1Ny42IDE3Ljg4ODEgNTcuNiAzMkM1Ny42IDQ2LjExMiA0Ni4xMTIgNTcuNTk5OSAzMi4wMDAxIDU3LjU5OTlaIiBmaWxsPSIjREQwMDlGIi8+Cjwvc3ZnPgo=") center no-repeat;
    background-size: contain;
}

.icon-shop {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjMiIGhlaWdodD0iNTciIHZpZXdCb3g9IjAgMCA2MyA1NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYyLjEwNjQgMTguOTUyMkw1OC44NjAyIDUuNTM1NzNDNTguMTggMi43NzI2MiA1NS43Njg1IDAuODY5MTQxIDUyLjk1NTIgMC44NjkxNDFIMTAuMDExOUM3LjIyOTM4IDAuODY5MTQxIDQuNzg2OTYgMi44MDMzMiA0LjEzNzcxIDUuNTM1NzNMMC44OTE0NTggMTguOTUyMkMwLjE0OTQ1OCAyMi4wODM3IDAuODI5NjI2IDI1LjI3NjUgMi44MDgyOSAyNy43OTQxQzMuMDU1NjIgMjguMTMxOCAzLjM5NTcxIDI4LjM3NzUgMy42NzM5NiAyOC42ODQ0VjQ5Ljk5MUMzLjY3Mzk2IDUzLjM2ODIgNi40NTY0NiA1Ni4xMzEzIDkuODU3MyA1Ni4xMzEzSDUzLjE0MDdDNTYuNTQxNCA1Ni4xMzEzIDU5LjMyMzkgNTMuMzY4MiA1OS4zMjM5IDQ5Ljk5MVYyOC42ODQ0QzU5LjYwMjIgMjguNDA4MiA1OS45NDIzIDI4LjEzMTggNjAuMTg5NyAyNy44MjQ5QzYyLjE2ODMgMjUuMzA3MyA2Mi44Nzk0IDIyLjA4MzcgNjIuMTA2NCAxOC45NTIyWk01Mi44NjI0IDYuOTc4NjhMNTYuMTA4NyAyMC4zOTUxQzU2LjQxNzggMjEuNjg0NiA1Ni4xMzk1IDIyLjk3NCA1NS4zMzU4IDIzLjk4NzFDNTQuOTAyOSAyNC41Mzk3IDUzLjk3NTQgMjUuNDMwMiA1Mi40Mjk1IDI1LjQzMDJDNTAuNTQzNyAyNS40MzAyIDQ4LjkwNSAyMy45MjU4IDQ4LjY4ODcgMjEuOTMwMkw0Ni44OTU0IDcuMDA5MzlMNTIuODYyNCA2Ljk3ODY4Wk0zNC41OTA3IDcuMDA5MzlINDAuNjUwM0w0Mi4zMTk4IDIwLjg4NjNDNDIuNDc0NCAyMi4wODM3IDQyLjEwMzQgMjMuMjgxIDQxLjI5OTUgMjQuMTcxM0M0MC42MTk0IDI0Ljk2OTYgMzkuNjMgMjUuNDMwMiAzOC4zNjI0IDI1LjQzMDJDMzYuMjkxIDI1LjQzMDIgMzQuNTkwNyAyMy42MTg3IDM0LjU5MDcgMjEuNDA4MlY3LjAwOTM5Wk0yMC42NDcyIDIwLjg4NjNMMjIuMzQ3NyA3LjAwOTM5SDI4LjQwNzNWMjEuNDA4MkMyOC40MDczIDIzLjYxODcgMjYuNzA2OSAyNS40MzAyIDI0LjQxOSAyNS40MzAyQzIzLjM2NzkgMjUuNDMwMiAyMi40MDk0IDI0Ljk2OTYgMjEuNjY3NCAyNC4xNzEzQzIwLjg5NDUgMjMuMjgxIDIwLjUyMzUgMjIuMDgzNyAyMC42NDcyIDIwLjg4NjNaTTYuODg5MjkgMjAuMzk1MUwxMC4wMTE5IDcuMDA5MzlIMTYuMTAyNEwxNC4zMDkzIDIxLjkzMDJDMTQuMDYxOSAyMy45MjU4IDEyLjQ1NDMgMjUuNDMwMiAxMC41Njg0IDI1LjQzMDJDOS4wNTM0NiAyNS40MzAyIDguMDk1MDQgMjQuNTM5NyA3LjY5MzEyIDIzLjk4NzFDNi44NTgzNyAyMy4wMDQ3IDYuNTgwMTIgMjEuNjg0NiA2Ljg4OTI5IDIwLjM5NTFaTTkuODU3MyA0OS45OTFWMzEuNDc4M0MxMC4xMDQ2IDMxLjUwOSAxMC4zMjEgMzEuNTcwMyAxMC41Njg0IDMxLjU3MDNDMTMuMjU4MSAzMS41NzAzIDE1LjcwMDUgMzAuNDY1MSAxNy40OTM3IDI4LjY1MzdDMTkuMzQ4NyAzMC40OTU4IDIxLjgyMiAzMS41NzAzIDI0LjYzNTQgMzEuNTcwM0MyNy4zMjUyIDMxLjU3MDMgMjkuNzM2NyAzMC40NjUxIDMxLjUyOTkgMjguNzE1MkMzMy4zNTM5IDMwLjQ2NTEgMzUuODI3MyAzMS41NzAzIDM4LjYwOTggMzEuNTcwM0M0MS4yMDY4IDMxLjU3MDMgNDMuNjgwMiAzMC40OTU4IDQ1LjUzNTIgMjguNjUzN0M0Ny4zMjgzIDMwLjQ2NTEgNDkuNzcwNyAzMS41NzAzIDUyLjQ2MDQgMzEuNTcwM0M1Mi43MDc4IDMxLjU3MDMgNTIuOTI0MiAzMS41MDkgNTMuMTcxNSAzMS40NzgzVjQ5Ljk5MUg5Ljg1NzNaIiBmaWxsPSIjREQwMDlGIi8+Cjwvc3ZnPgo=") center no-repeat;
    background-size: contain;
}

.icon-list {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTciIGhlaWdodD0iNTEiIHZpZXdCb3g9IjAgMCA1NyA1MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTU2LjY3OTkgMjIuNjk0NFYwLjI1MjkzSDM2Ljk1MzJWOC42Njg0N0gyMC4wNDQ3VjAuMjUyOTNIMC4zMTgxMTVWMjIuNjk0NEgyMC4wNDQ3VjE0LjI3ODlIMjUuNjgwOVY0Mi4zMzA2SDM2Ljk1MzJWNTAuNzQ2Mkg1Ni42Nzk5VjI4LjMwNDdIMzYuOTUzMlYzNi43MjAySDMxLjMxNzFWMTQuMjc4OUgzNi45NTMyVjIyLjY5NDRINTYuNjc5OVoiIGZpbGw9IiNERDAwOUYiLz4KPC9zdmc+Cg==") center no-repeat;
    background-size: contain;
}

.icon-head {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTUiIGhlaWdodD0iNjMiIHZpZXdCb3g9IjAgMCA1NSA2MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMwLjkxNjYgMC41MjUzOTFDMTguMTAwMiAwLjUyNTM5MSA3LjY3NjM1IDEwLjY0MzkgNy4wNjExNiAyMy4zNzhMMC40OTkyMTMgMzIuMTg4OEMtMC4zNTUyMSAzMy4zMjQ0IDAuNDY1MDI3IDM0Ljk0MiAxLjg2NjI4IDM0Ljk0Mkg2Ljk5MjgxVjQ1LjI2N0M2Ljk5MjgxIDQ5LjA1MjkgMTAuMDY4NyA1Mi4xNTA0IDEzLjgyODEgNTIuMTUwNEgxNy4yNDU5VjYyLjQ3NTRINDEuMTY5NlY0Ni4zNjg0QzQ5LjIzNTQgNDIuNTEzOCA1NC44NDAzIDM0LjIxOTMgNTQuODQwMyAyNC42MTdDNTQuODQwMyAxMS4yOTc4IDQ0LjE0MyAwLjUyNTM5MSAzMC45MTY2IDAuNTI1MzkxWk00MS4xNjk2IDI0LjYxN0M0MS4xNjk2IDI1LjA2NDQgNDEuMTM1NCAyNS41MTE5IDQxLjEwMTIgMjUuOTU5M0w0My45Mzc5IDI4LjIzMDhDNDQuMjExNCAyOC40MzczIDQ0LjI3OTggMjguNzgxNSA0NC4xMDg5IDI5LjA5MTNMNDEuMzc0NyAzMy44NzUxQzQxLjIwMzggMzQuMTg0OSA0MC44Mjc5IDM0LjI4ODEgNDAuNTU0NSAzNC4xODQ5TDM3LjE3MDkgMzIuODA4M0MzNi40NTMyIDMzLjM1ODkgMzUuNzAxNCAzMy44MDYzIDM0Ljg4MTIgMzQuMTUwNUwzNC4zMzQyIDM3Ljc5ODZDMzQuMyAzOC4xNDI4IDMzLjk5MjUgMzguMzgzOCAzMy42NTA4IDM4LjM4MzhIMjguMTgyNEMyNy44NDA3IDM4LjM4MzggMjcuNTY3MiAzOC4xNDI4IDI3LjQ5OSAzNy43OTg2TDI2Ljk4NjIgMzQuMTUwNUMyNi4xMzE4IDMzLjgwNjMgMjUuMzc5OSAzMy4zNTg5IDI0LjY2MjIgMzIuODA4M0wyMS4yNzg3IDM0LjE4NDlDMjAuOTcxMSAzNC4yODgxIDIwLjU5NTEgMzQuMTg0OSAyMC40MjQzIDMzLjg3NTFMMTcuNjkwMSAyOS4wOTEzQzE3LjUxOTIgMjguODE1OSAxNy41ODc2IDI4LjQzNzMgMTcuODYxMSAyOC4yMzA4TDIwLjczMTkgMjUuOTU5M0MyMC42OTc3IDI1LjUxMTkgMjAuNjYzNSAyNS4wNjQ0IDIwLjY2MzUgMjQuNjE3QzIwLjY2MzUgMjQuMTY5NyAyMC43MzE5IDIzLjY4NzggMjAuODAwMiAyMy4yNzQ4TDE3Ljg5NTIgMjEuMDAzM0MxNy42MjE4IDIwLjc5NjggMTcuNTUzNCAyMC40NTI2IDE3LjcyNDMgMjAuMTA4NEwyMC40NTg1IDE1LjM1OUMyMC42MjkzIDE1LjA0OTMgMjAuOTcxMSAxNC45NDYgMjEuMjc4NyAxNS4wNDkzTDI0LjY5NjQgMTYuNDI1OUMyNS4zNzk5IDE1LjkwOTYgMjYuMTY2IDE1LjQyNzggMjYuOTg2MiAxNS4wODM2TDI3LjQ5OSAxMS40MzU1QzI3LjU2NzIgMTEuMDkxMyAyNy44NDA3IDEwLjg1MDQgMjguMTgyNCAxMC44NTA0SDMzLjY1MDhDMzMuOTkyNSAxMC44NTA0IDM0LjI2NiAxMS4wOTEzIDM0LjMzNDIgMTEuNDM1NUwzNC44NDcgMTUuMDgzNkMzNS42NjcyIDE1LjQyNzggMzYuNDE5IDE1Ljg3NTMgMzcuMTM2OCAxNi40MjU5TDQwLjU1NDUgMTUuMDQ5M0M0MC44NjIgMTQuOTQ2IDQxLjIzOCAxNS4wNDkzIDQxLjM3NDcgMTUuMzU5TDQ0LjEwODkgMjAuMTA4NEM0NC4yNzk4IDIwLjQxODMgNDQuMjExNCAyMC43OTY4IDQzLjkzNzkgMjEuMDAzM0w0MS4wMzMgMjMuMjc0OEM0MS4xMzU0IDIzLjY4NzggNDEuMTY5NiAyNC4xMzUzIDQxLjE2OTYgMjQuNjE3WiIgZmlsbD0iI0REMDA5RiIvPgo8L3N2Zz4K") center no-repeat;
    background-size: contain;
}

.icon-phone {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCAzNiA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI4LjgzNTUgMC4yNTQ4ODNINi45MDQ0N0MzLjEyMTM3IDAuMjU0ODgzIDAuMDUxMDI1NCAzLjI4MzQ2IDAuMDUxMDI1NCA3LjAxNTA5VjUyLjk4NDVDMC4wNTEwMjU0IDU2LjcxNjEgMy4xMjEzNyA1OS43NDQ2IDYuOTA0NDcgNTkuNzQ0NkgyOC44MzU1QzMyLjYxODYgNTkuNzQ0NiAzNS42ODkgNTYuNzE2MSAzNS42ODkgNTIuOTg0NVY3LjAxNTA5QzM1LjY4OSAzLjI4MzQ2IDMyLjYxODYgMC4yNTQ4ODMgMjguODM1NSAwLjI1NDg4M1pNMTcuODcgNTcuMDQwNkMxNS41OTQ3IDU3LjA0MDYgMTMuNzU3OSA1NS4yMjg4IDEzLjc1NzkgNTIuOTg0NUMxMy43NTc5IDUwLjc0MDEgMTUuNTk0NyA0OC45MjgzIDE3Ljg3IDQ4LjkyODNDMjAuMTQ1MyA0OC45MjgzIDIxLjk4MjEgNTAuNzQwMSAyMS45ODIxIDUyLjk4NDVDMjEuOTgyMSA1NS4yMjg4IDIwLjE0NTMgNTcuMDQwNiAxNy44NyA1Ny4wNDA2Wk0zMC4yMDYyIDQ2LjIyNDNINS41MzM3OFY4LjM2NzEySDMwLjIwNjJWNDYuMjI0M1oiIGZpbGw9IiNERDAwOUYiLz4KPC9zdmc+Cg==") center no-repeat;
    background-size: contain;
}

.icon-picture {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjEiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MSA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ3LjQ4MyAzMi45NjU5VjUzLjcyMTdINi4yMzg3M1YxMi4yMTAxSDIxLjAyNzhDMjEuMTc1MSAxMC4xMDQ4IDIxLjY3NTkgOC4xMTgyMSAyMi40NDE5IDYuMjc5ODRINi4yMzg3M0MyLjk5ODEgNi4yNzk4NCAwLjM0NjY4IDguOTQ4NDUgMC4zNDY2OCAxMi4yMTAxVjUzLjcyMTdDMC4zNDY2OCA1Ni45ODMzIDIuOTk4MSA1OS42NTE5IDYuMjM4NzMgNTkuNjUxOUg0Ny40ODNDNTAuNzIzNyA1OS42NTE5IDUzLjM3NTEgNTYuOTgzMyA1My4zNzUxIDUzLjcyMTdWMzguODk2MUw0Ny40ODMgMzIuOTY1OVpNNDMuMDY0IDQ3Ljc5MTVIMTAuNjU3OEwxOC43NTkzIDM3LjMyNDdMMjQuNTMzNiA0NC4zMjI0TDMyLjYzNTEgMzMuODI1N0w0My4wNjQgNDcuNzkxNVpNNTEuMzEyOSAyMC43NzkzQzUyLjYwOTEgMTguNzAzOCA1My4zNzUxIDE2LjMwMTkgNTMuMzc1MSAxMy42OTI2QzUzLjM3NTEgNi4zMDk0OSA0Ny40NTM1IDAuMzQ5NjA5IDQwLjExOCAwLjM0OTYwOUMzMi43ODIzIDAuMzQ5NjA5IDI2Ljg2MDkgNi4zMDk0OSAyNi44NjA5IDEzLjY5MjZDMjYuODYwOSAyMS4wNzU4IDMyLjc4MjMgMjcuMDM1NyA0MC4wODg2IDI3LjAzNTdDNDIuNjgxIDI3LjAzNTcgNDUuMDk2NyAyNi4yNjQ3IDQ3LjEyOTUgMjQuOTYwMUw1Ni4zMjExIDM0LjIxMTJMNjAuNTA0NSAzMC4wMDA4TDUxLjMxMjkgMjAuNzc5M1pNNDAuMTE4IDIxLjEwNTRDMzYuMDUyNSAyMS4xMDU0IDMyLjc1MjkgMTcuNzg0NSAzMi43NTI5IDEzLjY5MjZDMzIuNzUyOSA5LjYwMDc3IDM2LjA1MjUgNi4yNzk4NCA0MC4xMTggNi4yNzk4NEM0NC4xODM1IDYuMjc5ODQgNDcuNDgzIDkuNjAwNzcgNDcuNDgzIDEzLjY5MjZDNDcuNDgzIDE3Ljc4NDUgNDQuMTgzNSAyMS4xMDU0IDQwLjExOCAyMS4xMDU0WiIgZmlsbD0iI0REMDA5RiIvPgo8L3N2Zz4K") center no-repeat;
    background-size: contain;
}

.icon-media {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEiIGhlaWdodD0iNTEiIHZpZXdCb3g9IjAgMCA1MSA1MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ1LjgzMTUgMTUuMzMzOUg1LjE2NDg3VjEwLjI1MDZINDUuODMxNVYxNS4zMzM5Wk00MC43NDgyIDAuMDgzOTg0NEgxMC4yNDgyVjUuMTY3MzNINDAuNzQ4MlYwLjA4Mzk4NDRaTTUwLjkxNDkgMjUuNTAwNlY0NS44MzM5QzUwLjkxNDkgNDguNjI5OSA0OC42Mjc0IDUwLjkxNzQgNDUuODMxNSA1MC45MTc0SDUuMTY0ODdDMi4zNjkwNCA1MC45MTc0IDAuMDgxNTQzIDQ4LjYyOTkgMC4wODE1NDMgNDUuODMzOVYyNS41MDA2QzAuMDgxNTQzIDIyLjcwNDkgMi4zNjkwNCAyMC40MTc0IDUuMTY0ODcgMjAuNDE3NEg0NS44MzE1QzQ4LjYyNzQgMjAuNDE3NCA1MC45MTQ5IDIyLjcwNDkgNTAuOTE0OSAyNS41MDA2Wk0zNS42NjQ5IDM1LjY2NzRMMjAuNDE0OSAyNy4zNTZWNDMuOTUzMUwzNS42NjQ5IDM1LjY2NzRaIiBmaWxsPSIjREQwMDlGIi8+Cjwvc3ZnPgo=") center no-repeat;
    background-size: contain;
}

.icon-pc {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjEiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA2MSA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUwLjgzMzQgMzguNDk5MUM1My42MjkxIDM4LjQ5OTEgNTUuODkxMyAzNi4yMDc1IDU1Ljg5MTMgMzMuNDA2NUw1NS45MTY2IDUuMzk3MjhDNTUuOTE2NiAyLjU5NjM1IDUzLjYyOTEgMC4zMDQ2ODggNTAuODMzNCAwLjMwNDY4OEgxMC4xNjY3QzcuMzcwODQgMC4zMDQ2ODggNS4wODMzNCAyLjU5NjM1IDUuMDgzMzQgNS4zOTcyOFYzMy40MDY1QzUuMDgzMzQgMzYuMjA3NSA3LjM3MDg0IDM4LjQ5OTEgMTAuMTY2NyAzOC40OTkxSDBDMCA0MS4zMDAxIDIuMjg3NSA0My41OTE4IDUuMDgzMzQgNDMuNTkxOEg1NS45MTY2QzU4LjcxMjUgNDMuNTkxOCA2MSA0MS4zMDAxIDYxIDM4LjQ5OTFINTAuODMzNFpNMTAuMTY2NyA1LjM5NzI4SDUwLjgzMzRWMzMuNDA2NUgxMC4xNjY3VjUuMzk3MjhaTTMwLjUgNDEuMDQ1NEMyOS4xMDIxIDQxLjA0NTQgMjcuOTU4NCAzOS44OTk2IDI3Ljk1ODQgMzguNDk5MUMyNy45NTg0IDM3LjA5ODcgMjkuMTAyMSAzNS45NTI5IDMwLjUgMzUuOTUyOUMzMS44OTc5IDM1Ljk1MjkgMzMuMDQxNiAzNy4wOTg3IDMzLjA0MTYgMzguNDk5MUMzMy4wNDE2IDM5Ljg5OTYgMzEuODk3OSA0MS4wNDU0IDMwLjUgNDEuMDQ1NFoiIGZpbGw9IiNERDAwOUYiLz4KPC9zdmc+Cg==") center no-repeat;
    background-size: contain;
}

.icon-users {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjEiIGhlaWdodD0iNjEiIHZpZXdCb3g9IjAgMCA2MSA2MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00Mi4zNjkxIDMzLjM3MTFDNDUuODUxMiAzNS43MzQ5IDQ4LjI5MTIgMzguOTM3NCA0OC4yOTEyIDQzLjIwNzRWNTAuODMyNEg1OC40NTc4VjQzLjIwNzRDNTguNDU3OCAzNy42NjY1IDQ5LjM4NDEgMzQuMzg3OCA0Mi4zNjkxIDMzLjM3MTFaIiBmaWxsPSIjREQwMDlGIi8+CjxwYXRoIGQ9Ik0yMi44NzIgMzAuNDk5NEMyOC40ODY4IDMwLjQ5OTQgMzMuMDM4NiAyNS45NDc2IDMzLjAzODYgMjAuMzMyNkMzMy4wMzg2IDE0LjcxNzggMjguNDg2OCAxMC4xNjYgMjIuODcyIDEwLjE2NkMxNy4yNTcxIDEwLjE2NiAxMi43MDUzIDE0LjcxNzggMTIuNzA1MyAyMC4zMzI2QzEyLjcwNTMgMjUuOTQ3NiAxNy4yNTcxIDMwLjQ5OTQgMjIuODcyIDMwLjQ5OTRaIiBmaWxsPSIjREQwMDlGIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzguMTI0NiAzMC40OTk0QzQzLjc0MTYgMzAuNDk5NCA0OC4yOTEyIDI1Ljk0OTggNDguMjkxMiAyMC4zMzI2QzQ4LjI5MTIgMTQuNzE1NiA0My43NDE2IDEwLjE2NiAzOC4xMjQ2IDEwLjE2NkMzNi45MyAxMC4xNjYgMzUuODExNiAxMC40MjAyIDM0Ljc0NDEgMTAuNzc2QzM2Ljg1MzcgMTMuMzkzOSAzOC4xMjQ2IDE2LjcyMzUgMzguMTI0NiAyMC4zMzI2QzM4LjEyNDYgMjMuOTQxOSAzNi44NTM3IDI3LjI3MTQgMzQuNzQ0MSAyOS44ODk0QzM1LjgxMTYgMzAuMjQ1MSAzNi45MyAzMC40OTk0IDM4LjEyNDYgMzAuNDk5NFoiIGZpbGw9IiNERDAwOUYiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMi44NzM2IDMzLjA0MUMxNi4wODczIDMzLjA0MSAyLjU0MDI4IDM2LjQ0NjkgMi41NDAyOCA0My4yMDc2VjUwLjgzMjZINDMuMjA3VjQzLjIwNzZDNDMuMjA3IDM2LjQ0NjkgMjkuNjU5OCAzMy4wNDEgMjIuODczNiAzMy4wNDFaIiBmaWxsPSIjREQwMDlGIi8+Cjwvc3ZnPgo=") center no-repeat;
    background-size: contain;
}

.icon-windows {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjIiIGhlaWdodD0iNjEiIHZpZXdCb3g9IjAgMCA2MiA2MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjY2NjcgMjAuMzM0SDE1LjVWMzguMTI1N0MxNS41IDQwLjkyMTUgMTcuODI1IDQzLjIwOSAyMC42NjY3IDQzLjIwOUg0My45MTY3VjM4LjEyNTdIMjAuNjY2N1YyMC4zMzRaIiBmaWxsPSIjREQwMDlGIi8+CjxwYXRoIGQ9Ik01MS42NjY2IDcuNjI1SDMwLjk5OTlDMjguMTU4MyA3LjYyNSAyNS44MzMzIDkuOTEyNSAyNS44MzMzIDEyLjcwODNWMjcuOTU4M0MyNS44MzMzIDMwLjc1NDIgMjguMTU4MyAzMy4wNDE3IDMwLjk5OTkgMzMuMDQxN0g1MS42NjY2QzU0LjUwODMgMzMuMDQxNyA1Ni44MzMzIDMwLjc1NDIgNTYuODMzMyAyNy45NTgzVjEyLjcwODNDNTYuODMzMyA5LjkxMjUgNTQuNTA4MyA3LjYyNSA1MS42NjY2IDcuNjI1Wk01MS42NjY2IDI3Ljk1ODNIMzAuOTk5OVYxNy43OTE3SDUxLjY2NjZWMjcuOTU4M1oiIGZpbGw9IiNERDAwOUYiLz4KPHBhdGggZD0iTTEwLjMzMzQgMzAuNUg1LjE2Njc1VjQ4LjI5MTdDNS4xNjY3NSA1MS4wODc1IDcuNDkxNzUgNTMuMzc1IDEwLjMzMzQgNTMuMzc1SDMzLjU4MzRWNDguMjkxN0gxMC4zMzM0VjMwLjVaIiBmaWxsPSIjREQwMDlGIi8+Cjwvc3ZnPgo=") center no-repeat;
    background-size: contain;
}

.icon-mappoint {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTIiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA1MiA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQzLjc1NiAwLjE2MDE1NlY4LjI5ODQ1SDUxLjg0MTRWMTMuNzI0SDQzLjc1NlYyMS44NjIzSDM4LjM2NTdWMTMuNzI0SDMwLjI4MDRWOC4yOTg0NUgzOC4zNjU3VjAuMTYwMTU2SDQzLjc1NlpNMjIuMTk1IDMyLjcxMzNDMjUuMTU5NiAzMi43MTMzIDI3LjU4NTMgMzAuMjcxOSAyNy41ODUzIDI3LjI4NzhDMjcuNTg1MyAyNC4zMDM4IDI1LjE1OTYgMjEuODYyMyAyMi4xOTUgMjEuODYyM0MxOS4yMzA0IDIxLjg2MjMgMTYuODA0OCAyNC4zMDM4IDE2LjgwNDggMjcuMjg3OEMxNi44MDQ4IDMwLjI3MTkgMTkuMjMwNCAzMi43MTMzIDIyLjE5NSAzMi43MTMzWk0yNy41ODUzIDYuMjYzODhWMTYuNDM2OEgzNS42NzA2VjI0LjU3NTFINDMuNTQwNEM0My42NzUxIDI1LjYzMzEgNDMuNzU2IDI2LjcxODEgNDMuNzU2IDI3LjgzMDRDNDMuNzU2IDM2LjgzNjggMzYuNTYwMSA0Ny40OTc5IDIyLjE5NSA1OS44NDFDNy44MzAwMSA0Ny40OTc5IDAuNjM0MDMzIDM2LjgzNjggMC42MzQwMzMgMjcuODMwNEMwLjYzNDAzMyAxNC4zMjA4IDEwLjg3NTUgNS41ODU2OSAyMi4xOTUgNS41ODU2OUMyNC4wMjc3IDUuNTg1NjkgMjUuODMzNCA1LjgwMjcxIDI3LjU4NTMgNi4yNjM4OFoiIGZpbGw9IiNERDAwOUYiLz4KPC9zdmc+Cg==") center no-repeat;
    background-size: contain;
}


@keyframes flicker {
    from {
        opacity: 1;
    }

    38% {
        opacity: 0.7;
    }

    6% {
        opacity: 0.8;
    }

    4%,
    10%,
    12%,
    17%,
    56%,
    70% {
        opacity: 0.85;
    }

    19%,
    37%,
    93% {
        opacity: 0.93;
    }

    8%,
    14%,
    39%,
    46%,
    72% {
        opacity: 0.91;
    }

    16%,
    26%,
    28%,
    44% {
        opacity: 0.98;
    }

    24%,
    42%,
    60%,
    68% {
        opacity: 1;
    }

    to {
        opacity: 1;
    }
}

.container-fluid {
    margin: 0 auto;
    width: 71vw;
}

.container {
    margin: 0 auto;
    width: 71vw;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 4.969vw;
    color: var(--color-black);
}

.swiper-slide img {
    display: block;
    /*min-width: 100%;*/
	width: 100%;
    height: 100%;
    object-fit: cover;
}

.accordion-menu .accordion-menu__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.accordion-menu .accordion-menu__header .icon-plus {
    position: relative;
    width: 1.479vw;
    height: 1.479vw;
}
.accordion-menu .accordion-menu__header .icon-plus:before {
    content: '';
    top: calc(50% - 0.1vw);
    left: 0;
    position: absolute;
    border-radius: 0.062vw;
    transition: 300ms;
    background: url(../img/icon-minus.svg);
    background-size: contain;
    width: 1.5vw;
}
.accordion-menu .accordion-menu__header .icon-plus:after {
    content: '';
    top: calc(50% - 0.7vw);
    left: 0;
    position: absolute;
    border-radius: 0.062vw;
    transition: 300ms;
    background: url(../img/icon-plus.svg);
    background-size: contain;
    width: 1.5vw;
    height: 1.5vw;
}

.accordion-menu .accordion-menu__body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 300ms ease-out;
}

.accordion-menu .accordion-menu__body .text {
    font-size: 1.0644vw;
}

.accordion-menu .accordion-menu__item.show .icon-plus:before {
    height: 0.2vw;
    transform: rotate(180deg);
}

.accordion-menu .accordion-menu__item.show .icon-plus:after {
    transform: rotate(180deg);
    height: 0vw;
}
.accordion-menu .accordion-menu__item .accordion-menu__body {
    margin-left: 3.6vw;
}
.accordion-menu .accordion-menu__item.show .accordion-menu__body {
    max-height: 191.132vw;
    margin-left: 3.6vw;
}

.button-group {
    display: flex;
    gap: 0.710vw;
    margin-top: 1.420vw;
    justify-content: flex-end;
}

.button-underline {
    border: none;
    text-decoration: underline;
    text-underline-offset: 5px;
}

.star {
    margin-left: 0.710vw;
    display: block;
    width: 1.775vw;
    height: 1.775vw;
    cursor: pointer;
    -webkit-mask: url(../img/union.svg) no-repeat 100% 100%;
    mask: url(../img/union.svg) no-repeat 100% 100%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.star-pink {
    background-color: var(--color-pink);
}

.star-purple {
    background-color: var(--color-purple);
}

.w-100 {
    width: 100% !important;
}

.w-75 {
    width: 75% !important;
}

.w-70 {
    width: 70% !important;
}

.w-65 {
    width: 65% !important;
}

.w-60 {
    width: 60% !important;
}

.w-55 {
    width: 55% !important;
}

.w-50 {
    width: 50% !important;
}

.w-45 {
    width: 45% !important;
}

.w-40 {
    width: 40% !important;
}

.w-35 {
    width: 35% !important;
}

.w-30 {
    width: 30% !important;
}

.w-25 {
    width: 25% !important;
}

.nowrap {
    flex-wrap: nowrap !important;
}

.m-0 {
    margin: 0 !important;
}

.text-bold {
    font-weight: 700;
}

.logo-white {
    display: block;
    background: url('../img/logo_white.png') center no-repeat;
    background-size: contain;
    width: 2.130vw;
    height: 1.846vw;
}

.social {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
	gap: 0.3vw;
}

.social .social__item {
    width: 1.491vw;
    height: 1.491vw;
    transition: 300ms;
}

.icon-viber {
    display: block;
    background: url('../img/logo_viber.png');
    background-size: contain;
}

.icon-wa {
    display: block;
    background: url('../img/logo_wa.png');
    background-size: contain;
}

.icon-tlg {
    display: block;
    background: url('../img/logo_tlg.png');
    background-size: contain;
}

.icon-viber-white:before{
    content: "";
    background-size: 1.091vw 1.091vw;
	background-image: url('../img/viber-white.png');
	background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 1.491vw;
    height: 1.491vw;
}

.icon-wa-white:before{
	content: "";
    background-size: 1.091vw 1.091vw;
	background-image: url('../img/whatsapp-white.png');
	background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 1.491vw;
    height: 1.491vw;
}

.icon-tlg-white:before{
	content: "";
    background-size: 1.091vw 1.091vw;
	background-image: url('../img/telegram-white.png');
	background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 1.491vw;
    height: 1.491vw;
}

.icon-viber-white.icon-gray,
.icon-wa-white.icon-gray,
.icon-tlg-white.icon-gray {
	background: #999999;
	border-radius: 100%;
}

.icon-viber-white.icon-gray:hover {
	background: #7360f2;
}

.icon-wa-white.icon-gray:hover {
	background: #25D366;
}

.icon-tlg-white.icon-gray:hover {
	background: #229ED9;
}

.icon-gray {
    filter: grayscale(1);
}

.social .social__item.icon-gray:hover {
    filter: grayscale(0);
}

.no-scroll {
    overflow-y: hidden;
}

blockquote {
    margin: 1.5em 1em;
    padding: 1.2em;
    font-size: 1.1em;
    line-height: inherit;
    position: relative;
    border-bottom: 5px solid rgb(255 255 255);
    font-style: italic;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
}

header .menu,
header .menu-sticky-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 5.253vw;
    pointer-events: all;
}
header .menu-sticky.show-left .menu-sticky-wrapper,
header .menu-sticky.show-left + .menu-left .menu-left__list,
header .menu-sticky.show-left .menu-left .social-horizontal {
    padding-right: 16px;
}

header .menu .head-elements,
header .menu-sticky .head-elements {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 44%;
}

header .menu .head-elements a:hover,
header .menu-sticky .head-elements a:hover {
    text-decoration: underline;
}

header .menu .menu-list,
header .menu-sticky .menu-list {
    list-style: none;
    display: flex;
    justify-content: space-between;
    gap: 2.153vw;
}

header .menu .menu-list .menu__item .menu__link,
header .menu-sticky .menu-list .menu__item .menu__link {
    font-size: 1.042vw;
    text-transform: lowercase;
    transition: 300ms;
}

header .menu .menu-list .menu__item .menu__link:hover,
header .menu-sticky .menu-list .menu__item .menu__link:hover {
    text-decoration: underline;
}

header .menu-list a.active,
header .menu-list-mobile a.active,
footer .menu .menu__link.active {
	text-decoration: underline;
}

header .menu-sticky {
    background: linear-gradient(var(--color-black) 15%, transparent);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    transition: transform .3s ease;
    height: 9.939vw;
    pointer-events: none;
}

header .menu-sticky.out {
    transform: translateY(-101%);
    box-shadow: none;
}

header .menu-sticky .burger {
    display: none;
    width: 1.789vw;
    height: 1.420vw;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
    padding: 1.207vw 0.355vw;
}

header .menu-sticky .burger.show {
    display: flex;
}

header .menu-sticky .burger span {
    height: 0.071vw;
    width: 100%;
    background: #fff;
    pointer-events: none;
}

header .menu-sticky.show-left {
    box-shadow: none;
    background: var(--color-black);
    height: auto;
    transform: none;
}

header .menu-sticky.show-left .menu-list {
    display: none;
}

header .menu-close {
    display: none;
    width: 2.130vw;
    height: 2.130vw;
    position: relative;
    cursor: pointer;
}

header .menu-sticky.show-left .menu-close {
    display: block;
}

header .menu-close:after,
header .menu-close:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #fff;
}

header .menu-close:before {
    transform: rotate(45deg);
}

header .menu-close:after {
    transform: rotate(-45deg);
}

header .menu-left {
    position: fixed;
    min-height: calc(100vh - 8.093vw);
    left: 0;
    right: 0;
    top: 5.253vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.710vw;
    background: var(--color-black);
    visibility: visible;
    padding: 1.420vw 2.840vw;
    box-shadow: 0px 0px 4.733vw 1.420vw var(--color-black);
    z-index: 998;
    transition: 0.3s;
}

header .menu-left.hide {
    visibility: hidden;
    transform: translateY(-105%);
}

header .menu-left .menu-left__list .menu-col {
    width: 33.3333%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

header .menu-left .menu-left__list .menu-col .menu-item-col {
    border-bottom: 0.142vw solid;
    padding: 1.5vw 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

header .menu-left .menu-left__list .menu-col .menu-item-col:first-child {
    border-top: 0.142vw solid;
}

/*header .menu-left .menu-left__list .menu-col .menu-item-col.kontekst,
header .menu-left .menu-left__list .menu-col .menu-item-col.marketplace {
    padding-bottom: 4.8vw;
}*/

header .menu-left .menu-list {
    list-style: none;
    padding: 0;
    text-transform: uppercase;
    margin: 1vw 0 0;
    height: 100%;
}

header .menu-left .menu-left__list .menu__item {
    line-height: 2.3;
}

header .menu-left .menu-left__list .menu__item a {
    text-transform: lowercase;
    font-weight: 600;
    letter-spacing: 0.035vw;
}

header .menu-left .menu-left__list .menu__item .menu__link:hover {
    text-decoration: underline;
}

header .menu-left .menu-item__name {
    font-size: 1.38vw;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-transform: uppercase;
}

header .menu-left .menu-item__name a {
    font-weight: 600;
}

header .menu-left .menu-item__name .arrow {
    content: '';
    background: url(../img/arrow-menu.svg);
    background-size: contain;
    width: 2.978vw;
    height: 2.978vw;
    display: block;
    pointer-events: none;
    margin: -0.568vw;
}

header .menu-left .menu-left__list {
    display: flex;
    justify-content: flex-start;
    gap: 2.679vw;
}

/*header .menu-left .menu-left__list .menu-item-col.kontekst .menu__item {
    line-height: 1.68;
}*/

/*header .menu-left .menu-left__list .menu-item-col.marketplace .menu__item {
    line-height: 1.68;
}*/

#breadcrumbs{
	margin-top: 2vw;
    margin-bottom: -3vw;
	font-size: 1.0644vw;
	font-weight: 300;
}

#breadcrumbs a{
	font-weight: 300;
}

#breadcrumbs .breadcrumb_last{
	color: var(--color-pale-blue);
}

#breadcrumbs.seo .breadcrumb_last{
	color: var(--color-orange);
}

#breadcrumbs.kontekst .breadcrumb_last{
	color: var(--color-pink);
}

#breadcrumbs.marketplace .breadcrumb_last{
	color: var(--color-marine);
}

#breadcrumbs.design .breadcrumb_last{
	color: var(--color-purple);
}

#breadcrumbs.target .breadcrumb_last{
	color: var(--color-yellow);
}

#breadcrumbs.aso .breadcrumb_last{
	color: var(--color-blue);
}

#breadcrumbs.ua .breadcrumb_last{
	color: var(--color-chartreuse);
}

#breadcrumbs.razrabotka .breadcrumb_last{
	color: var(--color-lightorange);
}

.social-horizontal {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    gap: 1.420vw;
}

.social-horizontal a {
    font-size: 1.042vw;
    opacity: 0.5;
    transition: 300ms;
}

.social-horizontal a:hover {
    opacity: 1;
}

.section-title,
#client-text h2,
#client-text h1 {
    font-weight: 700;
    font-size: 2.588vw;
    text-transform: uppercase;
    margin-bottom: 1.558vw;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 0.710vw;
}

#client-text h3,
#client-text h4,
#client-text h5{
	font-size: 1.7vw;
}

#client-text p:not(:has(img)),
#client-text ul{
	width: 75%;
}

#client-text.oferta p:not(:has(img)),
#client-text.oferta ul{
	width: 100%;
}

#client-text blockquote{
	border: 0.094vw solid #FFFFFF;
    margin: 0;
	padding: 1vw 1vw 1vw 6vw;
}

#client-text blockquote:before{
	content: '"';
    position: absolute;
	left: 0vw;
    top: -2vw;
    font-size: 10vw;
}

#client-text blockquote:after{
	content: none;
}

#client-text .row-cols{
	display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2vw;
}

#client-text .row-cols .col{
	border: 0.094vw solid #FFFFFF;
    padding: 1vw 3vw;
}

#client-text .row-cols .col p{
    width: 100%;
}

#client-text a {
    text-shadow: var(--color-pink) 2px 2px 20px, var(--color-pink) -2px -2px 20px, var(--color-pink) -2px 2px 20px, var(--color-pink) 2px -2px 20px;
    text-decoration: underline;
}

.section-subtitle {
    text-transform: uppercase;
    font-size: 1.917vw;
}

#main-banner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#main-banner.index {
    position: unset;
    margin-top: 1.5vw;
}

#main-banner .social-vertical,
#contacts-map .social-vertical {
    width: 1.065vw;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 1.562vw;
    font-size: 1.042vw;
    margin: 0;
    padding: 0;
}

#contacts-map .social-vertical {
    margin: 2vw 0 0 1vw;
}

#main-banner .social-vertical {
    position: absolute;
    left: 3vw;
}

#main-banner .social-vertical .social-vertical__item,
#contacts-map .social-vertical .social-vertical__item {
    text-transform: lowercase;
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-rl;
    writing-mode: tb-lr;
    transform: scale(-1, -1);
}
#main-banner .social-vertical .social-vertical__item .social-vertical__link,
#contacts-map .social-vertical .social-vertical__item .social-vertical__link {
    opacity: 0.5;
    transition: 300ms;
}
#main-banner .social-vertical .social-vertical__item .social-vertical__link:hover,
#contacts-map .social-vertical .social-vertical__item .social-vertical__link:hover {
    text-decoration: underline;
    opacity: 1;
}

#main-banner .main-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#main-banner .main-content .site-title {
    font-size: 7.809vw;
}

#main-banner .banner-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

#main-banner .banner-subtitle {
    font-size: 3.691vw;
    /*text-transform: uppercase;*/
    margin: 1.420vw 0 0.710vw;
}

#main-banner.case-detail .banner-subtitle {
    font-size: 4vw;
}

#main-banner .banner-title {
    font-size: 7.099vw;
    line-height: 0.9;
    font-weight: 700;
    transition: 300ms;
}
#main-banner .banner-title.create-site{
	margin-left: -0.5vw;
}
#main-banner h1 {
    margin: 0;
    display: flex;
    flex-direction: column;
    font-weight: 600;
}

#main-banner .main-content .button {
    margin-top: 1.491vw;
}

#main-banner .banner-content .button {
    margin-top: 1vw;
}

#main-banner .menu {
    list-style: none;
    font-size: 1.042vw;
    padding: 0;
    max-width: 22.698vw;
    width: 100%;
}

#main-banner .menu .menu__item {
    border-bottom: 0.062vw solid;
    position: relative;
}

#main-banner .menu .menu__item:first-child {
    border-top: 0.062vw solid;
}

#main-banner .menu .menu__item:after {
    content: '';
    background: url(../img/arrow-menu.svg);
    background-size: contain;
    width: 2.558vw;
    height: 2.558vw;
    display: block;
    position: absolute;
    right: -0.45vw;
    top: calc(50% - 1.279vw);
    pointer-events: none;
}

#main-banner .menu .menu__link {
    display: block;
    padding: 0.923vw 0;
    text-shadow: 0 0 0 transparent;
    transition: 300ms;
}

#main-banner .menu .menu__link:hover {
    text-shadow: inherit;
}

#main-banner.seo-google .banner-text {
    margin: 2.840vw 0;
    display: flex;
    flex-direction: column;
}

#main-banner.seo-lead .banner-text {
    margin: 1.775vw 0;
}

#main-banner.filter .banner-text {
    margin: 1.775vw 0;
}

#main-banner.seo-google .banner-text a {
    text-decoration: underline;
}

#main-banner.seo-google .banner-text a:hover {
    text-decoration: none;
}

#main-banner.seo-optimize .banner-title {
    margin: 1.420vw 0;
}

#main-banner.young-site .banner-content,
#main-banner.shop .banner-content {
    width: 87%;
}

#main-banner.young-site .banner-subtitle,
#main-banner.shop .banner-subtitle {
    font-size: 3.053vw;
}

#main-banner.young-site .banner-title {
    font-size: 6.389vw;
    line-height: 1;
}

#main-banner.shop .banner-title {
    font-size: 4.259vw;
}

#main-banner.filter .banner-title {
    font-size: 5.679vw;
}

#main-banner.young-site .banner-text {
    margin: 1.420vw 0;
}

#main-banner .banner-title.img-ozon {
    width: 100%;
    height: 4.969vw;
}

#main-banner.taxonomy h1 {
    width: 85%;
}

#main-banner.taxonomy .banner-title {
    line-height: 1;
    font-size: 4.599vw;	
}

#main-banner .banner-title.img-ozon .ozon-image {
    width: 23.427vw !important;
    left: 0;
}

.marquee-container {
    width: 102%;
    height: 13.648vw;
    overflow: hidden;
    position: relative;
    margin: 2.13vw -0.3vw;
}

.marquee-container .marquee {
    background: #fff;
    text-transform: uppercase;
    color: var(--color-black);
    font-size: 2.8vw;
    font-weight: bold;
    padding: 1.479vw 0;
    transform: rotate(-4.05deg);
    margin: 0 -1vw;
    position: absolute;
    left: 0;
    right: 0;
    top: 3.64vw;
}

.marquee-container.marquee-reverse .marquee {
    transform: rotate(4.05deg);
}

.webmart-people-container {
    width: 100%;
    height: 19vw;
    overflow: hidden;
    position: relative;
    margin-top: -10.432vw;
}

.webmart-people-container .marquee {
    background: #fff;
    text-transform: uppercase;
    color: var(--color-black);
    font-size: 2.8vw;
    padding: 1.479vw 0;
    transform: rotate(-7.05deg);
    margin: 0 -2vw;
    font-weight: bold;
    position: absolute;
    left: 0;
    right: 0;
    top: 6.3vw;
}

#main-banner.kontekst,
#main-banner.seo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 7.13vw;
    padding-bottom: 3.84vw;
}

#main-banner.kontekst .banner-content .banner-title:after,
#main-banner.seo .banner-content .banner-title:after,
#main-banner.design .banner-content .banner-title:after,
#main-banner.aso .banner-subtitle:after,
#main-banner.acq .banner-subtitle:after,
#main-banner.contacts .banner-subtitle:after,
#main-banner.about-us .banner-title:after {
    content: '';
    background: url(../img/arrow-menu.svg);
    background-size: contain;
    width: 8.657vw;
    height: 8.657vw;
    display: block;
    position: absolute;
    right: 0;
    top: -0.923vw;
    pointer-events: none;
}

#main-banner.shop {
    margin-top: 3.549vw;
    padding-bottom: 3.549vw;
}

#main-banner.seo-google.young-site .banner-content .banner-title:after {
    top: 4.046vw;
}

#main-banner.seo-google.shop .banner-content .banner-title:after {
    top: 4.259vw;
    width: 6.527vw;
    height: 6.527vw;
}

#main-banner.seo-optimize .banner-content .banner-title:after {
    content: '';
    width: 6.527vw;
    height: 6.527vw;
    right: 1.420vw;
    top: -3.762vw;
}

#main-banner.seo-google .banner-content .banner-title:after {
    top: 5.466vw;
}

#main-banner.kontekst-yandex .banner-content .banner-title:after {
    width: 5.818vw;
    height: 5.818vw;
    top: -4.472vw;
}

#main-banner.seo.wb .banner-content .banner-title:after {
    top: -1.420vw;
}

#main-banner.seo.wb.ozon .banner-content .banner-title:after {
    right: 0;
    top: -2.130vw;
}

#main-banner.wb,
#main-banner.ozon {
    margin-top: 10.648vw;
    padding-bottom: 2.840vw;
}

#main-banner.seo-optimize {
    margin-top: 7.809vw;
    margin-bottom: 4.969vw;
}

#main-banner.target-inst .banner-content .banner-title:after {
    top: 2.840vw;
    background: url(../img/icon-inst.svg) center no-repeat;
    background-size: contain;
    width: 5.324vw;
    height: 5.324vw;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

#main-banner.target-fb .banner-content .banner-title:after {
    background: url(../img/icon-fb.svg) center no-repeat;
    background-size: contain;
}

#main-banner.target-vk .banner-content .banner-title:after {
    background: url(../img/icon-vk.svg) center no-repeat;
    background-size: contain;
}

#main-banner.target-ok .banner-content .banner-title:after {
    background: url(../img/icon-ok.svg) center no-repeat;
    background-size: contain;
}

#main-banner.target-tt .banner-content .banner-title:after {
    background: url(../img/icon-tt.svg) center no-repeat;
    background-size: contain;
}

#main-banner.target-ok .banner-title {
    font-size: 4.969vw;
}

.advantages-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin: 2vw 0;
}

.advantages-list .advantages__item {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.advantages-list .advantages__number {
    font-size: 5.123vw;
    font-weight: 700;
}

.advantages__text {
    margin-left: 0.710vw;
    font-size: 1.1328vw;
    max-width: 15vw;
}

#main-banner.design {
    margin-top: 9.229vw;
}

#main-banner.design .banner-title {
    font-size: 7.241vw;
}

#main-banner.design.motion .banner-text{
    max-width: 70%;
}

#main-banner.design .banner-content .banner-title:after {
    top: -8.732vw;
}

#main-banner.kontekst .banner-text {
    margin: 4.969vw 0;
}

#main-banner.kontekst-yandex {
    margin-top: 9.259vw;
}

#main-banner.kontekst-audit {
    margin-top: 9.099vw;
}

#main-banner.kontekst-audit .banner-text {
    margin: 2.130vw 0;
}

#main-banner.kontekst-audit .button .text-bold {
    font-size: 1.065vw;
}

#main-banner.kontekst-google {
    margin-top: 9.679vw;
}

#main-banner.aso,
#main-banner.acq {
    margin-top: 6.84vw;
    margin-bottom: 6vw;
}

#main-banner.kontekst-reklama .banner-text {
    margin: 1.420vw 0;
}

#main-banner.kontekst-reklama .service__list {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(2, 4.259vw);
    gap: 0.710vw;
}

#main-banner.kontekst-reklama .service__item {
    background: #fff;
    padding: 1.420vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

#main-banner.kontekst-reklama .service__item img {
    width: 100%;
    object-fit: contain;
}

#main-banner.kontekst-reklama .banner-content>.button {
    margin-top: 2.130vw;
}

#main-banner.contacts,
#main-banner.about-us {
    margin-top: 4.969vw;
}

#main-banner.case-detail {
    margin-top: 6.259vw;
}

#case-image {
    margin-top: 1.420vw;
    margin-bottom: 3.549vw;
}

#case-image .case-image__img {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
}

#case-image .case-image__img img {
    min-width: 100%;
    min-height: 100%;
    max-width: unset;
    object-fit: cover;
}

#about-client {
    margin-bottom: 3.099vw;
    display: flex;
    flex-direction: column;
}

#about-client .about-client__title {
    width: 100%;
    height: fit-content;
    max-width: max-content;
}

#about-client .section-title,
#client-text .section-title,
#client-text h2,
#main-client .section-title{
	text-transform: initial;
}

#main-client {
    display: flex;
    gap: 3.549vw;
    margin-bottom: 4.259vw;
    justify-content: space-between;
}

#main-client #tasks {
    padding: 0;
}

#main-client #tasks .tasks__list {
    margin-left: 2.4vw;
    padding: 0;
    font-size: 1.042vw;
}

#main-client #tasks .tasks__list li:before {
    top: -0.3vw;
}

#main-client .date-table {
    display: flex;
    flex-direction: column;
	width: 15vw;
}

#main-client .date-table__tr {
    border: 0.106vw solid;
    padding: 1.420vw;
    display: flex;
    flex-direction: column;
    gap: 1.065vw;
}

#main-client .date-table__tr:last-child {
    border-top: none;
}

#main-client .date-table__row {
    display: flex;
    flex-direction: column;
    gap: 0.355vw;
}

#post_blog .blog_anchor_links {
	width: 75%;
    margin: 2vw auto 4vw;
}

#post_blog .blog_anchor_links p:hover {
	cursor: pointer;
	text-shadow: var(--color-pink) 2px 2px 20px, var(--color-pink) -2px -2px 20px, var(--color-pink) -2px 2px 20px, var(--color-pink) 2px -2px 20px;
}

#post_blog .blog_anchor_links .H2_anchor_link {
    text-decoration: underline;
    text-underline-offset: 5px;	
    font-size: 1.4vw;
    margin: 1vw 0;	
}

#post_blog .blog_anchor_links .H3_anchor_link {
    font-size: 1.2vw;
    margin: 1vw;	
}

#post_blog .blog_content,
#client-text,
#main-client {
	line-height: 1.5;
	font-weight: 500;
}

#post_blog .blog_content a {
	text-shadow: var(--color-pink) 2px 2px 20px, var(--color-pink) -2px -2px 20px, var(--color-pink) -2px 2px 20px, var(--color-pink) 2px -2px 20px;
	text-decoration: underline;
}

#post_blog .blog_content p:not(:has(img)),
#post_blog .blog_content blockquote,
#post_blog .blog_content h2,
#post_blog .blog_content h3,
#post_blog .blog_content h4,
#post_blog .blog_content h5,
#post_blog .blog_content h6,
#post_blog .blog_content ul,
#post_blog .blog_content ol {
	width: 75%;
	margin: 1em auto;
}

#post_blog .blog_content img {
    width: 100%;
    height: auto;
}

#post_blog .blog_content blockquote {
	width: calc(75% - 7vw);
}

#post_blog .blog_content blockquote p,
#post_blog .blog_content blockquote ul,
#post_blog .blog_content blockquote ol {
	width: 100%;
}

#post_blog .blog_content blockquote {
	border: 0.094vw solid #FFFFFF;
	padding: 1vw 1vw 1vw 6vw;
}

#post_blog .blog_content blockquote:before {
	content: '"';
    position: absolute;
	left: 0vw;
    top: -2vw;
    font-size: 10vw;
}

#post_blog .blog_content blockquote:after {
	content: none;
}

#post_blog .blog_content h2 {
	font-size: 2.7vw;
}

#post_blog .blog_content h3, h4, h5 {
	font-size: 1.7vw;
}

#sample-posts {
	margin: 5vw auto 0;
}

#sample-posts .section-title {
	font-size: 2vw;
    text-transform: none;
}

.date-table__row .text a {
    text-decoration: underline;
	text-underline-offset: 0.2vw;
}

#contacts-map {
    margin-top: 6.389vw;
    margin-bottom: 6.389vw;
    position: relative;
}

#contacts-map .contact-list {
    display: flex;
    gap: 3.549vw;
}

#contacts-map .contact-list .contact-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0;
}

#contacts-map .contact-list .contact-item .contact-item__title {
    font-weight: bold;
    font-size: 1.065vw;
}

#contacts-map .contact-info {
    margin: 1.420vw 0 0;
}

#contacts-map .contact-info p {
    margin: 0.355vw 0;
}

#contacts-map .contact-info .title {
    font-size: 1.278vw;
}

#contacts-map .social-vertical .social-vertical__item {
    transform: scale(1, 1);
}

#contacts-map .contact-map {
    display: flex;
    justify-content: space-between;
    margin: 2.42vw 0 0;
}

#contacts-map #map {
    width: 55%;
    height: 27.686vw;
}

#contacts-map .contact-map .form {
    position: absolute;
    background: #fff;
    width: 24.846vw;
    height: 36.205vw;
    right: 3.549vw;
    top: 0;
    color: #000;
    padding: 2.840vw 1.420vw;
}

.form-input .wpcf7-not-valid-tip {
	position: absolute;
}

#contacts-map .contact-map .form .form-title {
    font-size: 2.588vw;
    line-height: 1;
}

#contacts-map .contact-map .form .form-title p{
    font-size: 1.8vw;
    margin: 1vw 0;
}

#main-banner.vacancy-detail .banner-subtitle {
    text-transform: math-auto;
    max-width: 52.532vw;
}

#main-banner.vacancy-detail .banner-text {
    width: 60%;
    color: #D9D9D9;
}

#hr {
    margin-top: 3.549vw;
    margin-bottom: 3.549vw;
}

#hr .hr-block,
#vacancy-dop .vacancy-dop-block {
    border: 0.106vw solid #fff;
    padding: 2.130vw 4.259vw;
}

#hr .hr-block {
    padding: 2.130vw 6.259vw;
}

#hr .hr-block .hr-block__title {
    text-transform: math-auto;
	margin: 0;
    font-size: 2.8vw;	
}


#hr .hr-block .hr-block__title .mail{
    font-weight: 700;
}

#hr .hr-block .hr-block__subtitle {
    font-size: 1.278vw;
    margin: 1.5em 0 0 0;
}

#vacancy-dop {
    margin-top: 0.710vw;
    margin-bottom: 6.389vw;
}

#vacancy-dop .vacancy-info__list {
    margin-left: 0.710vw;
    margin-bottom: 0;
}

#about-tabs,
#about-tabs-reverse {
    margin-top: 4.969vw;
    margin-bottom: 4.969vw;
}

#about-tabs .section-title,
#about-tabs-reverse .section-title {
    text-transform: math-auto;
}

#about-tabs-reverse .section-title {
    text-align: right;
    display: block;
}

.about-tabs {
    margin-top: 1.420vw;
    display: flex;
    justify-content: space-between;
    gap: 4.259vw;
    align-items: flex-start;
}

#about-tabs-reverse .about-tabs {
    flex-direction: row-reverse;
}

.about-tabs>div {
    width: 100%;
}

.about-tabs .about-tabs__tab {
    border: 0.106vw solid #fff;
    padding: 0.710vw 1.420vw;
    text-align: center;
    margin-bottom: 0.710vw;
}

.about-tabs .about-tabs__tabs {
    display: grid;
    column-gap: 0.710vw;
}

.about-tabs .about-tabs__tab:nth-of-type(1) {
    grid-row: 1;
    grid-column: 1/8;
}

.about-tabs .about-tabs__tab:nth-of-type(2) {
    grid-row: 1;
    grid-column: 8/12;
}

.about-tabs .about-tabs__tab:nth-of-type(3) {
    grid-row: 2;
    grid-column: 1/5;
}

.about-tabs .about-tabs__tab:nth-of-type(4) {
    grid-row: 2;
    grid-column: 5/9;
}

.about-tabs .about-tabs__tab:nth-of-type(5) {
    grid-row: 2;
    grid-column: 9/12;
}

.about-tabs .about-tabs__tab:nth-of-type(6) {
    grid-row: 3;
    grid-column: 1/4;
}

.about-tabs .about-tabs__tab:nth-of-type(7) {
    grid-row: 3;
    grid-column: 4/12;
}

.about-tabs .about-tabs__tab:nth-of-type(8) {
    grid-row: 4;
    grid-column: 1/7;
    margin-top: 1.065vw;
}

.about-tabs .about-tabs__tab:nth-of-type(9) {
    grid-row: 4;
    grid-column: 7/12;
    margin-top: 1.065vw;
}

#about-tabs-reverse .about-tabs .about-tabs__tab:nth-of-type(1) {
    grid-row: 1;
    grid-column: 1/8;
}

#about-tabs-reverse .about-tabs .about-tabs__tab:nth-of-type(2) {
    grid-row: 1;
    grid-column: 8/12;
}

#about-tabs-reverse .about-tabs .about-tabs__tab:nth-of-type(3) {
    grid-row: 2;
    grid-column: 1/6;
}

#about-tabs-reverse .about-tabs .about-tabs__tab:nth-of-type(4) {
    grid-row: 2;
    grid-column: 6/12;
}

.about-tabs .about-tabs__tab {
    cursor: pointer;
    transition: 300ms;
}

.about-tabs .about-tabs__tab:hover,
.about-tabs__tab.active {
    background: #fff;
    color: var(--color-black);
}

.about-tabs__pane {
    position: relative;
    display: none;
}

.about-tabs__pane.active {
    display: block;
}

.about-tabs-custom_1,
.about-tabs-custom_9 {
    width: fit-content;
    margin: auto;
    position: relative;
}

.about-tabs-custom_1__text,
.about-tabs-custom_9__text {
    font-size: 10.648vw;
    line-height: 1;
    position: absolute;
    left: 0;
    font-weight: 700;
}

.about-tabs-custom_1__bg,
.about-tabs-custom_9__bg {
    font-size: 10.648vw;
    line-height: 1;
    text-shadow: none;
    filter: blur(0.710vw);
}

.about-tabs-custom_9__row {
    display: flex;
    align-items: flex-end;
    gap: 2.130vw;
}

.about-tabs-custom_9__row .about-tabs-custom_9 {
    margin: 0;
}

.about-tabs-custom_9__row .about-tabs-custom_9__subtitle {
    padding-bottom: 0.355vw;
    font-size: 1.633vw;
}

.about-tabs-custom_9__row .about-tabs-custom_9__bg,
.about-tabs-custom_9__row .about-tabs-custom_9__text {
    font-size: 5.679vw;
}

.about-tabs-custom_5,
.about-tabs-custom_6 {
    margin-top: -3.549vw;
}

.about-tabs__pane .title__text.bg,
.about-tabs__pane .about-tabs-custom_9__bg,
.about-tabs__pane .about-tabs-custom_1__bg {
	animation: flicker 3s infinite;
}

.tagcloud {
    margin: auto;
    width: 100% !important;
    height: 17.747vw !important;
}

.tagcloud--item {
    transition: 300ms;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.136vw;
    text-shadow: 0 0 0.213vw #000;
}

.tagcloud--item:hover {
    color: #FFF;
}

#blog .tabs,
#cases .tabs {
    margin-top: 6.389vw;
}

#blog .tabs__list,
#cases .tabs__list {
    flex-wrap: wrap;
    gap: 0.710vw;
    justify-content: center;
}

#blog .tabs__btn,
#cases .tabs__btn {
    white-space: nowrap;
    padding: 0.710vw 2.343vw;
}

.circle-three.blog {
    top: 21.297vw;
}

.circle-six.blog {
    top: 65.310vw;
}

.circle-five.blog {
    background: radial-gradient(circle at 0%, var(--circle-bg-color), #fff0 42.594vw);
    left: 0;
    top: 110.034vw;
}

#blog .button,
#cases .button {
    margin: 3vw 0 6vw auto;;
}

.img-ozon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.ozon-image {
    width: 14.198vw !important;
    height: 100%;
}


/* END CRITICAL */


#blog .post__list,
#sample-posts .post__list {
    display: flex;
    flex-wrap: wrap;
    gap: 1.420vw;
    list-style: none;
    padding: 0;
}

#blog .post__item,
#sample-posts .post__item {
    width: 32%;
    display: flex;
    flex-direction: column;
    gap: 0.710vw;
    background: var(--color-black);
    box-shadow: 0 0 0.710vw -0.142vw #000;
	position: relative;
}

#blog .post__item .post__link,
#sample-posts .post__item .post__link{
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}

#blog .post__img,
#sample-posts .post__img {
    width: 100%;
    aspect-ratio: 6/4;
    overflow: hidden;
    display: flex;
    height: 100%;
	position: relative;
}

#blog .post__img img,
#sample-posts .post__img img {
    max-width: unset;
    min-width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    right: 0;
}

#blog .post__content,
#sample-posts .post__content {
    padding: 0.710vw 1.420vw 1.420vw;
    display: flex;
    flex-direction: column;
    gap: 0.710vw;
    justify-content: space-between;
    height: 66%;
}

#blog .post__title,
#sample-posts .post__title {
    font-size: 1.420vw;
}

#blog .post__view,
#sample-posts .post__view {
    display: flex;
    align-items: center;
}

#blog .post__view:before,
#sample-posts .post__view:before {
    content: '';
    background: url(../img/eye.svg) center no-repeat;
    width: 1.420vw;
    height: 0.710vw;
    display: block;
    background-size: contain;
}

#blog .post__descr,
#sample-posts .post__descr {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#blog .post__bottom,
#sample-posts .post__bottom {
    display: flex;
    justify-content: space-between;
    gap: 0.710vw;
    font-size: 0.852vw;
}

#blog .post__info,
#sample-posts .post__info {
    display: flex;
    gap: 0.710vw;
}

#blog .post__btn:hover,
#sample-posts .post__btn:hover {
    text-decoration: underline;
}

#blog .post__item:first-child {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    max-height: 15.263vw;
}

#blog .post__item:first-child .post__title {
    font-size: 1.846vw;
}

#blog .post__item:first-child .post__content {
    height: unset;
    padding: 2.130vw 2.840vw;
    width: 100%;
}

#blog .post__item:first-child .post__descr {
    -webkit-line-clamp: 3;
}

#cases .post__list {
    display: flex;
    flex-wrap: wrap;
    gap: 1.420vw;
    list-style: none;
    padding: 0;
}

#cases .post__item {
    width: 31.7%;
    display: flex;
    flex-direction: column;
    gap: 0.710vw;
    background: var(--color-black);
    box-shadow: 0 0 0.710vw -0.142vw #000;
    max-height: 21.297vw;
    cursor: pointer;
    position: relative;
}

#cases .post__item a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cases .post__img {
    width: 100%;
    aspect-ratio: 6/4;
    overflow: hidden;
    display: flex;
    height: 100%;
	position: relative;
}

#cases .post__img img {
    max-width: unset;
    min-width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    right: 0;
}

#cases .post__item:first-child,
#cases .post__item:nth-child(5n+1) {
    width: 100%;
}

#cases .post__item:nth-child(2),
#cases .post__item:nth-child(5n+2) {
    width: calc(60% - 0.710vw);
}

#cases .post__item:nth-child(3),
#cases .post__item:nth-child(5n+3) {
    width: calc(40% - 0.710vw);
}

#cases .post__item:nth-child(4),
#cases .post__item:nth-child(5n+4) {
    width: calc(40% - 0.710vw);
}

#cases .post__item:nth-child(5),
#cases .post__item:nth-child(5n+5) {
    width: calc(60% - 0.710vw);
}

#client-text {
    margin-bottom: 4.969vw;
}


#client-text.oferta {
    margin-top: 4.969vw;
    margin-bottom: 4.969vw;
}

#client-text table{
    border-collapse: collapse; 
    width: 100%;
}

#client-text table td {
    width: 50%;
    border: 0.106vw solid;
    padding: 0.710vw 2.840vw;
}

#client-text table h3,
#client-text table .h3,
#client-text table .td__title {
    font-size: 2.588vw;
    margin: 0.710vw 0;
    display: block;
}

#client-text table .td__text {
    font-weight: 400;
}

#client-text h2,
#client-text .h2,
#client-text .client-text__title {
    margin-top: 4.259vw;
}

#client-text img {
    /*width: 100%;
	height: auto;*/
}

.about-tabs-custom_2 {
    width: fit-content;
    margin: -2.130vw auto 0;
}

.about-tabs-custom__circle {
    transform: rotate(89deg);
}

.about-tabs-custom__circle circle {
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 1s linear, stroke-dasharray 1s linear;
    stroke: var(--color-blue);
    stroke-width: 2.5vw;
    filter: drop-shadow(0 0 0.213vw rgba(4, 0, 221, .6));
}

.about-tabs-custom__circle .about-tabs-custom__bar {
    stroke: var(--color-pink);
    filter: drop-shadow(0 0 0.213vw rgba(221, 0, 159, .7));
}

.about-tabs-custom__circle .about-tabs-custom__bar_two {
    stroke: var(--color-marine);
    filter: drop-shadow(0 0 0.213vw rgba(221, 0, 159, .7));
}

.about-tabs-custom__circle.pets circle {
    stroke: var(--color-pink);
}

.about-tabs-custom__circle.pets .about-tabs-custom__bar {
    stroke: var(--color-pink);
    filter: drop-shadow(0 0 0.213vw var(--color-pink));
}

.about-tabs-custom__circle.pets .about-tabs-custom__bar_two {
    stroke: var(--color-purple);
    filter: drop-shadow(0 0 0.213vw var(--color-purple));
}

.about-tabs-custom__circle.pets .about-tabs-custom__bar_three {
    stroke: var(--color-blue);
    filter: drop-shadow(0 0 0.213vw var(--color-blue));
}

.about-tabs-custom__circle.pets .about-tabs-custom__bar_four {
    stroke: #4EF200;
    filter: drop-shadow(0 0 0.213vw #4EF200);
}

.about-tabs-custom__text-1 {
    position: absolute;
    margin-left: -2.840vw;
    display: flex;
    align-items: center;
    gap: 0.710vw;
    top: 0;
}

.about-tabs-custom__text-1 span {
    font-size: 2.840vw;
}

.about-tabs-custom__text-2 {
    position: absolute;
    bottom: 1.775vw;
    margin-left: 10.454vw;
    display: flex;
    align-items: center;
    gap: 0.710vw;
}

.about-tabs-custom__text-2 span {
    font-size: 2.485vw;
}

.pets .about-tabs-custom__text-1 {
    position: absolute;
	top: 2vw;
    margin-left: -7vw;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
	gap: 0;
}

.pets .about-tabs-custom__text-1 p {
    display: flex;
    align-items: baseline;
    gap: 0.71vw;
    margin: 0;	
}

.pets .about-tabs-custom__text-1 span {
    font-size: inherit;	
}

.pets .about-tabs-custom__text-1 span.num {
    font-size: 2.840vw;
}

.pets .about-tabs-custom__text-2 {
    position: absolute;
    top: -4vw;
    margin-left: 11vw;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
	gap: 0;
}

.pets .about-tabs-custom__text-2 p {
    display: flex;
    align-items: baseline;
    gap: 0.71vw;
    margin: 0;	
}

.pets .about-tabs-custom__text-2 span {
    font-size: inherit;	
}

.pets .about-tabs-custom__text-2 span.num {
    font-size: 2.485vw;
}

.pets .about-tabs-custom__text-3 {
    position: absolute;
    bottom: 4vw;
    margin-left: 19vw;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
	gap: 0;
}

.pets .about-tabs-custom__text-3 p {
    display: flex;
    align-items: baseline;
    gap: 0.71vw;
    margin: 0;	
	white-space: nowrap;
}

.pets .about-tabs-custom__text-3 span {
    font-size: inherit;	
}

.pets .about-tabs-custom__text-3 span.num {
    font-size: 2.485vw;
}

.pets .about-tabs-custom__text-4 {
    position: absolute;
    bottom: -4vw;
    margin-left: 9vw;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
	gap: 0;
}

.pets .about-tabs-custom__text-4 p {
    display: flex;
    align-items: baseline;
    gap: 0.71vw;
    margin: 0;	
}

.pets .about-tabs-custom__text-4 span {
    font-size: inherit;	
}

.pets .about-tabs-custom__text-4 span.num {
    font-size: 2.485vw;
}

.about-tabs__pane[data-tab-id="tab-5"] .about-tabs-custom__text-1 {
    top: 2.130vw;
    margin-left: -2.130vw;
	font-size: 1.5vw;
}

.about-tabs__pane[data-tab-id="tab-5"] .about-tabs-custom__text-2 {
    bottom: 1.71vw;
    margin-left: 9.744vw;
	font-size: 1.5vw;
}

.about-tabs-custom_3 {
    display: flex;
    flex-direction: column;
    gap: 0.710vw;
    width: fit-content;
    margin: -4.259vw auto 0;
}

.about-tabs-custom_3 .title {
    position: relative;
    height: 8.519vw;
    white-space: nowrap;
}

.about-tabs-custom_3 .title__text {
    font-size: 4.259vw;
    line-height: 1;
    position: absolute;
    text-transform: math-auto;
    font-weight: 700;
}

.about-tabs-custom_3 .title__text.bg {
    text-shadow: none;
    color: var(--color-marine);
    filter: blur(0.710vw);
}

.about-tabs-custom_3 .title__text>span {
    font-size: 9.229vw;
}

.about-tabs-custom_3 .subtitle {
    font-size: 1.775vw;
    text-transform: uppercase;
    text-shadow: 0 0 0.426vw var(--color-marine);
    font-weight: 700;
}

.about-tabs-custom_3 .text {
    font-size: 1.704vw;
    font-weight: normal;
    line-height: 0.9;
    text-shadow: 0 0.213vw 0.355vw #3e3e3e;
}

.about-tabs-custom_4 {
    margin-top: -6.389vw;
}

.about-tabs-custom_4__row .college {
    font-size: 1.704vw;
    line-height: 1;
    text-shadow: 0 0 0.284vw #000;
    font-weight: 700;
}

.about-tabs-custom_4__row {
    text-align: center;
}

.about-tabs-custom_4__row:nth-child(1) {
    margin-left: 16%;
}

.about-tabs-custom_4__row:nth-child(2) {
    margin-left: 0%;
}

.about-tabs-custom_4__row:nth-child(3) {
    margin-left: 7%;
}

.about-tabs-custom_4__row:nth-child(4) {
    margin-left: -8%;
}

.about-tabs-custom_4__row:nth-child(5) {
    margin-left: -6%;
}

.about-tabs-custom_4__row:nth-child(6) {
    margin-left: -22%;
}

.about-tabs-custom_4__row:nth-child(7) {
    margin-left: -3%;
}

.about-tabs-custom_4__row:nth-child(8) {
    margin-left: 0%;
}

.about-tabs-custom_4__row:nth-child(9) {
    margin-left: 7%;
}

.about-tabs-custom_4__row:nth-child(10) {
    margin-left: 0%;
}

.about-tabs-custom_4__row:nth-child(11) {
    margin-left: -27%;
}

.about-tabs-custom_4__row:nth-child(12) {
    margin-left: -15%;
}

.about-tabs-custom_9__subtitle {
    font-size: 2.130vw;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 700;
}

.about-tabs-custom_7 {
    display: flex;
    flex-direction: column;
    width: fit-content;
    margin: 0 auto;
}

.about-tabs-custom_7 .title {
    position: relative;
    height: 2.840vw;
    white-space: nowrap;
    width: 28.396vw;
    font-weight: 700;
}

.about-tabs-custom_7 .title__text {
    font-size: 2.556vw;
    line-height: 1;
    position: absolute;
    text-transform: uppercase;
    text-shadow: 0.177vw 0.177vw #fff;
}

.about-tabs-custom_7 .title__text.bg {
    text-shadow: none;
    color: var(--color-blue);
    filter: blur(0.710vw);
}

.about-tabs-custom_7 .subtitle {
    font-size: 1.775vw;
    text-transform: uppercase;
    text-shadow: 0 0 0.426vw var(--color-blue);
    text-align: right;
}

.about-tabs-custom_8 {
    display: flex;
    flex-direction: column;
    gap: 0.710vw;
    width: fit-content;
    margin: -1.420vw auto 0;
}

.about-tabs-custom_8 .title {
    position: relative;
    height: 9.229vw;
    white-space: nowrap;
}

.about-tabs-custom_8 .title__text {
    font-size: 9.229vw;
    line-height: 1;
    position: absolute;
    text-transform: math-auto;
    font-weight: 700;
}

.about-tabs-custom_8 .title__text.bg {
    text-shadow: none;
    color: var(--color-chartreuse);
    filter: blur(0.710vw);
}

.about-tabs-custom_8 .subtitle {
    font-size: 1.775vw;
    text-transform: uppercase;
    text-shadow: 0 0 0.426vw var(--color-chartreuse);
    line-height: 1;
    font-weight: 700;
}

.about-tabs-custom_10 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 16.328vw;
    column-gap: 2.130vw;
    margin: auto;
}

.about-tabs-custom_10__img {
    width: 7.099vw;
    height: 7.099vw;
    display: flex;
}

.about-tabs-custom_10__img img {
    min-width: 100%;
    min-height: 100%;
    max-width: unset;
    object-fit: contain;
	transition: all .3s ease;
}

.about-tabs-custom_10__img:hover img {
    transform: scale(1.5);
    position: relative;
    z-index: 1;
}

#result-work {
    margin-top: 3.549vw;
    margin-bottom: 3.549vw;
}

#result-work .advantages-list {
    gap: 0.710vw;
}

#result-work .advantages-list .advantages__item {
    width: calc(50% - 0.710vw);
}

#result-work .advantages-list .advantages__number {
    width: 7.099vw;
}

#result-work .advantages-list .advantages__text {
    font-size: 1.349vw;
}

#hr_contacts {
    margin-top: 3.679vw;
    margin-bottom: 2.840vw;
}

#hr_contacts .hr_contacts__title {
    text-transform: none;
}

#hr_contacts .contact-list {
    display: flex;
    gap: 3.549vw;
}

#hr_contacts .contact-list .contact-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0;
}

#hr_contacts .contact-list .contact-item .contact-item__title {
    font-weight: bold;
    font-size: 1.065vw;
}

#vacancy {
    margin-top: 3.679vw;
    margin-bottom: 2.840vw;
}

#vacancy .vacancy__list {
    display: flex;
    flex-direction: column;
    gap: 1.420vw;
}

#vacancy .vacancy__item {
    border: 0.106vw solid #fff;
    padding: 2.130vw;
    display: flex;
    flex-direction: column;
    gap: 0.710vw;
}

#vacancy .vacancy__name {
    font-size: 3.549vw;
}

#vacancy .vacancy__desc {
    font-size: 0.9372vw;
    color: #D9D9D9;
    width: 70%;
}

#vacancy .vacancy__item .button {
    margin-top: 0.710vw;
    align-self: end;
}

#vacancy-info {
    margin-top: 4.969vw;
    margin-bottom: 4.969vw;
}

.vacancy-info__title {
    text-transform: math-auto;
}

#vacancy-info .vacancy-info__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: 0.710vw;
}

#vacancy-info .vacancy-info__list .vacancy-info__item {
    width: 45%;
    padding-left: 2.414vw;
    font-size: 1.491vw;
}

#vacancy-info .vacancy-info__list li:before {
    left: 0;
}

#about-us {
    display: flex;
    padding-top: 4.675vw;
    padding-bottom: 3.646vw;
    justify-content: space-between;
}

#about-us .block.who-we {
    width: 60%;
    display: flex;
    flex-direction: column;
}

#about-us .block.qualification {
    width: 30%;
    display: flex;
    flex-direction: column;
}

#about-us .who-we .who-we__text {
    font-size: 1.0644vw;
    line-height: 1.5;
    margin-top: 0;
}

#about-us .who-we .button {
    margin-top: 1.122vw;
}

#about-us .qualification .qualification__title {
    font-size: 1.479vw;
    font-weight: 500;
}

#about-us .qualification .qualification__list {
    list-style: none;
    padding: 1.870vw 0 0;
}

#about-us .qualification .qualification__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#about-us .qualification .qualification__item .qualification__text {
    font-size: 0.9324vw;
    width: 100%;
    padding-right: 0.935vw;
	margin: 0;
}

#about-us .qualification .qualification__item .qualification__text a,
#about-us .qualification .qualification__item .qualification__text span {
    color: #B8E5FF;
}

#about-us .qualification .qualification__item .qualification__img {
    text-align: center;
    width: 100%;
    max-width: 4vw;
}

#about-us .qualification .qualification__item .qualification__img img {
    height: 100%;
    width: 100%;
    object-fit: contain;
	transition: all .3s ease;
}

#about-us .qualification .qualification__item:hover .qualification__img img {
    transform: scale(2.5);
    position: relative;
    z-index: 1;
}

#examination {
    padding-top: 2.845vw;
    padding-bottom: 2.845vw;
    display: flex;
    flex-direction: column;
}

#examination .examination__item-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1.479vw;
}

#examination .examination__item {
    width: 47%;
    padding-bottom: 0.623vw;
}

#examination.three .examination__item {
    width: 29%;
}

#examination .examination__item .item__head {
    border-bottom: 0.106vw solid;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 0.623vw;
}

#examination .examination__item .item__title {
    font-size: 1.479vw;
    font-weight: bold;
	text-align: right;
}

#examination.wb .examination__item .item__title {
    text-align: right;
}

#examination .examination__item .item__number {
    font-size: 6.389vw;
    color: #fff0;
    -webkit-text-stroke: 0.053vw #fff;
    line-height: 0.75;
    font-weight: 700;
}

#examination .examination__item .item__body {
    font-size: 1.0644vw;
    margin-top: 1.294vw;
}

#examination>.button {
    margin-top: 1.479vw;
    display: flex;
    align-self: end;
}

#services {
    padding-top: 2.545vw;
    display: flex;
    flex-direction: column;
}
#services .accordion-menu .accordion-menu__item:first-child{
	border-top: 0.094vw solid #FFFFFF;
}
#services .accordion-menu .accordion-menu__item {
    border: 0.094vw solid #FFFFFF;
	border-top: 0;
    padding: 0.935vw 1.420vw 0.935vw 2.805vw;
    margin-top: -0.094vw;
}

#services .accordion-menu .accordion-menu__header .text-outline {
    text-shadow: 0.057vw 0.057vw #fff;
    font-size: 1.558vw;
    text-transform: none;
    letter-spacing: 0.106vw;
}

#services .accordion-menu .accordion-menu__body .subtitle {
    font-size: 1.294vw;
    margin-top: 1.870vw;
}

#services .accordion-menu .accordion-menu__body .buttons {
    display: flex;
	flex-wrap: wrap;
    gap: 0.887vw;
    margin: 1.870vw 0 1.479vw;
}

#services .accordion-menu .accordion-menu__body .buttons .button {
    font-size: 0.935vw;
    border-width: 0.031vw;
}
#services .accordion-menu .accordion-menu__body .buttons .button:hover {
    background: #fff;
    color: var(--color-black);
}

#services .services__text {
    margin-bottom: 1.420vw;
}

#services.seo-optimize .services__text {
    font-size: 1.775vw;
    margin-top: 0;
}

#services>.button {
    margin-top: 1.479vw;
    display: flex;
    align-self: end;
}

#service-parts {
    display: flex;
    flex-direction: column;
	padding: 2.13vw 0;
}

#service-parts .service-parts__table {
    border: 0.106vw solid;
    display: flex;
}

#service-parts .service-parts__td {
    padding: 2.130vw 1.420vw;
    display: flex;
    flex-direction: column;
    position: relative;
}

#service-parts .service-parts__td:nth-child(1) {
    width: 32%;
}

#service-parts .service-parts__td:nth-child(2) {
    width: 30%;
}

#service-parts .service-parts__td:nth-child(3) {
	width: 28%;
}

#service-parts .service-parts__td-name {
    display: flex;
    align-items: flex-end;
    gap: 0.710vw;
}

#service-parts .service-parts__name {
    font-size: 1.420vw;
    margin-bottom: 0.355vw;
    line-height: 1;
}

#service-parts .service-parts__number {
    font-size: 5.123vw;
    line-height: 1;
    font-weight: 700;
}

#service-parts .service-parts__td-content {
    margin-top: 0.710vw;
}

#service-parts .service-parts__td:before,
#service-parts .service-parts__td:after {
    content: '';
    width: 0.106vw;
    height: 52.7%;
    position: absolute;
    background: #fff;
}

#service-parts .service-parts__td:before {
    top: -0.248vw;
    transform: rotate(-17deg);
    right: 1.420vw;
}

#service-parts .service-parts__td:after {
    bottom: -0.284vw;
    transform: rotate(17deg);
    right: 1.420vw;
}

#service-parts .service-parts__td:last-child:before,
#service-parts .service-parts__td:last-child:after {
    display: none;
}

.webmart-container {
    margin: 3.116vw 0;
}

.webmart-container .webmart-text {
    font-size: 6.233vw;
    -webkit-text-stroke: 0.031vw #fff;
    line-height: 0.75;
    color: #fff0;
    text-transform: uppercase;
    display: flex;
    font-weight: 700;
}

section#calculator {
    margin-top: 4.84vw;
    margin-bottom: 2.840vw;
}

#calculator .service {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(2, 2.130vw);
    gap: 0.710vw;
}

#calculator .service-button {
    background: none;
    border: 0.106vw solid #fff;
    padding: 0.355vw 0.710vw;
    font-size: 0.852vw;
    color: #fff;
    cursor: pointer;
    transition: 300ms;
}

#calculator .service-button:hover,
#calculator .service-button.active {
    background: #fff;
    color: var(--color-black);
}

#calculator .service-block {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
    //grid-template-rows: repeat(2, 2.130vw);
    gap: 0.710vw;
}

#calculator .service-item {
    display: none;
    background: #fff;
    color: var(--color-black);
    padding: 0.710vw 1.420vw;
    position: relative;
}

#calculator .service-item.active {
    display: block;
}

#calculator .service-item .service-item__close {
    color: #757575;
    font-size: 1.420vw;
    position: absolute;
    right: 0.497vw;
    top: 0.355vw;
    cursor: pointer;
    line-height: 0.8;
}

#calculator .service-item .service-name {
    font-size: 2.130vw;
}

#calculator .service-item .amount {
    border: 0;
    border-bottom: 1px solid;
    color: #757575;
    font-size: 0.852vw;
    width: 70%;
    margin-top: 0.710vw;
}

#calculator .service-item .amount:focus-visible {
    outline: none;
}

#calculator .service-item .service-amount {
    text-align: right;
    font-size: 1.136vw;
}

#calculator .service-item .service-condition {
    display: flex;
    flex-direction: column;
    color: #757575;
    font-size: 0.6816vw;
    line-height: 1;
    margin-top: 0.284vw;
}

#calculator .calculator-total {
    display: flex;
    justify-content: space-between;
    margin-top: 2.130vw;
}

#calculator .calculator-total__text {
    font-size: 1.775vw;
    color: var(--color-pink);
    font-weight: bold;
    text-shadow: 0 0 30px var(--color-black);
}


#qualification {
    display: flex;
    flex-direction: column;
    margin-top: 2.840vw;
    margin-bottom: 2.840vw;
}

#qualification .qualification__group {
    display: flex;
    align-items: center;
    gap: 2.840vw;
}

#qualification .qualification__item {
    display: flex;
    align-items: center;
    gap: 1.420vw;
    width: 100%;
}

#qualification .qualification__item:first-child {
    min-width: 32.655vw;
}

#qualification img.qualification__img {
    height: 5.111vw;
    object-fit: contain;
	transition: all .3s ease;
}

#qualification .qualification__text {
    width: 100%;
}

#qualification .qualification__text a {
    color: var(--color-pink);
}

#qualification .qualification__item:hover img.qualification__img {
    transform: scale(1.5);
    position: relative;
    z-index: 1;
}

.form-block {
    background: #fff;
    margin-top: 1.420vw;
    margin-bottom: 1.420vw;
    display: flex;
    flex-direction: column;
}

.form-block .form-title {
    font-size: 2.182vw;
    color: var(--color-black);
    font-weight: 700;
    padding: 2.805vw 2.805vw 0 2.805vw;
}

.form-block .form-subtitle {
    font-size: 1.382vw;
    color: var(--color-black);
    font-weight: 700;
    padding: 0.805vw 2.805vw 1.805vw 2.805vw;
}

/*.form-block .contact-form,*/
#contacts-map .contact-form,
.form-block form  {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.623vw;
    margin-top: 0.935vw;
    padding: 0 2.805vw 2.805vw 2.805vw;
}
.form-block input.form-control.wpcf7-not-valid, 
#contacts-map input.form-control.wpcf7-not-valid{
	border-bottom: 0.062vw solid #dc3232;
}
.wpcf7-spinner {
	display: none;
}
.wpcf7 form .wpcf7-response-output{
	display: flex;
    flex-direction: column;
    padding: 1.5vw 2vw;
    margin: 2vw auto 0;
    border: 0;
    color: black;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
	font-size: 1.5vw;
}
.wpcf7 form.sent .wpcf7-response-output {
	background: #5EC674;
	color: #FFF;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output{
	display: none;
}
/*.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	background: #E8A4A4;
}

.wpcf7 form.spam .wpcf7-response-output {
	background: #FAC0A3;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	background: #F3DB9A;
}*/
/*.wpcf7 form.sent .wpcf7-response-output:before{
	content: '';
    background: url(../img/Emoji-success.gif);
    background-size: contain;
    width: 7vw;
    height: 7vw;
}*/
/*.wpcf7 form.failed .wpcf7-response-output:before,
.wpcf7 form.aborted .wpcf7-response-output:before,
.wpcf7 form.spam .wpcf7-response-output:before,
.wpcf7 form.invalid .wpcf7-response-output:before,
.wpcf7 form.unaccepted .wpcf7-response-output:before,
.wpcf7 form.payment-required .wpcf7-response-output:before{
	content: '';
    background: url(../img/Emoji-error.gif);
    background-size: contain;
    width: 7vw;
    height: 7vw;
}*/

#contacts-map .contact-form {
    padding: 0;
}

.form-block .form-control,
#contacts-map .form-control {
    font-size: 1.0644vw;
    padding: 0.623vw;
    border: none;
    border-bottom: 0.062vw solid #9D9D9D;
    /*color: #9D9D9D;*/
}

.form-block .form-control:focus-visible,
#contacts-map .form-control:focus-visible {
    outline: 0;
}

.form-block .col-12,
#contacts-map .col-12 {
    width: 96%;
}

.form-block .col-6,
#contacts-map .col-6 {
    width: 47%;
}

.form-block .form-group,
#contacts-map .form-group {
    display: flex;
    flex-direction: column;
	gap: 1vw;
}

.form-block input[type="submit"],
#contacts-map input[type="submit"] {
    background: none;
    border: 0.106vw solid var(--color-black);
    line-height: 1;
    cursor: pointer;
	color: var(--color-black);
}

.form-block .button-pink:hover{
	background: var(--color-pink);
	color: #fff;
    border-color: #fff;
}

.form-block .button-pale-blue:hover,
#contacts-map .button-pale-blue:hover{
	background: var(--color-pale-blue);
	color: #fff;
    border-color: #fff;
}

.form-block .button-blue:hover{
	background: var(--color-blue);
	color: #fff;
    border-color: #fff;
}

.form-block .button-chartreuse:hover{
	background: var(--color-chartreuse);
	color: #fff;
    border-color: #fff;
}

.form-block .button-orange:hover{
	background: var(--color-orange);
	color: #fff;
    border-color: #fff;
}

.form-block .button-purple:hover{
	background: var(--color-purple);
	color: #fff;
    border-color: #fff;
}

.form-block .button-yellow:hover{
	background: var(--color-yellow);
	color: #fff;
    border-color: #fff;
}

.form-block .button-marine:hover{
	background: var(--color-marine);
	color: #fff;
    border-color: #fff;
}

.form-block .button-lightorange:hover{
	background: var(--color-lightorange);
	color: #fff;
    border-color: #fff;
}

.form-block .captcha{
    padding-top: 1vw;
    padding-bottom: 0;
}

.form-block .captcha,
#contacts-map .captcha {
    color: var(--color-black);
    font-size: 1.294vw;
	border: 0;
}

.form-block .form-input span[data-name="text-about-message"] {
	width: 100%;
}

.form-block .form-input span[data-name="text-about-message"] input {
	width: 98%;
    margin: 0.4vw 0 0 0;
}

.form-block .form-input .file-input span[data-name="file-cv"] input {
	opacity: 0;
	height: 2vw;
}

.form-block .form-input .file-input span[data-name="file-cv"]  input::-webkit-file-upload-button {
	cursor: pointer;
}

.form-block .form-input .file-input .file-text {
	color: #000000;
    display: flex;
    flex-direction: row;
    gap: 0.5vw;
    margin: -2vw 0 0 0;	
	cursor: pointer;
}

.form-block .form-input .file-input .file-text:after {
	content: '';
	background: url('/wp-content/uploads/2024/02/free-icon-paper-clip-1824941-1.png');
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 1.3vw;
    height: 1.3vw;
}

.form-block .checkbox,
#contacts-map .checkbox {
    padding: 0.623vw 0;
    color: #9d9d9d;
}

.form-block .checkbox #checkbox,
#contacts-map .checkbox #checkbox {
    display: none;
}

.form-block .checkbox label,
#contacts-map .checkbox label {
    display: flex;
    gap: 0.426vw;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.form-block .form-btns,
#contacts-map .form-block .form-btns{
    flex-direction: row;
    gap: 1vw;
    justify-content: flex-end;
    margin: 2vw 0 0 0;
	width: 100%;
}

.form-block .form-input,
#contacts-map .form-block .form-input{
    flex-direction: row;
    gap: 3vw;
    width: 100%;
}
.form-block .form-input .col-6{
    width: 50%;
}

.form-block .checkbox label:before,
#contacts-map .checkbox label:before {
    content: '';
    border: 0.106vw solid;
    width: 0.710vw;
    height: 0.710vw;
    display: block;
}

.form-block .checkbox input:checked~label:before,
#contacts-map .checkbox input:checked~label:before {
    border-color: green;
}

.form-block .checkbox input:checked~label:after,
#contacts-map .checkbox input:checked~label:after {
    content: '\2713';
    position: absolute;
    width: 0.710vw;
    height: 0.710vw;
    top: 0.071vw;
    left: 0.106vw;
    color: green;
}

#contacts-map .form .checkbox {
    text-align: right;
}

#contacts-map .form .button {
    text-align: right;
    float: right;
    margin: auto 0 auto auto;
}

#our-case {
    padding-top: 2.580vw;
    padding-bottom: 3.116vw;
    display: flex;
    flex-direction: column;
}

#our-case .our-case-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.887vw;
}

#our-case.motion .our-case-list {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-auto-flow: row dense;
}

#our-case .case__item {
    width: calc(100% / 2 - 0.461vw);
    position: relative;
    cursor: pointer;
	height: 19.038vw;
}

#our-case.motion .case__item.w-1.h-1 {
    width: 23vw;
	height: 23.887vw;
	grid-row: span 2;
}

#our-case.motion .case__item.w-1.h-2 {
    width: 23vw;
	height: 36.387vw;
	grid-row: span 3;
}

#our-case.motion .case__item.w-2.h-1 {
    width: 47vw;
	height: 23.887vw;
	grid-column: span 2;
    grid-row: span 2;
}

#our-case.motion .case__item.w-1.h-1-2 {
    width: 23vw;
	height: 11.5vw;
    grid-row: span 1;	
}

#our-case .case__item .case__img {
    display: flex;
    overflow: hidden;
    max-height: 19.038vw;
	height: 100%;
}

#our-case .case__item .case__video {
    width: 100%;
	height: 100%;
}

#our-case .case__item .case__img img {
    min-height: 100%;
    min-width: 100%;
    max-width: unset;
    object-fit: cover;
    object-position: right;
}

#our-case .case__item .case__video video {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

#our-case .case__item .case__descr,
#cases .post__item .post__descr {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 70%);
    transition: 300ms;
    display: flex;
    overflow: hidden;
}

#our-case .case__item:hover .case__descr,
#cases .post__item:hover .post__descr {
    opacity: 1;
}

#our-case .case__item .case__descr:after,
#cases .post__item .post__descr:after {
    content: '';
    position: absolute;
    bottom: 0vw;
    right: 0;
    background: url(../img/arrow-menu.svg);
    background-size: contain;
    width: 7.229vw;
    height: 7.229vw;
    display: block;
}

#our-case .case__item .case__descr:before,
#cases .post__item .post__descr:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
}
#our-case .case__item .case__descr.kontekst:before,
#our-case .case__item .case__descr.kontekst-keysy:before,
#cases .post__item .post__descr.kontekst:before,
#cases .post__item .post__descr.cases_kontekst:before {
    background: #DD009F;
}
#our-case .case__item .case__descr.marketplace:before,
#cases .post__item .post__descr.marketplace:before,
#cases .post__item .post__descr.cases_marketplace:before {
    background: #38BFA7;
}
#our-case .case__item .case__descr.seo:before,
#our-case .case__item .case__descr.seo-keysy:before,
#cases .post__item .post__descr.seo:before,
#cases .post__item .post__descr.cases_seo:before {
    background: #FE2A0F;
}
#our-case .case__item .case__descr.design:before,
#cases .post__item .post__descr.design:before,
#cases .post__item .post__descr.cases_design:before {
    background: #A346FF;
}
#our-case .case__item .case__descr.target:before,
#cases .post__item .post__descr.target:before,
#cases .post__item .post__descr.cases_target:before {
    background: #F5C005;
}
#our-case .case__item .case__descr.aso:before,
#cases .post__item .post__descr.aso:before,
#cases .post__item .post__descr.cases_aso:before {
    background: #0400DD;
}
#our-case .case__item .case__descr.ua:before,
#our-case .case__item .case__descr.mobilnye-prilozheniya:before,
#cases .post__item .post__descr.ua:before,
#cases .post__item .post__descr.cases_ua:before {
    background: #7FBC1A;
}
#our-case .case__item .case__descr.dev:before,
#cases .post__item .post__descr.dev:before,
#cases .post__item .post__descr.cases_dev:before {
    background: #FF6915;
}
#our-case .case__item .case__descr .case__descr-text,
#cases .post__item .post__descr .post__descr-text {
    padding: 1.71vw 1.420vw;
    font-size: 2vw;
    z-index: 1;
}

#our-case>.button {
    margin-top: 1.479vw;
    display: flex;
    align-self: end;
}

#our-team {
    display: flex;
    justify-content: space-between;
    padding-top: 2.130vw;
}

#our-team .our-team__block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 42%;
}

#our-team .our-team__block .our-team__title {
    margin-bottom: 2.057vw;
}

#our-team .our-team__block p {
    font-size: 1.0644vw;
}

#our-team .our-team__img {
    overflow: hidden;
    max-height: 26.976vw;
    width: 55%;
}

#our-team .our-team__img img {
    height: 100%;
    width: 100%;
    max-width: unset;
    object-fit: contain;
}

#our-clients {
    padding-top: 2.545vw;
    padding-bottom: 2.407vw;
    display: flex;
    flex-direction: column;
}

#our-clients .our-clients__images.dekstop {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
}

#our-clients .our-clients__images.dekstop .our-clients__image {
	width: calc(100% - 0.068vw);
	height: 6vw;
    border-bottom: 0.068vw #777 solid;
    border-right: 0.068vw #777 solid;
    display: flex;
    justify-content: center;
    align-items: center;
	overflow: hidden;
}

#our-clients .our-clients__images.dekstop .our-clients__image:nth-child(6n+1) {
    border-left: 0.068vw #777 solid;
	width: calc(100% - 0.136vw);
}

#our-clients .our-clients__images.dekstop .our-clients__image:nth-child(-n+6) {
    border-top: 0.068vw #777 solid;
}

#our-clients .our-clients__images.dekstop .our-clients__image img {
	max-width: 100%;
    /*max-height: 70%;*/
    object-fit: contain;
	opacity: 0.7;
}

#our-clients .our-clients__images.dekstop .our-clients__image:hover:not(:nth-child(6n+1)) {
	margin-left: -0.068vw;
}

#our-clients .our-clients__images.dekstop .our-clients__image:hover:not(:nth-child(-n+6)) {
	margin-top: -0.068vw;
}

#our-clients .our-clients__images.dekstop .our-clients__image:hover {
	border: 0.068vw #FFF solid;
	z-index: 1;
}

#our-clients .our-clients__images.dekstop .our-clients__image:hover img {
	opacity: 1;
}

#our-clients .our-clients__images.dekstop .our-clients__image.light-lightorange:hover {
	box-shadow: 0 0 1.558vw var(--color-lightorange);
    background: radial-gradient(100.71% 100.71% at 50% 50%, var(--color-lightorange) 0%, rgba(217, 217, 217, 0) 100%);
}

#our-clients .our-clients__images.dekstop .our-clients__image.light-chartreuse:hover {
	box-shadow: 0 0 1.558vw var(--color-chartreuse);
    background: radial-gradient(100.71% 100.71% at 50% 50%, var(--color-chartreuse) 0%, rgba(217, 217, 217, 0) 100%);
}

#our-clients .our-clients__images.dekstop .our-clients__image.light-blue:hover {
	box-shadow: 0 0 1.558vw var(--color-blue);
    background: radial-gradient(100.71% 100.71% at 50% 50%, var(--color-blue) 0%, rgba(217, 217, 217, 0) 100%);
}

#our-clients .our-clients__images.dekstop .our-clients__image.light-yellow:hover {
	box-shadow: 0 0 1.558vw var(--color-yellow);
    background: radial-gradient(100.71% 100.71% at 50% 50%, var(--color-yellow) 0%, rgba(217, 217, 217, 0) 100%);
}

#our-clients .our-clients__images.dekstop .our-clients__image.light-orange:hover {
	box-shadow: 0 0 1.558vw var(--color-orange);
    background: radial-gradient(100.71% 100.71% at 50% 50%, var(--color-orange) 0%, rgba(217, 217, 217, 0) 100%);
}

#our-clients .our-clients__images.dekstop .our-clients__image.light-purple:hover {
	box-shadow: 0 0 1.558vw var(--color-purple);
    background: radial-gradient(100.71% 100.71% at 50% 50%, var(--color-purple) 0%, rgba(217, 217, 217, 0) 100%);
}

#our-clients .our-clients__images.dekstop .our-clients__image.light-marine:hover {
	box-shadow: 0 0 1.558vw var(--color-marine);
    background: radial-gradient(100.71% 100.71% at 50% 50%, var(--color-marine) 0%, rgba(217, 217, 217, 0) 100%);
}

#our-clients .our-clients__images.dekstop .our-clients__image.light-pink:hover {
	box-shadow: 0 0 1.558vw var(--color-pink);
    background: radial-gradient(100.71% 100.71% at 50% 50%, var(--color-pink) 0%, rgba(217, 217, 217, 0) 100%);
}

#our-clients .our-clients__images.dekstop .our-clients__image.light-pale-blue:hover {
	box-shadow: 0 0 1.558vw var(--color-pale-blue);
    background: radial-gradient(100.71% 100.71% at 50% 50%, var(--color-pale-blue) 0%, rgba(217, 217, 217, 0) 100%);
}


#our-clients .our-clients__images.mobile {
    display: none;
}

#our-clients .our-clients__img {
    display: flex;
    overflow: hidden;
    justify-content: center;
    gap: 0.3vw;
}

#our-clients .our-clients__img img {
    /*height: 19.4vw;*/
	width: 100%;
    object-fit: contain;
}

#our-clients>.button {
    margin-top: 1.479vw;
    display: flex;
    align-self: end;
}

#services-default,
#services-bricks {
    padding: 2.130vw 0;
}

#services-default .services-default__text,
#services-bricks .services-bricks__text {
    margin: 1.420vw 0;
}

#services-default .services-default__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1.420vw;
}

#services-default.create-site .services-default__list {
    justify-content: flex-start;
}

#services-default .list-item {
    border: 1px solid;
    padding: 1.526vw 1.917vw;
    height: 9.454vw;
    width: calc(100% / 2 - 4.8vw);
    display: flex;
    flex-wrap: nowrap;
	position: relative;
}

#services-default .list-item .list-item__text {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#services-default .list-item .list-item__text .list-item__title {
    font-size: 1.479vw;
    border-bottom: 0.145vw solid;
    width: fit-content;
    margin-bottom: 0.710vw;
}

#services-default.seo-audit .list-item .list-item__text .list-item__title{
	border: 0;
}

#services-default .list-item .list-item__text .list-item__amount {
    display: flex;
    flex-direction: column;
    font-weight: 100;
    max-width: 60%;
}

#services-default .list-item .list-item__text .list-item__amount .amount-number {
    font-size: 1.849vw;
}

#services-default .list-item .list-item__info-icon {
    font-size: 2.840vw;
    font-weight: normal;
    line-height: 1;
}

#services-default .list-item .list-item__info-icon:hover {
    cursor: pointer;
    font-size: 3vw;
    font-weight: inherit;
    line-height: 0.9;
}

#services-default .list-item .list-item__info-icon-close {
    display: none;
}

#services-default .list-item .list-item__info-text {
	display: block;
    width: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
    left: 0;
}
#services-default .list-item .show .list-item__info-text {
    width: calc(100% - 3.8vw);
    height: calc(100% - 2.8vw);
    background: #FFF;
    color: black;
    padding: 1.526vw 1.917vw;
	overflow-y: auto;
}

#services-default .list-item .show .list-item__info-text::-webkit-scrollbar {
    width: 0;
}

#services-default .list-item .show .list-item__info-icon-close {
    display: block;
    position: absolute;
    top: 0.3vw;
    right: 0.9vw;
    font-size: 2.5vw;
    z-index: 1;
    color: black;
	cursor: pointer;
	transform: rotate(45deg);
}

#services-default.seo-filter {
    display: flex;
    flex-direction: column;
}

#services-default.seo-filter .list-item {
    height: unset;
}

#services-default.seo-filter .list-item .list-item__text {
    justify-content: flex-start;
}

#services-default.seo-filter .list-item .list-item__text .list-item__title {
    font-size: 2.485vw;
    border: none;
    line-height: 1;
}

#services-default.seo-filter .list-item ul {
    display: flex;
    flex-direction: column;
    gap: 0.710vw;
}

#services-default.seo-audit .list-item {
    height: unset;
}

#services-default .list-item .list-item__text .list-item__title:hover {
    border: 0;
}

#services-default.design>.button {
    margin: 1.479vw 0 auto auto;
}

#services-bricks .services-bricks__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.710vw;
    margin-top: 2.130vw;
}

#services-bricks .services-bricks__list .list-item {
    border: 0.106vw solid #fff;
    padding: 0.639vw 0.994vw;
    width: 29%;
    text-align: center;
    cursor: pointer;
    transition: 300ms;
}

#services-bricks .services-bricks__list .list-item:hover {
    background: #fff;
    color: var(--color-black);
}

.services-price {
    font-size: 2.840vw;
}

.services-price__label {
    font-weight: 100;
}

.services-price__amount {
    font-weight: 600;
}

#reports {
    padding: 2.130vw 0;
}

#reports .reports__text {
    margin: 1.420vw 0;
}

.notebook-bg {
    background: url(../img/air.png) center no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.notebook-wrapper {
    position: relative;
    width: 41.174vw;
    height: 24.136vw;
    margin: 2.130vw auto;
}

.notebook-wrapper .notebook-slider {
    height: 20.800vw;
    width: 31.945vw;
    margin: auto;
    position: relative;
    padding-top: 0.639vw;
}

.notebook-wrapper .swiper-button-next,
.notebook-wrapper .swiper-button-prev {
    color: #fff;
}


#price {
    padding: 2.130vw 0;
    display: flex;
    flex-direction: column;
}

#price .reports__text {
    margin: 1.420vw 0;
}

#price.aso .tab-time__table {
    width: 100%;
}

.tabs__list {
    display: flex;
    gap: 1.420vw;
    flex-wrap: nowrap;
}
.technical__tabs > .tabs__list {
    display: grid;
    grid-template-columns: repeat(5, auto);
}

.tabs__btn {
    border: 0.106vw solid;
    padding: 0.710vw;
    font-size: 1.110vw;
    transition: 300ms;
    cursor: pointer;
}

.tabs__btn:hover,
.tabs__btn.active {
    background: #fff;
    color: var(--color-black);
    border-color: #fff;
}

.tabs__content {
    margin-top: 2.840vw;
}

.tabs__pane {
    display: none;
}

.tabs__pane.active {
    display: block;
	width: 100%;
}

#price .tabs__btn {
    width: 8.519vw;
    text-align: center;
}

#price .tab-time,
#price .tab-kpi__row {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 2.840vw;
}

#price .tab-time__table {
    display: flex;
    width: 39.044vw;
}

#price.motion .tab-time__table {
    display: flex;
    width: 50vw;
}
#price .tab-time__amount:first-child{
	border-right:0;
}
#price .tab-time__amount,
#price .tab-kpi__amount {
    border: 0.106vw solid;
    padding: 1.207vw 1.775vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    gap: 1.420vw;
}

#price .tab-time__amount .amount__item p,
#price .tab-kpi__amount .amount__item p {
    margin: 0;
}

#price .tab-time__amount .amount__desc,
#price .tab-kpi__amount .amount__desc {
    font-weight: 100;
}

#price .tab-time__amount .amount__sum,
#price .tab-kpi__amount .amount__sum {
    font-size: 1.775vw;
    font-weight: 700;
}

#price .tab-time__commission {
    border: 0.106vw solid;
    padding: 0.710vw 1.420vw;
    margin-left: -0.106vw;
    width: 100%;
    min-width: 18.328vw;
}

#price.motion .tab-time__commission {
    padding: 2.710vw 1.420vw;
    min-width: 23vw;
}

#price .tab-time__commission ul {
    padding: 0 0.710vw;
}

#price .tab-time__commission p strong {
    font-size: 1.6em;
}

#price.target-inst .tab-time__commission {
    display: flex;
    align-items: center;
}

#price .tab-time__text,
#price .tab-kpi__text {
    width: 24.846vw;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    gap: 1.420vw;
}

#price.motion .tab-time__text {
    width: 25vw;
}

#price .tab-time__text p,
#price .tab-kpi__text p {
    margin: 0;
}

#price .tab-time__text .title,
#price .tab-kpi__text .title,
#price.aso .tab-time__commission .title,
#price.kontekst-google .tab-time__commission .title {
    font-size: 1.294vw;
}

#price.aso .tab-time__amount {
    text-align: right;
}

#price.aso .tab-time__amount .amount__desc {
    margin: 0.355vw 0;
}

#price.aso .tab-time__amount .amount__sum {
    float: right;
}

#price.aso .tab-time__amount .amount__sum.color-chartreuse {
    color: #58a80b;
}

#price.wb .tab-time__amount .amount__item {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

#price>.button {
    margin-left: auto;
    margin-top: 2.130vw;
}

#price.kontekst-google .amount__item {
    display: flex;
    flex-direction: column;
    gap: 0.284vw;
}

#price.kontekst-google [data-tab-id="time"] .amount__item{
	align-items: flex-end;
	text-align: right;
}

#price.kontekst-google .amount__item .amount__sum {
    float: right;
}

#price.kontekst-google .tab-time__table {
    width: 100%;
}


#services.kontekst-google .accordion-menu__title {
    display: flex;
    align-items: center;
    gap: 1.420vw;
    font-size: 1.420vw;
}

#services.kontekst-google .accordion-menu__title span {
    width: 2.222vw;
    height: 2.222vw;
    display: block;
}

#services.kontekst-google .accordion-menu .accordion-menu__item {
    padding: 0.935vw 1.420vw;
}

.tab-commission {
    display: flex;
}

.commission__column {
    width: 33%;
}

.commission__column:not(:first-child):not(:last-child) {
    margin: auto -0.053vw;
}

.commission__service {
    font-size: 1.405vw;
    text-align: center;
    margin-bottom: 1.420vw;
}

.commission__list {
    display: flex;
    flex-direction: column;
}
.tab-commission .commission__column:first-child .commission__list .commission__item{
	border-right: 0;
}
.commission__item:first-child{
	border-top: 0.106vw solid;
}
.commission__item {
    border: 0.106vw solid;
	border-top: 0;
    margin: -0.053vw 0;
    padding: 1.065vw 2.130vw;
    height: 6.389vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.commission__top {
    display: flex;
    flex-direction: column;
}

.commission__text {
    font-size: 1.294vw;
}

.commission__bottom {
    display: flex;
    justify-content: space-between;
}

.commission__prices {
    display: flex;
    flex-direction: column;
}

.commission__price {
    font-size: 1.849vw;
}

.commission__text {
    font-weight: normal;
}

.commission__price-desc,
.commission__subtext {
    font-weight: 100;
}

#price .tab-kpi__table {
    display: flex;
    width: 45%;
}

#price .tab-kpi__text {
    width: 45%;
}

#price .tab-kpi__column {
    margin-top: 2.840vw;
}

#price .tab-kpi__title {
    font-size: 1.294vw;
    margin-bottom: 0.710vw;
}

#price .tab-kpi__table-req {
    display: flex;
    width: 100%;
}

#price .tab-kpi__table-req-column {
    border: 0.106vw solid;
    border-right: 0;
    padding: 1.207vw 1.775vw;
    width: 100%;
    display: flex;
    align-items: center;
}

#price .tab-kpi__table-req-column p {
    margin: 0;
}

#price .tab-kpi__table-req-column:last-child {
    border-right: 0.106vw solid;
}

#ask {
    padding: 4.420vw 0 6.389vw;
    display: flex;
    flex-direction: column;
}

#ask .accordion-menu {
    display: flex;
    flex-direction: column;
    gap: 1.420vw;
}

#ask .accordion-menu__title {
    font-size: 1.664vw;
}

#ask .accordion-menu .accordion-menu__header {
    justify-content: flex-start;
    gap: 0.710vw;
}

#ask .accordion-menu__body {
    margin-left: 2.272vw;
}

#ask .ask-row {
    display: flex;
    justify-content: space-between;
    gap: 4.259vw;
}

#ask .icon-ask {
    font-size: 19.167vw;
    line-height: 0.5;
}

#service-included {
    margin-top: 1.420vw;
    margin-bottom: 6.389vw;
}

#service-included .service-inluded__slider {
    margin: 2.840vw 0;
    position: relative;
}

#service-included .service-inluded__slider .swiper-slide {
    background: none;
}

#service-included .service-included__table {
    color: #fff;
    display: flex;
    flex-direction: column;
}

#service-included .service-included__thead {
    display: flex;
    padding: 1.065vw 2.130vw;
    border: 0.106vw solid;
}

#service-included .service-included__thead-name {
    font-size: 1.849vw;
    text-transform: uppercase;
}

#service-included .service-included__tbody {
    display: flex;
    font-size: 1.1088vw;
    border: 0.106vw solid;
    border-top: none;
}

#service-included .service-included__td {
    padding: 1.420vw 2.130vw;
    position: relative;
}

#service-included .service-included__td:first-child:after/*,
#service-included .service-included__td:first-child:before*/ {
    /*content: '';
    width: 0.106vw;
    height: 58.4%;
    position: absolute;
    background: #fff;
    right: 0;*/
	content: "";
    width: 10vw;
    height: 10vw;
    background-image: url(../img/strelka.svg);
    background-size: 10vw 10vw;
    background-repeat: no-repeat;
    position: absolute;
    right: -6vw;
    top: calc(50% - 5vw);
}

/*#service-included .service-included__td:first-child:after {
    top: -0.497vw;
    transform: rotate(-30deg);
}

#service-included .service-included__td:first-child:before {
    bottom: -0.568vw;
    transform: rotate(30deg);
}*/

#service-included .service-included__td-name {
    font-size: 1.479vw;
    text-shadow: 0 0 20px var(--color-orange);
}

#service-included .service-included__list {
    text-align: left;
    margin: 1.420vw 0;
}

#service-included .service-included__list li{
    list-style-type: none;
}

#service-included .service-inluded__slider .swiper-button-prev {
    left: -50px;
    color: #fff;
}

#service-included .service-inluded__slider .swiper-button-next {
    right: -50px;
    color: #fff;
}

#service-included .swiper-button-next,
#service-included .swiper-button-prev {
    --swiper-navigation-size: 1.420vw;
}

#services-default.target .services-default__list {
    justify-content: flex-start;
}

#services-default.target .list-item {
    height: 10.584vw;
    width: calc(33.333% - 5vw);
}

#services-default.target .list-item .list-item__text .list-item__amount {
    max-width: 100%;
}

#services-default .list-item .list-item__info-icon img {
    width: 2.130vw;
}

#service-included.target-inst {
    margin-top: 4.969vw;
    margin-bottom: 2.840vw;
}

#service-included.target-inst .service-included__thead,
#service-included.target-inst .service-included__tbody {
    border: none;
}

#service-included.target-inst .service-included__td:after,
#service-included.target-inst .service-included__td:before {
    display: none;
}

#service-included.target-inst .service-included__tbody {
    padding: 0 0.710vw;
}

#service-included.target-inst .service-included__td {
    text-align: left;
    padding: 1.420vw;
}

#service-included.target-inst .service-included__thead-name {
    border: 0.106vw solid;
    padding: 0.710vw 2.130vw;
}

#service-included.target-inst .service-included__td .title {
    position: relative;
    white-space: nowrap;
    width: 9.939vw;
    height: 100%;
    font-weight: 700;
}

#service-included.target-inst .service-included__td .title .title__text.bg {
    text-shadow: none;
    color: var(--color-yellow);
    filter: blur(0.710vw);
}

#service-included.target-inst .service-included__td .title .title__text {
    font-size: 9.939vw;
    line-height: 1;
    position: absolute;
    text-transform: math-auto;
}

#service-included.target-inst .circle_anim {
    transform: rotate(89deg);
}

#service-included.target-inst .circle_anim circle {
    transition: stroke-dashoffset 1s linear;
    stroke: #fff;
    stroke-width: 1.420vw;
    filter: drop-shadow(0 0 0.213vw rgb(255 255 255 / 60%));
}

#service-included.target-inst .circle_anim .bar {
    stroke: var(--color-yellow);
    filter: drop-shadow(0 0 0.213vw rgb(255 214 70 / 60%));
}

#service-included.target-inst .circle-value {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 4.614vw;
    font-weight: 700;
}

.marquee-container.marketplace-head {
    margin: 0 0 2.130vw;
}

#services-default.marketplace .list-item {
    cursor: pointer;
    transition: 300ms;
}

#services-default.marketplace .list-item .list-item__text {
    justify-content: center;
    align-items: center;
}

#services-default.marketplace .list-item .list-item__text .list-item__title {
    font-size: 3.549vw;
    border: none;
    margin: 0;
    transition: 300ms;
}

#services-default.marketplace .list-item .list-item__text .text-outline {
    -webkit-text-stroke: unset;
    color: #fff;
}

#services-default.marketplace.aso .list-item:hover {
    background: #fff;
}

#services-default.marketplace.aso .list-item:hover .list-item__text .list-item__title {
    color: var(--color-black);
}

#main-banner .outline-wb {
    text-shadow: -0.461vw -0.355vw #be28d6 !important;
    color: #fff !important;
    -webkit-text-stroke: 0.031vw #fff !important;
}

#main-banner .outline-wb:hover {
    text-shadow: -0.461vw -0.355vw #fff !important;
    color: #BE28D6 !important;
    -webkit-text-stroke: 0.031vw #BE28D6 !important;
}

.outline-wb {
    text-shadow: -0.213vw -0.142vw #be28d6 !important;
    color: #fff !important;
    -webkit-text-stroke: 0.031vw #fff !important;
}

.outline-wb:hover {
    text-shadow: -0.213vw -0.142vw #fff !important;
    color: #BE28D6 !important;
    -webkit-text-stroke: 0.031vw #BE28D6 !important;
}

.outline-ozon {
    position: relative;
    transition: 300ms;
}

.outline-ozon .ozon-image {
    position: absolute;
    width: inherit;
    height: 100%;
    background: url('../img/ozon.svg') center no-repeat;
    background-size: contain;
}

.outline-ozon .ozon-image.ozon-blue {
    filter: brightness(0) saturate(100%) invert(35%) sepia(83%) saturate(3960%) hue-rotate(219deg) brightness(107%) contrast(102%);
}

.outline-ozon .ozon-image:first-child {
    margin-top: -0.355vw;
    margin-left: -0.355vw;
}

.outline-ozon:hover .ozon-image.ozon-white {
    filter: brightness(0) saturate(100%) invert(35%) sepia(83%) saturate(3960%) hue-rotate(219deg) brightness(107%) contrast(102%);
}

.outline-ozon:hover .ozon-image.ozon-blue {
    filter: none;
}

#main-banner.wb .banner-text {
    margin: 2.130vw 0 2.840vw;
}

#we-make {
    padding: 2.130vw 0 4.259vw;
}

#we-make .we-make__list-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.420vw;
    margin-top: 2.130vw;
}

#we-make .we-make__list {
    display: flex;
}

#we-make .we-make__list.list-reverse {
    flex-direction: row-reverse;
}

#we-make .we-make__item {
    display: flex;
    flex-direction: column;
    padding: 0 0.142vw 0 0;
    width: 33.3333%;
    position: relative;
    height: 13.488vw;
}

#we-make .we-make__item-title {
    font-size: 5.679vw;
    font-weight: 700;
}

#we-make .we-make__item-content {
    max-width: 67%;
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: flex-start;
    left: 3.549vw;
    flex-direction: column;
    justify-content: center;
}

#we-make .we-make__item .arrow {
    width: 100.4%;
    height: 50%;
    background: none;
}

#we-make .we-make__item .arrow.left {
    transform: skew(20deg, 0deg);
    border-left: 0.106vw solid #fff;
    border-right: 0.106vw solid #fff;
    border-top: 0.106vw solid #fff;
    margin-left: 1.207vw;
}

#we-make .we-make__item .arrow.right {
    transform: skew(-20deg, 0deg);
    border-left: 0.106vw solid #fff;
    border-right: 0.106vw solid #fff;
    border-bottom: 0.106vw solid #fff;
    margin-left: 1.207vw;
}

#we-make .we-make__list.list-reverse .arrow.left {
    margin-left: -1.207vw;
    transform: skew(-20deg, 0deg);
}

#we-make .we-make__list.list-reverse .arrow.right {
    margin-left: -1.207vw;
    transform: skew(20deg, 0deg);
}

#we-make .we-make__list-wrapper .we-make__list:first-child .arrow.left,
#we-make .we-make__list-wrapper .we-make__list:first-child .arrow.right {
    border-left: 0;
}

#we-make .we-make__list-wrapper .we-make__list:first-child .we-make__item:first-child {
    border-left: 0.106vw solid #fff;
    ;
}

#we-make .we-make__list-wrapper .we-make__list:last-child .arrow.left,
#we-make .we-make__list-wrapper .we-make__list:last-child .arrow.right {
    border-right: 0;
    margin-left: 1.278vw;
}

#we-make .we-make__list-wrapper .we-make__list:last-child .we-make__item:last-child {
    border-right: 0.106vw solid #fff;
}

#we-make.aso .we-make__list.list-reverse .arrow.left {
    margin-left: -1.207vw;
    transform: skew(-20deg, 0deg);
}

#we-make.aso .we-make__list.list-reverse .arrow.right {
    margin-left: -1.207vw;
    transform: skew(20deg, 0deg);
}

#we-make.aso .we-make__list-wrapper .we-make__list:last-child .arrow.left,
#we-make.aso .we-make__list-wrapper .we-make__list:last-child .arrow.right {
    border-right: 0.106vw solid #fff;
    border-left: none;
}

#we-make.aso .we-make__list-wrapper .we-make__list:last-child .we-make__item:last-child {
    border-right: none;
    border-left: 0.106vw solid #fff;
}

#we-work {
    padding: 2.130vw 0;
    display: flex;
    flex-direction: column;
}

#we-work>.button {
    margin-top: 1.479vw;
    display: flex;
    align-self: end;
}

#we-work .we-work__text {
    margin-bottom: 0.710vw;
}

#we-work .section-subtitle {
    margin: 1.420vw 0;
}

.we-work__list {
    display: flex;
}

.we-work__item {
    display: flex;
    align-items: stretch;
    width: 100%;
    flex-direction: column;
    margin: 0 -0.038vw;
}

.we-work__item-head {
    text-align: center;
    padding: 0.710vw;
    border: 0.106vw solid;
    font-size: 1.420vw;
}

.we-work__item-body {
    padding: 0.710vw;
    border: 0.106vw solid;
    border-top: none;
    height: 100%;
}

#price-row {
    padding: 2.130vw 0;
    display: flex;
    flex-direction: column;
}

#price-row>.button {
    margin-top: 1.479vw;
    display: flex;
    align-self: end;
}

.price-row__list {
    display: flex;
    gap: 2.130vw;
}

.price-row__item {
    display: flex;
    align-items: stretch;
    width: 100%;
    flex-direction: column;
}

.price-row__item-head {
    text-align: center;
    padding: 0.710vw;
    border: 0.106vw solid;
    font-size: 1.420vw;
    display: flex;
    flex-direction: column;
}

.price-row__item-body {
    padding: 0.710vw 2.130vw;
    border: 0.106vw solid;
    border-top: none;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.price-row__title {
    margin-bottom: 0;
}

.price-row__subtitle {
    font-weight: normal;
    font-size: 0.852vw;
    margin-bottom: 1.558vw;
    margin-left: 0.213vw;
}

.price-row__item-body .sku {
    font-size: 2.130vw;
    font-weight: normal;
    margin: 0.710vw 0;
}

#services-default.design .services-default__list {
    margin-top: 2.130vw;
}

#services-default.design.motion .services-default__list {
    margin-top: 3.130vw;
	gap: 0;
}

#services-default.design.motion .services-default__text {
	max-width: 70%;
}

#services-default.design.motion .list-item .list-item__text {
	flex-direction: row;
}

#services-default.design .list-item .list-item__text .list-item__title {
    border: none;
    font-size: 1.420vw;
    margin-bottom: 1.420vw;
}

#services-default.design .list-item .list-item__text .list-item__title:has(a) {
    border-bottom: 0.145vw solid;
}

#services-default.design.motion .list-item .list-item__text .list-item__title {
    text-transform: uppercase;
}

#services-default.design .list-item {
    width: calc(100% / 3 - 5vw);
    height: auto;
}

#services-default.design.motion .list-item {
    width: 100%;
	border: 0;
	border-top: 1px solid;
	padding: 1.526vw 7.917vw 4.946vw 7.917vw;
    margin: 0 -6vw;
	background: none;
	color: #FFF;
}

#services-default.design .list-item .list-item__text .list-item__amount {
    max-width: 100%;
    height: 100%;
    justify-content: space-between;
}

#services-default.design.motion .list-item .list-item__text .list-item__amount {
    max-width: 65%;
    height: 100%;
    justify-content: space-between;
    position: relative;	
}

#services-default.design .list-item .list-item__text .list-item__amount .amount-number {
    font-size: 1.707vw;
	font-weight: 600;
    line-height: 1;
    text-align: right;
    margin-top: 0.710vw;
    color: var(--color-purple);
    text-shadow: 0 0 7px var(--color-black);
}

#services-default.design.motion .list-item .list-item__imgs {
    display: flex;
	flex-direction: row;
	height: 160%;	
    position: absolute;
	bottom: -4vw;
    right: 100%;
    z-index: 1;
}

#services-default.design.motion .list-item .list-item__imgs img {
	height: 100%;
    object-fit: contain;
	opacity: 0; 
	transition: all .3s;
}

#services-default.design.motion .list-item .list-item__imgs img:nth-child(1) {
	transition-delay: 0s;
}

#services-default.design.motion .list-item .list-item__imgs img:nth-child(2) {
	transition-delay: .3s;
}

#services-default.design.motion .list-item:hover .list-item__imgs img {
	opacity: 1;
}

#services-default.design.motion .list-item:nth-child(1) .list-item__imgs img:nth-child(1) {
	margin: 0 -0.5vw;
}

#services-default.design.motion .list-item:nth-child(1) .list-item__imgs img:nth-child(2) {
	
}

#services-default.design.motion .list-item:nth-child(2) .list-item__imgs img:nth-child(1) {
	margin: 2vw -2vw 0;
    z-index: 1;
    height: 70%;
}

#services-default.design.motion .list-item:nth-child(2) .list-item__imgs img:nth-child(2) {
 
}

#services-default.design.motion .list-item:nth-child(3) .list-item__imgs img:nth-child(1) {
	margin: 2vw -1vw 0;
    height: 85%;	
}

#services-default.design.motion .list-item:nth-child(3) .list-item__imgs img:nth-child(2) {
    height: 80%;	
}

#services-default.design.motion .list-item:nth-child(4) .list-item__imgs img:nth-child(1) {
	height: 110%;
    margin: -0.5vw 0 0 0;
}

#services-default.design.motion .list-item:nth-child(4) .list-item__imgs img:nth-child(2) {
	
}

#services-default.design.motion .list-item:nth-child(5) .list-item__imgs img:nth-child(1) {
	
}

#services-default.design.motion .list-item:nth-child(5) .list-item__imgs img:nth-child(2) {
	
}

#services-default.design.motion .list-item:nth-child(6) .list-item__imgs img:nth-child(1) {
	height: 85%;
    margin: 2vw -1vw 0 0;
}

#services-default.design.motion .list-item:nth-child(6) .list-item__imgs img:nth-child(2) {
    margin: 1vw 0 0 0;	
}

#services-default.design.motion .list-item:nth-child(7) .list-item__imgs img:nth-child(1) {
    margin: 1vw -2vw 0 0;	
}

#services-default.design.motion .list-item:nth-child(7) .list-item__imgs img:nth-child(2) {
	
}

#services-default.design.motion .list-item:nth-child(8) .list-item__imgs img:nth-child(1) {
	height: 90%;
    margin: 1vw -2vw 0 0;
}

#services-default.design.motion .list-item:nth-child(8) .list-item__imgs img:nth-child(2) {
	margin: -1.5vw 0 0 0;
}

#tasks {
    padding: 2.130vw 0;
}

#tasks .tasks__text {
    margin: 1.420vw 0;
}

#tasks .tasks__list,
.vacancy-info__list {
    list-style: none;
    font-size: 1.633vw;
    display: flex;
    flex-direction: column;
    gap: 1.065vw;
    margin-left: 8.519vw;
}

#tasks.motion .tasks__list {
    list-style: none;
    font-size: inherit;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    gap: 1.065vw;
    margin-left: 2.519vw;
	width: 80%;
}

#tasks .tasks__list li,
.vacancy-info__list li {
    position: relative;
}

#tasks .tasks__list li:before,
.vacancy-info__list li:before {
    content: '';
    background: url(../img/arrow-menu.svg);
    background-size: contain;
    width: 2.130vw;
    height: 2.130vw;
    display: block;
    position: absolute;
    pointer-events: none;
    left: -2.840vw;
    top: 0;
}

#tasks.audit .tasks__list {
    margin-left: 4.969vw;
}

#tasks.seo-google .tasks__list {
    margin-left: 2.840vw;
    font-size: 1.278vw;
    gap: 1.775vw;
}

#tasks.seo-google .tasks__title:after {
    display: none;
}

#tasks.seo-optimize .tasks__list {
    font-size: 1.420vw;
    padding-left: 4.259vw;
    gap: 2.130vw;
}

#tasks.seo-optimize .tasks__list li {
    min-height: 3.549vw;
}

#tasks.seo-optimize .tasks__list li:before,
#tasks.seo-google .tasks__list li:before {
    content: '';
    width: 4.969vw;
    height: 4.969vw;
    left: -4.969vw;
    top: -0.710vw;
}

#technical {
    display: flex;
    flex-direction: column;
}

.technical__tabs {
    font-size: 1.072vw;
}

.technical__tabs .tabs__list {
    gap: 0;
}

.technical__tabs .tabs__btn {
    border-right: 0;
    padding: 0.710vw 1.420vw;
    font-size: 1.0224vw;
}

#technical>.tabs>.tabs__list>.tabs__btn {
    width: 100%;
    text-align: center;
}

.technical__tabs .tabs__btn:last-child {
    border-right: 0.106vw solid;
}

.technical__tabs .tabs__btn:last-child:hover,
.technical__tabs .tabs__btn:last-child.active {
    border-color: #fff;
}

.technical__tabs .tabs__content {
    margin-top: -0.071vw;
    border: 0.106vw solid;
}

.technical__tabs .tabs__row {
    display: flex;
    justify-content: space-between;
}

.technical__tabs .tabs__column {
    border-right: 0.106vw solid;
    padding: 0.710vw 1.846vw;
    gap: 2.130vw;
}

.technical__tabs .tabs__column .text-column__title {
    text-transform: uppercase;
    font-weight: 700;
    margin: 0.710vw 0;
    display: block;
}

.technical__tabs .tabs__column:last-child {
    border-right: 0;
}

.technical__tabs .text-row {
    display: flex;
    gap: 0.710vw;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    margin: 0.710vw 0;
}

.technical__tabs .text-row__title {
    text-transform: uppercase;
    color: var(--color-purple);
    font-weight: 700;
}

.technical__tabs .text-row__desc p:first-child {
    margin-top: 0;
}

.technical__tabs .text-row.img-banner {
    max-width: 9.939vw;
    justify-content: flex-end;
    width: 100%;
}

.technical__tabs .text-row img.banner {
    object-fit: contain;
    max-width: 100%;
}

.technical__tabs .media-row {
    display: flex;
    gap: 1.420vw;
    margin-top: 1.420vw;
}

.technical__tabs .media-column ul {
    padding-left: 0.852vw;
}

.media-column__subtitle {
    font-weight: 100;
    padding-top: 0.710vw;
    display: block;
}

.tabs__pane[data-tab-id="yandex"] .tabs__pane[data-tab-id="g-banners"] .img-banner {
    max-width: 12.068vw;
}

.tabs__pane[data-tab-id="google"] .technical__tabs .media-row,
.tabs__pane[data-tab-id="mytarget"] .tabs__pane[data-tab-id="mytarget-video"] .media-row,
.tabs__pane[data-tab-id="mytarget"] .tabs__pane[data-tab-id="mytarget-video"] .media-column ul,
.tabs__pane[data-tab-id="tiktok"] .tabs__pane[data-tab-id="tiktok-video"] .media-row,
.tabs__pane[data-tab-id="tiktok"] .tabs__pane[data-tab-id="tiktok-video"] .media-column ul {
    margin-top: 0.000vw;
}

.tabs__pane[data-tab-id="google"] .tabs__pane[data-tab-id="adaptive-banners"] .media-row {
    flex-wrap: wrap;
}

.tabs__pane[data-tab-id="google"] .tabs__pane[data-tab-id="adaptive-banners"] .media-column:first-child,
.tabs__pane[data-tab-id="google"] .tabs__pane[data-tab-id="adaptive-banners"] .media-column:last-child {
    width: 50%;
}

.tabs__pane[data-tab-id="vk"] .tabs__pane .img-banner {
    max-width: 17.747vw;
}

.tabs__pane[data-tab-id="mytarget"] .tabs__pane[data-tab-id="mytarget-static"] .tabs__row:not(:last-child),
.tabs__pane[data-tab-id="instfb"] .tabs__pane .tabs__row:not(:last-child) {
    border-bottom: 0.106vw solid;
}

.tabs__pane[data-tab-id="mytarget"] .tabs__pane[data-tab-id="mytarget-static"] .img-banner {
    margin: 0;
}

.tabs__pane[data-tab-id="mytarget"] .tabs__pane[data-tab-id="mytarget-video"] .img-banner {
    max-width: 15.618vw;
}

#job-position {
    margin-top: 4.969vw;
    margin-bottom: 4.969vw;
}

#job-position .job-position__title {
    text-transform: math-auto;
}

#job-position .people__list {
    margin-top: 2.130vw;
    display: flex;
    gap: 8vw;
    justify-content: flex-start;
    flex-wrap: wrap;
}

#job-position .people__list .people__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: calc(100% / 3 - 2.414vw);
    gap: 0.710vw;
    justify-content: space-between;
}

#job-position .people__list .people__item .people__img {
    border-radius: 50%;
    display: flex;
    overflow: hidden;
    background: #fff;
    width: 18.244vw;
    height: 18.244vw;
    position: relative;
}

#job-position .people__list .people__item .people__img:before {
    content: '';
    background: #2675EC;
    width: 55%;
    height: 110%;
    position: absolute;
    top: 0;
    transform: rotate(-6deg);
}

#job-position .people__list .people__item .people__img__wrapper {
    margin: 0.284vw;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    z-index: 9;
}

#job-position .people__list .people__item .people__img img {
    min-width: 100%;
    max-width: unset;
    min-height: 100%;
    object-fit: cover;
}

#job-position .people__list .people__item .people__title {
    background: #2675EC;
    padding: 0.923vw 1.420vw;
    border-radius: 2.130vw 2.130vw 2.130vw 0;
    display: flex;
    flex-direction: column;
    height: 4.969vw;
    justify-content: center;
    width: -webkit-fill-available;
}

#job-position .people__list .people__item .people__title .people-position {
    text-transform: uppercase;
    font-size: 1.420vw;
}

#job-position .people__list .people__item .people__desc {
    background: #F6F6F6;
    border-radius: 2.130vw 0 2.130vw 2.130vw;
    padding: 0.710vw 1.065vw;
    display: flex;
    width: fit-content;
    flex-direction: column;
    align-self: end;
}

#job-position .people__list .people__item .people__desc a {
    color: #000;
    text-decoration: underline;
    text-underline-offset: 0.142vw;
}

#job-position .people__list .people__item .people__desc a:hover {
    text-decoration: unset;
}


footer {
    padding-top: 4.986vw;
    display: flex;
    flex-direction: column;
}

footer .footer__block {
    display: flex;
    border: 0.094vw solid;
    justify-content: space-between;
    align-items: center;
}

footer .footer__block .footer__logo {
    display: block;
    background: url('../img/logo_white.png') center no-repeat;
    background-size: contain;
    width: 3.266vw;
    height: 3.266vw;
    margin: 3.266vw;
    /*opacity: 0.7;*/
}

footer .footer-block__left {
    display: flex;
    align-items: center;
	margin: 1.266vw;
}

footer .menu {
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 0;
    padding: 0;
    row-gap: 1vw;
    column-gap: 3vw;
}

footer .menu .menu__link {
    font-size: 1.0644vw;
    /*color: #9D9D9D;*/
    text-decoration: none;
    transition: 300ms;
}

footer .menu .menu__link:hover {
    text-decoration: underline;
}

footer .footer-block__right {
    /*color: #9D9D9D;*/
    font-size: 1.122vw;
    max-width: 45.365vw;
    line-height: 1;
    padding: 1.184vw;
    gap: 5vw;
    display: flex;
    flex-direction: row;
}

footer .footer-block__right .footer-block__right_column{
    display: flex;
    flex-direction: column;
    gap: 1vw;
}

footer a {
    /*color: #9D9D9D;*/
    transition: 300ms;
    font-weight: 600;
}

footer a:hover {
    text-decoration: underline;
}

footer .footer-block__right .footer__socials {
    display: flex;
    gap: 0.623vw;
    align-items: center;
}

footer .copyright {
    font-size: 0.630vw;
    line-height: 1.5;
    color: #9D9D9D;
    display: flex;
    justify-content: space-between;
    margin: 0.623vw 0;
    align-items: center;
}

footer .copyright__block {
    max-width: 21.435vw;
}
header .menu-mobile,
header .menu-mobile-open,
header .menu-left-mobile,
.tabs__pane_mobile.active,
#our-clients .our-clients-slider.mobile,
#services-bricks .list-item-mobile-btn,
#we-make .we-make__list-wrapper_mobile,
#services-default.design .services-default__list.mobile,
#services-default.design .services-default__list-slider.mobile,
#service-included.target-inst .circle_anim.mobile,
#about-tabs .about-tabs-custom__circle.mobile,
#about-tabs-reverse .about-tabs-custom__circle.mobile{
    display: none;
}
.pulse-phone-button{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 40px;
    padding: 10px;
    border: none;
    background: radial-gradient(85% 85% at 100% 17%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), rgba(221, 0, 159, 1);
    position: fixed;
    bottom: 50px;
    right: 50px;
    cursor: pointer;
    outline: none;
    z-index: 1000;
}
.pulse-phone-button_icon{
    position: absolute;
    top: 13px;
    left: 10px;
    width: 30px;
    height: 30px;
    background: url(../img/phone.svg);
    animation-duration: 2.0s;
    animation-name: phone_call;
    animation-iteration-count: infinite;
}
.pulse-phone-button_circle{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
    width: auto;
    border-radius: 50%;
    animation-duration: 2.0s;
    animation-name: pulse_1;
    animation-iteration-count: infinite;
    z-index: -2;
    background: radial-gradient(85% 85% at 100% 17%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), rgba(221, 0, 159, 1);
}
.pulse-phone-button_circle:nth-child(2) {
  animation-name: pulse_2;
}
 
.pulse-phone-button_circle:nth-child(3) {
  animation-name: pulse_3;
}
@keyframes phone_call {
  0% {
    transform: rotate(-5deg);
  }
  10% {
    transform: rotate(5deg);
  }
  20% {
    transform: rotate(-10deg);
  }
  30% {
    transform: rotate(10deg);
  }
  40% {
    transform: rotate(-15deg);
  }
  50% {
    transform: rotate(15deg);
  }
  60% {
    transform: rotate(-10deg);
  }
  70% {
    transform: rotate(10deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  90% {
    transform: rotate(5deg);
  }
  100%{
    transform: rotate(0deg);
  }
}

@keyframes pulse_1 {
  from {
    opacity: 1;
    transform: scale(0.9, 0.9);
  }
 
  to {
    opacity: 0;
    transform: scale(1.3, 1.3);
  }
}
 
@keyframes pulse_2 {
  from {
    opacity: 1;
    transform: scale(0.8, 0.8);
  }
 
  to {
    opacity: 0;
    transform: scale(1.5, 1.5);
  }
}
 
@keyframes pulse_3 {
  from {
    opacity: 1;
    transform: scale(0.8, 0.8);
  }
 
  to {
    opacity: 0;
    transform: scale(1.7, 1.7);
  }
}
.pulse-telegram-button{
	position: fixed;
    bottom: 50px;
    right: 50px;
	box-shadow: 0 0 1.558vw #24A1DE;
    background: radial-gradient(100.71% 100.71% at 50% 50%, #24A1DE 0%, #24A1DE 100%);
    animation: tg_pulse 3s infinite;
    z-index: 100;	
}
@keyframes tg_pulse {
	0%,
	100% {
		transform: rotate(0deg);
		transform-origin: 50% 100%;
	}

	10% {
		transform: rotate(1deg);
	}

	20%,
	40%,
	60% {
		transform: rotate(-3deg);
	}

	30%,
	50%,
	70% {
		transform: rotate(3deg);
	}

	80% {
		transform: rotate(-1deg);
	}

	90% {
		transform: rotate(1deg);
	}
}
.pulse-telegram-button .telegram-button__title{
	font-size: 1.5vw;
    padding: 0 0 0 3vw;
}
.pulse-telegram-button .telegram-button__title svg{
	width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -1vw;
}
.callback-popup{
    position: fixed;
    top: 0;
    left: 0;
	right: 0;
	bottom: 0;
    transform: translateX(0%);
    transition: 0.5s;
    z-index: 1000;
	display: flex;
    justify-content: center;
    align-items: center;
}
.callback-popup .callback-popup-main{
	background: #fff;
    position: relative;
	width: 40vw;
}
.callback-popup-open:before{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 70%);
    z-index: 999;
    content: '';
}
.callback-popup.hide{
    transform: translateX(-250%);
}
.callback-popup .callback-popup-close {
    position: absolute;
    right: 1vw;
    top: 1.5vw;
    color: rgba(0,0,0,0);
    font-size: 1.182vw;
}
.callback-popup .callback-popup-close:hover {
	cursor: pointer;
}
.callback-popup .callback-popup-close:after {
    content: '';
    background: url(../img/popup-close.svg);
    background-size: contain;
	background-repeat: no-repeat;
    width: 1.5vw;
    height: 1.5vw;
    display: block;
    position: absolute;
    right: 0vw;
    top: -0.5vw;
    pointer-events: none;
}
.callback-popup .callback-popup-title {
    font-size: 3vw;
    color: var(--color-black);
    font-weight: 700;
    padding: 1.805vw 2.805vw 2vw 2.805vw;
}
.callback-popup .callback-popup-body {
    display: flex;
    flex-direction: row;
    padding: 0px 2.805vw 3vw 2.805vw;
    justify-content: space-between;
    gap: 5vw;
}
.callback-popup .callback-popup-content {
    display: flex;
    flex-direction: column;
    gap: 1vw;
}
.callback-popup .callback-popup-content a {
    font-size: 2.182vw;
    color: var(--color-black);
    font-weight: 700;
}
.callback-popup .callback-popup-content a.mail {
	font-weight: 600;
}
.callback-popup .callback-popup-content a .phone-code {
    font-size: 1.7vw;
	font-weight: 600;
}
.callback-popup .callback-popup-social{
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}
.callback-popup .callback-popup-social .social__item {
    width: 3vw;
    height: 3vw;
}
.footer__socials-links{
    display: flex;
    flex-direction: row;
    gap: 1vw;
}
.footer__socials-links .social__item {
    width: 1.5vw;
    height: 1.5vw;
    transition: 300ms;
}
.footer__socials-links .social__item:hover {
    transform: scale(1.2);
}
.icon-instagram{
    display: block;
    background: url(https://dev.webmart.by/webmart/wp-content/themes/webmart_new/assets/img/LogoInstagram.svg);
    background-size: contain;
}
.icon-youtube{
    display: block;
    background: url(https://dev.webmart.by/webmart/wp-content/themes/webmart_new/assets/img/LogoYouTube.svg);
    background-size: contain;
}
.icon-facebook{
    display: block;
    background: url(https://dev.webmart.by/webmart/wp-content/themes/webmart_new/assets/img/LogoFacebook.svg);
    background-size: contain;
}
.icon-tiktok{
    display: block;
    background: url(https://dev.webmart.by/webmart/wp-content/themes/webmart_new/assets/img/LogoTikTok.svg);
    background-size: contain;
}
.icon-linkedin{
    display: block;
    background: url(https://dev.webmart.by/webmart/wp-content/themes/webmart_new/assets/img/LogoLinkedIn.svg);
    background-size: contain;
}
.icon-pinterest{
    display: block;
    background: url(https://dev.webmart.by/webmart/wp-content/themes/webmart_new/assets/img/LogoPinterest.svg);
    background-size: contain;
}
.blog_content img {
    /*width: 100%;
    height: auto;*/
}

.form-popup {
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translateX(0%);
    transition: 0.5s;
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
}
.form-popup.hide{
    transform: translateX(-250%);
}
.form-popup .form-popup-main {
	position: relative;
    width: 71vw;
}

.form-popup-open:before{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 70%);
    z-index: 999;
    content: '';
}

.form-popup .form-popup-close {
    position: absolute;
    right: 1vw;
    top: 1.5vw;
    color: rgba(0,0,0,0);
    font-size: 1.182vw;
}

.form-popup .form-popup-close:hover {
	cursor: pointer;
}

.form-popup .form-popup-close:after {
    content: '';
    background: url(../img/popup-close.svg);
    background-size: contain;
	background-repeat: no-repeat;
    width: 1.5vw;
    height: 1.5vw;
    display: block;
    position: absolute;
    right: 0vw;
    top: -0.5vw;
    pointer-events: none;
}

.form-popup-button:hover {
	cursor: pointer;
}

#respond.comment-respond {
    background: #fff;
    color: #000;
}
.comment-respond .comment-reply-title{
    font-size: 2.182vw;
    color: var(--color-black);
    font-weight: 700;
    padding: 2.805vw 2.805vw 0 2.805vw;
}
.comment-respond form{
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.623vw;
    margin-top: 0.935vw;
    padding: 0 2.805vw 2.805vw 2.805vw;
    flex-direction: column;
}
.comment-respond form .comment-form-cookies-consent{
	display: flex;
    align-items: center;
}
.comment-respond form .comment-form-cookies-consent label{
	color: #9d9d9d;
}
.comment-respond form .form-submit {
	margin: 0;
}
.comment-respond form .form-submit input{
    font-family: 'Gilroy';
    font-weight: 600;
    border: 0.106vw solid;
    padding: 0.639vw 0.994vw;
    font-size: 1.042vw;
    width: fit-content;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.71vw;
    background: none;
    border: 0.106vw solid var(--color-black);
    line-height: 1;
    cursor: pointer;
}
#main-banner.error-page{
	justify-content: center;
	text-align: center;
	height: 63vh;
}
#main-banner.error-page .banner-title {
    font-size: 10vw;
}
#main-banner.error-page .banner-subtitle {
    font-size: 2.5vw;
	text-transform: none;
}
#main-banner.error-page .banner-text {
    font-size: 1.5vw;
	font-weight: 500;
	margin: 0.5vw 0;
}

.pagination .nav-links{
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 1vw;
	margin: 2vw 0 4vw;
}

.pagination .nav-links .page-numbers{
	border: 0.094vw solid;
    width: 2vw;
    height: 2vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination .nav-links .page-numbers:hover{
	background: #FFF;
    color: #000;
}

.pagination .nav-links .page-numbers.current{
	box-shadow: 0 0 1.558vw var(--color-blue);
    background: radial-gradient(100.71% 100.71% at 50% 50%, var(--color-blue) 0%, rgba(217, 217, 217, 0) 100%);
    animation: flicker 3s infinite;
}

.btn-up_hide {
  display: none;
}

.btn-up {
    position: fixed;
    background-color: #FFFFFF;
    right: 53px;
    bottom: 120px;
    border-radius: 40px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
}

.btn-up::before {
  content: "";
  width: 20px;
  height: 20px;
  background: transparent no-repeat center center;
  background-size: 100% 100%;
  background-image: url('data:image/svg+xml,%3Csvg width="25" height="27" viewBox="0 0 25 27" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M12.6418 24.9855V2.66455" stroke="black" stroke-width="2.626" stroke-linecap="round"/%3E%3Cpath d="M2.1377 12.5121L12.6417 2.00806L23.1457 12.5121" stroke="black" stroke-width="2.626" stroke-linecap="round"/%3E%3C/svg%3E');
}

.btn-up_hide {
  display: none;
}

@media (hover: hover) and (pointer: fine) {
  .btn-up:hover {
  }
}

@media screen and (max-width: 600px) {
  .text-outline {
    text-shadow: 0.548vw 0.548vw #fff;
  }
  .container {
    width: 91vw;
  }
  .container-fluid {
    width: 91vw;
  }
  .section-title {
    font-size: 8.588vw;
    margin-bottom: 50px !important;
  }
  .button {
    width: 200px;
    height: 42px;
    font-size: 4.042vw;
    justify-content: center;
    padding: 1.5vw 3.787vw 1.5vw 3.787vw;
  }
  #our-clients .our-clients-slider.mobile {
    display: block;
	width: 100%;
    margin: auto;
  }
  #our-clients .our-clients__img.dekstop {
    display: none;
  }
  header .menu-desktop, header .menu-left-dekstop, header .menu-sticky{
    display: none;
  }
  header .menu-mobile, header .menu-mobile-open{
    display: flex;
    padding-top: 5vw;
  }
  main{
	padding-top: 5vw;
  }
  header .menu-mobile{
    padding: 5vw 4.5vw 5vw 4.5vw;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
  }
  header .menu-mobile.out{
	  background: linear-gradient(267.12deg, #20292ade 11.56%, rgb(32 41 42 / 62%) 158.23%, rgba(32, 41, 42, 0) 158.24%);
  }
  header .menu-mobile-open{
    position: fixed;
    top: 0;
    transform: translateX(0%);
    transition: 0.5s;
    z-index: 998;
  }
  header .menu-left-mobile{
    position: fixed;
    top: 0;
    display: flex;
    transform: translateX(0%);
    transition: 0.5s;
    z-index: 999;
    height: 95dvh;
    min-height: 90dvh;
    padding-top: 5vw;
    padding-bottom: 5vw;
  }
  header .menu-mobile-open.hide{
    overflow:visible;
    transform: translateX(100%);
  }
  header .menu-left-mobile.hide {
    overflow:visible;
    transform: translateX(-100%);
  }
  .menu-mobile-open{
    min-width: 100vw;
    min-height: 98dvh;
    background: linear-gradient(267.12deg, #20292A 11.56%, rgb(32 41 42 / 92%) 158.23%, rgba(32, 41, 42, 0) 158.24%);
    justify-content: center;
  }
  .menu-mobile-open .btn-menu-close .menu-icon:after {
    content: '';
    background: url(../img/menu-close.svg);
    background-size: contain;
	background-repeat: no-repeat;
    width: 5.558vw;
    height: 5.558vw;
    display: block;
    position: absolute;
    right: 4.55vw;
    top: 5vw;
    pointer-events: none;
  }  
  .menu-mobile-open .menu-list-mobile{
    position: absolute;
    left: 50vw;
    top: 18vw;
    margin-top: 5vw;
    font-size: 6vw;
    list-style-type: none;
  }
  .menu-mobile-open .menu-list-mobile .menu__item{
    padding: 1.3vw;
    text-align: right;
  }
  .menu-mobile .btn-menu-open .menu-icon:after {
    content: '';
    background: url(../img/menu-open.svg);
    background-size: contain;
    background-repeat: no-repeat;	
    width: 5.558vw;
    height: 5.558vw;
    display: block;
    position: absolute;
    right: 4.55vw;
    top: 5vw;
    pointer-events: none;
  }
  .menu-left-mobile{
    min-width: 100vw;
    min-height: 100vh;
    background: linear-gradient(267.12deg, #20292A 11.56%, rgb(32 41 42 / 92%) 158.23%, rgba(32, 41, 42, 0) 158.24%);
    display: flex;
    justify-content: center;
  }
  .logo-white {
    width: 8.13vw;
    height: 7.846vw;
  }
  .menu-mobile-open .social-list-mobile{
	position: absolute;
    left: 3vw;
    bottom: 8vw;
    font-size: 5vw;
    list-style-type: none;
  }
  .menu-mobile-open .social-list-mobile li{
	margin: 0 0 4vw;
  }
  .menu-mobile-open .social-list-mobile a{
	font-weight: 500;
  }
  .menu .head-title,
  .menu-mobile-open .head-title,
  .menu-left-mobile .head-title
  {
    font-size: 7.1vw;
  }  
  .menu-mobile-open .head-title,.menu-left-mobile .head-title{
    margin-left: -5vw;
  }
  .menu-left-mobile .menu-sticky-wrapper{
    height: 5.253vw;
    margin-left: 1.7vw;
  }
  .menu .head-elements .menu-icon, 
  .menu-mobile-open .btn-menu-close .menu-icon, 
  .menu-left-mobile .btn-all-services-mobile-close .menu-icon{
     color: rgba(0,0,0,0);
  }
  .menu-left-mobile .btn-all-services-mobile-close .menu-icon:after {
    content: '';
    background: url(../img/menu-close.svg);
    background-size: contain;
	background-repeat: no-repeat;
    width: 5.558vw;
    height: 5.558vw;
    display: block;
    position: absolute;
    right: 10vw;
    top: 5vw;
    pointer-events: none;
  }  
  header .menu-left-mobile .menu-left__list{
    display: block;
    margin-top: 9vw;
    margin-left: 2vw;
  }
  header .menu-left-mobile .menu-left__list .menu-col{
    width: 100%;
  }
  header .menu-left-mobile .menu-left__list .menu-col .menu-item-col{
    padding-bottom: 1.8vw !important;
  }
  header .menu-left-mobile .menu-item__name{
    font-size: 5.5vw;
  }
  header .menu-left-mobile .menu-item__name .arrow{
    width: 13.978vw;
    height: 13.978vw;
    margin: -1.4vw;
  }
  header .menu-left-mobile .menu-left__list .menu-col .menu-list{
    font-size: 4.38vw;
  }
  header .menu-left-mobile .menu-left__list{
    overflow-y: auto;
    overflow-x: hidden;
  }
  header .menu-left-mobile .menu-left__list::-webkit-scrollbar {
    width: 0;
  }
  header .menu-left .menu-left__list .menu-col .menu-item-col.seo, header .menu-left .menu-left__list .menu-col .menu-item-col.target{
    border-top: 0;
  }
  header .menu-left{
    background: linear-gradient(267.12deg, #20292A 11.56%, rgb(32 41 42 / 92%) 158.23%, rgba(32, 41, 42, 0) 158.24%);
  }
  #main-banner.index{
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 6.5vw;
  }
  #main-banner.index .social-vertical{
    display: none;
  }
  #main-banner.index .main-content{
    display: none;
  }
  #main-banner .menu{
    max-width: 100vw;
    font-size: 5.442vw;
  }
  #main-banner .menu .menu__link {
    padding: 3.923vw 0;
}
  #main-banner .menu .menu__item:after{
    width: 12.558vw;
    height: 12.558vw;
    right: -2.45vw;
    top: calc(50% - 6.279vw);
  }
  .marquee-container{
    height: 27.648vw;
  }
  .marquee-container .marquee{
    font-size: 9.8vw;
    padding: 3.479vw 0;
  }
  #about-us{
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 90px;
  }
  #about-us .block.who-we{
    width: 100%;
  }
  #about-us .who-we .who-we__text {
    font-size: 4.387vw;
  }
  #about-us .who-we .button{
    position: absolute;
    top: 250vw;
    margin-top: 35px;
  }
  #about-us .block.qualification{
    width: 100%;
    margin-top: 3.042vw;
    margin-bottom: 90px;
  }
  #about-us .qualification .qualification__title{
    font-size: 6.479vw;
  }
  #about-us .qualification .qualification__item{
    gap: 10vw;
  }
  #about-us .qualification .qualification__item .qualification__text{
    font-size: 3.677vw;
  }
  #about-us .qualification .qualification__item .qualification__img {
    max-width: 20vw;
  }
  #about-us .qualification .qualification__item:hover .qualification__img img {
    transform: scale(1);
  }
  #examination{
    padding-top: 90px;
  }
  #examination .examination__item-list{
    justify-content: center;
  }
  #examination .examination__item{
    width: 100%;
  }
  #examination .examination__item .item__title {
    font-size: 6.279vw;
    padding-bottom: 0.9vw;
	text-align: left;
  }
  #examination.three .examination__item .item__title {
	text-align: right;
  }
  #examination .examination__item .item__number {
    font-size: 20.389vw;
    padding-bottom: 0.7vw;
    -webkit-text-stroke: 0.1vw #fff;
  }
  #examination .examination__item .item__body {
    font-size: 3.887vw;
    margin-top: 4.294vw;
    margin-bottom: 4vw;
  }
  #services .accordion-menu .accordion-menu__header .text-outline{
    font-size: 2.558vw;
  }
  #services{
    display: none;
  }
  .webmart-container {
    margin: 8.116vw 0;
  }
  .webmart-container .webmart-text {
    font-size: 16.233vw;
    -webkit-text-stroke: 0.1vw #fff;
  }
  #form-predict{
    display: none;
  }
  #our-case .case__item{
    width: 100%;
	height: 70vw;
  }
  #our-case .case__item .case__img {
    max-height: none;
	height: 70%;
  }
  #our-case>.button {
    margin-top: 35px;
  }
  #our-team{
    flex-wrap: wrap;    
    justify-content: center;
    padding-top: 90px;
  }
  #our-team .our-team__block {
    width: 100%;
  }
  #our-team .our-team__img{
    width: 100%;
    max-height: 78.976vw;
  }
  #our-team .our-team__block p {
    font-size: 4.387vw;
  }
  .webmart-people-container {
    height: 35vw;
    margin-top: -14.432vw;
  }
  .webmart-people-container .marquee {
    font-size: 12.8vw;
    padding: 3.479vw 0;
  }
  #our-clients {
    padding-top: 90px;
  }
  #our-clients .button{
    margin-top: 35px;
  }

  #form-strategy, #form-block{
    margin-top: 90px;
  }
  #form-strategy .form-title {
    font-size: 6.182vw;
  }
  .form-block .col-6,
  #contacts-map .form-block .col-6{
    width: 100%;
  }
  .form-block .form-control,
  #contacts-map .form-block .form-control{
    font-size: 4.294vw;
    padding: 1.623vw;
  }
  .form-block .captcha,
  #contacts-map .form-block .captcha{
    font-size: 5.294vw;
    padding-top: 3.623vw;
    padding-left: 1.623vw;
  }
  .form-block .checkbox,
  #contacts-map .form-block .checkbox{
    font-size: 4vw;
    padding-top: 7.623vw;
  }
  .form-block .checkbox label:before,
  #contacts-map .form-block .checkbox label:before{
    width: 3.5vw;
    height: 3.5vw;
    margin-right: 1.294vw;
  }
  .form-block .form-btns,
  #contacts-map .form-block .form-btns {
    flex-direction: column;
  }
  .form-block .contact-form, #contacts-map .contact-form {
    gap: 2vw;
  }
  .form-block .form-input span[data-name="text-about-message"] input {
	width: 96%;
	margin: 2.4vw 0 0 0;
  }
  .form-block .form-input .file-input span[data-name="file-cv"] input {
    height: 10vw;
  }
  .form-block .form-input .file-input .file-text {
    gap: 1.5vw;
    margin: -10vw 0 0 0;
    font-size: 4.294vw;
    padding: 1.623vw;
  }
  .form-block .form-input .file-input .file-text:after {
    width: 4.3vw;
    height: 4.3vw;
  }
  .form-block .form-group, 
  #contacts-map .form-group {
    gap: 3vw;
  }
  .form-block .button,
  #contacts-map .form-block .button{
    font-size: 4.542vw;
    padding-top: 2.294vw;
    padding-bottom: 1.294vw;
    padding-left: 5.294vw;
    padding-right: 5.294vw;
    position: relative;
    left: 34.71vw;
    margin-top: 1.8vw;
  }
  footer {
    padding-top: 8.986vw;
  }
  footer .footer-block__left {
    margin: 4vw;
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 5vw;
  }
  footer .footer__block .footer__logo {
    width: 10.566vw;
    height: 10.566vw;
    margin: 0;
	position: absolute;
    top: 4vw;
    right: 4vw;
  }
  footer .menu{
    row-gap: 3vw;
	grid-template-columns: 1fr;
  }
  footer .menu .menu__item {
    width: 22vw;
  }
  footer .footer__block {
    justify-content: flex-start;
	position: relative;
  }
  footer .menu .menu__link {
    font-size: 4.087vw;
  }
  footer .footer-block__right {
    max-width: none;
    font-size: 3.5vw;
	font-weight: 500;
    margin: 4vw;
    gap: 0;
    flex-direction: column-reverse;
    line-height: 1.2;
  }
  footer .footer-block__right .address{
	margin-top: 5vw;
  }
  .social {
    gap: 2vw;
  }
  .social .social__item {
    width: 6.491vw;
    height: 6.491vw;
  }
  footer .footer-block__right a{
	font-weight: 500;
  }
  footer .copyright {
    display: block;
    font-size: 2.53vw;
  }
  footer .copyright__block {
    display: block;
    max-width: 91.435vw;
    padding-top: 1.53vw;
  }
  footer .footer-block__right .footer-block__right_column{
	gap: 3vw;
  }
  footer .footer-block__right .footer__socials {
    align-items: flex-start;
    flex-direction: column;
	gap: 2vw;
  }
  .footer__socials-links {
	display: none;
    gap: 2.5vw;
  }
  .footer__socials-links .social__item {
    width: 6.491vw;
    height: 6.491vw;
  }
  #main-banner.kontekst .banner-content .banner-title:after{
    width: 15.657vw;
    height: 15.657vw;
    right: 3vw;
    top: 10.077vw;    
  }
  #main-banner.seo .banner-content .banner-title:after,
  #main-banner.design .banner-content .banner-title:after,
  #main-banner.aso .banner-subtitle:after,
  #main-banner.acq .banner-subtitle:after,
  #main-banner.contacts .banner-subtitle:after,
  #main-banner.about-us .banner-title:after,
  #main-banner.kontekst-google .banner-content .banner-title:after,
  #main-banner.kontekst-yandex .banner-content .banner-title:after,
  #main-banner.kontekst-audit .banner-content .banner-title:after,
  #main-banner.kontekst-reklama .banner-content .banner-title:after {
    width: 15.657vw;
    height: 15.657vw;
    right: -3vw;
    top: -1.923vw;
  }
  #main-banner .banner-title{
    font-size: 12.099vw;
  }
  #main-banner.taxonomy h1 {
    width: 85%;
  }
  #main-banner.taxonomy .banner-title {
    line-height: 1;
    font-size: 9.599vw;	
  }
  #main-banner .banner-subtitle {
    font-size: 8.691vw;
  }
  #main-banner.kontekst, 
  #main-banner.seo,
  #main-banner.marketplace,
  #main-banner.design,
  #main-banner.target,
  #main-banner.aso,
  #main-banner.acq,
  #main-banner.about-us,
  #main-banner.contacts {
    margin-top: 16.13vw;
  }
  .advantages-list{
    display: block;
    margin: 4vw 0;
  }
  .advantages-list .advantages__number{
    font-size: 14.123vw;
    font-weight: 700;
    width: 15vw;
  }
  .advantages__text{
    font-size: 3.944vw;
    max-width: 67vw;
    margin-bottom: -5vw;
    margin-left: 5.1vw;
  }
  #main-banner .banner-content .button {
    margin-top: 35px;
  }
  #services-default, #services-bricks {
    padding-top: 90px;
  }
  #services-default .services-default__text, #services-bricks .services-bricks__text{
    font-size: 4vw;
    margin: 4.42vw 0;
  }
  #services-default.design.motion .services-default__text {
	  max-width: 100%;
  }
  #services-default.design.motion .list-item .list-item__text {
	  flex-direction: column;
  }
  #services-default.design.motion .list-item .list-item__text .list-item__amount {
	  max-width: 100%;
	  height: auto;
  }
  #services-default .list-item{
    width: 85vw;
    height: 27vw;
    margin: 1vw;
  }
  #services-default .list-item .list-item__text {
    margin-left: 3vw;
  }
  #services-default .list-item .list-item__text .list-item__title{
    font-size: 5.479vw;
  }
  #services-default .list-item .list-item__text .list-item__amount{
    font-size: 3vw;
  }
  #services-default .list-item .list-item__text .list-item__amount .amount-number{
    font-size: 4.849vw;
  }
  #services-default .list-item .list-item__info-icon{
    font-size: 6.84vw;
    margin-right: 2vw;
  }
  #our-case {
    padding-top: 90px;
  }
  #examination .button{
    margin-top: 35px;
  }
  #reports_kontekst{
    display: none;
  }
  #price {
    padding-top: 90px;
  }
  #price .tabs .tabs__list{
    gap: 0vw;
  }
  #price .tabs__btn{
    width: 29vw;
    font-size: 4.11vw;
  }
  #price .tab-time{
    display: block;
  }
  #price.motion .tab-time{
    display: flex;
    flex-direction: column-reverse;
	gap: 8vw;
  }
  #price .tab-time__table,
  #price.motion .tab-time__table  {
    display: block;
    width: 91vw;
  }
  #price .tab-time__amount{
    width: 82.8vw;
  }
  #price .tab-time__amount .amount__sum{
    font-size: 9.3vw;
    width: 64vw;
  }
  #price .tab-time__amount .amount__desc{
    font-size: 4.775vw;
    padding-top: 2.1vw;
  }
  #price .tab-time__commission,
  #price.motion .tab-time__commission {
    border: 0;
    font-size: 4vw;
    width: 83.6vw;
    margin-left: 0vw;
    padding: 1.71vw 3.42vw;
  }
  #price.motion .tab-time__commission {
	  border: 0.106vw solid;
	  border-top: 0;
	  padding: 7.71vw 3.42vw;
  }
  #price .tab-time__commission ul {
    padding: 0px 3.71vw;
  }
  #price .tab-time__text, #price .tab-kpi__text, #price.motion .tab-time__text {
    width: 91.846vw;
  }
  #price .tab-time__text .title, #price .tab-kpi__text .title{
    font-size: 6.294vw;
  }
  #price .tab-time__text p, #price .tab-kpi__text p{
    font-size: 4vw;
    margin-top: 2vw;
  }
  #price .tab-kpi__row{
    display: block;
    width: 91vw;
  }
  #price .tab-kpi__table {
    width: 100%;
  }
  #price .tab-kpi__text .title {
    margin-top: 5vw;
  }
  #price .tab-time__amount, #price .tab-kpi__amount {
    padding: 5.207vw 3.775vw;
  }
  #price.motion .tab-time__amount {
    padding: 10vw 3.775vw;
  }
  #price .tab-time__amount:first-child {
    border-right: 0.106vw solid;
  }
  #price .tab-kpi__amount .amount__sum {
    font-size: 7.775vw;
  }
  #price .tab-kpi__amount .amount__desc {
    font-size: 3.775vw;
  }
  #price .tab-kpi__title{
    font-size: 5.294vw;
    margin-top: 6vw;
    margin-bottom: 4.71vw;
  }
  #price .tab-kpi__table-req{
    display: block;
    border-top: 0.106vw solid;
    border-left: 0.106vw solid;
    border-right: 0.106vw solid;
  }
  #price .tab-kpi__table-req-column{
    border: 0;
    border-bottom: 0.106vw solid;
    width: 87vw;
  }
  #price .tab-kpi__table-req-column:last-child{
    border-right: 0;
  }
  #price .tab-kpi__table-req-column p{
    font-size: 3.5vw;
    margin: 5vw;
  }
  .tabs__pane_dekstop.active {
    display: none;
  }
  .tabs__pane_mobile.active {
    display: block;
  }
  .commission__service {
    font-size: 5.405vw;
    margin-bottom: 3.42vw;
    text-align: left;
    margin-left: 2vw;
    width: 100%;
  }
  .commission__list {
    border: 0.106vw solid;
    width: 95%;
  }
  .commission__item:first-child {
    border-top: 0;
  }
  .commission__item:last-child{
	  border-bottom:0;
  }
  .commission__item {
    border: 0;
    border-bottom: 0.106vw solid;
    height: 20.389vw;
    padding: 3.065vw 5.13vw;
  }
  .commission__text {
    font-size: 4.294vw;
  }
  .commission__price {
    font-size: 5.849vw;
  }
  .commission__price-desc, .commission__subtext{
    font-size: 2.5vw;
  }
  #price>.button {
    margin-top: 35px;
  }
  #ask {
    margin-top: 90px;
  }
  #ask .accordion-menu__title {
    font-size: 4.664vw;
  }
  .accordion-menu .accordion-menu__body .text {
    font-size: 3vw;
    margin-left: 4vw;
  }
  .accordion-menu .accordion-menu__header .icon-plus {
    width: 4.479vw;
    height: 4.479vw;
  }
  #ask .accordion-menu .accordion-menu__header {
    gap: 3.71vw;
  }
  #ask .accordion-menu__body{
    margin-left: 3.272vw;
  }
  #ask .icon-ask {
    font-size: 39.167vw;
    position: absolute;
    top: -8vw;
    left: 62vw;
  }
  .form-block .form-title {
    font-size: 5.182vw;
    padding: 3.805vw 2.805vw 7vw 2.805vw;
  }
  .form-block .form-subtitle {
    font-size: 4.182vw;
    padding: 0 2.805vw 7vw 2.805vw;
  }
  #main-banner.kontekst-google .banner-title {
    font-size: 15.099vw;
  }
  #main-banner .banner-text {
    font-size: 4.099vw;
  }
  .star {
    margin-left: 1.71vw;
    width: 6.775vw;
    height: 6.775vw;
  }
  #qualification{
    padding-top: 90px;
    margin-top: 0;
  }
  #qualification .qualification__group {
    display: block;
  }
  #qualification .qualification__item {
    display: block;
    margin-left: 2.5vw;
  }
  #qualification img.qualification__img {
    height: 20.111vw;
  }
  #qualification .qualification__text {
    width: 100%;
    font-size: 3vw;
  }
  #price.kontekst-google .tab-time__amount {
    width: 82.8vw !important;
  }
  #price.kontekst-google .tab-time__commission {
    width: 83.6vw !important;
  }
  #price .tab-time__text .title, #price .tab-kpi__text .title, #price.aso .tab-time__commission .title, #price.kontekst-google .tab-time__commission .title {
    font-size: 6.294vw;
  }
  #price.kontekst-google .amount__item {
    text-align: left;
    align-items: baseline;
  }
  #services{
    padding-top: 90px;
  }
  #services.kontekst-google {
    display: block;
  }
  #services.kontekst-google .accordion-menu__title span {
    width: 9.222vw;
    height: 6.222vw;
  }
  #services.kontekst-google .accordion-menu__title {
    font-size: 4.3vw;
    width: 80vw;
  }
  #services .accordion-menu__title .icon{
    width: 10vw;
  }
  #services .accordion-menu__title .text{
    width: 80vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
  }
  #services .accordion-menu .accordion-menu__item .accordion-menu__body{
    margin-left: 7.6vw;
  }
  #services .accordion-menu .accordion-menu__item.show .accordion-menu__body{
    max-height: 150vw;
    margin-left: 7.6vw;
  }
  #services .accordion-menu .accordion-menu__body .subtitle {
    font-size: 3.5vw;
    margin-left: 3vw;
  }
  #services .accordion-menu .accordion-menu__body .buttons {
    margin: 1.87vw 0 1.479vw 3vw;
  }
  #services .accordion-menu .accordion-menu__body .buttons .button {
    font-size: 2.935vw;
    border-width: 0.031vw;
    padding: 1.5vw 2.787vw 1.5vw 2.787vw;
  }
  #services>.button {
    margin-top: 35px;
    margin-left: 30.9vw;
  }
  .circle-one {
    right: -150px;
    top: -40.044vw;
    transform: rotate(19deg);
	background: radial-gradient(circle at 100%, var(--circle-bg-color), #fff0 109.594vw);
    width: 200.594vw;
    min-height: 268.071vw;
  }
  .circle-two {
    background: radial-gradient(circle at 100%, var(--circle-bg-color), #fff0 46.594vw);
    width: 0;
    height: 0;
    right: -21.908vw;
    top: -13.901vw;
  }
  .circle-three {
    left: -54%;
    top: 39%;
    width: 142.594vw;
    height: 250.082vw;
    background: radial-gradient(41.95% 48% at 43% 65.11%, var(--circle-bg-color) 0%, #fff0 135%);
    transform: rotate(30deg);
  }
  .circle-three.kontekst {
    left: -70%;
    top: 39%;
    width: 150.594vw;
    height: 170.082vw;
  }
  .circle-four {
    right: -47px;
    top: 81%;
  }
  .circle-four.kontekst {
    top: 71%;
    width: 183.594vw;
    height: 204.071vw;
    right: -11px;
    background: radial-gradient(circle at 100%, var(--circle-bg-color), #fff0 105.594vw);
  }
  .circle-five {
    top: 32%;
    width: 89.594vw;
    height: 127.071vw;
    background: radial-gradient(circle at 100%, var(--circle-bg-color), #fff0 64.594vw);
  }
  .circle-five.seo {
    top: 78%;
  }
  .circle-six {
    background: radial-gradient(circle at 100%, var(--circle-bg-color), #fff0 106.594vw);
    width: 131.594vw;
    height: 213.071vw;
    top: 83%;
    right: -8vw;
  }
  .circle-seven {
    left: -21.358vw;
  }
  #main-banner.kontekst-audit .banner-text {
    margin-top: 12vw;
  }
  #main-banner.kontekst-audit .button .text-bold {
    font-size: 5.065vw;
  }
  #tasks .tasks__list, .vacancy-info__list,
  #main-client #tasks .tasks__list, #tasks.motion .tasks__list {
    font-size: 4vw;
    gap: 3.065vw;
  }
  #tasks.motion .tasks__list {
	margin-left: 0.519vw;
    padding-left: 13vw;
    width: 100%;
  }
  #tasks .tasks__list li:before, .vacancy-info__list li:before {
    width: 8.13vw;
    height: 8.13vw;
    left: -13.84vw;
    top: 4px;
  }
  #main-client #tasks .tasks__list {
	margin-left: 1.42vw;
	padding: revert;
  }
  #main-client #tasks .tasks__list li:before {
    width: 8.13vw;
    height: 8.13vw;
    left: -12.84vw;
    top: 0vw;
  }
  #main-banner.kontekst-reklama .banner-text {
    margin: 5.42vw 0;
  }
  #main-banner.kontekst-reklama .service__list {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(5, 19.259vw);
    gap: 1.71vw;
  }
  #main-banner.kontekst-reklama .banner-content>.button {
    margin-top: 35px;
  }
  #calculator .calculator p {
    font-size: 8vw;
  }
  #calculator .service {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(5, 11.13vw);
    gap: 1.71vw;
  }
  #calculator .service-button {
    font-size: 3.71vw;
  }
  #calculator .service-block {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.71vw;
  }
  #calculator .service-item .service-item__close {
    font-size: 4.42vw;
  }
  #calculator .service-item .service-name {
    font-size: 7.13vw;
    margin-left: 3vw;
    margin-top: 2vw;
  }
  #calculator .service-item .amount {
    font-size: 3.51vw;
    margin-top: 3.71vw;
    margin-left: 3vw;
  }
  #calculator .service-item .service-condition {
    font-size: 3.168vw;
    margin-top: 6.284vw;
    margin-left: 3vw;
    margin-bottom: 2vw;
  }
  #calculator .service-item .service-amount {
    text-align: right;
    font-size: 5.136vw;
    position: absolute;
    top: 22vw;
    left: 45vw;
  }
  #calculator .calculator-total {
    flex-direction: column;
  }
  #calculator .calculator-total .calculator-total__text{
    font-size: 7vw;
  }
  #calculator .calculator-total .button{
    position: relative;
    top: 3vw;
    left: 32vw;
    margin-top: 35px;
  }
  .services-price {
    font-size: 7.84vw;
  }
  #services-bricks .services-bricks__list {
    width: 91vw;
    display: flex;
    flex-direction: column;
    gap: 1.71vw;
    align-items: center;
    height: 65.5vw;
    flex-wrap: nowrap;
    overflow: hidden;
    -webkit-transition: height 2s;
    transition: height 1s;
  }
  #services-bricks .services-bricks__list.active {
    height: 131.6vw;
  }
  #services-bricks .services-bricks__list .list-item{
    width: 88.5vw;
    height: 5vw;
    padding: 2.05vw 0.994vw;
    font-size: 4vw;
    border: 0.106vw solid #fff;
    position: relative;
    opacity: 1;
    visibility: visible;
    transition: opacity 1s, visibility 0s;
  }
  #services-bricks .list-item-mobile-btn{
    display: block;
    font-size: 4vw;
    text-shadow: 0 0 20px var(--color-orange);
    text-align: center;
    margin-top: 3vw;
  }
  #services-bricks .list-item-mobile-btn img{
    width: 8vw;
    margin-bottom: -2vw;
    margin-left: -1vw;
  }
  #services-bricks .list-item-mobile-btn.active img{
    rotate: 180deg;
  }
  #service-included .service-included__thead-name {
    font-size: 4.849vw;
    text-transform: uppercase;
    text-align: left;
  }
  #service-included .service-included__table {
    width: 95%;
  }
  #service-included .service-included__tbody {
    display: block;
    font-size: 2.924vw;
  }
  #service-included .service-included__td-name {
    font-size: 3.479vw;
  }
  #service-included .service-included__list {
    margin: 2.42vw 0;
  }
  #service-included .service-included__td:first-child:after, #service-included .service-included__td:first-child:before {
    content: none;
  }
  #service-included .service-included__list {
    padding-left: 4vw;
  }
  #service-included .swiper-button-next, #service-included .swiper-button-prev {
    --swiper-navigation-size: 3.42vw;
  }
  #service-included .service-inluded__slider .swiper-button-next {
    right: -5px;
    color: #fff;
  }
  #service-included .service-inluded__slider .swiper-button-prev {
    left: -5px;
    color: #fff;
  }
  /*#services .accordion-menu {
    border-top: 0.106vw solid;
    border-left: 0.106vw solid;
    border-right: 0.106vw solid;
  }
  #services .accordion-menu .accordion-menu__item {
    border: 0;
    border-bottom: 0.106vw solid;
  }*/
  .accordion-menu .accordion-menu__header .icon-plus:after {
    top: calc(50% - 1.7vw);
    width: 4.5vw;
    height: 4.4vw;
  }
  .accordion-menu .accordion-menu__header .icon-plus:before {
    top: calc(50% - 0.7vw);
    width: 4.3vw;
  }
  .accordion-menu .accordion-menu__item.show .icon-plus:before {
    height: 0.5vw;
    transform: rotate(180deg);
  }
  #main-banner.kontekst-audit .button-group {
    flex-direction: column;
  }
  #tasks{
    padding-top: 90px;
  }
  #calculator{
    padding-top: 90px;
  }
  #service-included {
    padding-top: 90px;
    padding-bottom: 3.116vw;
  }
  #tasks.seo-google .tasks__list {
    font-size: 4vw;
  }
  #tasks.seo-optimize .tasks__list li:before, #tasks.seo-google .tasks__list li:before {
    content: '';
    width: 8.13vw;
    height: 8.13vw;
    left: -11.84vw;
    top: 4px;
  }
  #price.aso .tab-time__amount {
    text-align: left;
    width: 82.8vw !important;
  }
  #price.aso .tab-time__amount .amount__sum {
    float: left;
    width: 77vw;
  }
  #price.aso .tab-time__commission{
    border-left: 0.106vw solid;
    border-right: 0.106vw solid;
    border-bottom: 0.106vw solid;
    width: 83.6vw !important;
  }
  #price.aso .tab-time__commission ul{
    line-height: 6vw;
  }
  #main-banner.seo-google .banner-text {
    margin: 4.84vw 0;
  }
  #main-banner.seo-optimize .banner-title {
    margin-top: 13vw;
  }
  #main-banner.seo-optimize {
    margin-bottom: 0;
  }
  #tasks.seo-optimize .tasks__list {
    padding-left: 10.259vw;
  }
  #services.seo-optimize{
    display: flex;
  }
  #services.seo-optimize .services__text {
    font-size: 3.775vw;
    margin-bottom: 3.42vw;
  }
  #services.seo-optimize .accordion-menu .accordion-menu__item {
    padding: 1.935vw 1.42vw 1.935vw 2.805vw;
  }
  #services.seo-optimize .accordion-menu .accordion-menu__header .text-outline {
    font-size: 4.558vw;
  }
  #services.seo-optimize .accordion-menu .accordion-menu__item .accordion-menu__body,
  #services.create-site .accordion-menu .accordion-menu__item .accordion-menu__body,
  #services.ua .accordion-menu .accordion-menu__item .accordion-menu__body{
    margin-left: 0;
    max-width: 80vw;
  }
  #services.seo-optimize .accordion-menu .accordion-menu__item.show .accordion-menu__body,
  #services.create-site .accordion-menu .accordion-menu__item.show .accordion-menu__body,
  #services.ua .accordion-menu .accordion-menu__item.show .accordion-menu__body{
    margin-left: 0;
    max-width: 80vw;
  }
  #result-work{
    margin-top: 90px;
  }
  #result-work .advantages-list .advantages__number {
    width: 15vw;
  }
  #result-work .advantages-list .advantages__text {
    font-size: 3.944vw;
  }
  #result-work .advantages-list .advantages__item {
    width: 80vw;
  }
  #main-banner.young-site .banner-subtitle, #main-banner.shop .banner-subtitle {
    font-size: 8.691vw;
  }
  #main-banner.young-site .banner-title {
    font-size: 12.099vw;
  }
  #main-banner.seo-google.young-site .banner-content .banner-title:after {
    top: -1.923vw;
  }
  #examination.three .examination__item {
    width: 100%;
  }
  #main-banner.shop .banner-title {
    font-size: 12.099vw;
  }
  #main-banner.seo-google.shop .banner-content .banner-title:after, 
  #main-banner.seo-google.shop .banner-content .banner-title:after,
  #main-banner.seo-google.shop .banner-content .banner-title:after {
    top: -1.923vw;
    width: 15.657vw;
    height: 15.657vw;
  }
  #main-banner.seo-english .banner-title {
    font-size: 11.099vw;
  }
  #services-default.seo-filter .list-item .list-item__text .list-item__title {
    font-size: 6.485vw;
    margin-top: 2vw;
  }
  #services-default.seo-filter .list-item ul {
    font-size: 5vw;
    padding-left: 6vw;
  }
  #services-default.seo-audit .list-item .list-item__text{
    font-size: 4vw;
  }
  #our-clients .our-clients-slider {
    position: relative;
  }
  #our-clients .our-clients-slider .swiper-slide{
    background: 0;
  }
  #our-clients .our-clients-slider .swiper-slide .service-included__table{
    height: 70vw
  }
  #our-clients .our-clients-slider .swiper-button-next, #our-clients .our-clients-slider .swiper-button-prev{
    color: #fff;
  }
  #our-clients .our-clients-slider .swiper-button-next {
    right: -9px;
    left: auto;
  }
  #our-clients .our-clients-slider .swiper-button-prev {
    left: -9px;
    right: auto;
  }
  .tab-commission-slider .swiper-slide{
    background: none;
    color: #fff;
    flex-direction: column;
  }
  .tab-commission-slider .swiper-button-next {
    right: -5px;
    color: #fff;
    top: 54%;
  }
  .tab-commission-slider .swiper-button-prev {
    left: -5px;
    color: #fff;
    top: 54%;
  }
  #price .tabs .tabs__content {
    margin-top: 8.84vw;
  }
  #price.motion .tabs .tabs__content {
    margin-top: -5vw;
  }
  .tab-commission-slider .swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom: 144vw;
    left: 0;
    width: 100%;
  }
  .tab-commission-slider .swiper-pagination-bullet {
    background: #fff;
  }
  .tab-commission-slider ..swiper-pagination-bullet-active {
    background: #fff;
  }
  #main-banner.marketplace .banner-title{
    font-size: 10.699vw;
  }
  .marquee-container.marketplace-head {
    margin: 7vw 0 2.13vw;
  }
  #services-default.marketplace .list-item {
    width: 44%;
    height: 13vw;
    margin: 0vw;
  }
  #services-default.marketplace .list-item .list-item__text {
    margin-left: 0vw;
  }
  #services-default.marketplace .list-item .list-item__text .list-item__title {
    font-size: 6vw;
  }
  .ozon-image {
    width: 21.198vw !important;
  }
  #we-make {
    padding-top: 90px;
  }
  #we-make .we-make__list-wrapper {
    margin-top: 0vw;
  }
  #we-make .we-make__list-wrapper_desktop {
    display: none;
  }
  #we-make .we-make__list-wrapper_mobile {
    display: flex;
  }
  #we-make .we-make__list-wrapper {
    gap: 3.42vw;
  }
  #we-make .we-make__item {
    width: 48%;
    height: 30vw;
  }
  #we-make .we-make__item .arrow {
    width: 100%;
  }
  #we-make .we-make__item .arrow.right,
  #we-make .we-make__item .arrow.left {
    margin-left: 2.8vw;
  }
  #we-make .we-make__list-wrapper .we-make__list:last-child .arrow.left, 
  #we-make .we-make__list-wrapper .we-make__list:last-child .arrow.right {
    border-right: 0;
    margin-left: 2.578vw;
  }
  #we-make .we-make__item-content {
    max-width: 71%;
    left: 6.549vw;
  }
  #we-make .we-make__item-title {
    font-size: 11.679vw;
  }
  #we-make .we-make__item-text {
    font-size: 2.679vw;
  }
  #we-work {
    padding-top: 90px;
  }
  #we-work .we-work__text{
    font-size: 3.679vw;
  }
  #we-work .section-subtitle {
    margin: 3.42vw 0;
    font-size: 4.917vw;
  }
  .we-work__list {
    flex-direction: column;
    gap: 5vw;
  }
  .we-work__item-head {
    padding: 1.71vw;
    font-size: 5.42vw;
  }
  .we-work__item-body {
    padding: 0.71vw;
    font-size: 3.42vw;
    padding-bottom: 5vw;
  }
  #we-work .button{
      margin-top: 35px;
  }
  #price-row{
    padding-top: 90px;
  }
  #price-row .button{
      margin-top: 35px;
  }
  .price-row__subtitle {
    font-size: 3.71vw;
    position: absolute;
    top: 31vw;
  }
  .price-row__list {
    flex-direction: column;
  }
  .price-row__item-head {
    font-size: 4.42vw;
  }
  .price-row__item-body {
    font-size: 3vw;
  }
  .price-row__item-body .sku {
    font-size: 3.5vw;
  }
  #main-banner.target .banner-content .banner-title:after{
    right: -1vw;
    top: 10.077vw;
  }
  .marquee-container{
    margin-top: 8vw;
  }
  #services-default.target .services-default__list {
    flex-direction: column;
    width: 100%;;
  }
  #services-default.target .list-item {
    height: 25.584vw;
    width: 85vw;
  }
  #services-default.target .list-item .list-item__info-icon img {
    width: 7.13vw;
  }
  #services-default.target .list-item .list-item__info-icon {
    font-size: 11.84vw;
    margin-right: 2vw;
  }
  #services-default.target .list-item .list-item__text .list-item__title {
    margin-top: 2vw;
  }
  #services-default.marketplace .services-default__list{
    flex-direction: row;
  }
  #services-default.design .list-item {
    width: 80vw;
  }
  #services-default.design.motion .list-item {
	width: 100%;
    border: 0;
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 0;
    margin: 0;
    background: none;
    color: #FFF;
  }
  #services-default.design.motion .list-item .list-item__text {
    margin-left: 5vw;
    margin-right: 5vw;
	justify-content: center;
    padding: 0 0 5vw 0;	
  }
  #services-default.design.motion .services-default__list-slider.mobile{
    margin-bottom: 15vw;
    position: relative;	
  }
  #services-default.design.motion .services-default__list-slider .swiper-button-next {
    right: -1vw;
    top: 35vw;
    left: auto;
  }
  #services-default.design.motion .services-default__list-slider .swiper-button-prev {
    left: -1vw;
    right: auto;
    top: 35vw;
  }
  #services-default.design.motion .services-default__list-slider .swiper-pagination .swiper-pagination-bullet{
    background: #FFF;
	opacity: 0.5;
  }
  #services-default.design.motion .services-default__list-slider .swiper-pagination .swiper-pagination-bullet-active{
    background: #FFF;
	opacity: 1;
  }
  #services-default.design.motion .services-default__list-slider .swiper-pagination{
    font-size: 4vw;
    bottom: -5vw;
  }
  #services-default.design .list-item .list-item__text .list-item__title {
    font-size: 5.5vw;
    margin-top: 3vw;
    margin-bottom: 4vw;
  }
  #services-default.design .list-item .list-item__text .list-item__amount {
    font-size: 4vw;
    text-align: start;
  }
  #services-default.design .services-default__list.dekstop{
    display: none;
  }
  #services-default.design .services-default__list.mobile,
  #services-default.design .services-default__list-slider.mobile{
    display: block;
  }
  #services-default.design .services-default__list.mobile .swiper-pagination{
    font-size: 4vw;
    position: absolute;
    top: 47vw;
    left: 37vw;
    z-index: 0;
  }
  #services-default.design .services-default__list-slider .swiper-button-next, 
  #services-default.design .services-default__list-slider .swiper-button-prev {
    color: #fff;
  }
  #services-default.design .services-default__list-slider .swiper-button-next {
    right: -1vw;
    top: 76vw;
    left: auto;
  }
  #services-default.design .services-default__list-slider .swiper-button-prev {
    left: -1vw;
    right: auto;
    top: 76vw;
  }
  #services-default.design .services-default__list.mobile .swiper-slide{
    background: none;
    color: #fff;
  }
  #services-default.design .button {
    margin-top: 35px;
  }
  #main-banner .banner-title.img-ozon {
    height: 10.969vw;
  }
  #main-banner .banner-title.img-ozon .ozon-image {
    width: 40.427vw !important;
  }
  #main-banner.seo.wb.ozon .banner-content .banner-title:after {
    right: -3vw;
    top: -1.13vw;
  }
  #main-banner.target-inst .banner-content .banner-title:after {
    top: 2.84vw;
    right: 0;
  }
  #price.target .tab-time__commission,
  #price.target-inst .tab-time__commission{
    border: 0.106vw solid;
    border-top: 0;
  }
  #service-included.target-inst .service-included__tbody{
    display: flex;
    flex-direction: column;
  }
  #service-included.target-inst .service-included__td .title {
    height: 30vw;
    width: 54.939vw;
    text-align: center;
  }
  #service-included.target-inst .service-included__td .title .title__text{
    font-size: 31.939vw;
  }
  #service-included.target-inst .service-inluded__slider .swiper-button-next, 
  #service-included.target-inst .service-inluded__slider .swiper-button-prev {
    right: -5px;
    color: #fff;
    top: 26vw;
  }
  #service-included.target-inst .circle-value {
    font-size: 14.614vw;
  }
  #price.target-inst .tabs__btn {
    width: 35vw;
    font-size: 5.11vw;
  }
  #main-banner.target-ok .banner-title{
    font-size: 8.099vw;
  }
  #main-banner.target-inst .banner-content .banner-title:after {
    top: -1.16vw;
    right: 0;
    width: 13.657vw;
    height: 13.657vw;
  }
  #service-included.target-inst .circle_anim.dekstop {
    display: none;
  }
  #service-included.target-inst .circle_anim.mobile{
    display: block;
    margin-left: 26vw;
  }
  #service-included.target-inst .circle_anim.mobile circle {
    stroke-width: 5vw;
  }
  #main-banner.design .banner-title {
    font-size: 12.241vw;
  }
  #main-banner.design.motion .banner-title {
    font-size: 14.241vw;
	line-height: 1;
  }
  #main-banner.design.motion .banner-text {
    max-width: 85%;
  }
  #services-default.design .list-item .list-item__text .list-item__amount .amount-number {
    font-size: 6.707vw;
    margin: 4vw;
  }
  #services-default.services_design .list-item,
  #services-default.services_create-site .list-item {
    width: 85vw;
  }
  #our-case .button-group .button {
    font-size: 3.542vw;
    margin-top: 35px;
  }
  #tasks.design .star {
    width: 14.775vw;
    height: 6.775vw;
    margin-top: -9vw;
  }
  #tasks .tasks__text {
	font-size: 4vw;
  }
  #technical{
    padding-top: 90px;
  }
  #technical.design .tabs__list{
    gap: 0;
    flex-wrap: wrap;
  }
  #technical>.tabs>.tabs__list>.tabs__btn {
    /*width: auto;
    border-left: 0;*/
  }
  #technical>.tabs>.tabs__list>.tabs__btn:first-child {
    border-left: 0.106vw solid;
  }
  #technical.design .tabs__btn {
    padding: 2.71vw;
    padding-left: 6.9vw;
    padding-right: 6.9vw;
    font-size: 4.11vw;
  }
  #technical.design .tabs__btn[data-tab="mytarget"] {
    padding-left: 4.9vw;
    padding-right: 4.9vw;
    border-top: 0;
    border-left: 0.106vw solid;
  }
  #technical.design .tabs__btn[data-tab="tiktok"] {
    padding-left: 4vw;
    padding-right: 4vw;
    border-top: 0;
  }
  #technical.design .tabs__btn[data-tab="instfb"] {
    padding-left: 0.9vw;
    padding-right: 0.9vw;
    border-top: 0;
  }
  #technical.design .tabs__btn[data-tab="vk"] {
    padding-left: 0.9vw;
    padding-right: 0.9vw;
    border-top: 0;
  }
  #technical.design .tabs__btn[data-tab="google"] {
    padding-left: 0.9vw;
    padding-right: 0.9vw;
    border-top: 0;
  }
  #technical.design .technical__tabs .tabs__btn {
    width: 77vw;
    border-right: 0.106vw solid;
    border-bottom: 0;
  }
  #technical.design .technical__tabs .tabs__btn:hover, 
  #technical.design .technical__tabs .tabs__btn.active{
    border-right: 0;
  }
  #technical.design .technical__tabs .tabs__row {
    flex-direction: column;
  }
  .tabs__content {
    margin-top: 5.84vw;
  }
  .technical__tabs .tabs__column{
    border-right: 0;
    border-bottom: 0.106vw solid;
    width: 80vw !important;
    padding: 5vw;
  }
  .technical__tabs .tabs__column:last-child{
    border-bottom: 0;
  }
  .technical__tabs {
    font-size: 4.072vw;
    line-height: 6vw;
  }
  .technical__tabs .media-row {
    gap: 4.42vw;
  }
  .technical__tabs .media-column ul {
    padding-left: 4.852vw;
  }
  .tabs__pane[data-tab-id="yandex"] .tabs__pane[data-tab-id="g-banners"] .img-banner {
    max-width: 35.068vw;
    margin-left: auto;
    margin-right: auto;
  }
  .technical__tabs .text-row.img-banner {
    max-width: 45.939vw;
    margin-left: auto;
    margin-right: auto;
  }
  .tabs__pane[data-tab-id="google"] .tabs__pane[data-tab-id="adaptive-banners"] .media-row {
    flex-direction: column;
  }
  .tabs__pane[data-tab-id="vk"] .tabs__pane .img-banner {
    max-width: 45.747vw;
  }
  .tabs__pane[data-tab-id="mytarget"] .tabs__pane[data-tab-id="mytarget-video"] .img-banner {
    max-width: 50.618vw;
  }
  #we-make.aso .we-make__list-wrapper .we-make__list:last-child .arrow.left, 
  #we-make.aso .we-make__list-wrapper .we-make__list:last-child .arrow.right{
    border-right: none;
    border-left: 0.106vw solid #fff;
  }
  #we-make.aso .we-make__list-wrapper .we-make__list:last-child .we-make__item:last-child{
    border-left: none;
    border-right: 0.106vw solid #fff;
  }
  #services.acq {
    display: flex;
  }
  #services.acq .services__text {
    font-size: 3vw;
  }
  #services.acq .accordion-menu .accordion-menu__item {
    padding: 1.935vw 2.42vw 1.935vw 2.805vw;
  }
  #services.acq .accordion-menu .accordion-menu__header .text-outline {
    font-size: 4.558vw;
  }
  #service-parts .service-parts__table{
    border-bottom: none;
    flex-direction: column;
  }
  #service-parts .service-parts__td {
    padding: 5vw 5vw;
    margin-top: 15vw;
    height: 55vw;
  }
  #service-parts .service-parts__td:first-child {
    margin-top: 0vw;
  }
  #service-parts .service-parts__td:nth-child(1),
  #service-parts .service-parts__td:nth-child(2),
  #service-parts .service-parts__td:nth-child(3) {
    width: auto;
  }
  #service-parts .service-parts__td-content{
    font-size: 4vw;
    margin-top: 3.71vw;
  }
  #service-parts .service-parts__td-name{
    justify-content: center;
  }
  #service-parts .service-parts__number {
    font-size: 15vw;
    width: 20vw;
  }
  #service-parts .service-parts__name {
    font-size: 5vw;
    width: 40vw;
  }
  #service-parts .service-parts__td:before{
    top: 47vw;
    transform: rotate(76deg);
    right: 22.5vw;
  }
  #service-parts .service-parts__td:after {
    top: 47vw;
    transform: rotate(104deg);
    right: 67.5vw;
  }
  #service-parts .service-parts__td:before, #service-parts .service-parts__td:after {
    width: 0.106vw;
    height: 47vw;
  }
  #service-parts .service-parts__td:last-child:before,
  #service-parts .service-parts__td:last-child:after {
    display: block;
  }
  .pulse-phone-button{
    bottom: 30px;
    right: 30px;
  }
  .pulse-telegram-button{
    bottom: 30px;
	right: calc(50% - (75px + 3vw));
	width: 150px;
  }
  .pulse-telegram-button .telegram-button__title{
	font-size: 4.5vw;
    padding: 0 3vw 0 11vw;
  }
  .pulse-telegram-button .telegram-button__title svg{
	width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -4vw;
  }
  .callback-popup .callback-popup-main {
    width: 80vw;
  }
  .callback-popup .callback-popup-close{
    top: 1.5vw;
    font-size: 3.182vw;
  }
  .callback-popup .callback-popup-close:after {
    width: 4vw;
    height: 4vw;
    right: 0.5vw;
    top: -0.5vw;
  }
  .callback-popup .callback-popup-title{
    font-size: 6.182vw;
    padding: 3.805vw 4.805vw 5vw 4.805vw;
  }
  .callback-popup .callback-popup-body{
    padding: 0 4.805vw 5vw 4.805vw;
  }
  .callback-popup .callback-popup-content{
    gap: 3vw;
  }
  .callback-popup .callback-popup-content a{
    font-size: 4.182vw;
  }
  .callback-popup .callback-popup-content a .phone-code {
    font-size: 3.2vw;
  }
  .callback-popup .callback-popup-social .social__item{
    width: 8.491vw;
    height: 8.491vw;
  }
  .form-popup .form-popup-main {
    width: 80vw;
  }
  .form-popup .form-popup-close{
	top: 1.5vw;
    font-size: 3.182vw;
  }
  .form-popup .form-popup-close:after {
    width: 4vw;
    height: 4vw;
    right: 0.5vw;
    top: -0.5vw;
  }
  .form-popup .form-popup-main.form-block .form-input{
	flex-direction: column;
  }
  .form-popup .form-popup-main.form-block .form-input .col-6 {
    width: 100%;
  }
  .form-popup .form-popup-main.form-block .button{
    margin-left: auto;  
	left: auto;
  }
  .form-popup .form-popup-main.form-block .checkbox .wpcf7-list-item {
	  margin: 0;
  }
  .about-tabs {
    flex-direction: column;
  }
  .about-tabs .about-tabs__tabs {
    font-size: 4vw;
    column-gap: 1.71vw;
  }
  .about-tabs .about-tabs__tab {
    padding: 1.71vw 1.42vw;
    margin-bottom: 1.71vw;
  }
  .about-tabs .about-tabs__tab:nth-of-type(8),
  .about-tabs .about-tabs__tab:nth-of-type(9) {
    margin-top: 2.065vw;
  }
  .about-tabs__content{
    height: 50vw;
  }
  .about-tabs-custom_1__bg, .about-tabs-custom_9__bg {
    font-size: 35.648vw;
  }
  .about-tabs-custom_1__text, .about-tabs-custom_9__text {
    font-size: 35.648vw;
  }
  #about-tabs .about-tabs-custom__circle.dekstop,
  #about-tabs-reverse .about-tabs-custom__circle.dekstop{
    display: none;
  }
  #about-tabs .about-tabs-custom__circle.mobile,
  #about-tabs-reverse .about-tabs-custom__circle.mobile{
    display: block;
  }
  #about-tabs-reverse .about-tabs-custom__circle.pets.mobile{
      transform: rotate(190deg);
  }
  .about-tabs-custom__circle circle {
    stroke-width: 6vw;
  }
  .about-tabs-custom__text-1,
  .about-tabs-custom__text-2 {
    font-size: 3vw;
    display: flex;
    flex-direction: column-reverse;
  }
  .pets .about-tabs-custom__text-1 span,
  .pets .about-tabs-custom__text-2 span,
  .pets .about-tabs-custom__text-3 span,
  .pets .about-tabs-custom__text-4 span {
	font-size: 3vw;
  }
  .about-tabs-custom__text-1 {
    margin-left: -10.84vw;
  }
  .about-tabs-custom__text-2 {
    margin-left: 37.454vw;
  }
  .pets .about-tabs-custom__text-1 {
	top: 9vw;
	margin-left: -13vw;
  }
  .pets .about-tabs-custom__text-2 {
	top: -3vw;
	margin-left: 35vw;
  }
  .pets .about-tabs-custom__text-3 {
	bottom: 15vw;
    margin-left: 48vw;
  }
  .pets .about-tabs-custom__text-4 {
	bottom: -7vw;
    margin-left: 24vw;
  }
  .about-tabs-custom__text-1 span,
  .about-tabs-custom__text-2 span,
  .pets .about-tabs-custom__text-1 span.num,
  .pets .about-tabs-custom__text-2 span.num,
  .pets .about-tabs-custom__text-3 span.num,
  .pets .about-tabs-custom__text-4 span.num {
    font-size: 5.84vw;
  }
  .about-tabs-custom_3 {
    margin: -1.259vw auto 0;
  }
  .about-tabs-custom_3 .title {
    height: 30.519vw;
    width: 72vw;
  }
  .about-tabs-custom_3 .title__text>span {
    font-size: 30.229vw;
  }
  .about-tabs-custom_3 .title__text {
    font-size: 21.259vw;
  }
  .about-tabs-custom_3 .subtitle {
    font-size: 6.775vw;
    text-align: center;
  }
  .about-tabs-custom_4 {
    margin-top: -1.389vw;
  }
  .about-tabs-custom_4__row .college {
    font-size: 4.5vw;
  }
  .tagcloud {
    height: 50.747vw !important;
  }
  .tagcloud--item{
    font-size: 3.136vw;
  }
  .about-tabs-custom_7 {
    margin: 15vw auto;
  }
  .about-tabs-custom_7 .title__text {
    font-size: 8.556vw;
  }
  .about-tabs-custom_7 .subtitle {
    font-size: 4.775vw;
  }
  .about-tabs-custom_7 .title {
    height: 8.84vw;
    width: 88.396vw;
  }
  .about-tabs-custom_8 {
    margin: 8.58vw auto 0;
  }
  .about-tabs-custom_8 .title {
    height: 19.229vw;
    margin-left: 13vw;
  }
  .about-tabs-custom_8 .title__text {
    font-size: 20.229vw;
  }
  .about-tabs-custom_8 .subtitle {
    font-size: 4.775vw;
    text-align: center;
  }
  #about-tabs-reverse .about-tabs {
    flex-direction: column;
  }
  .about-tabs-custom_9__subtitle {
    font-size: 5.13vw;
    margin: 0 10vw;
  }
  .about-tabs-custom_10 {
    width: 74.328vw;
  }
  .about-tabs-custom_10__img {
    width: 30.099vw;
    height: 30.099vw;
  }
  #about-tabs-reverse .about-tabs-custom__text-1, .about-tabs-custom__text-2 {
    flex-direction: column;
  }
  .about-tabs__pane[data-tab-id="tab-5"] .about-tabs-custom__text-1 {
    top: 7.13vw;
    margin-left: -6.13vw;
	font-size: 2.5vw;
  }
  .about-tabs__pane[data-tab-id="tab-5"] .about-tabs-custom__text-2 {
    bottom: 6.71vw;
    margin-left: 45.744vw;
	font-size: 2.5vw;
  }
  .about-tabs-custom_9__row {
    gap: 0;
  }
  .about-tabs-custom_9__row .about-tabs-custom_9__bg, .about-tabs-custom_9__row .about-tabs-custom_9__text {
    font-size: 15.679vw;
  }
  .about-tabs-custom_9__row .about-tabs-custom_9__subtitle {
    margin: auto;
    font-size: 5.5vw;
  }
  #hr_contacts {
    margin-top: 8.679vw;
    margin-bottom: 7.84vw;
  }
  #hr_contacts .hr_contacts__title {
    margin-bottom: 5.84vw !important;
  }
  #hr_contacts .contact-list .contact-item {
    /* gap: 1vw; */
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  #hr_contacts .button {
    font-size: 4.542vw;
  }
  #hr_contacts .contact-list .contact-item .contact-item__title {
    font-size: 4.065vw;
  }
  #hr_contacts .contact-list .contact-item .contact-item__url {
    font-size: 3.542vw;
  }
  #vacancy .vacancy__list {
    gap: 3.42vw;
  }
  #vacancy .vacancy__item {
    padding: 4.13vw;
  }
  #vacancy .vacancy__name {
    font-size: 9vw;
  }
  #vacancy .vacancy__desc{
    font-size: 4vw;
    width: 100%;
    padding: 3vw 0;
  }
  #main-banner.vacancy-detail .banner-text{
    width: 100%;
  }
  #hr .hr-block .hr-block__title{
    margin: 0 !important;
	flex-direction: column;
    align-items: flex-start;
    font-size: 8.588vw;
  }
  #hr .hr-block .hr-block__subtitle {
    font-size: 5.278vw;
  }
  #vacancy-info .vacancy-info__list {
    flex-direction: column;
  }
  #vacancy-info .vacancy-info__list .vacancy-info__item{
    font-size: 4vw;
    width: 100%;
    padding: 0;
  }
  #vacancy-info .vacancy-info__list li:before{
    left: -10.84vw;
    top: -5px;
  }
  #hr{
    padding-top: 90px;
  }
  #vacancy-info{
    padding-top: 90px;
  }
  #vacancy-dop{
    padding-top: 90px;
  }
  #hr .hr-block, #vacancy-dop .vacancy-dop-block {
    padding: 5.13vw 7.259vw;
  }
  #vacancy-dop .vacancy-info__title{
    margin: 0 !important;
  }
  #blog .tabs__list, #cases .tabs__list {
    gap: 1.8vw;
    justify-content: start;
  }
  #blog .tabs__btn, #cases .tabs__btn {
    padding: 1.71vw 3.9vw;
    font-size: 4.11vw;
  }
  #blog .tabs__btn[data-tab="tab_1"]{
    padding: 1.71vw 5.9vw;
  }
  #blog .tabs__btn[data-tab="tab_2"]{
    padding: 1.71vw 6.5vw;
  }
  #blog .tabs__btn[data-tab="tab_3"]{
    padding: 1.71vw 5.7vw;
  }
  #blog .tabs__btn[data-tab="tab_4"]{
    padding: 1.71vw 3.6vw;
  }
  #blog .tabs__btn[data-tab="tab_5"]{
    padding: 1.71vw 3.7vw;
  }
  #blog .tabs__btn[data-tab="tab_6"]{
    padding: 1.71vw 3.5vw;
  }
  #blog .tabs__btn[data-tab="tab_7"]{
    padding: 1.71vw 3.4vw;
  }
  #blog .tabs__btn[data-tab="tab_8"]{
    padding: 1.71vw 3.6vw;
  }
  #blog .tabs__btn[data-tab="tab_9"]{
    padding: 1.71vw 3.7vw;
  }
  #blog .tabs__btn[data-tab="tab_10"]{
    padding: 1.71vw 11.3vw;
  }
  #blog .tabs__btn[data-tab="tab_11"]{
    padding: 1.71vw 11.2vw;
  }
  #blog .post__list,
  #sample-posts .post__list {
    flex-direction: column;
    gap: 4.42vw;
  }
  #blog .post__item:first-child {
    flex-direction: column;
    max-height: none;
  }
  #blog .post__item:first-child .post__content {
    width: auto;
    padding: 4.13vw 4.84vw;
  }
  #blog .post__item .post__content,
  #sample-posts .post__item .post__content {
    padding: 4.13vw 4.84vw;
  }
  #blog .post__item,
  #sample-posts .post__item {
    width: 100%;
  }
  #blog .post__title,
  #sample-posts .post__title, 
  #blog .post__item:first-child .post__title {
    font-size: 5.846vw;
  }
  #blog .post__item .post__descr,
  #sample-posts .post__item .post__descr,
  #blog .post__item:first-child .post__descr {
    -webkit-line-clamp: 5;
    font-size: 4.5vw;
    margin: 4vw 0;
  }
  #blog .post__bottom,
  #sample-posts .post__bottom {
    display: flex;
    justify-content: space-between;
    gap: 0.71vw;
    font-size: 4vw;
  }
  #blog .post__info,
  #sample-posts .post__info {
    gap: 2.71vw;
  }
  #blog .post__view:before,
  #sample-posts .post__view:before {
    width: 7vw;
    height: 3vw;
  }
  #contacts-map .social-vertical{
    display: none;
  }
  #contacts-map .contact-map {
    flex-direction: column;
    gap: 5vw;
    margin-top: 35vw;
  }
  /*#contacts-map .contact-map .form {
    position: relative;
    right: 0;
    width: auto;
    height: auto;
  }
  #contacts-map .contact-form {
    padding: 0 2.805vw 2.805vw 2.805vw;
  }
  #contacts-map .contact-map .form .form-title {
    font-size: 7.182vw;
    padding: 3.805vw 2.805vw 3.805vw  2.805vw
  }
  #contacts-map .contact-map .form .form-title p{
    font-size: 4.182vw;
	margin: 3vw 0;
  }
  #contacts-map .form-control {
    font-size: 4.294vw;
    padding: 1.623vw;
  }
  #contacts-map .captcha {
    font-size: 6.294vw;
    padding-top: 3.623vw;
	padding-left: 1.623vw;
  }
  #contacts-map .checkbox {
    font-size: 4vw;
    padding-top: 7.623vw;
  }
  #contacts-map .checkbox label:before {
    width: 3.5vw;
    height: 3.5vw;
    margin-right: 1.294vw;
  }
  #contacts-map .button {
    font-size: 4.542vw;
  }*/
  #job-position .people__list {
    flex-direction: column;
    gap: 15vw;
    margin-bottom: 40px;
  }
  #job-position .people__list .people__item {
    max-width: none;
    gap: 4vw;
  }
  #job-position .people__list .people__item .people__img {
    width: 70.244vw;
    height: 70.244vw;
  }
  #job-position .people__list .people__item .people__img__wrapper {
    margin: 1.4vw;
  }
  #job-position .people__list .people__item .people__title {
    border-radius: 10vw 10vw 10vw 0;
    padding: 3.923vw 8.42vw;
    height: auto;
  }
  #job-position .people__list .people__item .people__title .people-position {
    font-size: 5.5vw;
  }
  #job-position .people__list .people__item .people__title .people-name {
    font-size: 4vw;
  }
  #job-position .people__list .people__item .people__desc {
    border-radius: 10vw 0 10vw 10vw;
    padding: 2.923vw 8.42vw;
    font-size: 5vw;
  }
  
  #contacts-map .contact-info {
    font-size: 4vw;
    line-height: 6vw;
  }
  #contacts-map .contact-info .title {
    font-size: 5.278vw;
  }
  #contacts-map #map {
    width: 100vw;
    margin-left: -4.5vw;
    height: 80vw;
  }
  #contacts-map .contact-info{
    position: absolute;
    top: 19vw;
  }
  #contacts-map .contact-list .contact-item {
    /*gap: 1vw;*/
	flex-direction: row;
    justify-content: flex-start;
	flex-wrap: wrap;
  }
  #contacts-map .contact-list .contact-item.telegram {
    align-items: center;
  }
  #contacts-map .contact-list .contact-item .contact-item__title {
    font-size: 4.065vw;
  }
  #contacts-map .contact-list .contact-item .contact-item__url{
    font-size: 2.7vw;
  }
  #contacts-map .contact-list .contact-item.telegram .contact-item__title {
    font-size: 5.065vw;
  }
  #contacts-map .contact-list .contact-item.telegram .contact-item__url{
    display: none;
  }
  #job-position .job-position__title {
    text-transform: uppercase;
  }
  #cases .tabs__btn {
    width: 36vw;
    text-align: center;
  }
  #cases .post__list {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  #cases .post__item {
    width: 100%;
    gap: 0.71vw;
    max-height: none;
    background: none;
  }
  #cases .post__item .post__img{
    border-bottom: 0.106vw solid;
  }
  #cases .post__item .post__text{
    font-size: 6vw;
  }
  #cases .post__item:first-child,
  #cases .post__item:nth-child(5n+1),
  #cases .post__item:nth-child(2),
  #cases .post__item:nth-child(5n+2),
  #cases .post__item:nth-child(3),
  #cases .post__item:nth-child(5n+3),
  #cases .post__item:nth-child(4),
  #cases .post__item:nth-child(5n+4),
  #cases .post__item:nth-child(5),
  #cases .post__item:nth-child(5n+5)  {
    width: auto;
    border: 0.106vw solid;
  }
  #case-image {
    margin-top: 4.42vw;
    margin-bottom: 6.549vw;
  }
  #about-client {
    flex-direction: column;
    font-size: 4vw;
  }
  #about-client .about-client__text{
    margin-top: -10vw;
  }
  #main-client {
    flex-direction: column;
    font-size: 4vw;
    gap: 6.549vw;
  }
  #main-client .date-table {
    width: auto;
  }
  .date-table__row .text a {
	text-underline-offset: 0.6vw;
  }
  #main-client .date-table__tr {
    padding: 3.42vw;
    gap: 3.065vw;
  }
  #main-client .date-table__row {
    flex-direction: row;
  }
  #main-client .date-table__row .title,
  #main-client .date-table__row .text {
    width: 40vw;
  }
  blockquote {
    margin: 10vw 0;
    padding: 2vw 0;
    font-size: 3.5vw;
    line-height: inherit;
  }
  #client-text{
    font-size: 4vw;
  }
  #client-text .client-text__title{
    margin-top: 9.259vw;
  }
  #client-text tr {
    display: flex;
    flex-direction: column;
    gap: 3vw;
  }
  #client-text table td {
    width: auto;
    padding: 1.71vw 3.84vw;
  }
  #client-text table h3,
  #client-text table .h3,
  #client-text table .td__title {
    font-size: 6.588vw;
    margin: 1.71vw 0;
  }
  #client-text p:not(:has(img)),
  #client-text ul{
	width: initial;
  }
  #client-text blockquote {
    padding: 1vw 1vw 1vw 12vw;
  }
  #client-text blockquote:before {
    font-size: 20vw;
  }
  #client-text h2 {
    font-size: 5.5vw; 
  }
  #client-text h3, h4, h5 {
    font-size: 4.5vw;
  }
  #client-text .row-cols {
    grid-template-columns: 1fr;
    gap: 3vw;
  }
  #our-case .case__item,
  #cases .post__item {
    border: 0.106vw solid;
  }
  #our-case .case__item .case__img,
  #cases .post__item .post__img{
    border-bottom: 0.106vw solid;
  }
  #our-case .case__item .case__descr, 
  #cases .post__item .post__descr{
    /*position: static;*/
    opacity: 1;
    background: none;
    /*margin-bottom: 5vw;
    width: 90%;
    height: auto;*/
	display: flex;
    align-items: flex-end;
  }
  #our-case .case__item .case__descr:before, 
  #cases .post__item .post__descr:before{
    background: none !important;
	content: none;
  }
  #our-case .case__item .case__descr:after, 
  #cases .post__item .post__descr:after{
    top: auto;
    bottom: 1vw;
    width: 12.229vw;
    height: 12.229vw;
  }
  #our-case .case__item .case__descr .case__descr-text, 
  #cases .post__item .post__descr .post__descr-text {
    font-size: 4vw;
    height: calc(30% - 3.42vw);	
    width: 85%;	
  }
  #our-case.motion .case__item .case__descr .case__descr-text {
    height: 11.58vw;
    width: 70%;	
  }
  #our-case .our-case-list,
  #cases .post__list {
    gap: 4.887vw;
  }
  #our-case.motion .our-case-list {
	grid-template-columns: auto auto;
    grid-auto-flow: row dense;
    gap: 1.887vw;
  }
  #our-case.motion .case__item.w-1.h-1 {
    width: 44vw;
	height: 44vw;
	grid-row: span 1;
  }
  #our-case.motion .case__item.w-1.h-2 {
    width: 44vw;
	height: 90.887vw;
	grid-row: span 2;
  }
  #our-case.motion .case__item.w-1.h-1-2 {
    width: 44vw;
	height: 44vw;
	grid-row: span 1;
  }
  #our-case.motion .case__item.w-2.h-1 {
    width: 90vw;
	height: 64vw;
	grid-column: span 2;
    grid-row: span 1;
  }
  #our-case .case__item .case__video {
	  width: 99.9%;
	  height: calc(100% - 15vw);
  }
  #services-default .list-item .show .list-item__info-text {
    width: calc(100% - 6.4vw);
    padding: 1.526vw 4.526vw 1.526vw 1.917vw;
    font-size: 2.4vw;
  }
  #services-default .list-item .show .list-item__info-icon-close {
    top: 0.1vw;
    right: 1.3vw;
    font-size: 5.5vw;
  }
  .form-input .wpcf7-not-valid-tip {
    font-size: 3vw;
  }
  .wpcf7 form .wpcf7-response-output{
	font-size: 3.5vw;
  }
  .form-block .form-input, 
  #contacts-map .form-block .form-input{
	flex-direction: column;
  }
  .form-block .form-input .col-6,
  #contacts-map .form-block .form-input .col-6 {
    width: 100%;
  }
  /*#contacts-map .col-12 {
    width: 98%;
  }*/
  #post_blog .blog_anchor_links {
	width: 100%;
    margin: 4vw auto 8vw;
  }
  #post_blog .blog_anchor_links .H2_anchor_link{
    text-decoration: underline;
    text-underline-offset: 3px;	
    font-size: 3.4vw;
    margin: 3vw 0;	
  }
  #post_blog .blog_anchor_links .H3_anchor_link{
    font-size: 3.2vw;
    margin: 3vw;	
  }
  #post_blog .blog_content{
	font-size: initial;
  }
  #post_blog .blog_content p:not(:has(img)),
  #post_blog .blog_content blockquote,
  #post_blog .blog_content h2,
  #post_blog .blog_content h3,
  #post_blog .blog_content h4,
  #post_blog .blog_content h5,
  #post_blog .blog_content h6,
  #post_blog .blog_content ul,
  #post_blog .blog_content ol{
    width: initial;
  }
  #post_blog .blog_content h2 {
    font-size: 5.5vw; 
  }
  #post_blog .blog_content h3, h4, h5 {
    font-size: 4.5vw;
  }
  #post_blog .blog_content blockquote {
    padding: 1vw 1vw 1vw 12vw;
  }
  #post_blog .blog_content blockquote:before {
    font-size: 20vw;
  }
  #sample-posts {
	margin: 12vw auto 0;
  }
  #sample-posts .section-title {
	font-size: 5vw;
    text-transform: none;
  }
  #blog .button, #cases .button {
    margin: 8vw 0 8vw auto;
  }
  #main-banner.error-page .banner-title {
    font-size: 30vw;
  }
  #main-banner.error-page .banner-subtitle {
    font-size: 5.5vw;
  }
  #main-banner.error-page .banner-text {
    font-size: 3.5vw;
	margin: 2.5vw 0;
  }
  .technical__tabs > .tabs__list{
	display: flex;
  }
  #main-banner.case-detail .banner-subtitle {
    font-size: 7.7vw;
  }
  .form-block input[type="submit"],
  #contacts-map input[type="submit"] {
	background: var(--color-pale-blue);
    color: #fff;
    border-color: #fff;
  }
  .no-scroll {
    overflow: hidden;
  }
  
  #our-clients .our-clients__images.dekstop {
    display: none;
  }
  
  #our-clients .our-clients__images.mobile {
    display: grid;
	width: 95%;
    grid-template-columns: repeat(3, 1fr);
  }

  #our-clients .our-clients__images.mobile .our-clients__image {
	width: calc(100% - 0.068vw);
	height: 20vw;
    border-bottom: 0.068vw #777 solid;
    border-right: 0.068vw #777 solid;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #our-clients .our-clients__images.mobile .our-clients__image:nth-child(3n+1) {
    border-left: 0.068vw #777 solid;
	width: calc(100% - 0.136vw);
  }

  #our-clients .our-clients__images.mobile .our-clients__image:nth-child(-n+3) {
    border-top: 0.068vw #777 solid;
  }

  #our-clients .our-clients__images.mobile .our-clients__image img {
	max-width: 100%;
    /* max-height: 80%; */
    /* width: auto; */
    /* height: auto; */
    /* object-fit: contain; */
  }
  #our-clients .our-clients-slider .swiper-button-next {
    right: -10px;
    left: auto;
  }
  #our-clients .our-clients-slider .swiper-button-prev {
    left: -10px;
    right: auto;
  }
  .pagination .nav-links {
    gap: 2vw;
    margin: 8vw 0 0vw;
  }
  .pagination .nav-links .page-numbers {
    width: 8vw;
    height: 8vw;
    font-size: 4vw;
  }
  #breadcrumbs{
	font-size: 4.099vw;
	margin-top: 15vw;
    margin-bottom: 0vw
  }
  .btn-up {
    right: 32px;
    bottom: 100px;
  }
}