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

.clear:before,

.clear:after {
    content : "";
    display : table;
}

.clear:after {
    clear : both;
}

.clear {
    zoom : 1; /* For IE 6/7 (trigger hasLayout) */
}


/* Сбрасываем стили, чтобы во всех браузерах 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, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, 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, Helvetica, 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; }

sup
{
    top            : -0.5em;
    font-size      : 75%;
    line-height    : 0;
    position       : relative;
    vertical-align : baseline;
}

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         : #000;
    margin-top    : 20px;
    margin-bottom : 10px;
}

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

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

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

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
}

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










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 : #faf9ec;*/
    background-color: #f5f5f5;
}

table.table tr td {
    padding   : 8px;
    font-size : 13px;
    color     : #000;
    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;
}


.rating-position{
    /*text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #7D7D7D;
    padding: 3px;
    border: 1px solid #ddd;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    margin: 0 auto;
    background: #fff;
    margin-bottom: 5px;
    line-height: 30px;*/

    font-size: 16px;
    font-weight: bold;
    color: #5D5D62;
}

.rating-company-name{
    color: #000;
    font-weight: bold;
    font-size: 14px;
}

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

.rating-company-year{
    font-size: 12px;
    font-weight: bold;
    color: #535353;
}

.rating-company-staff{
    font-size: 11px;
    line-height: 14px;
    color: #333;
    margin-top: 2px;
}

.rating-company-staff .wrap{
    display: inline-block;
    vertical-align: middle;
}

.rating-company-staff .wrap .icon{
    display: inline-block;
    vertical-align: middle;
}

.rating-company-staff .wrap .text{
    display: inline-block;
    vertical-align: middle;
    color: #000;
    font-weight: bold;
    margin-left: 3px;
}

.rating-company-clients{
    font-size: 11px;
    line-height: 14px;
    color: #333;
    margin-top: 2px;
}



.rating-company-dynamic{
    font-weight: bold;
}

.rating-company-awards{

}

.rating-company-position-in-our-rating{
    /*font-weight: bold;   */
}

.social-icon-inline{
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 3px;
}














/* Шапка и форма авторизации */

.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%;
}

.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;
}

.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 .auth-window {
    position   : absolute;
    right      : 113px;
    top        : 57px;
    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;
}
























/* Каркас */

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

.b-page {
    margin  : 0 auto;
    width   : 1240px;
    padding : 0 10px;
}

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

.b-column--side_left {
    width : 240px;
}

.b-column--side_center {
    margin-left      : 15px;
    width            : 710px;
}

.b-block {
    width         : auto;
    margin-bottom : 10px;
    height        : auto;
    padding       : 10px 20px;
}

.b-block--text{
    background : #f7f7f7;
}



.b-block--fresh-ratings {
    background : #f7f7f7;
    font-size  : 12px;
    text-align : center;
    padding    : 10px;
}

.b-column--side_right {
    margin-left : 15px;
    width       : 260px;
}



















.sponsor-logo
{
    border-left: 1px dashed #ddd;
    border-right: 1px dashed #ddd;
    border-top: 1px dashed #ddd;
    padding: 10px 0px;
    background-color: #fff;
    width: 238px;
    margin-bottom: 0px;
    text-align: center;
}

.sponsor-logo .logotype{}

.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 #ddd;
}

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















/* Футер */

.footer {
    border-top: 1px solid #ccc;
    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 .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;
}






.fresh {
    font-size     : 12px;
    margin-bottom : 10px;
    background    : #f7f7f7;
    padding       : 7px 0px;
    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: #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: 750px;
    -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: #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;
}
.top-panel .swipe-block .social-links {
    padding: 10px 14px 0;
}
.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;
}






.enter-rating-block{
    margin-bottom: 10px;
    padding: 10px 0px;
    background: #fff;
    line-height: 18px;
    text-align: center;
}