/*------------------------------------------------- bizlida new css ----------------------------------------------------*/
/*Глобальный сброс normalize.css v3.0.1*/
/*--------------------------------------------------------------------------------------------------------------------*/
html                                    { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body                                    { margin: 0 }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary                                 { display: block }
audio,
canvas,
progress,
video                                   { display: inline-block }
audio:not([controls])                   { display: none; height: 0 }
[hidden],
template                                { display: none }
a                                       { background: transparent }
a:active,
a:hover                                 { outline: 0 }
abbr[title]                             { border-bottom: 1px dotted }
b,
strong                                  { font-weight: 700 }
dfn                                     { font-style: italic }
h1                                      { margin: .67em 0; font-size: 2em }
mark                                    { color: #000; background: #ff0 }
small                                   { font-size: 80% }
sub,
sup                                     { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sup                                     { top: -.5em }
sub                                     { bottom: -.25em }
img                                     { border: 0 }
svg:not(:root)                          { overflow: hidden }
figure                                  { margin: 1em 40px }
hr                                      { height: 0; box-sizing: content-box; }
pre                                     { overflow: auto }
code,
kbd,
pre,
samp                                    { font-size: 1em; font-family: monospace, monospace }
button,
input,
optgroup,
select,
textarea                                { margin: 0; color: inherit; font: inherit }
button                                  { overflow: visible }
button,
select                                  { text-transform: none }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"]                    { -webkit-appearance: button; cursor: pointer; }
button[disabled],
html input[disabled]                    { cursor: default }
button::-moz-focus-inner,
input::-moz-focus-inner                 { padding: 0; border: 0 }
input                                   { line-height: normal }
input[type="checkbox"],
input[type="radio"]                     { padding: 0 }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{ height: auto }
input[type="search"]                    { -webkit-appearance: textfield; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{ -webkit-appearance: none }
fieldset                                { margin: 0 2px; padding: .35em .625em .75em; border: 1px solid silver }
legend                                  { padding: 0; border: 0 }
textarea                                { overflow: auto }
optgroup                                { font-weight: 700 }
table                                   { border-collapse: collapse; border-spacing: 0; }
td,
th                                      { padding: 0 }
:focus                                  { outline: 0 }
a img                                   { border: none; outline: none; }
input:-webkit-autofill                  { -webkit-box-shadow: 0 0 0 1000px #fff inset }
*,
:after,
:before                                 { box-sizing: border-box; }
/*!-------------------------------------------------------------------------------------------------------------------*/

/*сетка шаблона*/
/*--------------------------------------------------------------------------------------------------------------------*/
.df-row                                 { margin-right: -12px; margin-left: -12px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.df-row:after                           { display: table; content: ""; clear: both; }
.df-col                                 { padding: 0 12px;}
.df-col1                                { width: 8.33333333% }
.df-col2                                { width: 16.6666666% }
.df-col3                                { width: 25% }
.df-col4                                { width: 33.3333333% }
.df-col5                                { width: 41.666666666667% }
.df-col6                                { width: 50% }
.df-col7                                { width: 58.333333333333% }
.df-col8                                { width: 66.6666666% }
.df-col9                                { width: 75% }
.df-col10                               { width: 83.3333333% }
.df-col11                               { width: 91.666666666667% }
.df-col12                               { width: 100% }
.df-col-full                            { -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1 }

/*-сетка макета фикса*/
.df-fix-col3                            { width: 307px }
.df-fix-col6                            { width: 628px }
.df-fix-col12                           { width: 1260px }
/*!-------------------------------------------------------------------------------------------------------------------*/

/*макет*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*-общие*/
body                                    { width: 1260px; margin: 0 auto; background: #f6f6f6;}
p                                       { margin: 1.2em 0;}
.main-wrapper                           {position: relative; z-index: 10; background: #fff; width: 100%; min-width: 1024px;}
.bl-container-main                      { width: 1260px;  margin: 0 auto; color: #1a2632; font: 10.5pt Arial, Helvetica, sans-serif; background: #fff; line-height: 1.4; }
.bl-container                           { width: 100%; padding: 0 24px }
.bl-overlay                             { position: fixed; display: none; width: 100%; z-index: 9 }
.bl-main-col                            { margin-right: 314px; overflow: hidden }
.bl-right-col                           { float: right; width: 290px }
.bl-main-content                        { margin-top: 24px }
.bl-content                             { max-width: 800px; line-height: 1.5 }
img                                     { max-width: 100% }
.date,
.headline,
.bl-blk-title,
label                                   { font-family: Arimo, sans-serif; line-height: 1.3; }
.date,
.publication-info,
.publication-info a                     { color: #a2aab1; font-size: 9pt; text-decoration: none }
.big-poster                             {position: fixed; left: 0; bottom: 0; z-index: 8; width: 100%; text-align: center}
.big-poster *                           {display: inline-block; margin: 0}
.big-poster img                         {display: block}
/*!-------------------------------------------------------------------------------------------------------------------*/

/*шрифты*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*-иконочный*/
/*-иконочный*/
@font-face {
    font-family: 'bl-icons';
    src:url('../fonts/bl-icons.eot?v1.3');
    src:url('../fonts/bl-icons.eot?v1.3') format('embedded-opentype'),
    url('../fonts/bl-icons.woff?v1.2') format('woff'),
    url('../fonts/bl-icons.ttf?v1.2') format('truetype'),
    url('../fonts/bl-icons.svg?v1.2') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'weather';
    src:url('../fonts/weather.eot?v2');
    src:url('../fonts/weather.eot?v2') format('embedded-opentype'),
    url('../fonts/weather.woff?v2') format('woff'),
    url('../fonts/weather.ttf?v2') format('truetype'),
    url('../fonts/weather.svg?v2') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*!-------------------------------------------------------------------------------------------------------------------*/

/*иконки, пиктограммы, графические элементы*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*-общие*/
.bl-weather-ico,
.bl-f-ico                               { color: #000; font-weight: 400!important; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: color .2s; transition: color .2s; background: none; border: none; }
.bl-f-ico                               { font-family: bl-icons!important }

.bl-i-dollar:before                     { content: "$" }
.bl-i-guide:before {
    content: "\e1000";
}
.bl-i-currency:before {
    content: "\e1001";
}
.bl-i-weather:before {
    content: "\e1002";
}
.bl-i-bus:before {
    content: "\e1003";
}
.bl-i-usd:before {
    content: "\e1004";
}
.bl-i-pln:before {
    content: "\e1005";
}
.bl-i-uah .path1:before {
    content: "\e1006";
    color: rgb(0, 0, 0);
}
.bl-i-uah .path2:before {
    content: "\e1007";
    margin-left: -1em;
    color: rgb(1, 1, 1);
}
.bl-i-rub:before {
    content: "\e1008";
}
.bl-i-eur:before {
    content: "\e1009";
}
.bl-i-layers:before {
    content: "\e100a";
}
.bl-i-delete:before {
    content: "\e1010";
}
.bl-i-all:before {
    content: "\e1011";
}
.bl-i-vacancy:before {
    content: "\e1012";
}
.bl-i-resume:before {
    content: "\e1013";
}
.bl-i-phone:before {
    content: "\e1014";
}
.bl-i-web:before {
    content: "\e1015";
}
.bl-i-reply:before {
    content: "\e1016";
}
.bl-i-tag:before {
    content: "\e1017";
}
.bl-i-watch:before {
    content: "\e1018";
}
.bl-i-down-arr:before {
    content: "\e1019";
}
.bl-i-up-arr:before {
    content: "\e101a";
}

.bl-i-calendar:before {
    content: "\e101c";
}
.bl-i-star:before {
    content: "\e101d";
}
.bl-i-draft:before {
    content: "\e101e";
}
.bl-i-edit:before {
    content: "\e101f";
}
.bl-i-bulb:before {
    content: "\e1020";
}
.bl-i-user:before {
    content: "\e1021";
}
.bl-i-two-arrows:before {
    content: "\e1022";
}
.bl-i-flag:before {
    content: "\e1023";
}
.bl-i-caret:before {
    content: "\e1024";
}
.bl-i-magnifier:before {
    content: "\e1025";
}
.bl-i-drink:before {
    content: "\e1026";
}
.bl-i-list:before {
    content: "\e1027";
}
.bl-i-house:before {
    content: "\e1028";
}
.bl-i-tr-down:before {
    content: "\e1029";
}
.bl-i-tr-left:before {
    content: "\e102a";
}
.bl-i-close:before {
    content: "\e102b";
}
.bl-i-up:before {
    content: "\e102c";
}
.bl-i-comments:before {
    content: "\e102d";
}
.bl-i-view:before {
    content: "\e102e";
}
.bl-i-speaker:before {
    content: "\e102f";
}
.bl-i-enter:before {
    content: "\e1030";
}
.bl-i-search:before {
    content: "\e1031";
}
.bl-i-logo:before {
    content: "\e1032";
}
.bl-i-odk:before {
    content: "\e1033";
}
.bl-i-left-r-arrow:before {
    content: "\e1034";
}
.bl-i-right-r-arrow:before {
    content: "\e1035";
}
.bl-i-dots:before {
    content: "\e1036";
}
.bl-i-location2:before {
    content: "\e1037";
}
.bl-i-location:before {
    content: "\e1038";
}
.bl-i-sun:before {
    content: "\e1039";
}
.bl-i-rss:before {
    content: "\e103a";
}
.bl-i-twitter:before {
    content: "\e103b";
}
.bl-i-gplus:before {
    content: "\e103c";
}
.bl-i-vk:before {
    content: "\e103d";
}
.bl-i-facebook:before {
    content: "\e103e";
}
.bl-i-like:before {
    content: "\e900";
}
.bl-i-dislike:before {
    content: "\e901";
}

.svg-ico {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}

/*-погода*/
/*общий стиль - конструкция для добавления */
.bl-weather-ico                         { font-family: weather!important; cursor: help; }
/*безоблачно день*/
.wt-sun:before                          { content: "\e600" }
/*безоблачно ночь*/
.wt-moon:before                         { content: "\e601" }
/*переменная облачность день*/
.wt-partly-cloudy-day:before            { content: "\e602" }
/*переменная облачность ночь*/
.wt-partly-cloudy-night:before          { content: "\e603" }
/*облачно*/
.wt-cloudy:before                       { content: "\e604" }
/*временами дождь день*/
.wt-occasional-rain-day:before          { content: "\e605" }
/*временами дождь ночь*/
.wt-occasional-rain-night:before        { content: "\e606" }
/*дождь*/
.wt-rain:before                         { content: "\e607" }
/*временами ливень день*/
.wt-occasional-downpour-day:before      { content: "\e608" }
/*временами ливень ночь*/
.wt-occasional-downpour-night:before    { content: "\e609" }
/*ливень*/
.wt-downpour:before                     { content: "\e60a" }
/*снег*/
.wt-snow:before                         { content: "\e60b" }
/*-файлы*/
.bl-file                                { display: inline-block; width: 23px; height: 28px; margin-right: 10px; background: url(../images/element/format-icon.png) 0 0 no-repeat; vertical-align: -9px; }
.bl-rar                                 { background-position: 0 0 }
.bl-jpeg                                { background-position: -23px 0 }
.bl-gif                                 { background-position: -46px 0 }
.bl-pdf                                 { background-position: -69px 0 }
.bl-word                                { background-position: -92px 0 }
.bl-excel                               { background-position: -115px 0 }
.bl-powerpoint                          { background-position: -138px 0 }
.bl-file-size                           { margin-left: 10px; color: #626262; font-size: 8pt }
/*!-------------------------------------------------------------------------------------------------------------------*/

/*plugins*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*-datapicker*/
.ui-datepicker                          { font-family: 'Open Sans', sans-serif }
.ui-datepicker-header                   { position: relative; padding: 5px 0; color: #fff; text-align: center; background: #1F3652 }
.ui-datepicker-prev,
.ui-datepicker-next                     { position: absolute; top: 5px; text-decoration: none }
.ui-datepicker-prev                     { left: 7px }
.ui-datepicker-next                     { right: 7px }
.ui-datepicker-prev span,
.ui-datepicker-next span                { display: none }
.ui-datepicker-prev:after,
.ui-datepicker-next:after               { color: #fff; font-size: 14pt; font-family: bl-icons!important; cursor: pointer; }
.ui-datepicker-prev:after               { content: "\e1034" }
.ui-datepicker-next:after               { content: "\e1035" }
.ui-datepicker-month                    { font-size: 12pt }
.ui-datepicker-calendar                 { text-align: center }
.ui-datepicker-calendar a               { display: block; padding: 5px 0; color: #000; font-size: 11pt; text-decoration: none }
.ui-datepicker-calendar thead th        { padding: 5px 0; color: #fff; background: #0C88C9 }
.ui-datepicker-calendar tbody td        { padding: 0; border-top: 1px solid #EDE7E7; border-left: 1px solid #EDE7E7; cursor: pointer }
.ui-datepicker-calendar tbody td:hover  { background: #D7F6FE }
.ui-datepicker-calendar tbody a:hover   { color: #000 }
.ui-datepicker-calendar tbody tr:first-child td{ border-top: none }
.ui-datepicker-calendar tbody td:first-child{ border-left: none }
.ui-datepicker-calendar .ui-datepicker-today{}
.ui-datepicker-calendar .ui-datepicker-today a{ color: #0C88C9; font-weight: 700 }
.ui-datepicker-calendar .ui-state-active{ color: #fff!important; background: #0C88C9 }
.ui-datepicker-calendar .ui-state-active:hover{ color: #fff }

/*-autocomplite*/
.ui-autocomplete                        { margin: 0; padding: 0; border-top: none; list-style: none; background: #FFFEFE; border: 1px solid #00c3ac; font: 10pt Arial; }
.ui-autocomplete                        { position: absolute; top: 0; left: 0; cursor: default }
.ui-autocomplete li                     {  }
.ui-autocomplete li:hover               { background: #ECECEC }
.ui-autocomplete li + li                { border-top: 1px solid #ECECEC }
.ui-autocomplete a                      { display: block; width: 89%; padding: 8px 5%; text-decoration: none; cursor: pointer; word-wrap: break-word; }
/*!-------------------------------------------------------------------------------------------------------------------*/

/*типографика*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*заголовки*/
h1,h2,h3,h4,h5,h6                       { margin: 1.2em 0 1em; font-weight: 700; font-family: Arimo, sans-serif; line-height: 1; }
h1                                      { margin-top: 0;  font-size: 23pt }
h2                                      { font-size: 21pt }
h3                                      { font-size: 18pt }
h4                                      { font-size: 15pt }
h5                                      { font-size: 11pt }
/*ссылки*/
a                                       { color: #00c3ac; text-decoration: underline; -webkit-transition: color .2s; transition: color .2s }
a:hover                                 { color: #fe4a4a }

hr                                      { margin-top: 20px; margin-bottom: 20px; border-width: 1px 0 0;   border-style: solid none none;   border-color: #bbb;  -o-border-image: none;  border-image: none;}

blockquote, q{
    margin: 1em 25px;
    border-left: 5px solid #b5b5b5;
    padding: 8px 0 8px 15px;
    font:italic 12pt Trebuchet MS, Sans-Serif;
    color: rgba(0, 0, 0, 0.71);
    line-height: 1.5;
    display: block;
}

blockquote p, q p{
    margin: 0;
}

blockquote p+p, q p+p{
    margin-top: 1em;
}

/*!-------------------------------------------------------------------------------------------------------------------*/

/*кнопки*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*-общие*/
.bl-btn                                 { display: inline-block; padding: 5px 12px; color: #000; text-decoration: none; text-transform: uppercase; border-radius: 3px; box-shadow: none; font: bold 8pt Arimo, sans-serif; cursor: pointer; -webkit-transition: all .2s; transition: all .2s; background: #fff; border: 1px solid #eceef0; }
.bl-btn:hover                           { color: #fff; background: #00c3a1; border-color: #00c3a1; }
.bl-btn:active                          { background: #00bd97 }

/*-кнопка на вверх*/
.bl-btn-up                              { font-size: 10.5pt; font-weight: 400; text-transform: capitalize }
.bl-btn-up .bl-i-up                     { margin-right: 5px; color: #a2aab1 }
.bl-btn-up:hover .bl-i-up               { color: #fff }

/*-кнопка сайтбара*/
.bl-btn-sidebar                         { width: 100%; padding: 12px 0; font-size: 9pt; text-align: center; color: #fff; background: #00c3ac; border-color: #00c3ac;  }
.bl-btn-sidebar .bl-f-ico               { margin-right: 10px; color: #fff; font-size: 11pt; vertical-align: -2px }
.bl-btn-sidebar:hover                   { color: #fff; background: #00bd97; border-color: #00bd97; }
.bl-btn-sidebar:active                  { color: #fff; background: #00ab85; border-color: #00ab85; }

/*-зеленая кнопка*/
.bl-btn-green                           { color: #00c3a1; background: #f2fcfb; border-color: #00c3a1; }
.bl-btn-green:hover                     { color: #fff; background: #00c3ac; border-color: #00c3ac; }
.bl-btn-green:active                    { color: #fff; background: #00bd97; border-color: #00bd97; }

/*-синяя кнопка*/
.bl-btn-blue                            { color: #008ec3; background: #f4fcfe; border-color: #72bee9; }
.bl-btn-blue .bl-f-ico                  { margin-right: 10px; color: #008ec3; font-size: 11pt; vertical-align: -2px }
.bl-btn-blue:hover                      { color: #fff; background: #72bee9; border-color: #72bee9; }
.bl-btn-blue:hover .bl-f-ico            { color: #fff }
.bl-btn-blue:active                     { background: #6dadd9; border-color: #6dadd9; }

.bl-premium-btn.bl-premium-btn {
    padding: 0 15px;
    background-color: #ff9800;
    border-radius: 4px;
    font-size: 10pt;
    text-transform: none;
    color: #fff;
    border: none;
    height: 30px;
    line-height: 31px;
    font-weight: 400;
}

.bl-premium-btn.bl-premium-btn svg{
    width: 12px;
    height: 12px;
    stroke: #FDD835;
    fill: #FDD835;
    margin-right: 2px;
    vertical-align: -1px;

}

.bl-premium-btn.bl-premium-btn:hover{
    background-color: #ee8600;
}

    /*чистая*/
.bl-btn-clear                           { background: none; box-shadow: none; border: none; }
h1 .bl-btn                              { margin-left: 10px; vertical-align: 6px }
/*!-------------------------------------------------------------------------------------------------------------------*/

/*Уведомления*/
/*--------------------------------------------------------------------------------------------------------------------*/
.alert                                  { width: 100%; padding: 7px 0; color: #fff; font-size: 10pt; text-align: center }
.alert .close                           { display: none; /*float: right; color: #fff; font-size: 8pt; margin: 3px -50px 0 0_NO__DOTCOMMA__AFTER__*/ }
.alert-success                          { background: #4EBA6F }
.alert-danger                           { background: #F15A5A }
.alert-warning                          { background: #FF9F4E }
.alert-info                             { background: #2D95BF }
/*!-------------------------------------------------------------------------------------------------------------------*/

/*формы*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*-общие*/
form                                    { width: 100% }
input,
textarea,
select                                  { width: 100%; padding: 8px 5px; background: #fff; box-shadow: inset 1px 1px 4px rgba(0,0,1,.1); border: solid 1px #cacaca; -webkit-transition: all .2s; transition: all .2s; font-family: arial, helvetica, sans-serif; }
input:focus,
textarea:focus,
select:focus                            { background: #fff; border-color: #666; }
input[type=checkbox],
input[type=radio]                       { width: auto; box-shadow: none; border: none; background: none; }
select                                  { padding: 7px 5px }
input[type=checkbox]                    { margin-right: 3px; vertical-align: -2px }
textarea                                { height: 100px }
.control-row + .control-row             { margin-top: 12px }
.control-row:after                      { display: table; content: ''; clear: both; }
.control-label                          { float: left; width: 25% }
.control-label > label                  { display: inline-block; padding-top: 8px }
.control-widget                         { float: right; width: 74% }
.control-widget label                   { margin-left: 5px; vertical-align: 1px }
.control-submit                         { position: relative; margin-top: 12px;}
.control-submit .bl-btn                 { padding: 12px 20px }
.control-submit .other-links            { display: inline-block; margin-left: 30px }
.control-submit .other-links a          { margin-right: 15px; color: #929292; font-size: 10.5pt }
.control-submit .other-links a:hover    { color: #000 }
.control-description                    { padding-left: 5px; margin: 5px 0 0; color: #888; font-size: 9pt; font-family: Arial, Helvetica, sans-serif }
.control-label .required                {  }
.control-label .required:after          { margin-left: 3px; color: #f80000; font-size: 9pt; content: '*'; vertical-align: 3px; }
.control-errors                         { margin-top: 5px; color: red }
.control-errors li:before               { margin-right: 5px; }
.control-row.f-middle-control input     {width: 100px}


/*-секции форм*/
form .section                           { padding: 20px 220px 20px 20px }
form .section .control-submit           { margin-top: 0 }
form .headline                          { margin: 24px 0; font-size: 13pt; font-weight: 700; border-bottom: 1px solid #ddd; padding-bottom: 5px;}
form .section .headline                 { margin-top: 0 }
form .section-gray                      { background: #f3f4f4 }

/*-размеры форм*/
.bl-middle-form                         { width: 60% }
.bl-large-form                          { width: 95% }

/*-описание форм*/
.bl-form-description                    {  }

/*-ошибка при отпрвке*/
.form-confirm                           { margin-bottom: 25px }
.form-confirm p                         { margin: 3px 0 }
.form-confirm a                         { font-weight: 700 }

/*-вертикальные виджеты*/
.vertical-widget                        { margin: 20px 0 }
.vertical-widget .control-item          { display: inline-block }
.vertical-widget .control-item + .control-item { margin-left: 10px }
.vertical-widget label                  { padding: 0 }

/*-дата рождения*/
.date-birth                             { margin: 12px 0 }
.date-birth select                      { width: 31% }
.date-birth select + select             { margin-left: 3.5% }

/*-зарплата*/
.form-salary                            { margin: 12px 0 }
.form-salary input[type=text]           { width: 40% }

/*-коллекции*/
/*--общее*/
.item-collection + .item-collection     { margin-top: 15px }
.item-collection                        { position: relative }
.item-collection:first-child .delete-collection-item { display: none }

/*--удаление из коллекци*/
.bl-delete-file,
.control-item-delete                    { position: absolute; margin: 11px 0 0 8px; color: #dc272b; font-size: 8pt; text-decoration: none; font-family: bl-icons }
.bl-delete-file:before,
.control-item-delete:before             { content: "\e102b" }

/*--добавить в коллекцию*/
.control-collection-add-link a          { font-size: 9pt; text-decoration: none }
.control-collection-add-link            { margin-top: 5px }

/* --коллекция изображений*/
.images-collection .control-item-delete { position: absolute; margin: -19px 0 0 -15px; color: #dc272b; font-size: 8pt; text-decoration: none; font-family: bl-icons }
.images-collection .item-collection:first-child .delete-collection-item { display: block }

/*-состовные виджеты*/
/*--Стоимость*/
.bl-price-row                           {  }
.bl-price-row input[type=text]          { float: left; width: 40% }
.bl-price-row select                    { float: left; width: 20%; margin-left: 15px }

/*-стилизатор*/
/*--файл*/
.df-file                                { vertical-align: -8px }
.df-file-info                           { display: inline-block; width: 240px; margin-right: 10px; overflow: hidden; vertical-align: -13px; }
.bl-delete-file                         { top: 0; right: 0 }

/*--селект*/
.bl-select                              { position: relative; z-index: 10 }
.bl-select ul                           { position: absolute; display: none }

/*--переключатели*/
.df-switch-group                        { margin: 15px 0; font-size: 10pt; font-family: 'Open Sans', sans-serif }
.df-switch-group:after                  { display: table; content: ''; clear: both; }
.df-switch-group .control-item          { display: block; float: left }
.df-switch-group .control-item input    { display: none }
.df-switch-group .control-item label    { display: block; margin: 0; padding: 5px 20px; color: #fff; border-left: 1px solid #0c6396; cursor: pointer; vertical-align: -7px; background: #0C88C9; }
.df-switch-group .control-item:first-child label { border-radius: 6px 0 0 6px; border: none; }
.df-switch-group .control-item:last-child label { border-radius: 0 6px 6px 0 }
.df-switch-group .control-item input[type=radio]:checked + label { color: #fff; background: #0c6396; box-shadow: inset 0 0 5px rgba(50,50,50,.1); }
.df-switch-group .control-widget        { font-size: 10pt }

/*-подзаголовок*/
form .subtitle                          { margin: 24px 0; font-size: 18pt }

/*-строка поиска*/
.bl-search-row                          {  }
.bl-search-row input,
.bl-search-row .bl-btn                  { float: left }
.bl-search-row input                    { width: 84.4%; padding: 5px }
.bl-search-row .bl-btn                  { padding: 4px 16px 3px; font-size: 9.5pt; border-radius: 0 }

/*-форма аунтификации*/
.bl-login-form                          {  }

/*-форма регистрации*/
.bl-reg-form                            {  }

/*-фильтры*/
/*--общее*/
.bl-filter                              { padding: 20px; background: #f6f6f6 }
.bl-filter-header                       { padding: 10px 20px; border-bottom: 1px solid #eee; font-size: 12pt }
.bl-filter-form                         { font-size: 10pt; font-family: Arial, Helvetica, sans-serif }
.bl-filter-form .bl-elem + .bl-elem     { margin-top: 10px }
.bl-filter-form .control-row            { margin: 0 }
.bl-filter-form .df-clear-wrap .control-row { float: left }
.bl-filter-form select                  { width: 135px; border-right: none }
.bl-filter-form select:focus            { border-right: none; border: 1px solid #dbdbdb }
.bl-filter-form input[type=text]        { width: 600px }
.bl-filter-form input[type=text]:focus  { border-color: #00c3ac }
.bl-filter-form .bl-btn                 { margin-left: 12px; padding: 10px 35px 9px; border: 1px solid #00c3ac }
.bl-filter label                        { color: #a8b0b6 }
.bl-filter .bl-select                   { width: 135px; margin-right: 28px; cursor: pointer }
.bl-filter .bl-select .text             { color: #a8b0b6; font-family: Arimo, sans-serif }
.bl-filter .bl-select .bl-i-caret       { position: absolute; top: 3px; right: 0; color: #a8b0b6; font-size: 8pt }
.bl-filter .bl-select ul                { top: 25px; width: 90%; padding: 10px; background: #F6F6F6; border: 1px solid #a8b0b6; border-top-color: transparent; }
.bl-filter .bl-select li + li           { margin-top: 5px }
.bl-filter .bl-select a                 { display: block }

/*--фильтр обьявлений*/
.bl-adv-filter                          {  }

/*--фильтр вакансий*/
.bl-vacancy-filter                      {  }
.bl-vacancy-filter select               { width: 230px }
.bl-vacancy-filter input[type=text]     { width: 500px }
.bl-vacancy-filter .advanced > * + *    { margin-left: 12px }
.bl-resume-filter                       {  }
.bl-resume-filter select                { width: 230px }
.bl-resume-filter input[type=text]      { width: 500px }
.bl-resume-filter .advanced > * + *     { margin-left: 12px }
/*!-------------------------------------------------------------------------------------------------------------------*/

/*таблицы*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*-общее*/
table                                   { width: 100% }
th                                      { font-weight: 700 }
tr                                      {  }
th,
td                                      { padding: 5px; vertical-align: top }

/*-таблица с точечными границами*/
.bl-table-dotted tr,
.table-dotted tr                        { border-bottom: 1px dotted #ddd }

/*-мотроска*/
.bl-table-striped                       {  }
.bl-table-striped tr:nth-child(2n)      { background: #f8f8f8 }

/** Таблица админа */
.bl-admin-table {
       text-align: left;
}

.bl-admin-table thead tr{
    background: #f8f8f8;
    border-bottom: 1px solid #e7eaec;
}

.bl-admin-table thead th{
    font-weight: 400;
}

.bl-admin-table thead a {
    color: #757575;
    text-decoration: none;
}

.bl-admin-table thead a.asc:before,
.bl-admin-table thead a.desc:before{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    vertical-align: 2px;
    margin-right: 6px;
    transition: color .2s;
}

.bl-admin-table thead a.asc:before{
    border-width: 0 3px 5px 3px;
    border-color: transparent transparent #9b9b9b transparent;
}

.bl-admin-table thead a.desc:before{
    border-width: 5px 3px 0 3px;
    border-color: #9b9b9b transparent transparent transparent;
}

.bl-admin-table thead a:hover{
    color: #fe4a4a;
}

.bl-admin-table thead a.asc:hover:before{
    border-color: transparent transparent #fe4a4a transparent;
}

.bl-admin-table thead a.desc:hover:before{
    border-color: #fe4a4a transparent transparent transparent;
}

.bl-admin-table tbody tr:nth-child(2n){
    background: #f8f8f8
}

.bl-admin-table td, th {
    padding: 10px;
    vertical-align: middle;
}
/*!-------------------------------------------------------------------------------------------------------------------*/

/*списки*/
/*--------------------------------------------------------------------------------------------------------------------*/
ul                                      { list-style: square outside }
/*!-------------------------------------------------------------------------------------------------------------------*/

/*навигация*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*-общие*/
.nav                                    { display: block; width: auto; margin: 0; padding: 0 }
.nav li                                 { margin: 0; font-weight: 400; list-style: none }
.nav li:first-child                     { margin: 0 }
.nav a                                  { text-decoration: none; -webkit-transition: all .1s; transition: all .1s }

/*-горизонтальная*/
.nav-horizontal                         {  }
.nav-horizontal li                      { display: inline-block; width: auto }

/*-вертикальная*/
.nav-vertical                           {  }
.nav-vertical li                        { width: auto }

/*-верхнее меню*/
.bl-top-menu                            {  }
.bl-top-menu li                         { margin: 0 0 0 13px; font-size: 9pt }
.bl-top-menu a                          { color: #929292; text-decoration: none }
.bl-top-menu a:hover                    { color: #000 }

/*-основное меню*/
.bl-main-menu                           { margin-left: -12px; font-size: 11pt }
.bl-main-menu li                        { display: block; float: left }
.bl-main-menu a                         { display: block; height: 60px; padding: 0 15px; color: #0d1824; font-weight: 700; text-decoration: none; text-transform: uppercase; -webkit-transition: background .1s; transition: background .1s; line-height: 60px; }
.bl-main-menu li:first-child a          {  }
.bl-main-menu a:hover,
.bl-main-menu .sel:hover,
.bl-main-menu .sel                      { color: #fff; background: #00c3ac }

/*-меню подвала*/
.bl-footer-menu                         { font-family: Arimo, sans-serif }
.bl-footer-menu li                      { margin-left: 24px }
.bl-footer-menu a                       { color: #1a2632 }
.bl-footer-menu a:hover                 { color: #ff3c3c }

/*-меню категорий (category menu)*/
.bl-category-menu                       {  }
.bl-category-menu li                    { margin-left: 3px; line-height: 38px }
.bl-category-menu a                     { position: relative; display: inline-block; padding: 3px 10px 4px; color: #000; text-decoration: none; font: 600 11pt 'Open Sans', sans-serif; -webkit-transition: all .1s ease-in; transition: all .1s ease-in; }
.bl-category-menu a:hover,
.bl-category-menu .sel                  { color: #fff; background: #00ba9e }
.bl-category-menu .sel:after            { position: absolute; display: block; bottom: -5px; left: 50%; width: 0; height: 0; margin-left: -5px; content: ''; border-style: solid; border-width: 5px 5px 0; border-color: #00ba9e transparent transparent; }

/*-меню ссылок(links menu)*/
.bl-links-menu                          {  }
.bl-links-menu li                       { margin-left: 10px }
.bl-links-menu a                        { color: #656565; text-decoration: none }
.bl-links-menu a:hover                  { color: #0d358e }

/*-боковое меню*/
.bl-side-menu                           { padding: 30px; font-size: 10.5pt; background: #f9f8f5 }
.bl-side-menu li                        { margin-top: 10px }
.bl-side-menu .bl-icon                  { margin-right: 7px }
.bl-side-menu li a                      { color: #000 }
.bl-side-menu li.sel                    { font-weight: 700 }
.bl-side-menu li a:hover                { color: #0d358e }
.bl-side-menu li a:hover span.num       { color: #000 }
.bl-side-menu .num                      { margin-left: 5px; padding: 2px 7px; font-weight: 600!important; border-radius: 10px; border: 1px solid #00ba9e; }

/*-подменю*/
.bl-sub-menu                            {  }
.bl-sub-menu li                         { margin-left: 24px }
.bl-sub-menu a                          { color: #1a2632; text-decoration: none }
.bl-sub-menu a:hover,
.bl-sub-menu .sel                       { color: #ff3c3c }

.small-sub-menu                         {}
.small-sub-menu li                      {margin-left: 10px;}
.small-sub-menu a                       {padding: 2px 15px; display: block;  border: 1px solid #1a2632; border-radius: 3px; font-size: 11pt}
.small-sub-menu a:hover,
.small-sub-menu .sel                    {border: 1px solid #ff3c3c;}


/*меню главных событий*/
.main-events-menu                      { font-weight: 700; font-family: Arimo, sans-serif }
.main-events-menu > *                  { display: inline-block }
.main-events-menu .title               { margin-right: 24px; color: #fff; font-size: 15pt; text-decoration: none }
.main-events-menu a.title:hover        {  }
.main-events-menu li                { margin-left: 24px; font-weight: 700 }
.main-events-menu li a              { color: #7b7d80; font-size: 8pt; text-decoration: none; text-transform: uppercase }
.main-events-menu a:hover           { color: #fe4a4a }


/*-спецыализированая навигация*/
/*--хлебные крошки*/
.bl-breadcrumbs                         { color: #929292; font-size: 10pt; margin-bottom: 6px;}
.bl-breadcrumbs li                      {  }
.bl-breadcrumbs li:before               { display: inline-block; width: 0; height: 0; margin: 0 7px; content: ""; border-style: solid; border-width: 4px 0 4px 5px; border-color: transparent transparent transparent #929292; }
.bl-breadcrumbs li:first-child:before   { margin: 0; content: ""; border: none; }
.bl-breadcrumbs a                       { color: #929292; font-size: 10pt; text-decoration: none }
.bl-breadcrumbs a:hover,
.bl-breadcrumbs .sel                    { color: #ff3c3c }

/*--постраничная навигация*/
.bl-pagination-wrap                     { font: 11pt Arimo, sans-serif }
.bl-pagination-wrap .title              { margin-right: 15px; font-size: 12pt; vertical-align: 0 }
.bl-pagination                          { display: inline-block }
.bl-pagination li                       { margin-left: 2px; padding: 4px 8px }
.bl-pagination a                        { color: #000 }
.bl-pagination a:hover                  { color: #00ba9e; text-decoration: none }
.bl-pagination .sel                     { padding: 4px 8px; color: #000; border-radius: 3px; border: 1px solid #00ba9e; }
.bl-pagination .sel:hover               { cursor: default }
.bl-pagination .prev,
.bl-pagination .next                    { margin: 0; padding: 1px 0 }
.bl-pagination .prev                    { margin-left: 20px }
.bl-pagination .next:before             { margin: 0 5px 0 13px; font-weight: 700; content: '/' }

/*--управление элементами*/
.control .bl-icon                       { font-size: 18pt }
.control .bl-icon:hover                 { color: #f7b500 }

/*--табы*/
.bl-pills                               {  }
.bl-pills li                            { margin-left: 15px }
.bl-pills li a                          { padding: 7px 10px; color: #000; text-decoration: underline; border-radius: 4px }
.bl-pills li a:hover                    { background: #bfe3ff }
.bl-pills .sel                          { text-decoration: none; background: #f7b500 }

/*управление*/
.bl-control-menu                        {  background: #f6e4d1 }
.bl-control-menu li                     {  }
.bl-control-menu a                      { display: block; padding: 9px; color: #1a2632; font-size: 10pt }
.bl-control-menu .bl-f-ico              { margin-right: 3px; color: #b4a474; font-size: 8pt }
.bl-control-menu .update                { margin: 2px 0 2px 10px; padding: 4px 10px; background-color: rgba(0,195,172,0); border: 2px solid #f9b369; border-radius: 4px;}
.bl-control-menu .update .bl-f-ico      { color: #f9b369 }
.bl-control-menu .delete                { color: #fff; background: #fd5d4b }
.bl-control-menu .delete .bl-f-ico      { margin: 0 0 0 3px; color: #fff; font-size: 6pt; vertical-align: 1px }
.bl-control-menu .bl-premium-btn        { margin: 2px 0 2px 10px; position: relative; top:1px}


/*-горизонтальный разделитель*/
.bl-sep                                 { border-bottom: 1px solid #cacacb }
/*!-------------------------------------------------------------------------------------------------------------------*/

/*элемент*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*-общие*/
.bl-elem                                { }

/*--Простейшие элементы*/
/*---сортировка списка*/
.sort-list                             {background: #f8f5f1 }
.sort-list td                          {padding: 0;}
.sort-list a                           {display: block; padding: 5px 0;  color: #555e66;  text-align: center; text-decoration: none;}
.sort-list a:after                     {font-family: 'bl-icons';  content: "\e1022";  margin-left: 7px; vertical-align: -1px; font-size: 9pt;  opacity: .3;}
.sort-list .new,
.sort-list a:hover                     {background: #e7e1d6; color: #ff3c3c; }
.sort-list a:hover:after               {opacity: 1;}
.sort-list .sort-list-menu a           {padding: 5px 15px}
.sort-list td + td a,
.sort-list .sort-list-menu li + li a   {border-left: 1px solid #EDE8E1;}


/*модули*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*-общее модуль (похожие элементы у модулей -новости-афиша-)*/
.module                                {font-family: Arimo, sans-serif;}
.module .image                         {position: relative; background: #eee url(../images/no-photo.png) 50% 50% no-repeat}
.module .image a                       {display: block;}
.module img                            {max-width: 100%; display: block}
.module a                              {text-decoration: none; }
.module .info                          {position: absolute; bottom: 0; left: 0; padding: 4px 13px; color: #fff; text-transform: uppercase; letter-spacing: .5pt; background: rgba(27,28,37,.6);}
.module .info .bl-elem                 { display: inline-block }
.module .info .bl-elem + .bl-elem      { margin-left: 15px }
.module .info a                        { display: inline-block; color: #fff; }
.module .info .category                { font-size: 8pt; font-weight: 600; }
.module .info .bl-i-comments           { margin-right: 5px; color: #fff; font-size: 11pt; vertical-align: -3px }
.module .body                          { margin-top: 10px; padding-left: 5px;}
.module .body .bl-elem + .bl-elem      { margin-top: 6px }
.module .headline                      { display: block; color: #000; font-size: 10.5pt; font-weight: 700;}
.module .headline:hover,
.main-events .event-module .headline:hover { color: #ff3c3c }

/*-модуль новости*/
.news-module                           { min-height: 365px; margin-top: 24px; overflow: hidden }
.news-module .image                    {  }
.news-module .summary                  { font-size: 10pt }

/*-модуль топовой новости*/
.top-news-height,                      /*--высота топовой новости*/
.top-news-module                       { height: 435px }
.top-news-module .image                { }
.top-news-module .body                 { padding-left: 5px }
.top-news-module .headline             { font-size: 12pt }

/*-модуль события*/
.event-module                          { min-height: 532px; margin-top: 24px; }
.event-module .image                   { height: 406px }
.event-module .location                { position: relative; padding: 2px 0 2px 20px;}
.event-module .bl-i-location2          { color: #7b7d80; font-size: 12pt; position: absolute; left: 0; top: 3px;}
.event-module .price                   { display: inline-block; padding: 3px 10px; font-size: 9pt; font-weight: 700; border: 1px solid  #ffdf7f; border-radius: 15px; }

/*-модуль события на главной */
.main-events .module                   { margin-top: 0 }
.main-events .module .headline         {color: #fff;}
.main-events .module .date,
.main-events .module .location,
.main-events .module .location a       {color: #959da3}
.main-events .module .location a:hover {color: #bdc5cb}
.main-events .module .price            {color: #f5d67b;  border-color: #615c47;}

/*-модуль обьявления*/
.company-module                        {border: 1px solid #f1f1f1; background: #fff}
.company-module + .company-module      { margin-top: 15px }
.company-module .image                 { background:#fff;}
/*.company-module .image.no-photo        { background:#fff url(../images/no-photo.png) 50% 50% no-repeat;}*/
.company-module .image a               {display: inline-block; text-align: center; width: 100%; min-height: 115px; padding: 10px 10px 5px;}
.company-module .image img             {max-width: 100%; min-height: inherit; display: inline-block}
.company-module .body                  { padding: 10px 15px 9px; background: #fbfbfb; margin:0; }
.company-module .headline              {font-size: 10pt;}

/*общие элементы в списках -вакансии-резюме-обьяаления-каталог*/
.list-item                             {border-bottom: 1px solid #e7eaec}
.list-item td                          {padding: 15px 0;  vertical-align: top;}
.list-item td > .elem                  {padding-left: 15px; padding-right: 15px;}
.list-item td > .elem + .elem          {margin-top: 1px;}
.list-item .td-image .elem             {padding-right: 0;}
.list-item .image,
.list-item .image img                  {width: inherit; height: inherit;}
.list-item .image.no-photo             {background: url(../images/no-photo.png) 50% 50% no-repeat;}
.list-item .image img                  {max-width: 100%;}
.list-item .headline                   {color: #000; font-weight: 700; text-decoration: none;}
.list-item .headline:hover             {color: #fe4a4a }
.list-item .company,
.list-item .city,
.list-item .applicant,
.list-item .experience,
.list-item .age,
.list-item .seller,
.list-item .auction,
.list-item .comments,
.list-item .bl-i-comments,
.list-item .site,
.list-item .gray-color                 {color: #a2aab1;}
.list-item .city,
.list-item .small-text                 {font-size: 10pt;}
.list-item .city:hover                 {color: #000;}
.list-item .tag                        {font-size: 8.5pt; font-weight: 700; text-transform: uppercase;}
/*-Элемент списка вакансий */
.vacancy-item                          {}

/*-Элемент списка резюме*/
.resume-item                           {}
.resume-item .td-image .image          {background: url(../images/user-men.jpg) 0 0 no-repeat;}
.resume-item .td-image .user-women     {background-image: url(../images/user-women.jpg) }
.resume-item .td-salary                {text-align: right;}

/*-Элемент списка обьявлений*/
.advert-item                           {}
.advert-item .td-image .elem           {padding-right:0; }
.advert-item .td-image .image          {background-size: 30px 24px; }
.advert-item .td-price                 {text-align: right;}
.advert-item .td-price .elem > *       {display: inline-block; }
.advert-item .td-up                    {width: 20px!important;}
.advert-item .seller                   {margin-left: 5px; font-size: 10pt;}
.advert-item .price                    {padding: 1px 8px; color: #000; font-size: 9pt; font-weight: 700; border-radius: 15px; border: 1px solid #ffdf7f;}
.advert-item .auction                  {margin: 0 10px;}
.advert-item .summary                  {font-size: 10pt }
.advert-item .comments                 {text-decoration: none; font-weight: bold;}
.advert-item .comments:hover,
.advert-item .comments:hover .bl-i-comments {color: #000;}
.advert-item .bl-i-comments            {margin-right: 5px;  font-size: 13pt; vertical-align: -4px;}
.advert-item .update                   {text-decoration: none;}
.advert-item .update .bl-f-ico         {font-size: 13pt; color: #00c3ac; vertical-align: -5px}
.advert-item .update:hover .bl-f-ico   {color: #ff3c3c;}



/*--теги для обьявлений*/
.tag-advert-1                           { color: #bc0c21 }
.tag-advert-2                           { color: #77ae26 }
.tag-advert-3                           { color: #428aca }
.tag-advert-4                           { color: #9640aa }
.tag-advert-5                           { color: #ed8b31 }

/*-Элемент каталога организаций*/
.company-item                          {}
.company-item .td-image .image         {background-size: 30px 24px;}
.company-item .site                    {font-size: 10pt;}

/*-топ меню и поиска*/
.bl-top-menu-wrap                       { margin: -4px 0 0 25px }
.bl-top-menu                            { margin: 0 0 3px }
/*!-------------------------------------------------------------------------------------------------------------------*/

/*блоки*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*-общие*/
.bl-blk                                 { display: block }
.bl-blk + .bl-blk                       { margin-top: 24px }
.bl-blk-title                           { margin-bottom: 13px; color: #000; font-size: 15pt; font-weight: 700 }
.bl-blk-title a                         { color: #000; text-decoration: none }
.bl-blk-title a:hover                   { color: #ff3c3c }
.bl-blk-title .bl-btn                   { margin-left: 24px; vertical-align: 2px; }
.bl-blk-title .bl-btn:hover             { color: #fff }
.bl-blk-m50 + .bl-blk-m50               { margin-top: 6px }


/*-Блоки основных разделов сайта*/
/*--Новости*/
/*---Список новостей*/
.news-list                              { margin-top: -24px }

/*---Архив новостей*/
.news-archive                           {width: 80%;}
.news-archive .elem + .elem             {margin-top: 12px; padding-top: 11px; border-top: 1px solid #e7eaec;}
.news-archive .headline                 {margin-bottom: 12px; font-size: 18pt;}
.news-archive li + li                   {margin-left: 12px; }
.news-archive a                         {color: #929292;}
.news-archive a:hover                   {color: #ff3c3c }

/*--Афиша*/
/*---Главные собития */
.main-events                           { padding: 20px 0; background: #1d232f }

/*--Список событий*/
.events-list                           {  }
.events-list > .elem                   { padding: 0 0 12px }
.events-list > .elem .df-row           { margin-top: -24px }
.events-list > .elem + .elem           { padding: 20px 0 0; border-top: 1px solid #e7eaec }
.events-list > .elem > .headline       { font-size: 17pt; margin-bottom: 20px;}

/*--Списки*/
/*---общее для списков -вакансии-резюме-обьяаления-каталог*/
.list                                  {}
.list .sort-list                       {margin: 12px 0;}
.list [class^="td-"]                   {padding-left: 0; padding-right: 0;}
.list [class^="td-"]:last-child        {text-align: right;}
.list  td.td-summary                   {width: auto; max-width: 458px;}
.list .hot                             {border: 1px solid #ffb400; background: #fffbf2;}
.list .hot .company,
.list .hot .city                       {color: #000;}

/*---список вакансий*/
.list-vacancies                        {}
.list [class^="td-"]                   {width: 25%;}

/*список резюме*/
.list-resumes                          {}
.list-resumes .td-image                {width: 120px;}
.list-resumes .td-image .elem          {padding: 0;}
.list-resumes .td-image .image         {height: 120px; width: 120px;}
.list-resumes .td-age                  {width: 10%; text-align: right;}

/*---список обьявлений*/
.list-adverts                          {}
.list-adverts .td-image                {width: 85px;}
.list-adverts .td-image .elem          {}
.list-adverts .td-image .image         {height:55px;}
.list-adverts .td-publication-info     {width: 15%}

/*---список организаций*/
.list-companies                        {}
.list-companies .td-summary            {text-align: left;}
.list-companies .td-image              {width: 85px;}
.list-companies .td-image .elem        {}
.list-companies .td-image .image       {height:70px;}
.list-companies tr.hot                 {border: 1px solid #ffb400; background: #fffbf2;}


/*--сборные модули*/
/*---обьявления*/
.adverts-module                        {font-size: 10pt}
.adverts-module .head                  {margin-bottom: 20px;}
.adverts-module .head .image           {width: 100%; position: relative; height: 160px; color: #fff; background: url(../images/no-photo.png) 50% 50% no-repeat;}
.adverts-module .head .image img       {width: inherit; height: inherit;}
.adverts-module .head .headline-wrap   {position: absolute; bottom: 22px; left: 0; padding: 0 24px; width: 100%; z-index: 3}
.adverts-module .head .headline        {margin-bottom: 3px; color: #fff; font-size: 13pt;}
.adverts-module .list-item             {border:none; padding-left: 10px;}
.adverts-module .list-item + .list-item:before{font-family: 'bl-icons'; content: "\e1036"; color: #b9b9b9;  font-size: 11pt;  margin: 7px 0; padding-left: 3px; display:block;}
.adverts-module .list-item .elem + .elem{margin-top: 1px;}
.adverts-module .extra                 { margin-top: 12px; color: #a2aab1; font-size: 9pt; font-family: Arimo, sans-serif }
.adverts-module .extra .elem + .elem   { margin-top: 8px }
.adverts-module .link                  { color: #a2aab1; font-weight: 700; text-decoration: none; text-transform: uppercase; font-size: 9pt }
.adverts-module .link:hover            { color: #fe4a4a }

/*---обьявления широкий модуль*/
.adverts-module-large                  {}
.adverts-module-large .head            {margin-bottom: 0;}
.adverts-module-large .list-item + .list-item{border-top: 1px solid #f5f8fa;}
.adverts-module-large .list-item + .list-item:before{display: none;}
.adverts-module-large .head .image:after{content: ''; display: block; width: inherit; height: inherit; position: absolute; left: 0; top:0; background: rgba(18, 18, 18, 0.51);}
.adverts-module-large .body            {height: 370px; position: relative;}
.adverts-module-large .body .wrap      {height: inherit; padding: 3px 5px;  border: 1px solid #f0eee8; border-top: none; overflow-y: scroll; position: relative}
.adverts-module-large .body .cap       {content:''; width: 100%; display:block; height: inherit; position: absolute; left: 0; top:0; z-index: 12}
.adverts-module-large .body:before,
.adverts-module-large .body:after      {content:''; display:block; width: 585px; height: 25px; position: absolute; left: 1px; z-index: 10; background: -webkit-linear-gradient(top, rgba(255,255,255,.9) 0%,rgba(255,255,255,0.83) 7%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,.9) 0%,rgba(255,255,255,0.83) 7%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%);}
.adverts-module-large .body:after      {top:344px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.adverts-module-large .list-item td    {padding: 10px 0;}
.adverts-module-large .list-item td > .elem{padding-left: 10px; padding-right: 10px;}
.adverts-module-large .td-price        {width: 23%; text-align: right;}
.adverts-module-large .td-price .elem:first-child{padding-top: 3px;}
.adverts-module-large .link            {margin-left:100px}
/*---изображения категорий обяьвлений*/
.adverts-module .head .cat-img-6       { background-image: url(../images/estate.jpg) }
.adverts-module .head .cat-img-3       { background-image: url(../images/auto.jpg?v6) }

/*---модуль вакансий*/
.vacancies-module                      {}
.vacancies-module .list                {background: #f9f8f5;  padding: 10px 15px; font-size: 10pt;}
.vacancies-module .list-item td > .elem {padding-left: 5px;  padding-right: 5px;}
.vacancies-module .list tr:last-child  {border: none;}
.vacancies-module .list td             {padding: 7px 0;}
.vacancies-module .td-salary           {width: 42%;}

/*---похожие вакансии*/
.similar-vacancies-module .list-item             {border:none; font-size: 10pt}
.similar-vacancies-module .list-item + .list-item:before{font-family: 'bl-icons'; content: "\e1036"; color: #b9b9b9;  font-size: 11pt;  margin: 7px 0; padding-left: 3px; display:block;}
.similar-vacancies-module .list-item .elem + .elem{margin-top: 1px;}
.similar-vacancies-module .extra                 { margin-top: 12px; color: #a2aab1; font-size: 9pt; font-family: Arimo, sans-serif }
.similar-vacancies-module .extra .elem + .elem   { margin-top: 8px }
.similar-vacancies-module .link                  { color: #a2aab1; font-weight: 700; text-decoration: none; text-transform: uppercase; font-size: 9pt }
.similar-vacancies-module .link:hover            { color: #fe4a4a }

/*-социальные закладки*/
.bl-social                              { font-size: 11pt }
.bl-social li+li                        { margin-left: 10px }
.bl-social a                            { color: #1a2632; font-size: 10.5pt; font-family: Arimo, sans-serif }
.bl-social a:hover                      { color: #ff3c3c }
.bl-social span                         { display: inline-block; width: 20px; height: 20px; margin-right: 5px; background: url(../images/element/social-icon.png?v1) 0 0 no-repeat; vertical-align: -5px; }
.bl-social .bl-facebook-new             {  }
.bl-social .bl-vk-new                   { background-position: -20px 0 }
.bl-social .bl-rss-new                  { background-position: -40px 0 }
.bl-social .bl-telegram-new             { background-position: -60px 0 }

/*-VK Widget*/
.bl-vk-widget                           { padding: 10px; border: 1px solid #eff2f4 }

/*блок поделится корекция отступов*/
.bl-blk-share {margin: 20px 0 0 -4px;}

/*-логотип*/
.bl-logo                                { display: block; width: 60px; height: 60px; background: url(../images/logo.jpg) }

/*-блок регистрации*/
.bl-registry                            { position: relative }
.bl-registry .link                      { display: block; padding-right: 18px; color: #0d1824; text-decoration: none; text-transform: uppercase; line-height: 60px }
.bl-registry .bl-f-ico                  { display: inline-block; margin-left: 3px; color: #00c3ac; font-size: 11pt; vertical-align: -1px }
.bl-registry .link:hover .bl-f-ico,
.bl-registry .link:hover                { color: #fe4a4a; -webkit-transition: color .1s; transition: color .1s }
.bl-registry .user                      {  }
.bl-registry .user .df-col              { text-align: center; position: relative }
.bl-registry .user .df-col:first-child  {padding-right: 0}
.bl-registry .user .df-col:last-child   {padding-left: 0}
.bl-registry .user .image               { display: block; width: 60px; height: 60px; background: url(../images/element/user.jpg) 0 0 no-repeat;}
.bl-registry .user .msg-num             {position: absolute; right: 5px; bottom: 5px; font-size: 9pt; display: block; padding: 3px; border-radius: 3px; color: #fff; background: rgba(26, 38, 50, 0.76); line-height: 1; text-decoration: none; font-weight: normal; text-align: center; min-width: 20px; border: 1px solid rgba(255, 255, 255, 0.53)}
.bl-registry .user .user-box            { position: absolute; display: none; top: 60px; right: 12px; width: 190px; padding: 20px; background: #00c3ac }
.bl-registry .user .open                { display: block; width: 60px; height: 60px; line-height: 60px }
.bl-registry .user .open .bl-f-ico      { font-size: 10pt }
.bl-registry .user .sel,
.bl-registry .user .open:hover          { background: #00c3ac }
.bl-registry .user .sel .bl-f-ico,
.bl-registry .user .open:hover .bl-f-ico { color: #1a2632 }
.bl-registry .user .sel .bl-f-ico:before { content: "\e102a" }
.bl-registry .user-menu                 {  }
.bl-registry .user-menu li              { text-align: left }
.bl-registry .user-menu li + li         { margin-top: 14px }
.bl-registry .user-menu a               { display: block; color: #1a2632; text-transform: uppercase; font: bold 9pt Arimo, sans-serif }
.bl-registry .user-menu a:hover         { color: #fff }
.bl-registry .login-user                { width: 120px }
.bl-registry .login-user .sel           { color: #1a2632; background: #00c3ac }
.bl-registry .login-user .sel .bl-f-ico { color: #1a2632; font-size: 10pt }
.bl-registry .login-user .sel .bl-f-ico:before { content: "\e102b" }
.bl-registry .login-box                 { position: absolute; display: none; top: 60px; right: 0; width: 1260px; padding: 30px 120px 30px 150px; text-align: left; background: #00c3ac; font: normal 10pt arial, helvetica, sans-serif; z-index: 1000; }
.bl-registry .login-box .panel          { display: none }
.bl-registry .login-box .f-col          { float: left; width: 320px }
.bl-registry .login-box .s-col          { margin: 0 230px 0 375px }
.bl-registry .login-box .t-col          { float: right; width: 200px; text-align: right }
.bl-registry .login-box .headline       { margin-bottom: 15px; color: #1a2632; font-size: 15pt; font-weight: 700 }
.bl-registry .login-box .bl-i-enter     { color: #fff; font-size: 14pt; vertical-align: -3px }
.bl-registry .login-box .login .bl-i-enter { margin-left: 5px }
.bl-registry .login-box .registry .bl-i-enter { margin-right: 5px }
.bl-registry .login-box a.headline      { text-decoration: none }
.bl-registry .login-box a.headline:hover .bl-i-enter,
.bl-registry .login-box a.headline:hover { color: #fff }
.bl-registry .login-box form            {  }
.bl-registry .login-box input           { padding: 6px; border: none }
.bl-registry .login-box .control-row    { position: relative; width: 280px }
.bl-registry .login-box .hint           { position: absolute; top: 0; right: -295px; width: 270px }
.bl-registry .login-box .control-row:after { clear: none }
.bl-registry .login-box .control-row + .control-row { margin-top: 15px }
.bl-registry .login-box .control-row .col { display: inline-block; width: 50% }
.bl-registry .login-box .control-row .col a,
.bl-registry .login-box label           { color: #1a2632; font-size: 9.5pt; text-decoration: none }
.bl-registry .login-box input[type=checkbox] { margin-right: 3px; vertical-align: -2px }
.bl-registry .login-box .bl-btn         { padding: 8px 17px; color: #1a2632; background: none; border: 1px solid #0d746f; }
.bl-registry .login-box .bl-btn:hover   { color: #fff; background: #1a2632 }
.bl-registry .login-box .bl-btn:active  { color: #00c3ac; background: #1a2632 }
.bl-registry .login-box .bl-blk-title   { display: none }
.bl-registry .login-box .bl-social-enter li { position: relative }
.bl-registry .login-box .bl-social-enter a { position: relative; z-index: 10 }
.bl-registry .login-box .bl-social-enter li:before { position: absolute; display: block; top: 3px; left: 7px; width: 31px; height: 32px; content: ' '; background: #fff; }

/*-информация в шапке*/
.bl-header-info,
.bl-header-info a,
.bl-header-info .bl-weather-ico         { color: #00c3ac }
.bl-header-info li                      { margin-left: 24px; font-weight: 700; line-height: 60px }
.bl-header-info .bl-weather-ico         { margin-right: 3px; font-size: 14pt; vertical-align: -3px }
.bl-header-info .bl-i-dollar            {  }
.bl-header-info a:hover .bl-weather-ico,
.bl-header-info a:hover .bl-i-dollar,
.bl-header-info a:hover                 { color: #fe4a4a; -webkit-transition: color .1s; transition: color .1s }

/*-главный поиск*/
.bl-main-search                         { position: relative }
.bl-main-search .link                   { color: #0d1824; text-decoration: none; text-transform: uppercase; line-height: 60px }
.bl-main-search .bl-i-search            { display: inline-block; margin-left: 3px; color: #00c3ac; font-size: 11pt; vertical-align: -1px }
.bl-main-search .link:hover .bl-i-search,
.bl-main-search .link:hover             { color: #fe4a4a; -webkit-transition: color .1s; transition: color .1s }
.bl-main-search .search-box             { position: absolute; display: none; top: 0; right: -24px; width: 1100px; height: 60px; padding: 18px 10px; background: #00c3ac }
.bl-main-search .search-box .col        { float: left }
.bl-main-search .search-box .col + .col { margin-left: 10px }
.bl-main-search .search-box .bl-f-ico   { line-height: 23px }
.bl-main-search .search-box .bl-i-search { color: #ecf0f2 }
.bl-main-search .search-box .bl-i-close { color: #1a2632 }
.bl-main-search .search-box input[type=text] { width: 1000px; padding: 3px 10px; border-left: 2px solid #1a2632; background: none; border: none; box-shadow: none; }
.bl-main-search .bl-placeholder label   { top: 4px; left: 12px }
.bl-placeholder                         { position: relative }
.bl-placeholder label                   { position: absolute; cursor: text }


/*-баннер*/
.bl-side-banner                         { padding: 20px; border: 1px solid #e3e6e7 }
.bl-side-banner img                     { max-width: 100% }
.bl-side-banner .link                   { font-size: 9.5pt; text-align: center; font-family: arial, sans-serif }
.bl-side-banner .link a                 { color: #b9b9b9; text-decoration: none }
.bl-side-banner .link a:hover           { color: #000 }

/*-информационая*/
.bl-info-board                          { margin: 24px 0 0; padding: 24px 18px 0; border-top: 1px solid #f0eee8 }
.bl-info-board .df-row                  { margin-right: -10px; margin-left: -10px }
.bl-info-board .item                    { display: table; width: 100%;}
.bl-info-board .item a                  { display: table-cell; color: #000; text-decoration: none; vertical-align: middle; font: bold 11pt Arimo, sans-serif; }
.bl-info-board .bl-f-ico                { display: table-cell; width: 40px; padding-right: 10px; color: #00c3a1; font-size: 38pt; vertical-align: middle }
.bl-info-board .item:hover a,
.bl-info-board .item:hover .bl-f-ico    { color: #fe4a4a; -webkit-transition: color .1s; transition: color .1s }
.bl-vertical-info-board                 { margin:-15px 0 0; border: none }
.bl-vertical-info-board .df-col         { float: none; border-top: 1px solid #f0eee8; padding: 15px; }
.bl-vertical-info-board .df-col:first-of-type { border: none }
.bl-vertical-info-board .df-col3    { width: 100% }
.bl-vertical-info-board .item           { background: none }
.bl-vertical-info-board .df-col:first-child .item { border: none }

/*-место*/
.bl-location                            { font-size: 10.5pt }
.bl-location .image                     { margin-right: 314px }
.bl-location .info                      { float: right; width: 290px }
.bl-location h1                         { margin: 0 }
.bl-location .info > .bl-elem + .bl-elem{ margin-top: 10px }
.bl-location .info .contacts            { padding-left: 20px }
.bl-location .info .bl-i-location2      { margin: 0 6px 0 -20px; vertical-align: -1px }
.bl-location .info .email               { color: #000 }
.bl-location .info .phone p             { margin: 0 }
.bl-location .description .headline     { color: #000; font-size: 13pt; font-weight: 700; text-decoration: none }
.bl-location .link                      { display: inline-block; color: #b9b9b9; font-size: 8pt; text-decoration: none; text-transform: uppercase }
/*-список вакансий*/
.bl-vacancy-list                        {  }
.bl-vacancy-list .bl-sorting            { margin: 12px 0 }

/*-популярные новости*/
.bl-popular-news                        {  }
.bl-popular-news .bl-vk-widget          { margin-top: 24px }

/*-курсы валют*/
.bl-rates-exchange                      {  }
.bl-rates-exchange > .bl-elem + .bl-elem{ margin-top: 10px }
.bl-rates-exchange .headline            { padding: 2px 10px; color: #fff; font-size: 17pt; background: #0C88C9 }
.bl-rates-exchange tr                   {  }
.bl-rates-exchange td                   { padding: 5px; border-bottom: 1px solid #eee }
.bl-rates-exchange td:first-child       { width: 30px }
.bl-rates-exchange td:last-child        { text-align: right }
.bl-rates-exchange .rate,
.bl-rates-exchange .letter-code         { font-size: 24pt }
.bl-rates-exchange .name                { color: #b8b8b8; font-size: 9pt }
.bl-rates-exchange .image               { width: 45px; height: 29px; margin-top: 9px; background: url(../images/element/flag-icon.jpg) 0 0 no-repeat; border: 1px solid #e5e5e5; }
.bl-rates-exchange tr:first-child .image{ background-position: 0 0 }
.bl-rates-exchange tr:nth-child(2) .image{ background-position: -45px 0 }
.bl-rates-exchange tr:nth-child(3) .image{ background-position: -90px 0 }
.bl-rates-exchange tr:nth-child(4) .image{ background-position: -135px 0 }
.bl-rates-exchange tr:last-child .image { background-position: -180px 0 }

/*-информация пользователя*/
.bl-user-info                           {  }
.bl-user-info .bl-elem + .bl-elem       { margin-top: 5px }

/*-блок информации*/
.bl-city-info                           {  }
.bl-city-info .info-item + .info-item   { margin-top: 24px }
.bl-city-info .info-item                { position: relative; min-height: 55px; padding-left: 65px }
.bl-city-info .image                    { position: absolute; top: 5px; left: 0; width: 50px; height: 50px; background: 50% 50% no-repeat }
.bl-city-info > .bl-elem + .bl-elem     { margin-top: 12px }
.bl-city-info .headline                 { font-size: 13pt }
.bl-city-info .sub-items                {  }
.bl-city-info .sub-items .item          { height: 70px }
.bl-city-info .sub-items .df-col        { margin-top: 5px }
.bl-city-info .sub-items .bl-elem + .bl-elem{ margin-top: 2px }
.bl-city-info .sub-items .title         { font-size: 11pt }

/*-погода*/
.bl-blk-weather                         {  }
.bl-blk-weather tr + tr                 { border-top: 1px solid #e7eaec }
.bl-blk-weather td                      { width: 185px; padding: 0 }
.bl-blk-weather td:after,
.bl-blk-weather td:before               { display: block; width: 100%; height: 15px; content: ''; background: #fff; }
.bl-blk-weather td:first-child          { width: 169px }
.bl-blk-weather td:nth-child(2n)        { background: #f8f8f8 }
.bl-blk-weather .bl-elem                { padding: 5px 10px }
.bl-blk-weather .bl-elem + .bl-elem     {  }
.bl-blk-weather .day                    { color: #1DBAA7; font-weight: 700 }
.bl-blk-weather .image                  { font-size: 50pt; text-align: center }
.bl-blk-weather .image .bl-weather-ico  { color: #1A2632 }
.bl-blk-weather .image .wt-moon         { font-size: 36pt; vertical-align: 8px }
.bl-blk-weather .temperature            { color: #1DBAA7; font-size: 18pt; text-align: center }
.bl-blk-weather .wind                   { padding: 7px 0; border-top: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA }
.bl-blk-weather .extra                  { color: #a2aab1; font-size: 9pt }

/*-таблица курсов*/
.bl-rates-table                         {  }
.bl-rates-table .control-widget         { float: none; width: auto }
.bl-rates-table table                   { width: 70%; border-right: 1px solid #EAEAEA; border-left: 1px solid #EAEAEA }
.bl-rates-table th,
.bl-rates-table td                      { display: none; width: 200px; padding: 5px 10px }
.bl-rates-table .title th:first-child,
.bl-rates-table td:first-child          { width: 400px }
.bl-rates-table .df-col                 { text-align: center }
.bl-rates-table .df-col + .df-col       { border-left: 1px solid #EAEAEA }
.bl-rates-table thead .df-col           { text-decoration: underline; cursor: pointer }
.bl-rates-table thead th,
.bl-rates-table tbody td                { border-bottom: 1px solid #EAEAEA }
.bl-rates-table thead th + th,
.bl-rates-table tbody td + td           { border-left: 1px solid #EAEAEA }
.bl-rates-table tbody td                { vertical-align: middle }
.bl-rates-table thead th                { padding: 5px 10px }
.bl-rates-table thead tr:first-child    { border-top: 1px solid #EAEAEA }
.bl-rates-table thead tr:first-child th:first-child{ border-color: transparent }
.bl-rates-table .bank                   { position: relative; bottom: -15px; text-align: left }
.bl-rates-table .bank-name              { font-weight: 700 }
.bl-rates-table .bank-info              { color: #a2aab1; font-size: 9pt }
.bl-rates-table .source                 { margin-top: 10px; color: #a2aab1; font-size: 10pt }
.bl-rates-table .show                   { display: table-cell }

/*-источник новости*/
.bl-article-source                      { color: #a2aab1; font-family: Arimo, sans-serif }
.bl-article-source .span                {  }

/*-реклама*/
.bl-banner                              {  }
.bl-banner .image                       { width: 100%; min-height: 60px; background: #eee url(../images/no-photo.png) 50% 50% no-repeat }
.bl-banner .image                       { max-width: 100% }
.bl-banner .link                        { margin-top: 10px; text-align: right }
.bl-banner .link a                      { color: #656565; font-size: 10pt }
.bl-banner.link a:hover                 { color: #000 }

/*-вход через социальные сети*/
.bl-social-enter                        {  }
.bl-social-enter .bl-blk-title          { font-size: 13.5pt }
.bl-social-enter .bl-elem + .bl-elem    { margin-top: 15px }
.bl-social-enter li                     { margin-left: 10px }
.bl-social-enter .bl-btn                { width: 150px; padding: 6px 10px; text-transform: uppercase }
.bl-social-enter .bl-f-ico              { color: #222; font-size: 37px }
.bl-social-enter .bl-i-facebook         { color: #45619D }
.bl-social-enter .bl-i-vk               { color: #54769A }
.bl-social-enter .bl-i-gplus            { color: #DF5138 }
.bl-social-enter .bl-i-odk              { color: #e67e17 }

/*-копирайты*/
.bl-copyrights                          { font-size: 8pt }
.bl-copyrights p:first-child            { margin-top: 0 }

/*-список обьявлений*/
.bl-category-list                       { padding-left: 50px }
.bl-category-list .category-item        { width: 45%; padding-right: 20px }
.bl-category-list .headline             { margin: 0 0 7px; font-size: 11pt; font-weight: 700; text-transform: uppercase }
.bl-category-list ul                    { width: 95%; margin-bottom: 27px; padding-left: 15px }
.bl-category-list li                    { margin: 5px 0 }
.bl-category-list ul a                  { color: #000; font-size: 10.5pt; text-decoration: none }
.bl-category-list sup                   { top: -5px; color: #a2aab1 }
.bl-category-list ul a:hover sup,
.bl-category-list ul a:hover            { color: #ff3c3c }

/*-фотогаллерея*/
.photo-gallery {  }
.photo-gallery                          {margin: -10px}
.photo-gallery .df-col                  {margin: 5px; padding: 5px; background:#F7F7F7; width: 23%; text-align: center}
/*!-------------------------------------------------------------------------------------------------------------------*/

/*Статьи основных разделов сайта*/
/*-Новости(отличаются от стандарта)*/
.news-article                           { padding: 25px 40px; border: 1px solid #efefef }
.news-article .publication-info         { margin-bottom: 12px }
.news-article .publication-info .bl-elem     { display: inline-block }
.news-article .publication-info .bl-elem +.bl-elem{ margin-left: 12px }
.news-article .publication-info .bl-f-ico    { margin-right: 5px; color: #a2aab1; font-size: 13pt; vertical-align: -4px }
.news-article .publication-info a:hover .bl-f-ico{ color: #ff3c3c }
.news-article p                         { max-width: 800px }
.news-article .panel-control            {margin-top: 0;}

/*-Cтандартная статья*/
.default-article                        {margin-bottom: 24px;}
.default-article .head                  {font-size: 10pt; background: #f7f7f7}
.default-article .head .image           {}
.default-article .head .image.no-photo  {background: url(../images/no-photo.png) 50% 50% no-repeat;}
.default-article .head .summary .elem   {}
.default-article .head .summary .elem > * {display: inline-block; vertical-align: middle}
.default-article .head .summary .elem + .elem  {margin-top: 5px }
.default-article .head .summary         {width: auto; padding: 15px 20px;}
.default-article .head .headline        {color: #a2aab1; margin-bottom: 3px;}
.default-article .head .content         {display: inline-block}
.default-article .body                  {padding: 20px; border: 1px solid #efefef; border-top: none; }
.default-article .body .elem + .elem    { margin-top: 24px }
.default-article .body .headline        { margin-bottom: 7px; font: bold 11pt Arial, sans-serif }
.default-article .price,
.default-article .salary                { display: inline-block; padding: 2px 20px; font-weight: 700; border-radius: 15px; background: #ffc000; font-size: 11pt; }
.default-article .subtitle              {display: inline-block; width: 65px; font-weight: bold;}
.default-article .footer                { padding: 12px 20px 0;}
.default-article .footer .bl-blk-share:first-child   {margin-top: 0;}



/*-Работа*/
.job-article                            {}
.job-article .head                      {font-size: 10pt; background: #f7f7f7}
.job-article .head  li+li               {margin-left: 10px }
.job-article .list li                   { position: relative; padding-left: 20px;}
.job-article .list li + li              { margin-top: 5px }
.job-article .list li:before            { position: absolute; top: 6px; left: 5px; width: 5px; height: 5px; content: ""; border-radius: 50%; background: #00c3ac; }
.job-article .pills                     { margin-top: -2px }
.job-article .pills li                  { margin-top: 2px; padding: 3px 10px; font-size: 10pt; background: #f8f8f8 }
.job-article .pills li + li             { margin-left: 2px }
.job-article .body .link                { display: block; margin-top: 3px; color: #a2aab1; font-size: 9pt }
.job-article .phones span + span:before {content: ","}

.blk-related-news{ margin-top: 24px}
.blk-related-news .bl-blk-title         { margin-bottom: 7px }
.blk-related-news ul                    {list-style: none; margin: 0; padding: 0}
.blk-related-news li + li               {margin-top: 7px}

/*--общее вакансии и резюму*/
.vacancy-article .company,
.resume-article .name                   { font: bold 14pt Arimo,sans-serif }

/*--вакансия*/
.vacancy-article                        {}
.vacancy-article .head .summary         {width: auto; padding: 15px 20px;}
.vacancy-article .summary .headline     {width: 25%; display: inline-block;}
.vacancy-article .footer a              {text-decoration: underline;}

/*--резюме*/
.resume-article                         {}
.resume-article .head .big-image        {width: 180px; height: 180px}
.resume-article .head .big-image.no-photo{background: url(../images/no-photo.png) 50% 50% no-repeat}
.resume-article .head .summary          {width: 700px; padding: 10px 0}
.resume-article .bl-i-location2         { margin-right: 3px; color: #00c3ac; font-size: 9pt }
.resume-article .specialization,
.resume-article .additionally           { color: #a2aab1 }
.resume-article .df-col5 .headline      {margin-bottom: 7px;}
.resume-article .phones                 {display: inline-block}

/*--обьявления*/
.advert-article                         {}
.advert-article .summary > .elem + .elem {margin-top: 15px }
.advert-article .contact-info { display: block!important; margin-top: 10px}
.advert-article .contact-info .df-row    {-webkit-box-align: center;-ms-flex-align: center;-ms-grid-row-align: center;-webkit-align-items: center;align-items: center}
.advert-article .phones span            {display: inline-block; font: bold 10pt Arimo, sans-serif; margin-left: 10px }
.advert-article .auction                {color: #fe6060; font-size: 9pt; font-weight: 700; text-transform: uppercase }
.advert-article .user-info              { border-top: 1px solid #fff;  color: #a2aab1; }
.advert-article .user-info .df-row      {-webkit-box-align: center;-ms-flex-align: center;-ms-grid-row-align: center;-webkit-align-items: center;align-items: center}
.advert-article .user-info .elem        {margin-top: 0;}
.advert-article .user-info .image       { width: 35px; height: 35px; background: url(../images/element/user.jpg) 0 0 no-repeat; background-size: 35px 35px; }
.advert-article .user-info .profile     {font-size: 10pt; color: #000;  margin-right: 12px; }
.advert-article .user-info .comments    { color: #a2aab1; text-decoration: none;}
.advert-article .user-info .comments:hover{color: #000;}
.advert-article .user-info .bl-f-ico    { margin-right: 5px; color: #a2aab1; font-size: 13pt; vertical-align: -4px }
.advert-article .user-info .bl-i-up     { font-size: 9pt; vertical-align: 0 }
.advert-article .user-info .reply       { border-color: #00c3a1 }
.advert-article .photo-gallery          {margin-top: 15px;}

/*--каталог*/
.catalog-article                        {}
.catalog-article .head .image           {width: 190px; height: 190px; padding: 15px;}
.catalog-article .head .summary         {width: 700px; padding: 15px 0; margin-left: -15px;}
.catalog-article .summary .headline     {width: 100px; display: inline-block;}
.catalog-article .summary .description  {padding: 5px 0;}
.catalog-article .categories            {width: 84%; margin-left: -15px;}
.catalog-article .categories li         {margin-left: 15px}
.catalog-article .categories a          {color: #a2aab1; text-decoration: underline}
.catalog-article .categories a:hover    {color: #000;}
.catalog-article .link-abuse            {float: right; margin-right: 12px;}

/*--событие*/
.event-article                          {margin-bottom: 24px;}
.event-article .head                    {}
.event-article .head .image             {position: relative; float: left; width: 290px; height: 414px}
.event-article .head .image img         {width: inherit; height: inherit;}
.event-article .head .image .tag        { position: absolute; bottom: 0; left: 0; padding: 5px 12px; color: #fff; font-size: 7.5pt; text-transform: uppercase; letter-spacing: .5pt; background: rgba(0,0,0,0.7) }
.event-article .head .summary           {}
.event-article .head .summary > .elem + .elem{margin-top: 15px}
.event-article .location                {}
.event-article .location > .elem        {display: inline-block; vertical-align: top;}
.event-article .location > .elem:first-child {margin-right: 12px;}
.event-article .location .thumb         {width: 150px}
.event-article .location .description   {}
.event-article .location .description .elem + .elem{margin-top: 4px;}
.event-article .location .headline      {color: #000; font-size: 15pt; font-weight: 700; text-decoration: none }
.event-article .location .phones        {font-weight: 600;}
.event-article .location .phones span + span:before{content: ', '}
.event-article .location .email         {color: #a2aab1;}
.event-article .location .email:hover   {color: #000;}
.event-article .timetable               { padding: 15px 20px; font-size: 10.5pt; background: #f9f8f5;  width: 80% }
.event-article .timetable .title        { font-size: 14pt }
.event-article .timetable table         { margin: 10px 0;}
.event-article .timetable tbody tr        {display: none;}
.event-article .timetable td            { padding: 7px; border-bottom: 1px solid #cccece; text-align: center; }
.event-article .timetable td:first-child,
.event-article .timetable th:first-child{text-align: left;}
.event-article .timetable td:last-child,
.event-article .timetable th:last-child {text-align: right;}
.event-article .timetable .link         { text-align: right }
.event-article .timetable .link a       {text-decoration: none; border-bottom: 1px dashed #00c3a1 }
.event-article .timetable .link a:hover {border-color: #fe6060; }
.event-article .timetable .today        {background: #EAEAEA; font-weight: bold;}
.event-article .timetable .bl-disclaimer{display: none}
.event-article .body                    {padding: 0 20px; margin-top:24px;}
.event-article .footer                  { padding: 12px 20px 0;}
.event-article .footer .bl-blk-share:first-child   {margin-top: 0;}





/*todo-front админка*/
.bl-list                                {  }
.bl-list tr                             { border-bottom: 1px solid #e7eaec }
.bl-list td                             { padding: 5px; vertical-align: top }
.bl-list .headline                      { color: #000; font-weight: 700; text-decoration: none }
.label                                  { position: absolute; right: 0; bottom: 0; background: 0 0 no-repeat }
.premier-label                          { width: 106px; height: 106px; background-image: url(../images/element/primer-label.png) }

/*-обсуждаемые новости*/
.discussed-news                      { padding: 15px; border: 1px solid #f4ead5; min-height:447px;}
.discussed-news .title               { color: #000; text-transform: uppercase; font: 700 9pt Arimo, sans-serif }
.discussed-news .title .bl-f-ico     { margin-right: 7px; color: #00c3ac; font-size: 13pt; vertical-align: -3px }
.discussed-news .item                { margin-top: 15px }
.discussed-news .headline            { color: #1a2632; font-size: 10.5pt; text-decoration: none; line-height: 1.2 }
.discussed-news .headline:hover      { color: #ff3c3c }
.discussed-news .date                { font-size: 9pt }
.discussed-news .link                { margin-top: 20px; font: 700 9pt Arimo, sans-serif }
.discussed-news .link a              { color: #b9b9b9; font-size: 8pt; text-decoration: none; text-transform: uppercase }
.discussed-news .link a:hover        { color: #ff3c3c }
.discussed-news .comments            {font-size: 9pt; color: #a2aab1; margin-left: 10px}
.discussed-news .comments .bl-i-comments{color: #a2aab1;; vertical-align: middle}

/*панели*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*-общие*/
.bl-panel                               {  }
.bl-panel + .bl-panel                   { margin-top: 24px }

/*-шапка*/
.bl-panel.panel-header                  { margin-top: 0 }
.panel-header .header-main              { margin-bottom: 10px; color: #0d1824; background: #f1f0ed; font: 700 11pt Arimo, sans-serif; }
.panel-header .bl-registry              { text-align: right }
.panel-header .bl-main-search           {  }

/*-промо*/
.panel-promo                            {  }

/*-подвал*/
.bl-panel.panel-footer                  { margin-top: 35px }
.panel-footer                           { padding: 24px 0; border-top: 1px solid #e7eaec; font-size: 9pt }
.panel-footer .bl-blk .bl-elem          { color: #757575 }
.panel-footer .bl-blk .bl-elem + .bl-elem{ margin-top: 5px }
.panel-footer .bl-footer-menu           { margin: 0 0 10px; font-size: 10.5pt }
.panel-footer .copyright a              { color: #1a2632 }
.panel-footer .copyright a:hover        { color: #ff3c3c }
.panel-footer .bl-btn-up                { margin: -3px 0 0 -10px }
.bl-right-col                           {  }
.bl-right-col .bl-blk-title             { font-size: 10pt; text-transform: uppercase }

/*бокавая панель*/
/*.sidebar                                {width: 290px}*/
.sidebar .adverts-module .list-item     {padding-left: 0;}
/*!-------------------------------------------------------------------------------------------------------------------*/

/*Страницы*/
.bl-page-title h1                       { float: left; width: 930px; margin: 0 }
.bl-page-title .link                    { float: right; margin-top: 8px; color: #000; text-decoration: none }
.bl-page-title .link .bl-f-ico          { margin-right: 5px; color: #A2AAB1; font-size: 9pt }
.bl-page-title .link:hover,
.bl-page-title .link:hover .bl-f-ico    { color: #ff3c3c }


/*Ошибки*/
/*--------------------------------------------------------------------------------------------------------------------*/
.bl-error-page                          {  }
.bl-error-page .df-col:first-child      { text-align: right }
.bl-error-page .title                   { color: #1E3652; font-size: 140pt; font-weight: 700 }
.bl-error-page .image                   { width: 230px; height: 245px; margin: 60px 0 0 43px; background: url(../images/errro-page.jpg) 0 0 no-repeat }
.bl-error-page .info                    { margin-top: -50px; font-size: 12pt }
/*!-------------------------------------------------------------------------------------------------------------------*/
/* -------------- @todo-front File: main-dev.css ----------------------------------- */
/* Messages */
/* @todo-front Переделать верстку - спизжено с comment-notice */
.bl-messages                            { padding-left: 30px }
.message-container                      { padding: 10px 0; font-size: 10pt }
.message-container .message-container   { margin-left: 45px }
.message                                { padding: 5px 0 }
.message .message-reply a,
.message .message-info                  {padding:  0; color: #a2aab1; font-size: 9pt; font-family: 'Arimo', sans-serif;}
.message-avatar                         {display: inline-block; width: 35px; height: 35px; background: url(../images/element/user.jpg) 0 0 no-repeat; vertical-align: top; margin-right: 10px; background-size: 35px 35px;}
.message-avatar img                     {width: inherit; height: inherit;}
.message .message-date                  {margin-right: 10px; font: 10pt 'Open Sans', sans-serif;}
.message .message-title                 {margin: -10px 0 0 45px;}
.message .message-text                  {margin: -10px 0 0 45px;}
.message .message-message-adm in        {color: #a41e22;}
.message .message-user-title            {font-weight: bold; color: #000;}
.message .message-reply                 {font-size: 9pt;  margin:5px 0 0 45px;}
.message .message-reply a               {text-decoration: none;}
.message a:hover                        {color: #ff3c3c;}
.message-form                           {padding: 10px; background: #f6f6f6}
.message-form .message-form-button      {margin-top: 5px;}
.message-send-bottom                    {cursor: pointer; font-size: 15pt; font-family: 'Arimo', sans-serif; font-weight: bold;}
.message .message-link                  {text-decoration: none; color: #999;}
.message .message-link:hover            {text-decoration: none; color: #005C97;}
.message-control                        {float: right; font-size: 8pt;}
.message-control a                      {margin-left: 5px; color: #a2aab1; text-decoration: none;}
.message .form-reply                    {margin:0 0 0 50px}
.message-not-active,
.message-not-active .message-user-title,
.message-not-active .info               { color: #aaa }
.message-not-active .message-avatar     { opacity: .3 }
.message-first-level                    { border-top: 1px solid #eee }
.message-form .message-avatar           { width: 60px; height: 60px; background-size: auto }
.message-form .message-avatar img       { width: inherit; height: inherit }
.message-form .df-horizontal-label .message-avatar,
.message-form .df-horizontal-label .message-textarea { display: inline-block; vertical-align: top }
.message-form .df-horizontal-label .message-textarea { width: 90% }
.message-form .df-horizontal-label .message-textarea textarea { height: 60px }
.message-form .bl-btn                   { padding: 8px 17px; border-color: #00c3a1 }
.new-message                            { background: #fffacd }
.message-label-add                      { margin-top: 50px }
.message-num                            { margin-left: 12px; color: #a2aab1; font-size: 9pt; font-weight: 400; vertical-align: 1px }
.message-num .bl-f-ico                  { color: #a2aab1; font-size: 13pt; vertical-align: -4px }

/* Comments */
.bl-comments                            { padding-left: 30px }
.comment-container                      { padding: 10px 0; font-size: 10pt }
.comment-container .comment-container   { margin-left: 45px }
.comment                                { padding: 5px 0 }
.comment .comment-reply a,
.comment .comment-info                  {padding:  0; color: #a2aab1; font-size: 9pt; font-family: 'Arimo', sans-serif;}
.comment-avatar                         {display: inline-block; width: 35px; height: 35px; background: url(../images/element/user.jpg) 0 0 no-repeat; vertical-align: top; margin-right: 10px; background-size: 35px 35px;}
.comment-avatar img                     {width: inherit; height: inherit;}
.comment .comment-date                  {margin-right: 10px; font: 10pt 'Open Sans', sans-serif;}
.comment .comment-message               {margin: -10px 0 0 45px;}
.comment .comment-message-admin         {color: #a41e22;}
.comment .comment-user-title            {font-weight: bold; color: #000;}
.comment .comment-reply                 {font-size: 9pt;  margin:5px 0 0 45px;}
.comment .comment-reply a               {text-decoration: none;}
.comment a:hover                        {color: #ff3c3c;}
.comment-form                           {padding: 10px; background: #f6f6f6}
.comment-form .comment-form-button      {margin-top: 5px;}
.comment-send-bottom                    {cursor: pointer; font-size: 15pt; font-family: 'Arimo', sans-serif; font-weight: bold;}
.comment .comment-link                  {text-decoration: none; color: #999;}
.comment .comment-link:hover            {text-decoration: none; color: #005C97;}
.comment-control                        {float: right; font-size: 8pt;}
.comment-control a                      {margin-left: 5px; color: #a2aab1; text-decoration: none;}
.comment .form-reply                    {margin:0 0 0 50px}
.comment-not-active,
.comment-not-active .comment-user-title,
.comment-not-active .info               { color: #aaa }
.comment-not-active .comment-avatar     { opacity: .3 }
.comment-first-level                    { border-top: 1px solid #eee }
.comment-form .comment-avatar           { width: 60px; height: 60px; background-size: auto }
.comment-form .comment-avatar img       { width: inherit; height: inherit }
.comment-form .df-horizontal-label .comment-avatar,
.comment-form .df-horizontal-label .comment-textarea { display: inline-block; vertical-align: top }
.comment-form .df-horizontal-label .comment-textarea { width: 90% }
.comment-form .df-horizontal-label .comment-textarea textarea { height: 60px }
.comment-form .bl-btn                   { padding: 8px 17px; border-color: #00c3a1 }
.new-comment                            { background: #fffacd }
.comment-label-add                      { margin-top: 50px }
.comment-num                            { margin-left: 12px; color: #a2aab1; font-size: 9pt; font-weight: 400; vertical-align: 1px }
.comment-num .bl-f-ico                  { color: #a2aab1; font-size: 13pt; vertical-align: -4px }

/*панель управление для администратора*/
.panel-control                          { font-size: 11pt }
.panel-control a                        { display: inline-block; padding: 7px 15px; color: #fff; font-size: 14pt; text-decoration: none; background: #47a447; border-radius: 2px; }
.panel-control a:hover                  { background-color: #070 }

/*список*/
.bl-table-list                          {  }
.bl-table-list th                       { padding: 10px 7px; color: #c1cbd8; font-size: 10pt; font-weight: 400; text-align: left; background: #1F3652; font-family: 'Open Sans', serif; }
.bl-table-list th a                     { color: #c1cbd8; text-decoration: none }
.bl-table-list th a:hover               { color: #fff }
.bl-table-list th a.asc,
.bl-table-list th a.desc                { color: #fff }
.bl-table-list td                       { padding: 10px 7px; border-bottom: 1px solid #eee }
.bl-table-list tbody tr:hover           { background: #f5f5f5; cursor: pointer; }
.bl-table-list tr.hot                   { background: #fffacd }
.bl-table-list tbody tr.hot:hover       { background: #fffacd }

.label-not-found                        { font-size: 14pt }

.catalog-category-tag                   { display: inline-block; margin-top: 2px; margin-right: 2px; padding: 3px 10px; color: #fff; font-size: 10pt; text-decoration: none; background: #00C3AC }
a.catalog-category-tag:hover            { color: #fff; text-decoration: none; background: #00a793 }

.bl-row-selected                        { font-weight: 700 }
.banner-tmp                             { color: #fff; background: #eea236; font: 50px Arial; }
.bl-disclaimer                          { color: #666; border-top: 1px solid #eee; font-size: 10pt; font-style: italic; font-family: Arial, Helvetica, sans-serif; padding-top: 5px }
.bl-comments-not-comments               { color: #666; font-size: 12pt }
.bl-statistic                           {  }
.bl-statistic td.value                  { text-align: right }
.ui-helper-hidden-accessible            { display: none }
.bl-240                                 { width: 240px; margin-left:2px;  border: 0; height: 400px}
.bl-240 img                             {max-width: 100%}
.bl-profile-stat-container              { margin-top: 15px; padding: 10px 0 15px; border-top: 1px solid #eee; border-bottom: 1px solid #eee }
.bl-profile-stat                        { color: #999; text-align: center }
.bl-profile-stat p                      { margin: 0 }
.bl-profile-stat .title                 { font-size: 30pt; font-weight: 700 }
.bl-profile-stat .title a               { color: #0052a3; text-decoration: none }
.bl-profile-stat .description           {  }
.bl-profile-description                 { padding: 15px; border-radius: 5px; background: #FAF7F1; }


.table-content                          {}
.table-content td                       {border:1px solid #ddd; padding:10px;}
.table-content p                        {margin:0;}


/* Компонент лайков */
.c-likes                                {}
.c-likes button                         {background: #315597; opacity: .85; color: #fff; border: none; box-shadow: none; height: 34px; line-height: 34px; padding: 0 6px 0 12px; border-radius: 18px; -webkit-transition: all .2s; transition: all .2s;}
.c-likes button:hover                   {opacity: 1}
.c-likes button + button                {margin-left: 12px}
.c-likes span                           {display: inline-block}
.c-likes .bl-f-ico                      {color: #fff; margin-right: 6px;}
.c-likes .text                          {width: 100px; text-align: center}
.c-likes .counter                       {height: 26px; min-width: 26px; padding: 0 4px; background: #fff; border-radius: 13px; text-align: center; line-height: 26px; color: #315597; margin-left: 6px }
.c-likes .dislike                       {background: #A3000C; }
.c-likes .dislike .bl-f-ico             {vertical-align: -2px;}
.c-likes .dislike .counter              {color: #A3000C;}
.c-likes .msg                           {margin-top: 12px}
.c-likes .msg div                       {display: none; font-size: 13pt; color: #315597 }
.c-likes .msg .status-dislike           {color: #A3000C;}
.c-likes[data-status="like"] button,
.c-likes[data-status="dislike"] button  {opacity: .85!important; cursor: default;}
.c-likes[data-status="like"] .status-like {display: block}
.c-likes[data-status="dislike"] .status-dislike{display: block}

/* Информация об юзере для статей */
.c-user-info                            {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #a2aab1;}
.c-user-info .elem + .elem              {margin-left: 12px}
.c-user-info .avatar                    {width: 35px; height: 35px; }
.c-user-info .avatar.no-photo           {background: url(../images/element/user.jpg) 50% 50% no-repeat; background-size: cover;}
.c-user-info .avatar img                {width: inherit; height: inherit;}
.c-user-info .bl-f-ico                  {color: #a2aab1;}
.c-user-info .comments                  {text-decoration: none; color: #a2aab1;}
.c-user-info .comments .bl-f-ico        {font-size: 15px; margin-right: 4px; vertical-align: middle;}
.c-user-info .comments .bl-f-ico:hover,
.c-user-info .comments:hover            {color: #00c3ac}
.c-user-info .bl-btn                    {border-color:#00c3ac}
.default-article .c-user-info           {padding: 12px 20px}
.default-article .c-user-info a.username { max-width: 320px; display: inline-block}

/*Таблица сообщений */
.c-msg-table                            {font-size: 10pt}
.c-msg-table tr                         {opacity: .8}
.c-msg-table .title                     {color: #929292}
.c-msg-table tr:nth-child(2n)           {background: #f9f9f9}
.c-msg-table tr + tr td                 {border-top: 1px solid #e7eaec}
.c-msg-table td                         {vertical-align: middle}
.c-msg-table td:nth-child(2)            {width: 15%}
.c-msg-table td:nth-child(4)            {width: 15%; text-align: right}
.c-msg-table .avatar                    {width: 30px; height: 30px;}
.c-msg-table .avatar img                {width: inherit; height: inherit;}
.c-msg-table .no-avatar                 {background: url(../images/element/user.jpg) 50% 50% no-repeat; background-size: cover;}
.c-msg-table .new-msg                   { opacity: 1}
.c-msg-table .new-msg .title            {font-weight: bold; color: #00c3ac}
.c-msg-table .new-msg .title:hover      {color: #fe4a4a;}
.c-msg-table .data                      {color: #929292;}

/* Сообщение */
.c-msg                                   {}
.c-msg .msg-info,
.c-msg .msg-body                         {padding: 12px;}
.c-msg .msg-info                         {display: flex;  background: #f9f9f9; border-bottom: 1px solid #e7eaec}
.c-msg .msg-body                         {}
.c-msg .avatar                           {width: 50px; height: 50px; margin-right: 12px}
.c-msg .avatar img                       {width: inherit; height: inherit;}
.c-msg .no-avatar                        {background: url(../images/element/user.jpg) 50% 50% no-repeat; background-size: cover; margin-right: 12px}
.c-msg .published                        {}
.c-msg .published > * + *                {margin-left: 6px}
.c-msg .data                             {color: #929292;}
.c-msg .title                            {margin-top: 6px; font-weight: bold}


/* Виджет избранного */
.c-favorites-widget                      {font: 10.5pt Arial, Helvetica, sans-serif;}
.c-favorites-widget a                    {text-decoration: none!important;}
.c-favorites-widget a                    {color: #000; background: #fff;}
.c-favorites-widget a span               {color: #ff8100; margin-right: 5px; }
.c-favorites-widget a:hover              {border-color:#ff8100; color: #ff8100; background: #fff;}
.c-favorites-widget a:hover span         {color: #ff8100;}
.c-favorites-widget a.active             {color: #fff; background: #ff8100; border-color:#ff8100}
.c-favorites-widget a.active span        {color: #fff}

/* Карточка тарифа */
.c-tariff__card {
    padding: 15px 0;


}

.c-tariff__card .card__image{
    background-color: #023D5F;
    color: #023D5F;
    border-radius: 4px 4px 0 0;
    padding: 20px;
    text-align: center;
}

.c-tariff__card .card__image ._image {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #fff;
    display: inline-block;
}

.c-tariff__card .card__image svg{
    width: 50px;
    height: 50px;
    margin-top: 25px;
    fill: currentColor;
}

.c-tariff__card .card__info{
    border: 1px solid #e7eaec;
    border-top:0;
    border-radius: 0 0 4px 4px;
    padding: 5px 0 0;
    text-align: center;
}

.c-tariff__card .card__info > * {
    padding: 10px 20px;
}

.c-tariff__card ._headline{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11pt;
}

.c-tariff__card ._description {
    background-color: #e6e8e9;
    font-size: 10pt;
    color: #757575;
}

.c-tariff__card ._price {
    font-size: 15pt;
    font-weight: 700;
    min-height: 71px;
}


.c-tariff__card ._price .__old {
    font-size: 12pt;
    text-decoration: line-through;
    color: #757575;
}

.c-tariff__card ._more {
    padding: 0;
}

.c-tariff__card ._more a{
    background-color: #023D5F;
    display: block;
    padding: 10px 20px;
    color: #fff;
    border-radius: 0 0 4px 4px;
    text-transform: uppercase;
    text-decoration: none;
}

.c-tariff__card ._more a:hover{
    background-color: #023253;
}

    /** Премиум виджет */
.c-premium__widget  {
    text-align: center;
    padding: 20px 10px;
    border: 1px solid #50B09E;
}

.c-premium__widget > * + * {
    margin-top: 10px;
}

.c-premium__widget  .widget__image svg{
    width: 90px;
    height: 90px;
}

.c-premium__widget  .widget__headline{
    font-weight: bold;
    text-transform: uppercase;
}

.c-premium__widget .widget__description{
    color: #888;
    font-size: 9pt;
}

.c-premium__widget .widget__more{
    margin-top: 15px;
}

/** латежные системы */
.c-pay-sys {

}
.c-pay-sys a{
    display: block;
    border: 1px solid #e7eaec;
    border-radius: 4px;
    padding: 15px 0;
    text-align: center;
    text-transform: uppercase;
    color: inherit;
    text-decoration: none;
    font-weight: 700;
}

.c-pay-sys a > * {
    display: block;
    padding: 5px 20px;
}

.c-pay-sys img{
    width: 100%;
}

.c-pay-sys a:hover{
    border-color:#00c3ac;
}

.c-pay-sys a._disabled{
    color: #555;
    opacity: .4;
    cursor: default;
}

.c-pay-sys a._disabled:hover{
    border-color: #e7eaec;
}

/** Счет */
.c-invoice {
    max-width: 300px;
    padding: 20px 20px 15px;
    border: 1px solid #e7eaec;
    border-radius: 4px;
}

.c-invoice ._headline{
    font-size: 16pt;
    font-weight: 700;
    text-align: center;
    padding: 5px;
    background-color: #f2f2f2;

}

.c-invoice .i-item > * {
    float: left;
    padding: 10px 2px;
    width: 50%;
}

.c-invoice .i-item ._title{
    text-align: right;
    color: #757575;;
}

.c-invoice .i-item ._value{
    font-weight: 700;
}

.c-invoice .i-item:after {
    content: "";
    display: table;
    clear: both;
}

.c-invoice .i-item + .i-item{
    border-top: 1px solid #e7eaec;
}


/** Блок тарифы */
.bl-tariffs-blk .df-col:nth-child(1) .c-tariff__card .card__image {
    background-color: #fb8c00;
    color: #fb8c00;
}

.bl-tariffs-blk .df-col:nth-child(1) .c-tariff__card ._more a {
    background-color: #fb8c00;
}

.bl-tariffs-blk .df-col:nth-child(1) .c-tariff__card ._more a:hover {
    background-color: #f38400;
}

.bl-tariffs-blk .df-col:nth-child(2) .c-tariff__card .card__image {
    background-color: #2196F3;
    color: #2196F3;
}

.bl-tariffs-blk .df-col:nth-child(2) .c-tariff__card ._more a {
    background-color: #2196F3;
}

.bl-tariffs-blk .df-col:nth-child(2) .c-tariff__card ._more a:hover {
    background-color: #218eeb;
}

.bl-tariffs-blk .df-col:nth-child(3) .c-tariff__card .card__image {
    background-color: #ab47bc;
    color: #ab47bc;
}

.bl-tariffs-blk .df-col:nth-child(3) .c-tariff__card ._more a {
    background-color: #ab47bc;
}

.bl-tariffs-blk .df-col:nth-child(3) .c-tariff__card ._more a:hover {
    background-color: #a446b5;
}

.bl-tariffs-blk .df-col:nth-child(4) .c-tariff__card .card__image {
    background-color: #8bc34a;
    color: #8bc34a;
}

.bl-tariffs-blk .df-col:nth-child(4) .c-tariff__card ._more a {
    background-color: #8bc34a;
}

.bl-tariffs-blk .df-col:nth-child(4) .c-tariff__card ._more a:hover {
    background-color: #7db449;
}


/* Bus schedule */
.bl-bus-schedule-blk {
}
.bl-bus-schedule-blk .blk-head + .blk-body,
.bl-bus-schedule-blk .blk-body + .blk-foot,
.bl-bus-schedule-blk .blk-item + .blk-item {
    margin-top:24px;
}

.bl-bus-schedule-blk .blk-item .item-title{
    font-weight: 700;
    font-family: Arimo, sans-serif;
    font-size: 16pt;
    margin-bottom: 12px;
    margin-top: -5px;
}

.bl-bus-schedule-blk .blk-item .item-title ._sub-title{
    font-size: 11pt;
    color: #757575;
    font-weight: normal;
}

.bus-schedule-routes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -12px;
}

.bus-schedule-route {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 17px;
    color: #1a2632;
    line-height: 1;
    width: 50%;
    text-decoration: none;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.bus-schedule-route {
    margin-top: 12px;
}

.bus-schedule-route .__number {
    background-color: #1E3652;
    color: #fff;
    width: 44px;
    height: 44px;
    font-weight: 700;
    border-radius: 4px;
    border: 1px solid #1E3652;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    position: relative;
    z-index: 10;
}

.bus-schedule-route .__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 24px 12px;
    border-radius: 0 4px 4px 0;
    border: 1px solid #e3e6e7;
    position: relative;
    left: -12px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.bus-schedule-route:hover {
    -webkit-transform: translateX(3px);
    -ms-transform: translateX(3px);
    transform: translateX(3px);
    color: #fe4a4a;
}

.bus-schedule-route:hover .__number {
    background-color: #fe4a4a;
    border-color: #fe4a4a;
}

.bus-schedule-route:hover .__label{
    border-color: #fe4a4a;
}

.bus-schedule-back a {
    text-decoration: none;
}

.bus-schedule-back svg {
    vertical-align: -2px;
}

.bus-schedule-header {
    background-color: #f1f0ed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 550px;
    font-size: 17px;
}

.bus-schedule-header .__number{
    background-color: #1E3652;
    color: #fff;
    width: 44px;
    height: 44px;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
}

.bus-schedule-header .__route{
    margin-left: 24px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.bus-schedule-header .__revers{
    color: #fff;
    background-color: #1E3652;
    width: 26px;
    height: 26px;
    margin-right: 12px;
    border-radius: 50%;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.bus-schedule-header .__revers:hover{
    background-color: #fe4a4a;
}

.bus-schedule-header .__revers svg{
    width: 15px;
    height: 15px;
}

.bus-schedule-table-direction {
    max-width: 550px;
}

.bus-schedule-table thead td {
    padding: 12px;
}

.bus-schedule-table thead a {
    margin-right: 5px;
    padding: 5px 7px;
    text-decoration: none;
    color: #1a2632;
    border-radius: 3px;
    display: inline-block
}

.bus-schedule-table thead a:hover,
.bus-schedule-table thead a.selected {
    background: #fe4a4a;
    color: #fff
}

.bus-schedule-table-direction td {
    padding: 6px 12px;
    border-bottom: 1px solid #e3e6e7;
}

.bus-schedule-table-direction-label {
    font-size: 16px;
}

.bus-schedule-table-direction-label a {
    font-weight: normal;
    color: #1a2632;
}

.bus-schedule-table-direction-time {
    text-align: right;
}

.bus-schedule-table-direction-time-wait {
    color: #666;
    margin-top: 6px;
}

.bus-schedule-table-direction-time-label {
    font-weight: bold;
}

.bus-schedule-table-direction-row-selected {
    background: #cfd8dc;
}

.bus-schedule-table-stop {
    max-width: 550px;
}

.bus-schedule-table-stop td {
    padding: 10px;
}

.bus-schedule-time {
    background: #cfd8dc;
    padding: 6px 8px 5px;
    display: inline-block;
    margin-right: 7px;
    font-size: 16px;
    border-radius: 3px;
    line-height: 1;
}

.bus-schedule-time.selected {
    background: #fe4a4a;
    color: #fff;
}


.bus-schedule-app .__stores {
    margin-top: 12px;
    line-height: 1;
}

.bus-schedule-app .__stores a{
    display: inline-block;
}

.bus-schedule-app .__stores img{
    display: block;
}

.bus-schedule-app .__stores a + a {
    margin-left: 12px;
}

.bus-schedule-note{
    margin-bottom: 12px;
    font-size: 10pt;
    color: #757575;
    max-width: 650px;
}

form .additionally-info-section {
    padding: 0;
}


form .additionally-info-section + .additionally-info-section {
  margin-top: 20px;
}

/*коректирующие настройки*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*отступы*/
.df-elem-first                          { margin-top: 0 }
.df-elem-last                           { margin-bottom: 0 }
.df-elem-alone                          { margin: 0 }
.bl-content-margin                      { margin-left: 3% }
.bl-newsrow                             { margin-top: -24px }
.bl-inline-elem > *                     { display: inline-block }
.bl-inline-elem > * + *                 { margin-left: 5px }
/*типографика*/
/*--выравнивание*/
.df-align-l                             { text-align: left }
.df-align-r                             { text-align: right }
.df-align-c                             { text-align: center }
.df-align-j                             { text-align: justify }
/*--шрифт*/
.df-bold                                { font-weight: 700 }
.df-italic                              { font-style: italic }
.df-oblique                             { font-style: oblique }
.df-uppercase                           { text-transform: uppercase }
/*--ширины*/
.df-width50                             { width: 50% }
.df-width70                             { width: 70% }
.bl-blk-margin                          { margin-top: 24px }
.bl-blk-margin-minus                    { margin-top: -24px }
/*обтекание*/
.df-float-left                          { float: left }
.df-float-right                         { float: right }
.df-float-none                          { float: none }
/*чистка потоков*/
.control-row .clear,
.df-clear-fix                           { margin: 0; padding: 0; clear: both }
.df-clear-wrap                          {  }
.df-clear-wrap:after                    { display: table; content: ""; clear: both; }
.df-overflow-h                          { overflow: hidden }
.bl-gray                                { color: #656565 }
.df-inline-elem                         {  }
.df-inline-elem > *                     { display: inline-block; margin-left: 20px; vertical-align: top }
.df-inline-elem > :first-child          { margin-left: 0 }
.df-horizontal-label                    {  }
.df-horizontal-label label              { margin-bottom: 10px }
.df-hidden                              { display: none }
.df-border-none                         {border: none}
/*!-------------------------------------------------------------------------------------------------------------------*/

/*медиазапросы*/

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

}

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

}