@font-face {
    font-family: "MontserratRegular";
    src: url("../fonts/Montserrat-Regular.otf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "MontserratRegular";
    src: url("../fonts/Montserrat-Bold.otf") format("truetype");
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: "MontserratBlack";
    src: url("../fonts/Montserrat-Black.otf") format("truetype");
    font-style: normal;
}

html,
body{margin:0;padding:0;font-family: "MontserratRegular";font-size: 14px;line-height:1.4;color:#202020;}
a{color: #2c78df;}
.flex{display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-start;}
i.icon{display: inline-block;width: 10px;height: 10px;margin-right: 5px;background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;}

a.btn{display: flex;flex-direction: row;justify-content: center;align-items: center;color: #767676;border: 1px solid #cacaca;padding: 0 20px;min-height: 48px;/*line-height: 48px;*/border-radius: 3px;text-decoration: none;}
a.btn:hover{background-color: #e9e9e9;}

a.inline-block{display: inline-block;line-height: 3.2;}

button.redhead,
a.redhead{border: none;outline: none;background-color: #ef7f1b;color: #ffffff;font-weight: bold;height: 60px;padding: 0 35px;border-radius: 3px;}
a.redhead{height: auto;display: inline-block;padding: 11px 35px;text-decoration: none;}
ul{margin: 0;padding: 0;list-style: none;}

button.btn.btn-default,
a.btn.btn-default{outline:none;display:inline-flex;flex-direction: row;justify-content: center;align-items: center;background-color: transparent;border: 1px solid #2c78df;border-radius: 3px;color: #2c78df;min-height: 38px;padding: 0 20px;}
button.btn.btn-no-style{outline: none;border: none;background: no-repeat;padding: 0;height: 0;}


button.btn.btn-default.btn-orange{
        border: 1px solid #ef7f1b;
        color:#ef7f1b;
}
button.btn.btn-default.btn-orange:hover{
    color:white;
    background-color:#ef7f1b;
}


.icon.time{background-image: url(/front/img/icons/time.png);min-width: 12px;min-height: 12px;}
.icon.cart{background-image: url(/front/img/icons/cart.png);min-width: 14px;min-height: 14px;}
.icon.rub{background-image: url(/front/img/icons/icon_rub.png);min-width: 20px;min-height: 20px;margin-right: 0;}
.icon.icon-eye-close{background-image: url(/front/img/icons/icon-eye-close.png);min-width: 20px;min-height: 16px;margin-right: 0;}
.icon.attention{background-image: url(/front/img/icons/attention.png);min-width: 12px;min-height: 12px;cursor:pointer;margin: 0 10px;}

button.order.flex,
a.order.flex{align-items: center;outline: none;}
button.order,
a.order{background-color: transparent;border: none;font-size: 10px;font-weight: bold;text-transform: uppercase;color: #2c78df;text-decoration: none;}

button.btn.btn-default .icon,
a.btn.btn-default .icon{background-position: 50% 0%;background-size: cover;}

button.btn.btn-default .icon.trash,
a.btn.btn-default .icon.trash{background-image: url(/front/img/icons/trash.png);min-width: 11px;min-height: 13px;}

button.btn.btn-default .icon.edit,
a.btn.btn-default .icon.edit{background-image: url(/front/img/icons/edit.png);min-width: 14px;min-height: 14px;}

button.btn.btn-default .icon.preview,
a.btn.btn-default .icon.preview{background-image: url(/front/img/icons/eye.png);min-width: 20px;min-height: 12px;}

button.btn.btn-default .icon.start-up,
a.btn.btn-default .icon.start-up{background-image: url(/front/img/icons/start-up.png);min-width: 15px;min-height: 15px;}

button.btn.btn-default:hover,
a.btn.btn-default:hover{color:#ffffff;background-color: #2c78df;}
button.btn.btn-default:hover .icon,
a.btn.btn-default:hover .icon{background-position: 50% 100%;}
button.btn.btn-default:hover svg path,
a.btn.btn-default:hover  svg path{fill: #ffffff!important;}

.text-uppercase {text-transform: uppercase;}

.padding__left{padding-left: 30px;}

.advanced__search{color: #ffffff;font-size: 15px;}
.advanced__search:hover{color: #ffffff;}
.advanced__search.flex{align-items: center;}
.advanced__search .icon{width: 19px; height: 19px;}

.margin{margin-top: 50px; margin-bottom: 60px;}

.info-message{position:relative;background-color: #ef7f1b;padding: 20px;border-radius: 3px;margin-bottom: 20px;color: #ffffff;}
.info-message>span.close{position: absolute;content: "";top: 5px;right: 10px;width: 10px;height: 10px;cursor: pointer;}

/*
<div class="gray__title__icon flex"><i class="icon" style="background-image: url(/front/img/icons/chevron-up.png);"></i>Услуги продвижения</div>
*/
.gray__title__icon.flex{align-items: center;}
.gray__title__icon{font-size: 12px;font-weight:bold;text-transform: uppercase;color: #9e9e9e;margin-bottom: 30px;}
.gray__title__icon>i.icon{margin-right: 10px;width: 12px; height: 12px;background-position:50% 50%;background-repeat: no-repeat;background-size: contain;}

/* На вверх */
#top {position: fixed;z-index: 100;display: none;padding: 8px 13px;background-color: #ef7f1b;color: #ffffff;font-size: 12px;bottom: 10px;right: 10px;cursor: pointer;border-radius: 3px;}
#top>span{font-size: 16px;line-height: 1;}

/* Slick */
.slick-prev:before,
.slick-next:before{color: #eb7e26;}

/* Хлебные крошки */
.breadcrumb{padding: 20px 0 0 0;}
.breadcrumb>li>a,
.breadcrumb>li>a:hover{color: #202020;font-weight: bold;}

/* Modals */
.modal-backdrop.in{display: none;}
.modal-header {background-color: #ef7f1b;color: #ffffff;}
.modal-header .close{position: absolute;top: 10px;right: 10px;width: 18px;height: 18px;  background-image: url(/front/img/icons/icon_close.png);  background-position: 50% 50%;  background-repeat: no-repeat;  background-size: contain;cursor: pointer;}
.modal-title{text-align: center;}
.modal-content{border-radius: 0;}

#successModal .modal-body .icon_success {width: 60px;height: 60px;margin: 20px auto 0 auto;background-image: url(/front/img/icons/icon_success.png);background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;}
#successModal h2 {font-size: 24px;text-align: center;}
#successModal .modal-body p {text-align: center;width: 70%;margin-left: auto;margin-right: auto;}

#requestPlacementModal button.redhead{height: 40px;margin-right: 15px;padding: 0 25px;}
#requestPlacementModal .description{padding: 20px 30px;background-color: #f7f7f7;margin-bottom: 20px;}
#requestPlacementModal .description .request{text-align: center;margin: 0 0 20px 0;}
#requestPlacementModal .description .price__block.flex{align-items: center;justify-content: center;}
#requestPlacementModal .description .price__block .price{margin: 0 10px;}
#requestPlacementModal .description .price__block .price .icon.coin{width: 16px;height: 16px;margin-right: 10px;background-image: url(/front/img/icons/coin.png);}

/* Форма */
input::placeholder{color: #9c9c9c;}
input[type="text"],
input[type="email"],
input[type="password"],
select{border: none;outline: none;height: 60px;padding: 0 10px 0 25px;color: #202020;background-color: #ffffff;}

/* Мульти - select */
.chosen-container{width: 100%!important;border: 1px solid #dadada;border-radius: 3px;}
.chosen-container .chosen-choices{height: 44px;background-image: none;background-color: transparent;padding: 10px;}
.chosen-container-active .chosen-choices{box-shadow: none;}
.chosen-container-multi .chosen-choices li.search-choice{margin: 0px 5px 0px 0;padding: 5px 20px 5px 5px;border: none;background-image:none;}

/* File
<div class="ajaxFileUpload__block">
    <div class="image" style="background-image:url([[!+modx.user.id:userinfo=`photo`]])"></div>
    <label>
        <input type="hidden" class="fileName" name="originalFileName" value="">
        <input type="hidden" class="fileUrl" name="photo" value="[[!+modx.user.id:userinfo=`photo`]]">
        <input type="file" class="ajaxFileUpload" name="ajaxFileUpload"/>
        <span>Загрузить</span>
    </label>
</div>
*/
.ajaxFileUpload__block{}
.ajaxFileUpload__block .image{width: 130px;height: 160px;background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;}
.ajaxFileUpload__block>label{position: relative;display: inline-block;margin-top: 10px;cursor: pointer;overflow: hidden;width: auto;background: #ef7f1b;border-radius: 3px;color: #ffffff;text-align: center;}
.ajaxFileUpload__block>label input[type="file"]{display: none;}
.ajaxFileUpload__block>label span{display: block;padding: 10px 13px;font-weight: bold;}

form span.error{color: #ff0000;font-size: 12px;}
form .form-group{/*flex-wrap: wrap;display: flex;flex-direction: row;align-items: center;justify-content: flex-start;*/margin-bottom: 10px;}
form .form-group>div>label{display: inline-block;padding-top: 15px;}
form .form-control{width: 100%;height: 46px;border: 1px solid #dadada;border-radius: 3px;padding: 0 10px;}
form textarea.form-control{padding: 10px;outline: none;resize: none;}

/* Radio
<label class="radio">
    <input type="radio" name=""/>
    <div class="radio__text">текст</div>
</label>
*/
label.radio{display: inline-block;margin: 0 10px 10px 0;}
.radio input {position: absolute;z-index: -1;opacity: 0;width: 18px;height: 18px;}
.radio__text {position: relative;padding: 0 0 0 25px;cursor: pointer;}
.radio__text:before {content: '';position: absolute;top: 0;left: 0;width: 18px;height: 18px;border: 1px solid #cccccc;border-radius: 50%;background: #ffffff;}
.radio__text:after {content: '';position: absolute;top: 4px;left: 4px;width: 10px;height: 10px;border-radius: 50%;background: #ef7f1b;opacity: 0;}
.radio input:checked + .radio__text:after{opacity: 1;}

/* Checkbox
<label class="checkbox">
    <input type="checkbox" name=""/>
    <div class="checkbox__text">текст</div>
</label>
 */
label.checkbox{display: inline-block;margin: 0 10px 10px 0;}
.checkbox input {position: absolute;z-index: -1;opacity: 0;width: 18px;height: 18px;}
.checkbox__text {position: relative;padding: 0 0 0 25px;cursor: pointer;}
.checkbox__text:before {content: '';position: absolute;top: 0;left: 0;width: 18px;height: 18px;border: 1px solid #cccccc;background: #ffffff;}
.checkbox__text:after {content: '';position: absolute;top: 4px;left: 4px;width: 10px;height: 10px;background: #ef7f1b;opacity: 0;}
.checkbox input:checked + .checkbox__text:after {opacity: 1;}

input[name="additionalPhone"]{width: 28%;}
input[name="additionalPhone"].form-control.mobile{display: none;}
.form-control.phone{width: 70%;}

/* pagination */
ul.pagination.flex{align-items: center;}
ul.pagination li.page-item>a{padding: 10px 20px;font-size: 13px;font-weight:bold;color:#202020;text-decoration:none;}

ul.pagination li.page-item.active>a{background-color: #e9e9e9;}

ul.pagination li.page-item>a>.icon{width: 13px;height: 9px;background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;}
ul.pagination li.page-item>a>.icon.prev{background-image: url(/front/img/icons/pagination_prev.png);}
ul.pagination li.page-item>a>.icon.next{background-image: url(/front/img/icons/pagination_next.png);}


/* Выпадающий список автозаполнени */
.autocomplete-suggestions{background-color: rgb(255, 255, 255);border: 1px solid #dadada;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px; overflow-y: scroll;}
.autocomplete-suggestions .autocomplete-suggestion{cursor: pointer;padding: 5px 10px;}
.autocomplete-suggestions .autocomplete-suggestion.autocomplete-selected,
.autocomplete-suggestions .autocomplete-suggestion:hover{background-color: #f7f7f7;}


/* Header*/
.header{min-height: 80px;background-color:#ffffff;padding: 20px 0;}
.header.flex{justify-content: space-between;align-items: center;flex-wrap: wrap;}
.header .logo{width: 13%;}
.header .logo>div{    width: 60px;
    height: 60px;
    background-size: cover;
    margin: 0px auto;}
.header .city{color: #b4b4b4;font-size:13px;width: 18%;cursor: pointer;}
.header .city.flex{align-items: center;}
.header .city .icon{width: 13px;height: 16px;}
.header .city span{border-bottom: 1px dashed;}
.header .search{display:none;width: 16px;height: 16px;margin-right: 20px;cursor:pointer;background-image:url(/front/img/icons/icon_magnifier_white.png);background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;}
.header .top__nav{width: 48%;}
.header .top__nav .burger__block.flex{justify-content: flex-end;}
.header .top__nav .burger__block{display: none;}
.header .top__nav .burger__block .burger {width: 25px;height: 18px;cursor:pointer;z-index: 200;margin-left: 25px;}
.header .top__nav .burger__block .burger span{transition: transform 1s 0s; display: block;height: 2px;margin-bottom: 6px;border-radius: 2px;background-color: #ffffff;}
.header .top__nav .menu_block.flex{justify-content: space-between;align-items: center;}
.header .top__nav .menu_block>a{color: #212121;/*font-weight: bold;*/}
.header .top__nav .menu_block>ul.auth__menu{display: none;margin-top: 20px;}
.header .top__nav .menu_block>ul.auth__menu>li{position: relative;padding-left: 20px;margin-bottom: 15px;color: #ffffff;}
.header .top__nav .menu_block>ul.auth__menu>li:before{position: absolute;content: "";top: 4px;left: 0; width: 10px;height: 10px; background-image: url(/front/img/icons/icon_play.png);background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;}
.header .top__nav .menu_block>ul.auth__menu>li>a{color: #ffffff;}
.header .top__nav .menu_block>ul.auth__menu>li.active{color: #ef7f1b;}

.header .personal__area{position: relative;font-weight: bold;color: #4c4c4c;width: 21%;}
.header .personal__area.flex{justify-content: flex-end;align-items: center;}
.header .personal__area .icon{width: 16px;height: 16px;}
.header div.personal__area{cursor: pointer;}
.header div.personal__area>span{border-bottom: 1px dashed;}

.header .personal__area .nav{display:none;position: absolute;top: 35px;right: 0;width: 180px;background-color: #ffffff;z-index: 10;padding: 10px;font-size: 13px;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(33,33,33,1);
    -moz-box-shadow: 0px 3px 5px 0px rgba(33,33,33,1);
    box-shadow: 0px 3px 5px 0px rgba(33,33,33,1);
}
.header .personal__area .nav a{display: block;color: #212121;font-size:13px;font-weight: normal;margin-bottom: 5px;padding-left: 17px;}
.header .personal__area .nav a:last-child{margin-bottom: 0;}
.header .personal__area .nav a.flex{align-items: center;padding-left: 0px;}
.header .personal__area .nav a>i.icon{width: 12px;height: 12px;}

.header .search__form{position: relative;}
.header .search__form,
.header .advanced__search{display: none;}

.header_first,
.header_second,
.header_third{background-color: #ffffff;z-index: 100;width: 100%;top: 0;}

.header_first.fixed,
.header_second.fixed,
.header_third.fixed{position: fixed;}

.header_first.fixed .header .search__form,
.header_first.fixed .header .advanced__search{display: flex;}


.header .top__nav.open_nav .burger__block{z-index: 201;/*position: absolute;top: 10px;*/right: 10px;}
.header .top__nav.open_nav .burger__block .burger{position: relative;}
.header .top__nav.open_nav .menu_block{position: absolute;display: flex;top: 60px;left: -10px;right: -10px;padding: 20px;background-color: #ffffff;/*height: 5000px;*/z-index: 1001;box-shadow: 0px 3px 5px 0px rgba(212,212,212,1);}
.header .top__nav.open_nav .menu_block>a{color: #202020;/*border-bottom: 1px solid #ffffff;*/font-size: 14px;}
.header .top__nav .mobile__nav{display: none;}
.header .top__nav.open_nav .burger__block .burger span:nth-child(1){transform: rotate(45deg);width: 20px;margin: 0;position: absolute;top: 8px;left: 0px;}
.header .top__nav.open_nav .burger__block .burger span:nth-child(2){transform: rotate(-45deg);width: 20px;  margin: 0;position: absolute;top: 8px;left: 0px;}
.header .top__nav.open_nav .burger__block .burger span:nth-child(3){display: none;}
.header .edit__profile{display: none;line-height: 0;}
.header .edit__profile svg path{fill: rgb(255, 255, 255);}


/* Header (первый тип шапки обернуты в class="header_first") */
.header_first .header .search__form{display: none;margin-top: 15px;width: 80%;}
.header_first .header .search__form input[name="search"]{width: 45%;border: 1px solid #dadada;margin-right: -1px;}
.header_first .header .search__form input[name="salary"],
.header_first .header .search__form select{width: 20%;border: 1px solid #dadada;margin-right: -1px;}
.header_first .header .search__form button.redhead{width: 15%;border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.header_first .header .search__form input[name="search"]{border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.header_first .advanced__search{display: none;width: 20%;margin-top: 15px;font-size: 14px;color: #212121;}
.header_first .advanced__search.flex{justify-content: flex-end;}
.header_first .advanced__search .icon{width: 14px; height: 14px;}

/* Header (второй тип шапки обернуты в class="header_second") */
.header_second{background-color: #f7f7f7;}
.header_second .header{background-color: transparent;}
.header_second .header .search__form{display: flex;margin-top: 15px;width: 100%;/*width: 80%;*/}
.header_second .header .search__form input[name="search"]{width: 45%;border: 1px solid #dadada;margin-right: -1px;}
.header_second .header .search__form input[name="salary"],
.header_second .header .search__form select{width: 20%;border: 1px solid #dadada;margin-right: -1px;}
.header_second .header .search__form button.redhead{width: 15%;border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.header_second .header .search__form input[name="search"]{border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.header_second .advanced__search{display: flex;width: 20%;margin-top: 15px;font-size: 14px;color: #212121;}
.header_second .advanced__search.flex{justify-content: flex-end;}
.header_second .advanced__search .icon{width: 14px; height: 14px;}

/* Header (третий тип шапки обернуты в class="header_third") */
.header_third{background-color: #f7f7f7;}
.header_third .header .city,
.header_third .header .top__nav,
.header_third .header .personal__area{display: none;}
.header_third .header{background-color: transparent;}
.header_third .header .search__form.flex{justify-content: flex-end;}
.header_third .header .search__form{display: flex;width: 85%;}
.header_third .header .search__form input[name="search"]{width: 55%;border: 1px solid #dadada;margin-right: -1px;}
.header_third .header .search__form input[name="salary"],
.header_third .header .search__form select{width: 20%;border: 1px solid #dadada;margin-right: -1px;}
.header_third .header .search__form button.redhead{width: 15%;border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.header_third .header .search__form input[name="search"]{border-top-left-radius: 3px;border-bottom-left-radius: 3px;}



.header_second .header .search__form select,
.header_third .header .search__form select{background-color: #ffffff;background-image: url(/front/img/icons/arrow-down.png);background-position: 96% 50%;background-repeat: no-repeat;-moz-appearance: none;-webkit-appearance: none;appearance: none;}

.search__form svg{display:none;position: absolute;z-index: 1000;top: 35px;right: 40px;cursor: pointer;}

/* Footer */
.footer{background-color: #262626;color: #828282;padding: 60px 0;}
.footer .title{color: #ffffff;font-size: 16px;font-weight: bold;margin-bottom: 25px;}
.footer ul{margin: 0;padding: 0;list-style: none;}
.footer ul li{margin-bottom: 10px;}
.footer ul li a{color: #828282;text-decoration: none;}
.footer ul li a:hover{color: #ffffff;}

/* Copyright */
.copyright{background-color: #202020;color: #747474;padding: 35px 0;}
.copyright .copy.flex{align-items: center;}
.copyright .copy{min-height: 42px;}
.copyright .title{font-size: 11px;color: #7a7a7a; text-transform: uppercase;margin-right: 10px;font-weight: bold;}
.copyright .social.flex{justify-content: flex-end;align-items: center;}
.copyright .social .icon{width: 42px;height: 42px;margin-left: 5px;}

.copyright .logo__block.flex{justify-content: flex-end;}
.copyright .logo__block .logo{display: none;}

/* Сортировка */
.sort__block.flex{}
.sort__block{margin: 0 0 20px 0;}
.sort__block .item.flex{align-items: center;}
.sort__block .item{cursor: pointer;margin-right: 20px;}
.sort__block .item.active span{font-weight: bold;}
.sort__block .item span{font-size: 15px;line-height: 1;margin-right: 10px;}
.sort__block .item svg{}

/*.sort__block .item.rotation svg{transform: rotate(180deg);}*/


/*
    Регистрация - специализация
    Выбор профоблостей при создании вакансии и резюме
*/
.auth .specialization__block.flex{flex-wrap: wrap;align-items: center;}
.auth .specialization__block a[data-target="#specializationModal"]{padding: 15px 0px;margin-bottom: 10px;}
#specializationModal ul.categoryProfessionalArea,
#professionalAreaModal ul.categoryProfessionalArea,
#professionalAreaNewModal ul.categoryProfessionalArea{column-count: 3;}
#specializationModal ul.categoryProfessionalArea>li>span,
#professionalAreaModal ul.categoryProfessionalArea>li>span,
#professionalAreaNewModal ul.categoryProfessionalArea>li>span{position:relative;display: inline-block;cursor: pointer;padding-right: 20px;margin-bottom: 15px;font-size: 14px;font-weight: bold;}
#specializationModal ul.categoryProfessionalArea>li>span:before,
#professionalAreaModal ul.categoryProfessionalArea>li>span:before,
#professionalAreaNewModal ul.categoryProfessionalArea>li>span:before{position: absolute;content: "";top: 7px;right: 0;width: 8px;height: 4px;background-image: url(/front/img/icons/icon_up-down-arrow_gray.png);background-repeat: no-repeat;background-size: cover;}
#specializationModal ul.categoryProfessionalArea>li.close_cat>span:before,
#professionalAreaModal ul.categoryProfessionalArea>li.close_cat>span:before,
#professionalAreaNewModal ul.categoryProfessionalArea>li.close_cat>span:before{background-position: 50% 0%;}
#specializationModal ul.categoryProfessionalArea>li.open_cat>span:before,
#professionalAreaModal ul.categoryProfessionalArea>li.open_cat>span:before,
#professionalAreaNewModal ul.categoryProfessionalArea>li.open_cat>span:before{background-position: 50% 100%;}

/* level 2 */
#specializationModal ul.categoryProfessionalArea>li>ul,
#professionalAreaModal ul.categoryProfessionalArea>li>ul,
#professionalAreaNewModal ul.categoryProfessionalArea>li>ul{padding-left: 30px;}
#specializationModal ul.categoryProfessionalArea>li.open_cat>ul,
#professionalAreaModal ul.categoryProfessionalArea>li.open_cat>ul,
#professionalAreaNewModal ul.categoryProfessionalArea>li.open_cat>ul{display: block;}
#specializationModal ul.categoryProfessionalArea>li.close_cat>ul,
#professionalAreaModal ul.categoryProfessionalArea>li.close_cat>ul,
#professionalAreaNewModal ul.categoryProfessionalArea>li.close_cat>ul{display: none;}

#professionalAreaModal ul.categoryProfessionalArea>li.open_cat li.close_cat>span, #professionalAreaModal ul.categoryProfessionalArea>li.open_cat .open_cat>span{
    font-weight:bold;
}

#professionalAreaModal ul.categoryProfessionalArea>li>ul ul{
  padding-left: 30px;
  border-bottom: 1px solid #202020;
  margin-top:10px;
  margin-bottom:10px;
}

/* Блок с типом компании */
.company__block.flex{}
.company__block select{width: 25%;margin-right: -25%;z-index: 10;border-right: none;border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
.company__block input{padding: 0 10px 0 27%;}

/* Баннер + поиск на главной */
.banner{position:relative;padding: 460px 0;/*padding: 170px 0 120px 0;padding: 100px 0 100px 0;*//*background-image: url(/front/img/banner_bg.jpg);*/background-position: 50% 70%;background-repeat: no-repeat;background-size: cover;}
.banner:before{position: absolute;content:"";top: 0;bottom: 0;width: 100%;background-color: #373737;opacity: 0.55;}
.banner:after{position: absolute;content:"";top: 0;width: 100%;height: 100px;
    background: rgba(55,55,55,1);
    background: -moz-linear-gradient(top, rgba(55,55,55,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(55,55,55,1)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top, rgba(55,55,55,1) 0%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(top, rgba(55,55,55,1) 0%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top, rgba(55,55,55,1) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(55,55,55,1) 0%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#373737', endColorstr='#ffffff', GradientType=0 );
}
.banner .title{text-align: center;color: #ffffff;margin-bottom: 10px;font-size: 41px;font-weight: bold;margin: 0.67em 0;}
.banner .count{text-align: center;color: #fff;font-size: 16px;margin-bottom: 35px;}

.banner .search__btn__block.flex{flex-direction: column;justify-content: space-between;align-items: center;}

.banner .search__btn__block .search__form{margin-bottom: 30px;width: 100%;}
.banner .search__form.flex{justify-content: center;align-items: center; flex-wrap: wrap;} 
.banner .search__form>.flex{/*width: 32%;*/}
.banner .search__form svg.search_svg{top: 15px;}
.banner .search__form input[name="search"]{width: 37%;border-right: 1px solid #dadada;border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.banner .search__form input[name="salary"]{width: 100%;border-right: 1px solid #dadada;}
.banner .search__form select{width: 20%;background-color: #ffffff;background-image: url(/front/img/icons/arrow-down.png);background-position: 94% 50%;background-repeat: no-repeat;-moz-appearance: none;-webkit-appearance: none;appearance: none;}
.banner .search__form button{border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.banner .link__group{width: 100%;}
.banner .link__group.flex{justify-content: center;align-items: center;}
.banner .link__group .btn{color: #ffffff;background-color:#cacaca15;text-transform: uppercase;font-size: 11px;font-weight: bold;margin-right: 30px;}

.advert__banner{width: 100%;margin-bottom: 20px;/*height: 170px;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;*/}

/*.best__company .advert__banner{width: 100%;margin-top: 20px;}*/

/* Список должностей */
.career__block_h2{font-size: 28px;margin: 50px 0 0 0;}
.career__block{position: relative;padding: 50px 0 20px 0;}
.career__block>a.btn{position: absolute;bottom: 22px;right: 0px;display: inline-flex;height: 50px;}
.career__block>a.btn i.icon{margin: 0 0 0 20px;}
.career__block .item.flex{flex-wrap: wrap;/*justify-content: space-between;*/}
.career__block .item{height: 50px;overflow: hidden;margin-bottom: 20px;}
.career__block>.item:last-child{width: calc(100% - 190px);margin-bottom: 0;}
.career__block .item>a{font-size:13px;font-weight:bold;color:#212121;margin: 0 5px 10px 0;padding: 15px;background-color: #e2e2e2;border-radius: 3px;}

.career__block.mobile__career__block{display: none;}

/* Карьера в лучших компаниях */
.best__company{position:relative;padding: 45px 0 45px 0;background-image: url(/front/img/bestcompany_bg.jpg);background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;}
.best__company:before{position: absolute;content: "";top: 0;bottom:0;width: 100%;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.95) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0.95)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.95) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.95) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.95) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0.95) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}
.best__company h2{margin: 0 0 30px 0; font-size: 28px;}
.best__company .item{display:block;color: #202020;text-align: center;font-size:13px;height: 180px;margin-bottom:20px;padding-top: 5px;background-color: #ffffff;border-radius: 5px;box-shadow: 0px 6px 19px 0px rgba(0, 0, 0, 0.05);}
.best__company .item .logo{width: 100%;height: 50%;margin-bottom: 5px;background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;}
.best__company .item .title{height: 30%;}
.best__company .item .count{font-weight: bold;}

.pagetitle.flex{justify-content: space-between;align-items: center;}
.pagetitle{margin-bottom: 45px;}
.pagetitle>h2{margin:0;font-size: 28px;}
.pagetitle>a.flex{justify-content: flex-start;align-items: center;}
.pagetitle>a{color: #1d1d1d;font-weight: bold;}
.pagetitle>a>i.icon{width: 6px; margin: 0 0 0 10px;}

/* Вакансии в Санкт-Петербурге */
.vacancy__city{padding: 45px 0 45px 0;}
.vacancy__city .item{color:#202020;height: 180px;}
.vacancy__city .item .title{margin-bottom: 10px;}
.vacancy__city .item .link{display: inline-block;font-size:16px;font-weight: bold;margin-bottom: 10px;}
.vacancy__city .item .metro{color: #737373;margin-bottom: 10px;}
.vacancy__city .item .metro>span.color{display: inline-block;width: 10px;height: 10px;border-radius: 50%;margin-right: 5px;}
.vacancy__city .item .salary{font-weight: bold;margin-bottom: 10px;}
.vacancy__city .item .date{text-transform: uppercase;font-size: 11px;color: #b1b1b1;}
.vacancy__city a.btn{margin-top: 40px;}
.vacancy__city a.show__all{display: none;font-size: 12px;font-weight: bold;color: #202020;margin: 0 -10px 0 -10px;border-width: 2px;}

/* Работа в Санкт-Петербурге */
.resume__city{padding: 60px 0 70px 0;background-color: #f7f7f7;}
.resume__city h2>span{font-weight: normal;}
.resume__city .item{display: inline-block;margin-bottom: 10px;}
.resume__city .item>span{color:#c1c1c1;}
.resume__city a.show__all{display: none;font-size: 12px;font-weight: bold;color: #202020;margin: 0;border-width: 2px;}
.resume__city.custom-block-resolve{
	padding: 60px 0 40px 0;
}

/* Новости и статьи (на главной) */
.news__block{padding: 60px 0 70px 0;}
.news__block .item {text-decoration: none;margin-bottom: 20px;}
.news__block .item.flex{}
.news__block .item .image{width: 100px; height: 100px;margin-right: 20px;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;}
.news__block .item .right{width: 65%}
.news__block .item .right .title{font-size: 16px;color: #000000;font-weight: bold;margin-bottom: 17px;}
.news__block .item .right .text{font-size: 13px;color: #202020;margin-bottom: 17px;}
.news__block .item .right .date{font-size: 13px;color: #b1b1b1;}
.news__block a.btn{margin-top: 40px;}

/* Список новостей */
.news__list .item.flex{}
.news__list .item{border: 1px solid #e8e8e8;padding: 30px;margin-bottom: 20px;}
.news__list .item .image{width: 100px;height: 100px;margin-right: 30px;background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;}
.news__list .item .right__block{width: 80%;}
.news__list .item .right__block .title.flex{justify-content: space-between;}
.news__list .item .right__block .title{font-size: 17px;font-weight: bold;margin-bottom: 20px;}
.news__list .item .right__block .title>a{color: #202020;text-decoration: none;}
.news__list .item .right__block .title .datе{font-size: 13px;color: #717171;font-weight: normal;}

/* Карточка новости */
.cart__news{}
.cart__news .date{margin-bottom: 30px;font-size: 13px;color: #717171;font-weight: normal;}
.cart__news img{width: 30%;float: left;margin: 0 30px 30px 0;}
.cart__news .introtext{font-weight: bold;font-size: 16px;}


/* Хотите, чтобы мы всё сделали за вас? */
.do_you__block{position:relative;color: #ffffff;padding: 60px 0 70px 0;background-image: url(/front/img/do_you_bg.jpg);background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;}
.do_you__block:before{position: absolute;content: "";top: 0;bottom:0;width: 100%;background-color: #000000;opacity: 0.4;}
.do_you__block p{color:#e3dfda;text-align: center;margin: 0;}
.do_you__block h2{font-size: 34px;text-align: center;margin: 10px 0 40px 0;}
.do_you__block form.flex{justify-content: center;align-items: center;}
.do_you__block form input[name="phone"]{width: 35%;border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.do_you__block form button.redhead{border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.do_you__block h3{font-size: 20px;font-weight: normal;margin: 30px 0 0 0;text-align: center;}

/* Регистрация авторизация */
ul.left__nav{background-color: #f7f7f7;padding: 30px 20px 30px 40px;margin-bottom: 20px;}
ul.left__nav>li{position: relative;margin-bottom: 15px;}
ul.left__nav>li:last-child{margin-bottom: 0px;}
ul.left__nav>li.active{font-weight: bold;}
ul.left__nav>li.active:before{position: absolute;content: "";top: 4px;left: -20px;width: 0;height: 0;border-top: 6px solid transparent;border-left: 10px solid #ef7f1b;border-bottom: 6px solid transparent;}
ul.left__nav>li>a{color: #202020;text-decoration: none;}
.conditions,
.conditions>a{color: #959595;}
.conditions{margin-top: 20px;}
.conditions>a{text-decoration: underline;}

/* Личные кабинеты */
.personal__area{}
.personal__area .filter__items input[type=text]{height: 36px;width: 100%;border: 1px solid #cfcfcf;border-radius: 3px;padding: 0 10px;margin: 10px 0 20px 0;}

.personal__area .burger__nav{display:none;width: 19px;height: 19px;margin: 10px 0;cursor: pointer;z-index: 100;}
.personal__area .burger__nav span{display: block;width: 100%;height: 4px;margin-bottom: 4px;border-radius: 2px;background-color: #e67817;}
.personal__area a>i.icon.rub{display:none;}

.personal__area .personal__nav__border{border-bottom: 1px solid #ececec;}

.personal__area .personal__nav.flex{justify-content: space-between;align-items: center;}
.personal__area .personal__nav{margin-bottom: -1px;}
.personal__area .personal__nav .items__nav.flex{flex-wrap: wrap;}
.personal__area .personal__nav a.item.flex{justify-content: center;align-items: center;}
.personal__area .personal__nav a{color:#212121;border-bottom: 1px solid transparent;-webkit-text-stroke: 0.7px transparent;text-decoration: none;margin-right: 50px;padding: 25px 0;}
.personal__area .personal__nav a:last-child{margin-right: 0px;}
.personal__area .personal__nav a>span.count{display: flex;justify-content: center;align-items: center;min-width: 18px;height: 18px;background-color: #ef7f1b;border-radius: 50%;color: #ffffff;font-size: 9px;font-weight: bold;text-align: center;margin-left: 10px;padding: 0 5px;-webkit-text-stroke-width: 0px;}
.personal__area .personal__nav a span.count.zero{display: none;}
.personal__area .personal__nav a.active,
.personal__area .personal__nav a:hover{border-bottom: 1px solid #ef7f1b;-webkit-text-stroke-color: #212121;}

.personal__area .personal__nav .exit.flex{}
.personal__area .personal__nav .exit{padding: 27px 0;-webkit-text-stroke: 0.7px #212121;text-transform: uppercase;font-size: 10px;}
.personal__area .personal__nav .exit i.icon{width: 12px;height: 12px;background-image: url(/front/img/icons/logout.png);background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;}

.personal__area .personal__nav__slider{display: none;}
.personal__area .personal__nav__slider a.item.flex{justify-content: center;align-items: center;}
.personal__area .personal__nav__slider a{color:#212121;padding: 20px 0;text-decoration:none;text-align: center;}
.personal__area .personal__nav__slider a>span.count{display: flex;justify-content: center;align-items: center;width: 18px;height: 18px;background-color: #ef7f1b;border-radius: 50%;color: #ffffff;font-size: 9px;font-weight: bold;text-align: center;margin-left: 10px;padding: 0 5px;-webkit-text-stroke-width: 0px;}
.personal__area .personal__nav__slider a span.count.zero{display: none;}
.personal__area .personal__nav__slider a.active,
.personal__area .personal__nav__slider a:hover{border-bottom: 1px solid #ef7f1b;-webkit-text-stroke-color: #212121;}
.personal__area .personal__nav__slider .exit.flex{}
.personal__area .personal__nav__slider .exit{padding: 27px 0;-webkit-text-stroke: 0.7px #212121;text-transform: uppercase;font-size: 10px;}
.personal__area .personal__nav__slider .exit i.icon{width: 12px;height: 12px;background-image: url(/front/img/icons/logout.png);background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;}

/* Slick */
.personal__area .personal__nav__slider .slick-prev,
.personal__area .personal__nav__slider .slick-next{top: 50%;bottom: auto;font-size: 22px;font-weight: bold;line-height: 0;color: #ef7f1b;width: auto;height: auto;z-index: 100;}
.personal__area .personal__nav__slider .slick-prev:hover,
.personal__area .personal__nav__slider .slick-next:hover{opacity: 0.6;}
.personal__area .personal__nav__slider .slick-next{right: -10px;}
.personal__area .personal__nav__slider .slick-prev{left: -10px;}
.personal__area .personal__nav__slider .slick-prev:before,
.personal__area .personal__nav__slider .slick-next:before{display: none;}


/* Последние просмотренные вакансии или резюме */
.personal__area .last__viewed__slider.flex{}
.personal__area .last__viewed__slider{margin: 10px 0;}

/*.personal__area .last__viewed__slider .slick-list,
.personal__area .last__viewed__slider .slick-track{width: 100%!important;}*/

.personal__area .last__viewed__slider .item{/*width: 32%!important;*/border: 1px solid #ef7f1b;border-radius: 3px;margin: 0 5px;padding: 10px;color: #202020;text-decoration: none;outline: none;}
.personal__area .last__viewed__slider .item>.flex{align-items: center;}
.personal__area .last__viewed__slider .item .image{width: 20%;height: 50px;margin-right: 10px;background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;}
.personal__area .last__viewed__slider .item .right__block{width: 75%;}
.personal__area .last__viewed__slider .item .right__block .career{font-size: 14px;font-weight: bold;margin-bottom: 10px;}
.personal__area .last__viewed__slider .item .right__block .fullname{}
.personal__area .last__viewed__slider .item:hover{background-color: #ef7f1b0d;}

.user__info{background-color: #f7f7f7;padding: 40px 25px 25px 25px;margin-bottom: 20px;/*box-shadow: inset 0px 200px 0px 0px #ffffff;*/}
.user__info p{margin: 0 0 15px 0;}
.user__info .photo{width: 130px;height: 160px;margin: 0 auto 30px auto;background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;}
.user__info .phone{font-size: 16px;}
.user__info ul {margin-bottom: 10px;}
.user__info ul>li{font-size: 13px;color: #717171;}
.user__info ul>li span.color{display: inline-block;width: 10px;height: 10px;border-radius: 50%;margin-right: 5px;}

.personal__area .pagetitle.flex{justify-content: space-between;align-items: center;}
.personal__area .pagetitle{margin-bottom: 0;}
.personal__area .pagetitle a.link.flex{justify-content: space-between;align-items: center;}
.personal__area .pagetitle a.link{color:#ef7f1b;font-weight: bold;font-size: 12px;text-transform: uppercase;text-decoration: none;}
.personal__area .pagetitle a.link>span{font-size: 24px;font-weight: bold;color: #ef7f1b;line-height: 0;margin-right: 3px;}

.personal__area .promo__info{background-color: #f7f7f7;padding: 25px;margin-bottom: 20px;border: 1px solid #ef7f1b;}
.personal__area .promo__info .title{font-size: 17px;font-weight: bold;margin-bottom: 20px;}
.personal__area .promo__info .desc{margin-bottom: 50px;}
.personal__area .promo__info .list_items{}
.personal__area .promo__info .list_items .item{border-bottom: 1px solid #e8e8e8;padding-bottom: 10px;margin-bottom: 10px;}
.personal__area .promo__info .list_items .item:last-child{border-bottom: 1px solid transparent;margin-bottom: 0px;}
.personal__area .promo__info .list_items .item .name{font-size: 13px;margin-bottom: 10px;}
.personal__area .promo__info .list_items .item>.flex{justify-content: space-between;}
.personal__area .promo__info .list_items .item .price{font-weight: 14px;font-weight: bold;}

/* Список резюме в ЛК */
.personal__area .resume__items{}
.personal__area .resume__items .item{border: 1px solid #e8e8e8;margin-bottom: 20px;padding: 30px;}

.personal__area .resume__items .item .headline.flex{flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.personal__area .resume__items .item .headline{margin-bottom: 15px;}
.personal__area .resume__items .item .headline .title{font-size: 17px; font-weight: bold;color: #202020;width: 70%;}
.personal__area .resume__items .item .headline .moder_label{font-size: 10px;font-weight: bold;text-transform: uppercase;color: #ef7f1b;border: 1px solid #ef7f1b;border-radius: 3px;padding: 7px 10px;}

.personal__area .resume__items .item>.flex{justify-content: space-between;align-items: flex-end;}
.personal__area .resume__items .item .resume_info{width: 60%;}
.personal__area .resume__items .item .btn-group{width: 40%;}
.personal__area .resume__items .item .resume_info .desc{color: #717171;margin-bottom: 10px;}
.personal__area .resume__items .item .resume_info .desc>span{color: #000000;margin-left: 5px;}
.personal__area .resume__items .item .resume_info .desc>span.salary{font-size: 17px;font-weight: bold;color: #252525;margin-left: 5px;}

.personal__area .resume__items .item .resume_info .statistics.flex{}
.personal__area .resume__items .item .resume_info .statistics{font-size: 13px;margin-top: 20px;}
.personal__area .resume__items .item .resume_info .statistics>span{position:relative;color:#717171;margin-right: 20px;}
.personal__area .resume__items .item .resume_info .statistics>span:before{position: absolute;content: "";top: 3px;bottom: 1px;right: -10px;width: 1px;background-color: #717171;}

.personal__area .resume__items .item .resume_info .statistics>span.status{font-weight: bold;padding-left: 15px;}
.personal__area .resume__items .item .resume_info .statistics>span.status.open{color:#99cb53;}
.personal__area .resume__items .item .resume_info .statistics>span.status.open:after{position: absolute;content: "";top: 4px;left: 0;width: 12px;height: 10px;background-image: url(/front/img/icons/check-open.png);background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;}

.personal__area .resume__items .item .resume_info .statistics>span.status.close{color:#eb6c6c;}
.personal__area .resume__items .item .resume_info .statistics>span.status.close:after{position: absolute;content: "";top: 5px;left: 0;width: 9px;height: 9px;background-image: url(/front/img/icons/check-close.png);background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;}

.personal__area .resume__items .item  .btn-group.flex{justify-content: flex-end;}
.personal__area .resume__items .item  .btn-group>.btn{margin: 0 0 0 10px;width: 55px;}
.personal__area .resume__items .item  .btn-group>.btn>i.icon{margin-right: 0;}


/* Список вакансий в ЛК */
.personal__area .vacancy__items{}
.personal__area .vacancy__items .wrap{margin-bottom: 20px;}
.personal__area .vacancy__items .item{border: 1px solid #e8e8e8;padding: 30px;}

.personal__area .vacancy__items .item .headline.flex{flex-wrap: wrap;justify-content: space-between;align-items: center;}
.personal__area .vacancy__items .item .headline{}
.personal__area .vacancy__items .item .headline .title{font-size: 17px; font-weight: bold;color: #202020;width: 50%;}
.personal__area .vacancy__items .item .headline .salary{font-size: 17px;font-weight: bold;/*margin-right: 20px;*/}
.personal__area .vacancy__items .item .headline .moder_label{font-size: 10px;font-weight: bold;text-transform: uppercase;color: #ef7f1b;border: 1px solid #ef7f1b;border-radius: 3px;padding: 2px 10px;}

.personal__area .vacancy__items .item .statistics.flex{}
.personal__area .vacancy__items .item .statistics{font-size: 13px;margin-bottom: 10px;}
.personal__area .vacancy__items .item .statistics>span{position:relative;color:#717171;margin-right: 20px;}
.personal__area .vacancy__items .item .statistics>span:before{position: absolute;content: "";top: 3px;bottom: 1px;right: -10px;width: 1px;/*background-color: #717171;*/}

.personal__area .vacancy__items .item .desc{margin-bottom: 20px;}

.personal__area .vacancy__items .item>.vacancy_info.flex{justify-content: space-between;align-items: flex-end;}
.personal__area .vacancy__items .item .date.flex{align-items: center;}
.personal__area .vacancy__items .item .date{width: 13%;font-size: 13px;color:#717171;}

.personal__area .vacancy__items .item .btn-group.flex{justify-content: flex-end;}
.personal__area .vacancy__items .item .btn-group{width: 87%;}

.personal__area .vacancy__items .item .btn-group .burger__block{position: relative}
.personal__area .vacancy__items .item .btn-group .burger__block .burger.flex{flex-direction: column;justify-content: space-between;align-items: center;}
.personal__area .vacancy__items .item .btn-group .burger__block .burger{width: 40px;min-height: 38px;padding: 5px 0;cursor: pointer}
.personal__area .vacancy__items .item .btn-group .burger__block .burger span{width: 6px;height: 6px;border-radius: 50%;background-color: #ef7f1b;}
.personal__area .vacancy__items .item .btn-group .burger__block .other__button.flex{flex-direction: column;justify-content: flex-start;align-items: center;}
.personal__area .vacancy__items .item .btn-group .burger__block .other__button{display: none;position: absolute;top: 40px;right: -30px;padding: 20px;background-color: #ffffff;z-index: 1000;}
.personal__area .vacancy__items .item .btn-group .burger__block .other__button .btn{margin: 0 0 10px 0;}

.personal__area .vacancy__items .item .btn-group .promotion{outline: none;background-color: #ef7f1b;border: 1px solid #ef7f1b;color: #ffffff;}
.personal__area .vacancy__items .item .btn-group .promotion .icon{background-position: 50% 100%;}
.personal__area .vacancy__items .item  .btn-group .btn:not(.promotion){margin: 0 0 0 10px;width: 55px;}
.personal__area .vacancy__items .item  .btn-group .btn:not(.promotion)>i.icon{margin-right: 0;}

.personal__area .vacancy__items .promo_block{display: none;background-color: #f8f8f1;border: 1px solid #e8e8e8;border-top: 1px solid transparent;padding: 15px 30px;}
.personal__area .vacancy__items .promo_block .promo__item.flex{align-items: center;justify-content: space-between;}
.personal__area .vacancy__items .promo_block .promo__item{border-bottom: 1px solid #e8e8e8;padding: 10px 0;}
.personal__area .vacancy__items .promo_block .promo__item:last-child{border-bottom: 1px solid transparent;}
.personal__area .vacancy__items .promo_block .promo__item .title{width: 50%;}
.personal__area .vacancy__items .promo_block .promo__item>.flex{align-items: center;}
.personal__area .vacancy__items .promo_block .promo__item .price{font-weight: bold;color: #252525;margin-right: 30px;}

/* Создание - редактирование резюме-вакансии в ЛК */
.personal__area .tags__items.flex,
.personal__area .professionalArea__block.flex,
.personal__area .education__block.flex,
.personal__area .experience__block.flex,
.personal__area .skill__block.flex,
.personal__area .language__block.flex,
.personal__area .driving__block.flex,
.personal__area .nationality__block.flex,
.personal__area .permissionWork__block.flex,
.personal__area .phone__block.flex,
.personal__area .email__block.flex,
.personal__area .whatsApp__block.flex,
.rules__block.flex,
.personal__area .viber__block.flex{flex-wrap: wrap;align-items: center;}

.personal__area .professionalArea__block>a[data-toggle="modal"],
.personal__area .education__block>a[data-toggle="modal"],
.personal__area .experience__block>a[data-toggle="modal"],
.personal__area .skill__block>a[data-toggle="modal"],
.personal__area .language__block>a[data-toggle="modal"],
.personal__area .driving__block>a[data-toggle="modal"],
.personal__area .nationality__block>a[data-toggle="modal"],
.personal__area .permissionWork__block>a[data-toggle="modal"],
.personal__area .phone__block>a[data-toggle="modal"],
.personal__area .email__block>a[data-toggle="modal"],
.personal__area .whatsApp__block>a[data-toggle="modal"],
.rules__block.flex>a[data-toggle="modal"],
.personal__area .viber__block>a[data-toggle="modal"]{padding: 15px 0px;margin-bottom: 10px;/*padding-top: 15px;*/}

.personal__area .promotion__block .items{}
.personal__area .promotion__block .items .radio{display: block;margin: 0 0 10px 0;border: 1px solid #f8f8f1;border-radius: 3px;padding: 30px;cursor: pointer;}
.personal__area .promotion__block .items .radio .title{font-size: 15px;margin-bottom: 30px;}
.personal__area .promotion__block .items .radio .title span{color: #e75c5c;font-weight: bold;}
.personal__area .promotion__block .items .radio>.flex{justify-content: space-between;}
.personal__area .promotion__block .items .radio .image{width: 80%;height: 122px;background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;}
.personal__area .promotion__block .items .radio .price{padding-top: 25px;}

.personal__area .promotion__block .items .radio.active{background-color: #f8f8f1;}
.personal__area .promotion__block .items .radio.active .image{/*background-color: #f0f0e9;*/}

/* Теги */
.tag_item{position:relative;margin: 0 10px 10px 0;padding:15px;background-color: #dadada;border-radius: 3px;cursor: pointer;}
.tag_item>span.remove{display: none;position: absolute;top: 3px;right: 3px;width: 15px;height: 15px;color:#ffffff;background-color: #ef7f1b;border-radius: 50%;text-align: center;font-size: 14px;font-weight: bold;line-height: 1.15;cursor: pointer;}
.tag_item:hover>span.remove{display: block;}

.tag_item .data>.title,
.tag_item .data>.desc{display:inline-block;font-size: 13px;}
.tag_item .data>.desc{margin-left: 10px;}
.tag_item .data>.title.bold,
.tag_item .data>.desc.bold{font-weight: bold;}
.tag_item .data>.title.uppercase,
.tag_item .data>.desc.uppercase{text-transform: uppercase;font-size: 11px;}

.tag_item .data>.title.prefer{color: #ef7f1b;font-weight: bold;}


/* Карточка вакансии*/
/* Общие */
.card{}
.card h1,
.card h2{font-size:28px;font-weight: bold;margin: 0 0 10px 0;}
.card .intro.flex{flex-wrap:wrap;justify-content: space-between;align-items: center;}
.card .intro .salary{font-size: 17px;font-weight: bold;}
.card .intro .salary>span{font-size: 13px;}
.card .verified{position:relative;font-size: 13px;color: #717171;margin-top: 10px;padding-left: 25px;}
.card .verified:before{position: absolute;content: "";top: 0;left: 0;width: 17px;height: 19px;background-image: url(/front/img/icons/icon_verified.png);background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;}

.card hr{ margin: 40px 0;}
.favorite-btn{position:relative;background: none;border: none;font-weight: bold;text-transform: uppercase;font-size: 10px;color: #848484;padding: 0 0 0 20px;}
.favorite-btn.active{color: #ef7f1b;}
.favorite-btn:before{position:absolute;content: "";top: 0;left:0;width: 12px;height: 12px; background-image: url(/front/img/icons/star.png);background-position: 50% 0%;background-repeat: no-repeat;background-size: cover;}
.favorite-btn.active:before{background-position-y: 100%;}
.card p{margin: 10px 0;line-height: 1.7;}

.card .tags-control.flex{align-items: center;}
.card .tags-control .tag_item{margin: 0 0 0 10px;}

.invite__label,
.respond__label{position: relative;background: none;border: none;font-weight: bold;text-transform: uppercase;font-size: 12px;padding: 0 0 0 20px;color: #ef7f1b;}
.invite__label:before,
.respond__label:before{position: absolute;content: "";top: 0;left: 0;width: 14px;height: 14px;background-image: url(/front/img/icons/star.png);background-position: 50% 100%;background-repeat: no-repeat;background-size: cover;}

.contacts .title{margin-bottom: 10px;font-size: 13px;color: #ef7f1b;font-weight: bold;text-decoration: underline;}
.contacts p{margin-bottom: 5px;color: #717171;}
.contacts p>a{color: #717171;}
.contacts p.prefer_1{font-weight: bold;}

/* вакансия */
.card__vacancy{}
.card__vacancy .title.flex{justify-content: space-between;}
.card__vacancy .title .icon.icon-print{width: 25px;height: 25px;cursor: pointer;margin: 10px 0 0 0;background-image: url(/front/img/icons/icon_print.png);background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;}

/* резюме */
.card__resume{}
.card__resume .bold{font-weight: bold;}
.card__resume .uppercase{text-transform: uppercase;}
.card__resume .titleName{font-size: 12px;font-weight: bold;text-transform: uppercase;color: #9e9e9e; margin-bottom: 20px;}

.card__resume .quick_respond_block.flex{align-items: center;}
.card__resume .quick_respond_block{border-color:#ef7f1b;background-color: #fcf9f6;margin-bottom: 20px;padding: 10px;}
.card__resume .quick_respond_block .rocket_icon{width: 40px;height: 40px;margin-right:30px;background-image: url(/front/img/icons/rocket_icon.png);background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;}
.card__resume .quick_respond_block .right__block{width: 90%;}

/* Блок с фильтрами */
.filters__block{background-color: #f7f7f7;padding: 25px;margin-bottom: 15px;}
.filters__block .filter__items{margin-bottom: 30px;}
.filters__block .filter__items.city,
.filters__block .filter__items:last-child{margin-bottom: 0px;}
.filters__block .filter__items .title{position:relative;font-weight:bold;color: #000000;margin-bottom: 10px;padding: 3px 5px;}

.filters__block .filter__items.city, .filters__block .filter__items.query{
    margin-bottom:30px!important;
}

.filters__block .filter__items.close .title,
.filters__block .filter__items.open .title{background-color: #e2e2e2;cursor: pointer;}
.filters__block .filter__items.close .title:before,
.filters__block .filter__items.open .title:before{position: absolute;content: "";top: calc(50% - 2px);right: 10px;width: 8px;height: 4px;background-image: url(/front/img/icons/icon_up-down-arrow_gray.png); background-repeat: no-repeat;background-size: auto;}
.filters__block .filter__items.close .title:before{background-position: 50% 0%;}
.filters__block .filter__items.open .title:before{background-position: 50% 100%;}

.filters__block .filter__items.close ul{display: none;}
.filters__block .filter__items.open ul{display: block;}

.filters__block .filter__items ul>li.flex{justify-content: space-between;}
.filters__block .filter__items ul>li{margin-bottom: 6px;}
.filters__block .filter__items ul>li:last-child{margin-bottom: 0px;}
.filters__block .filter__items ul>li{color: #464646;text-decoration: none;}
.filters__block .filter__items ul>li .name{cursor: pointer; color: #464646; text-decoration:none;}
.filters__block .filter__items ul>li .name:first-letter{text-transform: uppercase;}
.filters__block .filter__items ul>li .count,
.filters__block .filter__items ul>li .remove{color: #9b9b9b;}

.burger_filter{display:none;position:relative;cursor: pointer;color:#ffffff;background-color: #ef7f1b;border-radius: 5px;padding: 15px 15px 15px 50px;font-size: 12px;font-weight: bold;text-transform: uppercase;margin-bottom: 20px;}
.burger_filter #filter_icon{position: absolute;top: calc(50% - 7.5px);left: 15px;}
.burger_filter #filter_arrow{position: absolute;top: calc(50% - 2px);right: 15px;transition: transform 0.5s linear;}
/*
.burger_filter:before{position: absolute;content: "";top: calc(50% - 7.5px);left: 15px;width: 13px; height: 15px; background-image: url(/front/img/icons/icon_filter_01.png);background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;}
.burger_filter:after{position: absolute;content: "";top: calc(50% - 2px);right: 15px;width: 8px; height: 6px;background-image: url(/front/img/icons/icon_up-down-arrow_white.png);background-position: 50% 0%;background-repeat: no-repeat;background-size: cover;}
*/

.burger_filter.open{margin-bottom: 0;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;}
.burger_filter.open #filter_arrow{transform: rotate(180deg);}

/* Город Метро */
.filters__block .filter__items.metro input[type=text].findMetro,
.filters__block .filter__items.query input[type=text].findQuery,
.filters__block .filter__items.city input[type=text].findCity{height: 36px;width: 100%;border: 1px solid #cfcfcf;border-radius: 3px;  padding: 0 10px;margin: 10px 0 20px 0;}

.filters__block .filter__items.metro input[type=text].findMetro::-webkit-input-placeholder,
.filters__block .filter__items.query input[type=text].findQuery::-webkit-input-placeholder,
.filters__block .filter__items.city input[type=text].findCity::-webkit-input-placeholder{font-size: 11px; color: #a1a1a1;}

.filters__block .filter__items.metro span.color{display: inline-block;width: 10px;height:10px;border-radius: 50%;margin-right: 5px;}

.filters__block .filter__items.metro ul,
.filters__block .filter__items.city ul,
.filters__block .filter__items.query ul
{max-height: 100px;overflow-y: scroll;}

.filters__block .filter__items.metro ul::-webkit-scrollbar,
.filters__block .filter__items.query ul::-webkit-scrollbar,
.filters__block .filter__items.city ul::-webkit-scrollbar{width: 5px;background-color: #f7f7f7;}

.filters__block .filter__items.metro ul::-webkit-scrollbar-thumb,
.filters__block .filter__items.query ul::-webkit-scrollbar-thumb,
.filters__block .filter__items.city ul::-webkit-scrollbar-thumb{border-radius: 5px;background-color: #dedede;}

.filters__block .filter__items.metro ul::-webkit-scrollbar-track,
.filters__block .filter__items.query ul::-webkit-scrollbar-track,
.filters__block .filter__items.city ul::-webkit-scrollbar-track{background-color: #f7f7f7;}

/* Профобласти */
.filters__block .filter__items.categoryProfessionalArea ul{max-height: 145px;overflow-y: hidden;}
.filters__block .filter__items .open,
.filters__block .filter__items .close{color:#8c8c8c;margin-top: 6px;cursor: pointer;}
.filters__block .filter__items .open{display:none;}
.filters__block .filter__items .close .count{display: none;}


/* Тэги фильтра */
.filter__items .select__tag.flex{justify-content: space-between;align-items: center;}
.filter__items .select__tag{margin-bottom: 10px;background-color: #dedede;padding: 5px 5px 5px 5px;}
.filter__items .select__tag .delete{color: #8c8c8c;cursor: pointer;}
/*.filters__tags.flex{flex-wrap:wrap;}
.filters__tags .tag{border: 1px solid #e8e8e8;padding: 3px 10px;margin-bottom: 15px;margin-right: 15px;font-size: 12px;border-bottom-right-radius: 12px;}
.filters__tags .tag .close{margin-left: 10px;cursor: pointer;color: #9b9b9b;}*/



/* */
.share_btn_block.flex{justify-content: space-between;align-items: center;}
.share_btn_block{margin-top: 45px;}
.share_btn_block form{margin-right: 20px;}

.share_btn_block .btn_group{position: relative; display: none}
.share_btn_block .btn_group .contacts__block{display:none;position: absolute;top: 45px;left: 0;right: 0;z-index: 10;background-color: #ffffff;padding: 10px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(33,33,33,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(33,33,33,1);
    box-shadow: 0px 0px 5px 0px rgba(33,33,33,1);
}
.share_btn_block .btn_group .contacts__block .close{position: absolute;top: 10px;right: 10px;width:10px;height:10px;background-image: url('/front/img/icons/icon_close_gray.png');background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;cursor: pointer;}
.share_btn_block .btn_group .contacts__block .contacts .title{font-size: 13px;margin: 5px  0;text-decoration: underline;}
.share_btn_block .btn_group .contacts__block .contacts p{margin: 0;font-size: 12px;}

/* Похожие вакансии */
.similar__block{margin-top: 45px;}


/* Мобильная версия */
.mobile__share_btn_block.flex{justify-content: space-between;align-items: center;}
.mobile__share_btn_block{display: none;background-color: #F8F8F8;height: 65px;margin-top: 20px;padding: 0 15px;}

.mobile__share_btn_block .favorite__block .favorite-btn{font-size: 12px;color: #EF7F1B;text-transform: none;}
.mobile__share_btn_block .favorite__block .addVacancyFavoriteForm .favorite-btn.flex{align-items: center;}
.mobile__share_btn_block .favorite__block .addVacancyFavoriteForm .favorite-btn:before{display: none;}
.mobile__share_btn_block .favorite__block .addVacancyFavoriteForm .favorite-btn svg{margin-right: 10px;}

.mobile__share_btn_block .share{position: relative;}
.mobile__share_btn_block .share button.flex{align-items: center;}
.mobile__share_btn_block .share button{background-color: transparent;border: none;font-size: 12px;font-weight: bold;color: #EF7F1B;outline: none;}
.mobile__share_btn_block .share button svg{margin-right: 10px;}

.mobile__share_btn_block .share .share_block{display:none;position: absolute;bottom: -35px;left: -55px;right: 0px;}


.mobile_fixed_responde.flex{justify-content: space-between;align-items: center;}
.mobile_fixed_responde{display:none;position:fixed;left: 0;right: 0;bottom: 0;height: 50px; background-color: #EF7F1B;padding: 0 10px; z-index: 100;}
.mobile_fixed_responde .showContactsMobileForm{width: 49%;}
.mobile_fixed_responde .showContactsMobileForm .btn.flex{justify-content: center;align-items: center;}
.mobile_fixed_responde .showContactsMobileForm .btn{width: 100%;font-size: 12px;border-color: rgba(255, 255, 255, 0.5);color: #ffffff;font-weight: bold;}
.mobile_fixed_responde .showContactsMobileForm .btn svg{margin-right: 5px;}

.mobile_fixed_responde .showContactsMobileForm .btn:hover{color:#EF7F1B;background-color: #ffffff;}
.mobile_fixed_responde .showContactsMobileForm .btn:hover svg path{fill:#EF7F1B;}

.mobile_fixed_responde button.respondBtn{width: 49%;font-size: 12px; font-weight: bold;color: #ef7f1b;background-color: #ffffff;border-color: #ffffff;}
.mobile_fixed_responde button.respondBtn:hover{background-color: rgba(255, 255, 255, 0.9);}

.mobile_fixed_responde .respond__label,
.mobile_fixed_responde .invite__label{background-color: #ffffff;text-transform: inherit;padding: 10px 10px 10px 20px;border-radius: 3px;}
.mobile_fixed_responde .respond__label:before,
.mobile_fixed_responde .invite__label:before{top: calc(50% - 9px);left: 2px;}


.mobile__fixed__block.flex{justify-content: space-between;align-items: center;}
.mobile__fixed__block{display:none;position:fixed;left: 0;right: 0;bottom: 0;height: 50px; background-color: #EF7F1B;padding: 0 10px; z-index: 100;}
.mobile__fixed__block .btn.flex{justify-content: center;align-items: center;}
.mobile__fixed__block .btn{width: 49%;border-color: rgba(255, 255, 255, 0.5);color: #ffffff;font-weight: bold;}
.mobile__fixed__block .btn svg{margin-right: 5px;}
.mobile__fixed__block .btn.btn__white{background-color: #ffffff;color: #EF7F1B;}

.mobile__fixed__block .btn:hover{background-color: #ffffff;color: #EF7F1B;}
.mobile__fixed__block .btn:hover svg path{fill: #EF7F1B;}

.mobile__fixed__block .btn.btn__white:hover{background-color: transparent;color: #ffffff;}


/* Список вакансий для фронта */
.wrap__list{}
.vacancy__front{position:relative;border: 1px solid #e8e8e8;padding: 30px;margin-bottom: 20px;}
.vacancy__front .logo{position: absolute;top: 60px;right: 30px;width: 100px;height: 50px;background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;}
.vacancy__front .headline.flex{flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.vacancy__front .headline{margin-bottom: 15px;}
.vacancy__front .headline .title{position:relative;font-size: 17px;font-weight: bold;width: 65%;}
.vacancy__front .headline .title>a{color: #202020;text-decoration: none;}
.vacancy__front .headline .title>a:hover{text-decoration: underline;}
.vacancy__front .headline .salary{font-size: 17px;font-weight: bold;}
.vacancy__front .headline .salary>span{font-size: 13px;}
.vacancy__front .company__name,
.vacancy__front .metro,
.vacancy__front .verified{font-size: 13px;color: #717171;margin-right: 25px;}
.vacancy__front .verified{position:relative;padding-left: 25px;}
.vacancy__front .verified:before{position: absolute;content: "";top: 0;left: 0;width: 17px;height: 19px;background-image: url(/front/img/icons/icon_verified.png);background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;}
.vacancy__front .company__name{margin-right: 25px;}
.vacancy__front .company__name>a{color: #717171;}
.vacancy__front .metro>span.color{display: inline-block;width: 10px;height: 10px;border-radius: 50%;margin-right: 5px;}
.vacancy__front .metro>span.more{margin: 0 10px;}
.vacancy__front .desc{color: #000000;margin-top: 15px;width: 85%;min-height: 30px;word-break: break-all;}
.vacancy__front .vacancy_info.flex {justify-content: space-between;align-items: flex-end;}
.vacancy__front .vacancy_info .date.flex {align-items: center;}
.vacancy__front .vacancy_info .date {width: 20%;font-size: 13px;color: #717171;}
.vacancy__front .vacancy_info .btn-group.flex {justify-content: flex-end;}
.vacancy__front .vacancy_info .btn-group {width: 80%;}

.vacancy__front.promo{border-color:#ef7f1b;/*background-color: #fcf9f6;*/}
.vacancy__front.promo .headline .title{padding-left: 25px;}
.vacancy__front.promo .headline .title:before{position: absolute;content: "";top: 2px;left: 0;width: 14px;height: 20px;background-image: url(/front/img/icons/fire.png);background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;}
.vacancy__front.promo button.btn.btn-default,
.vacancy__front.promo a.btn.btn-default{font-weight:bold;background-color: #ef7f1b;border: 1px solid #ef7f1b;color: #ffffff;}


/* Список вакансий для фронта (мобильная версия) */
.vacancy__front__mobile{display: none;position:relative;border: 1px solid #e8e8e8;padding: 20px;margin-bottom: 20px;border-radius: 3px;}
.vacancy__front__mobile.promo{border-color:#ef7f1b;}
.vacancy__front__mobile .company__name__block.flex{}
.vacancy__front__mobile .company__name__block{width: 90%;margin-bottom: 10px; flex-wrap: wrap;}
.vacancy__front__mobile .company__name__block svg{    margin: 2px 6px 0 0;}
.vacancy__front__mobile .company__name__block .company__name{width: 90%;}
.vacancy__front__mobile .company__name__block .company__name a{font-size: 13px;color: #202020;}

.vacancy__front__mobile .title{width: 90%;margin-bottom: 13px;}
.vacancy__front__mobile .title a{font-size: 14px;font-weight: bold;color: #2C78DF;text-decoration: none;}

.vacancy__front__mobile .metro{font-size: 13px;color: #202020;margin-bottom: 12px;}
.vacancy__front__mobile .metro>span.color{display: inline-block;width: 10px;height: 10px;border-radius: 50%;margin-right: 5px;}
.vacancy__front__mobile .metro>span.more{margin: 0 10px;}

.vacancy__front__mobile .salary{font-size: 13px;font-weight: bold;color: #202020;margin-bottom: 19px;}

.vacancy__front__mobile .desc{font-size: 13px;color: #737373;margin-bottom: 23px;}

.vacancy__front__mobile .date__logo__block.flex{justify-content: space-between;align-items: center;}
.vacancy__front__mobile .date__logo__block{margin-bottom: 25px;}
.vacancy__front__mobile .date__logo__block .date{font-size: 12px;color: #B1B1B1;}
.vacancy__front__mobile .date__logo__block .logo{max-width: 100px;max-height: 50px;}

.vacancy__front__mobile .btn-group.flex{justify-content: space-between;align-items: center;}
.vacancy__front__mobile .btn-group{}
.vacancy__front__mobile button.btn.btn-default,
.vacancy__front__mobile a.btn.btn-default{min-height: 33px;font-size: 12px;}

.vacancy__front__mobile button.btn.btn-default,
.vacancy__front__mobile a.btn.btn-default{font-weight: bold;background-color: transparent;border: 1px solid #ef7f1b;color: #ef7f1b;}
.vacancy__front__mobile .showContactsMobileForm .btn.btn-default{border: none;}
.vacancy__front__mobile .favorite-btn, .not-mobile .favorite-btn{padding: 0;}
.vacancy__front__mobile .favorite-btn:before, .not-mobile .favorite-btn:before{display: none;}

.vacancy__front__mobile .complain__block{position: absolute;top: 0;right: 0;}
.vacancy__front__mobile .complain__block form{position: relative;}
.vacancy__front__mobile .complain__block form .points{position: absolute;top: 20px;right: 20px;width: 20px;cursor: pointer;}
.vacancy__front__mobile .complain__block form .points span{display: block;width: 3px;height: 3px;border-radius: 50%;background-color: #C4C4C4;margin: 0 0 2px auto;}
.vacancy__front__mobile .complain__block form .points span:last-child{margin-bottom: 0;}
.vacancy__front__mobile .complain__block .cause__list{display: none;position: absolute;top: 40px;right: 20px;background-color: #ffffff;border: 1px solid #e8e8e8;padding: 10px;z-index:10;}
.vacancy__front__mobile .complain__block .cause__list .title{font-weight: bold;margin-bottom: 10px;}
.vacancy__front__mobile .complain__block .cause__list .item{white-space: nowrap;font-size: 12px;margin-bottom: 5px;}
.vacancy__front__mobile .complain__block .cause__list .item:last-child{margin-bottom: 0;}
.vacancy__front__mobile .complain__block .cause__list .item:hover{color: #B1B1B1;}

/* Список резюме для фронта */
.resume__front.flex{justify-content: space-between;}
.resume__front{position:relative;border: 1px solid #e8e8e8;padding: 30px;margin-bottom: 20px;}
.resume__front .icon.rocket_icon{position: absolute;top: 20px;right: 20px;width: 25px;height: 25px;background-image: url(/front/img/icons/rocket_icon.png);background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;}
.resume__front .photo{width: 15%;margin-right: 20px;height: 145px;background-position: 50% 0%;background-repeat: no-repeat;background-size: contain;}
.resume__front .resume__info{width: 100%;}
.resume__front .resume__info .title{font-size: 17px;font-weight: bold;margin-bottom: 15px;}
.resume__front .resume__info .title>a{color: #202020;text-decoration: none;}
.resume__front .resume__info .desc{color: #717171;margin-bottom: 10px;}
.resume__front .resume__info .desc>span{color: #000000;margin-left: 5px;}
.resume__front .resume__info .desc>span.salary{font-size: 17px;font-weight: bold;color: #252525;margin-left: 5px;}
.resume__front .resume_footer.flex {justify-content: space-between;align-items: flex-end;}
.resume__front .resume_footer .date.flex {align-items: center;}
.resume__front .resume_footer .date {font-size: 13px;color: #717171;}
.resume__front .resume_footer .btn-group.flex {justify-content: flex-end;}
.resume__front .resume_footer .btn-group {}

.resume__front.promo{border-color:#ef7f1b;background-color: #fcf9f6;}
.resume__front.promo button.btn.btn-default,
.resume__front.promo a.btn.btn-default{font-weight:bold;background-color: #ef7f1b;border: 1px solid #ef7f1b;color: #ffffff;}

/* Список компаний для фронта */
.company__list{margin-bottom: 40px;-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;}
.company__list.custom{margin-bottom: 40px;-webkit-column-count: 1;-moz-column-count: 1;column-count: 1; font-size:0px;}
.company__list.custom a, .company__list.custom span{font-size: 14px;}
.company__list.custom>li{width:33%; display:inline-block; vertical-align: top;}
.company__list>li{margin-bottom: 25px;}
.company__list>li span.count{margin-left: 10px;color: #939393;}


/* Форма сообщений в карточке вакансии */
.messages__block{background-color: #ffffff;border: 1px solid #cfcfcf; border-radius: 3px;}
.messages__block .user.flex{align-items: center;}
.messages__block .user{border-bottom: 1px solid #cfcfcf;padding: 15px;}
.messages__block .user .photo{width: 40px;height: 40px;border-radius: 50%;background-size: cover;margin: 0 15px 0 0;}
.messages__block .user .name{font-size: 13px;font-weight: bold;color: #252525;}
.messages__block .messages__area{padding: 15px;height: 200px;overflow-y: auto;overflow-x: hidden;}
.messages__block .messages__area::-webkit-scrollbar {width: 5px;background-color: #f7f7f7;}
.messages__block .messages__area::-webkit-scrollbar-thumb {border-radius: 5px;background-color: #dedede;}
.messages__block .messages__area::-webkit-scrollbar-track {background-color: #f7f7f7;}
.messages__block .messages__area .message__item{background-color: #f4f4f4;border-radius: 20px;padding: 15px;font-size: 13px;color: #1e1e1e;margin-bottom: 10px;}
.messages__block .messages__area .message__item span.date{font-size: 10px;margin-top: 5px;color: #202020;display: block;text-align: right;}
.messages__block .messages__area .message__item.employer{background-color: #ef7f1b;color: #ffffff;text-align: right;}
.messages__block .messages__area .message__item.employer span.date{text-align: left;color: #ffffff;}

.messages__block .form__block{padding: 15px;position: relative;}
.messages__block .form__block input{width: 100%;height: 38px;border: 1px solid #cfcfcf;border-radius: 2px;padding: 0 35px 0 10px;}
.messages__block .form__block .btn{position: absolute;top: 47%;right: 25px;width:12px;height:8px;cursor:pointer;background-image: url(/front/img/icons/icon-enter-arrow.png);background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;background-color: transparent;border: none;outline: none;}

/* Отклики - Чаты */
.respond,
.chat{position: relative;border: 1px solid #e8e8e8;padding: 30px;margin-bottom: 20px;}
.respond .logo{height: 145px;background-position: 50% 0%;background-repeat: no-repeat;background-size: contain;}
.respond .headline.flex,
.chat .headline.flex{justify-content: space-between;}
.respond .headline .title,
.chat .headline .title{font-size: 17px;font-weight: bold;width: 60%;}
.respond .headline .see__more,
.chat .headline .see__more{font-size: 10px;font-weight: bold;text-transform: uppercase;color: #ababab;cursor: pointer;margin-left: 30px;}
.respond .headline .see__more:first-child,
.chat .headline .see__more:first-child{margin-left: 0;}
.respond .headline .see__more:hover,
.chat .headline .see__more:hover{color: #252525;}
.respond .company__name,
.chat .company__name{font-size: 15px;margin-top: 3px;}
.respond .salary,
.chat .salary{font-size: 17px;font-weight: bold;margin-top: 10px;}

.respond .headline .title .icon.rocket_icon{width: 15px;height: 15px;background-image: url(/front/img/icons/rocket_icon.png);background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;}

.details__block{margin-top: 35px;display: none;}
.details__block .title{font-size: 17px;font-weight: bold;}
.details__block p{margin: 0 0 5px 0;}

.respond .messages__block,
.chat .messages__block{border: none;margin-top: 30px;border-radius: 0;}
.respond .messages__block .message.flex,
.chat .messages__block .message.flex{justify-content: space-between;}
.respond .messages__block .message,
.chat .messages__block .message{margin-bottom: 10px;}
.respond .messages__block .message>div.flex,
.chat .messages__block .message>div.flex{display: inline-flex;}
.respond .messages__block .message>div,
.chat .messages__block .message>div{position:relative;background-color: #f3f3f3;border-radius: 10px;padding: 17px 15px;max-width: 80%;}
.respond .messages__block .message .date,
.chat .messages__block .message .date{font-size: 13px;margin-left: 20px;color: #b5b5b5;}

.respond .messages__block .message.employer_message,
.chat .messages__block .message.employer_message{text-align: right;}
.respond .messages__block .message.employer_message>div,
.chat .messages__block .message.employer_message>div{border-top-right-radius: 0px;}
.respond .messages__block .message.user_message>div,
.chat .messages__block .message.user_message>div{border-top-left-radius: 0px;}

.respond .messages__block .message.user_message>div:after,
.respond .messages__block .message.employer_message>div:after,
.chat .messages__block .message.user_message>div:after,
.chat .messages__block .message.employer_message>div:after{position: absolute;content: "";top:0;width: 0;height: 0;}

.respond .messages__block .message.user_message>div:after,
.chat .messages__block .message.user_message>div:after{left: -12px;border-top: 12px solid #f3f3f3;border-left: 12px solid transparent;}
.respond .messages__block .message.employer_message>div:after,
.chat .messages__block .message.employer_message>div:after{right: -12px;border-top: 12px solid #f3f3f3;border-right: 12px solid transparent;}

.button__group.flex{justify-content: space-between;align-items: center;}
.button__group{margin-top: 20px;}
.button__group>button{position: relative;outline: none;background: none;border: none;color: #202020;font-size: 10px;font-weight: bold;text-transform: uppercase;padding-left: 20px;}
.button__group>button:before{position: absolute;content: "";width: 10px;height: 10px;top: 0;left: 0;background-position: 50% 0%;background-repeat: no-repeat;background-size: contain;}
.button__group>button.accept:before{width: 13px;height: 13px;background-image: url(/front/img/icons/icon_plus.png);}
.button__group>button.reject:before{top: 1px;width: 14px;height: 13px;background-image: url(/front/img/icons/icon_reject.png);}

/* Чаты в личных кабинетах */
.chat .photo{width:70px;height: 70px;border-radius:50%;background-position: 50% 0%;background-repeat: no-repeat;background-size: cover;}
.chat .headline .title.flex{align-items: center;}
.chat .headline .title span.count_chat_new_messages{display:none;width: 18px;height: 18px;background-color: #ff2e2e;color: #ffffff;font-size: 11px;text-align: center;border-radius: 50%;line-height: 1.7;margin-left: 10px;}
.chat .moder_label{font-size: 10px;font-weight: bold;text-transform: uppercase;color: #ef7f1b;border: 1px solid #ef7f1b;border-radius: 3px;padding: 0px 10px;display: inline-block;margin-left: 30px;}
.chat .details__block{width:85%;opacity: 0.999;margin-top: -25px;background-color: #ffffff;}
.chat.chatUser .details__block{margin-top: 10px;}

.chat .messages__block .messages__area{padding: 0px 15px 0 15px;max-height: 200px;}
.chat .form__block{padding: 15px 0;position: relative;}
.chat .form__block input{width: 100%;height: 48px;border: 1px solid #cfcfcf;border-radius: 2px;padding: 0 35px 0 10px;}
.chat .form__block .btn{position: absolute;top: 47%;right: 25px;width:12px;height:8px;cursor:pointer;background-image: url(/front/img/icons/icon-enter-arrow.png);background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;background-color: transparent;border: none;outline: none;}
.chat .messages__block form{display: none;}

.chat .btn__open_close_chat{position: relative;outline: none;background: none;border: none;color: #2c78df;font-size: 10px;font-weight: bold;text-transform: uppercase;padding-left: 10px;}

.chat .btn__open_close_chat:before{position: absolute;content: "";width: 7px;height: 5px; top: 5px;left: 0;background-image: url(/front/img/icons/icon_up-down-arrow.png);background-position: 50% 0%;background-repeat: no-repeat;background-size: cover;}
.chat .btn__open_close_chat.close:before{background-position: 50% 0%;}
.chat .btn__open_close_chat.open:before{background-position: 50% 100%;}

/* Контент */
.content ul{list-style: disc;margin-left: 40px;}


/* Прайс лист */
.price__block{}
.price__block h2{margin: 50px 0 25px 0;font-size: 22px;}
.price__block .introtext{font-size: 13px;color: #bbbbbb;font-weight: bold;margin-bottom: 30px;}
.price__block .block__1{background-color: #f7f7f7;padding: 40px 35px;}
.price__block .block__1 .phone__block.flex{justify-content: flex-start;align-items: center;}
.price__block .block__1 .phone__block{height: 60px;}
.price__block .block__1 .phone__block .icon{width: 38px;height: 41px;}
.price__block .block__1 .phone__block span{font-size: 22px;font-weight: bold;}

.price__block .block__1 .email__block.flex{justify-content: flex-start;align-items: center;}
.price__block .block__1 .email__block{height: 60px;}
.price__block .block__1 .email__block .icon{width: 37px;height: 29px;}

.price__block .block__2 .items.flex{justify-content: space-between;align-items: stretch;}
.price__block .block__2 .items .item{width: 24%;height:auto;border: 8px solid #f5f5f5;text-align: center;padding: 40px;}
.price__block .block__2 .items .item .title{text-transform: uppercase;font-size: 28px;font-weight: bold;color: #ef7f1b;margin-bottom: 35px;}
.price__block .block__2 .items .item .text{}
.price__block .block__2 .items .item .text>span{color: #bdbdbd;}
.price__block .block__2 .items .item hr{margin: 15px 0;}
.price__block .block__2 .items .item .price{font-size: 28px;margin: 35px 0 25px 0;}



/*.price__block .block__2 .items .item:nth-child(3) .title{color: #c6c6c6;}*/
@media (min-width: 992px) {
.price__block .block__2 .items .item:nth-child(3) .price{margin-top: 120px;}
.price__block .block__2 .items .item:nth-child(2) .price{margin-top: 175px;}
.price__block .block__2 .items .item:nth-child(1) .price{margin-top: 365px;}
}


.price__block .block__2 .price__vacancy__slider .left-arrow,
.price__block .block__2 .price__vacancy__slider .right-arrow{position: absolute;z-index: 100;cursor:pointer;top: calc(50% - 50px);width: 54px;height: 100px;background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;}
.price__block .block__2 .price__vacancy__slider .left-arrow{left: 0;}
.price__block .block__2 .price__vacancy__slider .right-arrow{right: 0;}

.price__block .block__3 .item{background-color: #f7f7f7;padding: 25px;}
.price__block .block__3 .item .price{font-weight: bold; margin: 20px 0;}
.price__block .block__3 .item .price .icon.coin{width:16px;height:16px;margin-right: 10px;background-image: url(/front/img/icons/coin.png);}

.price__block .block__4.flex{justify-content: center;align-items: center;flex-direction: column;}
.price__block .block__4{border: 1px solid #e8e8e8;margin-top: 45px;padding: 45px 0 47px 0;}
.price__block .block__4 .title{font-size: 22px;margin-bottom: 40px;}
.price__block .block__4 .phone__block.flex{justify-content: center;align-items: center;}
.price__block .block__4 .phone__block{margin-bottom: 25px;}
.price__block .block__4 .phone__block .phone{font-size: 22px;font-weight: bold;margin-right: 20px;}


/* Партнеры */
.list__partners{margin-top: 50px;}
.list__partners .item.flex{}
.list__partners .item{margin: 15px 0;}
.list__partners .item .logo{margin-right: 30px;width: 200px;height: 100px;background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;}
.list__partners .item .description{padding-top: 20px;}

/* Media */
/*@media (max-width: 2560px) {
    .banner{padding: 460px 0;}
}*/
@media (max-width: 2048px) {
    .banner{padding: 430px 0;}
}
@media (max-width: 1920px) {
    .banner{padding: 170px 0;}
}
@media (max-width: 1680px) {
    .banner{padding: 190px 0;}
}
@media (max-width: 1600px) {
    .banner{padding: 260px 0;}
}
/*@media (max-width: 1440px) {
    .banner{padding: 120px 0;}
}*/
@media (max-width: 1366px) {
    .banner{padding: 50px 0;}
}
/* for 1280x1024 */
@media (max-width: 1280px) {
    .banner{padding: 170px 0;}
}
@media (max-width: 1279px) {
    .banner{padding: 90px 0;}
}

@media (max-width: 1199px) {

    .personal__area .resume__items .item .headline.flex{flex-direction: row;}
    .personal__area .resume__items .item .headline .title{width: 70%;}
    .personal__area .resume__items .item>.flex{flex-direction: column;}
    .personal__area .resume__items .item .resume_info,
    .personal__area .resume__items .item .btn-group{width: 100%;}
    .personal__area .resume__items .item .btn-group.flex{justify-content: flex-start;}
    .personal__area .resume__items .item .btn-group{margin-top: 20px;}

    .personal__area .vacancy__items .item .headline .title{width: 100%;text-align: center;}
    .personal__area .vacancy__items .item>.vacancy_info.flex{flex-wrap: wrap;flex-direction: column;justify-content: flex-end;align-items: flex-start;}
    .personal__area .vacancy__items .item .date,
    .personal__area .vacancy__items .item .btn-group{width: 100%;}

    .personal__area .vacancy__items .item .date{order: 1;}
    .personal__area .vacancy__items .item .btn-group{margin-bottom: 10px;}

    .price__block .block__2 .items .item{padding: 20px;}
}
@media (max-width: 991px) {
    .header{padding: 10px 0;}
    .header .logo,
    .header .city{width: 50%;margin-bottom: 10px;}
    .header .city.flex{justify-content: center;}
    .header .city span{
        color:white;
    }
    .header .top__nav{width: 70%;}
    .header .personal__area{width: 30%;}

    /*.header_second .header .search__form{width: 75%;}
    .header_second .advanced__search{width: 25%;}
    .header_second .header .search__form input[name="query"]{width: 35%;}
    .header_second .header .search__form button.redhead{width: 25%;}*/

    .header_third .header .logo{width: 15%;margin-bottom: 0px;}
    /*.header_third .header .search__form{width: 75%;}
    .header_third .header .search__form input[name="query"]{width: 40%;}
    .header_third .header .search__form button.redhead{width: 20%;}*/

    /*.banner .search__form input[name="salary"],
    .banner .search__form select {width: 20%;}*/

    .personal__area .personal__nav a {font-size: 12px;line-height: 1.8;margin-right: 35px;}

    .personal__area .resume__items .item .headline.flex{flex-direction: column;justify-content: flex-start;align-items: flex-start;}
    .personal__area .resume__items .item .headline .title{order: 1}
    .personal__area .resume__items .item .headline .moder_label{order: 0;margin-bottom: 15px;}

    .personal__area .resume__items .item .resume_info .statistics.flex{flex-direction: column;align-items: center;}
    .personal__area .resume__items .item .resume_info .statistics>span{margin: 0 0 10px 0;}
    .personal__area .resume__items .item .resume_info .statistics>span:before{top: auto;bottom: -5px;right: 0px;left: 0;width: auto;height: 1px;}
    .personal__area .resume__items .item .btn-group>.btn{margin: 0 5px;}


    .personal__area .vacancy__items .item .headline.flex{flex-direction: column;}
    .personal__area .vacancy__items .item .headline .moder_label{order: 0;margin-bottom: 15px;}
    .personal__area .vacancy__items .item .headline .title{order: 1;margin-bottom: 5px;}
    .personal__area .vacancy__items .item .headline .salary{order: 2;margin-bottom: 10px;}
    .personal__area .vacancy__items .item .statistics.flex{flex-direction: column;align-items: center;justify-content: flex-start;}
    .personal__area .vacancy__items .item .btn-group.flex{flex-wrap: wrap;justify-content: center;}

    /*.personal__area .vacancy__items .item .btn-group button.btn.btn-default,
    .personal__area .vacancy__items .item .btn-group a.btn.btn-default,
    .personal__area .vacancy__items .item .btn-group form{width: 100%;}*/
    .personal__area .vacancy__items .item .btn-group .promotion{order: 5;margin-top: 10px;width: 100%;}

    .personal__area .vacancy__items .item .btn-group>.btn:not(.promotion){margin: 0 5px;}

    .personal__area .vacancy__items .item .statistics>span{margin: 0 0 10px 0;}
    .personal__area .vacancy__items .item .statistics>span:before{top: auto;bottom: -5px;right: 0px;left: 0;width: auto;height: 1px;}

    .company__list{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
    .company__list.custom{-webkit-column-count: 1;-moz-column-count: 1;column-count: 1; }
    .company__list.custom>li{width:50%}

    /* Список вакансий для фронта */
    .vacancy__front .logo{position:relative;top: auto;right: auto;width: 100%;height: 50px;margin-bottom: 15px;}
    .vacancy__front .headline.flex{flex-direction: column;}
    .vacancy__front .headline .title{width: 100%;}
    .vacancy__front .desc{width: 100%;margin-bottom: 10px;}
    .vacancy__front>.flex{flex-direction: column;}
    .vacancy__front .vacancy_info.flex{flex-direction: column;}
    .vacancy__front .vacancy_info{margin-top: 10px;}
    .vacancy__front .vacancy_info .date{width: 100%;margin-bottom: 20px;}
    .vacancy__front .vacancy_info .btn-group{width: 100%;}

    .resume__front .resume_footer.flex{flex-direction: column;align-items: flex-start;}
    .resume__front .resume_footer .date{margin-bottom: 10px;}

    .price__block .block__2 .items .item{padding: 25px; margin: 0 5px}
    .price__block .block__2 .items .item:nth-child(2) {height: 450px;}
    .price__block .block__2 .items .item:nth-child(3) .price{margin: 35px 0 25px 0;}

    #specializationModal ul.categoryProfessionalArea,
    #professionalAreaModal ul.categoryProfessionalArea{column-count: 2;}
    #professionalAreaNewModal ul.categoryProfessionalArea{column-count: 2;}
}

@media (max-width: 991px) and (min-width: 768px){
    .banner .search__form input[name="search"] {width: 34%;}
    .banner .search__form>.flex {width: 50%;}

    .header_second .header .search__form {width: 100%;}

    .header_third .header .search__form {width: 83%;}
    .header_third .header .search__form input[name="search"] {width: 36%;}
    .header_third .header .search__form input[name="salary"], .header_third .header .search__form select {width: 24%;}
    .header_third .header .search__form button.redhead {width: 20%;}
}
@media (max-width: 767px) {
    .container {padding-right: 20px;padding-left: 20px;}

    h1{font-size: 1.2em;margin: 10px 0 0.37em 0;}
    .margin{margin-top: 10px;margin-bottom: 10px;}
    .padding__left{padding-left: 0px;}
    a.btn{min-height: 45px;}
    .pagetitle {margin-bottom: 20px;}

    form .form-group {margin-bottom: 0;}

    .modal{top:50px;}
    .modal-header .close {top: 15px;right: 15px;}
    .modal-header .modal-title{font-size: 14px;}

    .header {min-height: 60px;background-color: #ef7f1b;}
    .header .top__nav .burger__block{display: flex;}
    .header .top__nav .menu_block.flex{justify-content: flex-start;align-items: stretch;flex-direction: column;}
    .header .top__nav .menu_block{display: none;}
    .header .top__nav .menu_block>a{padding: 7px 0;display: none;}
    .header .top__nav .mobile__nav{display: block;}
    .header .top__nav .mobile__nav .btn{margin-bottom: 30px;border-color: #EF7F1B;color: #EF7F1B;border-width: 2px;font-weight: bold;}
    .header .top__nav .mobile__nav>a:not(.btn){display: block;font-size: 14px;color: #202020;margin: 10px 0;}

    .header .top__nav .menu_block>ul.auth__menu{display: block;}

    .search__form svg{display:block;}
    /*.header_first .header .search__form,*/
    .header_second .header .search__form,
    .header_third .header .search__form{display: none;}

    /*.header_first .header .search,*/
    .header_second .header .search,
    .header_third .header .search{display: block;}

    .header{background-color: #ef7f1b;}
    .header .logo{width: 90%;margin-bottom: 0px;}
    .header .logo>div{width: 70px;height: 50px;background-image: url(/images/logo.svg)!important;background-position: 50% 50%;background-repeat: no-repeat; background-size: contain;}
    .header .city{display: flex;}
    .header .top__nav{order: 2;width: auto;margin-top: 0px;}
    .header .personal__area{display: none;}
    .header .personal__area>span{display: none;}

    .header .search__form input,
    .header .search__form button,
    .header .search__form select{position: relative;height: 45px;z-index: 100;}

    .header .search__form{width: calc(100% + 20px)!important;position: absolute;top: 60px;left: -10px;right: 0;background-color: #F8F8F8;margin: 0!important;padding: 20px;z-index: 999;}

    /*.header .search__form:after{position: absolute;content: "";top: -5px;left: -10px;right: -10px;bottom: -10px;background-color: #F8F8F8;}*/

    .header_first .mobile_bg,
    .header_second .mobile_bg,
    .header_third .mobile_bg{background-color: #ef7f1b;position: relative;}

    .header_first .mobile_bg:before,
    .header_second .mobile_bg:before,
    .header_third .mobile_bg:before{position: absolute;content: "";top: 0;bottom: 0;left: -10px;width: 10px;background-color: #ef7f1b;}

    .header_first .mobile_bg:after,
    .header_second .mobile_bg:after,
    .header_third .mobile_bg:after{position: absolute;content: "";top: 0;bottom: 0;right: -10px;width: 10px;background-color: #ef7f1b;}

    .header_first .header .search__form.flex,
    .header_second .header .search__form.flex {justify-content: center;}
    .header_first .header .search__form,
    .header_second .header .search__form{order: 5;}
    .header_first .advanced__search,
    .header_second .advanced__search{order:6;}

    .header_third .header .logo{width: 60%;}
    .header_third .header .search__form.flex {justify-content: center;}
    .header_third .header .search__form{order: 2;}


    .header .logo{    width: auto;}
    .banner .link__group .btn{font-size: 8px;}

    .header_first.fixed,
    .header_second.fixed,
    .header_third.fixed{position: relative;}

    .header_second .header .search__form,
    .header_third .header .search__form,
    .header_second .advanced__search{margin-top: 23px;}
    .header_second .advanced__search.flex{justify-content: center;}

    .header_second .header .search__form.flex{flex-direction: column;align-items: center;}
    .header_second .header .search__form input[name="search"],
    .header_second .header .search__form input[name="salary"],
    .header_second .header .search__form select{width: 100%;margin-bottom: 10px;border-radius: 3px;}
    .header_second .header .search__form button.redhead{width: 100%;border-top-left-radius: 3px;border-bottom-left-radius: 3px;}

    .header_third .header .search__form.flex{flex-direction: column;align-items: center;}
    .header_third .header .search__form input[name="search"],
    .header_third .header .search__form input[name="salary"],
    .header_third .header .search__form select{width: 100%;margin-bottom: 10px;border-radius: 3px;}
    .header_third .header .search__form button.redhead{width: 100%;border-top-left-radius: 3px;border-bottom-left-radius: 3px;}

    /*.header_first .header .search__form,*/
    .header_second .header .search__form,
    .header_third .header .search__form{display: none;}

    /*.header_first .header .search,*/
    .header_second .header .search,
    .header_third .header .search{display: block;}

    .header_third .header .edit__profile,
    .header_third .header .top__nav{display: block;}


    .banner{padding: 20px 0 0 0;background-image: none!important;background-color: #F8F8F8;}
    .banner:before,
    .banner:after,
    .banner .title,
    .banner .count{display: none;}
    .banner .search__form{order: 1;margin-bottom: 0;}
    .banner .search__form.flex{flex-direction: column;}
    .banner .search__form>.flex{width: 100%;}
    .banner .search__form input[name="search"],
    .banner .search__form input[name="salary"],
    .banner .search__form select{width: 100%;height: 45px;margin-bottom: 10px;border: 1px solid #dadada;border-radius: 3px;}
    .banner .search__form input[name="salary"]{margin-right: 10px;}
    .banner .search__form button {width: 100%;height: 45px;font-size: 12px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;}

    .banner .link__group{display: none;}
    .banner .link__group.flex{align-items: center;/*flex-direction: column;*/}
    .banner .link__group .btn{margin: 0 0 10px 0;width: 100%;margin-right: 10px;background-color: #efefef;color: #2b2b2b;border: none;}
    .banner .link__group .btn:last-child{margin-right: 0px;}

    /* Список должностей */
    .career__block_h2{font-size: 16px;margin: 30px 0 0 0;}
    .career__block{position: relative;padding: 50px 0 20px 0;}
    .career__block{display: none;}
    .career__block .item.flex {flex-wrap: wrap;justify-content: flex-start;}
    .career__block .item{height: 132px;width: 767px!important;}
    .career__block .item:last-child{width: 767px!important;}
    .career__block .item>a{font-weight: normal;background-color: #FDF6EF;padding: 8.5px 15px;white-space: nowrap;}
    .career__block.mobile__career__block{overflow-x: scroll;display: block;padding: 25px 0 15px 0;}

    .best__company{padding: 20px 0 20px 0;}
    .best__company h2 {margin: 0 0 20px 0;font-size: 16px;}

    .vacancy__city{padding: 20px 0 20px 0;}
    .vacancy__city .pagetitle{margin-bottom: 20px;}
    .vacancy__city .pagetitle>h2{font-size: 16px;}
    .vacancy__city .pagetitle>a{display: none;}
    .vacancy__city .advert__banner{display: none;}
    .vacancy__city a.show__all{display: flex;}

    .vacancy__city .item{height: auto;border-bottom: 1px solid #E7E7E7;margin: 0 0px 20px 0px;padding-bottom: 20px;}
    .vacancy__city .item .title{font-size: 13px;}
    .vacancy__city .item .link{font-size: 14px;}
    .vacancy__city .item .metro{font-size: 13px;}
    .vacancy__city .item .salary{font-size: 13px;}

    .resume__city {padding: 30px 0 30px 0;}
    .resume__city .pagetitle>h2{font-size: 16px;}
    .resume__city .pagetitle>a{display: none;}
    .resume__city h2>span{font-size: 14px;color: #737373;display: block;}
    .resume__city .col-xs-12:nth-child(n+11) .item{display: none;}
    .resume__city a.show__all{display: flex;}

    .news__block{display: none;}
    .news__block .item{margin-bottom: 20px;}

    .copyright .copy.flex,
    .copyright .social.flex{justify-content: center;}
    .copyright .copy{text-align: center;margin-bottom: 20px;}

    .personal__area .personal__nav__slider{display: block;}

    .personal__area .burger__nav,
    .personal__area a>i.icon.rub{display:block;}

    .personal__area .personal__nav.flex{justify-content: flex-start;align-items: flex-start;flex-direction: column;}
    .personal__area .personal__nav{display: none;}
    .personal__area .personal__nav .items__nav.flex{flex-direction: column;}
    .personal__area .personal__nav .items__nav{width: 100%;}
    .personal__area .personal__nav a{margin-right: 0;padding: 10px 0;}
    .personal__area .personal__nav .exit{padding: 10px 0;}

    .personal__area .pagetitle.flex{flex-direction: column;}
    .personal__area .pagetitle{margin-bottom: 20px;}
    .personal__area .pagetitle a.link{font-size: 12px;}
    .personal__area .resume__items .item{padding: 20px;}
    .personal__area .resume__items .item .headline .moder_label{font-size: 8px;padding: 7px 10px 5px 10px;}
    .personal__area .resume__items .item .headline .title{font-size: 16px;}
    .personal__area .resume__items .item .resume_info .desc{font-size: 13px;}
    .personal__area .resume__items .item .btn-group.flex{justify-content: center;}


    .personal__area .personal__nav__slider a{font-size: 11px;padding: 15px 0;}
    .personal__area .personal__nav__slider a>span.count{font-size: 8px;width: 11px;height: 11px;}

    .filters__block{display: none;}
    .burger_filter{display: block;}

    .filter__items .select__tag.flex{justify-content: flex-start;}
    .filter__items .select__tag{background-color: transparent;}
    .filter__items .select__tag .delete{color: #EF7F1B;margin-left: 15px;}
    .filters__block .filter__items .open,
    .filters__block .filter__items .close{color: #EF7F1B;font-weight: bold;}
    .filters__block .filter__items.close .title,
    .filters__block .filter__items.open .title{font-weight:normal;background-color: #ffffff;padding: 13px;border-radius: 3px;}

    .card p{font-size: 13px;margin:0;line-height: 1.5;}

    .card__resume .quick_respond_block.flex{flex-direction: column;}
    .card__resume .quick_respond_block .rocket_icon{width: 40px;height: 40px;margin-right:0px;margin-bottom:15px;background-image: url(/front/img/icons/rocket_icon.png);background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;}
    .card__resume .quick_respond_block .right__block{width: 100%;}


    .personal__area .vacancy__items .item .headline .title{color: #2c78df;}

    .card__vacancy .title h1{font-size: 16px;}
    .card__vacancy .title .icon-print{display: none;}
    .card__vacancy .verified{display: none;}
    .card__vacancy .intro .salary {font-size: 13px;}
    .card__vacancy hr {margin: 20px 0;}
    .card__vacancy .favorite__block{display: none;}

    .share_btn_block{display: none;}
    .mobile__share_btn_block{display: flex;}
    .mobile_fixed_responde{display: flex;}

    .mobile__fixed__block{display:flex;}

    .similar__block .vacancy__items{display: none;}

    .footer{padding: 40px 0;}
    .footer .title{position:relative;font-size: 13px;text-align: left;}
    .footer .title:before{position: absolute;content: "";top: calc(50% - 4px);right: 15px;width: 8px;height: 6px;background-image: url(/front/img/icons/icon_up-down-arrow_white.png);background-position: 50% 0%;background-repeat: no-repeat;background-size: cover;}
    .footer ul{display:none;text-align: left;margin-bottom: 30px;padding-left: 30px;}
    .footer ul.open{display: block;}

    .copyright .logo__block.flex{justify-content: center;}
    .copyright .logo__block .logo{display: block;margin-right: 30px;}

    /* Список вакансий для фронта */
    .vacancy__front{display: none;}
    .vacancy__front__mobile{display: block;}
}
@media (max-width: 700px) {
    /*.header .logo{width: 85%;}*/
    .do_you__block form.flex{flex-direction: column;}
    .do_you__block form input[name="phone"]{width: 80%;margin-bottom: 10px;border-radius: 3px;}
    .do_you__block form button.redhead {border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
}
@media (max-width: 600px) {
    /*.header .logo{width: 80%;}
    .header_second .header .search__form{order: 4;}
    .header_second .advanced__search{order:5;}
    .header_second .advanced__search.flex {justify-content: center;}*/

    .footer .items>div{width: 100%;text-align: center;}

    .company__list{-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
    .company__list.custom{-webkit-column-count: 1;-moz-column-count: 1;column-count: 1; }
    .company__list.custom>li{width:100%}

    .share_btn_block.flex{flex-direction: column;}
    .share_btn_block .btn_group{margin-bottom: 20px;}

    #specializationModal ul.categoryProfessionalArea,
    #professionalAreaModal ul.categoryProfessionalArea{column-count: 1;}
    #professionalAreaNewModal ul.categoryProfessionalArea{column-count: 1;}
}
@media (max-width: 500px) {
    /*.header.flex{align-items: center; flex-direction: column;}
    .header .logo,
    .header .city.flex,
    .header .personal__area{width: auto;margin-bottom: 20px;}*/


    .header .logo{width: auto;}
    .banner .link__group .btn{font-size: 8px;}

    .header_first.fixed,
    .header_second.fixed,
    .header_third.fixed{position: relative;}

    .header_second .header .search__form,
    .header_third .header .search__form,
    .header_second .advanced__search{margin-top: 23px;}
    .header_second .advanced__search.flex{justify-content: center;}

    .header_second .header .search__form.flex{flex-direction: column;align-items: center;}
    .header_second .header .search__form input[name="search"],
    .header_second .header .search__form input[name="salary"],
    .header_second .header .search__form select{width: 100%;margin-bottom: 10px;border-radius: 3px;}
    .header_second .header .search__form button.redhead{width: 100%;border-top-left-radius: 3px;border-bottom-left-radius: 3px;}

    .header_third .header .search__form.flex{flex-direction: column;align-items: center;}
    .header_third .header .search__form input[name="search"],
    .header_third .header .search__form input[name="salary"],
    .header_third .header .search__form select{width: 100%;margin-bottom: 10px;border-radius: 3px;}
    .header_third .header .search__form button.redhead{width: 100%;border-top-left-radius: 3px;border-bottom-left-radius: 3px;}

    /*.header_first .header .search__form,*/
    .header_second .header .search__form,
    .header_third .header .search__form{display: none;}

    /*.header_first .header .search,*/
    .header_second .header .search,
    .header_third .header .search{display: block;}


    .mobile__fixed__block .btn{padding: 0 5px;font-size: 11px;}

    .career__block{padding-bottom: 10px;}
    .career__block .item:last-child{width: 100%;}
    .career__block .item>a{text-align: center;}

    .personal__area .vacancy__items .promo_block .promo__item.flex{flex-direction: column;}
    .personal__area .vacancy__items .promo_block .promo__item .title{width: 100%;margin-bottom: 10px;}
    .personal__area .vacancy__items .promo_block .promo__item>.flex{width: 100%;}

    /* Список вакансий для фронта
    .vacancy__front .vacancy_info .btn-group.flex{flex-direction: column;align-items: center;}
    .vacancy__front .vacancy_info .btn-group>a{margin-bottom: 10px;}
    .vacancy__front .vacancy_info .btn-group .removeVacancyFavoritePersonalForm{margin-left: 0!important;}*/

    .resume__front.flex{flex-direction: column;}
    .resume__front .photo{width: 100%;margin-bottom: 15px;}
    .resume__front .resume__info{width: 100%;}

    .news__list .item.flex{flex-direction: column;align-items: center;}
    .news__list .item .image{margin: 0 0 20px 0;}
    .news__list .item .right__block{width: 100%;}
    .news__list .item .right__block .title.flex{flex-direction: column;}

    .cart__news img{float: none;width: 100%;}
}
@media (max-width: 450px) {
    .best__company .items>div,
    .vacancy__city .items>div{width: 100%;}
    .vacancy__city .items .item{text-align: center;}
}
@media (max-width: 400px) {
    ul.pagination li.page-item>a{padding: 10px 15px;}
    .header .logo{width: auto}
}
@media (max-width: 350px) {

}
@media (max-width: 300px) {

}



@media print {
    .header_second,
    .footer,
    .share_btn_block,
    .similar__block,
    .showContactsForm,
    #respond,
    .messages__block,
    .favorite__block,
    .user__info .photo,
    .verified{display: none!important;}

    .margin {margin-top: 0px!important;margin-bottom: 0px!important;}
    .user__info{padding:0!important;}
}

.hidden-href{
    display:none;
}

.vacancy__front.not-mobile .showContactsMobileForm button.btn.btn-default{
    margin-left:10px;
}
.not-mobile .favorite-btn{
    margin-top: 7px;
    margin-left: 10px;
}

.perelink li{
    padding:5px 10px;
    background-color: #f7f7f7;
    margin-bottom:10px;
    margin-right:5px;
}
.perelink li a{
    color: #464646;
    text-decoration:none;
    padding-right:8px;
}
.perelink{
    flex-wrap:wrap;
}
.flex.name_and_adress{
    width: calc(100% - 110px);
}
.flex.name_and_adress>.company__name:first-child, .flex.name_and_adress .metro{
    white-space:nowrap;

}
.flex.name_and_adress>.company__name+.company__name{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.gl-change-list{
    display:none;
}
.popular-city .title{
    margin-top: 10px;
    margin-bottom: 11px;
}
.popular-city a{
    cursor:pointer;
}
body #cboxContent{
    height:initial!important;
}
body #colorbox{
    overflow:visible;
}
.vacancy__front__mobile .company__name__block .company__name+.company__name:last-child{
    padding-left:15px;
    position:relative;
}
.vacancy__front__mobile .company__name__block .company__name+.company__name:last-child:before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0px;
    width: 10px;
    height: 15px;
    margin-top: -7px;
    background: center center no-repeat url(/images/map.png);
    background-size: cover;
}
.for_you_background{
    background:#ff78001a;
}
.quickRespondVacancyFormStatic .social-register a{
    width: 35px;
    height: 35px;
    background-size: cover;
    vertical-align: middle;
}
.quickRespondVacancyFormStatic .social-register strong{
    vertical-align: middle;
}
.quickRespondVacancyFormStatic .social-register .ha-icon.vkontakte{
    background-position: -386px 0;
}
.quickRespondVacancyFormStatic .social-register .ha-icon.odnoklassniki{
    background-position: -246px 0;
}
@media (min-width: 1000px) {
    /*.quickRespondVacancyFormStatic+.share_btn_block{
        margin-top: -53px;
    }*/
    .quickRespondVacancyFormStatic+.share_btn_block{
        padding: 15px;
        text-align: right;
        border-top: 1px solid #e5e5e5;
    }
}


.vacancy__front.promo button.btn.btn-default:hover, .vacancy__front.promo a.btn.btn-default:hover, button.redhead:hover, a.redhead:hover{
    background-color:   #ef7f1bb5;
}
.vacancy__front.promo button.btn.btn-default, .vacancy__front.promo a.btn.btn-default{
    border:none;
}
.filters__block .filter__items ul>li .name:hover{
    background:#dedede;
}
.search__form select{
    cursor: pointer;
}
ul.pagination li.page-item>a:hover{
    background:#dedede;
}
.quickRespondVacancyFormStatic .ajaxFileUpload__block .image:hover{
    cursor:pointer;
    border: 2px solid #ef7f1b;
}
.banner .link__group .btn:hover{
    background:#ef7f1b;
    border-color:#ef7f1b;
}
.career__block .item>a:hover{
    text-decoration:none;
    background-color:#ef7f1b;
    color:white;
}
.vacancy__city .perelink li:hover{
    background:#ef7f1b;
}
.vacancy__city .perelink li:hover>*{
    color:white;
}


.breadcrumb-vacancy{
    margin-top:0.67em;
}
.breadcrumb-vacancy li{
    display:inline;
    list-style:none;
}
.breadcrumb-vacancy li a{
    text-decoration:underline;
    color:#ef7f1b;
}
.breadcrumb-vacancy li>span{
    color:#ef7f1b;
}
.breadcrumb-vacancy li:after{
    content:'>';
    display:inline;
    padding-left:0px 5px;
    color:#ef7f1b;
}
.breadcrumb-vacancy li a:hover{
    text-decoration:none;
}
.breadcrumb-vacancy li.last:after{
    display:none;
}
.desc.shortes{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 15px;
    word-break: normal;
}
.h2_index{
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    font-family: "MontserratRegular";
    line-height: 1.4;
    color: #202020;
}
.h4_index{
    display: block;
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    font-family: "MontserratRegular";
    font-size: 14px;
    line-height: 1.4;
    color: #202020;
}
.bold_index{
    font-weight:bold;
}
.columns-custom{
    column-count: 3;
}
@media (min-width: 768px) {
    .columns-custom>div{
        width:100%!important;
    }
}
.zaprosy_block>*{
    color:white;
}
.zaprosy_block{
    margin-bottom: 30px;
}
.zaprosy_block span:last-child{
    display:none;
}
.zaprosy_block a{
    text-decoration:underline;
}
.zaprosy_block a:hover{
    text-decoration:none;
    color:white;
}

.zaprosy_block>span:first-child{
    color:#ef7f1b;
}

@media (max-width: 768px) {
    .columns-custom{
        column-count:1;
    }
    .zaprosy_block{
        order: 2;
    }
    .zaprosy_block>*{
        color:#ef7f1b;
    }
    .zaprosy_block>span:first-child{
        color: #202020;
    }
}

.quickResume{
	padding: 30px 30px 40px;
}
.quickResume .title_steps>div{
	font-size: 24px;
    font-weight: bold;
    position:relative;
    display:none;
    padding-right:100px;
}
.quickResume .title_steps>div.active{
	display:block;
}
.quickResume .title_steps>div .skip{
	position:absolute;
	font-size:16px;
	right:0px;
	top:50%;
	transform:translateY(-50%);
	color: #ef7f1b;
	cursor:pointer;
}
.quickResume .title_steps{
	margin-bottom:20px;
}
.quickResume .total{
	color:#b4b4b4;
}
.quickResume .total span{
	color: #ef7f1b;
}
.quickResume .body-steps label{
	font-size:18px;
	font-weight:bold;
	margin-bottom:15px;
}
.quickResume .body-steps label span{
	color: #ef7f1b;
}
.quickResume .body-steps{
	margin-top:20px;
}
.quickResume .select-this{
	margin-bottom:15px;
}
.quickResume .career-list{
    max-height: 150px;
    overflow-y: scroll;
    margin-left: 0px;
    margin-top: 20px;
}
.quickResume .career-list li{
	padding: 10px 0px;
	cursor:pointer;
}
.quickResume .element:not(.hide){
    position: relative;
    margin: 0px 0px 0px 10px;
    padding: 10px 22px 10px 10px;
    background-color: #dadada;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}
.quickResume .element:not(.hide) .name{
	text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
}

.quickResume .element:not(.hide) .remove{
	position: absolute;
    top: 3px;
    right: 3px;
    width: 15px;
    height: 15px;
    color: #ffffff;
    background-color: #ef7f1b;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.15;
    cursor: pointer;
    display:block;
}

.quickResume .continue{
	border: none;
    outline: none;
    background-color: #ef7f1b;
    color: #ffffff;
    font-weight: bold;
    padding: 15px 0px;
    border-radius: 3px;
    text-align:center;
    cursor:pointer;
}

.quickResume .continue:hover{
	background-color:#ef7f1bb5;
}
.quickResume .steps_error{
	margin-top:20px;
}
.quickResume .steps_error p{
	margin:8px 0px;
	color:red;
}
.quickResume .body-steps>div{
	display:none;
}
.quickResume .body-steps>div.active{
	display:block;
}
.quickResume .body-steps .ajaxFileUpload__block label  span{
	color:white;
}

.quickResume .new-style-button{
    border: none!important;
    outline: none!important;
    background-color: #ef7f1b!important;
    color: #ffffff!important;
    font-weight: bold;
    padding: 15px 0px!important;
    border-radius: 3px!important;
    text-align: center;
    cursor: pointer;
    width: 100%;
}

.flexed-subscribe{
    /* max-width:300px; */
    padding:15px;
    border: 1px solid #ef7f1b;
    position:fixed;
    right:0px;
    bottom:50px;
    background-color:white;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    height: 150px;
    width: 300px;
}

.flexed-subscribe .close{
    position:absolute;
    top:0px;
    right:5px;
    font-family: Arial;
    color: rgba(0, 0, 0, 0.9);
    font-size: 20px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
    width: 15px;
    text-align: center;
    display:block;
    cursor:pointer;
}

.flexed-subscribe .title{
    text-align:center;
    font-size:14px;
    font-weight:bold;
    margin-bottom:15px;
    margin-top: 15px;
}

#fastResume .modal-content{
    max-width:500px;
    margin: 0px auto;
}

.vacancy__front.inclide-all .complain__block{
	display:none;
}

.vacancy__front.inclide-all .company__name__block.in-mobile{
	display:none;
}

.vacancy__front.inclide-all .date__logo__block.in-mobile{
	display:none;
}

.vacancy__front.inclide-all .headline .metro{
	display:none;
}

@media (max-width: 767px) {
	.vacancy__front.inclide-all{
		display:block;
	}
	.vacancy__front.inclide-all.promo{border-color:#ef7f1b;}
	.vacancy__front.inclide-all .company__name__block.flex{}
	.vacancy__front.inclide-all .company__name__block{width: 90%;margin-bottom: 10px; flex-wrap: wrap;}
	.vacancy__front.inclide-all .company__name__block svg{    margin: 2px 6px 0 0;}
	.vacancy__front.inclide-all .company__name__block .company__name{width: 90%; margin-right:0px;}
	.vacancy__front.inclide-all .company__name__block .company__name a{font-size: 13px;color: #202020;}

	.vacancy__front.inclide-all .title{width: 90%;margin-bottom: 13px; line-height: 1.2;}
	.vacancy__front.inclide-all .title a{font-size: 14px;font-weight: bold;color: #2C78DF;text-decoration: none;}

	.vacancy__front.inclide-all .metro{font-size: 13px;color: #202020;margin-bottom: 12px;}
	.vacancy__front.inclide-all .metro>span.color{display: inline-block;width: 10px;height: 10px;border-radius: 50%;margin-right: 5px;}
	.vacancy__front.inclide-all .metro>span.more{margin: 0 10px;}

	.vacancy__front.inclide-all .salary{font-size: 13px;font-weight: bold;color: #202020;margin-bottom: 19px;}

	.vacancy__front.inclide-all .desc{font-size: 13px;color: #737373;margin-bottom: 23px; margin-top:0px;}

	.vacancy__front.inclide-all .date__logo__block.flex{justify-content: space-between;align-items: center;}
	.vacancy__front.inclide-all .date__logo__block{margin-bottom: 25px;}
	.vacancy__front.inclide-all .date__logo__block .date{font-size: 12px;color: #B1B1B1;}
	.vacancy__front.inclide-all .date__logo__block .logo{max-width: 100px;max-height: 50px;}

	.vacancy__front.inclide-all .btn-group.flex{justify-content: space-between;align-items: center;}
	.vacancy__front.inclide-all .btn-group{}
	.vacancy__front.inclide-all button.btn.btn-default,
	.vacancy__front.inclide-all a.btn.btn-default{min-height: 33px;font-size: 12px;}

	.vacancy__front.inclide-all button.btn.btn-default,
	.vacancy__front.inclide-all a.btn.btn-default{font-weight: bold;background-color: transparent;border: 1px solid #ef7f1b;color: #ef7f1b;}
	.vacancy__front.inclide-all .showContactsMobileForm .btn.btn-default{border: none;}
	.vacancy__front.inclide-all .favorite-btn, .not-mobile .favorite-btn{padding: 0;}
	.vacancy__front.inclide-all .favorite-btn:before, .not-mobile .favorite-btn:before{display: none;}

	.vacancy__front.inclide-all .complain__block{position: absolute;top: 0;right: 0; display:block;}
	.vacancy__front.inclide-all .complain__block form{position: relative;}
	.vacancy__front.inclide-all .complain__block form .points{position: absolute;top: 20px;right: 20px;width: 20px;cursor: pointer;}
	.vacancy__front.inclide-all .complain__block form .points span{display: block;width: 3px;height: 3px;border-radius: 50%;background-color: #C4C4C4;margin: 0 0 2px auto;}
	.vacancy__front.inclide-all .complain__block form .points span:last-child{margin-bottom: 0;}
	.vacancy__front.inclide-all .complain__block .cause__list{display: none;position: absolute;top: 40px;right: 20px;background-color: #ffffff;border: 1px solid #e8e8e8;padding: 10px;z-index:10;}
	.vacancy__front.inclide-all .complain__block .cause__list .title{font-weight: bold;margin-bottom: 10px;}
	.vacancy__front.inclide-all .complain__block .cause__list .item{white-space: nowrap;font-size: 12px;margin-bottom: 5px;}
	.vacancy__front.inclide-all .complain__block .cause__list .item:last-child{margin-bottom: 0;}
	.vacancy__front.inclide-all .complain__block .cause__list .item:hover{color: #B1B1B1;}

	.vacancy__front.inclide-all .company__name__block .company__name+.company__name:last-child{
	    padding-left:15px;
	    position:relative;
	    font-size: 14px;
	    line-height: 1.4;
	    color: #202020;
	}
	.vacancy__front.inclide-all .company__name__block .company__name+.company__name:last-child:before{
	    content: '';
	    position: absolute;
	    top: 50%;
	    left: 0px;
	    width: 10px;
	    height: 15px;
	    margin-top: -7px;
	    background: center center no-repeat url(/images/map.png);
	    background-size: cover;
	}
	.vacancy__front.inclide-all .logo{
		display:none;
	}
	.vacancy__front.inclide-all{position:relative;border: 1px solid #e8e8e8;padding: 20px;margin-bottom: 20px;border-radius: 3px;}
	.vacancy__front.inclide-all .company__name__block.in-mobile{
		display: flex;
    	flex-direction: row;
	}
	.vacancy__front.inclide-all .name_and_adress.not-mobile{
		display:none;
	}
	.vacancy__front.inclide-all .date__logo__block.in-mobile{
		display: flex;
	    flex-direction: row;
	    justify-content: space-between;
    	align-items: center;
	}
	.vacancy__front.inclide-all .date__logo__block.in-mobile .logo{
		display: block;
	    max-width: 100px;
	    max-height: 50px;
	    width: auto;
	    height: auto;
	}
	.vacancy__front.inclide-all .date.flex{
		display:none;
	}
	.vacancy__front.inclide-all .headline .metro{
		display:block;
	}
	.vacancy__front.inclide-all .salary{
		margin-bottom:0px;
	}
	.vacancy__front.inclide-all.promo .headline .title:before{
		display:none;
	}
	.vacancy__front.inclide-all.promo .headline .title{
		padding-left:0px;
	}
}

.professionalArea__blockNew .block_profs{
    width:auto;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px solid black;
}
.category-prof-block{
    display:none;
}
.category-prof-block.active{
    display:block;

}
.category-prof-block .title{
    font-size: 18px;
    font-weight:700;
    margin-right:20px;
}
.category-prof-block .topline{
    display:flex;
    flex-wrap:wrap;
    align-items: center;
    margin:  0px 0px 10px;
}
.category-prof-block .smalltitle{
    font-weight: 600;
    font-size: 16px;
    margin: 3px 0px 15px;
    color: #ef7f1b;
}
.category-prof-block .topline .previus{
    cursor:pointer;
    color: #ef7f1b;
    border-bottom: 1px dashed #ef7f1b;
}
.category-prof-block .topline .previus:hover{
    border-color:white;
}
.category-prof-block .category, .category-prof-block .element{
    font-size:14px;
    font-weight:400;
    cursor:pointer;
    margin-bottom:10px;
}
.category-prof-block .custom-row{
    display:flex;
    flex-wrap:wrap;
    border-bottom:1px solid black;
    padding-bottom:10px;
    margin-bottom:15px;
}
.category-prof-block .custom-row:last-child{
    border-bottom:0px;
}
.category-prof-block .custom-row div{
    float:none;

}
.left-part{
    border-right:1px solid black;
}
.right-part .buttons{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    align-items: center;
}
.category-prof-block .element.selected{
    cursor:default;
    font-weight:bold;
}
.right-part .smalltitle{
    font-weight: 600;
    font-size: 14px;
    margin: 15px 0px 3px;
    color: #ef7f1b;
}
.result-list{
    margin-top:8px;
}
.result-list .tag_item{
    position: relative;
    margin: 0 0px 5px 0;
    padding: 5px 18px 5px 0px;
    background-color: white;
    border-radius: 3px;
    cursor: pointer;

}
.result-list .tag_item>span.remove{
    display: block;
    top:50%;
    transform:translateY(-50%);
    line-height: 1;
}
.category-prof-block .custom-row div.child{
    padding-left:15px;
}
.hh_link{
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 42px;
    margin-bottom: 5px;
    border-radius: 8px;
    border: 1px solid #ef7f1b;
    width: auto!important;
    height: 45px;
    color: #ef7f1b;
    background-size: 30px 30px;
    padding-left: 12px;
    padding-right: 9px;
    /*background:center center no-repeat url(/front/img/e8a7ed7376d3fca03f7dc892e12e58cb.png);*/
    max-width: 230px;
    text-align: center;
}
.hh_title{
    margin-bottom: 7px;
    font-weight: 600;
    margin-top: 10px;
}
.hh-list{
    margin-bottom:10px;
}
.hh-list li{
    padding-left:20px;
    margin-bottom:5px;
    position:relative;
    cursor:pointer;
}
.hh-list li:before{
    content:'';
    position: absolute;
    top:50%;
    left:0px;
    display:block;
    width: 12px;
    height: 12px;
    border-radius:50%;
    border:1px solid #cccccc;
    transform:translateY(-50%);
}
.hh-list li.selected:after{
    content:'';
    position: absolute;
    top:50%;
    left:3px;
    display:block;
    width:6px;
    height:6px;
    border-radius:50%;
    background:#ef7f1b;
    transform:translateY(-50%);
}
.hh-button.btn.btn-default{
    margin-bottom:15px;
    display:none;
}

.hh-block .form-group>div>label {
    display: inline-block;
    padding-top: 15px;
}
@media (max-width: 768px) {
    .left-part{
        border-right:0px;
    }
}

.quickResume .select-this .element:not(.hide){
    margin-left:0px;
}
.hh_link.custom{
    display: inline-block;
    vertical-align: top;
    height: 46px;
    width: 46px;
}
.hh-info>div{
    margin-bottom: 20px;
}
.sitemap .title{
	font-weight:bold;
	margin-bottom:15px;
	margin-top:10px;
}
.toggleShort{
	display:none;
	margin-top:10px;
	margin-bottom:20px;
	text-align:center;
	color: #ef7f1b;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
    text-align: left;
    padding-left: 20px;
}
.perelink .title{
	font-weight:bold;
	margin-bottom:15px;
	margin-top:10px;
}
.shortlist{
	max-height: 78px;
	overflow:hidden;
}
.shortlist.active{
	max-height: initial;
}
.shortlist li:hover{
	text-decoration: none;
    background-color: #ef7f1b;
    color: white;
}
.shortlist li:hover a{
	color: white;
}
.block-links{
	margin-bottom:20px;
}
.block-links .title{
	font-weight:bold;
	margin-bottom:15px;
}
.block-links{
	display:inline-block;
	vertical-align: top;
	float:none;
}
.block-links-container{
	font-size:0px;
}
.block-links-container div{
    font-size: 14px;
}

@media (max-width: 768px) {
	.shortlist{
		max-height: initial!important;
		overflow:hidden;
	}
	.shortlist.active{
		max-height: initial;
	}
	.shortlist li{
		display:none;
	}
	.shortlist li:nth-child(1), .shortlist li:nth-child(2), .shortlist li:nth-child(3), .shortlist li:nth-child(4), .shortlist li:nth-child(5){
		display: flex;
	}
	.shortlist.active li{
		display: flex;
	}
}

.bottom-perelink{
    margin-top:30px;
    margin-bottom:15px;
}
.bottom-perelink .newtitle{
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: 600;
}
.bottom-perelink a{
    margin-left:15px;
    color:#ef7f1b;
    display:block;
    margin-bottom:8px;
}
.bottom-perelink .row{
    display: flex;
    flex-wrap: wrap;
}
.bottom-perelink .row>.div{
    float:none;
}
.perelink-filter input{
    margin-bottom:10px;
}
.perelink-filter button{
    width:100%;
}
a.perelink-add.link.flex{align-items: center;}
a.perelink-add.link{color:#ef7f1b;font-weight: bold;font-size: 12px;text-transform: uppercase;text-decoration: none;}
a.perelink-add.link>span{font-size: 24px;font-weight: bold;color: #ef7f1b;line-height: 0;margin-right: 3px;}
.perelink-edit a i{
    margin-right:0px;
}
.perelink-edit a{
    margin-bottom:10px;
}

.banner-table .title-part{
    margin-bottom:10px;
    font-size:15px;
    font-weight:bold;
}
select[name="type_in_list"]{
    margin-bottom:10px;
}
.banner-my-custom-1{
    padding-left:15px;
    padding-right:15px;
}
.form-error-text-banner{
    margin-bottom:15px;
    color:red;
    text-align:center;
    font-weight:bold;
}
.specialization__block a[data-target="#professionalNew"]{
    min-height: 49px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

ol ol{
    list-style-type: lower-alpha;
}
.content ul.pagination.flex{
    list-style:none;
    margin-left:0px;
}
.hh-info-marker{
    width: 20px;
    white-space: nowrap;
    margin-top: 30px;
    margin-left: -150px;
}

.editorCustomWidth .gjs-pn-views-container{
    width:200px;
}
.editorCustomWidth .gjs-cv-canvas{
    width:calc(100% - 200px);
}
.editorCustomWidth{
    width:calc(100% + 200px)!important;
}

.tabs__content {
  display: none; /* по умолчанию прячем все блоки */
}
.tabs__content.active {
  display: block; /* по умолчанию показываем нужный блок */
}
.tabs__caption.nav-tabs{
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    margin: 0 auto;
    padding: 0;
    max-width: 1200px;
    list-style: none;
    -ms-box-orient: horizontal;
    -ms-box-pack: center;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    margin-top:20px;
    margin-bottom:10px;
    max-width:100%;
}
.tabs__caption.nav-tabs li{
    margin: 0 2px;
    background-color: #f7f7f7;
    color: #ef7f1b;
    transition: background-color 0.2s, color 0.2s;
    position: relative;
    z-index: 1;
    display: block;
    margin: 0;
    text-align: center;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding:10px 10px 9px;
    cursor:pointer;
    font-weight:bold;
}
.tabs__caption.nav-tabs li.active{
    background-color: #ef7f1b;
    color: white;
}
.saveButton{
    margin-top:20px;
    margin-bottom:20px;
}
.desktop__company .photo{
    height: 80px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
.desktop__company .heading-company{
    margin-bottom:20px;
    position:relative;
}

.redaktor-row label{
    display:block;
    margin-bottom:10px;
    font-weight:bold;
}

.colorpicker{
    z-index: 20;
}

form .form-group>div.ajaxFileUpload__block>label{
    padding-top:0px;
}

.heading-company{
    background-repeat:no-repeat;
    background-position:center center;
}

.footer.short{
    padding: 20px 0 10px;
}
.copyright.short{
    padding: 5px 0px;
}

button.btn.btn-default.btn-orange.to-bottom{
    color:white;
    background-color:#ef7f1b;
    position:absolute;
    top:50%;
    right:20px;
    transform:translateY(-50%);
}
button.btn.btn-default.btn-orange.to-bottom:hover{
    background-color: transparent;
    color: #ef7f1b;
}

.desktop__company.custom .heading-company h1{
    display:block;
}
.desktop__company.custom *{
    /*max-width:100%;*/
}

button.btn.btn-default.btn-orange.response{
    color:white;
    background-color:#ef7f1b;
    position:absolute;
    top:50%;
    right:20px;
    transform:translateY(-50%);
}
button.btn.btn-default.btn-orange.response:hover{
    background-color: transparent;
    color: #ef7f1b;
}
.resp{
    margin-top:20px;
}
.vacancy-new-content *{
    max-width:100%;
}
.vacancy__items a.link{
    cursor:pointer;
}

.tabs .user__info .photo{
    margin: 0px 0px 30px 0px;
}

.soc-icon{
    border-radius: 100%;
    margin-right: 8px;
    width:31px;
    height:31px;
    display:block;
    background: url('/images/social.png') no-repeat;
}
.soc-icon.telegramm{
    background-position: -158px -107px;
}
.soc-icon.vk{
    background-position: -8px -8px;
}
.soc-icon.ok{
    background-position: -258px -8px;
}
.soc-icon.insta{
    background-position: -158px -8px;
}
.soc-icon.facebook{
    background-position: -58px -8px;
}

/* .getInMap,  */
.return_to_vacancy, .deepsearch{
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 42px;
    margin-bottom: 5px;
    border-radius: 8px;
    border: 1px solid #ef7f1b;
    width: auto!important;
    height: 45px;
    color: #ef7f1b;
    background-size: 30px 30px;
    padding-left: 12px;
    padding-right: 9px;
    max-width: 230px;
    text-align: center;
    cursor:pointer;
}

/* .getInMap:hover,  */
.return_to_vacancy:hover, .deepsearch:hover{
    color: white;
    background-color:#ef7f1b;
}
.hidden-row-vacancy{
    display: none;
    flex: 100%;
    text-align: center;
    margin-top: 20px;
    color: white;
}
.header .hidden-row-vacancy{
    color: black;
        flex: auto;
}
.header .search__form{
    flex-wrap: wrap;
}
.flex-justify{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
}

.gjs-lory-frame{
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
}
.gjs-lory-slides{
    display: inline-block;
    transition-delay: 1ms;
}
.gjs-lory-slide{
    display: inline-block;
}

.gjs-lory-prev{
    position: absolute;
    display: block;
    cursor: pointer;
    top: 50%;
    left: 0;
    margin-top: -25px;
}
.gjs-lory-next{
    position: absolute;
    display: block;
    cursor: pointer;
    top: 50%;
    right: 0;
    margin-top: -25px;
}
.gjs-lory-prev svg{
    width: 35px;
    height: 35px;
    margin: 2px 0 0 2px;
}

.gjs-lory-next svg{
    width: 35px;
    height: 35px;
    margin: 2px 0 0 3px;
}
.t799 .t-col_8.t-col{
    position:relative;
}
.vacancy-new-content #allrecords ul{
    list-style: initial;
}

#placeBannersCustomNew .modal-content {
    max-height: 95vh;
}
#placeBannersCustomNew .modal-content .modal-body {
    max-height: 70vh;
    overflow-y: scroll;
}
input[type="text"].smallsearch{
    width: calc(100% - 20px);
    height: 46px;
    border: 1px solid #dadada;
    border-radius: 3px;
    padding: 0 10px;
    margin-bottom: 20px;
    margin-right: 0px;
}

.personal-menu-container{
    background-color: #262626;
}
.personal__area .personal-menu-container .personal__nav a, .personal__area .personal-menu-container .personal__nav__slider a{
    color: #ffffff;
}
.personal__area .personal-menu-container .personal__nav a.active, .personal__area .personal-menu-container .personal__nav a:hover, .personal__area .personal-menu-container .personal__nav__slider a.active, .personal__area .personal-menu-container .personal__nav__slider a:hover{
        -webkit-text-stroke-color: #ffffff;
}
.personal__area .personal__nav .exit{
    -webkit-text-stroke: 0.7px  #ffffff;
}
.user__info button.classFromRespond, .quickRespondVacancyFormStatic button.classFromRespond, .title-vacancy-buttons button.classFromRespond, .mobile-title-buttons button.classFromRespond{
    background-color: #ef7f1b;
    color: #ffffff;
    border-color: #ef7f1b;
}
.user__info button.classFromRespond:hover, .quickRespondVacancyFormStatic button.classFromRespond:hover, .title-vacancy-buttons button.classFromRespond:hover, .mobile-title-buttons button.classFromRespond:hover{
    background-color: #ef7f1bb5;
    border-color: #ef7f1bb5;
}
.quickRespondVacancyFormStatic .modal-footer{
    padding: 0px;
    border-top: initial;
}

.personal__area .vacancy__items .item .headline .moder_label.green{
    color: green;
    border: 1px solid green;
}
.personal__area .vacancy__items .item .headline .moder_label.red{
    color: red;
    border: 1px solid red;
}
.personal__area .vacancy__items .item .btn-group .btn:not(.promotion)[title='Продлить']{
    width: 90px;
    margin-right: 10px;
}

.title-vacancy-buttons{
    display: flex;
    align-items: center;
    min-width: 400px;
}
.card__vacancy .title .icon.icon-print{
    margin: initial;
}
.title-vacancy-buttons button.classFromRespond{
    margin-left: 8px;
}

.mobile-title-buttons{
    display: none;
}

.banner-sidebar-vacancy img, .banner-mobile-vacancy img{
    max-width: 100%;
}

.banner-mobile-vacancy{
    display: none;
    margin-top: 20px;
}

@media (max-width: 767px){
    .title-vacancy-buttons{
        display: none;
    }
    .card__vacancy .title h1{
        font-size: 18px;
    }
    .salary-text{
        font-size: 16px;
    }
    .salary-text .salary{
        font-size: 16px!important;
    }
    .mobile-title-buttons{
        display: block;
        margin-top: 10px;
    }

    .banner-sidebar-vacancy{
        display: none;
    }

    .banner-mobile-vacancy{
        display: block;
    }
    .hidden-row-vacancy{
        color: black;
    }
}
.vacancy-company-link{
    color: initial;
}
.title-vacancy-buttons .showContactsMobileForm{
    margin-left: 8px;
}
.title-vacancy-buttons .favorite-btn:before{
    display: none;
}
.title-vacancy-buttons .favorite-btn{
    border: 1px solid #EF7F1B;
    padding: 0px;
    margin-left: 8px;
    padding: 11px;
    border-radius: 8px
}

.title-vacancy-buttons button.btn.btn-default{
    min-height: 43px;
    padding: 0 24px;
}

.respondFormNew{
    border: 1px solid #dadada;
    border-radius: 5px;
    padding: 30px 20px 15px;
}
.respondFormNew .title{
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 15px 0;
}
.respondFormNew .inputs{
    display: flex;
    max-width: 475px;
    margin: 0px auto;
}
.respondFormNew .errored{
    text-align: center;
    margin-top: 8px;
    color: red;
    display: none;
}
.respondFormNew label.checkbox{
    margin: 0px auto;
    padding-top: 0px;
}
.respondFormNew .text-center{
    text-align: center;
}
.respondFormNew button.btn{
    background-color: #ef7f1b;
    color: #ffffff;
    border-color: #ef7f1b;
}
.respondFormNew button.btn:hover{
    background-color: #ef7f1bb5;
    border-color: #ef7f1bb5;
}
.respondFormNew .only-text{
    margin-top: 10px;
}
.respondFormNew .link, .respondFormNew .link:hover{
    padding: 0px;
    border: none;
    background: white!important;
    outline-width: 0px;
    outline: none;
    appearance: none;
    margin-left: 15px;
    color: #2c78df;
    cursor: pointer;
}
.respondFormNew .link:focus {
    outline: none;
}
.respondFormNew .link:disabled{
    color: gray;
}
.respondFormNew .resteps{
    margin-left: 15px;
    color: #2c78df;
    cursor: pointer;
}
.second-step{
    display: none;
}
.form-input-errors{
    border-color: red!important;
}
.three-step{
    display: none;
}
.respondFormNew{
    margin-top: 20px;
}

@media (max-width: 600px){
    .respondFormNew .inputs{
        flex-wrap: wrap;
    }
    .respondFormNew button.btn{
        width: 100%;
        margin-top: 20px;
    }
    .respondFormNew .errored{
        margin-top: 0px;
        margin-bottom: 8px;
    }
    .respondFormNew .only-text{
        margin-bottom: 10px;
    }

    .header .search__form .checkbox input{
        height: 0px;
    }

    .header .hidden-row-vacancy{
        margin-top: 0px;
    }
    .pagination.flex{
        flex-wrap: wrap;
    }
    .pagination.flex li{
        display: block;
        height: 36px;
    }
    
}