.top-logo-block {
    margin-top:10px;
    margin-bottom:10px;
}
.top-menu-section {
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid #ddd;
    border-top: 2px solid #ddd;
    background:#fcfcfc;
}
.top-menu-section .container {
    position:relative;
}


.btn-primary {
    color:#262424;
    background:#f1cd46;
    border-color:#f1cd46;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:active:focus, .btn-primary:focus {
    color:#222;
    background:#f8dd7a;
    border-color:#f1cd46;
    outline-color: transparent;
}
.btn-secondary {
    color:#000;
    background:#fff;
    border-color:#ddd;
}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:active:focus, .btn-secondary:focus {
    color:#222;
    background:#f5f5f5;
    border-color:#ccc;
    outline-color: transparent;
}

a.btn {
    text-decoration:none;
}

.form-control:focus {
    border-color:#f1cd46;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(241,204,70,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(241,204,70,.6);
}

.modal-backdrop {
    background:#fff;
}

.modal-content {
    border: 5px solid #f1cd46;
    border-radius: 0;
}
.modal-header {
    border-bottom:none;
}
.modal-footer {
    border-top:none;
}

.modal-content .form-group:last-of-type {
    margin-bottom:0;
}

#email-modal .modal-dialog {
    margin-top:25%;
}


.off {
  display:none !important;
}

/* wrapper ---------------------------------------*/

.employer.cutaway {
    border:1px solid #eee;
}
.employer.cutaway h1 span {
    margin-bottom: 5px;
    display: inline-block;
}
.employer.cutaway.haslogo {
    position: relative;
    padding-left: 200px;
    border: none;
}
.employer.cutaway.haslogo .employer-logo {
    position:absolute;
    top:20px;
    left: 20px;
    width:140px;
    box-shadow: 0 0 2px #ddd;
    padding: 10px;
    border-radius: 3px;
    text-align:center;
    margin-top: 23px;
}

.employer.cutaway.haslogo .employer-logo img {
    max-width: 100%;
    max-height: 100%;
}


.form.standart {
    width: auto;
    margin-bottom: 10px;
}


.form {
    max-width:600px;
    min-width:280px;
    position:relative;
    padding:0 20px !important;
    overflow:hidden;
}

.form  h2 {margin: 10px 0 !important;}
.form form div.row {
    padding: 10px 20px !important;
    margin: 0 -20px !important;
    border-top: 1px solid #fff !important;
    border-bottom: 1px solid #F0EEEE !important;
}
.form form div.row:first-child {
    border-top:none !important;
}
.form form div.row.last {
    border-top: 1px solid #fff !important;
    border-bottom: none !important;
}

.form select, .form input, .form textarea {
    background:#fff;
    border-bottom: 1px solid #F0EEEE;
    box-shadow: inset 2px 2px 5px #eee;
    padding: 8px 5px;
}
.form form div.row > label {
    line-height: 23px;
    color: #555;
    font-size: 12px;
}
.form .submit input, .form.plain .row .submit input, .user-action .real_button, .btn-sbmt {
    cursor: pointer;

    padding: 0 6px;
    border: none !important;
    height:35px;
    line-height:35px !important;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    color: #fff;
    font-size:14px !important;
    letter-spacing:0.5px;
    text-shadow: #555 1px 1px 1px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 5px 0;
}
.user-action .real_button a {line-height:35px !important; font-size:14px;}
.form .submit input:hover, .form.plain .row .submit input:hover, .user-action .real_button:hover, .btn-sbmt:hover {background: #8F8F8F !important;}



/* Выбор стран  */
.treeview .hitarea {background:none; margin-left:-20px;}
.treeview .hitarea:before,
.treeview .expandable-hitarea:before {
    position: absolute;
    display:block;
    content: "\f068";
    font-size:12px;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    vertical-align: baseline;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
}
.treeview .expandable-hitarea:before {
    content: "\f067";
}
.treeview > li {
    font-size:12px;
    padding: 3px 0 3px 26px;
}
.treeview ul {background:none; margin:5px 0 !important;}
.treeview ul li {font-size:12px;}


/* header ----------------------------------------*/

/* menu */
header .logo {
    margin-top:8px;
}
header .menu > ul {
    list-style:none;
    list-style-type:none;
    margin-bottom:0;
}
header .menu > ul > li {
    position:relative;
    float:left;
    background:none;
    bottom:auto;
    z-index:10;
}
header .menu > ul > li:first-child {
    margin-left:10px;
}
header .menu > ul > li.pull-right {font-weight:bold;}
header .menu > ul > li.pull-right > a {color:#457CB8; background:#f5f5f5;}
header .menu > ul > li:hover {background:#F7F8F9;}

header .menu > ul > li a {
    display:block;
    outline: none;
    padding:0 10px;
    text-decoration:none;
    color:#222;
    line-height:36px;
    text-transform:uppercase;
    font-weight: normal;
}

header .menu > ul > li:hover > a {
    color:#F1880F;
}
header .menu > ul > li.active > a {
    color:#F1880F;
    position:relative;
}
header .menu > ul > li.active > a:before {
    position:absolute;
    content:"";
    bottom:-4px;
    left:0;
    width:100%;
    border-bottom:4px solid #FBB64A;
}
header .menu ul li.active a span, header .menu > ul > li ul li a {border-bottom: none;}
header .menu ul > li > a > span i {margin-left:5px;}
header .menu > ul > li.favorite a {color:#ED39B7;}

header .menu > ul > li > ul {
    display:none;
    list-style-type: none;
    float: none;
    position: absolute;
    margin: 0;
    min-width: 200px;
    background: #fcfcfc;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 4px #ccc;
}
header .menu > ul > li:hover > ul {
    display:block;
}
header .menu > ul > li > ul > li {
    border-bottom: 1px solid #eee;
    white-space: nowrap;
}
header .menu > ul > li > ul > li:hover a {
    background:#F7F8F9;
}


/* breadcrumbs */
.bradcrambs {
    border:none;
    padding:10px 20px;
    color:#444;

    background: rgb(246,246,246);
    background: -moz-linear-gradient(top,  rgba(246,246,246,1) 0%, rgba(227,227,227,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(100%,rgba(227,227,227,1)));
    background: -webkit-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(227,227,227,1) 100%);
    background: -o-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(227,227,227,1) 100%);
    background: -ms-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(227,227,227,1) 100%);
    background: linear-gradient(to bottom,  rgba(246,246,246,1) 0%,rgba(227,227,227,1) 100%);

}
.bradcrambs a {
    color: #777;
    text-decoration:none;
    -webkit-text-shadow: 1px 1px 0 #fff;
    -moz-text-shadow: 1px 1px 0 #fff;
    -ms-text-shadow: 1px 1px 0 #fff;
    -o-text-shadow: 1px 1px 0 #fff;
    text-shadow: 1px 1px 0 #fff;
}
.bradcrambs a:hover {
    color:#555;
    text-decoration:underline;
}
.bradcrambs .choice-city {
    display:inline-block;
    height:100%;
    color:#555;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
}
.bradcrambs strong {
    font-size: 16px;
    display:inline;
}


header .auth {
    width: 220px;
}
header .auth #login-form {width:auto;}
header .auth h5 {
    font-weight:bold;
    margin-bottom: 5px;
}
header .auth ul {
    list-style-type:none;
    margin:0;
}
header .auth li {
    padding: 0 0 4px 0 ;
    position:relative;
}
header .auth li div {
    padding: 2px 0;
    overflow:hidden;
    _zoom:1;
    color:#777;
}
header .auth li label {
    font-size: 11px;
    color:#999;
}
header .auth .lnk-get-pass {
    left: 47px;
    top: 0;
    position:absolute;
    font-size: 10px;
}
header .auth input {
    width: 190px;
    padding:4px;
}
header .auth input.inpt-pass {
    width: 120px;
}
header .auth input.btn-sbmt {
    float:left;
    top:1px;
    left:7px;
    position:relative;
    width:60px;
    padding:0;
    margin:0;
}

.auth {
    width:285px;
}
.auth h5 {
  font-size:12px;
  color:#457CB8;
}
.auth label {
  font-size:11px;
  color:#444;
  margin-bottom:2px;
}

.auth .block-info {
    margin-right:20px;
}
.auth .block-info {
    overflow: hidden;
}
.auth .service-links {
    white-space: nowrap;
}
.auth .out {
    margin-left:5px;
}



/* Выпадающая форма  */
.popup {
  position:absolute;
  z-index:999999;
  top:100%;
  padding:10px;
  right:0;
  background:#fff;
  border:1px solid #ddd;
  box-shadow: 1px 1px 4px #ccc;
}

/* Стили модального окна и содержания */
.popup-open {
    overflow: hidden;
}
.popup-overlay {/* слой затемнения */
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    overflow: auto;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.65);
    z-index:100;
}
/* активируем модальное окно */
.popup-overlay:target {
    display: block;
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
}
/* блочная таблица */
.popup-table {
    display: table;
    width: 100%;
    height: 100%;
}
/* ячейка блочной таблицы */
.popup-cell {
    display: table-cell;
    padding: 0 1em;
    vertical-align: middle;
    text-align: center;
}
/* модальный блок */
.popup-modal {
    display: inline-block;
    padding: 0 20px;
    max-width: 50em;
    background: #fff;
    -webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
    text-align: left;
    -webkit-animation: fade .8s;
    -moz-animation: fade .8s;
    animation: fade .8s;
}

/* изображения в модальном окне */
.popup-modal img {
    width: 100%;
    height: auto;
}


.lnk-get-pass {
  font-size:11px;
  font-weight:bold;
  display:inline-block;
}

/* container*/

/* center_new  ------------------------------------*/


/* left and right---------------------*/
#left h2,
#right h2 {
    padding: 5px 5px 5px 0;
    font-size:18px;
    font-weight:600;
    color:#375371;
    border-bottom: 2px solid #739CC7;
    position:relative;
    margin:0;
}


/* Левое меню   */

.left-menu {
    position:relative;
    padding:0;
    margin:0 0 100px 0;
    list-style: none;
    border:1px solid #eee;
    border-top:none;
    border-left:none;
}
.left-menu:after {
    content:'';
    display:block;
    width:100%;
    position:absolute;
    top:100%;
    margin-top:2px;
    left:0;
    background-size: 100% 80%;
    height:10px;
}
.left-menu li {
    position:relative;
    background:#fcfcfc;

}

#left ul li:before {
    display:inline-block;
    height:40px;
    text-align:center;
    line-height:40px;
    width:40px;
    position:absolute;
    left:0px;
    top:0px;
    z-index:1;
    color:#fff;
    font-size:18px;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;


    background:#739CC7;



}
#left ul li:hover {background:#739CC7;}
#left ul li.active {background:#FBB64A;}

#left ul li:nth-child(1):before {
    content:"\f0f6";

}
#left ul li:nth-child(2):before {
    content:"\f0ac";
}
#left ul li:nth-child(3):before {
    content:"\f02d"
}
#left ul li:nth-child(4):before {
    content:"\f044"
}
#left ul li:nth-child(5):before {
    content:"\f023";
    left:0;
}

.left-menu li a {
    padding-left:52px;
    height:40px;
    line-height:40px;
    display:block;
    overflow:hidden;
    text-decoration:none;
    font-size:16px;
    color:#686868;
}
.left-menu li a.add {
    color:#f00;
}

.left-menu li a:hover, .left-menu li a.add:hover
#left ul li:hover a {
    color:#fff;
}

.left-menu li.active a {
    color:#fff;
}
#left ul li.active:before {
    background:#FBB64A;
    color:#fff;
}

/* right  */

/*region-cities*/

#region-cities .menu {
    overflow:hidden;
    margin:10px 0;
    list-style:none;
}
#region-cities .menu li {
    margin: 0 0 10px 0;
}
#region-cities .menu li:nth-child(4n) {
    margin-right:0;
}
#region-cities .menu a {
    padding: 2px 2px;
    color:#444;
    font-size:13px;
}
#region-cities .menu a:hover {
    text-decoration:none;
}
#region-cities a.choice-city {
    display:inline-block;
    padding:4px 5px;
    text-decoration:none;
}
#region-cities a.inner {margin: 10px 0 5px; display: inline-block;}
.banner > div {border:none;}


/* central --------------------------------------*/
/*  qs  */
#qs {
    min-height: 52px;
    position:relative;
    padding:20px 10px;
    border: 3px solid #EBC819;
}

#qs form {
    margin-left:120px;
}
#qs label {
    color:#888;
    top:11px;
    cursor:text;
    display:none;
}
#qs li.city,
#qs li.keywords {
    width:40%;
    margin-right:2%;
}
#qs li:last-child {
    width:11%;
}

#qs .sample {display:none;}


/* Избранное */

#favorite-wrap .menu li {
    padding-bottom:20px;
    padding-top:5px;
}
#favorite-wrap .menu li sup.favorite {
    position:absolute;
    top:auto;
    bottom:-20px;
    z-index:1;
    right:0;
    left: auto;
}
#favorite-wrap .menu li sup.favorite a {
    margin:0;
    color:#ED39B7 !important;
    font-size:11px;
}
#favorite-wrap .menu li div.left.block {
    top:0;
}
#favorite-wrap .menu li .city,
#favorite-wrap .menu li .employer{
    line-height:18px;
    height:18px;
}



/* Выбор тарифа  */

.choice_of_tariff {
    margin:20px auto;
    width:780px;
}
.c-tariff-wrap {
  width:250px;
  float:left;
  margin-right:10px;
  margin-bottom:20px;
}
.c-tariff-header a {
  color:#fff;
  padding:20px 10px;
  height:150px;
  display:block;
  background:#181818;
  text-decoration:none;
}
.c-tariff-header a:hover {
  background:#333;
}
.c-tariff-header h4 {
  font-weight:bold;
  text-align:center;
  margin-bottom:20px;
  color:#fff;
  letter-spacing:2px;
  font-size:16px;
  text-transform: uppercase;
}
.c-tariff-header .price {
  font-size:70px;
  text-align:center;
}
.c-tariff-header .price sub {
  font-size:12px;
  font-weight:bold;
}
.c-tariff-header p {
  font-size:12px;
  margin-top:15px;
  color:#aaa;
  font-style: italic;
  text-align:center;
}

/*c-tariff-list*/

.c-tariff-list {
  background:#F7F7F7;
}
.c-tariff-list ul {list-style:none; margin:0;}
.c-tariff-list ul li {
  padding:15px 20px;
  border-bottom:1px solid #E9E9E9;
  font-size:12px;
}


/* vacancy-list and resume-list and employer-vacancy-list */

.section#vacancy-list #vacancy-list, .section#vacancy-list .vacancy-list {
    padding:0;
    border:none;
    box-shadow:none;
}
/* Стили для каждого списка */
.view,
.positions > li,
.cqa #content .menu.list .items > div  {
    padding:10px;
}

#vacancy-list .menu,
#resume-list .menu {
    padding:0;
    margin-bottom:0;
}
#vacancy-list li,
#resume-list li {
    margin: 0;
    padding:15px 0;
    position:relative;

}

#vacancy-list li:last-child, #resume-list li:last-child {
    border-bottom:none;
}
#vacancy-list li > div.left.block, #vacancy-list .hot-list li.hot > div.left.block, #resume-list li > div.left.block {
    font-size:11px;
    float:right;
}

#vacancy-list li > div.block, #resume-list li > div.block {
    margin-left:0;
    position:relative;
    float: none;
    clear:none;
}

#vacancy-list li > div.block a, #resume-list li > div.block a{
    margin:0 60px 8px 0;
    font-size:16px;
    font-weight: bold;
    line-height:1.2em;
    max-height: 2.4em;
    overflow:hidden;
    display:block;
}
#vacancy-list li > div.block a:hover, #resume-list li > div.block a:hover{
    text-decoration:none;
}

#vacancy-list .city, #resume-list .city {
    display:inline-block;
    padding-right:7px;
    margin-right:5px;
    font-size:12px;
    height:16px;
    line-height:18px;
}
#vacancy-list .time, #resume-list .time {
    font-size:11px;
    color:#888;
}
#vacancy-list .employer {
    color:#999;
    font-size:12px;
    height:14px;
    line-height:14px;
}

#vacancy-list .zp, #resume-list .zp {
    font-size:12px;
}

.section#vacancy-list .section, .section#resume-list .section {
    margin-bottom:0;
}

/* горячие вакансии */

#vacancy-list .fresh-vacancy, #resume-list .fresh-resume {
    overflow:hidden;
}

.hot-vacancies #vacancy-list .hot-list li.hot {
    width: auto;
    float: none;
    border: none;
    margin-left:3px;
    margin-bottom: 10px;
    background-color: #fff;
    overflow: visible;
    outline: 3px solid gold;
}

.hot-vacancies #vacancy-list .hot-list li.hot {
  position: relative;
}

.hot-vacancies #vacancy-list .hot-list li.hot > div.left.block {
    position:absolute;
    top:15px;
    left:10px;
}
#vacancy-list .hot-list li.hot, #vacancy-list .fresh-vacancy li, #resume-list .fresh-resume li {
    padding:10px 15px;
    margin-bottom:10px;
    border:1px solid #eee;
    background-color: #fdfdfd;
}
#vacancy-list li.hot > div.left.block {
    width:55px;
    border:1px solid #FFD3BE;
    height:16px;
    top:15px;
    left:10px;
    line-height:16px;
    text-align:center;
}
#vacancy-list li.hot > div.left.block .time {
    color:#BE3600;
    font-weight:bold;
    font-size:11px;
}

#vacancy-list li.hot > div.block a {
    font-size:14px;
    font-weight: bold;
    margin-right:60px;
}

.text-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space:nowrap;
}


/*  Открытые вакансии работодателя  */
.employer-vacancy-list {padding:10px 0;}
.employer-vacancy-list h3 {
    font-size: 18px;
    padding: 7px 0;
    margin-bottom: 10px;
}
.employer-vacancy-list li {
    padding-bottom:10px !important;
    position:relative;
}
.employer-vacancy-list .pager li {
    padding-bottom:0 !important;
}
.employer-vacancy-list li.separator {display:none;}
.employer-vacancy-list li .date {
    background: #999;
    color: #FFF;
    font-size: 11px;
    line-height: 11px;
    padding: 0 4px;
    margin-right:5px;
}
.employer-vacancy-list li .date .time {
    color:#fff !important;
    font-size:11px !important;
    display: inline-block;
    line-height: 11px;
    padding: 0 4px;
}
.employer-vacancy-list li .city {
    color:#777;
    border-right:none !important;
}
.employer-vacancy-list li h4 {
    margin:10px 0 0 0 !important;
    font-size:14px !important;
}


/*  Каталог резюме и каталог вакансий*/

.alist #content .menu.list .items li.separator {display:none;}
.alist #content .menu.list li .date{margin-right:5px;}

/*selected*/
.alist #content .menu.list .items li.selected,
.aservices #vacancy_list .items li.selected {
    position: relative;
    background:none;
}
.alist #content .menu.list .items li.selected:before,
.aservices #vacancy_list .items li.selected:before {
    content:'';
    display:block;
    position:absolute;
    top:5px;
    right:5px;
    height:10px;
    width:10px;
    background: #E75756;

    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
}
.alist #content .menu.list .items li.selected .date,
.aservices #vacancy_list .items li.selected .date {
    background:#E75756;

}
.aservices #vacancy_list .items li.selected .city {
    font-weight:normal;
    margin-left:10px;
}
.alist #content .menu.list .items li.selected h4 > a,
.aservices #vacancy_list .items li.selected h4 > a{
    color:#E75756;
}

sup.favorite a {
    color:#ED39B7 !important;
    font-size:11px;
}


/* каталог новостей */
.view {margin-bottom: 10px;}


/* menu.left */
#vacancy-list .section .menu.left li,
#resume-list .section .menu.left li  {
    display:inline-block;
    margin: 0;
    border:none;
}

/* Список категорий  */

.category-list > li{margin-bottom:15px;}

/* vacancy  and resume----*/
.vacancy,
.resume {position:relative;}

.resume-info h1 span {white-space: nowrap;}
.resume-info {
    overflow:hidden;
}
.resume-info .section li {
    font-size: 14px;
    line-height:20px;;
    margin-bottom: 15px;
}
.resume-info .section li span {
    color:#777;
}
.resume-info .section li .description {
    margin-bottom: 5px;
}


.resume .candidate-info {
    margin: 50px 0;
    float:right;
    border:1px solid #E7EAED;
    padding:10px 15px;
    background:#fff;
    border-radius:7px;
    padding:10px 15px;
    box-shadow:  0px 0px 10px #eee;
}

.vacancy-info {
    padding: 20px;
    border: 3px solid #EBC819;
}
.vacancy .company-info {
}
.vacancy .company-info > div {
    margin-top: 20px;
    margin-bottom:20px;
}
.resume > .candidate-info .contacts .menu li{
    font-size:12px;
}

.vacancy .company-info .phone {
    font-size: 20px;
    text-decoration:none;
}

.vacancy .company,
.resume .contacts {
    background:none;
    border-radius:0;
    padding:0;
    margin:0;
}
.resume .contacts h3 {
    font-size:14px;
    line-height: 16px;
    font-weight: bold;
    margin-top: 5px;
}
.vacancy .company h2 {
    font-size:14px;
    line-height:18px;
    color:#2B587A;
    font-weight:bold;
}
.vacancy .company div > br {display:none;}
.vacancy .company div a {
    text-decoration:none;
    font-size:12px;
    color:#2B587A;
    display:block;
    padding:4px 5px;
}
.vacancy .company div a:hover {
    color:#2B587A;
    background:#E9EDF1;
}
.vacancy .user-action,
.resume .user-action {
    border-top:1px solid #E7EAED;
    margin-top:8px;
    padding-top:8px;
    margin-bottom:10px;
}


.vacancy > .company-info .section,
.resume > .candidate-info .section {
    margin-bottom:0;
}

.resume .right .contacts h3 {
    font-size:13px;
}
.resume .right .menu li {
    font-size:12px;
    border-bottom:none;
}
.vacancy-info > br.clear,
.resume-info > br.clear {
    display:none;
}
.vacancy .button,
.resume .button {
    float:none;
    margin:20px 0;
    width:300px;
    display:block;
    border:none;
    background:#EEEFF0;
    color:#2B587A;
    font-weight:normal;
    padding:5px 0;
    text-align:center;
}
.vacancy .button:hover,
.resume .button:hover {
    background:#E7EAED;
    color:#2B587A;
}


.cvacancy #send-resume-form .form,
.cvacancy .form,
.cresume .form {
    margin:0 auto;
}

/* Личный кабинет -------------------------------- */

/*  nav  -------------------*/
.workplace .nav h2 {
    padding: 5px;
    font-size: 16px;
    font-weight: 600;
    color: #375371;
    text-transform: uppercase;
    border-bottom: 2px solid #739CC7;
    position: relative;
}
.workplace .nav h2:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #739CC7;
    position: absolute;
    top: 100%;
    margin-top: 2px;
    left: 6px;
}
.workplace .nav h2 a {text-decoration:none; color: #375371 !important;}
.workplace .nav > ul {list-style:none;margin:0;}
.workplace .nav li a {
    padding: 5px !important;
    display: block !important;
    color:#2B587A;
    font-size:14px;
    text-decoration: none;
}
.workplace .nav li a:hover {background:#E9EDF1;}
.workplace .nav li.active {
    left:0 !important;
    padding:0 !important;

    background-image:none !important;
    background-color:transparent !important;

}
.workplace .nav li.active a {
    color:#2B587A !important;
}

.wrap.blocks {position:relative;}



/* Блок информации кандидата */
#user-info {
    border:1px solid #E7EAED;
    padding:10px 15px;
    background:#fff;
    -webkit-box-shadow:  0px 0px 10px #eee;
    -moz-box-shadow:  0px 0px 10px #eee;
    -ms-box-shadow:  0px 0px 10px #eee;
    -o-box-shadow:  0px 0px 10px #eee;
    box-shadow:  0px 0px 10px #eee;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    -o-border-radius:7px;
    border-radius:7px;
}
#user-info .block-info {
    border:none;
    padding:0;
}

#user-info .service-links a {
    color:#fff;
    padding:5px;
    display:block;
    font-size:14px;
    font-weight:bold;
    line-height: 24px;
    text-align:center;
    border-bottom: 1px solid #496b93;
    background: #658AB0;

    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;

    -webkit-text-shadow: 0 1px 0 #5578A0;
    -moz-text-shadow: 0 1px 0 #5578A0;
    -ms-text-shadow: 0 1px 0 #5578A0;
    -o-text-shadow: 0 1px 0 #5578A0;
    text-shadow: 0 1px 0 #5578A0;
}
#user-info h2 {
    font-size:14px;
}

/* личный кабинет работодателя */

.cdefault .wrap .block.replies,
.cdefault .wrap .block.account,
.cprofile.aindex .workplace .block,
.caccount .wrap .block {
    border:1px solid #E7EAED;
    padding:10px 2%;
    margin-bottom:20px;
    background:#fff;
    -webkit-box-shadow:  0px 0px 10px #eee;
    -moz-box-shadow:  0px 0px 10px #eee;
    -ms-box-shadow:  0px 0px 10px #eee;
    -o-box-shadow:  0px 0px 10px #eee;
    box-shadow:  0px 0px 10px #eee;

    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    -o-border-radius:7px;
    border-radius:7px;
}


/* Отклики на вакансии */
#vacancy_manager_list {
    width: 100% !important;
}

/* Добавление вакансии */

.aadd .form {margin:0;}
/* Список резюме */
.positions > li {
    position:relative;
    margin-bottom: 30px !important;
    padding-bottom: 15px !important;
}
.positions > li:last-child {
    padding-bottom:15px !important;
    border-bottom:none;
}
.positions li .panel-access {
    float:none !important;
    position:relative;
}
.positions li .panel-access:after {
    content:'';
    display:block;
    height:0;
    clear: both;
}
.positions li .access {
    float:left;
    margin: 0 5px 0 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    padding-bottom:4px;
    cursor:pointer;
}

.positions li .access input {
    margin-top:4px;
    height:14px;
    width:25px;
    line-height:16px;
    padding:0;
    vertical-align: bottom;
}
.positions li .access label {cursor:pointer; margin-bottom:0;}
.positions li .link-to-ad {margin-top:10px;}
.positions li .service-links {
    border:none;
    margin-top:0;
    padding-top:0;
}


/* Добавление резюме  -----------------------------*/

.asteps .list.left {
    width:48% !important;
    margin-right:2%;
    padding-right:0;
}
.asteps #form-filling {
    width:48%;
}
/* asteps */
.asteps .block-info {
    padding:10px;
}
.asteps .positions li {
    padding:0;
    border:none;
    box-shadow: none;
    border-bottom:1px solid #eee;
}
.asteps .positions li:last-child {
    border:none;
}
.asteps .form {
    width: auto;
    margin:0;
}



/* steps */

.steps {
    counter-reset:li; /* Инициализируем счетчик */
    padding:0; /* Удаляем  установленное по умолчанию левое поле*/
    list-style:none; /* Отменяем нумерацию установленную по умолчанию */
}
.steps li {
    float: left;

    position:relative; /* Создаем контекст для позиционирования элементов */
    margin:0 5px 6px 0; /* Даем каждому элементу списка отступ слева, что бы освободить пространство для нумерации */
    padding:0;
    background:#eee;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    font-size:14px;
}
.steps li:before {
      content:counter(li); /* В качестве данных используем счетчик */
      counter-increment:li; /* Увеличиваем значение счетчика на 1 */
      /* Позиционируем и оформляем цифры */
      position:absolute;
      top:8px;
      left:20px;
      color:#444;
      font-size:12px;
      font-weight:bold;
      text-align:center;
}
.steps li:hover {background:#ddd;}
.steps li:hover a:after {border-left-color:#ddd;}


.steps li a {
    text-decoration:none;
    position:relative;
    color:#444 !important;
    display: block;
    font-size:11px;
    font-weight:bold;
    padding: 0 5px 0 35px;
    height:30px;
    line-height:30px;

    -webkit-text-shadow: 1px 1px 0 #fff;
    -moz-text-shadow: 1px 1px 0 #fff;
    -ms-text-shadow: 1px 1px 0 #fff;
    -o-text-shadow: 1px 1px 0 #fff;
    text-shadow: 1px 1px 0 #fff;
}


.steps li a:before,
.steps li a:after {
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    width: 0;
    height: 0;
    z-index:1;
    border-top: 15px solid transparent;
    border-left: 15px solid #fff;
    border-bottom: 15px solid transparent;
}

.steps li a:after {
    left:100%;
    z-index:5;
    border-left: 15px solid #eee;
}
.steps li:first-child a {
    padding: 0 10px 0 25px;
}
.steps li:first-child:before {
    left:8px;
}
.steps li:first-child a:before,
.steps li:last-child a:after {
    border:none;
}

/* activ */
.steps li.active {
    background:#999;
    border: none;
}
.steps li.active:before {
    text-shadow: 1px 1px 0 #666;
    color:#fff;
}
.steps li.active:hover {background:#999;}


/* activ links  */
.steps li.active a {
    color:#fff !important;


    -webkit-text-shadow: 1px 1px 0 #555;
    -moz-text-shadow: 1px 1px 0 #555;
    -ms-text-shadow: 1px 1px 0 #555;
    -o-text-shadow: 1px 1px 0 #555;
    text-shadow: 1px 1px 0 #555;
}

.steps li.active a:after {border-left-color:#999;}


/* articles --------------------------------------*/

.b-gray {
    background:#eee;
}
.b-yellow,
.b-blue {
    background:#FEAA37;
    color:#fff;
}
.b-yellow a,
.b-blue a {color:#fff;}
.b-yellow a:hover,
.b-blue a:hover {color:#fff;}


.b-blue {
    background:#61C3E7 ;
}
.articles,
.news,
 {
    overflow: hidden;
    margin:0;
    border:none;
    padding:20px 40px;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;


}
.about-jobs p, .about-jobs li {
    font-size: 11px;
    line-height:14px;
    margin-bottom:5px;
}
.title-mini {
    margin:0;
    cursor:pointer;
    position:relative;
}
.title-mini.toggle i{
    position:absolute;
    top:4px;
    right:10px;
    font-weight:bold;
}

.news > div, .articles > div {
    padding-top:20px;
    padding-bottom:20px;
    overflow:hidden;
}

.qa > div {
    display:none;
    padding-top:20px;
    padding-bottom:20px;
    overflow:hidden;
}

.qa div > a {
    font-size:14px;
    display:inline-block;
    padding:15px;
    clear:left;
    float:left !important;
    text-decoration: none;
    margin-top:10px;
    color:#fff;
}

#job-information > div {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;

    border:none;
    background: none;
    padding:0;
}


/*  Задай вопрос блок на главной -------------------*/

.qa {
    background:#ECECEC;
    padding:20px 40px;
    position:relative;
    color:#fff;
}
.qa h2 {
    color:#666;
}
.qa div > a {
    background:#797774;
    color:#fff;
}
.qa > a:hover {
    background:#555;
    color:#fff;
}
.qa ul {
    width:70%;
    float:left;
    list-style:none;
    margin:0 2% 0 0;
    position:relative;
    list-style: none; /* убираем дефорлтные цифры */
    counter-reset: point; /* задаем переменную для счетчика */

}
.qa ul:after,
.qa:after {
    content: '';
    display:block;
    height:0;
    clear:both;
}
.qa ul li {
    position: relative;
    margin-bottom: 5px;

}
.qa ul li > span {
    font-size: 11px;
    position:absolute;
    top:9px;
    left:9px;
    background: #E7E7E7;
    width: 35px;
    padding: 2px 0;
    color: #666;
    font-weight: 700;
    text-align: center;
}



.qa ul li .question {
    line-height: 26px;
    height:26px;
    padding: 7px 0 7px 40px;
    background: #797774;
    overflow: hidden;
    cursor:pointer;
}
.qa ul li .question:first-letter {
    text-transform: uppercase;
}
.qa ul li .question:hover,
.qa ul li .question:active,
.qa ul li .question.active {
    background: #555;
}
.qa ul li .question.active {
    height: auto;
    overflow:visible;
    line-height: 16px;
    padding : 10px 0 10px 40px;
}
.qa ul li a {
    display: block;
    padding: 0 15px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}
.qa ul li a:hover {
    color: #fff;

}
.qa ul li .answer {
    padding: 5px 19px;
    line-height: 16px;
    font-size: 12px;
    font-style: italic;
    background: #ECECEC;
    overflow: hidden;
    color: #666;
    display:none;
}



.ask {
    margin-right:0;
    width:28%;
    float:left;
    margin-bottom:20px;
}


.ask #qa-form {
    width:auto;
    min-width:150px;
    border:none !important;
    background:#797774 !important;
    padding: 12px 10px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;

}
.ask #qa-form div.row {
    border:none;
    padding:5px 0;
}
.ask #qa-form div.row label {
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    margin-bottom: 5px;
    display:block;
}
.ask #qa-form input[type="text"],
.ask #qa-form textarea {
    width: 95%;
    border:none !important;
    background:#f9f9f9;
    margin-bottom:5px;

    -webkit-box-shadow: inset 2px 2px 5px #AFAFAF;
    -moz-box-shadow: inset 2px 2px 5px #AFAFAF;
    -ms-box-shadow: inset 2px 2px 5px #AFAFAF;
    -o-box-shadow: inset 2px 2px 5px #AFAFAF;
    box-shadow: inset 2px 2px 5px #AFAFAF;
}
.ask #qa-form .row.submit input {
    background: #ECECEC;
    border:none !important;
    float:none;
    font-size:14px;
    color:#666;
    height:33px;
    cursor: pointer;
}
.ask #qa-form textarea {
    resize:none;
}


.cqa #content .menu.list .items > div {
    margin:10px 0;
}
.cqa #content .menu.list .items > div > span {
    display: inline-block;
    padding:4px 5px;
    color:#fff;
    font-size:11px;
    font-weight:bold;
    background:#658AB0;
}
.cqa #content .menu.list .items > div  .question b {
    color:#2B587A;
}
.cqa #content .menu.list .items > div p,
.cqa #content .menu.list .items > div em {
    line-height:16px;
    font-size:12px;
    margin:0;
}
.cqa #content .menu.list .items div hr{
    display:none;
}


/* vacancy-service-form */

#vacancy-service-form .form {
    margin-right:20px;
}
#vacancy-service-form .form.plain {
    margin:10px 0;
}
.aservices #vacancy_list {
    min-width:300px;
    max-width:400px !important;
    width:100% !important;
}


/*  bottom_new -----------------------------------*/
#bottom_new {
    padding:30px 20px;
    color:#fff;
    background: #2e2e2e;
    min-height:255px;
}
#bottom_new a {color:#d9d9d9; text-decoration:none;}
#bottom_new a:hover {color:#fff;}

#top_new .add_buttons {
    display:none;
}


/*
.complaint-form-container {
    position:absolute;
    z-index:100;
    box-shadow: 1px 1px 4px #ccc;
}
*/
.complaint-form-container h3 {
    margin-top:10px;
    text-align:center;
}
.complaint-form-container .container {
    margin:0;
}
.complaint-form-container.form form div.row label {
    width:auto;
}
.complaint-form-container .show-email {
    margin: 10px;
    cursor: pointer;
    text-align:center;
}
.complaint-form-container .show-email span {
    border-bottom: 1px dotted;
}
.complaint-form-container .submit {
    text-align:center;
}
#content .complaint-form-container .submit input {
    float: none;
}
.complaint-btn {

}