html {
    font-size: 62.5%;
}

body {
    margin: 0;
    padding: 0;
    font: 13px/19px "FiraSans", sans-serif;
    color: #000;
    quotes: "\00ab" "\00bb";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

p.margin-large {
    margin: 2.6em 0;
}

.page-wrapper {
    min-height: 100%;
    position: relative;
    /*z-index: 10;*/
    background-color: #fff;
}

/*.page-wrapper:after {content: '';display: block;height: 350px;clear: both;}*/
.page-wrapper + .footer {
    position: relative;
    box-sizing: border-box;
}

.page-wrapper,
.page-wrapper + .footer {
    min-width: 320px;
    margin-left: auto;
    margin-right: auto;
}

.container {
    position: relative;
    box-sizing: border-box;
}

.block.about h1 {
    font-size: 50px;
}

.block.about .about-subtitle {
    font-size: 26px;
    line-height: 1.45;
    margin: 0px;
    font-weight: 500;
}

.phone a {
    font: 700 40px/1 "PFRegalTextPro";
}

@media screen and (max-width: 1023px) {
    .container {
        margin: 0 4.5%;
    }
}

.cols:not(.no-margin) {
    margin-top: 30px;
}

@media screen and (min-width: 1024px) {
    body {
        font-size: 17px;
        line-height: 25px;
    }

    /*.page-wrapper,.page-wrapper + .footer {max-width: 1000px;overflow: hidden;}*/
    .container {
        width: 960px;
        margin: 0 auto;
    }

    .header .container {
        width: 1000px;
    }

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

    .cols .col2 {
        width: 47%;
    }

    .cols.requisites {
        flex-direction: column;
    }

    .cols:not(.no-margin) {
        margin-top: 47px;
    }

    .cols.no-margin {
        margin-top: 0;
    }

    .col2 {
        flex: 0 1 auto;
    }

    .col2 + .col2 + .col2 {
        margin-top: 47px;
    }

    .col2 + .col2 + .col2.vacancy-video-wrap {
        margin-top: -70px;
    }

    .col2 > * {
        max-width: 100%;
    }

    .col3 {
        flex: 0 1 auto;
        width: 30%;
    }
}

@media screen and (min-width: 1280px) {
    /*.page-wrapper,.page-wrapper + .footer {max-width: 1200px;}*/
    .container {
        width: 1000px;
    }

    .wide-container {
        width: 1100px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1366px) {
    /*.page-wrapper,.page-wrapper + .footer {max-width: 1334px;}*/
}

.breadcrumbs {
    opacity: 0.5;
    font-size: 13px;
    line-height: 21px;
    margin-top: -40px;
    margin-bottom: 19px;
    text-transform: uppercase;
}

.breadcrumbs span {
    position: relative;
}

.breadcrumbs span::before,
.breadcrumbs span::after {
    content: " ";
    word-spacing: 0.5em;
}

.breadcrumbs + h1 {
    margin-top: 0;
}

.arrows-wrap {
    margin: 2.6rem 0 0;
}

.arrow {
    display: inline-block;
    height: 25px;
    width: 229px;
    text-align: center;
    padding: 25px 0;
    font-size: 16px;
    font-weight: 700;
    margin: 10px 0 10px -6px;
    line-height: 25px;
    background: url(../images/dist/arrow.png) no-repeat;
    background-size: contain;
}

.arrow-wrap {
    display: flex;
    align-items: baseline;
}

.arrow-desc {
    text-align: center;
    display: inline-block;
    margin: 0 30px 0 0;
    width: 75px;
}

.arrow-desc span {
    display: table;
    font-size: 16px;
    margin: 9px auto 0;
}

@media screen and (max-width: 1023px) {
    .arrow-wrap {
        flex-wrap: wrap;
        align-items: center;
        margin-top: 10px;
    }

    .arrow {
        height: 17px;
        width: 200px;
        padding: 24px 0;
    }
}

.block {
    position: relative;
}

.block.contrast,
.contrast {
    color: #fff;
}

.block.contrast hr {
    background-color: #fff;
}

.block.grey {
    background-color: #f3f1ed;
}

@media screen and (min-width: 1024px) {
    .block {
        padding: 80px 0; /*margin: 0 0 15px;*/
        margin: 0;
    }

    .block.half-padding {
        padding: 40px 0;
    }

    .block.half-padding.work-organization {
        padding: 40px 0 0;
    }

    .block.small-padding {
        padding: 20px 0;
    }
}

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

@media screen and (max-width: 1023px) {
    .blog-post img {
        width: auto;
        height: auto;
    }
}

.header {
    padding: 0;
    margin-bottom: 0;
}

.header .container {
    display: flex;
    justify-content: space-between;
    height: 100%;
    position: relative;
}

.header .header-top-line {
    height: 60px;
    background: #ffffff;
}

.header .header-top-line .container {
    justify-content: end;
    align-items: center;
}

.header .header-bottom-line {
    height: 45px;
    background: #f3f6fb;
    border-top: 1px solid #d4def1;
}

.header .header-bottom-line .container {
    align-items: center;
}

.header .logo-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

.header .logo {
    background-image: url(../images/directline-logo.svg);
    background-position: left top;
    width: 182px;
    height: 30px;
    display: block;
    background-repeat: no-repeat;
    max-width: 100%;
    background-size: contain;
    position: relative;
    top: -4px;
}

.header .logo-slogan {
    font-size: 13px;
    line-height: 16px;
    border-left: 1px solid #8e9baf;
    margin-left: 15px;
    padding: 0 0 0 15px;
}

.header .info-wrap {
    /*width: 65%;*/
    margin: 0 0 0 auto;
}

.header .info .contacts {
    display: flex;
}

.header .info .contacts .item {
    margin-right: 30px;
    font-weight: 500;
}

.floating-header .header .info .contacts {
    height: 26px;
}

.floating-header .header .info .contacts .item {
    margin: 0;
    line-height: 26px;
}

.floating-header .header .logo-wrap {
    margin-right: 10px;
}

.header .menu {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.header .nav-wrap {
    display: flex;
    justify-content: space-between;
    height: 26px;
}

.header .info {
    color: #0b5e8a;
    text-align: center;
    display: flex;
    position: relative;
    align-items: center;
}

.menu .link,
.header .links-block .link,
.header .info {
    font-size: 13px;
    text-transform: uppercase;
}

.menu .link,
.header .links-block .link {
    font-weight: 500;
}

.header .info .phone {
    font-weight: 500;
    color: #0b5e8a;
    font-size: 14px;
}

.header .consultation {
    background: #fc1e2b;
    color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    display: flex;
    height: 100%;
    align-items: center;
    padding: 0 20px;
}

.header .consultation i {
    display: inline-block;
    width: 25px;
    height: 25px;
    top: 0;
    margin-right: 8px;
    background-image: url("../images/blogging.svg");
}

.header .consultation.i.bubble::before {
    left: -23px;
    top: 45%;
    transform: translateY(-50%);
}

.floating-header .header .consultation {
    margin-left: 10px;
}

.floating-header .header .consultation.icon {
    padding: 0;
    width: 50px;
    background: #fc1e2b url("../images/blogging.svg") center no-repeat;
    background-size: 25px;
}

.menu:not(.responsive) .item {
    padding-bottom: 10px;
    height: 26px;
    margin-right: 40px;
}

.floating-header .menu:not(.responsive) .item {
    /*  margin-right: 20px;*/
    margin-right: 17px;
}

.menu .item.with-sub .menu_corner {
    display: inline-block;
    position: relative;
    width: 12px;
    height: 12px;
}

.menu .item.with-sub .menu_corner:before,
.menu .item.with-sub .menu_corner:after {
    content: "";
    position: absolute;
    top: 5px;
    right: 0;
    border: 6px solid transparent;
    border-top: 6px solid #0b5e8a;
}

.menu .item.with-sub .menu_corner:after {
    border-top: 6px solid #f3f6fb;
    top: 3px;
}

.menu .item.with-sub:hover .menu_corner:before,
.menu .item.with-sub:hover .menu_corner:after {
    content: "";
    position: absolute;
    top: -1px;
    right: 0;
    border: 6px solid transparent;
    border-bottom: 6px solid #000;
}

.menu .item.with-sub:hover .menu_corner:after {
    border-bottom: 6px solid #f3f6fb;
    top: 1px;
}

.menu.responsive .item--lvl-2 .link {
    font-weight: normal;
}

.submenu {
    position: absolute;
    z-index: 9;
    background: #fff;
    box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.06), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
    padding: 18px 0;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease-in;
    margin-left: -25px;
    top: 45px;
    min-width: 300px;
}

.submenu__corner {
    display: block;
    width: 16px;
    height: 16px;
    background: #fff;
    position: absolute;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    border-left: 1px solid rgba(0, 0, 0, 0.06);
    top: 26px;
    left: 50%;
    margin-left: -10px;
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease-in;
}

.item:hover .submenu {
    visibility: visible;
    opacity: 1;
}

.item:hover .submenu__corner {
    visibility: visible;
    opacity: 1;
}

.submenu__item:hover {
    color: #fff;
    background: #d32e42;
}

.submenu__item:hover .submenu__link {
    color: #fff;
    opacity: 1;
}

.submenu__item {
    font-size: 13px;
    line-height: 21px;
    cursor: pointer;
}

.submenu__item a {
    padding: 5px 24px;
}

.submenu__item + .submenu__item {
    margin-top: 12px;
}

.submenu__item.no-link {
    cursor: default;
}

.submenu__item.no-link:hover {
    color: #000;
    background: #ffffff;
}

.submenu__item.no-link:hover .submenu__link {
    color: #000;
    opacity: 1;
}

.submenu__link {
    font-size: 13px;
    text-transform: uppercase;
    line-height: 21px;
    display: block;
    height: 100%;
}

.submenu.megamenu {
    break-inside: avoid-column;
    margin-left: 0;
    left: -50px;
    width: 100%;
    padding: 30px 50px;
    column-count: 4;
    -moz-column-count: 4;
    -webkit-column-count: 4;
    -moz-column-width: 25%;
    -webkit-column-width: 25%;
    column-width: 25%;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    -moz-column-rule: 1px solid #d4def1;
    -webkit-column-rule: 1px solid #d4def1;
    column-rule: 1px solid #d4def1;
    border-radius: 0 0 4px 4px;
    box-shadow: inset 0px 6px 10px rgba(103, 152, 179, 0.3), 5px 5px 0px 0px rgba(0, 0, 0, 0.06), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
}

.submega-item {
    font-size: 14px;
    margin-bottom: 30px; /*display: inline-block;*/
    display: block;
    break-inside: avoid;
}

.submega-title {
    font-size: 19px;
    font-weight: 500;
}

.submega-description {
    font-size: 13px;
    font-weight: 500;
    color: #8d9aae;
    line-height: 1.4;
    margin: 5px 0 8px;
}

.submega-item ul {
    list-style: none;
    padding: 0;
    margin: 5px 0 0;
    line-height: 1.3;
    display: block;
}

.submega-item ul li {
    margin-bottom: 6px;
}

.submega-item ul li:before {
    display: none;
}

.submega-item a:hover {
    color: #fc1e2b;
    opacity: 1;
}

.submega-item ul li.red {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    margin-top: 20px;
}

.submega-item ul li.red a {
    color: #fc1e2b;
    display: inline-block;
    background: url("../images/right-arrow.png") right top no-repeat;
    background-size: 12px;
    padding-right: 18px;
    line-height: 13px;
}

.menu.responsive {
    display: none;
    position: fixed;
    width: 260px;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
    background-color: #ffffff;
    box-sizing: border-box;
    padding: 50px 15px;
    overflow-y: scroll;
}

.menu.responsive .item + .item {
    margin-top: 5px;
}

.menu.responsive .item + .item--lvl-2 {
    margin-top: 10px;
}

.burger-icon {
    display: none;
    position: fixed;
    z-index: 20;
    width: 60px;
    height: 50px;
    background: rgba(255, 255, 255, 1);
    top: 4px;
    left: 0;
    cursor: pointer;
    border-bottom-right-radius: 4px;
}

.burger-icon .strip {
    position: absolute;
    width: 32px;
    height: 3px;
    background: #000;
    border-radius: 2px;
    left: 14px;
    transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
    z-index: 1;
}

.burger-icon .strip:nth-child(1) {
    top: 14px;
}

.burger-icon .strip:nth-child(2) {
    top: 24px;
}

.burger-icon .strip:nth-child(3) {
    top: 34px;
    width: 24px;
}

.menu-open .burger-icon {
    background: rgba(255, 255, 255, 1);
}

.menu-open .burger-icon .strip:nth-child(2) {
    transform: scale(0, 1);
    opacity: 0.3;
}

.menu-open .burger-icon .strip:nth-child(1) {
    transform: translate(0, 10px) rotate(45deg);
}

.menu-open .burger-icon .strip:nth-child(3) {
    transform: translate(0, -10px) rotate(-45deg);
    width: 32px;
}

.decktop-contacts {
    display: inherit;
}

.mobile-contacts {
    display: none;
}

.mobile-contacts .items-contact {
    display: flex;
    margin-bottom: 10px;
}

.mobile-contacts .item {
    flex: 1;
    margin-top: 0 !important;
    cursor: pointer;
    padding: 3px 0;
    position: relative;
    text-transform: none;
}

.mobile-contacts .item.active {
    background: #ca1f35;
    color: #ffffff;
}

.mobile-contacts .item.active:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -14px;
    border: 7px solid transparent;
    border-top: 7px solid #ca1f35;
    margin-left: -7px;
}

.mobile-contacts .item-phone {
    display: none;
}

.mobile-contacts .item-phone.active {
    display: block;
}

.block.map-wrap.map.mob {
    display: none;
}

.container.map-phones {
    display: none;
    margin: 0 9%;
}

.map-phones-item {
    float: left;
    width: 50%;
    margin-bottom: 10px;
}

.map-phones-item .phone {
    font-weight: bold;
}

.mobile-header {
    display: none;
}

.mobile-header .container {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.mobile-header .phone,
.mobile-buttons .phone {
    background: url("../images/phone-r.png") left center no-repeat;
    background-size: 20px;
    font-weight: 500;
    color: #0b5e8a;
    font-size: 14px;
    padding-left: 25px;
    margin-left: 4.5%;
}

.mobile-buttons .phone {
    margin-left: 0;
}

.mobile-header .consultation {
    background: #fc1e2b;
    color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    display: flex;
    height: 100%;
    align-items: center;
    padding: 0 20px;
}

.mobile-header .header-top-line {
    display: block;
    background: #f3f6fb;
    border-bottom: 1px solid #d4def1;
    height: 40px;
}

.mobile-header .header-bottom-line {
    height: 50px;
}

.mobile-header .logo-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    margin-left: 4.5%;
}

.mobile-header .logo {
    background-image: url(../images/directline-logo.svg);
    background-position: left center;
    width: 172px;
    height: 30px;
    display: block;
    background-repeat: no-repeat;
    max-width: 100%;
    background-size: contain;
    position: relative;
    top: 0px;
}

.link_lk {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../images/enter.png") center no-repeat;
    background-size: contain;
    margin: 0 0 0 auto;
}

.burger-icon {
    display: block;
}

@media screen and (max-width: 1023px) {
    .burger-icon {
        left: auto;
        right: 0;
        top: 0; /*display: none;*/
    }

    /*.menu-open .burger-icon {left: 0;right: auto;}*/
    .header .logo-wrap {
        justify-content: center;
    }

    .header .info .org {
        margin-top: 10px;
    }

    .header .info .contacts {
        margin-top: 18px;
    }

    .header .info .contacts .item + .item {
        margin-top: 5px;
    }

    .header .links-block {
        display: flex;
        justify-content: center;
    }

    .header .menu {
        display: none;
    }

    body {
        overflow-x: hidden;
        min-width: 320px;
    }

    .mobile-contacts {
        display: block;
    }

    .decktop-contacts {
        display: none;
    }

    .block.map-wrap.map.mob {
        display: block;
    }

    .container.map-phones {
        display: block;
    }

    .block.map-wrap.map.dt {
        display: none;
    }

    .header .header-top-line {
        display: none;
    }

    .header .header-bottom-line {
        display: none;
    }

    .mobile-header {
        display: block;
    }
}

.pw,
.footer,
.burger-icon,
.menu.responsive {
    transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
}

.menu-open .pw,
.menu-open .footer,
.menu-open .burger-icon {
    transform: translate3d(260px, 0, 0);
}

.menu-open .pw::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 10;
}

.menu.responsive {
    display: block;
    transform: translate3d(-100%, 0, 0);
}

.menu-open .menu.responsive {
    transform: translate3d(0, 0, 0);
}

.menu-open {
    background: rgba(0, 0, 0, 0.2);
}

body.menu-open {
    overflow-x: hidden;
}

.floating-header {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 990;
    background: #f3f6fb;
    height: 45px;
    display: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    border-top: 1px solid #d4def1;
}

.floating-header .logo {
    background-image: url(../images/directline-logo-short.svg);
    background-position: left top;
    width: 32px;
    height: 30px;
    top: 0;
}

@media screen and (min-width: 1023px) {
    .links-block.top_lb {
        margin-left: 40px;
    }

    .links-block.top_lb.zayavka {
        margin-left: 54px;
    }
}

.footer .contacts {
    font-size: 18px;
    display: flex;
    flex-wrap: wrap;
}

.footer .contacts .item {
    width: auto;
    flex: 0 1 auto;
    margin-right: 40px;
}

.footer .contacts .caption {
    line-height: 1.45;
    color: #75777e;
}

.footer .contacts .phone {
    font-size: 25px;
    line-height: 1.3;
    font-family: "PFRegalTextPro", sans-serif;
    white-space: nowrap;
}

.footer .copyright {
    font-weight: 300;
    font-size: 15px;
    line-height: 1.6;
    color: #fff;
    margin: 0;
    padding: 10px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer .copyright div {
    margin-bottom: 10px;
}

.footer .copyright a {
    color: #fff;
    text-decoration: underline;
}

.footer .soc-links {
    display: flex;
    justify-content: end;
    margin: 0 0 0 auto;
}

.footer .soc-links .item {
    flex: 0 1 auto;
    background-position: center;
    width: 32px;
    height: 32px;
    margin: 0 0 0 15px;
}

.footer .soc-links .item.icon-s-ytb {
    width: 40px;
}

.floating-header .block.header {
    padding: 0;
    height: 100%;
}

.floating-header .block.header .container {
    align-items: center;
}

.floating-header .block.header .logo-text {
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5;
    margin-right: 20px;
}

.floating-header .block.header .logo-text span {
    color: red;
}

.footer-top {
    background: #f3f6fb;
    padding: 20px 0;
}

.footer-top .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-top .consultation {
    font-size: 13px;
    text-transform: uppercase;
    color: #d32e42;
    font-weight: 500;
}

.footer-top .consultation.i.bubble::before {
    left: -23px;
    top: 45%;
    transform: translateY(-50%);
}

.footer-middle {
    padding: 25px 0;
}

.footer-middle .container {
    display: flex;
}

.footer-bottom {
    background: -webkit-linear-gradient(#8b97ad, #93a2b2);
    background: -moz-linear-gradient(#8b97ad, #93a2b2);
    background: linear-gradient(#8b97ad, #93a2b2);
}

.footer .menu-wrap {
    margin: 0 0 0 auto;
    width: 100%;
    max-width: 420px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

.footer .menu:first-child {
    width: 300px;
}

.footer .menu {
    padding: 0 20px 0 0;
    white-space: nowrap;
}

.footer .menu.line {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

.footer .menu .link.sub {
    font-weight: 400;
    text-transform: none;
    font-size: 14px;
    color: #75777e;
}

@media screen and (max-width: 1023px) {
    /*.floating-header {display: block !important;}*/
    header.block.header {
        padding: 0;
    }

    .floating-header .block.header {
        padding: 12px 0 0 0;
    }

    .floating-header .header .container {
        margin: 0;
    }

    .floating-header .logo {
        left: 0;
        top: 0;
    }

    .floating-header .cons-button {
        margin-right: 48px;
    }

    .floating-header .header .consultation {
        text-indent: -10000px;
        background: url("../images/phone.png") center center no-repeat;
        background-size: 30px;
        width: 30px;
        height: 30px;
    }

    .floating-header .header .consultation.i.bubble::before {
        display: none;
    }

    .floating-header .block.header .logo-text {
        display: none;
    }

    .footer .menu,
    .footer .menu.line {
        display: none;
    }

    /*.footer .contacts .item.info {order: 1;}
.footer .contacts .item.nsk {order: 2;}
.footer .contacts .item.russia {order: 3;margin-top: 15px;}
.footer .contacts .item.nsk .caption {display: none;}*/
    .footer hr {
        display: none;
    }
}

@media screen and (max-width: 700px) {
    .footer-top .container {
        flex-wrap: wrap;
    }

    .footer .contacts {
        /*margin-bottom: 10px;*/
        font-size: 16px;
    }

    .footer .contacts .item {
        margin: 0 0 7px;
        width: 100%;
    }

    .footer .contacts .phone {
        font-size: 24px;
    }

    .footer-top .consultation {
        margin-left: 23px;
    }

    .footer .copyright {
        font-size: 13px;
    }

    .footer-middle {
        padding: 12px 0;
    }

    .footer .menu-wrap,
    .footer .soc-links {
        margin: 0;
    }
}

.menu-open .floating-header {
    display: none !important;
}

@media screen and (min-width: 1024px) {
    .footer {
        border-top: 2px solid #d4def1;
    }

    .footer hr {
        opacity: 0.1;
        margin: 40px 0;
    }

    .footer .contacts {
        display: flex;
        justify-content: space-between;
        margin: 0;
    }
}

.block.tagline {
    background-color: rgba(208, 2, 27, 0.8);
    overflow: hidden;
    padding: 60px 0 20px;
    margin: 0;
}

.block.tagline #main-video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
}

.block.tagline .purpose {
    margin-bottom: 20px;
}

.block.tagline .purpose p {
    font-size: 26px;
    font-weight: 500;
    line-height: 1.45;
    margin: 0;
}

.block.tagline .purpose h1 {
    font: 700 50px/1.1 "PFRegalTextPro", sans-serif;
    margin-bottom: 20px;
}

.block.tagline .button {
    padding: 9px 43px 12px;
    background: #fc1e2b;
    width: auto;
}

.block.tagline .button i {
    display: inline-block;
    width: 18px;
    height: 18px;
    top: 6px;
    margin-right: 8px;
}

.block.tagline .statistic {
    margin: 40px 0 20px; /*display: flex;flex-wrap: wrap;*/
}

.block.tagline .statistic .item {
    width: 100%;
    text-align: center;
    font-weight: 500;
    padding-top: 60px;
}

.block.tagline .statistic .item.i::before {
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.block.tagline .statistic .value {
    font-size: 26px;
    line-height: 1;
}

.block.tagline .statistic .legend {
    font-size: 13px;
    text-transform: uppercase;
}

.block.tagline .statistic-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.boom {
    font-size: 21px;
    padding-left: 45px;
    position: relative;
}

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

.boom.lightred:before {
    background-image: url("../images/icon-boom-lightred.png");
}

.boom.red:before {
    background-image: url("../images/icon-boom-red.png");
}

.boom.blue:before {
    background-image: url("../images/icon-boom-blue.png");
}

.boom.brown:before {
    background-image: url("../images/icon-boom-brown.png");
}

.boom.green:before {
    background-image: url("../images/icon-boom-green.png");
}

.boom.clean {
    padding-left: 0;
}

.boom.clean:before {
    display: none;
}

.counter {
    font: 700 40px/1.1 "PFRegalTextPro", sans-serif;
    white-space: nowrap;
}

@media screen and (max-width: 700px) {
    .block.tagline {
        margin: 0;
        padding: 30px 0 20px;
    }

    .block.tagline .purpose p {
        font-size: 20px;
    }

    .block.tagline .purpose h1 {
        font-size: 30px;
        margin-bottom: 15px;
    }

    .block.tagline .statistic {
        display: none;
    }

    .block.tagline .button {
        width: 100%;
    }

    .block.about h1 {
        font-size: 30px;
    }

    .block.about .about-subtitle {
        font-size: 20px;
    }
}

@media screen and (max-width: 479px) {
    .block.tagline .statistic .item + .item {
        margin-top: 45px;
    }
}

@media screen and (min-width: 480px) and (max-width: 1023px) {
    .block.tagline .statistic .item {
        width: 50%;
    }

    .block.tagline .statistic .item:nth-child(n + 3) {
        margin-top: 45px;
    }
}

@media screen and (min-width: 1024px) {
    .block.tagline .statistic .item {
        width: 25%;
        margin-top: 0;
    }
}

@media screen and (min-width: 1280px) {
}

.block.marketing {
    background: url(../images/dist/marketing-bg.png) #bed65a center top no-repeat;
}

.block.marketing .button {
    margin-top: 23px;
    background: #fff;
}

@media screen and (max-width: 1023px) {
    .block.marketing .col2 {
        margin-bottom: 30px;
    }
}

@media screen and (min-width: 1024px) {
    .block.marketing .col2 {
        display: flex;
        flex-wrap: wrap;
        align-content: space-between;
    }
}

.block.tools .list {
    margin: 40px 0 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.block.tools .item {
    width: 100%;
    padding-top: 70px;
    text-align: center;
    box-sizing: border-box;
}

.block.tools .item.i::before {
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.block.tools .item .name {
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 16px;
    text-transform: uppercase;
    color: #d32e42;
    text-decoration: underline;
}

.block.marketing .block.tools .item .name {
    color: #000;
    text-decoration: none;
}

.block.tools .item .desc {
    line-height: 1.6;
    font-size: 13px;
}

@media screen and (max-width: 479px) {
    .block.tools .item + .item {
        margin-top: 40px;
    }
}

@media screen and (min-width: 480px) and (max-width: 1023px) {
    .block.tools .item {
        width: 50%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .block.tools .item:nth-child(n + 3) {
        margin-top: 45px;
    }
}

@media screen and (min-width: 1024px) {
    .block.tools .h2 {
        text-align: center;
    }

    .block.tools .list {
        margin-bottom: 0;
    }

    .block.tools .item {
        width: 28%;
    }

    .block.tools .item:nth-child(n + 4) {
        margin-top: 45px;
    }
}

.block.our-works {
    padding: 40px 0;
    margin: 0;
}

.blog-post .block.our-works {
    padding-bottom: 0;
}

.block.our-works .block-title {
    margin-bottom: 40px;
}

.block.our-works .item {
}

.block.our-works .blog-date {
    color: #75777e;
    font-weight: 500;
    margin: 0 10px 10px 0;
}

.block.our-works .image {
    display: block;
    margin-bottom: 20px;
    border-radius: 5px;
    position: relative;
}

.block.our-works .image .over {
    background-image: linear-gradient(to top, rgba(10, 42, 58, 0.8), transparent);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0 0 5px 5px;
}

.block.our-works .image .name {
    display: block;
    position: absolute;
    left: 0;
    bottom: 20px;
    color: #fff;
    text-transform: none;
    font-weight: 500;
    font-size: 23px;
    line-height: 1.3;
    padding: 0 30px;
}

.block.our-works .image img {
    border-radius: 5px;
    max-height: 300px;
}

.block.our-works .name {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
}

.block.our-works .date-tags {
    font-size: 17px;
}

.block.our-works .date-tags.mobile {
    display: none;
}

.block.our-works .blog_tags {
    padding-bottom: 0;
}

.block.our-works .blog_tags a span {
    color: #0b5e8a;
}

@media screen and (max-width: 900px) {
    .block.our-works .image .name {
        font-size: 21px;
    }
}

@media screen and (max-width: 600px) {
    .block.our-works {
        padding: 30px 0;
    }

    .block.our-works + .social-block.socials {
        margin-top: 0;
    }

    .block.our-works .block-title {
        margin-bottom: 30px;
    }

    .block.our-works .date-tags.desktop .blog-date {
        display: none;
    }

    .block.our-works .date-tags.mobile {
        display: block;
    }

    .block.our-works .image {
        margin-bottom: 10px;
    }

    .block.our-works .image .name {
        position: relative;
        bottom: auto;
        padding: 0;
        background: #fff;
        color: #000;
        padding-top: 15px;
    }
}

@media screen and (max-width: 1023px) {
    .block.our-works .item + .item {
        margin-top: 40px;
    }
}

.block.principle-wrap {
    padding: 0;
}

.block.principle-wrap .button,
.send-request .button,
.modal-form .button {
    margin-top: 20px;
    margin-bottom: -5px;
    padding-top: 4px;
    padding-bottom: 16px;
}

@media screen and (min-width: 1024px) {
    .block.principle-wrap .button,
    .send-request .button,
    .modal-form .button {
        padding: 5px 97px 20px 97px;
    }
}

.block.principle-wrap .button i,
.send-request .button i,
.modal-form .button i {
    display: inline-block;
    margin-right: 15px;
}

i.icon-attach {
    position: relative;
    top: 3px;
}

i.icon-bubble-white {
    position: relative;
    top: 11px;
}

.block.principle-wrap .bubble-white::before,
.send-request .bubble-white::before,
.modal-form .bubble-white::before {
    top: 16px;
    left: 97px;
}

.grrenlined {
    font: 700 italic 24px/1 "PfRegalTextPro", sans-serif;
    background-size: 1em 0.6em;
    background-repeat: repeat-x;
    background-position: 0px 62%;
    background-image: linear-gradient(90deg, rgba(190, 214, 90, 0.5), rgba(190, 214, 90, 0.5));
}

@media screen and (min-width: 1024px) {
    .grrenlined {
        font-size: 40px;
    }
}

@media screen and (min-width: 1024px) {
    .block.work-organization + .block.our-works,
    .block.inner-seo-principles + .block.our-works {
        padding-top: 15px;
    }
}

.block.work-organization h4 {
    margin-bottom: 32px;
}

@media screen and (min-width: 1024px) {
    .block.work-organization h4 {
        margin-bottom: 49px;
    }
}

.partners-wrap {
}

.partners-wrap .title {
    opacity: 0.5;
    font-size: 13px;
    line-height: 21px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 30px;
}

@media screen and (min-width: 1024px) {
    .partners-wrap .title {
        margin-bottom: 20px;
    }
}

.partners-wrap .logos {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
}

.partners-wrap .logos .item,
.partners-wrap .logos .image-wrap {
    margin-top: 20px;
}

@media screen and (min-width: 1024px) {
    .partners-wrap .logos .image-wrap .item {
        margin: 0;
    }
}

.partners-wrap .logos .image-desc {
    font-size: 13px;
}

@media screen and (max-width: 1023px) {
    .partners-wrap .logos {
        #margin-left: -34px;
    }

    .partners-wrap .logos .item,
    .partners-wrap .logos .image-wrap {
        #margin-left: 34px;
    }
}

.partners-wrap.compact .logos {
    margin-left: -40px;
}

.partners-wrap.compact .logos .item {
    margin-left: 40px;
    height: 40px;
    opacity: 0.9;
    transition: 0.3s opacity ease;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    max-width: 113px;
}

.partners-wrap.compact .logos .item:hover {
    opacity: 1;
}

.partners-wrap.compact .logos .item img {
    max-width: 100%;
    max-height: 100%;
    flex: 0 1 auto;
}

@media screen and (max-width: 479px) {
    .partners-wrap .logos,
    .partners-wrap.compact .logos {
        #margin-left: -300px;
    }

    .partners-wrap .logos .item,
    .partners-wrap.compact .logos .item {
        #margin-left: 300px;
    }
}

.block.career {
    background: linear-gradient(to top, rgba(211, 46, 66, 0.8), rgba(211, 46, 66, 0.8)), url(../images/dist/career-bg.jpg) center no-repeat;
    background-size: cover;
}

@media screen and (min-width: 1024px) {
    .block.vacancies {
        padding-top: 60px;
    }

    .block.vacancies .button {
        padding-left: 47px;
        padding-right: 47px;
    }

    .block.vacancies .button.half-width {
        width: calc(50% - 8px);
        padding-left: 0;
        padding-right: 0;
        display: block;
        float: left;
    }

    .block.vacancies .button.half-width + .button.half-width {
        margin-left: 16px;
    }

    .block-video-career {
        margin-top: 50px;
        display: flex;
        justify-content: center;
    }
}

@media screen and (max-width: 1023px) {
    .block.vacancies .button.half-width + .button.half-width {
        margin-top: 16px;
    }
}

.block.vacancies .col2:not(.active) .detailed {
    display: none;
}

.block.vacancies .col2.active {
    width: 100%;
    position: relative;
    margin-top: 40px;
    margin-bottom: 0px;
}

.block.vacancies .col2.active::before {
    background: #f3f1ed;
    left: -167px;
    right: -167px;
    top: -55px;
    bottom: -27px;
    position: absolute;
    content: "";
    z-index: -1;
}

.block.vacancies .col2.active .more {
    display: none;
}

.block.vacancies .detailed {
    position: relative;
}

.block.vacancies .detailed .icon-close-icon {
    position: absolute;
    top: -66px;
    right: -20px;
    cursor: pointer;
}

.block-video-career {
    margin-top: 50px;
    display: flex;
    justify-content: center;
}

.block-video-career .video {
    width: 480px;
    height: 320px;
}

.vacancies .col2{
    margin-top: 0px !important;
    margin-bottom: 47px;
}

@media screen and (max-width: 1279px) {
    .block.vacancies .detailed .icon-close-icon {
        right: 0;
    }
}

@media screen and (min-width: 1280px), print {
    .block.vacancies {
        padding-bottom: 0px;
    }

    .block.vacancies hr {
        margin-bottom: 8px;
    }

    .block-video-career .video {
        width: 720px;
        height: 360px;
    }
}

@media screen and (min-width: 1024px) {
    .block.vacancies + .block.our-works {
        padding-top: 10px;
    }
}

@media screen and (max-width: 1023px) {
    .block.vacancies {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
}

.block.video-instagram {
    display: flex;
    padding: 0;
    text-align: center;
}

.block.video-instagram .video-preview,
.block.video-instagram .instagram-preview {
    width: 50%;
    box-sizing: border-box;
    height: 277px;
}

.block.video-instagram .video-preview {
    background: linear-gradient(to top, rgba(208, 2, 27, 0.8), rgba(208, 2, 27, 0.8)), url(../images/dist/video-preview.jpg) center no-repeat;
    background-size: cover;
    padding-top: 76px;
    padding-left: 10px;
    padding-right: 10px;
}

.block.video-instagram .instagram-preview {
    position: relative;
}

.block.video-instagram .instagram-preview .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(190, 214, 90, 0.8);
    padding-top: 96px;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 2;
}

.block.video-instagram .instagram-preview:hover {
    opacity: 1;
}

.block.video-instagram .instagram-preview:hover .overlay {
    display: none;
}

.block.video-instagram .instagram-preview .owl-item {
    width: 277px !important;
}

.block.video-instagram .instagram-preview .owl-stage {
    width: 2770px !important;
}

.block.video-instagram .instagram-preview .owl-carousel {
    position: relative;
}

.block.video-instagram .instagram-preview .owl-prev,
.block.video-instagram .instagram-preview .owl-next {
    width: 37px;
    height: 37px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.block.video-instagram .instagram-preview .owl-prev {
    background: url(../images/arrow-prev.png);
    left: 3px;
}

.block.video-instagram .instagram-preview .owl-next {
    background: url(../images/arrow-next.png);
    right: 3px;
}

@media screen and (max-width: 1023px) {
    .block.video-instagram {
        flex-wrap: wrap;
    }

    .block.video-instagram .video-preview,
    .block.video-instagram .instagram-preview {
        width: 100%;
    }

    .block.video-instagram .instagram-preview .overlay {
        display: none;
    }
}

.block.video-instagram .video-preview .desc {
    display: flex;
    align-items: center;
    justify-content: center;
}

.block.video-instagram .desc i {
    display: inline-block;
}

.block.video-instagram .video-preview .desc i {
    margin-right: 15px;
}

.vacancy-video {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 13px;
}

.icon-video-preview-icon-list {
    display: inline-block;
    margin-right: 13px;
    flex-shrink: 0;
}

.awards_items.in_blog {
    margin-bottom: 60px;
}

.white-popup {
    position: relative;
    background: #fff;
    padding: 60px 8px 40px;
    width: auto;
    max-width: 920px;
    margin: 20px auto;
    box-sizing: border-box;
    border: 1px solid #d4def1;
    box-shadow: 0px 4px 12px #3d4555;
    border-radius: 4px;
}

.white-popup.success {
    max-width: 680px;
}

.white-popup .h2title {
    text-align: center;
    margin-bottom: 48px;
}

.white-popup .row {
    margin: 0 0 20px;
}

.white-popup .clear {
    clear: none;
}

.white-popup .row.one-line {
    margin-top: 0 !important;
    margin-bottom: 30px !important;
    align-items: center;
}

.white-popup .row.columns {
    display: block;
    margin-top: 0 !important;
    margin-bottom: 24px;
}

.white-popup.vacancy-resume-popup .row.columns {
    margin-bottom: 65px;
}

.white-popup .second {
    margin-bottom: 6px !important;
}

.white-popup .item-label {
    width: 240px;
}

.white-popup .item-files {
    width: 240px;
}

.white-popup .item-label.privacy {
    display: flex;
    align-items: start;
}

.white-popup .item-input {
    width: 452px;
}

.white-popup label {
    font-size: 19px;
    line-height: 145%;
    margin-bottom: 8px;
}

.white-popup .row.one-line label {
    margin-bottom: 0;
}

.white-popup textarea {
    background: #f3f6fb;
    border: 1px solid #d4def1;
    box-sizing: border-box;
    border-radius: 4px;
    height: 130px;
    font-family: "FiraSans";
}

.white-popup textarea.error {
    border: 2px solid #d32e42;
    padding: 6px 10px 5px;
}

.white-popup input[type="text"],
.white-popup input[type="tel"] {
    background: #f3f6fb;
    border: 1px solid #d4def1;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100% !important;
    font-size: 17px;
    line-height: 25px;
    outline: none;
    padding: 7px 10px 6px;
    box-shadow: none;
    font-family: "FiraSans";
}

.white-popup .item-label-note {
    font-size: 14px;
    line-height: 135%;
    color: #79869d;
    margin: 0;
}

.white-popup .item-label-note a {
    color: #79869d;
}

.white-popup span.item-label-note {
    margin-bottom: 0;
}

.white-popup .button {
    margin: 0;
    background: #fc1e2b;
    font-weight: 500;
    font-size: 13px;
    line-height: 130%;
    padding: 13px 30px 14px;
}

.white-popup i.icon-bubble-white {
    background: url("../images/button-doc.svg") center no-repeat;
    background-size: contain;
    width: 15px;
    height: 18px;
    top: 3px;
}

.white-popup .mfp-close {
    width: 24px;
    height: 24px;
    line-height: 24px;
    background: url("../images/close-icon.svg") center no-repeat;
    background-size: contain;
    opacity: 1;
    top: 28px;
    right: 28px;
}

.white-popup input[type="checkbox"] {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.white-popup input[type="checkbox"] + label {
    display: inline-flex;
    user-select: none;
}

.white-popup input[type="checkbox"] + label::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #d4def1;
    border-radius: 4px;
    margin-right: 10px;
    background-color: #f3f6fb;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    box-sizing: border-box;
}

.white-popup input[type="checkbox"]:checked + label::before {
    background-image: url("../images/check.svg");
}

.white-popup .attach-file {
    font-size: 14px;
    line-height: 145%;
    border-bottom: 1px dashed #000000;
    display: inline-block;
    position: relative;
    margin: 13px 0 0 28px;
    cursor: pointer;
}

.white-popup .attach-file i.icon-attach {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../images/icon-attachment.svg") center no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: -28px;
}

.white-popup .file-name {
    font-size: 14px;
    line-height: 135% !important;
    color: #79869d;
    margin: 5px 0 0 28px !important;
    width: 100% !important;
    display: inline-block;
}

.white-popup .success {
}

.white-popup .success-icon {
    width: 105px;
    height: 112px;
    background: url("../images/icon-tick-green.svg") center no-repeat;
    background-size: contain;
    margin: -22px auto 15px;
}

.white-popup .success-great {
    font-family: PF Regal Text Pro;
    font-weight: bold;
    font-size: 28px;
    line-height: 110%;
    text-align: center;
    color: #0b5e8a;
    margin-bottom: 35px;
}

.white-popup .success-text {
    font-weight: 500;
    font-size: 28px;
    line-height: 135%;
    text-align: center;
    color: #272727;
}

.white-popup .row.columns .item-label {
    display: inline-block;
}

.white-popup .row.columns .item-input {
    display: inline-block;
    float: right;
}

.white-popup .row.columns .item-files {
    display: inline-block;
}

@media screen and (max-width: 1023px) {
    .block.about {
        padding-top: 60px;
    }

    .white-popup .h2title {
        font-size: 26px;
        margin-bottom: 32px;
        line-height: 110%;
    }

    .white-popup .mfp-close {
        top: 16px;
        right: 16px;
    }

    .white-popup .row.one-line {
        margin: 24px 0 !important;
    }

    .white-popup .item-label {
        width: 100%;
    }

    .white-popup .item-files {
        width: 100%;
        order: 3;
    }

    .white-popup .item-input {
        width: 100%;
    }

    .white-popup label {
        font-size: 17px;
        margin-bottom: 5px;
    }

    .white-popup .item-label-note {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .white-popup .item-label.privacy {
        margin-bottom: 20px;
    }

    .white-popup .file-name {
        margin: 5px 0 0 21px !important;
    }

    .white-popup .attach-file {
        margin: 13px 0 0 21px;
    }

    .white-popup .attach-file i.icon-attach {
        width: 14px;
        height: 14px;
        left: -21px;
    }

    .white-popup .row.columns {
        display: flex;
        flex-wrap: wrap;
    }

    .white-popup .row.columns:first-of-type {
        margin-bottom: 20px;
    }

    .white-popup .row.columns .item-label {
        display: block;
    }

    .white-popup .row.columns .item-input {
        display: block;
        float: none;
    }

    .white-popup .row.columns .item-files {
        display: block;
    }

    .white-popup .success-icon {
        margin: -22px auto 7px;
    }

    .white-popup .success-great {
        font-size: 26px;
        margin-bottom: 24px;
    }

    .white-popup .success-text {
        font-size: 22px;
        line-height: 120%;
    }
}

@media screen and (min-width: 1024px) {
    .block.about {
        padding-bottom: 40px;
    }
}

.block.about .col2.flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
}

blockquote {
    text-align: center;
    margin: 0;
}

blockquote p {
    font: italic 700 25px/27px "PFRegalTextPro";
    margin: 0;
}

blockquote li {
    font: italic 700 25px/27px "PFRegalTextPro";
    margin: 0;
}

@media screen and (max-width: 479px) {
    blockquote li {
        font-size: 17px;
        line-height: 22px;
    }
}

blockquote p + p:not(.position):not(.author) {
    margin-top: 1em;
}

blockquote img {
    border-radius: 50%;
    width: 76px;
    height: 76px;
    margin-top: 46px;
    margin-bottom: 11px;
}

@media screen and (max-width: 479px) {
    blockquote p {
        font-size: 20px;
        line-height: 22px;
    }

    blockquote img {
        margin-top: 30px;
    }
}

blockquote .author,
blockquote .position {
    font: normal 700 13px/21px "FiraSans";
    opacity: 0.5;
}

blockquote .author {
    text-transform: uppercase;
}

blockquote .position {
    font-weight: 300;
}

.block.team-intro {
    text-align: center;
    padding-bottom: 20px;
}

@media screen and (min-width: 1024px) {
    .block.team-intro {
        padding-top: 65px;
    }
}

.block.team-intro img {
    width: 168px;
    height: 168px;
    border-radius: 50%;
    margin-bottom: 11px;
}

.block.team-intro p {
    margin: 0;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 21px;
}

.block.team-intro .name {
    font-weight: 700;
}

.block.team-intro .position {
    font-weight: 400;
}

.block.team-intro .button {
    margin-top: 23px;
}

@media screen and (min-width: 1024px) {
    .block.team-intro .button {
        padding-left: 42px;
        padding-right: 42px;
    }
}

@media screen and (min-width: 1024px) {
    .block.team-intro + .block.our-works,
    .block.video-instagram + .block.our-works {
        padding-top: 45px;
    }
}

@media screen and (min-width: 1024px) {
    .block.clients p {
        margin-bottom: 80px;
    }
}

.block.clients .cols {
    text-align: center;
    align-items: center;
}

.block.clients .col4 img {
    max-width: 160px;
    height: auto;
}

.block.clients .button {
    margin-top: 30px;
}

@media screen and (min-width: 1024px) {
    .block.clients {
        padding-bottom: 60px;
    }

    .block.clients .col4 {
        width: 16%;
    }

    .block.clients .button {
        margin-top: 58px;
        padding-left: 70px;
        padding-right: 70px;
    }
}

@media screen and (min-width: 480px) and (max-width: 1023px) {
    .block.clients .cols {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .block.clients .col4 {
        width: 46%;
    }

    .block.clients .col4 + .col4 + .col4 {
        margin-top: 30px;
    }
}

@media screen and (max-width: 479px) {
    .block.clients .col4 + .col4 {
        margin-top: 30px;
    }
}

.block.case-intro {
    background: linear-gradient(to top, rgba(6, 47, 94, 0.6), rgba(6, 47, 94, 0.6)), url(../images/dist/case-intro-bg.jpg) center no-repeat;
    background-size: cover;
}

.block.case-intro hr {
    opacity: 0.4;
}

@media screen and (min-width: 1024px) {
    .block.case-intro {
        padding-bottom: 20px;
    }

    .block.case-intro .flex {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 1023px) {
    .block.case-intro .button {
        margin-top: 15px;
    }
}

.block.case-intro ul {
    margin: 0;
}

@media screen and (min-width: 1024px) {
    .block.what-we-done {
        padding-top: 39px;
        padding-bottom: 23px;
    }
}

.block.what-we-done .statistic {
    margin-top: 20px;
    margin-bottom: 20px;
}

@media screen and (min-width: 1024px) {
    .block.what-we-done .statistic {
        margin-top: 28px;
        margin-bottom: 52px;
    }
}

.block.what-we-done .statistic th,
.block.what-we-done .statistic td {
    width: 50%;
    padding: 9px 30px 9px 50px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 1279px) {
    .block.what-we-done .statistic th,
    .block.what-we-done .statistic td {
        padding: 9px 20px;
    }
}

@media screen and (max-width: 479px) {
    .block.what-we-done .statistic th,
    .block.what-we-done .statistic td {
        padding: 9px 10px;
    }
}

@media screen and (max-width: 1023px) {
    .block.what-we-done .statistic th:first-child,
    .block.what-we-done .statistic td:first-child {
        padding-left: 4.5%;
    }
}

.block.what-we-done .statistic th {
    vertical-align: bottom;
    text-align: left;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.block.what-we-done .statistic tr:last-child td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.block.what-we-done .statistic tr:hover td {
    background-color: #bed65a;
}

.block.what-we-done .graphic {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

@media screen and (min-width: 1024px) {
    .block.what-we-done .graphic {
        margin-top: 38px;
    }
}

.relative {
    position: relative;
}

.block.what-we-done .graphic td {
    height: 42px;
    border: 1px solid #e5e5e5;
    width: 125px;
    vertical-align: middle;
}

@media screen and (max-width: 1279px) {
    .block.what-we-done .graphic td {
        width: 112px;
    }
}

@media screen and (max-width: 1023px) {
    .block.what-we-done .graphic td {
        width: calc((91vw - 64px) / 8);
        height: 32px;
    }
}

@media screen and (max-width: 479px) {
    .block.what-we-done .graphic td {
        width: calc((91vw - 84px) / 8);
        height: 21px;
    }
}

.block.what-we-done .graphic td:first-child,
.block.what-we-done .graphic td:last-child {
    width: 52px;
}

@media screen and (max-width: 1023px) {
    .block.what-we-done .graphic td:first-child,
    .block.what-we-done .graphic td:last-child {
        width: 32px;
    }
}

.block.what-we-done .graphic td:first-child {
    border-left: 0;
}

.block.what-we-done .graphic td:last-child {
    border-right: 0;
}

.block.what-we-done .graphic tfoot td {
    font-size: 13px;
    font-weight: 700;
    opacity: 0.5;
    border: 0;
}

@media screen and (max-width: 1023px) {
    .block.what-we-done .graphic tfoot td {
        font-size: 10px;
        text-transform: none;
    }
}

@media screen and (max-width: 479px) {
    .block.what-we-done .graphic tfoot td span {
        transform: rotate(-90deg);
        transform-origin: 0 0;
        position: absolute;
        background: #fff;
    }
}

.block.what-we-done .graphic td span.y15,
.block.what-we-done .graphic td span.y14 {
    font-size: 13px;
    font-weight: 700;
    position: relative;
    display: inline-block;
}

.block.what-we-done .graphic td span.y15::before,
.block.what-we-done .graphic td span.y14::before {
    width: 9px;
    height: 9px;
    top: 50%;
    transform: translateY(-60%);
    left: -17px;
    position: absolute;
    content: "";
}

.block.what-we-done .graphic td span.y15 {
    margin-left: 17px;
}

.block.what-we-done .graphic td span.y14 {
    margin-left: 45px;
}

.block.what-we-done .graphic td span.y15::before {
    background-color: #d32e42;
}

.block.what-we-done .graphic td span.y14::before {
    background-color: #4a90e2;
}

@media screen and (max-width: 1279px) {
    .block.what-we-done .graphic td span.y14 {
        margin-left: 35px;
    }
}

@media screen and (max-width: 1023px) {
    .block.what-we-done .graphic td span.y14 {
        position: absolute;
        left: 40px;
    }
}

@media screen and (max-width: 479px) {
    .block.what-we-done .graphic td span.y15 {
        position: absolute;
        left: -40px;
    }

    .block.what-we-done .graphic td span.y14 {
        position: absolute;
        left: 0;
    }
}

.block.what-we-done .requests {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
}

@media screen and (min-width: 1024px) {
    .block.what-we-done .requests {
        margin-top: 22px;
        margin-bottom: 38px;
    }
}

.block.what-we-done .requests th,
.block.what-we-done .requests td {
    padding: 9px 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.block.what-we-done .requests th {
    vertical-align: bottom;
    text-align: left;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.block.what-we-done .requests tr:last-child td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.block.what-we-done .requests th:first-child,
.block.what-we-done .requests td:first-child {
    width: 50%;
    padding-left: 50px;
}

@media screen and (max-width: 1279px) {
    .block.what-we-done .requests th,
    .block.what-we-done .requests td,
    .block.what-we-done .requests th:first-child,
    .block.what-we-done .requests td:first-child {
        padding: 9px 20px;
    }
}

@media screen and (max-width: 479px) {
    .block.what-we-done .requests th,
    .block.what-we-done .requests td,
    .block.what-we-done .requests th:first-child,
    .block.what-we-done .requests td:first-child {
        padding: 9px 10px;
    }
}

@media screen and (max-width: 1023px) {
    .block.what-we-done .requests th:first-child,
    .block.what-we-done .requests td:first-child {
        padding-left: 4.5%;
    }
}

.block.what-we-done .requests tr:hover td {
    background-color: #bed65a;
}

.block.what-we-done .statistic th {
    vertical-align: bottom;
    text-align: left;
}

.block.what-we-done .statistic tr:hover td {
    background-color: #bed65a;
}

.block.blockquote {
    padding-top: 20px;
    padding-bottom: 20px;
}

@media screen and (min-width: 1024px) {
    .block.blockquote {
        padding-top: 32px;
        padding-bottom: 39px;
    }
}

.block.case-team {
    text-align: center;
}

@media screen and (min-width: 1024px) {
    .block.what-we-done + .block.case-team {
        margin-top: 35px;
    }

    .block.case-team {
        padding-top: 34px;
        padding-bottom: 53px;
    }
}

.block.case-team p {
    margin: 0;
    font-size: 13px;
    line-height: 21px;
}

.block.case-team p.name {
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 4px;
}

@media screen and (min-width: 1024px) {
    .block.case-team + .block.our-works {
        padding-top: 33px;
    }
}

.remarketing-info p.margin-large {
    margin: 5.2em 0;
}

.block.convers-info {
    padding-bottom: 0;
}

.convers-info .title {
    margin-bottom: 0;
}

.convers-info p.margin-large {
    margin: 2.6em 0 1em;
}

@media screen and (min-width: 1024px) {
    .block.analytics-bq + .block.our-works,
    .block.web-development + .block.our-works,
    .block.team + .block.our-works,
    .block.blog + .block.our-works {
        padding-top: 65px;
    }
}

img.mfp-img {
    padding: 10px;
    margin: 40px auto;
    background-color: #fff;
}

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: pointer;
}

.block.web-development .partners-wrap .logos {
    margin-left: -13px;
}

.block.web-development .partners-wrap .logos img {
    margin-left: 13px;
}

.coverflow .cover {
    width: 63.6%;
}

.flipster {
    overflow-y: hidden !important;
}

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

.flipster ul li,
.flipster ul li + li {
    margin-top: 0;
}

.flipster ul li::before {
    content: "";
}

.block.web-development .flipster a {
    opacity: 1;
}

.block.web-development .flipster {
    padding-bottom: 20px;
    margin-top: 30px;
}

.block.web-development .flipster .item {
    outline: none;
}

.block.web-development .flipster .item.flipster__item--current {
    margin: 0;
}

.block.web-development .flipster .item .caption {
    text-align: center;
    min-height: 40px;
    margin-top: 15px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
}

.block.web-development .flipster--flat .flipster__item--past .flipster__item__content,
.block.web-development .flipster--flat .flipster__item--future .flipster__item__content {
    transform: scale(0.6) !important;
}

.block.web-development .flipster--flat .flipster__item--past,
.block.web-development .flipster--flat .flipster__item--future {
    cursor: default;
    opacity: 1 !important;
}

.block.web-development .flipster--flat .flipster__item--past-1 .flipster__item__content,
.block.web-development .flipster--flat .flipster__item--future-1 .flipster__item__content,
.block.web-development .flipster--flat .flipster__item--current .flipster__item__content {
    opacity: 1 !important;
}

.block.web-development .flipster .item .inner {
    margin: 0 auto;
    max-width: 70vw;
}

.flipster--flat .flipster__item__content {
    margin: 0 20px;
    opacity: 0 !important;
    transition: opacity 0.4s ease;
}

@media screen and (max-width: 1023px) {
    .coverflow .cover {
        width: 63.6%;
        margin-left: 18.2%;
    }
}

.coverflow .cover .cover-item,
.coverflow .cover .cover-item img {
    width: 100%;
}

.coverflow .cover-item:hover {
    opacity: 1;
}

.coverflow .cover p {
    text-align: center;
    font-size: 13px;
    line-height: 21px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 20px;
}

@media screen and (min-width: 1024px) {
    .block.inner-seo {
        padding-bottom: 60px;
    }

    .block.inner-seo-principles .cols {
        margin-top: 47px;
    }
}

.block.team .col3 img {
    border-radius: 50%;
    width: 168px;
    height: 168px;
    margin-bottom: 11px;
}

.block.team .col3 p {
    font-size: 13px;
    line-height: 21px;
    margin: 0 auto;
    text-transform: uppercase;
    max-width: 250px;
}

@media screen and (min-width: 1024px) {
    .block.team {
        padding-bottom: 53px;
    }
}

.block.blog .blog-item {
    margin-top: 30px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

@media screen and (min-width: 1024px) {
    .block.blog .blog-item {
        margin-top: 56px;
    }
}

.block.blog .blog-item .preview {
    width: 100%;
    height: 198px;
    background-size: cover;
    background-position: center;
    z-index: 2;
    display: block;
}

@media screen and (min-width: 1024px) {
    .block.blog .blog-item {
        flex-wrap: nowrap;
    }

    .block.blog .blog-item .preview {
        min-width: 35%;
        width: 35%;
        margin: 0 45px 0 -45px;
        height: 198px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .block.blog .blog-item .preview {
        margin: 0 45px 0 10px !important;
    }
}

.block.blog .blog-item .preview:hover {
    opacity: 1;
}

.block.blog .blog-item .preview::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
}

.block.blog .blog-item .preview:hover::after {
    background: none;
}

.block.blog .blog-item .preview + .text {
    margin-top: 10px;
}

@media screen and (min-width: 1024px) {
    .block.blog .blog-item .preview + .text {
        margin-top: 0px;
    }
}

.block.blog .blog-item .heading {
    margin-bottom: 15px;
    font: 700 25px/27px "PFRegalTextPro";
    display: block;
}

@media screen and (min-width: 1024px) {
    .block.blog .blog-item .heading,
    .block.blog .blog-item .intro {
        margin-bottom: 20px;
    }
}

.block.blog .blog-item + .blog-item {
    margin-top: 26px;
}

@media screen and (min-width: 1024px) {
    .block.blog .blog-item + .blog-item {
        margin-top: 66px;
    }

    .block.blog h2 + .blog-item {
        margin-top: 36px;
    }
}

.block.blog .button.border {
    margin-top: 30px;
    min-width: 260px;
    background: #fff;
    padding-top: 11px;
    padding-bottom: 9px;
}

@media screen and (min-width: 1024px) {
    .block.blog .button.border {
        margin-top: 69px;
    }
}

.block.blog-post {
    padding-bottom: 0;
}

@media screen and (min-width: 1024px) {
    .block.blog-post {
        padding-top: 0;
    }
}

.block.blog-post .info {
    display: flex;
    align-items: center;
    color: #999;
}

.block.blog-post .info a {
    color: #999;
}

.block.blog-post .info img {
    min-width: 57px;
    width: 57px;
    height: 57px;
    border-radius: 50%;
    margin-right: 19px;
}

.block.blog-post .info span {
    color: #000;
    text-transform: uppercase;
}

@media screen and (min-width: 1024px) {
    .block.blog-post .intro {
        margin-bottom: 44px;
    }
}

.block.blog-post .blog-image {
    margin-bottom: 15px;
}

@media screen and (min-width: 1024px) {
    .block.blog-post .blog-image {
        float: left;
        margin-right: 40px;
        margin-bottom: 30px;
        max-width: 50%;
    }
}

.social-block.socials {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}

.social-block.socials .add-comment,
.social-block.socials .follow {
    width: 100%;
}

@media screen and (min-width: 1024px) {
    .social-block.socials {
        margin-top: 47px;
        justify-content: space-between;
    }

    .social-block.socials .add-comment {
        width: 64%;
    }

    .social-block.socials .follow:after {
        content: "";
        display: table;
        clear: both;
    }
}

@media screen and (max-width: 1023px) {
    .social-block.socials .add-comment + .follow {
        margin-top: 30px;
    }
}

.social-block.socials .title {
    font-size: 13px;
    font-weight: 700;
    line-height: 21px;
    text-transform: uppercase;
    text-align: center;
}

.social-block.socials .fb-comment-icon,
.social-block.socials .vk-comment-icon {
    width: 48px;
    height: 48px;
    background-position: 0 0;
    background-size: 48px 96px;
}

.social-block.socials .fb-comment-icon {
    background-image: url(../images/vector-icons/fb-comment-icon.svg);
}

.social-block.socials .vk-comment-icon {
    background-image: url(../images/vector-icons/vk-comment-icon.svg);
}

.social-block.socials .active .fb-comment-icon,
.social-block.socials .active .vk-comment-icon {
    background-position: 0 -48px;
}

.social-block.socials .js-tabs {
    display: flex;
    flex-wrap: wrap;
}

.social-block.socials .js-tabs .js-caption {
    cursor: pointer;
}

.social-block.socials .js-tabs .vk-comment-icon {
    margin-left: 24px;
}

.social-block.socials .js-tabs .js-tab:not(.active) {
    display: none;
}

.social-block.socials .js-tabs .js-tab {
    width: 100%;
    margin-top: 30px;
}

.social-block.socials .follow .social-links {
    width: 50%;
    margin-top: 30px;
    display: flex;
    float: left;
    justify-content: flex-end;
}

.social-block.socials .follow .subscribe-wrap {
    width: 50%;
    float: right;
}

@media screen and (max-width: 1023px) {
    .social-block.socials .follow .social-links {
        float: none;
        width: 100%;
        justify-content: center;
    }

    .social-block.socials .follow .subscribe-wrap {
        float: none;
        width: 100%;
    }

    .social-block.socials .follow .social-links .link {
        margin-left: 50px;
        margin-right: -20px;
    }
}

.social-block.socials .follow .social-links .link {
    background-image: url(../images/vector-icons/social-icons.svg);
    background-size: 144px 48px;
    width: 48px;
    height: 48px;
    margin-left: 31px;
    margin-right: 31px;
}

.social-block.socials .follow .social-links .link:last-of-type {
    margin-right: 62px;
}

@media screen and (max-width: 1023px) {
    .social-block.socials .follow .social-links .link {
        margin-left: 0px;
    }

    .social-block.socials .follow .social-links .link:last-of-type {
        margin-right: 0px;
    }
}

.social-block.socials .follow .social-links .link + .link {
}

.social-block.socials .follow .social-links .link.fb {
    background-position: 0 0;
}

.social-block.socials .follow .social-links .link.vk {
    background-position: -48px 0;
}

.social-block.socials .follow .social-links .link.tw {
    background-position: -96px 0;
}

.social-block.socials .follow .subscribe form {
    margin-top: 30px;
    display: flex;
    max-width: 100%;
}

.social-block.socials .follow .subscribe input,
.social-block.socials .follow .subscribe button {
    height: 46px;
    font-size: 13px;
    text-transform: uppercase;
}

.social-block.socials .follow .subscribe input {
    width: 230px;
    margin-right: 12px;
}

@media screen and (max-width: 1023px) {
    .social-block.socials .follow .subscribe input {
        width: 100%;
    }
}

.social-block.socials .follow .subscribe button {
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05), 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    cursor: pointer;
    outline: none;
    box-shadow: none;
    padding: 7px 10px 6px;
}

@media screen and (min-width: 1024px) {
    .block.more-blog-posts {
        padding-top: 30px;
        padding-bottom: 45px;
    }
}

.block.more-blog-posts .col3 {
    font-size: 13px;
    line-height: 21px;
    padding: 22px 15px;
    min-height: 198px;
    box-sizing: border-box;
    font-weight: 700;
    background-color: #bbb;
    background-size: cover;
    background-position: center;
    position: relative;
    display: block;
}

.block.more-blog-posts .col3::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.8);
}

.block.more-blog-posts span {
    position: relative;
    z-index: 2;
}

@media screen and (min-width: 1024px) {
    .block.more-blog-posts .col3 {
        width: 340px;
        max-width: 32%;
    }

    .block.more-blog-posts hr {
        margin-top: 32px;
    }
}

.block.more-blog-posts hr {
    margin-bottom: 20px;
}

@media screen and (min-width: 1024px) {
    .block.more-blog-posts ~ .block.partners {
        padding-top: 20px;
    }
}

.block.fake-map {
    color: #ffffff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: linear-gradient(to top, rgba(10, 42, 58, 0.8), rgba(10, 42, 58, 0.8)), url(../images/dist/office_img.jpg);
}

.content-fake-map {
    width: 820px;
    margin: 100px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.block.fake-map .col2 {
    margin-bottom: 30px;
}

@media all and (max-width: 900px) {
    .content-fake-map {
        width: auto;
        margin: 50px 0;
        flex-direction: column;
        align-items: flex-start;
    }
}

@media all and (max-width: 700px) {
    .content-fake-map {
        width: auto;
        margin: 0;
        flex-direction: column;
        align-items: flex-start;
    }

    .block.fake-map .col2 {
        margin-bottom: 20px;
    }
}

.block.fake-map a {
    color: #ffffff;
}

.block.fake-map {
    padding-top: 60px;
    height: 50vw;
    min-height: 300px;
    max-height: 453px;
    box-sizing: border-box;
}

.block.map {
    padding-top: 60px;
    height: 50vw;
    min-height: 300px;
    max-height: 661px;
    box-sizing: border-box;
}

.block.map .map {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.block.map .gradient {
    width: 100%;
    height: 61px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    margin-top: -61px;
    position: relative;
}

.block.map .map-info-box {
    margin-left: 60px;
    font-size: 18px;
    color: #d32e42;
    font-weight: 700;
    line-height: 25px;
    width: auto !important;
    font-family: "FiraSans";
}

.block.map .cols {
    margin-top: 17px;
}

.block.map .location {
    font-size: 17px;
    line-height: 25px;
    font-weight: 700;
    text-transform: uppercase;
}

.block.map .phone {
    font: 700 26px/1 "PFRegalTextPro";
    margin-top: 4px;
}

@media screen and (min-width: 1024px) {
    .block.map .phone {
        font-size: 40px;
    }
}

@media screen and (max-width: 479px) {
    .block.map .phone {
        font-size: 18px;
    }

    .block.map .map-info-box {
        margin-left: -30px;
        top: 170px;
        font-size: 13px;
        line-height: 20px;
    }
}

.block.send-request {
    margin-top: 20px;
}

@media screen and (min-width: 1024px) {
    .block.send-request input[type="text"],
    .block.send-request .item,
    .modal-form input[type="text"],
    .modal-form .item {
        width: 49%;
    }

    .block.send-request .item input[type="text"],
    .modal-form .item input[type="text"] {
        width: 100%;
    }

    .block.send-request .row,
    .modal-form .row {
        display: flex;
        justify-content: space-between;
    }
}

@media screen and (max-width: 1023px) {
    .block.send-request .item + .item,
    .modal-form .item + .item {
        margin-top: 20px;
    }
}

.block.send-request button,
.modal-form button:not(.mfp-close) {
    width: 100%;
}

.block.send-request label,
.modal-form label {
    display: block;
}

.block.send-request .row + label,
.block.send-request input + label,
.block.send-request .row + .row,
.modal-form .row + .row,
.modal-form .row + label,
.modal-form input + label {
    margin-top: 20px;
}

.block.send-request input.error,
.modal-form input.error {
    border: 2px solid #d32e42;
    padding: 6px 10px 5px;
}

.block.send-request label.error,
.modal-form label.error {
    color: #d32e42;
}

.modal-form label i {
    color: #d32e42;
    font-style: normal;
}

.block.contact-info .cols {
    margin-top: 14px;
}

@media screen and (min-width: 1024px) {
    .modal-form {
        padding: 45px;
    }

    .modal-form.white-popup {
        padding: 70px 100px 57px;
    }

    .modal-form.white-popup.success {
        padding: 70px 61px 67px;
    }
}

.modal-form input[type="file"],
.inline-site-form input[type="file"] {
    position: absolute;
    left: -9999px;
}

.modal-form .button.border {
    height: 36px;
    width: 100%;
    margin-bottom: 10px;
}

@media screen and (min-width: 1024px) {
    .modal-form .button.border,
    .inline-site-form .button.border {
        width: 49%;
        margin-bottom: 20px;
    }
}

.inline-site-form .button.attach-file {
    padding: 5px 97px 20px 97px;
    height: 36px;
}

.modal-form .file-name,
.inline-site-form .file-name {
    text-align: left;
    line-height: 36px;
}

@media screen and (min-width: 1024px) {
    .modal-form .file-name,
    .inline-site-form .file-name {
        width: 49%;
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

.button.floating {
    position: fixed;
    bottom: 45px;
    z-index: 10;
    right: 45px;
    display: none;
    background: #bed65a;
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.06), 5px 5px 0px 0px rgba(0, 0, 0, 0.06), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
}

.button.floating:not(:hover) {
    width: 64px;
    height: 64px;
}

.button.floating i {
    margin-right: 0;
    display: inline-block;
    position: static;
}

.button.floating:not(:hover) span {
    display: none;
}

.block.principle-wrap .button.floating {
    overflow: hidden;
}

.block.principle-wrap .button.floating:not(:hover) {
    padding-left: 10px;
    padding-right: 10px;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
}

.block.principle-wrap .button.floating:hover {
    opacity: 1;
}

.owl-carousel2 .owl-prev {
    left: -76px;
    background: url(../images/arrows/la.png) !important;
    width: 46px;
    height: 92px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -86px;
    opacity: 0.5;
    transition: opacity 0.3s ease-in;
}

.owl-carousel2 .owl-next {
    right: -76px;
    background: url(../images/arrows/ra.png) !important;
    width: 46px;
    height: 92px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -86px;
    opacity: 0.5;
    transition: opacity 0.3s ease-in;
}

.owl-carousel3 .owl-prev {
    left: -46px;
    background: url(../images/arrows/laaaaaaaa-3.jpg) no-repeat !important;
    width: 46px;
    height: 92px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -36px;
    opacity: 0.5;
    transition: opacity 0.3s ease-in;
}

.owl-carousel3 .owl-next {
    right: -106px;
    background: url(../images/arrows/raaaaaaaa-3.jpg) no-repeat !important;
    width: 46px;
    height: 92px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -36px;
    opacity: 0.5;
    transition: opacity 0.3s ease-in;
}

.seo-case-slider-wrap {
    background: #bed65a;
    position: relative;
}

.seo-case-slider .owl-prev,
.seo-case-slider .owl-next {
    width: 46px;
    height: 92px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -46px;
    opacity: 0.5;
    transition: opacity 0.3s ease-in;
}

.seo-case-slider-wrap:hover .owl-prev,
.seo-case-slider-wrap:hover .owl-next {
    opacity: 1;
}

.seo-case-slider .owl-prev {
    background: url(../images/arrows/la.svg);
    left: 0;
}

.seo-case-slider .owl-next {
    background: url(../images/arrows/ra.svg);
    right: 0;
}

.web_size_block .seo-case-slider .owl-prev {
    background: url(../images/arrows/la.png) !important;
    top: 200px;
}

.web_size_block .seo-case-slider .owl-next {
    background: url(../images/arrows/ra.png) !important;
    top: 200px;
}

@media screen and (min-width: 1280px) {
    .seo-case-slider .owl-prev {
        left: -46px;
    }

    .seo-case-slider .owl-next {
        right: -46px;
    }
}

@media screen and (min-width: 1366px) {
    .seo-case-slider .owl-prev {
        left: -92px;
    }

    .seo-case-slider .owl-next {
        right: -92px;
    }
}

.seo-case-slider .owl-prev:hover,
.seo-case-slider .owl-next:hover {
    opacity: 0.8;
}

.case-slide__title,
.case-slide__title_all_width {
    font-family: FiraSans-Bold;
    font-size: 1.47em;
    color: #000000;
    line-height: 1;
    min-height: 2em;
    padding: 0 1em;
}

@media screen and (min-width: 1280px) {
    .case-slide__title,
    .case-slide__title_all_width {
        padding: 0;
    }
}

@media screen and (min-width: 1366px) {
    .case-slide__title,
    .case-slide__title_all_width {
        padding: 0;
    }
}

.seo-case-slider .owl-dots {
    text-align: center;
    margin-top: 20px;
}

.seo-case-slider .owl-dot {
    display: inline-block;
}

.seo-case-slider .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    opacity: 0.1;
    background: #000000;
    display: block;
    transition: opacity 200ms ease;
    border-radius: 6px;
}

.seo-case-slider .owl-dot:hover span {
    opacity: 0.5;
}

.seo-case-slider .owl-dot.active span {
    background: #ffffff;
    opacity: 1;
}

.case-slide__note {
    font-family: "FiraSans-Light";
    padding: 0 10px;
}

@media screen and (min-width: 1280px) {
    .case-slide__note {
        padding: 0;
    }
}

@media screen and (min-width: 1366px) {
    .case-slide__note {
        padding: 0;
    }
}

.block.instagram-new {
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}

.insta-item {
    order: 1;
    -ms-flex: 1 0 auto;
    flex: 1;
}

.insta-link {
    order: 2;
    flex-shrink: 0;
    padding-left: 4.5%;
    padding-right: 4.5%;
    box-sizing: border-box;
    width: 236px;
    min-width: 236px;
    max-width: 236px;
    display: flex;
    background: #f3f1ed;
    flex-direction: row;
}

.insta-link-inner-wrap {
    align-items: center;
    text-transform: uppercase;
    font-size: 13px;
    display: flex;
    line-height: 1.6;
    align-self: center;
}

.insta-link-inner-wrap .icon-s-tw {
    display: inline-block;
    flex-shrink: 0;
    margin-right: 10px;
}

.insta-item-img {
    display: none;
}

@media screen and (max-width: 479px) {
    .insta-item-img:nth-of-type(-n + 4) {
        display: block;
        width: 33%;
    }

    .block.instagram-new {
        flex-wrap: wrap;
    }

    .insta-link {
        padding-top: 20px;
        padding-bottom: 20px;
        width: 100%;
        max-width: none;
    }

    .insta-item {
        flex-basis: auto;
    }
}

@media screen and (min-width: 480px) and (max-width: 1023px) {
    .insta-item-img:nth-of-type(-n + 6) {
        display: block;
        width: 20%;
    }

    .block.instagram-new {
        flex-wrap: wrap;
    }

    .insta-link {
        padding-top: 20px;
        padding-bottom: 20px;
        width: 100%;
        max-width: none;
    }

    .insta-item {
        flex-basis: auto;
    }
}

@media screen and (min-width: 1024px) {
    .insta-item-img:nth-of-type(-n + 7) {
        display: block;
    }

    .insta-link {
        padding-left: 43px;
        padding-right: 43px;
    }
}

@media screen and (min-width: 1280px) {
    .insta-item-img:nth-of-type(-n + 9) {
        display: block;
    }
}

@media screen and (min-width: 1366px) {
    .insta-item-img:nth-of-type(-n + 10) {
        display: block;
    }
}

.vacancy-subscribe {
    background: #f3f1ed;
}

.vacancy-subscribe-wrapper {
    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(to top, rgba(10, 42, 58, 0.8), rgba(10, 42, 58, 0.8)), url(../images/vacancy_bg.jpg);
    background-origin: padding-box, padding-box;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.vacancy-subscribe-block {
    padding: 30px 0;
}

.vacancy-subscribe-block__title {
    color: #fff;
}

.vacancy-subscribe-block__box {
    display: flex;
}

.vacancy-subscribe-block__subtitle {
    width: 70%;
    color: #fff;
}

.vacancy-subscribe-block__button {
    height: 44px;
    background: #fc1e2b;
    padding: 12px 36px;
    margin-left: 40px;
}

@media (max-width: 1024px) {
    .vacancy-subscribe-block__box {
        flex-direction: column;
    }

    .vacancy-subscribe-block__subtitle {
        width: 100%;
    }

    .vacancy-subscribe-block__button {
        margin-top: 16px;
        margin-left: 0;
    }
}

.vacancy-subscribe .button {
    font-weight: 700;
    padding-top: 21px;
    padding-bottom: 21px;
}

.partners-wrap.compact .logos .item img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 10+ */
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-backface-visibility: hidden;
    filter: gray;
}

.partners-wrap.compact .logos .item:hover img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.join-us-link {
    display: inline-block;
}

@media screen and (max-width: 479px) {
    .float-btn {
        display: none !important;
    }
}

.float-btn {
    z-index: 40;
    position: fixed;
    right: 45px;
    bottom: 145px;
    background: #bed65a;
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.06), 5px 5px 0px 0px rgba(0, 0, 0, 0.06), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    overflow: hidden;
    display: none;
    vertical-align: top;
}

.float-btn .ready-note {
    display: none;
    height: 64px;
    vertical-align: top;
    background: #fff;
    line-height: 64px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
}

.float-btn:hover .ready-note {
    display: inline-block;
}

.float-btn .icon-wrap {
    display: inline-block;
    height: 64px;
    width: 64px;
    vertical-align: top;
}

.float-btn .icon-wrap i {
    display: inline-block;
    margin-top: 16px;
    margin-left: 16px;
    position: static;
}

iframe[name="google_conversion_frame"] {
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

@media all and (max-width: 450px) {
    .cols .logos {
        text-align-last: center !important;
        text-align: center !important;
    }

    .cols .logos .item {
        padding-top: 30px;
        padding-right: 13px;
        max-width: 120px;
    }

    .cols .logos.resizing .item {
        max-width: 100px;
        padding-right: 36px;
    }
}

@media all and (max-width: 345px) {
    .cols .logos .item {
        padding-top: 30px;
        padding-right: 10px !important;
        max-width: 100px !important;
    }
}

.cols .logos {
    text-align: center;
    text-align-last: center;
    line-height: 90px;
}

.cols .logos .item {
    padding-top: 30px;
    padding-right: 8%;
}

.logos-large {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
}

.logos-large .item {
    margin: 10px 3% 3% 3%;
    max-width: 150px;
}

.logos-large .item:first-child {
    margin-left: 0;
}

.logos-large .item:last-child {
    margin-right: 0;
}

@media all and (max-width: 1279px) {
    .logos-large .item {
        max-width: 120px;
    }
}

@media all and (max-width: 971px) {
    .logos-large .item {
        max-width: 100px;
    }
}

@media all and (max-width: 812px) {
    .logos-large .item {
        max-width: 80px;
    }
}

@media all and (max-width: 653px) {
    .logos-large .item {
        max-width: 60px;
        margin: 0 10px 3% 0;
    }
}

.caption-left {
    font-style: italic;
    text-align: left;
    padding-left: 5%;
}

.graphic {
    max-width: 1190px;
}

.caption-right {
    font-style: italic;
    color: #b7b7b7;
    float: right;
    width: 45%;
    text-align: center;
    height: 60px;
}

@media screen and (max-width: 1024px) {
    .info-float {
        display: none !important;
    }

    .logo-float {
        display: block !important;
        margin-left: 30px;
    }

    .cons-button {
        position: absolute;
        right: 0px;
        bottom: 0px;
    }
}

@media screen and (max-width: 680px) {
    .logo-float {
        display: none !important;
    }

    .cons-button {
        position: static;
        margin-top: -2px !important;
        margin-left: 24px !important;
    }
}

@media screen and (min-width: 1024px) {
    .page-wrapper,
    .page-wrapper + .footer {
        overflow: visible !important;
    }
}

.image-wrap-small {
    height: 84px;
    #margin-bottom: 20px;
    margin-bottom: 0px;
}

.imgmrg {
    margin: 10px 0 10px 0;
}

div.block.with-bc.grey.inner-seo {
    margin-bottom: 0px;
}

.image-wrap {
    #margin-left: 10px !important;
    margin-top: 0px !important;
    text-align: center;
}

@media (max-width: 1023px) {
    .image-wrap-small {
        margin-bottom: 20px !important;
    }

    div.h2med {
        margin-bottom: 10px;
    }

    div.block.with-bc.grey.inner-seo {
        padding-bottom: 20px;
    }

    .imgmrg {
        margin: 0 15px 15px 15px;
    }
}

@media (max-width: 864px) {
    .image-wrap {
        width: 30%;
    }
}

@media (max-width: 425px) {
    .image-wrap {
        width: 45%;
    }
}

span.place {
    font-size: 17px;
    color: #d32e42;
    display: block;
}

.seonews {
    #margin-bottom: -13px;
    height: 54px;
}

.cms-magazine {
    #margin-bottom: -4px;
    height: 63px;
}

.green_zayavka {
    display: block;
    background-color: #bed65a;
    text-align: center;
    text-transform: uppercase;
    color: white;
    font-weight: 500;
    padding: 3px 0 2px 0;
    font-size: 12px;
}

.i.toolt-1::before,
.icon-tool-1 {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20height%3D%2248%22%20width%3D%2248%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2041%2019%20L%201%2019%20L%201%201%20L%2041%201%20L%2047%2010%20L%2041%2019%20L%2041%2019%20Z%20M%2041%2019%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%209%2043%20L%2047%2043%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%209%2047%20L%2026%2047%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%209%2029%20L%2043%2029%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%209%2033%20L%2026%2033%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%201%2029%20L%203%2029%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%201%2043%20L%203%2043%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2037%209%20C%2037%2010.66%2035.66%2012%2034%2012%20C%2032.34%2012%2031%2010.66%2031%209%20C%2031%207.34%2032.34%206%2034%206%20C%2035.66%206%2037%207.34%2037%209%20L%2037%209%20Z%20M%2037%209%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2037%2012%20L%2039%2014%22%20%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 55px;
    height: 55px;
}

.i.toolt-2::before,
.icon-tool-2 {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20height%3D%2248%22%20width%3D%2248%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2035%2030%20L%2047%2042%20L%2042%2047%20L%2030%2035%20L%2025%2045%20L%2016%2016%20L%2045%2026%20L%2035%2030%20L%2035%2030%20Z%20M%2035%2030%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2020%201%20L%2020%205%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%205%2020%20L%201%2020%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%207%207%20L%2010%2010%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2010%2030%20L%207%2033%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2033%207%20L%2030%2010%22%20%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 55px;
    height: 55px;
}

.i.toolt-3::before,
.icon-tool-3 {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20height%3D%2248%22%20width%3D%2248%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2045.19%2015.05%20C%2046.36%2017.8%2047%2020.82%2047%2024%20C%2047%2027.18%2046.36%2030.2%2045.19%2032.95%20C%2044.03%2035.7%2042.34%2038.18%2040.26%2040.26%20C%2038.18%2042.34%2035.7%2044.03%2032.95%2045.19%20C%2030.2%2046.36%2027.18%2047%2024%2047%20C%2020.82%2047%2017.8%2046.36%2015.05%2045.19%20C%2012.3%2044.03%209.82%2042.34%207.74%2040.26%20C%205.66%2038.18%203.97%2035.7%202.81%2032.95%20C%201.64%2030.2%201%2027.18%201%2024%20C%201%2020.82%201.64%2017.8%202.81%2015.05%20C%203.97%2012.3%205.66%209.82%207.74%207.74%20C%209.82%205.66%2012.3%203.97%2015.05%202.81%20C%2017.8%201.64%2020.82%201%2024%201%20C%2027.18%201%2030.2%201.64%2032.95%202.81%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2047%201%20L%2021%2020%20L%2021.01%2020.01%20C%2019.8%2020.93%2019%2022.36%2019%2024%20C%2019%2026.76%2021.24%2029%2024%2029%20C%2025.64%2029%2027.07%2028.2%2027.99%2026.99%20L%2028%2027%20L%2047%201%20L%2047%201%20Z%20M%2047%201%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23231f20%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2024%205%20L%2024%208%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23231f20%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2043%2024%20L%2040%2024%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23231f20%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%208%2024%20L%205%2024%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23231f20%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2011%2011%20L%2013%2013%22%20%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%23231f20%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%208%2016%20C%207.45%2016%207%2016.45%207%2017%20C%207%2017.55%207.45%2018%208%2018%20C%208.55%2018%209%2017.55%209%2017%20C%209%2016.45%208.55%2016%208%2016%22%20%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%23231f20%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2017%207%20C%2016.45%207%2016%207.45%2016%208%20C%2016%208.55%2016.45%209%2017%209%20C%2017.55%209%2018%208.55%2018%208%20C%2018%207.45%2017.55%207%2017%207%22%20%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%23231f20%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2031%207%20C%2030.45%207%2030%207.45%2030%208%20C%2030%208.55%2030.45%209%2031%209%20C%2031.55%209%2032%208.55%2032%208%20C%2032%207.45%2031.55%207%2031%207%22%20%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%23231f20%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2040%2016%20C%2039.45%2016%2039%2016.45%2039%2017%20C%2039%2017.55%2039.45%2018%2040%2018%20C%2040.55%2018%2041%2017.55%2041%2017%20C%2041%2016.45%2040.55%2016%2040%2016%22%20%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%23231f20%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%208%2030%20C%207.45%2030%207%2030.45%207%2031%20C%207%2031.55%207.45%2032%208%2032%20C%208.55%2032%209%2031.55%209%2031%20C%209%2030.45%208.55%2030%208%2030%22%20%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%23231f20%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2040%2030%20C%2039.45%2030%2039%2030.45%2039%2031%20C%2039%2031.55%2039.45%2032%2040%2032%20C%2040.55%2032%2041%2031.55%2041%2031%20C%2041%2030.45%2040.55%2030%2040%2030%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23231f20%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2013%2035%20L%2011%2037%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23231f20%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2035%2035%20L%2037%2037%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23231f20%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2021%2037%20L%2027%2037%22%20%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%23231f20%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2024%2023%20C%2023.45%2023%2023%2023.45%2023%2024%20C%2023%2024.55%2023.45%2025%2024%2025%20C%2024.55%2025%2025%2024.55%2025%2024%20C%2025%2023.45%2024.55%2023%2024%2023%22%20%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 55px;
    height: 55px;
}

.i.toolt-4::before,
.icon-tool-4 {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20height%3D%2248%22%20width%3D%2248%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2043%2035%20L%205%2035%20C%202.79%2035%201%2033.21%201%2031%20L%201%205%20C%201%202.79%202.79%201%205%201%20L%2043%201%20C%2045.21%201%2047%202.79%2047%205%20L%2047%2031%20C%2047%2033.21%2045.21%2035%2043%2035%20L%2043%2035%20Z%20M%2043%2035%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2020%2043%20L%2028%2043%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2031.75%2042.32%20L%2028%2035%20L%2020%2035%20L%2016.25%2042.32%20C%2016.09%2042.77%2016%2043.25%2016%2043.72%20L%2016%2045%20C%2016%2046.1%2016.9%2047%2018%2047%20L%2030%2047%20C%2031.1%2047%2032%2046.1%2032%2045%20L%2032%2043.72%20C%2032%2043.25%2031.91%2042.77%2031.75%2042.32%20L%2031.75%2042.32%20Z%20M%2031.75%2042.32%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%205%2027%20L%2043%2027%20L%2043%205%20L%205%205%20L%205%2027%20Z%20M%205%2027%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2014%2019%20L%2011%2016%20L%2014%2013%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2034%2019%20L%2037%2016%20L%2034%2013%22%20%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 55px;
    height: 55px;
}

.i.toolt-5::before,
.icon-tool-5 {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20height%3D%2248%22%20width%3D%2248%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%203%201%20L%203%2047%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%201%2045%20L%2047%2045%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%207%2027%20L%2015%2019%20L%2023%2021%20L%2031%205%20L%2039%209%20L%2047%201%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%207%2039%20L%2015%2039%20L%2023%2031%20L%2031%2033%20L%2039%2023%20L%2047%2021%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%203%2039%20L%201%2039%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%203%2033%20L%201%2033%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%203%2027%20L%201%2027%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%203%2021%20L%201%2021%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%203%2015%20L%201%2015%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%203%209%20L%201%209%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%203%203%20L%201%203%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%209%2046%20L%209%2047%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2015%2046%20L%2015%2047%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2021%2046%20L%2021%2047%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2027%2046%20L%2027%2047%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2033%2046%20L%2033%2047%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2039%2046%20L%2039%2047%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2045%2046%20L%2045%2047%22%20%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 55px;
    height: 55px;
}

.i.toolt-6::before,
.icon-tool-6 {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20height%3D%2248%22%20width%3D%2248%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2037.51%2020.6%20C%2038.47%2022.88%2039%2025.38%2039%2028%20C%2039%2030.62%2038.47%2033.12%2037.51%2035.4%20C%2036.55%2037.67%2035.15%2039.72%2033.43%2041.44%20C%2031.72%2043.15%2029.67%2044.55%2027.4%2045.51%20C%2025.12%2046.47%2022.62%2047%2020%2047%20C%2017.38%2047%2014.88%2046.47%2012.6%2045.51%20C%2010.33%2044.55%208.28%2043.15%206.56%2041.44%20C%204.85%2039.72%203.45%2037.67%202.49%2035.4%20C%201.53%2033.12%201%2030.62%201%2028%20C%201%2025.38%201.53%2022.88%202.49%2020.6%20C%203.45%2018.33%204.85%2016.28%206.56%2014.57%20C%208.28%2012.85%2010.33%2011.45%2012.6%2010.49%20C%2014.88%209.53%2017.38%209%2020%209%20C%2022.62%209%2025.12%209.53%2027.4%2010.49%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2031.06%2023.33%20C%2031.66%2024.77%2032%2026.34%2032%2028%20C%2032%2029.66%2031.66%2031.24%2031.06%2032.67%20C%2030.45%2034.11%2029.57%2035.4%2028.49%2036.49%20C%2027.4%2037.57%2026.11%2038.45%2024.67%2039.06%20C%2023.24%2039.66%2021.66%2040%2020%2040%20C%2018.34%2040%2016.76%2039.66%2015.33%2039.06%20C%2013.89%2038.45%2012.6%2037.57%2011.51%2036.49%20C%2010.43%2035.4%209.55%2034.11%208.94%2032.67%20C%208.34%2031.24%208%2029.66%208%2028%20C%208%2026.34%208.34%2024.77%208.94%2023.33%20C%209.55%2021.89%2010.43%2020.6%2011.51%2019.52%20C%2012.6%2018.43%2013.89%2017.55%2015.33%2016.94%20C%2016.76%2016.34%2018.34%2016%2020%2016%20C%2021.66%2016%2023.24%2016.34%2024.67%2016.94%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2025%2028%20C%2025%2028.69%2024.86%2029.35%2024.61%2029.95%20C%2024.35%2030.54%2023.99%2031.08%2023.54%2031.54%20C%2023.08%2031.99%2022.54%2032.35%2021.95%2032.61%20C%2021.35%2032.86%2020.69%2033%2020%2033%20C%2019.31%2033%2018.65%2032.86%2018.05%2032.61%20C%2017.46%2032.35%2016.92%2031.99%2016.46%2031.54%20C%2016.01%2031.08%2015.65%2030.54%2015.39%2029.95%20C%2015.14%2029.35%2015%2028.69%2015%2028%20C%2015%2027.31%2015.14%2026.65%2015.39%2026.05%20C%2015.65%2025.46%2016.01%2024.92%2016.46%2024.46%20C%2016.92%2024.01%2017.46%2023.65%2018.05%2023.39%20C%2018.65%2023.14%2019.31%2023%2020%2023%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2020%2028%20L%2047%201%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2047%207%20L%2043%2011%20L%2037%2011%20L%2037%205%20L%2041%201%20L%2041%207%20L%2047%207%20L%2047%207%20Z%20M%2047%207%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2043%2011%20L%2039%2015%20L%2033%2015%20L%2033%209%20L%2037%205%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2020%201%20L%2020%204%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2047%2028%20L%2044%2028%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2039%2047%20L%2037%2045%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%203%2011%20L%201%209%22%20%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 55px;
    height: 55px;
}

.i.toolt-8::before,
.icon-tool-8 {
    background-image: url("../../../../upload/toolt-8.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 55px;
    height: 55px;
}

div.h2med {
    padding-top: 80px;
    margin-bottom: 50px;
}

.image-wrap-small {
    height: 84px;
    margin-bottom: 0px;
}

.image-wrap {
    #margin-left: 10px !important;
    margin-top: 0px !important;
    text-align: center;
}

@media (max-width: 1023px) {
    .image-wrap-small {
        margin-bottom: 20px !important;
    }
}

@media (max-width: 864px) {
    .image-wrap {
        width: 30%;
    }
}

@media (max-width: 425px) {
    .image-wrap {
        width: 45%;
    }
}

span.place {
    font-size: 17px;
    color: #d32e42;
    display: block;
}

.seonews {
    #margin-bottom: -13px;
    height: 54px;
}

.cms-magazine {
    #margin-bottom: -4px;
    height: 63px;
}

a.seo-more-popup {
    float: right;
    color: #0054b9;
    text-decoration: underline;
}

.profitable {
    color: #fff;
    background: #d32e42;
    padding: 6px 0px 4px 16px;
    margin-bottom: 5px;
    font-weight: 500;
}

@media screen and (max-width: 1024px) {
    .profitable {
        text-align: center;
        padding: 6px 0px 4px 0;
    }
}

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

.flxbox {
    display: flex;
    justify-content: around;
    align-items: flex-start;
}

.block.toolsweb .weblist {
    margin: 40px 0 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.block.toolsweb .list {
    margin: 40px 0 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.block.toolsweb .item {
    width: 100%;
    padding-top: 70px;
    text-align: center;
    box-sizing: border-box;
}

.block.toolsweb .item.i::before {
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.block.toolsweb .item .wname {
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 16px;
    text-transform: uppercase;
}

.block.marketing .block.toolsweb .item .name {
    color: #000;
    text-decoration: none;
}

.block.toolsweb .item .desc {
    line-height: 1.6;
    font-size: 13px;
}

@media screen and (max-width: 479px) {
    .block.toolsweb .item + .item {
        margin-top: 40px;
    }

    .block.toolsweb .weblist {
        flex-direction: column;
    }

    .web_arrow {
        display: none;
    }

    span.w_title {
        margin-top: 20px;
        font-size: 26px;
    }

    span.w_sld_title {
        font-size: 18px;
    }
}

@media screen and (min-width: 480px) and (max-width: 1023px) {
    .block.toolsweb .item {
        width: 48%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .web_arrow {
        display: none;
    }

    span.w_title {
        margin-top: 20px;
        font-size: 26px;
    }

    span.w_sld_title {
        font-size: 18px;
    }
}

@media screen and (min-width: 1024px) {
    .block.toolsweb .h2 {
        text-align: center;
    }

    .block.toolsweb .weblist {
        margin-bottom: 0;
    }

    .block.toolsweb .item {
        width: 22%;
    }
}

.white-border .whiteback {
    border: 1px solid;
    border-color: #bed65a;
}

.whiteback {
    align-items: center;
    background-color: #ffffff;
    padding: 30px 30px 30px 30px;
    line-height: 20px;
    font-size: 13px;
    margin-bottom: 18px;
}

.whiteback p {
    margin: 0;
}

p.blocktitle {
    font-size: 25px;
    line-height: 25px;
    font-weight: 500;
    margin-bottom: 14px !important;
}

@media screen and (max-width: 479px) {
    p.blocktitle {
        font-size: 18px;
    }
}

@media screen and (min-width: 1024px) {
    .vertical {
        display: block !important;
        height: 56px;
        width: 1px;
        margin-top: 14px;
        background-color: #bed65a;
    }
}

.col_w {
    width: 63% !important;
}

.web-case-slider-wrap {
    position: relative;
}

p.item {
    font-size: 13px;
    margin-top: 3px !important;
    line-height: 17px;
}

img.item,
p.item {
}

.logos-large.resizing > img.item,
p.item {
    margin-left: 0 !important;
}

div.image-wrap {
    margin-left: 0 !important;
}

.i.w-toolt-1::before,
.icon-tool-1 {
    background-image: url(/upload/web/1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 70px;
    height: 70px;
}

.i.w-toolt-2::before,
.icon-tool-2 {
    background-image: url(/upload/web/2.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 70px;
    height: 70px;
}

.i.w-toolt-3::before,
.icon-tool-3 {
    background-image: url(/upload/web/3.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 70px;
    height: 70px;
}

.i.w-toolt-4::before,
.icon-tool-4 {
    background-image: url(/upload/web/4.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 70px;
    height: 70px;
}

.i.wtoolt-1::before,
.icon-tool-1 {
    background-image: url(/upload/web/5.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 80px;
    height: 80px;
}

.i.wtoolt-2::before,
.icon-tool-2 {
    background-image: url(/upload/web/6.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 80px;
    height: 80px;
}

.i.wtoolt-3::before,
.icon-tool-3 {
    background-image: url(/upload/web/7.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 80px;
    height: 80px;
}

.i.wtoolt-4::before,
.icon-tool-4 {
    background-image: url(/upload/web/8.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 80px;
    height: 80px;
}

.i.wtoolt-5::before,
.icon-tool-5 {
    background-image: url(/upload/web/9.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 80px;
    height: 80px;
}

.i.wtoolt-6::before,
.icon-tool-6 {
    background-image: url(/upload/web/10.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 80px;
    height: 80px;
}

.tooltip_temp {
    display: none;
    position: absolute;
}

a.podr {
    background-image: none !important;
    text-decoration: underline;
    color: #337ab7;
    cursor: pointer;
}

.tooltip_temp {
    display: none;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-shadow-customized .tooltipster-box {
    background: #ffffff;
    border: none;
    border-radius: 0;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-shadow-customized .tooltipster-content {
    color: #000000;
    padding: 15px;
    font-size: 13px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
    height: 6px;
}

.web_arrow {
    background-image: url(/upload/web/strelochci.png);
    position: absolute;
    width: 1000px;
    height: 424px;
    bottom: -42px;
    right: -124px;
    transform: scaleY(0.8);
}

.web_img_site {
    display: inline-block;
    width: 46%;
    position: relative;
}

.w_zadachi {
    display: inline-block;
    width: 48%;
    text-align: left;
    vertical-align: top;
    margin-left: 10px;
}

.w_sld_title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    display: block;
    padding-bottom: 15px;
}

.w_img_site {
    width: 48%;
}

.w_title {
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    display: block;
    padding-bottom: 30px;
    margin-top: -20px;
}

@media screen and (max-width: 1024px) {
    .web_img_site {
        width: 80%;
        display: block;
        margin: auto;
    }

    .web-slider {
        text-align: -webkit-center;
    }

    .w_zadachi {
        width: 80%;
        display: block;
        margin: auto;
        margin-top: 30px;
    }

    .w_list {
        padding-left: 20px;
    }

    .w_sld_title {
        margin-top: 20px;
        margin-bottom: 0;
        padding-bottom: 0px;
    }
}

.und_sld {
    display: block;
    text-align: center;
    color: grey;
    font-size: 16px;
    font-weight: 500;
    padding-top: 20px;
}

.w_list {
    font-size: 14px;
}

ul.w_list li::before {
    background: url(/upload/web/list_ico.png) no-repeat;
    background-size: cover;
    content: "";
    position: absolute;
    top: 0.1em;
    left: -1.8em;
    height: 15px;
    width: 17px;
}

.grey_btn {
    width: auto;
    padding: 8px 15px 8px 15px;
    border: 3px solid #dfdeda;
    font-weight: 600;
    font-size: 17px;
    margin: 10px 0 0 20px;
    cursor: pointer;
    display: inline-block;
}

ul.w_list:not(.collapse) li + li {
    margin-top: 10px;
}

.web_size_block {
    padding-bottom: 30px !important;
}

div.w_zadachi span.w_sld_title {
    text-align: left;
    padding-left: 20px;
}

.lk {
    color: black !important;
}

@media screen and (max-width: 1023px) {
    .links-block.lk_top {
        margin-top: 5px;
    }
}

.h4_title_usl {
    font: 700 37px/37px "PFRegalTextPro", sans-serif;
    text-align: center;
    margin-bottom: 33px;
}

.who_need_li_p {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
}

.who_need_li_sp {
    display: block;
    margin-bottom: 20px;
}

.und_who_need {
    text-align: center;
    font-weight: bold;
    padding: 0px 45px;
    font-size: 16px;
    display: block;
}

.light_blue_block {
    background-color: #f4f8f9;
}

.flex-razv {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 60px;
}

.why_ben_el {
    width: 48%;
    margin-bottom: 20px;
}

.zag_why_ben {
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 500;
    display: block;
    margin-bottom: 10px;
}

.cost_razv_und {
    display: block;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
}

.block .item .wname_usl {
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 8px;
    text-transform: uppercase;
    margin-top: 8px;
    line-height: 18px;
}

.i.usl_img1::before,
.icon-tool-1 {
    background-image: url(/upload/usl/kartinca_1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 80px;
    height: 80px;
}

.i.usl_img2::before,
.icon-tool-2 {
    background-image: url(/upload/usl/kartinca_2.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 80px;
    height: 80px;
}

.i.usl_img3::before,
.icon-tool-3 {
    background-image: url(/upload/usl/kartinca_3.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 80px;
    height: 80px;
}

.uls_razv_arrows {
    background-image: url(/upload/usl/lines.png);
    position: absolute;
    width: 1000px;
    height: 424px;
    bottom: -128px;
    right: 82px;
    transform: scaleY(0.8);
    background-repeat: no-repeat;
}

@media screen and (max-width: 600px) {
    .uls_razv_arrows {
        display: none;
    }

    .ifpres {
        height: 239px;
    }
}

@media screen and (min-width: 599px) and (max-width: 1023) {
    .uls_razv_arrows {
        display: none;
    }

    .ifpres {
        height: 239px;
    }
}

.weblist.razv_usl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 40px;
    padding-left: 50px;
    margin-top: 60px;
}

.weblist.razv_usl .item {
    width: 45%;
    margin-bottom: 25px;
}

.i.uls_img_why1::before,
.icon-tool-1 {
    background-image: url(/upload/usl/kartinca_4.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 70px;
    height: 70px;
    left: -80px;
    top: -3px;
}

.i.uls_img_why2::before,
.icon-tool-1 {
    background-image: url(/upload/usl/kartinca_5.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 70px;
    height: 70px;
    left: -80px;
    top: -3px;
}

.i.uls_img_why3::before,
.icon-tool-1 {
    background-image: url(/upload/usl/kartinca_6.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 70px;
    height: 70px;
    left: -80px;
    top: -3px;
}

.i.uls_img_why4::before,
.icon-tool-1 {
    background-image: url(/upload/usl/kartinca_7.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 70px;
    height: 70px;
    left: -80px;
    top: -3px;
}

li.uls_img_got1::before {
    background-image: url(/upload/usl/user.svg);
    background-repeat: no-repeat;
}

li.uls_img_got2::before {
    background-image: url(/upload/usl/trophy.svg);
    background-repeat: no-repeat;
}

li.uls_img_got3::before {
    background-image: url(/upload/usl/like.svg);
    background-repeat: no-repeat;
}

li.uls_img_got4::before {
    background-image: url(/upload/usl/settings.svg);
    background-repeat: no-repeat;
}

li.uls_img_got5::before {
    background-image: url(/upload/usl/tools.svg);
    background-repeat: no-repeat;
}

li.uls_img_got6::before {
    background-image: url(/upload/usl/speech-bubble.svg);
    background-repeat: no-repeat;
}

li.uls_img_gots1::before {
    background-image: url(/upload/multi_icons/icon2.png);
    background-repeat: no-repeat;
}

li.uls_img_gots2::before {
    background-image: url(/upload/multi_icons/icon3.png);
    background-repeat: no-repeat;
}

li.uls_img_gots3::before {
    background-image: url(/upload/multi_icons/icon4.png);
    background-repeat: no-repeat;
}

li.uls_img_gots4::before {
    background-image: url(/upload/multi_icons/icon5.png);
    background-repeat: no-repeat;
}

li.uls_img_gots5::before {
    background-image: url(/upload/multi_icons/icon6.png);
    background-repeat: no-repeat;
}

li.uls_img_gots7::before {
    background-image: url(/upload/multi_icons/icon7.png);
    background-repeat: no-repeat;
}

li.uls_img_gots8::before {
    background-image: url(/upload/multi_icons/icon8.png);
    background-repeat: no-repeat;
}

li.uls_img_gots9::before {
    background-image: url(/upload/multi_icons/icon9.png);
    background-repeat: no-repeat;
}

li.uls_img_gots10::before {
    background-image: url(/upload/multi_icons/icon10.png);
    background-repeat: no-repeat;
}

li.uls_img_gots11::before {
    background-image: url(/upload/multi_icons/icon11.png);
    background-repeat: no-repeat;
}

li.uls_img_gots12::before {
    background-image: url(/upload/multi_icons/icon12.png);
    background-repeat: no-repeat;
}

li.uls_img_gots13::before {
    background-image: url(/upload/multi_icons/icon13.png);
    background-repeat: no-repeat;
}

li.uls_img_gots14::before {
    background-image: url(/upload/multi_icons/icon14.png);
    background-repeat: no-repeat;
}

li.uls_img_gots15::before {
    background-image: url(/upload/multi_icons/icon15.png);
    background-repeat: no-repeat;
}

li.uls_img_gots16::before {
    background-image: url(/upload/multi_icons/icon16.png);
    background-repeat: no-repeat;
}

li.uls_img_gots17::before {
    background-image: url(/upload/multi_icons/icons17.png);
    background-repeat: no-repeat;
}

li.uls_img_gots18::before {
    background-image: url(/upload/multi_icons/icons18.png);
    background-repeat: no-repeat;
}

li.uls_img_gots19::before {
    background-image: url(/upload/multi_icons/icons19.png);
    background-repeat: no-repeat;
}

li.uls_img_gots20::before {
    background-image: url(/upload/multi_icons/icons20.png);
    background-repeat: no-repeat;
}

li.uls_img_gots21::before {
    background-image: url(/upload/multi_icons/icons21.png);
    background-repeat: no-repeat;
}

li.uls_img_gots22::before {
    background-image: url(/upload/multi_icons/icons22.png);
    background-repeat: no-repeat;
}

li.uls_img_gots23::before {
    background-image: url(/upload/multi_icons/icons23.png);
    background-repeat: no-repeat;
}

li.uls_img_gots24::before {
    background-image: url(/upload/multi_icons/icons24.png);
    background-repeat: no-repeat;
}

li.uls_img_gots25::before {
    background-image: url(/upload/multi_icons/icons25.png);
    background-repeat: no-repeat;
}

li.uls_img_gots26::before {
    background-image: url(/upload/multi_icons/icons26.png);
    background-repeat: no-repeat;
}

li.uls_img_gots27::before {
    background-image: url(/upload/multi_icons/icons27.png);
    background-repeat: no-repeat;
}

li.uls_img_gots28::before {
    background-image: url(/upload/multi_icons/icons28.png);
    background-repeat: no-repeat;
}

li.uls_img_gots29::before {
    background-image: url(/upload/multi_icons/icons29.png);
    background-repeat: no-repeat;
}

li.uls_img_gots30::before {
    background-image: url(/upload/multi_icons/icons30.png);
    background-repeat: no-repeat;
}

li.uls_img_gots31::before {
    background-image: url(/upload/multi_icons/icons31.png);
    background-repeat: no-repeat;
}

li.uls_img_gots32::before {
    background-image: url(/upload/multi_icons/icons32.png);
    background-repeat: no-repeat;
}

li.uls_img_gots33::before {
    background-image: url(/upload/multi_icons/icons33.png);
    background-repeat: no-repeat;
}

li.uls_img_gots34::before {
    background-image: url(/upload/multi_icons/icons34.png);
    background-repeat: no-repeat;
}

li.uls_img_gots35::before {
    background-image: url(/upload/multi_icons/icons34.png);
    background-repeat: no-repeat;
}

/*li.uls_img_gots36::before {
  background-image: url(/upload/multi_icons/youtube.png);
  background-repeat: no-repeat;
}
li.uls_img_gots37::before {
  background-image: url(/upload/multi_icons/ya.png);
  background-repeat: no-repeat;
}
li.uls_img_gots38::before {
  background-image: url(/upload/multi_icons/google.png);
  background-repeat: no-repeat;
}
li.uls_img_gots39::before {
  background-image: url(/upload/multi_icons/social.png);
  background-repeat: no-repeat;
}*/
li.uls_img_gots40::before {
    background-image: url(/upload/multi_icons/growth.png);
    background-repeat: no-repeat;
    width: 35px !important;
    height: 35px !important;
}

li.uls_img_gots41::before {
    background-image: url(/upload/multi_icons/packaging.png);
    background-repeat: no-repeat;
    width: 35px !important;
    height: 35px !important;
}

li.uls_img_gots42::before {
    background-image: url(/upload/multi_icons/audience.png);
    background-repeat: no-repeat;
    width: 35px !important;
    height: 35px !important;
}

li.uls_img_gots43::before {
    background-image: url(/upload/multi_icons/megaphone.png);
    background-repeat: no-repeat;
    width: 35px !important;
    height: 35px !important;
}

li.uls_img_gots44::before {
    background-image: url(/upload/multi_icons/u1324.png);
    background-repeat: no-repeat;
    width: 50px !important;
    height: 50px !important;
}

@media screen and (max-width: 1023px) {
    .weblist.razv_usl .item {
        width: 100%;
        margin-top: 50px;
    }

    .weblist.razv_usl {
        text-align: center;
    }

    .i.uls_img_why4::before,
    .icon-tool-1 {
        left: 50%;
        top: -50px;
        transform: translateX(-50%);
    }

    .i.uls_img_why3::before,
    .icon-tool-1 {
        left: 50%;
        top: -50px;
        transform: translateX(-50%);
    }

    .i.uls_img_why2::before,
    .icon-tool-1 {
        left: 50%;
        top: -50px;
        transform: translateX(-50%);
    }

    .i.uls_img_why1::before,
    .icon-tool-1 {
        left: 50%;
        top: -50px;
        transform: translateX(-50%);
    }

    .zag_why_ben {
        margin-top: 20px;
    }
}

@media (min-width: 1023px) and (max-width: 1280px) {
    .weblist.razv_usl {
        padding-left: 70px;
    }
}

@media screen and (max-width: 1023px) {
    .links-block.lk_top {
        display: none;
    }

    .block.ppc.grey {
        padding-top: 60px;
    }
}

.flx_class {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.multi_logo {
    width: 7%;
    margin: 0 14px 14px 0;
    text-align: center;
}

.multi_logo:nth-child(12n) {
    margin-right: 0px;
}

.multi_img {
}

.mul_tit {
    font-weight: 700;
    font-size: 16px;
}

.flx_el_mult {
    width: 30%;
    margin: 0 0 50px 0;
    font-size: 15px;
}

.mult_cont {
    margin-top: 80px;
    margin-bottom: 0px;
}

.h3_margin_multi {
    margin-bottom: 50px;
}

.mul_call {
    font-size: 32px;
    margin: 60px 0 40px 0;
    text-align: center;
    font-weight: 500;
    padding-top: 60px;
}

.ps_mult {
    font-style: italic;
    font-weight: 100;
    font-size: 13.8px;
}

.ourclient_mult {
    margin-top: 60px;
    padding: 0;
}

.mult_blocks {
    margin-bottom: 40px;
    margin-top: 70px;
}

.logos_mul {
    margin: 30px 0;
}

.el_recomended {
    width: 30%;
    margin-right: 15px;
    text-align: center;
    padding: 10px 10px 0 10px;
    font-size: 13px;
    background-color: #f4f8f9;
    height: 520px;
    position: relative;
}

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

.h_rec {
    height: 225px;
}

.logo_recomended {
    text-align: center;
    background-color: #fff;
    width: 85%;
    display: inline-block;
    height: 150px;
    margin-top: 9px;
    margin-bottom: 20px;
}

.autor_recomend {
    font-weight: 500;
}

.original_recomend {
    text-decoration: underline;
    color: #33ccff;
    cursor: pointer;
    position: absolute;
    width: 92%;
    bottom: 10px;
    display: block;
}

.multgreen {
    font-size: 32px;
}

@media screen and (min-width: 480px) and (max-width: 1023px) {
    .flx_el_mult {
        width: 48%;
    }
}

@media screen and (min-width: 1023px) and (max-width: 1285px) {
    .multi_logo {
        width: 10%;
    }
}

@media screen and (max-width: 1023px) {
    .mul_call {
        font-size: 20px;
    }

    .h3_margin_multi {
        margin-bottom: 30px;
    }

    .nomp {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    .el_recomended {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .flx_class.logos_mul {
        display: none;
    }
}

@media screen and (max-width: 479px) {
    .flx_el_mult {
        width: 100%;
        margin: 0 0 25px 0;
    }
}

@media screen and (max-width: 970px) {
    ul.mult_icons3 {
        padding-left: 60px !important;
    }
}

ul.mult_icons {
    padding-left: 80px;
}

ul.mult_icons2 {
    padding-left: 80px;
}

ul.mult_icons3 {
    padding-left: 130px;
}

ul.mult_icons li::before {
    background-size: cover;
    content: "";
    position: absolute;
    top: 0.1em;
    left: -4.8em;
    height: 50px;
    width: 50px;
}

ul.mult_icons2 li::before {
    background-size: cover;
    content: "";
    position: absolute;
    top: -0.4em;
    left: -3.2em;
    height: 35px;
    width: 35px;
}

ul.mult_icons3 li::before {
    background-size: cover;
    content: "";
    position: absolute;
    top: -0.8em;
    left: -3.2em;
    height: 70px;
    width: 70px;
}

#mul_ic1::before {
    background: url(/upload/multi_icons/ic1.png) no-repeat;
}

li#mul_ic2::before {
    background: url(/upload/multi_icons/ic2.png) no-repeat;
}

li#mul_ic3::before {
    background: url(/upload/multi_icons/ic3.png) no-repeat;
}

li#mul_ic4::before {
    background: url(/upload/multi_icons/ic4.png) no-repeat;
}

li#mul_ic5::before {
    background: url(/upload/multi_icons/ic5.png) no-repeat;
}

li#mul_ic6::before {
    background: url(/upload/multi_icons/ic6.png) no-repeat;
}

li#mul_ic7::before {
    background: url(/upload/multi_icons/ic7.png) no-repeat;
}

li#mul_ic8::before {
    background: url(/upload/multi_icons/ic8.png) no-repeat;
}

.mul_titl {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.cols.mul_work_us {
    margin-top: 30px;
}

.multi_white_title {
    font-weight: 500;
    color: white;
    font-size: 30px;
    margin-bottom: 50px;
    padding-top: 30px;
}

.sld_flx_el {
    width: 20%;
    font-size: 13px;
    line-height: 18px;
}

.flxwidth {
    width: 90%;
    margin-bottom: 30px;
}

.big_num_mulsld {
    font-size: 44px;
    margin-bottom: 17px;
    font-weight: 600;
}

.mult_half_container {
    width: 48%;
    display: inline-block;
    margin-right: 20px;
}

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

.text_sld {
    font-size: 13px;
}

.grpaph_sld_mul {
    vertical-align: top;
}

.smltext {
    font-weight: 500;
    font-size: 15px;
}

.white_text_sld {
    color: white;
    font-weight: 300;
    font-size: 16px;
    margin-top: 0px;
    padding-left: 30px;
    margin-top: -3px;
}

.your_sld {
    background-color: #ffffff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    width: 44%;
    display: inline-block;
    margin: 20px;
    vertical-align: top;
    padding: 100px 60px 60px 60px;
    text-align: center;
    margin-right: 65px;
}

.mid_title_sld {
    font-size: 38px;
    font-weight: 100;
    line-height: 36px;
}

.img_your_sld {
    display: inline-block;
    width: 35%;
    margin-top: 120px;
}

.opacity_line_sld {
    border-bottom: 1px solid #cdcdcd;
    width: 62%;
    display: inline-block;
    margin-top: 35px;
}

.call_us_sld {
    font-size: 18px;
    opacity: 0.3;
    font-weight: 500;
    margin-top: 0;
}

.tel_sld {
    display: block;
    font-size: 35pt;
    margin-bottom: 30px;
}

.button.anchor.popup-link.button_multi_sld {
    width: 100%;
    font-size: 25px;
    padding-top: 20px;
}

.case-slide.your_poject {
    margin-top: 70px;
}

.autor_bottom {
}

.line_recomend {
    border-bottom: 1px solid #cdcdcd;
    width: 90%;
    display: inline-block;
}

.el_how_we_work_1 {
    width: 23%;
}

.el_how_we_work_2 {
    width: 40%;
}

.el_how_we_work_3 {
    width: 26%;
}

.title_our_spec {
    margin: 100px 0 50px 0;
    font-size: 22px;
    font-weight: 500;
}

.how_we_work_m {
    display: none;
    background-image: url("/upload/multi_icons/Directline_mobile.png");
    background-size: contain;
    background-repeat: no-repeat;
    height: 800px;
    border-radius: 27px;
    background-color: #f9f7f4;
    position: relative;
}

.how_work_el_m {
    width: 61%;
    margin-left: 100px;
    position: absolute;
}

.el_1m {
    top: 20px;
}

.el_2m {
    top: 120px;
}

.el_3m {
    top: 215px;
}

.el_4m {
    top: 322px;
}

.el_5m {
    top: 426px;
}

.el_6m {
    top: 533px;
}

.el_7m {
    top: 628px;
}

.el_8m {
    top: 732px;
}

@media screen and (min-width: 1280px) {
    .wide-container.seo-case-slider.multi-slider {
        width: 1000px;
    }
}

@media screen and (max-width: 1023px) {
    .how_we_work_m {
        display: block;
    }

    .el_how_we_work_1,
    .el_how_we_work_2,
    .el_how_we_work_3 {
        width: 100%;
    }

    .el_how_we_work_2 > ul,
    .el_how_we_work_3 > ul {
        margin-top: 0;
    }

    .how_we_work {
        display: none;
    }

    .title_our_spec {
        margin: 65px 0 15px 0;
        line-height: 22px;
        font-size: 16px;
    }

    .multi_white_title {
        line-height: 20px;
        font-size: 18px;
        padding-top: 0px;
        margin-bottom: 27px;
    }

    .big_num_mulsld {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .sld_flx_el {
        margin-bottom: 15px;
        width: 49% !important;
    }

    .flxwidth {
        margin-bottom: 0;
        width: 100%;
    }

    .mult_half_container {
        width: 100%;
        margin-top: 20px;
    }

    ul.mult_icons {
        padding-left: 62px;
    }

    .flx_class.textgraph {
        flex-direction: column-reverse;
    }

    .case-slide.your_poject {
        margin-top: 0;
    }

    .your_sld {
        padding: 0;
        width: 96%;
        margin: 0;
    }

    .mid_title_sld {
        font-size: 26px;
        line-height: 29px;
        margin: 30px 10px 0 10px;
    }

    .tel_sld {
        font-size: 30px;
    }

    .button.anchor.popup-link.button_multi_sld {
        width: 85%;
        font-size: 17px;
        padding-top: 18px;
    }

    .img_your_sld {
        display: none;
    }
}

ul.mult_icons > li {
    margin-bottom: 30px;
}

.form_for_page {
    background-color: #f3f1ed;
    padding-bottom: 15px;
    margin-top: 70px;
}

@media (max-width: 1023px;) {
    .nomargin {
        margin-top: -11px;
    }

    .form_for_page {
        margin-top: 30px;
    }
}

.info.info-float::after {
    content: none;
}

.block_mrp {
    background-image: linear-gradient(to top, rgba(6, 47, 94, 0.8), rgba(6, 47, 94, 0.8)), url(/upload/multi_icons/map_mpage.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
    background-position: center;
    padding: 60px 0px;
    margin: 15px 0;
}

.und_lbl_mrp {
    display: block;
    font-weight: 500;
}

.mrp_more {
    padding: 6px 32px;
    color: white;
    font-size: 11px;
    font-weight: 100;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 19px;
    border: 1px white solid;
    border-radius: 3px;
    cursor: pointer;
}

.h2_mrp {
    font-size: 50px;
}

@media screen and (max-width: 1023px) {
    .block {
        /*margin: 0 4.5% 4.5%;*/
        margin: 0 4.5% 0;
        padding: 20px 0;
    }

    .block.header {
        margin-bottom: 0;
    }

    .block.work-organization {
        margin: 0 4.5% 0;
        padding: 20px 0 0;
    }

    .block.with-bc {
        padding-top: 20px;
    }

    .block_mrp {
        margin-top: 4.5%;
    }
}

@media screen and (max-width: 610px) {
    .h2_mrp {
        font-size: 26px;
    }
}

.red_block_blog {
    padding: 30px 46px;
    background-color: #fd5967;
    margin: 20px 0 30px;
    font-size: 17px;
}

.white_text_blog {
    color: white;
    line-height: 23px;
    font-weight: 500;
}

.black_text_blog {
    color: black;
    font-weight: 600;
    line-height: 23px;
}

.blog_margin {
    margin-bottom: 20px;
}

.blog_no_shadowbold {
    text-shadow: none;
    font-weight: 500;
}

@media screen and (max-width: 600px) {
    .red_block_blog {
        padding: 20px 20px;
        font-size: 14px;
    }

    .blog_margin {
        margin-bottom: 15px;
    }

    .black_text_blog {
        font-weight: 500;
    }
}

.h2title {
    font: 700 24px/1 "PFRegalTextPro", sans-serif;
    display: block;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
    margin: 0 0 20px;
}

.h2title_center {
    text-align: Center;
}

.strng {
    font-weight: 700;
}

@media screen and (min-width: 1024px) {
    .h2title {
        font-size: 40px;
    }
}

@media screen and (max-width: 479px) {
    .h2title {
        font-size: 22px;
    }
}

.h4title {
    font: 700 20px/1 "FiraSans", sans-serif;
    display: block;
    -webkit-margin-before: 1.33em;
    -webkit-margin-after: 1.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin: 0 0 20px;
}

@media screen and (min-width: 1024px) {
    .h4title {
        font-size: 25px;
    }
}

.h3title {
    font: 400 22px/1 "PFRegalTextPro", sans-serif;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin: 0 0 20px;
}

@media screen and (min-width: 1024px) {
    .h3title {
        font-size: 32px;
    }
}

.block.rose {
    background-color: #f4f8f9;
}

.seo-header {
    margin-bottom: 25px;
    font: 700 37px/37px "PFRegalTextPro", sans-serif;
}

.case-slide__note .seo-goal {
    display: block;
    font-size: 20px;
    line-height: 38px;
}

@media screen and (max-width: 479px) {
    .h4title {
        font-size: 18px;
        line-height: 25px;
    }

    .h3title {
        font-size: 20px;
    }

    .mul_titl {
        font-size: 13px;
    }

    .seo-header {
        font-size: 25px;
        line-height: 25px;
    }

    .case-slide__note .seo-goal {
        padding: 5px;
        font-size: 15px;
        line-height: 22px;
    }
}

.priceblock {
    padding: 25px 0px 35px 16px;
    background-color: #f3f1ed;
}

.priceblock .price {
    font-size: 35px;
    font-weight: 500;
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
}

.priceblock .pricesym {
    font-family: "Roboto", sans-serif;
    font-size: 33px;
    font-weight: 500;
    vertical-align: middle;
}

.seo_graph_zag {
    position: relative;
    margin-bottom: 25px;
}

.zaliv {
    position: absolute;
    background-color: #acc051;
    width: 100%;
    height: 85px;
    z-index: 0;
    top: 104px;
}

.seo_gr_info {
    display: inline-block;
}

.seo_graph_zag > .case-slide__title {
    display: inline-block;
    width: 47%;
    line-height: 27px;
}

.seo_graph_zag > .case-slide__title_all_width {
    display: inline-block;
    width: 100%;
    line-height: 27px;
}

.dost > div {
    position: relative;
    padding-left: 25px;
    display: inline-block;
    width: 42%;
    vertical-align: top;
}

.dost > div:before {
    background: url(/services/seo/img/galka.png) no-repeat;
    background-size: cover;
    content: "";
    position: absolute;
    top: 0.3em;
    left: 0.4em;
    height: 11px;
    width: 14px;
}

.dost {
    margin-bottom: 20px;
}

.grpk {
    width: 90% !important;
}

@media screen and (max-width: 1023px) {
    .seo_graph_zag > .case-slide__title,
    .seo_graph_zag > .case-slide__title_all_width {
        width: 90%;
        padding-left: 0px;
    }

    .seo_gr_info {
        display: block;
    }

    .zaliv {
        display: none;
        height: 95px;
        top: 10px;
    }

    .dost > div {
        width: 100%;
        margin-bottom: 10px;
        margin-top: 0px !important;
    }

    .seo_graph_zag {
        width: 80%;
        margin: auto;
        margin-bottom: 25px;
    }

    .grpk {
        margin: auto;
    }

    .priceblock .price,
    .priceblock .pricesym {
        font-size: 30px !important;
    }
}

.flex-box-standart {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.inline-table {
    display: inline-block;
    width: 49%;
}

.prod-goal {
    float: left;
    display: inline-block;
    border: 1px solid;
    position: absolute;
    height: 100%;
}

.r-block-goal {
    display: inline-block;
    width: 73%;
    float: right;
    padding: 10px 20px;
}

.r-block-goal ul {
    padding-left: 45px;
    width: 18%;
    font-size: 14px;
}

.r-block-goal ul li::before {
    left: -1.2em;
}

.clear {
    clear: both;
}

.container .block.what-we-done .statistic th,
.block.what-we-done .statistic td {
    padding: 9px 10px 9px 20px;
}

.relative {
    position: relative;
}

.work-organization .block.what-we-done .statistic th,
.block.what-we-done .statistic td {
    width: auto;
}

.work-organization .block.what-we-done .statistic {
    width: 100%;
}

.t_cost {
    font-size: 23px;
    font-weight: 500;
}

.img-block-cms {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 45px;
}

.img-cms {
    width: 12%;
}

.title-quest {
    cursor: pointer;
}

.triangle {
    background-color: #f3f1ed;
    position: relative;
}

.triangle::after {
    content: "";
    position: absolute;
    right: -99px;
    top: -1px;
    border: 75px solid transparent;
    border-left: 24px solid #f3f1ed;
    z-index: 999;
}

.triangle::before {
    content: "";
    position: absolute;
    right: 77px;
    top: -1px;
    border: 75px solid transparent;
    border-left: 24px solid white;
    z-index: 200;
}

.block.what-we-done .statistic.nohover tr:hover td {
    background-color: transparent;
}

.greyblock {
    background-color: #f3f1ed;
    padding: 20px 30px 20px 40px;
}

td.tooltip,
td.tooltipright {
    cursor: pointer;
}

.blog-date {
    color: #999;
}

.case_btn {
    background-color: #bed65a;
    padding: 7px 53px 3px 40px;
    color: #000 !important;
    font-size: smaller;
    border-radius: 4px;
    font-weight: 500;
    position: relative;
    display: inline-block;
}

.case_btn:hover {
    opacity: 1 !important;
    background-color: #cbde7b;
}

.case_btn > span {
    font-size: 25px;
    padding-left: 5px;
    position: absolute;
    right: 21px;
    top: 5px;
}

.blog_btn {
    float: right;
}

.blog_btn > span {
    text-transform: capitalize !important;
}

.blog-autor {
    width: 100%;
}

.blogs_links {
    text-align: right;
    font-size: 14px;
    color: #999;
}

.blogs_links > a {
    color: #999 !important;
}

@media (max-width: 650px) {
    .blog_btn {
        float: none;
    }
}

@media (max-width: 1023px) {
    .case_btn {
        padding: 7px 38px 3px 12px;
    }

    .blogs_links {
        text-align: left;
        font-size: 13px;
    }

    .case_btn > span {
        top: 5px;
        right: 7px;
        font-size: 20px;
    }
}

.ruward_banner {
    background-image: url(/upload/blog_files/123.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: -15px;
    position: relative;
}

.r-ic {
    width: 16%;
}

.rb-flx {
    width: 91%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.rb-big-text {
    display: inline-block;
    font-size: 50pt;
    color: #f7b854;
    text-transform: uppercase;
    font-weight: 500;
    height: 37px;
}

.rb-lbl {
    display: inline-block;
    font-weight: 600;
    font-size: 20pt;
    line-height: 27px;
    width: 41%;
    height: 78px;
}

.rb-smal-txt {
    position: absolute;
    left: 30%;
}

@media (min-width: 1366px) {
    .rb-smal-txt {
        left: 30%;
        bottom: 26px;
        font-size: 15px;
    }

    .ruward_banner {
        background-position-x: 86%;
    }
}

@media (max-width: 1365px) {
    .rb-smal-txt {
        left: 28%;
        bottom: 26px;
        font-size: 15px;
    }
}

@media (max-width: 1280px) {
    .rb-smal-txt {
        left: 25%;
        bottom: 26px;
        font-size: 15px;
    }
}

@media (max-width: 1023px) {
    .rb-smal-txt {
        left: 26%;
        bottom: 18px;
        font-size: 13px;
    }

    .ruward_banner {
        padding: 10px 0px 12px 0px !important;
        background-image: none;
    }

    .rb-big-text {
        font-size: 42pt;
    }

    .rb-lbl {
        font-size: 19pt;
    }

    .r-ic {
        width: 15%;
    }

    .rb-flx {
        width: 100%;
        margin-bottom: 10px;
    }

    .rb-lbl {
        width: 45%;
    }
}

@media (max-width: 864px) and (min-width: 740px) {
    .rb-lbl {
        font-size: 21px;
    }

    .rb-smal-txt {
        left: 23%;
    }
}

@media (max-width: 740px) and (min-width: 481px) {
    .rb-big-text {
        display: none;
    }

    .rb-flx {
        margin-bottom: 10px;
        flex-wrap: wrap;
        height: 73px;
    }

    .rb-big-text {
        width: 60%;
    }

    .rb-lbl {
        width: 80%;
        font-size: 22px;
        position: absolute;
        left: 33.4%;
        top: 13px;
    }

    .ruward_banner {
        padding: 10px 0px 54px 0px !important;
    }

    .r-ic {
        width: 115px;
        position: absolute;
        top: 25px;
    }

    .rb-smal-txt {
        left: 34.4%;
    }
}

@media (max-width: 480px) {
    .rb-big-text {
        display: none;
    }

    .r-ic {
        width: 26%;
        margin-bottom: 13px;
        margin-right: 10px;
    }

    .rb-lbl {
        vertical-align: middle;
        width: 69%;
        font-size: 17px;
        line-height: 20px;
        height: 62px;
    }

    .ruward_banner {
        padding: 10px 10px 52px 10px !important;
        background-image: none;
    }

    .rb-smal-txt {
        width: 97%;
        left: inherit;
    }
}

.block.blockquote.special {
    width: 131.5%;
    position: relative;
    left: -16.7%;
    padding-left: 10px;
    padding-right: 10px;
    margin: initial;
}

@media (max-width: 1370px) {
    .block.blockquote.special {
        width: 110%;
        left: -5%;
    }
}

@media (max-width: 1025px) {
    .block.blockquote.special {
        width: 105.5%;
        left: -6%;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 1198px) and (min-width: 1024px) {
    .block.blockquote.special {
        width: 105%;
        left: -4%;
    }
}

@media (min-width: 1025px) and (max-width: 1100px) {
    .block.blockquote.special {
        width: 100%;
        left: 0%;
    }
}

@media (max-width: 500px) {
    .block.blockquote.special {
        width: 102%;
        left: -6%;
    }
}

@media (max-width: 375px) {
    .block.blockquote.special {
        width: 99%;
        left: -7%;
    }
}

.social-block.socials.popup-subscribe {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #c6d2d5;
    margin-top: 0;
    padding: 20px 0 10px;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.4);
    display: none;
    z-index: 39;
}

.social-block.socials.popup-subscribe .follow .subscribe-wrap {
    display: block;
    float: left;
    text-align: right;
    width: 55%;
}

.social-block.socials.popup-subscribe .follow .social-links {
    display: block;
    margin-top: 0;
    width: 45%;
}

.social-block.socials.popup-subscribe .follow .social-links .social-wrap {
    display: inline-block;
}

.social-block.socials.popup-subscribe .social-links .title {
    margin-bottom: 8px;
}

.social-block.socials.popup-subscribe .subscribe-wrap .title {
    padding-right: 20px;
}

.social-block.socials.popup-subscribe .follow .subscribe {
    text-align: right;
    padding-right: 20px;
    display: inline-block;
    height: 110px;
}

.social-block.socials.popup-subscribe .follow .subscribe form {
    margin-top: 10px;
    display: block;
}

.social-block.socials.popup-subscribe .follow .subscribe input {
    width: 330px;
}

.social-block.socials.popup-subscribe .follow .subscribe .result {
    display: none;
    text-align: center;
    width: 330px;
}

.social-block.socials.popup-subscribe .follow .subscribe .result p {
    margin: 0.5em 0 !important;
}

.social-block.socials.popup-subscribe .follow .social-links .link {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}

.social-block.socials.popup-subscribe .follow .social-links .link:first-of-type {
    margin-left: 62px;
}

.social-block.socials.popup-subscribe .follow .social-links .link:last-of-type {
    margin-right: 62px;
}

.social-block.socials.popup-subscribe .follow .subscribe button {
    background-color: #bed65a;
}

.social-block.socials.popup-subscribe .mfp-close {
    color: #333;
}

@media screen and (max-width: 1023px) {
    .social-block.socials.popup-subscribe .follow .subscribe input {
        width: 100%;
    }

    .social-block.socials.popup-subscribe .follow .subscribe-wrap {
        display: block;
        float: none;
        text-align: right;
        width: 100%;
    }

    .social-block.socials.popup-subscribe .follow .subscribe {
        text-align: center;
        padding: 0 20px;
        display: block;
        height: 120px;
    }

    .social-block.socials.popup-subscribe .follow .subscribe form {
        margin-top: 10px;
        display: flex;
    }

    .social-block.socials.popup-subscribe .follow .social-links {
        display: none;
        margin-top: 0;
        width: 100%;
    }

    .social-block.socials.popup-subscribe .follow .subscribe .result {
        text-align: left;
        width: 100%;
    }
}

.block.vid {
    text-align: center;
}

.video-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    align-content: stretch;
}

.video-block iframe,
.video-block {
    max-width: 400px;
    height: auto;
    margin: 0 10px 20px;
    display: inline-block;
}

.video-block iframe {
    min-height: 225px;
}

.video-block img {
    cursor: pointer;
}

.video-block iframe {
    margin: 0 10px 0;
}

.video-block-large {
    max-width: 1000px;
    margin: 0 auto;
    height: auto;
    width: 1000px;
    #height: 480px;
    border: 1px #ddd solid;
}

.video-block-large iframe {
    width: 100%;
    height: 560px;
}

@media (max-width: 768px) {
    .video-block-large iframe {
        height: 300px;
    }
}

@media (max-width: 425px) {
    .video-block-large iframe {
        height: 300px;
    }
}

@media (max-width: 375px) {
    .video-block-large iframe {
        height: 200px;
    }
}

.block.vid {
    padding: 50px 0 10px 0;
}

.review-slider__logo {
    background: #ffffff;
    min-height: 150px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 9px auto 20px;
    width: 85%;
}

.review-slider__logo img {
    width: 80% !important;
}

.review-slider__review {
    #width: 30%;
    #margin-right: 15px;
    text-align: center;
    padding: 10px 10px 0 10px;
    font-size: 13px;
    background-color: #f4f8f9;
    #height: 520px;
    #position: relative;
}

.review-slider__review:last-child {
    #margin-right: 0;
}

.review-slider__review_inner {
    min-height: 520px;
    position: relative;
}

.review-slider__review_text {
    min-height: 225px;
}

.review-slider__bottom_author {
    font-weight: 500;
}

.review-slider__bottom_review-link {
    text-decoration: underline;
    color: #33ccff;
    cursor: pointer;
    position: absolute;
    width: 100%;
    bottom: 10px;
    margin-top: 20px;
    margin-bottom: 10px;
    display: block;
}

.review-slider .owl-prev,
.review-slider .owl-next,
.gallery .owl-prev,
.gallery .owl-next {
    width: 46px;
    height: 92px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -46px;
    opacity: 0.5;
    transition: opacity 0.3s ease-in;
}

.review-slider .owl-prev,
.gallery .owl-prev {
    left: 0;
    background: url(../images/arrows/la-white.svg);
}

.review-slider .owl-next,
.gallery .owl-next {
    right: 0;
    background: url(../images/arrows/ra-white.svg);
}

@media (max-width: 1024px) {
    .review-slider__bottom_review-link {
        position: static;
    }

    .review-slider__review_inner {
        #min-height: initial;
    }

    .review-slider__review_text {
        min-height: 120px;
    }

    .review-slider__logo {
        min-height: 100px;
    }

    .review-slider__review {
        margin-right: 0;
    }
}

.gallery__item {
    position: relative;
    max-width: 600px;
    margin: auto;
}

.gallery__item_desc {
    text-align: center;
    font: 13px/19px "FiraSans", sans-serif;
    width: 100%;
    margin-top: 20px;
}

.gallery .owl-dots {
    text-align: center;
    margin-top: 20px;
}

.gallery .owl-dot {
    display: inline-block;
}

.gallery .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    opacity: 0.1;
    background: #000000;
    display: block;
    transition: opacity 200ms ease;
    border-radius: 6px;
}

.gallery .owl-dot:hover span {
    opacity: 0.5;
}

.gallery .owl-dot.active span {
    background: #000000;
    opacity: 0.6;
}

.dev-year {
    position: absolute;
    top: 5px;
    right: 5px;
    background: #f3f1ed;
    padding: 7px 10px 5px;
    font-size: 20px;
}

.modal {
    position: fixed;
    right: 0px;
    left: 0px;
    width: 100%;
    bottom: 0;
    padding-top: 20px;
    padding-bottom: 15px;
    background: #bed65a;
    z-index: 999;
}

.modal .result {
    display: none;
    width: 100%;
}

.content-modal {
    display: flex;
    margin-right: 2%;
    margin-left: 2%;
}

.modal-block1 {
    line-height: 100px;
    width: 20%;
    text-align: center;
}

.modal-block1 img {
    vertical-align: top;
}

.modal-block2 {
    width: 100%;
}

.modal-block2 span {
    color: #d32e42;
    font-weight: bold;
    font-size: 17px;
}

.modal-block2 p {
    font-size: 15px;
}

.modal-block3 {
    width: 90%;
}

.modal-block3 p {
    font-size: 12px;
    color: #999;
}

.modal-block3 p a {
    font-size: 12px;
    color: #999;
    text-decoration: underline;
}

.modal-email {
    width: 40% !important;
    line-height: 33px !important;
    padding: 6px 10px 5px !important;
    margin-right: 20px;
    box-sizing: border-box;
    border: none;
}

.modal-button {
    background-color: #d32e42;
    outline: none;
    box-sizing: border-box;
    border: 1px solid #d32e42;
    padding: 6px 10px 5px;
    box-shadow: none;
    border-radius: 3px;
    color: #fff;
    width: 40%;
    cursor: pointer;
    font: 17px/33px "FiraSans", sans-serif;
}

.modal-button:hover {
    opacity: 0.92;
}

@media screen and (max-width: 1023px) {
    .content-modal {
        flex-direction: column;
        text-align: center;
    }

    .modal-block1 {
        display: none;
    }

    .modal-block3 {
        width: 100%;
    }
}

@media screen and (max-width: 740px) {
    .modal-block2 p {
        display: none;
    }
}

@media screen and (max-width: 479px) {
    .modal-block2 {
        display: block;
    }

    .modal-email {
        width: 80% !important;
        margin: 0 0 20px;
    }

    .modal-button {
        width: 80%;
    }
}

.init-hidden {
    display: none;
}

.partners-wrap.compact .logos.logos-main {
    margin-left: 0;
    margin-bottom: 30px;
}

.owl-carousel3 .owl-item .item {
    margin: 0 auto !important;
}

@media (min-width: 600px) {
    .owl-carousel3 .owl-next {
        right: -70px;
    }
}

@media (max-width: 850px) {
    .owl-carousel2 .owl-next,
    .owl-carousel3 .owl-next {
        right: 0;
    }

    .owl-carousel2 .owl-prev,
    .owl-carousel3 .owl-prev {
        left: 0;
    }
}

@media (max-width: 600px) {
    .partners-wrap.compact .logos.logos-main {
        margin-bottom: 10px;
    }

    .phone a {
        font-size: 30px;
    }
}

.blocks-box {
    flex: 0 1 auto;
    width: 100%;
}

.blocks-title {
    position: absolute;
    top: 40%;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
    text-align: center;
    margin: 0 auto;
    display: block;
    width: 100%;
}

.submenu__item--sub .submenu__link {
    font-size: 11px;
}

.submenu__item--sub .submenu__link:before {
    content: "- ";
}

.submenu__item + .submenu__item--sub {
    margin-top: 0px;
}

.avard_ico_link {
    width: 15px !important;
    display: inline !important;
    padding-left: 7px;
    margin-top: -6px;
}

.purpose-city {
    background: rgba(255, 255, 255, 0.7);
    border-radius: 4px;
    color: #000;
    padding: 0 7px;
}

.phone a,
.email a {
    font: 700 40px/1 "PFRegalTextPro";
}

@media all and (max-width: 770px) {
    .phone a,
    .email a {
        font-size: 20px;
    }
}

.email a::before {
    content: url("../images/dist/envelope.svg");
    position: relative;
    top: 11px;
    margin-right: 10px;
}

.col2 .location {
    font-size: 17px;
    line-height: 25px;
    font-weight: 700;
    text-transform: uppercase;
}

.soc-header {
    font-size: 17px;
    line-height: 25px;
    font-weight: 700;
    text-transform: uppercase;
}

.soc-links .links {
    display: flex;
    margin-top: 10px;
}

.soc-links .item {
    display: block;
    flex: 0 1 auto;
    background-position: center;
    width: 32px;
    height: 32px;
    margin: 0 15px 0 0;
}

.soc-links .links.cont .item {
    width: 40px;
    height: 40px;
}

@media (max-width: 445px) {
    .block.fake-map {
        height: auto;
    }

    .soc-links .links.cont {
        flex-wrap: wrap;
    }

    .soc-links .links.cont .item {
        width: 33px;
        height: 33px;
        margin: 0 10px 10px 0;
        background-size: auto;
    }

    .soc-links .links.cont .item:last-child {
        margin: 0 0 10px 0;
    }
}

@media (max-width: 1023px) {
    .vacancies .cols .col2 {
        margin-top: 40px;
    }
}

.widget {
    position: fixed;
    z-index: 9999;
}

.widget:before {
    content: "";
    display: block;
    width: 100px;
    height: 210px;
    background: inherit;
    position: fixed;
    bottom: 0;
    right: 0;
}

@media (max-width: 768px) {
    .widget:before {
        content: none;
    }
}

.widget__message,
.widget__social-item {
    background-color: #fc1e2b;
    border-radius: 50%;
    box-shadow: rgb(0 0 0 / 40%) 2px 2px 6px;
    position: fixed;
    width: 50px;
    height: 50px;
    right: 20px;
    bottom: 20px;
}

.widget__message img,
.widget__social-item img {
    width: 70%;
    height: 70%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.widget__social-item a {
    position: initial;
}

.close__widget {
    display: none;
}

.telegram {
    background-color: #0088cc;
}

.telegram img {
    left: 45%;
}

.whatsapp {
    background-color: #43d854;
}

.helper {
    display: none;
    position: fixed;
    right: 80px;
    bottom: 25px;
    width: 150px;
    text-align: center;
    background-color: white;
    border: 1px solid rgb(226, 226, 226);
    border-radius: 5px;
    box-shadow: rgb(0 0 0 / 10%) 2px 2px 13px;
}

.helper__telegram {
    bottom: 105px;
}

.helper__whatsapp {
    bottom: 175px;
}

.helper:before {
    content: "";
    position: absolute;
    background: white;
    border-bottom: 1px solid rgb(226, 226, 226);
    border-right: 1px solid rgb(226, 226, 226);
    right: -5px;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    z-index: 1;
    transform: rotate(-45deg);
}

.helper:after {
    content: "";
    position: absolute;
    background: white;
    border-bottom: 1px solid rgb(226, 226, 226);
    border-right: 1px solid rgb(226, 226, 226);
    right: -5px;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    z-index: 1;
    transform: rotate(-45deg);
}

.blog-detail .required-field-star {
    color: #d32e42;
}

.block.form .success-icon {
    width: 105px;
    height: 112px;
    background: url("/local/templates/directline_2020/css/../images/icon-tick-green.svg") center no-repeat;
    background-size: contain;
    margin: -22px auto 15px;
}

.block.form .success-great {
    font-family: PF Regal Text Pro;
    font-weight: bold;
    font-size: 28px;
    line-height: 110%;
    text-align: center;
    color: #fff;
    margin-bottom: 35px;
    color: #bed65a;
}

.block.form .success-text {
    font-weight: 500;
    font-size: 28px;
    line-height: 135%;
    text-align: center;
    color: #fff;
}

@media screen and (max-width: 1023px) {
    .block.form .success-text {
        font-size: 22px;
        line-height: 120%;
    }
}

/* Баннер с бесплатным аудитом, форма и exit-popup */
.header__banner {
    display: none;
    background-color: #d32e42;
    height: 72px;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 10;
    box-shadow: inset 0 -5px 10px rgb(0 0 0 / 50%);
}

.header__banner .container {
    height: 100%;
}

.header__banner .header__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.header__banner .header__banner-img {
    width: 40px;
    margin-right: 30px;
}

.header__banner .header__banner-img img {
    width: 100%;
}

.header__banner .header__banner-text {
    color: #fff;
    font-size: 15px;
    margin-right: 30px;
    line-height: 1.5;
}

.header__banner .header__banner-btn {
    position: relative;
    padding: 1px 13px;
    background-color: #2e3a4c;
    color: #fff;
    text-decoration: none;
    margin-right: 30px;
    text-transform: uppercase;
    border-radius: 5px;
    font-size: 14px;
}

.header__banner .header__banner-btn:hover {
    opacity: 1;
}

.header__banner .header__banner-close-wrapper {
    position: relative;
}

.header__banner .header__banner-close {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #ffffff73;
    font-size: 18px;
    cursor: pointer;
}

#audit-form .h2title {
    margin-bottom: 22px;
}

#audit-form .subtitle {
    margin-bottom: 22px;
    font-size: 16px;
    text-align: center;
}

#audit-form .items-input-checkbox {
    display: flex;
    width: 452px;
    align-items: center;
    justify-content: space-between;
}

#audit-form.white-popup input[type="checkbox"] + label {
    align-items: center;
}

#audit-form.modal-form input + label {
    margin-top: 0;
}

#audit-form.modal-form .row + .row {
    margin-bottom: 35px;
}

#audit-form .row.columns {
    margin-bottom: 15px;
    margin-top: 0;
}

#audit-form.white-popup .row.one-line {
    margin: 0 0 20px 0 !important;
}

#audit-form.white-popup .row.one-line .items-input-checkbox .item-input {
    width: auto;
}

#audit-form.white-popup .row.one-line .item-input label {
    font-weight: 500;
    font-size: 16px;
    width: max-content;
}

.exit-popup-audit-button {
    background: #fc1e2b;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    /* line-height: 1.3; */
    text-transform: uppercase;
    color: #ffffff;
    padding: 17px 40px 16px 65px;
    /* position: relative; */
}

.exit-popup-audit-button i {
    display: block;
    width: 15px;
    height: 18px;
    background: url(../images/button-doc.svg) center no-repeat;
    background-size: cover;
    position: absolute;
    left: 40px;
    top: calc(50% - 9px);
}

.exit-popup-audit .exit-popup-subscribe-wrap {
    display: flex;
    justify-content: center;
}

@media (max-width: 767px) {
    /* .floating-header {
    top: 100px;
  } */
    .header__banner {
        height: 100px;
    }

    .header__banner .header__wrapper {
        flex-direction: column;
        justify-content: space-evenly;
        align-items: flex-start;
    }

    .header__banner .header__banner-img {
        display: none;
    }

    .header__banner .header__banner-text {
        font-size: 14px;
    }

    .header__banner .header__banner-close-wrapper {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
    }

    .header__banner .header__banner-close {
        position: unset;
        top: unset;
        transform: unset;
        width: 100%;
        height: 100%;
        font-size: 30px;
    }

    #audit-form .items-input-checkbox {
        flex-direction: column;
        align-items: flex-start;
    }
}