.topmenu {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: white;
    box-shadow: 0 0 2px #F3F3F3;
    width: 100%;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);

}

.header_top {
    background-color: #ebf0fd;
    background: url('//static.att.by/img/bg/bgmain/3.jpg') repeat-x white;
    background-size: cover;
    border-bottom: 2px solid #1665BD;
    padding-top: 9px;

    min-height: 31px;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;

    box-shadow: 0 0 2px #F3F3F3;
    width: 100%;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    overflow: hidden;
    line-height: 22pt;
}

#top_pic_menu {
    height: 32px;
    float: left;
    margin: 0 10 0 10px;
}

.top_order {
    float: right;
    font-weight: normal !important;
    margin: 0 10 0 10px;
}

.top_order:hover {
    float: right;

}

.topchat {
    position: fixed;
    z-index: 999;
    top: 130;
    right: 10;
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
    box-shadow: 0 0 2px #F3F3F3;
    width: block;

}

.backbutton {
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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);
    z-index: 999;
    display: block;
    position: fixed;
    right: 5px;
    bottom: 77px;

}

.backbutton_bottom {
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAyAAAAMgBFP3XOwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAV2SURBVGje7VnbUxtVGP/2EiCQEpJS5OLQQggBtCA4lEtI2lGKoI7WJ31wfPTRN6aKtlodnXH6oP+AD1pbqDo+2hdn7P9g6/jmZabcyiVAEsht19/Z7CZn102hkkCcyaFnzu45Z8/5/b7v931nsxVUVaVSlM+vf3YVzauoX1yenfuWSlTEEoK/5vd3D6K9gfu3SkVAKLYHAPY5ND/39w8Ifb19dP+3++q9e78msM8gPPF7WXsA4JsFQfiuublZ6e3ppWQqSSAhnDrV5ED/jxh3li0BgBMBcqGqqso9Njou7SX26K+//yDWjo+NSw6HI4BpX5azBz6ETM6HJsIyCi0tPyAmz+XlRQIpkAiyvd4G0dfLjgBAPY/mysDAM9TY2EjLK4uUTqe1sVQ6hfslgqyot7dPgZe+wnxf2RDQdX+7pblF6Qn00PrmOsXiMdOcaGyHIlubdPbps6LX463G/B/wXNWxEwAIiem+prrGPTo2Ju3t7dLGxprt3Idrq5o3xoMTTGL96LpeDh5gug9PTl6UndVOWl1boUJpmfUvLj0gp7OGRkdG2b7vwACXjo0ANp9E88H58AWhqekJiu/FyV3fQJ4GD0mSZPtMCml1dXWF2tqepG6/n8XD11in/cgJYNMWpvsuX5fS1eWnaHSHEomENiZJskakpsY+5W/vbGl1YGBQdLvdtVjne6wnHxkBQ/cul6s+GJyQ2GG1E93WJGJUVhAX5Ko7YeuN1YcrlFEyhOdlrDWMrk+P0gMfAWRoampaZtbeimwaKs+B14jgTxRFaL5WIyNjLsBq44qi0BLiwVXnopGRUdY5C8NMl5wANrmI5v1wOCwwrUcAPp3J5K3PgSfOI4yI7HCQw1FFsuzQ7hPJhJaZTrefps6OThXkbmH91pIR0HW/4PP5lIC/h2KxqAbCsLxm/Rx47TJPJOedrIeYJ1jd2o5oZ8TQ0LMiJHmCrc8kWnQCuu5v19bW1YeCYV33Oxz4fKrMWT4HPkuGeJJcql1BVmKzJoIhFsgTqFdL4YFr2HRiZnoGUpZxqkYsQcvrn0xjufFsmHDeID0eMtqrRr3bTcPD51g8XNFfyYtDAItNoZkLh84LHo9XA69A91nQZApaHrD+zxQLVvBGMU7wzg4ftbe3K7qUmg5NgAUVFptHkCmBQFb3SeieB2sEL6kWIsQHtpmIXdnAO1R8N0bnhkckp9Ppwb43sb/wnwkYukcarA+HLkipZBIBFzVZPicdk+4pl43IEtz7/fhjb7GCKFAoFGbxwE76dw/jgY+xeXBm5kVkPuR7nJ5k0bZVQiYrW9Iqn4UKlQykyX4/eBq8NDg0xLo+gSGDj00AD72A5r1wKCyc9J5EutvSdJ+TA5mD1z515rRjzlL7lPhunDYi69TdFaDWllbSXzW8hebLNuDbmO7PnOnA+32flE6lcIpKJOJEVXGC8h5QVONewbVOSp+jWLylKJwHLMoWLB1sPcYap7R0585PTfhZ+g26Xz7QVwkQuOGsdb5x6ZXXZJwt5tTHyYLXtflezXkpT1DdTz0FCzsn7t79hV2+eXl27ua+HoD1x3bju/L8wi2TUbhx2/78eN42hT/m5CxfcE52HcHYguF86kASgrVeQsMOkmrO2YJxjXHBpl/Ie9S4tp1X6PpRY4zBn6jzRf+wJWTdIVqACP9WuclbrFWMVj3kl7WCBICNvVRJupckmypaWp6MWICAwrUZvTWuC1ZgTB+YAIDLOmiZI1Dofr85EgckzdXHvWc1qWrp6eAeMCxp9YAdSMMTYgEZqVzlrW4HWrH0qY+SWdE+7gr59GRteQJGoijaF2WhVP8/cFRFpP95qRCoEKgQqBCoEKgQqBCoEKgQqBA4vvIPN1SBXeiWLHYAAAAASUVORK5CYII=);
    cursor: pointer;
    display: block;
    position: fixed;
    right: 5px;
    bottom: 77px;
}

.topdiv {
    background: black;
    height: 100%;
    width: 60px;
    display: block;
    position: fixed;
    cursor: pointer;
    opacity: 0.2;
    right: 0px;
    bottom: 0px;

}

/*Top menu Object Scroll*/
.menuZero {
    display: none;
    width: 100%;
    z-index: 1;
}
.objMenuFixed {
    display: block !important;
    position: fixed;
    z-index: 999;
    top: 0;
    width: 100%;
    left: 0;
    background-color: #f8e8cb;
}
#objTopMenu ul{
    margin: 0;
    padding: 0;
    text-align: center;
    width: 75%;
    display: inline-block;
    vertical-align: middle;
}
#objTopMenu ul li {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 12%;
}
#objTopMenu ul li a{
    padding: .8em;
    display: block;
    //color: #0040a1;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}
#objTopMenu ul li a:hover{
    //color: #4f6a94;
    text-decoration: underline;
}
#objTopMenu {
    //background: url(/img/bg/bgmain/3.jpg)repeat;
    /*background: -webkit-linear-gradient(to top, #3d82d0, #1488CC);
    background: linear-gradient(to top, #3d82d0, #1488CC);*/
    background: -webkit-linear-gradient(to top, #1665bd, #009dd8);
    background: linear-gradient(to top, #1665bd, #009dd8);

    padding: 1px;
    display: none;
    min-width: 500px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    text-align: center;
}
#objTopMenu>div{
    max-width: 1800px;
    display: block;
    margin: 0 auto;
}
#objTopMenu .bronButton{
    margin: 1em auto;
    font-weight:bold;
    color: #fef4e9;
    max-width: 100px;
    padding: 3px 7px 3px 7px;
}
#objTopMenu .bronButton:hover{
    color: #fef4e9;
}
#objTopMenu .nameObjNav{
    font-size: 15px;
    font-weight: bold;
    //color: #434548;
    color: #fff;
    text-align: center;
    width: 15%;
    display: inline-block;
    vertical-align: middle;
}
#objTopMenu .nameObjNav span{
    display: block;
}
#objTopMenu .imgObjNav{
    float: left;
    display: inline-block;
    vertical-align: middle;
}
#objTopMenu .imgObjNav img{
    max-width: 100px;
    width: 100%;
    margin-left: 15%;
}
@media screen and (max-width: 1180px){
    #objTopMenu ul{
        width: 73%;
    }
    #objTopMenu ul li{
        width: 12%;
    }
    #objTopMenu .nameObjNav span{
        display: inline-block;
    }
}
@media screen and (max-width: 1020px){
    #objTopMenu .nameObjNav, #objTopMenu ul{
        width: 100%;
        text-align: center;
    }
    #objTopMenu .imgObjNav{
        display: none;
    }
}
@media screen and (max-width: 820px){
    #objTopMenu ul li{
        width: 24% !important;
    }
    #objTopMenu ul li a{
        padding: .4em 0;
    }
}

