#primary {
    margin-top: 25px !important;
}

#primary.content_404 {
    margin-top: 0px !important;
}

.subscribe form {
    margin-bottom: 0px;
}

.page-title,
.page-subtitle {
    text-align: center;
}

div.job_listings {
    width: 870px;
    margin-left: calc(50% - 435px) !important;
}

.company_logo {
    min-width: 80px !important;
    max-width: 400px !important;
    max-height: 150px;
}

.company_cont .icon-svg {
    display: inline-block;
    vertical-align: sub;
    margin-left: -25px;
    position: absolute;
    margin-top: 5px;
}

.company_cont .job_listing-about .job_listing-position a {
    margin-right: 35px;
    line-height: 1.3;
}

.company_cont .icon-svg:hover {
    cursor: pointer;
}

.company_cont .icon-svg.nofill:hover path {
    fill: #68696a;
}

.content-area {
    margin-top: 50px !important;
}

#content,
.container {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.page-title {
    margin-top: 40px;
    margin-bottom: 15px;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal !important;
    font-size: 24px !important;
    color: black;
    word-break: break-word;
    white-space: normal;
}

.page-subtitle,
.colon1,
.colon1_2 {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal !important;
    font-size: 16px !important;
    color: black;
}

.colon1 {
    margin-top: 25px;
    width: 200px;
    margin-bottom: 0px;
}

.colon1_2 {
    width: 200px;
}

.colon2 {
    width: calc(100% - 210px);
    margin-top: 16px;
}

.colon2 a {
    color: black;
}

.colon1,
.colon2,
.colon1_2 {
    display: inline-block;
    color: #777;
}

.colon1 a::before,
.colon2 a::before {
    display: none;
    content: '';
}

.colon1 a,
.colon2 a,
.colon2 a:hover {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal !important;
    font-size: 15px !important;
    color: #008ed5;
}

.company-profile {
    margin-top: 20px;
    margin-left: 0px !important;
    margin-right: 20px !important;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal !important;
    font-size: 15px !important;
    color: #333333;
    word-break: keep-all;
}

.company-prof {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 23px;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal !important;
    font-size: 15px !important;
    color: black;
}

.vac_available {
    text-align: center;
    margin-bottom: 28px;
    margin-top: 23px;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal !important;
    font-size: 16px !important;
    color: black;
}

.datte img,
.datte_location img,
.datte_salary img {
    margin-right: 5px;
    height: 14px !important;
    margin-top: -3px;
}

.houseroom {
    display: inline-block;
}

.houseroom img {
    margin-right: 5px;
    height: 14px !important;
}

.datte_loc img {
    height: 14px !important;
    margin-top: -3px;
    margin-right: 5px;
}

.datte_salary img {
    height: 12px !important;
}

.job_listing-company img {
    margin-top: -2px;
    margin-right: 5px;
    height: 14px !important;
}

.datte,
.job_listing-company,
.datte_salary,
.datte_location,
.datte_loc,.invalid {
    display: inline-block;
    word-break: normal;
	line-height:1;
}

.datte_salary,
.job_listing-company {
    margin-right: 15px;
}

.datte_location {
    display: inline-block;
    line-height: 1;
    margin-right: 15px;
}

.datte_loc {
    display: inline-block;
    line-height: 1;
    margin-right: 15px;
}

.datte_datte {
    display: inline-block;
    margin-right: 15px;
}

.datte_location span.img{
	background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPG1ldGFkYXRhPiBTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiA8L21ldGFkYXRhPg0KPGc+PHBhdGggZD0iTTUwMCw3MTAuM2MyMTcsMCwzOTIuOCw0OS44LDM5Mi44LDExMS4zYzAsNjEuNC0xNzYsMTExLjMtMzkyLjgsMTExLjNjLTIxNywwLTM5Mi44LTQ5LjgtMzkyLjgtMTExLjNDMTA3LjIsNzYwLjIsMjgzLDcxMC4zLDUwMCw3MTAuM2MtMjcwLjcsMC00OTAsNjIuMS00OTAsMTM4LjhjMCw3Ni43LDIxOS4zLDEzOC44LDQ5MCwxMzguOGMyNzAuNywwLDQ5MC02Mi4xLDQ5MC0xMzguOEM5OTAsNzcyLjQsNzcwLjcsNzEwLjMsNTAwLDcxMC4zTDUwMCw3MTAuM3oiLz48cGF0aCBkPSJNNzQ3LDI2MS4zYzAtMTM3LjYtMTIwLjItMjQ5LjItMjQ5LjItMjQ5LjJjLTEyOS4xLDAtMjQ5LjIsMTExLjUtMjQ5LjIsMjQ5LjJjMCwyNi4zLTYuOCw1NCwzMS4yLDE0OS41YzIwLjcsNTIuMSwyMTgsMzk4LjYsMjE4LDM5OC42czE5Ni43LTM0NSwyMTgtMzk4LjZDNzUzLjgsMzE1LjMsNzQ3LDI4Ny42LDc0NywyNjEuM0w3NDcsMjYxLjN6IE00OTguMywzNzQuMmMtNTksMC0xMDcuMS00OC42LTEwNy4xLTEwOC42czQ4LTEwOC42LDEwNy4xLTEwOC42czEwNy4xLDQ4LjYsMTA3LjEsMTA4LjZTNTU3LjMsMzc0LjIsNDk4LjMsMzc0LjJMNDk4LjMsMzc0LjJ6Ii8+PC9nPg0KPC9zdmc+");
	height:14px;
	width:14px;
	margin-right: 5px;
    display: inline-block;
	margin-top: -2px;
    vertical-align: middle;
}
.datte span.img{
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWNsb2NrIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCI+PC9jaXJjbGU+PHBvbHlsaW5lIHBvaW50cz0iMTIgNiAxMiAxMiAxNiAxNCI+PC9wb2x5bGluZT48L3N2Zz4=");
	height:14px;
	width:14px;
	margin-right: 5px;
	float: left;
	margin-top:0px;
}
.job_listing-company span.img {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+PHBhdGggZD0iTTczNy45LDY2My41aC02My42TDU0NS42LDU0Ny4zYzc3LjQtMjUuNSwxMjMuMi02NC43LDE0NC44LTg4LjF2LTI1LjNjLTI2LjcsNC44LTg3LTE2LTYxLjktMjguMmMxMi45LTYuMywyMC4xLTE4LjMsMjQuNC0yOS42Yy0yLjQtNy4xLTMuOC0xNC42LTQuMy0yMi41bC0wLjYtMTEuMWMtMS41LDAuNS0zLjEsMS00LjcsMWMtOC43LDAtMTUuNy03LjItMTUuNy0xNnYtMzJjMC04LjgsNy4xLTE2LDE1LjctMTZjMC41LDAsMC45LDAuMiwxLjMsMC4zbC0xLjEtMjAuN2MtMy4xLTU3LDM5LTEwNi4yLDk0LjQtMTA2LjJjNTUuNCwwLDk3LjUsNDkuMiw5NC4zLDEwNi4ybC0xLjEsMjAuN2MwLjUsMCwwLjktMC4zLDEuMy0wLjNjOC43LDAsMTUuOCw3LjIsMTUuOCwxNnYzMmMwLDguOC03LjEsMTYtMTUuOCwxNmMtMS43LDAtMy4zLTAuNS00LjgtMWwtMC42LDExLjFjLTAuNSw5LTIuNiwxNy4zLTUuNSwyNS4zYzQuNCwxMC40LDExLjUsMjEsMjMuMywyNi43YzI0LjMsMTEuOS0zMS43LDMxLjgtNTkuNCwyOC42djI1YzIyLjksMjQuOCw3Miw2Ny4xLDE1Ny40LDkyLjRjMCwwLDQ3LjMsMzcuMyw0Ny4zLDc0Ljd2MzcuM0w3MzcuOSw2NjMuNUw3MzcuOSw2NjMuNXogTTU3OS45LDM5Ni44Yy0yLjgsMC01LjQtMC44LTcuOC0xLjZsLTEsMTcuNmMtMi44LDQ4LTI5LjgsODguOS02OC41LDExMi44djU1LjdjMzcuNiwzOS41LDExOC40LDEwNy4xLDI1OC43LDE0Ny4zYzAsMCw3Ny43LDU5LjYsNzcuNywxMTkuMnY1OS42SDQyNC41SDEwdi01OS42YzAtNTkuNiw3Ny43LTExOS4yLDc3LjctMTE5LjJDMjI4LDY4OC4zLDMwOC44LDYyMC43LDM0Ni41LDU4MS4ydi01NS42Yy0zOC44LTIzLjgtNjUuOS02NC44LTY4LjYtMTEyLjlsLTEtMTcuNWMtMi41LDAuOC01LDEuNS03LjgsMS41Yy0xNC4zLDAtMjUuOS0xMS40LTI1LjktMjUuNXYtNTFjMC0xNC4xLDExLjYtMjUuNSwyNS45LTI1LjVjMC44LDAsMS40LDAuNCwyLjEsMC41bC0xLjktMzNjLTUuMi05MSw2NC4zLTE2OS41LDE1NS4yLTE2OS41YzkxLDAsMTYwLjMsNzguNCwxNTUsMTY5LjVsLTEuOSwzM2MwLjgtMC4xLDEuNC0wLjUsMi4xLTAuNWMxNC4zLDAsMjUuOSwxMS40LDI1LjksMjUuNXY1MUM2MDUuOCwzODUuMyw1OTQuMiwzOTYuOCw1NzkuOSwzOTYuOHoiLz48L2c+DQo8L3N2Zz4=");
	height:14px;
	width:14px;
	margin-right: 5px;
	float: left;
	margin-top: 4px;
		background-repeat: no-repeat;
}
.houseroom span.img {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+PGc+PHBhdGggZD0iTTg1MC4xLDU1OS4zVjg1MWMwLDEwLjUtMy44LDE5LjctMTEuNSwyNy40Yy03LjcsNy43LTE2LjgsMTEuNS0yNy40LDExLjVINTc3LjhWNjU2LjVINDIyLjJ2MjMzLjRIMTg4LjhjLTEwLjUsMC0xOS43LTMuOC0yNy40LTExLjVjLTcuNy03LjctMTEuNS0xNi44LTExLjUtMjcuNFY1NTkuM2MwLTAuNCwwLjEtMSwwLjMtMS44czAuMy0xLjQsMC4zLTEuOEw1MDAsMjY3LjVsMzQ5LjUsMjg4LjFDODQ5LjksNTU2LjQsODUwLjEsNTU3LjYsODUwLjEsNTU5LjNMODUwLjEsNTU5LjN6IE05ODUuNyw1MTcuM2wtMzcuNyw0NWMtMy4yLDMuNi03LjUsNS45LTEyLjgsNi43aC0xLjhjLTUuMywwLTkuNS0xLjQtMTIuOC00LjNMNTAwLDIxNEw3OS40LDU2NC43Yy00LjksMy4yLTkuNyw0LjctMTQuNiw0LjNjLTUuMy0wLjgtOS41LTMtMTIuOC02LjdsLTM3LjctNDVjLTMuMi00LjEtNC43LTguOC00LjMtMTQuM2MwLjQtNS41LDIuNi05LjgsNi43LTEzLjFsNDM3LTM2NC4xYzEzLTEwLjUsMjguNC0xNS44LDQ2LjItMTUuOGMxNy44LDAsMzMuMiw1LjMsNDYuMiwxNS44bDE0OC4zLDEyNFYxMzEuM2MwLTUuNywxLjgtMTAuMyw1LjUtMTRzOC4zLTUuNSwxNC01LjVoMTE2LjdjNS43LDAsMTAuMywxLjgsMTQsNS41czUuNSw4LjMsNS41LDE0djI0OEw5ODMuMiw0OTBjNC4xLDMuMiw2LjMsNy42LDYuNywxMy4xQzk5MC4zLDUwOC41LDk4OC45LDUxMy4zLDk4NS43LDUxNy4zTDk4NS43LDUxNy4zeiIvPjwvZz48L2c+DQo8L3N2Zz4=");
	height:14px;
	width:14px;
	margin-right: 5px;
	float: left;
	margin-top:4px;
	background-repeat: no-repeat;
}
.datte_salary span.img {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+PHBhdGggZD0iTTU5MS45LDUwMGMxMDEuNSwwLDE4My43LTgyLjMsMTgzLjctMTgzLjhjMC0xMDEuNS04Mi4zLTE4My44LTE4My43LTE4My44SDQxOC4zVjUwMEg1OTEuOXogTTI1NSwxMGgzNDcuMWMxNjkuMSwwLDMwNi4zLDEzNy4xLDMwNi4zLDMwNi4zYzAsMTY5LjEtMTM3LjEsMzA2LjMtMzA2LjMsMzA2LjNINDE4LjNWNzQ1aDM2Ny41djEyMi41SDQxOC4zVjk5MEgyNTVWODY3LjVIOTEuN1Y3NDVIMjU1VjYyMi41SDkxLjdWNTAwSDI1NVYxMHoiLz48L2c+DQo8L3N2Zz4=");
	height:12px;
	width:14px;
	margin-right: 5px;
	float: left;
	margin-top:1px;
	background-repeat: no-repeat;
}
.invalid span.img {
 background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNDk2LjEwMSAzODUuNjY5bDE0LjIyNyAyOC42NjNjMy45MjkgNy45MTUuNjk3IDE3LjUxNi03LjIxOCAyMS40NDVsLTY1LjQ2NSAzMi44ODZjLTE2LjA0OSA3Ljk2Ny0zNS41NTYgMS4xOTQtNDMuMTg5LTE1LjA1NUwzMzEuNjc5IDMyMEgxOTJjLTE1LjkyNSAwLTI5LjQyNi0xMS43MS0zMS42NzktMjcuNDc1QzEyNi40MzMgNTUuMzA4IDEyOC4zOCA3MC4wNDQgMTI4IDY0YzAtMzYuMzU4IDMwLjMxOC02NS42MzUgNjcuMDUyLTYzLjkyOSAzMy4yNzEgMS41NDUgNjAuMDQ4IDI4LjkwNSA2MC45MjUgNjIuMjAxLjg2OCAzMi45MzMtMjMuMTUyIDYwLjQyMy01NC42MDggNjUuMDM5bDQuNjcgMzIuNjlIMzM2YzguODM3IDAgMTYgNy4xNjMgMTYgMTZ2MzJjMCA4LjgzNy03LjE2MyAxNi0xNiAxNkgyMTUuMTgybDQuNTcyIDMySDM1MmEzMiAzMiAwIDAgMSAyOC45NjIgMTguMzkyTDQzOC40NzcgMzk2LjhsMzYuMTc4LTE4LjM0OWM3LjkxNS0zLjkyOSAxNy41MTctLjY5NyAyMS40NDYgNy4yMTh6TTMxMS4zNTggMzUyaC0yNC41MDZjLTcuNzg4IDU0LjIwNC01NC41MjggOTYtMTEwLjg1MiA5Ni02MS43NTcgMC0xMTItNTAuMjQzLTExMi0xMTIgMC00MS41MDUgMjIuNjk0LTc3LjgwOSA1Ni4zMjQtOTcuMTU2LTMuNzEyLTI1Ljk2NS02Ljg0NC00Ny44Ni05LjQ4OC02Ni4zMzNDNDUuOTU2IDE5OC40NjQgMCAyNjEuOTYzIDAgMzM2YzAgOTcuMDQ3IDc4Ljk1MyAxNzYgMTc2IDE3NiA3MS44NyAwIDEzMy44MDYtNDMuMzA4IDE2MS4xMS0xMDUuMTkyTDMxMS4zNTggMzUyeiIvPjwvc3ZnPg==");
 height:14px;
	width:14px;
	margin-right: 5px;
	float: left;
	margin-top:4px;
	background-repeat: no-repeat;
}
ul.job_listings {
    border-radius: 5px !important;
    border-color: #ccc !important;
}

.job_listing {
    padding: 13px 0px 13px 0px !important;
	margin-top: -1px !important;
    border: 1px solid #ccc;
}


.icon-svg{
	cursor:pointer;
	display:inline-block;
    vertical-align: sub;
	margin-left: -25px;
	position: absolute;
	margin-top: 5px;
	width: 18px;
	opacity:0.6;
}
.icon-svg:hover{
	opacity:1;
}

.job_listing-about .job_listing-position {
    margin-right: 12px;
    width: 100%;
    margin-bottom: 4px !important;
}

.job_listing-about .job_listing-position a:hover,
.job_listing-about .job_listing-position a:active,
.job_listing-about .job_listing-position a {
    color: #008ed5 !important;
}

.job_position_featured {
    box-shadow: none;
}

.job_listing-about {
    width: calc(100% - 40px) !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.job_listing-date {
    height_: 100%;
}

.job_listing-position {
    display: inline-block;
}

.tbl_job_search {
    display: inline-block;
    margin: 0;
    border: none;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal !important;
    font-size: 14px !important;
    color: black;
    line-height: 1;
}

.tbl_job_search td {
    padding: 0;
    border: none;
    line-height: 1;
}

.job_listing-title {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal !important;
    font-size: 22px !important;
    color: #008ed5;
    display: inline;
}

.hot,
.ra,
.hot2,
.ra2 {
    vertical-align: middle;
    text-align: right;
    background-color: #ff6000;
    color: white;
    display: inline-block;
    padding: 0 8px 2px 8px;
    font-size: 14px !important;
    border-radius: 5px;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 7px;
    margin-top: 4px;
    font-weight: 700;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
}

.ra,
.ra2 {
    background-color: grey;
}

.hot2 {
    background-color: #ff6000;
    margin-right: 20px;
}

.hot_two {
    display: inline-block;
}

.hot:hover,
.ra:hover,
.hot2:hover,
.ra2:hover {
    opacity: 0.8;
}

/*.hot:hover:after{ content: "По данной вакансии заявлен максимальный приоритет! Работодатель очень ждет откликов."; position: absolute; left: 0; right: 0; bottom: 5px; z-index: 1; /*background: rgba(0,42,167,0.6); color: #fff; text-align: center; font-family: Arial, sans-serif; font-size: 11px; padding: 5px 10px; border: 1px solid #333; }*/

.tooltip {
    /*display:none;*/
    position: absolute;
    background: white;
    width: 230px;
    border: 1px #ccc solid;
    padding: 5px;
    padding: 8px 10px;
    margin-top: 5px;
    border-radius: 4px;
    font-size: 13px;
    line-height: 18px;
    z-index: -1;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    color: #333;
    word-break: normal;
}

.tooltip div {
    position: absolute;
    left: 20px;
    transform: translate(28px);
    height: 8px;
    top: -5px;
    width: 8px;
}

.tooltip div:before {
    border: 1px solid;
    border-bottom: 0;
    border-right: 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #fff;
    color: #ccc;
}

.hot:hover+.tooltip,
.hot2:hover+.tooltip,
.ra:hover+.tooltip,
.ra2:hover+.tooltip {
    /*display:block;*/
    opacity: 1;
    z-index: 99;
}

.vip+.hot2+.tooltip {
    left: 150px;
}

.hot2~.ra2+.tooltip {
    left: 180px;
}

.vip+.hot_two .hot2~.ra2+.tooltip {
    left: 310px;
}

.hot div {
    display: inline-block;
    margin-left: 3px;
    margin-right: -3px;
}

@media screen and (max-width:620px) {
    .vip+.hot_two .hot2~.ra2+.tooltip {
        left: 215px;
    }
    .vip+.hot_two .hot2~.ra2+.tooltip div {
        left: 150px;
    }
}

@media screen and (max-width:540px) {
    .hot_two {
        width: 200px;
        display: block;
    }
    .vip+.hot_two .hot2~.ra2+.tooltip,
    .vip+.hot2+.tooltip,
    .hot2~.ra2+.tooltip {
        left: 20px;
    }
    .vip+.hot_two .hot2~.ra2+.tooltip div {
        left: 20px;
    }
}

.line_2,
.job_listing-company {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal !important;
    font-size: 16px !important;
    color: black;
}

.job_listing-about .line_2 {
    width: 100%;
}

.job_listing-about .job_listing-image {
    width: calc(100% - 90px);
}

.listing-image .line_2 {
    width: calc(100% - 75px);
}

.exerpt,
.exerpt_mini {
    margin-top: 5px;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal !important;
    font-size: 15px !important;
    color: #777777;
    padding-top: 0px;
    line-height: 1.5;
    word-break: normal;
}
.exerpt_small {font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: normal !important;
	font-size: 15px !important;
		color:#777;
padding-top:0px;  margin-top:5px;
line-height:18px;}


@media screen and (min-width:600px) {
	.exerpt_small{
		18px;
	}
	.exerpt, .exerpt_mini {
		height: 43px;
		overflow: hidden;
	}
}
@media screen and (max-width:600px) {
	.exerpt, .exerpt_mini {
		line-height: 1.33;
		height: 59px;
		overflow: hidden;
	}
	.exerpt_small{
		36px;
	}
	.apply_without_resume textarea{
		height:83px !important;
	}
    .apply_without_resume textarea,
    #complaint_modal textarea{
		line-height: 1.33 !important;	
	}
}

.exerpt .more_job,
.exerpt_mini .more_job,
.exerpt_small .more_job {
    color: #008ed5 !important;
    margin-left0: 5px!important;
    text-align: justify;
    white-space: nowrap
}

.exerpt_small .more_job {
    white-space: nowrap
}

/* нижняя кнопка - Показать больше вакансий*/

.load_more_jobs,
.load_previous {
    margin-bottom: 23px;
    margin-top: 19px;
}

.load_previous {
    width: auto !important;
    margin-top: 5px !important;
    margin-bottom: 23px !important;
}

.load_previous strong {
    width: 270px;
    border-radius: 4px !important;
}

.load_more_jobs strong,
.load_previous strong {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px !important;
    text-transform: none !important;
    font-weight: normal !important;
    color: white !important;
    background-color: #449dd5;
    border-color: #449dd5 !important;
    padding: 5px 15px 6px 15px;
}

.load_more_jobs strong:hover,
.load_previous strong:hover {
    background-color: #1c7ebc !important;
    border-color: #1c7ebc !important;
}

li.job_listing .logo,
li.job_listing .logo_width,
li.job_listing .logo_height,
li.job_listing .exerpt_full {
    max-width: 86px;
    max-height: 86px;
    position: absolute;
    right: 20px;
    top: 20px;
}

li.job_listing .logo_height {
    width: 86px;
    text-align: center;
}

li.job_listing .logo img {
    max-height: 86px;
    max-width: 86px;
    width: 86px;
    height: 86px;
}

li.job_listing .logo_width img {
    max-height: 86px;
    max-width: 86px;
    width: 86px;
}

li.job_listing .exerpt_full img {
    max-height: 50px;
    max-width: 86px;
    width: 86px;
}

li.job_listing .logo_height img {
    max-height: 86px;
    max-width: 86px;
    height: 86px;
}

li.job_listing .logo.one_str img,
li.job_listing .logo.one_str {
    max-height: 86px;
    max-width: 86px;
    width: 86px;
    height: 86px;
    top: 12px;
}

li.job_listing .logo_height.one_str img,
li.job_listing .logo_height.one_str {
    max-height: 86px;
    max-width: 86px;
    height: 86px;
    top: 12px;
    text-align: center;
}

li.job_listing .logo_width.one_str img,
li.job_listing .logo_width.one_str {
    max-height: 86px;
    max-width: 86px;
    width: 86px;
    top: 12px;
}

.exerpt_mini,
.exerpt_small {
    width: calc(100% - 90px);
    word-break: normal;
}

.job_listing-title {
    word-break: normal;
    margin-bottom: 5px !important;
    line-height: 1.3;
    margin-top: 4px !important;
}

.title_img {
    width: calc(100% - 75px);
}

.div_logo {
    text-align: center;
}

.bar-container {
    margin: 0 auto;
}

.crumbs,
.company_head,
.company-profile {
    margin-bottom: 0px !important;
    width: 870px;
    margin-left: calc(50% - 435px) !important;
}

.crumbs {
    word-break: normal;
}

/* далее разные разрешения*/

@media screen and (max-width: 1200px) {
    .exerpt,
    .exerpt_mini {
        margin-top: 5px;
    }
    #for_banner {
        padding-left: calc(50% - 365px) !important;
    }
    .bann {
        margin-left: 0
    }
}

@media screen and (max-width: 992px) {
    .crumbs,
    .company_head,
    .company-profile {
        width: 100%;
        margin-bottom: 0px !important;
        margin-left: 0px !important;
    }
    .load_more_jobs,
    .load_previous {
        margin-left: 0px !important;
    }
    ul.job_listings {
        width: 100%;
        float: none;
    }
    div.job_listings {
        width: auto;
        margin-left: 0px !important;
    }
    #for_banner {
        padding: 0 20% 0 0;
        text-align: center;
    }
}

@media screen and (max-width: 830px) {
    #for_banner {
        padding: 0px !important;
    }
}

@media screen and (max-width: 768px) {
    .div_logo {
        text-align: center;
    }
    .colon1 {
        width: 50px;
    }
    li.job_listing .logo_width.one_str,
    li.job_listing .logo_width,
    li.job_listing .exerpt_full,
    li.job_listing .logo,
    li.job_listing .logo_height {
        display: none;
    }
    .tbl_job_search {
        display: block;
    }
    .exerpt_mini,
    .exerpt_small,
    .title_img {
        width: 100%;
    }
    li.job_listing .logo,
    li.job_listing .logo_width,
    li.job_listing .exerpt_full,
    li.job_listing .logo_height {
        position: relative;
        left: 20px;
        top: 4px;
    }
    li.job_listing .logo_height {
        text-align: left;
    }
}

@media screen and (max-width:560px) {
    .datte_location img {
        margin-right: 12px;
        margin: 0 7px;
        margin-right: 10px;
        margin-top: -3px;
			margin-left:0px;
    }
	.datte_location span.img{
		vertical-align: middle;
		margin-right: 10px;
		margin-top: -1px;
	}
	.datte span.img{
        margin-right: 10px;
		margin-top: 4px;
	}
	.datte_salary span.img{
		margin-right: 10px;
		margin-top: 6px;		
	}
    .datte img {
        margin: 0 7px;
        margin-right: 10px;
        margin-top: -1px;
			margin-left:0px;
    }
    .datte_salary img {
        margin-right: 13px;
        margin: 0 8px;
        margin-top: -3px;
        margin-right: 11px;
			margin-left:0px;
    }
    .job_listing-company img {
        margin-top: -3px;
        margin-left: 7px;
        margin-right: 5px;
			margin-left:0px;
    }
    .job_listing-company span {
        padding-left: 24px !important;
    }
    .eating span,
    .houseroom span {
        padding-left: 24px !important;
    }
    .listing-image .line_2,
    .job_listing-about .job_listing-position {
        width: 100%;
    }
    .job_listing-about .job_listing-position {
        position: relative;
    }
    .job_listing-about .job_listing-position .icon-svg {
        position: absolute;
        top: 5px;
        right: -8px;
        margin-left: 0;
    }
    .job_listing-title {
        display: inline-block;
    }
    .company_cont .job_listing-about .job_listing-position a {
        margin-right: 30px;
        display: inline-block;
    }
    .div_logo {
        display: none;
    }
    .bann {
        margin-top: 0
    }
		.exerpt, .exerpt_mini {     word-wrap: normal;white-space:normal;   word-break: normal; word-break: keep-all;
		
		}
		.datte_location, .datte_salary, .datte_datte .datte {
			line-height: 1.5 !important;
			margin-top: 0px !important;
		}
		.job_listing-company > div{
			margin-top: 4px;
		}
		.tablet .job_listing-company > div{
			margin-top:2px;
		}
        .tablet .datte span.img {
            margin-top: 5px;
        }
		.tablet .datte_location span.img{
			vertical-align: middle;
			margin-top: -1px;
		}
        .tablet .datte_salary span.img {
            margin-top: 6px;
        }
		.tablet .invalid span.img,.tablet .houseroom span.img{
			margin-top:5px;
		}
        .tablet .job_listing-company span {
            margin-top: 3px !important
        }
}

.recaptcha_apply .g-recaptcha {
    transform: scale(0.8) !important;
    margin: 0 !important;
	transform-origin: 0 0;
}

@media screen and (max-width: 500px) {
    .subscribe {
        margin-left: -20px;
        margin-right: -20px;
    }
    .subscribe_fixed {
        margin-left: 0;
        margin-right: 0;
    }
    #for_banner {
        margin-left: -20px;
        margin-right: -20px;
        margin-top: 0px !important;
    }
    #primary {
        margin-top: 0px !important;
    }
    .company-profile {
        margin-top: 30px;
        margin-bottom: 0px;
    }
    .vac_available {
        margin-top: 30px;
        margin-bottom: 20px;
        text-align: left;
        line-height: 1;
    }
    .page-subtitle {
        text-align: left;
        margin-left: 20px;
        line-height: 1;
        margin-top: 33px;
    }
    #content {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .colon2 {
        width: auto;
        line-height: 1;
        margin-top: 16px !important;
    }
    .page-title {
        padding-left: 20px !important;
        padding-right: 20px !important;
        line-height: 1.33;
        margin-top: 38px;
        text-align: left;
        margin-bottom: 0px;
    }
    div.job_listings {
        margin-left: -20px !important;
        margin-right: -20px !important;
    }
    #primary {
        margin-bottom: 0px;
    }
    ul.job_listings {
        border-radius: 0px !important;
    }
    .job_listing-company,
    .datte_location,
    .datte_salary,
    .datte_datte {
        display: block;
        margin-left: 0px;
        line-height: 1.5;
    }
    .exerpt,
    .exerpt_mini {
        word-wrap: normal;
        white-space: normal;
        word-break: normal;
        word-break: keep-all;
    }
}

@media screen and (max-width: 400px) {
    li.job_listing .logo,
    li.job_listing .logo_width,
    li.job_listing .exerpt_full,
    li.job_listing .logo_height {
        width: 70% !important;
        max-width: 70% !important;
        max-height: 500px !important;
        margin-left: 7%;
        height: auto !important;
    }
    li.job_listing .logo img,
    li.job_listing .logo_width img,
    li.job_listing .exerpt_full img,
    li.job_listing .logo_height img {
        max-width: 100% !important;
        max-height: 500px !important;
        width: 100% !important;
        height: auto !important;
    }
}






  div.job_listings a.more_job{
	background-color: transparent;
	padding: 5px 26px 6px 26px;
	color: #008ed5;
	text-transform: none;
	font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	border-radius: 0;
	border: 1px dotted #008ed5;
	margin-top:19px;
	margin-right: 20px;
	transition: none;
width: 142px;
height: 35px;
	white-space: pre;
	overflow: visible;
	display: inline-block;
	/*-webkit-appearance: button;  работет блина на Сафари и выдает кнопку с фоном градиентом серым!*/
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	margin-bottom: 4px;
	text-align:center;
}

div.job_listings a.application_button  {
  font-weight: normal !important;
  border-color: #008ed5 !important;
  border-width: 1px !important;
  border-style: dotted;
	/*padding: 6px 16px 5px 16px;*/
	padding: 5px 16px 6px 16px;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px !important;
  text-transform: none !important;
  line-height: 1.5 !important;
width: 142px;
height: 35px;
  display: inline-block;
  border-radius: 0px;
  color: #008ed5 !important;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  text-decoration: none;
  background-color: #fff;
  cursor: pointer;
vertical-align: bottom;
margin-bottom: 4px;
margin-top: 16px;
text-align:center;
}

.application_details.modal > hr {
  display: none;
}

.apply_candidate.modal {
	width:420px;
	max-width:420px;
    height: auto;
    border-radius: 2px;
    border: 1px solid #ccc;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px!important;
    text-transform: none!important;
    background-color: #f0ede8;
    color: #393d40;
    padding: 30px 40px;
}

.apply_without_resume {
  width: 420px;
  max-width: 420px;
  height: auto;
  background-color: #f0ede8;
  border: 1px solid #ccc;
  border-radius: 2px;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px !important;
  text-transform: none !important;
  color: #393d40;
  padding: 30px 40px;
}
.apply_without_resume .close{
	display:block;
	position:absolute;
	width: 24px;
    height: 24px;
    top: 32px;
    right: 40px;
    cursor: pointer;
    transition: all .15s;
    transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
.apply_without_resume .close:hover{
	transform: scale(1.5);
}
.apply_without_resume + button.mfp-close{
	display:none;
}
.application_details.modal{
   max-width:420px;
}

.apply_with_resume{
	margin-bottom:0px !important;
}

#complaint_modal h3, .apply_with_resume h3{
    font-weight: 700;
    font-size: 24px;
    line-height: 134.8%;
    color: #333333;
    margin-top: 0px;
    margin-bottom: 15px;
	word-break: break-word;
}
.apply_without_resume h3{
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    margin-top: 0px;
    margin-bottom: 29px;
    word-break: break-word;
	color:black;
}
.apply_without_resume input, .apply_without_resume textarea, .apply_with_resume textarea{
	/*width:340px;*/
	width:100%;
	outline: 0;
	max-width:340px;
	padding: 10px 14px;
}
.apply_without_resume textarea,
.apply_with_resume textarea {
	line-height:1.5;
}
.apply_with_resume textarea{
    border-radius: 4px;
    height: 110px;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px!important;
    font-weight: 400;
    color: black;
    word-break: break-word;
    word-break: keep-all;
    line-height: 1.16;
	outline: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
	margin-bottom: -7px;
	max-width:340px;
}

.apply_without_resume input,.apply_without_resume select, .apply_with_resume select{
	height: 40px;
	font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:black;
}
.apply_without_resume select{
	margin-right:10px;
	width:auto;
	outline: 0;
    -webkit-appearance: none; 
    -moz-appearance: none; 
	appearance: none;
	color: #777;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
	padding: 5px 14px;
}

span.select{
	position: relative;
}
#day{
	width: 70px;
}
#month{
	/*width: 120px;*/
	width:170px;
}
#year{
	/*width: 85px;*/
	width:157px;
	margin-right:0px;
}
#resume_file{
	position:absolute;
	visibility: hidden;
}

.apply_without_resume .del_file{
	display:none;
    margin-left: 20px;
    transform: scale(1.5);
    color: red;
    cursor: pointer;
	font-size: 18px;
    font-weight: 400;
	vertical-align: top;
	margin-top: 6px;
}

label[for="resume_file"]{
    text-transform: none;
	font-weight:400;
	color:#008ed5;
	cursor:pointer;
	font-size: 16px!important;
	max-width: 300px;
    display: inline-block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
	font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 16px;
    margin-top: 10px;
}
.apply_without_resume span.select:after{
	content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    pointer-events: none;
    text-align: center;
    line-height: 20px;
    z-index: 10;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    height: auto;
    vertical-align: initial;
    color: rgb(121, 121, 121);
    width: 50px !important;
    font-family: Ionicons !important;
    background: 0px 0px;
    font-variant: normal;
    margin: 0px;
}
.apply_without_resume span.select + span.select:after{
    width: 30px !important;
}

.apply_without_resume .lbl{
	/*display:inline-block;*/
	width: 250px;
	color:#333;
}
.apply_without_resume input[type="radio"]{
	position:absolute;
	z-index: -1;
}
.apply_without_resume label.genger{
	text-transform: none;
	font-weight:400;
	font-size:15px;
	/*padding: 10px 20px;*/
    border: 1px #ccc solid;
    background-color: white;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
	font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
	
	
	color: #777;
    /*padding: 10px 50px;*/
    /*width: 168px;*/
	padding: 8px 14px;
	width:50%;
    height: 40px;
	margin-top: 16px;
    display: inline-block;
}

.apply_without_resume label.genger[for="man"]{
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.apply_without_resume label.genger[for="woman"]{
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
/*.apply_without_resume .lbl + input:focus,.apply_without_resume select:focus,.apply_without_resume textarea:focus {
    border-color: #008ed5 !important;
}*/
/*.apply_without_resume .lbl + input:hover,.apply_without_resume select:hover,.apply_without_resume textarea:hover {
    border-color: #999;
}*/
.apply_without_resume input[name="fname"]:focus,.apply_without_resume select:focus,.apply_without_resume textarea:focus,
.apply_without_resume input[name="resume_phone"]:focus,.apply_without_resume input[name="resume_city"]:focus,
.apply_without_resume .last_work:focus,
#complaint_modal select:focus,#complaint_modal textarea:focus,#complaint_modal input[type="text"]:focus{
    border-color: #008ed5 !important;
}

.apply_without_resume textarea{
	height: 91px;
	font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
	word-break: break-word !important;
	color:black;
	margin-top:16px;
}
.apply_without_resume textarea::placeholder {
  /*color: #ddd;  */
  color: #777;
  word-break: break-word !important;
  word-wrap: break-word;

}
.apply_without_resume .lbl span{
	color:red;
}
.apply_without_resume input[type="submit"],
.apply_candidate input[type=submit]{
	/*border-color: #d8d5d0!important;
    border-width: 1px!important;
    border-style: solid;
    border-color: #d8d5d0;
    background-color: #449dd5!important;
    padding: 11px 33px 11px 33px!important;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px!important;
    font-style: bold;
    text-transform: none!important;
    line-height: 1.25!important;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
	width:auto;*/
	outline: none;
    margin-top: 7px;
    border-style: solid;
    border-color: #449dd5;
    /* border-color: #d8d5d0 !important; */
    border-radius: 4px;
    color: #fff;
    background-color: #449dd5;
    padding: 11px 28px 11px 28px !important;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: none !important;
    line-height: 118.3%;
    transition: all .3s;
		width:150px;
	height:auto;
}

.apply_without_resume + button.mfp-close, 
.complaint_done button[type=button],
#complaint_modal button[type=button],
.apply_candidate button.mfp-close,
.application_done button[type=button]{
	top:10px;
	right:10px;
    transform: scale(1.2);
	font-weight:400;
	background-color: unset;    
	color: #333;
}

.application_done, .complaint_done {
    width: 420px;
    height: auto;
    border-radius: 2px;
    border: 1px solid #ccc;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px!important;
    text-transform: none!important;
    background-color: #f0ede8;
    color: #333;
    padding: 20px 25px 30px 25px!important;
    position: relative;
    max-width: 510px;
    margin: 0 auto
}

/*.resume_sdone,.resume_sdone_re{
	width: 420px;
    height: auto;
    border-radius: 2px;
    border: 1px solid #ccc;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px!important;
    text-transform: none!important;
    background-color: #f0ede8;
    color: #333;
    padding: 20px 25px 30px 25px!important;
    position: relative;
    max-width: 510px;
    margin: 0 auto
}*/

.resume_sdone button[type=button],.resume_sdone_re button[type=button]{
    color: #333;
    top: 12px;
	right: 15px;
	transform: scale(1.2);
	font-weight:400;
	background-color: unset;    
	color: #333;
}

.apply_without_resume .text,#complaint_modal .text,
.apply_with_resume .text
{
    font-size: 12px;
    line-height: 115.02%;
    letter-spacing: -0.045em;
    color: black;
    margin-top: 10px;
	font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.mfp-content .text a {
    color: #008ed5;
}

.apply_without_resume .no_find_capcha{
    margin-top: -12px;
    margin-bottom: 5px;
	color:red;
}

.apply_without_resume + button.mfp-close,
.apply_candidate button.mfp-close,
.application_done button[type=button]{
	top:10px;
	right:10px;
    transform: scale(1.2);
	font-weight:400;
	background-color: unset;    
	color: #333;
}

@media screen and (max-width:850px) {
	#resume_file, .apply_without_resume input[type="radio"]{
		width:auto;
		left:0;
	}

}

@media screen and (max-width:450px) {
	.apply_without_resume, #complaint_modal{
		max-width:100%;
		width:auto;
		padding: 20px;
	}
	.apply_without_resume .close{
		top: 20px;
        right: 20px;
	}
	/*.apply_without_resume label.genger,*/
	#experience,#education,
	.resume_sdone,.resume_sdone_re{
        width: 100% !important;
		word-break: break-word;
	}
	#month,#year{
		word-break: break-word;		
	}
	#month{width:40%;}
	#year{width:60%;}
	#experience,#education {
		margin-right:0px;
	}
	.apply_without_resume input, .apply_without_resume textarea,
	#complaint_modal textarea{
		max-width:100%;
	}
	#month{
		margin-right:0px;
	}
	.apply_without_resume span.select:after{
		width: 30px !important;
	}
	/*.apply_without_resume label.genger[for="man"] {
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		margin-bottom:0px;
		border-bottom-right-radius:0px;
		border-bottom-left-radius:0px;
	}
	.apply_without_resume label.genger[for="woman"] {
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}*/

	.mfp-content .application_details:not(.apply_employer),.apply_without_resume{
		width: 100%;
		max-width: 100%;
		margin: 0px !important;
		/*min-height: 875px;
		height: 100%;*/
		min-height: 100vh;
	}
    .apply_employer {
        height: auto
    }
    .apply_employer .apply_with_resume_employer{
		width:auto;
	}
	.mfp-wrap:not(.success_done) .mfp-container {
		padding:0px !important;
		position: fixed;
	    overflow-y: scroll;
	}
	.mfp-content .application_details.apply_employer{
		margin:0 auto;
		top:calc(50% - 65px);
	}
	.success_done .mfp-container{
		position: absolute;
	}
	.mfp-wrap:not(.success_done) .mfp-content{
		height:100%;
	}


}

.resume_sdone hr.one, .resume_sdone_re hr.one {
    background-color: #ccc;
    border: none;
    width: calc(100% - 40px);
    display: inline-block;
    margin-bottom: 8px;
}
.resume_sdone hr.two,.resume_sdone_re hr.two {
    margin-top: 24px;
}
.resume_sdone .conten,.resume_sdone_re .conten {
    text-align: center;
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 30px;
    word-break: break-word;
}
.resume_sdone.modal,.resume_sdone_re.modal {
    width: 420px;
    height: auto;
    border-radius: 2px;
    border: 1px solid #ccc;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px !important;
    text-transform: none !important;
    background-color: #f0ede8;
    color: #333;
    padding: 20px 25px 30px 25px !important;
    position: relative;
    max-width: 510px;
    margin: 0 auto;
}

@media screen and (max-width:420px) {
	.resume_sdone .conten,.resume_sdone_re .conten {
		margin-left: 0px;
		margin-right: 0px;
	}
}


input[name="apply_without_resume"]:disabled,input[name="wp_job_manager_resumes_apply_with_resume"]:disabled{
    background-color: #ccc;
    border: 2px solid #ccc;
}
::i-block-chrome,.apply_without_resume input[name="apply_without_resume"]{
	margin-top:10px;
}

@media screen and (max-width:360px) {
	.resume_sdone_re br{
		display:none;
	}
}

input[name="apply_without_resume"]:hover:disabled,input[name="wp_job_manager_resumes_apply_with_resume"]:hover:disabled{
    background-color: #ccc;
    border: none;
}
.mfp-wrap{
z-index: 999999;
}


.apply_candidate p {
    line-height: 1.15;
    margin-top: 16px
}
p.three {
    margin-top: -8px;
}
.apply_with_resume label{
    text-transform: none;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px!important;
    font-weight: 400;
    color: #333;
	line-height:1.5;
}


.apply_candidate p.topp {
    word-break: keep-all;
    word-break: break-word
}
.apply_candidate select{
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 15px!important;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px!important;
    font-weight: 400;
    color: black;
    border-radius: 4px;
	outline: 0;
    -webkit-appearance: none; 
    -moz-appearance: none; 
	appearance: none;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.apply_candidate select{
	padding-right:40px !important;
}

.apply_candidate select *{
	width:340px;
	max-width:340px;
	overflow:hidden;
}
@media screen and (max-width:550px) {
	.job_listing {
		padding: 16px 0 19px 0 !important;
	}
	.job_listing-about .job_listing-position {
		margin-bottom: 4px !important;
	}
	.exerpt, .exerpt_mini {
		margin-top: 11px;
	}
	div.job_listings a.more_job {
		margin-top: 16px;
	}
	.job_listing-title {
		margin-top: -2px !important;
	}
	.job_listing-about .job_listing-position .icon-svg {
	 top: -1px;
	}
	.hot {
		margin-top: 7px;
		margin-bottom: 16px;
	}
}
.apply_without_resume span.select #education{
	margin-top:16px;
}
.cont_re {
    height: 40px;
    margin-bottom: 9px;
    line-height: 40px !important;
    text-transform: none;
    font-weight: 400;
    font-size: 16px!important;
} 
.cont_re{
	display:block;
}
.cont_re input{
	margin-top:0 !important;
	width: 50px !important;
    float: right;
}

@media screen and (max-width:370px) {
	.cont_re span{
		width: calc(100% - 55px);
		float: left;
		word-break: break-word;
		line-height: 1.3;
	}
}

@media screen and (min-width:550px) {
	/*.apply_employer button[type=button]:hover {
		background-color: #1c7ebc !important;
		color: white !important;
		border: 1px solid #ccc
	}
.apply_employer input[type=submit]:hover {
		background-color: #1c7ebc !important;
		color: white !important
	}*/

	.apply_without_resume label.genger:hover {
		color: black !important;
		border-color: #999;
	}

	.apply_without_resume select:hover {
		color: #000 !important;
	}

	.apply_without_resume input[name="fname"]:hover,
	.apply_without_resume select:hover,
	.apply_without_resume textarea:hover,
	.apply_without_resume input[name="resume_phone"]:hover,
	.apply_without_resume input[name="resume_city"]:hover,
	.apply_without_resume .last_work:hover,
	#complaint_modal select:hover,
	#complaint_modal textarea:hover,
	#complaint_modal input[type="text"]:hover {
		border-color: #999;
	}
	a.more_job:hover {
		background-color: #ebf6fc;
	    background-color: #008ed514 !important;
	}
 a.application_button:hover {
		border-color: #1c7ebc;
		color: #1c7ebc;
		background-color: #ebf6fc;
		background-color: #008ed514 !important;
		/*Сафари не поддерживает прозрачность*/
	}

	label[for="resume_file"]:hover {
		text-decoration: underline;
	}

	.apply_candidate input[type=submit]:hover,
	#complaint_modal input[type=submit]:hover {
		background-color: #1c7ebc !important;
		color: white !important
	}

	.apply_without_resume input[type="submit"]:hover,
	.apply_candidate input[type=submit]:hover,
	#complaint_modal input[type=submit]:hover {
		background-color: #1c7ebc !important;
		border-color: #1c7ebc;
	}

	.apply_without_resume+button.mfp-close:hover,
	.complaint_done button[type=button]:hover,
	#complaint_modal button[type=button]:hover,
	.apply_candidate button.mfp-close:hover,
	.application_done button[type=button]:hover {
		border-color: transparent;
	}

	.resume_sdone button[type=button]:hover,.resume_sdone_re button[type=button]:hover {
		border-color: transparent;
	}

	.resume_sdone button.mfp-close:hover,.resume_sdone_re button.mfp-close:hover,
	.apply_without_resume+button.mfp-close:hover,
	.complaint_done button[type=button]:hover,
	#complaint_modal button[type=button]:hover,
	.apply_candidate button.mfp-close:hover,
	.application_done button[type=button]:hover {
		color: #000;
		transform: scale(1.6);
	}
}




.apply_with_resume_employer + button.mfp-close{
    color: #333;
    top: 12px;
	right: 15px;
	transform: scale(1.2);
	font-weight:400;
	background-color: unset;    
	color: #333;
}

.apply_with_resume_employer hr.one{
    background-color: #ccc;
    border: none;
    width: calc(100% - 40px);
    display: inline-block;
    margin-bottom: 8px;
}
.apply_with_resume_employer hr.two {
    margin-top: 24px;
}
.apply_with_resume_employer .conten  {
    text-align: center;
    margin-top: 10px;
	word-break: break-word;
}

.apply_with_resume_employer input{
    color: #008ed5;
	background:transparent;
	font-weight:400;
	font-size: 16px;
	border-color: transparent;
}
.apply_with_resume_employer input:hover{
    color: #008ed5;
	background:transparent;
	text-decoration: underline;

}
.apply_with_resume_employer {
    width: 420px;
    height: auto;
    border-radius: 2px;
    border: 1px solid #ccc;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px !important;
    text-transform: none !important;
    background-color: #f0ede8;
    color: #333;
    padding: 20px 25px 30px 25px !important;
    position: relative;
    max-width: 510px;
    margin: 0 auto;
}

@media screen and (min-width:550px) {
	.apply_with_resume_employer + button.mfp-close:hover{
		color: #000;
		transform: scale(1.6);
		border-color: transparent;
	}
}
.apply_without_resume span.select select {
    margin-top: 16px;
}
input#citizenship {
    margin-top: 16px;
}
.last_work {
    margin-top: 16px;
}
.apply_without_resume p {
    margin-bottom: 0px;
}
#experience{
    width: 145px;
	margin-right:0px;
}
#education{
    width: 180px;
	overflow: hidden !important;
    padding-right: 30px;
}

div.job_listings a.application_button.a_disable{
	color: #777 !important;
    border-color: #777 !important;
}
div.job_listings a.application_button.a_disable:hover{
	background-color: white !important;
}

.job_listing-about .job_listing-position a.viewed, 
.job_listing-about .job_listing-position a.viewed h3,.job_listing-about .job_listing-position a.viewed h2,
div.job_listings a.more_job.viewed{
	color:#55528A !important;
}
div.job_listings a.more_job.viewed{
	border-color:#55528A !important;
}
div.job_listings a.more_job.viewed:hover{
	background-color: #f1f1ff !important;
	background-color: #55528A14 !important;
}