@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    margin: 0;
    font-family: "Ubuntu-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 18px;
    line-height: 1.44;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    visibility: visible !important
}

main {
    display: block
}

h1, h2, h3, h4, h5, h6 {
    margin: 1em 0;
    font-family: "Arsenal-Regular";
    line-height: 1;
    font-weight: 400
}

.cases-unit__text ul li:first-child, .editor li:first-child, .editor p:first-child, .editor table:first-child, .editor_second ul li:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child {
    margin-top: 0
}

.editor ol:last-child, .editor p:last-child, .editor table:last-child, .editor ul:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child {
    margin-bottom: 0
}

h1 {
    font-size: 58px
}

h2 {
    font-size: 50px
}

h3 {
    font-size: 42px
}

h4 {
    font-size: 34px
}

h5 {
    font-size: 26px
}

h6 {
    font-size: 20px
}

ol, ul {
    margin: 0;
    padding: 0
}

li {
    list-style-type: none
}

blockquote, p {
    margin: 1em 0
}

b, strong {
    font-weight: 400;
    font-family: "Ubuntu-Bold"
}

blockquote {
    position: relative;
    padding-left: 72px;
    font-size: 18px;
    line-height: 1.44
}

blockquote:before {
    content: "";
    position: absolute;
    top: -7px;
    left: 12px;
    width: 34px;
    height: 27px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 34 27' xmlns='http://www.w3.org/2000/svg' fill='%23ffda10'%3E%3Cpath d='m33.559 2.2373c-4.0657 2.264-6.619 4.7681-7.6632 7.5122-0.84645 2.2307-0.56893 4.0679 2.1751 4.3646 3.3407 0.36344 5.9286 3.0909 5.9286 6.3986 0 2.9576-2.071 5.4483-4.8914 6.2019-5.9217 1.5638-10.588-3.5544-10.688-9.1394-0.13529-7.7823 4.2739-13.634 12.811-17.575zm-18.417 0c-4.0657 2.264-6.619 4.7681-7.6632 7.5122-0.84645 2.2307-0.56893 4.0712 2.1751 4.3646 3.3407 0.36344 5.9286 3.0909 5.9286 6.3986 0 2.9576-2.071 5.4483-4.8948 6.2019-5.9217 1.5638-10.588-3.5544-10.685-9.1394-0.13876-7.7823 4.2704-13.634 12.811-17.575z' stroke-width='.03401'/%3E%3C/svg%3E%0A")
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    border: 0;
    background-color: transparent;
    outline: 0
}

input[type=number], input[type=text], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

button {
    display: inline-block;
    padding: 0;
    cursor: pointer
}

button::-moz-focus-inner {
    border: 0
}

a {
    outline: 0
}

fieldset, img {
    border: 0
}

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

figure {
    margin: 0
}

address {
    font-style: normal;
    text-align: left
}

.trans-off, .trans-off * {
    -webkit-transition: none !important;
    -o-transition: none !important;
    -moz-transition: none !important;
    transition: none !important
}

.no-scroll {
    position: fixed !important;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: auto
}

.owl-carousel.owl-theme .owl-nav {
    position: absolute;
    top: -4px;
    right: 0;
    margin: 0
}

.owl-carousel.owl-theme .owl-nav [class*=owl-] {
    width: 34px;
    height: 34px;
    margin: 0 0 0 18px;
    border: 1px solid #3479c1;
    text-align: center;
    font-size: 0;
    line-height: 0;
    fill: #3479c1;
    background-color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.owl-carousel.owl-theme .owl-nav [class*=owl-]:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.owl-carousel.owl-theme .owl-nav [class*=owl-]:first-child {
    margin-left: 0
}

.owl-carousel.owl-theme .owl-nav [class*=owl-]:not(.disabled):hover {
    fill: #fff;
    background-color: #3479c1
}

.owl-carousel.owl-theme .owl-nav [class*=owl-] svg {
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px
}

.owl-carousel .owl-nav button.owl-prev {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fancybox-close-small {
    width: 32px;
    height: 32px;
    fill: #919191;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.fancybox-close-small:hover {
    fill: #000
}

.fancybox-close-small:after {
    display: none
}

[class*=icon-] {
    background-repeat: no-repeat;
    background-position: center center
}

.icon-fb {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 18' xmlns='http://www.w3.org/2000/svg' fill='%23ffffff'%3E%3Cpath d='m9.3447 10.125 0.51856-3.2576h-3.2423v-2.1139c0-0.89121 0.45292-1.7599 1.905-1.7599h1.474v-2.7735s-1.3376-0.22008-2.6165-0.22008c-2.6701 0-4.4154 1.5602-4.4154 4.3847v2.4827h-2.9681v3.2576h2.9681v7.875h3.6529v-7.875z' stroke-width='.035806'/%3E%3C/svg%3E%0A");
    -webkit-background-size: 10px 18px;
    -moz-background-size: 10px 18px;
    background-size: 10px 18px
}

.icon-vk {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 19 11' xmlns='http://www.w3.org/2000/svg' fill='%23ffffff'%3E%3Cpath d='m18.567 0.746c0.13049-0.4297 0-0.746-0.62786-0.746h-2.0775c-0.52906 0-0.77245 0.2716-0.90294 0.5741 0 0-1.0582 2.5128-2.5537 4.1422-0.48321 0.4709-0.7054 0.6222-0.96996 0.6222-0.13049 0-0.33155-0.1513-0.33155-0.581v-4.0115c0-0.5157-0.14814-0.746-0.58552-0.746h-3.2662c-0.33152 0-0.52906 0.2406-0.52906 0.4641 0 0.4881 0.74774 0.6015 0.82537 1.9765v2.9838c0 0.6531-0.11994 0.7734-0.38447 0.7734-0.70543 0-2.4196-2.5231-3.4355-5.4106-0.2046-0.5603-0.40563-0.7872-0.93821-0.7872h-2.0775c-0.59258 0-0.71249 0.2716-0.71249 0.5741 0 0.5362 0.70543 3.2003 3.2838 6.7203 1.7177 2.4028 4.1373 3.7056 6.3383 3.7056 1.3227 0 1.4849-0.2887 1.4849-0.7872 0-2.2962-0.11991-2.5128 0.54319-2.5128 0.30686 0 0.83592 0.1513 2.0704 1.3097 1.4109 1.375 1.6437 1.9903 2.4338 1.9903h2.0775c0.59257 0 0.89236-0.2887 0.71954-0.8594-0.39505-1.1997-3.0651-3.6678-3.185-3.8328-0.30686-0.385-0.21868-0.5569 0-0.9006 3e-3 0 2.5396-3.4822 2.8006-4.6612z' stroke-width='.03482'/%3E%3C/svg%3E");
    -webkit-background-size: 19px 11px;
    -moz-background-size: 19px 11px;
    background-size: 19px 11px
}

.icon-tw {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg' fill='%23ffffff'%3E%3Cpath d='m14.355 3.2399c0.0102 0.14216 0.0102 0.28437 0.0102 0.42655 0 4.3367-3.2993 9.3336-9.3299 9.3336-1.8578 0-3.5837-0.53829-5.0355-1.4726 0.26396 0.0304 0.51775 0.0406 0.79186 0.0406 1.533 0 2.9442-0.51794 4.0711-1.4015-1.4416-0.0305-2.6498-0.97501-3.066-2.275 0.20306 0.0305 0.40607 0.0508 0.6193 0.0508 0.2944 0 0.58885-0.0406 0.86293-0.11171-1.5025-0.30469-2.6294-1.625-2.6294-3.2194v-0.0406c0.43653 0.24376 0.94418 0.39608 1.4822 0.41637-0.88325-0.58906-1.4619-1.5945-1.4619-2.732 0-0.60936 0.1624-1.1679 0.44669-1.6554 1.6142 1.9906 4.0407 3.2906 6.7613 3.4327-0.0507-0.24376-0.0812-0.49765-0.0812-0.75154 0-1.8078 1.4619-3.2805 3.2792-3.2805 0.94415 0 1.7969 0.3961 2.3959 1.0359 0.74109-0.14219 1.4518-0.41643 2.0812-0.79218-0.24369 0.76172-0.76143 1.4016-1.4416 1.8078 0.65989-0.071 1.2995-0.25389 1.8883-0.50779-0.44661 0.64997-1.005 1.2288-1.6446 1.6961z' stroke-width='.031255'/%3E%3C/svg%3E");
    -webkit-background-size: 16px 13px;
    -moz-background-size: 16px 13px;
    background-size: 16px 13px
}

.icon-gp {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 21 13' xmlns='http://www.w3.org/2000/svg' fill='%23ffffff'%3E%3Cpath d='m12.758 5.5691c0.06268 0.32811 0.10742 0.65621 0.10742 1.0818 0 3.7155-2.5158 6.3491-6.3028 6.3491-3.6258 0-6.5624-2.9085-6.5624-6.4999 0-3.5914 2.9366-6.4999 6.5624-6.4999 1.7727 0 3.2498 0.63846 4.3957 1.7026l-1.7816 1.6937c-0.48347-0.46111-1.3339-1.002-2.6142-1.002-2.2382 0-4.0645 1.8356-4.0645 4.1058s1.8264 4.1058 4.0645 4.1058c2.5963 0 3.5721-1.8533 3.7242-2.8022h-3.7242v-2.2347h6.1954zm6.337 0.21791v-1.8868h-1.9141v1.8868h-1.9049v1.8958h1.9049v1.8868h1.9141v-1.8868h1.9049v-1.8958z' stroke-width='.034017'/%3E%3C/svg%3E%0A");
    -webkit-background-size: 21px 13px;
    -moz-background-size: 21px 13px;
    background-size: 21px 13px
}

.wrapper {
    position: relative;
    width: 100%;
    min-width: 320px;
    overflow: hidden;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important
}

.container {
    position: relative;
    max-width: 1680px;
    padding: 0 40px;
    margin: 0 auto
}

.hidden {
    display: none
}

.field {
    width: 100%;
    height: 62px;
    padding: 0 6px;
    font-size: 16px;
    line-height: 61px;
    color: #fff;
    background-color: transparent;
    border-bottom: 1px solid #9abfe0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.field[type=number] {
    padding-right: 0
}

.field::-webkit-input-placeholder {
    color: #fff;
    -webkit-transition: .2s;
    transition: .2s
}

.field::-moz-placeholder {
    color: #fff;
    -moz-transition: .2s;
    transition: .2s
}

.field::-ms-clear {
    display: none
}

.field::-ms-reveal {
    display: none
}

.field:-ms-input-placeholder {
    color: #fff;
    -ms-transition: .2s;
    transition: .2s
}

.field:-moz-submit-invalid {
    -moz-box-shadow: none;
    box-shadow: none
}

.field:-moz-ui-invalid {
    -moz-box-shadow: none;
    box-shadow: none
}

.field:focus {
    border-color: #fff
}

.field:focus::-webkit-input-placeholder {
    color: transparent
}

.field:focus::-moz-placeholder {
    color: transparent
}

.field:focus:-ms-input-placeholder {
    color: transparent
}

.field_textarea {
    min-width: 100%;
    max-width: 100%;
    min-height: 136px;
    padding-top: 12px;
    padding-bottom: 12px;
    line-height: 1.4
}

.select {
    display: block;
    width: 100%;
    padding: 5px 0;
    line-height: 1;
    color: #fff;
    border-bottom: 1px solid;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='7.498' width='12.995'%3E%3Cg transform='translate(766.5 -380.04)'%3E%3Cpath fill-rule='evenodd' fill='%23fff' clip-rule='evenodd' d='m-753.5 381.04-1-1-5.497 5.498-5.498-5.498-1 1 6.498 6.498z'/%3E%3C/g%3E%3C/svg%3E");
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.select::-ms-expand {
    display: none
}

.select:focus::-ms-value {
    background: 0 0
}

.select option {
    padding: 5px;
    color: #000
}

.button {
    display: inline-block;
    vertical-align: middle;
    min-width: 256px;
    height: 52px;
    padding: 0 16px;
    font-family: "Ubuntu-Regular";
    font-size: 18px;
    line-height: 50px;
    color: #3479c1;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background-color: transparent;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.button:hover, .button_prime {
    color: #000;
    background-color: #fb74a0
}

.button:hover {
    border-color: #fb74a0
}

.button:active {
    -webkit-box-shadow: 0 0 0 3px rgba(201, 168, 12, .3);
    -moz-box-shadow: 0 0 0 3px rgba(201, 168, 12, .3);
    box-shadow: 0 0 0 3px rgba(201, 168, 12, .3)
}

.button_prime {
    line-height: 52px;
    border: 0
}

.button_prime:hover {
    background-color: #ffca10
}

.button_second {
    color: #fff;
    border-color: #fff
}

.parallax {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    -webkit-transform-style: flat !important;
    -moz-transform-style: flat !important;
    transform-style: flat !important
}

.editor .gallery img, .object-fit-cover {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover
}

.breadcrumbs a, .editor td {
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.breadcrumbs a {
    display: inline-block;
    color: #000;
    border-bottom: 1px solid
}

.breadcrumbs .delimiter {
    display: inline-block;
    width: 14px;
    height: 1px;
    background-color: #818181;
    vertical-align: middle;
    margin: 0 10px
}

.breadcrumbs a:hover {
    border-color: transparent
}

.breadcrumbs .breadcrumb_last, .breadcrumbs a {
    font-size: 14px;
    line-height: 1.2;
    text-decoration: none
}

.breadcrumbs .breadcrumb_last {
    color: #818181;
    border-color: transparent
}

.single-promotions .editor {
    margin-bottom: 60px
}

.single-promotions .blog-post__author {
    font-size: 20px;
    text-align: center;
    line-height: normal
}

.single-promotions .wp-block-image {
    height: 350px
}

.editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6 {
    margin: .6em 0
}

.editor p {
    margin: 1.3em 0
}

.editor .wp-block-image, .editor ol, .editor table, .editor ul {
    margin: 2em 0
}

.editor li {
    position: relative;
    padding-left: 24px;
    margin-top: 8px
}

.editor ol {
    counter-reset: number_li
}

.editor ol li:before {
    position: absolute;
    top: 0;
    left: 0;
    counter-increment: number_li;
    content: counters(number_li, ".") ". ";
    font-family: "Ubuntu-Bold";
    color: #3479c1
}

.editor ul li:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 4px;
    height: 4px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 5px solid #3479c1
}

.editor table {
    width: 100%;
    border-collapse: collapse
}

.editor td {
    padding: 4.6px 14px;
    background-color: #fff;
    -moz-transition: .2s
}

.editor thead {
    font-family: "Ubuntu-Regular"
}

.editor thead td {
    border-bottom: 2px solid #3479c1
}

.editor tbody td {
    border-bottom: 1px solid #d3d3d3
}

.editor tbody tr:hover td {
    background-color: #eaf3fd
}

.editor .gallery {
    max-width: none;
    padding-top: 52px;
    margin: 1em 0
}

.editor .gallery:not(.owl-loaded) {
    display: block;
    font-size: 0;
    line-height: 0;
    white-space: nowrap;
    overflow: hidden
}

.editor .gallery-item {
    padding: 0;
    margin: 0;
    height: 186px
}

.editor .gallery-item:before {
    display: none
}

.editor .gallery:not(.owl-loaded) .gallery-item {
    display: inline-block;
    width: -webkit-calc((100% - 60px) / 5);
    width: -moz-calc((100% - 60px) / 5);
    width: calc((100% - 60px) / 5);
    margin-right: 15px
}

.editor .gallery-item .gallery-icon {
    height: 100%
}

.editor__table-wrapper {
    width: 100%;
    overflow: auto
}

.editor_second ul li {
    position: relative;
    padding-left: 30px;
    margin-top: 10px
}

.editor_second ul li:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='%23367ABE' d='M10 1c4.963 0 9 4.037 9 9s-4.037 9-9 9-9-4.037-9-9 4.037-9 9-9m0-1C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0z'/%3E%3Cpath fill='none' stroke='%23367ABE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M5.167 11l3.5 3.583 5.75-8.25'/%3E%3C/svg%3E");
    border: 0
}

.editor a, .link {
    display: inline;
    text-decoration: none;
    line-height: 1;
    color: #3479c1;
    font-style: normal;
    border-bottom: 1px solid;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.editor a:hover, .link:hover {
    border-color: transparent
}

.title {
    max-width: 920px;
    margin: 12px 0 22px;
    font-family: "Arsenal-Bold";
    font-size: 80px
}

.to-up {
    position: fixed;
    z-index: 4;
    bottom: 40px;
    right: 40px;
    width: 72px;
    height: 72px;
    text-align: center;
    background-color: #fb74a0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 18px rgba(113, 113, 113, .18);
    -moz-box-shadow: 0 0 18px rgba(113, 113, 113, .18);
    box-shadow: 0 0 18px rgba(113, 113, 113, .18);
    opacity: 0;
    -webkit-transform: scale(.9) translateY(20px);
    -moz-transform: scale(.9) translateY(20px);
    -ms-transform: scale(.9) translateY(20px);
    -o-transform: scale(.9) translateY(20px);
    transform: scale(.9) translateY(20px);
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    -o-transition: opacity .2s, -o-transform .2s;
    -moz-transition: transform .2s, opacity .2s, -moz-transform .2s;
    transition: transform .2s, opacity .2s;
    transition: transform .2s, opacity .2s, -webkit-transform .2s, -moz-transform .2s, -o-transform .2s
}

.to-up:hover {
    background-color: #ffca10;
    -webkit-box-shadow: 0 0 18px rgba(113, 113, 113, .4);
    -moz-box-shadow: 0 0 18px rgba(113, 113, 113, .4);
    box-shadow: 0 0 18px rgba(113, 113, 113, .4)
}

.to-up_active {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    -o-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}

.to-up__icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: 2px
}

.callback {
    position: relative;
    z-index: 3;
    padding: 28px 0 52px;
    color: #fff
}

.callback:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0198d0;
    background: -webkit-gradient(linear, left top, right top, from(#0198d0), to(#4776bc));
    background: -webkit-linear-gradient(left, #0198d0, #4776bc);
    background: -moz-linear-gradient(left, #0198d0, #4776bc);
    background: -o-linear-gradient(left, #0198d0, #4776bc);
    background: linear-gradient(to right, #0198d0, #4776bc)
}

.callback__bg {
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: -webkit-calc((100% - 1680px) / 2 + 16px);
    left: -moz-calc((100% - 1680px) / 2 + 16px);
    left: calc((100% - 1680px) / 2 + 16px)
}

.callback__circle1 {
    position: absolute;
    z-index: -2;
    top: -152px;
    left: -webkit-calc((100% - 1680px) / 2 + 158px);
    left: -moz-calc((100% - 1680px) / 2 + 158px);
    left: calc((100% - 1680px) / 2 + 158px);
    width: 202px;
    height: 202px
}

.callback__circle1-unit {
    width: 100%;
    height: 100%;
    border: 56px solid #fb74a0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.callback__circle2 {
    position: absolute;
    z-index: -3;
    top: -80px;
    left: -webkit-calc((100% - 1680px) / 2 + 266px);
    left: -moz-calc((100% - 1680px) / 2 + 266px);
    left: calc((100% - 1680px) / 2 + 266px);
    width: 162px;
    height: 162px
}

.callback__circle2-unit {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden
}

.callback__circle3 {
    position: absolute;
    bottom: -146px;
    left: -126px;
    width: 202px;
    height: 202px
}

.callback__circle3-unit {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 74px solid #3479c1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.callback__row {
    font-size: 0;
    line-height: 0;
    margin: 0 -40px
}

.callback__col1, .callback__col2 {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    line-height: 1.44;
    padding: 0 40px
}

.callback__col1 {
    width: 43.6%
}

.callback__col2 {
    width: 56.4%
}

.callback__text {
    max-width: 650px;
    padding-top: 30px;
    padding-left: 244px
}

.callback__title {
    margin-bottom: .3em
}

.callback-action__row {
    font-size: 0;
    line-height: 0;
    margin: 0 -40px
}

.callback-action__col {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    line-height: 1;
    width: 50%;
    padding: 0 40px
}

.callback-action__field {
    margin-top: 20px
}

.callback-action__end {
    margin-top: 48px;
    font-size: 0;
    line-height: 0
}

.callback-action__button {
    min-width: 186px
}

.callback-action__text {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.44;
    max-width: -webkit-calc(100% - 190px);
    max-width: -moz-calc(100% - 190px);
    max-width: calc(100% - 190px);
    padding-left: 16px;
    color: #fff
}

.callback-action__text.full_width {
    max-width: unset;
    margin-top: 20px;
    text-align: center
}

.callback-action__link {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.callback-action__link:hover {
    border-bottom-color: transparent
}

.callback-action, .loading, .loading_line {
    position: relative
}

.callback-action:before {
    top: -20px;
    right: -20px;
    bottom: -20px;
    left: -20px
}

.button:before, .callback-action:before, .posts_row:before {
    opacity: 0;
    visibility: hidden;
    content: "";
    position: absolute;
    background-color: rgba(255, 255, 255, .5);
    box-shadow: 0 0 30px 9px rgba(255, 255, 255, .5);
    border-radius: 20px;
    transition: all .3s ease 0s;
    z-index: 20
}

.posts_row:before {
    top: -20px;
    right: -20px;
    bottom: -20px;
    left: -20px
}

.posts_row:after {
    content: " ";
    width: 0;
    height: 3px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #6fa92e;
    transition: width .5s ease-in;
    visibility: hidden
}

.posts_row.loading_line:after {
    width: 100%;
    visibility: visible
}

.button:before {
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px
}

.loading:before, .loading_line:before {
    opacity: 1;
    visibility: visible
}

.loading:after {
    content: " ";
    display: block;
    width: 100px;
    height: 100px;
    margin: 1px;
    border-radius: 50%;
    border-width: 3px;
    border-style: solid;
    border-color: #198cc9 #fff;
    animation: lds-dual-ring 1.2s linear infinite;
    position: absolute;
    left: calc(50% - 50px);
    top: calc(50% - 50px);
    z-index: 25
}

.button.loading:after {
    width: 20px;
    height: 20px;
    border-width: 2px;
    left: calc(50% - 10px);
    top: calc(50% - 10px);
    right: -2px;
    bottom: -2px;
    box-shadow: none
}

.button.loading:before {
    background-color: rgba(255, 255, 255, .7);
    box-shadow: 0 0 30px 9px rgba(255, 255, 255, .7)
}

.tariffs-row {
    font-size: 0;
    line-height: 0;
    margin: -20px
}

.tariffs-row__col {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    line-height: 1.44;
    width: 33.33%;
    padding: 20px
}

.tariffs-row__col:nth-child(2) .tariff-unit {
    margin: -20px 0;
    padding: 35px 36px 45px
}

.tariffs-row__col:nth-child(2) .tariff-unit__price {
    margin: 36px 0 24px
}

.tariffs-row__col:nth-child(2) .tariff-unit__button {
    margin-top: 38px
}

.tariff-unit {
    padding: 26px 36px 35px;
    font-size: 14px;
    line-height: 1.25;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.tariff-unit:hover {
    color: #fff;
    background-color: #3479c1;
    border-color: #3479c1;
    -webkit-box-shadow: 0 0 24px rgba(135, 135, 135, .4);
    -moz-box-shadow: 0 0 24px rgba(135, 135, 135, .4);
    box-shadow: 0 0 24px rgba(135, 135, 135, .4)
}

.tariff-unit__title {
    font-family: "Arsenal-Bold";
    text-align: center
}

.tariff-unit__price {
    margin: 24px 0;
    font-family: "Arsenal-Regular";
    text-align: center;
    font-size: 40px;
    line-height: 1;
    color: #3479c1;
    fill: #3479c1;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.tariff-unit:hover .tariff-unit__price {
    color: #fff;
    fill: #fff
}

.tariff-unit__price .postfix_price {
    font-size: 23px
}

.tariff-unit li {
    margin-top: 5.2px
}

.tariff-unit ul ul {
    padding-left: 20px
}

.tariff-unit del {
    color: #949393
}

.tariff-unit:hover del {
    color: #8fbeef
}

.tariff-unit__button {
    margin-top: 28px;
    min-width: auto;
    width: 100%
}

.tariff-unit:hover .tariff-unit__button {
    color: #000;
    background-color: #fb74a0;
    border-color: #fb74a0
}

.tariff-unit:hover .tariff-unit__button:hover {
    background-color: #ffca10;
    border-color: #ffca10
}

.about {
    padding: 60px 0
}

.about__title {
    margin-bottom: 1em;
    text-align: center
}

.about__text {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px
}

.wrapper .page {
    position: relative;
    z-index: 4;
    padding: 18px 0 146px;
    margin-top: 108px;
    overflow: hidden
}

.page__circle1 {
    position: absolute;
    z-index: -1;
    top: 274px;
    left: -445px;
    width: 520px;
    height: 520px
}

.page__circle1-unit {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #fb74a0
}

.page__circle2 {
    position: absolute;
    z-index: -1;
    top: 63.3%;
    left: -54px;
    width: 92px;
    height: 92px
}

.page__circle2-unit {
    width: 100%;
    height: 100%;
    border: 32px solid #3479c1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.page__description {
    margin-bottom: 40px;
    width: 50%;
    font-family: "Ubuntu-Regular";
    color: #626262
}

.page__lattice {
    position: absolute;
    z-index: -2;
    top: 260px;
    right: 0;
    width: 788px;
    height: 600px
}

.page__lattice-unit {
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Ccircle fill='%23e5e5e5' cx='1.5' cy='1043.9' r='1.5' transform='translate(0 -1042.4)'/%3E%3C/svg%3E");
    background-position: center
}

.page__circle, .page__circle-unit {
    position: absolute;
    width: 96px;
    height: 96px
}

.page__circle {
    z-index: -1;
    top: 86.6%;
    right: 30px
}

.page__circle-unit {
    top: 0;
    left: 0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 32px solid #d9d9d9
}

.page__circle-lattice {
    position: absolute;
    z-index: -1;
    top: -70px;
    left: 56%;
    width: 235px;
    height: 235px;
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg)
}

.page__circle-lattice-unit {
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Ccircle fill='%23e5e5e5' cx='1.5' cy='1043.9' r='1.5' transform='translate(0 -1042.4)'/%3E%3C/svg%3E")
}

.page__circle-fence {
    position: absolute;
    top: 106px;
    left: -12px;
    width: 54px;
    height: 9px
}

.blog-post__picture:after, .page__circle-fence-unit {
    position: absolute;
    top: 0;
    left: 0
}

.blog-post {
    line-height: normal
}

.blog-post__picture {
    position: relative;
    display: block;
    height: 317px;
    overflow: hidden
}

.blog-post__picture:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #3479c1;
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.blog-post__img {
    -webkit-transition: 1s;
    -o-transition: 1s;
    -moz-transition: 1s;
    transition: 1s
}

.blog-post__picture:hover:after {
    opacity: .3
}

.blog-post__picture:hover .blog-post__img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.blog-post__head {
    height: 53px;
    margin: 15px 0 8px;
    overflow: hidden
}

.blog-post__date, .blog-post__title {
    display: inline-block;
    text-decoration: none
}

.blog-post__title {
    margin-top: 3px;
    font-family: "Ubuntu-Regular";
    font-size: 20px;
    color: #000;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    overflow: hidden
}

.blog-post__name:hover, .blog-post__title:hover {
    color: #3479c1
}

.blog-post__date {
    position: relative;
    padding-left: 20px;
    font-size: 15px;
    line-height: 1;
    color: #9a9a9a
}

.blog-post__date:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 11px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='12'%3E%3Cpath d='M1.68 0v1.183h-.658c-.567 0-1.024.45-1.024 1.007v8.803c0 .558.457 1.007 1.024 1.007h8.952c.567 0 1.024-.449 1.024-1.007V2.19c0-.558-.457-1.007-1.024-1.007h-.717V0H7.765v1.183H3.172V0H1.68zm-.287 4.376h8.21a.28.28 0 0 1 .283.279v5.973a.28.28 0 0 1-.283.279h-8.21a.28.28 0 0 1-.283-.279V4.655a.28.28 0 0 1 .283-.279z' fill='%239a9a9a'/%3E%3C/svg%3E")
}

.blog-post__description {
    height: 65px;
    margin-top: 12px;
    font-size: 18px;
    overflow: hidden
}

.blog-post__author {
    padding-top: 12px;
    margin-top: 20px;
    font-size: 0;
    line-height: 0;
    border-top: 1px solid #eaeaea
}

.blog-post__name, .blog-post__photo {
    display: inline-block;
    vertical-align: middle
}

.blog-post__photo {
    width: 34px;
    height: 34px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden
}

.blog-post__name {
    font-size: 14px;
    line-height: 1;
    max-width: -webkit-calc(100% - 48px);
    max-width: -moz-calc(100% - 48px);
    max-width: calc(100% - 48px);
    margin-left: 14px;
    font-family: "Ubuntu-Regular";
    color: #000;
    text-decoration: none;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.map {
    background-color: #eee
}

.socials {
    font-size: 0;
    line-height: 0
}

.socials__unit {
    display: inline-block;
    width: 35px;
    height: 35px;
    text-decoration: none;
    margin-left: 17px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.socials__unit:hover {
    background-color: #3479c1
}

.socials__unit:first-child {
    margin-left: 0
}

.beige {
    display: inline-block;
    padding: 0 .1em;
    color: #000;
    background-color: #fb74a0
}

.cases {
    position: relative
}

.cases_title {
    position: absolute;
    left: 0;
    bottom: -97px;
    z-index: 1000;
    transform: rotate(-90deg);
    font-size: 120px;
    color: #e3e1e1;
    text-transform: uppercase;
    transform-origin: left top;
    line-height: 120px
}

.cases-unit {
    text-decoration: none
}

.cases-unit__name {
    margin-bottom: 5px;
    color: #828282
}

.cases-unit__content {
    position: relative;
    z-index: 1
}

.cases-unit__content:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0198d0;
    background: -webkit-gradient(linear, left top, right top, from(#0198d0), to(#4776bc));
    background: -webkit-linear-gradient(left, #0198d0, #4776bc);
    background: -moz-linear-gradient(left, #0198d0, #4776bc);
    background: -o-linear-gradient(left, #0198d0, #4776bc);
    background: linear-gradient(to right, #0198d0, #4776bc);
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.cases-unit:hover .cases-unit__content:after {
    top: 10px;
    left: 10px
}

.cases-unit__picture {
    border: 1px solid #dcdcdc;
    background-color: #f5f5f5
}

.cases-unit__img {
    -o-object-position: top left;
    object-position: top left
}

.cases-unit__text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 40px 36px;
    color: #fff;
    background-color: rgba(0, 0, 0, .6);
    overflow: hidden
}

.cases-unit__text, .cases-unit__text ul {
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.cases-unit__text ul li, .home__cases-info ul li {
    position: relative;
    padding-left: 36px;
    margin-top: 5px
}

.cases-unit2__smartphone:after, .cases-unit__text ul li:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='%23ffffff' d='M10 1c4.963 0 9 4.037 9 9s-4.037 9-9 9-9-4.037-9-9 4.037-9 9-9m0-1C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0z'/%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M5.167 11l3.5 3.583 5.75-8.25'/%3E%3C/svg%3E")
}

.cases-unit__title {
    margin-bottom: 40px;
    font-family: "Arsenal-Regular";
    font-size: 50px;
    line-height: 1;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.cases-unit__button {
    position: absolute;
    bottom: 40px;
    left: 36px;
    display: inline-block;
    border-bottom: 1px solid transparent;
    -webkit-transition: border-color .2s, -webkit-transform .4s;
    -o-transition: border-color .2s, -o-transform .4s;
    -moz-transition: border-color .2s, transform .4s, -moz-transform .4s;
    transition: border-color .2s, transform .4s;
    transition: border-color .2s, transform .4s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s
}

.cases-unit__button:hover {
    border-color: #fff
}

.cases-unit2__project {
    margin: 0 0 -78px 11%;
    min-width: 512px
}

.case-unit2__devices, .cases-unit2__devices {
    position: relative;
    #padding-left: 74px;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left
}

.cases-unit2__desktop {
    display: block;
    #width: 677px;
    #height: 726px;
    background-image: url(../img/desktop.png);
    overflow: hidden;
    width: 100%;
    padding-bottom: 107.2%;
    background-repeat: no-repeat;
    background-size: contain
}

.cases-unit2__desktop-picture {
    #margin: 28px auto;
    #width: 621px;
    #height: 375px;
    overflow: hidden;
    margin: 4.1%;
    position: absolute;
    top: 0;
    left: 0;
    width: 91.9%;
    padding-bottom: 55.4%
}

.cases-unit2__desktop-picture img, .cases-unit2__tablet-picture img {
    position: absolute
}

.cases-unit2__desktop-img {
    -webkit-transition: 5s;
    -o-transition: 5s;
    -moz-transition: 5s;
    transition: 5s
}

.cases-unit2__desktop-picture:hover .cases-unit2__desktop-img, .cases-unit2__smartphone-picture:hover .cases-unit2__smartphone-img, .cases-unit2__tablet-picture:hover .cases-unit2__tablet-img {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    margin-top: 375px
}

.cases-unit2__tablet {
    position: absolute;
    top: 35.7%;
    left: 0;
    display: block;
    width: 38%;
    #height: 465px;
    background-image: url(../img/tablet.png);
    overflow: hidden;
    margin-left: -11%;
    padding-bottom: 68.7%;
    background-repeat: no-repeat;
    background-size: contain
}

.cases-unit2__tablet-picture {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    width: 91.46%;
    margin: 4.27%;
    padding-bottom: 122.45%;
    position: absolute
}

.cases-unit2__tablet-img {
    -webkit-transition: 5s;
    -o-transition: 5s;
    -moz-transition: 5s;
    transition: 5s
}

.cases-unit2__smartphone-picture:hover .cases-unit2__smartphone-img, .cases-unit2__tablet-picture:hover .cases-unit2__tablet-img {
    margin-top: 315px
}

.cases-unit2__smartphone {
    position: absolute;
    top: 59.3%;
    left: 16%;
    display: block;
    width: 14.78%;
    height: 40%;
    overflow: hidden
}

.cases-unit2__smartphone:after {
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/smartphone.png);
    pointer-events: none;
    -ms-touch-action: none;
    touch-action: none;
    background-size: cover;
    background-repeat: no-repeat
}

.cases-unit2__smartphone-picture {
    position: relative;
    margin: 9% auto;
    width: 90%;
    height: 66%;
    overflow: hidden
}

.cases-unit2__smartphone-img {
    -webkit-transition: 5s;
    -o-transition: 5s;
    -moz-transition: 5s;
    transition: 5s
}

.cases-unit2__smartphone-picture:hover .cases-unit2__smartphone-img {
    margin-top: 190px
}

.cases-unit2__text {
    margin-left: 30px
}

.cases-unit2__title {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-bottom: .6em;
    font-family: "Arsenal-Regular";
    font-size: 50px;
    line-height: 1;
    color: #000;
    text-decoration: none
}

.cases-unit2__link {
    margin-top: 20px !important
}

.text-hidden__content {
    position: relative
}

.text-hidden__content:after {
    content: "";
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2.8em;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(245, 245, 245, 0)), to(#f5f5f5));
    background: -webkit-linear-gradient(top, rgba(245, 245, 245, 0), #f5f5f5);
    background: -moz-linear-gradient(top, rgba(245, 245, 245, 0), #f5f5f5);
    background: -o-linear-gradient(top, rgba(245, 245, 245, 0), #f5f5f5);
    background: linear-gradient(to bottom, rgba(245, 245, 245, 0), #f5f5f5)
}

.text-hidden_active .text-hidden__content {
    height: 155px;
    overflow: hidden
}

.text-hidden_active .text-hidden__content:after {
    display: block
}

.text-hidden .text-hidden__link {
    display: none;
    margin-top: 1em
}

.text-hidden_active .text-hidden__link {
    display: inline-block
}

.full-review {
    width: 96%;
    max-width: 795px;
    padding: 72px 40px 40px
}

.full-review__img {
    width: 100%;
    border: 2px solid #3479c1;
    -ms-touch-action: none;
    touch-action: none;
    pointer-events: none
}

.full-review__text {
    margin-top: 30px
}

.full-review .fancybox-close-small {
    top: 20px;
    right: 20px
}

.review-unit {
    padding: 22px;
    background-color: #fff;
    border: 1px solid #d7d7d7
}

.review-unit__main {
    padding: 26px 24px 30px;
    background-color: #f5f5f5;
    overflow: hidden
}

.review-unit__text {
    float: left;
    width: -webkit-calc(100% - 155px);
    width: -moz-calc(100% - 155px);
    width: calc(100% - 155px);
    padding-right: 20px
}

.review-unit__text p {
    margin: 1em 0
}

.review-unit__picture {
    position: relative;
    display: block;
    float: right;
    width: 155px;
    height: 214px;
    overflow: hidden
}

.review-unit__case-picture:before, .review-unit__picture:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #3479c1;
    opacity: 0;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.review-unit__case-picture:hover:before, .review-unit__picture:hover:before {
    opacity: .3
}

.review-unit__picture-img {
    -webkit-transition: 1s;
    -o-transition: 1s;
    -moz-transition: 1s;
    transition: 1s
}

.review-unit__case-picture:hover .review-unit__case-img, .review-unit__picture:hover .review-unit__picture-img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.review-unit__contacts {
    overflow: hidden;
    padding-top: 15px;
    font-size: 0;
    display: flex
}

.review-unit__contacts-text {
    display: inline-block;
    width: 60%;
    padding-left: 22px;
    padding-right: 12px;
    font-size: 18px;
    font-weight: 600;
    margin: auto
}

.review-unit__name {
    margin-bottom: 4px;
    font-size: 16px
}

.review-unit__tel {
    display: inline-block;
    vertical-align: middle;
    margin-right: 16px;
    font-family: "Ubuntu-Regular";
    color: #000;
    text-decoration: none
}

.review-unit__tel:last-child {
    margin-right: 0
}

.review-unit__socials {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0
}

.review-unit__social {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-left: 8px;
    background-color: #0297d0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.review-unit__social:first-child {
    margin-left: 0
}

.review-unit__social:hover {
    opacity: .7
}

.review-unit__contacts-logo {
    display: flex;
    width: 40%;
    height: 79px;
    text-align: center
}

.review-unit__contacts-img {
    display: inline-block !important;
    width: auto !important;
    max-height: 100%;
    margin: auto
}

.review-unit__services {
    margin-top: 12px
}

.review-unit__services h6 {
    margin-bottom: .4em
}

.review-unit__case {
    margin-top: 34px;
    overflow: hidden
}

.review-unit__case-picture {
    position: relative;
    float: left;
    width: 46.18%;
    height: 255px;
    border: 2px solid #3479c1;
    overflow: hidden
}

.review-unit__case-img {
    -webkit-transition: 1s;
    -o-transition: 1s;
    -moz-transition: 1s;
    transition: 1s
}

.review-unit__case-text {
    float: left;
    width: 53.82%;
    padding-left: 20px;
    margin-top: -5px
}

.review-unit__case-text .editor_second ul li {
    margin-top: 6px
}

.review-unit__case-link, .review-unit__case-title {
    display: inline-block;
    line-height: 1;
    color: #000;
    text-decoration: none
}

.review-unit__case-title {
    margin-bottom: .6em;
    font-family: "Arsenal-Regular";
    font-size: 35px
}

.review-unit__case-link {
    margin-top: 30px;
    border-bottom: 1px solid transparent;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.review-unit__case-link:hover {
    border-color: #000
}

.header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    z-index: 5;
    padding: 20px 0;
    background-color: #f5f5f5;
    -webkit-transition: padding-top .2s, padding-bottom .2s, -webkit-box-shadow .2s;
    -o-transition: box-shadow .2s, padding-top .2s, padding-bottom .2s;
    -moz-transition: box-shadow .2s, padding-top .2s, padding-bottom .2s, -moz-box-shadow .2s;
    transition: box-shadow .2s, padding-top .2s, padding-bottom .2s;
    transition: box-shadow .2s, padding-top .2s, padding-bottom .2s, -webkit-box-shadow .2s, -moz-box-shadow .2s;
}

.header_home:not(.header_fixed) {
    background-color: transparent;
    overflow: visible
}

.header_fixed {
    position: fixed;
    padding: 10px 0;
    -webkit-box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
    -moz-box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28)
}

.header__container {
    position: static;
    text-align: justify;
    font-size: 1px;
    line-height: 0
}

.header__container:after {
    content: "";
    display: inline-block;
    width: 100%
}

.header__logo {
    display: inline-flex;
    vertical-align: middle;
    width: 131px;
    height: 67px;
    flex-direction: column;
    gap: 5px;
    font-size: 13px;
    text-decoration: none;
    color: #000;
}

.header__main {
    display: inline-block;
    vertical-align: middle
}

.header__main {
    font-size: 18px;
    line-height: 1
}

.header__logo-img2 {
    display: none
}

.header__city {
    display: inline-block
}

.header__description {
    display: inline-block;
    vertical-align: middle;
    margin-left: 14px;
    line-height: 1.22
}

.header__toggle {
    position: absolute;
    top: -webkit-calc((100% - 22px) / 2);
    top: -moz-calc((100% - 22px) / 2);
    top: calc((100% - 22px) / 2);
    right: 20px;
    display: none;
    vertical-align: middle
}

.header__toggle-line {
    position: relative;
    display: block;
    width: 36px;
    height: 2px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    background-color: #fff
}

.header__toggle-line_2 {
    margin: 8px 0
}

.header__toggle_active .header__toggle-line_2 {
    opacity: 0
}

.header__toggle_active .header__toggle-line_1 {
    -webkit-transform: translate(0, 10px) rotate(45deg);
    -moz-transform: translate(0, 10px) rotate(45deg);
    -ms-transform: translate(0, 10px) rotate(45deg);
    -o-transform: translate(0, 10px) rotate(45deg);
    transform: translate(0, 10px) rotate(45deg)
}

.header__toggle_active .header__toggle-line_3 {
    width: 100%;
    -webkit-transform: translate(0, -10px) rotate(-45deg);
    -moz-transform: translate(0, -10px) rotate(-45deg);
    -ms-transform: translate(0, -10px) rotate(-45deg);
    -o-transform: translate(0, -10px) rotate(-45deg);
    transform: translate(0, -10px) rotate(-45deg)
}

.header__menu {
    display: inline-block;
    vertical-align: middle;
    margin-left: 38px;
    text-align: left
}

.header__menu-list {
    font-size: 0;
    line-height: 0
}

.header__menu-list .menu-item {
    display: inline-block;
    vertical-align: middle;
    margin: 6px 27px 6px 0
}

.header__menu-list .menu-item:last-child {
    margin-left: 0
}

.header__contacts, .header__menu-list a {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    line-height: 1
}

.header__menu-list a, .header__menu-list a:after {
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.header__menu-list a {
    position: relative;
    font-family: "Ubuntu-Regular";
    color: #000;
    text-decoration: none
}

.header__menu-list a:after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 0;
    width: 0;
    height: 3px;
    background-color: #fb74a0
}

.header__menu-list a:hover:after {
    width: 34px
}

.header__menu-list .current-menu-item a:after {
    width: 100%
}

.header__contacts {
    padding: 8px 24px 8px 10px;
    background-color: #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -webkit-box-shadow: 0 4px 18px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 4px 18px rgba(0, 0, 0, .2);
    box-shadow: 0 4px 18px rgba(0, 0, 0, .2)
}

.header__contacts-icon {
    width: 46px;
    height: 46px;
    text-align: center;
    background-color: #fb74a0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    font-size: 0;
    line-height: 0
}

.header__contacts-icon:before {
    content: "";
    height: 100%
}

.header__contacts-icon, .header__contacts-icon:before, .header__contacts-svg, .header__contacts-text {
    display: inline-block;
    vertical-align: middle
}

.header__contacts-text {
    margin-left: 8px
}

.header__contacts-tel {
    display: inline-block;
    color: #878787;
    text-decoration: none
}

.header__contacts-tel b {
    color: #000
}

.header__contacts-list {
    margin-bottom: -2px
}

.header__contacts-link {
    display: inline-block;
    font-family: "Ubuntu-Regular";
    font-size: 14px;
    line-height: 1;
    color: #3b78c0;
    text-decoration: none;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.header__contacts-link:hover {
    cursor: #3479c1
}

.header__circle {
    position: absolute;
    top: -36px;
    right: 50%;
    width: 162px;
    height: 162px;
    margin-right: -1043px
}

.header__circle-unit {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden
}

.header__bg, .header__bg:after {
    position: absolute;
    top: 0;
    height: 100%;
    overflow-y: clip;
}

.header__bg {
    z-index: -1;
    right: 50%;
    margin-right: -962px
}

.header__bg:after {
    content: "";
    left: 100%;
    width: 100vw;
    background-color: #4178bd
}

.header_home:not(.header_fixed) .header__bg {
    display: none
}

.home__front {
    position: relative;
    padding: 154px 0 74px;
    background-color: #f5f5f5
}

.home__front-start {
    width: 50%
}

.home__front-title {
    margin: 38px 0
}

.home__front-description1 {
    max-width: 680px;
    font-family: "Ubuntu-Regular";
    color: #626262
}

.home__front-action {
    margin-top: 24px;
    margin-bottom: -18px
}

.home__front-button1 {
    min-width: 332px;
    height: 66px;
    margin: 18px 76px 18px 0;
    font-size: 20px;
    line-height: 64px
}

.home__front-contract {
    position: relative;
    z-index: 2;
    display: inline-block;
    vertical-align: middle;
    margin: 18px 0;
    text-decoration: none
}

.home__front-contract-icon {
    display: inline-block;
    vertical-align: middle;
    width: 62px;
    height: 62px;
    text-align: center;
    background-color: #fb74a0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    font-size: 0;
    line-height: 0
}

.home__front-contract-icon:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.home__front-contract-svg {
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px
}

.home__front-contract-text {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    font-family: "Ubuntu-Regular";
    font-size: 12px;
    color: #626262
}

.home__front-contract-title {
    display: block;
    font-family: "Ubuntu-Bold";
    color: #000;
    font-size: 16px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.home__front-contract-title:hover {
    color: #3479c1
}

.home__front-advantages {
    margin-top: 64px;
    white-space: nowrap
}

.home__front-advantage {
    display: inline-block;
    text-align: center;
    margin-left: 48px;
    font-family: "Ubuntu-Light";
    font-size: 20px;
    line-height: 1.3;
    color: #626262
}

.home__advantages-tab:first-child, .home__front-advantage:first-child {
    margin-left: 0
}

.home__front-number {
    position: relative;
    padding: 0 35px;
    margin-bottom: 10px;
    font-family: "Arsenal-Bold";
    font-size: 60px;
    line-height: 1;
    color: #000
}

.home__front-number:after, .home__front-number:before {
    content: "";
    position: absolute;
    top: 0;
    width: 35px;
    height: 68px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='35px' height='68px' viewBox='0 0 35 68' enable-background='new 0 0 35 68%0A' xml:space='preserve'%3E%3Cpath fill='%23C6C6C4' d='M33.996,64.75c-5.246-1.833-8.746-4.333-7.746-11.5C29.583,55.25,34.075,58.5,33.996,64.75z'/%3E%3Cpath fill='%23C6C6C4' d='M27.583,63.5C23.417,66.75,15.25,66.25,12.25,59C17.667,58.667,21.667,59.583,27.583,63.5z'/%3E%3Cpath fill='%23C6C6C4' d='M20.833,46.583c-2.75,2.917-4.417,7.667,1.417,12C24.25,56.167,25.333,51.167,20.833,46.583z'/%3E%3Cpath fill='%23C6C6C4' d='M17.998,56.917c-1.915-4.75-6.998-8.833-12.165-8.5C6.667,52.833,10.913,58.667,17.998,56.917z'/%3E%3Cpath fill='%23C6C6C4' d='M17.998,38.583C14.5,39.917,11.014,44.537,15.5,50.5C18.5,47.25,19.246,43.333,17.998,38.583z'/%3E%3Cpath fill='%23C6C6C4' d='M2,35.333C2,40,3.001,46.117,11.333,47.083C10.833,42.917,9.333,37.25,2,35.333z'/%3E%3Cpath fill='%23C6C6C4' d='M11.333,40.75c4.833-3.667,6.083-6.75,5.75-10.75C12.5,30.667,9.062,34.755,11.333,40.75z'/%3E%3Cpath fill='%23C6C6C4' d='M3.25,22.167c3.333,1.667,7.167,6.333,5.917,13.667C5.167,34.417,1,31.417,3.25,22.167z'/%3E%3Cpath fill='%23C6C6C4' d='M9.409,9.667C11.583,14.25,12.75,18.5,9.917,25C5.583,21,3.818,15.25,9.409,9.667z'/%3E%3Cpath fill='%23C6C6C4' d='M19.917,21.083c-5.917-0.5-9.48,3.426-9.302,8.917C14,29.25,18.667,27.167,19.917,21.083z'/%3E%3Cpath fill='%23C6C6C4' d='M24.583,14.083c-5.25-2.25-10.495,0.935-11.583,5.75C17.5,19.917,21.25,19.417,24.583,14.083z'/%3E%3Cpath fill='%23C6C6C4' d='M18.792,0C20,7,18.165,10.75,13.874,14C11.417,9.583,13,3.75,18.792,0z'/%3E%3Cpath fill='%23C6C6C4' d='M33.996,1.667C27.833,0,20.813,3.5,19.156,10.917C22.333,10.917,31.575,5.583,33.996,1.667z'/%3E%3C/svg%3E%0A");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center
}

.home__front-number:before {
    left: 0
}

.home__front-number:after {
    right: 0;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.home__front-end {
    position: absolute;
    z-index: 1;
    top: -154px;
    right: -120px;
    width: 779px;
    height: 848px
}

.home__front-end:after, .home__front-end:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    opacity: 0;
    -webkit-transition: .6s;
    -o-transition: .6s;
    -moz-transition: .6s;
    transition: .6s
}

.home__front-end:before {
    z-index: 0;
    left: 0;
    width: 100%;
    background-image: url(../img/bg-front-right.png)
}

.home__front-end:after {
    left: 100%;
    width: 1000px;
    -webkit-border-radius: 0 0 100% 0;
    -moz-border-radius: 0 0 100% 0;
    border-radius: 0 0 100% 0;
    background-color: #4378bd
}

.home__front-end_animate:after, .home__front-end_animate:before {
    opacity: 1
}

.home__front-description2 {
    position: absolute;
    top: 140px;
    left: 430px;
    font-family: "Ubuntu-Light";
    font-style: italic;
    color: #fff;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
    opacity: 0;
    -webkit-transition: .8s;
    -o-transition: .8s;
    -moz-transition: .8s;
    transition: .8s
}

.home__front-description2_animate {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.home__front-description2-unit {
    position: relative;
    white-space: nowrap
}

.home__front-description2-unit:before {
    content: "";
    position: absolute;
    top: 100%;
    right: 100%;
    width: 96px;
    height: 54px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96.94' height='53.5' viewBox='0 0 96.94 53.5'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; stroke-width: 1px; fill-rule: evenodd; opacity: 0.5; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M1570.53,193.218c-15.84,44.893-78.92,56.732-95.92,50.732' transform='translate(-1474.09 -192.375)'/%3E%3C/svg%3E%0A")
}

.home__front-button2-wrapper {
    position: absolute;
    z-index: 1;
    top: 314px !important;
    right: 40px !important;
    left: auto !important
}

.home__front-button2 {
    padding-left: 62px;
    height: 62px;
    font-size: 16px;
    line-height: 62px;
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    -ms-transform: translateX(40px);
    -o-transform: translateX(40px);
    transform: translateX(40px);
    opacity: 0;
    -webkit-transition: .8s;
    -o-transition: .8s;
    -moz-transition: .8s;
    transition: .8s
}

.home__front-button2_animate {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.home__front-button2-icon {
    position: absolute;
    top: -webkit-calc((100% - 40px) / 2);
    top: -moz-calc((100% - 40px) / 2);
    top: calc((100% - 40px) / 2);
    left: 12px
}

.home__front-circle1 {
    position: absolute;
    bottom: -200px;
    left: -568px;
    width: 520px;
    height: 520px
}

.home__front-circle1-unit {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #fb74a0
}

.home__front-circle2 {
    position: absolute;
    z-index: -1;
    top: 220px;
    left: -78px;
    width: 162px;
    height: 162px
}

.home__front-circle2-unit {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden
}

.home__front-circle3 {
    position: absolute;
    z-index: -1;
    top: 302px;
    left: -86px;
    width: 300px;
    height: 300px
}

.home__front-circle3-unit {
    width: 100%;
    height: 100%;
    border: 60px solid #fb74a0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.home__front-circle4 {
    position: absolute;
    z-index: 1;
    bottom: 336px;
    left: 704px;
    width: 58px;
    height: 58px
}

.home__front-circle4-unit1 {
    width: 100%;
    height: 100%;
    border: 16px solid #6694cb;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.home__front-dots {
    position: absolute;
    right: 16px;
    bottom: -10px;
    width: 53px;
    height: 6px
}

.home__front-dots-unit {
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Ccircle fill='%23d2d2d2' cx='1.5' cy='1043.9' r='1.5' transform='translate(0 -1042.4)'/%3E%3C/svg%3E")
}

.home__front-fense {
    position: absolute;
    z-index: 1;
    bottom: 148px;
    left: 530px;
    width: 99px;
    height: 38px
}

.home__benefit {
    padding: 50px 0 200px 0
}

.home__benefit-title {
    margin-bottom: 1.64em
}

.home__benefit-row {
    font-size: 0;
    line-height: 0;
    margin: 0 -20px
}

.home__benefit-col1, .home__benefit-col2 {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    line-height: 1.44;
    width: 50%;
    padding: 0 20px
}

.home__advantages {
    margin-top: -7px
}

.home__advantages-tabs {
    white-space: nowrap
}

.home__advantages-tabs.owl-carousel .owl-stage-outer {
    overflow: visible
}

.home__advantages-tabs.owl-carousel .owl-item {
    text-align: center
}

.home__advantages-tab {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 82px;
    margin-left: 40px;
    text-align: center;
    white-space: normal;
    cursor: default
}

.home__advantages-tab:after {
    content: "";
    display: inline-block;
    margin-top: 12px;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 18px solid #f5f5f5;
    opacity: 0
}

.home__advantages-tab_active:after {
    opacity: 1
}

.home__advantages-icon, .home__advantages-number {
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.home__advantages-number {
    font-family: "Ubuntu-Bold";
    font-size: 16px;
    color: #a8a8a8
}

.home__advantages-tab_active .home__advantages-number {
    color: #000;
    -webkit-transform: translateY(-26px);
    -moz-transform: translateY(-26px);
    -ms-transform: translateY(-26px);
    -o-transform: translateY(-26px);
    transform: translateY(-26px)
}

.home__advantages-icon {
    width: 82px;
    height: 82px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    fill: #a8a8a8;
    font-size: 0;
    line-height: 0
}

.home__advantages-icon:before {
    content: "";
    height: 100%
}

.home__advantages-tab_active .home__advantages-icon {
    fill: #000;
    background-color: #fb74a0
}

.home__advantages-icon:before, .home__advantages-svg {
    display: inline-block;
    vertical-align: middle
}

.home__advantages-title {
    width: 220px;
    height: 45px;
    margin-top: 28px;
    margin-left: -webkit-calc((100% - 220px) / 2);
    margin-left: -moz-calc((100% - 220px) / 2);
    margin-left: calc((100% - 220px) / 2);
    font-family: "Ubuntu-Regular";
    font-size: 18px;
    line-height: normal;
    opacity: 0;
    -webkit-transform: translateY(-26px);
    -moz-transform: translateY(-26px);
    -ms-transform: translateY(-26px);
    -o-transform: translateY(-26px);
    transform: translateY(-26px);
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.home__advantages-tab_active .home__advantages-title {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.home__advantages-content {
    display: none;
    position: relative;
    margin-top: -7px;
    padding: 40px 20px 40px 0;
    text-align: left;
    background-color: #f5f5f5
}

.home__advantages-content:after, .home__advantages-content:before {
    content: "";
    position: absolute;
    top: 0;
    width: 160px;
    height: 100%;
    background-color: #f5f5f5
}

.home__advantages-content:after {
    right: 100%
}

.home__advantages-content:before {
    right: 100%
}

.home__advantages-content:after {
    display: none;
    left: 100%
}

.home__advantages-content_active {
    display: block
}

.home__services-row {
    font-size: 0;
    line-height: 0;
    margin: -29px -28px
}

.home__services-col {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    line-height: 1;
    width: 33.33%;
    padding: 5px
}

.home__services-list {
    margin-top: 24px
}

.home__services-subtitle {
    margin: 0;
    font-family: "Ubuntu-Regular"
}

a.home__services-subtitle {
    display: block;
    font-size: 20px;
    line-height: 1;
    font-weight: 400;
    color: #000;
    text-decoration: none;
    transition: color .3s ease 0s
}

a.home__services-subtitle:hover {
    color: #2c83c4
}

.home__services-link, .home__services-unit {
    padding: 18px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.home__services-unit:hover {
    -webkit-box-shadow: 0 0 40px rgba(155, 155, 155, .17);
    -moz-box-shadow: 0 0 40px rgba(155, 155, 155, .17);
    box-shadow: 0 0 40px rgba(155, 155, 155, .17)
}

.home__services-link {
    position: relative;
    display: block;
    margin: 0 -18px;
    padding: 8px 18px 8px 38px;
    line-height: normal;
    color: #000;
    text-decoration: none
}

.home__services-link:before {
    content: "";
    position: absolute;
    top: 11px;
    left: 16px;
    width: 8px;
    height: 13px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%233479c1' d='M1.251.002l-1 1 5.498 5.497-5.498 5.498 1 1 6.498-6.498z'/%3E%3C/svg%3E")
}

.home__services-link:hover {
    color: #fff;
    background-color: #3479c1
}

.home__services-link:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23fff' d='M1.251.002l-1 1 5.498 5.497-5.498 5.498 1 1 6.498-6.498z'/%3E%3C/svg%3E")
}

.home__cases, .home__cases-desc {
    position: relative;
    overflow: hidden
}

.home__cases {
    z-index: 2;
    padding: 78px 0 96px;
    background-color: #f5f5f5
}

.home__cases-desc {
    max-height: 361px
}

.home__cases-desc::after {
    content: "";
    position: absolute;
    height: 55px;
    box-shadow: -23px -20px 21px 5px #f5f5f5 inset;
    bottom: 0;
    width: 100%
}

.home__cases-circle1 {
    position: absolute;
    top: -550px;
    right: 50%;
    margin-right: -1220px;
    width: 400px;
    height: 900px
}

.home__cases-circle1-unit {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #fb74a0
}

.home__cases-circle2 {
    position: absolute;
    z-index: -1;
    top: 214px;
    right: 50%;
    margin-right: -1030px;
    width: 220px;
    height: 200px
}

.home__cases-circle2-unit {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Ccircle fill='%23d2d2d2' cx='1.5' cy='1043.9' r='1.5' transform='translate(0 -1042.4)'/%3E%3C/svg%3E");
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg)
}

.home__cases-title {
    margin-bottom: 1.65em;
    text-align: center
}

.home__cases-slider:not(.owl-loaded) {
    display: block
}

.home__cases-slide {
    font-size: 0;
    line-height: 0
}

.home__cases-slider:not(.owl-loaded) .home__cases-slide {
    display: none
}

.home__cases-slider:not(.owl-loaded) .home__cases-slide:first-child {
    display: block
}

.home__cases-picture {
    display: inline-block;
    vertical-align: top;
    width: 43%;
    height: 499px;
    font-size: 0;
    line-height: 0;
    border: 1px solid #dcdcdc
}

.home__cases-previews {
    display: inline-block;
    vertical-align: top;
    width: 10.8%;
    padding-left: 20px
}

.home__cases-preview {
    display: inline-block;
    width: 100%;
    height: 153px;
    margin-top: 20px;
    border: 1px solid #dcdcdc
}

.home__cases-info ul li:first-child, .home__cases-preview:first-child, .home__customer-reviews-content p:first-child, .home__stages-unit li:first-child, .home__tariffs-label:first-child {
    margin-top: 0
}

.home__cases-info {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    line-height: 1.44;
    width: 46.2%;
    padding-left: 36px
}

.home__cases-link {
    min-width: auto;
    height: 30px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 10px;
    font-family: "Arsenal-Regular";
    line-height: 30px
}

.home__cases-info h6 {
    margin: .7em 0;
    font-family: "Ubuntu-Regular"
}

.home__cases-info p {
    margin: .7em 0
}

.home__cases-info ul {
    margin: 1.3em 0
}

.home__cases-info ul li:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='%23367ABE' d='M10 1c4.963 0 9 4.037 9 9s-4.037 9-9 9-9-4.037-9-9 4.037-9 9-9m0-1C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0z'/%3E%3Cpath fill='none' stroke='%23367ABE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M5.167 11l3.5 3.583 5.75-8.25'/%3E%3C/svg%3E")
}

.home__cases-button {
    margin-top: 20px;
    background-color: #f5f5f5
}

.home__tariffs {
    position: relative;
    z-index: 1
}

.home__tariffs-content {
    font-size: 0;
    line-height: 0;
    margin: 0 -30px
}

.home__tariffs-box {
    position: relative;
    z-index: 2;
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    line-height: 1.44;
    width: 59.6%;
    padding: 50px 30px
}

.home__tariffs-title {
    margin-bottom: 1.3em;
    text-align: center
}

.home__tariffs-action {
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    line-height: 1.44;
    width: 40.4%;
    padding: 172px 30px 90px 172px
}

.home__tariffs-circle1 {
    position: absolute;
    z-index: 2;
    top: -70px;
    left: 642px;
    width: 220px;
    height: 200px
}

.home__tariffs-circle1-unit {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Ccircle fill='%239dbddf' cx='1.5' cy='1043.9' r='1.5' transform='translate(0 -1042.4)'/%3E%3C/svg%3E");
    background-position: center;
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    -o-transform: rotate(-8deg);
    transform: rotate(-8deg)
}

.home__tariffs-circle2 {
    position: absolute;
    top: 80px;
    left: 700px;
    width: 196px;
    height: 196px
}

.home__tariffs-circle2-unit {
    width: 100%;
    height: 100%;
    border: 70px solid #6894ca;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.home__tariffs-action-content {
    max-width: 400px;
    margin: 0 auto
}

.home__tariffs-action-bg {
    position: absolute;
    z-index: -1;
    top: -82px;
    left: 22px
}

.home__tariffs-action-bg:after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: 1000px;
    -webkit-border-radius: 0 0 100% 0;
    -moz-border-radius: 0 0 100% 0;
    border-radius: 0 0 100% 0;
    height: 100%;
    background-color: #4179be
}

.home__tariffs-action-svg {
    display: block
}

.home__tariffs-action-title {
    position: relative;
    z-index: 3;
    margin-bottom: .6em;
    text-align: center;
    color: #fff
}

.home__tariffs-label {
    display: inline-block;
    vertical-align: middle;
    margin-top: 26px;
    font-size: 16px;
    color: #a1c9f3
}

.home__tariffs-link {
    margin-left: 20px;
    font-size: 14px;
    color: #fff;
    white-space: nowrap;
    text-decoration: none;
    border-bottom: 1px solid;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.home__tariffs-link:hover {
    border-color: transparent
}

.home__tariffs-action-button {
    display: block;
    min-width: auto;
    width: 190px;
    margin: 58px auto 0
}

.home__tariffs-fense {
    position: absolute;
    left: 172px;
    bottom: 134px;
    width: 100px;
    height: 39px
}

.home__customer {
    position: relative;
    z-index: 1;
    padding-top: 68px
}

.home__customer-circle {
    position: absolute;
    z-index: 1;
    top: 400px;
    left: 50%;
    width: 162px;
    height: 162px;
    margin-left: -1050px
}

.home__customer-circle-unit {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden
}

.home__customer-circle2 {
    position: absolute;
    z-index: 2;
    top: 360px;
    left: 50%;
    width: 94px;
    height: 94px;
    margin-left: -1008px
}

.home__customer-circle2-unit {
    width: 100%;
    height: 100%;
    border: 34px solid #3479c1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.home__customer-row {
    font-size: 0;
    line-height: 0;
    margin: 0 -10px
}

.home__customer-col {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    line-height: 1.44;
    width: 50%;
    padding: 0 20px
}

.home__customer-title {
    margin-bottom: .7em
}

.home__customer-reviews {
    position: relative;
    z-index: 1;
    height: 538px;
    padding-top: 20px;
    padding-right: 40px;
    margin-right: -40px
}

.home__customer-grid {
    position: absolute;
    z-index: -1;
    top: -22px;
    right: 0;
    width: -webkit-calc(100% + 164px);
    width: -moz-calc(100% + 164px);
    width: calc(100% + 164px);
    height: 600px
}

.home__customer-grid-unit {
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Ccircle fill='%23e5e5e5' cx='1.5' cy='1043.9' r='1.5' transform='translate(0 -1042.4)'/%3E%3C/svg%3E")
}

.home__customer-reviews-slider {
    padding-top: 40px
}

.home__customer-reviews-slider:not(.owl-loaded) {
    display: block;
    padding: 62px 12px 60px;
    margin: -12px -12px -60px;
    font-size: 0;
    line-height: 0;
    white-space: nowrap;
    overflow: hidden
}

.home__customer-reviews-slider.owl-carousel .owl-stage-outer {
    padding: 12px 12px 60px;
    margin: -12px -12px -60px
}

.home__customer-reviews-slider.owl-theme .owl-nav {
    top: -34px
}

.home__customer-reviews-tab {
    position: relative;
    width: 72px
}

.home__customer-reviews-tab:after {
    content: "";
    display: none;
    position: absolute;
    bottom: -60px;
    left: -webkit-calc((100% - 32px) / 2);
    left: -moz-calc((100% - 32px) / 2);
    left: calc((100% - 32px) / 2);
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 18px solid #f5f5f5
}

.home__customer-reviews-tab_active:after {
    display: block
}

.home__customer-reviews-slider:not(.owl-loaded) .home__customer-reviews-tab {
    display: inline-block;
    margin-left: 40px
}

.home__customer-reviews-slider:not(.owl-loaded) .home__customer-reviews-tab:first-child {
    margin-left: 0
}

.home__customer-reviews-photo {
    display: inline-block;
    background-color: #f5f5f5;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.home__customer-reviews-tab_active .home__customer-reviews-photo {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3)
}

.home__customer-reviews-contents {
    margin-top: 60px
}

.home__customer-reviews-content {
    position: relative;
    display: none;
    padding: 28px 24px 32px 0;
    background-color: #f5f5f5
}

.home__customer-reviews-content:after, .home__customer-reviews-content:before {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    width: 170px;
    height: 100%;
    background-color: #f5f5f5
}

.home__customer-reviews-content:after {
    display: none;
    left: 100%;
    right: auto
}

.home__customer-reviews-content_active {
    display: block
}

.home__customer-reviews-content p {
    margin: .6em 0
}

.home__customer-reviews-content p:last-child {
    margin-bottom: 0
}

.home__customer-clients-slider:not(.owl-loaded) {
    display: block;
    font-size: 0;
    line-height: 0;
    white-space: nowrap;
    overflow: hidden
}

.home__customer-clients-slider:not(.owl-loaded) .home__customer-clients-box {
    display: inline-block;
    width: 25%
}

.home__customer-clients-slider.owl-theme .owl-nav {
    top: -14px
}

.home__customer-clients-unit {
    height: 180px;
    text-align: center;
    font-size: 0;
    line-height: 0;
    padding: 15px
}

.home__customer-clients-unit:before, .home__customer-popup-col:before, .home__partners-unit:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.home__customer-clients-logo {
    display: inline-block !important;
    vertical-align: middle;
    width: auto !important;
    max-width: 100%;
    max-height: 100%;
    font-size: 20px;
    line-height: normal
}

.home__customer-clients-slider .home__customer-clients-logo {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .8;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.home__customer-clients-slider .home__customer-clients-logo:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1
}

.home__customer-clients-button {
    display: block;
    width: 250px;
    margin: 16px auto 0
}

.home__customer-popup {
    width: 100%;
    max-width: 1600px;
    padding: 56px 100px;
    margin: 0 auto
}

.home__customer-popup-row {
    font-size: 0;
    line-height: 0;
    margin: -30px 0
}

.home__customer-popup-col {
    display: inline-block;
    width: 14.285%;
    padding: 30px 0;
    text-align: center;
    font-size: 0;
    line-height: 0
}

.home__customer-popup .fancybox-close-small {
    top: 40px;
    right: 40px
}

.home__partners {
    position: relative;
    z-index: 1
}

.home__partners-title {
    text-align: center
}

.home__partners-box {
    max-width: 1030px;
    margin: 0 auto;
    font-size: 0;
    line-height: 0;
    text-align: center
}

.home__partners-box:not(.owl-loaded) {
    display: block;
    white-space: nowrap;
    overflow: hidden
}

.home__partners-unit {
    display: inline-block;
    vertical-align: middle;
    height: 60px;
    margin-left: 90px;
    font-size: 0;
    line-height: 0
}

.home__partners-unit:first-child {
    margin-left: 0
}

.home__partners-logo {
    display: inline-block !important;
    vertical-align: middle;
    width: auto !important;
    opacity: .8
}

.home__stages {
    padding: 100px 0 78px
}

.home__stages-title {
    margin-bottom: 1.62em;
    text-align: center
}

.home__stages-box {
    text-align: justify;
    font-size: 1px;
    line-height: 0
}

.home__stages-box:after {
    content: "";
    display: inline-block;
    width: 100%
}

.home__stages-points {
    display: inline-block;
    vertical-align: top;
    width: 52px;
    height: 3px;
    margin-top: 90px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%23999999'%3E%3Ccircle cx='1.5' cy='1043.9' r='1.5' transform='translate(0 -1042.4)'/%3E%3C/svg%3E")
}

.home__stages-unit {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: normal;
    width: 204px;
    text-align: left
}

.home__stages-icon, .home__stages-number {
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.home__stages-icon {
    position: relative;
    width: 193px;
    height: 193px;
    margin: 0 auto;
    background: #0198d0;
    background: -webkit-gradient(linear, left top, right top, from(#0198d0), to(#4776bc));
    background: -webkit-linear-gradient(left, #0198d0, #4776bc);
    background: -moz-linear-gradient(left, #0198d0, #4776bc);
    background: -o-linear-gradient(left, #0198d0, #4776bc);
    background: linear-gradient(to right, #0198d0, #4776bc);
    font-size: 0;
    line-height: 0
}

.home__certificate-unit:before, .home__stages-icon:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.home__stages-number {
    position: absolute;
    top: 5px;
    left: 12px;
    width: 40px;
    height: 40px;
    padding-left: 3px;
    font-family: "Ubuntu-Bold";
    font-size: 16px;
    line-height: 40px;
    color: #000;
    background-color: #fb74a0
}

.home__stages-svg {
    display: inline-block;
    vertical-align: middle
}

.home__stages-unit ul {
    margin-top: 34px
}

.home__stages-unit li {
    position: relative;
    padding-left: 20px;
    margin-top: 7px
}

.home__stages-unit li:before {
    content: "";
    position: absolute;
    top: 0;
    left: -3px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='none' stroke='%23367ABE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M5.167 11l3.5 3.583 5.75-8.25'/%3E%3C/svg%3E")
}

.home__certificate {
    position: relative;
    z-index: 1;
    padding: 54px 0 204px;
    background-color: #f5f5f5
}

.home__certificate-grid1-unit, .home__certificate-grid2-unit {
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Ccircle fill='%23e5e5e5' cx='1.5' cy='1043.9' r='1.5' transform='translate(0 -1042.4)'/%3E%3C/svg%3E")
}

.home__certificate-grid1 {
    position: absolute;
    z-index: -1;
    top: 66px;
    left: -160px;
    width: 235px;
    height: 235px;
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg)
}

.home__certificate-grid2 {
    position: absolute;
    z-index: -1;
    top: -48px;
    left: 73%;
    width: 600px;
    height: 600px
}

.home__certificate-circle1 {
    position: absolute;
    top: 26px;
    left: -40px;
    width: 94px;
    height: 94px
}

.home__certificate-circle1-unit {
    width: 100%;
    height: 100%;
    border: 34px solid #d9d9d9;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.home__certificate-fence {
    position: absolute;
    top: 22px;
    left: 40px;
    width: 54px;
    height: 9px
}

.home__certificate-circle2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 376px;
    height: 120px
}

.home__certificate-circle2-unit {
    position: absolute;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    width: 800px;
    height: 400px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #fb74a0
}

.home__certificate-title {
    margin-bottom: 1.1em;
    text-align: center
}

.home__certificate-box {
    font-size: 0;
    line-height: 0;
    text-align: center
}

.home__certificate-box:not(.owl-loaded) {
    display: block;
    white-space: nowrap
}

.home__certificate-box .owl-stage-outer {
    padding-bottom: 180px;
    margin-bottom: -180px
}

.home__certificate-box .owl-item {
    z-index: 1
}

.home__certificate-unit {
    position: relative;
    z-index: 1;
    height: 230px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-right: none;
    overflow: hidden;
    font-size: 0;
    line-height: 0
}

.home__certificate-unit_active {
    z-index: 2;
    overflow: visible
}

.owl-item:last-child .home__certificate-unit {
    border-right: 1px solid #ccc;
    margin-right: 1px
}

.home__certificate-box:not(.owl-loaded) .home__certificate-unit {
    display: inline-block;
    vertical-align: middle;
    width: 16.66%;
    white-space: normal
}

.home__certificate-box:not(.owl-loaded) .home__certificate-unit:last-child {
    border-right: 1px solid #ccc
}

.home__certificate-logo {
    display: inline-block !important;
    vertical-align: middle;
    width: auto !important;
    max-width: 110px
}

.home__certificate-unit > .home__certificate-logo {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .9
}

.home__certificate-more {
    position: absolute;
    z-index: -1;
    top: 0;
    width: 390px;
    padding: 35px 40px 24px;
    font-size: 14px;
    line-height: 1.54;
    color: #fff;
    text-align: left;
    background-color: #3479c1;
    -webkit-box-shadow: 0 0 24px rgba(135, 135, 135, .29);
    -moz-box-shadow: 0 0 24px rgba(135, 135, 135, .29);
    box-shadow: 0 0 24px rgba(135, 135, 135, .29);
    opacity: 0;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    -o-transition: opacity .2s, -o-transform .2s;
    -moz-transition: opacity .2s, transform .2s, -moz-transform .2s;
    transition: opacity .2s, transform .2s;
    transition: opacity .2s, transform .2s, -webkit-transform .2s, -moz-transform .2s, -o-transform .2s
}

.home__certificate-box:not(.owl-loaded) .home__certificate-more {
    left: 0
}

.owl-item:last-child .home__certificate-more {
    left: auto;
    right: 0;
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right
}

.home__certificate-unit_active:hover .home__certificate-more {
    z-index: 1;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.home__certificate-link {
    display: inline-block;
    margin-top: 26px;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    text-decoration: none;
    border-bottom: 1px solid;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.home__certificate-link:hover {
    border-bottom-color: transparent
}

.home__certificate-foot {
    margin-top: 40px;
    text-align: justify;
    font-size: 1px;
    line-height: 0
}

.home__certificate-foot:after {
    content: "";
    display: inline-block;
    width: 100%
}

.home__certificate-info {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1;
    color: #8fbeef;
    text-align: left
}

.home__certificate-name {
    margin-bottom: 4px;
    font-family: "Ubuntu-Regular";
    color: #fff
}

.home__certificate-unit2 {
    display: inline-block;
    vertical-align: middle;
    padding: 5px;
    background: #fff
}

.home__media {
    position: relative;
    z-index: 1;
    padding: 110px 0 66px;
    background-color: #fff
}

.home__media-keyboard {
    position: absolute;
    bottom: -100px;
    left: -webkit-calc(50% - 1180px);
    left: -moz-calc(50% - 1180px);
    left: calc(50% - 1180px);
    width: 535px;
    height: 337px
}

.home__media-keyboard-unit {
    width: 100%;
    height: 100%;
    background-image: url(../img/keyboard.png)
}

.home__media-row {
    font-size: 0;
    line-height: 0;
    margin: 0 -20px
}

.home__media-col {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    line-height: 1.44;
    width: 50%;
    padding: 0 20px
}

.home__media-title {
    margin-bottom: .88em;
    text-align: center
}

.home__blog-row {
    font-size: 0;
    line-height: 0;
    margin: 0 -10px
}

.home__blog-col {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    line-height: normal;
    width: 33.33%;
    padding: 0 10px
}

.home__blog-post .blog-post__picture {
    height: 147px
}

.home__blog-post .blog-post__head {
    height: 38px;
    margin: 10px 0
}

.home__blog-post .blog-post__title {
    font-size: 16px
}

.home__blog-post .blog-post__date {
    font-size: 13px
}

.home__blog-post .blog-post__description {
    height: 80px;
    margin-top: 14px;
    font-size: 14px
}

.home__blog-post_small {
    position: relative;
    padding-top: 18px;
    padding-left: 93px;
    margin-top: 29px
}

.home__blog-post_small:first-child {
    margin-top: 0
}

.home__blog-post_small .blog-post__picture {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 75px;
    height: 75px
}

.home__blog-post_small .blog-post__date {
    position: absolute;
    top: 0;
    left: 93px
}

.home__blog-post_small .blog-post__head {
    height: 58px;
    margin: 0
}

.home__blog-button {
    display: block;
    width: 256px;
    margin: 50px 0 0 auto
}

.home__question-unit {
    position: relative;
    padding-right: 64px;
    margin-top: 20px;
    overflow: hidden
}

.home__question-text p:first-child, .home__question-unit:first-child {
    margin-top: 0
}

.home__question-toggle, .home__question-toggle:after, .home__question-toggle:before {
    position: absolute;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.home__question-toggle {
    top: 0;
    right: 0;
    width: 64px;
    height: 100%;
    background-color: #3479c1
}

.home__question-toggle:hover {
    background-color: #2773c2
}

.home__question-toggle:after, .home__question-toggle:before {
    content: "";
    background-color: #fff
}

.home__question-toggle:before {
    top: 32px;
    left: 19px;
    width: 26px;
    height: 1px
}

.home__question-toggle:after {
    top: 19px;
    left: 31.5px;
    width: 1px;
    height: 26px
}

.home__question-toggle_active:after {
    opacity: 0
}

.home__question-content {
    padding: 18px 32px 22px;
    line-height: 1.25;
    border: 1px solid #ccc;
    border-right: none
}

.home__question-subtitle {
    font-family: "Ubuntu-Regular";
    font-size: 20px;
    cursor: pointer
}

.home__question-text {
    display: none;
    font-size: 16px;
    overflow: hidden;
    -webkit-transition: .6s;
    -o-transition: .6s;
    -moz-transition: .6s;
    transition: .6s
}

.home__question-text_active, .post__comment .post__comment:before {
    display: block
}

.home__question-text p {
    margin: .8em 0
}

.home__question-text p:last-child {
    margin-bottom: 0
}

.home__question-description {
    padding-top: .8em
}

.home__video {
    padding: 56px 0;
    background-color: #f5f5f5
}

.home__video-content {
    max-width: 1230px;
    margin: 0 auto
}

.home__video-row {
    font-size: 0;
    line-height: 0;
    margin: 0 -20px
}

.home__video-col1, .home__video-col2 {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    line-height: 1.44;
    padding: 0 20px;
    width: 39%
}

.home__video-col2 {
    width: 61%
}

.home__video-title {
    max-width: 400px;
    margin-bottom: .45em
}

.home__video-text {
    max-width: 400px
}

.home__video-element {
    position: relative;
    z-index: 1;
    display: block;
    max-width: 749px;
    height: 399px;
    text-align: center;
    font-size: 0;
    line-height: 0;
    cursor: pointer
}

.home__video-element:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.home__video-element:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6)
}

.home__video-element:after, .home__video-preview {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0
}

.home__video-play {
    display: inline-block;
    vertical-align: middle;
    opacity: .7;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.home__video-element:hover .home__video-play {
    opacity: 1
}

.home__team {
    padding-top: 110px
}

.home__team-title {
    margin-bottom: .82em;
    text-align: center
}

.home__team-box:not(.owl-loaded) {
    display: block;
    font-size: 0;
    line-height: 0;
    white-space: nowrap
}

.home__team-box.owl-carousel .owl-stage-outer {
    overflow: visible
}

.home__team-box:not(.owl-loaded) .home__team-unit {
    display: inline-block;
    vertical-align: top;
    line-height: 1.44;
    width: 20%
}

.home__team-unit {
    font-size: 16px;
    text-align: center;
    white-space: normal
}

.home__team-photo, .home__team-specialty {
    -webkit-transition: .8s;
    -o-transition: .8s;
    -moz-transition: .8s;
    transition: .8s
}

.home__team-specialty {
    font-family: "Ubuntu-Bold"
}

.home__team-unit:hover .home__team-specialty {
    color: #3479c1
}

.home__team-photo {
    margin-top: 12px;
    height: 355px;
    font-size: 0;
    line-height: 0;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .9
}

.home__team-photo:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.home__team-unit:hover .home__team-photo {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1
}

.home__team-img {
    display: inline-block !important;
    vertical-align: bottom;
    width: auto !important;
    max-height: 100%
}

.blog__author {
    margin: 36px 0 76px;
    overflow: hidden
}

.blog__author-img {
    float: left;
    width: 265px;
    height: 265px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden
}

.blog__author-text {
    float: left;
    width: -webkit-calc(100% - 265px);
    width: -moz-calc(100% - 265px);
    width: calc(100% - 265px);
    max-width: 830px;
    padding-left: 50px;
    margin-top: 12px
}

.blog__row {
    font-size: 0;
    line-height: 0;
    margin: -30px -20px
}

.blog__col {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    line-height: 1;
    width: 33.33%;
    padding: 30px 20px
}

.blog__button {
    display: block;
    width: 256px;
    margin: 0 auto;
    background-color: #fff
}

.post {
    padding-bottom: 82px
}

.post .title {
    max-width: none
}

.post__content {
    max-width: 986px;
    margin: 40px auto 0
}

.post__content ol, .post__content ul {
    max-width: 880px;
    margin-left: auto;
    margin-right: auto
}

.post__content li {
    padding: 0 38px
}

.post__content ul li:before {
    top: 7px;
    width: 6px;
    height: 6px;
    border-width: 4px
}

.post .blog-post__author {
    padding: 0 0 16px;
    margin: 0 0 1.2em;
    border-top: none;
    border-bottom: 1px solid #eaeaea
}

.post .blog-post__name {
    font-size: 16px;
    border-bottom: 1px solid
}

.post .blog-post__date {
    vertical-align: middle;
    margin-top: 2px;
    margin-left: 28px
}

.post__tags {
    padding: 15px 20px;
    margin-top: 52px;
    border: 1px solid #dcdcdc
}

.post__tag {
    display: inline-block;
    vertical-align: top;
    margin: 5px 12px
}

.post__share {
    margin-top: 38px
}

.post__share-title {
    margin-bottom: 10px;
    font-family: "Ubuntu-Regular"
}

.post__share-button {
    display: inline-block;
    margin-right: 16px;
    color: #000;
    overflow: hidden;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.post__share-button:last-child {
    margin-right: 0
}

.post__share-button:hover {
    opacity: .7
}

.post .icon-fb {
    background-color: #39579a
}

.post .icon-vk {
    background-color: #2989c7
}

.post .icon-tw {
    background-color: #00abf0
}

.post .icon-gp {
    background-color: #ec421b
}

.post__share-icon {
    display: block;
    float: left;
    width: 38px;
    height: 38px
}

.post__share-icon.icon-fb {
    -webkit-background-size: 12px 21px;
    -moz-background-size: 12px 21px;
    background-size: 12px 21px
}

.post__share-icon.icon-vk {
    -webkit-background-size: 23px 13px;
    -moz-background-size: 23px 13px;
    background-size: 23px 13px
}

.post__share-icon.icon-tw {
    -webkit-background-size: 20px 16px;
    -moz-background-size: 20px 16px;
    background-size: 20px 16px
}

.post__share-count {
    float: left;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background-color: #f5f5f5
}

.post__form {
    margin-top: 38px;
    overflow: hidden
}

.post__user {
    float: left;
    width: 61px;
    height: 61px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden
}

.post__review {
    float: left;
    width: -webkit-calc(100% - 61px);
    width: -moz-calc(100% - 61px);
    width: calc(100% - 61px);
    padding-left: 18px
}

.post__field {
    display: block;
    min-width: 100%;
    max-width: 100%;
    min-height: 72px;
    padding: 10px 15px;
    border: 1px solid #dcdcdc;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.post__field:focus {
    border-color: #fb74a0
}

.post__action {
    margin-top: 15px;
    text-align: justify;
    font-size: 1px;
    line-height: 0
}

.post__action:after {
    content: "";
    display: inline-block;
    width: 100%
}

.post__login {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    line-height: 1
}

.post__login-title {
    margin-bottom: 10px;
    font-family: "Ubuntu-Regular"
}

.post__login-button {
    display: inline-block;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin-right: 18px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.post__login-button:last-child {
    margin-right: 0
}

.post__login-button:hover {
    opacity: .8
}

.post__button {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    line-height: 1;
    min-width: 200px
}

.post__comments {
    margin-top: 60px;
    overflow: hidden
}

.post__comment {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 26px
}

.post__comment:first-child {
    margin-top: 0
}

.post__comment:before {
    content: "";
    display: none;
    position: absolute;
    top: 17px;
    left: 0;
    width: 17px;
    height: 17px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 17 17' xmlns='http://www.w3.org/2000/svg' fill='%238c8c8c'%3E%3Cpath d='m17 12.467-4.5328-4.5328-1.1327 1.1327 2.2655 2.2655h-11.332v-11.332h-2.2672v13.6h13.6l-2.2672 2.2672 1.1345 1.1327z' stroke-width='.017347'/%3E%3C/svg%3E%0A");
    opacity: .4
}

.post__comment .post__comment {
    padding-left: 30px;
    margin-top: 22px;
    margin-left: 79px
}

.post__comments .link, .post__review-name {
    font-family: "Ubuntu-Regular";
    font-size: 16px
}

.post__review-date, .post__review-name {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.post__review-name {
    margin-right: 6px;
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid
}

.post__review-date {
    font-size: 16px;
    color: #626262
}

.post__review-text {
    margin: 6px 0 2px
}

.post__comments .link {
    border-color: transparent
}

.post__comments .link:hover {
    border-color: #3479c1
}

.page.contacts {
    padding-bottom: 40px
}

.contacts__smartphone {
    position: absolute;
    z-index: -1;
    top: 92px;
    right: -119px
}

.contacts__smartphone .parallax__layer {
    position: static !important
}

.contacts__row {
    position: relative;
    font-size: 0;
    line-height: 0;
    margin: -14px -20px
}

.contacts__col1, .contacts__col2 {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    line-height: 1;
    padding: 14px 20px;
    width: 36%
}

.contacts__col2 {
    width: 64%
}

.contacts__info {
    max-width: 520px;
    margin-top: 12px
}

.contacts__info-row {
    font-size: 0;
    line-height: 0;
    margin: -14px -10px
}

.contacts__info-col {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    line-height: 1.44;
    padding: 14px 10px;
    width: 50%
}

.contacts__info-col:nth-child(odd):last-child {
    width: 100%
}

.contacts__info-unit {
    position: relative;
    padding-left: 34px
}

.contacts__icon {
    position: absolute;
    top: 2px;
    left: 0
}

.contacts__subtitle {
    margin-top: 0;
    margin-bottom: 7px;
    font-size: 25px
}

.contacts__link {
    display: inline-block
}

.cases__filter-button:after, a.contacts__link {
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

a.contacts__link {
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid transparent
}

a.contacts__link:hover {
    border-color: #000
}

.contacts__contacts-action {
    padding: 38px 36px 62px;
    background: #0198d0;
    background: -webkit-gradient(linear, left top, right top, from(#0198d0), to(#4776bc))
}

.contacts__contacts-action-title {
    margin-bottom: .42em;
    color: #fff
}

.contacts__map {
    width: 100%;
    height: 628px;
    margin-top: 38px
}

.contacts__socials {
    margin-top: 40px
}

.cases_second {
    padding-bottom: 282px !important
}

.cases__filter {
    font-family: "Arsenal-Regular";
    font-size: 25px;
    line-height: 1.2;
    margin: -4px 0
}

.cases__filter-button, .cases__filter-title {
    display: inline-block;
    margin: 4px 32px 4px 0
}

.cases__filter-button {
    position: relative;
    padding-bottom: 3px;
    color: #000;
    text-decoration: none
}

.cases__filter-button:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    max-width: 100%;
    height: 3px;
    background-color: #fb74a0;
    opacity: 0
}

.cases__filter-button:not(.cases__filter-button_active):hover:after {
    width: 54px;
    opacity: 1
}

.cases__filter-button_active:after {
    width: 100%;
    opacity: 1
}

.cases__box {
    margin-top: 44px;
    font-size: 0;
    line-height: 0
}

.cases__box .gutter-sizer {
    width: 9%
}

.cases__unit {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    line-height: normal;
    width: 45.5%;
    margin-bottom: 5.2%
}

.cases__row_masonry:not(.cases__row_masonry_active) .cases__unit:nth-child(even) {
    margin-right: 4.5%
}

.cases__row_masonry:not(.cases__row_masonry_active) .cases__unit:nth-child(odd) {
    margin-left: 4.5%
}

.cases__row:not(.cases__row_masonry) {
    font-size: 0;
    line-height: 0;
    margin: -32px -50px
}

.cases__col {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    line-height: 1.44;
    width: 50%;
    padding: 32px 50px;
    margin-bottom: 40px
}

.cases__unit:nth-child(even) .cases-unit__picture {
    height: 667px
}

.cases__unit:nth-child(odd) .cases-unit__picture {
    height: 527px
}

.case {
    padding-bottom: 270px !important
}

.case__head {
    position: relative;
    font-family: "Ubuntu-Regular";
    font-size: 20px;
    line-height: 1.2
}

.case__head-unit {
    position: relative;
    padding-left: 30px;
    margin-top: 12px
}

.case__head-unit:first-child {
    margin-top: 0
}

.case__head-icon {
    position: absolute;
    top: 2px;
    left: -4px
}

.case__head-title {
    display: inline-block;
    vertical-align: middle
}

.case__head-link {
    min-width: auto;
    padding: 0 10px;
    height: 30px;
    line-height: 29px
}

.case__head-picture {
    position: absolute !important;
    top: 0;
    right: 0;
    width: 463px;
    height: 646px
}

.case__head-picture_v2 {
    position: absolute;
    top: -85px;
    left: 50%;
    z-index: 10;
    width: 50%;
    min-width: 512px
}

.case__head-picture:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px solid #dcdcdc
}

.case__head-img {
    -o-object-position: top left;
    object-position: top left
}

.case__task {
    position: relative;
    padding: 26px 30px;
    margin-top: 30px;
    color: #fff
}

.case__task:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: -webkit-calc(100% + 160px);
    width: -moz-calc(100% + 160px);
    width: calc(100% + 160px);
    height: 100%;
    background: #0198d0;
    background: -webkit-gradient(linear, left top, right top, from(#0198d0), to(#4776bc));
    background: -webkit-linear-gradient(left, #0198d0, #4776bc);
    background: -moz-linear-gradient(left, #0198d0, #4776bc);
    background: -o-linear-gradient(left, #0198d0, #4776bc);
    background: linear-gradient(to right, #0198d0, #4776bc)
}

.case__task-title {
    margin-bottom: .3em
}

.case__task-text {
    width: 50%;
    padding-right: 44px
}

.case__task-text p {
    margin: .6em 0
}

.case__main {
    margin-top: 78px
}

.case__row {
    font-size: 0;
    line-height: 0;
    margin: 0 -110px
}

.case__col {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    line-height: 1.44;
    width: 50%;
    padding: 0 110px
}

.case__col:nth-child(2) {
    padding-top: 320px
}

.case__main-title {
    margin: 1.05em 0 .35em
}

.case__main ul {
    margin: .8em 0
}

.case__main-chart {
    margin-top: 28px
}

.promotion {
    padding-bottom: 240px
}

.promotion__row {
    font-size: 0;
    line-height: 0;
    margin: 0 -20px
}

.promotion__col1, .promotion__col2 {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    line-height: 1.44;
    width: 40%;
    padding: 0 20px
}

.promotion__col2 {
    width: 60%
}

.promotion__title {
    margin: 2em 0 .6em;
    text-align: center
}

.promotion__tariffs {
    margin-top: 66px
}

.promotion__cases-row {
    font-size: 0;
    line-height: 0;
    margin: 0 -20px
}

.promotion__cases-col {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    line-height: 1.44;
    width: 33.33%;
    padding: 0 20px
}

.promotion__cases-unit .cases-unit__picture {
    height: 236px !important
}

.promotion__cases-unit .cases-unit__text {
    padding: 20px
}

.promotion__cases-unit .cases-unit__title {
    font-size: 25px
}

.promotion__cases-unit .cases-unit__button {
    position: absolute;
    bottom: 20px;
    left: 20px
}

.promotion__button {
    display: block;
    width: 256px;
    margin: 52px auto 0;
    background-color: #fff
}

.actions {
    padding-bottom: 262px
}

.actions__row {
    font-size: 0;
    line-height: 0;
    margin: -20px
}

.actions__col {
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
    line-height: 1.44;
    width: 50%;
    padding: 20px
}

.actions__unit {
    display: block;
    position: relative;
    z-index: 0;
    min-height: 287px;
    padding: 32px 46px 104px;
    text-decoration: none;
    color: #fff;
    overflow: hidden
}

.actions__unit:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .7
}

.actions__unit_dark:before {
    background-color: #000;
    opacity: .3
}

.actions__img {
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;
    -webkit-transition: 1s;
    -o-transition: 1s;
    -moz-transition: 1s;
    transition: 1s
}

.actions__unit:hover .actions__img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.actions__name {
    font-family: "Arsenal-Regular";
    font-size: 40px;
    line-height: normal
}

.actions__text {
    margin-top: 12px
}

.actions__text_small {
    font-size: 18px
}

.actions__button {
    position: absolute;
    bottom: 30px;
    left: 46px;
    min-width: 200px
}

.actions__end {
    position: absolute;
    bottom: 30px;
    right: 46px;
    text-align: center
}

.tariffs {
    padding-bottom: 250px
}

.tariffs__main {
    position: relative;
    margin-top: 60px
}

.tariffs__content {
    width: -webkit-calc(100% - 280px);
    width: -moz-calc(100% - 280px);
    width: calc(100% - 280px);
    max-width: 1210px
}

.tariff__case .cases-unit2:after, .tariffs__content:after {
    content: "";
    display: table;
    clear: both
}

.tariffs__section {
    padding: 10px 0 50px
}

.tariffs__section:first-child {
    padding-top: 0
}

.tariffs__section:last-child {
    padding-bottom: 0
}

.tariffs__title {
    margin: .5em 0
}

.tariffs__row {
    font-size: 0;
    line-height: 0;
    margin: -15px
}

.tariffs__col {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    line-height: 1;
    width: 33.33%;
    padding: 15px
}

.tariffs__unit {
    position: relative;
    padding: 28px 28px 35px;
    font-size: 16px;
    line-height: 1.4
}

.whole_block_link {
    text-indent: -9999999999px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.tariffs__unit .tariff-unit__title {
    margin-bottom: .6em;
    text-align: left;
    font-size: 20px;
    color: #000;
    text-decoration: none
}

.tariff-unit:hover .tariff-unit__title {
    color: #fff
}

.tariffs__unit .tariff-unit__price {
    margin: 18px 0 25px;
    text-align: left
}

.tariffs__unit .tariff-unit__button {
    display: block;
    width: 240px;
    margin: 0 auto
}

.tariffs__unit-small {
    font-size: 32px
}

.tariffs__sidebar {
    position: absolute;
    top: 72px;
    right: 0;
    width: 240px;
    height: -webkit-calc(100% - 72px);
    height: -moz-calc(100% - 72px);
    height: calc(100% - 72px)
}

.tariffs__menu {
    width: 240px
}

.tariffs__menu_fixed {
    position: fixed;
    top: 90px
}

.tariffs__menu_bottom {
    position: absolute;
    bottom: 0;
    left: 0
}

.tariffs__link {
    display: block;
    padding: 5px 15px;
    margin-top: 7px;
    font-family: "Ubuntu-Regular";
    font-size: 18px;
    line-height: 1;
    color: #000;
    text-decoration: none;
    border: 1px solid transparent;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.tariffs__link:first-child {
    margin-top: 0
}

.tariffs__link:hover {
    border-color: #fb74a0
}

.tariffs__link_active {
    background-color: #fb74a0
}

.tariff {
    padding-bottom: 260px
}

.tariff .title {
    max-width: none
}

.tariff .page__description {
    max-width: 772px
}

.tariff .home {
    margin-top: 0
}

.tariff__cases {
    position: relative;
    z-index: 2
}

.tariff__cases:not(.owl-loaded) {
    display: block
}

.tariff__cases.owl-carousel .owl-stage-outer {
    padding-top: 90px;
    margin-top: -90px
}

.tariff__cases.owl-carousel.owl-theme .owl-nav {
    top: 256px;
    left: -webkit-calc(50% - 106px);
    left: -moz-calc(50% - 106px);
    left: calc(50% - 106px);
    right: auto
}

.tariff__case {
    position: relative;
    padding: 74px 0 48px 100px;
    background-color: #f5f5f5
}

.tariff__case:after, .tariff__case:before {
    content: "";
    display: none;
    position: absolute;
    z-index: -1;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #f5f5f5
}

.tariff__case:before {
    right: 100%
}

.tariff__case:after {
    left: 100%
}

.tariff__case .cases-unit2__project {
    float: right;
    margin-top: -162px;
    margin-right: 16px
}

.tariff__case .cases-unit2__text {
    float: left;
    width: 50%;
    max-width: 710px;
    padding-right: 40px;
    margin-left: 0
}

.tariff__cases:not(.owl-loaded) .tariff__case {
    display: none
}

.tariff__cases:not(.owl-loaded) .tariff__case:first-child {
    display: block
}

.owl-item:first-child .tariff__case:before {
    display: block
}

.owl-item:last-child .tariff__case:after {
    display: block
}

.tariff__reviews {
    margin-top: 35px
}

.tariff__reviews-title {
    text-align: center
}

.tariff__reviews-slider:not(.owl-loaded) {
    display: block;
    font-size: 0;
    line-height: 0;
    white-space: nowrap;
    overflow: hidden
}

.tariff__reviews-slider.owl-carousel.owl-theme .owl-nav {
    top: -94px
}

.tariff__reviews-slider:not(.owl-loaded) .review-unit {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    line-height: 1.44;
    width: -webkit-calc((100% - 40px) / 2);
    width: -moz-calc((100% - 40px) / 2);
    width: calc((100% - 40px) / 2);
    margin-right: 40px;
    white-space: normal
}

.reviews__row {
    font-size: 0;
    line-height: 0;
    margin: -20px
}

.reviews__col {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    line-height: 1.44;
    width: 50%;
    padding: 20px
}

.tariff__children_links {
    margin: 40px 0
}

.tariff__children_links .home__services-list {
    display: flex;
    justify-content: space-between;
    max-width: 700px;
    margin: 0 auto;
    flex-wrap: wrap
}

.tariff__children_links .home__services-list li {
    margin: 15px
}

.post-type-archive-services .services__row {
    margin-top: 80px
}

.single-services .reviews__col {
    width: auto
}

.footer__contacts {
    background: #f5f5f5
}

.footer__contacts-content {
    position: relative;
    padding-left: 15.6%;
    font-size: 0;
    line-height: 0
}

.footer__contacts-map {
    position: absolute;
    top: 0;
    right: 84.4%;
    width: -webkit-calc(15.6% + ((100vw - 1600px) / 2));
    width: -moz-calc(15.6% + ((100vw - 1600px) / 2));
    width: calc(15.6% + ((100vw - 1600px) / 2));
    height: 100%
}

.footer__contacts-info {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 1.37;
    width: 33%;
    padding: 34px 22px
}

.footer__contacts-unit {
    position: relative;
    padding-left: 28px;
    margin-top: 8px
}

.footer__contacts-unit:first-child {
    margin-top: 0
}

.footer__contacts-icon {
    position: absolute;
    top: 4px;
    left: 0
}

.footer__contacts-link, .footer__contacts-tel {
    display: inline-block;
    text-decoration: none;
    color: #000
}

.footer__contacts-tel {
    font-size: 18px
}

.footer__contacts-button {
    min-width: 164px;
    height: 36px;
    margin-top: 26px;
    font-size: 16px;
    line-height: 34px
}

.footer__contacts-socials {
    margin-top: 68px
}

.footer__contacts-action {
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    line-height: 1;
    width: 67%;
    padding: 38px 0 60px 38px
}

.footer__contacts-action:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: -webkit-calc(100% + ((100vw - 1600px) / 2));
    width: -moz-calc(100% + ((100vw - 1600px) / 2));
    width: calc(100% + ((100vw - 1600px) / 2));
    height: 100%;
    background: #0198d0;
    background: -webkit-gradient(linear, left top, right top, from(#0198d0), to(#4776bc));
    background: -webkit-linear-gradient(left, #0198d0, #4776bc);
    background: -moz-linear-gradient(left, #0198d0, #4776bc);
    background: -o-linear-gradient(left, #0198d0, #4776bc);
    background: linear-gradient(to right, #0198d0, #4776bc)
}

.footer__contacts-action-title {
    margin-bottom: .5em;
    color: #fff
}

.footer__main {
    padding: 36px 0 26px;
    font-size: 14px;
    line-height: normal;
    color: #fff;
    background-color: #071524
}

.footer__head {
    font-size: 0;
    line-height: 0
}

.footer__logo, .footer__menu {
    display: inline-block;
    vertical-align: middle
}

.footer__logo {
    width: 131px;
    height: 49px
}

.footer__menu {
    font-size: 14px;
    line-height: normal;
    max-width: -webkit-calc(100% - 141px);
    max-width: -moz-calc(100% - 141px);
    max-width: calc(100% - 141px);
    padding-left: 70px
}

.footer__menu .menu-item {
    display: inline-block;
    vertical-align: top;
    margin-right: 34px
}

.footer__menu .menu-item:last-child {
    margin-right: 0
}

.footer__menu a {
    font-family: "Ubuntu-Regular";
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.footer__menu a:hover {
    color: #e6e6e6
}

.footer__box {
    margin-top: 36px
}

.footer__row {
    text-align: justify;
    font-size: 1px;
    line-height: 0
}

.footer__more:after, .footer__row:after {
    content: "";
    display: inline-block;
    width: 100%
}

.footer__col {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: normal;
    max-width: 180px;
    text-align: left
}

.footer__col:last-child {
    max-width: none
}

.footer__subtitle {
    margin-bottom: .4em;
    font-size: 18px;
    color: #a0a7af
}

.footer__list1 .menu-item {
    margin-top: 7px
}

.footer__list1 .menu-item:first-child, .footer__list2 .menu-item:first-child {
    margin-top: 0
}

.footer__list1 a, .footer__list2 a {
    color: #fff;
    text-decoration: none;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    border-bottom: 1px solid transparent
}

.footer__list1 a:hover {
    border-color: #fff
}

.footer__list2 .menu-item {
    margin-top: 12px
}

.footer__list2 a {
    border-bottom: 1px solid #fff
}

.footer__list2 a:hover {
    border-color: transparent
}

.footer__more {
    margin-top: 60px;
    text-align: justify;
    font-size: 1px;
    line-height: 0
}

.footer__more-unit {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: normal
}

.footer__subscribe {
    font-size: 0;
    line-height: 0
}

.footer__subscribe-input {
    display: inline-block;
    width: 220px;
    border-color: #fff
}

.footer__subscribe-input:focus {
    border-color: #3479c1
}

.footer__contcts-button {
    vertical-align: bottom;
    height: 36px;
    min-width: 154px;
    margin-left: 12px;
    font-size: 16px;
    line-height: 34px
}

.footer__payment {
    display: inline-block;
    width: 50px;
    height: 31px;
    margin-left: 8px;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    font-size: 0;
    line-height: 0
}

.footer__payment:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.footer__payment:first-child {
    margin-left: 0
}

.footer__payment:after {
    content: "";
    display: inline-block;
    vertical-align: middle
}

.footer__payment_1:after, .footer__payment_2:after {
    background-image: url(../img/sprite.png);
    background-position: -46px -28px;
    width: 36px;
    height: 19px
}

.footer__payment_2:after {
    background-position: 0 0;
    width: 40px;
    height: 27px
}

.footer__payment_3:after, .footer__payment_4:after {
    background-image: url(../img/sprite.png);
    background-position: 0 -28px;
    width: 45px;
    height: 20px
}

.footer__payment_4:after {
    background-position: -41px 0;
    width: 43px;
    height: 23px
}

.footer__copyright {
    margin-top: 58px;
    font-size: 12px;
    color: #a0a7af
}

.footer__copyright-title {
    margin-bottom: 5px;
    font-size: 14px;
    color: #fff
}

.hide_field {
    display: none
}

.seomi_modal_form.fancybox-content {
    max-width: 400px;
    background: #0198d0;
    background: -webkit-gradient(linear, left top, right top, from(#0198d0), to(#4776bc));
    background: -webkit-linear-gradient(left, #0198d0, #4776bc);
    background: -o-linear-gradient(left, #0198d0, #4776bc);
    background: linear-gradient(to right, #0198d0, #4776bc)
}

.seomi_title_modal {
    font-size: 26px;
    font-family: "Arsenal-Regular";
    line-height: 1;
    font-weight: 400;
    color: #fff;
    text-align: center;
    margin-bottom: 30px
}

.fancybox-content .button {
    margin: 43px auto 0;
    display: table
}

.seomi_modal_form .fancybox-close-small {
    fill: #fff;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    color: #fff !important
}

.seomi_modal_form .callback-action__text {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    font-size: 12px;
    margin-top: 20px;
    text-align: center
}

.form_input {
    position: relative
}

.mt20 {
    margin-top: 20px
}

.input-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 6px;
    width: 100%;
    height: 62px;
    font-size: 16px;
    line-height: 61px;
    color: #fff;
    white-space: nowrap;
    cursor: text;
    transition: .2s;
    pointer-events: none;
    touch-action: none;
    opacity: .7
}

.field_focus .input-placeholder {
    top: -20px;
    font-size: 12px
}

.form_input .error {
    color: #ffda10;
    position: absolute;
    bottom: 4px;
    font-size: 12px;
    left: 6px;
    line-height: normal
}

.privacy_policy_modal .fancybox-content {
    max-width: 1200px
}

.fancybox-slide--html .fancybox-close-small {
    padding: 0;
    right: 20px;
    top: 20px
}

iframe {
    max-width: 100%
}

.aligncenter {
    margin: 0 auto
}

.pagination {
    margin-top: 75px;
    margin-bottom: -135px
}

.pagination .pagination__links {
    text-align: center;
    margin-top: 20px;
    font-size: 0
}

.more, .pagination .page-numbers {
    vertical-align: middle;
    text-align: center;
    cursor: pointer
}

.pagination .page-numbers {
    display: inline-block;
    margin: 0 5px;
    width: 52px;
    height: 52px;
    padding: 0 16px;
    font-family: "Ubuntu-Regular";
    font-size: 18px;
    line-height: 50px;
    color: #3479c1;
    fill: #3479c1;
    text-decoration: none;
    white-space: nowrap;
    border: 1px solid;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background-color: transparent;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.pagination .page-numbers.current {
    border-color: #fb74a0
}

.pagination .page-numbers span.icon svg {
    width: 21px;
    height: 22px;
    vertical-align: middle
}

.pagination .next.page-numbers, .prev.page-numbers {
    border: 0
}

.pagination .page-numbers:hover {
    color: #000;
    border-color: #fb74a0;
    background-color: #fb74a0
}

.pagination .page-numbers:active {
    -webkit-box-shadow: 0 0 0 3px rgba(201, 168, 12, .3);
    -moz-box-shadow: 0 0 0 3px rgba(201, 168, 12, .3);
    box-shadow: 0 0 0 3px rgba(201, 168, 12, .3)
}

.ya-share2__container_size_l .ya-share2__badge .ya-share2__icon {
    height: 38px !important;
    width: 38px !important;
    background-size: 38px 38px !important
}

.more {
    background-color: #eee;
    line-height: 1px;
    align-items: center;
    display: inline-flex;
    padding: 2px 10px 13px;
    border-radius: 5px;
    letter-spacing: 2px;
    margin-top: 10px;
    transition: background-color .3s ease 0s
}

.more:hover {
    background-color: #cdcdcd
}

.achievements {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 20px auto
}

.achievement {
    flex: 1 1 0;
    text-align: center;
    padding: 0 10px;
    transition: transform .2s;
    border-left: 1px solid #ddd
}

.achievement:first-child {
    border-left: none
}

.achieve_result {
    font-size: 2.5rem;
    font-weight: 700;
    color: #4caf50;
    margin-bottom: 5px;
    line-height: 1.2
}

.achieve_name {
    font-size: 15px;
    color: #666;
    font-weight: 500
}

@font-face {
    font-family: "Arsenal-Bold";
    src: url(../fonts/Arsenal-Bold.woff) format("woff"), url(../fonts/Arsenal-Bold.ttf) format("truetype");
    font-display: block;
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "Arsenal-Regular";
    src: url(../fonts/Arsenal-Regular.woff) format("woff"), url(../fonts/Arsenal-Regular.ttf) format("truetype");
    font-display: block;
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "Ubuntu-Bold";
    src: url(../fonts/Ubuntu-Bold.woff) format("woff"), url(../fonts/Ubuntu-Bold.ttf) format("truetype");
    font-display: block;
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "Ubuntu-Light";
    src: url(../fonts/Ubuntu-Light.woff) format("woff"), url(../fonts/Ubuntu-Light.ttf) format("truetype");
    font-display: block;
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "Ubuntu-Regular";
    src: url(../fonts/Ubuntu-Regular.woff) format("woff"), url(../fonts/Ubuntu-Regular.ttf) format("truetype");
    font-display: block;
    font-style: normal;
    font-weight: 400
}

.email_field_wrapper {
    display: none
}

input:-webkit-autofill, input:-webkit-autofill:focus, input:-webkit-autofill:hover, select:-webkit-autofill, select:-webkit-autofill:focus, select:-webkit-autofill:hover, textarea:-webkit-autofill, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
    -webkit-text-fill-color: #fff !important;
    background-color: transparent !important;
    transition: background-color 5000s ease-in-out 0s
}

@media (min-width: 768px) and (max-width: 1279px) {
    .home__cases-slide:after {
        content: "";
        display: table;
        clear: both
    }

    .home__cases-picture {
        float: left;
        width: 49.73%;
        height: 260px;
        margin-right: 26px
    }

    .home__cases-info {
        display: block;
        width: auto;
        padding: 0
    }

    .home__tariffs-action {
        padding: 60px 20px !important;
        background: #0198d0;
        background: -webkit-gradient(linear, left top, right top, from(#0198d0), to(#4776bc));
        background: -webkit-linear-gradient(left, #0198d0, #4776bc);
        background: -moz-linear-gradient(left, #0198d0, #4776bc);
        background: -o-linear-gradient(left, #0198d0, #4776bc);
        background: linear-gradient(to right, #0198d0, #4776bc)
    }

    .home__tariffs-action-bg {
        display: none
    }

    .home__tariffs-action-title {
        max-width: -webkit-calc(100% - 220px);
        max-width: -moz-calc(100% - 220px);
        max-width: calc(100% - 220px);
        margin-left: auto;
        margin-right: auto
    }

    .home__stages-box {
        margin: -15px 0;
        text-align: center
    }

    .home__stages-points {
        display: none
    }

    .home__stages-unit {
        margin: 15px -webkit-calc((100% - 196px * 3) / 6);
        margin: 15px -moz-calc((100% - 196px * 3) / 6);
        margin: 15px calc((100% - 196px * 3) / 6)
    }
}

@media (min-width: 1000px) and (max-width: 1279px) {
    .header__main {
        width: -webkit-calc(100% - 220px);
        width: -moz-calc(100% - 220px);
        width: calc(100% - 220px)
    }

    .header__menu {
        width: -webkit-calc(100% - 204px);
        width: -moz-calc(100% - 204px);
        width: calc(100% - 204px);
        margin-left: 12px
    }

    .home__front-description1 {
        max-width: -webkit-calc(100% - 380px);
        max-width: -moz-calc(100% - 380px);
        max-width: calc(100% - 380px)
    }

    .home__front-action {
        max-width: -webkit-calc(100% - 432px);
        max-width: -moz-calc(100% - 432px);
        max-width: calc(100% - 432px)
    }

    .home__front-circle2 {
        left: 0 !important
    }

    .home__front-circle3 {
        left: -36px !important
    }
}

@media only screen and (min-width: 1280px) {
    .cases-unit__text {
        opacity: 0
    }

    .cases-unit__text ul {
        -webkit-transform: translateY(12px);
        -moz-transform: translateY(12px);
        -ms-transform: translateY(12px);
        -o-transform: translateY(12px);
        transform: translateY(12px)
    }

    .cases-unit:hover .cases-unit__text {
        opacity: 1
    }

    .cases-unit:hover ul {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    .cases-unit__title {
        -webkit-transform: translateX(20%);
        -moz-transform: translateX(20%);
        -ms-transform: translateX(20%);
        -o-transform: translateX(20%);
        transform: translateX(20%)
    }

    .cases-unit:hover .cases-unit__button, .cases-unit:hover .cases-unit__title {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }

    .cases-unit__button {
        -webkit-transform: translateX(-20%);
        -moz-transform: translateX(-20%);
        -ms-transform: translateX(-20%);
        -o-transform: translateX(-20%);
        transform: translateX(-20%)
    }

    .home__certificate-box:not(.owl-loaded) .home__certificate-unit:last-child .home__certificate-more {
        left: auto;
        right: 0;
        -webkit-transform-origin: top right;
        -moz-transform-origin: top right;
        -ms-transform-origin: top right;
        -o-transform-origin: top right;
        transform-origin: top right
    }
}

@media (min-width: 1280px) and (max-width: 1679px) {
    .home__advantages-tab {
        width: 64px;
        margin-left: 8px
    }

    .home__advantages-icon {
        margin-top: -12px;
        margin-bottom: -12px;
        margin-left: -webkit-calc((100% - 82px) / 2);
        margin-left: -moz-calc((100% - 82px) / 2);
        margin-left: calc((100% - 82px) / 2);
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -ms-transform: scale(.7);
        -o-transform: scale(.7);
        transform: scale(.7)
    }

    .home__advantages-title {
        font-size: 16px
    }

    .home__blog-col {
        width: 50%
    }

    .home__blog-col:nth-child(2) {
        display: none
    }
}

@media only screen and (min-width: 1920px) {
    .home__front-circle1 {
        left: -webkit-calc((100vw - 1680px) / -2 - 420px);
        left: -moz-calc((100vw - 1680px) / -2 - 420px);
        left: calc((100vw - 1680px) / -2 - 420px)
    }

    .footer__main-container {
        padding-left: 114px
    }

    .footer__copyright, .footer__head {
        margin-left: -202px
    }
}

@media only screen and (max-width: 1679px) {
    .container {
        padding-left: 30px;
        padding-right: 30px
    }

    .to-up {
        bottom: 30px;
        right: 30px
    }

    .callback__bg {
        left: -46px
    }

    .callback__row {
        margin: 0 -15px
    }

    .callback__col1, .callback__col2 {
        padding: 0 15px;
        width: 50%
    }

    .tariffs-row {
        margin: -10px
    }

    .tariffs-row__col {
        padding: 10px
    }

    .tariffs-row__col:nth-child(2) .tariff-unit {
        padding-left: 18px;
        padding-right: 18px
    }

    .tariff-unit {
        padding-left: 18px;
        padding-right: 18px
    }

    .page__circle1 {
        left: -490px
    }

    .page__lattice {
        width: 38%
    }

    .blog-post__picture {
        height: 249px
    }

    .header__description, .home__front-description2-unit:before {
        display: none
    }

    .header__bg {
        margin-right: -936px
    }

    .home__front-start {
        width: 60%
    }

    .home__front-end {
        right: -30px;
        width: 40%
    }

    .home__front-description2 {
        top: 248px;
        left: 295px
    }

    .home__front-circle2 {
        left: -48px
    }

    .home__front-circle3 {
        left: -56px
    }

    .home__benefit-col1 {
        width: 42%
    }

    .home__benefit-col2 {
        width: 58%
    }

    .home__cases {
        padding-bottom: 126px
    }

    .home__cases-button {
        bottom: -62px
    }

    .home__tariffs-content {
        margin: 0 -20px
    }

    .home__tariffs-box {
        width: 62%;
        padding: 50px 20px
    }

    .home__tariffs-action {
        width: 38%;
        padding: 172px 20px 90px 120px
    }

    .home__tariffs-fense {
        bottom: 150px;
        left: 160px
    }

    .home__customer-circle {
        top: 388px;
        left: -128px;
        margin-left: 0
    }

    .home__customer-circle2 {
        left: -86px;
        margin-left: 0
    }

    .home__customer-reviews-slider:not(.owl-loaded) .home__customer-reviews-tab {
        margin-left: 48px
    }

    .home__customer-clients-slider:not(.owl-loaded) .home__customer-clients-box {
        width: 33.33%
    }

    .home__customer-popup {
        max-width: 96%;
        padding-left: 50px;
        padding-right: 50px
    }

    .home__customer-popup-col {
        width: 16.66%
    }

    .home__stages-points {
        width: 24px
    }

    .home__stages-unit {
        max-width: 193px
    }

    .home__certificate-unit {
        height: 211px
    }

    .cases__row:not(.cases__row_masonry) {
        margin: -32px
    }

    .cases__col {
        padding: 32px
    }

    .case__row {
        margin: 0 -40px
    }

    .case__col {
        padding: 0 40px
    }

    .tariff__cases.owl-carousel .owl-stage-outer {
        padding-top: 26px;
        margin-top: -26px
    }

    .tariff__cases.owl-carousel.owl-theme .owl-nav {
        top: 54px;
        left: -webkit-calc(50% - 40px);
        left: -moz-calc(50% - 40px);
        left: calc(50% - 40px)
    }

    .tariff__case .cases-unit2__project {
        margin-top: -98px;
        margin-right: 0
    }

    .tariff__case .cases-unit2__text {
        width: -webkit-calc(100% - 672px);
        width: -moz-calc(100% - 672px);
        width: calc(100% - 672px)
    }

    .footer__contacts-map {
        width: -webkit-calc(15.6% + 40px);
        width: -moz-calc(15.6% + 40px);
        width: calc(15.6% + 40px)
    }

    .footer__contacts-action:before {
        width: -webkit-calc(100% + 40px);
        width: -moz-calc(100% + 40px);
        width: calc(100% + 40px)
    }

    .footer__col {
        max-width: 170px
    }
}

@media only screen and (max-width: 1279px) {
    h1 {
        font-size: 45px
    }

    h2 {
        font-size: 40px
    }

    h3 {
        font-size: 34px
    }

    h4 {
        font-size: 29px
    }

    h5 {
        font-size: 24px
    }

    .container {
        padding-left: 20px;
        padding-right: 20px
    }

    .title {
        font-size: 58px
    }

    .to-up {
        bottom: 20px;
        right: 20px;
        width: 60px;
        height: 60px
    }

    .to-up__icon {
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8)
    }

    .callback__bg {
        display: none
    }

    .callback__circle1 {
        left: auto;
        right: -136px
    }

    .callback__circle2 {
        left: auto;
        right: -40px
    }

    .callback__circle3 {
        bottom: -28px;
        left: -130px
    }

    .callback__col1 {
        width: 38%
    }

    .callback__col2 {
        width: 62%
    }

    .callback__text {
        padding-left: 0
    }

    .callback-action__row {
        margin: 0 -20px
    }

    .callback-action__col {
        padding: 0 20px
    }

    .tariffs-row {
        margin: -10px
    }

    .tariffs-row__col {
        padding: 10px
    }

    .about {
        padding: 50px 0
    }

    .about__title {
        margin-bottom: .82em
    }

    .about__text {
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px
    }

    body .page {
        padding-bottom: 60px;
        margin-top: 69px
    }

    .page__circle1 {
        top: -114px;
        left: auto;
        right: -490px
    }

    .page__description {
        margin-bottom: 30px
    }

    .page__circle {
        display: none
    }

    .blog-post__picture {
        height: 152px
    }

    .blog-post__head {
        height: 47px
    }

    .blog-post__title {
        font-size: 18px
    }

    .blog-post__description {
        height: 58px;
        font-size: 16px
    }

    .cases-unit__button {
        border-color: #fff
    }

    .cases-unit2__text {
        margin-right: 30px
    }

    .header__menu {
        margin-left: 32px
    }

    .header__menu-list {
        margin-right: -22px
    }

    .header__menu-list .menu-item {
        margin-right: 22px
    }

    .header__contacts {
        padding-right: 12px
    }

    .header__bg {
        right: 0;
        margin-right: -328px
    }

    .home__front-start {
        width: -webkit-calc(100% - 36px);
        width: -moz-calc(100% - 36px);
        width: calc(100% - 36px)
    }

    .home__front-title {
        max-width: 570px;
        margin: 26px 0
    }

    .home__front-action {
        margin-top: 12px
    }

    .home__front-button1 {
        margin-right: 30px
    }

    .home__front-advantages {
        margin-top: 50px
    }

    .home__front-advantage {
        margin-left: 38px;
        font-size: 18px
    }

    .home__front-number:after, .home__front-number:before {
        width: 24px;
        height: 54px
    }

    .home__front-number {
        padding: 0 24px;
        font-size: 46px
    }

    .home__front-end {
        right: -20px;
        width: 472px
    }

    .home__front-description2 {
        top: 246px;
        left: 298px;
        font-size: 15px
    }

    .home__benefit-title {
        margin-bottom: 1.2em;
        text-align: center
    }

    .home__benefit-col1 {
        width: 100%
    }

    .home__benefit-col2 {
        width: 100%;
        margin-top: 40px
    }

    .home__advantages {
        margin-top: 44px
    }

    .home__advantages-tab {
        margin-left: 28px
    }

    .home__advantages-content:after, .home__customer-reviews-content:after {
        display: block
    }

    .home__advantages-content {
        padding-right: 0
    }

    .home__services-list {
        margin-top: 20px
    }

    .home__cases {
        padding: 50px 0 118px
    }

    .home__cases-title {
        margin-bottom: 1em
    }

    .home__cases-slider.owl-carousel .owl-stage-outer, .home__customer-clients-slider.owl-carousel .owl-stage-outer, .home__customer-reviews-slider.owl-carousel .owl-stage-outer {
        overflow: visible
    }

    .home__cases-previews {
        display: none
    }

    .home__tariffs-box {
        width: 100%
    }

    .home__tariffs-title {
        margin-bottom: 1.1em
    }

    .home__tariffs-action {
        width: 100%
    }

    .home__tariffs-circle1 {
        left: auto;
        right: -80px
    }

    .home__tariffs-circle2 {
        left: auto;
        right: -104px
    }

    .home__tariffs-fense {
        left: 70px
    }

    .home__customer {
        padding-top: 50px
    }

    .home__customer-row {
        margin: -20px
    }

    .home__customer-col {
        width: 100%;
        padding: 20px
    }

    .home__customer-title {
        text-align: center
    }

    .home__customer-reviews {
        height: auto;
        padding-right: 0;
        margin-right: 0
    }

    .home__customer-grid {
        right: -28px;
        height: 300px
    }

    .home__customer-clients-slider:not(.owl-loaded), .home__customer-reviews-slider:not(.owl-loaded) {
        overflow: visible
    }

    .home__customer-popup {
        padding: 20px
    }

    .home__customer-popup-row {
        margin: -20px 0
    }

    .home__customer-popup-col {
        width: 33.33%;
        padding: 20px 0
    }

    .home__customer-popup .fancybox-close-small {
        top: 20px;
        right: 20px
    }

    .home__partners {
        margin-top: 50px
    }

    .home__partners-unit {
        margin-left: 32px
    }

    .home__stages {
        padding: 84px 0 62px
    }

    .home__certificate-box .owl-stage-outer {
        overflow: visible
    }

    .home__certificate-box:not(.owl-loaded) .home__certificate-unit, .home__team-box:not(.owl-loaded) .home__team-unit {
        width: 33.33%
    }

    .home__certificate-more {
        width: 100%;
        padding: 22px 20px
    }

    .home__certificate-text {
        max-height: 166px;
        overflow: hidden
    }

    .home__certificate-foot {
        margin-top: 20px
    }

    .home__certificate-info {
        max-width: -webkit-calc(100% - 98px);
        max-width: -moz-calc(100% - 98px);
        max-width: calc(100% - 98px)
    }

    .home__certificate-unit2 {
        max-width: 96px
    }

    .home__media {
        padding: 50px 0
    }

    .home__media-row {
        margin: -22px
    }

    .home__media-col {
        width: 100%;
        padding: 22px
    }

    .home__blog-button {
        margin: 46px auto 0
    }

    .home__video {
        padding: 50px 0
    }

    .home__video-row {
        margin: -10px
    }

    .home__video-col1, .home__video-col2 {
        width: 50%;
        padding: 10px
    }

    .home__video-element {
        height: 260px
    }

    .home__team-box {
        padding-right: 70px
    }

    .blog__author {
        margin-bottom: 46px
    }

    .blog__row {
        margin: -20px -10px
    }

    .blog__col {
        padding: 20px 10px
    }

    .blog__button {
        margin-top: 40px
    }

    .contacts__smartphone {
        display: none
    }

    .contacts__col1, .contacts__col2 {
        width: 100%
    }

    .contacts__info {
        margin-top: 0
    }

    .contacts__map {
        height: 440px
    }

    .contacts__socials {
        margin-top: 30px
    }

    .cases__unit {
        width: 100%;
        margin-bottom: 40px
    }

    .cases__row_masonry:not(.cases__row_masonry_active) .cases__unit:nth-child(even) {
        margin-right: 0
    }

    .cases__row_masonry:not(.cases__row_masonry_active) .cases__unit:nth-child(odd) {
        margin-left: 0
    }

    .cases__row:not(.cases__row_masonry) {
        margin: -20px
    }

    .cases__col {
        width: 100%;
        padding: 20px
    }

    .case__head-picture {
        width: 360px;
        height: 502px
    }

    .case__task {
        padding: 20px;
        margin-left: -20px;
        margin-right: -20px
    }

    .case__row, .promotion__row {
        margin: -20px 0
    }

    .promotion__col1, .promotion__col2 {
        width: 100%;
        padding: 20px 0
    }

    .promotion__title {
        margin-top: 1.6em
    }

    .promotion__tariffs {
        margin-top: 46px
    }

    .promotion__cases-row {
        margin: 0 -10px
    }

    .promotion__cases-col {
        padding: 0 10px
    }

    .actions__row {
        margin: -15px
    }

    .actions__col {
        padding: 15px
    }

    .actions__unit {
        padding: 15px 20px 92px
    }

    .actions__name {
        font-size: 30px
    }

    .actions__text {
        font-size: 18px
    }

    .actions__button {
        left: 20px;
        bottom: 20px
    }

    .actions__end {
        right: 20px;
        bottom: 20px
    }

    .tariffs__col {
        width: 50%
    }

    .tariff__cases.owl-carousel .owl-stage-outer {
        padding: 0;
        margin: 0
    }

    .tariff__cases.owl-carousel.owl-theme .owl-nav {
        top: auto;
        bottom: 42px;
        left: -webkit-calc((100% - 86px) / 2);
        left: -moz-calc((100% - 86px) / 2);
        left: calc((100% - 86px) / 2)
    }

    .tariff__case {
        padding-top: 50px
    }

    .tariff__case .cases-unit2__project {
        float: none;
        margin: 0 auto -40px
    }

    .tariff__case .cases-unit2__text {
        float: none;
        width: auto;
        max-width: none;
        margin: 0;
        padding: 0
    }

    .tariff__reviews-slider.owl-carousel.owl-theme .owl-nav {
        top: -78px
    }

    .tariff__reviews-slider:not(.owl-loaded) .review-unit {
        width: 100%
    }

    .reviews__row {
        margin: -15px
    }

    .reviews__col {
        width: 100%;
        padding: 15px
    }

    .footer__contacts-content {
        padding-left: 0
    }

    .footer__contacts-map {
        position: static;
        display: inline-block;
        vertical-align: top;
        width: -webkit-calc(50% + 20px);
        width: -moz-calc(50% + 20px);
        width: calc(50% + 20px);
        height: 370px;
        margin-left: -20px
    }

    .footer__contacts-socials {
        margin-top: 26px
    }

    .footer__contacts-action {
        width: -webkit-calc(100% + 40px);
        width: -moz-calc(100% + 40px);
        width: calc(100% + 40px);
        padding-left: 20px;
        padding-right: 20px;
        margin-left: -20px
    }

    .footer__menu {
        font-size: 0;
        line-height: 0;
        margin: -5px
    }

    .footer__menu .menu-item {
        display: inline-block;
        vertical-align: top;
        font-size: 18px;
        line-height: 1;
        width: 25%;
        padding: 5px;
        margin: 0
    }

    .footer__row {
        margin: -10px;
        font-size: 0;
        text-align: left
    }

    .footer__col {
        max-width: none;
        width: 25%;
        padding: 10px
    }
}

@media only screen and (max-width: 999px) {
    .case__col {
        width: 100%;
        padding: 20px 0 !important
    }

    .editor .gallery:not(.owl-loaded) .gallery-item {
        width: -webkit-calc((100% - 30px) / 4);
        width: -moz-calc((100% - 30px) / 4);
        width: calc((100% - 30px) / 4);
        margin-right: 10px
    }

    .header {
        padding: 10px 0;
        background-color: #3479c1 !important;
        overflow: visible !important
    }

    .header__logo {
        color: #fff
    }

    .header__logo-img1, .header__menu-list a:after {
        display: none
    }

    .header__logo-img2 {
        display: block
    }

    .vash_gorod {
        color: #fff
    }

    .header__toggle {
        display: inline-block
    }

    .header__menu {
        position: fixed;
        z-index: 1;
        top: 0;
        left: -400px;
        margin: 0;
        width: 100%;
        max-width: 360px;
        height: 100dvh;
        background-color: #fff;
        -webkit-transition: .2s;
        -o-transition: .2s;
        -moz-transition: .2s;
        transition: .2s;
        overflow-y: auto;
    }

    .header__menu_active {
        left: 0;
        -webkit-box-shadow: 0 0 38px rgba(0, 0, 0, .38);
        -moz-box-shadow: 0 0 38px rgba(0, 0, 0, .38);
        box-shadow: 0 0 38px rgba(0, 0, 0, .38);
    }

    .header__menu:after, .header__menu:before {
        position: absolute;
        left: 0;
        width: 100%
    }

    .header__menu:before {
        z-index: -1;
        top: 0;
        height: -webkit-calc(100% + 100px);
        height: -moz-calc(100% + 100px);
        height: calc(100% + 100px);
        -webkit-box-shadow: 0 0 38px rgba(0, 0, 0, .38);
        -moz-box-shadow: 0 0 38px rgba(0, 0, 0, .38);
        box-shadow: 0 0 38px rgba(0, 0, 0, .38)
    }

    .header__menu:after {
        top: 100%;
        height: 100px;
        background-color: #fff
    }

    .header__menu-list {
        margin: 0;
        max-height: 100%;
        overflow: auto
    }

    .header__menu-list .menu-item {
        width: 100%;
        margin: 0;
        border-bottom: 1px solid #e0e0e0
    }

    .header__menu-list a {
        display: block;
        padding: 15px 20px;
        font-size: 20px
    }

    .header__contacts {
        padding: 0;
        background: 0 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

    .header__contacts-icon {
        display: none
    }

    .header__contacts-tel {
        color: #8fbeef
    }

    .header__contacts-tel b {
        color: #fff
    }

    .header__contacts-list {
        margin-bottom: 0;
        margin-right: 52px
    }

    .header__bg, .header__contacts-link {
        display: none
    }

    body .home {
        margin-top: 69px
    }

    .home__front {
        padding: 50px 0
    }

    .home__front-end {
        right: 0;
        width: 0
    }

    .home__front-button2-wrapper {
        display: none !important
    }

    .blog__author-img {
        width: 200px;
        height: 200px
    }

    .blog__author-text {
        width: -webkit-calc(100% - 200px);
        width: -moz-calc(100% - 200px);
        width: calc(100% - 200px);
        padding-left: 30px
    }

    .tariffs__content {
        width: 100%;
        margin-top: 30px
    }

    .tariffs__section {
        padding: 10px 0 30px
    }

    .tariffs__sidebar {
        position: relative;
        top: 0;
        width: auto;
        height: auto
    }

    .tariffs__menu {
        width: auto;
        background-color: #fff;
        border: 1px solid #eee;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        -webkit-box-shadow: 0 0 24px -10px rgba(135, 135, 135, .4);
        -moz-box-shadow: 0 0 24px -10px rgba(135, 135, 135, .4);
        box-shadow: 0 0 24px -10px rgba(135, 135, 135, .4)
    }
}

@media only screen and (max-width: 767px) {
    h1 {
        font-size: 33px
    }

    h2 {
        font-size: 30px
    }

    h3 {
        font-size: 27px
    }

    h4 {
        font-size: 24px
    }

    h5 {
        font-size: 22px
    }

    blockquote {
        padding-left: 54px;
        font-size: 26px
    }

    blockquote:before {
        top: 0;
        left: 0
    }

    .container {
        padding-left: 15px;
        padding-right: 15px
    }

    .editor ol, .editor table, .editor ul {
        margin: 1.3em 0
    }

    .editor td {
        padding: 4.6px 10px
    }

    .editor .gallery, .editor__table-wrapper {
        width: -webkit-calc(100% + 30px);
        width: -moz-calc(100% + 30px);
        width: calc(100% + 30px);
        margin-left: -15px;
        margin-right: -15px
    }

    .editor .gallery.owl-carousel.owl-theme .owl-nav, .full-review .fancybox-close-small {
        right: 15px
    }

    .editor .gallery:not(.owl-loaded) .gallery-item {
        width: -webkit-calc((100% - 5px) / 2);
        width: -moz-calc((100% - 5px) / 2);
        width: calc((100% - 5px) / 2);
        margin-right: 5px
    }

    .title {
        font-size: 36px
    }

    .to-up {
        bottom: 20px;
        right: 15px;
        width: 40px;
        height: 40px
    }

    .to-up__icon {
        margin-top: -1px;
        -webkit-transform: scale(.5);
        -moz-transform: scale(.5);
        -ms-transform: scale(.5);
        -o-transform: scale(.5);
        transform: scale(.5)
    }

    .callback {
        padding-bottom: 34px
    }

    .callback__col1, .callback__col2 {
        width: 100%
    }

    .callback__text {
        padding-top: 0;
        font-size: 16px
    }

    .callback-action__row {
        margin: -10px 0
    }

    .callback-action__col {
        width: 100%;
        padding: 10px 0
    }

    .callback-action__button {
        display: block;
        width: 86px;
        margin: 0 auto 20px
    }

    .callback-action__text {
        max-width: none;
        padding-left: 0
    }

    .tariffs-row__col {
        width: 100%
    }

    .tariffs-row__col:nth-child(2) .tariff-unit {
        margin: 0;
        padding: 26px 22px 35px
    }

    .tariffs-row__col:nth-child(2) .tariff-unit__price {
        margin: 24px 0
    }

    .tariff-unit ul {
        max-width: 244px;
        margin-left: auto;
        margin-right: auto
    }

    .tariff-unit li {
        margin-top: 6.6px
    }

    .tariff-unit__button {
        display: block;
        width: 200px;
        margin: 36px auto 0
    }

    .about {
        padding: 40px 0 30px
    }

    .about__title {
        margin-bottom: .6em
    }

    .about__text {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }

    .page__circle2 {
        display: none
    }

    .blog-post__picture {
        height: 206px
    }

    .cases_title {
        font-size: 85px
    }

    .cases-unit__name {
        margin-left: 15px
    }

    .cases-unit:hover .cases-unit__content:after {
        left: 0
    }

    .cases-unit__title {
        margin-bottom: 20px;
        font-size: 30px
    }

    .cases-unit__button {
        position: static;
        margin-top: 20px
    }

    .cases-unit2__text {
        margin: 25px 15px
    }

    .cases-unit2__title {
        margin-bottom: 20px;
        font-size: 30px
    }

    .case-unit2__devices {
        padding-left: 0
    }

    .full-review {
        padding: 72px 15px 30px
    }

    .full-review__img {
        width: -webkit-calc(100% + 30px);
        width: -moz-calc(100% + 30px);
        width: calc(100% + 30px);
        max-width: none;
        margin-left: -15px;
        margin-right: -15px;
        border-left: none;
        border-right: none
    }

    .full-review__text {
        margin-top: 20px
    }

    .review-unit {
        padding: 0
    }

    .header__menu-list a, .review-unit__main {
        padding: 15px
    }

    .review-unit__text {
        width: 100%;
        padding-right: 0;
        margin-top: 15px
    }

    .review-unit__picture {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .review-unit__contacts {
        display: block
    }

    .review-unit__contacts-text {
        width: 100%;
        text-align: center;
        padding-bottom: 15px
    }

    .review-unit__socials {
        display: block;
        margin-top: 13px
    }

    .review-unit__contacts-logo {
        float: none;
        width: auto
    }

    .review-unit__services {
        padding: 0 15px 15px;
        margin-top: 20px
    }

    .review-unit__case {
        display: none
    }

    .header {
        padding: 16px 0
    }

    .header__logo {
        width: 86px;
        height: 46px;
        margin-top: 3px;
        font-size: 9px
    }

    .header__toggle {
        right: 15px
    }

    .header__menu {
        width: 78%
    }

    .header__menu-list a:hover {
        background-color: #ffca10
    }

    .header__menu-list .current-menu-item a {
        background-color: #fb74a0
    }

    .home__front {
        padding: 22px 0 26px
    }

    .home__front-title {
        margin: 14px 0
    }

    .home__front-description1 {
        font-size: 16px
    }

    .home__front-action {
        margin-top: 2px;
        white-space: normal
    }

    .home__front-button1 {
        display: block;
        min-width: auto;
        width: 290px;
        margin-right: 0
    }

    .home__front-contract {
        width: 290px;
        white-space: nowrap
    }

    .home__front-advantages {
        margin-top: 36px
    }

    .home__front-advantage {
        margin-left: 6px;
        font-size: 15px
    }

    .home__front-number:after, .home__front-number:before {
        width: 20px;
        height: 34px
    }

    .home__front-number {
        padding: 0 20px;
        font-size: 32px
    }

    .home__front-circle2 {
        top: 70px;
        left: -36px
    }

    .home__front-circle3 {
        top: 152px;
        left: -43px
    }

    .home__benefit {
        padding: 22px 0 52px
    }

    .home__benefit-title {
        margin-bottom: 1.2em
    }

    .home__benefit-col2 {
        margin-top: 26px
    }

    .home__advantages-tabs {
        width: 120px;
        margin: 0 auto
    }

    .home__services-row {
        margin-left: -15px;
        margin-right: -15px
    }

    .home__services-col {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .home__services-list {
        margin-top: 14px
    }

    .home__services-unit {
        max-width: 300px;
        padding: 12px 15px;
        margin-left: auto;
        margin-right: auto
    }

    .home__cases {
        padding: 28px 0 102px
    }

    .home__cases-title {
        margin-bottom: .65em
    }

    .home__cases-slide {
        position: relative;
        padding-top: 50px
    }

    .home__cases-picture {
        width: 100%;
        height: 235px
    }

    .home__cases-info {
        width: 100%;
        padding-left: 0
    }

    .home__cases-link {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0
    }

    .home__cases-info h6 {
        margin: 1.1em 0
    }

    .home__cases-button {
        left: -webkit-calc((100% - 256px) / 2);
        left: -moz-calc((100% - 256px) / 2);
        left: calc((100% - 256px) / 2)
    }

    .home__tariffs-content {
        margin: 0 -15px
    }

    .home__tariffs-box {
        padding: 30px 15px 0
    }

    .home__tariffs-title {
        margin-bottom: .9em
    }

    .home__tariffs-action {
        padding: 70px 15px
    }

    .home__tariffs-circle1 {
        top: -196px
    }

    .home__tariffs-circle2 {
        top: -48px
    }

    .home__tariffs-action-bg {
        top: -270px;
        left: auto;
        right: -54px
    }

    .home__tariffs-action-title {
        margin-bottom: 1.6em
    }

    .home__tariffs-link {
        margin-left: 10px
    }

    .home__tariffs-action-button {
        margin-right: 0
    }

    .home__tariffs-fense {
        bottom: 114px;
        left: -22px
    }

    .home__customer {
        padding-top: 38px
    }

    .home__customer-circle {
        top: 328px
    }

    .home__customer-circle2 {
        top: 280px
    }

    .home__customer-reviews {
        padding-top: 10px
    }

    .home__customer-reviews-slider {
        max-width: 100px;
        margin-left: auto;
        margin-right: auto
    }

    .home__customer-reviews-slider:not(.owl-loaded) {
        margin-left: auto;
        margin-right: auto
    }

    .home__customer-clients-slider, .home__customer-reviews-tab {
        margin-left: auto;
        margin-right: auto
    }

    .home__customer-clients-slider {
        width: 180px
    }

    .home__customer-clients-slider:not(.owl-loaded) .home__customer-clients-box {
        width: 100%
    }

    .home__customer-popup-col {
        width: 100%
    }

    .home__partners {
        margin-top: 68px
    }

    .home__partners-box:not(.owl-loaded) {
        overflow: visible
    }

    .home__partners-box {
        width: 170px;
        margin-left: auto;
        margin-right: auto
    }

    .home__partners-box.owl-carousel .owl-stage-outer {
        overflow: visible
    }

    .home__stages {
        padding: 70px 0 46px
    }

    .home__stages-points {
        display: block;
        width: 3px;
        height: 52px;
        margin: 20px auto
    }

    .home__stages-unit {
        max-width: none;
        width: 100%
    }

    .home__stages-icon {
        width: 135px;
        height: 135px
    }

    .home__stages-number {
        top: 3px;
        left: 10px
    }

    .home__stages-unit ul {
        max-width: 320px;
        margin: 26px auto
    }

    .home__certificate {
        padding: 34px 0 150px
    }

    .home__certificate-grid1 {
        left: -204px
    }

    .home__certificate-grid2 {
        left: 60%
    }

    .home__certificate-circle2 {
        left: -70px;
        height: 104px
    }

    .home__certificate-title {
        margin-bottom: .8em
    }

    .home__certificate-box {
        width: 266px;
        margin: 0 auto
    }

    .home__certificate-unit {
        height: 146px
    }

    .home__certificate-text {
        height: 126px
    }

    .home__media {
        padding: 32px 0 40px
    }

    .home__blog-col {
        width: 100%
    }

    .home__blog-col:nth-child(1), .home__blog-col:nth-child(2) {
        display: none
    }

    .home__question-content {
        min-height: 66px;
        padding: 10px 14px
    }

    .home__question-subtitle {
        font-size: 18px
    }

    .home__video {
        padding: 26px 0 42px
    }

    .home__video-col1, .home__video-col2 {
        width: 100%
    }

    .home__video-text, .home__video-title {
        max-width: none
    }

    .home__video-element {
        height: 188px
    }

    .home__team-box {
        width: 262px;
        padding-right: 0
    }

    .blog__author {
        margin-bottom: 36px
    }

    .blog__author-img {
        float: none;
        margin: 0 auto
    }

    .blog__author-text {
        width: 100%;
        padding: 0;
        margin-top: 20px
    }

    .blog__col {
        width: 100%
    }

    .post__content li {
        padding-left: 24px;
        padding-right: 0
    }

    .post .blog-post__name {
        vertical-align: top
    }

    .post .blog-post__date {
        display: block;
        margin-top: -8px;
        margin-left: 50px
    }

    .post__tags {
        padding-left: 10px;
        padding-right: 10px
    }

    .post__user {
        width: 40px;
        height: 40px
    }

    .post__review {
        width: -webkit-calc(100% - 40px);
        width: -moz-calc(100% - 40px);
        width: calc(100% - 40px);
        padding-left: 12px
    }

    .post__action {
        margin-left: -52px
    }

    .post__login-title {
        font-size: 17px
    }

    .post__login-button {
        margin-right: 2px
    }

    .post__button {
        min-width: 134px
    }

    .post__comment .post__comment {
        padding-left: 0;
        margin-left: 20px
    }

    .post__comment .post__comment:before {
        left: -20px;
        width: 12px;
        height: 12px
    }

    .post__review-date {
        width: 100%
    }

    .post__comments .link, .post__review-text {
        margin-left: -52px
    }

    .page.contacts {
        padding-bottom: 30px
    }

    .contacts__info-col {
        width: 100%
    }

    .contacts__contacts-action {
        padding: 31px 15px 34px;
        margin: 0 -15px
    }

    .contacts__contacts-action-title {
        text-align: center
    }

    .contacts__map {
        width: -webkit-calc(100% + 30px);
        width: -moz-calc(100% + 30px);
        width: calc(100% + 30px);
        height: 320px;
        margin: 0 -15px
    }

    .contacts__socials {
        text-align: center
    }

    .cases__filter {
        font-size: 23px
    }

    .cases__filter-button, .cases__filter-title {
        margin-right: 22px
    }

    .cases__box {
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: -40px
    }

    .cases__unit:nth-child(even) .cases-unit__picture, .cases__unit:nth-child(odd) .cases-unit__picture {
        height: 100%
    }

    .cases__unit .cases-unit__picture {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%
    }

    .cases__unit .cases-unit__text {
        position: relative;
        z-index: 2;
        padding: 25px 15px
    }

    .case__head-picture, .case__head-picture_v2 {
        width: -webkit-calc(100% + 30px);
        width: -moz-calc(100% + 30px);
        width: calc(100% + 30px);
        margin-top: 30px;
        margin-left: -15px
    }

    .case__head-picture {
        position: relative !important;
        height: 360px
    }

    .case__head-picture_v2 {
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 10px
    }

    .page__description {
        width: 100%
    }

    .case__task {
        margin: 0 -15px;
        padding: 20px 15px
    }

    .case__task-text {
        width: 100%;
        padding-right: 0
    }

    .case__main-chart {
        margin-left: -15px;
        margin-right: -15px
    }

    .promotion__tariffs {
        margin-top: 0
    }

    .promotion__cases-row {
        margin: 10px 0
    }

    .promotion__cases-col {
        width: 100%;
        padding: 10px 0
    }

    .promotion__button {
        margin-top: 30px
    }

    .actions__row {
        margin: -10px
    }

    .actions__col {
        width: 100%;
        padding: 10px
    }

    .actions__unit {
        height: auto !important
    }

    .tariffs__row {
        margin: -10px
    }

    .tariffs__col {
        width: 100%;
        padding: 10px
    }

    .tariffs__text {
        height: auto !important
    }

    .tariff__cases.owl-carousel.owl-theme .owl-nav {
        left: auto;
        right: 15px
    }

    .tariff__case {
        border-left: 1px solid #dcdcdc
    }

    .owl-item:first-child .tariff__case {
        border-left: none
    }

    .tariff__reviews-slider.owl-carousel.owl-theme .owl-nav {
        top: -61px
    }

    .reviews__row {
        margin: -10px
    }

    .reviews__col {
        padding: 10px
    }

    .footer__contacts-map {
        width: -webkit-calc(100% + 30px);
        width: -moz-calc(100% + 30px);
        width: calc(100% + 30px);
        margin-left: -15px;
        height: 280px
    }

    .footer__contacts-info {
        width: 100%;
        padding: 18px 22px
    }

    .footer__contacts-button {
        display: block;
        width: 165px;
        margin: 18px auto 0
    }

    .footer__contacts-socials {
        margin-top: 16px;
        text-align: center
    }

    .footer__contacts-action {
        padding-top: 31px;
        padding-bottom: 34px
    }

    .footer__contacts-action-title {
        text-align: center
    }

    .footer__main {
        padding-bottom: 49px
    }

    .footer__logo {
        margin-left: 16px
    }

    .footer__menu {
        display: block;
        padding-left: 0;
        max-width: none;
        margin-top: 20px
    }

    .footer__menu .menu-item {
        width: 50%
    }

    .footer__box {
        margin-top: 26px
    }

    .footer__row {
        margin: -15px
    }

    .footer__col {
        width: 100%;
        padding: 15px
    }

    .footer__col:last-child {
        position: relative;
        margin-top: 10px;
        padding-top: 24px;
        padding-bottom: 30px
    }

    .footer__col:last-child:after, .footer__col:last-child:before {
        content: "";
        position: absolute;
        left: 15px;
        width: -webkit-calc(100% - 30px);
        width: -moz-calc(100% - 30px);
        width: calc(100% - 30px);
        height: 1px;
        background-color: rgba(255, 255, 255, .2)
    }

    .footer__col:last-child:before {
        top: 0
    }

    .footer__col:last-child:after {
        bottom: 0
    }

    .footer__more {
        margin-top: 46px
    }

    .footer__more-unit {
        display: block;
        margin-top: 62px
    }

    .footer__more-unit:first-child {
        margin-top: 0
    }

    .footer__subscribe-input {
        width: 100%
    }

    .footer__contcts-button {
        margin-left: 0;
        margin-top: 26px
    }
}

@media only screen and (max-width: 386px) {
    .actions__button {
        min-width: 150px
    }

    .actions__end {
        font-size: 17px
    }
}

.city {
    vertical-align: middle;
    margin-left: 38px;
}

.vash_gorod:hover .select_city {
    transform: translateY(0px);
    opacity: 1;
    pointer-events: all;
}

.vash_gorod {
    border-bottom: 2px dashed #0693e3;
    position: relative;
    cursor: pointer;
}

.select_city {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    z-index: 1000;
    border: 1px solid #ccc;
    padding: 10px;
    transition: all 0.3s ease;
    transform: translateY(30px);
    opacity: 0;
    pointer-events: none;
    margin-top: 10px;
}

.select_city:before {
    content: "";
    display: block;
    height: 10px;
    width: 100%;
    margin: -10px;
    transform: translateY(-10px);
}

.select_city a {
    display: block;
    padding: 8px 16px;
    color: #333;
    font-size: 14px;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
}

.select_city a:hover {
    background-color: #f0f4ff;
    color: #0071f0;
}

.mobile__city {
    display: none;
}

@media only screen and (max-height: 600px) and (max-width: 999px) {
    .select_city {
        max-height: 260px;
        overflow-y: auto;
    }
}

@media only screen and (max-width: 500px) {
    .header__city {
        display: none;
    }

    .mobile__city {
        display: block;
        padding-bottom: 10px;
    }

    .vash_gorod {
        color: #000;
    }

    .city {
        display: inline-block;
        margin-left: 15px;
        margin-top: 20px;
    }

    .vash_gorod {
        border-bottom: none;
    }

    .vash_gorod > span {
        border-bottom: 2px dashed #0693e3;
    }

    .vash_gorod .select_city {
        position: relative;
        max-height: 200px;
        overflow-y: auto;
    }
}

.about__text.editor h2:first-child {
    margin-top: 0;
}

.callback_extended .container {
    max-width: 1800px;
}