@import "./libs/reset/reset.css";
@import "./libs/bootstrap/css/bootstrap-grid.min.css";
@import "./libs/icomoon/style.css";
@import "./fonts/fonts.css";
@import "./libs/slick-1.8.1/slick/slick.css";
@import "./libs/pushy/css/pushy.css";

* {
    outline: none;
}

body, html {
    background: #fff;
    overflow-x: hidden;
    font-family: Formular, sans-serif;
    font-weight: normal;
    font-style: normal;
}

a {
    color: #000;
}

.header {
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 10;
    background: #2A4DFF;
}

.header__top {
    padding: 15px 0;
    border-bottom: 1px solid #FAFAFA;
}

.social {
    display: inline-block;
    float: right;
}

.social__el {
    display: inline-block;
    margin-right: 15px;
}

.social__el .icon-instagram {
    position: relative;
    top: 1px;
}

.social__link {
    text-decoration: none;
    color: #FAFAFA;
    line-height: 18px;
    margin-left: 10px;
}

.social__link:hover {
    text-decoration: underline;
}

.social__link_telegram {
    background: url("./img/tg-icon.svg") no-repeat center;
    background-size: contain;
    display: inline-block;
    width: 23px;
    height: 18px;
}

.social__link_vk {
    position: relative;
    top: -2px;
}

.header__lang {
    display: inline-block;
    float: right;
}

.header__lang-select {
    background: transparent;
    font-family: Formular, sans-serif;
    color: #FAFAFA;
    font-size: 16px;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    padding-right: 15px;
    line-height: 16px;
    height: 16px;
    box-sizing: border-box;
}

.header__lang-select option {
    color: #888888;
}

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

.header__bottom {
    padding: 37px 0;
    transition: .5s;
}

.header__bottom.is-sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: #2A4DFF;
    padding: 15px 0;
}

.header__menu-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    top: 19px;
}

.menu-btn {
    background: transparent;
    border: none;
    cursor: pointer;
    float: right;
}

.menu-btn span {
    font-size: 27px;
    color: #FFF;
}

.about {
    padding: 50px 0 30px;
}

.about__title {
    color: #25292c;
    font-size: 48px;
    margin-bottom: 47px;
}

.about__text {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

.about__person {
    float: right;
}

.about__person img {
    margin-bottom: 12px;
}

.about__person p {
    font-size: 14px;
    line-height: 18px;
}

.about__person p b {
    font-weight: 500;
}

.about__el-link {
    text-decoration: none;
    display: block;
    color: #000;
}

.about__el-link:hover {
    text-decoration: underline;
}

.about__el-title {
    font-size: 24px;
    margin-bottom: 16px;
}

.about__el-text {
    text-align: left;
    line-height: 20px;
    color: #3E3E3E;
    margin-bottom: 39px;
}

.line {
    height: 2px;
    background-color: #f1e6e6;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 40px;
}

.watch {
    margin-bottom: 70px;
}

.watch__title {
    color: #25292c;
    font-size: 48px;
    display: block;
    max-width: 1110px;
    margin: 0 auto 47px;
}

.watch__img {
    background: url("./img/bg-watching.jpg") no-repeat center;
    background-size: contain;
    height: 335px;
    margin-bottom: 48px;
}

.watch__link {
    text-decoration: none;
    height: 49px;
    width: 322px;
    display: block;
    color: #FFF;
    background: #CACCD2;
    margin: 0 auto;
    text-align: center;
    line-height: 49px;
}

.watch__link:hover {
    background: #0449F2;
    cursor: pointer;
}

.footer {
    background: rgba(155, 155, 170, 0.5);
}

.footer__top {
    padding: 50px 0;
}

.footer__logo-lng {
    margin-bottom: 43px;
}

.footer__lang {
    position: relative;
    top: 15px;
}

.footer__title {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 33px;
    margin-bottom: 18px;
    color: #FFF;
}

.footer__link, .footer__p {
    text-decoration: none;
    font-size: 16px;
    line-height: 20px;
    color: #FFF;
}

.footer__link:hover {
    cursor: pointer;
    text-decoration: underline;
}

.footer__doc-link {
    text-decoration: none;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
}

.footer__doc-link:hover {
    cursor: pointer;
    text-decoration: underline;
}

.footer__bottom {
    padding: 40px 0;
}

.footer__copy {
    text-align: left;
    font-size: 14px;
    line-height: 16px;
    color: #FFF;
}

.footer__bottom-docs {
    text-align: center;
}

.footer__bottom-docs > a {
    font-size: 12px;
    line-height: 16px;
    text-decoration: none;
    color: #25282c;
}

.footer__bottom-docs > a:hover {
    text-decoration: underline;
}

.footer__docs {
    line-height: 20px;
    background: #000;
}

.footer__bottom .social {
    float: left;
}

.page-header {
    padding: 78px 0 0 0;
    text-align: left;
}

.page-header__title {
    font-size: 48px;
    color: #25262c;
    line-height: 55px;
    font-weight: 500;
}

.header__title-subtitle {
    font-size: 16px;
    color: rgba(102, 102, 102, 0.5);
    display: block;
    line-height: 22px;
}

.page__content {
    padding: 53px 15px;
    font-size: 18px;
    line-height: 22px;
}

.page__content img {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.page__content h3 {
    color: #000;
    font-size: 24px;
    margin-bottom: 16px;
    font-weight: 500;
}

.page__content p {
    font-size: 16px;
    line-height: 22px;
    color: #1E1E1E;
    margin-bottom: 12px;
}

.page__content b,
.page__content strong {
    font-weight: bold;
}

.page__content i {
    font-style: italic;
}

.page__content ul {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 20px;
    list-style: none;
    padding-left: 20px;
}

.page__content ul > li {
    margin-bottom: 10px;
    position: relative;
}

.page__content ul > li:before {
    content: "■";
    display: block;
    font-size: 22px;
    color: #2A4DFF;
    position: absolute;
    left: -20px;
    top: -2px;
}

.mobile-menu {
    display: none;
}

.icon-telegram {
    position: relative;
    top: 1px;
}


@media (max-width: 991px) {
    .header__menu-wrap-menu {
        display: none;
    }

    .mobile-menu {
        display: block;
    }

    .about__person {
        float: initial;
    }
}

@media (max-width: 600px) {
    .about__el {
        margin-bottom: 30px;
    }

    .page__content {
        padding: 40px 15px;
        font-size: 18px;
        line-height: 22px;
    }

    .page-header__title {
        font-size: 24px;
        line-height: 28px;
        text-align: left;
        padding: 0 15px;
    }

    .about__el-title {
        font-size: 17px;
    }

    .about {
        padding: 25px 0 35px;
    }

    .team {
        padding: 25px 0 35px;
    }

    .team-slider {
        height: 450px;
    }

    .watch {
        height: 250px;
        margin-bottom: 100px;
        background-size: cover;
    }

    .watch__content {
        height: 260px;
    }

    .slick-slide {
        background-size: cover !important;
    }

    .watch__img {
        height: 110px;
    }
}

/* maintenance  */

.construction-wrap > .container {
    height: 100%;
}

.construction-wrap > .container > .row {
    height: 100%;
    min-height: calc(100vh - 48px - 483px);
}

.construction-wrap > .container > .row > div {
    padding: 35px 0;
}

.construction__title {
    color: #000;
    font-size: 40px;
    font-family: Formular;
    margin-bottom: 35px;
}

.construction__p {
    color: #000;
    font-size: 20px;
    font-family: Formular;
    margin-bottom: 15px;
}

.construction__p b {
    font-weight: bold;
}

.construction__person {
    float: right;
    width: 223px;
}

.construction__person img {
    margin-bottom: 15px;
}

.construction__person p {
    color: #000;
    font-size: 18px;
    line-height: 22px;
    font-family: Formular;
    font-weight: 500;
}

.construction__person p b {
    display: block;
    font-weight: bold;
    margin-bottom: 3px;
}

@media (max-width: 991px) {
    .construction-wrap {
        height: initial;
    }
}

@media (max-width: 768px) {
    .construction__person {
        float: initial;
        margin: 0 auto;
        display: inline-block;
        width: initial;
    }

    .construction-wrap > .container > .row > div {
        padding: 15px;
    }
}

@media (max-width: 620px) {
    .construction__title {
        font-size: 1.8rem;
        letter-spacing: 1px;
        margin-bottom: 15px;
    }

    .construction__p {
        font-size: 1rem;
        line-height: 1.2;
    }
}

.header__top {
    border-bottom: inherit;
}

.social__el {
    display: inline-block;
    margin-right: 6px;
}

.footer {
    background: #2A4DFF;
}

.footer__city-title {
    text-decoration: underline;
    margin-bottom: 6px;
    display: block;
    font-size: 16px;
}

.footer__text {
    margin-bottom: 25px;
}

.footer__p {
    font-size: 14px;
}

.footer__sale {
    display: none;
}

.footer-toggle {
    cursor: pointer;
}

.footer-toggle h3 {
    text-decoration: underline;
    position: relative;
    display: inline-block;

}

.footer-toggle h3:after {
    display: block;
    content: "";
    position: absolute;
    right: -33px;
    top: 8px;
    width: 20px;
    height: 20px;
    transform: rotate(180deg);
    transition: 0.8s;
    background-image: url("data:image/png;base64,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");
    background-size: contain;
}

.footer-toggle_active h3:after {
    transform: rotate(0deg);
}

@media (max-width: 991px) {
    .social__el {
        margin-bottom: 7px;
        margin-right: initial;
    }

    .social__link_first {
        margin-left: initial;
    }
}