* {margin:0;padding:0}
embed,iframe,object,video {max-width:100% !important;vertical-align:middle}
.clear:before,.clear:after {content:'';display:table}
.clear:after {clear:both}
.container {max-width:100%;margin:auto;padding:0 60px}

@media (max-width: 760px) {
.container {
    padding:0 10px
  }
}

.left {float:left}
.right {float:right}
.none {display:none}

:root {
    --main-blue-color: #212426
}

body{font:16px/22px Arial,sans-serif;color:#212426;background:#fff}
a{color:#0792f0;text-decoration:none;outline:0}
a:hover{color:#212426}
p {margin-bottom:17px}
table, ul {margin-bottom:15px}
h1 {font-size:34px;font-weight:400;color:#212426;margin-bottom:20px;line-height:40px;display: inline}
h2 {font-size:16px;font-weight:400;color:#212426;margin-bottom:0px;line-height:24px;display: inline}
h3 {font-size:16px;font-weight:400;color:#212426;margin-bottom:0px;line-height:22px}
img {max-width:100%;height:auto}
hr {border:0;border-top:1px solid #ccc}
input, textarea {box-sizing:border-box}
input:focus{outline: none}

input[type="text"],
input[type="password"],
select,
textarea {background:#fff;border-radius: 10px;border:1px solid #e3e3e3;color:#838383;padding:13px;font-size:16px}
input[type="submit"] {background:#058eb0;border-radius: 10px;color:#fff;cursor:pointer;border:none;padding:10px 25px;font-size: 16px;}
input[type="submit"]:hover {background:#04708a;}
#err {color:red}
#success {color:green}
#message {background:#fdf9e5;padding:10px 10px 10px 15px;border:1px solid #ffefd1;color:#c49a52;margin-bottom:30px}
#message h3 {font-weight:600;margin-bottom:5px}

.api-info {font-size:12px;color:#838383}
.api-info p {color:#838383}
/* #trud {text-decoration: underline;word-break: break-all} */
/* #trud:hover {cursor: pointer} */

.api-icon {background:url(images/api.png) no-repeat;display:inline-block;height:24px;width:24px;vertical-align:middle;margin:-8px 0 0 5px}
.adv {margin-bottom:20px;max-height:300px;overflow:hidden}

#header {background:#05bae8;margin-bottom:30px;border-top: 4px solid #058eb0}
.h-logo {float:left}

.h-logo {margin:22px 22px 22px 11px}
.h-logo img {width:154px;height:48px; vertical-align:middle}

.h-menu {float:left;margin-top:35px}
.h-menu li {display:inline-block;margin:0 26px 15px 0}
.h-menu a {color:#fff;font-size:18px;display:inline-block;font-weight:400}
@media screen and (max-width: 1045px) {.h-menu {width:100%;margin-top:0}}
.h-menu-img {width:15px;height:15px;margin:0 5px -2px 0;}
.h-m_vac,
.h-m_login,
.h-m_new,
.h-m_addvac,
.h-m_addres,
/* .h-m_city {background-repeat: no-repeat;background-image: url(images/h-icons.png);width:14px;height:14px;display:inline-block;position:relative;top:2px;margin-right:10px} */
.h-m_vac {background-position: -14px 0}
.h-m_login {background-position: -28px 0}
.h-m_new {background-position:0 0}
.h-m_addvac {background-position:-42px 0}
.h-m_addres {background-position:-56px 0}
.h-m_city {background-position:0 0}

.h-search {background: #05bae8;text-align:center;color:#fff}
.h-search h1 {font-size:60px;padding:70px 0 25px 0;line-height:60px;color:#fff}
@media screen and (max-width: 1020px) {.h-search h1 {padding:40px 0 30px 0}}
.h-search form {margin:10px 0}
.h-search input[type="text"],
.h-search input[type="submit"] {height:52px;border:0px solid #fff}
.h-search input[type="text"] {max-width:800px;width:65%;padding-left:15px;font-size:16px;color:#212426}
.h-search input[type="submit"] {margin-left:5px}

.h-s_links {padding:0 0 15px 0;max-width: 1100px;margin: auto;}
.h-s_links li {display:inline-block;margin:20px 0 0 0}
.h-s_links a {
  font-size: 16px;
  color: #fff !important;
  margin: 4px 2px 4px 10px;
  padding: 6px 20px;
  border-radius: 20px;
  border: 1px solid #fff;
//*  background: #1A8ABF; *//
  display: inline-flex;}
.h-s_links a:hover {text-decoration:underline}
//*{color:#212426;font-size:18px;font-weight:300;margin-right:20px;margin-left: 5px} *//

.breadcrumb {padding:15px 20px}
.breadcrumb ul {margin:0}
.breadcrumb li {display:inline-block;list-style:none;margin-right:5px}
.breadcrumb li:not(:first-child):after {content:'\2013';margin-left:8px;font-size:14px}
.breadcrumb li:last-child:after {content:''}
.breadcrumb a {color:#838383}

.content {width:calc(75% - 30px);float:right}
@media screen and (max-width: 1020px) {.content {width:100%}}

.block {padding: 30px 23px;
  margin: 50px 0 30px 0;
  border: 0px solid #e3e3e3;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 0 22px 0px rgba(0,0,0,.1)}
.block p:last-child {margin-bottom:0}

.block-2 {padding:20px 20px;margin:20px 0 30px 0;border:1px solid #e6e4e4;border-radius: 2px; background:#fff}
.block-2 p:last-child {margin-bottom:0}
.block-2 ul {margin:0 0 15px 15px}
.b-head {font-size:26px;color:#212426;line-height:32px}
.b-head {position:relative;margin: 15px 0px 0px 0px;padding: 8px 0px 0px 0px}
.b-head h3 {margin-bottom:0}

.b-head_bold:after {content:'';position:absolute;left:-20px;bottom:-1px;//*border-bottom:3px solid #212426;*//display:block;width:calc(100% + 40px)}

.b-list {margin-bottom: 20px}
.b-list li {list-style:none}
.b-list li:before {content:'\203A';color:#0280bd;font-weight:600;font-size:15px;margin-right:6px}

.c-orglist ul {display: flex;align-items:center;column-gap:15px;margin-top:10px;margin-bottom:5px}
.c-orglist li {display:inline-block}
.c-orglist img {max-height:100px;max-width: 180px;}
.c-orglist a {color:#999;font-size:13px;font-style:italic}
.c-orglist a:hover {text-decoration:underline}

.c-map,
.c-map p {padding-bottom:10px}
.c-map h1 {margin-bottom:0;font-size:26px}

/* .c-m_block {margin-bottom:5px;font-size: 14px;background: #fff;padding: 8px 8px;border: 1px solid #058eb0;border-radius: 5px;line-height: 20px;text-align: left;width: 47%;display: inline-flex;}
@media screen and (max-width: 600px) {.c-m_block {width:44%;margin-bottom:10px;font-size: 18px;line-height: 24px}}
.c-m_block a {font-weight:300;color: #17252A}
.c-m_block a:hover {text-decoration:underline} */

.c-m_block {width:calc(31% - 15px);margin-right:15px;margin-bottom:15px;float:left;background: #fff;padding: 8px 8px;border: 1px solid #058eb0;border-radius: 5px;line-height: 35px}
@media screen and (max-width: 790px) {.c-m_block {width:45%}}
@media screen and (max-width: 680px) {.c-m_block {width:95%}}

.c-m_block a {color:#0792f0;font-weight:300}
.c-m_block a:hover {text-decoration:underline}
.c-m_block_all {margin-bottom:20px}

.geo-region-name span {color:#212426;font-weight:300;border-bottom: 1px #0792f0 solid;cursor: pointer;}
.geo-cities-list li {list-style: none}

.items {margin-bottom:30px}
.i-item:first-child {border-top:0px solid #e6e4e4}
.i-item {background:#f4f4f4;border:0px solid #e6e4e4;padding:20px 20px;margin: 20px 0;border-radius: 12px}
.i-item a {color:#212426}
.i-item a:hover {text-decoration: underline}
.i-i_title,
.i-i_tags {margin-bottom:10px;font-size:16px;color:#4d4d4d}
.i-i_title {font-size:24px;font-weight:600;display:inline-block;line-height:30px}
/* .i-item > div:last-child {width:150px;float:right;text-align:right} */
.i-item > div:first-child {width:100%;float:left}
.i-i_tags i {width:2px;height:2px;background:#5b5b5b;vertical-align:middle;margin:0 7px;display:inline-block}

.i-i_sal {font-size:16px;font-weight:400;color:#4d4d4d;margin-bottom:10px}
.i-i_date {margin-bottom:5px;font-size:12px;color:#4d4d4d}
.i-i_date span {background:url(images/added.png) no-repeat left;padding-left:25px}

.i-nav {text-align:center;margin-top:30px}
.i-nav li {list-style:none;display:inline-block;margin:10px 0px 10px 1px}
.i-nav a {color:#058eb0}
.i-nav a,
.i-nav span {padding:6px 12px;font-size:18px;border: 1px solid #058eb0}
.i-nav a:hover,
.i-nav span {border: 1px solid #058eb0;color:#058eb0;background-color: #afd7c1}

.c-enterform {color:#687864}
.c-enterform form {text-align:center}
.c-enterform form div {margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e3e3e3}
.c-enterform label {display:inline-block;width:calc(25% - 15px);text-align:right;margin-right:15px;vertical-align:middle}
.c-enterform input[type="text"],
.c-enterform input[type="password"],
.c-enterform select,
.c-enterform textarea {width:70%;vertical-align:middle}
.c-enterform textarea {height:100px}
.c-enterform small:hover {cursor:pointer}
.c-enterform input:first-child {display:none}

.c-eav h1,
.c-eav h2,
.c-eav h3 {margin:0}
.c-eav h2 {text-transform:none; display: inline}
.c-eav h3 {font-size:18px;color:#212426;font-weight: 600;margin-bottom: 12px;padding-bottom: 15px}
.c-eav h3 {font-size:18px;color:#212426;font-weight: 600;margin-bottom: 12px;padding-bottom: 15px}
.c-eav span {font-size:18px;color:#212426;font-weight: 600;margin-bottom: 12px;padding-bottom: 15px; display: block}
.c-eav img {max-width:200px}
.c-eav_logo {width:calc(250px - 20px);margin-right:20px}
.c-eav_logo div,
.c-eav_logo img {margin-bottom:10px}
.c-eav_data {float:left}
.c-eav_data div {margin-bottom:15px}
.c-eav_data > div:last-child {margin-bottom: 0}
.c-eav_data span {margin-right:5px;font-size:18px;color:#212426;font-weight: 600}
.c-e_d__salary {color:#212426;padding-bottom:5px;font-size:16px}
.c-e_d__salary span {color:#212426}
.c-e_d__company > div:last-child div {margin-bottom: 0}
.c-e_d__company div span,
.c-e_d__company div div {float:left}
.c-e_d__company div span {width:180px}
.c-e_d__company div div {width:calc(100% - 185px)}
@media screen and (max-width: 600px) {.c-e_d__company div div {width:100%}}

.c-newslist .i-nav ul {margin-bottom:0}
.c-news:not(:last-child) {margin-bottom:30px}
.c-n_head {margin-bottom:20px}
.c-n_head a {color:#222;font-size:20px;line-height:1.2}
.c-n_head a:hover {color:#212426}
.c-n_nav a,
.c-n_desc a {color:#212426}
.c-n_nav a:hover,
.c-n_desc a:hover {text-decoration:underline}
.c-n_nav li {display:inline-block;margin-right:12px}
.c-n_nav {text-transform:uppercase;font-size:14px}
.c-n_nav .write-icon:before {content:'\270E';margin-right:5px;font-size:17px;color:#777}
.c-n_desc {margin-bottom:15px}
.c-n_desc p {margin-bottom:10px}

.c-newsdata .c-n_desc {margin-bottom:40px}

.c-commentform {margin-bottom:30px}
.c-commentform div {margin-bottom:10px}
.c-commentform h4,
.c-comments h4 {font-weight:600;font-size:17px;border-bottom:1px solid #e3e3e3;margin-bottom:10px;padding-bottom:5px}
.c-commentform input[type="text"],
.c-commentform textarea {border:1px solid #e3e3e3}
.c-commentform input[type="text"],
.c-commentform select {width:230px;padding:10px}
.c-commentform textarea {width:100%;max-width:370px;height:130px}

.c-comment {margin-bottom:15px;padding:10px;border:1px solid #e3e3e3;border-radius:6px}
.c-c_name {font-weight:600;margin-left:10px}
.c-comment span {font-size:12px;color:#818181}
.c-comment li span {font-size:13px;text-transform:uppercase}
.c-comment li {list-style:none;display:inline-block;width:45%;min-width:120px;position:relative;margin-bottom:8px}

.c-c_star::after {content:'\2605\2605\2605\2605\2605';position: absolute;left:0;color: #dedede;font-size: 22px}
.five::before,
.four::before,
.three::before {position:absolute;left:0;color:#ffd564;font-size:22px;z-index:1}
.four::before {content:'\2605\2605\2605\2605'}

.sidebar {width:26%;min-width:260px;float:left}
@media (max-width:1060px) {.sidebar {width:100%;margin-left:0px;}}
.s-t_head {
  font-size: 14px;
  color: #17252A;
  background: #fff;
  margin: 10px 0px 10px 0px;
  padding: 8px 8px;
  border: 1px solid #058eb0;
  border-radius: 5px;
  line-height: 20px;
  text-align: left;
  width: 122px;
  display: inline-flex;
}

.s-t_head a {color:#212426}
.s-t_head a:hover {text-decoration:underline}
/*.s-t_head:before {content:'\2605';color:#fd8d05;font-weight:400;font-size:18px;margin-right:5px} */

.s-a_head {margin-bottom:10px;font-size:17px;line-height:22px}
.s-a_head a {color:#212426}
.s-a_head a:hover {text-decoration:underline}
.s-a_more {margin-bottom:10px}
.s-a_more a {border:1px solid #212426;border-radius: 5px;padding:10px 15px;color:#212426;font-size:16px}
.s-a_more a:hover {background:#212426;color:#fff}

.s-jobname ul {margin-bottom:0}
.s-jobname li {margin-bottom:5px;list-style:none}
.s-jobname a {color:#212426}
.s-jobname a:hover {text-decoration:underline}
.s-jobname li:before {content:'\203A';color:#0280bd;font-weight:400;font-size:16px;margin-right:5px}

.s-search label {margin-bottom:0px;display:inline-block;color:#212426;font-size: 16px}
.s-search label-h {margin-bottom:20px;display:inline-block;color:#212426;font-size: 26px;line-height:32px}
.s-search input[type="text"],
.s-search select {width:100%;margin-bottom:12px}
.s-search a {margin-left:25px;color:#212426}
.s-search a:hover {text-decoration:underline}


#footer {margin-top:60px;border-top:1px solid #027997;background:#058eb0;padding:20px 0}
/* #footer .clear {border-bottom:1px solid #e3e3e3;padding-bottom:10px} */
.f-block {float:left;width:33%;min-width:168px;list-style:none;margin-top:10px}
.f-block li {margin-bottom:5px}
.f-block li:first-child {color:#bbb;font-size:24px;margin-bottom:18px}
.f-block a {color:#ddd}
.f-block a:hover {text-decoration:underline}
/* .f-block li:not(:first-child):before {content:'\203A';color:#c1c1c1;font-weight:600;font-size:15px;margin-right:6px} */
.f-copy {font-size:14px;color:#ddd;padding:10px 0}

.vacancy-item__list {margin-bottom: 0}
.vacancy-item__list li {list-style: none;margin-bottom: 10px;font-size:16px;color:#4d4d4d;font-weight:600}
.vacancy-item__person {display: flex;margin-bottom: 10px;column-gap: 20px}

.work-letters {display: flex;gap: 10px;margin-bottom: 20px;flex-wrap: wrap}
.work-letter {cursor: pointer;font-size: 31px;padding: 10px 10px;background: #058eb0;border-radius: 12px;color: #fff !important}
.work-letter:hover {background: #04708a}
.work-group {display: none}
.work-group.active {display: flex;flex-wrap: wrap;gap: 0px}

.pravo-link {cursor: text}

.vacancy-response-button {
    border:1px solid #058eb0;border-radius:10px;padding:10px 25px;cursor: pointer;
    color:#fff;font-size:16px;background:#058eb0;
}
.vacancy-response-button:hover {background:#04708a}

.modal {
    position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);display: none;
    justify-content: center;align-items: center;z-index: 10;
}
.modal-content {background: white;padding: 20px;border-radius: 5px;max-width: 450px;width: 90%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
#closeModalBtn {margin-top: 10px;padding: 8px 16px;background: white;color: var(--main-blue-color);
    border: 1px solid var(--main-blue-color);cursor: pointer;border-radius: 4px;text-transform: uppercase;
}

.title-section {background: #05bae8;padding-top: 25px;padding-bottom: 25px;color:#fff;font-size: 20px}
.title-section h1,.title-section h2 {color:#fff;font-size: 46px;line-height: 60px}
@media (max-width:760px) {.title-section h1 {font-size: 34px;line-height: 32px}}
.title-section span {font-size: 12px}

.filter_link a {
  font-size: 13px;
  color: #2369a0 !important;
  margin: 4px 2px 4px 2px;
  padding: 4px 10px;
  border: 1px solid #f0f7fd;
  border-radius: 20px;
  background: #f0f7fd;
  line-height: 20px;
  text-align: left;
  display: inline-flex;
}

.hr-h h2 {
  color: #212426;
  font-size: 34px;
  font-weight: 400;
  margin: 16px 0 42px 0;
}

.detail {
    background: #5dc7f0;
    border-radius: 10px;
    color: #fff !important;
    cursor: pointer;
    border: none;
    padding: 7px 20px;
    font-size: 16px;
    float: left;
}

.detail:hover {
    background: #08b2f4;
}

.spec {
  margin-bottom: 0px;
  text-align:center;
}
.spec_l {
  display: inline-block;
}

.spec_l a {
    font-size: 14px;
    color: #17252A;
    background: #fff;
    margin: 10px 0px 10px 0px;
    padding: 8px 8px;
    border: 1px solid #058eb0;
    border-radius: 5px;
    line-height: 20px;
    text-align: left;
    width: 122px;
    display: inline-flex;
}
.spec_l a:hover {
  text-decoration:underline;
  border: 1px solid #04708a;
}

@media (max-width: 1050px) {
  .spec_l a {
    color: #fff;
    background: #058eb0;
    font-size: 18px;
    margin: 12px 0px 2px 0px;
    padding: 11px 11px;
    border-radius: 10px;
    width: 150px;
    display: inline-flex;
  }
}

.remote {
    background: #376f97;
    border-radius: 10px;
    color: #fff !important;
    cursor: pointer;
    border: none;
    padding: 25px 25px;
    font-size: 18px;
    margin: 40px 0 0 0;
}

.part {
    background: #297b84;
    border-radius: 10px;
    color: #fff !important;
    cursor: pointer;
    border: none;
    padding: 25px 25px;
    font-size: 18px;
    margin: 40px 0 0 0;
}

.rezume {
    background: #295184;
    border-radius: 10px;
    color: #fff !important;
    cursor: pointer;
    border: none;
    padding: 25px 25px;
    font-size: 18px;
    margin: 40px 0 0 0;
}

.v-vac {
    background: #996b49;
    border-radius: 10px;
    color: #fff !important;
    cursor: pointer;
    border: none;
    padding: 25px 25px;
    font-size: 18px;
    margin: 40px 0 0 0;
}
@media (min-width: 1060px) {
.v-vac {
    width: 236px;
  }
}

.r_img {
    width:44px;
    height:44px;
}

.i-i_charge {
    margin-bottom: 10px;
    color: #5b5b5b;
    font-size: 16px;
}

.bl-f {background:#f6f8f7;border:1px solid #e6e4e4;padding:20px 20px;margin: 20px 0}

.breadcrumb {margin: 20px 0 0 0}