/* ===== 0. Sizing ===== */    * {    box-sizing: border-box;  }  html {    font-size: 62.5%;  }  html.font-lg {    font-size: 70%;  }  html.font-xl {    font-size: 80%;  }  body {    line-height: 1.6;  }  .row {    width: unset;    margin-left: -15px;    margin-right: -15px;  }  fieldset .row {    width: 100%;    margin-left: 0;    margin-right: 0;  }  /* ===== 1. Variables ===== */    /* ===== 2. Typography ===== */    @font-face {    font-family: ClearfaceGothic;  }  body {    font-family: 'NotoSans', Calibri, Verdana, Arial;    color: #636363;    font-size: 1.6rem;  }  .text-bold {    font-weight: bold;  }  h1 {    color: #003269;    font-size: 3rem;    font-weight: bold;  }  h2 {    color: #003269;    font-size: 2.6rem;    font-weight: bold;  }  h3,  .question-group-name {    color: #003269;    font-size: 2.2rem;    font-weight: bold;  }  a {    color: #003269;  }  a:hover {    color: #003269;    text-decoration: underline;  }  /* ===== 3. General page layout ===== */    body {    background-color: rgba(99, 99, 99, 0.1);  }  #logo-image {    width: 155px;    height: 55px;    background-image: url(/UP/HPv3/Assets/JobexchangeImages/357d0000-5d8a-0015-9fab-08d9b2d2094c/7cf887ca-fc56-4d8a-afc5-c30f6e563e82.PNG);    background-size: 100% 100%;    border-radius: 10px;  }  #header-image-wrapper {    width: 100%;    height: 400px;    overflow: hidden;  }  #header-image {    width: 100%;    height: 100%;    background-image: url(/UP/HPv3/Assets/JobexchangeImages/357d0000-5d8a-0015-9fab-08d9b2d2094c/d5895235-db10-42aa-a4a2-17d780a6f9b7.jpg);    background-size: 100% auto;    border-radius: 10px;  }  @-webkit-keyframes bummer {    0% {      -webkit-transform: scale(1, 1);    }    50% {      -webkit-transform: scale(1.1, 1.1);    }    100% {      -webkit-transform: scale(1, 1);    }  }  @keyframes bummer {    0% {      transform: scale(1, 1);    }    50% {      transform: scale(1.1, 1.1);    }    100% {      transform: scale(1, 1);    }  }  .ctrl {    border: 1px solid #003269;    padding-left: 18px;  }  .ctrl:active,  .ctrl:focus {    border: 1px solid #003269 !important;    box-shadow: 0 0 0 0 #003269 !important;  }  /* ===== 4. Forms & Form controls ===== */    .button,  .button.apply,  .btn.btn-success {    border: none;    font-size: 1.4rem;    margin-top: 1em;    background-color: #003269;    color: white;    border-radius: 4px;    height: 34px;    line-height: 16px;    padding: 9px 24px;  }  .button.blue {    background-color: #003269;    color: white;  }  .button:hover,  .button.blue:hover,  .button.apply:hover,  .button.secondary:hover,  .btn.btn-success:hover {    background-color: #2964a6;    color: white;  }  .button.secondary {    border: 1px solid #003269;    background-color: white;    color: #555555;  }  .alert {    padding: 5px 15px;    z-index: 99999;    margin-top: 20px;  }  .field-validation-error {    padding: 5px;    display: block;  }  .alert.alert-danger,  .field-validation-error {    background-color: #c1002a;    color: white;  }  /* ===== 5. Header ===== */    .head-wrap {    padding-bottom: 0;    background-color: white;  }  .head-wrap .container {    padding-top: 0;    padding-bottom: 0;  }  ul.nav.nav-horizontal li a {    color: #636363;    font-size: 1.6rem;    font-weight: bold;    line-height: 20px;    font-weight: normal;  }  ul.nav.nav-horizontal li.active a {    font-weight: bold;  }  ul.nav.nav-horizontal li a:hover {    background-color: transparent;    text-decoration: underline;  }  [data-whatinput="keyboard"] ul.nav.nav-horizontal li a:focus {    background-color: #2964a6;  }  .accent {    background-color: #003269;  }  .accent .container {    padding: 0;  }  .accent .row {    padding: 0;  }  .accent ul.nav.nav-horizontal {    position: unset;    width: 100%;  }  .accent ul.nav.nav-horizontal li a {    color: white;  }  .breadcrumbs-wrapper {    padding: 1em;  }  .breadcrumbs-wrapper .nav.breadcrumbs li,  .breadcrumbs-wrapper .nav.breadcrumbs a {    font-style: italic;    color: #888888;  }  .breadcrumbs-wrapper .nav.breadcrumbs li.active,  .breadcrumbs-wrapper .nav.breadcrumbs li.active a {    font-style: normal;  }  .breadcrumbs-wrapper .nav.breadcrumbs li.separator {    color: #333333;  }  /* ===== 6. Content area ===== */    .content {    padding: 15px 30px 15px 30px;    margin-bottom: 20px;    margin-right: 2px;    background-color: white;    -webkit-box-shadow: 1px 1px 1px 1px rgba(48, 48, 48, 0.1);    -moz-box-shadow: 1px 1px 1px 1px rgba(48, 48, 48, 0.1);    box-shadow: 1px 1px 1px 1px rgba(48, 48, 48, 0.1);  }  #page-jumbotron .content {    padding: 0 15px;    margin-bottom: 0;    margin-right: 0;    background-color: transparent;    -webkit-box-shadow: none;    -moz-box-shadow: none;    box-shadow: none;  }  #page-jumbotron .topic {    display: none;  }  .jobalert-info {    padding: 0;    margin: 0;    -webkit-box-shadow: 1px 1px 1px 1px rgba(48, 48, 48, 0.1);    -moz-box-shadow: 1px 1px 1px 1px rgba(48, 48, 48, 0.1);    box-shadow: 1px 1px 1px 1px rgba(48, 48, 48, 0.1);  }  .jobalert-info .content {    margin: 0;  }  .page-title h1 {    padding: 0;    margin: 15px 0 30px 0;  }  .advert-description {    padding-top: 0;  }  .advert-description ul {    padding-left: 20px;  }  .advert-description h1 {    display: none;  }  /* ===== 7. Footer area ===== */    footer {    background-color: #003269;    padding: 15px 0;    margin-top: 30px;    color: white;    position: relative;    bottom: 0;    width: 100%;  }  footer a {    color: white;  }  footer .footer-container {    width: 1170px;    margin: 0px auto;  }  footer .legal_notes {    text-align: left;    margin-bottom: 0;    padding-bottom: 0 !important;  }  footer .legal_notes a {    color: white;    text-decoration: underline;    font-size: 1.2rem;  }  footer ul.menu-language {    margin: 4px 0 0 0;    padding: 0;    list-style-position: outside;  }  footer ul.menu-language li::before {    content: "/";    padding-right: 5px;    font-size: 1.2rem;  }  footer ul.menu-language li:first-of-type::before {    content: "";  }  footer ul.menu-language li {    display: inline-block;    list-style: outside none none;  }  @media (max-width: 1025px) {    footer .footer-container {      width: 100%;    }  }  /* ===== 8. Navigation ===== */    .nav.nav-horizontal {    position: absolute;    bottom: 60px;    left: 170px;  }  .nav.nav-horizontal a {    color: #003269;  }  .nav.nav-horizontal li.active a,  .nav.nav-horizontal a:hover {    color: #003269;  }  @media (max-width: 768px) {    ul.nav.nav-horizontal {      margin-left: 1.5rem;      bottom: 50px;    }    ul.nav.nav-horizontal li a {      padding: .25rem 0;      line-height: auto;    }  }  /* ===== 9. Joboffers overview page ===== */    .joboffers-filter-box {    padding-top: .75em;  }  .joboffers-filter-box .filter-label {    position: relative;    color: #888888;    font-size: 1.6rem;    padding-top: 5px;    padding-bottom: 5px;    cursor: pointer;    width: 100%;    display: block;    text-align: left;    font-weight: bold;  }  .joboffers-filter-box .filter-label i.fa {    margin-right: 8px;  }  .joboffers-filter-box .filter-label i.fa.right {    position: absolute;    top: 5px;    right: 0;  }  .joboffers-filter-box hr.separator {    margin: 15px -30px;    border: 1px solid rgba(99, 99, 99, 0.1);  }  .joboffer-filters {    padding: 30px;    padding-top: 0;    background-color: white;    -webkit-box-shadow: 1px 1px 1px 1px rgba(48, 48, 48, 0.1);    -moz-box-shadow: 1px 1px 1px 1px rgba(48, 48, 48, 0.1);    box-shadow: 1px 1px 1px 1px rgba(48, 48, 48, 0.1);  }  .joboffer-filters label {    font-weight: normal;  }  .joboffer-filters .filters-title > strong,  .joboffer-filters h1,  .joboffer-filters h2 {    background-color: #003269 !important;  }  .joboffer-filters h1,  .joboffer-filters h2,  .joboffer-filters .filters-title > strong {    display: block;    padding: 5px 30px;    font-size: 2rem;    margin-left: -30px;    margin-right: -30px;    background-color: #2964a6;    color: white;  }  .joboffer-filters h4 {    color: #003269;    font-weight: bold;  }  .results h1,  .joboffer-filters h1,  .results h2,  .joboffer-filters h2 {    padding-top: 0px;    margin-top: 0;    padding-bottom: 0px;    margin-bottom: 0;  }  .tag {    margin-right: 10px;  }  .tag .icon {    width: 25px !important;    font-size: 1.2rem;    background-color: rgba(23, 23, 23, 0.1);    border: 1px solid rgba(23, 23, 23, 0.1);    padding: 4px 0 3px 0;    margin-right: -4px !important;    border-top-left-radius: 5px;    border-bottom-left-radius: 5px;  }  .tag .text {    font-size: 1.1rem;    background-color: rgba(99, 99, 99, 0.1);    border: 1px solid rgba(23, 23, 23, 0.1);    padding: 2px 10px 2px 5px;    border-top-right-radius: 5px;    border-bottom-right-radius: 5px;  }  .checkbox-container {    display: block;    position: relative;    padding-left: 30px;    margin-bottom: 12px;    cursor: pointer;    font-size: 1.4rem;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;  }  .checkbox-container input {    position: absolute;    opacity: 0;    cursor: pointer;    height: 0;    width: 0;  }  .checkbox-container .checkmark {    position: absolute;    top: 3px;    left: 0;    height: 20px;    width: 20px;    border: 1px solid rgba(74, 74, 74, 0.1);    border-radius: 3px;    background-color: rgba(176, 176, 176, 0.1);    -moz-transition: all .3s;    -webkit-transition: all .3s;    transition: all .3s;  }  .checkbox-container:hover input ~ .checkmark {    background-color: rgba(99, 99, 99, 0.1);  }  .checkbox-container input:checked ~ .checkmark {    background-color: #2964a6;  }  .checkbox-container input:checked:hover ~ .checkmark {    background-color: #2964a6;  }  .checkbox-container .checkmark:after {    content: "";    position: absolute;    display: none;  }  .checkbox-container input:checked ~ .checkmark:after {    display: block;  }  .checkbox-container .checkmark:after {    left: 6px;    top: 1px;    width: 7px;    height: 13px;    border: solid white;    border-width: 0 3px 3px 0;    -webkit-transform: rotate(45deg);    -ms-transform: rotate(45deg);    transform: rotate(45deg);  }  a.favorite i.fa {    color: #636363;  }  a.favorite i.fa.fa-heart {    color: #003269;  }  a.favorite:hover i.fa {    color: #003269;  }  a.favorite:hover i.fa.fa-heart-o:before {    content: "\f004";  }  a.favorite:hover i.fa.fa-heart:before {    content: "\f08a";    color: #636363;  }  #joboffer-tiles .container {    padding-bottom: 0;  }  #joboffer-tiles .fa.fa-refresh.fa-spin {    margin-right: 5px;  }  @media (min-width: 1600px) {    .container {      width: 1400px;      margin: 0px auto;    }  }  .joboffer-tile {    border: none;    position: relative;    margin-bottom: 0;    margin-top: 18px;    text-overflow: ellipsis;    cursor: pointer;    height: 100%;  }  .joboffer-tile i.fa {    margin-right: 8px;  }  .joboffer-tile .tile-heading {    position: relative;    min-height: 335px;    max-height: 335px;    overflow: hidden;  }  .joboffer-tile .tile-heading img {    width: 100%;    max-width: 100%;    -moz-transition: all 0.3s;    -webkit-transition: all 0.3s;    transition: all 0.3s;  }  .joboffer-tile .tile-heading a.favorite-button {    background-color: white;    position: absolute;    top: 0;    right: 0;    padding: 5px;    text-align: center;  }  .joboffer-tile .tile-heading a.favorite-button:hover {    cursor: pointer;    background-color: #003269;  }  .joboffer-tile .tile-heading a.favorite-button:hover i.fa {    color: white;  }  .joboffer-tile .tile-heading:hover img {    -moz-transform: scale(1.05);    -webkit-transform: scale(1.05);    transform: scale(1.05);  }  .joboffer-tile .tile-body {    padding: 10px 30px;    position: relative;    color: #636363;    background-color: white;    height: 140px;    -webkit-box-shadow: 1px 1px 1px 1px rgba(48, 48, 48, 0.1);    -moz-box-shadow: 1px 1px 1px 1px rgba(48, 48, 48, 0.1);    box-shadow: 1px 1px 1px 1px rgba(48, 48, 48, 0.1);  }  .joboffer-tile .tile-body h3.tile-headline {    margin-bottom: 0;    padding: 0;  }  .joboffer-tile .tile-body h3.tile-headline a,  .joboffer-tile .tile-body h3.tile-headline a:hover {    color: #003269;    text-decoration: none;  }  .joboffer-tile .tile-body h3.tile-headline.tile-headline-small {    font-size: 1.6rem;  }  .joboffer-tile .tile-body .tile-secondary {    font-size: 1.6rem !important;    font-weight: normal;    color: #888888;  }  .joboffer-tile .tile-body .tile-secondary.right {    float: right;  }  .joboffer-tile .tile-body .tile-secondary.bottom {    display: block;    margin-top: -5px;    margin-bottom: 5px;  }  .joboffer-tile i.fa {    display: inline-block;    width: 20px;    text-align: center;  }  .joboffer-tile i.fa.fav:before {    content: "\f08a";  }  .joboffer-tile.favorite i.fa.fav:before {    content: "\f004";  }  .joboffer-tile.favorite a.favorite-button:hover {    background-color: #52b1ec;  }  .joboffer-tile.favorite a.favorite-button:hover i.fa {    color: #003269;  }  .joboffer-image-tile .tile-heading img {    width: 100%;  }  .joboffer-image-tile .tile-body {    height: 100%;    padding: 1em;  }  .joboffer-image-tile .tile-body h3.tile-headline a {    overflow: visible;    text-overflow: unset;    white-space: normal;  }  @media (max-width: 1600px) {    .joboffer-tile .tile-heading {      min-height: 230px;      max-height: 230px;    }  }  @media (max-width: 992px) {    .joboffer-tile .tile-heading {      min-height: 220px;      max-height: 220px;    }  }  @media (max-width: 720px) {    .joboffer-tile .tile-heading {      width: 100%;      height: 100%;      min-height: 0;      max-height: 100%;    }    .joboffer-tile .tile-body {      margin-top: -10px;      height: auto;    }  }  input.ctrl,  select.ctrl {    height: 52px;  }  span.select2.select2-container {    width: 100% !important;  }  .joboffer-map {    width: 100%;    border-bottom: 4px solid #003269;    padding: 0;  }  .joboffer-map > div {    height: 450px;    padding: 0;  }  .pac-container {    z-index: 10000 !important;  }  a.favorite i.fa {    color: #636363;  }  a.favorite i.fa.fa-heart {    color: #003269;  }  a.favorite:hover i.fa {    color: #003269;  }  a.favorite:hover i.fa.fa-heart-o:before {    content: "\f004";  }  a.favorite:hover i.fa.fa-heart:before {    content: "\f08a";    color: #636363;  }  #joboffers-list .row.table-row .col {    padding: 10px 0.75rem;  }  .container.initializing {    color: #888888;    text-align: center;    font-size: 2rem;    margin-top: 2rem;    margin-bottom: 2rem;  }  /* ===== 10. Joboffer advert page ===== */    .annonce-description ul {    margin-left: 1em;  }  .annonce-description ul li div {    display: inline;  }  .contact-person-photo {    max-width: 200px;  }  .social-media-icons form {    display: inline-block;  }  .social-media-icons a,  .social-media-icons button {    color: #bbbbbb;    font-size: 2em;    letter-spacing: 0.7em;  }  .social-media-icons a:hover,  .social-media-icons button:hover {    color: #52b1ec;    cursor: pointer;  }  /* ===== 11. Jobalert signup form ===== */    .search-box {    position: relative;  }  .search-box .fa {    position: absolute;    top: 32px;    left: 15px;  }  .search-box input {    border: 1px solid transparent !important;    height: 40px;    padding-left: 37px !important;    background-color: rgba(99, 99, 99, 0.1);    border-radius: 20px;    margin-top: 20px !important;    outline: none !important;    -moz-transition: all .3s;    -webkit-transition: all .3s;    transition: all .3s;  }  .search-box input:hover,  .search-box input:active,  .search-box input:focus {    border: 1px solid rgba(0, 0, 0, 0.1) !important;    background-color: rgba(176, 176, 176, 0.1);  }  /* ===== 12. Style select2 controls ===== */    .select2-container--default.select2-container--focus .select2-selection,  .select2-container--default .select2-selection {    border-color: #003269;    border-right: 1px solid #003269;    border-radius: 0;  }  .select2-container .select2-selection {    padding: 0.68em;  }  .select2-container .select2-selection ul {    padding: 0;    margin: 0;  }  .select2-container .select2-selection ul li {    list-style-type: none;  }  .select2-container--default .select2-selection .select2-selection__choice {    background-color: #eeeeee;    border: 1px solid #cccccc;    color: #888888;    font-size: 0.7em;    border-radius: 0;    margin-top: 0;  }  .select2-search--dropdown .select2-search__field {    color: #666666;    padding: 10px;    border: 1px solid #003269;  }  .select2-search--dropdown .select2-search__field:focus {    box-shadow: none;    outline: none;  }  .select2-container .select2-selection--single {    height: auto;  }  .select2-container--default .select2-results__option--highlighted[aria-selected] {    background-color: #003269;  }  .jobalert-form-modal .select2-search__field {    width: 100% !important;  }  /* ===== 13. Google maps ===== */    #map {    height: 100%;  }  /* ===== 14. Pagination ===== */    ul.pagination {    display: none;    margin-top: 20px;  }  ul.pagination li.active a {    background-color: #003269;  }  ul.pagination li a:hover {    background-color: #52b1ec;    border-color: #cccccc;  }  .select2-container .select2-search--inline .select2-search__field {    padding-top: 5px;    font-size: 1.3rem !important;    font-family: Arial;  }