.top-panel {
    width              : 100%;
    height             : 50px;
    background-color   : rgba(0, 0, 0, 0.75);
    position           : fixed;
    top                : -50px;
    right              : 0;
    z-index            : 200;
    -webkit-transition : all 0.3s ease;
    -moz-transition    : all 0.3s ease;
    -ms-transition     : all 0.3s ease;
    -o-transition      : all 0.3s ease;
    transition         : all 0.3s ease;
}
.top-panel .content {
    position : relative;
    width    : 1240px;
    margin   : 0 auto;
    height   : 50px;
}
.top-panel .title {
    margin-left: 20px;
    color: #fff;
    font-size: 17px;
    white-space: nowrap;
    line-height: 50px;
    letter-spacing: 0.4px;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    /*width: 610px;*/
    width: 645px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.top-panel .title img {
    position: relative;
    margin-right: 10px;
}
.top-panel .swipe-block {
    float: right;
}
.top-panel .swipe-block > div {
    float: left;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.top-panel .swipe-block .count {
    color: #fff;
    font-size: 14px;
    line-height: 50px;
    position: relative;
    padding: 0 20px;
}
.top-panel .swipe-block .count:before {
    content: '';
    width: 18px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 17px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAfCAYAAADqUJ2JAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYZJREFUeNrMlL1OAkEUhWcXCgt70UZt6QyJFQnbUFjwANQa3oDWyoo32MSEis6HsCSGhEprCwWkpREiGc8sZ+PNMLs7m1B4ky/ZuT9n7tyZrNJaqxx64JX08nLzRPp63/o+QnXwDJZcrxxCK8aWzK27hD6YvOY6yxRzNGuS+iBR21n6sQVVsbYtAD+gItYqdCRWVLHt5UihrRV7cgjYvr8aMaOBmEMHHIOR8I3o6wjfwDUjY9egDqbgCyysDmrgBFyBN/BidxSDe34/cjdzxW3RcZs+zRzFmji9/iaDD6Ch/a3BGmNN2cElGJYQGrIm6TB9wVNQEw/Nx9asMbWrULwLM8iN8rcNayr29RsiDu+dxPSpImyRieMIEx8x+bK7fOkROCIRfd3CgwpVc5SWY7cWY94dGRs79hr7TD70yFmDi0MIKd+ObsAMnINv/tBczJjr/tthUCbh1HPjOTjLEtIlTxG4nNWsQFnL+8mX6uigt/b/hOYl8hd5Qnd5CcI+wW1W8FeAAQA1gBtOAs68oQAAAABJRU5ErkJggg==') 0 0 no-repeat;
}
.top-panel .swipe-block .social-likes {
    padding : 0 14px 0 14px;
    height  : 50px;
}
.top-panel .swipe-block .social-links {
    padding : 10px 14px 0;
    height  : 50px;
}
.top-panel .swipe-block .social-links div {
    margin: 0 5px;
}
.top-panel .swipe-block .social-links a {
    display: inline-block;
    margin: 0 5px;
}

.social-links {
    height: 100%;
    padding: 0px 10px 0px 10px !important;
}

.top-panel .swipe-block .social-links .vk-top-panel {
    width: 30px;
    height: 30px;
    margin-top: 10px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAeCAYAAABwmH1PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA9FJREFUeNrEmVtIFFEYx/87jRlqqemuFrFaSnah1cSMCCyIIIuKKLs81EMoFfRS6ltBET1lPQVm9RDmg1TkQ/eiHioj1iwSNq0ku2yb61q6690u25nt7Da7zjrnjLvjB3+YOTNnfuc233fmG4PX64Xcdh69DAWbTVREVEhkIcomSqPXnETtRC1EVqLHRA6oWP2J3UHnpWfu6sIVVa4vJioh2kKBSpZBtYaeSw1oILpKZIM2ixo3XIcNRPuIyojyORtrodpIdIGohsjLWDfqXKUOpxNVEJVjYiY1uJouwyqiTpX7deEadhypDYUeo6McSauhzw3AE5KNk8IVQpZTRRSgoM+soAylZawbVwi5WI7oWXmYTunKFWResQzRtzLKwmRx/R0u0eAVtTqUElkM1pV78fA6n9OSgvudceJd2M2C37rdA7B96ET9g1fo6RtSe4wUL4up02LiSg1VssGRn+hwulF734bvHjauQHcylokMX2piPFYtzcKhnatY42VRJLhxsTFYbE5F+bZlzFyRbtu47eGL93D3D6FwkRlzTEm+svlmI2v1Qq2dbOlwwT04AkumEYnxsb4yU1IcM1fUOso3G9/gW7cHzW12nNy/nre65pm93vge9i4PcswpqGSb2SCuSHck3DZzehw8/cNYmJkWKLN39bJWz9b8+syIQ2/fMCxz/68m98AIM1eUfX1w2dG9a4PO+8gyO3utkbV6mtYOH9yUF3Q++us3qm+9ZuYKkfL706aK2L4mFynEgelpoiBg1+ocGJPZuAL9ruS2289acelWE248tflmN0acgvycOSjdtJylulMrt+ldJ25aP+B5m8M3u4JgQIYpEQc25DJxRfoRnaHFS391uX3HUuzdU1zA46nbZd+0XHanqQOfnf+4W4tyUFww13c8KyWBiSvQgMxt3qDlHMMdXSLDFbm5Ik2PcFvxigVw9fQjPWUGVi7JDJR/cTJ5aqvWd3bziiy43ENIJ+/sIvPMQPkP9Z2WjyvSXFALb2xcu2z+mLKB4VHU3W1mmd3HsmMubt4805iyn7//oO5RKxNXoImvhol6y8aWjzh+8R7a7d1qtzaQPbkjUty39h6cumJF6yd1LtmTO/wvwVWaCxr3yyVMRpPHXlIWeLhhMpqauP44bKOJr2ibxLDJBk5XrjRwQkj+53QUoacpQynvpBtXCPH4VWEaFYlkWhWU07W6cg0Kfx4ilS6Vj/CYdKnCnwdduEqRW7qhku6GtCTE5Y6CJxGvC1ccZ0NzjugJ1H95KMU7rb9aos5V25vZqM4jwj+1Jov7V4ABAH7OW5wKgT1kAAAAAElFTkSuQmCC') 0 0 no-repeat;
}
.top-panel .swipe-block .social-links .facebook-top-panel {
    width: 30px;
    height: 30px;
    margin-top: 10px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAeCAYAAABwmH1PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAuhJREFUeNrkmU1oE0EUx9+O25iGIkrrByLk4gdoiaWWWlQE8SRIMIeKHuzJtfYiQnL0UHrykBylbaI3adEcIoq2IkUoCFKwYDQgkoJi0fYo9aMp2vg2PuOabpqZzc4smD88ZtjJ7G//M/sx86IVi0WopaPnb+7E4jhGN0YIYzfGdmpexMhjZDFmMKafjV/8CC7opHFPiDuVOlOTq61nGI0ewKIXI0JAHpkXkMFIo/GcQ6N1cdF4TsgwGtWw6McwMDodTtAsRgpjFI0XOY26ykXjxZqG0ewOLGIYUXBHCYw4ml6oYVYKF00vVDVMZgdplN3UqHneaqbJrDSu1TSruI1jEqBA54wRw+42lsolxr+GqTEK8hStYkopl1nexgbIl0Es69tYCZdYoNOBXpG3YrO/CS6ED0JPxy7YE2wFxn7fMc9fzkP0+uR6XTuJlXPCDTT7YOBsO3Ttb4OtWwKg0Y2a//AZ+oeecnF1WlRERIbral8PnD6xb83x9MRrnu4RZCb9LW0gyr12qQsOt29bc3xsIs/FxVlO6rSSCYmAjx0Klus3xmbg/tQb+PJthbd7iJggyu3Y21qu33kyB+MP38LS14IQV6dlm5A2b/L/Hd0HWSfPVLeTTht9G8r15N1Xjri66Ci7JC+YJa525FzqHVaCPL9+fKsPWgI+27bCyg84ZdwulRx6T88wF3dyOAxNOrNt+7m6CuErj2C5wMfVLbuPuvQi94nXLLjFNDU3v8RrtsQ1Z/g7VvwiEFwiWpejTq5zmWZYiItLROsKzRGX0b5StRa94jLaRKtW3isuo42zamW94uqUHlEtL5glrjnD04pHO0tMT7iMEm4ZheCMyaSEm1KuyfzzNU9TLki2ZokFXnHLKR78nl7GYlgyeABnd6Qi46GEi7M7UpnxMPM/CYnQBDHs8k7KuMyyejKnOl7louqVec64XbqWUqlSudZ0bWOnaS2mGycRX2G8Mf5qsTH+3/yZ9kuAAQCKqVYWeBEUWgAAAABJRU5ErkJggg==') 0 0 no-repeat;
}
.top-panel .swipe-block .social-links .vk-top-panel:hover,
.top-panel .swipe-block .social-links .facebook-top-panel:hover {
    background-position: 100% 0;
}
.top-panel .swipe-block .login {
    position: relative;
}
.top-panel .swipe-block .login .icon {
    width: 50px;
    height: 50px;
    position: relative;
}
.top-panel .swipe-block .login .icon:before {
    content: '';
    width: 12px;
    height: 17px;
    position: absolute;
    left: 19px;
    top: 17px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAfCAYAAADqUJ2JAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYZJREFUeNrMlL1OAkEUhWcXCgt70UZt6QyJFQnbUFjwANQa3oDWyoo32MSEis6HsCSGhEprCwWkpREiGc8sZ+PNMLs7m1B4ky/ZuT9n7tyZrNJaqxx64JX08nLzRPp63/o+QnXwDJZcrxxCK8aWzK27hD6YvOY6yxRzNGuS+iBR21n6sQVVsbYtAD+gItYqdCRWVLHt5UihrRV7cgjYvr8aMaOBmEMHHIOR8I3o6wjfwDUjY9egDqbgCyysDmrgBFyBN/BidxSDe34/cjdzxW3RcZs+zRzFmji9/iaDD6Ch/a3BGmNN2cElGJYQGrIm6TB9wVNQEw/Nx9asMbWrULwLM8iN8rcNayr29RsiDu+dxPSpImyRieMIEx8x+bK7fOkROCIRfd3CgwpVc5SWY7cWY94dGRs79hr7TD70yFmDi0MIKd+ObsAMnINv/tBczJjr/tthUCbh1HPjOTjLEtIlTxG4nNWsQFnL+8mX6uigt/b/hOYl8hd5Qnd5CcI+wW1W8FeAAQA1gBtOAs68oQAAAABJRU5ErkJggg==') 0 -14px no-repeat;
}
.top-panel .swipe-block .login .auth-window {
    position: absolute;
    left: -150px;
    top: 50px;
}
.top-panel .swipe-block .search {
    padding: 0 11px;
    position: relative;
    width: 32px;
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    -ms-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    transition: width 0.3s ease;
}
.top-panel .swipe-block .search input[type="text"] {
    float: right;
    width: 2px;
    height: 24px;
    padding-left: 2px;
    margin-top: 12px;
    padding-right: 30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: none;
    background: #ffffff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAARCAYAAAAyhueAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARJJREFUeNqslDEKwkAQRbOx8QZWgpAbmM7cQDsLCz2FYGdtpeAptBC0S26QLvEGAcHKQ8j6F/6CyOqM4sBnh8z3ZWd3orHWRj7quh5jGUIZlEANVEJFmqanSBnGQQHrIF9Ac6gV8N2hLbQB/CZBY64L6gqtoAHU5rric++Rd1pVlWv5wB8usZP9qwmdTAnvQhPpKGKeoWt5FwK64PMdfUNN+xnzXPD6eqaBJszPgtfXEw20Yd4XvL7eaKAl85Hg9fVSAy04hzPecvTm9mf0FdrhX3MGL7zlnGfY5w4dsPc0DeZfX1TrZczMR6jm24eOgfk1IlQKvNRqwHH0RYQAoRd9BQ2Bg0fg2v9F+COy72oPAQYAuYuifBw7eIMAAAAASUVORK5CYII=') 100% 50% no-repeat;
    font-size: 0px;
    color: #fff;
    line-height: 20px;
    border-radius: 20px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.6) inset;
}
.top-panel .swipe-block .search input[type="text"]:focus {
    width: 181px;
    padding-left: 11px;
    font-size: 15px;
    color: #999;
}
.top-panel .swipe-block .search .submit-button {
    border: none;
    position: absolute;
    right: 15px;
    top: 16px;
    width: 17px;
    height: 17px;
    cursor: pointer;
    font-size: 0;
    background: none;
    z-index: 2;
    padding: 0;
}
.top-panel .swipe-block:last-child {
    margin-right: 20px;
}
.top-banner img {
    width: 100%;
}
.auth-window {
    z-index: 3;
    border: 1px solid #ccc;
    width: 200px;
    background: #fff;
    box-shadow: 0 5px 20px 0 #000000;
    padding: 20px 0 15px 0;
    text-align: center;
    display: none;
}

.top-panel .swipe-block .login .auth-window:before{
    content: '';
    width: 9px;
    height: 6px;
    position: absolute;
    left: 170px;
    top: -5px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAANCAYAAAB7AEQGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAF1JREFUeNpi+P//PwMyPnPmzH90MWwK/qMrxFAAA8gKsSpAV4hTAbJCRohS/IAJiBnR8UVfdwZkPhMu3UCF/5FNYiCkkImQe0AKCSrS37yTkYmQArzWwRSAAECAAQA9H6t4bLyyNAAAAABJRU5ErkJggg==') 0 0 no-repeat;
}

.social-buttons { width : 100%; padding : 4px 0; }
.social-buttons .social-button { display : inline-block; }
.social-buttons .twi-button { width : auto; }
.social-buttons .vk-button { width : auto; margin-left : 20px; }
.social-buttons .fb-button { width : auto; margin-left : 3px; vertical-align: top; }