/* Header */

.header {
    font-size: 15px;
    line-height: 80px;

    display: table;

    width: 100%;
    min-width: 960px;
    height: 80px;
    padding: 0 10px;

    border-bottom: 3px solid #ccc;
    background-color: #fff;
}

@media (min-width: 1104px) {
    .header {
        padding: 0 50px;
    }
}

@media (min-width: 1160px) {
    .header__menu__item {
        padding-right: 35px;
    }
}


@media (max-width: 1160px) {
    .header__menu__item {
        padding-right: 9px;
    }
}

.container--stiky-header .header {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
}

.header__logo-wrapper,
.header__menu,
.header__register-wrapper,
.header__sign-in-wrapper {
    display: table-cell;

    vertical-align: middle;
}

.header__logo {
    display: block;

    width: 140px;
    height: 80px;

    background-image: url(/National_Library/oe_/https://sendsay.ru/m/images/logo.png);
    background-repeat: no-repeat;
    background-position: 0 21px;
}

.header__menu {
    height: 80px;

    text-align: right;
}

.header__register-wrapper,
.header__sign-in-wrapper {
    width: 1%;
}

.header__register-wrapper {
    padding-right: 10px;
}

.header__register,
.header__sign-in {
    line-height: 37px;

    position: relative;

    display: inline-block;

    padding: 0 20px;

    cursor: pointer;

    border-radius: 5px;
}

.header__sign-in:hover {
  color: #555;
}

.header__register {
    color: #fff;
    background-color: #ba1950;
}

.header__register:hover {
    color: #fff;
    background-color: #ab1347;
}

.container--unselected-register .header__register {
    color: #222;
    background-color: #ececec;
}

.container--unselected-register .header__register:hover {
    color: #000;
    background-color: #e2e2e2;
}

.header__sign-in {
    padding-left: 35px;

    background-color: #ececec;
}

.header__sign-in:before {
    font-family: FontAwesome;

    position: absolute;
    left: 15px;

    padding-top: 1px;

    content: '\f023';
}

.header__sign-in:hover {
    background-color: #e2e2e2;
}

.header__sign-in:hover:before {
    content: '\f13e';
}

/* Header END */

/* Banner */

.banner-wrapper {
    height: 565px;
    padding: 80px 0;

    border-bottom: 3px solid #cac6c4;
    background-image: url('/National_Library/oe_/https://sendsay.ru/m/images/index/banner-gerl.jpg');
    background-position: 50% 0;
}

.banner {
    width: 1000px;
    margin: 0 auto;
}

.banner__content {
    margin-bottom: 80px;
    padding: 30px;

    border-left: 3px solid  #9f1f50;
    background:    -moz-linear-gradient(left,  rgba(255,255,255,.8) 15%, rgba(255,255,255,0) 70%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(15%,rgba(255,255,255,.8)), color-stop(70%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,.8) 15%,rgba(255,255,255,0) 70%);
    background:      -o-linear-gradient(left, rgba(255,255,255,.8) 15%,rgba(255,255,255,0) 70%);
    background:     -ms-linear-gradient(left, rgba(255,255,255,.8) 15%,rgba(255,255,255,0) 70%);
    background:         linear-gradient(to right, rgba(255,255,255,.8) 15%,rgba(255,255,255,0) 70%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}

.banner__content__title {
    font-size: 48px;
    line-height: 57px;

    margin-bottom: 26px;

    text-transform: uppercase;

    color: #9f1f50;
}

.banner__content__subtitle {
    font-size: 18px;

    color: #000;
}

.banner__button {
    font-size: 28px;
    line-height: 70px;

    position: relative;

    display: inline-block;

    height: 70px;
    padding: 0 30px;

    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;

    color: #fff;
    border-radius: 5px;
    background-color: #ba1950;
    -webkit-box-shadow: 0 4px #8d1c4f;
       -moz-box-shadow: 0 4px #8d1c4f;
            box-shadow: 0 4px #8d1c4f;
}

.banner__button:hover {
    color: #fff;
    background-color: #ab1347;
}

/* Banner END */

.container.index .title {
    font-size: 48px;
}