/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: '';
  content: none;
}

q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

div.row {
  clear: left;
  padding: unset;
  width: 100%;
}

.ds-custom #wrapper {
  padding-bottom: unset;
  padding-top: unset;
  position: relative;
}

.ds-custom #wrapper .portlet-column-content.empty {
  padding: unset;
}

.ds-custom #wrapper .portlet-title-text {
  display: none;
}

.ds-custom #wrapper .portlet-content, .ds-custom #wrapper .portlet-minimized .portlet-content-container {
  padding: unset;
}

.ds-custom #wrapper .portlet-decorate .portlet-content {
  border: unset;
}

.ds-custom #wrapper .portlet {
  margin: 0;
}

.ds-custom #wrapper .row {
  margin: 0 !important;
}

.ds-custom #wrapper .col-xs-1, .ds-custom #wrapper .col-sm-1, .ds-custom #wrapper .col-md-1, .ds-custom #wrapper .col-lg-1, .ds-custom #wrapper .col-xs-2, .ds-custom #wrapper .col-sm-2, .ds-custom #wrapper .col-md-2, .ds-custom #wrapper .col-lg-2, .ds-custom #wrapper .col-xs-3, .ds-custom #wrapper .col-sm-3, .ds-custom #wrapper .col-md-3, .ds-custom #wrapper .col-lg-3, .ds-custom #wrapper .col-xs-4, .ds-custom #wrapper .col-sm-4, .ds-custom #wrapper .col-md-4, .ds-custom #wrapper .col-lg-4, .ds-custom #wrapper .col-xs-5, .ds-custom #wrapper .col-sm-5, .ds-custom #wrapper .col-md-5, .ds-custom #wrapper .col-lg-5, .ds-custom #wrapper .col-xs-6, .ds-custom #wrapper .col-sm-6, .ds-custom #wrapper .col-md-6, .ds-custom #wrapper .col-lg-6, .ds-custom #wrapper .col-xs-7, .ds-custom #wrapper .col-sm-7, .ds-custom #wrapper .col-md-7, .ds-custom #wrapper .col-lg-7, .ds-custom #wrapper .col-xs-8, .ds-custom #wrapper .col-sm-8, .ds-custom #wrapper .col-md-8, .ds-custom #wrapper .col-lg-8, .ds-custom #wrapper .col-xs-9, .ds-custom #wrapper .col-sm-9, .ds-custom #wrapper .col-md-9, .ds-custom #wrapper .col-lg-9, .ds-custom #wrapper .col-xs-10, .ds-custom #wrapper .col-sm-10, .ds-custom #wrapper .col-md-10, .ds-custom #wrapper .col-lg-10, .ds-custom #wrapper .col-xs-11, .ds-custom #wrapper .col-sm-11, .ds-custom #wrapper .col-md-11, .ds-custom #wrapper .col-lg-11, .ds-custom #wrapper .col-xs-12, .ds-custom #wrapper .col-sm-12, .ds-custom #wrapper .col-md-12, .ds-custom #wrapper .col-lg-12 {
  padding: unset;
  width: unset;
  margin: unset;
  float: none;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-custom #wrapper {
    padding: 0;
    margin: 0;
  }
  .ds-custom .portlet-decorate .portlet-content {
    border: none;
    margin: 0;
    padding: 0;
  }
  .ds-custom .col-xs-1, .ds-custom .col-sm-1, .ds-custom .col-md-1, .ds-custom .col-lg-1, .ds-custom .col-xs-2, .ds-custom .col-sm-2, .ds-custom .col-md-2, .ds-custom .col-lg-2, .ds-custom .col-xs-3, .ds-custom .col-sm-3, .ds-custom .col-md-3, .ds-custom .col-lg-3, .ds-custom .col-xs-4, .ds-custom .col-sm-4, .ds-custom .col-md-4, .ds-custom .col-lg-4, .ds-custom .col-xs-5, .ds-custom .col-sm-5, .ds-custom .col-md-5, .ds-custom .col-lg-5, .ds-custom .col-xs-6, .ds-custom .col-sm-6, .ds-custom .col-md-6, .ds-custom .col-lg-6, .ds-custom .col-xs-7, .ds-custom .col-sm-7, .ds-custom .col-md-7, .ds-custom .col-lg-7, .ds-custom .col-xs-8, .ds-custom .col-sm-8, .ds-custom .col-md-8, .ds-custom .col-lg-8, .ds-custom .col-xs-9, .ds-custom .col-sm-9, .ds-custom .col-md-9, .ds-custom .col-lg-9, .ds-custom .col-xs-10, .ds-custom .col-sm-10, .ds-custom .col-md-10, .ds-custom .col-lg-10, .ds-custom .col-xs-11, .ds-custom .col-sm-11, .ds-custom .col-md-11, .ds-custom .col-lg-11, .ds-custom .col-xs-12, .ds-custom .col-sm-12, .ds-custom .col-md-12, .ds-custom .col-lg-12 {
    padding: 0;
    width: unset;
    margin: 0;
    float: none;
  }
}

#outer-footer {
  font-family: 'Arial', Helvetica, sans-serif;
  background: #fff;
  border-top: 1px solid #eee;
  width: 100% !important;
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 20px !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#outer-footer p {
  margin: 0;
}

#inner-footer-expert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto 0 auto;
}

#inner-footer-expert #footerLogo-Links {
  margin: 10px 0px 0px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 43px;
  font-size: 17px;
  margin-left: 20px;
}

div#footer-bottom {
  font-size: 13px;
  margin-bottom: 5px;
  margin-left: 11px;
}

#inner-footer-expert #footer-bottom .single-col .col.col-12 nav ul {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#inner-footer-expert #footer-bottom .single-col .col.col-12 nav ul li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#inner-footer-expert #copyright-text {
  font-family: Arial, Helvetica, sans-serif !important;
  margin: 19px 0px 0px 20px;
}

#inner-footer-expert #footerLogo {
  margin: 10px 0px 0px 0px;
}

#inner-footer-expert p {
  color: #304a7f;
}

#inner-footer-expert span {
  color: #333;
}

#inner-footer-expert a {
  margin-right: 8px;
  color: #666;
  font-weight: normal;
}

#inner-footer-expert a:hover {
  text-decoration: none;
  color: #002776;
}

#inner-footer-expert #copyright-text {
  display: none;
}

/*NEED AMEND*/
@font-face {
  font-family: 'Vodafone Rg';
  src: url("/documents/8368551/8368709/VodafoneRg-Bold.woff2") format("woff2"), url("/documents/8368551/8368709/VodafoneRg-Bold.woff") format("woff"), url("/documents/8368551/8368709/VodafoneRg-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Vodafone Rg';
  src: url("/documents/8368551/8368709/VodafoneLt-Regular.woff2") format("woff2"), url("/documents/8368551/8368709/VodafoneLt-Regular.woff") format("woff"), url("/documents/8368551/8368709/VodafoneLt-Regular.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Vodafone Rg';
  src: url("/documents/8368551/8368709/VodafoneExB-Regular.woff2") format("woff2"), url("/documents/8368551/8368709/VodafoneExB-Regular.woff") format("woff"), url("/documents/8368551/8368709/VodafoneExB-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Vodafone Rg';
  src: url("/documents/8368551/8368709/VodafoneRg-Regular.woff2") format("woff2"), url("/documents/8368551/8368709/VodafoneRg-Regular.woff") format("woff"), url("/documents/8368551/8368709/VodafoneRg-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.scale-out-center {
  -webkit-animation: scale-out-center 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
          animation: scale-out-center 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

@-webkit-keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
}

@keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
}

.heartbeat {
  -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
          animation: heartbeat 1.5s ease-in-out infinite both;
}

@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}

@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}

.scale-in-center {
  -webkit-animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
          animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

.scale-out-center {
  -webkit-animation: scale-out-center 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
          animation: scale-out-center 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

@keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
}

.slide-in-blurred-left {
  -webkit-animation: slide-in-blurred-left 0.6s cubic-bezier(0.23, 1, 0.32, 1) both;
          animation: slide-in-blurred-left 0.6s cubic-bezier(0.23, 1, 0.32, 1) both;
}

@-webkit-keyframes slide-in-blurred-left {
  0% {
    -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
            transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}

@keyframes slide-in-blurred-left {
  0% {
    -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
            transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}

.slide-out-blurred-left {
  -webkit-animation: slide-out-blurred-left 0.45s cubic-bezier(0.755, 0.05, 0.855, 0.06) both;
          animation: slide-out-blurred-left 0.45s cubic-bezier(0.755, 0.05, 0.855, 0.06) both;
}

@-webkit-keyframes slide-out-blurred-left {
  0% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1000px) scaleX(2) scaleY(0.2);
            transform: translateX(-1000px) scaleX(2) scaleY(0.2);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
}

@keyframes slide-out-blurred-left {
  0% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1000px) scaleX(2) scaleY(0.2);
            transform: translateX(-1000px) scaleX(2) scaleY(0.2);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
}

.slide-in-blurred-right {
  -webkit-animation: slide-in-blurred-right 0.6s cubic-bezier(0.23, 1, 0.32, 1) both;
          animation: slide-in-blurred-right 0.6s cubic-bezier(0.23, 1, 0.32, 1) both;
}

@-webkit-keyframes slide-in-blurred-right {
  0% {
    -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
            transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}

@keyframes slide-in-blurred-right {
  0% {
    -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
            transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}

html {
  font-family: 'Vodafone Rg', Arial, helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
}

html {
  font-size: 13px;
}

@media screen and (min-width: 320px) {
  html {
    font-size: calc(13px + 6 * ((100vw - 320px) / 880));
  }
}

@media screen and (min-width: 1200px) {
  html {
    font-size: 19px;
  }
}

html body {
  color: #000000;
}

html body header#siteHeader {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr minmax(320px, calc(1500px + 4rem)) 1fr;
  grid-template-columns: 1fr minmax(320px, calc(1500px + 4rem)) 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: minmax(0, -webkit-max-content) minmax(0, -webkit-max-content);
  grid-template-rows: minmax(0, max-content) minmax(0, max-content);
  grid-column-gap: 0;
  grid-row-gap: 0;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 7;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

html body header#siteHeader .logoLine {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  grid-row: 1;
  padding: 1rem 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  width: 100%;
}

html body header#siteHeader .logoLine a.logo {
  display: block;
}

html body header#siteHeader .logoLine a.logo svg {
  width: 100%;
  max-width: 162px;
  height: 40px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

html body header#siteHeader .logoLine a.logo svg .vodafone-1 {
  fill: #ffffff;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

html body header#siteHeader .logoLine a.logo svg .vodafone-2 {
  fill: #e60000;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

html body header#siteHeader .navLine {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 2;
  grid-row: 2;
  padding: .5em 2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

html body header#siteHeader .navLine > nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

html body header#siteHeader .navLine > nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

html body header#siteHeader .navLine > nav ul li {
  color: #000;
  margin: 0 .5em;
}

html body header#siteHeader .navLine > nav ul li a {
  color: #FFFFFF;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

html body header#siteHeader .navLine > nav ul li a:hover {
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  color: #000;
}

@media (max-width: 768px) {
  html body header#siteHeader .navLine > nav {
    display: none;
  }
}

html body header#siteHeader .navLine .mobileNav {
  display: none;
}

html body header#siteHeader .navLine .mobileNav .burger {
  width: 40px;
  height: 25px;
  cursor: pointer;
  position: fixed;
  z-index: 9;
  top: 1.25rem;
  right: 1rem;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);
  -ms-grid-rows: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  grid-column-gap: 0;
  grid-row-gap: 0;
}

html body header#siteHeader .navLine .mobileNav .burger .openMenu {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

html body header#siteHeader .navLine .mobileNav .burger .openMenu span {
  width: 100%;
  height: 3px;
  display: block;
  background: #FFFFFF;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

html body header#siteHeader .navLine .mobileNav .burger .closeMenu {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0);
          transform: scale(0);
  position: relative;
  left: 5px;
}

html body header#siteHeader .navLine .mobileNav .burger .closeMenu span {
  width: 100%;
  height: 3px;
  display: block;
  background: #FFFFFF;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

html body header#siteHeader .navLine .mobileNav .burger .closeMenu span:nth-of-type(1) {
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
}

html body header#siteHeader .navLine .mobileNav .burger .closeMenu span:nth-of-type(2) {
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}

html body header#siteHeader .navLine .mobileNav nav {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

html body header#siteHeader .navLine .mobileNav nav ul {
  width: 100%;
}

html body header#siteHeader .navLine .mobileNav nav ul li {
  margin-bottom: 1em;
}

html body header#siteHeader .navLine .mobileNav nav ul li:last-of-type {
  margin-bottom: 0;
}

html body header#siteHeader .navLine .mobileNav nav ul li a {
  font-size: 3.5em;
  color: #fff;
  text-align: center;
  width: 100%;
  display: block;
}

@media (max-width: 768px) {
  html body header#siteHeader .navLine .mobileNav {
    display: block;
  }
}

html body header#siteHeader.seven_five_per {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
}

html body header#siteHeader.seven_five_per .logoLine {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  grid-row: 1;
  padding: 1rem 2rem 0rem 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

html body header#siteHeader.seven_five_per .logoLine a.logo {
  display: block;
}

html body header#siteHeader.seven_five_per .logoLine a.logo svg {
  width: 100%;
  max-width: 162px;
  height: 40px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
}

html body header#siteHeader.seven_five_per .logoLine a.logo svg .vodafone-1 {
  fill: #e60000;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

html body header#siteHeader.seven_five_per .logoLine a.logo svg .vodafone-2 {
  fill: #FFFFFF;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

html body header#siteHeader.seven_five_per .navLine {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 2;
  grid-row: 2;
  padding: .5em 2em;
}

html body header#siteHeader.seven_five_per .navLine > nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

html body header#siteHeader.seven_five_per .navLine > nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

html body header#siteHeader.seven_five_per .navLine > nav ul li {
  color: #000;
  margin: 0 .5em;
}

html body header#siteHeader.seven_five_per .navLine > nav ul li a {
  color: #000000;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

html body header#siteHeader.seven_five_per .navLine > nav ul li a:hover {
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  color: #e60000;
}

@media (max-width: 768px) {
  html body header#siteHeader.seven_five_per .navLine > nav {
    display: none;
  }
}

html body header#siteHeader.seven_five_per .navLine .burger {
  width: 40px;
  height: 25px;
  cursor: pointer;
  position: fixed;
  z-index: 9;
  top: 1.25rem;
  right: 1rem;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);
  -ms-grid-rows: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  grid-column-gap: 0;
  grid-row-gap: 0;
}

html body header#siteHeader.seven_five_per .navLine .burger .openMenu {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

html body header#siteHeader.seven_five_per .navLine .burger .openMenu span {
  width: 100%;
  height: 3px;
  display: block;
  background: #e60000;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

html body header#siteHeader.seven_five_per .navLine .burger .closeMenu {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0);
          transform: scale(0);
  position: relative;
  left: 5px;
}

html body header#siteHeader.seven_five_per .navLine .burger .closeMenu span {
  width: 100%;
  height: 3px;
  display: block;
  background: #e60000;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

html body header#siteHeader.seven_five_per .navLine .burger .closeMenu span:nth-of-type(1) {
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
}

html body header#siteHeader.seven_five_per .navLine .burger .closeMenu span:nth-of-type(2) {
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}

html body #hero {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);
  -ms-grid-rows: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  grid-column-gap: 0;
  grid-row-gap: 0;
}

html body #hero .imgWrapper {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
  display: block;
  position: relative;
  z-index: 1;
}

html body #hero .imgWrapper picture {
  width: 100%;
  display: block;
}

html body #hero .imgWrapper picture img {
  width: 100%;
  display: block;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

@media (max-width: 768px) {
  html body #hero .imgWrapper picture.shiftRightMobile img {
    -o-object-position: 40%;
       object-position: 40%;
  }
  html body #hero .imgWrapper picture.shiftLeftMobile65 img {
    -o-object-position: 65%;
       object-position: 65%;
  }
}

@media (max-width: 480px) {
  html body #hero .imgWrapper picture.shiftLeftMobile65 img {
    -o-object-position: 65%;
       object-position: 65%;
  }
}

html body #hero .strapline {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 2;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

html body #hero .strapline .straplineInner {
  margin-bottom: 6em;
  text-align: center;
}

html body #hero .strapline .straplineInner h1 {
  color: #ffffff;
  font-size: 2em;
  font-weight: bold;
}

html body #hero .strapline .straplineInner a {
  background: #e60000;
  border: 2px solid #fff;
  display: inline-block;
  color: #fff;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  padding: .5em 1.5em;
  font-size: 1.2em;
  margin-top: 1em;
}

html body #hero .strapline .straplineInner a:hover {
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  background: #FFFFFF;
  color: #e60000;
}

html body #hero .contentBtn {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 2;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  pointer-events: none;
}

html body #hero .contentBtn .jumpToContent {
  display: block;
  margin-bottom: 1.5em;
  pointer-events: all;
}

html body #hero .contentBtn .jumpToContent svg {
  width: 30px;
  height: 30px;
  -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
          animation: heartbeat 1.5s ease-in-out infinite both;
}

html body #heroInner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);
  -ms-grid-rows: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  grid-column-gap: 0;
  grid-row-gap: 0;
}

html body #heroInner .imgWrapper {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
  display: block;
  position: relative;
  z-index: 1;
}

html body #heroInner .imgWrapper picture {
  width: 100%;
  display: block;
}

html body #heroInner .imgWrapper picture img {
  width: 100%;
  display: block;
  height: 100vh;
  max-height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

html body #heroInner .strapline {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 2;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

html body #heroInner .strapline .straplineInner {
  margin-bottom: 3em;
  text-align: center;
}

html body #heroInner .strapline .straplineInner h1 {
  color: #ffffff;
  font-size: 2em;
  font-weight: bold;
}

html body #heroInner .strapline .straplineInner a {
  background: #e60000;
  border: 2px solid #fff;
  display: inline-block;
  color: #fff;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  padding: .5em 1.5em;
  font-size: 1.2em;
  margin-top: 1em;
}

html body #heroInner .strapline .straplineInner a:hover {
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  background: #FFFFFF;
  color: #e60000;
}

html body #heroInner .contentBtn {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
  display: none;
  position: relative;
  z-index: 2;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  pointer-events: none;
}

html body #heroInner .contentBtn .jumpToContent {
  display: block;
  margin-bottom: 1.5em;
  pointer-events: all;
}

html body #heroInner .contentBtn .jumpToContent svg {
  width: 30px;
  height: 30px;
  -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
          animation: heartbeat 1.5s ease-in-out infinite both;
}

html body .job-cards-wrap .job-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

html body .job-cards-wrap .job-cards a {
  display: block;
  width: 49%;
  width: calc(50% - 8px);
  margin-bottom: 1rem;
  background: #e60000;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: relative;
  z-index: 1;
}

html body .job-cards-wrap .job-cards a:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  background: #4a4d4e;
  opacity: 0;
  z-index: 2;
  pointer-events: none;
}

html body .job-cards-wrap .job-cards a .job-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  z-index: 3;
  padding: 1em;
}

html body .job-cards-wrap .job-cards a .job-card .job-card-text h1 {
  font-size: 1.2em;
  color: #fff;
  margin-bottom: 0.5em;
}

html body .job-cards-wrap .job-cards a .job-card .job-card-text h2 {
  font-size: 1.1em;
  color: #fff;
  font-weight: 300;
  margin-bottom: 0;
}

html body .job-cards-wrap .job-cards a .job-card .jc-apply {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

html body .job-cards-wrap .job-cards a .job-card .jc-apply span {
  color: #fff;
  display: block;
  margin-right: 0.75em;
}

html body .job-cards-wrap .job-cards a .job-card .jc-apply svg {
  height: 20px;
}

html body .job-cards-wrap .job-cards a:nth-of-type(2n+1) {
  margin-right: 8px;
}

html body .job-cards-wrap .job-cards a:nth-of-type(2n+2) {
  margin-left: 8px;
}

html body .job-cards-wrap .job-cards a:hover .job-card .jc-apply {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
          animation: heartbeat 1.5s ease-in-out infinite both;
}

html body .job-cards-wrap .job-cards a:hover .job-card .jc-apply span {
  color: #fff;
  display: block;
  margin-right: 0.75em;
}

html body .job-cards-wrap .job-cards a:hover .job-card .jc-apply svg {
  height: 20px;
}

html body .job-cards-wrap .job-cards a:hover:before {
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  opacity: 1;
}

@media (max-width: 768px) {
  html body .job-cards-wrap .job-cards a {
    width: 100%;
    margin: 0 0 1rem 0;
  }
  html body .job-cards-wrap .job-cards a:nth-of-type(2n+1) {
    margin-right: 0;
  }
  html body .job-cards-wrap .job-cards a:nth-of-type(2n+2) {
    margin-left: 0;
  }
  html body .job-cards-wrap .job-cards a:last-of-type {
    margin-bottom: 0;
  }
}

html body .allJobs {
  width: 100%;
  max-width: 1500px;
  display: block;
  margin: 0 auto;
  padding: 4rem 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html body .text.module {
  width: 100%;
  max-width: 1500px;
  display: block;
  margin: 0 auto;
  padding: 4rem 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html body .text.module .detailedOffice, html body .text.module .detailedPhone, html body .text.module .detailedEmail, html body .text.module .detailedContact, html body .text.module .detailedRef, html body .text.module .detailedClosingDate, html body .text.module .detailedType, html body .text.module .detailedSalary, html body .text.module .detailedLocation {
  border-right: solid thin #ddd !important;
  border-top: solid thin #ddd !important;
  border-left: solid thin #ddd !important;
  border-bottom: solid thin #ddd !important;
  margin: 0;
}

@media (max-width: 768px) {
  html body .text.module .detailedOffice, html body .text.module .detailedPhone, html body .text.module .detailedEmail, html body .text.module .detailedContact, html body .text.module .detailedRef, html body .text.module .detailedClosingDate, html body .text.module .detailedType, html body .text.module .detailedSalary, html body .text.module .detailedLocation {
    padding: 1em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #000000;
    color: #ffffff;
  }
}

html body .text.module .detailedOffice span, html body .text.module .detailedPhone span, html body .text.module .detailedEmail span, html body .text.module .detailedContact span, html body .text.module .detailedRef span, html body .text.module .detailedClosingDate span, html body .text.module .detailedType span, html body .text.module .detailedSalary span, html body .text.module .detailedLocation span {
  width: 160px;
  display: inline-block;
  font-weight: normal;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  border-right: solid 4px #e60000;
  margin-right: 19px;
  background-color: #000;
  font-size: 1em;
}

@media (max-width: 768px) {
  html body .text.module .detailedOffice span, html body .text.module .detailedPhone span, html body .text.module .detailedEmail span, html body .text.module .detailedContact span, html body .text.module .detailedRef span, html body .text.module .detailedClosingDate span, html body .text.module .detailedType span, html body .text.module .detailedSalary span, html body .text.module .detailedLocation span {
    width: 100%;
    padding: 0;
    border: 0;
    font-weight: 600;
    margin-bottom: 1em;
  }
}

html body .text.module .detailedRef, html body .text.module .detailedEmail {
  margin-bottom: 2em;
}

html body .text.module .detailedBack {
  background: #4a4d4e;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  color: #fff;
  padding: 1.5em 3em;
  display: inline-block;
  margin-right: .5em;
}

html body .text.module .detailedBack:hover {
  background: #333;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

html body .text.module .detailedApply {
  background: #000;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  padding: 1.5em 3em;
  color: #fff;
}

html body .text.module .detailedApply:hover {
  background: #e60000;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

html body main {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr minmax(320px, calc(1500px + 4rem)) 1fr;
  grid-template-columns: 1fr minmax(320px, calc(1500px + 4rem)) 1fr;
  -ms-grid-rows: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  grid-column-gap: 0;
  grid-row-gap: 0;
}

html body main article {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  grid-row: 1;
  padding: 4rem 2rem;
}

html body main article .twoCol {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1.2fr) 2em minmax(0, 1fr);
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  -ms-grid-rows: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  grid-column-gap: 2em;
  grid-row-gap: 0;
}

html body main article .twoCol .contentLeft {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
}

html body main article .twoCol .jobsRight {
  -ms-grid-column: 3;
  grid-column: 2;
  -ms-grid-row: 1;
  grid-row: 1;
}

html body main article .twoCol .jobsRight .job-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

html body main article .twoCol .jobsRight .job-cards a {
  display: block;
  background: rgba(0, 0, 0, 0.8);
  width: 49%;
  width: calc(50% - 8px);
  margin-bottom: 1rem;
}

html body main article .twoCol .jobsRight .job-cards a:before {
  display: none;
}

html body main article .twoCol .jobsRight .job-cards a:nth-of-type(2n+1) {
  margin-right: 8px;
}

html body main article .twoCol .jobsRight .job-cards a:nth-of-type(2n+2) {
  margin-left: 8px;
}

html body main article .twoCol .jobsRight .job-cards a:nth-of-type(10n+1) {
  background: url(/documents/8368551/8368727/jc_back_1.jpg);
}

html body main article .twoCol .jobsRight .job-cards a:nth-of-type(10n+2) {
  background: url(/documents/8368551/8368727/jc_back_2.jpg);
}

html body main article .twoCol .jobsRight .job-cards a:nth-of-type(10n+3) {
  background: url(/documents/8368551/8368727/jc_back_3.jpg);
}

html body main article .twoCol .jobsRight .job-cards a:nth-of-type(10n+4) {
  background: url(/documents/8368551/8368727/jc_back_4.jpg);
}

html body main article .twoCol .jobsRight .job-cards a:nth-of-type(10n+5) {
  background: url(/documents/8368551/8368727/jc_back_5.jpg);
}

html body main article .twoCol .jobsRight .job-cards a:nth-of-type(10n+6) {
  background: url(/documents/8368551/8368727/jc_back_6.jpg);
}

html body main article .twoCol .jobsRight .job-cards a:nth-of-type(10n+7) {
  background: url(/documents/8368551/8368727/jc_back_7.jpg);
}

html body main article .twoCol .jobsRight .job-cards a:nth-of-type(10n+8) {
  background: url(/documents/8368551/8368727/jc_back_8.jpg);
}

html body main article .twoCol .jobsRight .job-cards a:nth-of-type(10n+9) {
  background: url(/documents/8368551/8368727/jc_back_9.jpg);
}

html body main article .twoCol .jobsRight .job-cards a:nth-of-type(10n+10) {
  background: url(/documents/8368551/8368727/jc_back_10.jpg);
}

html body main article .twoCol .jobsRight .job-cards a .job-card {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(0, 0, 0, 0.65);
  padding: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  padding-top: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

html body main article .twoCol .jobsRight .job-cards a .job-card h1 {
  font-size: 1em;
  font-weight: bold;
  color: #fff;
  text-align: center;
  margin-bottom: 0.5em;
}

html body main article .twoCol .jobsRight .job-cards a .job-card h2 {
  font-size: 1em;
  font-weight: 300;
  color: #ffffff;
  text-align: center;
}

html body main article .twoCol .jobsRight .job-cards a .job-card .jc-apply {
  font-size: 1em;
  font-weight: 400;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-item-align: center;
      align-self: center;
  margin-top: .5em;
}

html body main article .twoCol .jobsRight .job-cards a .job-card .jc-apply span {
  font-size: inherit;
  display: block;
  margin-right: .5em;
}

html body main article .twoCol .jobsRight .job-cards a .job-card .jc-apply svg {
  height: 20px;
  width: 11.05px;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

html body main article .twoCol .jobsRight .job-cards a .job-card:hover .jc-apply span {
  -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
          animation: heartbeat 1.5s ease-in-out infinite both;
}

html body main article .twoCol .jobsRight .job-cards a .job-card:hover .jc-apply svg {
  -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
          animation: heartbeat 1.5s ease-in-out infinite both;
}

@media (max-width: 480px) {
  html body main article .twoCol .jobsRight .job-cards a {
    width: 100%;
    margin: 0 0 1rem 0;
  }
  html body main article .twoCol .jobsRight .job-cards a:nth-of-type(2n+1) {
    margin-right: 0;
  }
  html body main article .twoCol .jobsRight .job-cards a:nth-of-type(2n+2) {
    margin-left: 0;
  }
  html body main article .twoCol .jobsRight .job-cards a:last-of-type {
    margin-bottom: 0;
  }
}

html body main article .twoCol .jobsRight .viewAllJobsBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: .75em;
}

html body main article .twoCol .jobsRight .viewAllJobsBtn a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #000;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

html body main article .twoCol .jobsRight .viewAllJobsBtn a span {
  display: block;
  margin-right: 0.75em;
  font-weight: 400;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  line-height: 25px;
}

html body main article .twoCol .jobsRight .viewAllJobsBtn a svg {
  height: 25px;
  width: 13.8167px;
}

html body main article .twoCol .jobsRight .viewAllJobsBtn a svg .chevron-1 {
  fill: #000;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

html body main article .twoCol .jobsRight .viewAllJobsBtn a:hover {
  color: #e60000;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

html body main article .twoCol .jobsRight .viewAllJobsBtn a:hover svg .chevron-1 {
  fill: #e60000;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

@media (max-width: 768px) {
  html body main article .twoCol {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    -ms-grid-rows: auto 2rem auto;
    grid-template-rows: minmax(0, -webkit-max-content) minmax(0, -webkit-max-content);
    grid-template-rows: minmax(0, max-content) minmax(0, max-content);
    grid-column-gap: 0;
    grid-row-gap: 2rem;
  }
  html body main article .twoCol .contentLeft {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
  }
  html body main article .twoCol .jobsRight {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 3;
    grid-row: 2;
  }
}

html body .clientFooter {
  background: #000;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr minmax(320px, calc(1500px + 4rem)) 1fr;
  grid-template-columns: 1fr minmax(320px, calc(1500px + 4rem)) 1fr;
  -ms-grid-rows: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  grid-column-gap: 0;
  grid-row-gap: 0;
}

html body .clientFooter .clientFooterInner {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  grid-row: 1;
  padding: 4rem 2rem;
}

html body .clientFooter .clientFooterInner svg {
  width: 200px;
  height: 49.3167px;
  margin-bottom: 1rem;
}

html body .clientFooter .clientFooterInner svg .vodafone-1 {
  fill: #ffffff;
}

html body .clientFooter .clientFooterInner svg .vodafone-2 {
  fill: #e60000;
}

html body .clientFooter .clientFooterInner p {
  color: #ffffff;
}

html body .ie-object-fit {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-width: 768px) {
  html body .ie-object-fit .ie-tablet-adjust {
    background-position: 40%;
  }
}

html body .map-wrapper {
  width: 100%;
  height: 434px;
  overflow: hidden;
}

html body .map-wrapper iframe {
  margin-top: -54px;
}

html body .hideBlock {
  display: none;
}

html body a {
  text-decoration: none !important;
}

html body a:hover {
  text-decoration: none !important;
}

html body strong {
  font-weight: bold;
}

html body h1, html body h2, html body h3, html body h4, html body h5 {
  font-weight: bold;
  margin-bottom: 1em;
}

html body h1 {
  font-size: 2rem;
}

html body h2 {
  font-size: 1.8rem;
}

html body h3 {
  font-size: 1.6rem;
}

html body h4 {
  font-size: 1.4rem;
}

html body h5 {
  font-size: 1.2rem;
}

html body p {
  font-size: 1em;
  margin-bottom: 1rem;
}

html body p.larger {
  font-size: 125%;
}
/*# sourceMappingURL=main.css.map */