@font-face {
	font-family: centurygothic;
	font-display: swap;
	src: url("/fonts/centurygothic-bold.woff2") format("woff2"), url("/fonts/centurygothic-bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: centurygothic;
	font-display: swap;
	src: url("/fonts/centurygothic-regular.woff2") format("woff2"), url("/fonts/centurygothic-regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}


/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

progress,
sub,
sup {
    vertical-align: baseline
}
button,
hr,
input {
    overflow: visible
}
.mfp-arrow:after,
.mfp-arrow:before,
.mfp-container:before,
.mfp-figure:after {
    content: ''
}
.mfp-arrow,
.slick-slider {
    -webkit-tap-highlight-color: transparent
}
.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block
}
audio,
canvas,
progress,
video {
    display: inline-block
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden],
template {
    display: none
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}
a:active,
a:hover {
    outline-width: 0
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}
.btn,
.contacts__item a,
.footer a,
.header-info a,
.mfp-close,
.mobile-menu__phone a,
.navigation__item {
    text-decoration: none
}
b,
strong {
    font-weight: bolder
}
dfn {
    font-style: italic
}
h1 {
    font-size: 2em;
    margin: .67em 0
}

h1 , h2 , h3 , h4 , h5 , h6{
    font-weight: normal;
    //font-family:'FuturisBold';
    margin-bottom:8px;
}

h2{
    font-weight: normal;
    font-size:22px;
    text-transform: uppercase;
}

mark {
    background-color: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}
sub {
    bottom: -.25em
}
sup {
    top: -.5em
}
.mfp-bg,
.mfp-container,
.mfp-wrap {
    left: 0;
    top: 0;
    width: 100%
}
img {
    border-style: none
}
svg:not(:root) {
    overflow: hidden
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}
figure {
    margin: 1em 40px
}
hr {
    box-sizing: content-box;
    height: 0
}
*,
.mfp-container,
.slick-slider,
img.mfp-img,
legend {
    box-sizing: border-box
}
button,
input,
optgroup,
select,
textarea {
    font: inherit;
    margin: 0
}
optgroup {
    font-weight: 700
}
button,
select {
    text-transform: none
}
[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: ButtonText dotted 1px
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}
legend {
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}
textarea {
    overflow: auto
}
[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}
[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}
.mfp-bg {
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed
}
.mfp-wrap {
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0!important;
    -webkit-backface-visibility: hidden
}
.mfp-container {
    text-align: center;
    position: absolute;
    height: 100%;
    padding: 0 8px
}
.mfp-container:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}
.mfp-align-top .mfp-container:before {
    display: none
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}
.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}
.mfp-ajax-cur {
    cursor: progress
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out
}
.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
    cursor: auto
}
.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.mfp-loading.mfp-figure {
    display: none
}
.mfp-hide {
    display: none!important
}
.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}
.mfp-preloader a {
    color: #CCC
}
.mfp-preloader a:hover {
    color: #FFF
}
.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
    display: none
}
button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}
.mfp-figure:after,
.mfp-iframe-scaler iframe {
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    left: 0;
    position: absolute
}
button::-moz-focus-inner {
    padding: 0;
    border: 0
}
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    padding: 0 0 18px 10px;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}
.footer,
html {
    /* font-family: FuturisRegular, serif */
    font-family: centurygothic;
}
.mfp-close:focus,
.mfp-close:hover {
    opacity: 1
}
.mfp-close-btn-in .mfp-close {
    color: #333
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}
.mfp-figure,
img.mfp-img {
    line-height: 0
}
.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: -55px 0 0;
    top: 50%;
    padding: 0;
    width: 90px;
    height: 110px
}
.mfp-arrow:active {
    margin-top: -54px
}
.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1
}
.mfp-arrow:after,
.mfp-arrow:before {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: inset transparent
}
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}
.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}
.mfp-arrow-left {
    left: 0
}
.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px
}
.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F
}
.mfp-arrow-right {
    right: 0
}
.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px
}
.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}
.mfp-image-holder .mfp-content,
img.mfp-img {
    max-width: 100%
}
.mfp-iframe-holder .mfp-close {
    top: -40px
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
    display: block;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000
}
.mfp-figure:after,
img.mfp-img {
    width: auto;
    height: auto;
    display: block
}
img.mfp-img {
    padding: 40px 0;
    margin: 0 auto
}
.mfp-figure:after {
    top: 40px;
    bottom: 40px;
    right: 0;
    z-index: -1;
    background: #444
}
.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px
}
.mfp-figure figure {
    margin: 0
}
.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}
@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}
.header-info,
.header__top,
.slick-list,
.slick-slider,
.slick-track,
.wrapper {
    position: relative
}
@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}
*,
.slick-list {
    margin: 0;
    padding: 0
}
.slick-slider {
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}
.slick-list {
    overflow: hidden;
    display: block
}
.slick-list:focus {
    outline: 0
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.slick-track {
    left: 0;
    top: 0;
    display: block
}
.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}
.slick-track:after {
    clear: both
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}
[dir=rtl] .slick-slide {
    float: right
}
.slick-slide img {
    display: block
}
.slick-slide.slick-loading img {
    display: none
}
.slick-slide.dragging img {
    pointer-events: none
}
.slick-initialized .slick-slide {
    display: block
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}
.slick-arrow.slick-hidden {
    display: none
}
.icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-position: top center;
    background-repeat: no-repeat
}
.icon--place {
    background-image: url(images/place-icon.png)
}
.icon--phone {
    background-image: url(images/phone-icon.png)
}
@font-face {
    font-family: FuturisBold;
    src: url(fonts/futuris-bold.woff2) format('woff2'), url(fonts/futuris-bold.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: FuturisRegular;
    src: url(fonts/futuris-regular.woff2) format('woff2'), url(fonts/futuris-regular.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

/* @font-face {
    font-family: 'FuturisRegular';
    src: url('fonts/Futuris.eot') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturisRegular';
    src:  url('fonts/Futuris.woff') format('woff'), url('fonts/Futuris.ttf')  format('truetype'),            url('fonts/Futuris.svg#Futuris') format('svg');
    font-weight: normal;
    font-style: normal;
} */


html {
    font-size: 16px;
    min-width: 320px
}
html.opened-menu .mobile-menu {
    display: block
}
.header__left,
.header__top .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.wrapper {
    min-height: 100vh;
    padding: 0 0 232px
}
.container {
    max-width: 1100px;
    margin: 0 auto
}
.header__top {
    padding: 11px 0
}
.header__top .container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.header__logo img {
    display: block
}
.header__desc {
    color: #333;
    padding: 0 0 0 25px;
    max-width: 200px
}
.header__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.header-info {
    padding: 0 0 0 65px
}
.header-info .icon {
    position: absolute;
    top: 5px;
    left: 30px
}
.menu-open-btn,
.mobile-phone-link {
    position: absolute;
    top: 50%;
    width: 36px
}
.header-info a {
    color: inherit
}
.header-info--right {
    text-align: right
}
.faq__content,
.form__btn,
.home-slide__desc,
.home-slide__title,
.home-slider .slick-dots,
.mobile-menu__nav-item,
.mobile-menu__phone,
.page-title-desc,
.popup__desc,
.popup__title,
.services__num {
    text-align: center
}
.header-info__top {
    color: #333;
    font-size: 27px
}
.header-info__bottom {
    color: #999;
    font-size: 16px
}
.header__bottom {
    background: #f0f0f0;
    height: 48px
}
.header__bottom .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.menu-open-btn {
    display: none;
    height: 36px;
    background: 0 0;
    border: 0;
    outline: 0;
    cursor: pointer;
    left: 60px;
    margin: -18px 0 0
}
.menu-open-btn div {
    background: #000;
    height: 3px
}
.menu-open-btn div:nth-child(2) {
    margin: 6px 0
}
.mobile-phone-link {
    display: none;
    right: 60px;
    margin: -18px 0 0;
    height: 36px;
    background: url(images/phone-mobile-icon.png) center no-repeat
}
.mobile-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100vh;
    overflow: auto;
    background: rgba(255, 255, 255, .95);
    padding: 38px 100px 50px
}
.mobile-menu__title img {
    display: block;
    max-width: 173px;
    margin: 0 auto
}
.mobile-menu__inner {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.mobile-menu__nav {
    border-top: 1px solid #eaeaea;
    padding: 0 0 40px;
    margin-top: 40px
}
.mobile-menu__nav-item {
    display: block;
    text-transform: uppercase;
    font-size: 40px;
    color: #3c5ea5;
    text-decoration: none;
    padding: 34px 0;
    border-bottom: 1px solid #eaeaea
}
.mobile-menu__phone a {
    color: #333;
    font-size: 32px
}
.mobile-menu__close {
    position: absolute;
    height: 36px;
    width: 36px;
    top: 52px;
    right: 66px;
    background: 0 0;
    border: 0;
    outline: 0;
    cursor: pointer
}
.mobile-menu__close:after,
.mobile-menu__close:before {
    content: '';
    display: block;
    height: 4px;
    width: 36px;
    background: #767676;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -2px 0 0 -18px
}
.mobile-menu__close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.mobile-menu__close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -25px
}
.navigation__item {
    position: relative;
    display: block;
    outline: 0;
    height: 48px;
    color: #333;
    padding: 16px 25px 0;
    -webkit-transition: color .3s, background .3s;
    transition: color .3s, background .3s
}
.navigation__item:hover {
    color: #3c5ea5
}
.navigation__item.active {
    background: #3c5ea5;
    color: #fff
}
.navigation__item.active:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: -21px;
    margin: 0 0 0 -13px;
    border: 13px solid transparent;
    border-top-color: #3c5ea5
}
.footer,
.home-slider {
    position: relative
}
.navigation__item--enter {
    color: #3c5ea5
}
.footer {
    margin: -232px 0 0;
    height: 232px;
    background: #fff;
    padding: 55px 0;
    color: #999;
    font-size: 18px
}
.home-slide__title,
.project__title {
    /* font-family: FuturisBold, serif */
    font-family: centurygothic;
}
.footer .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1150px;
    padding: 0 25px
}
.footer a {
    color: inherit;
    display: inline-block;
    border-bottom: 1px solid rgba(204, 204, 204, .4);
    -webkit-transition: border-color .3s;
    transition: border-color .3s
}
.home-slider .slick-arrow,
.home-slider .slick-dots button {
    color: transparent;
    text-indent: -9999px;
    outline: 0;
    cursor: pointer
}
.footer a:hover {
    border-color: transparent
}
.footer__left {
    max-width: 460px
}
.footer__row {
    padding: 0 0 20px
}
.home-slider .slick-arrow {
    height: 50px;
    width: 50px;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin: -25px 0 0;
    background: center no-repeat;
    border: 0;
    background-size: 50px 50px;
    border-radius: 50%;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}
.home-slider .slick-arrow:hover {
    background-color: rgba(255, 255, 255, .55)
}
.home-slider .slick-arrow.slick-prev {
    left: 30px;
    background-image: url(images/arrow-left.svg)
}
.home-slider .slick-arrow.slick-next {
    right: 30px;
    background-image: url(images/arrow-right.svg)
}
.home-slider .slick-dots {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 55px
}
.home-slider .slick-dots .slick-active button {
    background: #fff
}
.home-slider .slick-dots li {
    display: inline-block;
    padding: 0 8px
}
.home-slider .slick-dots button {
    width: 13px;
    height: 13px;
    border: 1px solid #fff;
    background: 0 0;
    border-radius: 50%;
    -webkit-transition: background .3s;
    transition: background .3s
}
.home-slider .slick-dots button:hover {
    background: #fff
}
.home-slide {
    padding: 125px 0 0;
    outline: 0;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    height: calc(100vh - 144px);
    min-height: 550px;
    max-height: 844px;
    color: #333
}
.home-slide__shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: top -90px center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.home-slide__title {
    position: relative;
    z-index: 1;
    font-size: 60px;
    text-transform: uppercase;
    line-height: 1
}
.home-slide__title-sm {
    position: relative;
    z-index: 1;
    font-size: 55px
}
.home-slide__desc {
    position: relative;
    z-index: 1;
    font-size: 32px;
    padding: 15px 0 0
}
.slide-tooltip {
    position: absolute;
    z-index: 5
}
.slide-tooltip.open {
    z-index: 6
}
.slide-tooltip.open .slide-tooltip__btn {
    background: #3c5ea5
}
.slide-tooltip.open .slide-tooltip__box {
    opacity: 1;
    visibility: visible
}
.slide-tooltip.toLeft .slide-tooltip__box {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0)
}
.slide-tooltip.toTop .slide-tooltip__box {
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%)
}
.slide-tooltip.toLeft.toTop .slide-tooltip__box {
    -webkit-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%)
}
.slide-tooltip:nth-child(even) .slide-tooltip__an {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}
.slide-tooltip1 {
    top: 40px;
    left: 50%;
    margin-left: -160px
}
.slide-tooltip2 {
    /* top: 32px;
     left: 50%;
     margin-left: 325px*/
}
.slide-tooltip3 {
    /* top: 135px;*/
    /* right: 115px*/
}
.slide-tooltip4 {
    bottom: 190px;
    right: 55px
}
.slide-tooltip5 {
    bottom: 180px;
    left: 50%;
    margin-left: -125px
}
.slide-tooltip6 {
    top: 204px;
    left: 55px
}
.slide-tooltip7 {
    top: 150px;
    left: 50%;
    margin-left: -460px
}
.slide-tooltip8 {
    top: 45px;
    left: 50%;
    margin-left: -30px
}
.slide-tooltip9 {
    top: 150px;
    left: 50%;
    margin-left: 440px
}
.slide-tooltip10 {
    top: 230px;
    left: 50%;
    margin-left: -270px
}
.slide-tooltip11 {
    top: 230px;
    left: 50%;
    margin-left: 245px
}
.slide-tooltip__btn {
    position: relative;
    z-index: 2;
    height: 30px;
    width: 30px;
    border: 0;
    outline: 0!important;
    background: #333;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: background .3s;
    transition: background .3s
}
.slide-tooltip__btn:after,
.slide-tooltip__btn:before {
    content: '';
    display: block;
    height: 2px;
    width: 12px;
    background: #f0f0f0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1px 0 0 -6px
}
.slide-tooltip__an,
.slide-tooltip__btn:hover {
    background: #3c5ea5
}
.slide-tooltip__btn:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}
.slide-tooltip__an {
    position: absolute;
    display: block;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: tooltip 3s infinite;
    animation: tooltip 3s infinite
}
@-webkit-keyframes tooltip {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: .3
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}
@keyframes tooltip {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: .3
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}
.faq__title:after,
.mfp-close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.slide-tooltip__box {
    position: absolute;
    top: 12px;
    left: 12px;
    width: 275px;
    opacity: 0;
    visibility: hidden;
    background: rgba(255, 255, 255, .9);
    padding: 30px 35px;
    white-space: nowrap
}
.slide-tooltip__title {
    color: #3c5ea5;
    text-transform: uppercase;
    padding: 0 0 12px
}
.slide-tooltip__content ul {
    padding: 0 0 0 15px
}
.slide-tooltip__content li {
    padding: 2px 0
}
.page-title{
    display:-webkit-box;display:-ms-flexbox;display:flex;
    position:relative;text-align:center;
    text-transform:uppercase;
    font-size:29px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:10px 0
}


.page-title+.page-title-desc {
    margin: -5px 0 0
}
.page-title--trows {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 10px;
    margin: -10px 0 0
}
.page-title--trows:after,
.page-title--trows:before {
    display: none
}
.page-title--trows .page-title__text {
    white-space: nowrap;
    padding: 0 12px
}
.page-title-desc {
    font-size: 18px;
    color: #333;
    padding: 0 0 10px
}
.faq {
    padding: 20px 0
}
.faq__item {
    margin: 0 0 3px
}
.faq__item.active .faq__title {
    color: #fff;
    background: #3c5ea5
}
.faq__item.active .faq__title:after {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    opacity: 1
}
.faq__item.active .faq__num {
    color: #fff
}
.faq__title {
    position: relative;
    background: #f1f1f1;
    border: 0;
    outline: 0;
    cursor: pointer;
    display: block;
    width: 100%;
    padding: 25px 0;
    color: #333;
    font-size: 29px;
    -webkit-transition: color .2s, background .2s;
    transition: color .2s, background .2s
}
.faq__title:after {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    height: 42px;
    width: 42px;
    background: #3c5ea5;
    left: 50%;
    bottom: -8px;
    margin: 0 0 0 -21px;
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}
.faq__title:hover {
    color: #fff;
    background: #3c5ea5
}
.faq__title:hover .faq__num {
    color: #fff
}
.faq__title .container {
    position: relative;
    padding: 0 50px
}
.faq__num {
    position: absolute;
    color: #3c5ea5;
    font-size: 29px;
    left: 0;
    top: 50%;
    margin: -18px 0 0;
    -webkit-transition: color .2s;
    transition: color .2s
}
.field-wrap,
.popup {
    position: relative
}
.faq__content {
    padding: 40px 20px;
    font-size: 18px;
    color: #333;
    max-width: 860px;
    margin: 0 auto;
    display: none
}
.page-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 50px 0
}
.page-top__left {
    width: 300px
}
.page-top__left--200 {
    width: 200px
}
.page-top__left--200+.page-top__right {
    width: calc(100% - 200px)
}
.page-top__right {
    width: calc(100% - 300px)
}
.btn {
    background: 0 0;
    outline: 0;
    cursor: pointer;
    display: inline-block;
    color: #3c5ea5;
    border: 1px solid #3c5ea5;
    padding: 16px 38px 14px;
    -webkit-transition: color .2s, background .2s;
    transition: color .2s, background .2s
}
.btn:hover {
    background: #3c5ea5;
    color: #fff
}
.popup {
    background: #fff;
    max-width: 750px;
    margin: 0 auto;
    padding: 20px
}
.popup__title {
    font-size: 29px;
    text-transform: uppercase;
    padding: 30px 0 0
}
.popup__desc {
    color: #333
}
.popup__content {
    padding: 30px 50px 0
}
.form__row {
    padding: 0 0 9px
}
.form__btn {
    padding: 15px 0 0
}
.field-wrap--sm {
    max-width: 400px;
    margin: 0 auto
}
.field-wrap--required:after {
    content: '*';
    color: #e64e35;
    display: block;
    position: absolute;
    font-size: 24px;
    top: 28px;
    right: 20px
}
.field {
    display: block;
    width: 100%;
    height: 62px;
    border: 1px solid transparent;
    outline: 0;
    padding: 0 35px;
    background-color: #ececec;
    box-shadow: inset .5px .9px 5px rgba(0, 0, 0, .05);
    -webkit-transition: border-color .2s;
    transition: border-color .2s
}
.field:focus {
    border-color: #3c5ea5
}
textarea.field {
    height: 130px;
    resize: none;
    overflow: auto;
    padding: 20px 0 15px 35px
}
.cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px
}
.cols .col2 {
    width: 50%;
    padding: 0 5px
}
.mfp-close {
    color: transparent!important;
    position: absolute;
    top: -50px;
    right: -50px;
    opacity: 1!important
}
.mfp-close:after,
.mfp-close:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1px 0 0 -14px;
    height: 3px;
    width: 28px;
    background: #3c5ea5;
    -webkit-transition: background .2s;
    transition: background .2s
}
.contacts,
.services__cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.mfp-close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.mfp-close:hover:after,
.mfp-close:hover:before {
    background: #fff
}
.mfp-close:active {
    top: -50px
}
.mfp-bg {
    background: #000;
    opacity: .9
}
.map {
    margin: 10px 0 0;
    height: 500px
}
.contacts {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}
.contacts__item {
    padding: 0 40px 0 0;
    color: #333
}
.contacts__item a {
    color: #3c5ea5
}
.contacts__item a:hover {
    text-decoration: underline
}
.contacts__row {
    padding: 2px 0
}
.inner-nav__item {
    position: relative;
    padding: 0 0 4px 20px
}
.inner-nav__item:before {
    content: '-';
    position: absolute;
    left: 0;
    color: #3c5ea5
}
.inner-nav__item a {
    color: #3c5ea5;
    text-decoration: none
}
.inner-nav__item a:hover {
    text-decoration: underline
}
.project,
.system {
    text-decoration: none
}
.services__item {
    padding: 0 0 80px
}
.services__item:last-child {
    padding: 0
}
.services__cols {
    padding: 10px 0 40px
}
.services__col {
    width: 50%;
    line-height: 1.4
}
.services__img {
    position: relative;
    overflow: hidden;
    height: 500px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}
.services__img:after {
    content: '';
    display: block;
    position: absolute;
    height: 42px;
    width: 42px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    top: -38px;
    margin: 0 0 0 -21px
}
.services__num {
    height: 88px;
    width: 88px;
    border-radius: 50%;
    background: #3c5ea5;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -44px 0 0 -44px;
    color: #fff;
    font-size: 30px;
    padding: 30px 0 0 5px
}
.systems__row {
    padding: 0 0 2px
}
.systems__cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.systems__col {
    position: relative;
    width: 50%;
}
.systems__col:nth-child(odd) {
    text-align: right;
    padding-right: 1px
}
.error-msg,
.system--center .system__inner-btn,
.system--center .system__inner-desc {
    text-align: center
}
.systems__col:nth-child(1):after {
    content: '';
    display: block;
    position: absolute;
    z-index: 3;
    height: 8px;
    width: 8px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #3c5ea5;
    top: 50%;
    right: -6px;
    margin: -10px 0 0
}
.systems__col:nth-child(odd) {
    padding-left: 1px
}

.system {
    position: relative;
    display: block;
    height: 500px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}
.system--center:after,
.system--center:before {
    position: absolute;
    left: 50%;
    content: ''
}
.system:hover .system__inner {
    opacity: 1
}
.system:hover .system__title {
    opacity: 0
}
.system:hover .system__inner-btn,
.system:hover .system__inner-desc,
.system:hover .system__inner-title {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}
.system--center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 140px
}
.system--center:before {
    display: block;
    height: 120px;
    width: 2px;
    background: #fff;
    top: 0;
    margin: 0 0 0 -1px
}
.system--center:after {
    display: block;
    z-index: 3;
    height: 8px;
    width: 8px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #3c5ea5;
    top: 120px;
    margin: 0 0 0 -6px
}
.system--center .system__num,
.system--center .system__title {
    position: relative;
    top: auto;
    right: auto;
    margin: 20px 0 0 ;
}
.system__num,
.system__title {
    top: 50%;
    position: absolute;
    font-size: 30px
}
.system--center .system__inner {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 158px;
}
.system--center .system__inner-title {
    text-align: center;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}
.system__title {
    text-shadow: 0 0 205px rgba(255, 255, 255, .75);
    text-transform: uppercase;
    color: #333;
    right: 70px;
    margin:0px 0 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}
.system__num {
    z-index: 2;
    right: 30px;
    margin: -18px 0 0;
    color: #3c5ea5
}
.system__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    padding: 80px;
    background: rgba(255, 255, 255, .9);
    color: #333;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}
.system__inner-title {
    color: #3c5ea5;
    font-size: 30px;
    text-transform: uppercase;
    padding: 0 0 15px;
}
.system__inner-btn,
.system__inner-desc,
.system__inner-title {
    opacity: 0;
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px);
    -webkit-transition: opacity .5s, -webkit-transform .3s;
    transition: opacity .5s, transform .3s;
}
.system__inner-desc {
    padding: 0 0 20px;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}
.system__inner-btn {
    -webkit-transition-delay: .15s;
    transition-delay: .15s;
}
.count-obj {
    font-size: 16px;
    color: #999;
}
.projects {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px 0 40px
}
.projects__item {
    width: 50%
}
.project {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 500px;
    box-shadow: inset 0 0 65px rgba(0, 0, 0, .15)
}
.project:hover .project__inner {
    opacity: 1;
    visibility: visible
}
.project__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .9);
    padding: 80px;
    color: #333;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s
}
.benefit__title,
.project__title {
    color: #3c5ea5;
    text-transform: uppercase
}
.project__desc,
.project__title {
    max-width: 500px
}
.project__title {
    position: relative;
    font-size: 22px;
    padding: 0 0 16px 30px;
    line-height: 1.3
}
.project__title:before {
    content: '';
    display: block;
    position: absolute;
    height: 8px;
    width: 8px;
    background: #3c5ea5;
    border-radius: 50%;
    top: 11px;
    left: 10px
}
.about-bimg,
.benefit {
    background-repeat: no-repeat
}
.project__desc {
    padding-left: 30px
}
.about-bimg {
    height: 500px;
    background-size: cover;
    background-position: center;
    margin: 10px auto 15px
}
.benefits {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -20px;
    padding: 30px 0 60px
}
.benefits__item {
    width: 33.333333%;
    padding: 0 20px
}
.benefit {
    position: relative;
    padding: 20px 0 0 110px;
    background-position: top left
}
.benefit__title {
    font-size: 21px;
    padding: 0 0 12px
}
.benefit__desc {
    color: #333;
    line-height: 1.3
}
.hr {
    height: 1px;
    background: #ccc
}
.error-msg {
    padding: 15px 0 0;
    color: red;
    display: none
}
@media (max-width: 1400px) {
    .system__img {
        width: 420px
    }
}
@media (max-width: 1170px) {
    .project__inner {
        padding: 40px
    }
    .benefits {
        margin: 0 auto
    }
    .system__img {
        width: 350px;
        top: -50px;
    }
    .header__top .container {
        padding: 13px 25px
    }
    .header__desc {
        padding: 0 0 0 5px;
        max-width: 170px
    }
    .header-info {
        padding: 0 0 0 40px
    }
    .header-info .icon {
        left: 10px
    }
    .navigation {
        margin: 0
    }
    .home-slide__title {
        font-size: 70px
    }
}
@media (max-width: 1130px) {
    .services__col {
        padding: 0 20px
    }
}
@media (max-width: 1120px) {
    .page-top {
        padding: 50px 20px
    }
    .faq__title .container {
        padding: 0 0 0 70px
    }
    .faq__num {
        left: 20px
    }
}
@media (max-width: 980px) {
    .home-slide__shadow {
        background-position: center
    }
    .benefits__item {
        width: 100%;
        padding: 20px
    }
    .about-bimg,
    .project {
        height: 350px
    }
    .project__inner {
        padding: 30px
    }
    .system:after,
    .system:before {
        display: none!important
    }
    .system__img,
    .system__num,
    .system__title {
        display: none
    }
    .system__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 40px 20px!important;
        opacity: 1;
        background: rgba(255, 255, 255, .8)
    }
    .system__inner-btn,
    .system__inner-desc,
    .system__inner-title {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    .systems__col {
        width: 100%;
        padding: 5px 0!important;
    }
    .systems__col:after {
        display: none!important
    }
    .system {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 130px
    }
    .system:after,
    .system:before {
        content: '';
        display: block;
        position: absolute;
        left: 50%
    }
    .system:before {
        height: 100px;
        width: 2px;
        background: #fff;
        top: 0;
        margin: 0 0 0 -1px
    }
    .system:after {
        z-index: 3;
        height: 8px;
        width: 8px;
        border: 2px solid #fff;
        border-radius: 50%;
        background: #3c5ea5;
        top: 100px;
        margin: 0 0 0 -6px
    }
    .system__num,
    .system__title {
        position: relative;
        top: auto;
        right: auto!important;
        left: auto!important;
        margin: 0
    }
    .system__inner-title {
        text-align: center;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    .system__inner-btn,
    .system__inner-desc {
        text-align: center
    }
    .slide-tooltip {
        display: none
    }
    .home-slider .slick-dots {
        bottom: 15px
    }
    .home-slide {
        padding: 60px 20px;
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: calc(100vh - 144px)
    }
    .home-slide__title {
        font-size: 7vw
    }
    .home-slide__title-sm {
        font-size: 6vw
    }
    .home-slide__desc {
        font-size: 4vw
    }
    .menu-open-btn,
    .mobile-phone-link {
        display: block
    }
    .header__bottom .container,
    .header__top .container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .header__desc,
    .header__right,
    .navigation {
        display: none
    }
    .navigation--lk {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}
@media (max-height: 850px) {
    .slide-tooltip4 {
        bottom: 115px
    }
    .slide-tooltip5 {
        bottom: 70px
    }
    .project,
    .services__img,
    .system {
        height: 365px;
    }
}
@media (max-height: 700px) {
    .page-top {
        padding: 30px 20px 20px
    }
    .header__top {
    // padding: 0
    }
    .header__logo img {
        max-width: 164px
    }
    .header__bottom {
        height: 40px
    }
    .header-info__top {
        font-size: 24px
    }
    .navigation__item {
        height: 40px;
        padding-top: 12px
    }
    .project,
    .services__img,
    .system {
        height: 320px
    }
    .project__inner,
    .system__inner {
        padding: 40px 80px
    }
    .home-slide {
        height: calc(100vh - 104px)
    }
    .services__cols {
        padding: 0 0 15px
    }
    .services__item {
        padding-bottom: 30px
    }
    .map {
        height: 370px
    }
    .system{
        height:auto;
    }
    .header__bottom .logofix {
        margin-top: 3px !important;
    }
}
@media (max-width: 870px) {
    .projects__item {
        width: 100%
    }
    .project__inner {
        opacity: 1;
        visibility: visible;
        background: rgba(255, 255, 255, .8);
        padding: 10px
    }
    .mfp-close {
        top: 0;
        right: 0
    }
    .mfp-close:hover:after,
    .mfp-close:hover:before {
        background: #333
    }
    .mfp-close:active {
        top: 0
    }
    .page-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .page-top__left,
    .page-top__right {
        width: 100%!important
    }
    .page-top__left {
        padding-bottom: 20px
    }
    .faq__title {
        text-align: left;
        font-size: 20px
    }
    .faq__title:after {
        bottom: -3px
    }
    .faq__num {
        font-size: 24px;
        top: 0;
        margin: 0
    }
    .faq__content {
        text-align: left;
        padding: 30px 20px 25px
    }
    .wrapper {
        padding: 0
    }
    .footer {
        text-align: center;
        height: auto;
        margin: 0
    }
    .footer .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .footer__left {
        padding: 0 0 50px
    }
}
@media (max-width: 820px) {
    .system__inner,
    .system__inner-btn,
    .system__inner-desc,
    .system__inner-title {
        -webkit-transition: none;
        transition: none
    }
    .page-title:after,
    .page-title:before,
    .system:hover .system__num,
    .system:hover:after,
    .system:hover:before {
        display: none
    }
    .system {
        height: 430px;
        padding-top: 84px
    }
    .system:before {
        height: 60px
    }
    .system:after {
        top: 60px
    }
    .system__inner {
        padding: 40px
    }
    .page-top {
        padding: 30px 20px
    }
    .services__item {
        padding: 0 0 20px
    }
    .services__col {
        width: 100%
    }
    .services__img {
        height: 30vh
    }
    .services__num {
        width: 50px;
        height: 50px;
        margin: -25px 0 0 -25px;
        font-size: 20px;
        padding: 15px 0 0 5px
    }
    .page-title {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 24px
    }
    .page-title__text {
        white-space: normal
    }
}
@media (max-width: 760px) {
    .home-slider .slick-arrow {
        display: none!important
    }
    .project__title {
        font-size: 18px
    }
    .popup__content {
        padding: 30px 0 0
    }
    .mobile-menu {
        padding: 18px 50px 50px
    }
    .mobile-menu__close {
        top: 34px;
        right: 20px
    }
}
@media (max-width: 650px) {
    .mobile-menu__nav-item {
        font-size: 23px;
        padding: 20px 0
    }
    .mobile-menu__phone a {
        font-size: 26px
    }
    .mobile-menu__inner {
        height: auto
    }
}
@media (max-width: 600px) {
    .about-bimg {
        margin-bottom: 30px
    }
    .benefits {
        padding: 0 0 20px
    }
    .benefits__item {
        padding: 20px 20px 10px
    }
    .benefit {
        background-size: 60px;
        padding: 5px 0 0 75px
    }
    .wrapper {
        padding-top: 95px
    }
    .header {
        position: fixed;
        z-index: 20;
        top: 0;
        left: 0;
        width: 100%;
        background: #fff
    }
    .home-slide {
        height: calc(100vh - 95px)
    }
    .header__top {
        padding: 0
    }
    .header__logo img {
        max-width: 130px
    }
    .menu-open-btn {
        left: 20px
    }
    .mobile-phone-link {
        right: 20px;
        background-size: 24px 24px
    }
    .header__bottom {
        height: 44px
    }
    .navigation__item {
        height: 44px;
        padding: 14px 25px 0
    }
}
@media (max-width: 540px) {
    .cols .col2,
    .contacts__item {
        width: 100%
    }
    .cols .col2:nth-child(1) {
        padding-bottom: 9px
    }
}
@media (max-width: 480px) {
    .home-slide__title {
        font-size: 28px
    }
    .home-slide__title-sm {
        font-size: 24px
    }
    .home-slide__desc {
        font-size: 18px
    }
    .mobile-menu {
        padding: 18px 20px 30px
    }
    .mobile-menu__close {
        top: 5px;
        right: 5px
    }
    .footer .container {
        padding: 0 10px
    }
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}
textarea {
    overflow: auto
}
[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}
[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}
.mfp-bg {
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed
}
.mfp-wrap {
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0!important;
    -webkit-backface-visibility: hidden
}
.mfp-container {
    text-align: center;
    position: absolute;
    height: 100%;
    padding: 0 8px
}
.mfp-container:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}
.mfp-align-top .mfp-container:before {
    display: none
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}
.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}
.mfp-ajax-cur {
    cursor: progress
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out
}
.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
    cursor: auto
}
.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.mfp-loading.mfp-figure {
    display: none
}
.mfp-hide {
    display: none!important
}
.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}
.mfp-preloader a {
    color: #CCC
}
.mfp-preloader a:hover {
    color: #FFF
}
.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
    display: none
}
button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}
.mfp-figure:after,
.mfp-iframe-scaler iframe {
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    left: 0;
    position: absolute
}
button::-moz-focus-inner {
    padding: 0;
    border: 0
}
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    padding: 0 0 18px 10px;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}
.footer,
html {
    /* font-family: FuturisRegular; */
    font-family: centurygothic;
}
.mfp-close:focus,
.mfp-close:hover {
    opacity: 1
}
.mfp-close-btn-in .mfp-close {
    color: #333
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}
.mfp-figure,
img.mfp-img {
    line-height: 0
}
.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: -55px 0 0;
    top: 50%;
    padding: 0;
    width: 90px;
    height: 110px
}
.mfp-arrow:active {
    margin-top: -54px
}
.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1
}
.mfp-arrow:after,
.mfp-arrow:before {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: inset transparent
}
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}
.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}
.mfp-arrow-left {
    left: 0
}
.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px
}
.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F
}
.mfp-arrow-right {
    right: 0
}
.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px
}
.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}
.mfp-image-holder .mfp-content,
img.mfp-img {
    max-width: 100%
}
.mfp-iframe-holder .mfp-close {
    top: -40px
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
    display: block;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000
}
.mfp-figure:after,
img.mfp-img {
    width: auto;
    height: auto;
    display: block
}
img.mfp-img {
    padding: 40px 0;
    margin: 0 auto
}
.mfp-figure:after {
    top: 40px;
    bottom: 40px;
    right: 0;
    z-index: -1;
    background: #444
}
.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px
}
.mfp-figure figure {
    margin: 0
}
.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}
@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}
.header-info,
.header__top,
.slick-list,
.slick-slider,
.slick-track,
.wrapper {
    position: relative
}
@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}
*,
.slick-list {
    margin: 0;
    padding: 0
}
.slick-slider {
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}
.slick-list {
    overflow: hidden;
    display: block
}
.slick-list:focus {
    outline: 0
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.slick-track {
    left: 0;
    top: 0;
    display: block
}
.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}
.slick-track:after {
    clear: both
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}
[dir=rtl] .slick-slide {
    float: right
}
.slick-slide img {
    display: block
}
.slick-slide.slick-loading img {
    display: none
}
.slick-slide.dragging img {
    pointer-events: none
}
.slick-initialized .slick-slide {
    display: block
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}
.slick-arrow.slick-hidden {
    display: none
}
.icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-position: top center;
    background-repeat: no-repeat
}
.icon--place {
    background-image: url(/new/place-icon.svg)
}
.icon--phone {
    background-image: url(/new/phone-icon.svg)
}
@font-face {
    font-family: FuturisBold;
    src: url(fonts/futuris-bold.woff2) format('woff2'), url(fonts/futuris-bold.woff) format('woff');
    font-weight: 400;
    font-style: normal
}
/* @font-face {
	font-family: FuturisRegular;
	src: url(fonts/futuris-regular.woff2) format('woff2'), url(fonts/futuris-regular.woff) format('woff');
	font-weight: 400;
	font-style: normal
} */
html {
    font-size: 16px;
    min-width: 320px
}
html.opened-menu .mobile-menu {
    display: block
}

.header__left,
.header__top .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.wrapper {
    min-height: 100vh;
    padding: 0 0 175px;
}
.container {
    max-width: 1100px;
    margin: 0 auto
}
.header__top {
    padding: 11px 0
}
.header__top .container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.header__logo img {
    display: block;
    max-width: 170px;
}

.header__desc {
    color: #333;
    padding: 0 0 0 25px;
    max-width: 200px
}
.header__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.header-info {
    padding: 0 0 0 65px
}
.header-info .icon {
    position: absolute;
    top: 5px;
    left: 30px
}
.menu-open-btn,
.mobile-phone-link {
    position: absolute;
    top: 50%;
    width: 36px
}
.header-info a {
    color: inherit
}
.header-info--right {
    text-align: right
}
.faq__content,
.form__btn,
.home-slide__desc,
.home-slide__title,
.home-slider .slick-dots,
.mobile-menu__nav-item,
.mobile-menu__phone,
.page-title-desc,
.popup__desc,
.popup__title,
.services__num {
    text-align: center
}
.header-info__top {
    color: #333;
    font-size: 22px;
}
.header-info__bottom {
    color: #999;
    font-size: 16px;
    margin-top: 3px;
}
.header__bottom {
    background: #f0f0f0;
    height: 48px
}
.header__bottom .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.menu-open-btn {
    display: none;
    height: 36px;
    background: 0 0;
    border: 0;
    outline: 0;
    cursor: pointer;
    left: 60px;
    margin: -18px 0 0
}
.menu-open-btn div {
    background: #000;
    height: 3px
}
.menu-open-btn div:nth-child(2) {
    margin: 6px 0
}
.mobile-phone-link {
    display: none;
    right: 60px;
    margin: -18px 0 0;
    height: 36px;
    background: url(images/phone-mobile-icon.png) center no-repeat
}
.mobile-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100vh;
    overflow: auto;
    background: rgba(255, 255, 255, .95);
    padding: 38px 100px 50px
}
.mobile-menu__title img {
    display: block;
    max-width: 170px;
    margin: 0 auto
}
.mobile-menu__inner {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.mobile-menu__nav {
    border-top: 1px solid #eaeaea;
    padding: 0 0 40px;
    margin-top: 40px
}
.mobile-menu__nav-item {
    display: block;
    text-transform: uppercase;
    font-size: 40px;
    color: #3c5ea5;
    text-decoration: none;
    padding: 34px 0;
    border-bottom: 1px solid #eaeaea
}
.mobile-menu__phone a {
    color: #333;
    font-size: 32px
}
.mobile-menu__close {
    position: absolute;
    height: 36px;
    width: 36px;
    top: 52px;
    right: 66px;
    background: 0 0;
    border: 0;
    outline: 0;
    cursor: pointer
}
.mobile-menu__close:after,
.mobile-menu__close:before {
    content: '';
    display: block;
    height: 4px;
    width: 36px;
    background: #767676;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -2px 0 0 -18px
}
.mobile-menu__close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.mobile-menu__close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -25px
}
.navigation__item {
    position: relative;
    display: block;
    outline: 0;
    height: 48px;
    color: #333;
    padding: 16px 25px 0;
    -webkit-transition: color .3s, background .3s;
    transition: color .3s, background .3s;
    font-size: 14px;
}
.navigation__item:hover {
    color: #3c5ea5
}
.navigation__item.active {
    background: #3c5ea5;
    color: #fff
}
.navigation__item.active:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: -21px;
    margin: 0 0 0 -13px;
    border: 13px solid transparent;
    border-top-color: #3c5ea5
}
.footer,
.home-slider {
    position: relative
}
.navigation__item--enter {
    color: #3c5ea5
}
.footer {
    margin: -175px 0 0;
    height: 175px;
    background: #fff;
    padding: 20px 0;
    color: #999;
    font-size: 16px;
}
.home-slide__title,
.project__title {
    /* font-family: FuturisBold, serif */
    font-family: centurygothic;
}
.footer .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1150px;
    padding: 0 25px
}
.footer a {
    color: inherit;
    display: inline-block;
    border-bottom: 1px solid rgba(204, 204, 204, .4);
    -webkit-transition: border-color .3s;
    transition: border-color .3s
}
.home-slider .slick-arrow,
.home-slider .slick-dots button {
    color: transparent;
    text-indent: -9999px;
    outline: 0;
    cursor: pointer
}
.footer a:hover {
    border-color: transparent
}
.footer__left {
    max-width: 460px
}
.footer__row {
    padding: 0 0 20px
}
.home-slider .slick-arrow {
    height: 50px;
    width: 50px;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin: -25px 0 0;
    background: center no-repeat;
    border: 0;
    background-size: 50px 50px;
    border-radius: 50%;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}
.home-slider .slick-arrow:hover {
    /*background-color: rgba(255, 255, 255, .55)*/
}
.home-slider .slick-arrow.slick-prev:hover {
    background-image: url(images/arrow-left-hover.png)
}
.home-slider .slick-arrow.slick-next:hover {
    background-image: url(images/arrow-right-hover.png)
}
.home-slider .slick-arrow.slick-prev {
    left: 30px;
    background-image: url(images/arrow-left.png)
}
.home-slider .slick-arrow.slick-next {
    right: 30px;
    background-image: url(images/arrow-right.png)
}
.home-slider .slick-dots {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 55px
}
.home-slider .slick-dots .slick-active button {
    background: #3c5ea5
}
.home-slider .slick-dots li {
    display: inline-block;
    padding: 0 8px
}
.home-slider .slick-dots button {
    width: 13px;
    height: 13px;
    border:0;
    background:rgba(204, 204, 204, 0.76);
    border-radius: 50%;
    -webkit-transition: background .3s;
    transition: background .3s
}
.home-slider .slick-dots button:hover {
    background: #3c5ea5
}
.home-slide {
    padding: 125px 0 0;
    outline: 0;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    height: calc(100vh - 144px);
    min-height: 550px;
    max-height: 844px;
    color: #333
}
.home-slide__shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50% -50px;
    background-size:1100px 550px;
    background-repeat: no-repeat
}

.home-slide .info_home_block .wrap{
    text-align: center;
}

.home-slide .info_home_block .wrap .inlineblock{
    display: inline-block;
}

.home-slide__title {
    position: relative;
    z-index: 1;
    font-size: 60px;
    text-transform: uppercase;
    line-height: 1
}
.home-slide__title-sm {
    position: relative;
    z-index: 1;
    font-size: 55px
}
.home-slide__desc {
    position: relative;
    z-index: 1;
    font-size: 32px;
    padding: 15px 0 0
}
.slide-tooltip {
    position: absolute;
    z-index: 5
}
.slide-tooltip.open {
    z-index: 6
}
.slide-tooltip.open .slide-tooltip__btn {
    background: #3c5ea5
}
.slide-tooltip.open .slide-tooltip__box {
    opacity: 1;
    visibility: visible
}
.slide-tooltip.toLeft .slide-tooltip__box {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0)
}
.slide-tooltip.toTop .slide-tooltip__box {
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%)
}
.slide-tooltip.toLeft.toTop .slide-tooltip__box {
    -webkit-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%)
}
.slide-tooltip:nth-child(even) .slide-tooltip__an {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}
.slide-tooltip1 {
    top: 40px;
    left: 50%;
    margin-left: -160px
}
.slide-tooltip2 {
    top: 32px;
    right: 30%;
    /* margin-left: 325px; */
}
.slide-tooltip3 {
    top: 60%;
    left: 29%;
}
.slide-tooltip4 {
    bottom: 400px;
    right: 95px;
}
.slide-tooltip5 {
    bottom: 180px;
    left: 52%;
    margin-left: 0;
}
.slide-tooltip6 {
    top: 204px;
    left:10%;
    /*margin-left: -700px;*/
}


.home-slide.slick-slide.slick-current.slick-active {
    background-position: center center;
}
.slide-tooltip7 {
    top: 150px;
    left: 50%;
    margin-left: -460px
}
.slide-tooltip8 {
    top: 80%;
    left: 50%;
    margin-left: -30px;
}
.slide-tooltip9 {
    top: 150px;
    left: 50%;
    margin-left: 440px
}
.slide-tooltip10 {
    top: 230px;
    left: 50%;
    margin-left: -270px
}
.slide-tooltip11 {
    top: 230px;
    left: 50%;
    margin-left: 245px
}
.slide-tooltip__btn {
    position: relative;
    z-index: 2;
    height: 30px;
    width: 30px;
    border: 0;
    outline: 0!important;
    background: #333;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: background .3s;
    transition: background .3s
}
.slide-tooltip__btn:after,
.slide-tooltip__btn:before {
    content: '';
    display: block;
    height: 2px;
    width: 12px;
    background: #f0f0f0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1px 0 0 -6px
}
.slide-tooltip__an,
.slide-tooltip__btn:hover {
    background: #3c5ea5
}
.slide-tooltip__btn:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}
.slide-tooltip__an {
    position: absolute;
    display: block;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: tooltip 3s infinite;
    animation: tooltip 3s infinite
}
@-webkit-keyframes tooltip {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: .3
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}
@keyframes tooltip {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: .3
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}
.faq__title:after,
.mfp-close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.slide-tooltip__box {
    position: absolute;
    top: 12px;
    left: 12px;
    width: 275px;
    opacity: 0;
    visibility: hidden;
    background: rgba(255, 255, 255, .9);
    padding: 30px 35px;
    white-space: nowrap
}
.slide-tooltip__title {
    color: #3c5ea5;
    text-transform: uppercase;
    padding: 0 0 12px
}
.slide-tooltip__content ul {
    padding: 0 0 0 15px
}
.slide-tooltip__content li {
    padding: 2px 0
}
.page-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    font-size: 29px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0
}
.page-title+.page-title-desc {
    margin: -5px 0 0
}
.page-title--trows {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 10px;
    margin: -10px 0 0
}
.page-title--trows:after,
.page-title--trows:before {
    display: none
}
.page-title--trows .page-title__text {
    white-space: normal
}
.page-title__text {
    white-space: nowrap;
    padding: 0 12px
}
.page-title-desc {
    font-size: 18px;
    color: #333;
    padding: 0 0 10px
}
.faq {
    padding: 20px 0
}
.faq__item {
    margin: 0 0 3px
}
.faq__item.active .faq__title {
    color: #fff;
    background: #3c5ea5
}
.faq__item.active .faq__title:after {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    opacity: 1
}
.faq__item.active .faq__num {
    color: #fff
}
.faq__title {
    position: relative;
    background: #f1f1f1;
    border: 0;
    outline: 0;
    cursor: pointer;
    display: block;
    width: 100%;
    padding: 25px 0;
    color: #333;
    font-size: 29px;
    -webkit-transition: color .2s, background .2s;
    transition: color .2s, background .2s
}
.faq__title:after {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    height: 42px;
    width: 42px;
    background: #3c5ea5;
    left: 50%;
    bottom: -8px;
    margin: 0 0 0 -21px;
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}
.faq__title:hover {
    color: #fff;
    background: #3c5ea5
}
.faq__title:hover .faq__num {
    color: #fff
}
.faq__title .container {
    position: relative;
    padding: 0 50px
}
.faq__num {
    position: absolute;
    color: #3c5ea5;
    font-size: 29px;
    left: 0;
    top: 50%;
    margin: -18px 0 0;
    -webkit-transition: color .2s;
    transition: color .2s
}
.field-wrap,
.popup {
    position: relative
}
.faq__content {
    padding: 40px 20px;
    font-size: 18px;
    color: #333;
    max-width: 860px;
    margin: 0 auto;
    display: none
}
.page-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    padding: 50px 0
}
.page-top__left {
    width: 300px
}
.page-top__left--200 {
    width: 200px
}
.page-top__left--200+.page-top__right {
    width: calc(100% - 200px)
}
.page-top__right {
    width: calc(100% - 300px)
}
.btn {
    background: 0 0;
    outline: 0;
    cursor: pointer;
    display: inline-block;
    color: #3c5ea5;
    border: 1px solid #3c5ea5;
    padding: 14px 35px;
    -webkit-transition: color .2s, background .2s;
    transition: color .2s, background .2s
}
.btn:hover {
    background: #3c5ea5;
    color: #fff
}
.popup {
    background: #fff;
    max-width: 750px;
    margin: 0 auto;
    padding: 20px
}
.popup__title {
    font-size: 29px;
    text-transform: uppercase;
    padding: 30px 0 0
}
.popup__desc {
    color: #333
}
.popup__content {
    padding: 30px 50px 0
}
.form__row {
    padding: 0 0 9px
}
.form__btn {
    padding: 15px 0 0
}
.field-wrap--sm {
    max-width: 400px;
    margin: 0 auto
}
.field-wrap--required:after {
    content: '*';
    color: #e64e35;
    display: block;
    position: absolute;
    font-size: 24px;
    top: 28px;
    right: 20px
}
.field {
    display: block;
    width: 100%;
    height: 62px;
    border: 1px solid transparent;
    outline: 0;
    padding: 0 35px;
    background-color: #ececec;
    box-shadow: inset .5px .9px 5px rgba(0, 0, 0, .05);
    -webkit-transition: border-color .2s;
    transition: border-color .2s
}
.field:focus {
    border-color: #3c5ea5
}
textarea.field {
    height: 130px;
    resize: none;
    overflow: auto;
    padding: 20px 0 15px 35px
}
.cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px
}
.cols .col2 {
    width: 50%;
    padding: 0 5px
}
.mfp-close {
    color: transparent!important;
    position: absolute;
    top: -50px;
    right: -50px;
    opacity: 1!important
}
.mfp-close:after,
.mfp-close:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1px 0 0 -14px;
    height: 3px;
    width: 28px;
    background: #3c5ea5;
    -webkit-transition: background .2s;
    transition: background .2s
}
.contacts,
.services__cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.mfp-close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.mfp-close:hover:after,
.mfp-close:hover:before {
    background: #fff
}
.mfp-close:active {
    top: -50px
}
.mfp-bg {
    background: #000;
    opacity: .9
}
.map {
    margin: 10px 0 0;
    height: 500px
}
.contacts {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}
.contacts__item {
    padding: 0 40px 0 0;
    color: #333
}
.contacts__item a {
    color: #3c5ea5
}
.contacts__item a:hover {
    text-decoration: underline
}
.contacts__row {
    padding: 2px 0
}
.inner-nav__item {
    position: relative;
    padding: 0 0 4px 20px
}
.inner-nav__item:before {
    content: '-';
    position: absolute;
    left: 0;
    color: #3c5ea5
}
.inner-nav__item a {
    color: #3c5ea5;
    text-decoration: none
}
.inner-nav__item a:hover {
    text-decoration: underline
}
.project,
.system {
    text-decoration: none
}
.services__item {
    padding: 0 0 80px
}
.services__item:last-child {
    padding: 0
}
.services__cols {
    padding: 10px 0 40px
}
.services__col {
    width: 50%;
    line-height: 1.4
}
.services__img {
    position: relative;
    overflow: hidden;
    height: 500px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}
.services__img:after {
    content: '';
    display: block;
    position: absolute;
    height: 42px;
    width: 42px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    top: -38px;
    margin: 0 0 0 -21px
}
.services__num {
    height: 88px;
    width: 88px;
    border-radius: 50%;
    background: #3c5ea5;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -44px 0 0 -44px;
    color: #fff;
    font-size: 30px;
    padding: 30px 0 0 5px
}
.systems__row {
    padding: 0 0 2px
}
.systems__cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.systems__col {
    position: relative;
    width: 50%;
}
.systems__col:nth-child(1) {
    text-align: right;
    padding-right: 1px
}
.error-msg,
.system--center .system__inner-btn,
.system--center .system__inner-desc {
    text-align: center
}
.systems__col:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 3;
    height: 8px;
    width: 8px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #3c5ea5;
    top: 50%;
    right: -6px;
    margin: -10px 0 0
}
.systems__col:nth-child(even):after{
    display: none;
}
.systems__col:nth-child(even) {
    padding-left: 1px
}
.systems__col:nth-child(even) .system__title {
    right: auto;
    left: 70px
}
.systems .systems__row:first-child .system--center{
    overflow: visible !important;
}
.systems__col:nth-child(even) .system__num {
    right: auto;
    left: 30px
}
.system {
    position: relative;
    display: block;
    height: 500px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.systems .systems__row:first-child .system{
    overflow: hidden;
}

.systems .systems__row:nth-child(2) .system{
    overflow: hidden;
}

.system--center:after,
.system--center:before {
    position: absolute;
    left: 50%;
    content: ''
}
.system:hover .system__inner {
    opacity: 1
}
.system:hover .system__title {
    opacity: 0
}
.system:hover .system__inner-btn,
.system:hover .system__inner-desc,
.system:hover .system__inner-title {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}
.system--center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 140px
}
.system--center:before {
    display: block;
    height: 120px;
    width: 2px;
    background: #fff;
    top: 0;
    margin: 0 0 0 -1px
}
.system--center:after {
    display: block;
    z-index: 3;
    height: 8px;
    width: 8px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #3c5ea5;
    top: 120px;
    margin: 0 0 0 -6px
}
.system--center .system__num,
.system--center .system__title {
    position: relative;
    top: auto;
    right: auto;
    margin: 0
}

.system--center .system__title{
    margin-top:35px;
}
.system__num,
.system__title {
    top: 50%;
    position: absolute;
    font-size: 30px
}
.system--center .system__inner {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 158px
}
.system--center .system__inner-title {
    text-align: center;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}
.system__title {
    /* text-shadow: 0 0 205px rgba(255, 255, 255, .75); */
    text-transform: uppercase;
    color: #333;
    right: 70px;
    margin:0px 0 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    /* background-image: url(/template/images/bg-slide-w.png); */
    background-position: bottom 0px center;
    background-size: auto;
    background-repeat: repeat;
    /* width: 380px; */
    /* height: 120px; */
    text-align: center;
    /* padding-top: 40px; */
    /* margin-top: -40px; */
    -webkit-box-shadow: 0px 0px 71px 23px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 71px 23px rgba(255,255,255,1);
    box-shadow: 0px 0px 72px 25px rgba(255,255,255,1);
    /*background: rgba(255, 255, 255, 0.83);*/
    line-height:0;
}
.system__num {
    z-index: 2;
    right: 30px;
    margin: -18px 0 0;
    color: #3c5ea5
}
.system__img {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    // z-index: 0;
}
.count-obj {
    font-size: 16px;
    color: #999
}
.link-about-bimg {
    margin: 30px 0 0 30px;
    text-decoration: none;
    text-align: center;
    border: 1px solid #ffffff;
    font-size: 16px;
    color: #ffffff;
    padding: 16px 38px 14px;
    -webkit-transition: color .2s,background .2s;
    transition: color .2s,background .2s;
    position: absolute;
    right: 20px;
    bottom: 73px;
    text-transform: uppercase;
}
.link-about-bimg:hover {
    background:#fff;
    color:#000;
}
.container-about {
    height:100%;
    position:relative;
}


.projects {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px 0 40px
}
.projects__item {
    width: 50%
}
.project {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 500px;
    box-shadow: inset 0 0 65px rgba(0, 0, 0, .15)
}
.project:hover .project__inner {
    opacity: 1;
    visibility: visible
}
.project__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .9);
    padding: 80px;
    color: #333;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s
}
.benefit__title,
.project__title {
    color: #3c5ea5;
    text-transform: uppercase
}
.project__desc,
.project__title {
    max-width: 500px
}
.project__title {
    position: relative;
    font-size: 22px;
    padding: 0 0 16px 30px;
    line-height: 1.3
}
.project__title:before {
    content: '';
    display: block;
    position: absolute;
    height: 8px;
    width: 8px;
    background: #3c5ea5;
    border-radius: 50%;
    top: 11px;
    left: 10px
}
.about-bimg,
.benefit {
    background-repeat: no-repeat
}
.project__desc {
    padding-left: 30px
}
.about-bimg {
    height: 500px;
    background-size: cover;
    background-position: center;
    margin: 10px auto 20px
}
.benefits {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -20px;
    padding: 30px 0 60px
}
.benefits__item {
    width: 33.333333%;
    padding: 0 20px
}
.benefit {
    position: relative;
    padding: 20px 0 0 110px;
    background-position: top left
}
.benefit__title {
    font-size: 21px;
    padding: 0 0 12px
}
.benefit__desc {
    color: #333;
    line-height: 1.3
}
.hr {
    height: 1px;
    background: #ccc
}
.error-msg {
    padding: 15px 0 0;
    color: red;
    display: none
}
.btn.btn2 {
    display: none;
}
@media (max-width: 1400px) {
    .system__img {
        width:465px;
    }
}
@media (max-width: 1170px) {
    .project__inner {
        padding: 40px
    }
    .benefits {
        margin: 0 auto
    }
    .system__img {
    width: 350px;
    margin-top: 52px;
    bottom: 0px !important;
    top: auto;
    }
    .header__top .container {
        padding: 13px 25px
    }
    .header__desc {
        padding:4px 0 0 10px;
        max-width: 170px
    }
    .header-info {
        padding: 0 0 0 40px
    }
    .header-info .icon {
        left: 10px
    }
    .navigation {
        margin: 0
    }
    .home-slide__title {
        font-size: 70px
    }
}
@media (max-width: 1130px) {
    .services__col {
        padding: 0 20px
    }
}
@media (max-width: 1120px) {
    .page-top {
        padding: 50px 20px
    }
    .faq__title .container {
        padding: 0 0 0 70px
    }
    .faq__num {
        left: 20px
    }
}
@media (max-width: 1024px) {
    .system:after,
    .system:before {
        display: none!important
    }
    .system__img,
    .system__num,
    .system__title {
        display: none;
    }
    .system__img {
        display: block;
    }
    .system__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 40px 20px!important;
        opacity: 1;
        background: rgba(255, 255, 255, .8)
    }
    .system__inner-btn,
    .system__inner-desc,
    .system__inner-title {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .btn {
        background: #3c5ea5;
        color:#fff;
    }
    .systems__col:after {
        display: none!important
    }
    .system {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 130px
    }
    .system:after,
    .system:before {
        content: '';
        display: block;
        position: absolute;
        left: 50%
    }
    .system:before {
        height: 100px;
        width: 2px;
        background: #fff;
        top: 0;
        margin: 0 0 0 -1px
    }
    .system:after {
        z-index: 3;
        height: 8px;
        width: 8px;
        border: 2px solid #fff;
        border-radius: 50%;
        background: #3c5ea5;
        top: 100px;
        margin: 0 0 0 -6px
    }
    .system__num,
    .system__title {
        position: relative;
        top: auto;
        right: auto!important;
        left: auto!important;
        margin: 0
    }
}
@media (max-width: 980px) {
    .benefits__item {
        width: 100%;
        padding: 20px
    }
    .about-bimg,
    .project {
        height: 350px
    }
    .project__inner {
        padding: 30px
    }
    .systems__col {
        width: 100%;
        padding: 5px 0!important;
    }
    .slide-tooltip {
        display: none
    }
    .home-slider .slick-dots {
        bottom: 15px
    }
    .home-slide {
        padding: 60px 20px;
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: calc(100vh - 144px)
    }
    .home-slide__title {
        font-size: 7vw
    }
    .home-slide__title-sm {
        font-size: 6vw
    }
    .home-slide__desc {
        font-size: 4vw
    }
    .menu-open-btn,
    .mobile-phone-link {
        display: block
    }
    .header__bottom .container,
    .header__top .container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .header__desc,
    .header__right,
    .navigation {
        display: none
    }
    .navigation--lk {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}
@media (max-height: 850px) {
    .slide-tooltip4 {
        bottom: 55%
    }
    .slide-tooltip5 {
        bottom: 22%
    }
    .project,
    .services__img,
    .system {
        height: 365px;
    }
}
@media (max-height: 700px) {
    .page-top {
        padding: 30px 20px 20px
    }
    .header__top {
    // padding: 0
    }
    .header__logo img {
        max-width: 164px
    }
    .header__bottom {
        height: 40px
    }
    .header-info__top {
        font-size: 24px
    }
    .navigation__item {
        height: 40px;
        padding-top: 12px
    }
    .project,
    .services__img,
    .system {
        height: 320px
    }
    .project__inner,
    .system__inner {
        padding: 40px 80px
    }
    .home-slide {
        height: calc(100vh - 104px)
    }
    .services__cols {
        padding: 0 0 15px
    }
    .services__item {
        padding-bottom: 30px
    }
    .map {
        height: 370px
    }
    .systems .systems__row:last-child .system{
        height:335px;
    }
    .header__bottom .logofix{
        margin-top:4px;
        margin-left:20px;
    }
}
@media (max-width: 870px) {
    .projects__item {
        width: 100%
    }
    .project__inner {
        opacity: 1;
        visibility: visible;
        background: rgba(255, 255, 255, .8);
        padding: 10px
    }
    .mfp-close {
        top: 0;
        right: 0
    }
    .mfp-close:hover:after,
    .mfp-close:hover:before {
        background: #333
    }
    .mfp-close:active {
        top: 0
    }
    .page-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .page-top__left,
    .page-top__right {
        width: 100%!important
    }
    .page-top__left {
        padding-bottom: 0;
    }
    .faq__title {
        text-align: left;
        font-size: 20px
    }
    .faq__title:after {
        bottom: -3px
    }
    .faq__num {
        font-size: 24px;
        top: 0;
        margin: 0
    }
    .faq__content {
        text-align: left;
        padding: 30px 20px 25px
    }
    .wrapper {
        padding: 0
    }
    .footer {
        text-align: center;
        height: auto;
        margin-top:-260px;
    }
    .footer .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .footer__left {
        padding: 0 0 50px
    }
}
@media (max-width: 820px) {
    .system__inner,
    .system__inner-btn,
    .system__inner-desc,
    .system__inner-title {
        -webkit-transition: none;
        transition: none
    }
    .system {
        height: 430px;
        padding-top: 84px
    }
    .system:before {
        height: 60px
    }
    .system:after {
        top: 60px
    }
    .system__inner {
        padding: 40px
    }
    .page-top {
        padding: 20px 20px 30px;
    }
    .services__item {
        padding: 0 0 20px
    }
    .services__col {
        width: 100%
    }
    .services__img {
        height: 30vh
    }
    .services__num {
        width: 50px;
        height: 50px;
        margin: -25px 0 0 -25px;
        font-size: 20px;
        padding: 15px 0 0 5px
    }
    .page-title {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 24px
    }
    .page-title__text {
        white-space: normal
    }
}
@media (max-width: 760px) {
    .home-slider .slick-arrow {
        display: none!important
    }
    .project__title {
        font-size: 18px
    }
    .popup__content {
        padding: 30px 0 0
    }
    .mobile-menu {
        padding: 24px 50px 50px;
    }
    .mobile-menu__close {
        top: 34px;
        right: 20px
    }
}
@media (max-width: 650px) {
    .mobile-menu__nav-item {
        font-size: 23px;
        padding: 20px 0
    }
    .mobile-menu__phone a {
        font-size: 26px
    }
    .mobile-menu__inner {
        height: auto
    }
}
@media (max-width: 600px) {
    .about-bimg {
        margin-bottom: 30px
    }
    .benefits {
        padding: 0 0 20px
    }
    .benefits__item {
        padding: 20px 20px 10px
    }
    .benefit {
        background-size: 60px;
        padding: 5px 0 0 75px
    }
    .wrapper {
        padding-top: 95px
    }
    .header {
        position: fixed;
        z-index: 20;
        top: 0;
        left: 0;
        width: 100%;
        background: #fff
    }
    .home-slide {
        height: calc(100vh - 95px)
    }
    .header__top {
        padding: 0
    }
    .header__logo img {
        max-width: 130px
    }
    .menu-open-btn {
        left: 20px
    }
    .mobile-phone-link {
        right: 20px;
        background-size: 24px 24px
    }
    .header__bottom {
        height: 44px
    }
    .navigation__item {
        height: 44px;
        padding: 14px 25px 0
    }
}
@media (max-width: 540px) {
    .cols .col2,
    .contacts__item {
        width: 100%
    }
    .cols .col2:nth-child(1) {
        padding-bottom: 9px
    }
}
@media (max-width: 480px) {
    .home-slide__title {
        font-size: 28px
    }
    .home-slide__title-sm {
        font-size: 24px
    }
    .home-slide__desc {
        font-size: 18px
    }
    .mobile-menu {
        padding: 18px 20px 30px
    }
    .mobile-menu__close {
        top: 5px;
        right: 5px
    }
    .footer .container {
        padding: 0 10px
    }
}

@media (max-width: 360px) {
    .wrapper {
        padding-top: 95px;
    }
}



.page-title{
    overflow: hidden;
    display: block;
}

.page-title--trows .page-title__text:before , .page-title--trows .page-title__text:after{
    display: none;
}

.page-title .page-title__text{
    position: relative;
    display: inline-block;
}

.page-title .page-title__text:before , .page-title .page-title__text:after{
    content:'';
    position: absolute;
    top:50%;
    height:1px;
    background: #ccc;
}

.page-title .page-title__text:before{
    right:100%;
    left:-3000px;
}
.page-title .page-title__text:after{
    left:100%;
    right:-3000px;
}

.partner_block .block {
    margin-top: 40px;
}
.partner_block .block img {
    float: left;
    margin-right: 50px;
}
.partner_block .block .right {
    overflow: hidden;
    font-size: 16px;
    color: #333333;
    line-height: 20px;
    padding-top:15px;
}
.partner_block .block .right p {
    margin: 0;
}
.partner_block .block .right .b_title {
    text-transform: uppercase;
    font-size: 30px;
    line-height:30px;
    color: #3c5ea5;
}
.partner_block .block .right .b_text {
    margin: 20px 0;
}
.partner_block .block .right .all {
    display: inline-block;
    text-decoration: none;
    /* line-height: 54px; */
    /* width: 200px; */
    text-align: center;
    border: 1px solid #3c5ea5;
    font-size: 16px;
    color: #3c5ea5;
    padding: 16px 38px 14px;
    -webkit-transition: color .2s,background .2s;
    transition: color .2s,background .2s;
}
.partner_block .block .right .all:hover {
    text-decoration: none;
    background: #3c5ea5;
    color:#fff;
}
.partner_block .block:first-child {
    margin: 0;
}

.page_nav{
    padding:0;
    margin:30px 0 0 265px;
    list-style:none;
    font-size:0;
    line-height:0;
}

.page_nav li{
    display: inline-block;
    vertical-align: top;
    margin-left:6px;
    font-size:18px;
    line-height:45px;
}

.page_nav li:first-child{
    margin:0;
}

.page_nav li a{
    font-size:18px;
    color:#333333;
    display: block;
    text-align: center;
    width:45px;
    line-height:43px;
    background: #e6e6e6;
    border-radius:50%;
    text-decoration: none;
    padding-top:2px;
}

.page_nav li a:hover , .page_nav li.active a{
    background: #3c5ea5;
    color:#fff;
}

@media screen and (max-width: 680px) {
    .partner_block .block img{
        float:none;
        display: block;
        margin:0 0 20px;
    }
    .page_nav{
        margin-left:0;
    }
    .page-title {
        font-size: 22px;
    }
}
.social__list {
    list-style: none;
}
.social__list li {
    display: inline-block;
    padding: 0 3px;
}
.social__list li a {
    font-size: 20px;
}



/* NEW */

.header__bottom .logofix{
    display: none;
    margin-top:6px;
    margin-left:20px;
    width:65px;
}

.header__bottom .logofix img{
    width:100%;
    max-height: 35px;
}

.header.fixed .header__bottom{
    position: fixed;
    top:-48px;
    left:0;
    right:0;
    z-index:20;
    background: rgba(240,240,240,0.8);
}

.header.fixed .navigation__item{
    padding-left:20px;
    padding-right:20px;
}

.header.fixed.show .header__bottom{
    transition: all 0.4s ease;
    top:0;
}

.header.fixed.show .header__bottom .logofix{
    display: block;
}

.project .all{
    width: 175px;
    margin:30px 0 0 30px;
    text-decoration: none;
    text-align: center;
    border: 1px solid #3c5ea5;
    font-size: 16px;
    color: #3c5ea5;
    padding: 14px 38px;
    -webkit-transition: color .2s,background .2s;
    transition: color .2s,background .2s;
}
.project .all:hover{
    text-decoration: none;
    background: #3c5ea5;
    color:#fff;
}

.page-min-title{
    font-size:20px;
}

@media screen and (max-width: 768px) {
    .link-about-bimg{
        width:173px;
        left:0;
        margin:0px auto;
    }
}

.ya-share2__list{
	text-align:center;
	display:block !important
}
.ya-share2__list_direction_horizontal > .ya-share2__item {
	margin:0 10px 0 0 !important;
	padding: 0 3px !important;
}
.ya-share2__container_size_m .ya-share2__icon {
    height: 30px !important;
    width: 30px !important;
    background-size: 24px 24px;
}

.ya-share2__item_service_vkontakte .ya-share2__badge,
.ya-share2__item_service_facebook .ya-share2__badge,
.ya-share2__item_service_twitter .ya-share2__badge,
.ya-share2__item_service_lj .ya-share2__badge,
.ya-share2__item_service_telegram .ya-share2__badge {
	background-color:transparent !important;
}


.ya-share2__container_size_m .ya-share2__item_service_vkontakte .ya-share2__icon {
	background:url(./images/vk.svg) !important;
}
.ya-share2__container_size_m .ya-share2__item_service_facebook .ya-share2__icon {
	background:url(./images/fb.svg) !important;
}

.ya-share2__container_size_m .ya-share2__item_service_twitter .ya-share2__icon {
	background:url(./images/twitter.svg) !important;
}
.ya-share2__container_size_m .ya-share2__item_service_lj .ya-share2__icon {
	background:url(./images/live.svg) !important;
}
.ya-share2__container_size_m .ya-share2__item_service_telegram .ya-share2__icon {
	background:url(./images/tg.svg) !important;
}






 .ya-share2__container_size_m .ya-share2__item_service_vkontakte:hover .ya-share2__icon {
	background:url(./images/vk-hover.svg) !important;
}
.ya-share2__container_size_m .ya-share2__item_service_facebook:hover .ya-share2__icon {
	background:url(./images/fb-hover.svg) !important;
}

.ya-share2__container_size_m .ya-share2__item_service_twitter:hover .ya-share2__icon {
	background:url(./images/twitter-hover.svg) !important;
}
.ya-share2__container_size_m .ya-share2__item_service_lj:hover .ya-share2__icon {
	background:url(./images/live-hover.svg) !important;
}
.ya-share2__container_size_m .ya-share2__item_service_telegram:hover .ya-share2__icon {
	background:url(./images/tg-hover.svg) !important;
}

.ya-share2, .ya-share2 * {
    line-height: normal;
    display: inline-block;
}

.bottom_info_page .social__list li:last-child {
    margin: 0;
    display: inline-block;
}
i.fa.fa-envelope {
    margin: 1px 0 0 10px;
}    
.email-icon {
	position: relative;
    top: 7px;
    left: 6px;
}
.loginRegister {
	text-align:center;
}

.loginRegister a {
    background: 0 0;
    outline: 0;
    cursor: pointer;
    display: inline-block;
    color: #3c5ea5;
    border: 1px solid #3c5ea5;
    padding: 16px 38px 14px;
    -webkit-transition: color .2s, background .2s;
    transition: color .2s, background .2s;
	text-decoration:none;
}

.loginRegister a:hover {
    background: #3c5ea5;
    color: #fff;
}






@media screen and (max-width: 980px) {
.systems__col:nth-child(even) {
    padding: 0 !important;
}
.systems__col:nth-child(odd) {
    padding: 0px !important;
}
}




@media screen and (max-width: 767px) {
	.system__img {
    display: none;
}
.system__inner-title {
    color: #000;
    line-height: 1;
        white-space: pre;
    }
}

.cookie-banner {
    position: fixed;
    bottom: 15px;
    left: 15px;
    background: #FFFFFF;
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    box-shadow: 0 -2px 10px #00000026;
    z-index: 9999;
    box-sizing: border-box;
}
.cookie-text {
    max-width: 342px;
    margin: 0;
    color: #4F4F4F;
    font-size: 16px;
    line-height: 24px;
}
.cookie-text a {
    color: #3c5ea5;
    text-decoration: none;
}
.cookie-btn {
    background: #fff;
    color: #3c5ea5;
    border: none;
    padding: 16px 56px;
    border-radius: 0;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.25s;
    border: 1px solid #3c5ea5;
}
.cookie-btn:hover {
    color: #fff;
    background-color: #3c5ea5;
}
.cookie-hidden {
    display: none !important;
}

@media (max-width: 575px) {
    .cookie-banner {
        padding: 15px;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
    }
}

.checkboxGroup {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 21px 0 15px;
}

.checkboxGroup .checkbox {
  position: relative;
}

.checkboxGroup .checkbox label {
  display: block;
}

.checkboxGroup .checkbox label input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}

.checkboxGroup .checkbox label span {
  display: block;
  padding-left: 28px;
  margin: 0;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  color: #333333;
}

.checkboxGroup .checkbox label span:before,
.checkboxGroup .checkbox label span:after {
  content: '';
  position: absolute;
  display: block;
  top: -2px;
  left: 0;
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  transition: all 0.25s;
}

.checkboxGroup .checkbox label span:before {
  border: 1px solid #CCCCCC;
  /* opacity: 0.6; */
  border-radius: 0;
}

.checkboxGroup .checkbox label span:after {
  opacity: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3L4 6L9 1' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #3c5ea5;
}

.checkboxGroup .checkbox label span a {
  color: #333333;
  border-bottom: 1px solid #65684C80;
  text-decoration: none;
}

.checkboxGroup .checkbox label span:hover:before {
  opacity: 1;
  border-color: #3c5ea5;
}

.checkboxGroup .checkbox label input:checked + span:before {
  opacity: 1;
}

.checkboxGroup .checkbox label input:checked + span:after {
  opacity: 1;
}

.checkboxGroup .checkbox.error span:before {
  border-color: #E51717;
}

#popup-btn:disabled {
    pointer-events: none;
    filter: grayscale(1);
}