/* For Vertical Center */
/* For Vertical Center */
/* -------- FONT SIZES ------- */
/* 25px */
/* 30px */
/* 45px */
/* 55px */
/* 60px */
/* 115px */
/* 115px */
/* ----- COLOUR PALETTE ------- */
/* -- menu, titles, text -- */
/* -- divider -- */
/* -- backgrounds -- */
/* ---------- Common Measurments -------- */
/*
CONTENTS
--------

1. Adjustments
2. Site Wide
	2a. Header
	2b. Footer
	2c. Variables
3. Homepage
	3a. Banner
	3b. Listing
		3bI. Individual Listing
	3c. Blocks
	3d. Team
	3e. Life at Ixaris
	3f. Perks
4. Team
5. Working in Malta
6. Perks Page
7. How we hire
8. CSR Page
9. About Page
10. Culture Page
11. Contact Page
12. Jobs Page
13. Case Studies Page
14. Animations
15. Site Wide (Mobile)

*/
/* ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------
----------------------------------- 1. Adjustments ------------------------------------
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
body {
  font-family: HelveticaNeueLTStd-Lt;
  font-weight: normal;
  font-style: normal;
  line-height: 1.62;
  margin: 0;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  background: #ffffff;
  color: #828e96; }

body, html, .full-height {
  height: 100%; }

a:hover, a:focus, a:active {
  text-decoration: none; }

img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic; }

/* Remove Bootstrap Margin*/
.navbar {
  margin-bottom: 0px; }

/* Remove Bootstrap Margin*/
/* Centre Columns Functionality */
.row-centered {
  text-align: center; }

.col-centered {
  display: inline-block;
  float: none;
  text-align: left;
  margin-right: -4px; }

/* Centre Columns Functionality */
@media (max-width: 992px) {
  .sm-center {
    text-align: center; } }
@media (max-width: 767px) {
  .xs-center {
    text-align: center; } }
.no-padding {
  padding: 0px; }

@media (min-width: 768px) {
  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0px; } }
a:hover .link-button:after, a:hover .link-button-dark:after, a:hover .link-button-dark:after {
  margin-left: 16px;
  margin-right: 0px;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

p {
  margin-bottom: 1.5em; }

*:focus {
  outline: none; }

input {
  -webkit-appearance: none; }

/* ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------
------------------------------------ 2. Site Wide -------------------------------------
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
.os-animation {
  opacity: 0;
  will-change: transform; }

.animated {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: ease-in; }

a {
  color: #1eb0e9;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  -webkit-transition: color 0.2s;
  transition: color 0.2s; }
  a:hover {
    color: #2570af;
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    -webkit-transition: color 0.2s;
    transition: color 0.2s; }

/* ------------------------------------------------------------------------------------
------------------------------------- 2a. Header --------------------------------------
---------------------------------------------------------------------------------------*/
.navbar ul {
  margin-bottom: 0px; }
  .navbar ul li {
    padding: 0px 20px; }
    .navbar ul li a {
      display: block;
      padding-top: 43px;
      color: #54666f;
      font-family: HelveticaNeueLTStd-Bd;
      font-weight: normal;
      font-style: normal;
      border-bottom: 2px solid;
      border-color: transparent;
      padding-bottom: 6px;
      margin-bottom: 35px;
      -moz-transition: border-color 0.2s;
      -o-transition: border-color 0.2s;
      -webkit-transition: border-color 0.2s;
      transition: border-color 0.2s; }
      .navbar ul li a:hover {
        border-color: #54666f;
        -moz-transition: border-color 0.2s;
        -o-transition: border-color 0.2s;
        -webkit-transition: border-color 0.2s;
        transition: border-color 0.2s; }
      .navbar ul li a.active {
        border-color: #54666f; }
.navbar .navbar-brand {
  padding: 0px; }
  .navbar .navbar-brand img {
    padding-top: 38px; }

* {
  margin: 0;
  padding: 0; }

#nav-icon4 {
  width: 50px;
  height: 35px;
  position: relative;
  margin: 0px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer; }

#nav-icon4 span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #d3531a;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  opacity: 0.8;
  mix-blend-mode: multiply; }

#nav-icon4 span:nth-child(1) {
  background-color: #a0cfef;
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center; }

#nav-icon4 span:nth-child(2) {
  background-color: #2570af;
  top: 14px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center; }

#nav-icon4 span:nth-child(3) {
  background-color: #f6eb00;
  top: 28px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center; }

#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 12px; }

#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0; }

#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 32px;
  left: 12px; }

@media (max-width: 992px) {
  .navbar ul li {
    padding: 0px 10px; } }
@media (max-width: 767px) {
  .navbar-toggle {
    margin-right: 0px;
    padding-top: 22px;
    padding-bottom: 12px;
    padding-right: 0px; }

  .navbar .navbar-brand img {
    width: 180px;
    padding-top: 27px; }

  .navbar-collapse {
    background-image: #70cbef;
    background-image: -moz-linear-gradient(top, #70cbef 0%, #60bbe8 99%);
    background-image: -webkit-linear-gradient(top, #70cbef 0%, #60bbe8 99%);
    background-image: linear-gradient(to bottom, #70cbef 0%, #60bbe8 99%);
    position: fixed;
    top: 84px;
    max-width: 400px;
    width: 75vw;
    border: none;
    z-index: 100;
    height: 100%;
    padding-top: 0.8em; }
    .navbar-collapse .list-inline > li {
      display: block;
      text-align: left; }
      .navbar-collapse .list-inline > li a {
        color: white;
        font-family: HelveticaNeueLTStd-Bd;
        font-weight: normal;
        font-style: normal;
        font-size: 1.35em;
        margin: 1.5em 0em;
        padding: 0em; }
        .navbar-collapse .list-inline > li a.active {
          border-color: transparent; }
        .navbar-collapse .list-inline > li a:hover {
          border-color: transparent; }
        .navbar-collapse .list-inline > li a:after {
          background: transparent url("../img/arrow-white-9x16.svg") no-repeat;
          background-size: contain;
          content: "";
          display: inline-block;
          height: 16px;
          vertical-align: text-bottom;
          width: 9px;
          float: right;
          margin-top: 8px; }
    .navbar-collapse.collapsing {
      display: block;
      left: -75%;
      height: 100%;
      -moz-transition: left 0.2s;
      -o-transition: left 0.2s;
      -webkit-transition: left 0.2s;
      transition: left 0.2s; }
    .navbar-collapse.menu-close {
      display: block;
      left: -75%;
      height: 100%;
      -moz-transition: left 0.4s;
      -o-transition: left 0.4s;
      -webkit-transition: left 0.4s;
      transition: left 0.4s; }
    .navbar-collapse.menu-open {
      display: block;
      left: 0px;
      height: 100%;
      -moz-transition: left 0.4s;
      -o-transition: left 0.4s;
      -webkit-transition: left 0.4s;
      transition: left 0.4s; }

  .inner-body {
    position: relative;
    left: 0%;
    -moz-transition: left 0.4s;
    -o-transition: left 0.4s;
    -webkit-transition: left 0.4s;
    transition: left 0.4s; }

  .inner-body.move {
    position: relative;
    left: 75%;
    overflow: hidden;
    width: 100%;
    -moz-transition: left 0.4s;
    -o-transition: left 0.4s;
    -webkit-transition: left 0.4s;
    transition: left 0.4s; } }
@media (max-width: 480px) {
  .navbar-collapse {
    top: 77px; } }
@media (max-width: 320px) {
  .navbar .navbar-brand img {
    width: 130px;
    padding-top: 33px; } }
body.no-overflow {
  overflow: hidden;
  position: fixed; }

/* ------------------------------------------------------------------------------------
------------------------------------- 2b. Footer --------------------------------------
---------------------------------------------------------------------------------------*/
.footer-section {
  padding: 7.5em 0em;
  background-color: #f4f4f4; }
  .footer-section .h3, .footer-section .wim-content-info h2, .wim-content-info .footer-section h2 {
    margin-bottom: 1.4em; }
  .footer-section p {
    margin-bottom: 2.625em; }
  .footer-section .company-menu {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px; }
    .footer-section .company-menu .company-menu-item a {
      color: #828e96;
      -moz-transition: color 0.2s;
      -o-transition: color 0.2s;
      -webkit-transition: color 0.2s;
      transition: color 0.2s; }
      .footer-section .company-menu .company-menu-item a:hover {
        color: #54666f;
        -moz-transition: color 0.2s;
        -o-transition: color 0.2s;
        -webkit-transition: color 0.2s;
        transition: color 0.2s; }
  .footer-section .social-item {
    margin-bottom: 12px; }

.disclaimer-section {
  padding: 1.75em 0em; }
  .disclaimer-section .disclaimer {
    font-size: 0.6875em; }

@media (max-width: 480px) {
  .disclaimer-section img {
    margin-bottom: 1.25em; } }
/* ------------------------------------------------------------------------------------
------------------------------------ 2b. Variables ------------------------------------
---------------------------------------------------------------------------------------*/
.h1 {
  font-family: MuseoSlab-300;
  font-weight: normal;
  font-style: normal;
  font-size: 3.75em;
  color: #54666f;
  margin: 0;
  padding: 0; }

@media (max-width: 480px) {
  .h1 {
    font-size: 3.125em; } }
@media (max-width: 320px) {
  .h1 {
    font-size: 2.8125em; } }
.h3, .wim-content-info h2 {
  color: #54666f;
  font-size: 1.875em;
  margin: 0;
  padding: 0; }

.upper-title, .blocks-section .c-block .c-block-content-box h3, .perk-list .perk .perk-title, .wim-content-info h3, .contact-page-wrapper .contact-wrapper h4 {
  font-size: 1em;
  font-family: HelveticaNeueLTStd-Bd;
  font-weight: normal;
  font-style: normal;
  color: #54666f;
  text-transform: uppercase; }

.para {
  color: #828e96; }

.link-button, .link-button-dark {
  font-family: HelveticaNeueLTStd-Bd;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0.3px;
  color: #1eb0e9; }
  .link-button:after, .link-button-dark:after {
    background: transparent url("../img/arrow-9x16.svg") no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 16px;
    margin-left: 11px;
    margin-right: 5px;
    vertical-align: text-bottom;
    width: 9px;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .link-button:hover, .link-button-dark:hover {
    color: #1eb0e9; }
    .link-button:hover:after, .link-button-dark:hover:after {
      margin-left: 16px;
      margin-right: 0px;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }

.link-button-dark {
  color: #404041; }
  .link-button-dark:after {
    background: transparent url("../img/arrow-black.svg") no-repeat; }
  .link-button-dark:hover {
    color: #404041; }

.button, .video-button {
  position: relative;
  display: inline-block;
  color: white;
  padding: 1.1em 1.65em 1.1em 2.2em;
  font-family: HelveticaNeueLTStd-Bd;
  font-weight: normal;
  font-style: normal;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  border-radius: 40px;
  background-image: #70cbef;
  background-image: -moz-linear-gradient(left, #70cbef 0%, #60bbe8 99%);
  background-image: -webkit-linear-gradient(left, #70cbef 0%, #60bbe8 99%);
  background-image: linear-gradient(to right, #70cbef 0%, #60bbe8 99%); }
  .button span, .video-button span {
    position: relative;
    z-index: 10; }
    .button span:after, .video-button span:after {
      background: transparent url("../img/arrow-white-9x16.svg") no-repeat;
      background-size: contain;
      content: "";
      display: inline-block;
      height: 16px;
      z-index: 2;
      margin-left: 11px;
      margin-right: 5px;
      vertical-align: text-bottom;
      width: 9px;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
  .button:before, .video-button:before {
    background-image: #60bbe8;
    background-image: -moz-linear-gradient(left, #60bbe8 0%, #70cbef 99%);
    background-image: -webkit-linear-gradient(left, #60bbe8 0%, #70cbef 99%);
    background-image: linear-gradient(to right, #60bbe8 0%, #70cbef 99%);
    opacity: 0;
    -moz-transition: opacity 0.45s;
    -o-transition: opacity 0.45s;
    -webkit-transition: opacity 0.45s;
    transition: opacity 0.45s;
    content: '';
    display: inline-block;
    height: 100%;
    z-index: 1;
    position: absolute;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    box-sizing: border-box; }
  .button:hover, .video-button:hover {
    color: white; }
    .button:hover:before, .video-button:hover:before {
      opacity: 1; }
    .button:hover span:after, .video-button:hover span:after {
      margin-left: 16px;
      margin-right: 0px;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }

.video-button {
  padding: 0.875em 0.875em 0.875em 1.875em; }
  .video-button span:after {
    background: transparent url("../img/play-video-35x35.svg") no-repeat;
    width: 35px;
    height: 35px;
    vertical-align: middle; }

a:hover .video-wrapper .video-button:before, .video-thumbnail:hover .video-button:before, .video-wrapper:hover .video-button:before {
  opacity: 1; }
a:hover .video-wrapper .video-button span:after, .video-thumbnail:hover .video-button span:after, .video-wrapper:hover .video-button span:after {
  margin-left: 16px;
  margin-right: 0px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }

/* ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------
------------------------------------- 3. Homepage -------------------------------------
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------
------------------------------------- 3a. Banner --------------------------------------
---------------------------------------------------------------------------------------*/
.home-banner-section, .home-banner-section.mask, .banner-text-wrapper {
  height: 600px; }

.home-banner-section {
  background-position: left center, right top;
  background-repeat: no-repeat, no-repeat;
  background-size: 20%, 50% 600px;
  position: relative; }
  .home-banner-section .banner-background-image {
    position: absolute;
    right: 0;
    width: 50%;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover; }
  .home-banner-section .mask {
    margin-left: -0.05em; }
    .home-banner-section .mask img {
      margin-left: -1px; }
  .home-banner-section h1 {
    font-size: 3.125em;
    margin-bottom: 0.6em; }
  .home-banner-section .banner-text-wrapper {
    position: relative; }
    .home-banner-section .banner-text-wrapper .banner-content {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
    .home-banner-section .banner-text-wrapper .para {
      color: #54666f;
      font-size: 1.25em;
      padding-right: 6em;
      margin-bottom: 2.65em; }

.one-job-padding {
  padding: 4.5em; }

@media (min-width: 1600px) {
  .home-banner-section {
    background-size: 15%, 50% 600px; } }
@media (max-width: 1300px) {
  .home-banner-section h1 {
    font-size: 2.8125em; }
  .home-banner-section .banner-text-wrapper .para {
    padding-right: 12em;
    font-size: 1em; } }
/* ------------------------------------------------------------------------------------
------------------------------------ 3b. Listings -------------------------------------
---------------------------------------------------------------------------------------*/
.home-listings {
  margin-top: 5em;
  padding: 9.375em 0em 7.5em;
  background-color: #f4f4f4;
  position: relative; }
  .home-listings .listing-background-image {
    position: absolute;
    min-width: 508px;
    width: 40%;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover; }
    .home-listings .listing-background-image img {
      margin-right: -0.04em; }
  .home-listings .position-listing {
    margin-top: 3em; }
  .home-listings .button {
    margin-top: 5.5em; }

@media (max-width: 1300px) {
  .home-listings .listing-background-image {
    position: absolute;
    min-width: 450px;
    max-width: 100%;
    width: 30%;
    background-repeat: no-repeat;
    background-size: cover; } }
/* ------------------------------------------------------------------------------------
------------------------------- 3bI. Individual Listing -------------------------------
---------------------------------------------------------------------------------------*/
.position-listing .position-listing-item {
  border-bottom: 1px solid #d8e1e7; }
  .position-listing .position-listing-item a {
    display: block;
    padding: 2em 0em; }
    .position-listing .position-listing-item a:hover .position-button img {
      margin-right: 0px;
      -moz-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease; }
  .position-listing .position-listing-item .position-content {
    display: inline-block;
    float: left;
    width: 85%; }
  .position-listing .position-listing-item .position-button {
    display: inline-block;
    float: left;
    width: 15%; }
    .position-listing .position-listing-item .position-button img {
      margin-top: 0.65em;
      margin-right: 5px;
      -moz-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease; }
  .position-listing .position-listing-item .position-title {
    font-size: 1.875em;
    line-height: 1.1; }
  .position-listing .position-listing-item .position-department, .position-listing .position-listing-item .position-location {
    color: #828e96;
    letter-spacing: 0.6px;
    text-transform: uppercase; }
  .position-listing .position-listing-item .position-department {
    font-family: HelveticaNeueLTStd-Bd;
    font-weight: normal;
    font-style: normal; }

/* ------------------------------------------------------------------------------------
------------------------------------- 3c. Blocks --------------------------------------
---------------------------------------------------------------------------------------*/
.blocks-section.home {
  padding: 7.5em 0em; }

@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
.blocks-section .c-block-group {
  display: flex;
  margin-bottom: 5.625em; }
.blocks-section .c-block {
  display: inline-block;
  float: left;
  position: relative;
  background-size: cover;
  background-position: center;
  /*			&:hover{
  				.icon-background:before{
  					background-size: 350px;
  					@include transform(rotate(60deg));
  					@include transition(all 0.5s);
  					transition-timing-function: ease;
  				}
  			}*/ }
  .blocks-section .c-block .link-button-dark {
    display: block;
    margin-top: 1.5em; }
  .blocks-section .c-block.widthLarge {
    width: 66.66666666%; }
  .blocks-section .c-block.widthSmall {
    width: 33.33333333%; }
  .blocks-section .c-block.heightSmall {
    height: 380px; }
  .blocks-section .c-block.heightLarge {
    height: 760px; }
  .blocks-section .c-block.yellow {
    background-color: #fcf67e; }
    .blocks-section .c-block.yellow .c-block-content-box {
      color: #84af34; }
  .blocks-section .c-block.blue {
    background-color: #cff0ff; }
    .blocks-section .c-block.blue .c-block-content-box {
      color: #2570af; }
  .blocks-section .c-block .icon-background {
    position: absolute;
    overflow: hidden;
    height: 100%;
    width: 100%; }
    .blocks-section .c-block .icon-background .c-block-content {
      padding: 6.5em 4.125em;
      position: relative;
      z-index: 2; }
      .blocks-section .c-block .icon-background .c-block-content .c-block-title {
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 1.5em; }
  .blocks-section .c-block .icon-background:before {
    content: "";
    background-image: url("../img/icon-overlay-338x338.svg");
    position: absolute;
    height: 300px;
    width: 300px;
    background-size: 300px;
    background-repeat: no-repeat;
    opacity: 0.5;
    animation-name: rotate;
    animation-duration: 180s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -ms-transform-origin: 50% 50%;
    /* IE 9 */
    -webkit-transform-origin: 50% 50%;
    /* Chrome, Safari, Opera */
    transform-origin: 50% 50%; }
  .blocks-section .c-block .icon-background.position-2:before {
    left: 50%;
    top: 50%; }
  .blocks-section .c-block .icon-background.position-3:before {
    left: 50%;
    top: 50%; }
  .blocks-section .c-block .icon-background.position-4:before {
    left: 50%;
    top: 50%; }
  .blocks-section .c-block .icon-background.position-5:before {
    left: 50%;
    top: 50%; }
  .blocks-section .c-block .c-block-content-box {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    .blocks-section .c-block .c-block-content-box.half-width {
      display: inline-block;
      float: left;
      width: 50%;
      padding: 0em 4.125em 0em 4.75em; }
    .blocks-section .c-block .c-block-content-box.right {
      float: right !important; }
    .blocks-section .c-block .c-block-content-box.full-width {
      padding: 0em 4.125em 0em 4.75em; }
    .blocks-section .c-block .c-block-content-box.stat.half-width {
      display: inline-block;
      float: left;
      width: 50%;
      padding: 0em 3.125em 0em 3.75em; }
    .blocks-section .c-block .c-block-content-box.stat.full-width {
      padding: 0em 3.125em 0em 3.75em; }
    .blocks-section .c-block .c-block-content-box h3 {
      margin: 0;
      padding: 0;
      color: #404041;
      margin-bottom: 1.5em; }
    .blocks-section .c-block .c-block-content-box .c-block-content {
      color: #404041;
      line-height: 1.67; }
    .blocks-section .c-block .c-block-content-box .stat-number {
      font-family: MuseoSlab-700;
      font-weight: normal;
      font-style: normal;
      font-size: 7.1875em;
      line-height: 1;
      margin-bottom: 0.25em; }
      .blocks-section .c-block .c-block-content-box .stat-number .small {
        font-size: 0.39em; }
      .blocks-section .c-block .c-block-content-box .stat-number .stat-under {
        font-size: 0.29em;
        text-transform: uppercase;
        margin-top: -0.25em; }
    .blocks-section .c-block .c-block-content-box .stat-desc {
      font-family: HelveticaNeueLTStd-Bd;
      font-weight: normal;
      font-style: normal;
      font-size: 0.75em;
      text-transform: uppercase;
      letter-spacing: 0.5px; }

@media (max-width: 1200px) {
  .blocks-section:not(.home) .c-block.widthLarge {
    width: 60%; }
  .blocks-section:not(.home) .c-block.widthSmall {
    width: 40%; } }
@media (max-width: 992px) {
  .blocks-section:not(.home) .c-block.widthLarge {
    width: 50%; }
  .blocks-section:not(.home) .c-block.widthSmall {
    width: 50%; } }
@media (max-width: 767px) {
  .blocks-section .c-block-group {
    display: block;
    overflow: auto;
    width: 100%; }
  .blocks-section .c-block.widthLarge {
    width: 100%; }
  .blocks-section .c-block.widthSmall {
    width: 100%; }
  .blocks-section .c-block.heightSmall {
    height: 340px; }
  .blocks-section .c-block.heightLarge {
    height: 760px; } }
@media (max-width: 480px) {
  .blocks-section .c-block-group {
    margin-bottom: 3em; }
  .blocks-section .c-block .c-block-content-box.full-width {
    padding: 0em 3.125em 0em 3.45em; } }
@media (max-width: 320px) {
  .blocks-section .c-block .c-block-content-box.full-width {
    padding: 0em 1.75em 0em 1.9em; } }
.video-wrapper {
  height: 380px;
  position: relative; }
  .video-wrapper .button-wrapper {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  .video-wrapper.large {
    height: 638px; }
  .video-wrapper.image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }

.blocks-section.home .video-wrapper .button-wrapper {
  padding-top: 0.01em; }

/* ------------------------------------------------------------------------------------
-------------------------------------- 3d. Team ---------------------------------------
---------------------------------------------------------------------------------------*/
.team-section {
  background-color: #f4f4f4;
  padding: 7.5em 0em; }
  .team-section .team-list {
    margin-top: 5.5625em; }
  .team-section .team-member {
    margin-bottom: 5em; }

.team-member .team-member-name {
  margin-top: 1.30em; }
.team-member .team-member-position {
  font-family: HelveticaNeueLTStd-Bd;
  font-weight: normal;
  font-style: normal;
  color: #b4c734;
  text-transform: uppercase; }
.team-member .team-member-quote {
  font-family: HelveticaNeueLTStd-It;
  font-weight: normal;
  font-style: normal;
  color: #828e96;
  margin-top: 2.43em; }

/* ------------------------------------------------------------------------------------
--------------------------------- 3e. Life at Ixaris ----------------------------------
---------------------------------------------------------------------------------------*/
.life-at-ixaris-section {
  padding: 7.5em 0em; }
  .life-at-ixaris-section .life-list {
    margin-top: 5.5625em; }
    .life-at-ixaris-section .life-list .life-item a {
      color: initial; }
      .life-at-ixaris-section .life-list .life-item a .life-item-body {
        padding-top: 3em;
        border-bottom: 1px solid #d8e1e7;
        padding-bottom: 1.75em; }
        .life-at-ixaris-section .life-list .life-item a .life-item-body .life-title {
          padding-bottom: 1em; }
        .life-at-ixaris-section .life-list .life-item a .life-item-body .life-content {
          color: #828e96;
          min-height: 69px; }
      .life-at-ixaris-section .life-list .life-item a .life-item-button {
        margin-top: 2em; }

/* ------------------------------------------------------------------------------------
------------------------------------- 3f. Perks ---------------------------------------
---------------------------------------------------------------------------------------*/
.perks-section {
  padding: 0em 0em 7.5em; }

.perk-list {
  margin-top: 4.625em; }
  .perk-list .perk {
    margin-bottom: 5.4em; }
    .perk-list .perk img {
      margin-bottom: 2.8125em; }
    .perk-list .perk .perk-title {
      margin-top: 0em; }
    .perk-list .perk .perk-content {
      margin-top: 1.75em; }

/* ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------
--------------------------------------- 4. Team ---------------------------------------
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
.team-header {
  margin-top: 6.43em;
  margin-bottom: 7.5em; }
  .team-header .h1 {
    margin-bottom: 2em; }

.featured-team-member .team-member-quote-wrapper {
  max-width: 440px;
  margin: 0 auto;
  position: relative;
  padding: 1.875em 2.375em 0em;
  margin-top: 0.65em; }
  .featured-team-member .team-member-quote-wrapper .open-tag, .featured-team-member .team-member-quote-wrapper .close-tag {
    position: absolute; }
  .featured-team-member .team-member-quote-wrapper .open-tag {
    top: 8px;
    left: 12px; }
  .featured-team-member .team-member-quote-wrapper .close-tag {
    bottom: 15px;
    right: 15px; }
.featured-team-member .team-member-quote {
  margin-top: 0em;
  font-size: 1.5625em; }

.featured-team-member-image {
  position: absolute;
  right: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover; }
  .featured-team-member-image .pull-right {
    margin-right: -1px; }

.team-body {
  margin-bottom: 4.56em; }
  .team-body .team-list .team-member {
    margin-bottom: 6em; }
  .team-body .team-list .team-member-wrapper:nth-child(3n+4) {
    clear: both; }

.team-footer {
  margin-bottom: 6.875em; }
  .team-footer .call-to-action .cta-body {
    border-bottom: 1px solid #d8e1e7;
    padding-bottom: 1.8em; }
    .team-footer .call-to-action .cta-body .h3, .team-footer .call-to-action .cta-body .wim-content-info h2, .wim-content-info .team-footer .call-to-action .cta-body h2 {
      margin-bottom: 0.8em; }
    .team-footer .call-to-action .cta-body .para {
      min-height: 102px; }
    .team-footer .call-to-action .cta-body .photo {
      margin-bottom: 3em; }
  .team-footer .call-to-action .cta-button {
    margin-top: 2em; }

@media (max-width: 1200px) {
  .team-footer .call-to-action .cta-body .para {
    min-height: 142px; }

  .featured-team-member .team-member-quote {
    margin-top: 0em;
    font-size: 1.25em; } }
@media (max-width: 767px) {
  .team-footer .call-to-action .cta-body .para {
    min-height: 182px; }

  .team-header .h1 {
    margin-bottom: 1.25em; }

  .clear {
    clear: both; }

  .featured-team-member-image {
    position: relative; }

  .team-header {
    margin-bottom: 4em; } }
@media (max-width: 480px) {
  .team-footer .call-to-action .cta-body .para {
    min-height: 0px; }

  .team-footer .call-to-action {
    margin-bottom: 4em; }

  .team-footer .call-to-action .cta-body img {
    margin-bottom: 2em; }

  .pull-left, .pull-right {
    width: 45px; }

  .featured-team-member .team-member-quote {
    font-size: 1em; }

  .team-body {
    margin-bottom: 1em; }

  .team-footer {
    margin-bottom: 1em; }
    .team-footer .call-to-action .cta-body {
      padding-bottom: 0em; }
      .team-footer .call-to-action .cta-body .h3, .team-footer .call-to-action .cta-body .wim-content-info h2, .wim-content-info .team-footer .call-to-action .cta-body h2 {
        margin-bottom: 0.6em; }
      .team-footer .call-to-action .cta-body .photo {
        margin-bottom: 1.75em; }
    .team-footer .call-to-action .cta-button {
      margin-top: 1.25em; }

  .culture-page-wrapper .team-footer {
    margin-top: 1em; } }
@media (max-width: 480px) {
  .pull-left, .pull-right {
    width: 40px; } }
/* ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------
--------------------------------- 5. Working in Malta ---------------------------------
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
.working-in-malta-wrapper {
  margin-bottom: 7.5em; }

.wim-intro {
  margin-top: 6.43em;
  margin-bottom: 5.4em; }
  .wim-intro .h1 {
    margin-bottom: 1.75em; }
  .wim-intro .intro {
    font-size: 1.5625em;
    line-height: 1.4; }

.wim-content-info {
  margin-top: 5.625em;
  margin-bottom: 5.625em; }
  .wim-content-info h2 {
    margin-bottom: 0.25em; }
  .wim-content-info h3 {
    margin-top: 10px; }
  .wim-content-info p {
    padding: 1em 0em;
    margin: 0; }
  .wim-content-info .useful-links h3 {
    margin-bottom: 1.05em; }
  .wim-content-info .useful-links .useful-link-list a {
    display: block;
    padding: 0.75em 0em; }

@media (max-width: 480px) {
  .useful-links {
    margin-top: 2em; } }
/* ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------
------------------------------------ 6. Perks Page ------------------------------------
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
.perks-wrapper .perk-list {
  margin-top: 0em; }
.perks-wrapper .call-to-action {
  margin-bottom: 7.3em; }
  .perks-wrapper .call-to-action p {
    color: #828e96; }
    .perks-wrapper .call-to-action p:hover {
      color: #828e96; }
  .perks-wrapper .call-to-action .h3, .perks-wrapper .call-to-action .wim-content-info h2, .wim-content-info .perks-wrapper .call-to-action h2 {
    margin-bottom: 0.8em; }

/* ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------
------------------------------------ 7. How we hire -----------------------------------
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
.how-we-hire-wrapper {
  margin-bottom: 1.75em; }
  .how-we-hire-wrapper .hiring-steps-section {
    padding-top: 1.25em; }
  .how-we-hire-wrapper .upper-title, .how-we-hire-wrapper .blocks-section .c-block .c-block-content-box h3, .blocks-section .c-block .c-block-content-box .how-we-hire-wrapper h3, .how-we-hire-wrapper .perk-list .perk .perk-title, .perk-list .perk .how-we-hire-wrapper .perk-title, .how-we-hire-wrapper .wim-content-info h3, .wim-content-info .how-we-hire-wrapper h3, .how-we-hire-wrapper .contact-page-wrapper .contact-wrapper h4, .contact-page-wrapper .contact-wrapper .how-we-hire-wrapper h4 {
    margin-top: 0em;
    margin-bottom: 1.75em; }
  .how-we-hire-wrapper li {
    margin-bottom: 7em; }
    .how-we-hire-wrapper li .hire-content p {
      margin-bottom: 0.25em; }

@media (max-width: 767px) {
  .how-we-hire-wrapper li img {
    margin-bottom: 2.5em; }
  .how-we-hire-wrapper .default-image {
    margin-bottom: 3.9em; } }
/* ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------
-------------------------------------- 8. CSR Page ------------------------------------
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
.csr-page-wrapper {
  padding-bottom: 1.9em; }

/* ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------
------------------------------------- 9. About Page -----------------------------------
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
.about-page-wrapper .video-wrapper {
  margin-bottom: 7em; }
.about-page-wrapper .team-footer .call-to-action .cta-body .para {
  min-height: 102px; }

@media (max-width: 767px) {
  .about-page-wrapper .team-footer .call-to-action .cta-body .para {
    min-height: 174px; } }
@media (max-width: 480px) {
  .about-page-wrapper .team-footer .call-to-action .cta-body .para {
    min-height: 0px; }

  .about-page-wrapper .team-footer .call-to-action {
    margin-bottom: 4em; }

  .about-page-wrapper .team-footer {
    margin-bottom: 1em; }

  .about-page-wrapper .video-wrapper {
    margin-bottom: 4em; } }
/* ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------
------------------------------------ 10. Culture Page ---------------------------------
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
/*.fb-video{
	position: absolute !important;
	top: 0;
	z-index: -1;
}*/
.culture-page-wrapper .video-box-wrapper {
  margin-top: 5em;
  position: relative;
  cursor: pointer; }
  .culture-page-wrapper .video-box-wrapper .video-button {
    margin-top: 22%; }

.about-page-wrapper .video-box-wrapper {
  margin-bottom: 5em;
  position: relative;
  cursor: pointer; }
  .about-page-wrapper .video-box-wrapper .video-button {
    margin-top: 22%; }

@media (max-width: 480px) {
  .about-page-wrapper .video-box-wrapper {
    margin-bottom: 3em; }

  .culture-page-wrapper .video-box-wrapper {
    margin-top: 3em; } }
.video-thumbnail {
  background-image: url("../photos/home/about-1.png.html");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%; }

.forward .fb-video {
  z-index: 1; }

.outer-video-wrapper {
  margin-top: 5em;
  position: relative;
  height: 638px; }

@media (max-width: 1200px) {
  .outer-video-wrapper {
    height: 526px; } }
@media (max-width: 992px) {
  .outer-video-wrapper {
    height: 403; } }
@media (max-width: 767px) {
  .outer-video-wrapper {
    height: 403; } }
.culture-page-wrapper .team-footer .call-to-action .cta-body .para {
  min-height: 92px; }
.culture-page-wrapper .blocks-section {
  margin-bottom: 5.4em; }

@media (max-width: 480px) {
  .culture-page-wrapper .team-footer .call-to-action .cta-body .para {
    min-height: 0px; } }
/* ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------
------------------------------------ 11. Contact Page ---------------------------------
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
.contact-page-wrapper .h1 {
  margin-bottom: 0em;
  margin-bottom: 1.5em; }
.contact-page-wrapper h2 {
  margin-top: 0px;
  margin-bottom: 0.75em; }
.contact-page-wrapper .location-wrapper {
  padding-top: 5.56em;
  padding-bottom: 7.3em; }
  .contact-page-wrapper .location-wrapper.grey {
    background-color: #f4f4f4; }
.contact-page-wrapper .wim-intro {
  margin-bottom: 0em; }
.contact-page-wrapper .contact-wrapper {
  padding: 7.5em 0em 1.5em;
  border-bottom: 1px solid #d8e1e7; }
  .contact-page-wrapper .contact-wrapper h3 {
    margin-bottom: 1.35em; }
  .contact-page-wrapper .contact-wrapper h4 {
    margin-bottom: 0.5em; }
  .contact-page-wrapper .contact-wrapper .office-address {
    margin-bottom: 2.5em; }
    .contact-page-wrapper .contact-wrapper .office-address p {
      margin-bottom: 0.25em; }
.contact-page-wrapper .contact-form-wrapper {
  padding: 0em 0em 5.625em; }
  .contact-page-wrapper .contact-form-wrapper .heading label {
    text-transform: uppercase;
    color: #54666f;
    font-family: HelveticaNeueLTStd-Bd;
    font-weight: normal;
    font-style: normal;
    margin-bottom: 1.3em; }
  .contact-page-wrapper .contact-form-wrapper .input input {
    margin-bottom: 2.8em; }
  .contact-page-wrapper .contact-form-wrapper .input input, .contact-page-wrapper .contact-form-wrapper .input textarea {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid;
    border-color: #d8e1e7;
    width: 100%;
    padding: 1.1em 0.85em;
    -moz-transition: border-color 0.2s;
    -o-transition: border-color 0.2s;
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s; }
  .contact-page-wrapper .contact-form-wrapper .input input:focus, .contact-page-wrapper .contact-form-wrapper .input textarea:focus {
    border-color: #828e96;
    -moz-transition: border-color 0.2s;
    -o-transition: border-color 0.2s;
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s; }
  .contact-page-wrapper .contact-form-wrapper .submit {
    margin-top: 4em; }
    .contact-page-wrapper .contact-form-wrapper .submit label {
      cursor: pointer; }
    .contact-page-wrapper .contact-form-wrapper .submit input {
      border: none;
      background-color: transparent; }

/* ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------
-------------------------------------- 12. Jobs Page ----------------------------------
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
.jobs-page-wrapper .job-listing-section {
  padding: 7.5em 0em 7.5em; }
.jobs-page-wrapper .cta-section {
  padding: 7.5em 0em 9em; }
  .jobs-page-wrapper .cta-section.hear-section {
    background-color: #f4f4f4; }
  .jobs-page-wrapper .cta-section .h3, .jobs-page-wrapper .cta-section .wim-content-info h2, .wim-content-info .jobs-page-wrapper .cta-section h2 {
    margin-bottom: 1em; }
  .jobs-page-wrapper .cta-section .content {
    margin-bottom: 2.25em; }
.jobs-page-wrapper .home-banner-section {
  height: auto; }
  .jobs-page-wrapper .home-banner-section .banner-background-image {
    width: 55%; }
  .jobs-page-wrapper .home-banner-section .mask {
    margin-left: -0.05em; }
  .jobs-page-wrapper .home-banner-section .banner-text-wrapper {
    height: 380px; }
.jobs-page-wrapper .search-wrapper {
  background-color: rgba(228, 228, 228, 0.4);
  margin-top: 5em;
  padding: 1.75em 0em; }
  .jobs-page-wrapper .search-wrapper .button {
    cursor: pointer;
    width: 100%; }
    .jobs-page-wrapper .search-wrapper .button span:after {
      background: transparent url("../img/search-white-20x20.svg") no-repeat;
      height: 18px;
      width: 18px; }
  .jobs-page-wrapper .search-wrapper .select2-container {
    width: 100%;
    border: none; }
  .jobs-page-wrapper .search-wrapper .select2-container--default .select2-selection--single {
    border: none;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    padding: 1.1em 1.9em 1.1em 1.9em;
    height: auto; }
  .jobs-page-wrapper .search-wrapper .select2-selection__arrow {
    background: transparent url("../img/dropdown-20x11.svg") no-repeat; }
    .jobs-page-wrapper .search-wrapper .select2-selection__arrow b {
      display: none; }
  .jobs-page-wrapper .search-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 27px;
    right: 30px;
    height: 11px; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 100% !important; }

.select2-dropdown {
  border: none !important; }

.select2-results__option {
  padding: 1.1em 1.9em 1.1em 1.9em !important; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #f4f4f4 !important;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #1eb0e9 !important;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #1eb0e9 !important;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s; }

#joblisting.loading {
  display: block;
  height: 400px;
  -moz-transition: height 0.3s;
  -o-transition: height 0.3s;
  -webkit-transition: height 0.3s;
  transition: height 0.3s; }
  #joblisting.loading .job-listing-section {
    opacity: 0;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s; }

#joblisting.finished {
  height: initial;
  -moz-transition: height 0.3s;
  -o-transition: height 0.3s;
  -webkit-transition: height 0.3s;
  transition: height 0.3s; }
  #joblisting.finished .job-listing-section {
    opacity: 1;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s; }

/* ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------
---------------------------------- 13. Case Studies Page ------------------------------
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
.case-studies .wim-intro {
  margin-bottom: 1em; }

.testimonials-section .testimonial-item .testimonial-company {
  font-family: HelveticaNeueLTStd-Bd;
  font-weight: normal;
  font-style: normal;
  margin-top: 0.5em; }

.companies-wrapper {
  padding: 4em 0em; }
  .companies-wrapper .company-wrapper {
    height: 150px;
    position: relative; }
    .companies-wrapper .company-wrapper img {
      position: relative;
      top: 50%;
      transform: translateY(-50%); }

/* ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------
------------------------------------- 14. Animations ----------------------------------
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
/*@keyframes fadeInRight {
	0%{opacity: 0; transform: translate3d(100%, 0, 0);}
	100%{opacity: 1; transform: none;}
}

.m-scene .scene-element{
	animation-duration: 0.25s;
	transition-timing-function: ease-in;
	animation-fill-mode: both;
}

.m-scene .scene-element--fadeInRight {
	animation-name: fadeInRight;
}*/
/* ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------
------------------------------- 14. Site Wide (Mobile) --------------------------------
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
@media (min-width: 480px) {
  .blocks-section.alternating .widthLarge.heightSmall.alternate {
    float: right !important; } }
@media (max-width: 1200px) {
  .blocks-section.home .c-block .c-block-content-box.half-width {
    padding: 0em 3em 0em 3.25em; }
  .blocks-section.home .c-block .c-block-content-box.full-width {
    padding: 0em 3em 0em 3.25em; }
  .blocks-section.home .c-block .c-block-content-box .stat-number {
    font-size: 6.5em; }

  .home-listings .listing-background-image {
    min-width: 350px; } }
@media (max-width: 992px) and (min-width: 768px) {
  .blocks-section.home .container {
    width: 100%; }
  .blocks-section.home .c-block .c-block-content-box .stat-number {
    font-size: 5.75em; }
  .blocks-section.home .c-block .c-block-content-box.full-width, .blocks-section.home .c-block .c-block-content-box.half-width {
    padding: 0em 2.5em 0em 2.75em; }
  .blocks-section.home .c-block .c-block-content-box .c-block-content, .blocks-section.home .c-block .c-block-content-box h3 {
    font-size: 0.85em; }
  .blocks-section.home .c-block .c-block-content-box .stat-desc {
    font-size: 0.65em; } }
@media (max-width: 992px) {
  .home-listings {
    padding-top: 0em; }
    .home-listings .listing-background-image {
      height: 60vh;
      position: relative;
      min-width: 100%;
      background-position: center; }
      .home-listings .listing-background-image img {
        display: none; }
    .home-listings .h1 {
      padding-top: 1.25em; } }
@media (max-width: 480px) {
  .home-listings {
    padding-top: 0em; }
    .home-listings .listing-background-image {
      height: 40vh; }
    .home-listings .h1 {
      padding-top: 1.75em; }

  .perk-list div:nth-child(odd) {
    clear: both; } }
@media (max-width: 767px) and (min-width: 480px) {
  .team-member-wrapper {
    margin-bottom: 2em; }

  .team-member .team-member-name {
    margin-top: 0em; } }
@media (max-width: 767px) {
  .team-member .team-member-quote {
    margin-top: 1.25em; }

  .home-banner-section h1 {
    font-size: 2.5em; }

  .jobs-page-wrapper .search-wrapper .button {
    margin-top: 0.75em; }

  .blocks-section.home .c-block.heightLarge {
    height: 340px; }

  .home-banner-section .banner-background-image {
    position: relative;
    width: 100%;
    height: 40vh;
    background-position: 15px center; }
    .home-banner-section .banner-background-image img {
      height: 40vh;
      width: initial;
      margin-left: 15px; }

  .home-banner-section, .banner-text-wrapper {
    height: initial; }

  .home-banner-section .banner-text-wrapper .banner-content {
    top: initial;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  .banner-text-wrapper {
    padding: 4em 0em 0em; }

  .home-banner-section h1 {
    font-size: 2.25em; }

  .banner-content-wrapper .button {
    width: 100%; }

  .home-banner-section .banner-text-wrapper .para {
    padding: 0; }

  .home-banner-section {
    background-position: left 45vh, right top;
    background-size: 17%, 50% 600px; } }
@media (max-width: 480px) {
  /* ------------------------------------------------------------------------------------
  ---------------------------------------------------------------------------------------
  ------------------------------------ 14a. Homepage ------------------------------------
  ---------------------------------------------------------------------------------------
  ---------------------------------------------------------------------------------------*/
  .home-banner-section {
    background-position: left 42vh, right top;
    background-size: 35%, 50% 600px; }

  .h1 {
    font-size: 2.5em; }

  .team-section {
    padding: 5.5em 0em; }

  .perks-section {
    padding-top: 1.5em;
    padding-bottom: 5.5em; }

  .home-page-wrapper .perk-list .perk .perk-title {
    padding: 0em 1.2em; }

  .perks-wrapper .perk-list .perk .perk-title {
    padding-right: 2.5em; }

  .team-section .team-list, .perks-section .perk-list, .life-at-ixaris-section .life-list {
    margin-top: 3.25em; }

  .team-section .team-list img, .life-at-ixaris-section .life-list img {
    width: 100%; }

  .life-at-ixaris-section {
    padding: 5.5em 0em 1em; }

  .footer-section {
    padding-top: 4.5em;
    padding-bottom: 2.5em; }

  .footer-sub-section {
    margin-bottom: 4em; }

  .blocks-section.home {
    padding: 3.5em 0em; }

  .home-listings {
    padding-bottom: 5.5em; }

  .container {
    padding-left: 15px;
    padding-right: 15px; }

  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 10px;
    padding-right: 10px; }

  .row {
    margin-left: -10px;
    margin-right: -10px; }

  .blocks-section .c-block .c-block-content-box.stat.half-width, .blocks-section .c-block .c-block-content-box.half-width {
    width: 100%; }

  .position-listing .position-listing-item .position-title {
    font-size: 1.5em; }

  .position-listing .position-listing-item .position-department, .position-listing .position-listing-item .position-location {
    font-size: 0.6875em; }

  .position-listing .position-listing-item .position-button img {
    margin-right: 0; }

  .team-member .team-member-quote {
    margin-top: 1.75em; }

  .team-section .team-member {
    margin-bottom: 3.25em; }

  .life-item {
    margin-bottom: 3.5em; }

  .home-listings .button {
    margin-top: 3.5em; }

  .navbar .navbar-brand img {
    width: 140px;
    padding-top: 21px; }

  .navbar-toggle {
    margin-right: 0px;
    padding-top: 14px;
    padding-right: 0px; }

  #nav-icon4 {
    width: 45px; }
    #nav-icon4 span {
      height: 4px; }

  #nav-icon4 span:nth-child(2) {
    top: 12px; }

  #nav-icon4 span:nth-child(3) {
    top: 24px; }

  #nav-icon4.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 29px;
    left: 12px; }

  .wim-intro, .team-header {
    margin-top: 3em; }
    .wim-intro .h1, .team-header .h1 {
      margin-bottom: 0.75em; }

  .life-at-ixaris-section .life-list .life-item a .life-item-body .life-content {
    min-height: 0em; }
    .life-at-ixaris-section .life-list .life-item a .life-item-body .life-content p {
      margin-bottom: 0em; }

  /* ------------------------------------------------------------------------------------
  ---------------------------------------------------------------------------------------
  ------------------------------------ 14b. Contact -------------------------------------
  ---------------------------------------------------------------------------------------
  ---------------------------------------------------------------------------------------*/
  .contact-page-wrapper .h1 {
    margin-bottom: 1.25em; }

  .location-wrapper:nth-child(1) {
    padding-top: 1.5em; }

  .contact-page-wrapper .location-wrapper:not(.grey) {
    padding-top: 2em; }
  .contact-page-wrapper .location-wrapper {
    padding-top: 4em;
    padding-bottom: 3.5em; }
    .contact-page-wrapper .location-wrapper .link-button, .contact-page-wrapper .location-wrapper .link-button-dark {
      display: block;
      margin-bottom: 1.5em; }
  .contact-page-wrapper .contact-wrapper {
    padding-top: 4.5em;
    padding-bottom: 4em; }

  /* ------------------------------------------------------------------------------------
  ---------------------------------------------------------------------------------------
  ------------------------------------ 14c. Culture -------------------------------------
  ---------------------------------------------------------------------------------------
  ---------------------------------------------------------------------------------------*/
  .culture-page-wrapper .video-wrapper {
    margin-top: 2em; }

  .culture-page-wrapper .blocks-section {
    margin-bottom: 4em; }

  .about-page-wrapper .wim-intro {
    margin-bottom: 2em; }

  .wim-intro .intro {
    font-size: 1.4em; }

  /* ------------------------------------------------------------------------------------
  ---------------------------------------------------------------------------------------
  ------------------------------------- 14d. Hire ---------------------------------------
  ---------------------------------------------------------------------------------------
  ---------------------------------------------------------------------------------------*/
  .how-we-hire-wrapper {
    margin-bottom: 0em; }
    .how-we-hire-wrapper li {
      margin-bottom: 4em; }
    .how-we-hire-wrapper .default-image {
      margin-bottom: 2.5em; }
    .how-we-hire-wrapper .wim-intro {
      margin-bottom: 2.5em; }

  /* ------------------------------------------------------------------------------------
  ---------------------------------------------------------------------------------------
  ------------------------------------ 14e. People --------------------------------------
  ---------------------------------------------------------------------------------------
  ---------------------------------------------------------------------------------------*/
  .team-footer .call-to-action {
    margin-bottom: 3em; }

  .team-member > img {
    width: 100%; }

  .team-body .team-list .team-member {
    margin-bottom: 3em; }
    .team-body .team-list .team-member .team-member-name {
      margin-top: 0.75em; }
    .team-body .team-list .team-member .team-member-quote {
      margin-top: 1.25em; }
      .team-body .team-list .team-member .team-member-quote p {
        margin-bottom: 0.75em; }

  .people-page-wrapper .team-footer {
    margin-top: 1em; }
  .people-page-wrapper .cta-body .para {
    padding-bottom: 1.25em; }

  /* ------------------------------------------------------------------------------------
  ---------------------------------------------------------------------------------------
  ----------------------------------- 14f. Benefits -------------------------------------
  ---------------------------------------------------------------------------------------
  ---------------------------------------------------------------------------------------*/
  .perks-wrapper .wim-intro {
    margin-bottom: 1em; }
  .perks-wrapper .call-to-action {
    margin-bottom: 5em; }

  /* ------------------------------------------------------------------------------------
  ---------------------------------------------------------------------------------------
  ----------------------------------- 14g. Benefits -------------------------------------
  ---------------------------------------------------------------------------------------
  ---------------------------------------------------------------------------------------*/
  .csr-page-wrapper .wim-intro, .working-in-malta-wrapper .wim-intro {
    margin-bottom: 2.5em; }

  /* ------------------------------------------------------------------------------------
  ---------------------------------------------------------------------------------------
  ------------------------------- 14h. Working in Malta ---------------------------------
  ---------------------------------------------------------------------------------------
  ---------------------------------------------------------------------------------------*/
  .working-in-malta-wrapper {
    margin-bottom: 4em; }

  .wim-content-info {
    margin: 3em 0em; }

  .blocks-section .widthLarge.heightSmall:not([style]) {
    height: 600px; }
    .blocks-section .widthLarge.heightSmall:not([style]) .c-block-content-box.half-width {
      height: 300px;
      top: 0;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); }
      .blocks-section .widthLarge.heightSmall:not([style]) .c-block-content-box.half-width .c-block-content-inner-box {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }

  .blocks-section .c-block .c-block-content-box .stat-number {
    font-size: 6em; }

  .blocks-section .c-block .c-block-content-box.half-width {
    padding: 0em 2.25em 0em 2.5em; }

  .working-in-malta-wrapper .c-block, .culture-page-wrapper .c-block, .csr-page-wrapper .c-block {
    width: 100% !important; }

  /* ------------------------------------------------------------------------------------
  ---------------------------------------------------------------------------------------
  ------------------------------------- 14i. Jobs ---------------------------------------
  ---------------------------------------------------------------------------------------
  ---------------------------------------------------------------------------------------*/
  .jobs-page-wrapper .cta-section {
    padding: 4em 0em 4em; }
    .jobs-page-wrapper .cta-section .h3, .jobs-page-wrapper .cta-section .wim-content-info h2, .wim-content-info .jobs-page-wrapper .cta-section h2 {
      margin-bottom: 0.75em; }
    .jobs-page-wrapper .cta-section .link-button, .jobs-page-wrapper .cta-section .link-button-dark {
      display: block;
      margin-bottom: 1.5em; }
    .jobs-page-wrapper .cta-section .content {
      margin-bottom: 0.75em; }
    .jobs-page-wrapper .cta-section p {
      margin-bottom: 0.75em; }
    .jobs-page-wrapper .cta-section img {
      max-width: 250px; }

  .jobs-page-wrapper .job-listing-section {
    padding: 1.25em 0em 5em; }

  .jobs-page-wrapper .search-wrapper {
    padding: 1.5em 0em;
    margin-top: 1.5em; }

  .jobs-page-wrapper .home-banner-section .mask {
    margin-left: 15px; }
  .jobs-page-wrapper .home-banner-section .banner-background-image {
    width: 100%; }
  .jobs-page-wrapper .home-banner-section .banner-text-wrapper {
    height: auto; }

  .select2-container {
    margin-bottom: 0.75em !important; }

  .position-listing .position-listing-item a {
    padding: 1.25em 0em; }

  /*	.position-listing .position-listing-item .position-content{
  		width: 80%;
  	}
  	.position-listing .position-listing-item .position-button{
  		width: 20%;
  	}*/ }
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* ----------------------------------- Modal -------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
.md-trigger {
  cursor: pointer; }

.md-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 768px;
  min-width: 320px;
  height: auto;
  z-index: -1;
  visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }

.md-show {
  visibility: visible;
  z-index: 2000; }

.md-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 1031;
  opacity: 0;
  background: rgba(255, 255, 255, 0.6);
  transition: all 0.3s; }

.md-show ~ .md-overlay {
  opacity: 1;
  visibility: visible; }

/* Effect 1: Fade in and scale up */
.md-modal .modal-dialog {
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  margin: 0; }

.md-show.md-modal .modal-dialog {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1; }

.modal-custom {
  background-color: white; }
  .modal-custom .subtitle {
    color: black; }
  .modal-custom .close {
    cursor: pointer; }
  .modal-custom .sign {
    padding-top: 2.1em;
    color: black;
    display: block; }
  .modal-custom .sign-log {
    text-transform: uppercase; }

.modal-dialog {
  width: 100%;
  margin: 30px auto; }

/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* ------------------------------- Content Page ----------------------------------- */
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
.generic-page-wrapper {
  padding-bottom: 5.4em; }
  .generic-page-wrapper .wim-intro {
    margin-bottom: 0em; }
    .generic-page-wrapper .wim-intro h1 {
      margin-bottom: 0.75em; }
  .generic-page-wrapper h2, .generic-page-wrapper h3 {
    margin-top: 1.5em;
    margin-bottom: 0.75em; }
  .generic-page-wrapper p {
    margin-bottom: 0.75em; }
  .generic-page-wrapper ul {
    margin-left: 15px; }

.page-not-found {
  padding: 8em 0em; }
  .page-not-found h1 {
    margin-bottom: 0.25em; }
  .page-not-found p {
    margin-bottom: 2em; }