.head {
    user-select:none;
}

/*
 * __top
 */
.head__top {
    position:relative;
    z-index:3;
    min-height:70px;
    text-align:right;
    padding-top:14px;
    box-sizing:border-box;
    background:#FFF;
    box-shadow:0 0 0 1px rgba(0,0,0,.1);
}


/*
 * arrow
 */
.head .arrow {
    position:absolute;
    bottom:15px;
    left:137px;
    width:658px;
}

/*
 * __logo
 */
.head__logo {
    position:absolute;
    left:0;
    bottom:0;
    height:70px;
    width:138px;
    background:center center no-repeat url(i/yandex.svg);
    cursor:pointer;
    text-align:left;
    white-space:nowrap;
}

/*
 * __actions
 */
.head__actions {
    position:absolute;
    right:0;
    bottom:14px;
}

/*
 * user
 */
.head .user,
.head__login {
    margin-right:20px;
    margin-left:15px;
}

/*
 * actions
 */
.head__actions > .button {
    width:40px;
    height:40px;
    margin-top:1px;
}

.head__actions > .button + .button {
    margin-left:10px;
}

/*
 * _position_fixed
 */
.head_position_fixed {
    position:fixed;
    z-index:99;
    top:0;
    left:0;
    right:0;
}


/*
 * __panel
 */
.head__panel {
    position:absolute;
    z-index:2;
    left:0;
    right:0;
    background:#FFF;
    box-shadow:0 0 0 1px rgba(0,0,0,.1);
}

.head__panel_state_release {

}
.head__panel_state_active {

}


/*
 * __dot
 */
.head__dot {
    display:inline-block;
    width:5px;
    height:70px;
    background:center center no-repeat url(i/dot.svg);
    margin-left:111px;
}

/*
 * __left, __right
 */
.head__left {
    float:left;
    margin-left:138px;
    margin-top:7px;
}

.head__right {
    display:inline-block;
    margin-right:20px;
    margin-top:7px;
}

.head__gap {
    display:inline-block;
    width:20px;
}

/*
 * __bottom
 */
.head__bottom {
    position:relative;
    z-index:2;
    padding:20px;
    padding-top:14px;
    box-sizing:border-box;
}

/*
 * __progress
 */
.head__progress {
    position:absolute;
    left:0;
    margin-top:-2px;
    height:3px;
    background:#FC0;
    display:none;
    z-index:4;
}

/*
 * __service
 */
.head__service {
    font-family:textbook;
    float:left;
    margin-left:130px;
    font-size:17px;
    line-height:32px;
    padding-left:14px;
    padding-right:19px;
    position:relative;
    cursor:default;
    margin-top:5px;
    z-index:3;
}

.head__service-arrow {
    background:right center no-repeat url(i/arrow-outer.svg);
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    width:9px;
}
.head__service-arrow:before {
    content:'';
    position:absolute;
    width:8px;
    right:2px;
    top:2px;
    bottom:2px;
    background:right center no-repeat url(i/arrow-inner.svg);
    z-index:1;
}

.head__service:before {
    content:'';
    position:absolute;
    left:0;
    right:9px;
    top:0;
    bottom:0;
    background:#FC0;
    z-index:1;
}

.head__service:after {
    content:'';
    position:absolute;
    left:2px;
    right:10px;
    top:2px;
    bottom:2px;
    background:#FFF;
    z-index:1;
}

.head__service-label {
    position:relative;
    z-index:2;
}


.head__service + .head__left {
    margin-left:-10px;
}

.head__service + .head__left > .input:first-child input {
    padding-left:17px;
}

/*
 * adaptive
 */
@media (max-width:1024px) {
    .head .user__name {display:none}
}