:root {
    --primary-blue-130: #2a60e4;
    --primary-blue-100: #3773ea;
    --primary-blue-90: #548dff;
    --primary-blue-10: #ebf1fd;
    --primary-blue-05: #f5f8fe;
    ---primary-red: #ef2934;
    --dark-purple: #3f394b;
    --tekst-zagolovok: #201d26;
    --tekst-tekst: #59575f;
    --tekst---belyy: #fff;
    --tekst-temno-seryy: #989898;
}


* {
    box-sizing: border-box;
}

html {
    overflow-x: hidden;
}

body {
    margin: 0;
    padding: 0;
    font-family: "TT Norms", sans-serif;
    font-size: 18px;
    color: #201d26;
    font-variant-ligatures: none;
    background-color: #fdfdfd;
    position: relative;
}

.container {
    display: block;
    margin: 0 auto;
    max-width: 1330px;
    padding: 0 15px;
    z-index: 1;
    /*position: relative;*/
}

h1 {
    font-weight: bold;
    font-size: 48px;
    line-height: 60px;
    margin: 0;
    transition: all 200ms ease;
}

h2 {
    font-weight: bold;
    font-size: 42px;
    line-height: 50px;
    margin: 0 0 110px;
}

h3 {
    font-weight: 500;
    font-size: 36px;
    line-height: 135%;
    margin: 0 0 90px;
}

h4 {
    font-weight: 500;
    font-size: 32px;
    line-height: 135%;
    margin: 0 0 30px;
}

h5 {
    font-weight: 500;
    font-size: 26px;
    line-height: 31px;
    margin: 0 0 30px;
}

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

a {
    text-decoration: none;
    color: #000;
}

a:hover {
    text-decoration: underline;
}

p {
    color: #59575f;
    margin: 0 0 30px;
}

p:last-child {
    margin-bottom: 0;
}

ul {
    margin: 0 0 30px;
    padding: 0;
}

ul li {
    list-style-type: none;
}

.gridblock__text ul li,
.linksblock ul li{
    background-repeat: no-repeat;
    background-image: url(/local/templates/mworks/img/li.svg);
    background-position: 0 5px;
    list-style-type: none;
}

.otherServices .linksblock__item ul{cursor: text;}
ol {margin: 0 0 30px;}
li {
    margin-bottom: 24px;
    padding-left: 30px;
    color: #59575f;
    font-weight: normal;
    font-size: 20px;
    line-height: 150%;
}

input,
textarea,
button {
    color: inherit;
    outline: none;
    font-family: inherit;
    font-variant-ligatures: none;
}

textarea {
    min-height: 140px;
}

/* Headers */
.header_purple {
    background: #4e33b5 !important;
    color: #fff;
}

.header_blue_dark {
    background: #1f2532 !important;
    color: #fff;
}

.header_blue {
    background: #006cb5 !important;
    /*background: #2c2835;*/
    color: #fff;
}

.header_blue_light {
    background: #f1f4fa;
    color: #000;
}

.logo_light .logo {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAyIiBoZWlnaHQ9IjIxMyIgdmlld0JveD0iMCAwIDMwMiAyMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDApIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTk2LjkzIDcyLjA1MDRMMTIzLjUxMiAtNTRMMTAyLjc4MyAtMTguMjc4Mkw4MS45NjI2IC01My45ODA1TDAgODYuOTQ5Nkg1OC44NzI2TDU4Ljg3MjggODYuOTQ5NEgxMDUuMDdMMTc4LjQ4OCAyMTNMMTk5LjIxNyAxNzcuMjc4TDIyMC4wMzcgMjEyLjk4MUwzMDIgNzIuMDUwNEgyNjAuNDU2SDI0My4xMjdIMTk2LjkzWk0xMzcuOTYxIDcyLjA1MDVMMTM3Ljk0OCA3Mi4wNTA0SDk2LjM5MThMOTYuMzkxOSA3Mi4wNTA1SDY3LjU0NjFMMTAyLjc5MSAxMS41MDY5TDEzNy45NjEgNzIuMDUwNVpNMTIyLjQgODYuOTQ5NEwxNzguNDY0IDE4My4yMDVMMTkwLjUzOCAxNjIuMzk3TDE5MC41MzYgMTYyLjM5MkwxOTAuNTM3IDE2Mi4zOUwxNDYuNjIgODYuOTQ5NUgxNDYuNjE4TDE0Ni42MTggODYuOTQ5NEgxMjIuNFpNNTAuMjE3IDcyLjA1MDdIMjUuOTg4NEw4MS45ODAzIC0yNC4yMjQzTDk0LjEzMjIgLTMuMzg2NDlMNTAuMjE3IDcyLjA1MDdaTTEyMy41MzYgLTI0LjIwNUwxMTEuNDYxIC0zLjM5NjlMMTExLjQ2NCAtMy4zOTE4OEwxMTEuNDYxIC0zLjM4NTY3TDE1NS4yODIgNzIuMDUwNEgxNzkuNkwxMjMuNTM2IC0yNC4yMDVaTTE2My45NDkgODYuOTQ5NUgyMDUuNjA4TDIwNS42MDggODYuOTQ5NEgyMzQuNDU0TDE5OS4yMDIgMTQ3LjUwNkwxNjMuOTQ5IDg2Ljk0OTVaTTI1MS43ODIgODYuOTQ5NEwyMDcuODY3IDE2Mi4zODZMMjIwLjAyIDE4My4yMjRMMjc2LjAxMiA4Ni45NDk0SDI1MS43ODJaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjAzIi8+DQo8L2c+DQo8cGF0aCBkPSJNMjUuNjc3OCA2Ny45MTU1SDMxLjY1MjFMMzguMjc3IDc4LjU5OTRMNDQuOTAyIDY3LjkxNTVINTAuODE3MVY5My4xNDEzSDQ1LjMxNlY3Ni42NDA3TDM4LjIxNzkgODcuNDQzM0gzOC4wOTk2TDMxLjA2MDYgNzYuNzU5NFY5My4xNDEzSDI1LjYxODdWNjcuOTE1NUgyNS42Nzc4WiIgZmlsbD0id2hpdGUiLz4NCjxwYXRoIGQ9Ik01NS40MzE2IDY3LjkxNTVINzQuNDE5MlY3Mi44NDJINjAuOTMyN1Y3Ny45NDY1SDcyLjgyMjFWODIuODcyOUg2MC45MzI3Vjg4LjE1NTVINzQuNTk2N1Y5My4xNDEzSDU1LjQzMTZWNjcuOTE1NVoiIGZpbGw9IndoaXRlIi8+DQo8cGF0aCBkPSJNNzguMDg1NCA2Ny45MTU1SDg3LjkwNDZDOTUuODMwOCA2Ny45MTU1IDEwMS4yNzMgNzMuMzc2MiAxMDEuMjczIDgwLjU1ODFDMTAxLjI3MyA4Ny42ODA3IDk1LjgzMDggOTMuMjAwNyA4Ny45MDQ2IDkzLjIwMDdINzguMDg1NFY2Ny45MTU1Wk04Ny45MDQ2IDg4LjE1NTVDOTIuNDU5MiA4OC4xNTU1IDk1LjQ3NTkgODUuMDY5MSA5NS40NzU5IDgwLjU1ODFDOTUuNDc1OSA3Ni4xMDY1IDkyLjQwMDEgNzIuOTYwNyA4Ny45MDQ2IDcyLjk2MDdIODMuNjQ1N1Y4OC4yMTQ5SDg3LjkwNDZWODguMTU1NVoiIGZpbGw9IndoaXRlIi8+DQo8cGF0aCBkPSJNMTA1IDY3LjkxNTVIMTEwLjU2VjkzLjE0MTNIMTA1VjY3LjkxNTVaIiBmaWxsPSJ3aGl0ZSIvPg0KPHBhdGggZD0iTTEyNC4wNDcgNjcuNzM3M0gxMjkuMTM0TDEzOS45NTkgOTMuMTQxMkgxMzQuMTYyTDEzMS44NTUgODcuNTAyNUgxMjEuMjA4TDExOC45MDEgOTMuMTQxMkgxMTMuMjgyTDEyNC4wNDcgNjcuNzM3M1pNMTI5Ljg0NCA4Mi41NzZMMTI2LjUzMiA3NC4zODVMMTIzLjE2IDgyLjU3NkgxMjkuODQ0WiIgZmlsbD0id2hpdGUiLz4NCjxwYXRoIGQ9Ik0xNDAuOTY0IDY3LjkxNTZIMTQ0LjA0TDE1MS4yNTYgODguOTI3MkwxNTguMTc3IDY3Ljc5NjlIMTYwLjU0M0wxNjcuNDY0IDg4LjkyNzJMMTc0LjY4IDY3LjkxNTZIMTc3LjYzOEwxNjguNjQ3IDkzLjM3ODhIMTY2LjE2MkwxNTkuMjQyIDcyLjkwMTRMMTUyLjMyMSA5My4zNzg4SDE0OS45NTVMMTQwLjk2NCA2Ny45MTU2WiIgZmlsbD0id2hpdGUiLz4NCjxwYXRoIGQ9Ik0xNzguODggODAuNTU4MUMxNzguODggNzMuNjEzNiAxODQuMDg2IDY3LjUgMTkxLjc3NSA2Ny41QzE5OS40MDYgNjcuNSAyMDQuNTUyIDczLjU1NDIgMjA0LjU1MiA4MC41NTgxQzIwNC41NTIgODcuNTAyNiAxOTkuMzQ3IDkzLjYxNjEgMTkxLjY1NyA5My42MTYxQzE4NC4wMjcgOTMuNjE2MSAxNzguODggODcuNTYxOSAxNzguODggODAuNTU4MVpNMjAxLjU5NCA4MC41NTgxQzIwMS41OTQgNzQuODAwNiAxOTcuMzk1IDcwLjExMTYgMTkxLjY1NyA3MC4xMTE2QzE4NS45MTkgNzAuMTExNiAxODEuNzc5IDc0Ljc0MTMgMTgxLjc3OSA4MC41NTgxQzE4MS43NzkgODYuMzE1NSAxODUuOTc5IDkxLjAwNDUgMTkxLjcxNiA5MS4wMDQ1QzE5Ny41MTMgOTAuOTQ1MiAyMDEuNTk0IDg2LjMxNTUgMjAxLjU5NCA4MC41NTgxWiIgZmlsbD0id2hpdGUiLz4NCjxwYXRoIGQ9Ik0yMDkuMTA2IDY3LjkxNTVIMjE5LjkzMUMyMjMuMDA3IDY3LjkxNTUgMjI1LjQ5MSA2OC44NjUyIDIyNy4wODggNzAuNDY3OEMyMjguMzMgNzEuNzE0MiAyMjkuMDQgNzMuNDM1NSAyMjkuMDQgNzUuNTEyOUMyMjkuMDQgNzkuNzI3MSAyMjYuMTQyIDgyLjE2MDcgMjIyLjIzOCA4Mi44NzI5TDIyOS45MjcgOTMuMTQxM0gyMjYuNDM3TDIxOS4xNjIgODMuMzQ3OEgyMTEuOTQ1VjkzLjE0MTNIMjA5LjEwNlY2Ny45MTU1Wk0yMTkuNjk0IDgwLjc5NTVDMjIzLjQ4IDgwLjc5NTUgMjI2LjE0MiA3OC44MzY4IDIyNi4xNDIgNzUuNTEyOUMyMjYuMTQyIDcyLjQyNjUgMjIzLjc3NSA3MC41MjcxIDIxOS42OTQgNzAuNTI3MUgyMTEuOTQ1VjgwLjc5NTVIMjE5LjY5NFoiIGZpbGw9IndoaXRlIi8+DQo8cGF0aCBkPSJNMjU2LjA3MiA4OS40NjEzTDI1Ny44NDYgODcuMzgzOUMyNjAuNDQ5IDg5Ljc1ODEgMjYyLjk5MiA5MC45NDUyIDI2Ni40ODIgOTAuOTQ1MkMyNjkuODU0IDkwLjk0NTIgMjcyLjEwMiA4OS4xNjQ1IDI3Mi4xMDIgODYuNTUyOUMyNzIuMTAyIDg0LjE3ODcgMjcwLjg2IDgyLjg3MjkgMjY1LjUzNiA4MS43NDUyQzI1OS43MzkgODAuNDk4NyAyNTcuMDc3IDc4LjU5OTQgMjU3LjA3NyA3NC4zODUyQzI1Ny4wNzcgNzAuNDA4NCAyNjAuNTY3IDY3LjUgMjY1LjM1OSA2Ny41QzI2OS4wMjYgNjcuNSAyNzEuNjI5IDY4LjU2ODQgMjc0LjIzMSA3MC41ODY1TDI3Mi41NzUgNzIuNzgyNkMyNzAuMjA5IDcwLjg4MzIgMjY3LjkwMiA3MC4wNTIzIDI2NS4yOTkgNzAuMDUyM0MyNjIuMDQ2IDcwLjA1MjMgMjU5LjkxNyA3MS44MzI5IDI1OS45MTcgNzQuMjA3MUMyNTkuOTE3IDc2LjU4MTMgMjYxLjIxOCA3Ny45NDY1IDI2Ni43NzggNzkuMTMzNkMyNzIuMzk3IDgwLjM4IDI3NSA4Mi4zOTgxIDI3NSA4Ni4zNzQ4QzI3NSA5MC43MDc4IDI3MS4zOTIgOTMuNDk3NCAyNjYuNDIzIDkzLjQ5NzRDMjYyLjQwMSA5My40OTc0IDI1OS4wODggOTIuMTkxNiAyNTYuMDcyIDg5LjQ2MTNaIiBmaWxsPSJ3aGl0ZSIvPg0KPHBhdGggZD0iTTI0MC4yMiA3OS41NDkxTDI1NC42NTMgNjcuNzk2OUgyNTEuNjk1SDI1MC45MjZMMjM2LjQ5MyA3OS40ODk4SDIzNi41NTJWNjcuNzk2OUgyMzYuNDkzSDIzMy42NTRWOTMuMjYwMUgyMzYuNDkzSDIzNi41NTJWODIuNTE2OUwyMzguMjA4IDgxLjE1MTdMMjUwLjkyNiA5My4yNjAxSDI1MS42MzZIMjU0LjY1M0wyNDAuMjIgNzkuNTQ5MVoiIGZpbGw9IndoaXRlIi8+DQo8ZGVmcz4NCjxjbGlwUGF0aCBpZD0iY2xpcDAiPg0KPHJlY3Qgd2lkdGg9IjMwMiIgaGVpZ2h0PSIyMTMiIGZpbGw9IndoaXRlIi8+DQo8L2NsaXBQYXRoPg0KPC9kZWZzPg0KPC9zdmc+DQo=);
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 12px;
    transform: scale(0.65);
    float: none;
    margin: 4px auto 0;
}

.lds-ellipsis div {
    position: absolute;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #fff;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
    left: 6px;
    animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
    left: 6px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
    left: 26px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
    left: 45px;
    animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(19px, 0);
    }
}

.martop {
    margin-top: 60px;
}

.martop2 {
    margin-top: 90px;
}

.video__center {
    display: flex;
    justify-content: center;
}

/* Header */
.header {
    display: flex;
}

.header__logo {
    display: flex;
    margin-left: -25px;
    position: relative;
    z-index: 1;
}

.header__logo > a {
    position: relative;
}

.headerfix {
    position: fixed;
    background: #fdfdfd;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
    width: 100%;
    left: 0;
    top: 0;
    z-index: 15;
    transition: all 300ms ease;
    transform: translateY(-100%);
    color: #000;
}

.headerfix .logo {
    width: 150px;
    height: 80px;
    background-size: 150px;
}

.headerfix .logo__text {
    margin-top: 19px;
}

.headerfix .menu {
    padding-top: 28px;
}

.headerfixshow {
    transform: none;
}

.headerfix .header__city {
    margin-top: 29px;
    margin-left: 14px;
}

.headerfix .header__currentcity::after {
    background-image: url("/local/templates/mworks/css/../img/header/arrow_b.svg");
}

.secwhite .header__currentcity::after {
    background-image: url("/local/templates/mworks/css/../img/header/arrow_b.svg");
}

.headerfix .logo__text {
    width: 200px;
    margin-top: 19px;
    font-size: 16px;
    line-height: 19px;
    margin-left: 20px;
    position: relative;
    left: 0;
    bottom: 0;
    color: #000;
}

.secwhite .logo__text {
    color: #000;
}

.logo__text {
    font-size: 15px;
    margin-left: 26px;
    bottom: 70px;
    color: #fff;
    width: 200px;
}

.headerfix .header__logo > a {
    display: inherit;
}

.headerfix .header__logo > a:hover {
    text-decoration: none;
}

.header__city {
    position: relative;
    margin-right: auto;
    max-width: 194px;
    text-align: right;
    margin-top: 90px;
    margin-left: 16px;
}

.header__city-mobile {
    display: none;
}

.header__currentcity {
    cursor: pointer;
}

.header__currentcity::after {
    content: "";
    display: inline-block;
    background-image: url("/local/templates/mworks/css/../img/header/arrow_w.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 12px;
    height: 12px;
    margin-left: 6px;
    margin-bottom: -1px;
}

.header__city-mobile .header__currentcity::after {
    background-image: url("/local/templates/mworks/css/../img/header/arrow_w.svg");
}

.header__choosecity {
    position: absolute;
    width: 180px;
    border-radius: 3px;
    transition: all 0.2s ease;
    overflow: hidden;
    background-color: #000000a3;
    z-index: 2;
    border-radius: 10px;
    margin-top: 20px;
}

.activeModal {
    transition: all 0.2s ease;
    transform: translateY(-10px);
    opacity: 0;
    display: none;
}

.activeModal.act {
    opacity: 1;
    transform: translateY(0);
}

.header__cityname {
    font-size: 16px;
    line-height: 100%;
    color: #fff;
    padding: 16px;
    transition: all 0.2s ease;
    cursor: pointer;
    padding-right: 48px;
}

.header__cityname:hover::after,
.header__cityname.act::after {
    content: "";
    display: inline-block;
    background-image: url("../img/header/check_beige.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    height: 14px;
    position: absolute;
    margin-left: 10px;
}

/*city list*/
.fly-open-city .fly-form__item {
    max-width: 900px;
    max-height: 600px;
}

.fly-form__shaddow {
    position: absolute;
    pointer-events: none;
    z-index: 1;
    bottom: 0;
    width: 100%;
    height: 90px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

.city__top-list {
    display: flex;
}

.city__top-item {
    margin-right: 24px;
}
.city__top-item:last-child {
    margin-right: 0;
}

.fly-open-city .fly-form__title {
    padding-bottom: 24px;
    text-align: left;
}

.fly-open-city .form__input {
    margin-bottom: 24px;
}

.city-form-hdr {
    padding-bottom: 32px;
    width: max-content;
}

.city__main-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: 760px;
    overflow: auto;
    max-height: 320px;
    margin-right: -60px;
    padding-right: 60px;
    scrollbar-color: #3773ea1a #3773ea0d;
    scrollbar-width: thin;
}

.city-list .fly-form__cont {
    overflow: hidden;
}

.city__main-col {
    line-height: 40px;
}

.city__main-col:last-child {
    margin-right: 0;
}

.city__main-item {
    display: flex;
}
.city__item-letter {
    width: 14px;
    margin-right: 14px;
    font-weight: 500;
    color: #3773ea;
    font-size: 14px;
    text-align: right;
}

.city__item-name {
    color: #59575f;
    cursor: pointer;
}

.city__item-name:hover {
    color: #333;
}

.city__top-item {
    cursor: pointer;
}

.city__top-item:hover {
    color: #59575f;
}

/* section  затем automation__page*/
.section {
    /*padding: 0 0 200px 0;*/
    padding: 100px 0;
    position: relative;
}

.automation__page {
    padding: 100px 0;
}

/* Helpers */
.mb {
    padding-bottom: 43px !important;
}

.pb {
    padding-bottom: 72px !important;
}

.mt_bitrix {
    margin-top: 6px !important;
}

.mt {
    margin-top: -25px !important;
}

.small__section {
    padding: 100px 0;
}

.media {
    padding-top: 200px;
}

.logo {
    width: 302px;
    height: 213px;
    background-size: contain;
    background-image: url(../img/header/logoblack.svg);
    background-repeat: no-repeat;
}

.logo__text {
    line-height: 19px;
    position: absolute;
    color: #fff;
    font-size: 15px;
    margin-left: 26px;
    bottom: 70px;
    color: #fff;
    width: 200px;
}

/* Слайдер */
.slider-arrow {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 62px;
    grid-template-columns: 1fr 62px;
    -ms-grid-rows: none;
    grid-template-rows: none;
    grid-gap: 20px;
    position: relative;
}

.slider-arrow > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.slider-arrow > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

/* скролл */
.slider-arrow__line {
    height: 3px;
    background: #eeeeee;
    position: relative;
    border-radius: 2px;
    overflow: hidden;
}

.slider-arrow__line .swiper-scrollbar-drag {
    position: absolute;
    height: 100%;
    margin: 0;
    left: 0;
    background: #fff;
    transition: all 400ms ease;
    border-radius: 2px;
}

.slider-arrow__buts {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 14px 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: none;
    grid-template-rows: none;
    grid-gap: 14px;
    margin-top: -11px;
    max-width: 62px;
}

.slider-arrow__buts > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.slider-arrow__buts > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.slider-arrow__back {
    height: 24px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiPg0KPHBhdGggZD0iTTE2IDIyTDYgMTJMMTYgMiIgc3Ryb2tlPSIjM0FBMEVCIiBzdHJva2Utd2lkdGg9IjMiLz4NCjwvZz4NCjxkZWZzPg0KPGNsaXBQYXRoIGlkPSJjbGlwMCI+DQo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNCAyNCkgcm90YXRlKC0xODApIi8+DQo8L2NsaXBQYXRoPg0KPC9kZWZzPg0KPC9zdmc+DQo=);
    cursor: pointer;
    transition: all 200ms ease;
}

.slider-arrow__back.disabled {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiPg0KPHBhdGggZD0iTTE2IDIyTDYgMTJMMTYgMiIgc3Ryb2tlPSIjRDhEOEQ4IiBzdHJva2Utd2lkdGg9IjMiLz4NCjwvZz4NCjxkZWZzPg0KPGNsaXBQYXRoIGlkPSJjbGlwMCI+DQo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNCAyNCkgcm90YXRlKC0xODApIi8+DQo8L2NsaXBQYXRoPg0KPC9kZWZzPg0KPC9zdmc+DQo=);
}

.slider-arrow__next {
    height: 24px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik04IDJMMTggMTJMOCAyMiIgc3Ryb2tlPSIjM0FBMEVCIiBzdHJva2Utd2lkdGg9IjMiLz4NCjwvc3ZnPg0K);
    cursor: pointer;
    transition: all 200ms ease;
}

.slider-arrow__next.disabledp {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik04IDJMMTggMTJMOCAyMiIgc3Ryb2tlPSIjRDhEOEQ4IiBzdHJva2Utd2lkdGg9IjMiLz4NCjwvc3ZnPg0K);
}

.secdark {
    /*color: #fff;
    background: #2c2835;*/
}

.secdark .logo {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAyIiBoZWlnaHQ9IjIxMyIgdmlld0JveD0iMCAwIDMwMiAyMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDApIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTk2LjkzIDcyLjA1MDRMMTIzLjUxMiAtNTRMMTAyLjc4MyAtMTguMjc4Mkw4MS45NjI2IC01My45ODA1TDAgODYuOTQ5Nkg1OC44NzI2TDU4Ljg3MjggODYuOTQ5NEgxMDUuMDdMMTc4LjQ4OCAyMTNMMTk5LjIxNyAxNzcuMjc4TDIyMC4wMzcgMjEyLjk4MUwzMDIgNzIuMDUwNEgyNjAuNDU2SDI0My4xMjdIMTk2LjkzWk0xMzcuOTYxIDcyLjA1MDVMMTM3Ljk0OCA3Mi4wNTA0SDk2LjM5MThMOTYuMzkxOSA3Mi4wNTA1SDY3LjU0NjFMMTAyLjc5MSAxMS41MDY5TDEzNy45NjEgNzIuMDUwNVpNMTIyLjQgODYuOTQ5NEwxNzguNDY0IDE4My4yMDVMMTkwLjUzOCAxNjIuMzk3TDE5MC41MzYgMTYyLjM5MkwxOTAuNTM3IDE2Mi4zOUwxNDYuNjIgODYuOTQ5NUgxNDYuNjE4TDE0Ni42MTggODYuOTQ5NEgxMjIuNFpNNTAuMjE3IDcyLjA1MDdIMjUuOTg4NEw4MS45ODAzIC0yNC4yMjQzTDk0LjEzMjIgLTMuMzg2NDlMNTAuMjE3IDcyLjA1MDdaTTEyMy41MzYgLTI0LjIwNUwxMTEuNDYxIC0zLjM5NjlMMTExLjQ2NCAtMy4zOTE4OEwxMTEuNDYxIC0zLjM4NTY3TDE1NS4yODIgNzIuMDUwNEgxNzkuNkwxMjMuNTM2IC0yNC4yMDVaTTE2My45NDkgODYuOTQ5NUgyMDUuNjA4TDIwNS42MDggODYuOTQ5NEgyMzQuNDU0TDE5OS4yMDIgMTQ3LjUwNkwxNjMuOTQ5IDg2Ljk0OTVaTTI1MS43ODIgODYuOTQ5NEwyMDcuODY3IDE2Mi4zODZMMjIwLjAyIDE4My4yMjRMMjc2LjAxMiA4Ni45NDk0SDI1MS43ODJaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjAzIi8+DQo8L2c+DQo8cGF0aCBkPSJNMjUuNjc3OCA2Ny45MTU1SDMxLjY1MjFMMzguMjc3IDc4LjU5OTRMNDQuOTAyIDY3LjkxNTVINTAuODE3MVY5My4xNDEzSDQ1LjMxNlY3Ni42NDA3TDM4LjIxNzkgODcuNDQzM0gzOC4wOTk2TDMxLjA2MDYgNzYuNzU5NFY5My4xNDEzSDI1LjYxODdWNjcuOTE1NUgyNS42Nzc4WiIgZmlsbD0id2hpdGUiLz4NCjxwYXRoIGQ9Ik01NS40MzE2IDY3LjkxNTVINzQuNDE5MlY3Mi44NDJINjAuOTMyN1Y3Ny45NDY1SDcyLjgyMjFWODIuODcyOUg2MC45MzI3Vjg4LjE1NTVINzQuNTk2N1Y5My4xNDEzSDU1LjQzMTZWNjcuOTE1NVoiIGZpbGw9IndoaXRlIi8+DQo8cGF0aCBkPSJNNzguMDg1NCA2Ny45MTU1SDg3LjkwNDZDOTUuODMwOCA2Ny45MTU1IDEwMS4yNzMgNzMuMzc2MiAxMDEuMjczIDgwLjU1ODFDMTAxLjI3MyA4Ny42ODA3IDk1LjgzMDggOTMuMjAwNyA4Ny45MDQ2IDkzLjIwMDdINzguMDg1NFY2Ny45MTU1Wk04Ny45MDQ2IDg4LjE1NTVDOTIuNDU5MiA4OC4xNTU1IDk1LjQ3NTkgODUuMDY5MSA5NS40NzU5IDgwLjU1ODFDOTUuNDc1OSA3Ni4xMDY1IDkyLjQwMDEgNzIuOTYwNyA4Ny45MDQ2IDcyLjk2MDdIODMuNjQ1N1Y4OC4yMTQ5SDg3LjkwNDZWODguMTU1NVoiIGZpbGw9IndoaXRlIi8+DQo8cGF0aCBkPSJNMTA1IDY3LjkxNTVIMTEwLjU2VjkzLjE0MTNIMTA1VjY3LjkxNTVaIiBmaWxsPSJ3aGl0ZSIvPg0KPHBhdGggZD0iTTEyNC4wNDcgNjcuNzM3M0gxMjkuMTM0TDEzOS45NTkgOTMuMTQxMkgxMzQuMTYyTDEzMS44NTUgODcuNTAyNUgxMjEuMjA4TDExOC45MDEgOTMuMTQxMkgxMTMuMjgyTDEyNC4wNDcgNjcuNzM3M1pNMTI5Ljg0NCA4Mi41NzZMMTI2LjUzMiA3NC4zODVMMTIzLjE2IDgyLjU3NkgxMjkuODQ0WiIgZmlsbD0id2hpdGUiLz4NCjxwYXRoIGQ9Ik0xNDAuOTY0IDY3LjkxNTZIMTQ0LjA0TDE1MS4yNTYgODguOTI3MkwxNTguMTc3IDY3Ljc5NjlIMTYwLjU0M0wxNjcuNDY0IDg4LjkyNzJMMTc0LjY4IDY3LjkxNTZIMTc3LjYzOEwxNjguNjQ3IDkzLjM3ODhIMTY2LjE2MkwxNTkuMjQyIDcyLjkwMTRMMTUyLjMyMSA5My4zNzg4SDE0OS45NTVMMTQwLjk2NCA2Ny45MTU2WiIgZmlsbD0id2hpdGUiLz4NCjxwYXRoIGQ9Ik0xNzguODggODAuNTU4MUMxNzguODggNzMuNjEzNiAxODQuMDg2IDY3LjUgMTkxLjc3NSA2Ny41QzE5OS40MDYgNjcuNSAyMDQuNTUyIDczLjU1NDIgMjA0LjU1MiA4MC41NTgxQzIwNC41NTIgODcuNTAyNiAxOTkuMzQ3IDkzLjYxNjEgMTkxLjY1NyA5My42MTYxQzE4NC4wMjcgOTMuNjE2MSAxNzguODggODcuNTYxOSAxNzguODggODAuNTU4MVpNMjAxLjU5NCA4MC41NTgxQzIwMS41OTQgNzQuODAwNiAxOTcuMzk1IDcwLjExMTYgMTkxLjY1NyA3MC4xMTE2QzE4NS45MTkgNzAuMTExNiAxODEuNzc5IDc0Ljc0MTMgMTgxLjc3OSA4MC41NTgxQzE4MS43NzkgODYuMzE1NSAxODUuOTc5IDkxLjAwNDUgMTkxLjcxNiA5MS4wMDQ1QzE5Ny41MTMgOTAuOTQ1MiAyMDEuNTk0IDg2LjMxNTUgMjAxLjU5NCA4MC41NTgxWiIgZmlsbD0id2hpdGUiLz4NCjxwYXRoIGQ9Ik0yMDkuMTA2IDY3LjkxNTVIMjE5LjkzMUMyMjMuMDA3IDY3LjkxNTUgMjI1LjQ5MSA2OC44NjUyIDIyNy4wODggNzAuNDY3OEMyMjguMzMgNzEuNzE0MiAyMjkuMDQgNzMuNDM1NSAyMjkuMDQgNzUuNTEyOUMyMjkuMDQgNzkuNzI3MSAyMjYuMTQyIDgyLjE2MDcgMjIyLjIzOCA4Mi44NzI5TDIyOS45MjcgOTMuMTQxM0gyMjYuNDM3TDIxOS4xNjIgODMuMzQ3OEgyMTEuOTQ1VjkzLjE0MTNIMjA5LjEwNlY2Ny45MTU1Wk0yMTkuNjk0IDgwLjc5NTVDMjIzLjQ4IDgwLjc5NTUgMjI2LjE0MiA3OC44MzY4IDIyNi4xNDIgNzUuNTEyOUMyMjYuMTQyIDcyLjQyNjUgMjIzLjc3NSA3MC41MjcxIDIxOS42OTQgNzAuNTI3MUgyMTEuOTQ1VjgwLjc5NTVIMjE5LjY5NFoiIGZpbGw9IndoaXRlIi8+DQo8cGF0aCBkPSJNMjU2LjA3MiA4OS40NjEzTDI1Ny44NDYgODcuMzgzOUMyNjAuNDQ5IDg5Ljc1ODEgMjYyLjk5MiA5MC45NDUyIDI2Ni40ODIgOTAuOTQ1MkMyNjkuODU0IDkwLjk0NTIgMjcyLjEwMiA4OS4xNjQ1IDI3Mi4xMDIgODYuNTUyOUMyNzIuMTAyIDg0LjE3ODcgMjcwLjg2IDgyLjg3MjkgMjY1LjUzNiA4MS43NDUyQzI1OS43MzkgODAuNDk4NyAyNTcuMDc3IDc4LjU5OTQgMjU3LjA3NyA3NC4zODUyQzI1Ny4wNzcgNzAuNDA4NCAyNjAuNTY3IDY3LjUgMjY1LjM1OSA2Ny41QzI2OS4wMjYgNjcuNSAyNzEuNjI5IDY4LjU2ODQgMjc0LjIzMSA3MC41ODY1TDI3Mi41NzUgNzIuNzgyNkMyNzAuMjA5IDcwLjg4MzIgMjY3LjkwMiA3MC4wNTIzIDI2NS4yOTkgNzAuMDUyM0MyNjIuMDQ2IDcwLjA1MjMgMjU5LjkxNyA3MS44MzI5IDI1OS45MTcgNzQuMjA3MUMyNTkuOTE3IDc2LjU4MTMgMjYxLjIxOCA3Ny45NDY1IDI2Ni43NzggNzkuMTMzNkMyNzIuMzk3IDgwLjM4IDI3NSA4Mi4zOTgxIDI3NSA4Ni4zNzQ4QzI3NSA5MC43MDc4IDI3MS4zOTIgOTMuNDk3NCAyNjYuNDIzIDkzLjQ5NzRDMjYyLjQwMSA5My40OTc0IDI1OS4wODggOTIuMTkxNiAyNTYuMDcyIDg5LjQ2MTNaIiBmaWxsPSJ3aGl0ZSIvPg0KPHBhdGggZD0iTTI0MC4yMiA3OS41NDkxTDI1NC42NTMgNjcuNzk2OUgyNTEuNjk1SDI1MC45MjZMMjM2LjQ5MyA3OS40ODk4SDIzNi41NTJWNjcuNzk2OUgyMzYuNDkzSDIzMy42NTRWOTMuMjYwMUgyMzYuNDkzSDIzNi41NTJWODIuNTE2OUwyMzguMjA4IDgxLjE1MTdMMjUwLjkyNiA5My4yNjAxSDI1MS42MzZIMjU0LjY1M0wyNDAuMjIgNzkuNTQ5MVoiIGZpbGw9IndoaXRlIi8+DQo8ZGVmcz4NCjxjbGlwUGF0aCBpZD0iY2xpcDAiPg0KPHJlY3Qgd2lkdGg9IjMwMiIgaGVpZ2h0PSIyMTMiIGZpbGw9IndoaXRlIi8+DQo8L2NsaXBQYXRoPg0KPC9kZWZzPg0KPC9zdmc+DQo=);
}

.seclight {
    background: #f2f4f7;
}

.sectiontop {
    position: relative;
    z-index: 10;
    background-color: #fafafa;
}

.secdarkblue {
    background-color: #006cb5;
    color: #ffffff;
}

/* Тэги */
.tag {
    display: flex;
    flex-wrap: wrap;
}

.tag__item {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 2px;
    margin: 6px 6px 0 0;
    padding: 6px 12px;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.02em;
    color: rgba(255, 255, 255, 0.9);
    transition: all 200ms ease;
    text-decoration: none !important;
}

.tag__item:hover {
    background: rgba(255, 255, 255, 0.35);
}

.link {
    color: inherit;
    font-size: 18px;
    line-height: 100%;
    transition: all 300ms ease;
    text-decoration: none !important;
}

.link__arr {
    width: 22px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../img/linkarr2.svg);
    display: inline-block;
    margin: 0 0 -1px 20px;
    transition: all 400ms ease;
}

.link:hover {
    transform: translateX(5px);
}

.link:hover .link__arr {
    transform: translateX(10px);
}

.linkbut {
    display: flex;
    justify-content: center;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 4px;
    padding: 30px;
    transition: all 200ms ease;
    cursor: pointer;
    border: 0;
    color: #fff;
    position: relative;
    overflow: hidden;
    text-decoration: none !important;
}

.linkbut__arr {
    width: 24px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../img/linkarr2.svg);
    display: inline-block;
    margin: 0 0 -1px 40px;
    transition: all 400ms ease;
}

.linkbut > span {
    transition: all 300ms ease;
}

.linkbut::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 400ms ease;
    transform: translateY(170px) rotate(-15deg);
    opacity: 0;
    background-color: #ef2934;
    border-radius: 4px;
}

.linkbut:hover {
    background: rgba(255, 255, 255, 0.1);
}

.linkbut:hover::before {
    transform: none;
    opacity: 1;
}

.linkbut:hover > span {
    transform: translateX(5px);
}

.linkbut:hover .linkbut__arr {
    transform: translateX(10px);
}

.show {
    display: block !important;
    transition: all 300ms linear;
    opacity: 0;
    transform: scale(0.95) translateY(15px);
}

.shownew {
    height: 0;
    overflow: hidden !important;
}

.showact {
    transform: none;
    height: auto;
    overflow: inherit;
    opacity: 1;
}

.nopadding {
    padding-bottom: 0 !important;
}

.notoppadding {
    margin-top: -40px !important;
    padding-top: -40px !important;
}

.flex36 {
    flex: 0 0 36% !important;
}

.sectiontop__cont {
    margin-top: 67px;
}

.w700 {
    max-width: 700px !important;
}

.w660 {
    max-width: 660px !important;
}
.w620 {
    max-width: 620px !important;
}
.w600 {
    max-width: 600px !important;
}

.sectioncont {
    padding-top: 65px;
}

.hdesc {
    font-size: 30px;
    line-height: 135%;
    color: #59575f;
}

.contheader h1 {
    margin-bottom: 36px;
}

.page {
    margin-top: 100px;
}

.btnplus {
    width: 10px;
    height: 14px;
    background-image: url(../img/plus_silver.svg);
    background-repeat: no-repeat;
    margin-right: 7px;
    display: inline-block;
    background-position: center;
}

.icon_select_mate {
    position: absolute;
    top: 20px;
    right: 20px;
    transition: all 275ms;
}

.select_mate {
    position: relative;
    padding: 0 !important;
}

.select_mate select {
    position: absolute;
    overflow: hidden;
    height: 0;
    opacity: 0;
    z-index: -1;
}

.cont_list_select_mate {
    position: relative;
    float: left;
    width: 100%;
}

.cont_select_int {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    overflow: hidden;
    height: 0;
    width: 100%;
    background-color: #fff;
    padding: 0;
    margin-bottom: 0;
    margin-top: 0;
    border-radius: 0 0 3px 3px;
    box-shadow: 1px 4px 10px -2px rgba(0, 0, 0, 0.2);
    transition: all 400ms ease;
}

.cont_select_int li {
    position: relative;
    width: 100%;
    list-style-type: none;
    padding: 16px 18px;
    margin: 0;
    transition: all 200ms ease;
    display: block;
    cursor: pointer;
    background: #fff;
}

.cont_select_int li:last-child {
    border-radius: 3px;
    border-bottom: 0;
}

.cont_select_int li:hover {
    background-color: #3aa0eb;
    color: #fff;
}

.cont_select_int .active {
    background-color: #3aa0eb;
    color: #fff;
}

.hidefirst li:first-child {
    display: none;
}

.selecionado_opcion {
    padding: 18px;
    width: 96%;
    display: block;
    margin: 0;
    color: #828282;
    cursor: pointer;
    transition: all 200ms ease;
}

/* Форма */
.form__group + .form__group {
    margin-top: 40px;
}

.form__h {
    font-weight: 500;
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 50px;
}

.form__title {
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    color: #201d26;
    margin-bottom: 20px;
}

.form__input {
    width: 100%;
    background-color: #f5f5f5;
    padding: 18px;
    border-radius: 2px;
    border: none;
    outline: none;
    transition: all 200ms ease;
}

.form__input:focus {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
}

.form__select {
    color: #828282;
    appearance: none;
    background-image: url(../img/select.svg);
    background-repeat: no-repeat;
    background-position: right 20px center;
}

.form__selected {
    color: #201d26;
}

.form__input + .form__input {
    margin-top: 30px;
}

.form__desc {
    resize: none;
}

.form__file {
    display: none;
}

.form__sel-color {
    color: #201d26;
}

.form__info-rules {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 150%;
    text-align: center;
    color: #989898;
}

.form__info-rules a {
    color: #737373;
    cursor: pointer;
    transition: all 200ms ease;
}

.form__info-rules a:hover {
    color: #373737;
}

/* Плавное появление */
.animmask {
    clip-path: polygon(0% 100%, 100% 100%, 100% 0, 0 0);
    transition: all 500ms ease;
}

.animmaskhide {
    clip-path: polygon(100% 100%, 100% 100%, 0 0, 0 0);
    transform: translate(-15px, 15px) scale(0.98, 0.6);
    opacity: 0;
}

.animslide {
    transition: all 1000ms ease;
}

.animslidehide {
    transform: translateY(15px) scale(0.98);
    opacity: 0;
}

.animslidefast {
    transition: all 400ms ease;
}

.animslidefasthide {
    transform: translateY(15px) scale(0.98);
    opacity: 0;
}

.animslideup {
    transition: all 600ms ease;
}

.animslideuphide {
    transform: translateY(-100px);
    opacity: 0;
}

.animslideleft {
    transition: all 600ms ease;
}

.animslidelefthide {
    transform: translateX(100px);
    opacity: 0;
}

.animgraph {
    transition: all 800ms ease;
}

.animgraphhide {
    width: 0 !important;
    opacity: 0;
}

.animslidebig {
    transition: all 500ms ease;
}

.animslidebighide {
    transform: translateY(200px) scaleY(0.8);
    opacity: 0;
}

.animdalay100 {
    transition-delay: 100ms !important;
}

.animdalay200 {
    transition-delay: 200ms !important;
}

.animdalay300 {
    transition-delay: 300ms !important;
}

.animdalay400 {
    transition-delay: 400ms !important;
}

.animdalay500 {
    transition-delay: 500ms !important;
}

.animdalay600 {
    transition-delay: 600ms !important;
}

.animdalay700 {
    transition-delay: 700ms !important;
}

.animdalay800 {
    transition-delay: 800ms !important;
}

.animdalay1000 {
    transition-delay: 1000ms !important;
}

.animdalay1300 {
    transition-delay: 1300ms !important;
}

.animdalay1600 {
    transition-delay: 1600ms !important;
}

/* Кнопки */
.white-btn {
    padding: 12px 30px;
    border: 1px solid #cfcfcf;
    box-sizing: border-box;
    border-radius: 2px;
    color: #828282;
    display: inline-block;
    text-align: center;
}

.white-btn span {
    margin-right: 5px;
}

.black-btn {
    width: 100%;
    background: #25232e;
    border-radius: 2px;
    border: none;
    color: #fff;
    padding: 20px;
    text-align: center;
}

.mt40 {
    margin-top: 40px;
}

.white-btn,
.black-btn {
    transition: all 200ms ease;
    cursor: pointer;
}

.checkbox {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 20px 14px 1fr;
    grid-template-columns: 20px 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    grid-gap: 14px;
    -ms-user-select: none;
    user-select: none;
}

.checkbox > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.checkbox > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.checkbox__input {
    margin: 0 14px 0 0;
    width: 20px;
    height: 20px;
    position: relative;
    cursor: pointer;
    appearance: none;
    outline: none;
}

.checkbox input[type="checkbox"]::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    box-sizing: border-box;
    background-color: #fff;
    background-position: center;
    background-size: 5px;
    background-repeat: no-repeat;
    border: 1px solid #25232e;
    transition: background 200ms ease;
}

.checkbox input[type="checkbox"]:checked::before {
    background-image: url(../img/cheked.svg);
    background-color: #25232e;
    background-size: 12px;
}

.checkbox span {
    display: block;
}

textarea.form__input {
    resize: none;
}

.light-grey-bg {
    background-color: #fafafa;
}

.sectiontopserv {
    background-color: #fafafa;
    padding-bottom: 120px;
}

.sectiontopserv .ofer {
    color: #59575f;
    margin-top: 20px;
}

.sectionkeys {
    padding-bottom: 200px;
}

.sectionkeys h1 {
    font-weight: 500;
    font-size: 40px;
    line-height: 150%;
    max-width: 850px;
}

.secpt {
    padding-top: 140px;
}

.secptpb {
    padding-top: 140px;
    padding-bottom: 240px;
}

.butblue {
    text-align: center;
    padding: 24px 90px;
    background: #3773ea;
    border-radius: 4px;
    color: #fff;
    transition: all 300ms ease;
    cursor: pointer;
    border: 0;
}

.butblue:hover {
    background: #195fea;
}

.market-place__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: none;
}

.market-place__item {
    border-bottom: 1px solid #e5e5e5;
    padding: 30px 0 20px;
}

.nogap {
    grid-gap: 0 !important;
}

.lbwc {
    background-color: #fff;
}

.market-place__items > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    padding-top: 0;
}

.market-place__items > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    padding-top: 0;
}

.market-place__items + .market-place__items {
    padding-top: 30px;
}

.market-place__item-title {
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    color: #3773ea;
    margin-bottom: 14px;
}

.market-place__item-desc {
    font-weight: normal;
    font-size: 20px;
    line-height: 150%;
    color: #59575f;
}

.sectionblue {
    background-color: #3773ea;
    padding-top: 90px;
    padding-bottom: 90px;
    position: relative;
    overflow: hidden;
}

/* Слайдер */
.sectionblue .slider-arrow__line {
    background: rgba(255, 255, 255, 0.2);
}

.sectionblue .slider-arrow__back {
    transition: all 200ms ease;
    background-image: url("../img/arbackwhite.svg");
}

.sectionblue .slider-arrow__next {
    transition: all 200ms ease;
    background-image: url("../img/arnextwhite.svg");
}

.sectionblue .slider-arrow__back.disabled,
.sectionblue .slider-arrow__next.disabledp {
    opacity: 0.3;
}

.rek-format__slider {
    margin-bottom: 45px;
}

.rek-format__title {
    font-weight: bold;
    font-size: 42px;
    line-height: 135%;
    color: #ffffff;
    margin-bottom: 40px;
}

.slider__items {
    box-sizing: content-box;
    padding: 100px 101%;
    width: 100%;
    margin: -100px -100% -40px;
}

.slider__item[class*="left"]:not(.active) {
    transform: translateX(-40px) scale(0.85);
}

.slider__item.active {
    opacity: 1;
    transform: none;
}

.slider__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 65px 690px;
    grid-template-columns: 1fr 690px;
    -ms-grid-rows: none;
    grid-template-rows: none;
    grid-gap: 0 65px;
    transition: all 500ms ease;
    opacity: 0.3;
    transform: translateX(40px) scale(0.85);
}

.slider__grid > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.slider__grid > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.slider__item-title {
    font-weight: 500;
    font-size: 32px;
    line-height: 38px;
    color: #ffffff;
    margin-top: 20px;
    margin-bottom: 20px;
}

.slider__item-desc {
    font-size: 22px;
    line-height: 150%;
    color: rgba(255, 255, 255, 0.8);
}

.slider__img {
    background: #ffffff;
    box-shadow: 0 5px 25px rgba(32, 88, 129, 0.15);
    border-radius: 8px;
    overflow: hidden;
    text-align: center;
}

.slider__nav {
    -ms-grid-columns: 52px 1fr 62px !important;
    grid-template-columns: 52px 1fr 62px !important;
    -ms-grid-rows: none;
    grid-template-rows: none;
}

.slider__nav > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.slider__nav > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}

.slider__nav > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.slider__num {
    display: flex;
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 38px;
    color: #ffffff;
    margin-top: -18px;
}

.slider__empty {
    opacity: 0 !important;
}

.noborder .stage-work__progress {
    border: none;
}

.our-advantag {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: none;
    grid-template-rows: none;
    grid-gap: 30px;
}

.our-advantag > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.our-advantag > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.our-advantag__item-title {
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    color: #242424;
    margin-bottom: 14px;
}

.our-advantag__item-desc {
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 145%;
    color: #3f3f3f;
}

.sectiontopzero {
    padding-top: 0;
}
.bluecolor {
    background-color: #3773ea !important;
    padding: 72px 0 !important;
}

.bluecolor:hover {
    background: #195feb !important;
}

/* Ссылка на попап */
.linkfooter_wrap {
    margin: auto 0 0 0;
}

.linkfooter {
    display: block;
    font-weight: bold;
    font-size: 42px;
    line-height: 135%;
    color: #ffffff;
    background: #ef2934;
    padding: 100px 0;
    transition: all 300ms ease;
    cursor: pointer;
    -ms-user-select: none;
    user-select: none;
}

.linkfooter__text {
    display: inline-block;
    transition: all 300ms ease;
}

.linkfooter__arr {
    width: 40px;
    height: 26px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../img/linkarr.svg);
    display: inline-block;
    margin: 0 0 -1px 50px;
    transition: all 400ms ease;
}

.linkfooter:hover {
    background: #fc222e;
}

.linkfooter:hover .linkfooter__text {
    transform: translateX(10px);
}

.linkfooter:hover .linkfooter__arr {
    transform: translateX(20px);
}

.padtop {
    padding-top: 10px;
}

.imgcomparison {
    background: #fafafa;
    border-radius: 8px;
    height: 640px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.04);
}

.imgcomparison__overflow {
    position: absolute;
    height: 100%;
    width: 50%;
    overflow: hidden;
    z-index: 1;
}

.imgcomparison__overflow .imgcomparison__but {
    left: 30px;
    right: auto;
    padding: 8px 27px;
}

.imgcomparison__after {
    position: absolute;
    height: 100%;
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
}

.imgcomparison__before {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
}

.imgcomparison__line {
    position: absolute;
    top: 0;
    left: calc(50% - 2px);
    width: 4px;
    height: 100%;
    background: #3773ea;
    z-index: 2;
}

.imgcomparison__circle {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    top: 50%;
    margin: -25px 0 0 -23px;
    background-color: #3773ea;
    background-repeat: no-repeat;
    background-image: url(../img/grab.svg);
    background-position: center;
    background-size: 100%;
    cursor: grab;
    animation: point 2s infinite;
}

@keyframes point {
    0% {
        box-shadow: 0 0 0 0 rgba(55, 115, 234, 0.65);
    }
    100% {
        box-shadow: 0 0 0 12px rgba(255, 255, 255, 0);
    }
}

.imgcomparison__but {
    position: absolute;
    top: 34px;
    right: 30px;
    padding: 8px 24px;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    background: #3773ea;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    border-radius: 50px;
}

.marblock {
    margin: 90px 0 140px;
}

.hmax {
    max-width: 500px;
}

h4.hmax {
    max-width: 700px;
}

.mb60 {
    margin-bottom: 60px;
}

.cardtwo {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: none;
    grid-template-rows: none;
    grid-gap: 30px 20px;
}

.cardtwo > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.cardtwo > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.cardtwo__card {
    padding: 30px 30px 45px;
    background: #ffffff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    border-radius: 8px;
}

.cardtwo__title {
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 30px;
}

.cardtwo__graph {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: none;
    grid-template-columns: none;
    -ms-grid-rows: none;
    grid-template-rows: none;
    grid-gap: 28px;
}

.cardtwo__graph > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.cardtwo__item-title {
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
    margin-bottom: 9px;
}

.cardtwo__line {
    background: #fafafa;
    border-radius: 10px;
    height: 6px;
    position: relative;
}

.cardtwo__bar {
    height: 100%;
    background: linear-gradient(270deg, #e0e0e0 0%, rgba(224, 224, 224, 0.2) 100%);
    border-radius: 10px;
    position: relative;
}

.cardtwo__num {
    position: absolute;
    right: -20px;
    top: -7px;
    background: #3773ea;
    border-radius: 2px;
    padding: 2px 6px;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #ffffff;
}

.cardtwo__block-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
}

.cardtwo__block-title span {
    color: #59575f;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
}

.cardblue .cardtwo__bar {
    background: linear-gradient(270deg, #3773ea 7.18%, rgba(55, 115, 234, 0.2) 125.38%);
}

.imgblock {
    border-radius: 8px;
    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.04);
}

.imgblock img {
    display: block;
}

/* Формы */
.fly-form {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1000000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all 200ms ease;
}

.fly-form__item {
    background-color: #fff;
    max-width: 660px;
    box-shadow: 0 10px 20px rgba(12, 11, 17, 0.1);
    border-radius: 10px;
    margin: 30px;
    max-height: calc(100% - 30px);
    transition: all 500ms ease 0s;
    overflow: hidden;
    transform: translate(0px) scale(1);
    display: none;
    position: relative;
}

.fly-form__close {
    background-image: url(../img/form-close.svg);
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center;
    top: 18px;
    right: 18px;
    cursor: pointer;
    background-size: 14px;
    opacity: 0.5;
    transition: all 200ms ease;
}

.fly-form__close:hover {
    opacity: 0.65;
}

.fly-form__cont {
    height: 100%;
    overflow: auto;
    padding: 60px 70px;
}

.fly-form__title {
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 135%;
    text-align: center;
    color: #201d26;
    padding-bottom: 14px;
    transition: all 200ms ease;
}

.fly-form__desc {
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 150%;
    text-align: center;
    color: #59575f;
    transition: all 200ms ease;
}

.fly-form .butblue {
    width: 100%;
    padding: 20px;
}

.fly-form .black-btn {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}

.fly-form .form__group + .form__group {
    margin-top: 30px;
}

.fly-form .form__input + .form__input {
    margin-top: 24px;
}

.os-size-auto-observer {
    height: max-content !important;
}

.fly-form2 {
    opacity: 0;
}

.fly-form2 .fly-form__item {
    transform: translate(0px, 50px) scale(0.85);
}

.fly-form3 {
    display: none;
}

.formwhite {
    color: #333;
}

.formwhite .form__input {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    border-radius: 4px;
    color: #333;
}

.inphide {
    opacity: 0;
    transform: scale(0);
    height: 0;
    position: absolute;
}

.error {
    background: #ffe0e0;
    color: #d9465e;
    font-size: 13px;
    text-align: left;
    margin: 25px 0 0;
    padding: 6px 10px;
    border-radius: 3px;
    display: none;
}

.linksblock__item {
    border-top: 1px solid #e5e5e5;
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    padding: 20px 70px 24px 0px;
    margin-top: -1px;
    transition: all 400ms ease;
    color: #201d26;
    display: block;
    position: relative;
    overflow: hidden;
    text-decoration: none !important;
    -ms-user-select: none;
    user-select: none;
}

.linksblock__item:last-child {
    border-bottom: 1px solid #e5e5e5;
}

.linksblock__descr {
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    color: #989898;
    margin-top: 14px;
}
.linksblock__item span {
    position: relative;
    display: block;
    transition: transform 450ms ease;
}

.linksblock__item[href] {
    cursor: pointer;
}

.linksblock__item[href]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 400ms ease;
    transform: translateY(170px) rotate(-15deg);
    opacity: 0;
    background-color: #3773ea;
}

.linksblock__item[href]::after {
    content: "";
    display: block;
    position: absolute;
    right: 20px;
    top: 22px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xIDI1TDI1IDFNMjUgMVYxOU0yNiAxTDcgMSIgc3Ryb2tlPSIjMzYzNDNDIiBzdHJva2Utd2lkdGg9IjIiLz4NCjwvc3ZnPg0K);
    transition: all 400ms ease;
}

.linksblock__item[href]:hover {
    z-index: 1;
    color: #fff;
}
.linksblock__item[href]:hover .linksblock__name,
.linksblock__item[href]:hover .linksblock__descr {
    z-index: 1;
    color: #fff;
}

.linksblock__item[href]:hover span {
    transform: translateX(20px);
}

.linksblock__item[href]:hover::before {
    transform: none;
    opacity: 1;
}

.linksblock__item[href]:hover::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCgk8cGF0aCBkPSJNMSAyNUwyNSAxTTI1IDFWMTlNMjYgMUw3IDEiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+DQo8L3N2Zz4NCg==);
}

.secwhite .case__link {
    color: #59575f;
}

.secwhite .link2__arr {
    background-image: url(../img/linkarr2gray.svg);
}

.secwhite .tag__item {
    background: #f5f5f5;
    border-radius: 2px;
    color: #828282;
}

.secwhite .tag__item:hover {
    color: #595959;
    background: #f1f1f1;
}

.blockcases {
    -ms-grid-columns: 1fr !important;
    grid-template-columns: 1fr !important;
    -ms-grid-rows: none;
    grid-template-rows: none;
    grid-gap: 35px;
}

.blockcases > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.block {
    display: block;
}

.selchoice {
    display: none;
}

.selact {
    display: block;
}

.convert {
    width: 66px;
    height: 70px;
    margin: 0 auto 30px;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjYiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA2NiA3MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik02NiAyOEgwVjcwSDY2VjI4WiIgZmlsbD0iIzM3NzNFQSIvPg0KPHBhdGggZD0iTTM2LjA0MzkgMS44ODgyM0MzNi4wNDM5IDEuODg4MjMgMzEuODY0OCAtMi4zODA2NiAyNy4zNzM1IDEuOTE4OUwwIDI4SDY2TDM2LjA0MzkgMS44ODgyM1oiIGZpbGw9IiMzNzczRUEiLz4NCjxwYXRoIGQ9Ik01OCAxMEg2QzQuODk1NDMgMTAgNCAxMC44OTU0IDQgMTJWNTNDNCA1NC4xMDQ2IDQuODk1NDMgNTUgNiA1NUg1OEM1OS4xMDQ2IDU1IDYwIDU0LjEwNDYgNjAgNTNWMTJDNjAgMTAuODk1NCA1OS4xMDQ2IDEwIDU4IDEwWiIgZmlsbD0iI0Y0RjhGRiIvPg0KPHBhdGggb3BhY2l0eT0iMC42IiBkPSJNNTMgMTdIMTFDMTAuNDQ3NyAxNyAxMCAxNy40NDc3IDEwIDE4QzEwIDE4LjU1MjMgMTAuNDQ3NyAxOSAxMSAxOUg1M0M1My41NTIzIDE5IDU0IDE4LjU1MjMgNTQgMThDNTQgMTcuNDQ3NyA1My41NTIzIDE3IDUzIDE3WiIgZmlsbD0iIzlCQjlGNSIvPg0KPHBhdGggb3BhY2l0eT0iMC42IiBkPSJNNTMgMjNIMTFDMTAuNDQ3NyAyMyAxMCAyMy40NDc3IDEwIDI0QzEwIDI0LjU1MjMgMTAuNDQ3NyAyNSAxMSAyNUg1M0M1My41NTIzIDI1IDU0IDI0LjU1MjMgNTQgMjRDNTQgMjMuNDQ3NyA1My41NTIzIDIzIDUzIDIzWiIgZmlsbD0iIzlCQjlGNSIvPg0KPHBhdGggb3BhY2l0eT0iMC42IiBkPSJNNTMgMjlIMTFDMTAuNDQ3NyAyOSAxMCAyOS40NDc3IDEwIDMwQzEwIDMwLjU1MjMgMTAuNDQ3NyAzMSAxMSAzMUg1M0M1My41NTIzIDMxIDU0IDMwLjU1MjMgNTQgMzBDNTQgMjkuNDQ3NyA1My41NTIzIDI5IDUzIDI5WiIgZmlsbD0iIzlCQjlGNSIvPg0KPHBhdGggb3BhY2l0eT0iMC42IiBkPSJNNTMgMzVIMTFDMTAuNDQ3NyAzNSAxMCAzNS40NDc3IDEwIDM2QzEwIDM2LjU1MjMgMTAuNDQ3NyAzNyAxMSAzN0g1M0M1My41NTIzIDM3IDU0IDM2LjU1MjMgNTQgMzZDNTQgMzUuNDQ3NyA1My41NTIzIDM1IDUzIDM1WiIgZmlsbD0iIzlCQjlGNSIvPg0KPHBhdGggb3BhY2l0eT0iMC42IiBkPSJNNTMgNDFIMTFDMTAuNDQ3NyA0MSAxMCA0MS40NDc3IDEwIDQyQzEwIDQyLjU1MjMgMTAuNDQ3NyA0MyAxMSA0M0g1M0M1My41NTIzIDQzIDU0IDQyLjU1MjMgNTQgNDJDNTQgNDEuNDQ3NyA1My41NTIzIDQxIDUzIDQxWiIgZmlsbD0iIzlCQjlGNSIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNy41Nzc0IDQwLjM0NThDMjcuNTc3NCA0MC4zNDU4IDI5LjE0NjggNDAuOTA0IDI5LjU1MTggNDEuMzQyOEMzMC4zNzYzIDQyLjIzMSAzMS45NjAyIDQ2LjUwNjkgMzIgNDYuNjQzOEwyOC45Mjk4IDQ5LjU0NzFMMCA3MFYyOEwyNy41Nzc0IDQwLjM0NThaTTM2LjIxNTYgNDEuMDgwMkMzNi41ODk0IDQwLjY0MyAzOC4wMjc1IDQwLjA1OSAzOC4wMjc1IDQwLjA1OUw2NiAyOFY3MEwzNi44NjYzIDQ5LjI0NjZMMzQgNDYuMzk5N0MzNCA0Ni4zOTk3IDM1LjM3NDggNDIuMDc2OSAzNi4yMTU2IDQxLjA4MDJaIiBmaWxsPSIjNEI4MUVDIi8+DQo8cGF0aCBkPSJNNDQuMTA0MSA0NC40OEM0My44NzM4IDQ0LjA2NTEgNDMuNTM2OCA0My43MTQ0IDQzLjEyNTQgNDMuNDYxOEM0Mi43MTQxIDQzLjIwOTEgNDIuMjQyMyA0My4wNjMxIDQxLjc1NTUgNDMuMDM3N0wzMS43NjU0IDQzSDMxLjY4MzhMMjEuNzE1IDQzLjA2ODVDMjEuNzE1IDQzLjA2ODUgMjAuMzI3OSA0MyAxOS41Njg3IDQ0LjcxM0wwIDcwTDMxLjk2NzYgNjkuODg2OUw2NiA2OS45OTI5TDQ0LjEwNDEgNDQuNDhaIiBmaWxsPSIjMzc3M0VBIi8+DQo8L3N2Zz4NCg==);
    background-size: contain;
}

.butmaxw {
    width: auto !important;
    min-width: 350px;
    margin: 40px auto 0;
    display: block;
}

.stagenodesc .stage-work__title {
    font-weight: 400;
    color: #3f3f3f;
    font-size: 18px;
}

.stage-work__num {
    font-size: 18px;
}

.stagenodesc .stage-work__desc {
    margin-bottom: 40px;
}

.stagenodesc .stage-work__progress {
    display: block;
    margin-left: 11px;
}

.stagenodesc .stage-work__line {
    margin-bottom: 15px;
}

.stagenodesc .stage-work__item {
    grid-row-gap: 7px;
}

.maintop {
    transition: background-color 1.5s ease;
}

.maintopred {
    background: #40b4bc !important;
}

.maintopred .noise {
    opacity: 0.02;
}

.maintopred .butmain {
    background-color: rgba(255, 255, 255, 0.1);
}

.maintopred .butmain::before {
    background-color: #1e656a;
}

.maintopblue {
    background: #006cb5 !important;
}

.maintopblue .noise {
    opacity: 0.04;
}

.maintopblue .butmain {
    background-color: rgba(255, 255, 255, 0.1);
}

.maintopblue .butmain::before {
    background-color: #1bb7da;
}

.maintopgreen {
    background: #736bcf !important;
}

.maintopgreen .noise {
    opacity: 0.04;
}

.maintopgreen .butmain {
    background-color: rgba(255, 255, 255, 0.15);
}

.maintopgreen .butmain::before {
    background-color: #292370;
}

.lidmagnit__item {
    display: -ms-grid;
    display: grid;
    max-width: 100%;
    -ms-grid-columns: 1.2fr 60px 0.8fr;
    grid-template-columns: 1.2fr 0.8fr;
    grid-gap: 60px;
    align-items: center;
    margin-bottom: 120px;
    transition: all 200ms ease;
}

.lidmagnit__item:nth-child(2) {
    -ms-grid-columns: 0.8fr 1.2fr;
    grid-template-columns: 0.8fr 1.2fr;
}

.lidmagnit__item:nth-child(2) .lidmagnit__img {
    order: 2;
}

.lidmagnit__item:nth-child(2) .lidmagnit__desc {
    order: 1;
}

.lidmagnit__desc {
    color: #59575f;
}

.secwblue {
    background: #f1f4fa;
}

/* Интро: тема - градиент*/
/* голубой */
.secbluegradient {
    background: radial-gradient(70.23% 143.46% at 70.23% 60.74%, #199bdc 1.61%, #098ccd 59.54%);
}
/* фиолетовый */
.secpurplegradient {
    background: radial-gradient(99.64% 203.51% at 68.15% 57.34%, #be6afd 1.61%, #430098 100%);
}

.darkgradientfon,
.darkgradientfon .menu__item,
.darkgradientfon .menu__item:hover,
.darkgradientfon .caseHead__title,
.darkgradientfon .caseHead__text,
.darkgradientfon .caseHead__site div {
    color: #fff;
}

.darkgradientfon .caseHead__link {
    opacity: 0.8;
}

.darkgradientfon .caseHead__link-img {
    background-image: url(../img/cases/link_light.svg);
}

.darkgradientfon .burger__line,
.darkgradientfon .menu__line {
    background: #fff;
}

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

.animCont__item1,
.animCont__item2,
.animCont__item3 {
    position: relative;
    transition: all 100ms ease;
}

.animCont__item1 {
    transform: translateX(calc(100% + 40px));
    z-index: 1;
}

.animCont__item2 {
    z-index: 3;
}

.animCont__item3 {
    transform: translateX(calc(-100% - 40px));
    z-index: 1;
}

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

.consFly__img {
    transition: all 500ms ease;
}

.consFly__img:nth-child(1) {
    position: relative;
    margin: 0;
}

.consFly__img:nth-child(2) {
    position: absolute;
    right: 0;
    top: 88px;
    width: 640px;
}

.consFly__img:nth-child(3) {
    position: absolute;
    top: 220px;
    right: 585px;
}

.maintop {
    height: 100vh;
    color: #fff;
    background: #2c2835;
    padding: 0;
    min-height: 600px;
}

.maintop h1 {
    margin-bottom: 32px;
}

.maintop__cont {
    margin-top: 165px;
    position: relative;
    z-index: 1;
}

.maintop .container {
    position: initial;
}

.noise {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0.08;
}

.ofer {
    font-size: 32px;
    line-height: 132%;
    color: #ddddde;
    margin-bottom: 50px;
    transition: all 200ms ease;
}

.butmain {
    background: rgba(255, 255, 255, 0.03);
    border-radius: 4px;
    padding: 30px 90px;
    transition: all 200ms ease;
    cursor: pointer;
    border: 0;
    position: relative;
    overflow: hidden;
}

.butmain::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 400ms ease;
    transform: translateY(170px) rotate(-15deg);
    opacity: 0;
    background-color: #ef2934;
    border-radius: 4px;
}

.butmain:hover::before {
    transform: none;
    opacity: 1;
}

.secexpert {
    padding: 160px 0 0;
    overflow: hidden;
}

/* EXPERT */
.expert {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 360px 120px calc(100% - 480px);
    grid-template-columns: 360px calc(100% - 480px);
    -ms-grid-rows: none;
    grid-template-rows: none;
    grid-gap: 120px;
}

.expert > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.expert > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.expert__cont {
    padding-bottom: 200px;
}

.review__slider {
    margin: -100px auto -40px -820px;
    width: 1640px;
    padding: 100px 0 100px 820px;
    box-sizing: content-box;
}

.review__slide {
    box-shadow: 0 30px 60px rgba(12, 11, 17, 0.3);
    border-radius: 8px;
    background: #454251;
    padding: 40px 50px 100px 40px;
    transition: all 500ms ease;
    opacity: 0.5;
    transform: translateX(40px) scale(0.85);
    position: relative;
}

.review__slide::after {
    content: "";
    position: absolute;
    width: 69px;
    height: 45px;
    top: 50px;
    right: 50px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../img/quotes.svg);
}

.review__slide.active {
    opacity: 1;
    transform: scale(1);
}

.review__slide[class*="left"]:not(.active) {
    transform: translateX(-40px) scale(0.85);
}

.review__slide-empty {
    opacity: 0 !important;
}

.review__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 70px 25px 1fr;
    grid-template-columns: 70px 1fr;
    -ms-grid-rows: none;
    grid-template-rows: none;
    grid-gap: 25px;
}

.review__grid > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.review__grid > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.review__img {
    height: 70px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.review__name {
    letter-spacing: 0.02em;
    font-weight: 500;
    font-size: 20px;
    line-height: 146%;
    margin-bottom: 6px;
    padding-right: 100px;
}

.review__position {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.02em;
    padding-right: 100px;
}

.review__text {
    margin-top: 30px;
    color: #ddddde;
    font-size: 18px;
    line-height: 145%;
}

.review__text p {
    color: #ddddde;
}

.review__nav {
    -ms-grid-columns: 52px 1fr 62px !important;
    grid-template-columns: 52px 1fr 62px !important;
    -ms-grid-rows: none;
    grid-template-rows: none;
}

.review__nav > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.review__nav > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}

.review__nav > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.review__nav-num {
    font-weight: 500;
    font-size: 36px;
    line-height: 42px;
    margin-top: -21px;
}

.secreview {
    overflow: hidden;
}

.secgrid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 420px 60px 1fr;
    grid-template-columns: 420px 1fr;
    -ms-grid-rows: none;
    grid-template-rows: none;
    grid-gap: 60px;
}

.secgrid > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.secgrid > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.caseHead__items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    align-items: center;
    transition: all 1s ease;
}

.caseHead__item:nth-child(2) {
    text-align: right;
    position: relative;
}

.caseHead__title {
    margin-bottom: 20px;
}

.caseHead__text {
    color: #59575f;
    opacity: 0.8;
    font-size: 26px;
    line-height: 150%;
}

.caseHead a {
    display: flex;
    align-items: center;
    opacity: 0.5;
}

.caseHead a:hover {
    opacity: 0.6;
}

.caseHead__link-img {
    width: 15px;
    height: 15px;
    background-image: url(../img/cases/link_dark.svg);
    margin-right: 13px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-top: 5px;
}

.caseHead__link-img.external_link {
    background-image: url(../img/cases/external_link.svg);
}

.caseHead__link {
    font-size: 20px;
    line-height: 150%;
    text-decoration: underline;
    color: #59575f;
}

.secdarkblue .caseHead__text {
    color: #ffffff;
}

.secdarkblue .caseHead__link {
    color: #ffffff;
}

.secdarkblue .caseHead__link-img {
    background-image: url(../img/cases/link_light.svg);
}

.contact__content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 40px 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: none;
    grid-template-rows: none;
    grid-gap: 40px;
    transition: all 200ms ease;
}

.contact__content > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.contact__content > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.contact__address {
    max-width: 450px;
}

.contact__email {
    font-weight: 500;
    font-size: 30px;
    line-height: 36px;
}

.address {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: max-content 50px max-content 50px max-content;
    grid-template-rows: max-content max-content max-content;
    grid-row-gap: 50px;
    align-self: flex-start;
}

.address > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.address > *:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}

.address > *:nth-child(3) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
}

.address__title {
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 14px;
    transition: all 200ms ease;
}

.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.not_found__top {
    align-items: flex-start !important;
    padding-bottom: 135px;
}

.not_found__top .sectiontop__cont {
    margin-top: 35px !important;
}

.not_found_p {
    color: #201d26;
    font-size: 22px;
    margin-bottom: 50px;
    line-height: 150%;
}

.not_found__footer {
    margin-top: auto;
}

.not_found {
    text-decoration: none;
    color: #fff;
    display: inline-block;
    max-width: 309px;
}

.not_found__top .butblue {
    padding: 24px 60px;
}

.not_found:hover {
    text-decoration: none;
}

.address__desc,
.address__phone {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 135%;
    color: #59575f;
    transition: all 200ms ease;
}

.address__phone a {
    color: #59575f;
}

.alert {
    margin-top: 15px;
    font-size: 14px;
    color: red;
}

.address__desc {
    margin-bottom: 20px;
}

.services__but {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    padding: 14px;
    border: 1px solid #cfcfcf;
    border-radius: 50px;
    color: #828282;
    font-size: 14px;
    line-height: 100%;
    text-align: center;
    grid-area: services__but;
    transition: all 200ms ease;
    cursor: pointer;
    height: max-content;
}

.services__but:hover {
    border-color: #3773ea;
    background: #3773ea;
    color: #fff;
}

.page__name {
    font-weight: 500;
    font-size: 22px;
    line-height: 135%;
    color: rgba(55, 115, 234, 0.9);
    background: rgba(55, 115, 234, 0.08);
    border-radius: 4px;
    padding: 8px 12px;
    margin-bottom: 8px;
    display: inline-block;
}

.page__title_no_img {
    max-width: 67%;
}

.page__title {
    display: block;
    margin-bottom: 60px;
    font-weight: 500;
    font-size: 48px;
    line-height: 56px;
    color: #201d26;
    margin-bottom: 24px;
}

.page__subtitle {
    font-size: 30px;
    line-height: 150%;
    color: #5f5c63;
    font-weight: normal;
    font-style: normal;
    max-width: 574px;
}

.secviolet {
    padding-bottom: 35px;
}

.caseHead__gp-left {
    margin-top: 48px;
}

.caseHead__gp-left h1 {
    font-size: 48px;
    line-height: 130%;
}

.caseHead__gp-img {
    position: relative;
    bottom: -39px;
    max-width: 410px;
    width: 100%;
    border-radius: 5px;
    margin-bottom: 10px;
}

.secbluecolor {
    background-color: #3773ea;
    padding-top: 110px;
}

.secpadd {
    padding: 120px 0;
}

.secbluecolor .gpinterface__title {
    color: #fff;
}

.secbluecolor .gpinterface__desc {
    color: #fff;
}

.gpinterface__title {
    margin-bottom: 20px;
}

.gpinterface__desc {
    margin-bottom: 60px;
    max-width: 880px;
    text-align: center;
    font-size: 22px;
    line-height: 150%;
    font-feature-settings:
        "tnum" on,
        "lnum" on;
    opacity: 0.8;
}

.gpinterface__item {
    position: relative;
    z-index: 2;
    overflow-y: hidden;
    border: 10px solid transparent;
    border-radius: 3.6%;
    border-left: 0;
    border-right: 0;
}

.gpinterface__img {
    position: relative;
    z-index: 2;
    overflow-y: hidden;
    display: block;
    margin-top: -0.2%;
}

.gpinterface__imgchat {
    position: absolute;
    right: 1.72%;
    top: 18.5%;
    z-index: 1;
    max-width: calc(100% - 39.2%);
}

.disableScroll {
    overflow-y: hidden;
    margin-right: 17px;
}

.enableScroll {
    overflow-y: auto;
    margin-right: 0;
}

.secondMonthWork {
    padding-bottom: 120px;
}

.gpinterface {
    display: flex;
    flex-direction: column;
    align-items: center;
}

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

.gpinterface__imgsearch img {
    width: auto;
}

.gpinterface__imgbg {
    display: block;
    position: relative;
    max-width: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

.checkchat.act {
    position: fixed;
    margin-top: 0;
    top: 0;
    z-index: 2;
    width: 100%;
}

.gpinterface__video {
    max-height: 870px;
    max-width: calc(100% - 36px);
    position: absolute;
    left: 50%;
    top: 8%;
    transform: translateX(-50%);
    z-index: 1;
    border-radius: 0 0 8px 8px;
}

.develop_img {
    margin-bottom: 60px;
}

.mb40 {
    margin-bottom: 40px;
}

.windows {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    padding: 0 30px 0;
}

.windows__img {
    display: block;
}

.windows__item + .windows__item {
    margin-top: 40px;
}

.gplogo {
    padding: 120px 0;
}

.gplogo__img {
    max-height: 300px;
    width: auto;
    display: block;
    margin: 0 auto;
}

.mt120 {
    margin-top: 120px;
}

.mb240 {
    margin-bottom: 240px;
}

.caseHade__img-cont {
    position: relative;
}

.aboutWork .review__grid {
    padding: 40px 60px 50px 40px;
    background: #fff;
    margin: 40px 0;
    box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.04);
    border-radius: 8px;
}

.notmar .review__grid {
    margin: 0;
}

.aboutWork .review__name {
    color: #201d26;
    margin-bottom: 6px;
}

.aboutWork .review__position {
    color: #989898;
    margin-bottom: 20px;
}

.aboutWork p {
    color: #59575f;
}

.aboutWork {
    padding-bottom: 240px;
}

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

.technologies {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 75px;
}

.tech__item {
    height: 150px;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 400ms ease;
}

.dashabord__text {
    font-weight: 500;
    font-size: 36px;
    line-height: 150%;
    color: #201d26;
    padding-left: 40px;
    padding-top: 60px;
}

.grid__block {
    padding-top: 20px;
}

.messenger__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.messenger__people_img {
    display: flex;
    justify-content: flex-end;
}

.messenger__people_img .automation__img {
    flex: 0 0 80%;
}

.mess__row {
    max-width: 500px;
    color: #59575f;
}

.otherServices .linksblock__item {
    border: 1px solid #f3f3f3;
    border-radius: 4px;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 24px 50px 24px 30px;
}

.otherServices .linksblock__item span {
    position: relative;
    display: block;
    transition: transform 450ms ease;
}

.otherServices .linksblock__item::before,
.otherServices .linksblock__item::after {
    content: "";
    display: block;
    position: absolute;
    right: 32px;
    top: 25px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../img/remove.svg");
    transition: all 400ms ease;
}

.otherServices .linksblock__item::before {
    transform: rotate(90deg);
}

.otherServices .linksblock__item::after {
    transform: rotate(180deg);
}

.otherServices .linksblock__item.act::after {
    transform: rotate(0deg);
}

.otherServices .linksblock__item.act::before {
    transform: rotate(0deg);
}

.otherServices .linksblock__item span {
    font-size: 22px;
}

.otherServices .linksblock__item li {
    margin-bottom: 18px;
    font-size: 20px;
}

.otherServices .linksblock__item ul {
    margin: 24px 0 0 0;
}

.linksblock__cont {
    display: none;
}
.linksblock__item p {
    font-size: 20px;
    font-weight: normal;
}
.linksblock__cont-wrapper {
    padding-top: 15px;
}
.secIntroduction .stage-work__title {
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    color: #201d26;
}

.topBotPadding {
    padding: 100px;
}

/* Bitrix */
.secBuyBitrix__title {
    font-weight: 500;
    font-size: 36px;
    line-height: 48px;
    color: #201d26;
    margin-bottom: 60px;
    text-align: center;
}

.secBuyBitrix__item {
    display: none;
}

.secBuyBitrix__tarif {
    display: block;
}

.secBuyBitrix__item.active {
    display: block;
}

.secBuyBitrix__mainButtons {
    display: flex;
    padding: 4px;
    justify-content: center;
    background: #fff;
    width: max-content;
    margin: 0 auto 40px;
    border-radius: 8px;
}

.secBuyBitrix__mainButton {
    padding: 20px;
    font-size: 20px;
    line-height: 120%;
    color: #3773ea;
    font-weight: 500;
    cursor: pointer;
    margin-right: 4px;
    border-radius: 8px;
    transition: all 0.3s;
}

.secBuyBitrix__mainButton:last-child {
    margin-right: 0;
}

.secBuyBitrix__subMainButtons {
    width: 100%;
    display: flex;
    margin-bottom: 44px;
}

.secBuyBitrix__subMainButton {
    padding: 20px 10px;
    text-align: center;
    font-size: 20px;
    line-height: 120%;
    color: #3773ea;
    font-weight: 500;
    margin-bottom: -1px;
    transition: all 0.3s;
    border: none;
    flex-grow: 1;
    border-bottom: 1px solid rgba(55, 115, 234, 0.5);
}

.secBuyBitrix__mainButtons .active {
    background-color: #3773ea;
    color: #fff;
}

.secBuyBitrix .container:nth-child(1) {
    padding-bottom: 120px;
}

.secBuyBitrix .container:nth-child(2) {
    padding-bottom: 120px;
}

.bitrixPackage {
    display: block !important;
}

.bitrixPackage tr.bitrixTable__column:last-child td {
    font-size: 20px;
    font-weight: 500;
}

.bitrixPackage tr.bitrixTable__column:last-child th {
    font-size: 20px;
    font-weight: 500;
}

.bitrixPackage .bitrixTable__column {
    height: 86px;
}

.bitrixPackage .bitrixTable__cell {
    padding: 15px 6px;
}

.bitrixTable__columns {
    width: 100%;
    margin: 0;
    background: #fff;
    border-radius: 8px;
}
.bitrixTable__column:first-child td {
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    color: #201d26;
}

.bitrixTable__column {
    width: 100%;
    padding: 0 30px;
    display: flex;
    border-bottom: 1px solid #e5e5e5;
}

.bitrixTable__column:last-child {
    border: none;
}

.bitrixTable__column:first-child {
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.04);
    border: none;
    position: relative;
}

th.bitrixTable__cell {
    text-align: left;
    flex: 0 0 45%;
    max-width: 28%;
    justify-content: start;
}

td.bitrixTable__cell {
    text-align: center;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.bitrixTable__column:nth-child(14) td {
    font-weight: 500;
}

.bitrixTable__cell s {
    display: block;
    width: 100%;
}

.bitrixTable__cell {
    padding: 24px 6px;
    text-align: left;
    font-weight: normal;
    font-size: 18px;
    line-height: 150%;
    color: #59575f;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.bitrixTable {
    border-radius: 8px;
    display: none;
}

.bitrixTable.act {
    display: block;
}

.bitrixTable__mobButtons {
    padding: 4px;
    justify-content: center;
    background: #fff;
    width: max-content;
    margin-bottom: 20px;
    border-radius: 8px;
    display: none;
}

.bitrixTable__mobButton {
    padding: 7px 10px;
    font-size: 16px;
    line-height: 20px;
    color: #3773ea;
    font-weight: 500;
    cursor: pointer;
    margin-right: 4px;
    border-radius: 8px;
    transition: all 0.3s;
    border: none;
    outline: none;
    background: none;
}

.tarifTable__mobButton {
    padding: 7px 10px;
    font-size: 16px;
    line-height: 20px;
    color: #3773ea;
    font-weight: 500;
    cursor: pointer;
    margin-right: 4px;
    border-radius: 8px;
    transition: all 0.3s;
    border: none;
    outline: none;
    background: none;
}

.bitrixTable__mobButton.active {
    background-color: #3773ea;
    color: #fff;
}

.tarifTable__mobButton.active {
    background-color: #3773ea;
    color: #fff;
}

.cell-true,
.cell-false {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 35px;
    background-size: 35px;
}

.cell-true {
    background-image: url("../img/check.svg");
}

.cell-false {
    background-image: url("../img/mark.svg");
}

.secBuyBitrix__subMainButton {
    color: #3773ea;
    cursor: pointer;
}

.secBuyBitrix__subMainButtons .active {
    border-bottom: 4px solid #3773ea;
    padding-bottom: 17px;
    display: block;
}

.bitrixTable__button {
    padding: 20px 40px;
    cursor: pointer;
    color: #fff;
    background: #3773ea;
    border-radius: 4px;
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    max-width: 147px;
    margin: 0 auto;
}

.bitrixTable__cell.month {
    color: #201d26;
    font-size: 22px;
    line-height: 26px;
    font-weight: 500;
}

.bitrixTable__cell .question {
    background-image: url("../img/question.svg");
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    width: 30px;
    height: 30px;
    margin-left: 5px;
    cursor: pointer;
}

.bitrixTable__cell > div {
    display: flex;
}

div[class*="selectbitrix"] {
    display: none;
}

div[class*="selectbitrix"] select,
div[class*="selectbitrix"] .selecionado_opcion {
    background: #fff;
    border-radius: 8px;
    color: #3773ea;
    padding-right: 45px;
    font-size: 15px;
    font-weight: 500;
    width: 100%;
}

div[class*="selectbitrix"] select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

div[class*="selectbitrix"] .icon_select_mate {
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 1;
}

div[class*="selectbitrix"] .icon_select_mate path {
    stroke: #3773ea;
}

.secAdvantages {
    padding: 140px 0;
}

.secAdvantages .gridblock__img {
    padding-left: 20px;
}

.gridblock__img img {
    width: auto;
}

.glider {
    -webkit-overflow-scrolling: auto;
}

.automation {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.automation__img {
    max-width: 496px;
    flex: 0 0 40%;
    padding-left: 20px;
}

.automation__img img {
    width: auto;
}

.sectiontop__cont {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.secviolet {
    background-color: #4e33b5 !important;
}

.mw420 {
    max-width: 420px;
}

.white {
    color: #fff;
}

/*   КЕЙСЫ  */
/* Блок о клиенте*/
.gridblockmar {
    grid-gap: 170px !important;
}

.gridblock {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: none;
    grid-template-columns: none;
    -ms-grid-rows: none;
    grid-template-rows: none;
    grid-gap: 80px;
}

.gridblock > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.gridblock__row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 360px 120px 1fr;
    grid-template-columns: 360px 1fr;
    -ms-grid-rows: none;
    grid-template-rows: none;
    grid-gap: 120px;
}

.gridblock__row > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.gridblock__row > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.gridblock__title {
    font-weight: 500;
    font-size: 32px;
    line-height: 135%;
}

.gridblock__text {
    font-size: 20px;
    cursor: initial;
    line-height: 150%;
    color: #59575f;
}

.pagebigh4 h4 {
    font-size: 36px;
}

.pagebigh4 .gridblock__row {
    -ms-grid-columns: 385px 120px 1fr;
    grid-template-columns: 385px 1fr;
    -ms-grid-rows: none;
    grid-template-rows: none;
}

.pagebigh4 .gridblock__row > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.pagebigh4 .gridblock__row > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

/* 1 экран */
.secauto {
    background: #1f2532;
    color: #ffffff;
    overflow: hidden;
}

.secauto .logo {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAyIiBoZWlnaHQ9IjIxMyIgdmlld0JveD0iMCAwIDMwMiAyMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDApIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTk2LjkzIDcyLjA1MDRMMTIzLjUxMiAtNTRMMTAyLjc4MyAtMTguMjc4Mkw4MS45NjI2IC01My45ODA1TDAgODYuOTQ5Nkg1OC44NzI2TDU4Ljg3MjggODYuOTQ5NEgxMDUuMDdMMTc4LjQ4OCAyMTNMMTk5LjIxNyAxNzcuMjc4TDIyMC4wMzcgMjEyLjk4MUwzMDIgNzIuMDUwNEgyNjAuNDU2SDI0My4xMjdIMTk2LjkzWk0xMzcuOTYxIDcyLjA1MDVMMTM3Ljk0OCA3Mi4wNTA0SDk2LjM5MThMOTYuMzkxOSA3Mi4wNTA1SDY3LjU0NjFMMTAyLjc5MSAxMS41MDY5TDEzNy45NjEgNzIuMDUwNVpNMTIyLjQgODYuOTQ5NEwxNzguNDY0IDE4My4yMDVMMTkwLjUzOCAxNjIuMzk3TDE5MC41MzYgMTYyLjM5MkwxOTAuNTM3IDE2Mi4zOUwxNDYuNjIgODYuOTQ5NUgxNDYuNjE4TDE0Ni42MTggODYuOTQ5NEgxMjIuNFpNNTAuMjE3IDcyLjA1MDdIMjUuOTg4NEw4MS45ODAzIC0yNC4yMjQzTDk0LjEzMjIgLTMuMzg2NDlMNTAuMjE3IDcyLjA1MDdaTTEyMy41MzYgLTI0LjIwNUwxMTEuNDYxIC0zLjM5NjlMMTExLjQ2NCAtMy4zOTE4OEwxMTEuNDYxIC0zLjM4NTY3TDE1NS4yODIgNzIuMDUwNEgxNzkuNkwxMjMuNTM2IC0yNC4yMDVaTTE2My45NDkgODYuOTQ5NUgyMDUuNjA4TDIwNS42MDggODYuOTQ5NEgyMzQuNDU0TDE5OS4yMDIgMTQ3LjUwNkwxNjMuOTQ5IDg2Ljk0OTVaTTI1MS43ODIgODYuOTQ5NEwyMDcuODY3IDE2Mi4zODZMMjIwLjAyIDE4My4yMjRMMjc2LjAxMiA4Ni45NDk0SDI1MS43ODJaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjAzIi8+DQo8L2c+DQo8cGF0aCBkPSJNMjUuNjc3OCA2Ny45MTU1SDMxLjY1MjFMMzguMjc3IDc4LjU5OTRMNDQuOTAyIDY3LjkxNTVINTAuODE3MVY5My4xNDEzSDQ1LjMxNlY3Ni42NDA3TDM4LjIxNzkgODcuNDQzM0gzOC4wOTk2TDMxLjA2MDYgNzYuNzU5NFY5My4xNDEzSDI1LjYxODdWNjcuOTE1NUgyNS42Nzc4WiIgZmlsbD0id2hpdGUiLz4NCjxwYXRoIGQ9Ik01NS40MzE2IDY3LjkxNTVINzQuNDE5MlY3Mi44NDJINjAuOTMyN1Y3Ny45NDY1SDcyLjgyMjFWODIuODcyOUg2MC45MzI3Vjg4LjE1NTVINzQuNTk2N1Y5My4xNDEzSDU1LjQzMTZWNjcuOTE1NVoiIGZpbGw9IndoaXRlIi8+DQo8cGF0aCBkPSJNNzguMDg1NCA2Ny45MTU1SDg3LjkwNDZDOTUuODMwOCA2Ny45MTU1IDEwMS4yNzMgNzMuMzc2MiAxMDEuMjczIDgwLjU1ODFDMTAxLjI3MyA4Ny42ODA3IDk1LjgzMDggOTMuMjAwNyA4Ny45MDQ2IDkzLjIwMDdINzguMDg1NFY2Ny45MTU1Wk04Ny45MDQ2IDg4LjE1NTVDOTIuNDU5MiA4OC4xNTU1IDk1LjQ3NTkgODUuMDY5MSA5NS40NzU5IDgwLjU1ODFDOTUuNDc1OSA3Ni4xMDY1IDkyLjQwMDEgNzIuOTYwNyA4Ny45MDQ2IDcyLjk2MDdIODMuNjQ1N1Y4OC4yMTQ5SDg3LjkwNDZWODguMTU1NVoiIGZpbGw9IndoaXRlIi8+DQo8cGF0aCBkPSJNMTA1IDY3LjkxNTVIMTEwLjU2VjkzLjE0MTNIMTA1VjY3LjkxNTVaIiBmaWxsPSJ3aGl0ZSIvPg0KPHBhdGggZD0iTTEyNC4wNDcgNjcuNzM3M0gxMjkuMTM0TDEzOS45NTkgOTMuMTQxMkgxMzQuMTYyTDEzMS44NTUgODcuNTAyNUgxMjEuMjA4TDExOC45MDEgOTMuMTQxMkgxMTMuMjgyTDEyNC4wNDcgNjcuNzM3M1pNMTI5Ljg0NCA4Mi41NzZMMTI2LjUzMiA3NC4zODVMMTIzLjE2IDgyLjU3NkgxMjkuODQ0WiIgZmlsbD0id2hpdGUiLz4NCjxwYXRoIGQ9Ik0xNDAuOTY0IDY3LjkxNTZIMTQ0LjA0TDE1MS4yNTYgODguOTI3MkwxNTguMTc3IDY3Ljc5NjlIMTYwLjU0M0wxNjcuNDY0IDg4LjkyNzJMMTc0LjY4IDY3LjkxNTZIMTc3LjYzOEwxNjguNjQ3IDkzLjM3ODhIMTY2LjE2MkwxNTkuMjQyIDcyLjkwMTRMMTUyLjMyMSA5My4zNzg4SDE0OS45NTVMMTQwLjk2NCA2Ny45MTU2WiIgZmlsbD0id2hpdGUiLz4NCjxwYXRoIGQ9Ik0xNzguODggODAuNTU4MUMxNzguODggNzMuNjEzNiAxODQuMDg2IDY3LjUgMTkxLjc3NSA2Ny41QzE5OS40MDYgNjcuNSAyMDQuNTUyIDczLjU1NDIgMjA0LjU1MiA4MC41NTgxQzIwNC41NTIgODcuNTAyNiAxOTkuMzQ3IDkzLjYxNjEgMTkxLjY1NyA5My42MTYxQzE4NC4wMjcgOTMuNjE2MSAxNzguODggODcuNTYxOSAxNzguODggODAuNTU4MVpNMjAxLjU5NCA4MC41NTgxQzIwMS41OTQgNzQuODAwNiAxOTcuMzk1IDcwLjExMTYgMTkxLjY1NyA3MC4xMTE2QzE4NS45MTkgNzAuMTExNiAxODEuNzc5IDc0Ljc0MTMgMTgxLjc3OSA4MC41NTgxQzE4MS43NzkgODYuMzE1NSAxODUuOTc5IDkxLjAwNDUgMTkxLjcxNiA5MS4wMDQ1QzE5Ny41MTMgOTAuOTQ1MiAyMDEuNTk0IDg2LjMxNTUgMjAxLjU5NCA4MC41NTgxWiIgZmlsbD0id2hpdGUiLz4NCjxwYXRoIGQ9Ik0yMDkuMTA2IDY3LjkxNTVIMjE5LjkzMUMyMjMuMDA3IDY3LjkxNTUgMjI1LjQ5MSA2OC44NjUyIDIyNy4wODggNzAuNDY3OEMyMjguMzMgNzEuNzE0MiAyMjkuMDQgNzMuNDM1NSAyMjkuMDQgNzUuNTEyOUMyMjkuMDQgNzkuNzI3MSAyMjYuMTQyIDgyLjE2MDcgMjIyLjIzOCA4Mi44NzI5TDIyOS45MjcgOTMuMTQxM0gyMjYuNDM3TDIxOS4xNjIgODMuMzQ3OEgyMTEuOTQ1VjkzLjE0MTNIMjA5LjEwNlY2Ny45MTU1Wk0yMTkuNjk0IDgwLjc5NTVDMjIzLjQ4IDgwLjc5NTUgMjI2LjE0MiA3OC44MzY4IDIyNi4xNDIgNzUuNTEyOUMyMjYuMTQyIDcyLjQyNjUgMjIzLjc3NSA3MC41MjcxIDIxOS42OTQgNzAuNTI3MUgyMTEuOTQ1VjgwLjc5NTVIMjE5LjY5NFoiIGZpbGw9IndoaXRlIi8+DQo8cGF0aCBkPSJNMjU2LjA3MiA4OS40NjEzTDI1Ny44NDYgODcuMzgzOUMyNjAuNDQ5IDg5Ljc1ODEgMjYyLjk5MiA5MC45NDUyIDI2Ni40ODIgOTAuOTQ1MkMyNjkuODU0IDkwLjk0NTIgMjcyLjEwMiA4OS4xNjQ1IDI3Mi4xMDIgODYuNTUyOUMyNzIuMTAyIDg0LjE3ODcgMjcwLjg2IDgyLjg3MjkgMjY1LjUzNiA4MS43NDUyQzI1OS43MzkgODAuNDk4NyAyNTcuMDc3IDc4LjU5OTQgMjU3LjA3NyA3NC4zODUyQzI1Ny4wNzcgNzAuNDA4NCAyNjAuNTY3IDY3LjUgMjY1LjM1OSA2Ny41QzI2OS4wMjYgNjcuNSAyNzEuNjI5IDY4LjU2ODQgMjc0LjIzMSA3MC41ODY1TDI3Mi41NzUgNzIuNzgyNkMyNzAuMjA5IDcwLjg4MzIgMjY3LjkwMiA3MC4wNTIzIDI2NS4yOTkgNzAuMDUyM0MyNjIuMDQ2IDcwLjA1MjMgMjU5LjkxNyA3MS44MzI5IDI1OS45MTcgNzQuMjA3MUMyNTkuOTE3IDc2LjU4MTMgMjYxLjIxOCA3Ny45NDY1IDI2Ni43NzggNzkuMTMzNkMyNzIuMzk3IDgwLjM4IDI3NSA4Mi4zOTgxIDI3NSA4Ni4zNzQ4QzI3NSA5MC43MDc4IDI3MS4zOTIgOTMuNDk3NCAyNjYuNDIzIDkzLjQ5NzRDMjYyLjQwMSA5My40OTc0IDI1OS4wODggOTIuMTkxNiAyNTYuMDcyIDg5LjQ2MTNaIiBmaWxsPSJ3aGl0ZSIvPg0KPHBhdGggZD0iTTI0MC4yMiA3OS41NDkxTDI1NC42NTMgNjcuNzk2OUgyNTEuNjk1SDI1MC45MjZMMjM2LjQ5MyA3OS40ODk4SDIzNi41NTJWNjcuNzk2OUgyMzYuNDkzSDIzMy42NTRWOTMuMjYwMUgyMzYuNDkzSDIzNi41NTJWODIuNTE2OUwyMzguMjA4IDgxLjE1MTdMMjUwLjkyNiA5My4yNjAxSDI1MS42MzZIMjU0LjY1M0wyNDAuMjIgNzkuNTQ5MVoiIGZpbGw9IndoaXRlIi8+DQo8ZGVmcz4NCjxjbGlwUGF0aCBpZD0iY2xpcDAiPg0KPHJlY3Qgd2lkdGg9IjMwMiIgaGVpZ2h0PSIyMTMiIGZpbGw9IndoaXRlIi8+DQo8L2NsaXBQYXRoPg0KPC9kZWZzPg0KPC9zdmc+DQo=);
}

.secauto .caseHead__text {
    color: #fff;
}

.secauto .caseHead__def {
    grid-template-columns: 610px 1fr;
}

.secauto .caseHead__items {
    grid-template-columns: 550px 1fr;
    align-items: flex-start;
}

.secauto .casHead__mw330 {
    max-width: 330px;
}

/* Footer */
.footer {
    background: #1d1b24;
    color: #ffffff;
    padding: 100px 0 60px;
    margin-top: auto;
}

.footer__cont {
    display: flex;
    justify-content: space-between;
}

.footer__logo {
    width: 171px;
    height: 129px;
}

.footer__address {
    display: flex;
    justify-content: space-between;
    width: 700px;
}

.footer__address-city {
    padding-left: 46px;
    position: relative;
    opacity: 0.6;
    margin-bottom: 18px;
}

.footer__address-city::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../img/place.svg);
}

.footer__address-link {
    margin-bottom: 35px;
}

.footer__address-phone {
    font-weight: bold;
    font-size: 30px;
    line-height: 35px;
}

.footer__address-phone a {
    color: #fff !important;
}

.footer__address-text {
    max-width: 255px;
    font-size: 16px;
    line-height: 160%;
    margin-top: 30px;
    opacity: 0.9;
}

.only-one .footer__address-text {
    max-width: 500px;
}

.footer__copy {
    opacity: 0.4;
    font-size: 16px;
    line-height: 134%;
    margin-top: 115px;
}

/* envibox */
.cbk-window .cbk-form .cbk-form-title small {
    margin: 20px 0;
    line-height: 22px !important;
}

.cbk-window.cbk-window-modal a.cbk-copyright-callbackkiller,
.white-saas-generator-copyright,
.white-saas-mobile-generator-copyright {
    display: none !important;
}

#leadia_science_widget .leadia_develop_text {
    display: none !important;
}

.cbk-phone .cbk-phone-phone.cbk-phone-with-text {
    font-size: 18px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.workStep {
    text-align: center;
    padding-top: 120px;
    padding-bottom: 120px;
}

.workStep__text {
    display: inline-block;
    margin-bottom: 80px;
    max-width: 820px;
}

.workStep__img {
    display: block;
    margin: 0 auto;
    width: auto;
}

.workStep__desc {
    font-size: 22px;
    color: #59575f;
}

/* Кейсы */
.case {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: none;
    grid-template-rows: none;
    grid-gap: 60px;
}

.case > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.case__item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 420px 60px 1fr;
    grid-template-columns: 420px 1fr;
    -ms-grid-rows: none;
    grid-template-rows: none;
    grid-gap: 60px;
}

.case__item > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.case__item > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.case__item > a {
    display: block;
}

.case__text {
    padding-top: 10px;
    margin-bottom: 30px;
}

.link2 {
    color: inherit;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    transition: all 300ms ease;
    text-decoration: none !important;
}

.link2__arr {
    width: 24px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../img/linkarr2.svg);
    display: inline-block;
    margin: 0 0 -1px 14px;
    transition: all 400ms ease;
}

.link2:hover {
    transform: translateX(5px);
}

.link2:hover .link2__arr {
    transform: translateX(10px);
}

.case__link {
    margin-top: 60px;
    display: inline-block;
}

.case__img {
    height: 330px;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.case__other {
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-column-span: 1;
    grid-column-end: 3;
    margin-top: 20px;
}

.case h4 {
    font-size: 26px;
}

.case h4 a {
    text-decoration: none !important;
    color: inherit;
}

.case206 .atvImg-rendered-layer {
    background-color: #006cb5;
}

.case207 .atvImg-rendered-layer {
    background-color: #f1f4fa;
}

.case46 .atvImg-rendered-layer {
    background-color: #1f2532;
}

.case284 .atvImg-rendered-layer {
    background-color: #0089d8;
}

.case45 .atvImg-rendered-layer {
    background-color: #4e33b5;
    background-position-y: 40px;
    background-size: 264px;
}
.case45 .atvImg-rendered-layer::before {
    content: "";
    background: linear-gradient(180deg, rgba(78, 51, 181, 0) 0%, rgba(78, 51, 181, 1) 100%);
    width: 100%;
    height: 100px;
    bottom: 0;
    position: absolute;
}

.case283 .atvImg-rendered-layer {
    background-color: #ff0053;
}

body .atvImg-rendered-layer {
    background-size: cover;
}

body .no_cover .atvImg-rendered-layer{
    background-size: contain;
}
.secAdvantages__item-title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: #000;
    margin: 14px 0;
    //max-width: 250px;
    max-width: 100%;
}

/* atvImg */
.atvImg {
    border-radius: 8px;
    transform-style: preserve-3d;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    height: 330px;
}

.atvImg img {
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(14, 21, 47, 0.25);
}

.atvImg-container {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    transition: all 100ms ease;
}

.atvImg-container.over .atvImg-shadow {
    box-shadow:
        0 45px 100px rgba(14, 21, 47, 0.4),
        0 16px 40px rgba(14, 21, 47, 0.4);
}

.atvImg-layers {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
    transform-style: preserve-3d;
}

.atvImg-rendered-layer {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 330px;
    border-radius: 8px;
    background-position: center;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 0.1s ease-out;
    overflow: hidden;
    cursor: pointer;
}

@media (max-width: 769px) {

	.case__item .atvImg img {
		max-height: 115px;
        background-size: cover;
		object-fit: cover;
	}

    .case__item.no_cover .atvImg img {
		max-height: 115px;
        background-size: contain;
		object-fit: contain;
	}

  .case206 .atvImg {
    background-color: #006cb5;
  }

  .case207 .atvImg {
    background-color: #f1f4fa;
  }

  .case46 .atvImg {
    background-color: #1f2532;
  }

  .case284 .atvImg {
    background-color: #0089d8;
  }

  .case45 .atvImg {
    background-color: #4e33b5;
    background-position-y: 40px;
    background-size: 264px;
  }

  .case45 .atvImg::before {
    content: "";
    background: linear-gradient(
      180deg,
      rgba(78, 51, 181, 0) 0%,
      rgba(78, 51, 181, 1) 100%
    );
    width: 100%;
    height: 100px;
    bottom: 0;
    position: absolute;
  }

  .case283 .atvImg {
    background-color: #ff0053;
  }
}

/* полоса прокрутки (скроллбар) */
.fly-form__item ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #3773ea0d;
}

/* ползунок скроллбара */
.fly-form__item ::-webkit-scrollbar-thumb {
    background-color: #3773ea1a;
    border-radius: 50px;
}

.fly-form__item ::-webkit-scrollbar-thumb:hover {
    background-color: #3773ea44;
    cursor: pointer;
}

/* Стрелки */

.fly-form__item ::-webkit-scrollbar-button:vertical:start:decrement {
    display: none;
}

.fly-form__item ::-webkit-scrollbar-button:vertical:end:increment {
    display: none;
}

.fly-form__item ::-webkit-scrollbar-button:horizontal:start:decrement {
    display: none;
}

.fly-form__item ::-webkit-scrollbar-button:horizontal:end:increment {
    display: none;
}

.hcenter {
    text-align: center;
}

/* MEDIA */
@media (max-width: 1440px) {
    .maintop__cont {
        margin-top: 100px;
    }

    h1 {
        font-size: 60px;
        line-height: 73px;
    }

    .maintop h1 {
        margin-bottom: 18px;
    }

    .ofer {
        font-size: 25px;
    }

    .butmain {
        padding: 22px 75px;
        font-size: 16px;
    }

    .container {
        padding: 0 60px;
    }

    .section {
        padding: 100px 0;
    }

    .maintop {
        padding: 0 0 200px;
    }

    .secexpert {
        padding: 100px 0 0;
    }

    .sectioncont {
        padding-bottom: 200px;
    }

    .contheader h1 {
        margin-bottom: 20px;
    }

    .hdesc {
        font-size: 27px;
    }

    .services__but {
        padding: 10px;
    }

    .cardtwo__title {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 23px;
    }

    .cardtwo__card {
        padding: 25px 25px 32px;
    }

    .cardtwo__graph {
        grid-gap: 20px;
    }

    .sectionkeys h1 {
        font-size: 36px;
    }

    .consFly__img:nth-child(2) {
        width: 580px;
    }

    .consFly__img:nth-child(3) {
        top: 230px;
        right: 535px;
        max-width: 300px;
    }

    .windows {
        padding: 0;
        gap: 30px;
    }

    .windows__item + .windows__item {
        margin-top: 6.7%;
    }
}

@media (max-width: 1330px) {
    .bitrixTable__button {
        padding: 20px 32px;
    }
}

@media (max-width: 1270px) {
    .consFly__img:nth-child(1) {
        width: 700px;
    }

    .consFly__img:nth-child(2) {
        top: 75px;
        width: 525px;
    }

    .consFly__img:nth-child(3) {
        top: 205px;
        right: 490px;
        max-width: 250px;
    }

    .caseHead__gp-img {
        bottom: -64px;
        max-width: 400px;
        width: 100%;
    }

    .secauto {
        padding-bottom: 60px;
    }
}

@media (max-width: 1250px) {
    .gridblock__row,
    .pagebigh4 .gridblock__row {
        -ms-grid-columns: 200px 120px 1fr;
        grid-template-columns: 200px 1fr;
    }

    .gridblock__text {
        padding-right: 10px;
        font-size: 18px;
    }

    .not_found__top .butblue {
        padding: 20px 60px !important;
    }

    .logo {
        width: 220px;
        height: 155px;
    }
    .secwhite .logo__text {
    }

    .header__city {
        margin-top: 66px;
    }

    h1 {
        font-size: 54px;
        line-height: 60px;
    }

    .ofer {
        font-size: 23px;
    }

    .butmain {
        padding: 20px 65px;
    }

    .maintop {
        height: auto;
        padding-bottom: 200px;
        min-height: auto;
    }

    .header__logo {
        margin-left: -18px;
    }

    .headerfix .logo__text {
        margin-top: 21px;
    }

    .headerfix .menu {
        padding-top: 32px;
    }

    .expert {
        -ms-grid-columns: 310px 90px calc(100% - 400px);
        grid-template-columns: 310px calc(100% - 400px);
        grid-gap: 90px;
    }

    h3 {
        font-size: 30px;
    }

    h2 {
        font-size: 36px;
        line-height: 45px;
        margin: 0 0 70px;
    }

    h4 {
        font-size: 25px;
        margin: 0 0 20px;
    }

    .linkbut {
        padding: 25px;
        font-size: 17px;
    }

    .linkbut__arr {
        margin: 0 0 -1px 30px;
    }

    .secgrid {
        -ms-grid-columns: 270px 60px 1fr;
        grid-template-columns: 270px 1fr;
    }

    .footer {
        padding: 80px 0 40px;
    }

    .footer__logo {
        width: 130px;
        height: 129px;
    }

    .footer__address {
        width: 480px;
    }

    .footer__address-city {
        font-size: 16px;
        padding-left: 30px;
    }

    .footer__address-city::before {
        width: 20px;
        height: 20px;
        bottom: 0;
    }

    .link {
        font-size: 16px;
    }

    .footer__address-phone {
        font-size: 23px;
    }

    .footer__copy {
        font-size: 14px;
        margin-top: 50px;
    }

    .address__title {
        font-size: 18px;
    }

    .address__desc,
    .address__phone {
        font-size: 15px;
    }

    .form__input {
        padding: 15px 15px;
    }

    .form__title {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .selecionado_opcion {
        padding: 15px;
    }

    .icon_select_mate {
        top: 15px;
    }

    .checkbox {
        font-size: 16px;
    }

    .white-btn {
        font-size: 16px;
    }

    .white-btn .btnplus {
        height: 12px;
    }

    .black-btn {
        font-size: 16px;
        padding: 15px;
    }

    .checkbox input[type="checkbox"]::before {
        width: 18px;
        height: 18px;
    }

    .checkbox__input {
        margin-right: 10px;
    }

    .sectioncont {
        padding-top: 50px;
    }

    .hdesc {
        font-size: 23px;
    }

    .contheader h1 {
        margin-bottom: 23px;
    }

    .services__title {
        font-size: 23px;
    }

    .services__but {
        margin-top: -2px;
    }

    .secpt {
        padding-top: 100px;
    }

    .marblock {
        margin: 90px 0 100px;
    }

    li {
        font-size: 18px;
        background-position: 8px 10px;
        padding-left: 30px;
        margin-bottom: 12px;
    }

    ul li {
        background-size: 18px;
    }

    .martop {
        margin-top: 40px;
    }

    .martop2 {
        margin-top: 50px;
    }

    h5 {
        font-size: 21px;
        line-height: 28px;
    }

    p {
        margin: 0 0 20px;
    }

    .secptpb {
        padding-top: 100px;
        padding-bottom: 140px;
    }

    .market-place__item-desc {
        font-size: 17px;
    }

    .market-place__item-title {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .market-place__item {
        padding-top: 20px;
    }

    .slider__item-title {
        font-size: 21px;
        line-height: 30px;
    }

    .slider__item-desc {
        font-size: 17px;
    }

    .slider__item {
        -ms-grid-columns: 1fr 500px;
        grid-template-columns: 1fr 500px;
    }

    .slider__num {
        font-size: 26px;
    }

    .our-advantag__item-title {
        font-size: 19px;
        margin-bottom: 10px;
    }

    .our-advantag__item-desc {
        font-size: 17px;
    }

    .sectiontop__cont .butblue {
        padding: 20px 70px;
    }

    .sectiontopserv {
        padding-bottom: 120px;
    }

    /* Кейсы */
    .case h4 {
        font-size: 18px;
    }

    .case45 .atvImg-rendered-layer {
        background-position-y: 30px;
        background-size: 240px;
    }
    .case45 .atvImg-rendered-layer::before {
        background: linear-gradient(180deg, rgba(78, 51, 181, 0) 0%, rgba(78, 51, 181, 0.8) 100%);
        height: 50px;
    }

    .case__link {
        margin-top: 40px;
        font-size: 16px;
    }

    .case__img,
    .atvImg,
    .atvImg-rendered-layer {
        height: 240px;
    }
}

@media (max-width: 1200px) {
    .only-one .footer__address-text {
        max-width: 280px;
    }

    .secauto .caseHead__items {
        grid-template-columns: 530px 1fr;
    }

    .aboutWork {
        padding-bottom: 200px;
    }

    .services__but {
        margin-top: 5px;
        padding: 9px 15px;
        width: max-content;
    }

    .caseHead__title {
        font-size: 30px !important;
    }

    .caseHead__text {
        font-size: 18px;
        margin-bottom: 40px;
    }

    .caseHead__link {
        font-size: 16px;
    }

    .services__title {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .services__but {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }

    .bitrixTable__button.openflyform,
    .bitrixTable__button.openflyform_bitrix-tariffs,
    .openflyform_bitrix-version {
        display: inline-block;
        padding: 13px 25px;
        height: auto;
        font-size: 17px;
    }

    .bitrixTable {
        background: none;
        box-shadow: none;
    }
    .bitrixTable__column {
        background-color: #fff;
        border-radius: 8px 8px 0 0;
    }
    .bitrixTable__cell {
        padding: 20px 5px;
        font-size: 16px;
    }
    .bitrixTable__column:first-child td {
        padding: 20px 5px;
        font-size: 16px;
        line-height: 150%;
    }
    th.bitrixTable__cell {
        flex: 0 0 40%;
        max-width: 40%;
    }
    .secBuyBitrix__subMainButton {
        font-size: 16px;
    }
    .secBuyBitrix__mainButton {
        padding: 15px;
        font-size: 16px;
    }
    .dashabord__text {
        font-size: 26px;
        line-height: 150%;
        padding-left: 30px;
        padding-top: 40px;
    }
}

@media (max-width: 1150px) {
    .not_found__top h2 {
        font-size: 38px;
    }
    .not_found__top .not_found_p {
        font-size: 19px;
        line-height: 129%;
    }

    .expert__slider-arrow {
        margin-top: 30px;
    }

    .slider-arrow__line {
        height: 1px;
    }

    .slider-arrow__back {
        /*background-size: 20px;*/
        background-position: left -3px center;
    }

    .slider-arrow__next {
        /*background-size: 20px;*/
        background-position: right -3px center;
    }

    .slider-arrow__buts {
        grid-gap: 0;
        margin-top: -12px;
    }

    .slider-arrow {
        -ms-grid-columns: 1fr 20px 43px;
        grid-template-columns: 1fr 43px;
    }

    .expert {
        -ms-grid-columns: 240px 80px calc(100% - 320px);
        grid-template-columns: 240px calc(100% - 320px);
        grid-gap: 80px;
    }

    .expert__cont {
        padding-bottom: 100px;
    }

    .review__slider {
        padding: 0;
        width: 100%;
        margin: 0 0 40px;
    }

    .review__nav-num {
        font-size: 22px;
    }

    .review__nav {
        -ms-grid-columns: 26px 1fr 43px !important;
        grid-template-columns: 26px 1fr 43px !important;
    }

    .review__slide {
        box-shadow: none;
    }

    .secgrid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 0;
    }

    .slider__items {
        padding: 0;
        width: 100%;
        margin: 0 0 40px;
    }

    .consFly__img:nth-child(1) {
        width: 600px;
    }

    .consFly__img:nth-child(2) {
        top: 75px;
        width: 425px;
    }

    .consFly__img:nth-child(3) {
        top: 172px;
        right: 395px;
    }
    .gpinterface__video {
        max-width: calc(100% - 14px);
        top: 8%;
        border-radius: 0 0 12px 12px;
    }

    .case__item {
        -ms-grid-columns: 350px 60px 1fr;
        grid-template-columns: 350px 1fr;
    }
}

@media (max-width: 1100px) {
    .page__title_no_img {
        max-width: 78%;
    }

    .checkbox {
        padding-right: 40px;
    }

    .checkbox__input {
        margin-top: 2px;
    }
}

@media (max-width: 1050px) {
    .gridblock__row,
    .pagebigh4 .gridblock__row {
        -ms-grid-columns: 200px 60px 1fr;
        grid-template-columns: 200px 1fr;
        grid-gap: 60px;
    }

    .blockcases {
        grid-gap: 10px !important;
    }
}

@media (max-width: 1024px) {
    .caseHead__title {
        font-size: 26px !important;
    }

    .caseHead__text {
        font-size: 18px;
        margin-bottom: 40px;
    }

    .caseHead__link {
        font-size: 16px;
    }

    .caseHead__link-img {
        width: 13px;
        height: 13px;
        margin-right: 8px;
        margin-top: 4px;
    }

    .secAdvantages .gridblock__img {
        text-align: right;
    }
}

@media (max-width: 1000px) {
    .fly-open-city .fly-form__item {
        max-height: initial;
    }

    .city__main-list {
        max-height: calc(100% - 165px);
    }

    .not_found__top {
        padding-bottom: 90px;
    }

    .secauto {
        padding-bottom: 60px;
    }

    .gridblock__row,
    .pagebigh4 .gridblock__row {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 0;
    }

    .gridblock {
        grid-gap: 40px;
    }

    .gridblock__text {
        font-size: 16px;
    }

    .gridblockmar {
        grid-gap: 100px !important;
    }

    .gridblock__title h4 {
        font-size: 20px;
    }

    .aboutWork {
        padding-bottom: 100px;
    }
    .bluecolor {
        /*margin-top: 80px;*/
        padding: 45px 0 !important;
    }
    .notoppadding {
        /*margin-top: 50px !important;*/
        padding-top: 50px !important;
    }
    .mt_bitrix {
        margin-top: 50px !important;
    }
    .nopadding {
        padding-bottom: 90px !important;
    }
    .mb {
        padding-bottom: 90px !important;
    }
    .pb {
        padding-bottom: 90px !important;
    }
    .small__section {
        padding: 60px 0;
    }

    h1 {
        font-size: 40px;
        line-height: 50px;
    }

    .ofer {
        font-size: 18px;
        margin-bottom: 35px;
    }

    .maintop__cont {
        margin-top: 40px;
    }

    .butmain {
        padding: 18px 55px;
        font-size: 15px;
    }

    .maintop {
        padding-bottom: 150px;
    }

    h3 {
        font-size: 26px;
    }

    h2 {
        font-size: 32px;
        line-height: 44px;
        margin: 0 0 60px;
    }

    h4 {
        font-size: 20px;
    }

    .tag__item {
        font-size: 12px;
        font-weight: 400;
        padding: 4px 10px;
    }

    .review__slide {
        padding: 20px 25px 25px;
    }

    .review__grid {
        -ms-grid-columns: 50px 20px 1fr;
        grid-template-columns: 50px 1fr;
        grid-gap: 20px;
    }

    .review__img {
        height: 50px;
        margin-top: 5px;
    }

    .review__name {
        font-size: 18px;
        margin-bottom: 4px;
    }

    .review__position {
        font-size: 15px;
    }

    .review__text {
        font-size: 16px;
        margin-top: 18px;
    }

    .review__slide::after {
        width: 40px;
        height: 26px;
        top: 25px;
        right: 25px;
    }

    .review__position,
    .review__name {
        padding-right: 60px;
    }

    .linkfooter {
        padding: 60px 0;
        font-size: 27px;
    }

    .linkfooter__arr {
        width: 28px;
        height: 19px;
        margin: 0 0 -2px 30px;
    }

    .linkfooter {
        padding: 45px 0;
        font-size: 22px;
    }

    .hdesc {
        font-size: 19px;
    }

    .contheader h1 {
        margin-bottom: 17px;
    }

    .page {
        margin-top: 70px;
    }

    .headerfix {
        display: none;
    }

    .sectionkeys h1 {
        font-size: 28px;
        max-width: 600px;
    }

    .sectiontop__cont {
        margin-top: 50px;
    }

    .sectionkeys {
        padding-bottom: 120px;
    }

    .section {
        padding: 50px 0;
    }

    .secpt {
        padding-top: 75px;
    }

    .secptpb {
        padding-top: 75px;
        padding-bottom: 100px;
    }

    .marblock {
        margin: 70px 0;
    }

    .imgcomparison {
        height: 400px;
    }

    li {
        font-size: 16px;
        background-position: 5px 8px;
        padding-left: 25px;
    }

    .marblock {
        margin: 60px 0;
    }

    h5 {
        font-size: 17px;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .cardtwo__card {
        padding: 20px 22px 27px;
    }

    .cardtwo__title {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 15px;
    }

    .cardtwo__num {
        font-size: 11px;
        line-height: 14px;
        top: -6px;
    }

    .cardtwo__item-title {
        font-size: 15px;
        margin-bottom: 8px;
    }

    .martop2 {
        margin-top: 35px;
    }

    .mb60 {
        margin-bottom: 35px;
    }

    h4.hmax {
        max-width: 500px;
    }

    .cardtwo__block-title {
        font-size: 17px;
        line-height: 22px;
    }

    .cardtwo__block-title span {
        font-size: 16px;
    }

    .cardtwo {
        grid-gap: 17px 20px;
    }

    .seclight {
        padding: 60px 0;
    }

    ol {
        padding-left: 20px;
    }

    ol li {
        padding-left: 16px;
    }

    ul li {
        background-size: 16px;
        background-position: 0 4px;
    }

    .market-place__item-title {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .market-place__item-desc {
        font-size: 16px;
    }

    .market-place__item {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .sectionblue {
        padding: 60px 0;
    }

    .slider__num {
        font-size: 20px;
    }

    .slider__nav {
        -ms-grid-columns: 30px 1fr 40px !important;
        grid-template-columns: 30px 1fr 40px !important;
    }

    .slider__item-title {
        font-size: 18px;
        line-height: 25px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .slider__item-desc {
        font-size: 16px;
    }

    .sectiontop__cont .butblue {
        padding: 16px 60px;
    }

    .sectiontopserv {
        padding-bottom: 90px;
    }

    .linksblock__item {
        font-size: 16px;
        padding: 16px 50px 16px 0;
    }
    .otherServices .linksblock__item {
        padding: 16px 50px 16px 30px;
    }

    .linksblock__item[href]::after {
        right: 16px;
        top: 20px;
        width: 16px;
        height: 16px;
    }

    .our-advantag__item-desc {
        font-size: 16px;
    }

    .our-advantag__item-title {
        font-size: 17px;
        margin-bottom: 4px;
    }

    .lidmagnit__item {
        margin-bottom: 60px;
    }

    .lidmagnit__item:last-child {
        margin-bottom: 80px;
    }

    .workStep {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .workStep__text {
        margin-bottom: 50px;
    }

    .bitrixTable__button.openflyform,
    .bitrixTable__button.openflyform_bitrix-tariffs,
    .openflyform_bitrix-version {
        font-size: 16px;
    }

    .linksblock__descr {
        font-size: 14px;
        line-height: 18px;
        margin-top: 8px;
    }

    .secpadd {
        padding: 60px 0;
    }

    .gplogo {
        padding: 0;
    }

    .secbluecolor {
        padding-top: 80px;
    }

    .gpinterface__imgchat {
        top: 17.4%;
    }

    .slider__grid {
        transform: translateX(10px) scale(0.85);
    }

    /* Кейсы */
    .tag__item {
        font-size: 12px;
        font-weight: 400;
        padding: 4px 10px;
    }

    .link2__arr {
        margin: 0 0 -1px 14px;
        width: 19px;
        height: 10px;
    }

    .case__link {
        margin-top: 30px;
        font-size: 15px;
    }

    .case__img,
    .atvImg,
    .atvImg-rendered-layer {
        height: 170px;
    }
}

@media (max-width: 975px) {
    .consFly__img:nth-child(1) {
        width: 500px;
    }

    .consFly__img:nth-child(2) {
        top: 50px;
        width: 375px;
    }

    .consFly__img:nth-child(3) {
        top: 137px;
        right: 348px;
        max-width: 220px;
    }
}

@media (max-width: 950px) {
    .secauto .caseHead__items {
        grid-template-columns: 1fr;
    }

    .secauto {
        padding-bottom: 60px;
    }

    .page__title_no_img {
        max-width: 77%;
    }
    .otherServices .linksblock__item {
        padding: 24px 47px 24px 10px;
    }
    .otherServices .linksblock__item span {
        padding-left: 19px;
    }
    .fly-form__item {
        margin: 15px;
    }

    .fly-form__cont {
        padding: 40px 50px;
    }

    .fly-form__title {
        font-size: 26px;
    }

    .fly-form__desc {
        font-size: 16px;
        max-width: 450px;
        margin: 0 auto;
    }

    .fly-form .butblue {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .fly-form .form__input {
        font-size: 16px;
        padding: 12px;
    }

    .form__info-rules {
        font-size: 16px;
    }

    .page__title {
        margin-bottom: 18px;
        font-size: 35px;
        line-height: 130%;
    }

    .not_found__top h2 {
        font-size: 35px;
    }

    .not_found__top .not_found_p {
        font-size: 18px;
    }

    .w600 {
        max-width: 490px !important;
    }

    .w500 {
        max-width: 500px !important;
    }

    .page__name {
        font-size: 16px;
    }

    .expert {
        display: block;
    }

    h3 {
        margin-bottom: 65px;
    }

    .expert__cont {
        padding-bottom: 0;
    }

    .secexpert,
    .section {
        padding: 80px 0;
    }

    .maintop {
        padding: 0 0 150px;
    }

    .contact__content {
        -ms-grid-columns: 0.8fr 40px 1.2fr;
        grid-template-columns: 0.8fr 1.2fr;
    }

    .checkbox__input {
        margin: -2px 14px 0px 0;
    }

    .sectioncont {
        padding-top: 35px;
    }

    .slider__item {
        -ms-grid-columns: 1fr 320px;
        grid-template-columns: 1fr 320px;
    }

    .sectionblue {
        padding: 50px 0;
    }

    .caseHead__items {
        grid-gap: 40px;
    }

    .otherServices .linksblock__item span {
        font-size: 17px;
    }

    .secIntroduction .stage-work__title {
        font-size: 17px;
        padding-top: 5px;
        line-height: 21px;
    }

    .dashabord__text {
        font-size: 18px;
        line-height: 150%;
        padding-left: 20px;
        padding-top: 30px;
    }

    .page__subtitle {
        font-size: 24px;
        line-height: 150%;
    }

    .mw420 {
        max-width: 335px;
    }

    .caseHade__img-cont {
        text-align: left;
    }
}

@media (max-width: 920px) {
    .caseHead__items {
        -ms-grid-columns: 1.2fr 20px 1fr;
        grid-template-columns: 1.2fr 1fr;
    }

    .caseHead__text {
        font-size: 16px;
        margin-bottom: 40px;
    }

    .caseHead__link {
        font-size: 15px;
    }
}

@media (max-width: 900px) {
    .maintop__cont {
        margin-top: 100px;
    }

    h1 {
        font-size: 60px;
        line-height: 73px;
    }

    .maintop h1 {
        margin-bottom: 18px;
    }

    .ofer {
        font-size: 25px;
    }

    .butmain {
        padding: 22px 75px;
        font-size: 16px;
    }

    .form__input {
        font-size: 16px;
    }

    .form__info-rules {
        font-size: 16px;
    }

    .fly-form__title {
        font-size: 27px;
    }

    .fly-form__desc {
        font-size: 18px;
    }

    .lidmagnit__item {
        grid-gap: 40px;
    }

    .bitrixTable__cell {
        display: none;
    }

    .bitrixTable__cell:first-child,
    .bitrixTable__cell.act {
        display: block;
    }

    .bitrixTable__mobButtons {
        display: inline-flex;
    }

    .tarifTable__mobButton {
        display: inline-flex;
    }

    .bitrixPackage .bitrixTable__cell {
        display: block;
    }

    .bitrixPackage .bitrixTable__column {
        height: auto;
    }
}

@media (max-width: 850px) {
    .review__text {
        width: calc(100% + 70px);
        margin-left: -70px;
    }

    .footer {
        padding: 50px 0 35px;
    }

    .footer__logo {
        width: 85px;
        height: 64px;
    }

    .link {
        font-size: 15px;
    }

    .link__arr {
        width: 19px;
        height: 10px;
        margin: 0 0 -1px 13px;
    }

    .footer__address-link {
        margin-bottom: 20px;
    }

    .footer__address-phone {
        font-size: 18px;
    }

    .footer__address {
        width: 380px;
    }

    .footer__address-text {
        font-size: 14px;
        margin-top: 10px;
    }

    .caseHead__items {
        -ms-grid-columns: 1.5fr 20px 1fr;
        grid-template-columns: 1.5fr 1fr;
    }

    .secBuyBitrix__mainButton {
        white-space: nowrap;
        flex: 0 0 auto;
    }

    th.bitrixTable__cell {
        flex: 300px;
        max-width: 300px;
    }

    .bitrixTable__column td {
        min-width: 160px;
    }

    td.bitrixTable__cell.active {
        display: flex;
    }

    .bitrixTable__column {
        padding: 0 10px;
    }

    .secBuyBitrix__subMainButtons {
        display: none;
    }

    .secBuyBitrix__mainButtons {
        display: none;
    }

    .secBuyBitrix__subMainButton {
        min-width: 115px;
        margin-bottom: 2px;
    }

    div[class*="selectbitrix"] {
        display: block;
        margin-bottom: 20px;
    }

    /* Кейсы */
    .case__item {
        -ms-grid-columns: 280px 60px 1fr;
        grid-template-columns: 280px 1fr;
    }
}

@media (max-width: 800px) {
    .caseHead__gp-left {
        margin-top: 0px;
    }
    .secondMonthWork {
        padding-bottom: 60px;
    }

    .mess__row {
        max-width: 359px;
    }

    .messenger__row {
        grid-template-columns: 1fr;
    }

    .messenger__people_img {
        display: none;
    }

    .secgrid__left {
        grid-gap: 20px;
    }

    .slider__item {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 30px;
    }

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

    .caseHead__title {
        font-size: 36px !important;
        margin: 0 0 20px;
    }

    .caseHead__text {
        margin-bottom: 40px;
        font-size: 20px;
    }

    .caseHead__img {
        max-width: 450px;
        display: block;
        margin: 0 auto;
        width: 100%;
    }
    .caseHead__gp-img {
        max-width: 350px;
        margin: 0 auto 7px;
        bottom: -49px;
    }

    .animCont {
        grid-gap: 20px;
    }

    .consFly__img:nth-child(1) {
        width: 500px;
    }

    .consFly__img:nth-child(2) {
        top: 56px;
        width: 310px;
    }

    .consFly__img:nth-child(3) {
        top: 137px;
        right: 284px;
        max-width: 190px;
        transform: rotate(-5deg);
    }

    .caseHead__item {
        max-width: calc(100vw - 60px);
    }

    .secBuyBitrix__mainButton {
        font-size: 18px;
        padding: 15px;
    }
    .automation__img {
        display: none;
    }
    .automation {
        display: block;
    }
    .page__subtitle {
        max-width: 430px;
    }
    .mw420 {
        max-width: 335px;
    }
    .bt_lgr {
        bottom: -39px;
    }
    .city__main-list {
        grid-template-columns: 1fr;
        width: 100%;
    }
}

@media (max-width: 750px) {
    .not_found__top .not_found_p {
        font-size: 17px;
    }

    .contact__content {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 50px 0;
    }

    .address {
        grid-row-gap: 40px;
    }

    .checkbox__input {
        margin-top: 0;
    }

    .page {
        margin-top: 50px;
    }

    .fly-form__item {
        position: absolute;
        top: 0;
        max-width: 100%;
        max-height: none;
        height: 100vh;
        height: calc(var(--vh, 1vh) * 100);
        width: 100vw;
        margin: 0;
        border-radius: 0;
    }

    .contact__email {
        font-size: 22px;
        line-height: 30px;
    }

    .form__h {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .lidmagnit__item {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 30px;
        margin-bottom: 100px;
    }

    .lidmagnit__item:nth-child(2) {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .lidmagnit__item:nth-child(2) .lidmagnit__img {
        order: 1;
    }

    .lidmagnit__item:nth-child(2) .lidmagnit__desc {
        order: 2;
    }

    .lidmagnit__item:last-child {
        margin-bottom: 80px;
    }

    .lidmagnit__img {
        margin: 0 auto;
    }

    .lidmagnit__desc {
        text-align: center;
    }

    /* Кейсы */
    .case__item {
        -ms-grid-columns: 215px 40px 1fr;
        grid-template-columns: 215px 1fr;
        grid-gap: 40px;
    }

    .case45 .atvImg-rendered-layer {
        background-position-y: 10px;
        background-size: 160px;
    }

    .case45 .atvImg-rendered-layer::before {
        background: linear-gradient(180deg, rgba(78, 51, 181, 0) 0%, rgba(78, 51, 181, 0.7) 100%);
        height: 30px;
    }
}

@media (max-width: 740px) {
    .page__title_no_img {
        max-width: 70%;
    }

    .consFly__img:nth-child(1) {
        width: auto;
        max-width: 100%;
    }

    .consFly__img:nth-child(2) {
        position: relative;
        top: 0;
        right: 0;
        width: auto;
        max-width: 100%;
    }

    .consFly__img:nth-child(3) {
        display: none;
    }

    .aboutWork .review__name {
        padding-left: 0;
    }

    .aboutWork .review__position {
        padding-left: 0;
    }

    .secBuyBitrix__mainButton {
        font-size: 15px;
        padding: 10px;
    }

    .secAdvantages .gridblock__img {
        text-align: center;
        padding-left: 0;
    }
}

@media (max-height: 700px) {
    h1 {
        font-size: 48px;
        line-height: 60px;
    }

    .ofer {
        font-size: 21px;
    }

    .maintop__cont {
        margin-top: 40px;
    }

    .butmain {
        padding: 20px 65px;
    }
}

@media (max-width: 650px) {
    h1 {
        font-size: 28px;
        line-height: 130%;
        font-weight: 500;
    }
    /*.bluecolor {*/
    /*    margin-top: 0;*/
    /*}*/

    .nopadding {
        padding-bottom: 60px !important;
    }

    .mb {
        padding-bottom: 60px !important;
    }

    .pb {
        padding-bottom: 60px !important;
    }

    .maintop h1 {
        font-size: 32px;
        margin-bottom: 84px;
        line-height: 44px;
    }

    .hdesc {
        font-size: 16px;
    }

    .ofer {
        font-size: 24px;
        margin-bottom: 45px;
    }

    .maintop__cont {
        margin-top: 70px;
    }

    .logo {
        width: 140px;
        height: 99px;
    }

    .header__logo {
        margin-left: -8px;
        width: 160px;
    }

    .container {
        padding: 0 30px;
    }

    .logo__text {
        margin-top: 20px;
        font-size: 11px;
        line-height: 16px;
        width: 130px;
    }

    .maintop {
        padding-bottom: 160px;
        height: auto;
    }

    h3 {
        font-size: 23px;
        margin-bottom: 55px;
    }

    .secexpert,
    .section {
        padding: 30px 0;
    }

    .maintop {
        padding: 0 0 160px;
    }

    h2 {
        font-size: 28px;
        line-height: 39px;
        margin: 0 0 40px;
    }

    h4 {
        font-size: 15px;
        margin: 0 0 10px;
    }

    .tag__item {
        padding: 3px 7px;
    }

    .linkbut {
        padding: 17px;
        font-size: 15px;
    }

    .linkbut__arr {
        margin: 0 0 -1px 20px;
    }

    .linkfooter {
        padding: 35px 0;
        font-size: 19px;
    }

    .linkfooter__arr {
        width: 19px;
        height: 13px;
        margin: 0 0 -2px 16px;
    }

    .not_found__top {
        padding-bottom: 60px;
    }

    .footer__cont {
        display: -ms-grid;
        display: grid;
        grid-gap: 50px;
        justify-content: stretch;
    }

    .footer {
        padding: 40px 0 30px;
    }

    .footer__address {
        width: 100%;
    }

    .footer__address {
        width: 100%;
        display: -ms-grid;
        display: grid;
        grid-gap: 35px;
        justify-content: center;
    }

    .footer__logo {
        width: 100%;
        height: 55px;
        background-position: center;
    }

    .footer__copy {
        text-align: center;
    }

    .white-btn {
        width: 100%;
    }

    .sectioncont {
        padding-top: 20px;
        padding-bottom: 60px;
    }

    .fly-form__cont {
        padding: 40px 50px;
    }

    .fly-form__close {
        top: 15px;
        right: 15px;
    }

    .cardtwo {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .cardtwo__block-title.title1 {
        order: 1;
    }

    .cardtwo__block-title.title2 {
        order: 3;
        margin-top: 15px;
    }

    .cardtwo__card.card1 {
        order: 2;
    }

    .cardtwo__card.card2 {
        order: 4;
    }

    .seckeys h4 {
        font-size: 20px;
        margin: 0 0 16px;
    }

    .imgcomparison {
        height: 280px;
    }

    .marblock {
        margin: 40px 0;
    }

    .imgcomparison__circle {
        width: 35px;
        height: 35px;
        margin: -17px 0 0 -15px;
    }

    .sectiontop .ofer {
        font-size: 19px;
        margin-bottom: 35px;
    }

    .sectiontop__cont .butblue {
        padding: 15px 50px;
        font-size: 16px;
    }

    .sectiontopserv {
        padding-bottom: 60px;
    }

    .market-place__items {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .market-place__item {
        border: 0;
        padding: 0 0 15px 0 !important;
    }

    .rek-format__title {
        margin-bottom: 0;
    }

    .sectionblue {
        padding: 40px 0;
    }

    .our-advantag {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .form__input + .form__input {
        margin-top: 15px;
    }

    .form__group + .form__group {
        margin-top: 25px;
    }

    .mt40 {
        margin-top: 25px;
    }

    .select_mate select {
        opacity: 1;
        height: auto;
        position: relative;
        z-index: 1;
    }

    p.selecionado_opcion {
        display: none;
    }

    .butmain::before {
        transform: none;
        opacity: 1;
    }

    .imgcomparison__but {
        padding: 6px 15px;
        font-size: 12px;
        top: 20px;
        right: 20px;
    }

    .imgcomparison__overflow .imgcomparison__but {
        left: 20px;
        padding: 6px 15px;
    }

    .secAdvantages__items {
        flex-wrap: wrap;
    }

    .section.secAdvantages__service {
        padding: 60px 0 0;
    }
    .secBuyBitrix .container:nth-child(1) {
        padding-bottom: 60px;
    }
    .secBuyBitrix .container:nth-child(2) {
        padding-bottom: 60px;
    }
    .gpinterface__video {
        border-radius: 0 0 6px 6px;
    }
    .gridblockmar {
        grid-gap: 60px !important;
    }

    /* Кейсы */
    .case__item {
        -ms-grid-columns: 200px 35px 1fr;
        grid-template-columns: 200px 1fr;
        grid-gap: 35px;
    }

    .case__text {
        padding-top: 0;
        margin-bottom: 0;
    }

    .tag__item {
        padding: 3px 7px;
    }

    .case__link {
        margin-top: 20px;
        font-size: 14px;
    }
}

@media (max-width: 650px) and (max-height: 800px) {
    .maintop {
        height: 100vh;
        padding-bottom: 100px;
    }
}

@media (max-width: 650px) and (max-height: 700px) {
    .maintop__cont {
        margin-top: 30px;
    }

    .maintop {
        height: 100vh;
    }
}

@media (max-width: 650px) and (max-height: 600px) {
    .maintop__cont {
        margin-top: 18px;
    }

    h1 {
        font-size: 44px;
        line-height: 55px;
    }

    .maintop {
        min-height: 550px;
    }
}

@media (max-width: 600px) {
    .caseHead__title {
        font-size: 30px !important;
    }

    .caseHead__text {
        margin-bottom: 40px;
        font-size: 18px !important;
    }

    .caseHead__link {
        font-size: 16px;
    }

    .caseHead__img {
        max-width: 300px;
    }

    .animCont {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        justify-items: center;
        grid-gap: 30px 0;
    }

    .animCont__item1,
    .animCont__item2,
    .animCont__item3 {
        width: 330px;
        max-width: 100%;
        transform: translateX(0) !important;
    }
    .gpinterface__desc {
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 18px;
    }
    .mt120 {
        margin-top: 60px;
    }
    .windows {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .windows__item + .windows__item {
        margin-top: 20px;
    }
    .windows__img {
        border-radius: 5px;
    }
    .windows__right .windows__img:last-child {
        border-radius: 0;
    }
    .secbluecolor {
        padding-top: 60px;
    }
}

@media (max-width: 576px) {
    .glider {
        padding-bottom: 20px;
    }

    .expert__slider-arrow {
        margin-top: 20px;
    }

    .fly-form__title {
        font-size: 23px;
    }

    .fly-form__desc {
        font-size: 17px;
    }

    .fly-form .butblue {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .form__info-rules {
        font-size: 14px;
    }

    .slider__nav {
        margin-top: -10px;
    }

    .secBuyBitrix__mainButton {
        font-size: 16px;
        text-align: center;
    }
    .bitrixTable__cell {
        padding: 10px 0;
        font-size: 14px;
    }

    .bitrixTable__mobButtons {
        display: flex;
        max-width: 100%;
    }
    .bitrixTable__mobButton {
        padding: 7px;
        font-size: 14px;
        line-height: 16px;
    }
    .tarifTable__mobButton {
        display: flex;
        max-width: 100%;
    }
    .tarifTable__mobButton {
        padding: 7px;
        font-size: 14px;
        line-height: 16px;
    }
    .otherServices .linksblock__item {
        padding: 15px 50px 15px 20px;
    }
    .otherServices .linksblock__item::before,
    .otherServices .linksblock__item::after {
        top: 20px;
        right: 16px;
        width: 16px;
        height: 16px;
    }

    .linksblock__cont li p,
    .linksblock__item p {
        font-size: 16px;
        line-height: 22px;
    }

    .dashabord__text {
        font-size: 16px;
        line-height: 150%;
        padding-left: 10px;
        padding-top: 20px;
    }

    .bitrixPackage tr.bitrixTable__column:last-child th {
        font-size: 15px;
    }
    .bitrixPackage tr.bitrixTable__column:last-child td {
        font-size: 15px;
    }
}

@media (max-width: 540px) {
    .notoppadding {
        margin-top: 35px !important;
        padding-top: 35px !important;
    }
    .mt_bitrix {
        margin-top: 35px !important;
    }

    h4 {
        margin: 0 0 5px;
    }

    .sectionkeys h1 {
        font-size: 22px;
    }

    .sectiontop__cont {
        margin-top: 20px;
    }

    .sectionkeys {
        padding-bottom: 80px;
    }

    .secpt {
        padding-top: 55px;
    }

    .secptpb {
        padding-top: 55px;
        padding-bottom: 70px;
    }

    .imgblock img {
        height: 300px;
        max-width: none;
        margin: 0 0 0 -35px;
        width: unset !important;
    }

    .imgblock {
        overflow: hidden;
    }

    .caseHead__gp-img {
        bottom: -25px;
    }
    .secviolet {
        padding-bottom: 30px;
    }

    /* Кейсы */
    .case__item {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: auto 15px auto 15px auto;
        grid-template-areas:
            "h4"
            "case__img"
            "case__text";
        grid-gap: 8px;
    }

    .case__item h4 {
        grid-area: h4;
        margin: 0;
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .case__text {
        grid-area: case__text;
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }

    .atvImg {
        grid-area: case__img;
        height: 120px;
        border-radius: 3px;
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }

    .atvImg,
    .atvImg-rendered-layer {
        height: 120px;
        border-radius: 3px;
    }

    .atvImg {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }

    .case__link {
        margin-top: 17px;
    }

    .case {
        grid-gap: 50px;
    }

    .case__other {
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 1;
        grid-column-end: 2;
    }
}

@media (max-width: 515px) {
    .fly-form__cont {
        padding: 40px 25px;
    }

    .caseHead__title {
        font-size: 26px !important;
    }
}

@media (max-width: 500px) {
    .aboutWork {
        padding-bottom: 60px;
    }

    .secgrid__left {
        grid-gap: 10px;
    }

    .checkbox {
        padding-right: 0;
    }

    .checkbox__input {
        margin-top: 2px;
    }

    .imgblock img {
        margin: 0 0 0 -70px;
    }

    .imgcomparison {
        height: 200px;
    }

    .workStep__text {
        margin-bottom: 40px;
    }

    .lidmagnit__item {
        grid-gap: 20px;
        margin-bottom: 80px;
    }

    .aboutWork .review__grid {
        padding: 30px 20px 30px 20px;
    }
    .city__top-list {
        flex-wrap: wrap;
    }
    .city__top-item {
        width: 50%;
        margin-bottom: 18px;
        margin-right: 0;
    }
    .city-form-hdr {
        padding-bottom: 0px;
        width: auto;
    }
}

@media (max-width: 450px) {
    .page__title_no_img {
        max-width: 90%;
    }

    .not_found__top h2 {
        font-size: 28px;
    }

    .not_found__top .not_found {
        padding: 15px 42px !important;
        font-size: 16px;
    }

    .not_found__top .not_found_p {
        font-size: 15px;
        margin-bottom: 35px;
    }

    .page__name {
        font-size: 14px;
        padding: 6px 10px;
    }

    .page__title {
        font-size: 28px;
    }

    .page__subtitle {
        font-size: 20px;
        line-height: 130%;
    }

    .logo {
        width: 125px;
        height: 88px;
    }

    .logo__text {
        margin-top: 16px;
        margin-left: 10px;
    }

    .container {
        padding: 0 25px;
    }

    .butmain {
        padding: 24px 0;
        font-size: 20px;
        width: 100%;
    }

    h3 {
        font-size: 19px;
        margin-bottom: 45px;
    }

    .review__slide::after {
        display: none;
    }

    .review__position,
    .review__name {
        padding-right: 0;
    }

    .services__but {
        margin-top: 7px;
    }

    .fly-form__title {
        font-size: 19px;
        padding-bottom: 10px;
    }

    .fly-form__desc {
        font-size: 15px;
    }

    .fly-form .form__group + .form__group {
        margin-top: 20px;
    }

    .fly-form .form__input + .form__input {
        margin-top: 12px;
    }

    .fly-form .form__input {
        padding: 9px 10px;
    }

    textarea {
        min-height: 100px;
    }

    .butmaxw {
        min-width: 100%;
    }

    .fly-form__item.thanks {
        width: 90vw;
        height: auto;
        border-radius: 10px;
        position: relative;
        padding: 20px 20px 7px;
    }

    .expert__slide {
        padding: 0;
    }

    .caseHead__items {
        gap: 50px;
    }
    .caseHead__def {
        gap: 20px;
    }

    .caseHead__title {
        font-size: 24px !important;
    }

    .caseHead__text {
        margin-bottom: 30px;
        font-size: 16px !important;
    }

    .caseHead__link {
        font-size: 15px;
    }

    .bitrixTable__column td {
        min-width: 100px;
        max-width: 120px;
    }
}

@media (max-width: 400px) {
    .bitrixTable__mobButton {
        padding: 5px;
        font-size: 12px;
        line-height: 16px;
    }

    .tarifTable__mobButton {
        padding: 5px;
        font-size: 12px;
        line-height: 16px;
    }

    .secgrid__left {
        grid-gap: 5px;
    }

    .hdesc {
        font-size: 14px;
        line-height: 133%;
    }

    .page {
        margin-top: 40px;
    }

    .imgcomparison {
        height: 160px;
    }

    .fly-form__cont {
        padding: 35px 20px;
    }

    .fly-form__close {
        top: 0;
        right: 0;
    }

    .caseHead__title {
        font-size: 26px !important;
    }

    .caseHead__text {
        margin-bottom: 30px;
        font-size: 14px !important;
    }

    .caseHead__link {
        font-size: 14px;
    }

    th.bitrixTable__cell {
        flex: 190px;
        max-width: 190px;
    }
    .gpinterface__video {
        max-width: calc(100% - 10px);
    }
}

@media (max-width: 360px) {
    .maintop h1 {
        font-size: 22px;
        line-height: 25px;
    }

    h1 {
        font-size: 30px;
        line-height: 36px;
    }

    .ofer {
        font-size: 20px;
        margin-bottom: 35px;
    }

    .logo {
        width: 110px;
        height: 78px;
    }

    .logo__text {
        margin-top: 15px;
        font-size: 10px;
        line-height: 15px;
    }

    .butmain {
        padding: 18px 0;
        font-size: 16px;
    }

    .fly-form__title {
        font-size: 18px;
    }

    .fly-form__desc {
        font-size: 14px;
    }

    .secBuyBitrix__subMainButton {
        font-size: 15px;
        line-height: 18px;
    }

    .gpinterface__video {
        border-radius: 0;
    }

    .header__city {
        display: none;
    }

    .header__city-mobile {
        display: block;
        padding: 18px 0;
    }

    .header__city-mobile .header__currentcity {
        font-size: 23px;
        color: #fff;
    }
}
.snoska {
    font-size: 12px;
    line-height: 1.2;
    color: #737373;
    margin-top: 12px;
}

.case-filter {


    @media (min-width: 1000px) {
        margin-top: -50px;
    }

    .case-filter__list {}

    .case-filter__group {
        display: grid;
        grid-template-columns: 1fr;
        gap: 15px 0;

        @media (min-width: 550px) {
            grid-template-columns: 100px calc(100% - 120px);
            gap: 0 20px;
        }

        @media (min-width: 1000px) {
            grid-template-columns: 100px calc(100% - 140px);
            gap: 0 40px;
        }

        & + & {
            margin-top: 20px;

            @media (min-width: 550px) {
                margin-top: 40px;
            }
        }

        .case-filter__group--category {

            p {
                font-weight: 500;
                font-size: 16px;
                line-height: 1.1;
                color: var(--tekst-zagolovok);

                @media (min-width: 550px) {
                    font-size: 20px;
                }
            }
        }

        .case-filter__group--list {
            display: flex;
            align-items: center;
            gap: 10px;
            overflow-x: auto;
            overflow-y: hidden;
            margin-inline: -25px;
            padding-inline: 25px;

            &::-webkit-scrollbar {
                display: none;
                width: auto;
                height: 2px;
            }

            &::-webkit-scrollbar-thumb {
                background-color: var(--primary-blue-100);
            }

            &::-webkit-scrollbar-track {
                background-color: transparent;
            }

            @media (min-width: 550px) {
                flex-wrap: wrap;
                overflow: hidden;
                padding-bottom: 0;
            }
        }

        .case-filter__button {
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 10px;
            padding: 11px 16px;
            white-space: nowrap;
            background-color: var(--primary-blue-05);
            font-weight: 400;
            font-size: 14px;
            line-height: 1.375;
            color: var(--tekst-tekst);
            transition: background-color .3s ease-in-out, color .3s ease-in-out;

            @media (min-width: 550px) {
                font-size: 16px;
            }

            &.active {
                color: #fff;
                background-color: var(--primary-blue-100);
            }
        }
    }
}