.header {
    background: #248761;
    padding-bottom: 5px;
}

.header-menu {
    background: #007347;
    height: 26px;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* Для Firefox */
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* Для Safari и Chrome */
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); /* Параметры тени */
    filter: progid:DXImageTransform.Microsoft.dropshadow(offX=-1, offY=2, color=#727271);
    filter: progid:DXImageTransform.Microsoft.shadow(direction=120, color=#727271, strength=2);
    z-index: 3000;
}

.header-menu .menu {
    width: 1000px;
    margin: auto;
    padding-top: 4px;
    padding-left: 15px;
    z-index: 2999;
}

.header-menu .menu a, .header-menu .menu a:visited {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

.header-menu a {
    z-index: 10000;
}

.header-menu-sub {
    background-color: #03905D;
    box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.5);
    z-index: 10;
}

.header-menu-sub .menu {
    padding-top: 0px;
    margin-top: 0px;
}

.header .logo {
    width: 1000px;
    margin: auto;
    padding-top: 5px;
    padding-bottom: 3px;
    padding-left: 0px;
    position: relative;
}

.header-container {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 2500;
    min-width: 1000px;
}

.header-hole {
    margin-top: 45px;
}

.header-hole-single {
    margin-top: 55px;
}

.header .messages {
    float: right;
    margin-top: 14px;
    margin-left: 1%;
    margin-right: 2%;
    width: 26px;
    height: 22px;
    background: url('../icons/messages.png') -26px 0px no-repeat;
    position: relative;
    cursor: pointer;
}

.header .mvis, .header .downed {
    background: url('../icons/messages.png') 0px 0px no-repeat;
    cursor: pointer;
}

.header .messages:hover {
    background: url('../icons/messages.png') 0px 0px no-repeat;
}

.header .messages .count {
    position: absolute;
    top: 2.2px;
    left: 9.8px;
    cursor: pointer;
    opacity: 100 !important
}

.header .messages .count div {
    background: #da251d;
    border-radius: 50%;
    display: inline;
    color: #ffffff;
    font-family: Sans-serif;
    font-size: .7rem;
    font-weight: bold;
    padding: 3px 6px;
}

.header .people {
    float: right;
    margin: 14px 2% 0 2%;
    width: 24px;
    height: 22px;
    background: url('../icons/people.png') -24px 0px no-repeat;
    position: relative;
    cursor: pointer;
}

.header .people .count {
    position: absolute;
    top: 10px;
    left: 14px;
}

.header .people .count div {
    background: #da251d;
    border-radius: 4px;
    display: inline;
    color: #ffffff;
    font-family: Sans-serif;
    font-size: 7pt;
    font-weight: bold;
    padding: 1px 2px;
    height: 14px;
}

.header .pvis {
    background: url('../icons/people.png') 0px 0px no-repeat;
    width: 24px;
    height: 22px;
    cursor: pointer;
}

.header .people:hover {
    background-position: 0px 0px;
}

#top_messages_scroller {;
    overflow-y: auto;
    width: 100% !important;
    height: auto;
}

.header-slim .messages, .people {
    margin-top: 4px;
    display: none;
}


.header .logo .logo-image {
    width: 105px;
    float: left;
    height: 36px;
    padding: 5px;
    cursor: pointer;
}

.header-single .logo .logo-image {
    width: 117px;
    height: 50px;
}

.header .logo .logo-image:hover {
    background: #027347;
}

.header .logo .logo-header {
    width: 885px;
    float: right;
    margin-top: 2px;
}

.header .logo .logo-header .username {
    float: right;
    margin-top: 7px;
    margin-left: 10px;
    margin-right: 25px;
    position: relative;
    text-align: right;
}

.header .logo .logo-header .username .usname {
    width: auto;
    margin-top: 3px;
}

.header .logo .logo-header .username .usname a {
    padding: 5px 3px 8px 5px;
    text-shadow: 1px 1px 0 #404040;
}

.header .logo .logo-header .username .usname a:hover {
    background: #027347;
}

.header .logo .logo-header .usarrow {
    width: 12px;
    height: 6px;
    padding: 3px 5px 5px 2px;
    background: url('/im/new/angle1.png') 0px 5px no-repeat;
    cursor: pointer;
    display: inline-block;
}

.header .logo .logo-header .username .usname a:hover {
    text-decoration: none;
}

.header .logo .logo-header .username .username-menu {
    display: none;
    position: absolute;
    left: 0px;
    width: 100%;
    background: #ffffff;
    border: 1px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);

    moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -khtml-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    z-index: 100;
}

.header .logo .logo-header .username .username-menu ul {
    margin-bottom: 10px;
    margin-right: 0px;
    padding: 0px;
    margin-top: 10px;
    list-style: none;

}

.header .logo .logo-header .username .username-menu ul li a, .header .logo .logo-header .username .username-menu ul li a:visited {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    color: #303030;
    font-weight: normal;
}

.header .logo .logo-header .username .username-menu ul li a:hover, .header .logo .logo-header .username .username-menu ul li a:hover:visited {
    background: #027347;
    text-decoration: none;
    color: white;
}

#uname img {
    width: 29px !important;
    height: 29px !important;
    border-radius: 50%;
}

.header .logo .logo-header a, .header .logo .logo-header a:visited {
    color: white !important;
    font-size: 16px;
}

#auth_dlg {
    margin-right: 10px;
}

.header .logo .logo-header a:hover, .header .logo .logo-header a:hover:visited {
    color: white;
}

.header .logo .logo-header .notes {
    float: right;
    padding-top: 7px;
    margin-top: 7px;
    padding-right: 15px;
    padding-left: 15px;
    cursor: pointer;
}

.header .logo .logo-header .notes:hover {
    background: #027347;
}

.header .logo .logo-header .top-menu {
    margin-top: 14px;
    float: right;
    margin-right: 30px;
}

.header .logo .logo-header .top-menu a, .header .logo .logo-header .top-menu a:visited {
    color: white;
}

.header .logo .logo-header .top-menu a:hover, .header .logo .logo-header .top-menu a:hover:visited {
    color: white;
}

.header .logo .logo-header .top-menu span {
    color: white;
}

.header .logo .logo-header .search-form {
    margin-top: 14px;
    float: left;
    margin-left: 30px;
}

.header .logo .logo-header .search-form form {
    background: white;
    border-radius: 12px;
}

.header .logo .logo-header .search-form input.q {
    border: 0px;
    background: none;
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    margin-left: 5px;
    color: #838281;
    width: 423px;
    padding: 4px 10px;
    outline: 0px;
    transition: width 0.2s ease;
}

.header .logo .logo-header .search-form input.q:focus {
    /*width:505px;*/
}

.header .logo .logo-header .search-form .search-icon {
    display: inline-block;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0.15rem;
    right: 0.5rem;
    width: 1.2rem;
    height: 1.2rem;
    border: 0;
    cursor: pointer;
    background: url('/assets/icons/search.svg?v=2') transparent 0px 0px no-repeat;
    opacity: .5;
}

.header .search-icon-mobile {
    display: none;
    margin: 3px 0 0 0;
    padding: 0;
    width: 1.5rem;
    height: 1.5rem;
    border: 0;
    cursor: pointer;
    background: url('/assets/icons/search.svg?v=2') transparent 0px 0px no-repeat;
}

.header .logo .logo-header .languages {
    float: right;
    margin-top: 14px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.header .logo .logo-header .languages select {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -o-border-radius: 5px;
    border: none;
    width: 120px;
    margin-left: 15px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 11px;
    color: #838281;
    margin: 0px;
    padding-left: 10px;
    margin-left: 15px !important;

}

.menu_mess .block .photo {
    float: left;
    margin-top: 3px;
}

.menu_mess .block .fio {
    margin-left: 45px;
    color: #007347;
    font-size: 1.1em;
    font-weight: bold;
}

.menu_mess .block .text {
    margin-left: 45px;
    color: #000000;
    font-size: 0.9em;
}

.menu_mess .block .date {
    margin-left: 45px;
    color: #908F8E;
    font-size: 0.85em;
    margin-top: 0px;
}

.menu_mess .block {
    cursor: pointer;
    padding: 7px 14px;
    border-bottom: 1px solid #e9e9e9;
}

.menu_mess .block:hover {
    background: #fff5e5;
}

.menu_mess .unread {
    background: #fee9e4;
}

#menu {
    margin: 0px;
    list-style: none;
    padding: 0px;
    clear: both;
}

#menu li {
    float: left;
    padding-left: 0px;
    position: relative;
    margin-right: 3px;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

#menu li.active > a {
    display: inline-block;
    position: relative;
    top: -7px;
    padding-top: 0px;
    padding-top: 7px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background: #03905D;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;

}

#menu li.active1 > a {
    display: inline-block;
    position: relative;
    top: -7px;
    padding-top: 0px;
    padding-top: 7px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background: #03905D;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;

}


#menu li .submenu {
    display: none;
}

#menu li .submenu li {
    float: none;
}

#menu li.active .submenu li {
    float: none;
}

#menu li.active .submenu {
    display: block;
    position: absolute;
    margin: 0px;
    padding-top: 5px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 15px;
    list-style: none;
    top: 23px;
    width: 230px;
    background: #03905d; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03905d', endColorstr='#08b175');
    background: -webkit-linear-gradient(bottom, #08b175, #03905d); /* for webkit browsers */
    background: -moz-linear-gradient(bottom, #08b175, #03905d); /* for firefox 3.6+ */
    background: -o-linear-gradient(bottom, #08b175, #03905d); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #08b175, #03905d); /* IE10+ */
    /*box-shadow:  1px 4px 4px  -2px #007347;*/
    -moz-box-shadow: 0 0 10px #303030;
    -webkit-box-shadow: 0 0 10px #303030;
    -o-box-shadow: 0 0 10px #303030;
    box-shadow: 0 0 10px #303030;
    /*filter: progid:DXImageTransform.Microsoft.dropshadow(offX=-1, offY=1, color=#007347);*/
    moz-border-radius: 0px 5px 5px 5px;
    -webkit-border-radius: 0px 5px 5px 5px;
    -khtml-border-radius: 0px 5px 5px 5px;
    -o-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 5px 5px 5px;
    z-index: 1500;
}


#menu li.active .submenu li a {
    background: none;
    filter: none;
    box-shadow: none;
    display: block;
    margin: 0px;
    top: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

#menu li.active .submenu li a:hover {
    background: #027347;
}

#menu2 {
    margin: 0px;
    list-style: none;
    padding: 0px;
}

#menu2 li {
    float: left;
}

#menu2 li a {
    padding-left: 7px;
    padding-right: 7px;
    font-size: 11px;
}

#menu li a {
    padding-left: 10px;
    padding-right: 10px;
}

#menu2 {
    margin-left: 5px;
}

#menu2 {
    position: relative;
    top: -7.5px;
    z-index: 10;

}

#menu2 li a:hover {
    text-decoration: underline;
}

#menu2 li.btn_a a {
    text-decoration: underline;
}

.header-slim, .header-single {
    box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.5);
    padding-bottom: 0px;
}

.header-slim .logo {
    padding: 0px;
}

.header-slim .logo-header {
    margin-top: 0px;
}

.header-slim .logo .logo-header .languages {
    margin-bottom: 5px;
}

.header-slim .logo .logo-image {
    width: 21px;
    float: left;
    height: 24px;
    padding: 5px;
    cursor: pointer;
}

.header-slim .logo .logo-header .search-form {
    margin-top: 4px;
    position: relative;
}

.header-slim .logo .logo-header .languages {
    margin-top: 4px;
}

.header-slim .messages {
    margin-top: 4px;
}

.header-slim .people {
    margin-top: 4px;
}

.header-slim .logo .logo-header .username {
    margin-top: 5px;
}

.header-slim .logo .logo-header .username .usname {
    margin-top: -4px;
}

#menu-slim {
    float: left;
    width: 16px;
    height: 16px;
    background: url('../icons/menu.png');
    margin: 10px 0px 0 45px;
    cursor: pointer;
}

#menu-slim:hover {
    opacity: 0.9;
}

#menu-slim div.content {
    display: none;
}

.header-single .logo {
    padding: 0;
}

.header-single .logo .logo-header .username {
    margin-top: 15px;
}

.header-single .logo .logo-header .languages {
    margin-top: 7px;
}

.header-single .logo .logo-image {
    padding: 0px;
}

.bubble-menu-top {
    width: 350px !important;
}

#dv_bubble {
    z-index: 67000 !important;
}

.bubble-menu-top .item {
    float: left;
    width: 70px;
    margin: 7px 3px;
    padding-top: 50px;
    text-align: center;
    cursor: pointer;
    background: url('../icons/menu_icons.png?v=1.2') 0px 0px no-repeat;
    color: #808080;
    font-size: .87rem;
}

.lang-de .bubble-menu-top .item {
    width: 90px;
}

.lang-de .bubble-menu-top {
    width: 420px !important;
}

.bbl_inner .item:hover {
    opacity: 0.8;
}

.bbl_inner .trade {
    background-position: 2px 0px;
}

.bbl_inner .news {
    background-position: -93px 0px;
}

.bbl_inner .members {
    background-position: -180px 0px;
}

.bbl_inner .research {
    background-position: 0px -100px;
}

.bbl_inner .job {
    background-position: -91px -100px;
}

.bbl_inner .info {
    background-position: -184px -100px;
}

.bbl_inner .blog {
    background-position: -280px -3px;
    display: none;
}

.bbl_inner .events {
    background-position: -278px -100px;
}

.lang-de .bbl_inner .trade {
    background-position: 10px 0px;
}

.lang-de .bbl_inner .news {
    background-position: -83px 0px;
}

.lang-de .bbl_inner .members {
    background-position: -170px 0px;
}

.lang-de .bbl_inner .research {
    background-position: 10px -100px;
}

.lang-de .bbl_inner .job {
    background-position: -81px -100px;
}

.lang-de .bbl_inner .info {
    background-position: -174px -100px;
}

.lang-de .bbl_inner .blog {
    background-position: -270px -3px;
}

.lang-de .bbl_inner .events {
    background-position: -268px -100px;
}


@media screen and (max-width: 1024px) {

    .header-container {
        min-width: unset;
    }

}

@media screen and (max-width: 999px) {

    .header .logo {
        max-width: inherit;
    }

    .header-slim .logo .logo-image {
        margin-left: 1%;
    }

    #menu-slim {
        margin-left: 2%;
    }

    .header .logo .logo-header {
        width: 80%;
        float: left;
        margin-left: 3%;
    }

    .header .logo .logo-header .username {
        margin-left: 1%;
        margin-right: 1%
    }

    .header .logo .logo-header .username .usname {
        width: auto;
    }

    .header .logo .logo-header .search-form {
        margin-left: 0;
        width: 60%;
    }

    .header .logo .logo-header .search-form form {
        width: 100%;
    }

    #fld_header_search {
        width: 90% !important;
    }

    .header .people {
        margin-left: 3%;
        display: none;
    }

    .header-slim .messages {
        display: none;
        margin-left: 1%;
    }

    .logo-header .username .usname {
        margin: 0;
        text-align: left;
    }



}

@media screen and (max-width: 768px) {

    #uname span {
        display: none;
    }

    #map-canvas {
        height: 70px !important;
    }

    header .messages, header .people {
        display: none;
    }

}

@media (max-width: 740px) {

    #wrapper .top-banner {
        display: none;
    }

    .header-hole {
        margin-top: 30px;
    }


}

@media screen and (max-width: 414px) and (orientation: portrait) {



    /*

    Start of New Header

    */
    .header {
        box-shadow: none;
        height: 44px;
        position: relative;
        margin: 0 auto;
        width: 100%;
        box-sizing: border-box;
    }

    .header-hole {
        margin-top: 44px;
    }

    .header .logo {
        height: 50px;
    }

    .header .logo .logo-header {
        width: 70% !important;
        margin: 0% !important;
        height: 50px;
    }

    #menu-slim {
        width: 20px;
        height: 20px;
        background: url('../icons/mobile_menu.png');
        margin: 12px 30px !important;
    }

    .header .logo .logo-header .username {
        margin: auto 0 auto 9% !important;
        width: auto;
        height: 44px;
        float: right;
    }

    .header .search-form {
        display: none;
    }

    .header .search-form.opened {
        display: inline-block;
        position: absolute !important;
        top: 40px;
        width: 95.5% !important;
        left: 0;
        border: 10px solid #248761;
        border-top: none;
        height: 34px;
    }

    .header .search-icon-mobile {
        display: inline-block;
        margin: 12px 9%;
        width: 20px;
        height: 20px;
        background: url('/assets/icons/mobile_search.svg?v=2') transparent 0px 0px no-repeat;
    }

    .header .search-icon {
        display: none !important;
    }

    #frm_header_search {
        width: 100% !important;
        height: 100%;
        vertical-align: middle;
        margin-left: 0;
        font-size: 1rem;
    }

    #frm_header_search #fld_header_search {
        width: 95% !important;
        margin-left: 0;
        height: 100%;
        padding: 0 10px;
        font-size: 1rem;
    }

    .username a {
        margin: 12px 10%;
        display: inline-block;
        width: 145%;
        position: absolute;
    }

    .username a:first-child {
        right: 300%;
    }

    .username a:last-child {
        right: 60%;
    }

    .username .usname {
        margin: 0 !important;
        text-align: left !important;
        height: 44px;
    }

    #uname {
        display: none;
    }

    .header .logo .logo-header .usarrow {
        background: url('../icons/mobile_personal_menu.png') 0px 5px no-repeat;
        background-repeat: no-repeat;
        background-size: 50%;
        width: 36px;
        height: 34px;
        background-position: center;
        padding: 6px 0;
    }

    .header-slim .messages {
        margin: 12px 5% 12px 3%;
    }

    .header .people {
        margin: 12px 9%;
    }

    .count div {
        font-size: .8rem !important;
    }

    #dv_bubble.bubble-menu-user {
        width: 100vw !important;
        left: 0 !important;
        top: 43px !important;
        position: fixed !important;
    }


    .bubble-menu-user .bbl_pointer_r {
        display: none;
    }


    .register_link {
        right: 80px !important;
    }

    .login_link {
        right: 140px !important;
        width: 45px !important;
    }

    /*

    End of New Header

    */
    .bubble-menu-top {
        top: 40px !important;
        left: 0px !important;
        width: 100% !important;
        height: 100%;
        position: fixed !important;
    }

    .bubble-menu-top .bbl_wrap {
        height: 100%;
        padding-top: 3px;
    }

    .bubble-menu-top .bbl_wrap .bbl_body {
        height: 100%;
    }

    .bubble-menu-top #dv_booble_cont {
        height: 100%;
    }

    .bubble-menu-top #dv_booble_cont .bbl_inner {
        height: 100%;
    }

    .bubble-menu-top .item {
        width: 100px;
        margin: 10% 10% 10% 12%;
    }

    .bbl_inner .trade {
        background-position: -7% 5%;
    }

    .bbl_inner .news {
        background-position: 30% 0%;
    }

    .bbl_inner .members {
        background-position: 65% 4%;
    }

    .bbl_inner .research {
        background-position: -7% 93%;
    }

    .bbl_inner .blog {
        background-position: 105% 6%;
    }

    .bbl_inner .events {
        background-position: 105% 95%;
    }

    .bbl_inner .job {
        background-position: 30% 95%;
    }

    .bbl_inner .info {
        background-position: 65% 95%;
    }

    .header .logo .logo-header .username .usname {
        width: auto;
        height: 50px;
    }

    .header-slim .logo .logo-image {
        display: none;
    }

    .bubble-menu-user .menu_popup {
        margin: 0;
    }

    .bubble-menu-user .menu_popup a, .bubble-menu-user .menu_popup a .gray {
        font-size: 1.6rem !important;
        line-height: 2.5em !important;
    }

    #dv_bubble.bubble-menu-user {
        top: 37px !important;
    }


}


@media screen and (max-width: 375px) {

    .header .logo .logo-header {
        width: 68% !important;
    }

    .login_link {
        right: 120px !important;
    }

    .bubble-menu-top .item {
        margin: 10% 5% 5% 12%;
    }

    .bubble-menu-user .menu_popup a {
        line-height: 2.15em !important;
    }

    .header .logo .logo-header .username {
        margin: auto 0 auto 8% !important;
    }

    .header-slim .messages, .header .people {
        margin: 12px 8%;
    }



}

@media screen and (max-width: 320px) {

    .header .logo .logo-header {
        width: 75% !important;
    }

    .login_link {
        right: 120px !important;
    }

    .header-slim .messages {
        margin: 12px 7% 12px 7%;
    }

    .header .people {
        margin: 12px 8% 12px 7%;
    }

    #menu-slim {
        margin: 12px 20px !important;
    }

    .bubble-menu-user .menu_popup a {
        line-height: 1.95em !important;
    }

    .bubble-menu-top .item {
        margin: 10% 7.5% 5% 7.5%;
    }


}