/*-------------------------------------*/
/* Header                              */
/*-------------------------------------*/

.header {
    display: block;
    position: relative;
    background: var(--tmpl-primary-base);
    height: var(--tmpl-toolbar-height);
}

/*-------------------------------------*/
/* Toolbar                             */
/*-------------------------------------*/

.toolbar {
    display: block;
    position: fixed;
    box-sizing: border-box;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    background: var(--tmpl-primary-surf);
    box-shadow: var(--tmpl-main-shadow);
    z-index: 99;
}

.toolbar__flex {
    display: flex;
    position: relative;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    height: var(--tmpl-toolbar-height);
}

.toolbar__item {
    display: block;
    box-sizing: border-box;
}

.toolbar__item_main {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.toolbar__item_tool {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.toolbar__item_tool > div {
    margin-left: 30px;
}

.toolbar .button-burger {
    display: none;
}

@media (max-width: 1459px) {
    .toolbar__item_menu {
        display: none;
    }

    .toolbar .button-burger {
        display: flex;
    }
}

@media (max-width: 991px) {

}

@media (max-width: 767px) {
    .toolbar__item_tool > div {
        margin-left: 15px;
    }

    .toolbar .tel-main {
        font-size: 120%;
    }
}

@media (max-width: 559px) {
    .toolbar .contact-main {
        display: none;
    }
}

/*-------------------------------------*/
/* Intro                               */
/*-------------------------------------*/

.intro {
    display: block;
    position: relative;
    background: 50% 0 no-repeat;
    background-size: cover;
}

.intro__wrapper {
    display: flex;
    position: relative;
    box-sizing: border-box;
    justify-content: flex-end;
    align-items: center;
    max-width: var(--tmpl-max-width);
    min-height: calc(100vh - var(--tmpl-toolbar-height));
    padding: 100px 16px;
    margin: 0 auto;
}

.intro__info {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 40%;
    padding: 30px 0;
}

.intro__title {
	margin-top: 0;
}

.intro__descr {
    margin: 12% 0;
    line-height: 1.4;
    font-size: 140%;
    font-weight: 300;
}

@media (max-width: 767px) {
    .intro__info {
        width: 50%;
    }

    .intro__descr {
        font-size: 130%;
    }
}

@media (max-width: 559px) {
    .intro__info {
        width: 58%;
    }

    .intro__descr {
        font-size: 110%;
    }

    .intro__info .btn {
        width: 100%;
    }
}