/* Подключаем шрифты */

@font-face {
    font-family: 'rouble';
    src: url('/css/rouble-font/rouble-webfont.eot');
    src: url('/css/rouble-font/rouble-webfont.eot?#iefix') format('embedded-opentype'),
    url('/css/rouble-font/rouble-webfont.woff') format('woff'),
    url('/css/rouble-font/rouble-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'rouble';
    src: url('/css/rouble-font/rouble.otf');
}

.rouble {
    font-family: 'rouble', Verdana, sans-serif;
}







/*********************************************************\
    Clear Fix для float
\*********************************************************/

.clear:before,
.clear:after { content : ""; display : table;}
.clear:after { clear : both; }
.clear { zoom : 1; }

/* Сбрасываем стили, чтобы во всех браузерах user-agent не вмешивался в нашу верстку */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin         : 0;
    padding        : 0;
    border         : 0;
    font-size      : 100%;
    font           : inherit;
    vertical-align : baseline;
    outline        : none;
}

html { height : 101%; }

body {
    font-size   : 13px;
    line-height : 1;
    font-family : Arial, sans-serif;
    color       : #000000;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display : block; }

ol, ul { list-style : none; }

blockquote, q { quotes : none; }

blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; }

strong { font-weight : bold; }

input { outline : none; padding : 6px 15px; font-family : Arial, sans-serif; border : 1px solid #a9a9a9; }


table {
    width           : 100%;
    border-collapse : collapse;
    border-spacing  : 0;
}

img { border : 0; max-width : 100%; }

a { text-decoration : none; }
a:hover { text-decoration : underline; }










/* ПЕРЕОПРЕДЕЛЕНИЕ КЛЮЧЕВЫХ ТЕГОВ */

body {
    background : #ffffff;
}

h1 {
    font          : 22px/22px Arial, sans-serif;
    color         : #000000;
    margin-top    : 20px;
    margin-bottom : 10px;
}

h2 {
    font          : 20px/22px Arial, sans-serif;
    color         : #000000;
    margin-top    : 30px;
    margin-bottom : 10px;
}

h3 {
    font          : 19px/22px Arial, sans-serif;
    color         : #000000;
    margin-top    : 10px;
    margin-bottom : 10px;
}

h4 {
    font          : 18px/22px Arial, sans-serif;
    color         : #000000;
    margin-top    : 5px;
    margin-bottom : 10px;
}

hr {
    height     : 1px;
    width      : 100%;
    background : #cccccc;
    margin     : 15px 0px;
    border     : 0;
}

p {
    margin      : 10px 0px;
    font-size   : 13px;
    line-height : 19px;
}

a { color : #3472c9; text-decoration : underline; }
a:hover { color : #fd1515; text-decoration : none; }

.dashed { text-decoration : none; border-bottom : 1px dashed; }
a.dashed { text-decoration : none; border-bottom : 1px dashed; }
a.dashed:hover { text-decoration : none; border-bottom : 1px dashed; }
a.dashed-red { color : #e21e26; text-decoration : none; border-bottom : 1px dashed; }
a.dashed-red:hover { color : #000000; text-decoration : none; border-bottom : 1px dashed; }
a.not-border { text-decoration : none; }
a.not-border:hover { text-decoration : underline; }

.red_star a { color : #fd1515; text-decoration : none; }
.red_star a:hover { color : #2a8ce7; text-decoration : none; }

table {
    width           : 100%;
    border-collapse : collapse;
    border-spacing  : 0;
}

table.table {
    width      : 100%;
    color      : dimgray;
    text-align : left;
}

table.table tr {
    border-bottom : 1px solid #d8d8d8;
    background    : #ffffff;
}

table.table tr:hover {
    background-color : #f5f5f5;
}

table.table tr td {
    padding        : 8px;
    font-size      : 13px;
    color          : #000000;
    vertical-align : top;
}

table.table tr th {
    padding          : 10px;
    font-size        : 12px;
    color            : #3f3f3f;
    font-weight      : bold;
    background-color : #f8f8fb;
    border-bottom    : 3px solid #d6d6e1;
}

.vertical-middle { vertical-align : middle !important; }
.text-center { text-align : center; }










.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;
}
.top-panel .title {
    margin-left        : 20px;
    color              : #ffffff;
    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;
    -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-right       : 1px solid rgba(255, 255, 255, 0.1);
}
.top-panel .title img {
    position     : relative;
    top          : 8px;
    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       : #ffffff;
    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              : #ffffff;
    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        : #999999;
}

.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 #cccccc;
    width      : 200px;
    background : #ffffff;
    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;
}










/* ШАПКА И ФОРМА АВТОРИЗАЦИИ */

.top-head {
    width       : 1240px;
    height      : 50px;
    margin      : 0 auto;
    padding     : 10px 10px;
    font-family : 'PT Sans', sans-serif;
    font-size   : 15px;
    color       : #666666;
    line-height : 1;
}

.top-head .logo-slogan {
    display        : inline-block;
    vertical-align : middle;
    width          : 35%;
}

.top-head .logo-slogan .logo {
    display        : inline-block;
    vertical-align : middle;
    width          : 221px;
}

.top-head .logo-slogan .slogan {
    display        : inline-block;
    vertical-align : middle;
    width          : auto;
    font-size      : 18px;
    margin-left    : 25px;
    line-height    : 120%;
}

.top-head .contacts {
    display        : inline-block;
    vertical-align : middle;
    width          : 50%;
    text-align     : center;
}

.top-head .contacts a {
    color           : #666666;
    border-bottom   : 1px solid #666666;
    text-decoration : none;
}

.top-head .contacts a:hover {
    border-bottom : 1px solid #ffffff;
}

.top-head .contacts div {
    display        : inline-block;
    vertical-align : middle;
    padding        : 0 10px;
    font-size      : 15px;
    margin         : 0 20px;
    line-height    : 130%;
white-space: nowrap;
}

.top-head .contacts div img {
    display        : inline-block;
    vertical-align : middle;
    margin-right   : 5px;
}

.top-head .contacts div.phone a { border : 0; }
.top-head .contacts div.phone a:hover { border : 0; }


.top-head .login-form {
    display        : inline-block;
    vertical-align : middle;
    width          : 14%;
    text-align     : right;
    white-space    : nowrap;
    position       : relative;
}

.top-head .login-form div {
    display        : inline-block;
    vertical-align : middle;
    font-size      : 15px;
    line-height    : 130%;
}

.top-head .login-form div img {
    display        : inline-block;
    vertical-align : middle;
    margin-right   : 5px;
}

.top-head .login-form a {
    display         : inline-block;
    vertical-align  : middle;
    color           : #666666;
    border-bottom   : 1px solid #666666;
    text-decoration : none;
}

.top-head .login-form a:hover {
    border-bottom : 1px solid #ffffff;
}

.top-head .login-form a.auth {
    border-bottom : 1px dotted #666666;
}

.top-head .login-form a:hover.auth {
    border-bottom : 1px dotted #fff;
}

.top-head .login-form .auth-window {
    position   : absolute;
    right      : 16px;
    top        : 35px;
    z-index    : 3;
    border     : 1px solid #cccccc;
    width      : 200px;
    background : #ffffff;
    box-shadow : 0 5px 20px 0 #000000;
    padding    : 20px 0 15px 0;
    text-align : center;
}

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

.top-head .login-form .row {
    position : relative;
}

.top-head .login-form .row .error-msg {
    height      : 30px;
    position    : absolute;
    right       : 95%;
    top         : 0;
    color       : #ffffff;
    z-index     : 5;
    background  : #d04c46;
    display     : none;
    white-space : nowrap;
    padding     : 0 5px 0 10px;
    line-height : 30px;
}

.top-head .login-form .row .error-msg:before {
    content    : '';
    width      : 4px;
    height     : 7px;
    position   : absolute;
    right      : -4px;
    top        : 12px;
    background : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAANCAYAAAB7AEQGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAF1JREFUeNpi+P//PwMyPnPmzH90MWwK/qMrxFAAA8gKsSpAV4hTAbJCRohS/IAJiBnR8UVfdwZkPhMu3UCF/5FNYiCkkImQe0AKCSrS37yTkYmQArzWwRSAAECAAQA9H6t4bLyyNAAAAABJRU5ErkJggg==') -5px -6px no-repeat;
}

.top-head .login-form .auth-window input[type="text"],
.top-head .login-form .auth-window input[type="password"] {
    display       : block;
    border        : 1px solid #cccccc;
    border-radius : 3px;
    margin        : 0 auto 10px;
    padding-left  : 4px;
    width         : 160px;
    height        : 26px;
    box-shadow    : 0 2px 3px rgba(0, 0, 0, 0.1) inset;
    color         : #999999;
    font-size     : 14px;
    line-height   : 24px;
}

.top-head .login-form .auth-window input[type="submit"],
.top-head .login-form .auth-window input[type="button"] {
    display       : block;
    border        : 1px solid #c44741;
    border-bottom : none;
    border-radius : 3px;
    margin        : 0 auto 15px;
    width         : 160px;
    height        : 30px;
    background    : url('data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/7gAOQWRvYmUAZMAAAAAB/9sAhAAGBAQEBQQGBQUGCQYFBgkLCAYGCAsMCgoLCgoMEAwMDAwMDBAMDg8QDw4MExMUFBMTHBsbGxwfHx8fHx8fHx8fAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCAA6AAEDAREAAhEBAxEB/8QAZQABAQEAAAAAAAAAAAAAAAAABQQDAQADAAMAAAAAAAAAAAAAAAABAgMEBQcQAAECAwkAAAAAAAAAAAAAAAABFPACE1FhkdESklMElBEBAAMAAwAAAAAAAAAAAAAAAAERElGRAv/aAAwDAQACEQMRAD8A0f8AZ5p9y5miuXUM+eBTi8JNDHI1IaRapgo3KmgoLVySbirZJUUsjAW18ya8RRjdv//Z') 0 0 repeat-x;
    color         : #ffffff;
    font-weight   : bold;
    font-size     : 14px;
}

.top-head .login-form .auth-window input[type="submit"]:active,
.top-head .login-form .auth-window input[type="button"]:active {
    background-position : 0 100%;
    padding             : 2px 0 0 2px;
}

.top-head .login-form .auth-window a {
    font-size : 14px;
    color     : #999999;
}










/* МЕНЮ, ВЫПАДАЮЩЕЕ МЕНЮ */

.navigation-wrap {
    background-color : #2b2b2b;
    width            : 100%;
    min-width        : 1260px;
    height           : 34px;
    margin-bottom    : 15px;
}
.navigation-block {
    background-color : #2b2b2b;
    width            : 1085px;
    margin           : 0 auto;
}

.fresh-dropdown { width : 156px; }

/* МЕНЮ */
#nav {
    float       : left;
    width       : 100%;
    list-style  : none;
    font-family : 'PT Sans';
}

#nav li {
    float        : left;
    margin-right : 10px;
    position     : relative;
    display      : block;
}

#nav li a {
    display         : block;
    padding         : 8px 20px;
    color           : #ffffff;
    background      : #2b2b2b;
    text-decoration : none;
    line-height     : 1.3;
    font-size       : 14px;
}

#nav li a:hover {
    color           : #ffffff;
    background      : #e00000;
    text-decoration : none;
}

#nav li a.menu-advert {
    color      : #ffffff;
    background : #660000;
    height     : 24px;
    padding    : 5px 20px;
}

#nav li a:hover.menu-advert {
    color      : #ffffff;
    background : #e00000;
}


#nav li a.menu-service {
    color      : #ffffff;
    background : #006629;
    height     : 24px;
    padding    : 5px 20px;
}

#nav li a:hover.menu-service {
    color      : #ffffff;
    background : #e00000;
}



.fresh-ratings-link:after {
    content    : '';
    width      : 5px;
    height     : 3px;
    position   : absolute;
    right      : 20px;
    top        : 17px;
    background : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADCAYAAABbNsX4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB5JREFUeNpi/A8EDGiAESqGLMHIiKQQxGAEMQACDADNGQv6GiuIFgAAAABJRU5ErkJggg==');
}

.service-rating-link:after {
    content    : '';
    width      : 5px;
    height     : 3px;
    position   : absolute;
    right      : 20px;
    top        : 17px;
    background : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADCAYAAABbNsX4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB5JREFUeNpi/A8EDGiAESqGLMHIiKQQxGAEMQACDADNGQv6GiuIFgAAAABJRU5ErkJggg==');
}

/* ВЫПАДАЮЩИЕ ПУНКТЫ */
#nav ul {
    list-style : none;
    position   : absolute;
    left       : -9999px; /* Скрываем за экраном, когда не нужно (данный метод лучше, чем display:none;) */
    opacity    : 0; /* Устнавливаем начальное состояние прозрачности */
    z-index    : 999;
}

#nav ul li {
    border-top: 1px solid #444; /* Вводим отступ между li чтобы создать иллюзию разделенных пунктов меню */
    float       : none;
}

#nav ul li a {
    display     : block;
    padding     : 5px 20px;
    width       : 116px;
    line-height : normal;
    font-size   : 13px;
}

#nav ul a {
    white-space : nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */
    display     : block;
}

#nav li:hover ul { /* Выводим выпадающий пункт при наведении курсора */
    left    : 0; /* Приносим его обратно на экран, когда нужно */
    opacity : 1; /* Делаем непрозрачным */
}

#nav li:hover ul a { /* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */
    text-decoration : none;
}

#nav li:hover ul li a:hover { /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */
    background      : rgb(224, 0, 0); /* Будет полупрозрачным */
    text-decoration : none;
}


/* фикс для ссылок в выпадающем меню рейтингов сервисов */
.rating-service-point-fix
{
    width : 157px !important;
}







/* Каркас */

.b-layout {
width      : 100%;
min-width: 1240px;
background : #ffffff;
margin-top : 15px;
}

.b-layout-infographic {
    width      : 100%;
    height     : auto;
    background : #ffffff;
}

.b-page,
.b-infographic {
    margin    : 0 auto;
    width     : 1240px;
    min-width : 1240px;
    padding   : 0 10px;
    height    : auto;
    overflow: hidden;
}


.b-column {
    float  : left;
    /*margin : 15px 0;*/
}

.b-column + .b-column { margin-left: 15px; }

.b-column--975 { width : 975px; }
.b-column--710 { width : 710px; }
.b-column--580 { width : 580px; }
.b-column--335 { width : 335px; }
.b-column--320 { width : 320px; }
.b-column--310 { width : 310px; }
.b-column--260 { width : 260px; }
.b-column--240 { width : 240px; }
.b-column--230 { width : 230px; }

.b-column--release_container {
    width    : 723px;
    height   : 286px;
    overflow : auto;
}



.b-column .b-block {
    padding       : 10px;
    margin-bottom : 15px;
    border        : 1px solid #dddddd;
}


.b-block {
    width         : auto;
    height        : auto;
    padding       : 10px 20px;
    margin-bottom : 15px;
    font-family   : 'PT Sans', sans-serif;
    line-height   : 1.5;
}


.b-block--text {
    border     : 0 !important;
    background : #f6f8fb;
    padding    : 10px 15px !important;
}







/* ФУТЕР */

.footer {
    border-top  : 1px solid #cccccc;
    width       : 100%;
    height      : auto;
    font-family : 'Open Sans', sans-serif;
    font-size   : 12px;
    background  : #ffffff;
    color       : #949494;
    text-align  : left
}

.footer .layout {
    width   : 1240px;
    margin  : 0 auto;
    padding : 15px 10px;
}

.footer .layout dl {
    display        : inline-block;
    vertical-align : top;
    width          : 15%;
    margin         : 0;
}

.footer .layout dl dt {
    margin-bottom : 7px;
    font-size     : 13px;
    color         : #4d4d4d;
    font-weight   : bold;
    line-height   : 1.5;
}

.footer .layout dl dd {
    font-size   : 12px;
    margin      : 0 0 5px;
    line-height : 150%;
}

.footer .layout dl dd a { text-decoration : none; }
.footer .layout dl dd a:hover { text-decoration : underline; }

.footer .layout dl dd a.advert {
    color       : #e62d2d;
    font-weight : bold;
}

.footer .layout .information {
    display        : inline-block;
    vertical-align : top;
    width          : 38%;
    font-size      : 13px;
    color          : #3e3e3e;
}

.footer .layout .information dl {
    display        : inline-block;
    vertical-align : top;
    width          : 100%;
    margin         : 0px;
}

.footer .layout .information dl dt {
    margin-bottom : 7px;
    font-size     : 13px;
}

.footer .layout .information .rules {
    width       : 100%;
    line-height : 150%;
    font-size   : 12px;
}

.footer .layout .information .contact {
    display        : inline-block;
    vertical-align : middle;
    width          : 100%;
    color          : #cccccc;
    font-size      : 14px;
    padding        : 10px 0;
    margin         : 10px 0;
    border-top     : 1px solid #cccccc;
    border-bottom  : 1px solid #cccccc;
    line-height    : 1.5;
}

.footer .layout .information .contact .social,
.footer .layout .information .contact  .facebook .icon {
    display        : inline-block;
    vertical-align : middle;
}

.footer .layout .information .contact  .facebook .fb-link {
    display        : inline-block;
    vertical-align : middle;
    padding-left   : 5px;
}



.footer .layout .information .contact .mail,
.footer .layout .information .contact .phone {
    display        : inline-block;
    vertical-align : middle;
}

.footer .layout .information .contact a { text-decoration : none; }
.footer .layout .information .contact a:hover { text-decoration : underline; }

.footer .layout .information .contact .phone a { color : #3e3e3e; }
.footer .layout .information .contact .phone a:hover { color : #3e3e3e; text-decoration : none; }

.footer .layout .information .copyright {
    display        : inline-block;
    vertical-align : middle;
    width          : 100%;
    color          : #cccccc;
    font-size      : 15px;
    font-weight    : bold;
}

.footer .layout .information  .copyright .liveinternet {
    display        : inline-block;
    vertical-align : middle;
}

.footer .layout .information .copyright .liveinternet img {
    width  : 21px;
    height : 21px;
}

.footer .layout .information .copyright .text {
    display        : inline-block;
    vertical-align : middle;
    color          : #000000;
    font-weight    : bold;
    font-size      : 14px;
    padding-left   : 5px;
}










/* СОРТИРОВКА ДЛЯ ТАБЛИЦ */
thead th.sortable {
    cursor              : pointer;

    /* Чтобы не выделялось, когда кликаешь два раза и более */
    -webkit-user-select : none; /* Chrome/Safari */
    -moz-user-select    : none; /* Firefox */
    -ms-user-select     : none; /* IE10+ */
    /* Rules below not implemented in browsers yet */
    -o-user-select      : none;
    user-select         : none;
}

.sort-asc {
    background : url('http://2014.tagline.ru/files/ico/glyphicons/glyphicons_212_down_arrow.png?1') no-repeat right top;
}

.sort-desc {
    background : url('http://2014.tagline.ru/files/ico/glyphicons/glyphicons_213_up_arrow.png?1') no-repeat right top;
}










/* ЛОГОТИПЫ СПОНСОРОВ */
.sponsor-logo {
    border-left      : 1px dashed #dddddd;
    border-right     : 1px dashed #dddddd;
    border-top       : 1px dashed #dddddd;
    padding          : 10px 0px;
    background-color : #ffffff;
    width            : 238px;
    margin-bottom    : 0px;
    text-align       : center;
}

.sponsor-logo .signature {
    font        : normal 12px Arial, Helvetica, sans-serif;
    text-align  : center;
    margin-top  : 3px;
    line-height : 15px;
}

.last-sponsor-logo {
    border-bottom : 1px dashed #dddddd;
}

.sponsor-separator {
    height     : 1px;
    width      : 100%;
    margin     : 15px 0px;
    background : #dddddd;
}










/* СОЦИАЛЬНЫЕ КНОПКИ В ПОЛОСКЕ */
.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; }










/* СТИЛИ ДЛЯ РЕЙТИНГОВОЙ ТАБЛИЦЫ АУТСОРСА*/

table.outsource-table {
    width      : 100%;
    text-align : left;
}

table.outsource-table thead tr {
    background : #ffffff;
}

table.outsource-table tbody tr {
    background : #ffffff;
    border     : 1px solid #cccccc;
}

table.outsource-table tbody tr:hover {
    background-color : #f3f3f3;
}

table.outsource-table tbody tr td {
    padding        : 10px;
    font-size      : 13px;
    color          : #000000;
    vertical-align : middle;
    line-height    : 1.3;
}

table.outsource-table thead tr th {
    padding          : 10px 10px 10px 10px;
    font-size        : 13px;
    color            : #484848;
    font-weight      : bold;
    background-color : #ffffff;
    border-bottom    : 3px solid #d6d6e1;
    vertical-align   : middle;
    line-height      : normal;
}

.cmp-pos {
    text-align : center;
    font-size  : 14px !important;
    color      : #484848 !important;
}

.cmp-top {
    font-weight : bold;
}

.cmp-favicon {
    text-align : center;
}

.cmp-name {
    font-weight : bold;
}

.cmp-city {
    margin-top : 5px;
    font-size  : 12px;
    color      : #949494;
}

.cmp-staff {
    font-size   : 12px;
    margin-top  : 2px;
    line-height : normal;
    text-align  : left;
}

.cmp-staff .icon{
    vertical-align: middle;
    display: inline-block;
}

.cmp-staff .text{
    vertical-align: middle;
    display: inline-block;
    padding-left: 3px;
}

.txt-center {
    text-align : center;
}

.txt-bold {
    font-weight : bold;
}

.txt-green {
    color : #6eab4c !important;
}

.vertical-super {
    vertical-align : super !important;
}

.vertical-bottom {
    vertical-align : bottom !important;
}










/* БЛОК «НЕ ПОПАЛИ В РЕЙТИНГ?!» */
.enter-rating-block {
    margin-bottom : 10px;
    padding       : 10px 0px;
    background    : #ffffff;
    line-height   : 18px;
    text-align    : center;
}










/* БЛОК «ЧТО ЭТО?» И БЛОК «О ТЭГЛАЙНЕ» */
.about-rating,
.about-tagline {
    width         : 228px;
    margin-bottom : 15px;
    padding       : 0px 15px;
    border        : 1px solid #dddddd;
    height        : auto;
    overflow      : auto;
    position      : relative;
}
.about-rating p,
.about-tagline p {
    font-size : 12px;
}

.about-rating h2,
.about-tagline h2 {
    margin-top : 15px;
}










/* БЛОК «ЭКСПЕРТЫ РЕЙТИНГА» */
.experts-rating {
    width         : 228px;
    margin-bottom : 15px;
    padding       : 0px 15px;
    border        : 1px solid #dddddd;
    height        : auto;
    overflow      : auto;
    position      : relative;
}
.experts-rating p { font-size : 12px; }
.experts-rating h2 { margin-top : 15px; }










/* РЕЙТИНГ СУПЕРПОДРЯДЧИКОВ И РЕЙТИНГ ГОРОДОВ */
.sign {
    margin-top : -10px;
    font-size  : 16px;
    color      : #4a4444;
    font-style : italic;
}
.super-outsource-rating {
    width         : 228px;
    margin-bottom : 15px;
    padding       : 15px;
    border        : 1px solid #dddddd;
    height        : auto;
    overflow      : auto;
    position      : relative;
}

.super-outsource-rating p { font-size : 12px; }
.super-outsource-rating h2 { margin-top : 5px; }

#best-digital-project-table tr + tr { border-top : 1px solid #dddddd; }
#best-digital-project-table tr:hover { background : #f3f3f3; }

#best-digital-project-table .pos {
    text-align     : center;
    font-weight    : bold;
    line-height    : normal;
    padding        : 5px;
    vertical-align : middle;
}

#best-digital-project-table .favicon {
    width          : 16px;
    padding        : 5px;
    vertical-align : middle;
    line-height    : normal;
}
#best-digital-project-table .link {
    padding        : 5px;
    line-height    : normal;
    /*font-size      : 12px;*/
    vertical-align : middle;
    font-weight    : bold;
}

#best-digital-project-table .city {
    padding        : 5px;
    line-height    : normal;
    vertical-align : middle;
    color          : #2b2b2b;
}










/* БЛОК «УСЛУГИ АУТСОРСА» */
.ousource-services {
    width         : 228px;
    margin-bottom : 15px;
    padding       : 0px 15px;
    border        : 1px solid #dddddd;
    height        : auto;
    overflow      : auto;
    position      : relative;
}
.ousource-services p {
    font-size : 12px;
}

.ousource-services h2 {
    margin-top  : 15px;
    line-height : normal;
}










/* ПЕРЕКЛЮЧАЛКА */
.switch-ratings{
    height: auto; overflow: auto;
}



.banner-right-240 {
    margin-bottom : 15px;
    padding       : 10px 0px;
    text-align    : center;
    border        : 1px dashed #dddddd;
}

.banner-right-240 .frame {
    margin : 0 auto;
    width  : 240px;
}










/* ПЛАВАЮЩИЕ БЛОКИ */
.fixed {
    position : fixed;
    top      : 0px;
    z-index  : 9999;
}

.fixed-right-block {
    height  : 510px;
    width   : 260px;
    opacity : 0;
}

.fixed-right-block-mst {
    height  : 400px;
    width   : 240px;
    opacity : 0;
}

.fixed-plus-top-panel {
    position : fixed;
    top      : 125px;
    z-index  : 2;
}










/* КАРТОЧКИ ЭКСПЕРТОВ И КОММЕНТАРИИ*/
.row-experts{
    width: 100%;
    height: auto;
    overflow: auto;
}

.row-experts .expert{
    width: 149px;
    padding: 10px;
    background: #fff;
    border: 1px solid #E4E4E4;
    border-top: 3px solid #919191;
    border-radius: 3px;
    float: left;
    margin-bottom: 10px;
    height: 185px;
}

.expert + .expert{
    margin-left: 5px;
}

.row-experts .expert .photo{
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    text-align: center;
}
.row-experts .expert .photo img { border-radius: 50%; }

.row-experts .expert .name{
    font-weight: bold;
    margin-bottom: 7px;
    text-align: center;
}

.row-experts .expert .name--big { font-size: 15px; }
.row-experts .expert .name--medium { font-size: 13px; }

.row-experts .expert .who{
    width: 100%;
    height: auto;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
}

.one-question-wrap {
    width      : 670px;
    background : #f6f8fb;
    overflow   : auto;
    padding    : 10px 15px;
}

.one-question-wrap p + p {
    border-top  : 1px solid #dddddd;
    padding-top : 10px;
}

.one-question-wrap + .one-question-wrap {
    margin-top : 20px;
}

.one-question-wrap .mobile_question {
    font-size   : 20px;
    font-weight : bold;
    line-height : 1.4;
    margin      : 15px;
}
.one-question-wrap p {
    margin : 15px;
}










/* БАННЕР АГИМЫ ДЛЯ АУТСОРСА */
.banner-agima-wrapper {
    margin     : 0 auto;
    width      : 100%;
    min-width  : 1260px;
    height     : 60px;
    text-align : center;
    background : #0051bf;
    position   : fixed;
    overflow   : hidden;
    z-index    : 999;
    top        : 0;
    transition : all 0.5s ease 0s;
}

.banner-agima-wrapper:hover {
    height     : 120px;
    transition : all 0.5s ease 0s;
}

.banner-agima-wrapper__link {
    width   : 100%;
    display : inline-block;
}










/* КЛАССИфайды*/
.classifieds {
    width         : 210px;
    padding       : 10px 15px;
    background    : #f6f8fb;
    margin-bottom : 15px;
}

.classifieds .topic {
    margin-bottom : 10px;
    font-size     : 17px;
    font-weight   : bold;
    line-height   : 130%;
    color         : #484848;
}

.classifieds .go {
    font-size   : 11px;
    padding-top : 5px;
    text-align  : center;
}

.classifieds .go a { color : #505050; }
.classifieds .go a:hover { color : #fd1515; }

.classifieds .item {
    border-bottom  : 1px solid #efefef;
    padding-bottom : 5px;
    margin-bottom  : 5px;
}

.classifieds .last-item {
    border-bottom  : 0;
    padding-bottom : 0;
}

.classifieds .item .text {
    line-height   : 130%;
    margin-bottom : 5px;
    font-size     : 11px;
}

.classifieds .item a.link {
    text-decoration : underline;
    cursor          : pointer;
    font-size       : 12px;
}










/* Блок с анонсами рейтингов */
.rating-announce_block {
    padding       : 10px 15px;
    margin-bottom : 20px;
    background    : #f8f8f8;
}

.rating-announce_block .header {
    font-size     : 17px;
    line-height   : 130%;
    font-weight   : bold;
    color         : #484848;
    margin-bottom : 10px;
    padding-top   : 5px;
}

#table_rating-announce {
    font-size : 13px;
}

#table_rating-announce tr + tr {
    border-top : 1px dashed #cccccc;
}

#table_rating-announce tr .name {
    font-size   : 13px;
    font-weight : bold;
    color: #000000;
    /*color       : #3472c9;*/
    line-height : 130%;
}

#table_rating-announce tr .date {
    font-size      : 12px;
    color          : #515151;
    text-align     : right;
    vertical-align : bottom;
    line-height    : 130%;
}

#table_rating-announce td {
    padding : 8px 0;
}








.b-about_tagline {
    width         : 228px;
    margin-bottom : 15px;
    padding       : 15px;
    border        : 1px solid #dddddd;
    height        : auto;
    overflow      : auto;
    position      : relative;
}

.b-about_tagline p {
    font-size : 12px;
}

.b-about_tagline .header--big {
    font          : 20px/22px Arial, sans-serif;
    color         : #000000;
    margin-bottom : 10px;
}

.b-about_tagline .header--middle {
    font-weight   : bold;
    font-size     : 14px;
    margin-bottom : 5px;
    margin-top    : 15px;
}

.b-about_tagline #table-about_tagline .favicon {
    width : 20px;
}

.b-about_tagline #table-about_tagline .favicon img {
    vertical-align : middle;
}

.b-about_tagline #table-about_tagline tr td {
    padding: 3px;
    padding-left: 0px;
    vertical-align : middle;
}

.b-about_tagline #table-about_tagline tr td + td {
    padding-left: 3px;
}


.sign {
    margin-top: -10px;
    font-size: 16px;
    color: #4a4444;
    font-style: italic;
}


/* СТИЛИ ДЛЯ РЕЙТИНГОВОЙ ТАБЛИЦЫ АУТСОРСА*/

table.outsource-table {
    width      : 100%;
    text-align : left;
}

table.outsource-table thead tr {
    background : #ffffff;
}

table.outsource-table tbody tr {
    background : #ffffff;
    border     : 1px solid #cccccc;
}

table.outsource-table tbody tr:hover {
    background-color : #f3f3f3;
}

table.outsource-table tbody tr td {
    padding        : 4px 6px;
    font-size      : 13px;
    color          : #000000;
    vertical-align : middle;
}

table.outsource-table thead tr th {
    padding          : 10px 6px;
    font-size        : 13px;
    color            : #484848;
    font-weight      : bold;
    background-color : #ffffff;
    border-bottom    : 3px solid #d6d6e1;
    vertical-align   : middle;
    line-height      : normal;
}

.pos{
    color: #484848 !important;
    font-size: 14px !important;
}

.cmp-pos {
    text-align : center;
    font-size  : 14px !important;
    color      : #484848 !important;
}

.cmp-top {
    font-weight : bold;
}

.cmp-favicon {
    text-align : center;
}

.cmp-name {
    font-weight : bold;
}

.cmp-city {
    margin-top : 2px;
    font-size  : 12px;
    color      : #949494;
}

.txt-center {
    text-align : center;
}

.txt-bold {
    font-weight : bold;
}

.txt-green {
    color : #6eab4c !important;
}

.vertical-super {
    vertical-align : super !important;
}

.vertical-bottom {
    vertical-align : bottom !important;
}



/* СОРТИРОВКА ДЛЯ ТАБЛИЦ */
thead th.sortable {
    cursor              : pointer;

    /* Чтобы не выделялось, когда кликаешь два раза и более */
    -webkit-user-select : none; /* Chrome/Safari */
    -moz-user-select    : none; /* Firefox */
    -ms-user-select     : none; /* IE10+ */
    /* Rules below not implemented in browsers yet */
    -o-user-select      : none;
    user-select         : none;
}

.sort-asc {
    background : url('http://2014.tagline.ru/files/ico/glyphicons/glyphicons_212_down_arrow.png?1') no-repeat right top;
}

.sort-desc {
    background : url('http://2014.tagline.ru/files/ico/glyphicons/glyphicons_213_up_arrow.png?1') no-repeat right top;
}

th.sortable {
    cursor              : pointer;
    -webkit-user-select : none;
    -moz-user-select    : none;
    -ms-user-select     : none;
    -o-user-select      : none;
    user-select         : none;
}




.italic {font-style: italic;}
.bold {font-weight: bold;}
.center {text-align: center;}
.green { color: #6eab4c !important; }

.expertise + .expertise {
    padding-left: 0px !important;
}


.icons-no-slider{
    box-sizing: border-box;
    width: 85px;
    height: 24px;
    padding-top: 3px;
    padding-left: 4px;
    background: #fff;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    font-size: 0;
}
.icons-no-slider .icons-slider__icon{

}


/* мнии рейтинги */
table.mini-rating {
    table-layout : fixed;
}
table.mini-rating tbody tr {

}
table.mini-rating tbody tr +tr {
    border-top : 1px solid #dddddd;
}

table.mini-rating tbody tr:hover {
    background : #f3f3f3;
}

table.mini-rating tbody tr td {
    padding        : 5px;
    font-size      : 13px;
    color          : #000000;
    vertical-align : middle;
}