@font-face {
    font-family: 'roksis-icons';
    src: url('/local/templates/specadmin/css/../fonts/roksis-icons.eot?k205au');
    src: url('/local/templates/specadmin/css/../fonts/roksis-icons.eot?k205au#iefix') format('embedded-opentype'), url('/local/templates/specadmin/css/../fonts/roksis-icons.ttf?k205au') format('truetype'), url('/local/templates/specadmin/css/../fonts/roksis-icons.woff?k205au') format('woff'), url('/local/templates/specadmin/css/../fonts/roksis-icons.svg?k205au#roksis-icons') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

h7 {
    font-size: 4em;
    margin: .67em 0
}

h8 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

/* End */


/* Start:/local/templates/roksis/css.min/grid.min.css?16800855008751*/
html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 768px) {
    .container {
        max-width: 100%
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 992px
    }
}

@media (min-width: 1310px) {
    .container {
        max-width: 1280px
    }
}

@media (min-width: 1410px) {
    .container {
        max-width: 1380px
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*="col-"] {
    padding-right: 0;
    padding-left: 0
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.3333333333%
}

.offset-2 {
    margin-left: 16.6666666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.3333333333%
}

.offset-5 {
    margin-left: 41.6666666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.3333333333%
}

.offset-8 {
    margin-left: 66.6666666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.3333333333%
}

.offset-11 {
    margin-left: 91.6666666667%
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-sm-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-sm-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-sm-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-sm-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.3333333333%
    }

    .offset-sm-2 {
        margin-left: 16.6666666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.3333333333%
    }

    .offset-sm-5 {
        margin-left: 41.6666666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.3333333333%
    }

    .offset-sm-8 {
        margin-left: 66.6666666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.3333333333%
    }

    .offset-sm-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-md-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-md-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-md-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-md-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-md-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.3333333333%
    }

    .offset-md-2 {
        margin-left: 16.6666666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.3333333333%
    }

    .offset-md-5 {
        margin-left: 41.6666666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.3333333333%
    }

    .offset-md-8 {
        margin-left: 66.6666666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.3333333333%
    }

    .offset-md-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-lg-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-lg-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-lg-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.3333333333%
    }

    .offset-lg-2 {
        margin-left: 16.6666666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.3333333333%
    }

    .offset-lg-5 {
        margin-left: 41.6666666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.3333333333%
    }

    .offset-lg-8 {
        margin-left: 66.6666666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.3333333333%
    }

    .offset-lg-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 1310px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-xl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-xl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-xl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-xl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.3333333333%
    }

    .offset-xl-2 {
        margin-left: 16.6666666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.3333333333%
    }

    .offset-xl-5 {
        margin-left: 41.6666666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.3333333333%
    }

    .offset-xl-8 {
        margin-left: 66.6666666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.3333333333%
    }

    .offset-xl-11 {
        margin-left: 91.6666666667%
    }
}

/* End */


/* Start:/local/templates/roksis/css.min/common.css?17006804976898*/
* {
    box-sizing: border-box
}

html,
body {
    min-width: 320px
}

body {
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 13px;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    min-height: 100%;
    background: #fff
}

@media screen and (max-width:767px) {
    body.body_overflow_mobile {
        overflow: hidden
    }
}

#page-frame {
    flex: 1 1 auto;
    display: flex;
    flex-flow: column nowrap;
    min-height: 100vh;
    width: 100%;
    overflow: hidden;
    position: relative
}

#page-frame__wrapper {
    display: flex
}

#page-frame__content {
    flex: 1 1 auto;
    transition: transform .5s ease;
    position: relative;
    z-index: 3
}

#header {
    position: fixed;
    z-index: 1001;
    top: 0;
    left: 0;
    right: 0;
    min-width: 320px;
    background: #fff;
    transition: background .3s ease, box-shadow .3s ease;
    border-bottom: 1px solid #f5f5f5
}

#header.header_fixed {
    box-shadow: 0px 6px 20px rgba(0, 0, 0, .1)
}

.header-inner {
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.header-logo {
    margin-right: 16px;
    position: relative;
    z-index: 5
}

.header-logo__img {
    width: auto;
    max-width: 100%;
    max-height: 32px
}

.header-info {
    padding: 32px 0 24px
}

.header-info__inner {
    display: flex;
    flex-direction: column-reverse;
    align-items: center
}

.header-address {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    margin-top: 24px
}

.header-address:before {
    content: "\e905";
    font-family: "roksis-icons";
    font-size: 15px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    color: #1da2fc;
    margin-right: 8px
}

.header-calc:before {
    content: "\e901";
    font-family: "roksis-icons";
    font-size: 20px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    margin-right: 10px
}

.header-phone {
    font-size: 14px;
    line-height: 1.1;
    font-weight: 700;
    color: #333;
    white-space: nowrap;
    display: inline-flex;
    align-items: center
}

.header-phone:before {
    content: "\e902";
    font-family: "roksis-icons";
    font-size: 18px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    color: #1da2fc;
    margin-right: 8px
}

.header-phone__inner {
    border-bottom: 1px dashed rgba(54, 54, 54, .2)
}

@media screen and (max-width:767px) {
    .header-inner {
        padding-right: 40px
    }
}

@media screen and (min-width:768px) {
    #header {
        position: absolute;
        padding-top: 40px
    }

    .header-inner {
        height: 80px;
        transition: height .3s ease
    }

    .header-logo__img {
        max-height: 35px
    }

    .header-info {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background: #ecf0f2;
        padding: 0
    }

    .header-info__inner {
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }

    .header-address {
        margin-top: 0
    }

    .header-calc {
        min-width: 250px
    }

    .header-phone {
        margin-left: 16px
    }

    .header-phone:before {
        font-size: 32px;
        margin-right: 0
    }

    .header-phone__inner {
        display: none
    }

    #header.header_fixed {
        position: fixed;
        padding-top: 0
    }

    #header.header_fixed .header-info {
        display: none
    }

    #header.header_fixed .header-inner {
        height: 70px
    }
}

@media screen and (min-width:992px) {
    .header-logo {
        margin-right: 24px
    }

    .header-phone {
        font-size: 16px;
        margin-left: 24px
    }

    .header-phone:before {
        margin-right: 10px
    }

    .header-phone__inner {
        display: block
    }
}

@media screen and (min-width:1310px) {
    .header-inner {
        height: 120px
    }

    .header-logo__img {
        max-height: 54px
    }

    .header-phone {
        font-size: 26px
    }

    .header-phone:before {
        font-size: 45px;
        margin-right: 15px
    }
}

.nav-main {
    display: none;
    transition: visibility .3s ease, opacity .3s ease;
    overflow-y: auto
}

.nav-main__item {
    border-bottom: 1px solid #f5f5f5
}

.nav-main__link {
    font-weight: 600;
    font-size: 15px;
    line-height: 1.35;
    color: #363636;
    padding: 10px 15px;
    position: relative;
    display: block
}

.nav-main__link:hover {
    color: #363636
}

.nav-main__link_active,
.nav-main__link_active:hover {
    color: #1da2fc
}

.nav-main__link.nav-main__link_with_submenu {
    padding-right: 16px
}

.nav-main__link_with_submenu:after {
    content: "\e907";
    position: absolute;
    top: 50%;
    right: 15px;
    font-family: "roksis-icons";
    font-size: 12px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    transform: translate(0, -50%);
    transition: transform .3s ease
}

.nav-main__submenu {
    display: none
}

.nav-main__submenu-group {
    margin-top: 20px
}

.nav-main__submenu-group_mt {
    margin-top: 38px
}

.nav-main__submenu-link {
    padding: 8px 15px 8px 30px;
    display: block;
    color: #333;
    font-size: 14px;
    line-height: 1.3
}

.nav-main__submenu-link_title {
    font-weight: 700;
    color: #1da2fc;
    display: inline-flex;
    align-items: center
}

.nav-main__submenu-link_title img,
.nav-main__submenu-link_title .icon {
    max-height: 28px;
    max-width: 28px;
    width: auto;
    height: auto;
    margin-right: 12px
}

.nav-main__submenu-link_title .icon {
    display: block;
    height: 28px;
    width: 28px
}

.nav-main__link_opened:after {
    transform: translate(0, -50%) rotate(-180deg)
}

.nav-main__link_opened~.nav-main__submenu {
    display: block
}

.nav-main__toggle {
    position: absolute;
    width: 32px;
    height: 32px;
    z-index: 10;
    cursor: pointer;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
    padding: 0 5px;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.nav-main__toggle__line {
    width: 100%;
    height: 3px;
    background: #1da2fc;
    position: relative;
    border-radius: 5px;
    transition: transform .3s ease, opacity .3s ease, background-color .3s ease
}

.nav-main__toggle__line+.nav-main__toggle__line {
    margin-top: 4px
}

.nav-main__toggle_active .nav-main__toggle__line:first-child {
    transform: rotate(45deg);
    top: 7px
}

.nav-main__toggle_active .nav-main__toggle__line:last-child {
    transform: rotate(-45deg);
    top: -7px
}

.nav-main__toggle_active .nav-main__toggle__line:nth-child(2) {
    opacity: 0;
    transition: opacity 0s ease, background-color .3s ease
}

@media screen and (min-width:768px) {
    .nav-main {
        display: flex !important;
        opacity: 1 !important;
        flex: 1 1 auto;
        overflow: visible
    }

    .nav-main__inner {
        display: flex;
        justify-content: space-around;
        flex: 0 0 100%
    }

    .nav-main__item {
        margin: 0 8px;
        text-align: left;
        border: none
    }

    .nav-main__link {
        white-space: nowrap;
        font-weight: 600;
        font-size: 13px;
        padding: 3px 0;
        border-bottom: 2px solid transparent
    }

    .nav-main__link:hover {
        border-color: #1da2fc
    }

    .nav-main__link_with_submenu:after {
        right: 0;
        font-size: 10px
    }

    .nav-main__link_active {
        border-color: #1da2fc
    }

    .nav-main__link_opened {
        border-color: #1da2fc
    }

    .nav-main__submenu {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #fff;
        box-shadow: 0px 10px 10px rgba(0, 0, 0, .1);
        border-top: 2px solid #1da2fc;
        padding: 24px 24px 12px;
        visibility: hidden;
        opacity: 0;
        transition: visibility .3s ease, opacity .3s ease
    }

    .nav-main__submenu-item {
        margin-bottom: 16px
    }

    .nav-main__submenu-link {
        font-size: 14px;
        color: #363636;
        padding: 0;
        display: inline;
        border-bottom: 1px solid rgba(54, 54, 54, .5)
    }

    .nav-main__submenu-link:hover {
        border-color: transparent
    }

    .nav-main__submenu-link_title {
        display: inline-flex;
        color: #1da2fc;
        border: none
    }

    .nav-main__link_opened~.nav-main__submenu {
        visibility: visible;
        opacity: 1
    }

    .nav-main__toggle {
        display: none !important
    }
}

@media screen and (min-width:992px) {
    .nav-main__item {
        margin: 0 8px
    }

    .nav-main__link {
        font-size: 14px
    }
}

@media screen and (min-width:1310px) {
    .nav-main__item {
        margin: 0 15px
    }
}

@media screen and (min-width:1410px) {
    .nav-main__item {
        margin: 0 20px
    }
}

@media screen and (max-width:767px) {
    .nav-main {
        position: fixed;
        top: 50px;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        border-top: 1px solid #f2f2f2
    }
}

main {
    position: relative;
    margin-top: 50px
}

@media screen and (min-width:768px) {
    main {
        margin-top: 120px
    }
}

@media screen and (min-width:1310px) {
    main {
        margin-top: 160px
    }
}

.btn-up {
    position: fixed;
    left: auto;
    cursor: pointer;
    z-index: 99;
    top: auto;
    bottom: 190px;
    right: 40px;
}

/* End */


/* Start:/local/templates/roksis/css.min/icons.css?16933834187698*/
.container_ui .features-block__item.icon {
    height: 60px;
    margin-bottom: 10px;
    background-position: center center
}

.icon {
    background-size: auto 100%;
    background-repeat: no-repeat
}

.icon_r {
    background-image: url("/local/templates/specadmin/images/icons/icon_r.svg")
}

.icon_1 {
    background-image: url("/local/templates/specadmin/images/icons/icon_1.svg")
}

.icon_2 {
    background-image: url("/local/templates/specadmin/images/icons/icon_2.svg")
}

.icon_3 {
    background-image: url("/local/templates/specadmin/images/icons/icon_3.svg")
}

.icon_4 {
    background-image: url("/local/templates/specadmin/images/icons/icon_4.svg")
}

.icon_5 {
    background-image: url("/local/templates/specadmin/images/icons/icon_5.svg")
}

.icon_6 {
    background-image: url("/local/templates/specadmin/images/icons/icon_6.svg")
}

.icon_7 {
    background-image: url("/local/templates/specadmin/images/icons/icon_7.svg")
}

.icon_8 {
    background-image: url("/local/templates/specadmin/images/icons/icon_8.svg")
}

.icon_9 {
    background-image: url("/local/templates/specadmin/images/icons/icon_9.svg")
}

.icon_10 {
    background-image: url("/local/templates/specadmin/images/icons/icon_10.svg")
}

.icon_11 {
    background-image: url("/local/templates/specadmin/images/icons/icon_11.svg")
}

.icon_12 {
    background-image: url("/local/templates/specadmin/images/icons/icon_12.svg")
}

.icon_13 {
    background-image: url("/local/templates/specadmin/images/icons/icon_13.svg")
}

.icon_14 {
    background-image: url("/local/templates/specadmin/images/icons/icon_14.svg")
}

.icon_15 {
    background-image: url("/local/templates/specadmin/images/icons/icon_15.svg")
}

.icon_16 {
    background-image: url("/local/templates/specadmin/images/icons/icon_16.svg")
}

.icon_17 {
    background-image: url("/local/templates/specadmin/images/icons/icon_17.svg")
}

.icon_18 {
    background-image: url("/local/templates/specadmin/images/icons/icon_18.svg")
}

.icon_19 {
    background-image: url("/local/templates/specadmin/images/icons/icon_19.svg")
}

.icon_20 {
    background-image: url("/local/templates/specadmin/images/icons/icon_20.svg")
}

.icon_21 {
    background-image: url("/local/templates/specadmin/images/icons/icon_21.svg")
}

.icon_22 {
    background-image: url("/local/templates/specadmin/images/icons/icon_22.svg")
}

.icon_23 {
    background-image: url("/local/templates/specadmin/images/icons/icon_23.svg")
}

.icon_24 {
    background-image: url("/local/templates/specadmin/images/icons/icon_24.svg")
}

.icon_25 {
    background-image: url("/local/templates/specadmin/images/icons/icon_25.svg")
}

.icon_26 {
    background-image: url("/local/templates/specadmin/images/icons/icon_26.svg")
}

.icon_27 {
    background-image: url("/local/templates/specadmin/images/icons/icon_27.svg")
}

.icon_28 {
    background-image: url("/local/templates/specadmin/images/icons/icon_28.svg")
}

.icon_29 {
    background-image: url("/local/templates/specadmin/images/icons/icon_29.svg")
}

.icon_30 {
    background-image: url("/local/templates/specadmin/images/icons/icon_30.svg")
}

.icon_31 {
    background-image: url("/local/templates/specadmin/images/icons/icon_31.svg")
}

.icon_32 {
    background-image: url("/local/templates/specadmin/images/icons/icon_32.svg")
}

.icon_33 {
    background-image: url("/local/templates/specadmin/images/icons/icon_33.svg")
}

.icon_34 {
    background-image: url("/local/templates/specadmin/images/icons/icon_34.svg")
}

.icon_35 {
    background-image: url("/local/templates/specadmin/images/icons/icon_35.svg")
}

.icon_36 {
    background-image: url("/local/templates/specadmin/images/icons/icon_36.svg")
}

.icon_37 {
    background-image: url("/local/templates/specadmin/images/icons/icon_37.svg")
}

.icon_38 {
    background-image: url("/local/templates/specadmin/images/icons/icon_38.svg")
}

.icon_39 {
    background-image: url("/local/templates/specadmin/images/icons/icon_39.svg")
}

.icon_40 {
    background-image: url("/local/templates/specadmin/images/icons/icon_40.svg")
}

.icon_41 {
    background-image: url("/local/templates/specadmin/images/icons/icon_41.svg")
}

.icon_42 {
    background-image: url("/local/templates/specadmin/images/icons/icon_42.svg")
}

.icon_43 {
    background-image: url("/local/templates/specadmin/images/icons/icon_43.svg")
}

.icon_44 {
    background-image: url("/local/templates/specadmin/images/icons/icon_44.svg")
}

.icon_45 {
    background-image: url("/local/templates/specadmin/images/icons/icon_45.svg")
}

.icon_46 {
    background-image: url("/local/templates/specadmin/images/icons/icon_46.svg")
}

.icon_47 {
    background-image: url("/local/templates/specadmin/images/icons/icon_47.svg")
}

.icon_48 {
    background-image: url("/local/templates/specadmin/images/icons/icon_48.svg")
}

.icon_49 {
    background-image: url("/local/templates/specadmin/images/icons/icon_49.svg")
}

.icon_50 {
    background-image: url("/local/templates/specadmin/images/icons/icon_50.svg")
}

.icon_51 {
    background-image: url("/local/templates/specadmin/images/icons/icon_51.svg")
}

.icon_52 {
    background-image: url("/local/templates/specadmin/images/icons/icon_52.svg")
}

.icon_53 {
    background-image: url("/local/templates/specadmin/images/icons/icon_53.svg")
}

.icon_54 {
    background-image: url("/local/templates/specadmin/images/icons/icon_54.svg")
}

.icon_55 {
    background-image: url("/local/templates/specadmin/images/icons/icon_55.svg")
}

.icon_56 {
    background-image: url("/local/templates/specadmin/images/icons/icon_56.svg")
}

.icon_57 {
    background-image: url("/local/templates/specadmin/images/icons/icon_57.svg")
}

.icon_58 {
    background-image: url("/local/templates/specadmin/images/icons/icon_58.svg")
}

.icon_59 {
    background-image: url("/local/templates/specadmin/images/icons/icon_59.svg")
}

.icon_60 {
    background-image: url("/local/templates/specadmin/images/icons/icon_60.svg")
}

.icon_61 {
    background-image: url("/local/templates/specadmin/images/icons/icon_61.svg")
}

.icon_62 {
    background-image: url("/local/templates/specadmin/images/icons/icon_62.svg")
}

.icon_63 {
    background-image: url("/local/templates/specadmin/images/icons/icon_63.svg")
}

.icon_64 {
    background-image: url("/local/templates/specadmin/images/icons/icon_64.svg")
}

.icon_65 {
    background-image: url("/local/templates/specadmin/images/icons/icon_65.svg")
}

.icon_66 {
    background-image: url("/local/templates/specadmin/images/icons/icon_66.svg")
}

.icon_67 {
    background-image: url("/local/templates/specadmin/images/icons/icon_67.svg")
}

.icon_68 {
    background-image: url("/local/templates/specadmin/images/icons/icon_68.svg")
}

.icon_69 {
    background-image: url("/local/templates/specadmin/images/icons/icon_69.svg")
}

.icon_70 {
    background-image: url("/local/templates/specadmin/images/icons/icon_70.svg")
}

.icon_71 {
    background-image: url("/local/templates/specadmin/images/icons/icon_71.svg")
}

.icon_72 {
    background-image: url("/local/templates/specadmin/images/icons/icon_72.svg")
}

.icon_73 {
    background-image: url("/local/templates/specadmin/images/icons/icon_73.svg")
}

.icon_74 {
    background-image: url("/local/templates/specadmin/images/icons/icon_74.svg")
}

.icon_75 {
    background-image: url("/local/templates/specadmin/images/icons/icon_75.svg")
}

.icon_76 {
    background-image: url("/local/templates/specadmin/images/icons/icon_76.svg")
}

.icon_77 {
    background-image: url("/local/templates/specadmin/images/icons/icon_77.svg")
}

.icon_78 {
    background-image: url("/local/templates/specadmin/images/icons/icon_78.svg")
}

.icon_79 {
    background-image: url("/local/templates/specadmin/images/icons/icon_79.svg")
}

.icon_80 {
    background-image: url("/local/templates/specadmin/images/icons/icon_80.svg")
}

.icon_81 {
    background-image: url("/local/templates/specadmin/images/icons/icon_81.svg")
}

.icon_82 {
    background-image: url("/local/templates/specadmin/images/icons/icon_82.svg")
}

.icon_83 {
    background-image: url("/local/templates/specadmin/images/icons/icon_83.svg")
}

.icon_84 {
    background-image: url("/local/templates/specadmin/images/icons/icon_84.svg")
}

.icon_85 {
    background-image: url("/local/templates/specadmin/images/icons/icon_85.svg")
}

.icon_86 {
    background-image: url("/local/templates/specadmin/images/icons/icon_86.svg")
}

.icon_87 {
    background-image: url("/local/templates/specadmin/images/icons/icon_87.svg")
}

.icon_88 {
    background-image: url("/local/templates/specadmin/images/icons/icon_88.svg")
}

.icon_89 {
    background-image: url("/local/templates/specadmin/images/icons/icon_89.svg")
}

.icon_90 {
    background-image: url("/local/templates/specadmin/images/icons/icon_90.svg")
}

.icon_91 {
    background-image: url("/local/templates/specadmin/images/icons/icon_91.svg")
}

.icon_92 {
    background-image: url("/local/templates/specadmin/images/icons/warning_red.svg")
}

.icon_93 {
    background-image: url("/local/templates/specadmin/images/icons/warning_orange.svg")
}

.icon_dcxv {
    background-image: url("/local/templates/specadmin/images/icons/icon_dcxv.svg")
}

.icon_leaseweb {
    background-image: url("/local/templates/specadmin/images/icons/icon_leaseweb.svg")
}

.icon_hetzner {
    background-image: url("/local/templates/specadmin/images/icons/icon_hetzner.svg")
}


/* End */


/* Start:/local/templates/roksis/styles_common.min.css?169338333636519*/
a {
    text-decoration: none !important;
    color: #009fe3;
    transition: color .3s ease, border-color .3s ease, background .3s ease
}

a:hover {
    color: #009fe3
}

a:not([class]) {
    border-bottom: 1px solid #009fe3
}

a:not([class]):hover {
    color: #009fe3;
    border-color: transparent
}

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

.text-nowrap {
    white-space: nowrap !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-primary {
    color: #1da2fc !important
}

.text-orange {
    color: #fc951d !important
}

.text-red {
    color: #e02222 !important
}

.text-center {
    text-align: center !important
}

.align-items-center {
    align-items: center
}

.justify-content-center {
    justify-content: center
}

.mb0 {
    margin-bottom: 0 !important
}

@media screen and (max-width:767px) {
    .hidden_mobile {
        display: none !important
    }
}

.btn {
    border: none;
    text-decoration: none !important;
    padding: 0 24px;
    line-height: 40px;
    height: 40px;
    white-space: nowrap;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    background: 0 0;
    -webkit-transition: color .3s ease, border-color .3s ease, background-color .3s ease, box-shadow .3s ease;
    -o-transition: color .3s ease, border-color .3s ease, background-color .3s ease, box-shadow .3s ease;
    transition: color .3s ease, border-color .3s ease, background-color .3s ease, box-shadow .3s ease;
    z-index: 1;
    border-radius: 0;
    box-shadow: none;
    font-weight: 700;
    font-size: 16px
}

.btn_primary {
    background: #1da2fc;
    color: #fff
}

.btn_primary:hover {
    background: #3eb1ff;
    color: #fff
}

.btn_white {
    background: #fff;
    color: #1da2fc
}

.btn_white:hover {
    background: #f2f2f2;
    color: #1da2fc
}

.btn_block {
    display: flex;
    width: 100%
}

.btn_md {
    height: 34px;
    line-height: 34px;
    padding: 0 20px
}

.btn_rounded {
    border-radius: 3px;
    box-shadow: 0px 10px 20px rgba(72, 95, 110, .16)
}

.btn_rounded:hover {
    box-shadow: 0px 5px 10px rgba(29, 162, 252, .28)
}

@media screen and (max-width:575px) {
    .btn_wrap {
        white-space: normal;
        padding: 8px 15px;
        height: auto;
        line-height: 1.2
    }
}

.intro-block {
    color: #fff;
    position: relative
}

.intro-block__bg,
.intro-block__bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.intro-block__bg-img {
    object-position: center center;
    object-fit: cover
}

.intro-block__bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0;
    z-index: 2
}

.intro-block__content {
    position: relative;
    z-index: 3;
    padding: 40px 0;
    display: table;
    width: 100%
}

.intro-block__content-inner {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle
}

.intro-block__name,
.intro-block__name h1 {
    font-size: 28px;
    line-height: 1.2;
    margin: 0 0 16px
}

.intro-block__text {
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 16px
}

.intro-block__btn {
    margin-top: 16px
}

.intro-block_inverse {
    color: #333
}

@media screen and (min-width:768px) {
    .intro-block__content {
        padding: 80px 0;
        height: 450px
    }

    .intro-block__content_sm {
        height: 300px
    }

    .intro-block__name,
    .intro-block__name h1 {
        font-size: 36px
    }
}

@media screen and (min-width:992px) {
    .intro-block__bg:before {
        display: none;
        content: none
    }

    .intro-block__name,
    .intro-block__name h1 {
        font-size: 42px;
        margin: 0 0 24px
    }

    .intro-block__text {
        margin-bottom: 32px
    }

    .intro-block__btn {
        margin-top: 24px
    }
}

.section {
    padding: 40px 0;
    position: relative
}

.section__bg,
.section__bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.section__bg-img {
    object-position: center center;
    object-fit: cover
}

.section__content {
    position: relative;
    z-index: 3
}

.section_bg_grey {
    background-color: #f5f5f5
}

.section_inverse {
    color: #fff
}

.section__title {
    font-weight: 700;
    font-size: 22px;
    line-height: 1.3;
    margin: 0
}

.section__header-btn {
    margin-top: 16px
}

.section .section__title+*,
.section .section__text+* {
    margin-top: 35px
}

.section .section__title+.section__text {
    margin-top: 10px
}

.section * .section__btn {
    margin-top: 40px
}

@media screen and (min-width:768px) {
    .section__title {
        font-size: 28px
    }

    .section__header-btn {
        margin-top: 0
    }
}

@media screen and (min-width:992px) {
    .section {
        padding: 80px 0;
        position: relative
    }

    .section_pd_md {
        padding: 40px 0
    }

    .section_pt_md {
        padding-top: 40px
    }
}

@media screen and (min-width:1310px) {
    .section__title_lg {
        font-size: 36px
    }
}

.img-block {
    margin: 16px auto;
    display: block;
    max-width: 100%;
    height: auto
}

.content-styles {
    font-size: 14px;
    line-height: 1.62
}

.content-styles p {
    margin: 0
}

.content-styles *+*:not([class]) {
    margin-top: 1em
}

.content-styles ul:not([class]) {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.content-styles ul:not([class])>li {
    padding-left: 18px;
    margin-bottom: 15px;
    position: relative
}

.content-styles ul:not([class])>li:before {
    content: "";
    position: absolute;
    top: .78em;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #1da2fc
}

.article-detail img:not([class]) {
    border-radius: 6px;
    box-shadow: 0px 0px 10px rgba(72, 95, 110, .16);
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto
}

.content-styles .img-link {
    border-radius: 6px;
    box-shadow: 0px 0px 10px rgba(72, 95, 110, .16);
    margin-top: 8px;
    margin-bottom: 8px
}

.content-styles .img-link img {
    box-shadow: none;
    margin: 0
}

@media screen and (max-width:767px) {
    .content-styles .img-link {
        display: inline-block !important;
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important
    }
}

@media screen and (min-width:768px) {
    .img-block {
        margin: 0 auto
    }

    .content-styles {
        font-size: 16px
    }

    .content-styles_lg {
        font-size: 18px
    }
}

ul.list-primary {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.list-primary__title {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.4;
    color: #333;
    margin-bottom: 10px
}

.list-primary__body {
    display: none
}

.list-primary li,
.list-primary__item-wrapper {
    margin-bottom: 25px
}

.list-primary li,
.list-primary__item {
    position: relative
}

.list-primary_numbers {
    counter-reset: list-numbers
}

.list-primary_numbers li {
    padding-left: 60px;
    min-height: 40px
}

.list-primary_numbers li:before {
    content: counter(list-numbers);
    counter-increment: list-numbers;
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fc951d;
    left: 0;
    top: 1px;
    text-align: center;
    line-height: 40px;
    font-weight: 700;
    color: #fff;
    font-size: 20px
}

.list-primary__title_toggle {
    position: relative;
    padding-right: 30px;
    display: inline-block;
    cursor: pointer;
    margin-top: 10px;
    transition: color .3s ease
}

.list-primary__title_toggle:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #1da2fc;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    transition: background-color .3s ease
}

.list-primary__title_toggle:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 7px;
    transform: translate(0, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 3px 0;
    border-color: #fff transparent transparent;
    transition: transform .3s ease
}

.list-primary__title_toggle_active,
.list-primary__title_toggle:hover {
    color: #1da2fc
}

.list-primary__title_toggle_active:before {
    background-color: #fc951d
}

.list-primary__title_toggle_active:after {
    transform: translate(0, -50%) rotate(-180deg)
}

.list-primary__title_toggle .list-primary__title-inner {
    border-bottom: 1px dashed rgba(51, 51, 51, .5);
    transition: border-color .3s ease;
    display: inline
}

.list-primary__title_toggle_active .list-primary__title-inner,
.list-primary__title_toggle:hover .list-primary__title-inner {
    border-color: transparent
}

.list-primary_check li {
    padding-left: 60px;
    min-height: 40px;
    display: flex;
    align-items: center
}

.list-primary_check li:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fc951d;
    background: url("/bitrix/templates/default/images/icons/icon-check.svg") center center no-repeat #fc951d;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    text-align: center;
    line-height: 40px;
    font-weight: 600;
    color: #fff;
    font-size: 20px
}

.list-primary_columns {
    column-count: 2;
    column-gap: 32px
}

.list-primary_columns li {
    display: block
}

.list-primary_highlighted li {
    padding-left: 35px;
    font-size: 16px
}

.list-primary_highlighted .list-primary__highlight {
    background: #525252;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    font-size: 16px;
    position: relative;
    margin-bottom: 3px;
    line-height: 1.62;
    padding: 3px 0
}

.list-primary_highlighted .list-primary__highlight:before {
    content: "";
    position: absolute;
    top: 0;
    left: -35px;
    right: -15px;
    bottom: 0;
    background: #525252;
    z-index: -1;
    border-radius: 20px
}

.list-primary_highlighted .list-primary__highlight:after {
    content: "";
    position: absolute;
    width: 26px;
    height: 26px;
    background: url("/bitrix/templates/default/images/icons/icon-check-circle-mini.svg") center center no-repeat;
    background-size: contain;
    top: 50%;
    left: -32px;
    transform: translate(0, -50%)
}

.list-primary_fade_in li {
    opacity: 0;
    visibility: hidden;
    transform: translate(0, 50px);
    transition: opacity .5s ease, visibility .5s ease, transform .5s ease
}

.list-primary_fade_in_active li {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0)
}

.list-primary_fade_in li:nth-child(2) {
    transition-delay: .3s
}

.list-primary_fade_in li:nth-child(3) {
    transition-delay: .6s
}

.list-primary_fade_in li:nth-child(4) {
    transition-delay: .9s
}

.list-primary_fade_in li:nth-child(5) {
    transition-delay: 1.2s
}

.list-primary_fade_in li:nth-child(6) {
    transition-delay: 1.5s
}

.list-primary_fade_in li:nth-child(7) {
    transition-delay: 1.8s
}

.list-primary_fade_in li:nth-child(8) {
    transition-delay: 2.1s
}

@media (max-width:767px) {
    .list-primary_columns {
        column-count: 1;
        column-gap: 0
    }

    .list-primary__title_toggle {
        width: 100%
    }

    .list-primary__item-wrapper {
        margin-bottom: 15px
    }

    .list-primary__title {
        font-size: 16px
    }
}

.list-primary_check_circle li,
.list-primary_check_circle .list-primary__item {
    padding-left: 1.88em
}

.list-primary_check_circle li:before,
.list-primary_check_circle .list-primary__item:before {
    content: "";
    position: absolute;
    width: 1.25em;
    height: 1.25em;
    left: 0;
    top: .15em;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTMuNTUyMyAwLjY0NzM5NEMxNC44NTI2IDEuMTUwNzUgMTYuMDE0MiAxLjkxMDkxIDE3LjAwNDkgMi45MDYzNUMyMy4xOTYzIDkuMTMwNjYgMTguOTAxMyAyMCA5Ljk1OTQ5IDIwQzEuMDQ1MjEgMjAgLTMuMjkwNTcgOS4xNDM5OCAyLjkxNDU1IDIuOTA2MzVDNC44MjM2NiAwLjk4Nzc0OSA3LjUxMjQyIDAgOS4zMjcyIDBDOS44NDA2OCAwIDEwLjI3NDEgMC4zOTkzMDMgMTAuMzEwMyAwLjkyMjEzOEMxMC4zNDg2IDEuNDY4NTUgOS45MzkwOSAxLjk0MjY5IDkuMzk1NTIgMS45ODA2M0M3LjQ3NDY5IDIuMTE1OTUgNS42Njg1OCAyLjk0MzI2IDQuMzA5NjYgNC4zMDkyOUMtMC42NDgyMSA5LjI5MjYzIDIuNzc1ODUgMTguMDE2OCA5Ljk1OTQ5IDE4LjAxNjhDMTcuMTIzOCAxOC4wMTY4IDIwLjU3NjkgOS4zMDIzNyAxNS42MDk4IDQuMzA5MjlDMTQuODE1NCAzLjUxMDY5IDEzLjg4NDggMi45MDEyMiAxMi44NDM1IDIuNDk4MzNDMTIuMzM1MiAyLjMwMTUgMTIuMDgxNyAxLjcyNzQxIDEyLjI3NzUgMS4yMTYzNkMxMi40NzM0IDAuNzA1MzE1IDEzLjA0NDUgMC40NTA1NjIgMTMuNTUyMyAwLjY0NzM5NFoiIGZpbGw9IiMxREEyRkMiLz48cGF0aCBkPSJNMTQuNTgzNSA1Ljk1Nzg5QzE0LjE3NyA1LjczMTE3IDEzLjY0NDYgNS44NDUxNCAxMy4zOTQgNi4yMTI4OUw4Ljk5ODYzIDEyLjY1OTlMNy40NTIyMSAxMC43NDg0QzcuMTcwMzUgMTAuNCA2LjYyOTg3IDEwLjMyNDQgNi4yNDQ4MyAxMC41NzlDNS44NTkzNCAxMC44MzQgNS43NzU4MSAxMS4zMjM0IDYuMDU3NjYgMTEuNjcxOEw4LjM2MjExIDE0LjUyMTJDOC41MjUxNCAxNC43MjI5IDguNzg0NjcgMTQuODQxMyA5LjA1OTM4IDE0Ljg0MTNDOS4zNTk1NSAxNC44NDEzIDkuNjM3ODMgMTQuNzAxMSA5Ljc5NTA3IDE0LjQ2OTlMMTQuODY1NCA3LjAzMzY2QzE1LjExNiA2LjY2NjMxIDE0Ljk4OTUgNi4xODQ2IDE0LjU4MzUgNS45NTc4OVoiIGZpbGw9IiNGQzk1MUQiLz48L3N2Zz4=")
}

.block-vs__list {
    margin-bottom: 40px
}

.block-vs__list_orange .block-vs__title {
    color: #fc951d
}

.block-vs__list_orange .block-vs__item:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIiBmaWxsPSIjMURBMkZDIj48cGF0aCBkPSJNMjkuNTA2IDE0LjA1M2MwIDEuNTIxLTEuMjM4IDIuNzU5LTIuNzU5IDIuNzU5aC0uOTM5LTQuMDYzYy43NzUgMS40MDIgMS4xODcgMi43MjYgMS4xODcgNC41NTR2LjI5NWEzLjcgMy43IDAgMCAxLTMuNjYzIDMuNzIxaC0uMDI4Yy0uOTUyIDAtMS43ODQtLjc1Ny0xLjg2My0xLjcwMS0uMzczLTQuNDk5LTQuNzA4LTYuODE3LTcuNjA3LTguMjI3di40NjZhLjg4Ljg4IDAgMCAxLS44ODEuODgxSDEuMzc1YS44OC44OCAwIDAgMS0uODgxLS44ODFWLjg5MmEuODguODggMCAwIDEgLjg4MS0uODgxSDcuMDFBMi43NiAyLjc2IDAgMCAxIDkuNDc5IDEuNTRDMTIuNjE1LjE3OCAxNS4zNCAwIDE4LjQ2OSAwbDEuNjQzLjAxIDEuOTM4LjAxMmgyLjc4NGMxLjUyMSAwIDIuNzU5IDEuMjM4IDIuNzU5IDIuNzU5IDAgLjUxMi0uMTQuOTkxLS4zODMgMS40MDJhMi43NiAyLjc2IDAgMCAxIDEuMzIzIDIuMzU1IDIuNzQgMi43NCAwIDAgMS0uMzgzIDEuNDAyIDIuNzYgMi43NiAwIDAgMSAxLjMyMyAyLjM1NSAyLjc1IDIuNzUgMCAwIDEtLjcyNCAxLjg2MSAyLjc1IDIuNzUgMCAwIDEgLjc1OCAxLjg5NnpNOC4wMDggMi43N2ExIDEgMCAwIDAtLjk5OC0uOTk4aC0uOTk4djIuODc2YS44OC44OCAwIDEgMS0xLjc2MSAwVjEuNzcySDIuMjU2djEzLjI2N2g1Ljc1M1YyLjc3aDB6bTE2Ljg2IDguNTI0aC45MzkuOTA2YTEgMSAwIDAgMCAuOTk4LS45OTggMSAxIDAgMCAwLS45OTgtLjk5OGgtLjkwNi0uMDM0LS45MDVhLjg4Ljg4IDAgMSAxIDAtMS43NjFoLjkwNmExIDEgMCAwIDAgLjk5OC0uOTk4IDEgMSAwIDAgMC0uOTk4LS45OThoLS45MzlhLjg4Ljg4IDAgMSAxIDAtMS43NjEgMSAxIDAgMCAwIC45OTgtLjk5OCAxIDEgMCAwIDAtLjk5OC0uOTk4SDIyLjA1YTIwMS4yNCAyMDEuMjQgMCAwIDEtMS45NTUtLjAxMmMtMy45MjUtLjAzNy02LjgwOS0uMDY1LTEwLjMxNCAxLjU2M3YxMC4xNjloMGwuMjgyLjEzNmMxLjUzMS43MzggMy42MjcgMS43NDkgNS40MyAzLjI4IDIuMjA3IDEuODc0IDMuNDMxIDQuMTAxIDMuNjQgNi42MTcuMDAyLjAzLjA2LjA4NS4xMDcuMDg1YTEuOTcgMS45NyAwIDAgMCAxLjkzLTEuOTZ2LS4yOTVjMC0xLjgzLS40NzctMi45ODktMS40NzYtNC41NTRoLTEuNDAxYS44OC44OCAwIDEgMSAwLTEuNzYxaDEuODg1IDUuNjI5LjkzOWExIDEgMCAwIDAgLjk5OC0uOTk4IDEgMSAwIDAgMC0uOTk4LS45OThoLS45MzktLjkzOWEuODguODggMCAxIDEgMC0xLjc2MXoiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi42NDYgMjMuNDkzaDEuODc4YS44OC44OCAwIDEgMCAwLTEuNzYxaC0xLjg3OGEuODguODggMCAxIDAgMCAxLjc2MXptMTMuMTUgMGgxLjg3OWEuODguODggMCAxIDAgMC0xLjc2MWgtMS44NzlhLjg4Ljg4IDAgMSAwIDAgMS43NjF6bS03LjY5MSA0LjQ0bC0uOTM5IDEuNjI3YS44OC44OCAwIDAgMS0xLjUyNS0uODgxbC45MzktMS42MjdhLjg4Ljg4IDAgMCAxIC43NjMtLjQ0Yy4xNDkgMCAuMzAxLjAzOC40MzkuMTE4YS44OC44OCAwIDAgMSAuMzIyIDEuMjAzem01LjA1IDEuNjI3YS44OC44OCAwIDAgMCAxLjUyNS0uODgxbC0uOTM5LTEuNjI3YS44OC44OCAwIDAgMC0uNzYzLS40NGMtLjE0OSAwLS4zMDEuMDM4LS40MzkuMTE4YS44OC44OCAwIDAgMC0uMzIyIDEuMjAzbC45MzkgMS42Mjd6IiBmaWxsLW9wYWNpdHk9Ii43Ii8+PC9zdmc+")
}

.block-vs__list_blue .block-vs__title {
    color: #1da2fc
}

.block-vs__list_blue .block-vs__item:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIiBmaWxsPSIjRkM5NTFEIj48cGF0aCBkPSJNMjkuNTA2IDE1Ljk0N2MwLTEuNTIxLTEuMjM4LTIuNzU5LTIuNzU5LTIuNzU5aC0uOTM5LTQuMDYzYy43NzUtMS40MDIgMS4xODctMi43MjYgMS4xODctNC41NTR2LS4yOTVhMy43IDMuNyAwIDAgMC0xLjA3LTIuNjExIDMuNyAzLjcgMCAwIDAtMi41OTMtMS4xMDloLS4wMjhjLS45NTIgMC0xLjc4NC43NTctMS44NjMgMS43MDEtLjM3MyA0LjQ5OS00LjcwOCA2LjgxNy03LjYwOCA4LjIyN3YtLjQ2NmEuODguODggMCAwIDAtLjg4MS0uODgxSDEuMzc1YS44OC44OCAwIDAgMC0uODgxLjg4MXYxNS4wMjhhLjg4Ljg4IDAgMCAwIC44ODEuODgxaDUuNjM2YzEuMDc5IDAgMi4wMTUtLjYyMyAyLjQ2OC0xLjUyOSAzLjEzNiAxLjM2MiA1Ljg2MSAxLjU0IDguOTkgMS41NGwxLjY0My0uMDExIDEuOTM4LS4wMTJoMi43ODRjMS41MjEgMCAyLjc1OS0xLjIzOCAyLjc1OS0yLjc1OWEyLjc0IDIuNzQgMCAwIDAtLjM4My0xLjQwMiAyLjc2IDIuNzYgMCAwIDAgMS4zMjMtMi4zNTUgMi43NCAyLjc0IDAgMCAwLS4zODQtMS40MDIgMi43NiAyLjc2IDAgMCAwIDEuMzIzLTIuMzU1IDIuNzUgMi43NSAwIDAgMC0uNzI0LTEuODYxIDIuNzUgMi43NSAwIDAgMCAuNzU4LTEuODk2ek04LjAwOSAyNy4yM2ExIDEgMCAwIDEtLjk5OC45OThoLS45OTh2LTIuODc2YS44OC44OCAwIDEgMC0xLjc2MSAwdjIuODc3SDIuMjU2VjE0Ljk2MWg1Ljc1M1YyNy4yM2gwem0xNi44Ni04LjUyNGguOTM5LjkwNmExIDEgMCAwIDEgLjk5OC45OTggMSAxIDAgMCAxLS45OTguOTk4aC0uOTA1LS4wMzQtLjkwNmEuODguODggMCAxIDAgMCAxLjc2MWguOTA2YTEgMSAwIDAgMSAuOTk4Ljk5OCAxIDEgMCAwIDEtLjk5OC45OThoLS45MzlhLjg4Ljg4IDAgMSAwIDAgMS43NjEgMSAxIDAgMCAxIC45OTguOTk4IDEgMSAwIDAgMS0uOTk4Ljk5OEgyMi4wNWwtMS45NTUuMDEyYy0zLjkyNS4wMzctNi44MDkuMDY0LTEwLjMxNC0xLjU2M1YxNi40OTZoMGwuMjgyLS4xMzZjMS41MzEtLjczOCAzLjYyNy0xLjc0OSA1LjQzLTMuMjggMi4yMDctMS44NzQgMy40MzEtNC4xIDMuNjQtNi42MTcuMDAyLS4wMy4wNi0uMDg1LjEwNy0uMDg1YTEuOTcgMS45NyAwIDAgMSAxLjkzIDEuOTZ2LjI5NWMwIDEuODMtLjQ3NyAyLjk4OS0xLjQ3NiA0LjU1NGgtMS40MDFhLjg4Ljg4IDAgMSAwIDAgMS43NjFoMS44ODUgNS42MjkuOTM5YTEgMSAwIDAgMSAuOTk4Ljk5OCAxIDEgMCAwIDEtLjk5OC45OThoLS45MzktLjkzOWEuODguODggMCAwIDAgMCAxLjc2MXoiLz48cGF0aCBvcGFjaXR5PSIuNyIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTguMTA1IDIuMDY3TDE3LjE2Ni40NGEuODguODggMCAxIDAtMS41MjUuODgxbC45MzkgMS42MjdhLjg4Ljg4IDAgMCAwIC43NjMuNDRjLjE0OSAwIC4zMDEtLjAzOC40MzktLjExOGEuODguODggMCAwIDAgLjMyMi0xLjIwM3ptLTUuNDU5IDQuNDRoMS44NzhhLjg4Ljg4IDAgMCAxIDAgMS43NjFoLTEuODc4YS44OC44OCAwIDEgMSAwLTEuNzYxem0xMy4xNSAwaDEuODc5YS44OC44OCAwIDAgMSAwIDEuNzYxaC0xLjg3OWEuODguODggMCAxIDEgMC0xLjc2MXpNMjMuMTU1LjQ0YS44OC44OCAwIDAgMSAxLjIwMy0uMzIyLjg4Ljg4IDAgMCAxIC4zMjIgMS4yMDNsLS45MzkgMS42MjdhLjg4Ljg4IDAgMCAxLS43NjMuNDRjLS4xNDkgMC0uMzAxLS4wMzgtLjQzOS0uMTE4YS44OC44OCAwIDAgMS0uMzIyLTEuMjAzTDIzLjE1NS40NHoiLz48L3N2Zz4=");
    top: 2px
}

.block-vs__title {
    font-weight: 700;
    line-height: 1.4;
    font-size: 18px;
    margin-bottom: 25px
}

.block-vs__item {
    padding-left: 45px;
    margin-bottom: 25px;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    min-height: 35px;
    flex-direction: column
}

.block-vs__item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 30px;
    height: 30px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain
}

.block-vs__item-title {
    font-size: 18px;
    line-height: 1.4;
    color: #333;
    font-weight: 700;
    margin-bottom: 5px
}

.features-block__item-wrapper {
    margin-bottom: 30px
}

.features-block__icon {
    height: 60px;
    margin-bottom: 20px
}

.features-block__title {
    margin-bottom: 10px;
    font-weight: 700;
    line-height: 1.4;
    font-size: 18px;
    color: #333
}

.features-block__number {
    font-weight: 700;
    line-height: 1.4;
    font-size: 42px;
    color: #1da2fc;
    margin-bottom: 5px
}

.features-block_sale .features-block__icon {
    height: 40px;
    margin-bottom: 10px
}

.features-block_check .features-block__item {
    position: relative;
    padding-top: 35px
}

.features-block_check .features-block__item:before {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    top: 0;
    left: 0;
    background: url("/bitrix/templates/default/images/icons/icon-check-circle-color.svg") no-repeat;
    background-size: contain
}

.features-block_title_800 .features-block__title {
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 20px
}

.features-block_title_800 .features-block__text {
    font-size: 16px
}

.features-block_mb {
    margin-bottom: 40px
}

.features-block_full .features-block__item {
    display: flex;
    align-items: center
}

.features-block_full .features-block__item:not(:last-child) {
    margin-bottom: 50px
}

.features-block_full .features-block__icon {
    height: 90px;
    margin-bottom: 0;
    width: 100%
}

.features-block_full .features-block__icon-wrapper {
    flex: 0 0 90px;
    max-width: 90px;
    margin-right: 20px;
    align-self: flex-start
}

.features-block_full .features-block__desc {
    flex: 1 1 auto
}

.features-block_full .features-block__price {
    font-weight: 700;
    line-height: 1.4;
    flex: 0 0 180px;
    max-width: 180px;
    margin-left: 40px
}

.features-block_full .features-block__price-numbers {
    white-space: nowrap;
    font-size: 30px
}

.features-block_full .features-block__price-text {
    font-size: 18px
}

@media (max-width:767px) {
    .features-block_full .features-block__item {
        flex-wrap: wrap
    }

    .features-block_full .features-block__price {
        margin-left: 0
    }

    .features-block_full .features-block__icon-wrapper {
        flex: 0 0 50px;
        max-width: 50px;
        margin-bottom: 20px;
        height: 50px
    }

    .features-block_full .features-block__desc {
        flex: 0 0 100%
    }

    .features-block__item-wrapper {
        margin-bottom: 20px
    }

    .features-block__title {
        font-size: 16px
    }

    .features-block__number {
        font-size: 30px
    }
}

@media (max-width:991px) {
    .features-block_full .features-block__icon {
        height: 70px
    }

    .features-block_sale .features-block__icon {
        height: 34px
    }
}

@media (max-width:479px) {
    .features-block_full .features-block__icon {
        height: 50px
    }

    .features-block__title {
        margin-bottom: 5px
    }

    .features-block_sale .features-block__icon {
        margin-bottom: 5px
    }
}

@media screen and (min-width:768px) {
    .features-block__number_lg {
        font-size: 60px
    }
}

.block-toggle {
    margin-bottom: 5px
}

.block-toggle__header {
    display: block
}

.block-toggle__title {
    font-weight: 700;
    line-height: normal;
    font-size: 16px;
    color: #333;
    padding: 5px 56px 8px 16px;
    background-color: #f5f5f5;
    border: 4px solid #f5f5f5;
    border-bottom: none;
    display: block;
    text-decoration: none !important;
    position: relative;
    transition: background-color .3s ease, padding-top .3s ease;
    border-radius: 3px
}

.block-toggle__title:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #1da2fc;
    top: 50%;
    right: 16px;
    transform: translate(0, -50%);
    margin-top: -2px;
    transition: background-color .3s ease
}

.block-toggle__title:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 23px;
    transform: translate(0, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 3px 0;
    border-color: #fff transparent transparent;
    margin-top: -2px;
    transition: transform .3s ease
}

.block-toggle__helper {
    font-size: 15px;
    font-weight: 400
}

.block-toggle__body {
    padding: 4px 16px 8px;
    border: 4px solid #f5f5f5;
    border-top: none;
    display: none;
    font-weight: 400;
    line-height: 1.62;
    font-size: 16px;
    color: #333
}

.block-toggle__item {
    margin-bottom: 10px
}

.block-toggle__header_active .block-toggle__title {
    background-color: transparent;
    padding-top: 12px;
    color: #1da2fc;
    border-radius: 3px 3px 0 0
}

.block-toggle__header_active .block-toggle__title:before {
    background-color: #fc951d
}

.block-toggle__header_active .block-toggle__title:after {
    transform: translate(0, -50%) rotate(-180deg)
}

@media (max-width:479px) {
    .block-toggle__title {
        font-size: 15px
    }
}

.block-toggle_rounded:not(:last-child) {
    margin-bottom: 20px
}

.block-toggle_rounded .block-toggle__header {
    display: table;
    height: 100px;
    width: 100%;
    position: relative
}

.block-toggle_rounded .block-toggle__header:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 20px;
    margin-top: -1px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 17px 0 0;
    border-color: #fff transparent transparent
}

.block-toggle_rounded .block-toggle__title {
    background-color: #fff;
    box-shadow: 0px 10px 20px rgba(72, 95, 110, .16);
    border-radius: 6px;
    border: none;
    display: table-cell;
    width: 100%;
    height: 100%;
    padding: 25px 65px 25px 100px;
    vertical-align: middle;
    font-size: 18px;
    line-height: 1.44;
    position: relative;
    color: #333 !important
}

.block-toggle_rounded .block-toggle__title:before {
    margin-top: 0;
    right: 30px
}

.block-toggle_rounded .block-toggle__title:after {
    margin-top: 0;
    right: 37px
}

.block-toggle_rounded .block-toggle__icon {
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translate(0, -50%);
    max-height: 50px;
    max-width: 50px;
    height: 100%;
    width: 100%
}

.block-toggle_rounded .block-toggle__body {
    border: none;
    padding: 20px 30px 0
}

.block-toggle_rounded .block-toggle__body-inner {
    border: 1px dashed #dedede;
    box-sizing: border-box;
    border-radius: 6px;
    padding: 20px 30px 15px
}

@media (max-width:767px) {
    .block-toggle_rounded .block-toggle__title {
        font-size: 17px
    }
}

@media (max-width:479px) {
    .block-toggle_rounded .block-toggle__title {
        font-size: 15px;
        padding-left: 70px
    }

    .block-toggle_rounded .block-toggle__icon {
        left: 20px;
        max-height: 32px;
        max-width: 32px
    }
}

.info-hint {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #dedede;
    background-color: #fff;
    font-size: 9px;
    text-align: center;
    line-height: 13px;
    vertical-align: top;
    font-weight: 700;
    color: #333;
    position: relative;
    top: -3px;
    cursor: pointer;
    transition: background-color .3s ease, color .3s ease, border-color .3s ease
}

.info-hint:before {
    content: "?"
}

.info-hint:after {
    content: attr(data-hint);
    position: absolute;
    left: 100%;
    margin-left: 15px;
    top: 50%;
    transform: translate(0, -50%);
    min-width: 240px;
    max-width: 300px;
    padding: 20px;
    text-align: left;
    background-color: #fff;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 400;
    color: #333;
    box-shadow: 0px 0px 30px rgba(0, 36, 60, .14);
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease;
    z-index: 10;
    pointer-events: none
}

.info-hint:hover {
    background-color: #1da2fc;
    border-color: #1da2fc;
    color: #fff
}

.info-hint:hover:after,
.info-hint:active:after {
    opacity: 1;
    visibility: visible
}

.table-tariff-palevo {
    border-collapse: collapse;
    width: 100%;
    position: relative;
    z-index: 5;
    margin-bottom: 10px;
    font-size: 16px
}

.table-tariff-palevo:before {
    content: "";
    position: absolute;
    left: 0%;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    box-shadow: 0px 0px 20px rgba(72, 95, 110, .16);
    border-radius: 0 6px 6px 0;
    background-color: #333
	# цвет чужой таблицы
}

.table-tariff-palevo tr:first-child td,
.table-tariff-palevo tr:first-child th {
    padding-top: 16px
}

.table-tariff-palevo tr:first-child td:first-child,
.table-tariff-palevo tr:first-child th:first-child {
    border-radius: 6px 0 0
}

.table-tariff-palevo tr:first-child td:last-child,
.table-tariff-palevo tr:first-child th:last-child {
    border-radius: 0 6px 0 0
}

.table-tariff-palevo tr:last-child td {
    border-bottom: none;
    padding-bottom: 16px;
    background-color: #fff
}

.table-tariff-palevo tr:last-child td:first-child {
    border-radius: 0 0 0 6px;
    background-color: #37a5f1
}

.table-tariff-palevo tr:last-child td:last-child {
    border-radius: 0 0 6px
}

.table-tariff-palevo tr:last-child th {
    padding-bottom: 16px
}

.table-tariff-palevo td {
    text-align: center;
    position: relative;
    z-index: 3;
    padding: 10px 20px;
    border-bottom: 1px dashed rgba(0, 0, 0, .1);
    width: 33.33333333%;
    background-color: #fff
}
/*
.table-tariff td:first-child {
    background-color: #37a5f1;
    color: #333;
    text-align: center;
    border-bottom: none;
    width: 33.33333333%;
}
*/

.table-tariff-palevo th {
    text-align: center;
    position: relative;
    z-index: 2;
    padding: 16px 20px 5px;
    font-size: 18px;
    font-weight: 700;
    width: 33.33333333%;
    background-color: #fff
}

.table-tariff-palevo th:first-child {
    padding: 16px 20px 5px;
    background-color: #37a5f1;
    color: #333;
    text-align: center;
    #width: 33.33333333%
}

.table-tariff-palevo__td-spacer {
    width: 0 !important;
    background: 0 0 !important;
    box-shadow: none !important;
    padding: 5px !important
}

.table-tariff-palevo__label {
    font-weight: 700;
    font-size: 12px;
    line-height: 24px;
    color: #fff;
    background: #fc951d;
    border-radius: 20px;
    height: 24px;
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0 15px
}

.table-tariff-palevo__name {
    color: #2aa4f9
}

span.table-tariff-palevo__recomend {
    font-family: "Open Sans";
    font-weight: 700;
    line-height: normal;
    font-size: 11px;
    border-radius: 50px;
    background: #fb941d;
    color: #fff;
    display: inline-block;
    padding: 4px 0;
    position: absolute;
    margin: -42px 0 0 -30px;
    text-align: center;
    width: 120px
}

span.table-dc-palevo__recomend {
    font-family: "Open Sans";
    font-weight: 700;
    line-height: normal;
    font-size: 11px;
    border-radius: 50px;
    background: #fb941d;
    color: #fff;
    display: inline-block;
    padding: 4px 0;
    position: absolute;
    margin: -42px 0 0 0px;
    text-align: center;
    width: 120px
}

.table-tariff-palevo__sum:not(:last-child) {
    margin-bottom: 10px
}

.table-tariff-palevo__sum-title {
    font-weight: 700;
    line-height: normal;
    font-size: 16px;
    color: #333
}

.table-tariff-palevo__sum-desc {
    font-family: Open Sans;
    font-weight: 400;
    line-height: normal;
    font-size: 11px;
    color: rgba(51, 51, 51, .5)
}

.table-tariff-palevo_head {
    margin-bottom: 0
}

.table-tariff-palevo_head:before {
    z-index: -10;
    border-radius: 6px 6px 0 0
}

# Заглавные "Тариф"
.table-tariff-palevo_head tr th {
    padding: 30px 20px;
    font-weight: 700;
    line-height: normal;
    font-size: 20px;
    text-align: center;
    color: #333
}

# Заглавные "Сравнение тарифов"
.table-tariff-palevo_head tr th:first-child {
    background: 0 0;
    font-size: 30px;
    color: #333;
    padding: 0 30px 20px 0 !important;
    vertical-align: top;
    text-align: left
}

.table-tariff-palevo_head tr:first-child th {
    padding: 30px 20px
}

.table-tariff-palevo_head tr:first-child th:nth-child(2) {
    border-radius: 6px 0 0
}

.table-tariff-palevo_foot {
    margin-top: -10px;
    z-index: 1;
    margin-bottom: 70px
}

.table-tariff-palevo_foot:before {
    z-index: -10;
    border-radius: 0 0 6px 6px
}

.table-tariff-palevo_foot tr td {
    padding: 5px 0px;
    position: relative
}

.table-tariff-palevo_foot tr td:first-child {
    background: 0 0 !important
}

.table-tariff-palevo_foot tr:last-child td:nth-child(2) {
    border-radius: 0 0 0 6px
}

.table-tariff-palevo__wrapper {
    position: relative
}

.table-tariff-palevo__button {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: -70px;
    margin: 0
}

/*
@media (max-width:991px) and (min-width:768px) {
    .table-tariff-palevo_head tr th {
        font-size: 15px
    }

    .table-tariff-palevo_head tr:first-child th {
        padding: 30px 15px
    }
}

@media (max-width:767px) {
    .table-tariff-palevo:before {
        left: 0;
        display: none
    }

    .table-tariff-palevo tr {
        display: block
    }

    .table-tariff-palevo tr:first-child th {
        padding: 10px
    }

    .table-tariff-palevo tr:first-child th:not(:first-child) {
        display: none
    }

    .table-tariff-palevo tr:last-child td {
        padding: 5px 10px
    }

    .table-tariff-palevo td {
        width: 33.333%;
        border-radius: 0 !important;
        padding-left: 10px;
        padding-right: 10px;
        border: none !important;
        float: left
    }

    .table-tariff-palevo td:first-child {
        width: 100%;
        text-align: center;
        display: block;
        background-color: #50b7fd !important
    }

    .table-tariff-palevo th {
        width: 33.333%;
        border-radius: 0 !important;
        float: left
    }

    .table-tariff-palevo th:first-child {
        width: 100%;
        text-align: center;
        display: block
    }

    .table-tariff-palevo__td-spacer {
        padding: 1px !important
    }

    .table-tariff-palevo_head tr:first-child th {
        padding: 10px
    }

    .table-tariff-palevo_head tr:first-child th:not(:first-child) {
        display: table-cell
    }

    .table-tariff-palevo_head tr:first-child th:first-child {
        text-align: center;
        padding: 0 10px 15px !important;
        font-size: 24px
    }

    .table-tariff-palevo_head_fixed {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 10;
        background-color: #fff;
        box-shadow: 0px 0px 20px rgba(72, 95, 110, .25)
    }

    .table-tariff-palevo_head_fixed tr th:first-child {
        display: none
    }

    .table-tariff-palevo_head_fixed tr:first-child th {
        padding: 18px 10px 3px;
        font-size: 16px;
        line-height: .9
    }

    .table-tariff-palevo_foot {
        border-top: 2px solid #f5f5f5
    }

    .table-tariff-palevo__label {
        height: 16px;
        line-height: 14px;
        padding: 0 8px
    }

    .table-tariff-palevo_head_fixed tr:first-child th .table-tariff-palevo__label {
        transform: translate(-50%, 0)
    }

    a.btn.table-tariff-palevo__button {
        font-size: 15px;
        padding: 0 15px
    }
}

@media (max-width:479px) {
    .table-tariff-palevo {
        font-size: 12px
    }

    .table-tariff-palevo__sum-title {
        font-size: 14px
    }

    .table-tariff-palevo_head tr th {
        font-size: 15px
    }
}
*/

.action-line {
    position: relative;
    border-radius: 6px;
    overflow: hidden
}

.action-line__bg,
.action-line__bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.action-line__bg-img {
    object-position: center center;
    object-fit: cover
}

.action-line__bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    opacity: .6;
    z-index: 2
}

.action-line__content {
    height: 120px;
    width: 100%;
    display: table;
    position: relative;
    z-index: 3
}

.action-line__content-inner {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    padding: 30px 40px
}

.action-line__name {
    font-size: 18px;
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: 16px;
    position: relative
}

.action-line__name_with_icon {
    min-height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.action-line__name-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.action-line__text {
    font-size: 13px;
    color: #666;
    line-height: 1.84
}

.action-line__btn {
    margin-top: 16px
}

.action-line_order {
    background: #e8e9ea
}

.action-line_order .action-line__content {
    height: 120px;
    width: 100%;
    display: table
}

.action-line_order .action-line__bg-img {
    object-position: unset;
    object-fit: unset;
    background-position: right center;
    background-size: auto 100%;
    width: auto;
    max-width: none;
    left: auto;
    right: 0
}

.action-line_calc {
    background: #fff;
    box-shadow: 0 10px 20px 0 rgba(3, 99, 164, .2)
}

.action-line_mt {
    margin-top: 48px
}

@media screen and (min-width:768px) {
    .action-line__bg:before {
        display: none;
        content: none
    }

    .action-line__name {
        font-size: 22px;
        margin-bottom: 0
    }

    .action-line__btn {
        margin-top: 0
    }
}

.clients-block {
    position: relative
}

.clients-block__inner {
    overflow: hidden;
    position: relative
}

.clients-block__item-wrapper {
    margin-bottom: 32px
}

.clients-block__item {
    display: block;
    width: 100%;
    height: 100px;
    padding: 8px 20px;
    position: relative
}

.clients-block__img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: calc(100% - 40px);
    max-height: calc(100% - 16px)
}

.clients-block__more {
    border: 1px solid #dedede;
    display: flex;
    height: 100px;
    width: 100%;
    align-items: center;
    justify-content: center
}

.clients-block__more-inner {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.22;
    color: #333;
    border-bottom: 1px solid rgba(51, 51, 51, .5);
    transition: border-color .3s ease
}

.clients-block__more:hover .clients-block__more-inner {
    border-color: transparent
}

.clients-block_slider {
    padding: 0 120px
}

.clients-block_slider .clients-block__item {
    height: 60px
}

.clients-block_slider .clients-block__item.service_client_slider {
    height: 120px
}

.clients-block_slider .clients-block__img {
    max-width: 100%;
    max-height: 100%;
    filter: grayscale(100%);
    transition: filter .3s ease
}

.clients-block_slider .clients-block__item:hover .clients-block__img {
    filter: none
}

.clients-block_mt {
    margin-top: 40px
}

@media screen and (min-width:1310px) {
    .clients-block__item-wrapper {
        flex: 0 0 20%;
        max-width: 20%
    }
}

.brands-block__list {
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative
}

.brands-block__list:first-child {
    padding-top: 0
}

.brands-block__list:after {
    content: "";
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 0;
    border-bottom: 1px dashed rgba(0, 0, 0, .1)
}

.brands-block__name {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 15px
}

.brands-block__icons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0
}

.brands-block__icon-wrapper {
    flex: 1 1 auto;
    margin: 0 15px
}

.brands-block__icon {
    max-height: 40px
}

.brands-block__helper {
    font-size: 11px;
    line-height: 1.63;
    color: rgba(51, 51, 51, .5);
    margin-top: 20px
}

@media screen and (max-width:767px) {
    .brands-block__name {
        text-align: center
    }

    .brands-block__icons {
        justify-content: center;
        flex-wrap: wrap
    }

    .brands-block__icon-wrapper {
        margin: 10px 15px
    }

    .brands-block__icon {
        max-height: 30px;
        max-width: 100px;
        margin: 0 auto
    }
}

@media screen and (min-width:992px) {
    .brands-block__name {
        margin-bottom: 0
    }
}

.text-cut__inner {
    max-height: 155px;
    overflow: hidden
}

.text-cut__toggle {
    display: none;
    align-items: center;
    margin-top: 16px;
    color: #12252c;
    border-bottom: 1px dashed #12252c00
}

.text-cut__toggle:before {
    content: "\e907";
    font-family: "roksis-icons";
    font-weight: 400;
    font-style: normal;
    font-size: 10px;
    line-height: 1;
    margin-right: 8px;
    color: #1da2fc;
    transition: transform .3s ease
}

.text-cut__toggle_active:before {
    transform: rotate(-180deg)
}

.text-cut__toggle:hover {
    color: #1da2fc;
    border-color: #1da2fc
}

.text-cut_active .text-cut__toggle {
    display: inline-flex
}

.text-cut_opened .text-cut__inner {
    max-height: none
}

.r-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

.r-icon_success {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAgMjBDMTUuNTIyOCAyMCAyMCAxNS41MjI4IDIwIDEwQzIwIDQuNDc3MTUgMTUuNTIyOCAwIDEwIDBDNC40NzcxNSAwIDAgNC40NzcxNSAwIDEwQzAgMTUuNTIyOCA0LjQ3NzE1IDIwIDEwIDIwWiIgZmlsbD0iIzk1RTU4RSIvPjxwYXRoIGQ9Ik0xNC4yODM5IDcuOTQ0OTlMMTMuNTUxNSA3LjIxMjU1QzEzLjQ1MTEgNy4xMTIwNCAxMy4zMjg5IDcuMDYxNzcgMTMuMTg1NCA3LjA2MTc3QzEzLjA0MTcgNy4wNjE3NyAxMi45MTk1IDcuMTEyMDQgMTIuODE5MSA3LjIxMjU1TDkuMjg2MDIgMTAuNzUwOUw3LjcwMjYxIDkuMTYyMTVDNy42MDIwNyA5LjA2MTYxIDcuNDggOS4wMTEzOSA3LjMzNjQzIDkuMDExMzlDNy4xOTI3NiA5LjAxMTM5IDcuMDcwNyA5LjA2MTYxIDYuOTcwMTUgOS4xNjIxNUw2LjIzNzcxIDkuODk0NjFDNi4xMzcxNyA5Ljk5NTE0IDYuMDg2OTEgMTAuMTE3MiA2LjA4NjkxIDEwLjI2MDlDNi4wODY5MSAxMC40MDQ0IDYuMTM3MTcgMTAuNTI2NiA2LjIzNzcxIDEwLjYyNzFMOC4xODczIDEyLjU3NjdMOC45MTk3OSAxMy4zMDkxQzkuMDIwMjggMTMuNDA5NyA5LjE0MjM5IDEzLjQ1OTkgOS4yODYwMiAxMy40NTk5QzkuNDI5NTkgMTMuNDU5OSA5LjU1MTY5IDEzLjQwOTYgOS42NTIyNCAxMy4zMDkxTDEwLjM4NDcgMTIuNTc2N0wxNC4yODM5IDguNjc3NDhDMTQuMzg0NCA4LjU3Njk0IDE0LjQzNDcgOC40NTQ4NSAxNC40MzQ3IDguMzExMjFDMTQuNDM0OCA4LjE2NzY0IDE0LjM4NDQgOC4wNDU1MyAxNC4yODM5IDcuOTQ0OTlaIiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg==)
}

.r-icon_close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAgMjBDMTUuNTIyOCAyMCAyMCAxNS41MjI4IDIwIDEwQzIwIDQuNDc3MTUgMTUuNTIyOCAwIDEwIDBDNC40NzcxNSAwIDAgNC40NzcxNSAwIDEwQzAgMTUuNTIyOCA0LjQ3NzE1IDIwIDEwIDIwWiIgZmlsbD0iI0RFREVERSIvPjxwYXRoIGQ9Ik0xMy4xMDc1IDYuMTM3MDhDMTMuMDQwNiA2LjA3MDE5IDEyLjkzMTIgNi4wNzAxOSAxMi44NjQzIDYuMTM3MDhMMTAuMzgyNCA4LjYxODkyQzEwLjMxNTYgOC42ODU4IDEwLjIwNjEgOC42ODU4IDEwLjEzOTIgOC42MTg5Mkw3LjY1NzQxIDYuMTM3MDhDNy41OTA1MyA2LjA3MDE5IDcuNDgxMDUgNi4wNzAxOSA3LjQxNDE3IDYuMTM3MDhMNi4xMzcwOCA3LjQxNDEyQzYuMDcwMTkgNy40ODEwMSA2LjA3MDE5IDcuNTkwNDggNi4xMzcwOCA3LjY1NzM2TDguNjE4OTIgMTAuMTM5MkM4LjY4NTggMTAuMjA2MSA4LjY4NTggMTAuMzE1NiA4LjYxODkyIDEwLjM4MjRMNi4xMzcwOCAxMi44NjQzQzYuMDcwMTkgMTIuOTMxMiA2LjA3MDE5IDEzLjA0MDYgNi4xMzcwOCAxMy4xMDc1TDcuNDE0MTIgMTQuMzg0NkM3LjQ4MTAxIDE0LjQ1MTUgNy41OTA0OCAxNC40NTE1IDcuNjU3MzYgMTQuMzg0NkwxMC4xMzkyIDExLjkwMjdDMTAuMjA2MSAxMS44MzU5IDEwLjMxNTYgMTEuODM1OSAxMC4zODI0IDExLjkwMjdMMTIuODY0MiAxNC4zODQ1QzEyLjkzMTEgMTQuNDUxNCAxMy4wNDA2IDE0LjQ1MTQgMTMuMTA3NSAxNC4zODQ1TDE0LjM4NDUgMTMuMTA3NUMxNC40NTE0IDEzLjA0MDYgMTQuNDUxNCAxMi45MzExIDE0LjM4NDUgMTIuODY0MkwxMS45MDI3IDEwLjM4MjRDMTEuODM1OSAxMC4zMTU2IDExLjgzNTkgMTAuMjA2MSAxMS45MDI3IDEwLjEzOTJMMTQuMzg0NSA3LjY1NzQxQzE0LjQ1MTQgNy41OTA1MyAxNC40NTE0IDcuNDgxMDUgMTQuMzg0NSA3LjQxNDE3TDEzLjEwNzUgNi4xMzcwOFoiIGZpbGw9IndoaXRlIi8+PC9zdmc+)
}

.file-upload {
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    border: 1px solid #aaa;
    align-items: center;
    padding: 8px
}

.file-upload__button {
    margin: 0 0 8px;
    flex: 0 0 auto
}

.file-upload__title {
    font-weight: 400;
    font-size: 13px;
    line-height: 130%;
    text-align: center;
    color: #a0a0a0;
    white-space: nowrap;
    max-width: 100%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.file-upload__input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    max-width: 100%;
    z-index: 1
}

@media screen and (min-width:576px) {
    .file-upload {
        flex-direction: row
    }

    .file-upload__button {
        margin: 0 8px 0 0
    }
}

table:not([class]) {
    border-collapse: collapse;
    width: 100%;
    position: relative;
    z-index: 5;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.4;
    box-shadow: 0px 0px 20px rgba(72, 95, 110, .16);
    border-radius: 6px;
    overflow: hidden;
    border: none
}

table:not([class]) th {
    background-color: #37a5f1;
    color: #fff;
    text-align: left;
    padding: 12px 20px;
    vertical-align: top
}

table:not([class]) td {
    background-color: #fff;
    padding: 12px 20px;
    border: none
}

table:not([class]) tr:not(:last-child) td {
    border-bottom: 1px dashed rgba(0, 0, 0, .1)
}

.map-block {
    position: relative;
    width: 100%;
    height: 400px;
    box-shadow: 0px 0px 20px rgba(72, 95, 110, .16);
    border-radius: 6px;
    overflow: hidden;
    margin: 24px 0
}

.map-block__frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media screen and (max-width:767px) {
    .map-block {
        max-height: 70vh
    }

    span.table-tariff__recomend {
        margin: -25px 0 0 -25px;
        width: 100px
    }
}

.grecaptcha-badge {
    display: none !important
}

/* End */


/* Start:/local/templates/roksis/css.min/tabs-block.css?1693383475902*/
.tabs-block {}

.tabs-block__nav {}

.tabs-block__nav .swiper-slide {
    width: auto;
}

.tabs-block__nav-link {
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #F5F5F5;
    border-radius: 3px;
    padding: 0 16px;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.3;
    color: #001E6D;
    cursor: pointer;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.tabs-block__nav .swiper-slide-thumb-active .tabs-block__nav-link {
    color: #fff;
    background: #1DA2FC;
}

.tabs-block__content {
    margin-top: 32px;
}

.tabs-block__content>.swiper-wrapper>.swiper-slide {
    opacity: 0;
    visibility: hidden;
}

.tabs-block__content>.swiper-wrapper>.swiper-slide-active {
    opacity: 1;
    visibility: visible;
}

.tabs-block_mt {
    padding-top: 40px;
}

/* End */


/* Start:/local/templates/roksis/css.min/components.css?170195747213815*/
.breadcrumb-block {
    padding: 16px 0
}

.breadcrumb-block__item {
    display: inline-block;
    font-size: 11px;
    color: rgba(51, 51, 51, .5);
    line-height: 1.38;
    position: relative
}

.breadcrumb-block__item:not(:last-child) {
    padding-right: 18px;
    margin-right: 13px
}

.breadcrumb-block__item:not(:last-child):after {
    content: "\e907";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%) rotate(-90deg);
    font-family: "roksis-icons";
    font-weight: 400;
    font-style: normal;
    font-size: 6px;
    line-height: 1
}

.breadcrumb-block__link {
    font-size: 11px;
    color: rgba(51, 51, 51, .5);
    line-height: 1.38;
    border-bottom: 1px solid rgba(51, 51, 51, .25)
}

.breadcrumb-block__link:hover {
    color: rgba(51, 51, 51, .5);
    border-color: transparent
}

@media screen and (max-width: 767px) {
    .breadcrumb-block {
        display: none
    }
}

.docs-list__item {
    font-size: 13px;
    line-height: 1.21;
    display: inline-block
}

.docs-list__figure {
    margin: 0
}

.docs-list__name {
    display: inline;
    color: #333;
    border-bottom: 1px solid rgba(51, 51, 51, .5);
    transition: color .3s ease, border-color .3s ease
}

.docs-list__helper {
    margin-top: 5px;
    line-height: 1.41;
    color: #707f88;
    font-size: 12px
}

.docs-list__item:hover .docs-list__name {
    color: #04a0ff;
    border-color: transparent
}

.link-box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 0 2px rgba(72, 95, 110, .3);
    border-radius: 6px;
    overflow: hidden;
    max-height: 180px;
    padding: 24px 32px;
}

.link-box--dark {
    background-color: #333;
}

.link-box--dark .link {
    color: #FFFFFF;
}

.link-box--dark .link-inner {
    transition: border-color .3s ease;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
}

.link {
    font-weight: 700;
    font-size: 20px;
    color: #333;
    line-height: 1.2;
    position: relative;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.link_email:before,
.link_callback:before,
.link_question:before {
    font-family: "roksis-icons";
    font-weight: 400;
    font-style: normal;
    font-size: 50px;
    line-height: 1;
    margin-right: 20px;
    color: #1da2fc;
}

.link_email:before {
    content: "\e904";
}

.link-inner {
    transition: border-color .3s ease;
    border-bottom: 1px solid rgba(51, 51, 51, .5);
}

.link:hover {
    color: #1da2fc;
}

.link:hover .link-inner {
    border-color: transparent;
}

@media screen and (max-width: 991px) {
    .link-box {
        margin: 24px 0;
    }
}

.read-also {
    display: grid;
    gap: 16px
}

.read-also__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 100%;
}

.articles-small {
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

.article-small {
    display: grid;
    place-content: start;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
    max-width: 280px
}

.articles-small.swiper-wrapper {
    flex-wrap: nowrap;
    gap: initial;
}

.article-small.swiper-slide {
    max-width: initial;
}

.article-small__cover {
    max-height: 170px
}

.article-small__cover img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    object-position: center;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.article-small__content {
    display: grid;
    gap: 8px;
    padding: 16px
}

.article-small__date {
    font-size: 13px;
    line-height: 150%;
    color: rgba(153, 153, 153, .6)
}

.article-small__title {
    font-size: 15px;
    line-height: 150%;
    color: #000;
}

.article-small__link {
    font-size: 13px;
    line-height: 150%;
    color: #009fe3
}

.ads-banners {
    display: flex;
    flex-wrap: wrap;
    gap: 32px
}

.ads-banner {
    flex: 1 1 280px;
    display: grid;
    align-content: space-between;
    gap: 8px;
    background: rgba(153, 153, 153, .1);
    box-shadow: 0 4px 4px 1px rgba(0, 0, 0, .1);
    max-width: 280px
}

.ads-banner:not(:last-child):nth-child(2n) {
    margin-bottom: 1700px
}

.ads-banner__cover picture,
.ads-banner__cover picture img {
    width: 100%;
    height: auto
}

.ads-banner__content {
    padding: 32px
}

.ads-banner__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 160%;
    margin-bottom: 24px
}

.ads-banner__subtitle {
    font-size: 22px;
    line-height: 120%;
    font-weight: 600;
    color: #1da2fc;
    margin-bottom: 20px
}

.ads-banner__subtitle [data-accent] {
    font-size: 24px;
    line-height: 120%;
    color: #ff7d04
}

.ads-banner__text {
    font-size: 15px;
    line-height: 140%
}

.ads-banner__text ul {
    padding-left: 16px
}

.ads-banner__text ul li::marker {
    color: #1da2fc
}

.ads-banner__button {
    font-size: 14px;
    line-height: 160%;
    font-weight: 700;
    color: #fff;
    background-color: #1da2fc;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    height: 54px;
    padding: 16px;
    box-shadow: none;
    margin-top: 46px
}

.authors {
    display: flex;
    flex-direction: row;
    gap: 16px;
    max-width: 500px
}

.authors__avatar {
    width: 90px;
    height: 90px;
    min-width: 90px
}

.authors__avatar img {
    width: auto;
    height: auto;
    object-fit: contain;
    object-position: center;
    margin: 0 auto
}

.authors__title {
    font-size: 16px;
    color: #1da2fc;
    margin-bottom: 12px
}

.authors__text {
    font-size: 16px;
    line-height: 20px
}

@media screen and (max-width: 479px) {
    .authors {
        flex-direction: column
    }
}

.one-review__wrapper {
    display: flex;
    gap: 54px;
    background: #e8f6ff;
    position: relative;
    padding: 20px 20px 20px 92px;
    border-radius: 6px
}

.one-review__wrapper:before {
    position: absolute;
    top: 22px;
    left: 20px;
    font-family: Arial;
    content: "\201C";
    font-size: 150px;
    line-height: .85
}

.one-review__wrapper:after {
    content: "";
    position: absolute;
    left: 45px;
    top: 100%;
    margin-top: -1px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 22px 23px 0 0;
    border-color: #e8f6ff transparent transparent
}

.one-review__info {
    margin-top: 32px
}

.one-review__text {
    font-size: 16px;
    line-height: 1.62
}

.one-review__signature {
    margin-top: 48px
}

.one-review__name {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.46;
    color: #2f383d
}

.one-review__post {
    font-size: 12px;
    line-height: 1.62;
    color: #9aa7af
}

.one-review__cover {
    max-width: 180px;
    min-width: 180px;
    margin: 32px 32px 32px 0
}

@media screen and (max-width: 767px) {
    .one-review__wrapper {
        flex-direction: column-reverse;
        gap: 0
    }

    .one-review__cover {
        display: none
    }
}

ul[data-marker=bullet],
ol[data-marker=count] {
    list-style-type: none;
    margin: 0 0 0 30px;
    padding: 20px 0 5px
}

ol[data-marker=count] {
    counter-reset: num
}

ul[data-marker=bullet] li,
ol[data-marker=count] li {
    position: relative;
    margin: 0;
    padding: 0 0 10px;
    line-height: 1.4
}

ol[data-marker=count] li:before {
    content: counter(num);
    counter-increment: num;
    display: inline-block;
    position: absolute;
    top: 0;
    left: -28px;
    width: 22px;
    height: 22px;
    color: #fc951d;
    text-align: center;
    line-height: 25px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 50%;
    background-image: url('data:image/svg+xml,<svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.47579 0.0185398C4.76123 0.538712 1.62223 3.11447 0.470058 6.48053C-0.683175 9.8486 0.33201 13.6675 3.0059 16.1369C5.67554 18.6022 9.76177 19.5039 13.2916 18.3099C16.7778 17.131 19.3912 14.2118 19.9051 10.7253C20.5189 6.55986 18.1222 2.36133 14.002 0.694363C13.4487 0.470427 12.8073 0.538712 12.476 1.07294C12.202 1.5168 12.3188 2.29003 12.8763 2.51597C15.7531 3.67983 17.7494 6.26061 17.7887 9.25813C17.8259 12.0789 16.147 14.6507 13.5252 15.933C10.9405 17.1973 7.6783 16.9201 5.31874 15.2502C3.03776 13.6364 1.81762 10.8086 2.3284 8.14046C2.94855 4.90395 5.66067 2.52802 9.0694 2.05103C9.66513 1.96768 9.99326 1.2547 9.84778 0.75361C9.67257 0.149085 9.07471 -0.0668167 8.47579 0.0175356V0.0185398Z" fill="%231DA2FC"/></svg>');
    background-repeat: no-repeat;
    background-position: left bottom
}

ul[data-marker=bullet] li:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 5px;
    left: -20px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center
}

ul[data-marker=bullet] li:nth-child(even):before {
    background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_44_452)"><path d="M11.3345 2.54952C13.4863 6.04513 10.0109 11.6863 6.83483 11.9874C3.03952 12.3488 -1.4937 5.19695 0.47233 2.11288C2.15713 -0.527017 9.13111 -1.0289 11.3345 2.54952Z" fill="%231DA2FC"/></g><defs><clipPath id="clip0_44_452"><rect width="12" height="12" fill="white" transform="matrix(-1 0 0 1 12 0)"/></clipPath></defs></svg>')
}

ul[data-marker=bullet] li:nth-child(odd):before {
    background-image: url('data:image/svg+xml,<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_44_454)"><path d="M0.665733 2.62135C-1.48606 6.21542 1.98932 12.0155 5.16541 12.3251C8.96072 12.6966 13.4939 5.34335 11.5279 2.17241C9.84311 -0.54184 2.86913 -1.05786 0.665733 2.62135Z" fill="%231DA2FC"/></g><defs><clipPath id="clip0_44_454"><rect width="12" height="12.338" fill="white"/></clipPath></defs></svg>')
}

ul[data-marker=bullet] li:nth-child(3n):before {
    background-image: url('data:image/svg+xml,<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_44_456)"><path d="M10.621 1.32334C6.72181 -0.207522 1.57292 4.17514 1.79032 7.35887C2.04856 11.1636 10.0477 14.4246 12.8518 11.9635C15.2517 9.85489 14.6127 2.89109 10.621 1.32334Z" fill="%231DA2FC"/></g><defs><clipPath id="clip0_44_456"><rect width="12" height="12.338" fill="white" transform="translate(13.0972 0.235352) rotate(80.526)"/></clipPath></defs></svg>')
}

q[data-marker=line] {
    position: relative;
    display: inline-block;
    padding-left: 20px
}

q[data-marker=line]:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 2px;
    height: 85%;
    background-color: #1da2fc;
    margin: auto
}

figure {
    margin: 1em 0
}

figcaption {
    font-size: 10px;
    font-style: italic;
    margin: 1em 0 0
}

.left-contacts__list,
.left-menu__list {
    display: grid;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.left-contacts__link,
.left-menu__link {
    display: flex;
    align-items: center;
    gap: 16px;
    height: 45px;
    border-radius: 10px;
    font-size: 14px;
    color: #000;
    padding: 4px 10px;
    transition: background-color 150ms linear, padding-left 150ms ease-in-out;
}

@media (min-width: 768px) {

    .left-contacts__link,
    .left-menu__link {
        font-size: 16px;
    }
}

.left-menu__link:hover {
    background-color: #fff;
    padding-left: 30px;
}

.left-contacts__link .icon-svg,
.left-menu__link .icon-svg {
    display: flex;
    align-items: center;
    flex-basis: 40px;
}

.left-contacts__link:hover .icon-svg svg path {
    fill: #02B4F0;
}

.toc-menu {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: transparent;
    padding: 28px 25px 28px 50px;
}

@media (min-width: 998px) {
    .toc-menu {
        background-color: #fff;
    }
}

.toc-menu__list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.toc-menu__list ul.toc-menu__list {
    padding-left: 38px;
}

.toc-menu__link {
    position: relative;
    font-size: 13px;
    line-height: 200%;
    color: #5F5F5F;
}

@media (min-width: 768px) {
    .toc-menu__link {
        font-size: 15px;
    }
}

.toc-menu__link:hover,
.toc-menu__link._active {
    display: flex;
    align-items: center;
    gap: 16px;
    color: #000;
}

.toc-menu__link:hover:before,
.toc-menu__link._active:before {
    content: ">";
    position: absolute;
    top: 0;
    left: -30px;
    font-size: 25px;
    font-weight: 700;
    color: #0098FF;
}

.slider-articles {
    position: relative;
    padding: 0 50px;
}

.slider-articles__nav {
    position: absolute;
    top: 60%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.slider-articles__nav-prev,
.slider-articles__nav-next {
    border: 0;
    background-color: transparent;
    cursor: pointer;
    transition: transform .2s linear;
}

.slider-articles__nav-prev:hover,
.slider-articles__nav-next:hover {
    transform: scale(110%);
}

/* End */


/* Start:/local/templates/roksis/css.min/forms.css?16933834102935*/
.form-block {
    position: relative
}

.form-block__content {
    transition: opacity .3s ease, visibility .3s ease
}

.form-block__content_hidden {
    opacity: 0;
    visibility: hidden
}

.form-block__result {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s ease, visibility .3s ease
}

.form-block__result-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    text-align: center
}

.form-block__result-title {
    text-align: center;
    font-size: 30px;
    line-height: 1.3;
    font-weight: 700;
    margin: 0 auto;
    position: relative
}

.form-block__result-text {
    text-align: center;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 400;
    margin: 24px auto 0
}

.form-block__result_active {
    visibility: visible;
    opacity: 1
}

.form-group {
    margin-bottom: 15px;
    position: relative
}

.form-group_lg {
    margin-bottom: 25px
}

.form-group_required>.form-label:after {
    content: " *";
    color: #f50057
}

.form-group_mt {
    margin-top: 16px
}

.form-label {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.1;
    color: #363636;
    margin: 0 0 8px;
    display: inline-block
}

.form-label__link {
    color: #12252c;
    border-bottom: 1px dotted #12252c00;
    transition: color .3s ease, border-color .3s ease;
    cursor: pointer
}

.form-label__link_active {
    color: #1da2fc;
    border-color: #1da2fc
}

.form-control {
    display: block;
    width: 100%;
    height: 40px;
    border: 1px solid #aaa;
    border-radius: 0;
    box-shadow: none;
    position: relative;
    color: #333;
    background: #fff;
    padding: 6px 12px;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.43;
    box-shadow: none;
    outline: none;
    transition: border-color .3s ease, background .3s ease, color .3s ease
}

.form-control:focus,
.form-control:active {
    border-color: #66afe9
}

.form-control_sm {
    height: 37px;
    padding: 4px 16px;
    font-size: 16px
}

.form-control_mb {
    margin-bottom: 8px
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background: #f2f2f2;
    cursor: not-allowed
}

.form-control[] textarea.form-control {
    min-height: 120px;
    resize: none;
    padding: 16px 20px
}

textarea.form-control_lg {
    min-height: 250px
}

.form-error {
    font-size: 11px;
    line-height: 1.2;
    color: #e02222;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 4px
}

.form-group[class*=col-] .form-error {
    left: 15px;
    right: 15px
}

.checkbox-primary {
    position: relative;
    padding-left: 16px
}

.checkbox-primary input {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    opacity: 0;
    visibility: hidden
}

.checkbox-primary label {
    position: relative;
    display: inline-block;
    align-items: center;
    margin: 0;
    font-weight: 400;
    font-size: 11px;
    color: #a2a2a2;
    line-height: 1.3;
    cursor: pointer;
    padding-left: 8px;
    min-height: 16px
}

.checkbox-primary label:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -16px;
    width: 14px;
    height: 14px;
    border: 1px solid #aaa;
    background: #fff;
    transition: background .3s ease, border-color .3s ease
}

.checkbox-primary label:after {
    content: "\e903";
    font-family: "roksis-icons";
    font-weight: 400;
    font-style: normal;
    font-size: 10px;
    line-height: 1;
    color: #1da2fc;
    position: absolute;
    top: 2px;
    left: -13px;
    opacity: 0;
    transition: opacity .3s ease
}

.checkbox-primary input:checked~label:after {
    opacity: 1
}

/* End */


/* Start:/local/templates/roksis/css.min/services-list.css?16933834583690*/
.services-list__item-wrapper {
    margin-bottom: 25px
}

.services-list__item {
    border: 4px solid #eee;
    position: relative;
    padding: 28px 20px 14px 160px
}

.services-list__img-wrapper {
    background-color: #1da2fc;
    width: 140px;
    top: -4px;
    left: -4px;
    bottom: -4px;
    position: absolute;
    overflow: hidden;
    box-shadow: 0 20px 16px -16px rgba(29, 162, 252, .5)
}

.services-list__img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 48px;
    max-height: 48px;
    z-index: 5;
    transition: transform .3s ease, top .3s ease
}

.services-list__img-bg {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, 0%);
    min-height: 70%;
    min-width: 160%;
    opacity: .15;
    z-index: 1;
    max-width: none
}

.services-list__content {
    position: relative;
    z-index: 3
}

.services-list__title {
    display: inline-block;
    font-size: 18px;
    line-height: 1.22;
    color: #333;
    font-weight: 700;
    position: relative;
    padding-bottom: 18px;
    margin-bottom: 24px;
    transition: color .3s ease
}

.services-list__title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 2px;
    background-color: #333;
    transition: opacity .3s ease, background-color .3s ease
}

.services-list__icon-wrapper {
    margin: 0 auto 24px;
    width: 210px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center
}

.services-list__icon-wrapper svg {
    width: auto;
    max-height: 100%
}

.services-list__name {
    font-size: 16px;
    color: #1da2fc;
    line-height: 1.75;
    border-bottom: 1px solid rgba(29, 162, 252, .2);
    display: inline;
    transition: border-color .3s ease
}

.services-list__desc {
    column-count: 2;
    column-gap: 15px
}

.services-list__link-wrapper {
    display: inline-block;
    width: 100%;
    margin-bottom: 14px
}

.services-list__link {
    font-size: 13px;
    line-height: 1.38;
    color: #666;
    border-bottom: 1px solid rgba(102, 102, 102, .2);
    transition: border-color .3s ease;
    text-decoration: none !important
}

.services-list__link:hover {
    border-color: transparent;
    color: #666
}

.services-list__img-inner {
    width: 85px;
    top: 0;
    left: 0;
    bottom: 0;
    position: absolute
}

.services-list__text-wrapper {
    transition: transform .3s ease;
    position: relative;
    margin-bottom: 10px
}

.services-list__text {
    color: #333;
    font-size: 13px;
    line-height: 1.53;
    transition: color .3s ease;
    overflow: hidden
}

.services-list_index .services-list__img-wrapper {
    width: 85px;
    transition: width .3s ease
}

.services-list_index .services-list__item {
    padding-left: 115px;
    margin-bottom: 0;
    height: 100%
}

.services-list_index .services-list__button {
    opacity: 0;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    margin-top: 11px;
    position: absolute;
    left: 0;
    top: 100%;
    transition: opacity .3s ease, background .3s ease
}

.services-list_index .services-list__item:hover .services-list__img-wrapper {
    width: calc(100% + 8px)
}

.services-list_index .services-list__item:hover .services-list__img {
    top: 34px;
    transform: translate(-50%, 0)
}

.services-list_index .services-list__item:hover .services-list__title {
    color: #fff
}

.services-list_index .services-list__item:hover .services-list__title:after {
    opacity: 0;
    background-color: #fff
}

.services-list_index .services-list__item:hover .services-list__text {
    color: #fff
}

.services-list_index .services-list__item:hover .services-list__text-wrapper {
    transform: translate(0, -33px)
}

.services-list_index .services-list__item:hover .services-list__button {
    opacity: 1
}

.services-list_index .services-list__row {
    display: flex;
    flex-wrap: wrap
}

.services-list_index .services-list__item-wrapper {
    float: none;
    margin-bottom: 30px
}

.services-list_other .services-list__item {
    padding: 30px 20px 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: border-color .3s ease, box-shadow .3s ease
}

.services-list_other .services-list__button {
    margin-top: 32px
}

.services-list_other .services-list__item:hover {
    border-color: #fff;
    box-shadow: 0 0 30px 0 rgba(0, 36, 60, .14)
}

.services-list_other .services-list__item:hover .services-list__name {
    border-color: transparent
}

/* End */


/* Start:/local/templates/roksis/css.min/reviews-block.css?1693383451821*/
.reviews-block__content {
    background: #e8f6ff;
    position: relative;
    padding: 20px 20px 20px 92px;
    border-radius: 6px
}

.reviews-block__content:before {
    position: absolute;
    top: 22px;
    left: 20px;
    font-family: Arial;
    content: "\201C";
    font-size: 150px;
    line-height: .85
}

.reviews-block__content:after {
    content: "";
    position: absolute;
    left: 45px;
    top: 100%;
    margin-top: -1px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 22px 23px 0 0;
    border-color: #e8f6ff transparent transparent
}

.reviews-block__docs {
    margin-top: 24px
}

.reviews-block__desc {
    margin-top: 10px;
    padding-left: 92px
}

.reviews-block__name {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.46;
    color: #2f383d
}

.reviews-block__helper {
    font-size: 12px;
    line-height: 1.62;
    color: #9aa7af
}

.reviews-block__all {
    margin-top: 30px
}

.reviews-block__item+.reviews-block__item {
    margin-top: 30px
}

.reviews-block_mb_md {
    margin-bottom: 48px
}

/* End */


/* Start:/local/templates/roksis/css.min/swiper.css?16933834648321*/
:root {
    --swiper-theme-color: #007aff
}

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

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

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

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

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

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

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

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

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

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

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

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

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

.swiper-centered>.swiper-wrapper:before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

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

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

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

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

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

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 40px;
    height: 30px;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    transition: color .3s ease
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    color: #1da2fc
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: "roksis-icons";
    font-size: 30px;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: '\e900'
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    transform: scale(-1, 1)
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-vertical>.swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

/* End */


/* Start:/local/templates/roksis/css.min/projects-block.css?16933834454066*/
.projects-block {
    position: relative
}

a.projects-block__button {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    border: 1px solid rgba(36, 47, 64, .2);
    border-radius: 3px;
    font-weight: 400;
    font-size: 14px;
    color: #333;
    padding: 0 20px;
    text-decoration: none !important
}

.projects-block__nav {
    display: flex;
    align-items: center
}

.projects-block__nav-inner {
    position: relative;
    display: flex;
    margin-left: 40px
}

.projects-block__nav-prev.swiper-button-prev,
.projects-block__nav-next.swiper-button-next {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    transform: none;
    width: 30px;
    height: 15px
}

.projects-block__nav-next.swiper-button-next {
    margin-left: 20px
}

.projects-block__nav-prev.swiper-button-prev:after,
.projects-block__nav-next.swiper-button-next:after {
    font-size: 24px
}

.projects-block__inner {
    display: flex;
    margin-top: 40px
}

.projects-block__desc {
    flex: 1 1 auto;
    max-width: calc(100% - 473px);
    position: relative;
    z-index: 5;
    padding-right: 50px
}

.projects-block__desc:before {
    content: "";
    position: absolute;
    top: -20px;
    left: -100vw;
    right: 0;
    bottom: -20px;
    background: #f5f5f5
}

.projects-block__desc .swiper-container {
    float: none
}

.projects-block__desc .swiper-slide {
    width: 100%;
    opacity: 0 !important;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease
}

.projects-block__desc .swiper-slide-active {
    opacity: 1 !important;
    visibility: visible
}

.projects-block__name {
    font-weight: 700;
    font-size: 40px;
    line-height: 1.22;
    color: #000;
    margin-bottom: 50px
}

.projects-block__text {
    font-weight: 700;
    font-size: 26px;
    line-height: 1.2;
    color: #1da2fc;
    margin-bottom: 20px
}

.projects-block__list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.64;
    color: #333
}

.projects-block__list li {
    position: relative;
    padding-left: 18px
}

.projects-block__list li:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #1da2fc
}

.projects-block__list li:not(:last-child) {
    margin-bottom: 15px
}

.projects-block__quote {
    margin-top: 50px
}

.projects-block__quote-text {
    padding: 30px 20px 20px;
    border-radius: 10px;
    background: #1da2fc;
    position: relative;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.62;
    max-width: 655px
}

.projects-block__quote-text:before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    width: 40px;
    height: 40px;
    background: url("/bitrix/templates/default/images/bg/icon-quote.svg") center center no-repeat;
    background-size: contain;
    opacity: .15;
    pointer-events: none
}

.projects-block__quote-name {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5;
    color: #000;
    margin-top: 15px
}

.projects-block__quote-info {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5;
    color: rgba(0, 0, 0, .5)
}

.projects-block__img-wrapper {
    flex: 0 0 423px;
    max-width: 423px
}

.projects-block__img-wrapper .swiper-container {
    float: none;
    height: 100%;
    overflow: visible
}

.projects-block__img-wrapper .swiper-slide {
    width: 100%;
    height: 0;
    padding-bottom: 127%;
    position: relative
}

.projects-block__img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-position: center center;
    object-fit: cover
}

.projects-block_mt {
    margin-top: 40px
}

@media screen and (max-width:1199px) {
    .projects-block__desc {
        max-width: calc(100% - 380px);
        padding-right: 30px
    }

    .projects-block__name {
        margin-bottom: 20px;
        font-size: 32px
    }

    .projects-block__quote {
        margin-top: 25px
    }

    .projects-block__img-wrapper {
        flex: 0 0 350px;
        max-width: 350px
    }
}

@media screen and (max-width:991px) {
    .projects-block__desc {
        max-width: calc(100% - 250px);
        padding-right: 20px
    }

    .projects-block__name {
        font-size: 28px
    }

    .projects-block__text {
        font-size: 20px
    }

    .projects-block__img-wrapper {
        flex: 0 0 250px;
        max-width: 250px
    }
}

@media screen and (max-width:767px) {
    .projects-block__nav {
        margin-top: 15px;
        flex: 0 0 100%;
        justify-content: space-between
    }

    .projects-block__inner {
        flex-wrap: wrap;
        flex-direction: column-reverse
    }

    .projects-block__desc {
        max-width: 100%;
        flex: 0 0 auto;
        padding-right: 0
    }

    .projects-block__desc:before {
        content: none;
        display: none
    }

    .projects-block__name {
        font-size: 22px
    }

    .projects-block__text {
        font-size: 18px
    }

    .projects-block__img-wrapper {
        flex: 0 0 auto;
        width: 400px;
        max-width: 100%;
        margin-bottom: 30px
    }

    .projects-block__img-wrapper .swiper-slide {
        opacity: .5
    }

    .projects-block__img-wrapper .swiper-slide-thumb-active {
        opacity: 1
    }
}

/* End */


/* Start:/local/templates/roksis/css.min/calculator-block.css?16933833704554*/
.calculator-block {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 40px -10px #cadbe7;
    padding: 30px
}

.calculator-block__inner {
    display: flex;
    flex-wrap: wrap;
    min-height: 370px
}

.calculator-block__left {
    flex: 0 0 50%;
    max-width: 50%
}

.calculator-block__right {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 72px
}

.calculator-form__group {
    padding-bottom: 25px;
    margin-bottom: 30px;
    border-bottom: 1px dashed rgba(0, 0, 0, .1);
    position: relative;
    min-height: 60px;
    padding-left: 90px
}

.calculator-form__group:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
    padding-left: 0
}

.calculator-form__icon {
    content: "";
    position: absolute;
    max-width: 60px;
    height: auto;
    top: 0;
    left: 0
}

.calculator-form__title {
    font-weight: 700;
    line-height: 1.37;
    font-size: 16px;
    color: #333
}

.calculator-slider__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px
}

.calculator-slider__input {
    width: 60px;
    height: 30px;
    border: 3px solid #eee;
    font-weight: 700;
    line-height: 17px;
    font-size: 12px;
    color: #363636;
    padding: 0 10px;
    text-align: center;
    margin-left: 15px
}

.calculator-slider__range {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    color: #ccc;
    line-height: 1.3;
    margin-top: 8px
}

.calculator-checkbox {
    position: relative;
    padding-left: 25px
}

.calculator-checkbox input {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 25px;
    height: 25px;
    opacity: 0;
    z-index: 1
}

.calculator-checkbox input:checked+label:after {
    opacity: 1
}

.calculator-checkbox input:checked+label .calculator-checkbox__title {
    color: #1da2fc
}

.calculator-checkbox label {
    position: relative;
    padding-left: 10px;
    padding-top: 4px;
    z-index: 5;
    cursor: pointer;
    margin: 0;
    font-weight: 700;
    line-height: 1.5;
    font-size: 14px;
    color: #333;
    display: inline-block
}

.calculator-checkbox label:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border: 3px solid #eee;
    left: -25px;
    top: 1px
}

.calculator-checkbox label:after {
    position: absolute;
    top: 9px;
    left: -17px;
    content: "\e903";
    font-family: "roksis-icons";
    font-weight: 400;
    font-style: normal;
    font-size: 11px;
    line-height: 1;
    color: #1da2fc;
    opacity: 0;
    transition: opacity .3s ease
}

.calculator-checkbox__title {
    font-weight: 700;
    line-height: 1.5;
    font-size: 14px;
    color: #333;
    transition: color .3s ease
}

.calculator-checkbox__price {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.1;
    color: #333
}

.calculator-checkbox__helper {
    font-family: "Open Sans";
    font-weight: 400;
    line-height: normal;
    font-size: 11px;
    color: rgba(51, 51, 51, .7)
}

.calculator-checkbox__group {
    display: flex;
    justify-content: space-between;
    margin-top: 20px
}

.calculator-checkbox_result {
    padding-left: 20px;
    opacity: .7;
    margin-bottom: 7px;
    display: inline-block
}

.calculator-checkbox_result label {
    padding-top: 1px;
    color: #fff
}

.calculator-checkbox_result label:before {
    width: 20px;
    height: 20px;
    border-color: #eee;
    left: -20px
}

.calculator-checkbox_result label:after {
    background: url("/bitrix/templates/default/images/icons/icon-checkbox-white.svg") no-repeat center center;
    left: -15px;
    top: 8px
}

.calculator-result {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 5;
    color: #fff
}

.calculator-result__bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    min-height: 140%;
    z-index: 1
}

.calculator-result__inner {
    text-align: center;
    position: relative;
    z-index: 5;
    padding-bottom: 30px;
    max-width: 355px
}

.calculator-result__title {
    font-weight: 700;
    line-height: 1.25;
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px
}

.calculator-result__price {
    font-weight: 700;
    line-height: 1.06;
    font-size: 30px;
    color: #fff;
    margin-bottom: 20px
}

.calculator-result__button {
    margin-bottom: 20px
}

.calculator-result__helper {
    font-weight: 400;
    line-height: normal;
    font-size: 11px;
    text-align: center;
    color: #fff;
    max-width: 70%;
    margin: 0 auto
}

@media (max-width:1309px) {
    .calculator-result__bg {
        height: 120%;
        min-height: 0
    }
}

@media (max-width:991px) {
    .calculator-block__left {
        flex: 0 0 100%;
        max-width: 100%
    }

    .calculator-block__right {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0
    }

    .calculator-result {
        padding-top: 70px;
        padding-bottom: 50px;
        margin-top: 30px
    }

    .calculator-result:before {
        top: 0;
        bottom: -30px;
        left: 0;
        right: -20px
    }

    .calculator-result__bg {
        height: 110%
    }
}

@media (max-width:549px) {
    .calculator-result {
        padding-top: 80px;
        padding-bottom: 80px;
        margin-top: 0
    }

    .calculator-result:before {
        top: 0;
        left: -35px;
        right: -35px;
        bottom: -60px;
        background-size: auto 100% !important
    }

    .calculator-result__inner {
        padding-bottom: 0
    }

    .calculator-checkbox__group {
        flex-wrap: wrap
    }

    .calculator-checkbox__group .calculator-checkbox {
        flex: 0 0 100%;
        margin-bottom: 24px
    }
}

@media (max-width:479px) {
    .calculator-block {
        padding: 20px;
        overflow: hidden
    }

    .calculator-form__group_icon_net,
    .calculator-form__group_icon_server {
        padding-left: 60px
    }

    .calculator-form__icon {
        max-width: 40px;
        margin-top: 5px
    }
}

/* End */


/* Start:/local/templates/roksis/css.min/nouislider.css?16933834393828*/
.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-target {
    position: relative
}

.noUi-base,
.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connects {
    overflow: hidden;
    z-index: 0
}

.noUi-connect,
.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    transform-style: flat
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto
}

.noUi-vertical .noUi-origin {
    top: -100%;
    width: 0
}

.noUi-horizontal .noUi-origin {
    height: 0
}

.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute
}

.noUi-touch-area {
    height: 100%;
    width: 100%
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    -webkit-transition: transform .3s;
    transition: transform .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-horizontal {
    height: 6px
}

.noUi-horizontal .noUi-handle {
    width: 20px;
    height: 20px;
    right: -10px;
    top: -6px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    right: -6px;
    bottom: -17px
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto
}

.noUi-target {
    background: #eee;
    border-radius: 10px
}

.noUi-connects {
    border-radius: 10px
}

.noUi-connect {
    background: #03a0ff
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    border: 3px solid #03a0ff;
    border-radius: 50%;
    background: #fff;
    cursor: pointer
}

.noUi-handle:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #03a0ff
}

[disabled] .noUi-connect {
    background: #b8b8b8
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
    cursor: not-allowed
}

.noUi-pips,
.noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    color: #999
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #ccc
}

.noUi-marker-sub {
    background: #aaa
}

.noUi-marker-large {
    background: #aaa
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-left: 25px
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%)
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%
}

.noUi-horizontal .noUi-origin>.noUi-tooltip {
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
    left: auto;
    bottom: 10px
}

.noUi-vertical .noUi-origin>.noUi-tooltip {
    -webkit-transform: translate(0, -18px);
    transform: translate(0, -18px);
    top: auto;
    right: 28px
}

/* End */


/* Start:/local/templates/roksis/css.min/text-block-with-animation.css?17022240321311*/
.sliding-wrap {
    overflow: hidden;
    height: 650px;
    display: flex;
    position: relative;
}

.sliding-wrap:before {
    content: '';
    position: absolute;
    box-shadow: 0 100px 57px -38px rgba(255, 255, 255, 1) inset;
    width: 100%;
    max-width: 680px;
    height: 100%;
    z-index: 1;
}

.sliding-wrap:after {
    content: '';
    position: absolute;
    box-shadow: 0 -100px 57px -38px rgba(255, 255, 255, 1) inset;
    width: 100%;
    max-width: 680px;
    height: 100%;
    z-index: 1;
}

.sliding-background {
    --topImageHeight: 1570px;
    --bottomImageHeight: 1770px;
    width: 50%;
    background-position: 0 0;
    background-repeat: repeat !important;
    max-width: 340px;
    background-size: contain;
}

.sliding-background--top {
    animation: slide-top 25s linear infinite;
    height: calc(var(--topImageHeight) * 2);
}

.sliding-background--bottom {
    animation: slide-bottom 25s linear infinite;
    height: calc(var(--bottomImageHeight) * 2);
}

@keyframes slide-top {
    from {
        transform: translateY(0px);
    }

    to {
        transform: translateY(calc(var(--topImageHeight) * -1));
    }
}

@keyframes slide-bottom {
    0% {
        transform: translateY(calc(var(--bottomImageHeight) * -1));
    }

    100% {
        transform: translateY(0%);
    }
}

/* End */


/* Start:/local/templates/roksis/css.min/footer.css?16933834042859*/
#page-frame__footer {
    padding-bottom: 0;
    background: #fff
}

.footer-top {
    background-color: #333
}

.footer-top__inner {
    display: flex;
    padding: 35px 0;
    justify-content: space-between;
    align-items: center
}

.footer-info {
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 35px 0
}

.footer-info__item {
    text-align: center
}

.footer-info__item:not(:last-child) {
    margin-bottom: 16px
}

.footer-info__phone {
    font-weight: 700;
    font-size: 30px;
    line-height: 1.23;
    color: #fff;
    white-space: nowrap
}

.footer-info__phone:hover {
    color: #1da2fc
}

.footer-info__link {
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    line-height: 1.2;
    position: relative;
    display: inline-flex;
    align-items: center
}

.footer-info__link-inner {
    transition: border-color .3s ease;
    border-bottom: 1px solid rgba(255, 255, 255, .5)
}

.footer-info__link_email:before,
.footer-info__link_callback:before,
.footer-info__link_question:before {
    font-family: "roksis-icons";
    font-weight: 400;
    font-style: normal;
    font-size: 50px;
    line-height: 1;
    margin-right: 20px;
    color: #1da2fc
}

.footer-info__link_email:before {
    content: "\e904"
}

.footer-info__link_callback:before {
    content: "\e902"
}

.footer-info__link_question:before {
    content: "\e906"
}

.footer-info__link:hover {
    color: #1da2fc
}

.footer-info__link:hover .footer-info__link-inner {
    border-color: transparent
}

.footer-info__helper {
    font-size: 13px;
    line-height: 1.5;
    margin-top: 3px;
    color: #fff
}

.footer-phone {
    color: #fff
}

.footer-phone__number {
    font-weight: 800;
    font-size: 30px;
    line-height: 1.23;
    color: #fff;
    white-space: nowrap
}

.footer-phone__number:hover,
.footer-phone__number:focus {
    color: #1da2fc
}

.footer-phone__helper {
    font-size: 13px;
    line-height: 1.5;
    margin-top: 3px
}

.footer-bottom {
    background-color: #ecf0f2;
    padding-top: 20px;
    padding-bottom: 20px
}

.footer-nav {
    display: flex;
    margin-bottom: 50px;
    justify-content: space-between
}

.footer-nav__list_contacts {
    max-width: 215px;
    margin: 0 auto;
    text-align: center
}

.footer-nav__title {
    font-weight: 700;
    font-size: 20px;
    color: #333;
    line-height: 1.1;
    border-bottom: 1px solid rgba(51, 51, 51, .2)
}

.footer-nav__title-wrapper {
    margin-bottom: 30px
}

.footer-nav__item,
.footer-nav__item a.header-phone__number {
    font-size: 13px;
    line-height: 1.4;
    color: #333;
    margin-bottom: 15px
}

.footer-nav__link {
    font-size: 13px;
    line-height: 1.4;
    color: #333;
    border-bottom: 1px solid rgba(51, 51, 51, .2)
}

.footer-nav__link:hover {
    color: #1da2fc;
    border-color: transparent
}

.footer-nav__link:focus {
    color: #333
}

.footer-copyright {
    opacity: .5;
    font-size: 12px;
    line-height: 1.41;
    text-align: center
}

@media screen and (min-width:768px) {
    .footer-bottom {
        padding-top: 60px
    }

    .footer-nav__list_contacts {
        margin: 0;
        text-align: left
    }

    .footer-copyright {
        text-align: left
    }
}

@media screen and (min-width:992px) {
    .footer-info {
        justify-content: space-between;
        flex-direction: row
    }

    .footer-info__item:nth-child(n) {
        margin-bottom: 0;
        text-align: left
    }

    .footer-info__phone {
        font-size: 28px
    }

    .footer-info__link {
        font-size: 17px
    }
}

@media screen and (min-width:1310px) {
    .footer-info__phone {
        font-size: 30px
    }

    .footer-info__link {
        font-size: 20px
    }
}

/* End */


/* Start:/local/templates/roksis/css.min/modal.css?16933834311795*/
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: scroll
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 16px;
    max-width: 100%
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (16px*2))
}

.modal-dialog-centered:before {
    display: block;
    height: calc(100vh - (16px*2));
    content: ""
}

.modal-dialog-scrollable {
    height: calc(100% - 32px)
}

.modal-dialog-scrollable .modal-scrollbar {
    flex: 1 1 auto
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    background-clip: padding-box;
    outline: 0;
    height: 100%;
    background: #fff;
    border-radius: 10px
}

.modal-header {
    padding: 20px;
    border-radius: 10px 10px 0 0;
    background: #1da2fc
}

.modal-title {
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 1.15
}

.modal-body {
    padding: 20px
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: rgba(0, 0, 0, .6);
    display: none
}

.modal-close {
    position: absolute;
    top: 14px;
    right: 10px;
    width: 32px;
    height: 32px;
    z-index: 200;
    cursor: pointer;
    transition: color .3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

.modal-close:before {
    content: "\e90b";
    font-family: "roksis-icons";
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 1
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media screen and (min-width:768px) {
    .modal .modal-dialog {
        max-width: 956px;
        margin: 16px auto
    }

    .modal .modal-dialog_md {
        max-width: 600px
    }

    .modal-header {
        padding: 40px
    }

    .modal-close {
        top: 20px;
        right: 15px
    }

    .modal-close:before {
        font-size: 20px
    }

    .modal-title {
        font-size: 26px
    }

    .modal-body {
        padding: 32px 60px
    }
}

/* End */


/* Start:/local/templates/roksis/template_styles.css?170913514988*/
.static-containers textarea {
    cursor: text !important;
}

.form-text {
    display: none;
}

/* End */
/* /local/templates/roksis/css.min/fonts.css?16958882936273 */
/* /local/templates/roksis/css.min/normalize.min.css?16800855001846 */
/* /local/templates/roksis/css.min/grid.min.css?16800855008751 */
/* /local/templates/roksis/css.min/common.css?17006804976898 */
/* /local/templates/roksis/css.min/icons.css?16933834187698 */
/* /local/templates/roksis/styles_common.min.css?169338333636519 */
/* /local/templates/roksis/css.min/tabs-block.css?1693383475902 */
/* /local/templates/roksis/css.min/components.css?170195747213815 */
/* /local/templates/roksis/css.min/forms.css?16933834102935 */
/* /local/templates/roksis/css.min/services-list.css?16933834583690 */
/* /local/templates/roksis/css.min/reviews-block.css?1693383451821 */
/* /local/templates/roksis/css.min/swiper.css?16933834648321 */
/* /local/templates/roksis/css.min/projects-block.css?16933834454066 */
/* /local/templates/roksis/css.min/calculator-block.css?16933833704554 */
/* /local/templates/roksis/css.min/nouislider.css?16933834393828 */
/* /local/templates/roksis/css.min/text-block-with-animation.css?17022240321311 */
/* /local/templates/roksis/css.min/footer.css?16933834042859 */
/* /local/templates/roksis/css.min/modal.css?16933834311795 */
/* /local/templates/roksis/template_styles.css?170913514988 */