@font-face {
    font-family: 'SRG heavy';
    font-weight: normal;
    src: url("../fonts/srg_heavy/srgssrtype_he.eot?#iefix");
    src: url("../fonts/srg_heavy/srgssrtype_he.eot?#iefix") format("embedded-opentype"), url("../fonts/srg_heavy/srgssrtype_he.woff") format("woff"), url("../fonts/srg_heavy/srgssrtype_he.ttf") format("truetype"), url("../fonts/srg_heavy/srgssrtype_he.svg#svgFontName") format("svg")
}

@font-face {
    font-family: 'SRG bold';
    font-weight: normal;
    src: url("../fonts/srg_bold/srgssrtype_bd.eot?#iefix");
    src: url("../fonts/srg_bold/srgssrtype_bd.eot?#iefix") format("embedded-opentype"), url("../fonts/srg_bold/srgssrtype_bd.woff") format("woff"), url("../fonts/srg_bold/srgssrtype_bd.ttf") format("truetype"), url("../fonts/srg_bold/srgssrtype_bd.svg#svgFontName") format("svg")
}

@font-face {
    font-family: 'SRG regular';
    font-weight: normal;
    src: url("../fonts/srg_regular/srgssrtype_rg.eot?#iefix");
    src: url("../fonts/srg_regular/srgssrtype_rg.eot?#iefix") format("embedded-opentype"), url("../fonts/srg_regular/srgssrtype_rg.woff") format("woff"), url("../fonts/srg_regular/srgssrtype_rg.ttf") format("truetype"), url("../fonts/srg_regular/srgssrtype_rg.svg#svgFontName") format("svg")
}

@font-face {
    font-family: 'SRG medium';
    font-weight: normal;
    src: url("../fonts/srg_medium/srgssrtype_md.eot?#iefix");
    src: url("../fonts/srg_medium/srgssrtype_md.eot?#iefix") format("embedded-opentype"), url("../fonts/srg_medium/srgssrtype_md.woff") format("woff"), url("../fonts/srg_medium/srgssrtype_md.ttf") format("truetype"), url("../fonts/srg_medium/srgssrtype_md.svg#svgFontName") format("svg")
}

html {
    color: #222;
    font-size: 12px;
    line-height: 1.4
}

/* IE10+ */
::-ms-clear {
    display: none;
}

/* Chrome */
::-webkit-search-decoration,
::-webkit-search-cancel-button,
::-webkit-search-results-button,
::-webkit-search-results-decoration {
    display: none;
}

section h5:before {
    border-bottom: 3px solid #af001d;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.hideEl {
    display: none
}

.section {
    clear: both;
    padding: 0px;
    margin: 0px
}

.col {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%
}

.col:first-child {
    margin-left: 0
}

.group:before, .group:after {
    content: "";
    display: table
}

.group:after {
    clear: both
}

.group {
    zoom: 1
}

.span_12_of_12 {
    width: 100%
}

.span_11_of_12 {
    width: 91.53%
}

.span_10_of_12 {
    width: 83.06%
}

.span_9_of_12 {
    width: 74.6%
}

.span_8_of_12 {
    width: 66.13%
}

.span_7_of_12 {
    width: 57.66%
}

.span_6_of_12 {
    width: 49.2%
}

.span_5_of_12 {
    width: 40.73%
}

.span_4_of_12 {
    width: 32.26%
}

.span_3_of_12 {
    width: 23.8%
}

.span_2_of_12 {
    width: 15.33%
}

.span_1_of_12 {
    width: 6.866%
}

@media only screen and (max-width: 580px) {
    .col {
        margin: 1% 0 1% 0%
    }

    .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {
        width: 100%
    }
}

.ui.column.grid > .column[class*="four wide"] {
    width: 20% !important
}

@media only screen and (min-width: 320px) and (max-width: 780px) {
    .ui.column.grid > .column[class*="four wide"] {
        width: 100% !important
    }
}

.filterMainContainer {
    background-color: #fff;
    padding: 15px 15px 0;
    margin-top: 0;
    margin-bottom: 6px
}

.ui.button {
    font-family: 'SRG regular', 'Arial', sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #333;
    border-radius: 0px !important;
    position: relative;
    top: -10px;
    background-color: #eee;
    text-align: left
}

.ui.button:hover, .ui.button:focus {
    color: #333;
    background-color: #fff
}

button i.icon {
    font-size: 15px;
    padding: 0 15px 0 8px;
    height: 10px !important;
    display: inline-block
}

button.close {
    margin-right: 0 !important
}

.resetWrapper {
    margin-bottom: 20px;
    width: 100%;
    float: left
}

button#resetFilters {
    font-family: 'SRG regular', 'Arial', sans-serif;
    font-size: 15px;
    color: #333;
    padding: 8px;
    display: inline-block;
    background-color: #eee;
    border: 1px solid #eee;
    float: right;
    position: relative;
    left: auto;
    transition: background-color 200ms ease, border-color 200ms ease
}

button#resetFilters:hover, button#resetFilters:focus {
    background-color: #fff;
    color: #333
}

.styled-checkbox {
    position: absolute;
    opacity: 0
}

.styled-checkbox + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    font-family: "SRG medium", "Arial", sans-serif;
    font-size: 20px
}

.styled-checkbox + label:before {
    content: '';
    margin-right: 0.5em;
    display: inline-block;
    width: 17px;
    height: 17px;
    background: white;
    border: 1px solid #bbb;
    position: relative;
    top: 2px;
    box-shadow: inset 0 0 0 2px white !important
}

.styled-checkbox:hover + label:before {
    background: #ddd
}

.styled-checkbox:focus + label:before {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12)
}

.styled-checkbox:checked + label:before {
    background: #af001d
}

.styled-checkbox:disabled + label {
    color: orange;
    cursor: auto
}

.styled-checkbox:disabled + label:before {
    box-shadow: none;
    background: green
}

.styled-checkbox:checked + label:after {
    content: '';
    position: absolute;
    left: -5px;
    top: 9px;
    background: white
}

.ui.container {
    width: 1400px
}

.ui.grid label {
    padding-bottom: 10px;
    display: block;
    overflow: hidden;
    font-family: 'SRG bold', sans-serif;
    font-size: 16px;
    margin-bottom: 6px
}

.ui-multiselect i.icon {
    float: right;
    display: inline-block;
    margin-top: 0;
    margin-right: 2px;
    color: #af001e;
    font-size: 17px
}

.ui-multiselect-single .ui-multiselect-checkboxes input {
    position: absolute !important;
    top: auto !important;
    left: -9999px
}

.ui-multiselect-single .ui-multiselect-checkboxes label {
    padding: 5px !important
}

.ui-multiselect-header {
    margin-bottom: 3px;
    padding: 0 0 3px 4px;
    display: block;
    overflow: hidden;
    position: relative
}

.ui-multiselect-header ul {
    font-size: 0.9em;
    list-style: none
}

.ui-multiselect-header ul li {
    float: left;
    padding: 0 10px 0 0;
    display: inline-block !important;
}

.ui-multiselect-header a {
    text-decoration: none
}

.ui-multiselect-header a:hover {
    text-decoration: underline
}

.ui-multiselect-header span.ui-icon {
    float: left
}

.ui-multiselect-header li.ui-multiselect-close {
    float: right;
    text-align: right;
    padding-right: 0
}

.ui-multiselect-menu {
    display: none;
    padding: 3px;
    position: absolute;
    z-index: 20000;
    background-color: #eee;
    background-clip: padding-box;
    text-align: left;
    border: solid 4px rgba(0, 0, 0, 0.3);
    margin-top: -36px;
    width: 1127px
}

.ui-multiselect-menu[data-target=category2] .ui-multiselect-checkboxes,
.ui-multiselect-menu[data-target=category3] .ui-multiselect-checkboxes,
.ui-multiselect-menu[data-target=category5] .ui-multiselect-checkboxes {
    display: flex;
}

.ui-multiselect-menu[data-target=category3] .ui-multiselect-checkboxes {
    display: flex;
    width: 75%;
}

.ui-multiselect-menu[data-target=category5] .ui-multiselect-checkboxes {
    display: flex;
    width: 50%;
}

.angleIcon {
    position: relative;
    top: -2px
}

.ui-multiselect-menu ul {
    list-style: none;
    width: 100%;
    background: #eee
}

.ui-multiselect-checkboxes {
    width: 1127px;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    overflow: hidden !important;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-multiselect-checkboxes {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}

@media screen and (max-width: 767px) {
    .ui-multiselect-checkboxes {
        -webkit-column-count: initial;
        -moz-column-count: initial;
        column-count: initial;
    }
}

.ui-multiselect-checkboxes label {
    cursor: default;
    display: block;
    border: 1px solid transparent;
    padding: 3px 1px;
    font-weight: normal;
    font-family: 'SRG medium', 'Arial', sans-serif;
    font-size: 16px
}

.ui-multiselect-checkboxes label input {
    position: relative;
    top: 1px
}

.ui-multiselect-checkboxes li {
    display: inline-block;
    width: 100%;
}

.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid
}

.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {
    display: block;
    padding: 3px;
    margin: 1px 0;
    text-decoration: none
}

.ui-multiselect-menu ul.ui-helper-reset {
    padding-left: 15px
}

.ui-multiselect-menu ul.ui-multiselect-checkboxes {
    padding-left: 0
}

* html .ui-multiselect-checkboxes label {
    border: none
}

button.ui-multiselect {
    padding: 8px 10px;
    border: 0;
    background-color: #eee;
    color: #333;
    text-align: left;
    width: 99% !important;
    font-family: 'SRG medium', sans-serif;
    font-size: 15px
}

#checked-values {
    padding: 15px 0 0
}

#checked-values button {
    margin-bottom: 4px
}

.ui-multiselect-none {
    position: relative;
    left: 40px
}

input[type='checkbox'] {
    width: auto;
    float: left;
    margin-right: .75em;
    background: transparent;
    border: none
}

input[type='checkbox']:checked, input[type='checkbox']:not(:checked) {
    background: transparent;
    position: relative;
    visibility: hidden;
    margin: 0;
    padding: 0
}

input[type='checkbox'] + span {
    cursor: pointer
}

input[type='checkbox']:checked + span::before, input[type='checkbox']:not(:checked) + span::before {
    content: ' ';
    display: inline-block;
    width: 17px;
    height: 17px;
    position: relative;
    top: 3px;
    border: 1px solid #bbb;
    background: #fff;
    color: #333;
    margin-right: 1em;
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.1)
}

input[type='checkbox']:hover + span::before {
    background: #ddd;
    box-shadow: inset 0 0 0 2px white
}

input[type='checkbox']:checked + span::before {
    background: #af001d;
    box-shadow: inset 0 0 0 2px white
}

ui.icon.button, .ui.icon.buttons .button {
    font-family: 'SRG medium', 'Arial', sans-serif
}

.ui-multiselect-all, .ui-multiselect-none {
    color: #333;
    font-family: 'SRG regular', 'Arial', sans-serif;
    font-size: 15px
}

.ui-multiselect-all:hover, .ui-multiselect-none:hover {
    font-family: 'SRG regular', 'Arial', sans-serif;
    font-size: 15px;
    color: #333
}

.ms_label_span {
    display: flex
}

.ms_label_span div {
    width: 90%;
    position: relative;
    top: 4px
}

@media screen and (max-width: 991px) {
    .styled-checkbox + label {
        font-family: "SRG medium", "Arial", sans-serif;
        font-size: 15px
    }

    .ui.grid label {
        font-size: 16px
    }

    .ui-multiselect-all, .ui-multiselect-none, .ui-multiselect-all:hover, .ui-multiselect-none:hover {
        font-size: 12px
    }

    .ui-multiselect-checkboxes label {
        font-family: 'SRG medium', 'Arial', sans-serif;
        font-size: 1.1rem
    }

    button.ui-multiselect, .ui.button {
        font-size: 12px
    }

    #checked-values button {
        font-size: 12px
    }
}

@media screen and (max-width: 779px) {
    button#resetFilters {
        left: -4px
    }

    .ui-multiselect-checkboxes li {
        width: 100%
    }

    .ui.button {
        top: -6px
    }

    #checked-values button {
        font-size: 10px
    }
}

@media only screen and (max-width: 767px) {
    .styled-checkbox + label {
        font-size: 15px
    }

    .ui-multiselect-menu {
        padding-bottom: 50px
    }

    .ui.button {
        font-size: 10px
    }

    button i.icon {
        font-size: 12px
    }

    .ui-multiselect-all, .ui-multiselect-none, .ui-multiselect-all:hover, .ui-multiselect-none:hover {
        font-size: 10px
    }

    .ui-multiselect-all, .ui-multiselect-none {
        position: relative;
        left: 0px
    }

    .ui-multiselect-header ul li {
        padding: 0 40px 0 0
    }
}

@media only screen and (max-width: 479px) {
    .ui-multiselect-header ul li {
        padding: 0 24px 0 0
    }

    button.ui {
        background-color: orange
    }

    button#mobileIc .icon {
        position: relative;
        top: 0px;
        font-size: 9px;
        padding-top: 0;
        padding-bottom: 0
    }
}

@media only screen and (max-width: 370px) {
    .ui-multiselect-header ul li {
        padding: 0 16px 0 0
    }
}

.class_checkbox_srg {
    width: 74px;
    height: 22px;
    background-size: 74px 24px;
    background-image: url("../images/logos/srg_grey.jpg");
    background-repeat: no-repeat
}

.class_checkbox_srg.checked {
    background-image: url("../images/logos/srg.jpg");
    background-size: 74px 24px;
    background-repeat: no-repeat
}

.class_checkbox_rsi {
    width: 37px;
    height: 22px;
    background-size: 37px 23px;
    background-image: url("../images/logos/rsi_grey.jpg");
    background-repeat: no-repeat
}

.class_checkbox_rsi.checked {
    background-image: url("../images/logos/rsi.jpg");
    background-size: 37px 23px;
    background-repeat: no-repeat
}

.class_checkbox_rtr {
    width: 37px;
    height: 22px;
    background-size: 37px 23px;
    background-image: url("../images/logos/rtr_grey.jpg");
    background-repeat: no-repeat
}

.class_checkbox_rtr.checked {
    background-image: url("../images/logos/rtr.jpg");
    background-size: 37px 23px;
    background-repeat: no-repeat
}

.class_checkbox_srf {
    width: 37px;
    height: 22px;
    background-size: 37px 23px;
    background-image: url("../images/logos/srf_grey.jpg");
    background-repeat: no-repeat
}

.class_checkbox_srf.checked {
    background-image: url("../images/logos/srf.jpg");
    background-size: 37px 23px;
    background-repeat: no-repeat
}

.class_checkbox_rts {
    width: 37px;
    height: 22px;
    background-size: 37px 23px;
    background-image: url("../images/logos/rts_grey.jpg");
    background-repeat: no-repeat
}

.class_checkbox_rts.checked {
    background-image: url("../images/logos/rts.jpg");
    background-size: 37px 23px;
    background-repeat: no-repeat
}

.class_checkbox_swi {
    width: 37px;
    height: 22px;
    background-size: 37px 23px;
    background-image: url("../images/logos/swi_grey.jpg");
    background-repeat: no-repeat
}

.class_checkbox_swi.checked {
    background-image: url("../images/logos/swi.jpg");
    background-size: 37px 23px;
    background-repeat: no-repeat
}

.class_checkbox_tpc {
    width: 37px;
    height: 22px;
    background-size: 37px 23px;
    background-image: url("../images/logos/tpc_grey.jpg");
    background-repeat: no-repeat
}

.class_checkbox_tpc.checked {
    background-image: url("../images/logos/tpc.jpg");
    background-size: 37px 23px;
    background-repeat: no-repeat
}

h5 {
    display: inline-block;
    position: relative;
    font-family: 'SRG bold', 'Arial', sans-serif;
    font-size: 20px;
    font-weight: normal !important;
    color: #333;
    padding-bottom: 5px;
    margin-bottom: 0px
}

section#jobMailStepTwo {
    display: none;
    padding: 0 30px
}

section#jobMailStepTwo input {
    width: 100%;
    padding: 10px;
    background-color: #fff;
    border: 3px solid #ccc;
    font-family: 'SRG regular', 'Arial', sans-serif;
    font-size: 16px
}

section#jobMailStepTwo .oh-save-caption {
    font-family: "SRG medium", "Arial", sans-serif;
    font-size: 16px;
    margin-bottom: 10px
}

section#jobMailStepTwo #continueBtn {
    background-color: #af001d;
    border: 1px solid #af001d;
    width: auto;
    color: #fff;
    display: inline-block;
    float: right;
    font-family: 'SRG medium', 'Arial', sans-serif;
    font-size: 20px;
    margin-top: 0px;
    padding: 10px;
    text-decoration: none;
    cursor: pointer
}

section#jobAboSuccess {
    padding: 0 30px
}

section#jobAboSuccess h3 {
    font-family: 'SRG medium', 'Arial', sans-serif;
    font-size: 24px
}

section#jobAboSuccess h5 {
    display: inline-block;
    position: relative;
    font-family: 'SRG bold', 'Arial', sans-serif;
    font-size: 20px;
    font-weight: normal !important;
    color: #333;
    padding-bottom: 5px;
    margin-bottom: 0
}

section#jobAboSuccess p {
    font-family: 'SRG regular', 'Arial', sans-serif;
    font-size: 16px;
    color: #333
}

h4 {
    display: inline-block;
    position: relative;
    font-family: 'SRG bold', 'Arial', sans-serif;
    font-size: 14px;
    font-weight: normal !important;
    color: #333;
    padding-bottom: 5px;
    margin-bottom: 0
}

html, body {
    height: auto
}

body {
    background-color: #ededed;
    font-family: 'SRG regular', 'Arial', sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #333;
    line-height: 1.3;
    text-align: left;
    padding: 0;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

label, input {
    font-family: 'SRG regular', 'Arial', sans-serif;
}

.removeMargin {
    margin-top: 0;
    margin-bottom: 0
}

h1 {
    margin: 0;
    color: #333;
    font-family: 'SRG medium', 'Arial', sans-serif;
    font-size: 29px;
    font-weight: normal
}

h3 {
    margin: 30px 0 0 0;
    color: #333;
    font-family: 'SRG bold', 'Arial', sans-serif;
    font-weight: normal;
    font-size: 25px
}

ul.preForm {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden
}

ul.preForm li {
    float: left;
    margin-right: 14px;
    font-family: 'SRG medium', sans-serif;
    font-size: 20px
}

@media screen and (max-width: 580px) {
    ul.preForm li {
        margin-right: 5px;
    }
}

ul.preForm li:last-child {
    margin-top: 0
}

ul.preForm img {
    height: 25px
}

.mobileCompanies {
    display: none
}

.applyBtn {
    display: inline-block;
    padding: 10px;
    background-color: #fff;
    border: 4px solid #af001e;
    color: #af001e;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    margin-top: 40px;
    float: right
}

.applyBtnLeft {
    background-color: #af001d;
    border: 1px solid #af001d;
    width: auto;
    color: #fff;
    display: inline-block;
    float: right;
    font-family: 'SRG medium', 'Arial', sans-serif;
    font-size: 20px;
    margin-top: 0;
    padding: 8px 10px;
    text-decoration: none;
    cursor: pointer
}

.openPanelWrapper {
    display: none;
    background-color: #ddd;
    margin: 0
}

#openPanel h6 {
    font-family: 'SRG bold', 'Arial', sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    color: #333;
    cursor: pointer
}

.mobileInp {
    display: none
}

.arrow-up {
    width: 25px;
    display: inline-block;
    float: left
}

.arrow-down {
    width: 25px;
    display: inline-block;
    float: left
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.clearfix:after, .clearfix:before {
    content: '';
    display: table
}

.clearfix:after {
    clear: both;
    display: block
}

.mainContainer {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0px
}

section#header {
    margin-bottom: 8px;
    position: relative;
}

section#header .col {
    margin-top: 0;
    margin-bottom: 0
}

section#header .langNav a {
    text-decoration: none;
    color: #af001d;
    font-weight: bold;
    font-size: 14px;
    margin-right: 8px
}

section#header .rowContentInput {
    padding: 12px;
    background-color: #fff;
    border: 0;
    font-family: 'SRG regular', 'Arial', sans-serif;
    font-size: 26px;
    color: #333
}

section#header .rowContentInput .remove-icon {
    position: absolute;
    height: 18px;
    right: 15px;
    z-index: 9999;
    cursor: pointer;
    top: 20px;
}

@media screen and (max-width: 580px) {
    section#header .rowContentInput .remove-icon {
        top: 25px;
    }
}

@media screen and (min-width: 581px) and (max-width: 990px) {
    section#header .rowContentInput .remove-icon {
        top: 15px;
    }
}

section#header .searchForm {
    width: 100%;
    padding: 5px 0;
    background-color: #fff;
    background-image: url(data:image/png;base64,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);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 24px;
    text-indent: 40px;
    border: 0;
    color: #777;
    font-family: 'SRG regular', 'Arial', sans-serif;
    font-size: 22px;
    line-height: 26px;
}

section#header .searchForm::-webkit-input-placeholder {
    font-size: 22px;
    line-height: 26px;
    color: #777
}

section#header .searchForm:-ms-input-placeholder {
    font-size: 22px;
    line-height: 26px;
    color: #777
}

section#header .searchForm::placeholder {
    font-size: 22px;
    line-height: 26px;
    color: #777
}

section#jobResults {
    margin-top: 0px;
    margin-right: 0
}

section#jobResults .item {
    padding: 0 37px
}

section#jobResults p {
    font-size: 16px
}

section#jobResults .jobContent {
    background-color: #fff;
    margin-bottom: 8px;
    padding: 20px 11px 20px 20px
}

section#jobResults .jobContent p {
    margin-top: 20px
}

section#jobResults small {
    font-family: 'SRG medium', 'Arial', sans-serif;
    font-size: 25px
}

section#jobResults.rowContent {
    padding: 20px;
    margin-bottom: 8px;
    background-color: #fff
}

section#jobResults.jobLogo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80px;
    position: relative;
    top: 22px;
    margin-right: 20px
}

section#jobResults .displayImageMiddle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

section#jobResults .displayImageMiddleRight {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

section#jobResults .noPaddingSide {
    padding: 0
}

section#jobResults .newOne {
    display: none
}

section#jobResults .readMore {
    display: inline-block;
    padding: 10px 11px;
    background-color: #333;
    color: #fff;
    font-family: 'SRG medium', 'Arial', sans-serif;
    font-size: 17px
}

section#jobResults .readMore:hover {
    background-color: #af001e;
    cursor: pointer
}

section#jobResults .readMore .icon {
    font-size: 0.8em;
    margin-left: 5px;
    -webkit-transition: -webkit-transform 200ms ease;
    transition: -webkit-transform 200ms ease;
    transition: transform 200ms ease;
    transition: transform 200ms ease, -webkit-transform 200ms ease
}

section#jobResults .readMore:hover .icon, section#jobResults .readMore:focus .icon {
    -webkit-transform: translate(6px);
    transform: translate(6px)
}

section#jobResults .noRecords {
    font-family: 'SRG regular', 'Arial', sans-serif;
    font-size: 20px
}

@media only screen and (max-width: 1512px) {
    section#jobResults {
        margin-top: 0;
        margin-right: 0
    }

    section#jobResults .item {
        padding: 0 4px
    }
}

section#jobResults .logoSection {
    height: 40px;
    width: auto;
    margin-bottom: 20px
}

section#jobResults img.logoSection[alt=swisstxt] {
    height:30px;
}

section#jobResultsInLine {
    display: none;
    margin-top: 40px;
    padding: 0;
}

section#jobResultsInLine .item {
    padding-right: 0
}

section#jobResultsInLine .logoSection {
    height: 40px;
    margin-bottom: 20px
}

section#jobResultsInLine .jobContent {
    background-color: #fff;
    margin-bottom: 8px;
    padding: 20px 10px 20px 20px;
}

section#jobResultsInLine .jobContent .item p {
    text-align: justify;
}

section#jobResultsInLine .jobContent .item h1,
section#jobResultsInLine .jobContent .item a {
    text-align: left;
}

section#jobResultsInLine .jobContent p {
    margin-top: 20px
}

section#jobResultsInLine p {
    font-size: 16px
}

section#jobResultsInLine .rowContent {
    padding: 20px;
    margin-bottom: 8px;
    background-color: #fff
}

section#jobResultsInLine .jobLogo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80px;
    position: relative;
    top: 22px;
    margin-right: 20px
}

section#jobResultsInLine .displayImageMiddle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

section#jobResultsInLine #newOne {
    display: none
}

section#jobResultsInLine .readMore {
    display: inline-block;
    padding: 10px;
    background-color: #333;
    color: #fff;
    font-family: 'SRG medium', 'Arial', sans-serif;
    font-size: 17px
}

section#jobResultsInLine .readMore:hover {
    background-color: #af001e;
    cursor: pointer
}

section#jobResultsInLine .noRecords {
    font-family: 'SRG regular', 'Arial', sans-serif;
    font-size: 20px
}

@media only screen and (max-width: 767px) {
    .logoSection {
        height: 30px
    }
}

section#jobAbo {
    margin-top: 20px
}

section#jobAbo .jobAboBtn {
    display: inline-block;
    padding: 8px 12px;
    background-color: #af001e;
    border: 1px solid #af001d;
    color: #fff;
    font-family: 'SRG medium', 'Arial', sans-serif;
    font-size: 20px;
    text-decoration: none;
    margin-top: 0
}

section#jobAbo .jobAboText {
    font-family: 'SRG regular', 'Arial', sans-serif;
    font-size: 25px;
    margin-top: 0;
    text-align: justify
}

section#searchPanel {
    padding: 0px 49px 0px 40px
}

section#searchPanel .preSearchForm {
    padding-top: 8px
}

section#searchPanel h5 {
    font-family: 'SRG bold', 'Arial', sans-serif;
    font-size: 18px
}

section#searchPanel .preSearchForm span {
    display: none
}

section#searchPanel .openPanel {
    display: none;
    background-color: #fff;
    padding: 20px;
    margin-top: -34px;
    border-bottom: 3px solid #000
}

section#searchPanel .link_1, section#searchPanel .link_2, section#searchPanel .link_3 {
    background-color: #fff;
    padding: 20px;
    margin-top: -34px;
    border-bottom: 3px solid #000
}

section#searchPanel .searchBtn {
    display: inline-block;
    padding: 8px 14px;
    background-color: #af001e;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    font-weight: 700;
    margin-top: -10px
}

section#searchPanel .mobileNav {
    display: none
}

section#searchPanel .checkActive {
    display: none
}

@media screen and (max-width: 1512px) {
    section#searchPanel {
        padding: 0px 14px 0px 10px
    }
}

@media screen and (max-width: 920px) {
    section#jobAbo {
        padding: 0 20px
    }
}

@media screen and (max-width: 991px) {
    input::-webkit-input-placeholder {
        font-size: 24px
    }

    input:-ms-input-placeholder {
        font-size: 24px
    }

    input::-ms-input-placeholder {
        font-size: 24px
    }

    input::placeholder {
        font-size: 24px
    }

    section#header .rowContentInput {
        padding: 7px
    }

    section#header .searchForm {
        background-size: 23px;
        font-size: 23px
    }

    h1 {
        font-size: 25px;
        line-height: 27px
    }

    section#jobResults small, section#jobResultsInline small {
        font-family: 'SRG regular', 'Arial', sans-serif;
        font-size: 22px
    }

    h3, section#jobAbo .jobAboText {
        font-size: 23px;
        line-height: 27px
    }

    h4 {
        display: inline-block;
        position: relative;
        font-family: 'SRG bold', 'Arial', sans-serif;
        font-size: 13px;
        font-weight: normal !important;
        color: #333;
        padding-bottom: 5px;
        margin-bottom: 0
    }

    section#jobResults, section#jobResultsIn p {
        font-size: 15px
    }

    section#jobResults .readMore, section#jobResultsInLine .readMore {
        font-size: 15px;
        padding: 10px 11px;
        -webkit-transition: background-color 200ms ease;
        transition: background-color 200ms ease
    }

    .applyBtnLeft {
        background-color: #af001d;
        border: 1px solid #af001d;
        width: auto;
        color: #fff;
        display: inline-block;
        float: right;
        font-family: 'SRG medium', 'Arial', sans-serif;
        font-size: 20px;
        margin-top: 0px;
        padding: 10px;
        text-decoration: none;
        cursor: pointer;
    }

    ul.preForm img {
        height: 22px
    }
}

@media screen and (max-width: 909px) {
    ul.preForm img {
        height: 18px;
        position: relative;
        top: 2px
    }
}

@media screen and (max-width: 834px) {
    section#jobResults .readMore, section#jobResultsInLine .readMore {
        font-size: 13px;
        padding: 9px 10px
    }
}

@media screen and (max-width: 859px) {
    section#searchPanel .mobileNav {
        display: block;
        position: relative;
        left: -12px;
        margin-top: 18px
    }

    section#searchPanel .applyBtnLeft {
        background-color: #af001d;
        border: 1px solid #af001d;
        width: auto;
        color: #fff;
        display: inline-block;
        float: right;
        font-family: 'SRG medium', 'Arial', sans-serif;
        text-decoration: none;
        cursor: pointer;
        font-size: 15px;
        padding: 6px;
        margin-top: 0
    }
}

@media screen and (max-width: 859px) and (max-width: 780px) {
    .desktopInp {
        display: none
    }

    .mobileInp {
        display: block;
        margin-left: -4px
    }

    ul.preForm {
        margin-top: 10px;
        margin-left: -15px
    }

    ul.preForm li {
        padding-left: 10px;
        font-size: 15px
    }

    section#jobResultsInLine {
        margin-top: 0
    }

    section#searchPanel .applyBtnLeft {
        margin-top: 30px;
        margin-bottom: 8px
    }
}

@media screen and (max-width: 859px) {
    .rowContentInput {
        margin-bottom: 0 !important
    }

    section.filterContentWrapper {
        margin-top: -20px
    }
}

@media screen and (max-width: 859px) and (max-width: 767px) {
    section#jobResults {
        display: none
    }

    section#jobResultsInLine {
        display: block
    }

    .openPanelWrapper {
        display: block;
        padding: 0 20px
    }

    #filter {
        display: none
    }

    input::-webkit-input-placeholder {
        font-size: 18px
    }

    input:-ms-input-placeholder {
        font-size: 18px
    }

    input::-ms-input-placeholder {
        font-size: 18px
    }

    input::placeholder {
        font-size: 18px
    }

    section#header .rowContentInput {
        padding: 5px;
        margin-bottom: 5px;
        margin-top: 0
    }

    section#header .searchForm {
        background-size: 20px;
        font-size: 19px
    }

    .filterMainContainer {
        padding: 0
    }

    h1 {
        font-size: 22px;
        line-height: 23px
    }

    small {
        font-size: 19px
    }

    h3 {
        font-size: 19px;
        line-height: 21px
    }

    section#jobResultsInLine .readMore {
        font-size: 14px !important
    }

    section#jobResultsInLine p {
        font-size: 14px;
        line-height: 20px
    }

    section#jobResultsInLine .jobContent {
        background-color: #fff;
        margin-bottom: 8px;
        padding-right: 15px
    }

    section#jobAbo .jobAboText {
        font-size: 19px !important;
        line-height: 21px;
        margin-top: 5px;
        text-align: justify;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto
    }

    section#jobAbo .jobAboBtn {
        font-size: 16px !important;
        padding: 8px !important
    }

    ul.preForm img {
        height: 18px
    }
}

@media screen and (max-width: 579px) {
    .applyBtnLeft {
        background-color: #af001d;
        border: 1px solid #af001d;
        width: auto;
        color: #fff;
        display: inline-block;
        float: right;
        font-family: 'SRG medium', 'Arial', sans-serif;
        font-size: 20px;
        padding: 10px;
        text-decoration: none;
        cursor: pointer;
        margin-top: 0px !important
    }

    section#header .searchForm {
        padding: 20px
    }
}
