/* begin ---------------------- vacancies styles */
.vacancy-header {background:url(../img/cover-vacancies.jpg) no-repeat 50% 50%;background-size:cover;text-align:center;position:relative}
.vacancy-header:after {content:" ";display:block;position:absolute;bottom:0;left:0;width:100%;height:50%;
    background: -moz-linear-gradient(top,  rgba(77,104,128,0) 0%, rgba(77,104,128,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(77,104,128,0)), color-stop(100%,rgba(77,104,128,1)));
    background: -webkit-linear-gradient(top,  rgba(77,104,128,0) 0%,rgba(77,104,128,1) 100%);
    background: -o-linear-gradient(top,  rgba(77,104,128,0) 0%,rgba(77,104,128,1) 100%);
    background: -ms-linear-gradient(top,  rgba(77,104,128,0) 0%,rgba(77,104,128,1) 100%);
    background: linear-gradient(to bottom,  rgba(77,104,128,0) 0%,rgba(77,104,128,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.vacancy-header .page-title {margin:0;padding:75px 0 25px;position:relative;z-index:10;color:#fff;font-weight:500;font-size:32px;line-height:60px;text-shadow:0 1px 1px #34495e}
.vacancy-header .page-title span:before {content:" ";display:block;width:100px;height:100px;margin:0 auto 15px;padding:25px 20px;background:url(../img/icon-cv.svg) no-repeat 50% 45% #fff;background-size:50%;border-radius:50%}
.vacancy-header .company-logo {width:100px;height:100px;margin:0 auto 15px;padding:15px;font-size:0;line-height:70px;border-radius:50%;background:#fff}
.vacancy-header .company-logo img {max-width:100%;max-height:100%}
.vacancy-header .company-logo.placeholder {padding:25px}
.vacancy-header .company-logo.placeholder:before {content:" ";display:block;width:100%;height:100%;background:url(../img/icon-cv.svg) no-repeat 50% 50% #fff;background-size:100%}
.vacancy-header .partners {padding-bottom:15px;position:relative;z-index:10}
.vacancy-header .partners a {display:inline-block;width:140px;height:50px;margin:0 20px;font-size:0;text-indent:-9999px;background-repeat:no-repeat;background-position:50% 50%;background-size:contain}
.vacancy-header .partners .cv-online {background-image:url(../img/logo-cv.svg);background-position:50% 0}
.vacancy-header .partners .teirdarbs {background-image:url(../img/logo-teirdarbs.svg)}
.vacancy-header .partners .cvmarket {background-image:url(../img/logo-cvmarket_light.png);background-position:50% 60%}
.vacancy-searcher {margin:0;background:rgb(77,104,128)}
.vacancy-searcher > .container-fluid {padding:20px 20px 0}
.vacancy-searcher .row {margin:0 -10px}
.vacancy-searcher [class*="col-"] {margin-bottom:20px;padding:0 10px}
.vacancy-searcher select {width:100%;height:40px;margin:0;border:0;border-radius:3px;padding:0 15px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#4d6880}
.vacancy-searcher select option:first-child {display:none}
.vacancy-searcher input.search {width:100%;height:40px;margin:0;border:0;border-radius:3px;padding:0 15px;box-sizing:border-box;font-size:15px}
.vacancy-searcher input.search::-ms-clear {display:none;width:0;height:0}
.vacancy-searcher input.search::-ms-reveal {display:none;width:0;height:0}
.vacancy-searcher input.search::-webkit-search-cancel-button {display:none}
.vacancy-searcher input::-webkit-input-placeholder {color:#4d6880}
.vacancy-searcher input:-moz-placeholder {color:#4d6880;opacity:1}
.vacancy-searcher input::-moz-placeholder {color:#4d6880;opacity:1}
.vacancy-searcher input:-ms-input-placeholder {color:#4d6880}
.vacancy-searcher input[type="submit"] {width:40px;height:40px;border:0;position:absolute;top:0;right:10px;background:url(/v4/img/icon-search-dark.svg) no-repeat 50% 50%;font-size:0;text-indent:-9999px;cursor:pointer}
.vacancy-searcher.loading:before {height:80px;background-color:rgba(77,104,128,.8)}
.vacancy-searcher.loading:after {top:40px;background-image:url(/v4/img/loading-light.svg)}
.vacancy-searcher.loading .vacancy-filter:before {content:" ";display:block;width:100%;height:100%;border:0;position:absolute;top:0;left:0;bottom:auto;margin:0;box-shadow:0 1px 0 #fff;background:#fff;background:rgba(255,255,255,.9);z-index:100}
.vacancy-searcher.loading .vacancy-filter:after {display:none}
.vacancy-filter {padding:10px 0 22px;background:#f4f5f7;border-bottom:1px solid #eee;text-align:center;font-size:0;position:relative}
.vacancy-filter:before {content:" ";display:block;width:0;height:0;border-top:15px solid #eee;border-right:25px solid transparent;border-left:25px solid transparent;position:absolute;bottom:-15px;left:50%;margin-left:-25px}
.vacancy-filter:after {content:" ";display:block;width:0;height:0;border-top:15px solid #f4f5f7;border-right:25px solid transparent;border-left:25px solid transparent;position:absolute;bottom:-14px;left:50%;margin-left:-25px}
.vacancy-filter .container {padding:0}
.vacancy-filter .btn.filter {padding-right:35px;margin:10px 5px 0;padding-left:15px;border-radius:50px;background:#4d6880;border-color:#4d6880;font-size:15px;line-height:28px;color:#fff;position:relative}
.vacancy-filter .btn.filter[data-type="keyword"] {background-color:#4caf50;border-color:#4caf50}
.vacancy-filter .btn.filter[data-type="keyword"]+.btn.filter[data-type="keyword"] {margin-left:15px}
.vacancy-filter .btn.filter[data-type="keyword"]+.btn.filter[data-type="keyword"]:before {display:inline-block;width:10px;margin:0 25px 0 -30px;color:#4d6880;text-align:center;content:"+"}
.vacancy-filter .btn.filter[data-type="keyword"]+.btn.filter[data-type="category"] {margin-left:15px}
.vacancy-filter .btn.filter[data-type="keyword"]+.btn.filter[data-type="category"]:before {display:inline-block;width:10px;margin:0 25px 0 -30px;color:#4d6880;text-align:center;content:"/"}
.vacancy-filter .btn.filter[data-type="category"] {background-color:#34495e;border-color:#34495e}
.vacancy-filter .btn .remove {display:block;width:32px;height:32px;position:absolute;top:-1px;right:0;text-decoration:none !important}
.vacancy-filter .btn .remove:before {display:block;content:"\e029";font-size:16px;line-height:32px;text-align:center;color:#fff}
.vacancy-filter .btn.remove-all {border-radius:50px;margin:10px 15px 0;padding:0 25px;font-size:15px;line-height:28px}
.vacancy-content .content-title {margin:30px 0;font-weight:500;font-size:20px;line-height:26px;text-align:center}
.vacancy-list {margin:0 10px}
.vacancy-list .items {display:flex;flex-wrap:wrap;margin:30px -10px}
.vacancy-list .vacancy {flex:0 1 50%;max-width:50%;padding:1px 10px;position:relative}
.vacancy-list .vacancy-link {display:block;height:90px;padding:15px 0 0 20px;box-sizing:border-box;-webkit-box-sizing:border-box;border-radius:1px;background:#f4f5f7;color:#4d6880;position:relative;overflow:hidden;transition:all .25s}
.vacancy-list .vacancy-logo {width:100px;height:80px;line-height:80px;box-sizing:content-box;-webkit-box-sizing:content-box;-mox-box-sizing:content-box;position:absolute;top:0;right:0;padding:5px 25px;border-radius:0 1px 1px 0;background:#fff;text-align:center;transition:all .75s}
.vacancy-list .vacancy-logo img {max-width:100%;max-height:100%;margin:0 auto;vertical-align:middle}
.vacancy-list .vacancy-logo.placeholder:before {display:block;content:"\e041";font-size:64px;line-height:80px;color:#cfdae5}
.vacancy-list .vacancy-logo:after {content:" ";display:block;width:0;height:0;border-top:45px solid transparent;border-bottom:45px solid transparent;border-right:20px solid #fff;position:absolute;top:0;left:-20px}
.vacancy-list .vacancy-title {display:block;margin-right:175px;margin-bottom:5px;font-size:15px;font-weight:500;text-transform:uppercase;color:#243342;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}
.vacancy-list .vacancy-company {display:block;margin:5px 175px 5px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}
.vacancy-list .vacancy-address {display:block;margin:6px 175px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}
.vacancy-list .vacancy-address:before {display:block;float:left;margin:-1px 2px 0 -3px;font-size:18px;color:#8fa1b3}
.vacancy-list  .vacancy-title:nth-last-child(2) {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;max-height:36px}
.vacancy-list  .vacancy-title:last-child {display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal;max-height:54px}
.vacancy-list .vacancy-link:hover {text-decoration:none;box-shadow:0 0 0 2px #fff,0 0 25px rgba(77,104,128,.5);z-index:10;color:#243342}
.vacancy-list .vacancy-link:hover .vacancy-logo {padding-left:500px}
.vacancy-list .vacancy-link:hover .vacancy-title {color:#f70}
.vacancy-list .vacancy-group-link {display:block;position:absolute;top:0;right:10px;width:150px;height:100%;z-index:11}
.vacancy-list .vacancy-group-link .count {display:inline-block;position:absolute;right:30px;top:10px;min-width:28px;padding:5px 5px 4px;border-radius:30px;background:#e03b00;box-shadow:0 0 0 3px #fff;line-height:19px;text-align:center;text-decoration:none !important;color:#fff;z-index:15}
.vacancy-list .pagination {display:block;margin:15px 0}
.vacancy-list .pagination.next {margin:30px 0}
.vacancy-list .pagination .btn {display:block;height:40px;line-height:40px;border:0;background:#4d6880;color:#fff}
.vacancy-list .pagination .btn:hover {background:#34495e;box-shadow:0 2px 15px rgba(77,104,128,.25)}
.vacancy-list .pagination.loading:before {background-color:rgba(244,245,247,.9)}
.vacancy-list .pagination.loading .btn {box-shadow:none !important}
#vacancies .breadcrumb {margin:20px 0 10px;padding:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:none;border:0;color:#fff;line-height:20px;text-align:left}
#vacancies .breadcrumb > li {display:inline}
#vacancies .breadcrumb [data-icon] {position:relative;padding-left:25px}
#vacancies .breadcrumb [data-icon]:before {display:block;font-size:16px;position:absolute;top:1px;left:1px}
#vacancies .breadcrumb a {color:#fff}
#vacancies .breadcrumb > .active {color:rgba(255,255,255,.75)}
#vacancies .breadcrumb > li + li:before {color:rgba(255,255,255,.75)}
.company-page .vacancy-header .page-title {padding:50px 0}
.company-page .vacancy-list .items {margin-right:0;margin-left:0}
.company-page .vacancy-list .vacancy {flex-basis:100%;max-width:none;padding:0}
.company-page .vacancy-list .vacancy+.vacancy {border-top:1px solid #eee}
.company-page .vacancy-list .vacancy-link {height:auto;padding:25px 20px;background:none}
.company-page .vacancy-list .vacancy-title {display:block;margin:0;max-height:none;text-transform:none;font-weight:500;font-size:20px;line-height:24px}
.company-page .vacancy-list .vacancy-logo {display:none}
.company-page .vacancy-list .vacancy-company {display:none}
.company-page .vacancy-list .vacancy-group-link {display:none}
.company-page .vacancy-list .vacancy-address {margin:8px 0 0}
/* end ---------------------- vacancies styles */


/* begin -------------- responsive styles */
/********** smaller than 801px */
@media (max-width:800px) {
    .vacancy-list .vacancy {flex-basis:100%;max-width:100%}
    .vacancy-list .vacancy-link:hover .vacancy-logo {padding-left:100vw}
}
/********** smaller than 541px */
@media (max-width:540px) {
    #vacancies .breadcrumb {margin:10px 0 0}
    .vacancy-searcher > .container-fluid {padding-bottom:10px}
    .vacancy-searcher [class*="col-"] {margin-bottom:10px}
    .vacancy-content > .container-fluid {padding:0 20px}
    .vacancy-list {margin:0}
    .vacancy-list .items {margin:30px 0 0}
    .vacancy-list .vacancy {padding:0}
    .vacancy-list .vacancy+.vacancy {border-top:1px solid #eee}
    .vacancy-list .vacancy-link {height:auto;background:none;border-radius:0;padding:15px 0 10px;box-shadow:none !important}
    .vacancy-list .vacancy-logo {position:static;float:left;width:80px;height:60px;line-height:60px;padding:0 15px 0 0 !important}
    .vacancy-list .vacancy-logo.placeholder:before {font-size:52px;line-height:60px}
    .vacancy-list .vacancy-logo:after {display:none}
    .vacancy-list .vacancy-title {display:block !important;max-height:none !important;margin-right:0;white-space:normal}
    .vacancy-list .vacancy-company {margin-right:0;white-space:normal}
    .vacancy-list .vacancy-group-link {width:80px;right:auto;left:0}
    .vacancy-list .vacancy-group-link .count {right:auto;left:0}
    .vacancy-list .pagination.next {margin:0 0 20px}
    .vacancy-header .company-logo.placeholder {margin-bottom:25px}
    .vacancy-header .page-title {padding:25px 0 0;font-weight:400;font-size:24px;line-height:30px;text-shadow:none}
    .vacancy-header .partners {padding-bottom:0}
    .company-page .vacancy-header .page-title {padding:10px 0 25px}
    .company-page .vacancy-list .pagination.next {margin-top:10px}
    .company-page .vacancy-list .items {margin-top:10px}
    .company-page .vacancy-list .vacancy-link {padding:15px 0}
    .company-page .vacancy-list .vacancy-title {font-size:18px;line-height:22px}
}
/********** smaller than 421px */
@media (max-width:420px) {
}
/* end -------------- responsive styles */