/*********************************************************************
 *
 * Header
 *
 *********************************************************************
**/

#header .b-block {

}

#header .b-header_top,
#header .b-header_menu {
    margin: 0 !important;
}

#header .b-header_logo {
    float: left;
    width: 30%;
    padding: 24px 10px 20px;
    text-align: center;
}

#header .b-header_main {
    overflow: hidden;
    padding: 28px 0 30px 0.333%;
    font-family: 'PT Sans Narrow', sans-serif;
}

#header .b-header_title {
    float: left;
    width: 60%;
    margin-right: 2%;
    font-size: 24px;
    line-height: 1;
    color: #939393;
    text-transform: lowercase;
}

#header .b-header_contacts {
    overflow: hidden;
    text-align: right;
}

/********************************************************************/

.b-phone {
    font-size: 19px;
    line-height: 1;
    color: #e31e24;
}

#header .b-phone {
    margin-bottom: 3px;
}

.b-phone p {
    margin: 0;
}

.b-location {
    font-size: 16px;
    line-height: 1;
    color: #2b2a29;
}

.b-location a {
    color: inherit;
    text-decoration: none;
}

.b-location a:hover {
    color: #e31e24;
}

#header .b-location:before,
#footer .b-location:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 11px;
    height: 15px;
    margin: -4px 8px 0;
    background: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAPCAYAAAAyPTUwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAURJREFUeNp00j8oRWEYx/FzjouiKCnqLjeJomxiulFkZTEpJsM1SMpASv4MGC6KjVFKFiZyB/k3WCwUgz/jlVUGdHx/t+fVuaec+vQ+7/O8Pc95z71+GIaenpfK5nqWZQT4RDlKsZj6eLj3rKCDjSwneMQIxVEME19in3pHoeNzRZOPHPo0RYgHUG1xK25Qo85DeKXTMR3acMi+C3vEafJ3xGfI6HCPjdMzi20OjLNOYtryesUGHf5CmSUTeLf4DSUW67I/Kp6i25IrWGe8cr2Yt3waT+p8gCQH6hh/bXfIY4z9EXmdacGOu/0Usu5rRJGfwIbiwMZk0UmXWi/ysPdZBrH096MwTpfcxapX/Mzhgnq+sIuNvEK7xUncIuHqQazTDDYt3sIaXb9d0Xd/pMh7LrD045yDmaLiP19A46vi+V8BBgAf0Lqp+ZqsvwAAAABJRU5ErkJggg==') no-repeat;
}

.b-logo {
    outline: none;
}

#header .b-logo img {
    width: auto;
    height: auto;
    max-width: 100%;
}

/********************************************************************/

#header .b-main-menu {
    position: relative;
    text-align: right;
}

#header .b-main-menu_item {
    display: inline-block;
    margin-left: 60px;
    padding: 0 2px;
    border-bottom: 1px solid #e31e24;
}

#header .b-main-menu_item:first-child {
    margin-left: 0;
}

#header .b-main-menu_title {
    font: 19px/26px 'PT Sans Narrow', sans-serif;
    color: #272624;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: color 0.5s ease;
       -moz-transition: color 0.5s ease;
        -ms-transition: color 0.5s ease;
         -o-transition: color 0.5s ease;
            transition: color 0.5s ease;
}

#header .b-main-menu_item.is-active .b-main-menu_title,
#header .b-main-menu_title:hover {
    color: #e31e24;
}

/********************************************************************/

#header .b-prod-menu {
    position: relative;
    border-top: 2px solid #e31e24;
    padding-bottom: 16px;
}

#header .b-prod-menu:before,
#header .b-prod-menu:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
    height: 16px;
    background: url('/i/bg/prod-menu-shadow.png') no-repeat;
}

#header .b-prod-menu:after {
    left: 50%;
    background-position: 100% 0;
}

#header .b-prod-menu_list {
    position: relative;
    /*overflow: hidden;*/
}

#header .b-prod-menu_item {
    position: relative;
    float: left;
    width: 23%;
    margin-left: 0.333%;
}

#header .b-prod-menu_item:first-child {
    width: 30%;
    margin-left: 0;
}

#header .b-prod-menu_header {
    position: relative;
    background: #eee;
}

#header .b-prod-menu_header:before,
#header .b-prod-menu_header:after,
#header .b-prod-menu_body:before,
#header .b-prod-menu_body:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 16px;
    background: url('/i/bg/prod-menu-item-shadow.png') no-repeat;
}

#header .b-prod-menu_header:after,
#header .b-prod-menu_body:after {
    left: 50%;
    background-position: 100% 0;
}

#header .b-prod-menu_title {
    display: block;
    position: relative;
    height: 71px;
    border-bottom: 1px solid transparent;
    padding: 0 10px;
    text-align: center;
    font: 23px/1 'PT Sans Narrow', sans-serif;
    color: #2e2d2c;
    text-decoration: none;
    z-index: 10;
}

#header .b-prod-menu_body {
    position: relative;
    height: 316px;
    overflow: hidden;
}

#header .b-prod-menu_body:before,
#header .b-prod-menu_body:after {
    /*display: none;*/
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 10;
}

#header .b-prod-menu_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff; /* rgba fallback */
    background-color: rgba(255, 255, 255, 0.85);
    background-image: url('/i/bg/prod-menu-item-shadow.png');
    background-repeat: no-repeat;
    padding: 30px 20px 0;
    /*text-align: center;*/
}

#js #header .b-prod-menu_content {
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
}

#no-js #header .b-prod-menu_content {
    /*display: none;*/
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.5s ease;
       -moz-transition: opacity 0.5s ease;
        -ms-transition: opacity 0.5s ease;
         -o-transition: opacity 0.5s ease;
            transition: opacity 0.5s ease;
}

#header .b-prod-menu_text {
    color: #2e2d2c;
}

#header .b-prod-menu_text-more {
    margin-top: 20px;
    border: 1px solid #1f1e1d;
    text-align: center;
}

#header .b-prod-menu_text-more a {
    display: block;
    font: 17px/33px 'PT Sans Narrow', sans-serif;
    color: #5d5959;
    text-decoration: none;
    text-transform: uppercase;
}

#header .b-prod-menu_sub-item {
    margin-bottom: 8px;
}

#header .b-prod-menu_sub-title {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 21px;
    color: #e31e24;
    text-decoration: none;
}

#header .b-prod-menu_sub-title:hover {
    text-decoration: underline;
}

#header .b-prod-menu_sub-more {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 21px;
}

#header .b-prod-menu_item:hover .b-prod-menu_title,
#header .b-prod-menu_item.is-active .b-prod-menu_title {
    border-bottom-color: #e31e24;
    color: #e31e24;
}

#header .b-prod-menu_item:hover .b-prod-menu_body:before,
#header .b-prod-menu_item:hover .b-prod-menu_body:after,
#header .b-prod-menu_item.is-active .b-prod-menu_body:before,
#header .b-prod-menu_item.is-active .b-prod-menu_body:after {
    /*display: block;*/
    opacity: 1;
    filter: alpha(opacity=100);
}

#no-js #header .b-prod-menu_item:hover .b-prod-menu_content {
    /*display: block;*/
    opacity: 1;
    filter: alpha(opacity=100);
}

.b-prod-menu_image {
    position: relative;
    height: 300px;
    overflow: hidden;
}

.is-mobile .b-prod-menu_image {
    height: auto;
}

.is-mobile .b-prod-menu_image img {
    width: auto;
    height: auto;
    max-width: 100%;
}

#header .b-prod-menu.big-image .b-prod-menu_body {
    height: 0;
}

#header .b-prod-menu.big-image .b-prod-menu_body {
    overflow: visible;
}

/********************************************************************/
