h1 {font-size: 55px;color: white;line-height: 200px;font-family: Circular Std Bold, Sans-Serif;}

.pageBanner {width: 100%;max-width: 1920px;margin:0 auto;height: 200px;background: url('../../images/image-34.jpg');background-position: 100% 72%;}
.pageBanner > .pageBannerContent {width: 100%;max-width: 1150px;margin:0 auto;}

.jobsHolder {width: 100%;background-color: #fbfafa;color: #6e6e7c;font-size: 16px;line-height: 1.31;padding-bottom: 120px;}
.jobsHolder > .jobsContent {width: 100%;max-width: 1170px;margin:0 auto;padding-top: 120px;}

.sideHolder {float: left;}
.sideBoxHolder {width: 270px;min-height: 485px;background: white;text-align: left;margin-bottom: 60px;}
.sideBoxHolder > .sideBoxContent {padding: 30px 31.5px 14px 30px;}
.sideBoxContent > .boxBottom {margin-top: 28px;border-top:1px solid #ededed;}
.sideBoxContent > .boxBottom > .bottomBoxContent {padding-top: 69px;padding-bottom: 14px;}
.bottomBoxContent > .imageHolder {float:left;width: 55px;margin-right: 15px;}
.bottomBoxContent > .imageHolder > img {width: 100%;border-radius: 3px;}
.bottomBoxContent > .nameHolder p {font-size: 16px;color: #303040;line-height: 1.19;}
.bottomBoxContent > .nameHolder {font-size: 10px;color: #3f3f4e;line-height: 1.2;}

.middleHolder {float: right;width: 100%;max-width: calc(100% - 270px);}
.positionsOpening {float: left;font-size: 20px;line-height: 1.2;color: #303040;margin-left: 30px;}
.sortHolder {float:right;font-size: 20px;font-weight: 500;line-height: 1.2;}
.sortHolder > .selectHolder {float: right;width: 123px;overflow: hidden;}
.sortHolder select {font-size: 20px;border: none;background: transparent;font-family: Circular Std Bold, Sans-Serif;color: #303040;cursor: pointer;width: 150px;}

.jobsBoxHolder {display: flex;flex-direction: row;justify-content: left;flex-wrap: wrap;}
.oneJobBoxHolder {width: 270px;min-height: 250px;background: white;margin-top: 30px;margin-left: 30px;}
.oneJobBoxHolder > .oneJobBoxContent {padding: 30px 25px 25px 22px;font-size: 14px;line-height: 1.5;}
.oneJobBoxContent > h4 {font-size: 20px;color: #303040;line-height: 1.2;font-weight: 500;margin-bottom: 10px;}
.oneJobBoxContent > .textHolder {max-height: 84px;overflow: hidden;}

.tagBox {display: inline-block;padding: 9px 10px 7px 9px;background: #edf6ff;color: #043263;font-size: 10px;margin: 14px 10px 0 0;}
.oneJobBoxContent > .buttonsHolder {display: flex;flex-direction: row;justify-content: space-between;width: 100%;margin-top: 20px;}

.typesFilterContent > h4 {margin-bottom: 43px;}
.typesFilterContent > label {margin-left: 12px;font-size: 18px;}
.typesFilterContent {}
.foundRow {width: 100%;height: 55px;}
.foundRow > .totalFound {float:right;background: #edf6ff;padding: 9px 7px 7px;color: #043263;font-size: 14px;margin-top: 10px;}
.foundRow > input {margin-top: 21px;margin-right: 12px;}
.foundRow > label {font-size: 18px;}

@media all and (max-width: 1200px) {
    .pageBanner > .pageBannerContent {padding-left: 40px;}
}
@media all and (max-width: 900px) {
    .pageBanner {height: 251px;text-align: center;}
    .pageBanner > .pageBannerContent {padding-left: 0;}
    .breadcrumbs-nav {text-align: center;}

    .sideHolder {display: none;}
    .middleHolder {max-width: 100%;}

    .jobsHolder > .jobsContent {padding-top: 34px;}
    .positionsOpening {font-size: 16px;}
    .sortHolder, .sortHolder select {font-size: 16px;}
    .sortHolder > .selectHolder {width: 105px;}
    .sortHolder > label {line-height: 21px;}
    .jobsBoxHolder {justify-content: left;}

    .oneJobBoxContent > .buttonsHolder {justify-content: left;}
    .oneJobBoxContent > .buttonsHolder > a .customBtn.small { margin-right: 10px;}
}

@media all and (max-width: 600px) {
    .jobsBoxHolder {justify-content: center;}
}

@media all and (max-width: 500px) {
    .oneJobBoxHolder {width: 90%;margin-left: 0;}
}