@charset "UTF-8";
/* COLORS */
/* BOOTSTRAP */
@font-face {
  font-family: 'AvenirNextRegular';
  src: url("../../../../fonts/avenirnextltpro-regular.eot");
  src: url("../../../../fonts/avenirnextltpro-regular.eot") format("embedded-opentype"), url("../../../../fonts/avenirnextltpro-regular.woff2") format("woff2"), url("../../../../fonts/avenirnextltpro-regular.woff") format("woff"), url("../../../../fonts/avenirnextltpro-regular.ttf") format("truetype"), url("../../../../fonts/avenirnextltpro-regular.svg#AvenirNextLTProDemi") format("svg"); }

@font-face {
  font-family: 'AvenirNextDemi';
  src: url("../../../../fonts/avenirnextltpro-demi.eot");
  src: url("../../../../fonts/avenirnextltpro-demi.eot") format("embedded-opentype"), url("../../../../fonts/avenirnextltpro-demi.woff2") format("woff2"), url("../../../../fonts/avenirnextltpro-demi.woff") format("woff"), url("../../../../fonts/avenirnextltpro-demi.ttf") format("truetype"), url("../../../../fonts/avenirnextltpro-demi.svg#AvenirNextLTProDemi") format("svg"); }

@font-face {
  font-family: 'AvenirNextLight';
  src: url("../../../../fonts/avenirnextltpro-light.otf") format("truetype"), url("../../../../fonts/avenirnextltpro-light.eot") format("embedded-opentype"), url("../../../../fonts/avenirnextltpro-light.woff2") format("woff2"), url("../../../../fonts/avenirnextltpro-light.woff") format("woff"), url("../../../../fonts/avenirnextltpro-light.ttf") format("truetype"), url("../../../../fonts/avenirnextltpro-light.svg") format("svg"); }

@font-face {
  font-family: 'latobold';
  src: url("../../../../fonts/lato-bold-webfont.eot");
  src: url("../../../../fonts/lato-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../../../../fonts/lato-bold-webfont.woff2") format("woff2"), url("../../../../fonts/lato-bold-webfont.woff") format("woff"), url("../../../../fonts/lato-bold-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'latohairline';
  src: url("../../../../fonts/lato-hairline-webfont.eot");
  src: url("../../../../fonts/lato-hairline-webfont.eot?#iefix") format("embedded-opentype"), url("../../../../fonts/lato-hairline-webfont.woff2") format("woff2"), url("../../../../fonts/lato-hairline-webfont.woff") format("woff"), url("../../../../fonts/lato-hairline-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'latomedium';
  src: url("../../../../fonts/lato-medium-webfont.eot");
  src: url("../../../../fonts/lato-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../../../../fonts/lato-medium-webfont.woff2") format("woff2"), url("../../../../fonts/lato-medium-webfont.woff") format("woff"), url("../../../../fonts/lato-medium-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'latoregular';
  src: url("../../../../fonts/lato-regular-webfont.eot");
  src: url("../../../../fonts/lato-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../../../../fonts/lato-regular-webfont.woff2") format("woff2"), url("../../../../fonts/lato-regular-webfont.woff") format("woff"), url("../../../../fonts/lato-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

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

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-location-circle .path1:before {
  content: "\e904"; }

.icon-location-circle .path2:before {
  content: "\e908";
  margin-left: -0.7001953125em; }

.icon-location-star .path1:before {
  content: "\e905"; }

.icon-location-star .path2:before {
  content: "\e906";
  margin-left: -0.7001953125em; }

.icon-quote:before {
  content: "\e909"; }

.icon-call:before {
  content: "\e900"; }

.icon-enveloppe:before {
  content: "\e902"; }

.icon-car:before {
  content: "\e901"; }

.icon-location:before {
  content: "\e903"; }

.icon-arrow-down:before {
  content: "\f3d0"; }

.icon-arrow-left:before {
  content: "\f3d2"; }

.icon-arrow-right:before {
  content: "\f3d3"; }

.icon-arrow-up:before {
  content: "\f3d8"; }

.icon-close:before {
  content: "\f404"; }

.icon-minus:before {
  content: "\f462"; }

.icon-play:before {
  content: "\f488"; }

.icon-plus:before {
  content: "\f489"; }

.icon-navicon:before {
  content: "\f20e"; }

.icon-pin:before {
  content: "\e907"; }

/* Common */
html, body {
  min-height: 100%; }

html {
  -ms-overflow-style: scrollbar; }

img {
  border: none;
  outline: none;
  max-width: 100%; }

a {
  cursor: pointer;
  text-decoration: none; }

a:active {
  outline: none; }

:focus {
  -moz-outline-style: none;
  outline: 0; }

ul {
  list-style: none; }

ul, li {
  padding: 0;
  margin: 0; }

ol {
  padding: 0 0 0 20px; }

ol li {
  list-style-type: decimal;
  list-style-position: outside; }

body {
  color: #576678;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  color: #627283;
  overflow-x: hidden;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.latoLight {
  font-family: latohairline;
  font-weight: 300;
  line-height: 1.1; }

.lato {
  font-family: latohairline;
  line-height: 1.1; }

.latoBold {
  font-family: latohairline;
  font-weight: 700;
  line-height: 1.1; }

.site-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.header-container, footer {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none; }

.resetLeft {
  clear: left; }

.resetRight {
  clear: right; }

.reset {
  clear: both;
  height: 0;
  overflow: hidden; }

p {
  margin: 0; }

p + p {
  margin-top: 10px; }

a {
  color: #ef463c;
  transition: background-color .3s, color .3s, border-color .3s; }
  a:hover, a:active, a:focus, a.active {
    color: #d13c37; }

a, button {
  touch-action: manipulation;
  -ms-touch-action: manipulation; }
  a:hover, a:active, a:focus, a.active, button:hover, button:active, button:focus, button.active {
    outline: none; }

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

.noTextSelect {
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */
  user-select: none; }

.plusSign {
  display: inline-block;
  position: relative;
  width: 35px;
  height: 35px;
  cursor: pointer; }
  .plusSign:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 17px;
    top: 0;
    height: 100%;
    border-left: 1px solid #ef463c; }
  .plusSign:after {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 17px;
    width: 100%;
    border-top: 1px solid #ef463c; }

.bottom-right {
  position: absolute;
  bottom: 15px;
  right: 15px; }

.button {
  display: inline-block;
  background: none;
  padding: 10px 50px;
  border: 2px solid #ef463c;
  color: #ef463c;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase; }
  .button:hover, .button:active, .button:focus, .button.active {
    color: #fff;
    text-decoration: none;
    background: #d13c37;
    border-color: #d13c37; }
  .button.white {
    background: none;
    border-color: #fff;
    color: #fff; }
    .button.white:hover {
      background: #fff;
      color: #ef463c; }
  .button.green {
    background: none;
    border-color: #3aa16b;
    color: #3aa16b; }
    .button.green:hover {
      background: #3aa16b;
      color: #fff; }
  .button.border {
    background: none;
    border-color: #fff; }
    .button.border:hover {
      background: #fff;
      color: #ef463c; }
  .button.fillred {
    background: #ef463c;
    color: #fff;
    border-color: #ef463c; }
    .button.fillred:hover {
      background: #fff;
      color: #ef463c;
      border-color: #ef463c; }

@media (max-width: 767px) {
  .button {
    padding: 5px 50px;
    font-size: 16px; } }

.section {
  padding: 60px 0; }

@media (max-width: 767px) {
  .section {
    padding: 30px 0; } }

.top50bg {
  background: linear-gradient(#eaeaea 50%, #fff 50%); }
  .top50bg.bottom50bg {
    background: #eaeaea; }

.bottom50bg {
  background: linear-gradient(#fff 50%, #eaeaea 50%); }
  .bottom50bg.top50bg {
    background: #eaeaea; }

.imageCredits {
  position: absolute;
  color: white;
  height: 30px;
  overflow: hidden;
  z-index: 100;
  min-width: 1000px; }
  .imageCredits > a, .imageCredits > .a {
    background-color: #ef463c;
    color: white;
    padding: 5px 10px 5px 10px;
    height: 30px;
    line-height: 20px; }
    .imageCredits > a > span, .imageCredits > .a > span {
      font-size: 12px;
      color: #ffdcdc; }
      .imageCredits > a > span > span, .imageCredits > .a > span > span {
        color: white;
        text-decoration: underline;
        font-size: 14px; }
  .imageCredits > .tr {
    position: relative;
    height: 100%;
    z-index: 1;
    border-bottom: 1200px solid #ef463c; }
  .imageCredits.top {
    top: 30px; }
  .imageCredits.bottom {
    bottom: 30px; }
  .imageCredits.left {
    left: 0;
    text-align: left; }
    .imageCredits.left > a, .imageCredits.left > .a {
      float: left; }
    .imageCredits.left > .tr {
      float: left;
      border-right: 370px solid transparent; }
  .imageCredits.right {
    right: 0;
    text-align: right; }
    .imageCredits.right > a, .imageCredits.right > .a {
      float: right; }
    .imageCredits.right > .tr {
      float: right;
      border-left: 370px solid transparent; }

.si-float-wrapper {
  position: absolute;
  width: 100%; }
  .si-float-wrapper,
  .si-float-wrapper * {
    box-sizing: border-box; }

[class*='si-wrapper'] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  cursor: default; }

.si-wrapper-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: -40px;
  margin-left: 0px;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%); }

.si-wrapper-bottom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  margin-top: 0px;
  margin-left: 0px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0); }

.si-wrapper-left {
  margin-top: -20px;
  margin-left: -11px;
  -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%); }

.si-wrapper-right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-top: -20px;
  margin-left: 11px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%); }

[class*='si-shadow-wrapper'] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.29804;
  z-index: 1; }

.si-shadow-wrapper-top,
.si-shadow-wrapper-bottom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.si-shadow-pointer-bottom,
.si-shadow-pointer-right {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1; }

.si-shadow-frame {
  box-shadow: 0 1px 3px 0 #000; }

[class*='si-shadow-pointer'] {
  position: relative;
  width: 15px;
  height: 15px;
  margin: auto; }

[class*='si-shadow-inner-pointer'] {
  position: absolute;
  width: 141%;
  height: 141%;
  box-shadow: -0.70711px 0.70711px 3px 0 #000; }

.si-shadow-inner-pointer-top {
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg); }

.si-shadow-inner-pointer-bottom {
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%) rotate(-45deg);
          transform: translate(-50%, 50%) rotate(-45deg); }

.si-shadow-inner-pointer-left {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg); }

.si-shadow-inner-pointer-right {
  top: 50%;
  right: 0;
  -webkit-transform: translate(50%, -50%) rotate(-45deg);
          transform: translate(50%, -50%) rotate(-45deg); }

.si-frame {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  border-radius: 3px;
  overflow: hidden;
  z-index: 2; }

.si-content-wrapper {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  padding: 30px;
  background-color: #fff; }
  .si-has-border .si-content-wrapper {
    border: 1px solid #bbb; }

.si-content {
  overflow: auto; }

.si-close-button {
  position: absolute;
  top: 0;
  right: 0;
  border: 0;
  outline: none;
  background-color: transparent;
  color: inherit;
  font-family: Arial, Baskerville, monospace;
  font-size: 24px;
  cursor: pointer;
  opacity: 0.5;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .si-close-button:hover, .si-close-button:focus {
    opacity: 0.7; }

[class*='si-pointer-border'] {
  position: absolute;
  border: 15px solid transparent;
  z-index: 3; }

[class*='si-pointer-bg'] {
  position: relative;
  border: 15px solid transparent;
  z-index: 4; }
  .si-has-border [class*='si-pointer-bg'] {
    border-width: 15px; }

.si-pointer-border-top,
.si-pointer-border-bottom {
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0); }

.si-pointer-border-left,
.si-pointer-border-right {
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%); }

.si-pointer-top {
  border-bottom: 0; }

.si-pointer-border-top {
  bottom: 0;
  border-top-color: #bbb; }

.si-pointer-bg-top {
  border-top-color: #fff; }
  .si-has-border .si-pointer-bg-top {
    top: -1px;
    margin-bottom: 0px; }

.si-pointer-bottom {
  border-top: 0; }

.si-pointer-border-bottom {
  top: 0;
  border-bottom-color: #bbb; }

.si-pointer-bg-bottom {
  border-bottom-color: #fff; }
  .si-has-border .si-pointer-bg-bottom {
    bottom: -1px;
    margin-top: 0px; }

.si-pointer-left {
  border-right: 0; }

.si-pointer-border-left {
  right: 0;
  border-left-color: #bbb; }

.si-pointer-bg-left {
  border-left-color: #fff; }
  .si-has-border .si-pointer-bg-left {
    left: -1px;
    margin-right: 0px; }

.si-pointer-right {
  border-left: 0; }

.si-pointer-border-right {
  left: 0;
  border-right-color: #bbb; }

.si-pointer-bg-right {
  border-right-color: #fff; }
  .si-has-border .si-pointer-bg-right {
    right: -1px;
    margin-left: 0px; }

/*! ========================================================================
 * Bootstrap Toggle: bootstrap-toggle.css v2.2.0
 * http://www.bootstraptoggle.com
 * ========================================================================
 * Copyright 2014 Min Hur, The New York Times Company
 * Licensed under MIT
 * ======================================================================== */
.checkbox label .toggle, .checkbox-inline .toggle {
  margin-left: -20px;
  margin-right: 5px; }

.toggle {
  position: relative;
  overflow: hidden; }

.toggle input[type=checkbox] {
  display: none; }

.toggle-group {
  position: absolute;
  width: 200%;
  top: 0;
  bottom: 0;
  left: 0;
  transition: left .35s;
  -webkit-transition: left .35s;
  -moz-user-select: none;
  -webkit-user-select: none; }

.toggle.off .toggle-group {
  left: -100%; }

.toggle-on {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 50%;
  margin: 0;
  border: 0;
  border-radius: 0; }

.toggle-off {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 0;
  margin: 0;
  border: 0;
  border-radius: 0; }

.toggle-handle {
  position: relative;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 0;
  height: 100%;
  width: 0;
  border-width: 0 1px; }

.toggle.btn {
  min-width: 59px;
  min-height: 34px; }

.toggle-on.btn {
  padding-right: 24px; }

.toggle-off.btn {
  padding-left: 24px; }

.toggle.btn-lg {
  min-width: 79px;
  min-height: 45px; }

.toggle-on.btn-lg {
  padding-right: 31px; }

.toggle-off.btn-lg {
  padding-left: 31px; }

.toggle-handle.btn-lg {
  width: 40px; }

.toggle.btn-sm {
  min-width: 50px;
  min-height: 30px; }

.toggle-on.btn-sm {
  padding-right: 20px; }

.toggle-off.btn-sm {
  padding-left: 20px; }

.toggle.btn-xs {
  min-width: 35px;
  min-height: 22px; }

.toggle-on.btn-xs {
  padding-right: 12px; }

.toggle-off.btn-xs {
  padding-left: 12px; }

/*$narrowMainMenuHeight: 62px;*/
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1001;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  background: #fff;
  width: 100%; }
  .header.digital #mainmenu {
    background-color: #343434;
    color: #fff; }
    .header.digital #mainmenu .headerContent {
      background-color: #343434; }
  .header #topmenu {
    background-color: #fff;
    color: #576678;
    z-index: 1002; }
    .header #topmenu .navi {
      font-size: 14px;
      font-weight: bold; }
      .header #topmenu .navi > ul > li > a {
        color: #576678;
        font-family: AvenirNextRegular; }
    .header #topmenu .headerContent > .searchBtn > .fa-search {
      color: #ef463c; }
    .header #topmenu .headerContent {
      height: 52px; }
      .header #topmenu .headerContent > .searchBtn {
        min-height: 52px;
        line-height: 52px; }
      .header #topmenu .headerContent .languageSwitch .dropdown .dropdown-toggle {
        padding: 15px 0; }
      .header #topmenu .headerContent .languageSwitch .dropdown + .dropdown {
        max-height: 52px; }
      .header #topmenu .headerContent .navi > ul > li {
        height: 52px; }
        .header #topmenu .headerContent .navi > ul > li > a {
          line-height: 52px;
          min-height: 52px; }
          .header #topmenu .headerContent .navi > ul > li > a.active {
            background: transparent; }
            .header #topmenu .headerContent .navi > ul > li > a.active:hover {
              text-decoration: underline; }
        .header #topmenu .headerContent .navi > ul > li:not(:last-of-type) ::after {
          content: "|";
          position: absolute;
          top: 1px;
          color: #ef463c;
          right: 0px;
          font-size: 8px; }
  .header #mainmenu {
    background-color: #ef463c;
    color: #fff;
    /*&.narrow {
            .headerContent { height: $narrowMainMenuHeight; 
                > .searchBtn { min-height: $narrowMainMenuHeight; line-height: $narrowMainMenuHeight; }
                .languageSwitch .dropdown .dropdown-toggle { padding: 15px 0; }
                .languageSwitch .dropdown + .dropdown { max-height: $narrowMainMenuHeight; }
                .navi > ul > li { height: $narrowMainMenuHeight; 
                    > a { line-height: $narrowMainMenuHeight; min-height: $narrowMainMenuHeight; }
                }
            }
        }*/ }
    .header #mainmenu .navi > ul > li > a {
      color: #fff; }
  .header .searchbox {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1100;
    height: 120px;
    color: #fff;
    background-color: #4D5A6B;
    line-height: 120px;
    overflow: hidden;
    transition: height 0.2s ease; }
    .header .searchbox.closed {
      height: 0px; }
    .header .searchbox .searchInput {
      width: 85%;
      max-height: 120px; }
      .header .searchbox .searchInput input {
        background: none;
        border: none;
        font-size: 24px;
        padding: 0 20px;
        width: 100%; }
    .header .searchbox .searchBtn {
      margin-left: 0;
      width: 5%;
      font-size: 24px; }
      .header .searchbox .searchBtn.float-right {
        text-align: right; }
    .header .searchbox #searchCloser {
      padding-right: 11px;
      margin-right: -11px;
      cursor: pointer; }
    .header .searchbox ::-webkit-input-placeholder {
      color: #9a9a9a; }
    .header .searchbox :-moz-placeholder {
      color: #9a9a9a;
      opacity: 1; }
    .header .searchbox ::-moz-placeholder {
      color: #9a9a9a;
      opacity: 1; }
    .header .searchbox :-ms-input-placeholder {
      color: #9a9a9a; }
    .header .searchbox ::-ms-input-placeholder {
      color: #9a9a9a; }
    .header .searchbox ::-webkit-input-placeholder {
      color: #9a9a9a; }
    .header .searchbox :-ms-input-placeholder {
      color: #9a9a9a; }
    .header .searchbox ::placeholder {
      color: #9a9a9a; }
  .header .headerContent {
    position: relative;
    /*z-index:1;*/
    height: 68px;
    /*background:$brand-primary;*/ }
    .header .headerContent:after {
      content: ' ';
      display: table;
      clear: both; }
    .header .headerContent .searchBtn {
      font-size: 24px;
      min-height: 120px;
      line-height: 120px;
      cursor: pointer;
      padding: 0 15px; }
  .header .logo {
    z-index: 1;
    padding: 13px;
    position: fixed;
    left: 15px;
    margin: 5px 0; }
    .header .logo img {
      display: block;
      height: 32px;
      transition: all 3s; }
    .header .logo .logoSmall {
      display: none; }
  .header.sticky .logo .logoDefault {
    display: none; }
  .header.sticky .logo .logoSmall {
    display: block; }
  .header .navbar-menu {
    background: none;
    border: none;
    float: right;
    margin-top: 5px;
    width: 40px;
    padding: 0;
    text-align: center;
    font-size: 32px;
    line-height: 40px; }
  .header .dropdown-toggle {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none; }
    .header .dropdown-toggle.has-link {
      display: none; }
  .header .dropdown-menu {
    margin-top: 0;
    border-radius: 0;
    border: none; }
  .header .navi {
    float: right;
    font-size: 18px; }
    .header .navi a {
      font-family: AvenirNextRegular; }
    .header .navi > ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .header .navi > ul:after {
        content: ' ';
        display: table;
        clear: both; }
      .header .navi > ul > li {
        float: left; }
        .header .navi > ul > li > a {
          display: block;
          padding: 0 15px;
          text-align: initial; }
          .header .navi > ul > li > a.active {
            background: #d13c37; }
            .header .navi > ul > li > a.active:hover {
              text-decoration: none; }
    .header .navi .dropdown-menu a {
      color: #576678;
      font-size: 16px;
      display: block;
      padding: 4px 0; }
      .header .navi .dropdown-menu a:hover {
        color: #ef463c; }
    .header .navi .dropdown-menu a[href="##"] {
      font-weight: bold;
      text-decoration: none;
      cursor: default;
      color: #ef463c; }
      .header .navi .dropdown-menu a[href="##"]:hover {
        cursor: default;
        text-decoration: none;
        color: #ef463c; }

@media (min-width: 992px) {
  body {
    padding-top: 120px; }
  .header .navi {
    overflow: hidden; }
    .header .navi > ul > li {
      height: 68px;
      overflow: hidden; }
      .header .navi > ul > li > a {
        position: relative;
        line-height: 68px;
        min-height: 68px; }
        .header .navi > ul > li > a span {
          display: none; }
        .header .navi > ul > li > a.dropdown-toggle:after {
          content: ' ';
          display: none;
          bottom: 0;
          left: 50%;
          border: solid transparent;
          height: 0;
          width: 0;
          position: absolute;
          border-bottom-color: #fff;
          border-width: 8px;
          margin-left: -8px; }
      .header .navi > ul > li:hover {
        overflow: inherit; }
        .header .navi > ul > li:hover > a {
          text-decoration: underline; }
          .header .navi > ul > li:hover > a.dropdown-toggle:after {
            display: block; }
        .header .navi > ul > li:hover .dropdown-menu {
          opacity: 1;
          left: 0;
          transition: opacity .25s; }
          .header .navi > ul > li:hover .dropdown-menu.fourColumns {
            left: 10%; }
          .header .navi > ul > li:hover .dropdown-menu.threeColumns {
            left: 20%; }
    .header .navi .dropdown {
      position: static; }
    .header .navi .dropdown-menu {
      transition: opacity .25s;
      opacity: 0;
      display: block;
      padding: 35px 40px;
      left: -9999px; }
      .header .navi .dropdown-menu ul {
        float: left; }
        .header .navi .dropdown-menu ul li a.active {
          background: rgba(1, 1, 1, 0.07);
          margin-left: -5px;
          padding-left: 5px;
          text-decoration: none; }
          .header .navi .dropdown-menu ul li a.active:hover {
            text-decoration: none;
            color: #576678; }
      .header .navi .dropdown-menu.fiveColumns {
        width: 100%; }
        .header .navi .dropdown-menu.fiveColumns ul {
          width: 18.2%; }
        .header .navi .dropdown-menu.fiveColumns ul:not(:last-child) {
          margin-right: 2.25%; }
      .header .navi .dropdown-menu.fourColumns {
        width: 90%; }
        .header .navi .dropdown-menu.fourColumns ul {
          width: 23.2%; }
        .header .navi .dropdown-menu.fourColumns ul:not(:last-child) {
          margin-right: 2.4%; }
      .header .navi .dropdown-menu.threeColumns {
        width: 80%; }
        .header .navi .dropdown-menu.threeColumns ul {
          width: 31.8%; }
        .header .navi .dropdown-menu.threeColumns ul:not(:last-child) {
          margin-right: 2.3%; }
      .header .navi .dropdown-menu a[href="##"] {
        text-transform: uppercase; }
  .header .navbar-collapse {
    padding-left: 0;
    padding-right: 0; } }

@media (max-width: 1199px) {
  .header .logo {
    padding-right: 50px;
    min-width: 0; }
  .header .navbar-collapse {
    max-height: none !important; } }

@media (max-width: 991px) {
  body {
    padding-top: 50px; }
  .header .container {
    width: 100%; }
  .header:after {
    border-right-width: 15px;
    border-top-width: 50px; }
  .header #topmenu {
    display: none; }
  .header .searchbox {
    height: 50px;
    line-height: 50px; }
    .header .searchbox .searchInput input {
      font-size: 20px; }
  .header .headerContent {
    height: 50px; }
    .header .headerContent .icon-close {
      font-size: 40px; }
    .header .headerContent .searchBtn {
      font-size: 20px;
      min-height: 50px;
      line-height: 50px; }
  .header .logo {
    padding: 10px 15px 15px 0;
    min-width: 0; }
    .header .logo:after {
      border-left-width: 15px;
      border-bottom-width: 50px; }
    .header .logo img {
      height: 20px; }
  .header .navi {
    float: none;
    clear: both;
    padding-bottom: 10px; }
    .header .navi > ul > li {
      float: none;
      padding: 0 15px; }
      .header .navi > ul > li > a {
        margin-left: -15px;
        margin-right: -15px;
        line-height: 40px;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        text-decoration: none; }
        .header .navi > ul > li > a span {
          display: none;
          float: right;
          margin-right: 5px;
          font-size: 23px;
          line-height: 40px; }
        .header .navi > ul > li > a span.icon-plus {
          display: block; }
      .header .navi > ul > li .dropdown-toggle.has-link {
        display: block;
        position: absolute;
        width: 70px;
        right: 15px;
        border: none; }
      .header .navi > ul > li.show {
        background: #1a1a1a; }
        .header .navi > ul > li.show .dropdown-toggle {
          border-top-color: transparent;
          color: #ef463c; }
          .header .navi > ul > li.show .dropdown-toggle span.icon-plus {
            display: none; }
          .header .navi > ul > li.show .dropdown-toggle span.icon-minus {
            display: block; }
          .header .navi > ul > li.show .dropdown-toggle.active {
            color: #fff; }
    .header .navi > ul > li + li {
      margin-left: 0; }
    .header .navi .dropdown-menu {
      position: static;
      float: none;
      margin-left: -15px;
      margin-right: -15px;
      padding: 5px 15px;
      background: #252525; }
      .header .navi .dropdown-menu li {
        padding: 0; }
      .header .navi .dropdown-menu ul + ul, .header .navi .dropdown-menu li + li {
        border-top: 1px solid rgba(255, 255, 255, 0.1); }
      .header .navi .dropdown-menu a {
        padding: 8px 0;
        color: #fff; }
  .header .navbar-collapse {
    clear: both;
    position: fixed;
    z-index: 1001;
    width: 100%;
    top: 50px;
    bottom: 0;
    height: auto !important;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background: rgba(51, 51, 51, 0.95);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    transition: 0.5s;
    left: 100%; }
    .header .navbar-collapse.animation {
      left: 0; }
  .header .show .dropdown-menu {
    display: block; } }

@media (max-width: 767px) {
  .header:after {
    display: none; } }

.rich-text-component .rich-text {
  font-size: 20px;
  line-height: 1.5; }

.rich-text-component .abstract-title {
  background: #f7f7f7;
  text-align: center;
  padding-left: 0;
  padding-right: 0; }
  .rich-text-component .abstract-title.padding-top {
    padding-top: 90px; }
  .rich-text-component .abstract-title.padding-bottom {
    padding-bottom: 90px; }
  .rich-text-component .abstract-title h1 {
    padding-bottom: 15px;
    color: #ef463c; }

@media (max-width: 991px) {
  .rich-text-component .rich-text {
    font-size: 18px;
    line-height: 1.5; }
  .rich-text-component .abstract-title.padding-top {
    padding-top: 60px; }
  .rich-text-component .abstract-title.padding-bottom {
    padding-bottom: 60px; } }

@media (max-width: 767px) {
  .rich-text-component .rich-text {
    font-size: 14px; }
  .rich-text-component .abstract-title.padding-top {
    padding-top: 45px; }
  .rich-text-component .abstract-title.padding-bottom {
    padding-bottom: 45px; } }

.topBanner {
  position: relative;
  /*  Explanation:
        Youtube embed thumbnails are chosen by their API based on the iframe size, which inherits basically from the containing div.
        In the case of the bootstrap carousel used, these are divs with .item class, and only the initially active one is displayed, all the other slides have display:none.
        This essentially gives them "0" height and width, and the youtube API picks a small thumbnail because of this.
        The "hack" here is that without modifying default bootstrap behavior, we just temporarily use this class to force a real width/height.
        After videos in the iframes are "initialized" with a proper thumbnail by Youtube, we remove this class by script and revert back to default styling.
        This way we don't conflict with original carousel behavior as that animation depends on the default css setup used.
    */ }
  .topBanner .container {
    height: inherit; }
  .topBanner .carousel-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .topBanner .carousel-overlay[data-url] {
      cursor: pointer; }
  .topBanner .video-sound-button {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    position: absolute; }
  .topBanner .carousel-inner {
    height: 355px;
    min-height: 200px; }
    .topBanner .carousel-inner img {
      display: block;
      width: 100%; }
    .topBanner .carousel-inner > .item {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      height: inherit;
      min-height: inherit; }
      .topBanner .carousel-inner > .item.active, .topBanner .carousel-inner > .item.next, .topBanner .carousel-inner > .item.prev {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
      .topBanner .carousel-inner > .item .banner-logo img {
        width: auto;
        display: block;
        margin: 0 auto; }
      .topBanner .carousel-inner > .item #youkuVideo {
        height: 100%;
        width: 55%;
        margin: 0 auto; }
      .topBanner .carousel-inner > .item video {
        width: 100%;
        min-height: 200px;
        -o-object-fit: cover;
           object-fit: cover; }
        .topBanner .carousel-inner > .item video.vertically-centered {
          position: relative;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
        .topBanner .carousel-inner > .item video:-webkit-full-screen {
          width: 100%;
          height: 100%; }
      .topBanner .carousel-inner > .item.autoheight video.vertically-centered {
        -webkit-transform: none;
                transform: none;
        top: auto; }
  .topBanner .carousel-control {
    /* This is due the possible image credits with links in the corners, otherwise those wouldn't be clickable if the control overlays them, 
           and since the credits are nested with the slides, they cannot be easily positioned with z-index over the controls */
    height: 40%;
    top: 30%;
    bottom: 10%; }
    .topBanner .carousel-control .icon-arrow-left, .topBanner .carousel-control .icon-arrow-right {
      display: block;
      position: absolute;
      top: 50%;
      z-index: 5;
      width: 30px;
      height: 30px;
      margin-top: -15px;
      font-size: 30px; }
    .topBanner .carousel-control .icon-arrow-left {
      left: 0; }
    .topBanner .carousel-control .icon-arrow-right {
      right: 0; }
  .topBanner .carousel-indicators.alternate li {
    background: rgba(255, 255, 255, 0.6); }
    .topBanner .carousel-indicators.alternate li, .topBanner .carousel-indicators.alternate li.active {
      width: 13px;
      height: 13px;
      margin: 2px;
      border: none; }
    .topBanner .carousel-indicators.alternate li.active {
      background: #d13c37; }
  .topBanner .carousel-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    text-shadow: none;
    padding: 0;
    height: inherit;
    /*a.playbutton::before, */ }
    .topBanner .carousel-caption .banner-image-block {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 30px 0;
      height: inherit;
      -ms-flex-pack: distribute;
          justify-content: space-around; }
      .topBanner .carousel-caption .banner-image-block .banner-images {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
      .topBanner .carousel-caption .banner-image-block.video-text-block h1, .topBanner .carousel-caption .banner-image-block.video-text-block h3 {
        font-size: 32px;
        font-weight: 400;
        line-height: 1.2;
        margin-top: 0px; }
      .topBanner .carousel-caption .banner-image-block.video-text-block p {
        line-height: 1.5;
        font-size: 18px; }
      .topBanner .carousel-caption .banner-image-block.video-text-block .button-block a {
        margin-top: 20px; }
    .topBanner .carousel-caption h3 {
      font-size: 24px;
      line-height: 1.3;
      font-weight: 500; }
    .topBanner .carousel-caption a.button i {
      content: '\f04b';
      position: relative;
      left: -35px;
      border-right: 2px solid #fff;
      padding-right: 18px;
      height: 44px;
      z-index: 10;
      margin-top: -10px;
      display: inline-block;
      margin-bottom: -10px;
      padding-top: 10px;
      padding-left: 6px;
      font-family: FontAwesome;
      line-height: 24px; }
    .topBanner .carousel-caption .button-block a {
      margin-top: 10px; }
      .topBanner .carousel-caption .button-block a:not(:hover) {
        background-color: rgba(0, 0, 0, 0.25); }
    .topBanner .carousel-caption .button-block.leftbuttons {
      text-align: left; }
      .topBanner .carousel-caption .button-block.leftbuttons a.button {
        margin-right: 20px; }
    .topBanner .carousel-caption .button-block.rightbuttons {
      text-align: right; }
      .topBanner .carousel-caption .button-block.rightbuttons a.button {
        margin-left: 20px; }
    .topBanner .carousel-caption .button-block.centerbuttons {
      text-align: center; }
  .topBanner img.slide-mobile-background {
    height: auto;
    width: 100%; }
  .topBanner .youtube-player-iframe {
    position: relative;
    height: 100%;
    width: 100%; }
  .topBanner .dci-youtube-thumbnail-hack {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .topBanner .bannerSearch {
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0; }
    .topBanner .bannerSearch .searchInput {
      text-align: center;
      width: 100%;
      white-space: nowrap; }
      .topBanner .bannerSearch .searchInput > div {
        display: inline-block;
        width: 500px;
        max-width: 90vw; }
        .topBanner .bannerSearch .searchInput > div input {
          width: 100%;
          background: rgba(0, 0, 0, 0.3);
          color: #fff;
          border: 1px solid #fff;
          height: 70px;
          line-height: 70px;
          font-size: 16px;
          padding: 0 30px;
          vertical-align: middle;
          border-top-left-radius: 35px;
          border-bottom-left-radius: 35px;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0;
          border-right: none; }
      .topBanner .bannerSearch .searchInput span {
        display: inline-block;
        height: 70px;
        line-height: 70px;
        background: #ef463c;
        color: #fff;
        padding: 0 50px 0 40px;
        font-weight: bold;
        border-top-right-radius: 35px;
        border-bottom-right-radius: 35px;
        vertical-align: middle;
        cursor: pointer; }
      @media (max-width: 1199px) {
        .topBanner .bannerSearch .searchInput {
          text-align: left; }
          .topBanner .bannerSearch .searchInput > div {
            width: 400px; }
            .topBanner .bannerSearch .searchInput > div input {
              height: 60px;
              line-height: 60px;
              border-bottom-left-radius: 30px;
              border-top-left-radius: 30px;
              padding: 0 25px; }
          .topBanner .bannerSearch .searchInput span {
            height: 60px;
            line-height: 60px; } }
      @media (max-width: 991px) {
        .topBanner .bannerSearch .searchInput > div {
          width: 300px; }
          .topBanner .bannerSearch .searchInput > div input {
            height: 50px;
            line-height: 50px;
            border-bottom-left-radius: 25px;
            border-top-left-radius: 25px;
            padding: 0 20px; }
        .topBanner .bannerSearch .searchInput span {
          height: 50px;
          line-height: 50px;
          padding: 0 40px 0 30px; } }
    .topBanner .bannerSearch ::-webkit-input-placeholder {
      color: #fff; }
    .topBanner .bannerSearch :-moz-placeholder {
      color: #fff;
      opacity: 1; }
    .topBanner .bannerSearch ::-moz-placeholder {
      color: #fff;
      opacity: 1; }
    .topBanner .bannerSearch :-ms-input-placeholder {
      color: #fff; }
    .topBanner .bannerSearch ::-ms-input-placeholder {
      color: #fff; }
    .topBanner .bannerSearch ::-webkit-input-placeholder {
      color: #fff; }
    .topBanner .bannerSearch :-ms-input-placeholder {
      color: #fff; }
    .topBanner .bannerSearch ::placeholder {
      color: #fff; }
  .topBanner .bannerSearchContainer {
    display: none; }
  .topBanner .bannerSearchMobile {
    margin: 40px auto; }
    .topBanner .bannerSearchMobile .bannerSearch {
      position: relative; }
      .topBanner .bannerSearchMobile .bannerSearch .searchInput {
        display: table; }
        .topBanner .bannerSearchMobile .bannerSearch .searchInput > div {
          display: table-cell;
          width: 100%; }
          .topBanner .bannerSearchMobile .bannerSearch .searchInput > div input {
            background: #fff;
            color: inherit;
            border-radius: 0;
            border: 2px solid #ef463c;
            height: 50px;
            line-height: 50px;
            padding: 0 20px; }
        .topBanner .bannerSearchMobile .bannerSearch .searchInput > a.img {
          display: table-cell;
          min-width: 70px;
          width: auto;
          height: auto;
          vertical-align: middle;
          background: #ef463c;
          cursor: pointer;
          text-align: center; }
        .topBanner .bannerSearchMobile .bannerSearch .searchInput img {
          width: 34px;
          height: 34px; }
        @media (max-width: 400px) {
          .topBanner .bannerSearchMobile .bannerSearch .searchInput > div input {
            padding: 0 10px;
            font-size: 1em;
            height: 40px;
            line-height: 40px; }
          .topBanner .bannerSearchMobile .bannerSearch .searchInput > a.img {
            min-width: 50px; }
          .topBanner .bannerSearchMobile .bannerSearch .searchInput img {
            width: 28px;
            height: 28px; } }
      .topBanner .bannerSearchMobile .bannerSearch ::-webkit-input-placeholder {
        color: #576678; }
      .topBanner .bannerSearchMobile .bannerSearch :-moz-placeholder {
        color: #576678;
        opacity: 1; }
      .topBanner .bannerSearchMobile .bannerSearch ::-moz-placeholder {
        color: #576678;
        opacity: 1; }
      .topBanner .bannerSearchMobile .bannerSearch :-ms-input-placeholder {
        color: #576678; }
      .topBanner .bannerSearchMobile .bannerSearch ::-ms-input-placeholder {
        color: #576678; }
      .topBanner .bannerSearchMobile .bannerSearch ::-webkit-input-placeholder {
        color: #576678; }
      .topBanner .bannerSearchMobile .bannerSearch :-ms-input-placeholder {
        color: #576678; }
      .topBanner .bannerSearchMobile .bannerSearch ::placeholder {
        color: #576678; }
  .topBanner .bannerTextMobile {
    margin: 40px auto; }

@media (min-width: 768px) {
  .topBanner .carousel-control .icon-arrow-left, .topBanner .carousel-control .icon-arrow-right {
    width: 80px;
    height: 80px;
    margin-top: -40px;
    font-size: 70px;
    line-height: 80px; }
  .topBanner .carousel-caption h3 {
    font-size: 40px; }
  .topBanner .carousel-caption .banner-image-block.video-text-block h1, .topBanner .carousel-caption .banner-image-block.video-text-block h3 {
    font-size: 36px; }
  .topBanner .carousel-caption .banner-image-block.video-text-block p {
    font-size: 22px; }
  .topBanner .carousel-inner.carousel-height-355px #youkuVideo {
    width: 35%;
    min-width: 450px; }
  .topBanner img.slide-mobile-background {
    display: none; }
  .topBanner .bannerSearchContainer {
    display: block; }
  .topBanner .bannerTextMobile, .topBanner .bannerSearchMobile {
    display: none; } }

@media (min-width: 992px) {
  .topBanner .carousel-caption h3 {
    font-size: 55px; }
  .topBanner .carousel-caption .banner-image-block.video-text-block h1, .topBanner .carousel-caption .banner-image-block.video-text-block h3 {
    font-size: 40px; }
  .topBanner .carousel-caption .banner-image-block.video-text-block p {
    font-size: 20px; } }

@media (min-width: 1200px) {
  .topBanner .carousel-caption .banner-image-block.video-text-block h1, .topBanner .carousel-caption .banner-image-block.video-text-block h3 {
    font-size: 48px; }
  .topBanner .carousel-caption .banner-image-block.video-text-block p {
    font-size: 22px; } }

@media (max-width: 1500px) {
  .topBanner .carousel-caption .banner-logo img {
    -webkit-transform: scale(0.75);
            transform: scale(0.75); }
  .topBanner .carousel-caption .banner-image {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  .topBanner .banner-text * {
    font-size: 3rem; } }

@media (max-width: 991px) {
  .topBanner .carousel-indicators {
    margin-bottom: 0; }
  .topBanner .container　 {
    padding: 0; }
  .topBanner .carousel-caption {
    margin: 0 auto;
    display: block; }
  .topBanner .banner-text * {
    font-size: 2.5rem; } }

@media (max-width: 767px) {
  .topBanner .carousel-caption {
    /*a.playbutton::before, */ }
    .topBanner .carousel-caption .banner-image-block {
      padding: 30px 0; }
    .topBanner .carousel-caption a.button i {
      height: 36px;
      margin-top: -6px;
      margin-bottom: -6px;
      padding-top: 6px;
      padding-left: 2px;
      padding-right: 14px; }
  .topBanner .carousel-inner #youkuVideo {
    height: 100%;
    width: 100%;
    margin: 0 auto; } }

@media (max-width: 500px) {
  .topBanner .banner-text * {
    font-size: 2rem; } }

@media (max-width: 530px) {
  .topBanner .carousel-inner {
    min-height: 220px; } }

@media (max-width: 485px) {
  .topBanner .carousel-inner {
    min-height: 190px; } }

@media (max-width: 430px) {
  .topBanner .carousel-inner {
    min-height: 150px; } }

.searchItems {
  padding: 60px 0 30px; }
  .searchItems h2 {
    background: none;
    text-align: left;
    margin-bottom: 35px;
    font-size: 28px;
    font-weight: bold; }
    .searchItems h2 span {
      color: #ef463c;
      padding: 0; }
  .searchItems .item {
    margin-bottom: 30px;
    padding: 20px 20px 35px;
    background-color: #f7f7f7; }
    .searchItems .item h3 {
      font-size: 18px;
      color: #ef463c;
      font-weight: bold; }
    .searchItems .item a {
      color: #576678; }
      .searchItems .item a:hover {
        color: #ef463c; }
    .searchItems .item li {
      margin-top: 10px; }
      .searchItems .item li.discoverAll {
        margin-top: 40px; }

@media (min-width: 768px) {
  .searchItems .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0; }
    .searchItems .row > div + div {
      margin-left: 2%; }
    .searchItems .row > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 23.5%;
      padding: 0; }
      .searchItems .row > div:nth-child(4n+1) {
        margin-left: 0; }
  .searchItems .item {
    width: 100%; } }

@media (max-width: 991px) {
  .searchItems {
    padding: 30px 0 10px; }
    .searchItems .item {
      margin-bottom: 20px; } }

.hotTopics {
  padding: 60px 0 30px;
  background-color: #f7f7f7; }
  .hotTopics.notoppadding {
    padding-top: 0px; }
  .hotTopics .hottopicstitle {
    margin-top: 0; }
    .hotTopics .hottopicstitle h3 {
      text-transform: uppercase;
      font-size: 24px;
      letter-spacing: 2px;
      margin-top: 0; }
      .hotTopics .hottopicstitle h3 b {
        font-weight: 900; }
      .hotTopics .hottopicstitle h3 a {
        color: inherit; }
        .hotTopics .hottopicstitle h3 a:hover {
          color: #ef463c;
          text-decoration: none; }
  .hotTopics .button.button-discover {
    background: #ef463c;
    color: #fff;
    display: block;
    margin: 0 auto; }
    .hotTopics .button.button-discover:hover {
      background: none;
      color: #ef463c; }
  .hotTopics .item {
    position: relative;
    margin-bottom: 17px;
    padding-bottom: 135px;
    background-color: #fff;
    min-height: 270px;
    transition: background 0.3s; }
    .hotTopics .item.hover-effect:hover {
      background: rgba(239, 70, 60, 0.9);
      color: #fff; }
      .hotTopics .item.hover-effect:hover .plusSign:before, .hotTopics .item.hover-effect:hover .plusSign:after {
        border-color: #fff; }
      .hotTopics .item.hover-effect:hover .imgBoxOverlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(239, 70, 60, 0.4);
        transition: background 0.3s; }
      .hotTopics .item.hover-effect:hover .itemCaption {
        background: rgba(239, 70, 60, 0.9);
        transition: background 0.3s; }
      .hotTopics .item.hover-effect:hover .videoMask {
        background: rgba(239, 70, 60, 0.9);
        transition: background 0.3s; }
        .hotTopics .item.hover-effect:hover .videoMask .icon-play {
          opacity: 1;
          transition: opacity 0.3s; }
    .hotTopics .item > a {
      display: block !important;
      position: absolute !important;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      cursor: pointer;
      z-index: 10; }
    .hotTopics .item .imgBox {
      display: block;
      position: relative;
      color: #fff;
      overflow: hidden; }
      .hotTopics .item .imgBox .videoMask {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        text-align: center; }
        .hotTopics .item .imgBox .videoMask .icon-play {
          position: absolute;
          display: inline-block;
          width: 65px;
          left: 50%;
          top: 50%;
          margin: -60px 0 0 -28px;
          font-size: 130px;
          line-height: 130px;
          opacity: .6; }
    .hotTopics .item .cover-image {
      position: absolute;
      height: 100%; }
    .hotTopics .item img {
      display: block;
      width: 100%; }
    .hotTopics .item .itemCaption {
      position: absolute;
      z-index: 1;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 0px 55px 35px 20px;
      background-color: white; }
      .hotTopics .item .itemCaption .plusSign {
        position: absolute;
        bottom: 20px;
        right: 20px; }
      .hotTopics .item .itemCaption .shortdesc > span {
        display: none; }
    .hotTopics .item h3 {
      font-size: 18px;
      line-height: 20px;
      font-weight: bold;
      word-break: keep-all;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      .hotTopics .item h3 a {
        color: inherit; }
        .hotTopics .item h3 a:hover {
          color: #ef463c; }
    .hotTopics .item h3 + p {
      margin-top: 5px; }
    .hotTopics .item p {
      line-height: 20px;
      height: 60px;
      overflow: hidden; }
    .hotTopics .item.focus {
      position: relative; }
      .hotTopics .item.focus .imgBox {
        position: static; }
        .hotTopics .item.focus .imgBox .videoMask {
          height: auto;
          bottom: 125px;
          background: rgba(239, 70, 60, 0.9); }
      .hotTopics .item.focus .itemCaption {
        color: #fff;
        background: rgba(239, 70, 60, 0.9); }
      .hotTopics .item.focus h3 a:hover {
        color: #fff; }
      .hotTopics .item.focus .plusSign:before, .hotTopics .item.focus .plusSign:after {
        border-color: #fff; }
    .hotTopics .item.focus:hover {
      background: #ef463c;
      color: #fff;
      transition: background 0.3s; }
      .hotTopics .item.focus:hover .plusSign:before, .hotTopics .item.focus:hover .plusSign:after {
        border-color: #fff; }
      .hotTopics .item.focus:hover .itemCaption {
        background: #ef463c;
        transition: background 0.3s; }
      .hotTopics .item.focus:hover .videoMask {
        background: #ef463c;
        transition: background 0.3s; }

@media (min-width: 768px) {
  .hotTopics .hottopicstitle h3 {
    font-size: 32px; }
  .hotTopics .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .hotTopics .row:before, .hotTopics .row:after {
      content: normal; }
    .hotTopics .row > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .hotTopics .item {
    width: 100%; } }

@media (max-width: 991px) {
  .hotTopics .item .imgBox .videoMask .icon-play {
    font-size: 100px; }
  .hotTopics .container {
    width: 100%; } }

@media (max-width: 767px) {
  .hotTopics {
    padding: 30px 0 10px; }
    .hotTopics .item.focus {
      position: relative; }
      .hotTopics .item.focus .imgBox img {
        position: static; } }

section.hotTopics2019 {
  padding: 30px 0 10px;
  margin: 0;
  background-color: #f7f7f7; }
  section.hotTopics2019 > .container h3 {
    text-transform: uppercase;
    font-size: 24px;
    letter-spacing: 2px; }
    section.hotTopics2019 > .container h3 b {
      font-weight: 900; }
  section.hotTopics2019 > .container .sd {
    font-size: 16px; }
  section.hotTopics2019 .hotTopicItems {
    position: relative;
    margin: 30px 0 20px; }
    section.hotTopics2019 .hotTopicItems .swiper-container {
      padding: 0; }
    section.hotTopics2019 .hotTopicItems .swiper-slide .card img {
      width: 100%; }
    section.hotTopics2019 .hotTopicItems .swiper-control {
      top: 0;
      bottom: 0;
      height: 100%;
      width: 10vw;
      margin-top: 0;
      padding: 0 3%;
      background: transparent !important;
      z-index: 11; }
      section.hotTopics2019 .hotTopicItems .swiper-control.swiper-button-next {
        right: 0;
        text-align: right; }
      section.hotTopics2019 .hotTopicItems .swiper-control.swiper-button-prev {
        left: 0;
        text-align: left; }
      section.hotTopics2019 .hotTopicItems .swiper-control:hover.swiper-button-next {
        background: linear-gradient(-90deg, rgba(255, 255, 255, 0.3), transparent) !important; }
      section.hotTopics2019 .hotTopicItems .swiper-control:hover.swiper-button-prev {
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.3), transparent) !important; }
      section.hotTopics2019 .hotTopicItems .swiper-control .fa {
        color: #f7f7f7;
        font-size: 36px;
        line-height: 40vw; }
    section.hotTopics2019 .hotTopicItems .swiper-pagination {
      left: 0;
      right: 0;
      bottom: 4%; }
      section.hotTopics2019 .hotTopicItems .swiper-pagination .swiper-pagination-bullet {
        padding: 6px;
        margin: 0 4px;
        background: transparent;
        opacity: 1;
        border: 1px solid #f7f7f7; }
        section.hotTopics2019 .hotTopicItems .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
          background: #f7f7f7; }
  section.hotTopics2019 .list {
    display: none; }
  section.hotTopics2019 .card .title {
    position: absolute;
    background: rgba(255, 255, 255, 0.7);
    color: #576678;
    left: 0;
    bottom: 20%;
    padding: 10px 8px 12px;
    white-space: normal;
    max-width: 80%; }
    section.hotTopics2019 .card .title h4 {
      font-size: 16px;
      margin-bottom: 6px;
      font-weight: bold; }
    section.hotTopics2019 .card .title p {
      font-size: 14px;
      margin-bottom: 4px; }
  section.hotTopics2019 .card:hover, section.hotTopics2019 .card:focus {
    text-decoration: none; }
  section.hotTopics2019 .cta-container .button {
    margin: 20px auto 0;
    display: block; }
  @media (min-width: 768px) {
    section.hotTopics2019 {
      padding: 30px 0 60px; }
      section.hotTopics2019 > .container h3 {
        font-size: 32px; }
      section.hotTopics2019 > .container .sd {
        font-size: 20px; }
      section.hotTopics2019 .hotTopicItems {
        display: none; }
      section.hotTopics2019 .list {
        display: block;
        margin: 40px -0.4% 20px; }
        section.hotTopics2019 .list .card {
          width: 49.2%;
          position: relative;
          display: inline-block;
          height: 0;
          padding-bottom: 33%;
          margin: 0.4%;
          background-size: cover;
          background-position: center;
          vertical-align: top; }
          section.hotTopics2019 .list .card:hover, section.hotTopics2019 .list .card:focus {
            text-decoration: none; }
            section.hotTopics2019 .list .card:hover .title, section.hotTopics2019 .list .card:focus .title {
              color: #fff;
              background: #ef463c; }
          section.hotTopics2019 .list .card .title {
            bottom: 10%;
            transition: background .3s, color .3s; }
        section.hotTopics2019 .list.listCount2 .card, section.hotTopics2019 .list.listCount4 .card {
          width: 49.2%;
          padding-bottom: 33%; }
        section.hotTopics2019 .list.listCount3 .card {
          width: 32.53%;
          padding-bottom: 20%; }
      section.hotTopics2019 .swiper-pagination {
        display: none; }
      section.hotTopics2019 .cta-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
  @media (min-width: 992px) {
    section.hotTopics2019 {
      /*section.achieve > .container .list .card .title {  }*/ }
      section.hotTopics2019 .list .card {
        width: 32.53%;
        padding-bottom: 20%; }
        section.hotTopics2019 .list .card .title {
          padding: 12px 10px; } }
  @media (min-width: 1200px) {
    section.hotTopics2019 {
      /*section.achieve > .container .list .card .title { padding: 14px 12px; font-size: 18px; }*/ }
      section.hotTopics2019 .list .card .title {
        padding: 14px 12px; } }

section.hr-section {
  padding: 60px 0 30px;
  background-color: #f7f7f7; }
  section.hr-section .title {
    margin-top: 0; }
    section.hr-section .title h3 {
      text-transform: uppercase;
      font-size: 32px;
      letter-spacing: 2px;
      margin-top: 0; }
      section.hr-section .title h3 b {
        font-weight: 900; }
      section.hr-section .title h3 a {
        color: inherit; }
        section.hr-section .title h3 a:hover {
          color: #ef463c;
          text-decoration: none; }
  section.hr-section .red-box-image {
    display: block; }
    section.hr-section .red-box-image .red-box {
      background: #ef463c;
      color: #fff;
      display: inline-block;
      float: left;
      vertical-align: top;
      padding: 30px; }
      section.hr-section .red-box-image .red-box h3 {
        font-size: 32px;
        margin-top: 0px; }
      section.hr-section .red-box-image .red-box .button-block {
        margin-top: 30px;
        text-align: center; }
    section.hr-section .red-box-image .image-box {
      background-size: cover;
      background-position-x: 50%;
      display: inline-block;
      float: left;
      vertical-align: top; }
  section.hr-section .jobs {
    position: relative;
    padding-top: 15px; }
    section.hr-section .jobs .swiper-container {
      padding: 0; }
      section.hr-section .jobs .swiper-container .job {
        padding: 20px;
        background-color: #fff;
        display: inline-block;
        width: 33%;
        margin-bottom: 5px;
        color: inherit;
        transition: none; }
        section.hr-section .jobs .swiper-container .job:hover, section.hr-section .jobs .swiper-container .job:focus {
          color: #fff;
          background-color: #ef463c;
          text-decoration: none;
          transition: color .3s, background .3s; }
          section.hr-section .jobs .swiper-container .job:hover h3 .positionUnit, section.hr-section .jobs .swiper-container .job:focus h3 .positionUnit {
            color: #fff;
            transition: color .3s; }
          section.hr-section .jobs .swiper-container .job:hover .read-more .plusSign:before, section.hr-section .jobs .swiper-container .job:focus .read-more .plusSign:before {
            border-left-color: #fff;
            transition: border-color .3s; }
          section.hr-section .jobs .swiper-container .job:hover .read-more .plusSign:after, section.hr-section .jobs .swiper-container .job:focus .read-more .plusSign:after {
            border-top-color: #fff;
            transition: border-color .3s; }
          section.hr-section .jobs .swiper-container .job:hover .read-more .read-full, section.hr-section .jobs .swiper-container .job:focus .read-more .read-full {
            color: #fff;
            transition: color .3s; }
        section.hr-section .jobs .swiper-container .job h3 {
          font-size: 18px;
          font-weight: normal;
          line-height: 24px;
          height: 64px;
          margin: 0 0 10px 0; }
          section.hr-section .jobs .swiper-container .job h3 .positionName {
            display: block;
            max-height: 48px;
            overflow: hidden; }
          section.hr-section .jobs .swiper-container .job h3 .positionUnit {
            display: block;
            font-size: 13px;
            color: #999;
            line-height: 16px; }
        section.hr-section .jobs .swiper-container .job .positionDescription {
          word-wrap: break-word;
          height: 83px;
          overflow: hidden;
          margin-bottom: 10px; }
        section.hr-section .jobs .swiper-container .job .read-more {
          display: block;
          padding: 5px 0;
          bottom: 15px; }
          section.hr-section .jobs .swiper-container .job .read-more .plusSign {
            width: 18px;
            height: 18px;
            vertical-align: middle;
            margin-right: 8px; }
            section.hr-section .jobs .swiper-container .job .read-more .plusSign:before, section.hr-section .jobs .swiper-container .job .read-more .plusSign:after {
              content: ' ';
              display: block;
              position: absolute; }
            section.hr-section .jobs .swiper-container .job .read-more .plusSign:before {
              left: 9px;
              top: 0;
              height: 100%;
              border-left: 1px solid #ef463c; }
            section.hr-section .jobs .swiper-container .job .read-more .plusSign:after {
              left: 0;
              top: 9px;
              width: 100%;
              border-top: 1px solid #ef463c; }
          section.hr-section .jobs .swiper-container .job .read-more .read-full {
            font-weight: bold;
            text-transform: uppercase;
            line-height: 15px;
            vertical-align: middle;
            color: #ef463c; }
    section.hr-section .jobs .swiper-control .fa {
      color: #EF463C;
      font-size: 36px; }

@media (min-width: 561px) {
  section.hr-section .jobs .swiper-container .job {
    height: 300px; }
    section.hr-section .jobs .swiper-container .job .read-more {
      position: absolute; } }

@media (min-width: 768px) {
  section.hr-section .jobs .swiper-container .job {
    height: 320px; }
  section.hr-section .red-box-image .red-box::after {
    right: -44px;
    top: 29px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(239, 70, 60, 0);
    border-left-color: #EF463C;
    border-width: 23px;
    z-index: 1; } }

@media (min-width: 992px) {
  section.hr-section .jobs .swiper-container .job {
    height: 270px; } }

@media (min-width: 1200px) {
  section.hr-section .jobs .swiper-container .job {
    height: 250px; }
  section.hr-section .red-box-image .red-box h3 {
    margin-bottom: 20px; }
  section.hr-section .red-box-image .red-box p {
    line-height: 1.7; } }

.cookie {
  position: fixed;
  top: 0;
  width: 100%;
  min-width: 100%;
  z-index: 1001;
  background: #f7f7f7;
  color: #2d3946; }
  .cookie:after {
    content: ' ';
    display: table;
    clear: both; }
  .cookie:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-left: 24px solid #576678;
    border-bottom: 82px solid transparent; }
  .cookie .close {
    position: absolute;
    top: 5px;
    right: 0;
    color: #ef463c;
    opacity: 1;
    height: 60px;
    width: 60px;
    font-size: 34px;
    line-height: 60px;
    text-align: center; }
  .cookie span.title {
    display: block;
    font-weight: normal;
    line-height: 40px;
    font-size: 28px;
    background: none;
    margin: 0;
    padding: 0; }
  .cookie p + p {
    margin-top: 4px; }
  .cookie .caption a {
    color: inherit;
    text-decoration: underline; }
    .cookie .caption a:hover {
      color: #ef463c; }

@media (min-width: 768px) {
  .cookie {
    padding: 0 50px 0 50px; }
    .cookie .close {
      top: 10px;
      right: 10px; }
    .cookie span.title {
      width: 200px;
      float: left;
      padding: 20px 0; }
    .cookie .caption {
      margin-left: 230px;
      padding: 30px 0; } }

@media (max-width: 767px) {
  .cookie {
    padding: 0 15px; }
    .cookie:before {
      display: none; }
    .cookie span.title {
      padding: 10px 0;
      text-align: center; }
    .cookie .caption {
      padding-bottom: 15px; } }

.footer {
  background-color: #576679;
  margin: 0;
  z-index: 1;
  color: #A5ACB6;
  font-size: 12px; }
  .footer .flex-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .footer #footer-title {
    letter-spacing: 0.3em;
    font-weight: lighter;
    font-size: 2em;
    color: white;
    margin: auto;
    padding: 60px 15px 0;
    text-transform: uppercase; }
    .footer #footer-title b {
      font-weight: 900; }
  .footer #footer-subtitle {
    font-weight: lighter;
    font-size: 1.8em;
    color: white;
    margin: auto;
    padding: 20px 15px 0; }
  .footer .link-area {
    padding-top: 7rem;
    padding-bottom: 3rem; }
    .footer .link-area .link-column {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto; }
      .footer .link-area .link-column .link-group {
        margin-right: 15px; }
        .footer .link-area .link-column .link-group:not(:last-child) {
          margin-bottom: 5rem; }
        .footer .link-area .link-column .link-group .link-heading {
          position: relative; }
          .footer .link-area .link-column .link-group .link-heading > a {
            color: #fff;
            text-decoration: none;
            font-weight: 700;
            width: 100%;
            display: block;
            cursor: default; }
            .footer .link-area .link-column .link-group .link-heading > a span {
              display: none;
              position: absolute;
              top: 0;
              right: 0;
              font-size: 40px; }
          .footer .link-area .link-column .link-group .link-heading ul a {
            color: #A5ACB6; }
  .footer .container-align {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
    .footer .container-align.social-section {
      font-size: 2rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .footer .container-align.social-section span {
        padding: 1rem; }
      .footer .container-align.social-section .social-call-to-action {
        font-weight: 700;
        padding-left: 0; }
      .footer .container-align.social-section span:not(.social-call-to-action) {
        cursor: pointer; }
      .footer .container-align.social-section #wechat {
        position: relative;
        display: inline-block; }
        .footer .container-align.social-section #wechat .qr {
          display: none;
          position: absolute;
          bottom: 30px;
          left: -98px;
          padding: 30px;
          cursor: initial;
          transition: opacity 300ms; }
          .footer .container-align.social-section #wechat .qr > img {
            max-width: 180px;
            width: 180px; }
          .footer .container-align.social-section #wechat .qr::after {
            content: " ";
            height: 30px;
            width: 30px;
            position: absolute;
            left: 50%;
            margin-left: -15px;
            bottom: 0;
            border: 15px solid transparent;
            border-top-color: #ffffff; }
        .footer .container-align.social-section #wechat span.fa {
          cursor: initial; }
        .footer .container-align.social-section #wechat.open .qr {
          display: block; }
    .footer .container-align:last-child {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
  .footer .social-stripe {
    background-color: #4D5A6B;
    padding: 15px;
    margin: 0 -15px; }
    .footer .social-stripe a:not(.button), .footer .social-stripe a:hover, .footer .social-stripe a:focus, .footer .social-stripe a:visited {
      color: #A5ACB6;
      text-decoration: none; }
    .footer .social-stripe a:hover, .footer .social-stripe a:focus {
      color: #fff;
      text-decoration: none; }
    .footer .social-stripe .button, .footer .social-stripe .button:visited {
      color: #FFF;
      border-color: #979797;
      white-space: normal; }
      .footer .social-stripe .button:hover, .footer .social-stripe .button:focus, .footer .social-stripe .button:visited:hover, .footer .social-stripe .button:visited:focus {
        background-color: #FFF;
        border-color: #FFF;
        color: #4D5A6B; }
  .footer .footer-bottom {
    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;
    padding: 15px 15px; }
    .footer .footer-bottom > div {
      display: inline-block; }
    .footer .footer-bottom .right-separator {
      border-right: 1px solid #A5ACB6;
      padding-right: 15px; }
    .footer .footer-bottom .footer-logo img {
      height: auto;
      width: auto; }
    .footer .footer-bottom .disclaimer, .footer .footer-bottom .cookieSettings, .footer .footer-bottom .responsibledisclosure {
      padding: 0 15px;
      color: #A5ACB6; }
      .footer .footer-bottom .disclaimer a:not(.button), .footer .footer-bottom .disclaimer a:hover, .footer .footer-bottom .disclaimer a:focus, .footer .footer-bottom .disclaimer a:visited, .footer .footer-bottom .cookieSettings a:not(.button), .footer .footer-bottom .cookieSettings a:hover, .footer .footer-bottom .cookieSettings a:focus, .footer .footer-bottom .cookieSettings a:visited, .footer .footer-bottom .responsibledisclosure a:not(.button), .footer .footer-bottom .responsibledisclosure a:hover, .footer .footer-bottom .responsibledisclosure a:focus, .footer .footer-bottom .responsibledisclosure a:visited {
        color: #A5ACB6; }

@media (max-width: 991px) {
  .footer #footer-title {
    padding: 30px 15px 0; }
  .footer .flex-between {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .footer .link-area {
    padding: 3rem 15px; }
    .footer .link-area .link-column .link-group {
      margin-bottom: -1px !important;
      margin-right: 0; }
      .footer .link-area .link-column .link-group .link-heading {
        border-top: 1px solid #A5ACB6;
        border-bottom: 1px solid #A5ACB6;
        padding: 10px 0; }
        .footer .link-area .link-column .link-group .link-heading > a {
          cursor: pointer; }
          .footer .link-area .link-column .link-group .link-heading > a span {
            display: block; }
  .footer .container-align {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .footer .container-align > * {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .footer .container-align.social-section {
      border-bottom: 1px solid #A5ACB6; }
      .footer .container-align.social-section #wechat .qr {
        right: -25px;
        left: auto; }
        .footer .container-align.social-section #wechat .qr::after {
          right: 40px;
          left: auto; }
    .footer .container-align:last-child {
      margin-top: 2rem;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .footer .container-align .button-block {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
  .footer .button {
    padding: 5px; }
  .footer .social-stripe .container {
    padding: 0 15px; }
  .footer .footer-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .footer .footer-bottom > div {
      width: 100%; }
      .footer .footer-bottom > div a, .footer .footer-bottom > div span {
        width: 100%;
        padding: 10px 10px;
        display: block;
        text-align: center; }
    .footer .footer-bottom .right-separator {
      border-right: 0;
      padding-right: 0; }
    .footer .footer-bottom .mobile-separator {
      border-bottom: 1px solid #A5ACB6; } }

@media (max-width: 500px) {
  .footer .mobile-separator {
    border-right: none; }
  .footer .button {
    width: 100%; } }

@media (max-width: 300px) {
  .footer .container-align.social-section #wechat .qr {
    right: -60px; }
    .footer .container-align.social-section #wechat .qr::after {
      right: 64px; } }

/* Country language switch */
.languageSwitch {
  float: right;
  margin-left: 30px;
  font-size: 18px;
  font-family: AvenirNextRegular; }
  .languageSwitch a {
    display: block;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none; }
  .languageSwitch .dropdown {
    float: right; }
    .languageSwitch .dropdown .flag-container {
      width: 22px;
      height: 22px;
      border-radius: 11px;
      box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
      display: inline-block;
      overflow: hidden; }
      .languageSwitch .dropdown .flag-container .flag {
        width: 22px;
        height: 22px;
        display: inline-block;
        background: url("/content/img/flags/flags.png") no-repeat;
        overflow: hidden;
        text-indent: -9999px;
        text-align: left;
        vertical-align: top; }
      .languageSwitch .dropdown .flag-container .flag.flag-ae {
        background-position: -1px -0px; }
      .languageSwitch .dropdown .flag-container .flag.flag-be {
        background-position: -24px -0px; }
      .languageSwitch .dropdown .flag-container .flag.flag-br {
        background-position: -47px -0px; }
      .languageSwitch .dropdown .flag-container .flag.flag-cn {
        background-position: -1px -23px; }
      .languageSwitch .dropdown .flag-container .flag.flag-fr {
        background-position: -24px -23px; }
      .languageSwitch .dropdown .flag-container .flag.flag-gb {
        background-position: -47px -23px; }
      .languageSwitch .dropdown .flag-container .flag.flag-hu {
        background-position: -1px -46px; }
      .languageSwitch .dropdown .flag-container .flag.flag-lu {
        background-position: -24px -46px; }
      .languageSwitch .dropdown .flag-container .flag.flag-my {
        background-position: -47px -46px; }
      .languageSwitch .dropdown .flag-container .flag.flag-nl {
        background-position: -1px -69px; }
      .languageSwitch .dropdown .flag-container .flag.flag-ph {
        background-position: -24px -69px; }
      .languageSwitch .dropdown .flag-container .flag.flag-sg {
        background-position: -47px -69px; }
      .languageSwitch .dropdown .flag-container .flag.flag-us {
        background-position: -1px -92px; }
    .languageSwitch .dropdown .dropdown-toggle {
      padding: 30px 0;
      line-height: 22px; }
      .languageSwitch .dropdown .dropdown-toggle:after {
        content: ' ';
        display: table;
        clear: both; }
      .languageSwitch .dropdown .dropdown-toggle span {
        float: right;
        margin: 4px 0 0 5px;
        font-size: 16px;
        line-height: 18px;
        color: rgba(0, 0, 0, 0.3); }
      .languageSwitch .dropdown .dropdown-toggle img {
        float: left; }
  .languageSwitch .dropdown + .dropdown {
    margin-right: 15px;
    max-height: 82px; }
    .languageSwitch .dropdown + .dropdown .dropdown-menu {
      margin-left: -100px; }
  .languageSwitch .dropdown-menu {
    left: 50%;
    margin-left: -21px;
    min-width: 42px;
    z-index: 1500; }
    .languageSwitch .dropdown-menu :after {
      content: ' ';
      bottom: 100%;
      left: 50%;
      border: solid transparent;
      height: 0;
      width: 0;
      position: absolute;
      border-bottom-color: #fff;
      border-width: 8px;
      margin-left: -8px; }
    .languageSwitch .dropdown-menu > li > a {
      padding: 6px 15px;
      word-break: keep-all;
      white-space: nowrap;
      text-align: left;
      height: 34px; }
    .languageSwitch .dropdown-menu span {
      vertical-align: top;
      display: inline-block;
      font-size: 13px;
      line-height: 22px;
      margin-left: 3px; }

@media (min-width: 992px) {
  .languageSwitch .dropdown-menu {
    display: block;
    opacity: 0;
    left: -9999px;
    transition: opacity 0.5s; }
  .languageSwitch .dropdown:hover .dropdown-menu {
    opacity: 1;
    left: 50%; }
  .languageSwitch .dropdown:hover .dropdown-toggle span {
    color: #fff; } }

@media (max-width: 991px) {
  .dropdown + .dropdown {
    max-height: 52px; }
    .dropdown + .dropdown .dropdown-menu {
      left: 0; }
      .dropdown + .dropdown .dropdown-menu :after {
        left: 60%; }
  .languageSwitch {
    float: none;
    margin: 0;
    padding: 0 15px; }
    .languageSwitch:after {
      content: ' ';
      display: table;
      clear: both; }
    .languageSwitch .dropdown {
      float: right; }
      .languageSwitch .dropdown .dropdown-toggle {
        padding: 15px 0; }
        .languageSwitch .dropdown .dropdown-toggle span {
          color: rgba(255, 255, 255, 0.3); }
      .languageSwitch .dropdown.show .dropdown-toggle span {
        color: #fff; } }

#topmenu .languageSwitch #current-language {
  font-size: 14px;
  font-weight: bold; }

#topmenu .languageSwitch a {
  color: #576678;
  font-size: 14px; }

#topmenu .languageSwitch .dropdown .dropdown-toggle span {
  color: #ef463c; }

#topmenu .languageSwitch .dropdown:hover .dropdown-toggle span {
  color: inherit; }

.counter {
  padding: 60px 0 70px; }
  .counter .item {
    line-height: 1.5;
    text-align: center; }
    .counter .item p {
      display: inline-block;
      position: relative;
      font-size: 20px; }
      .counter .item p .number {
        display: block;
        font-size: 100px;
        line-height: 1;
        font-family: latohairline, Helvetica, Arial, sans-serif; }
      .counter .item p .sub {
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-65%);
                transform: translateY(-65%);
        font-size: 60px;
        line-height: 1;
        font-family: latohairline, Helvetica, Arial, sans-serif; }
        .counter .item p .sub.pre {
          right: 100%; }
        .counter .item p .sub.post {
          left: 105%; }

@media (max-width: 1199px) and (min-width: 992px) {
  .counter .item p .number {
    font-size: 80px; } }

@media (max-width: 991px) {
  .counter .item p {
    font-size: 14px; }
    .counter .item p .number {
      font-size: 60px; }
    .counter .item p .sub {
      font-size: 36px; } }

@media (max-width: 767px) {
  .counter {
    padding: 30px 0 0; }
    .counter .item {
      margin-bottom: 30px; } }

.ourValues {
  padding: 70px 0 50px;
  background: #f7f7f7;
  text-align: center; }
  .ourValues .item {
    position: relative;
    margin-bottom: 20px;
    background: #fff;
    overflow: hidden;
    text-align: left;
    cursor: pointer; }
    .ourValues .item h3 {
      margin-bottom: 30px;
      color: #ef463c;
      font-size: 40px; }
    .ourValues .item .itemCaption {
      padding: 30px;
      overflow: hidden;
      transition: background-color .3s; }
      .ourValues .item .itemCaption h3 {
        margin-bottom: 15px;
        font-size: 30px; }
    .ourValues .item p + p {
      margin-top: 20px; }
    .ourValues .item .desc {
      height: 40px;
      margin-right: 35px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
    .ourValues .item:hover .desc {
      -webkit-line-clamp: inherit; }
    .ourValues .item img {
      display: block;
      position: absolute;
      left: 0;
      width: 100%;
      top: 0;
      min-height: 100%; }
    .ourValues .item .plusSign {
      position: absolute;
      bottom: 20px;
      right: 20px;
      z-index: 1; }
    .ourValues .item.open {
      overflow: visible; }
      .ourValues .item.open .itemCaption {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        right: 0;
        background: #ef463c;
        color: #fff; }
        .ourValues .item.open .itemCaption.alternate {
          background: none;
          color: #2d3946; }
          .ourValues .item.open .itemCaption.alternate h3 {
            color: #ef463c; }
      .ourValues .item.open h3 {
        color: inherit; }
      .ourValues .item.open .desc {
        height: auto;
        margin-right: 0; }
      .ourValues .item.open .plusSign {
        display: none; }
      .ourValues .item.open.itemUp .itemCaption {
        top: auto;
        bottom: 0; }

@media (max-width: 1199px) and (min-width: 992px) {
  .ourValues {
    font-size: 12px;
    line-height: 16px; }
    .ourValues .item h3 {
      font-size: 30px;
      margin-bottom: 10px; }
    .ourValues .item .desc {
      height: 32px; } }

@media (max-width: 991px) {
  .ourValues {
    padding: 30px 0 10px; }
    .ourValues .item {
      height: auto !important;
      cursor: auto; }
      .ourValues .item .itemCaption {
        height: auto !important; }
      .ourValues .item h3 {
        font-size: 30px;
        margin-bottom: 10px; }
      .ourValues .item img {
        position: static; }
      .ourValues .item.open {
        overflow: visible; }
        .ourValues .item.open .itemCaption {
          position: static; }
      .ourValues .item .desc {
        display: block; } }

@media (min-width: 768px) {
  .ourValues .row {
    margin-left: -10px;
    margin-right: -10px; }
    .ourValues .row > div {
      padding-left: 10px;
      padding-right: 10px; } }

.quote {
  position: relative;
  background: #ef463c;
  color: #fff;
  padding: 0 15px; }
  .quote .imgBox {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 35%;
    overflow: hidden;
    height: 100%; }
    .quote .imgBox .imgTriangle {
      position: relative;
      height: 100%;
      border-bottom: 1200px solid #ef463c;
      border-left: 370px solid transparent;
      z-index: 1; }
    .quote .imgBox img {
      display: block;
      max-width: none;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
  .quote .textCaption {
    position: relative;
    z-index: 10;
    background: #ef463c;
    margin-left: 43%;
    padding: 70px 0;
    font-size: 35px; }
    .quote .textCaption:before {
      position: absolute;
      right: 100%;
      top: 40px;
      margin-right: 10px;
      content: "\e909";
      font-family: 'icomoon';
      font-size: 90px;
      line-height: 1; }
    .quote .textCaption .author {
      position: relative;
      margin-top: 60px;
      padding-top: 10px;
      font-size: 25px; }
      .quote .textCaption .author:before {
        position: absolute;
        left: 0;
        bottom: 100%;
        content: " ";
        width: 50px;
        border-top: 2px solid #fff;
        height: 0;
        overflow: hidden; }

@media (max-width: 1199px) {
  .quote .imgBox {
    width: 38%; }
  .quote .textCaption {
    margin-left: 45%;
    font-size: 28px; }
    .quote .textCaption:before {
      top: 75px;
      font-size: 60px; }
    .quote .textCaption .author {
      font-size: 20px; }
      .quote .textCaption .author:before {
        width: 37px; } }

@media (max-width: 991px) {
  .quote .imgBox .imgTriangle {
    border-left: 310px solid transparent; }
  .quote .textCaption {
    padding: 60px 0;
    font-size: 20px; }
    .quote .textCaption:before {
      top: 45px;
      font-size: 45px; }
    .quote .textCaption .author {
      margin-top: 30px;
      font-size: 14px; }
      .quote .textCaption .author:before {
        width: 25px; } }

@media (max-width: 850px) {
  .quote .imgBox .imgTriangle {
    border-left: 270px solid transparent; } }

@media (max-width: 767px) {
  .quote .textCaption {
    margin: 0 10px 0 45px;
    padding: 30px 0; }
    .quote .textCaption:before {
      top: 25px;
      margin-right: 5px; } }

.history {
  padding: 70px 0 0;
  text-align: center; }
  .history .richtext {
    margin-bottom: 30px;
    color: #ef463c;
    font-size: 45px; }
    .history .richtext h2 {
      background: none; }
    .history .richtext span {
      font-size: 20px; }
  .history .timeline {
    margin-top: 70px;
    padding-bottom: 70px;
    background: #f7f7f7; }
    .history .timeline .row {
      margin: 0;
      position: relative; }
    .history .timeline [class*="col-"] {
      padding: 0; }
    .history .timeline .items {
      position: relative;
      padding: 60px 0 40px; }
      .history .timeline .items:before {
        content: ' ';
        display: block;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        border: 2px solid #ef463c;
        background: #ef463c;
        position: absolute;
        z-index: 2;
        top: -7px;
        left: 0;
        margin-left: -8px; }
      .history .timeline .items:after {
        content: ' ';
        display: block;
        position: absolute;
        z-index: 1;
        top: 0;
        bottom: 0;
        left: 0;
        margin-left: -2px;
        border-left: 2px solid #999;
        width: 0;
        overflow: hidden; }
    .history .timeline .item {
      position: relative;
      margin-top: 30px;
      margin-left: 25%;
      padding: 25px;
      border: 2px solid rgba(87, 102, 120, 0.15);
      color: #2d3946;
      font-size: 18px;
      line-height: 1.5; }
      .history .timeline .item:before {
        content: ' ';
        clear: both;
        display: block;
        position: absolute;
        right: 100%;
        top: 50%;
        width: 33%;
        margin: 0 2px;
        border-top: 2px solid #999; }
      .history .timeline .item:after {
        content: ' ';
        display: block;
        clear: both; }
      .history .timeline .item .locationCircle {
        display: block;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        border: 2px solid #999;
        background: #fff;
        position: absolute;
        z-index: 2;
        top: 50%;
        right: 133%;
        margin: -7px -2px 0 0; }
      .history .timeline .item h3 {
        margin-bottom: 10px;
        font-size: 30px;
        line-height: 1.2;
        color: #ef463c; }
      .history .timeline .item .iconMarking {
        position: absolute;
        z-index: 2;
        top: 50%;
        right: 117%;
        margin: -25px -25px 0 0;
        width: 50px;
        height: 50px;
        background: #576678;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        overflow: hidden; }
        .history .timeline .item .iconMarking img {
          display: block;
          margin: 0 auto;
          max-height: 50%; }
      .history .timeline .item.hasImg {
        padding: 0 0 0 150px; }
        .history .timeline .item.hasImg h3 {
          padding: 25px 25px 0; }
        .history .timeline .item.hasImg p {
          padding: 0 25px 25px; }
        .history .timeline .item.hasImg .imgBox {
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          width: 150px;
          background: #ef463c;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          .history .timeline .item.hasImg .imgBox img {
            display: block;
            max-height: 100%;
            margin: 0 auto;
            width: 100%; }
      .history .timeline .item.focus {
        background: #fff; }
        .history .timeline .item.focus .iconMarking {
          background: #ef463c; }
    .history .timeline [class*="col-"]:first-child .item {
      margin-top: 0; }
    .history .timeline .buttonBox {
      position: relative;
      padding-top: 30px;
      text-align: left;
      margin-top: 0; }
      .history .timeline .buttonBox:after, .history .timeline .buttonBox:before {
        content: ' ';
        display: block;
        height: 16px;
        width: 0;
        overflow: hidden;
        border-left: 2px solid #999;
        position: absolute;
        bottom: 100%;
        margin-bottom: -4px; }
      .history .timeline .buttonBox:before {
        left: 0;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        margin-left: 3px; }
      .history .timeline .buttonBox:after {
        left: 0;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        margin-left: -7px; }
      .history .timeline .buttonBox .button {
        display: inline-block;
        padding: 20px 50px;
        font-size: 20px;
        font-family: latobold;
        line-height: 0px;
        text-align: center;
        text-transform: uppercase; }
    .history .timeline .nextItem {
      display: none; }
    .history .timeline.showAll .buttonBox {
      padding-top: 0; }
      .history .timeline.showAll .buttonBox:before {
        z-index: 2;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        border: 2px solid #576678;
        background: #576678;
        -webkit-transform: none;
                transform: none;
        margin: 0 0 -7px -8px; }
      .history .timeline.showAll .buttonBox:after {
        display: none; }
      .history .timeline.showAll .buttonBox .moreBtn {
        display: none; }

@media (min-width: 992px) {
  .history .timeline [class*="col-"]:nth-child(2n) {
    float: right;
    clear: right; }
    .history .timeline [class*="col-"]:nth-child(2n) .item {
      margin-left: 33%; }
  .history .timeline [class*="col-"]:nth-child(2n+1) {
    clear: left; }
    .history .timeline [class*="col-"]:nth-child(2n+1) .item {
      margin-right: 33%;
      margin-left: 0; }
  .history .timeline .items:before {
    width: 26px;
    height: 26px;
    top: -13px;
    left: 50%;
    margin-left: -14px; }
  .history .timeline .items:after {
    left: 50%;
    margin-left: -2px; }
  .history .timeline .item {
    margin-top: 120px; }
    .history .timeline .item:before {
      right: auto;
      left: 100%;
      width: 50%; }
    .history .timeline .item .locationCircle {
      width: 26px;
      height: 26px;
      left: 150%;
      margin: -13px 0 0 -12px; }
    .history .timeline .item .iconMarking {
      width: 76px;
      height: 76px;
      right: auto;
      left: 125%;
      margin: -38px 0 0 -38px; }
  .history .timeline [class*="col-"]:nth-child(2n) .item:before {
    right: 100%;
    left: auto; }
  .history .timeline [class*="col-"]:nth-child(2n) .item .locationCircle {
    right: 150%;
    left: auto;
    margin-left: 0;
    margin-right: -11px; }
  .history .timeline [class*="col-"]:nth-child(2n) .item .iconMarking {
    right: 125%;
    left: auto;
    margin-left: 0;
    margin-right: -38px; }
  .history .timeline .buttonBox {
    padding-top: 50px;
    text-align: center; }
    .history .timeline .buttonBox:after, .history .timeline .buttonBox:before {
      height: 50px;
      margin-bottom: -8px; }
    .history .timeline .buttonBox:before {
      left: 50%;
      margin-left: 15px; }
    .history .timeline .buttonBox:after {
      right: 50%;
      left: auto;
      margin-right: 17px;
      margin-left: 0; }
  .history .timeline.showAll .buttonBox:before {
    width: 26px;
    height: 26px;
    margin: 0 0 -13px -14px; } }

@media (max-width: 1199px) and (min-width: 992px) {
  .history .timeline .item.hasImg {
    padding: 0 0 0 100px; }
    .history .timeline .item.hasImg .imgBox {
      width: 100px; } }

@media (max-width: 767px) {
  .history {
    padding-top: 30px; }
    .history .richtext {
      margin-bottom: 20px;
      font-size: 20px; }
      .history .richtext h2 {
        background: none;
        font-size: 32px; }
      .history .richtext span {
        font-size: 16px; }
    .history .timeline .buttonBox .moreBtn {
      padding: 20px 5px; }
    .history .timeline .items {
      padding-top: 30px; }
    .history .timeline .item.hasImg {
      padding: 0 0 0 80px; }
      .history .timeline .item.hasImg .imgBox {
        width: 80px; }
    .history .timeline .item p {
      font-size: 16px; } }

.careers {
  position: relative;
  z-index: 102; }
  .careers p {
    margin: 0; }
  .careers h2 {
    margin-top: 20px;
    background: none; }
  .careers #jobFilterButton {
    display: none; }

#jobFilter {
  position: relative;
  margin-top: 40px;
  width: 100%;
  /*position: static; z-index: 9999; */
  display: none;
  /*.positionBg { position: absolute; top: 0; left: 0; right: 0; background: rgba(35, 35, 35, 0.7); height: 100px; }*/ }
  #jobFilter .filterBlock {
    position: relative;
    background: #EF463C;
    min-height: 68px;
    padding: 16px 20px 20px;
    box-sizing: border-box; }
    #jobFilter .filterBlock:after {
      right: 232px;
      top: -28px;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(239, 70, 60, 0);
      border-bottom-color: #EF463C;
      border-width: 15px; }
    #jobFilter .filterBlock .filterCategory {
      position: relative;
      /*padding-right: 120px;*/
      width: 100%;
      box-sizing: border-box;
      min-height: 64px; }
      #jobFilter .filterBlock .filterCategory .selectize {
        float: left;
        width: 24%;
        margin-left: 1.333%;
        color: #fff;
        padding: 0; }
        #jobFilter .filterBlock .filterCategory .selectize:first-child {
          margin-left: 0; }
        #jobFilter .filterBlock .filterCategory .selectize label {
          line-height: 24px;
          margin: 0; }
        #jobFilter .filterBlock .filterCategory .selectize select {
          display: none; }
        #jobFilter .filterBlock .filterCategory .selectize .selectize-control .selectize-input {
          position: relative;
          min-height: 38px;
          height: 38px;
          margin: 0;
          padding: 5px 25px 0 5px;
          border: 2px solid #fff;
          display: table;
          width: 100%;
          table-layout: fixed;
          box-sizing: border-box; }
          #jobFilter .filterBlock .filterCategory .selectize .selectize-control .selectize-input:before {
            right: 10px;
            top: 15px;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(255, 255, 255, 0);
            border-top-color: #fff;
            border-width: 5px; }
          #jobFilter .filterBlock .filterCategory .selectize .selectize-control .selectize-input:after {
            content: " ";
            clear: both; }
          #jobFilter .filterBlock .filterCategory .selectize .selectize-control .selectize-input.dropdown-active {
            background: #fff;
            border-color: #ccc;
            border-bottom: 0; }
            #jobFilter .filterBlock .filterCategory .selectize .selectize-control .selectize-input.dropdown-active .item {
              color: #627283; }
              #jobFilter .filterBlock .filterCategory .selectize .selectize-control .selectize-input.dropdown-active .item .remove {
                display: none; }
          #jobFilter .filterBlock .filterCategory .selectize .selectize-control .selectize-input .item {
            float: left;
            line-height: 24px;
            padding: 0 25px 0 5px;
            margin: 0 5px 5px 0;
            background: #fff;
            color: #EF463C;
            position: relative;
            word-break: keep-all;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 100%;
            box-sizing: border-box; }
            #jobFilter .filterBlock .filterCategory .selectize .selectize-control .selectize-input .item .remove {
              position: absolute;
              right: 0px;
              top: 0px;
              height: 24px;
              font-size: 14px;
              padding: 0 5px;
              border-left: 1px solid #EF463C;
              color: #EF463C;
              text-align: right;
              text-decoration: none;
              cursor: pointer;
              font-size: 0;
              margin-left: 5px; }
              #jobFilter .filterBlock .filterCategory .selectize .selectize-control .selectize-input .item .remove:after {
                box-sizing: border-box;
                font-family: "FontAwesome";
                line-height: 24px;
                content: "\f00d";
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-size: 14px; }
          #jobFilter .filterBlock .filterCategory .selectize .selectize-control .selectize-input input[type=text] {
            background-color: transparent;
            border: 0 none;
            height: 0;
            line-height: 0;
            text-indent: 0.8em;
            color: #fff;
            display: none; }
        #jobFilter .filterBlock .filterCategory .selectize .selectize-control.oneSelected .selectize-input .item {
          background: none;
          color: #fff; }
          #jobFilter .filterBlock .filterCategory .selectize .selectize-control.oneSelected .selectize-input .item .remove {
            display: none; }
        #jobFilter .filterBlock .filterCategory .selectize .selectize-control.oneSelected .selectize-input.dropdown-active .item {
          color: #627283; }
        #jobFilter .filterBlock .filterCategory .selectize .selectize-dropdown {
          position: absolute;
          background: #fff;
          border: 2px solid #ccc;
          border-top: 0;
          box-sizing: border-box;
          z-index: 99;
          clear: both; }
          #jobFilter .filterBlock .filterCategory .selectize .selectize-dropdown .selectize-dropdown-content {
            margin: 0 10px;
            padding: 5px 0; }
            #jobFilter .filterBlock .filterCategory .selectize .selectize-dropdown .selectize-dropdown-content .option {
              line-height: 16px;
              color: #627283;
              padding: 6px 0;
              border-top: 1px solid #ccc; }
              #jobFilter .filterBlock .filterCategory .selectize .selectize-dropdown .selectize-dropdown-content .option:hover {
                color: #EF463C; }
    #jobFilter .filterBlock .filterResult {
      width: 120px;
      height: 64px;
      margin-top: -32px;
      text-align: center;
      color: #fff;
      font-weight: bold;
      position: absolute;
      top: 50%;
      right: 20px;
      margin-left: -60px; }
      #jobFilter .filterBlock .filterResult .positionNum {
        display: block;
        font-size: 48px;
        line-height: 48px; }
      #jobFilter .filterBlock .filterResult .switchFilter {
        display: none; }
  #jobFilter .row {
    margin: 0; }

#jobSearchContainer {
  display: none;
  width: 100%;
  padding: 0 60px;
  margin: 0 auto;
  z-index: 210; }
  #jobSearchContainer .searchInput {
    display: table-cell;
    float: left;
    width: 100%;
    height: 60px;
    padding-right: 150px;
    position: relative; }
    #jobSearchContainer .searchInput #searchIcon {
      position: absolute;
      z-index: 4;
      top: 16px;
      left: 16px;
      width: 30px;
      height: 30px; }
    #jobSearchContainer .searchInput #jobSearch {
      padding: 20px 40px 20px 30px;
      width: 100%;
      height: 60px;
      border-top-left-radius: 30px;
      border-bottom-left-radius: 30px;
      margin-right: 0; }
      #jobSearchContainer .searchInput #jobSearch::-ms-clear {
        display: none; }
    #jobSearchContainer .searchInput .searchInput-input {
      white-space: nowrap; }
    #jobSearchContainer .searchInput .jobSearchInputContainer {
      display: inline-block;
      width: 100%;
      max-width: 90vw;
      vertical-align: top; }
    #jobSearchContainer .searchInput #jobSearchTitle {
      display: inline-block;
      height: 60px;
      line-height: 60px;
      background: #ef463c;
      color: #fff;
      padding: 0 50px 0 40px;
      font-weight: bold;
      border-top-right-radius: 30px;
      border-bottom-right-radius: 30px;
      vertical-align: middle;
      cursor: pointer;
      vertical-align: top; }
    #jobSearchContainer .searchInput #clearJobSearch {
      position: absolute;
      z-index: 4;
      top: 7px;
      right: 9px;
      padding: 13px;
      cursor: pointer; }
  #jobSearchContainer #filterIcon {
    display: table-cell;
    width: 1%; }
    #jobSearchContainer #filterIcon > div {
      float: right;
      display: block;
      height: 60px;
      font-size: 30px;
      padding: 7px 16px;
      margin-left: 20px;
      cursor: pointer;
      background: #efefef;
      color: #3c3c3c;
      border-radius: 30px;
      text-align: center;
      white-space: nowrap;
      transition: background-color .3s; }
      #jobSearchContainer #filterIcon > div .fa {
        vertical-align: middle;
        padding: 0 0 0 2.29px; }
      #jobSearchContainer #filterIcon > div .filterLabel {
        text-transform: uppercase;
        margin-left: 8px;
        vertical-align: middle;
        font-size: 20px; }
      #jobSearchContainer #filterIcon > div:hover, #jobSearchContainer #filterIcon > div:focus, #jobSearchContainer #filterIcon > div.active {
        background: #c7c7c7; }

#jobDomainList {
  /*padding-top: 40px; padding-bottom: 40px;*/ }
  #jobDomainList h2 {
    text-transform: uppercase;
    text-align: left;
    background: none;
    margin-top: 20px; }
  #jobDomainList .domains {
    margin-left: -15px;
    margin-right: -15px;
    text-align: center; }
    #jobDomainList .domains .domain {
      display: inline-block;
      width: 20%;
      margin: 0;
      padding: 15px;
      vertical-align: top; }
      #jobDomainList .domains .domain .image-container {
        position: relative; }
      #jobDomainList .domains .domain .image-overlay {
        opacity: .25;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #d0b39e;
        padding-bottom: 66%;
        transition: opacity .3s; }
      #jobDomainList .domains .domain .image {
        background-size: cover;
        width: 100%;
        height: 0;
        padding-bottom: 66%;
        display: inline-block;
        /*filter: contrast(70%); -webkit-filter: contrast(70%); transition: 100ms -webkit-filter linear, 200ms opacity;*/ }
      #jobDomainList .domains .domain .text {
        background-color: white;
        color: #627283;
        padding: 10px;
        text-align: center; }
        #jobDomainList .domains .domain .text .name {
          font-weight: bold;
          font-size: 16px;
          display: block; }
        #jobDomainList .domains .domain .text .jobCount {
          color: #ef463c;
          position: relative;
          display: inline-block;
          padding: 12px 0 4px;
          font-weight: bold;
          border-bottom: 1px solid transparent; }
          #jobDomainList .domains .domain .text .jobCount .plusSign {
            display: none;
            position: relative;
            float: right;
            width: 18px;
            height: 18px;
            margin-left: 20px;
            bottom: 0;
            right: 0; }
            #jobDomainList .domains .domain .text .jobCount .plusSign::after {
              top: 9px; }
            #jobDomainList .domains .domain .text .jobCount .plusSign::before {
              left: 9px; }
      #jobDomainList .domains .domain:hover, #jobDomainList .domains .domain:focus {
        text-decoration: none; }
        #jobDomainList .domains .domain:hover .image, #jobDomainList .domains .domain:focus .image {
          /*filter: contrast(100%); -webkit-filter: contrast(100%);*/ }
        #jobDomainList .domains .domain:hover .image-overlay, #jobDomainList .domains .domain:focus .image-overlay {
          opacity: 0; }
        #jobDomainList .domains .domain:hover .text .name, #jobDomainList .domains .domain:focus .text .name {
          color: #ef463c; }
        #jobDomainList .domains .domain:hover .text .jobCount, #jobDomainList .domains .domain:focus .text .jobCount {
          color: #ef463c;
          border-color: #ef463c; }
          #jobDomainList .domains .domain:hover .text .jobCount .plusSign, #jobDomainList .domains .domain:focus .text .jobCount .plusSign {
            display: block; }

.jobList {
  display: table;
  width: 100%;
  margin-top: 0;
  margin-bottom: 40px;
  background: #fff; }
  .jobList .jobItem {
    display: block;
    color: #627283;
    border-bottom: 1px solid #e8e8e8; }
    .jobList .jobItem .jobName, .jobList .jobItem .ctaText, .jobList .jobItem .targetGroups {
      vertical-align: middle;
      display: table-cell; }
    .jobList .jobItem .jobName {
      padding: 20px 10px 20px 20px;
      width: 100%;
      font-weight: bold; }
    .jobList .jobItem .ctaText {
      padding: 10px;
      text-align: right;
      white-space: nowrap; }
    .jobList .jobItem .targetGroups {
      padding: 10px;
      text-align: right;
      white-space: nowrap; }
      .jobList .jobItem .targetGroups .tg {
        padding: 0 8px;
        font-weight: bold;
        text-transform: uppercase;
        color: #b0b8c1;
        transition: color .3s; }
        .jobList .jobItem .targetGroups .tg.active {
          color: #627283; }
    .jobList .jobItem:hover, .jobList .jobItem:focus {
      text-decoration: none;
      color: #fff;
      background-color: #ef463c; }
      .jobList .jobItem:hover .tg, .jobList .jobItem:focus .tg {
        color: #b6bdc5; }
        .jobList .jobItem:hover .tg.active, .jobList .jobItem:focus .tg.active {
          color: #fff; }
  .jobList .page {
    display: none;
    border: 1px solid #e8e8e8;
    border-bottom: none; }
    .jobList .page.active {
      display: block; }
  .jobList #pager {
    margin: 10px 0;
    text-align: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .jobList #pager span {
      display: inline-block;
      padding: 8px 13px;
      border: 1px solid #e8e8e8;
      border-radius: 3px;
      cursor: pointer;
      transition: background-color .3s; }
      .jobList #pager span:hover {
        background: #e8e8e8; }
      .jobList #pager span.active {
        color: #ef463c; }
  .jobList #noJobsFound {
    padding: 10px;
    border: 1px solid #e8e8e8; }

.topBanner #bannerJobSearchContainer {
  position: absolute;
  z-index: 200;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  margin-top: -30px; }

.topBanner #jobSearchContainer {
  max-width: 760px;
  padding: 0 30px; }

#jobResultsContainer {
  display: none;
  position: absolute;
  width: 100%;
  top: 70px;
  left: 0;
  right: 0;
  margin: auto; }

#careersBannerH2 {
  display: none;
  margin: 0 0 40px;
  color: #fff; }

@media (min-width: 1024px) {
  #jobFilter .filterBlock {
    margin: 0 auto; } }

@media (max-width: 1199px) {
  #jobDomainList .domains .domain {
    width: 25%; }
  #jobFilter .filterBlock:after {
    right: 131px; } }

@media (max-width: 991px) {
  .jobList .jobItem .ctaText {
    display: none; }
  #jobFilter .filterBlock:after {
    right: 22px; }
  #jobSearchContainer {
    padding: 0; }
    #jobSearchContainer .searchInput {
      position: static; }
  #jobResultsContainer {
    padding: 0 30px; } }

@media (max-width: 767px) {
  .careers h2 {
    font-size: 36px; }
  .careers #jobFilterButton {
    display: block;
    background: #efefef;
    color: #3c3c3c;
    border-radius: 30px;
    margin: 20px 0;
    text-align: center;
    transition: background-color .3s; }
    .careers #jobFilterButton > div {
      display: block;
      height: 60px;
      padding: 14px 10px;
      cursor: pointer; }
      .careers #jobFilterButton > div .fa {
        font-size: 30px;
        vertical-align: middle; }
      .careers #jobFilterButton > div .filterLabel {
        text-transform: uppercase;
        margin-left: 16px;
        vertical-align: middle;
        font-size: 20px; }
    .careers #jobFilterButton:hover, .careers #jobFilterButton:focus, .careers #jobFilterButton.active {
      background: #c7c7c7; }
  #jobFilter .filterBlock .filterCategory .selectize {
    width: 49%;
    margin-left: 2%; }
    #jobFilter .filterBlock .filterCategory .selectize:nth-child(2n+1) {
      margin-left: 0; }
  #jobFilter .filterBlock:after {
    right: 50%;
    margin-right: -15px; }
  #jobSearchContainer {
    /*#filterIcon { display: none; }*/ }
    #jobSearchContainer #jobSearch {
      padding: 20px 10px 20px 20px; }
    #jobSearchContainer .searchIcon > div {
      width: 68px;
      padding: 8px 18px; }
  .jobList .jobItem {
    padding: 10px 0; }
    .jobList .jobItem .jobName {
      display: block;
      text-align: center;
      padding: 10px;
      color: #3c3c39; }
    .jobList .jobItem .targetGroups {
      display: block;
      text-align: center;
      white-space: normal;
      padding: 0 10px 10px; }
  #jobDomainList h2 {
    font-size: 36px; }
  #jobDomainList .domains .domain {
    width: 33.33%; }
    #jobDomainList .domains .domain .text .plusSign {
      right: 10px;
      bottom: 10px; }
  .topBanner #bannerJobSearchContainer {
    position: relative;
    margin-top: 30px;
    padding: 0 15px; }
  .topBanner #jobSearchContainer {
    padding: 0; }
    .topBanner #jobSearchContainer .searchInput {
      padding-right: 100px;
      height: 40px; }
      .topBanner #jobSearchContainer .searchInput #jobSearch {
        padding: 10px 20px 10px 20px;
        height: 40px;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px; }
      .topBanner #jobSearchContainer .searchInput #jobSearchTitle {
        padding: 0 13px 0 10px;
        height: 40px;
        line-height: 40px;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px; }
    .topBanner #jobSearchContainer #filterIcon > div {
      height: 40px;
      font-size: 20px;
      padding: 4px 10px;
      margin-left: 0px; }
      .topBanner #jobSearchContainer #filterIcon > div .fa {
        padding: 0 0 0 2.85px; }
  #careersBannerH2 {
    color: inherit; }
  #jobResultsContainer {
    padding: 0;
    top: 60px; } }

@media (max-width: 500px) {
  #jobFilter {
    /*.positionBg { height: 70px; }*/ }
    #jobFilter .filterBlock {
      min-height: 50px;
      text-align: center;
      padding: 10px 20px; }
      #jobFilter .filterBlock .filterCategory {
        padding: 0;
        margin-bottom: 10px;
        text-align: left; }
        #jobFilter .filterBlock .filterCategory .selectize {
          width: 100%;
          margin: 0; }
      #jobFilter .filterBlock .filterResult {
        position: inherit;
        margin: 0 auto;
        height: 50px;
        width: auto;
        display: block;
        cursor: pointer; }
        #jobFilter .filterBlock .filterResult .positionNum {
          font-size: 24px;
          display: inline; }
        #jobFilter .filterBlock .filterResult .switchFilter {
          display: inline;
          margin-left: 20px;
          color: #fff;
          font-size: 30px; }
          #jobFilter .filterBlock .filterResult .switchFilter:hover {
            text-decoration: none; }
    #jobFilter:after {
      right: 50%;
      margin-right: -15px; }
  #jobDomainList .domains .domain {
    width: 50%; } }

@media (max-width: 340px) {
  .jobList .jobItem .jobName {
    padding: 5px; }
  .jobList .jobItem .targetGroups {
    margin: 0; }
    .jobList .jobItem .targetGroups .tg {
      margin: 0 4px; }
      .jobList .jobItem .targetGroups .tg:not(.active) {
        display: none; }
  #jobDomainList .domains .domain {
    width: 100%; } }

.jobDomain {
  margin-top: -20px;
  /* for .jobList ==>> see _job-list.scss */
  /* for #jobDomainList ==>> see _job-list.scss */ }
  .jobDomain h1 {
    font-size: 48px; }
  .jobDomain .col-md-6 h1 {
    margin-top: 0; }
  .jobDomain .description {
    background: #fff;
    padding: 60px 0 40px;
    line-height: 30px; }
  .jobDomain .overview {
    padding: 40px 0;
    line-height: 30px;
    background: #f5f5f5; }
    .jobDomain .overview h2 {
      margin-top: -8px;
      background: none;
      text-align: left;
      text-transform: uppercase;
      font-size: 32px;
      margin-bottom: 20px; }
  .jobDomain .jobList {
    margin-top: 60px; }
  .jobDomain .noJobs h3 {
    margin-top: 50px; }
  .jobDomain .noJobs .hubspot-form .hbspt-form .hs-richtext {
    padding: 0; }
  .jobDomain #jobDomainList {
    padding-top: 40px;
    padding-bottom: 40px;
    background: #f5f5f5; }
    .jobDomain #jobDomainList h2 {
      font-size: 34px;
      margin-bottom: 20px;
      margin-top: 0; }
    .jobDomain #jobDomainList .domains .domain {
      background-size: cover;
      position: relative;
      width: 25%; }
      .jobDomain #jobDomainList .domains .domain .image-container {
        position: relative; }
      .jobDomain #jobDomainList .domains .domain .image {
        filter: none;
        -webkit-filter: none; }
      .jobDomain #jobDomainList .domains .domain .image-overlay {
        opacity: .5;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #887a74;
        padding-bottom: 66%;
        transition: opacity .3s, background .3s; }
      .jobDomain #jobDomainList .domains .domain .text {
        background: none;
        color: #fff;
        padding: 0; }
        .jobDomain #jobDomainList .domains .domain .text .name {
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          margin: auto;
          left: 30px;
          right: 30px;
          -webkit-backface-visibility: hidden; }
      .jobDomain #jobDomainList .domains .domain:hover .text .name {
        color: #fff; }
      .jobDomain #jobDomainList .domains .domain:hover .image-overlay {
        opacity: .8;
        background-color: #ef463c; }
  .jobDomain .topRenderings {
    background: #f5f5f5; }

@media (max-width: 991px) {
  .jobDomain .overview h2 {
    margin-top: 30px; }
  .jobDomain #jobDomainList .domains .domain {
    width: 33.3%; } }

@media (max-width: 767px) {
  .jobDomain h1 {
    font-size: 36px; }
  .jobDomain #jobDomainList .domains .domain {
    width: 50%; } }

@media (max-width: 400px) {
  .jobDomain #jobDomainList .domains .domain {
    width: 100%;
    padding: 5px 15px; }
    .jobDomain #jobDomainList .domains .domain .image, .jobDomain #jobDomainList .domains .domain .image-overlay {
      padding-bottom: 40%; } }

.jobDetail {
  text-align: left; }
  .jobDetail .jobContent-container {
    padding: 0; }
  .jobDetail #jobtitledata {
    background: #f5f5f5;
    padding: 20px 15px;
    margin-top: 30px;
    text-align: center;
    /*&.break {
            h1 { display: block; }
            .button { position: relative; margin-top: 20px; right: 0; top: 0;  }
        }*/ }
    .jobDetail #jobtitledata .container {
      position: relative;
      width: 100%; }
    .jobDetail #jobtitledata h1 {
      margin: 10px auto;
      display: block; }
    .jobDetail #jobtitledata .button {
      margin: 10px;
      padding: 10px 20px; }
  .jobDetail .jobContent {
    padding: 0 0 40px;
    color: #627283;
    line-height: 2;
    margin: 0 auto;
    /*strong { color: #000005; }*/
    /*.button { font-size: 16px; padding: 7px 30px; margin: 20px 0; }*/
    /*.applyBtn { position: relative; display: inline-block; margin-top: 10px; padding: 3px 15px; border: 2px solid #EF463C; 
                    border-right-width: 25px; color: #000; line-height: 18px; font-weight: bold; text-decoration: none; cursor: pointer;
            .fa { position: absolute; right: -25px; top: 50%; margin-top: -12px; display: block; height: 24px; width: 25px; background: #EF463C; color: #fff; font-size: 13px; line-height: 24px; text-align: center; }
        }*/ }
    .jobDetail .jobContent .time {
      line-height: 2em;
      text-align: center;
      display: block; }
    .jobDetail .jobContent .jobDesc {
      margin: 30px auto 0; }
      .jobDetail .jobContent .jobDesc .jobDetailSection {
        padding: 20px 20px; }
        .jobDetail .jobContent .jobDesc .jobDetailSection:nth-of-type(2n) {
          background: #f5f5f5; }
        .jobDetail .jobContent .jobDesc .jobDetailSection:first-of-type {
          padding-top: 0; }
    .jobDetail .jobContent ul {
      padding-left: 1.5em;
      padding-bottom: 20px;
      list-style: none; }
      .jobDetail .jobContent ul li::before {
        content: "\2022";
        color: #ef463c;
        font-weight: bold;
        display: inline-block;
        width: 1em;
        margin-left: -1em; }
    .jobDetail .jobContent .JobsItem {
      padding-top: 80px; }
    .jobDetail .jobContent h1 {
      font-size: 44px;
      text-align: center; }
    .jobDetail .jobContent h2 {
      background: none;
      text-align: left;
      font-size: 36px;
      margin-top: 0;
      margin-bottom: 0px; }
      .jobDetail .jobContent h2 span {
        padding: 0.5em 0; }
    .jobDetail .jobContent h2, .jobDetail .jobContent h3 {
      color: #ef463c;
      font-weight: bold; }
    .jobDetail .jobContent .button.small {
      font-size: 12px;
      padding: 3px 20px; }
    .jobDetail .jobContent .grey {
      border-color: #576679;
      color: white;
      background: #576679; }
      .jobDetail .jobContent .grey:hover {
        background: #fff;
        color: #576679; }
    .jobDetail .jobContent .redbox {
      color: #fff;
      background-color: #ef463c;
      margin: 20px auto;
      padding: 20px; }
      .jobDetail .jobContent .redbox *:not(.button) {
        color: #fff; }
      .jobDetail .jobContent .redbox a:not(.button):hover, .jobDetail .jobContent .redbox a:not(.button):focus {
        color: #fff; }
      .jobDetail .jobContent .redbox .button {
        margin-top: 16px; }
    .jobDetail .jobContent .line {
      border-top: 1px dotted #999;
      margin: 10px 0px; }
    .jobDetail .jobContent > .button.fillred {
      margin-top: 30px; }
  .jobDetail .otherJobs {
    padding-top: 40px;
    padding-bottom: 40px;
    background: #f5f5f5; }
    .jobDetail .otherJobs h2 {
      text-transform: uppercase;
      text-align: left;
      background: none;
      margin-top: 20px; }
    .jobDetail .otherJobs .jobList {
      background: transparent; }
      .jobDetail .otherJobs .jobList .page,
      .jobDetail .otherJobs .jobList #pager > span {
        background: #fff; }

@media (max-width: 767px) {
  .jobDetail .jobContent h1 {
    font-size: 36px; }
  .jobDetail .jobContent h2 {
    font-size: 30px; }
  .jobDetail .otherJobs h2 {
    font-size: 30px; } }

@media (min-width: 468px) {
  .jobDetail .jobContent .jobDesc .jobDetailSection {
    padding: 30px 50px; }
  .jobDetail .jobContent .redbox {
    padding: 30px; } }

@media (min-width: 768px) {
  .jobDetail .jobContent {
    max-width: 700px; }
    .jobDetail .jobContent .jobDesc .jobDetailSection {
      padding: 30px 60px; }
    .jobDetail .jobContent .redbox {
      padding: 30px 60px; }
      .jobDetail .jobContent .redbox .button {
        margin-top: 22px; } }

@media (min-width: 992px) {
  .jobDetail #jobtitledata .button {
    position: absolute;
    right: 10px;
    top: -4px; }
  .jobDetail .jobContent {
    max-width: 700px; } }

@media (min-width: 1200px) {
  .jobDetail #jobtitledata .container {
    width: 1170px; }
  .jobDetail .jobContent {
    max-width: 700px; } }

.solutionList {
  position: relative;
  z-index: 102; }
  .solutionList p {
    margin: 0; }
  .solutionList .plusSign {
    position: absolute;
    bottom: 15px;
    right: 15px; }
  .solutionList .solutionFilter {
    position: relative;
    margin-top: -100px;
    width: 100%;
    position: static;
    z-index: 9999;
    display: block; }
    .solutionList .solutionFilter .filterBlock {
      position: relative;
      background: #EF463C;
      min-height: 68px;
      padding: 16px 20px 20px;
      box-sizing: border-box; }
      .solutionList .solutionFilter .filterBlock:after {
        right: 65px;
        bottom: -28px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(239, 70, 60, 0);
        border-top-color: #EF463C;
        border-width: 15px; }
      .solutionList .solutionFilter .filterBlock .filterCategory {
        position: relative;
        /*padding-right: 120px;*/
        width: 100%;
        box-sizing: border-box;
        min-height: 64px; }
        .solutionList .solutionFilter .filterBlock .filterCategory .selectize {
          float: left;
          width: 24%;
          margin-left: 1.333%;
          color: #fff;
          padding: 0; }
          .solutionList .solutionFilter .filterBlock .filterCategory .selectize.disabled .selectize-input {
            opacity: .5; }
          .solutionList .solutionFilter .filterBlock .filterCategory .selectize:first-child {
            margin-left: 0; }
          .solutionList .solutionFilter .filterBlock .filterCategory .selectize label {
            line-height: 24px;
            margin: 0; }
          .solutionList .solutionFilter .filterBlock .filterCategory .selectize select {
            display: none; }
          .solutionList .solutionFilter .filterBlock .filterCategory .selectize .selectize-control .selectize-input {
            position: relative;
            min-height: 38px;
            height: 38px;
            margin: 0;
            padding: 5px 25px 0 5px;
            border: 2px solid #fff;
            display: table;
            width: 100%;
            table-layout: fixed;
            box-sizing: border-box; }
            .solutionList .solutionFilter .filterBlock .filterCategory .selectize .selectize-control .selectize-input:before {
              right: 10px;
              top: 15px;
              border: solid transparent;
              content: " ";
              height: 0;
              width: 0;
              position: absolute;
              pointer-events: none;
              border-color: rgba(255, 255, 255, 0);
              border-top-color: #fff;
              border-width: 5px; }
            .solutionList .solutionFilter .filterBlock .filterCategory .selectize .selectize-control .selectize-input:after {
              content: " ";
              clear: both; }
            .solutionList .solutionFilter .filterBlock .filterCategory .selectize .selectize-control .selectize-input.dropdown-active {
              background: #fff;
              border-color: #ccc;
              border-bottom: 0; }
              .solutionList .solutionFilter .filterBlock .filterCategory .selectize .selectize-control .selectize-input.dropdown-active .item {
                color: #627283; }
                .solutionList .solutionFilter .filterBlock .filterCategory .selectize .selectize-control .selectize-input.dropdown-active .item .remove {
                  display: none; }
            .solutionList .solutionFilter .filterBlock .filterCategory .selectize .selectize-control .selectize-input .item {
              float: left;
              line-height: 24px;
              padding: 0 25px 0 5px;
              margin: 0 5px 5px 0;
              background: #fff;
              color: #EF463C;
              position: relative;
              word-break: keep-all;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              max-width: 100%;
              box-sizing: border-box; }
              .solutionList .solutionFilter .filterBlock .filterCategory .selectize .selectize-control .selectize-input .item .remove {
                position: absolute;
                right: 0px;
                top: 0px;
                height: 24px;
                font-size: 14px;
                padding: 0 5px;
                border-left: 1px solid #EF463C;
                color: #EF463C;
                text-align: right;
                text-decoration: none;
                cursor: pointer;
                font-size: 0;
                margin-left: 5px; }
                .solutionList .solutionFilter .filterBlock .filterCategory .selectize .selectize-control .selectize-input .item .remove:after {
                  box-sizing: border-box;
                  font-family: "FontAwesome";
                  line-height: 24px;
                  content: "\f00d";
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  font-size: 14px; }
            .solutionList .solutionFilter .filterBlock .filterCategory .selectize .selectize-control .selectize-input input[type=text] {
              background-color: transparent;
              border: 0 none;
              height: 0;
              line-height: 0;
              text-indent: 0.8em;
              color: #fff;
              display: none; }
          .solutionList .solutionFilter .filterBlock .filterCategory .selectize .selectize-control.oneSelected .selectize-input .item {
            background: none;
            color: #fff; }
            .solutionList .solutionFilter .filterBlock .filterCategory .selectize .selectize-control.oneSelected .selectize-input .item .remove {
              display: none; }
          .solutionList .solutionFilter .filterBlock .filterCategory .selectize .selectize-control.oneSelected .selectize-input.dropdown-active .item {
            color: #627283; }
          .solutionList .solutionFilter .filterBlock .filterCategory .selectize .selectize-dropdown {
            position: absolute;
            background: #fff;
            border: 2px solid #ccc;
            border-top: 0;
            box-sizing: border-box;
            z-index: 99;
            clear: both; }
            .solutionList .solutionFilter .filterBlock .filterCategory .selectize .selectize-dropdown .selectize-dropdown-content {
              margin: 0 10px;
              padding: 5px 0; }
              .solutionList .solutionFilter .filterBlock .filterCategory .selectize .selectize-dropdown .selectize-dropdown-content .option {
                line-height: 16px;
                color: #627283;
                padding: 6px 0;
                border-top: 1px solid #ccc; }
                .solutionList .solutionFilter .filterBlock .filterCategory .selectize .selectize-dropdown .selectize-dropdown-content .option:hover {
                  color: #EF463C; }
      .solutionList .solutionFilter .filterBlock .filterResult {
        width: 120px;
        height: 64px;
        margin-top: -32px;
        text-align: center;
        color: #fff;
        font-weight: bold;
        position: absolute;
        top: 50%;
        right: 20px;
        margin-left: -60px; }
        .solutionList .solutionFilter .filterBlock .filterResult .solutionNum {
          display: block;
          font-size: 48px;
          line-height: 48px; }
        .solutionList .solutionFilter .filterBlock .filterResult .switchFilter {
          display: none; }
    .solutionList .solutionFilter .solutionBg {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      background: rgba(35, 35, 35, 0.7);
      height: 100px; }
    .solutionList .solutionFilter .row {
      margin: 0; }
  .solutionList .solutionResult {
    background-color: #f7f7f7;
    clear: both; }
    .solutionList .solutionResult h3 {
      text-transform: uppercase;
      font-size: 32px;
      letter-spacing: 2px;
      color: inherit;
      padding: 0 10px; }
    .solutionList .solutionResult .solutionLinkItems {
      position: relative;
      width: 102%;
      margin-left: -1%;
      margin-right: -1%;
      padding-top: 10px; }
      .solutionList .solutionResult .solutionLinkItems .solutionSlide {
        background: #fff;
        width: 100%;
        position: relative;
        padding: 0;
        margin: 1%; }
        .solutionList .solutionResult .solutionLinkItems .solutionSlide:before, .solutionList .solutionResult .solutionLinkItems .solutionSlide :after {
          display: table;
          line-height: 0;
          content: ""; }
        .solutionList .solutionResult .solutionLinkItems .solutionSlide a {
          color: #627283;
          text-decoration: none; }
        .solutionList .solutionResult .solutionLinkItems .solutionSlide img {
          width: 100%;
          height: 100px;
          -o-object-fit: cover;
             object-fit: cover; }
      .solutionList .solutionResult .solutionLinkItems .solutionLinkItem {
        padding: 5px 20px 15px 20px;
        position: relative;
        height: 184px; }
        .solutionList .solutionResult .solutionLinkItems .solutionLinkItem h4 {
          font-size: 18px;
          line-height: 24px; }
        .solutionList .solutionResult .solutionLinkItems .solutionLinkItem .h4orig {
          display: none; }
        .solutionList .solutionResult .solutionLinkItems .solutionLinkItem .discoverDesc {
          font-size: 12px;
          line-height: 14px;
          padding-right: 40px; }
          .solutionList .solutionResult .solutionLinkItems .solutionLinkItem .discoverDesc > span {
            display: none; }
        .solutionList .solutionResult .solutionLinkItems .solutionLinkItem .casesMore {
          right: 10px;
          position: absolute;
          bottom: 20px; }
    .solutionList .solutionResult .solution-bigImage .solutionLinkItem h4 {
      height: 24px;
      word-break: keep-all;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .solutionList .solutionResult .solution-bigImage .solutionLinkItem p {
      max-height: 28px;
      overflow: hidden; }
    .solutionList .solutionResult .solution-smallImage .solutionLinkItem h4 {
      max-height: 48px;
      overflow: hidden; }
    .solutionList .solutionResult .solution-smallImage .solutionLinkItem p {
      max-height: 56px;
      overflow: hidden; }
  .solutionList .solutionBox {
    padding: 0 10px; }
    .solutionList .solutionBox .solutionItem {
      display: inline-block;
      width: 33%;
      margin-bottom: 5px;
      background: #f7f7f7;
      color: inherit; }
      .solutionList .solutionBox .solutionItem:nth-child(3n+1) {
        float: left; }
      .solutionList .solutionBox .solutionItem:nth-child(3n+2) {
        margin-left: 0.5%; }
      .solutionList .solutionBox .solutionItem:nth-child(3n) {
        float: right; }
      .solutionList .solutionBox .solutionItem:hover {
        color: inherit;
        text-decoration: none; }

@media (min-width: 480px) {
  .solutionList .solutionResult .solutionLinkItems {
    padding-top: 10px; }
    .solutionList .solutionResult .solutionLinkItems .solutionSlide {
      width: 48%;
      float: left; } }

@media (min-width: 992px) {
  .solutionList .solutionResult .solutionLinkItems .solutionSlide {
    width: 31.333333%; } }

@media (min-width: 1200px) {
  .solutionList .solutionResult .solutionLinkItems .solutionSlide {
    width: 23%; } }

@media (max-width: 991px) {
  .solutionList .solutionFilter {
    margin-top: 0; } }

@media (max-width: 767px) {
  .solutionList .solutionFilter .filterBlock .filterCategory .selectize {
    width: 49%;
    margin-left: 2%; }
    .solutionList .solutionFilter .filterBlock .filterCategory .selectize:nth-child(2n+1) {
      margin-left: 0; }
  .solutionList .solutionBox .solutionItem {
    width: 49.5%;
    margin-left: 0; }
    .solutionList .solutionBox .solutionItem:nth-child(2n+1) {
      float: left; }
    .solutionList .solutionBox .solutionItem:nth-child(2n) {
      float: right; } }

@media (max-width: 500px) {
  .solutionList .solutionFilter {
    margin-top: -70px; }
    .solutionList .solutionFilter .solutionBg {
      height: 70px; }
    .solutionList .solutionFilter .filterBlock {
      min-height: 50px;
      text-align: center;
      padding: 10px 20px; }
      .solutionList .solutionFilter .filterBlock .filterCategory {
        padding: 0;
        margin-bottom: 10px;
        text-align: left; }
        .solutionList .solutionFilter .filterBlock .filterCategory .selectize {
          width: 100%;
          margin: 0; }
      .solutionList .solutionFilter .filterBlock .filterResult {
        position: inherit;
        margin: 0 auto;
        height: 50px;
        width: auto;
        display: block;
        cursor: pointer; }
        .solutionList .solutionFilter .filterBlock .filterResult .solutionNum {
          font-size: 24px;
          display: inline; }
        .solutionList .solutionFilter .filterBlock .filterResult .switchFilter {
          display: inline;
          margin-left: 20px;
          color: #fff;
          font-size: 30px; }
          .solutionList .solutionFilter .filterBlock .filterResult .switchFilter:hover {
            text-decoration: none; }
    .solutionList .solutionFilter:after {
      right: 50%;
      margin-right: -15px; }
  .solutionList .solutionBox .solutionItem {
    width: 100%;
    margin-left: 0; } }

.solutionQuote {
  background-color: #EF463C;
  position: relative;
  color: #fff;
  padding: 20px 0;
  overflow: hidden; }
  .solutionQuote .row {
    margin: 20px 0; }
  .solutionQuote p {
    font-size: 20px;
    margin: 20px 0 0 0; }
    .solutionQuote p span {
      color: #ecaca9; }
  .solutionQuote .solutionBg {
    position: absolute;
    z-index: 1;
    right: 0; }
  .solutionQuote .website-width {
    position: relative;
    z-index: 2; }
  .solutionQuote h3 {
    font-size: 48px;
    line-height: 50px;
    font-style: italic;
    margin: 0; }
  .solutionQuote.digital {
    background-color: #343434; }
    .solutionQuote.digital h3 {
      font-style: normal;
      font-size: 32px; }
    .solutionQuote.digital .quotemark {
      max-height: 100px; }
      .solutionQuote.digital .quotemark span {
        display: block;
        font-size: 140px;
        font-style: italic;
        font-weight: normal;
        overflow: hidden;
        vertical-align: top;
        margin-top: -50px; }
    .solutionQuote.digital .quoteimage {
      display: table-cell; }
    .solutionQuote.digital .withimage {
      display: table-cell;
      padding-left: 30px;
      vertical-align: middle; }

@media (min-width: 768px) {
  .solutionQuote .solutionBg {
    width: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); } }

@media (max-width: 767px) {
  .solutionQuote .solutionBg {
    height: 100%;
    top: 0; }
  .solutionQuote h3 {
    font-size: 36px;
    line-height: 40px;
    margin: 0 0 10px; }
  .solutionQuote p {
    font-size: 16px; }
  .solutionQuote.digital .quotemark {
    max-height: 50px; }
    .solutionQuote.digital .quotemark span {
      margin-left: -15px; }
  .solutionQuote.digital h3 {
    font-size: 28px; } }

.solutionLink .noSlider .swiper-control {
  display: none; }

.solutionLink h3 {
  text-transform: uppercase;
  font-size: 32px;
  letter-spacing: 2px;
  margin-top: 0;
  color: inherit; }
  .solutionLink h3 b {
    font-weight: 900; }
  .solutionLink h3 a {
    color: inherit; }
    .solutionLink h3 a:hover {
      color: #ef463c;
      text-decoration: none; }

.solutionLink .casesMore {
  float: right;
  display: block;
  width: 30px;
  height: 30px;
  margin-top: -40px; }

.solutionLink .casesMore img {
  width: 100%; }

section.relatedCases {
  text-align: center;
  padding: 40px 0 50px; }
  section.relatedCases h3 {
    font-size: 34px; }
  section.relatedCases .cases {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 30px -10px 10px -10px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    section.relatedCases .cases .col {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding-left: 10px;
      padding-right: 10px;
      margin-bottom: 20px; }
      section.relatedCases .cases .col a {
        height: 100%;
        color: #576678; }
        section.relatedCases .cases .col a:hover, section.relatedCases .cases .col a:focus {
          text-decoration: none; }
      section.relatedCases .cases .col .case {
        padding: 20px 20px 60px;
        height: 100%;
        text-align: left;
        color: #576678; }
        section.relatedCases .cases .col .case .img {
          height: 90px;
          margin-bottom: 15px;
          position: relative; }
          section.relatedCases .cases .col .case .img img {
            max-height: 90px;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            margin: auto; }
        section.relatedCases .cases .col .case .plusSign {
          position: absolute;
          bottom: 20px;
          right: 30px; }

section.discoverDetailSection .dci-breadcrumb {
  margin-top: 20px; }

section.discoverDetailSection section.gallery {
  margin: 30px auto; }

section.discoverDetailSection .detailBlock:after {
  display: table;
  content: "";
  clear: both; }

section.discoverDetailSection .detailBlock.topBlock {
  position: relative; }
  section.discoverDetailSection .detailBlock.topBlock .photoBox {
    position: relative; }
    section.discoverDetailSection .detailBlock.topBlock .photoBox:after {
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: transparent;
      border-width: 15px; }
  section.discoverDetailSection .detailBlock.topBlock .textBox {
    padding: 30px; }
    section.discoverDetailSection .detailBlock.topBlock .textBox .detailTime {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      padding: 0 20px;
      line-height: 30px; }
    section.discoverDetailSection .detailBlock.topBlock .textBox h1 {
      margin: 15px 0;
      font-size: 20px;
      font-weight: bold;
      line-height: 130%; }

section.discoverDetailSection .detailBlock ul {
  padding-left: inherit;
  padding-bottom: 20px; }
  section.discoverDetailSection .detailBlock ul li {
    list-style-type: disc; }

section.discoverDetailSection .detailBlock a {
  color: #ef463c; }

section.discoverDetailSection .detailBlock p {
  margin: 0 0 10px 0; }

section.discoverDetailSection .detailBlock .photoBox {
  width: 25%; }
  section.discoverDetailSection .detailBlock .photoBox.right {
    float: right;
    /*& + .textBox { padding-left: 0; }*/ }
  section.discoverDetailSection .detailBlock .photoBox.left {
    float: left; }
  section.discoverDetailSection .detailBlock .photoBox + .textBox {
    width: 75%; }
  section.discoverDetailSection .detailBlock .photoBox img {
    width: 100%;
    display: block;
    max-height: 100%; }

section.discoverDetailSection .detailBlock .quoteBox {
  width: 25%;
  float: left;
  font-style: italic;
  font-size: 16px;
  padding: 0 15px; }
  section.discoverDetailSection .detailBlock .quoteBox.right {
    float: right;
    padding-right: 0; }
    section.discoverDetailSection .detailBlock .quoteBox.right + .textBox {
      padding-left: 0; }
  section.discoverDetailSection .detailBlock .quoteBox.left {
    float: left;
    padding-left: 0; }
  section.discoverDetailSection .detailBlock .quoteBox + .textBox {
    width: 75%; }
  section.discoverDetailSection .detailBlock .quoteBox.bg-red, section.discoverDetailSection .detailBlock .quoteBox.bg-light-grey, section.discoverDetailSection .detailBlock .quoteBox.bg-dark-grey {
    padding: 15px !important; }
    section.discoverDetailSection .detailBlock .quoteBox.bg-red + .textBox, section.discoverDetailSection .detailBlock .quoteBox.bg-light-grey + .textBox, section.discoverDetailSection .detailBlock .quoteBox.bg-dark-grey + .textBox {
      padding: 30px; }

section.discoverDetailSection .detailBlock .textBox {
  width: 100%;
  float: left;
  padding: 0 15px;
  font-size: 13px;
  height: 100%; }
  section.discoverDetailSection .detailBlock .textBox h3 {
    margin: 0 0 15px 0;
    font-weight: bold;
    font-size: 16px;
    line-height: 130%; }
  section.discoverDetailSection .detailBlock .textBox.bg-red, section.discoverDetailSection .detailBlock .textBox.bg-light-grey, section.discoverDetailSection .detailBlock .textBox.bg-dark-grey {
    padding: 15px !important; }

@media (min-width: 768px) {
  section.discoverDetailSection .website-width > .row,
  section.discoverDetailSection .website-width > .detailBlock {
    width: 82.97872340425532%; }
  section.discoverDetailSection .website-width > .row {
    margin: 0 auto 30px; }
  section.discoverDetailSection .website-width > .detailBlock {
    margin: 0 auto 30px; }
  section.discoverDetailSection .detailBlock.topBlock .photoBox:after {
    top: 30px;
    right: 0;
    border-right-color: #f6f6f6; }
  section.discoverDetailSection .detailBlock.topBlock .photoBox.right:after {
    left: 0;
    border-left-color: #f6f6f6;
    border-right-color: transparent; } }

@media (min-width: 1200px) {
  section.discoverDetailSection .detailBlock .quoteBox {
    font-size: 18px;
    padding: 0 30px; }
  section.discoverDetailSection .detailBlock .textBox {
    padding: 0 30px;
    font-size: 14px; }
    section.discoverDetailSection .detailBlock .textBox h3 {
      font-size: 18px; }
  section.discoverDetailSection .detailBlock .quoteBox.bg-red,
  section.discoverDetailSection .detailBlock .quoteBox.bg-light-grey,
  section.discoverDetailSection .detailBlock .quoteBox.bg-dark-grey,
  section.discoverDetailSection .detailBlock .textBox.bg-red,
  section.discoverDetailSection .detailBlock .textBox.bg-light-grey,
  section.discoverDetailSection .detailBlock .textBox.bg-dark-grey {
    padding: 30px !important; } }

@media (max-width: 767px) {
  section.discoverDetailSection .detailBlock.topBlock .photoBox:after,
  section.discoverDetailSection .detailBlock.topBlock .photoBox.right:after {
    left: 30px;
    bottom: 0;
    border-bottom-color: #f6f6f6; }
  section.discoverDetailSection .detailBlock .quoteBox,
  section.discoverDetailSection .detailBlock .textBox,
  section.discoverDetailSection .detailBlock .photoBox {
    width: 100% !important; }
  section.discoverDetailSection .detailBlock .quoteBox,
  section.discoverDetailSection .detailBlock .textBox {
    padding: 15px 0; }
  section.discoverDetailSection .detailBlock .quoteBox.bg-red,
  section.discoverDetailSection .detailBlock .quoteBox.bg-light-grey,
  section.discoverDetailSection .detailBlock .quoteBox.bg-dark-grey,
  section.discoverDetailSection .detailBlock .textBox.bg-red,
  section.discoverDetailSection .detailBlock .textBox.bg-light-grey,
  section.discoverDetailSection .detailBlock .textBox.bg-dark-grey {
    padding: 15px !important; } }

.eventInfo {
  box-sizing: border-box; }
  .eventInfo * {
    box-sizing: border-box; }
  .eventInfo [class*="cell"] {
    margin-bottom: 0; }
  .eventInfo img {
    width: 100%;
    display: block; }
  .eventInfo h3 {
    font-size: 24px;
    margin: 0;
    margin-bottom: 10px; }
  .eventInfo p {
    font-size: 15px;
    line-height: 24px;
    margin: 0; }
  .eventInfo .textBox {
    margin: 0;
    background: #f7f7f7;
    padding: 18px; }
    .eventInfo .textBox h3 {
      color: #EF463C; }
  .eventInfo .textContent {
    max-height: 240px;
    overflow: hidden; }
  .eventInfo .eventRedBox {
    background: #EF463C;
    color: #fff;
    padding: 18px; }
    .eventInfo .eventRedBox .row {
      margin: 0; }
    .eventInfo .eventRedBox .button {
      border-color: #fff;
      color: #fff;
      margin: 0;
      margin-top: 15px;
      transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
      .eventInfo .eventRedBox .button:hover {
        background-color: #fff;
        color: #ef463c; }
    .eventInfo .eventRedBox p {
      margin-top: 0;
      font-size: 13px;
      line-height: 18px; }
    .eventInfo .eventRedBox [class*="cell"] {
      margin-bottom: 0; }
    .eventInfo .eventRedBox .buttonBox {
      text-align: left;
      margin-top: 0;
      margin-bottom: 0; }

.eventInfoContent .row {
  margin: 0; }

@media (min-width: 1024px) {
  .eventInfo .textBox {
    margin: 40px 0;
    padding: 40px; } }

@media (min-width: 768px) {
  .eventInfo {
    position: relative;
    margin-bottom: 20px; }
    .eventInfo [class*="cell"] {
      float: right; }
    .eventInfo .cell-intro {
      position: relative;
      float: left;
      margin-top: -10px; }
    .eventInfo.has-picture {
      margin-bottom: 40px; }
      .eventInfo.has-picture .cell-image {
        position: absolute;
        right: 0;
        z-index: -1;
        margin-top: 0;
        float: none; }
      .eventInfo.has-picture .cell-intro {
        float: left; }
      .eventInfo.has-picture .cell-redBox {
        float: left; }
    .eventInfo.has-both .cell-intro {
      margin-left: 0; }
    .eventInfo.has-both .cell-redBox {
      float: right; }
    .eventInfo .textBox {
      margin: 30px 0 0;
      padding: 26px; }
    .eventInfo .eventRedBox {
      padding: 26px;
      margin-top: 20px; }
      .eventInfo .eventRedBox [class*="cell"] {
        float: left; }
    .eventInfo > .row {
      margin: 20px 0 10px; } }

.eventValidate .hubspot-form {
  width: auto; }
  .eventValidate .hubspot-form .container {
    max-width: 100%; }
  .eventValidate .hubspot-form .website-width {
    width: auto; }
  .eventValidate .hubspot-form .hbspt-form label {
    color: #fff; }
  .eventValidate .hubspot-form .hbspt-form .hs-form-required {
    color: #fff; }
  .eventValidate .hubspot-form .hbspt-form .hs-submit input[type="submit"] {
    color: #fff;
    border: 2px solid #fff; }
    .eventValidate .hubspot-form .hbspt-form .hs-submit input[type="submit"]:hover {
      background: #fff;
      color: #ef463c; }

.eventPlan {
  box-sizing: border-box; }
  .eventPlan * {
    box-sizing: border-box; }
  .eventPlan .attendOptions {
    text-align: center;
    margin: 15px 0;
    font-size: 20px;
    font-weight: bold; }
    .eventPlan .attendOptions .option {
      display: inline-block;
      padding: 5px 15px;
      cursor: pointer; }
      .eventPlan .attendOptions .option span.fa {
        font-size: 30px;
        vertical-align: middle;
        color: #ef463c;
        display: inline-block;
        width: 34px;
        height: 34px;
        text-align: left;
        border: 2px solid #ef463c; }
      .eventPlan .attendOptions .option span.lbl {
        vertical-align: middle;
        margin-left: 6px; }
  .eventPlan .eventPlanOverview {
    margin-top: 20px; }
  .eventPlan .eventPlanRow {
    text-align: center; }
    .eventPlan .eventPlanRow:after {
      display: table;
      content: "";
      clear: both; }
    .eventPlan .eventPlanRow .eventTimePoint {
      display: inline-block;
      width: auto;
      margin: 0 auto 10px;
      height: 60px;
      background: #EF463C;
      line-height: 60px;
      color: #fff;
      font-size: 18px;
      padding: 0 20px; }
    .eventPlan .eventPlanRow .eventPlanSlots {
      text-align: left;
      float: left;
      width: 100%; }
      .eventPlan .eventPlanRow .eventPlanSlots .row {
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        .eventPlan .eventPlanRow .eventPlanSlots .row [class*="cell"] {
          margin-bottom: 15px;
          position: relative;
          min-height: 90px; }
    .eventPlan .eventPlanRow .eventPlanTrack {
      width: 100%;
      padding: 15px 20px 10px 20px;
      height: 100%; }
      .eventPlan .eventPlanRow .eventPlanTrack:before {
        position: absolute;
        content: "";
        z-index: -1;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        border-left: 5px solid #EF463C;
        background: #f7f7f7; }
      .eventPlan .eventPlanRow .eventPlanTrack.active {
        color: #fff; }
        .eventPlan .eventPlanRow .eventPlanTrack.active:before {
          background: #627283;
          border-left: #627283; }
        .eventPlan .eventPlanRow .eventPlanTrack.active a:not(.plannerItem) {
          color: #fff; }
          .eventPlan .eventPlanRow .eventPlanTrack.active a:not(.plannerItem):hover, .eventPlan .eventPlanRow .eventPlanTrack.active a:not(.plannerItem):active {
            color: #fff; }
      .eventPlan .eventPlanRow .eventPlanTrack.disabled {
        color: #c9c9c9; }
        .eventPlan .eventPlanRow .eventPlanTrack.disabled:before {
          background: #fbfbfb;
          border-left-color: transparent; }
        .eventPlan .eventPlanRow .eventPlanTrack.disabled .planner {
          display: none; }
        .eventPlan .eventPlanRow .eventPlanTrack.disabled .eventLocal {
          color: inherit; }
      .eventPlan .eventPlanRow .eventPlanTrack.hidePlanner .plannerItem.plannerJoin {
        display: none; }
      .eventPlan .eventPlanRow .eventPlanTrack.hidePlanner.joinEnabled h4, .eventPlan .eventPlanRow .eventPlanTrack.hidePlanner.joinEnabled .planSpeaker, .eventPlan .eventPlanRow .eventPlanTrack.hidePlanner.joinEnabled .eventLocal {
        padding-left: 0; }
      .eventPlan .eventPlanRow .eventPlanTrack h4 {
        line-height: 20px;
        font-size: 16px;
        font-weight: bold;
        margin: 0; }

.planner {
  position: absolute;
  font-size: 14px;
  line-height: 20px;
  left: 0;
  top: 0; }
  .planner i {
    background: white;
    border-radius: 50%;
    line-height: 16px; }
  .planner .plannerSelector {
    display: block;
    width: 20px;
    height: 20px;
    line-height: 19px;
    float: right;
    font-size: 20px; }
  .planner .plannerItem {
    display: block;
    height: 40px;
    color: #627283;
    padding: 15px 8px 32px 15px;
    -webkit-transform: scale(1);
            transform: scale(1);
    transition: -webkit-transform 200ms;
    transition: transform 200ms;
    transition: transform 200ms, -webkit-transform 200ms; }
    .planner .plannerItem.plannerAttend {
      display: none; }
    .planner .plannerItem.plannerJoin {
      cursor: pointer; }
      .planner .plannerItem.plannerJoin:hover {
        color: #ef463c; }
      .planner .plannerItem.plannerJoin:active {
        color: #ef463c; }
    .planner .plannerItem.animate {
      -webkit-transform: scale(1.3);
              transform: scale(1.3); }

.active .planner .plannerItem {
  font-weight: bold; }
  .active .planner .plannerItem.plannerJoin {
    display: none; }
  .active .planner .plannerItem.plannerAttend {
    display: block; }

.active .planner i {
  background: #ef463c;
  color: white; }

@media (max-width: 1023px) {
  .eventPlan .eventPlanRow .eventPlanSlots .row [class*="cell"] {
    min-height: 70px; } }

.joinEnabled h4, .joinEnabled .planSpeaker, .joinEnabled .eventLocal {
  padding-left: 20px; }

.eventPlan .eventPlanRow .eventPlanTrack .eventLocal {
  line-height: 20px;
  font-size: 14px;
  margin: 0;
  color: #EF463C; }

.eventPlan .eventPlanRow .eventPlanTrack a:not(.plannerItem) {
  cursor: pointer;
  display: block;
  padding: 20px 20px 50px;
  margin: -20px -20px -50px;
  text-decoration: none;
  color: #627283; }
  .eventPlan .eventPlanRow .eventPlanTrack a:not(.plannerItem):hover, .eventPlan .eventPlanRow .eventPlanTrack a:not(.plannerItem):active {
    color: #627283; }

.eventPlan .planSpeaker:after {
  display: table;
  content: "";
  clear: both; }

.eventPlan .mandatory-warning {
  background: #EF463C;
  color: #fff;
  padding: 15px 10px 8px;
  text-align: center;
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 10px; }
  .eventPlan .mandatory-warning.mandatory-warning-livestream {
    padding-bottom: 15px; }

.eventPlanInfo .eventOverlay .eventOverlayContent {
  position: relative; }

.eventPlanInfo .eventOverlay h3 {
  color: #EF463C; }
  .eventPlanInfo .eventOverlay h3 span {
    color: #627283; }

.eventPlanInfo .eventOverlay .planInfo img {
  width: auto;
  float: right; }

.eventPlanInfo .eventOverlay .planSpeaker {
  min-height: 40px;
  margin-top: 40px; }

@media (min-width: 768px) {
  .eventPlan .eventPlanRow {
    padding-left: 80px; }
    .eventPlan .eventPlanRow .eventTimePoint {
      float: left;
      margin: 0;
      margin-left: -80px;
      width: 70px;
      height: 70px;
      line-height: 70px;
      padding: 0; }
    .eventPlan .eventPlanRow [class*="cell"] {
      margin-bottom: 0; } }

@media (min-width: 1024px) {
  .eventPlan .eventPlanRow {
    padding-left: 100px; }
    .eventPlan .eventPlanRow .eventTimePoint {
      margin-left: -100px;
      width: 90px;
      height: 90px;
      line-height: 90px; }
    .eventPlan .eventPlanRow .cell4:nth-child(3n+1), .eventPlan .eventPlanRow .cell12:nth-child(3n+1) {
      margin-left: 0; }
    .eventPlan .eventPlanRow .cell4 .planSpeakerItem {
      float: left;
      width: 100%;
      *width: 99.94680851063829%;
      margin-left: 0; }
    .eventPlan .eventPlanRow .cell6:nth-child(2n+1) {
      margin-left: 0; }
    .eventPlan .eventPlanRow .cell6 .planSpeakerItem {
      float: left;
      width: 48.93617021276595%;
      *width: 48.88297872340425%;
      margin-left: 2.127659574468085%;
      *margin-left: 2.074468085106383%; }
      .eventPlan .eventPlanRow .cell6 .planSpeakerItem:nth-child(2n+1) {
        margin-left: 0; } }

@media (max-width: 767px) {
  .eventPlan .eventPlanRow [class*="cell"] {
    margin-bottom: 0; } }

@media (max-width: 1023px) {
  .eventPlan .eventPlanRow .tablet6:nth-child(2n+1) {
    margin-left: 0; }
  .eventPlan .eventPlanRow [class*="cell"] {
    margin-bottom: 0;
    margin-left: 0; } }

@media (min-width: 1024px) {
  .eventPlan .eventPlanRow [class*="cell"] {
    margin-bottom: 0;
    margin-left: 1.418439%;
    width: 31.9148936%; }
  eventPlan .eventPlanRow [class*="cell"]:first-child {
    margin-left: 0; } }

.discoverOverview {
  position: relative;
  z-index: 102; }
  .discoverOverview p {
    margin: 0; }
  .discoverOverview .plusSign {
    position: absolute;
    bottom: 15px;
    right: 15px; }

.discoverFilter {
  position: relative;
  margin-top: -100px;
  width: 100%;
  position: static;
  z-index: 9999;
  display: block; }
  .discoverFilter .website-width {
    padding: 0 4px; }
  .discoverFilter .filterBlock {
    position: relative;
    background: #EF463C;
    min-height: 68px;
    padding: 16px 20px 20px;
    box-sizing: border-box; }
    .discoverFilter .filterBlock:after {
      right: 65px;
      bottom: -28px;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(239, 70, 60, 0);
      border-top-color: #EF463C;
      border-width: 15px; }
    .discoverFilter .filterBlock .filterCategory {
      position: relative;
      /*padding-right: 120px;*/
      width: 100%;
      box-sizing: border-box;
      min-height: 64px; }
      .discoverFilter .filterBlock .filterCategory .selectize {
        float: left;
        width: 19%;
        margin-left: 1.25%;
        color: #fff;
        padding: 0; }
        .discoverFilter .filterBlock .filterCategory .selectize.disabled .selectize-input {
          opacity: .5; }
        .discoverFilter .filterBlock .filterCategory .selectize:first-child {
          margin-left: 0; }
        .discoverFilter .filterBlock .filterCategory .selectize label {
          line-height: 24px;
          margin: 0; }
        .discoverFilter .filterBlock .filterCategory .selectize select {
          display: none; }
        .discoverFilter .filterBlock .filterCategory .selectize .selectize-control .selectize-input {
          position: relative;
          min-height: 38px;
          height: 38px;
          margin: 0;
          padding: 5px 25px 0 5px;
          border: 2px solid #fff;
          display: table;
          width: 100%;
          table-layout: fixed;
          box-sizing: border-box; }
          .discoverFilter .filterBlock .filterCategory .selectize .selectize-control .selectize-input:before {
            right: 10px;
            top: 15px;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(255, 255, 255, 0);
            border-top-color: #fff;
            border-width: 5px; }
          .discoverFilter .filterBlock .filterCategory .selectize .selectize-control .selectize-input:after {
            content: " ";
            clear: both; }
          .discoverFilter .filterBlock .filterCategory .selectize .selectize-control .selectize-input.dropdown-active {
            background: #fff;
            border-color: #ccc;
            border-bottom: 0; }
            .discoverFilter .filterBlock .filterCategory .selectize .selectize-control .selectize-input.dropdown-active .item {
              color: #627283; }
              .discoverFilter .filterBlock .filterCategory .selectize .selectize-control .selectize-input.dropdown-active .item .remove {
                display: none; }
          .discoverFilter .filterBlock .filterCategory .selectize .selectize-control .selectize-input .item {
            float: left;
            line-height: 24px;
            margin: 0 5px 5px 0;
            background: #fff;
            color: #EF463C;
            position: relative;
            word-break: keep-all;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 100%;
            box-sizing: border-box; }
            .discoverFilter .filterBlock .filterCategory .selectize .selectize-control .selectize-input .item .remove {
              position: absolute;
              right: 0px;
              top: 0px;
              height: 24px;
              font-size: 14px;
              padding: 0 5px;
              border-left: 1px solid #EF463C;
              color: #EF463C;
              text-align: right;
              text-decoration: none;
              cursor: pointer;
              font-size: 0;
              margin-left: 5px; }
              .discoverFilter .filterBlock .filterCategory .selectize .selectize-control .selectize-input .item .remove:after {
                box-sizing: border-box;
                font-family: "FontAwesome";
                line-height: 24px;
                content: "\f00d";
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-size: 14px; }
          .discoverFilter .filterBlock .filterCategory .selectize .selectize-control .selectize-input input[type=text] {
            background-color: transparent;
            border: 0 none;
            height: 0;
            line-height: 0;
            text-indent: 0.8em;
            color: #fff;
            display: none; }
        .discoverFilter .filterBlock .filterCategory .selectize .selectize-control.multi .selectize-input .item {
          padding: 0 25px 0 5px; }
        .discoverFilter .filterBlock .filterCategory .selectize .selectize-control.single .selectize-input .item {
          padding: 0 5px 0 5px; }
        .discoverFilter .filterBlock .filterCategory .selectize .selectize-control.oneSelected .selectize-input .item {
          background: none;
          color: #fff; }
          .discoverFilter .filterBlock .filterCategory .selectize .selectize-control.oneSelected .selectize-input .item .remove {
            display: none; }
        .discoverFilter .filterBlock .filterCategory .selectize .selectize-control.oneSelected .selectize-input.dropdown-active .item {
          color: #627283; }
        .discoverFilter .filterBlock .filterCategory .selectize .selectize-dropdown {
          position: absolute;
          background: #fff;
          border: 2px solid #ccc;
          border-top: 0;
          box-sizing: border-box;
          z-index: 99;
          clear: both; }
          .discoverFilter .filterBlock .filterCategory .selectize .selectize-dropdown .selectize-dropdown-content {
            margin: 0 10px;
            padding: 5px 0; }
            .discoverFilter .filterBlock .filterCategory .selectize .selectize-dropdown .selectize-dropdown-content .option {
              line-height: 16px;
              color: #627283;
              padding: 6px 0;
              border-top: 1px solid #ccc; }
              .discoverFilter .filterBlock .filterCategory .selectize .selectize-dropdown .selectize-dropdown-content .option:hover {
                color: #EF463C; }
    .discoverFilter .filterBlock .filterResult {
      width: 120px;
      height: 64px;
      margin-top: -32px;
      text-align: center;
      color: #fff;
      font-weight: bold;
      position: absolute;
      top: 50%;
      right: 20px;
      margin-left: -60px; }
      .discoverFilter .filterBlock .filterResult .solutionNum {
        display: block;
        font-size: 48px;
        line-height: 48px; }
      .discoverFilter .filterBlock .filterResult .switchFilter {
        display: none; }
  .discoverFilter .discoverBg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(35, 35, 35, 0.7);
    height: 100px; }
  .discoverFilter .row {
    margin: 0; }

#youtubeContainer {
  display: none; }
  #youtubeContainer.open {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 0;
    margin: 0; }
    #youtubeContainer.open > div {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      margin: auto;
      z-index: 10000; }
      #youtubeContainer.open > div #youtube-player {
        width: 100%;
        height: 100%; }
      #youtubeContainer.open > div #close-youtube-player {
        position: absolute;
        right: -60px;
        top: -10px;
        z-index: 3100;
        font-size: 50px;
        cursor: pointer;
        color: rgba(255, 255, 255, 0.8); }
        #youtubeContainer.open > div #close-youtube-player.top {
          top: -60px;
          right: 10px; }
        #youtubeContainer.open > div #close-youtube-player.in {
          right: 20px;
          top: 0;
          color: #ef463c; }
          #youtubeContainer.open > div #close-youtube-player.in i {
            background-color: #fff;
            width: 37px;
            height: 35px;
            border-radius: 35px;
            line-height: 36px;
            text-indent: -3px; }

@media (min-width: 768px) and (max-width: 1199px) {
  .discoverFilter .filterBlock .filterCategory .selectize {
    width: 32%;
    margin-left: 2%; }
    .discoverFilter .filterBlock .filterCategory .selectize:nth-child(4), .discoverFilter .filterBlock .filterCategory .selectize:nth-child(5) {
      float: right; }
    .discoverFilter .filterBlock .filterCategory .selectize:first-child {
      margin-left: 0; } }

@media (min-width: 501px) and (max-width: 767px) {
  .discoverFilter .filterBlock .filterCategory .selectize {
    width: 49%;
    margin-left: 2%; }
    .discoverFilter .filterBlock .filterCategory .selectize:first-child {
      margin-right: 20%; }
    .discoverFilter .filterBlock .filterCategory .selectize:nth-child(2n+0) {
      margin-left: 0; } }

@media (max-width: 500px) {
  .discoverFilter {
    margin-top: -70px; }
    .discoverFilter .discoverBg {
      height: 70px; }
    .discoverFilter .filterBlock {
      min-height: 50px;
      text-align: center;
      padding: 10px 20px; }
      .discoverFilter .filterBlock .filterCategory {
        padding: 0;
        margin-bottom: 10px;
        text-align: left; }
        .discoverFilter .filterBlock .filterCategory .selectize {
          width: 100%;
          margin: 0; }
      .discoverFilter .filterBlock .filterResult {
        position: inherit;
        margin: 0 auto;
        height: 50px;
        width: auto;
        display: block;
        cursor: pointer; }
        .discoverFilter .filterBlock .filterResult .solutionNum {
          font-size: 24px;
          display: inline; }
        .discoverFilter .filterBlock .filterResult .switchFilter {
          display: inline;
          margin-left: 20px;
          color: #fff;
          font-size: 30px; }
          .discoverFilter .filterBlock .filterResult .switchFilter:hover {
            text-decoration: none; }
    .discoverFilter:after {
      right: 50%;
      margin-right: -15px; } }

.discoverOverview.newsRoom #newsRoomContainer {
  display: block;
  background: #f7f7f7; }

.discoverOverview.newsRoom #newsRoomSideBar {
  vertical-align: top;
  margin-bottom: 20px; }
  .discoverOverview.newsRoom #newsRoomSideBar .side {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 5px 5px 20px 0px;
    padding: 20px 25px;
    margin-bottom: 30px; }
    .discoverOverview.newsRoom #newsRoomSideBar .side .title {
      font-size: 17px;
      font-weight: bold;
      text-transform: uppercase;
      margin-right: -12px;
      cursor: pointer;
      color: #ef463c; }
    .discoverOverview.newsRoom #newsRoomSideBar .side .hideButton {
      display: none;
      float: right;
      position: relative;
      margin-right: 12px; }
      .discoverOverview.newsRoom #newsRoomSideBar .side .hideButton::before {
        display: block;
        content: ' ';
        position: absolute;
        width: 20px;
        height: 2px;
        background: #ef463c;
        top: 9px;
        left: -9px; }
      .discoverOverview.newsRoom #newsRoomSideBar .side .hideButton::after {
        display: none;
        content: ' ';
        position: absolute;
        width: 2px;
        height: 20px;
        background: #ef463c; }
      .discoverOverview.newsRoom #newsRoomSideBar .side .hideButton.contentClosed::after {
        display: block; }
    .discoverOverview.newsRoom #newsRoomSideBar .side .content {
      min-height: 0;
      font-size: 15px;
      margin-top: 8px;
      display: none; }
    .discoverOverview.newsRoom #newsRoomSideBar .side .button {
      padding: 8px 10px;
      display: block;
      font-size: 16px;
      margin-top: 13px; }
    .discoverOverview.newsRoom #newsRoomSideBar .side.archive {
      /*.content { display: none; }*/ }
      .discoverOverview.newsRoom #newsRoomSideBar .side.archive .hideButton {
        display: block; }
      .discoverOverview.newsRoom #newsRoomSideBar .side.archive .years {
        margin-top: 8px; }
        .discoverOverview.newsRoom #newsRoomSideBar .side.archive .years span {
          border-bottom: 2px solid #e3e3e3;
          display: block;
          padding: 4px 0;
          font-size: 16px;
          cursor: pointer; }
          .discoverOverview.newsRoom #newsRoomSideBar .side.archive .years span:hover {
            color: #ef463c; }
          .discoverOverview.newsRoom #newsRoomSideBar .side.archive .years span.active {
            color: #ef463c;
            font-weight: bold; }
          .discoverOverview.newsRoom #newsRoomSideBar .side.archive .years span i {
            color: #627283;
            padding: 6px 4px;
            margin: -4px 0; }
    .discoverOverview.newsRoom #newsRoomSideBar .side.expert {
      background: #ef463c;
      color: #fff; }
      .discoverOverview.newsRoom #newsRoomSideBar .side.expert.closed {
        background: #fff;
        color: inherit; }
        .discoverOverview.newsRoom #newsRoomSideBar .side.expert.closed .title {
          color: #ef463c; }
        .discoverOverview.newsRoom #newsRoomSideBar .side.expert.closed .hideButton::before {
          background: #ef463c; }
        .discoverOverview.newsRoom #newsRoomSideBar .side.expert.closed .hideButton::after {
          background: #ef463c; }
      .discoverOverview.newsRoom #newsRoomSideBar .side.expert .title {
        color: #fff; }
      .discoverOverview.newsRoom #newsRoomSideBar .side.expert .content {
        text-align: center; }
        .discoverOverview.newsRoom #newsRoomSideBar .side.expert .content .button.white {
          background: #fff;
          color: #ef463c;
          padding: 8px 10px;
          display: block;
          font-size: 16px;
          margin-top: 13px; }
          .discoverOverview.newsRoom #newsRoomSideBar .side.expert .content .button.white:hover {
            background: #ef463c;
            color: #fff; }
        .discoverOverview.newsRoom #newsRoomSideBar .side.expert .content .caption {
          margin-top: 13px;
          font-size: 16px; }
      .discoverOverview.newsRoom #newsRoomSideBar .side.expert .hideButton::before {
        background: #fff; }
      .discoverOverview.newsRoom #newsRoomSideBar .side.expert .hideButton::after {
        background: #fff; }
    .discoverOverview.newsRoom #newsRoomSideBar .side.gallery .content {
      text-align: center;
      /*.button.fillred {   }*/ }
      .discoverOverview.newsRoom #newsRoomSideBar .side.gallery .content .caption {
        font-weight: bold;
        margin-top: 13px;
        font-size: 17px; }

.discoverOverview.newsRoom #newsSearchContainer {
  display: none; }

.discoverOverview.newsRoom #discoverFilter {
  display: none; }

.discoverOverview.newsRoom #productList {
  vertical-align: top; }
  .discoverOverview.newsRoom #productList .discoverContent table td .discoverBlock .discoverItem .photoBox {
    min-height: 0; }
  .discoverOverview.newsRoom #productList .discoverContent table td .discoverBlock .discoverItem .textBox {
    background: #fff; }
  .discoverOverview.newsRoom #productList .discoverContent table td .discoverBlock .discoverItem:hover .textBox {
    background: #627283; }

@media (min-width: 660px) {
  .discoverOverview.newsRoom .discoverContent table td {
    padding: 0; }
    .discoverOverview.newsRoom .discoverContent table td .discoverBlock .discoverItem {
      padding-top: 30%; }
      .discoverOverview.newsRoom .discoverContent table td .discoverBlock .discoverItem .photoBox {
        right: 70%; }
      .discoverOverview.newsRoom .discoverContent table td .discoverBlock .discoverItem .textBox {
        left: 30%; } }

@media (min-width: 768px) {
  .discoverOverview.newsRoom #productList {
    float: right;
    width: 440px; }
    .discoverOverview.newsRoom #productList .discoverContent {
      margin: 0; }
  .discoverOverview.newsRoom #newsRoomSideBar {
    float: left;
    width: 270px;
    margin-top: 32px;
    padding-right: 20px; }
    .discoverOverview.newsRoom #newsRoomSideBar .side:not(.archive) .title {
      color: inherit;
      cursor: initial; }
    .discoverOverview.newsRoom #newsRoomSideBar .side .content {
      display: block; } }

@media (min-width: 768px) and (max-width: 991px) {
  .discoverOverview.newsRoom .discoverContent table td {
    margin: 12px 0 24px; }
    .discoverOverview.newsRoom .discoverContent table td .discoverBlock .discoverItem {
      padding: 0; }
      .discoverOverview.newsRoom .discoverContent table td .discoverBlock .discoverItem .photoBox {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: relative;
        overflow: initial;
        padding-top: 50%; }
      .discoverOverview.newsRoom .discoverContent table td .discoverBlock .discoverItem .textBox {
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        position: relative;
        border-left: 1px solid #d8d8d8; } }

@media (min-width: 992px) {
  .discoverOverview.newsRoom #productList {
    width: 650px;
    /*.discoverContent margin: 0;*/ }
  .discoverOverview.newsRoom #newsRoomSideBar {
    width: 290px;
    padding-right: 40px; } }

@media (min-width: 1200px) {
  .discoverOverview.newsRoom #productList {
    width: 850px; }
  .discoverOverview.newsRoom #newsRoomSideBar {
    width: 290px; } }

#newsSearchContainer {
  display: table;
  width: 100%;
  padding: 0 60px;
  margin: 0 auto;
  z-index: 210; }
  #newsSearchContainer .searchInput {
    display: block;
    width: 100%;
    height: 60px;
    padding-right: 150px;
    position: relative; }
    #newsSearchContainer .searchInput #searchIcon {
      position: absolute;
      z-index: 4;
      top: 16px;
      left: 16px;
      width: 30px;
      height: 30px; }
    #newsSearchContainer .searchInput #newsSearch {
      padding: 20px 40px 20px 30px;
      width: 100%;
      height: 60px;
      border-top-left-radius: 30px;
      border-bottom-left-radius: 30px;
      margin-right: 0;
      box-shadow: none; }
      #newsSearchContainer .searchInput #newsSearch::-ms-clear {
        display: none; }
    #newsSearchContainer .searchInput .searchInput-input {
      white-space: nowrap; }
    #newsSearchContainer .searchInput .newsSearchInputContainer {
      display: inline-block;
      width: 100%;
      max-width: 90vw;
      vertical-align: top; }
    #newsSearchContainer .searchInput #newsSearchTitle {
      display: inline-block;
      height: 60px;
      line-height: 60px;
      background: #ef463c;
      color: #fff;
      padding: 0 50px 0 40px;
      font-weight: bold;
      border-top-right-radius: 30px;
      border-bottom-right-radius: 30px;
      vertical-align: middle;
      cursor: pointer;
      vertical-align: top; }
    #newsSearchContainer .searchInput #clearNewsSearch {
      position: absolute;
      z-index: 4;
      top: 7px;
      right: 9px;
      padding: 13px;
      cursor: pointer; }
  #newsSearchContainer #filterIcon {
    display: table-cell;
    width: 1%; }
    #newsSearchContainer #filterIcon > div {
      float: right;
      display: block;
      height: 60px;
      font-size: 30px;
      padding: 7px 16px;
      margin-left: 20px;
      cursor: pointer;
      background: #fff;
      color: #3c3c3c;
      border-radius: 30px;
      text-align: center;
      white-space: nowrap;
      transition: background-color .3s; }
      #newsSearchContainer #filterIcon > div .fa {
        vertical-align: middle;
        padding: 0 0 0 2.29px; }
      #newsSearchContainer #filterIcon > div .filterLabel {
        text-transform: uppercase;
        margin-left: 8px;
        vertical-align: middle;
        font-size: 20px; }
      #newsSearchContainer #filterIcon > div:hover, #newsSearchContainer #filterIcon > div:focus, #newsSearchContainer #filterIcon > div.active {
        background: #c7c7c7; }
  @media (min-width: 768px) {
    #newsSearchContainer .searchInput {
      display: table-cell;
      float: left; } }

.topBanner #bannerNewsSearchContainer {
  background: #f7f7f7;
  padding: 30px 15px 0; }

.topBanner #newsSearchContainer {
  max-width: 1060px;
  padding: 0 30px; }

.topBanner .discoverFilter {
  margin-top: 20px;
  position: relative; }
  .topBanner .discoverFilter .container {
    max-width: 760px; }
  .topBanner .discoverFilter .discoverBg {
    display: none; }
  .topBanner .discoverFilter .filterBlock {
    background: none;
    min-height: 0;
    padding: 0 !important;
    /*&::after { bottom: auto; right: 5px; top: -28px; border-top-color: transparent; border-bottom-color: $brand-primary; }*/ }
    .topBanner .discoverFilter .filterBlock .filterCategory {
      margin: 0;
      min-height: 0; }
      .topBanner .discoverFilter .filterBlock .filterCategory .selectize {
        width: 100%;
        position: relative;
        cursor: pointer; }
        .topBanner .discoverFilter .filterBlock .filterCategory .selectize .selectize-control .selectize-input {
          border-radius: 19px;
          background: #fff;
          z-index: 100;
          padding-left: 10px;
          padding-top: 7px;
          min-height: 40px;
          border: 1px solid #ccc; }
          .topBanner .discoverFilter .filterBlock .filterCategory .selectize .selectize-control .selectize-input .item {
            padding-right: 20px;
            font-weight: bold;
            color: #576678; }
            .topBanner .discoverFilter .filterBlock .filterCategory .selectize .selectize-control .selectize-input .item .remove {
              border: none;
              font-weight: normal;
              color: #576678; }
            .topBanner .discoverFilter .filterBlock .filterCategory .selectize .selectize-control .selectize-input .item[data-value="0"] .remove {
              display: none; }
          .topBanner .discoverFilter .filterBlock .filterCategory .selectize .selectize-control .selectize-input.dropdown-active {
            border-bottom: 1px solid #ccc; }
        .topBanner .discoverFilter .filterBlock .filterCategory .selectize .selectize-dropdown {
          margin-top: 10px;
          border-width: 1px;
          border-top: 1px solid #ccc; }
          .topBanner .discoverFilter .filterBlock .filterCategory .selectize .selectize-dropdown .selectize-dropdown-content {
            padding: 0;
            margin: 0; }
            .topBanner .discoverFilter .filterBlock .filterCategory .selectize .selectize-dropdown .selectize-dropdown-content .option {
              font-weight: 600;
              padding: 10px 15px; }
              .topBanner .discoverFilter .filterBlock .filterCategory .selectize .selectize-dropdown .selectize-dropdown-content .option:hover {
                background: #ef463c;
                color: #fff; }
            .topBanner .discoverFilter .filterBlock .filterCategory .selectize .selectize-dropdown .selectize-dropdown-content :first-child {
              border-top: 0; }
        .topBanner .discoverFilter .filterBlock .filterCategory .selectize .selectizeArrow {
          position: absolute;
          z-index: 101;
          right: 0;
          top: 0;
          bottom: 0;
          background: #ef463c;
          color: #fff;
          padding: 9px 35px;
          border-bottom-right-radius: 19px;
          border-top-right-radius: 19px;
          pointer-events: none; }
    .topBanner .discoverFilter .filterBlock::after {
      display: none;
      content: none; }

@media (min-width: 550px) {
  .topBanner #newsSearchContainer .searchInput {
    float: left;
    width: 50%; }
  .topBanner .discoverFilter {
    float: left;
    margin-top: 0;
    width: 45%;
    margin-left: 5%; } }

@media (min-width: 768px) {
  .topBanner #bannerNewsSearchContainer {
    position: absolute;
    z-index: 200;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    margin-top: -30px;
    padding: 0;
    background: none; }
  .topBanner #newsSearchContainer .searchInput {
    display: table-cell;
    width: 100%; }
  .topBanner .discoverFilter {
    float: none;
    display: table-cell;
    width: 35%;
    max-width: 300px;
    padding-left: 30px; }
    .topBanner .discoverFilter .filterBlock {
      display: inline-block; }
      .topBanner .discoverFilter .filterBlock::after {
        right: 25px; }
      .topBanner .discoverFilter .filterBlock .filterCategory .selectize {
        /*.selectize-dropdown { margin-top: 10px; }*/ }
        .topBanner .discoverFilter .filterBlock .filterCategory .selectize .selectize-control .selectize-input {
          min-height: 60px;
          border-radius: 30px;
          padding-top: 17px;
          padding-left: 15px; }
        .topBanner .discoverFilter .filterBlock .filterCategory .selectize .selectizeArrow {
          padding: 14px 25px;
          border-bottom-right-radius: 30px;
          border-top-right-radius: 30px;
          font-size: 20px; } }

@media (max-width: 991px) {
  #newsSearchContainer {
    padding: 0; }
    #newsSearchContainer .searchInput {
      position: static; } }

@media (max-width: 767px) {
  #newsSearchContainer {
    /*#filterIcon { display: none; }*/ }
    #newsSearchContainer #newsSearch {
      padding: 20px 10px 20px 20px; }
    #newsSearchContainer .searchIcon > div {
      width: 68px;
      padding: 8px 18px; }
  .topBanner #bannernewsSearchContainer {
    position: relative;
    margin-top: 30px;
    padding: 0 15px; }
  .topBanner #newsSearchContainer {
    padding: 0; }
    .topBanner #newsSearchContainer .searchInput {
      padding-right: 83px;
      height: 40px; }
      .topBanner #newsSearchContainer .searchInput #newsSearch {
        padding: 10px 20px 10px 20px;
        height: 40px;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px; }
      .topBanner #newsSearchContainer .searchInput #newsSearchTitle {
        padding: 0 13px 0 10px;
        height: 40px;
        line-height: 40px;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px; }
    .topBanner #newsSearchContainer #filterIcon > div {
      height: 40px;
      font-size: 20px;
      padding: 4px 10px;
      margin-left: 0px; }
      .topBanner #newsSearchContainer #filterIcon > div .fa {
        padding: 0 0 0 2.85px; }
  .topBanner .discoverFilter .container {
    width: auto !important;
    display: inline-block; }
  .discoverOverview.newsRoom #newsRoomSideBar .side .hideButton {
    display: block; } }

#productList {
  margin-top: 20px;
  margin-bottom: 20px; }

.discoverContent table {
  width: 100%; }
  .discoverContent table tr {
    display: block; }
  .discoverContent table td {
    display: block;
    padding: 10px 0; }
    .discoverContent table td .discoverBlock {
      width: 100%;
      padding: 0;
      visibility: hidden; }
      .discoverContent table td .discoverBlock a:hover, .discoverContent table td .discoverBlock a:focus {
        text-decoration: none; }
      .discoverContent table td .discoverBlock .discoverItem {
        position: relative;
        width: 100%;
        cursor: pointer; }
        .discoverContent table td .discoverBlock .discoverItem:hover .textBox {
          background: #627283;
          color: #f6f6f6;
          border-color: #627283; }
          .discoverContent table td .discoverBlock .discoverItem:hover .textBox.videoTextBox {
            background: #ef463c;
            border-color: #ef463c; }
            .discoverContent table td .discoverBlock .discoverItem:hover .textBox.videoTextBox .info .discoverType {
              color: #ef463c;
              background: #fff; }
          .discoverContent table td .discoverBlock .discoverItem:hover .textBox h3 {
            color: #f6f6f6; }
          .discoverContent table td .discoverBlock .discoverItem:hover .textBox .plusSign:before, .discoverContent table td .discoverBlock .discoverItem:hover .textBox .plusSign:after {
            border-color: #f6f6f6; }
        .discoverContent table td .discoverBlock .discoverItem:hover .video .videoMask i {
          background-color: rgba(239, 70, 60, 0.8) !important; }
        .discoverContent table td .discoverBlock .discoverItem .photoBox {
          position: relative;
          background: #f0f0f0 no-repeat center center;
          background-size: cover;
          padding-top: 50%;
          min-height: 200px; }
          .discoverContent table td .discoverBlock .discoverItem .photoBox:after {
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: transparent;
            border-width: 15px;
            transition: border .3s ease; }
        .discoverContent table td .discoverBlock .discoverItem .textBox {
          padding: 16px 20px 52px;
          background: #f6f6f6;
          color: #627283;
          transition: background .3s ease, color .3s ease, border .3s ease;
          border: 1px solid #d8d8d8; }
          .discoverContent table td .discoverBlock .discoverItem .textBox h3 {
            color: #ef463c;
            line-height: 22px;
            font-size: 18px;
            margin: 0 0 12px 0;
            font-weight: normal;
            padding: 0;
            transition: color .3s ease; }
          .discoverContent table td .discoverBlock .discoverItem .textBox .h3orig {
            display: none; }
          .discoverContent table td .discoverBlock .discoverItem .textBox .discoverDesc {
            line-height: 17px;
            font-size: 13px; }
            .discoverContent table td .discoverBlock .discoverItem .textBox .discoverDesc > span {
              display: none; }
          .discoverContent table td .discoverBlock .discoverItem .textBox .info {
            position: absolute;
            bottom: 18px;
            left: 20px; }
            .discoverContent table td .discoverBlock .discoverItem .textBox .info .discoverType {
              vertical-align: middle;
              background: #ef463c;
              color: #fff;
              padding: 5px 7px;
              font-weight: bold;
              margin-right: 10px;
              transition: background .3s ease, color .3s ease; }
            .discoverContent table td .discoverBlock .discoverItem .textBox .info .date {
              line-height: 30px;
              font-style: italic; }
          .discoverContent table td .discoverBlock .discoverItem .textBox p {
            margin: 0 0 10px 0; }
          .discoverContent table td .discoverBlock .discoverItem .textBox .plusSign:before, .discoverContent table td .discoverBlock .discoverItem .textBox .plusSign:after {
            transition: border .3s ease; }
        .discoverContent table td .discoverBlock .discoverItem .video {
          overflow: hidden;
          position: relative;
          padding-top: 50%;
          min-height: 200px;
          background: #f0f0f0 no-repeat center center;
          background-size: cover; }
          .discoverContent table td .discoverBlock .discoverItem .video:after {
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: transparent;
            border-width: 15px;
            transition: border .3s ease; }
          .discoverContent table td .discoverBlock .discoverItem .video .videoMask > i {
            position: absolute;
            display: inline-block;
            top: 50%;
            left: 50%;
            margin: -55px 0 0 -55px;
            font-size: 50px;
            color: #ffffff;
            background-color: rgba(255, 255, 255, 0.3);
            border-radius: 55px;
            height: 110px;
            width: 110px;
            padding-top: 27px;
            padding-left: 39px;
            transition: background-color .3s ease;
            border: 2px solid #fff; }
    .discoverContent table td.full .discoverBlock .discoverItem:hover .photoBox:after {
      border-bottom-color: #627283; }
    .discoverContent table td.full .discoverBlock .discoverItem:hover .video:after {
      border-bottom-color: #ef463c; }
    .discoverContent table td.full .discoverBlock .discoverItem .photoBox:after {
      left: 30px;
      bottom: 0;
      border-bottom-color: #f6f6f6; }
    .discoverContent table td.full .discoverBlock .discoverItem .video:after {
      left: 30px;
      bottom: 0;
      border-bottom-color: #f6f6f6; }
    .discoverContent table td.full .discoverBlock .discoverItem .textBox {
      border-top: none; }
    .discoverContent table td.half .discoverBlock .discoverItem:hover .photoBox:after {
      border-right-color: #627283; }
    .discoverContent table td.half .discoverBlock .discoverItem:hover .video:after {
      border-right-color: #ef463c; }
    .discoverContent table td.half .discoverBlock .discoverItem .photoBox:after {
      top: 30px;
      right: 0;
      border-right-color: #f6f6f6; }
    .discoverContent table td.half .discoverBlock .discoverItem .video:after {
      top: 30px;
      right: 0;
      border-right-color: #f6f6f6; }
    .discoverContent table td.half .discoverBlock .discoverItem .textBox {
      border-left: none; }

@media (min-width: 660px) {
  #productList .discoverContent {
    margin: 0 -12px; }
  .discoverContent table td {
    padding: 0; }
    .discoverContent table td .discoverBlock .discoverItem {
      padding-top: 50%; }
      .discoverContent table td .discoverBlock .discoverItem .photoBox {
        position: absolute;
        overflow: hidden;
        padding-top: 0; }
      .discoverContent table td .discoverBlock .discoverItem .video {
        position: absolute;
        padding-top: 0; }
      .discoverContent table td .discoverBlock .discoverItem .textBox {
        position: absolute; }
    .discoverContent table td.full .discoverBlock .discoverItem {
      padding-top: 100%; }
      .discoverContent table td.full .discoverBlock .discoverItem .photoBox {
        left: 12px;
        right: 12px;
        top: 12px;
        bottom: 50%; }
      .discoverContent table td.full .discoverBlock .discoverItem .video {
        left: 12px;
        right: 12px;
        top: 12px;
        bottom: 50%; }
      .discoverContent table td.full .discoverBlock .discoverItem .textBox {
        left: 12px;
        right: 12px;
        bottom: 12px;
        top: 50%; }
    .discoverContent table td.half .discoverBlock .discoverItem .photoBox {
      top: 12px;
      left: 12px;
      bottom: 12px;
      right: 50%; }
    .discoverContent table td.half .discoverBlock .discoverItem .video {
      top: 12px;
      left: 12px;
      bottom: 12px;
      right: 50%; }
    .discoverContent table td.half .discoverBlock .discoverItem .textBox {
      top: 12px;
      bottom: 12px;
      right: 12px;
      left: 50%; } }

@media (min-width: 992px) {
  .discoverContent table tr {
    display: table-row; }
  .discoverContent table td {
    display: table-cell; } }

@media (min-width: 1200px) {
  .discoverContent table td {
    display: table-cell; } }

@media (min-width: 992px) {
  .discoverOverview .half .discoverBlock .photoBox.discoverImage {
    display: none; }
  .discoverOverview .half .discoverBlock .photoBox.smallImage {
    display: block; }
  .discoverOverview .full .discoverBlock .photoBox.discoverImage {
    display: block; }
  .discoverOverview .full .discoverBlock .photoBox.smallImage {
    display: none; }
  .discoverOverview.newsRoom .discoverBlock .photoBox.discoverImage {
    display: none; }
  .discoverOverview.newsRoom .discoverBlock .photoBox.smallImage {
    display: block; } }

@media (max-width: 991px) {
  .discoverOverview .half .discoverBlock .photoBox.discoverImage,
  .discoverOverview .full .discoverBlock .photoBox.discoverImage {
    display: none; }
  .discoverOverview .half .discoverBlock .photoBox.smallImage,
  .discoverOverview .full .discoverBlock .photoBox.smallImage {
    display: block; }
  .discoverOverview.newsRoom .discoverBlock .photoBox.discoverImage {
    display: block; }
  .discoverOverview.newsRoom .discoverBlock .photoBox.smallImage {
    display: none; } }

@media (max-width: 767px) and (min-width: 660px) {
  .discoverOverview.newsRoom .discoverBlock .photoBox.discoverImage {
    display: none; }
  .discoverOverview.newsRoom .discoverBlock .photoBox.smallImage {
    display: block; } }

@media (max-width: 659px) {
  .discoverOverview .half .discoverBlock .photoBox.discoverImage,
  .discoverOverview .full .discoverBlock .photoBox.discoverImage {
    display: block; }
  .discoverOverview .half .discoverBlock .photoBox.smallImage,
  .discoverOverview .full .discoverBlock .photoBox.smallImage {
    display: none; }
  .discoverOverview.newsRoom .discoverBlock .photoBox.discoverImage {
    display: block; }
  .discoverOverview.newsRoom .discoverBlock .photoBox.smallImage {
    display: none; } }

.events-tab .breadcrumbs {
  font-size: 36px;
  margin-bottom: 15px;
  color: #ef463c;
  line-height: 1.1;
  font-weight: 500;
  font-family: inherit;
  margin-top: 45px; }

.newslist li {
  position: relative; }

.newslist .listerBody {
  margin-bottom: 2em; }

.newslist .plusSign {
  position: absolute;
  bottom: 15px;
  right: 15px; }

.sticky-wrapper .nav {
  z-index: 1000; }

section#contactform {
  position: relative;
  margin-bottom: 30px; }
  section#contactform #officeFinder {
    margin-top: 24px;
    float: right; }
  section#contactform #col-form #contact-form-block.formBlock {
    width: auto;
    padding: 0; }
    section#contactform #col-form #contact-form-block.formBlock label {
      line-height: inherit; }
    section#contactform #col-form #contact-form-block.formBlock .form-group {
      padding: 10px 15px;
      color: #627283; }
      section#contactform #col-form #contact-form-block.formBlock .form-group.cap {
        padding: 0; }
        section#contactform #col-form #contact-form-block.formBlock .form-group.cap .dch {
          padding: 10px 15px; }
          section#contactform #col-form #contact-form-block.formBlock .form-group.cap .dch img {
            width: 140px;
            height: 60px;
            float: right;
            margin: 5px; }
          section#contactform #col-form #contact-form-block.formBlock .form-group.cap .dch label {
            width: auto !important;
            float: left !important; }
          section#contactform #col-form #contact-form-block.formBlock .form-group.cap .dch input {
            width: auto !important;
            float: left !important;
            clear: left; }
          section#contactform #col-form #contact-form-block.formBlock .form-group.cap .dch .field-validation-error {
            display: block; }
          section#contactform #col-form #contact-form-block.formBlock .form-group.cap .dch span.fa {
            float: right;
            padding: 10px 5px;
            cursor: pointer; }
      section#contactform #col-form #contact-form-block.formBlock .form-group.checkboxGroup input[type="checkbox"] {
        margin: 4px 0 0 -20px; }
      section#contactform #col-form #contact-form-block.formBlock .form-group.checkboxGroup label {
        font-weight: normal; }
    section#contactform #col-form #contact-form-block.formBlock .btn-contact-form-submit {
      background: #ef463c;
      color: #fff;
      border: none; }
      section#contactform #col-form #contact-form-block.formBlock .btn-contact-form-submit:hover {
        background: #d13c37; }
  section#contactform #col-form h1 {
    padding-left: 15px;
    color: #627283; }

section#offices {
  background: #f7f7f7; }
  section#offices a {
    color: #999; }
    section#offices a:hover {
      color: #333; }
  section#offices .officeList-header h3.offices-title {
    padding: 0;
    font-size: 36px; }
  section#offices .officeList-header h4.offices-subtitle {
    padding: 0; }
  section#offices #countryFilter {
    display: block;
    padding: 8px 15px 13px;
    background: #ef463c;
    color: #fff; }
    section#offices #countryFilter #CountryFilterList {
      width: 250px;
      max-width: 100%;
      float: none;
      border: 2px solid #fff;
      color: #fff;
      background: transparent;
      border-radius: 0;
      font-weight: bold;
      padding: 6px 8px; }
      section#offices #countryFilter #CountryFilterList option, section#offices #countryFilter #CountryFilterList optgroup {
        color: #576678; }
  section#offices .officeList {
    position: relative; }
    section#offices .officeList .country {
      clear: both;
      padding-top: 30px; }
      section#offices .officeList .country .flag-container {
        position: absolute;
        top: 39px;
        left: 15px;
        width: 22px;
        height: 22px;
        border-radius: 11px;
        box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
        overflow: hidden; }
        section#offices .officeList .country .flag-container .flag {
          width: 22px;
          height: 22px;
          display: inline-block;
          background: url("/content/img/flags/flags.png") no-repeat;
          overflow: hidden;
          text-indent: -9999px;
          text-align: left; }
          section#offices .officeList .country .flag-container .flag.flag-ae {
            background-position: -1px -0px; }
          section#offices .officeList .country .flag-container .flag.flag-be {
            background-position: -24px -0px; }
          section#offices .officeList .country .flag-container .flag.flag-br {
            background-position: -47px -0px; }
          section#offices .officeList .country .flag-container .flag.flag-cn {
            background-position: -1px -23px; }
          section#offices .officeList .country .flag-container .flag.flag-fr {
            background-position: -24px -23px; }
          section#offices .officeList .country .flag-container .flag.flag-gb {
            background-position: -47px -23px; }
          section#offices .officeList .country .flag-container .flag.flag-hu {
            background-position: -1px -46px; }
          section#offices .officeList .country .flag-container .flag.flag-lu {
            background-position: -24px -46px; }
          section#offices .officeList .country .flag-container .flag.flag-my {
            background-position: -47px -46px; }
          section#offices .officeList .country .flag-container .flag.flag-nl {
            background-position: -1px -69px; }
          section#offices .officeList .country .flag-container .flag.flag-ph {
            background-position: -24px -69px; }
          section#offices .officeList .country .flag-container .flag.flag-sg {
            background-position: -47px -69px; }
          section#offices .officeList .country .flag-container .flag.flag-us {
            background-position: -1px -92px; }
      section#offices .officeList .country .office-header {
        display: table;
        clear: both;
        width: 100%;
        padding: 0; }
        section#offices .officeList .country .office-header .country-name {
          display: inline-block;
          font-size: 30px;
          text-transform: uppercase;
          font-weight: 600;
          vertical-align: middle; }
        section#offices .officeList .country .office-header .country-buttons {
          float: right;
          margin-top: 4px; }
          section#offices .officeList .country .office-header .country-buttons .bnt {
            user-select: initial;
            -moz-user-select: initial;
            -ms-user-select: initial;
            -webkit-user-select: initial; }
          section#offices .officeList .country .office-header .country-buttons .country-phone {
            float: right;
            margin-left: 10px; }
            section#offices .officeList .country .office-header .country-buttons .country-phone .btn {
              padding: 6px 10px; }
          section#offices .officeList .country .office-header .country-buttons .country-email {
            float: right;
            text-align: right;
            margin-left: 10px; }
            section#offices .officeList .country .office-header .country-buttons .country-email .btn {
              padding: 7px 0 0 0;
              width: 40px;
              height: 40px;
              background: #a5acb6;
              color: #fff;
              border-radius: 0;
              border: 2px solid #a5acb6; }
              section#offices .officeList .country .office-header .country-buttons .country-email .btn:hover {
                background: #fff;
                color: #a5acb6; }
              section#offices .officeList .country .office-header .country-buttons .country-email .btn .fa {
                font-size: 21px; }
      section#offices .officeList .country .icon.contactIcon-Phone {
        width: 1.3em;
        height: 1.3em;
        vertical-align: middle;
        margin-top: -2px; }
      section#offices .officeList .country .icon.contactIcon-enveloppe {
        width: 1.3em;
        height: 1.3em;
        vertical-align: middle;
        /*margin-right: 4px;*/ }
      section#offices .officeList .country .icon.contactIcon-Car {
        width: 1.3em;
        height: 1.3em;
        vertical-align: middle; }
      section#offices .officeList .country .offices {
        margin: 20px 0; }
        section#offices .officeList .country .offices .office {
          padding: 10px 0;
          display: table;
          width: 100%;
          transition: background 0.3s; }
          section#offices .officeList .country .offices .office .office-name {
            text-transform: uppercase;
            font-weight: 600;
            padding-left: 0;
            font-size: 17px;
            color: #ef463c; }
          section#offices .officeList .country .offices .office .office-address-link span {
            white-space: pre; }
          section#offices .officeList .country .offices .office .office-buttons {
            float: right; }
            section#offices .officeList .country .offices .office .office-buttons .bnt {
              user-select: initial;
              -moz-user-select: initial;
              -ms-user-select: initial;
              -webkit-user-select: initial; }
            section#offices .officeList .country .offices .office .office-buttons > div {
              white-space: nowrap;
              display: inline-block;
              float: right; }
              section#offices .officeList .country .offices .office .office-buttons > div a.btn {
                padding: 0 13px; }
            section#offices .officeList .country .offices .office .office-buttons .office-directions, section#offices .officeList .country .offices .office .office-buttons .office-phone {
              margin-left: 10px;
              margin-bottom: 10px; }
              section#offices .officeList .country .offices .office .office-buttons .office-directions .btn, section#offices .officeList .country .offices .office .office-buttons .office-phone .btn {
                padding: 8px 0 0 0;
                width: 40px;
                height: 40px;
                background: #fff;
                color: #a5acb6;
                border-radius: 0;
                border: 2px solid #a5acb6; }
                section#offices .officeList .country .offices .office .office-buttons .office-directions .btn:hover, section#offices .officeList .country .offices .office .office-buttons .office-phone .btn:hover {
                  background: #a5acb6;
                  color: #fff; }
                section#offices .officeList .country .offices .office .office-buttons .office-directions .btn .fa, section#offices .officeList .country .offices .office .office-buttons .office-phone .btn .fa {
                  font-size: 22px; }
            section#offices .officeList .country .offices .office .office-buttons .office-phone {
              text-align: right; }
            section#offices .officeList .country .offices .office .office-buttons .office-phone {
              text-align: left; }
          section#offices .officeList .country .offices .office .office-address .office-phone-number {
            min-height: 20px; }
    section#offices .officeList.double-height .office {
      height: 40px; }
      section#offices .officeList.double-height .office .office-buttons {
        width: 100%; }

@media (max-width: 767px) {
  section#offices .officeList .country .offices {
    margin: 20px 0; }
    section#offices .officeList .country .offices .office > .col-md-10 {
      padding-right: 0; } }

@media (min-width: 992px) and (max-width: 1260px) {
  section#contactform #col-form #contact-form-block.formBlock .form-group.cap img {
    float: left; }
  section#contactform #col-form #contact-form-block.formBlock .form-group.cap span.fa {
    float: left; }
  section#contactform #col-form #contact-form-block.formBlock .form-group.cap label {
    clear: left; } }

@media (min-width: 992px) and (max-width: 1199px) {
  section#offices .container {
    width: 950px; }
  section#contactform #col-form #contact-form-block.formBlock .form-group {
    padding: 5px 15px; }
  section#contactform #col-form h1 {
    margin-top: 0; }
  section#offices .officeList .country .offices .office:hover {
    background-color: #fff;
    transition: background 0.3s; }
  section#offices .officeList .country .offices .office > .col-md-2 {
    width: 16.666667%; }
  section#offices .officeList .country .offices .office > .col-md-10 {
    width: 83.333333%; } }

@media (min-width: 1200px) {
  section#offices .officeList .country .offices .office:hover {
    background-color: #fff;
    transition: background 0.3s; }
  section#offices .officeList .country .offices .office > .col-md-2 {
    width: 12.666667%; }
  section#offices .officeList .country .offices .office > .col-md-10 {
    width: 87.333333%; } }

.mv {
  position: relative;
  min-height: 340px;
  margin-bottom: 60px; }
  .mv__map {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%; }
  .mv__area {
    position: absolute;
    top: 0;
    left: 0px;
    bottom: 0;
    cursor: pointer; }
    .mv__area--us {
      width: 30%;
      background: transparent;
      opacity: 0; }
    .mv__area--eur {
      width: 30%;
      left: 30%;
      background: transparent;
      opacity: 0; }
    .mv__area--as {
      width: 30%;
      left: 60%;
      background: transparent;
      opacity: 0; }
    .mv__area-link--us {
      color: #d13c37;
      cursor: pointer; }
    .mv__area-link--eur {
      color: #d13c37;
      cursor: pointer; }
    .mv__area-link--as {
      color: #d13c37;
      cursor: pointer; }
  .mv__area-list {
    display: none; }
    .mv__area-list--overview {
      display: block;
      margin-bottom: 60px; }
    .mv__area-list strong {
      font-weight: 600;
      color: #000; }

.row--area {
  padding-bottom: 35px;
  margin-bottom: 30px;
  border-bottom: 1px solid #F2F2F2;
  font-size: 15px; }
  .row--area:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none; }

/*----Skin----*/
.orange .mv__area-link--us {
  color: #FF6600; }

.orange .mv__area-link--eur {
  color: #FF6600; }

.orange .mv__area-link--as {
  color: #FF6600; }

.red .mv__area-link--us {
  color: #d5221e; }

.red .mv__area-link--eur {
  color: #d5221e; }

.red .mv__area-link--as {
  color: #d5221e; }

.green .mv__area-link--us {
  color: #99CC00; }

.green .mv__area-link--eur {
  color: #99CC00; }

.green .mv__area-link--as {
  color: #99CC00; }

/*\----Skin----*/
/*----Icons----*/
.c-contact-window .icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor; }

.c-contact-window .contactIcon-car {
  width: 1.2666015625em; }

.c-contact-window .contactIcon-enveloppe {
  width: 1.384765625em; }

.c-contact-window .contactIcon-Phone {
  width: 0.7998046875em; }

/*\----Icons----*/
[class*="mv__area-link"].current {
  opacity: 0.5;
  cursor: default; }

@media (max-width: 1400px) {
  .mv {
    min-height: 270px; } }

@media (max-width: 1023px) {
  .mv {
    min-height: 210px; } }

@media (max-width: 767px) {
  .mv {
    min-height: 140px; } }

.c-contact-map-baidu {
  height: 100%;
  width: 100%;
  min-height: 450px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }
  .c-contact-map-baidu .iw_poi_title {
    color: #CC5522;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    padding-right: 13px;
    white-space: nowrap; }
  .c-contact-map-baidu .iw_poi_content {
    font: 12px arial,sans-serif;
    overflow: visible;
    padding-top: 4px;
    white-space: -moz-pre-wrap;
    word-wrap: break-word; }
  .c-contact-map-baidu .BMap_shadow {
    display: none; }
  .c-contact-map-baidu .c-contact-window .col-sm-6 {
    width: 100% !important; }

#contact-form-container .hubspot-form {
  margin: 0; }
  #contact-form-container .hubspot-form .hubspot-cnt {
    display: none; }
    #contact-form-container .hubspot-form .hubspot-cnt.form-primary {
      display: block; }
    #contact-form-container .hubspot-form .hubspot-cnt fieldset {
      max-width: none; }
    #contact-form-container .hubspot-form .hubspot-cnt label {
      line-height: 20px; }
    #contact-form-container .hubspot-form .hubspot-cnt .hs-form-field {
      padding: 8px 15px; }
    #contact-form-container .hubspot-form .hubspot-cnt input:not([type=checkbox]), #contact-form-container .hubspot-form .hubspot-cnt select {
      height: 34px; }
    #contact-form-container .hubspot-form .hubspot-cnt select {
      padding: 0 6px; }
    #contact-form-container .hubspot-form .hubspot-cnt textarea {
      height: 130px; }
    #contact-form-container .hubspot-form .hubspot-cnt .form-columns-2 > .hs-form-field {
      width: 100%; }
    #contact-form-container .hubspot-form .hubspot-cnt .legal-consent-container .hs-richtext {
      font-size: 12px;
      text-align: justify; }
    #contact-form-container .hubspot-form .hubspot-cnt .legal-consent-container .hs-form-field {
      padding: 4px 15px;
      margin-bottom: 0; }
    #contact-form-container .hubspot-form .hubspot-cnt .legal-consent-container input {
      height: auto; }
    #contact-form-container .hubspot-form .hubspot-cnt input[type=submit] {
      margin-bottom: 40px; }
    #contact-form-container .hubspot-form .hubspot-cnt .hs-recaptcha {
      position: absolute;
      bottom: -16px; }
      #contact-form-container .hubspot-form .hubspot-cnt .hs-recaptcha:hover {
        left: 0;
        transition: left 400ms ease; }
    #contact-form-container .hubspot-form .hubspot-cnt .hs-submit {
      padding: 0 15px; }

@media (min-width: 580px) {
  #contact-form-container .hubspot-form .hubspot-cnt .hs-form-field {
    width: 50%; }
    #contact-form-container .hubspot-form .hubspot-cnt .hs-form-field.hs-gdpr_consent_checkbox {
      width: 100%; }
    #contact-form-container .hubspot-form .hubspot-cnt .hs-form-field.hs-message {
      float: right; }
  #contact-form-container .hubspot-form .hubspot-cnt .hs-submit {
    width: 50%; } }

@media (max-width: 440px) {
  section#contactform .container, section#offices .container {
    padding-right: 5px;
    padding-left: 5px; }
  section#contactform .col-md-8, section#contactform .col-md-4, section#contactform .col-xs-12, section#contactform .col-xs-7, section#contactform .col-xs-5, section#contactform .col-xs-8, section#contactform .col-xs-4, section#offices .col-md-8, section#offices .col-md-4, section#offices .col-xs-12, section#offices .col-xs-7, section#offices .col-xs-5, section#offices .col-xs-8, section#offices .col-xs-4 {
    padding-left: 5px;
    padding-right: 5px; }
  section#offices {
    padding: 0 10px; }
  .si-content-wrapper {
    padding: 20px 10px; }
  .c-contact-window__column .map-directions .button {
    min-width: 60vw !important; } }

/* NEW MAP */
.flex-fill-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }
  .flex-fill-container .inc-contact_map {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 100%; }
    .flex-fill-container .inc-contact_map .c-contact-container {
      height: 100%; }

.c-contact-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.c-contact-map {
  height: 50vh;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }
  .c-contact-map .si-close-button {
    color: #d13c37; }

@media (max-width: 767px) {
  .c-contact-zoom {
    display: none; } }

.c-contact-button {
  color: #d13c37;
  border: 1px solid #f7f7f7;
  background: #fff;
  margin: 1px;
  cursor: pointer; }

.c-contact-button--zoom {
  width: 34px;
  height: 34px; }
  .c-contact-button--zoom:focus {
    outline: 0; }

.c-contact-zoom {
  position: absolute;
  top: 22px;
  left: 11px; }

.si-has-border .si-content-wrapper {
  border: none;
  background: #ef463c;
  color: #fff; }

.c-contact-window {
  max-width: none;
  margin: 0 !important; }
  .c-contact-window a, .c-contact-window a:hover {
    color: currentColor;
    text-decoration: none; }

.c-contact-window__column {
  margin-top: 15px; }
  .c-contact-window__column .map-directions .button {
    padding: 5px 10px;
    margin-top: 20px;
    width: 100%;
    min-width: 230px; }

.c-contact-window__city {
  /*color: $brand-second;*/
  font-family: 'AvenirNextRegular', Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  line-height: 20px; }

.c-contact-window__country {
  /*color: $brand-second;*/
  font-family: 'AvenirNextRegular', Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 20px; }

.c-contact-window__icon {
  width: 20px;
  text-align: center;
  color: #d13c37; }

.c-contact-map a[href^="http://maps.google.com/maps"] {
  display: none !important; }

.c-contact-map a[href^="https://maps.google.com/maps"] {
  display: none !important; }

.c-contact-map .gmnoprint a, .c-contact-map .gmnoprint span, .c-contact-map .gm-style-cc {
  display: none; }

.c-contact-map .gmnoprint div {
  background: none !important; }

.c-404 {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat; }

.c-404__container {
  position: relative; }

.c-404__description {
  font-size: 40px;
  font-family: sans-serif;
  font-weight: bold;
  margin-bottom: 30px;
  line-height: 45px; }

.c-404__content {
  background: #fff; }

.c-404__title {
  font-size: 72px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: sans-serif; }

@media (max-width: 767px) {
  .c-404 {
    background-image: none !important; }
  .c-404__description {
    font-size: 25px; }
  .c-404__content {
    position: relative;
    width: 100%;
    padding: 26px; } }

@media (min-width: 768px) {
  .c-404__container {
    height: 90vh;
    max-height: 900px; }
  .c-404__content {
    position: absolute;
    left: 30px;
    top: 7%;
    width: 630px;
    max-width: 100%;
    padding: 50px; } }

/* Toast Message */
.toastMsg {
  position: fixed;
  display: none;
  right: 30px;
  bottom: 120px;
  z-index: 900;
  width: 350px;
  padding: 20px;
  background: rgba(239, 70, 60, 0.93);
  color: #fff; }
  .toastMsg .closeBtn {
    display: inline-block;
    float: right;
    color: #fff;
    font-size: 21px; }
  .toastMsg .toastTlt, .toastMsg .personHead {
    position: relative; }
    .toastMsg .toastTlt:before, .toastMsg .toastTlt:after, .toastMsg .personHead:before, .toastMsg .personHead:after {
      content: "";
      display: block;
      position: absolute;
      background: #fff; }
    .toastMsg .toastTlt:before, .toastMsg .personHead:before {
      width: 27px;
      height: 2px; }
    .toastMsg .toastTlt:after, .toastMsg .personHead:after {
      width: 8px;
      height: 8px;
      border-radius: 50%; }
  .toastMsg .toastTlt {
    padding-left: 40px;
    /*font-family:Avenir-Black;*/
    font-size: 28px;
    line-height: 32px;
    text-transform: uppercase;
    clear: both;
    margin: 0;
    margin-top: 30px;
    margin-bottom: 20px; }
    .toastMsg .toastTlt:before {
      left: 5px;
      bottom: 14px; }
    .toastMsg .toastTlt:after {
      left: 0;
      bottom: 11px; }
  .toastMsg .toastContent {
    padding-left: 40px;
    /*font-family:Avenir-Light;*/
    /*padding-bottom:40px;*/
    position: relative; }
    .toastMsg .toastContent:before {
      position: absolute;
      content: "";
      display: block;
      width: 2px;
      top: -32px;
      bottom: -50px;
      background: #fff;
      left: 3px; }
    .toastMsg .toastContent p {
      font-size: 13.125px; }
      .toastMsg .toastContent p strong {
        /*font-family:Avenir-Black;*/ }
  .toastMsg .buttonBox {
    margin-top: 20px;
    text-align: left; }
    .toastMsg .buttonBox .button {
      border-radius: 0;
      background: none;
      border: 1px solid #fff;
      color: #fff;
      padding: 5px 15px;
      line-height: 28px;
      min-height: 40px;
      margin: 0; }
      .toastMsg .buttonBox .button.fill {
        background: #fff;
        color: #ef463c; }
        .toastMsg .buttonBox .button.fill:hover {
          background: #ef463c;
          color: #fff; }
      .toastMsg .buttonBox .button:hover {
        color: #ef463c;
        background: #fff; }
    .toastMsg .buttonBox p + p {
      margin-top: 20px; }
  .toastMsg .person {
    margin-top: 20px; }
  .toastMsg .personHead {
    /*font-family:Avenir-Black;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .toastMsg .personHead:before {
      left: -35px;
      bottom: 31.5px; }
    .toastMsg .personHead:after {
      left: -40px;
      bottom: 28.5px; }
    .toastMsg .personHead .authorAvatar {
      width: 65px;
      height: 65px;
      margin-right: 5px;
      border-radius: 50%; }
    .toastMsg .personHead h3 {
      width: 200px;
      /*font-family:Avenir-Black;*/
      font-size: 15.75px;
      line-height: 18px;
      word-break: keep-all;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .toastMsg .personHead span {
      font-family: latoregular, Helvetica, Arial, sans-serif;
      display: block;
      font-size: 11.375px;
      word-break: keep-all;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .toastMsg .personContent {
    margin-top: 20px; }
  .toastMsg h2 {
    background: initial;
    text-align: left; }

/*@media (max-width: $screen-xs-max){
    .toastMsg { display:none;}
}*/
.responsive-embed {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; }

.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed,
.responsive-embed video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none !important;
  margin: 0 !important; }

#job-application-form h1 {
  font-size: 3rem; }

#job-application-form h2 {
  font-size: 2.5rem;
  background: none;
  margin: 1rem 0;
  text-align: left; }

#job-application-form h3 {
  font-size: 2rem; }

#job-application-form h3 + .row {
  margin-top: 1rem; }

#job-application-form h3:not(:first-child) {
  margin-top: 3rem; }

#job-application-form .form-control {
  border-radius: 0px !important; }

#job-application-form .field-validation-error:not(.error-banner-text) {
  color: #f00; }

#job-application-form #motivation-area {
  resize: none;
  min-height: 10rem; }

#job-application-form .buttonBox {
  text-align: left; }

#job-application-form input[type="checkbox"] {
  display: block;
  margin: 0; }

@media (max-width: 767px) {
  #job-application-form h1 {
    font-size: 2rem; }
  #job-application-form h2 {
    font-size: 1.5rem; }
  #job-application-form h3 {
    font-size: 1.5rem; }
  #job-application-form h3 + .row {
    margin-top: 0.5rem; }
  #job-application-form h3:not(:first-child) {
    margin-top: 1.5rem; } }

.keyTakeAway .plusSign {
  position: absolute;
  bottom: 15px;
  right: 15px; }

/* Search Result */
.searchResult {
  padding-top: 35px;
  font-size: 13px; }
  .searchResult .sortswitch {
    float: right;
    /*a:hover {
            color: #ED1B23;
        }*/ }
    .searchResult .sortswitch a {
      color: #627283; }
    .searchResult .sortswitch span {
      font-weight: bold;
      color: #ED1B23; }
      .searchResult .sortswitch span a {
        color: #ED1B23; }
      .searchResult .sortswitch span i {
        font-size: 14px; }

.resultItem {
  min-height: 62px;
  padding: 15px 0;
  clear: both;
  border-bottom: 1px solid #E9E9E9; }
  .resultItem h3 {
    min-height: 22px;
    /*overflow: hidden;*/
    margin: 0;
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: normal; }
    .resultItem h3 span {
      font-size: 12px;
      vertical-align: middle;
      /*padding-left: 5px;
            color: #b1b1b1;*/
      background-color: #ef463c;
      color: white;
      padding: 1px 5px;
      border-radius: 5px;
      margin-left: 5px;
      float: right;
      min-width: 55px;
      line-height: 14px;
      text-align: center; }
  .resultItem p {
    margin: 0;
    line-height: 17px;
    /*height: 34px;*/
    overflow: hidden; }
  .resultItem mark {
    background-color: #f4f4f4; }
  .resultItem a {
    color: #ED1B23;
    line-height: 24px; }
    .resultItem a mark {
      color: #ED1B23; }
  .resultItem img {
    display: block;
    width: 60px;
    max-height: 60px;
    margin-right: 10px;
    border: 1px solid #e2e2e2; }
  .resultItem .img {
    height: 60px;
    float: left; }

.resultItem:first-child {
  border-top: 1px solid #E9E9E9; }
  .resultItem:first-child.noFirstTopBorder {
    border-top: none; }

.resultItem:last-child.noLastBottomBorder {
  border-bottom: none; }

/* Pages */
.pages {
  padding: 20px 0; }
  .pages span, .pages a {
    display: block;
    float: left;
    width: 35px;
    height: 35px;
    margin-right: 12px;
    color: #999;
    line-height: 18px;
    background-color: #dbdbdb;
    text-align: center;
    text-decoration: none;
    line-height: 35px;
    border-radius: 25px;
    font-size: 20px; }
  .pages .current {
    background: #ED1B23;
    color: #fff;
    font-weight: bold; }

.searchResultFilters {
  font-size: 16px;
  margin-bottom: 30px; }
  .searchResultFilters a {
    margin-right: 10px;
    line-height: 30px; }
  .searchResultFilters a.activefilter {
    background-color: #ef463c;
    padding: 5px;
    color: white;
    border-radius: 5px; }

@media (max-width: 564px) {
  .searchResultFilters span {
    display: none; } }

.solutionLink .buttonBox.highlightedResultAction {
  margin-bottom: 0; }

.productsAndVendors {
  padding: 60px 0 30px; }
  .productsAndVendors h1 {
    text-transform: uppercase;
    font-size: 32px;
    letter-spacing: 2px;
    margin-top: 0; }
    .productsAndVendors h1 b {
      font-weight: 900; }
    .productsAndVendors h1 a {
      color: inherit; }
      .productsAndVendors h1 a:hover {
        color: #ef463c;
        text-decoration: none; }
  .productsAndVendors .list.row .col {
    margin-bottom: 30px; }
    .productsAndVendors .list.row .col .item {
      display: block;
      margin: 0 auto;
      padding: 10px;
      border: 1px solid #d4d4d4; }
      .productsAndVendors .list.row .col .item .image {
        position: relative;
        margin: 0 auto;
        width: 100%; }
        .productsAndVendors .list.row .col .item .image img {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto; }
      .productsAndVendors .list.row .col .item span.productName {
        color: #d4d4d4;
        text-align: center;
        display: block;
        font-size: 18px; }
    .productsAndVendors .list.row .col a.item:hover, .productsAndVendors .list.row .col a.item:focus {
      text-decoration: none; }

@media (max-width: 767px) {
  .productsAndVendors .list.row .col {
    width: 50%; }
    .productsAndVendors .list.row .col .item .image {
      height: 90px; }
      .productsAndVendors .list.row .col .item .image img {
        -webkit-transform: scale(0.7);
                transform: scale(0.7); } }

@media (min-width: 768px) {
  .productsAndVendors .list.row .col {
    width: 33.33333%; }
    .productsAndVendors .list.row .col .item .image {
      width: 200px;
      height: 90px; }
      .productsAndVendors .list.row .col .item .image img {
        -webkit-transform: scale(0.7);
                transform: scale(0.7); } }

@media (min-width: 992px) {
  .productsAndVendors .list.row .col .item {
    padding: 15px; }
    .productsAndVendors .list.row .col .item .image {
      height: 110px; }
      .productsAndVendors .list.row .col .item .image img {
        -webkit-transform: none;
                transform: none; } }

@media (min-width: 1200px) {
  .productsAndVendors .list.row .col .item {
    padding: 20px 20px 15px 20px; }
    .productsAndVendors .list.row .col .item .image {
      height: 130px; } }

@media (max-width: 499px) {
  .productsAndVendors .list.row .col {
    width: 100%;
    margin-bottom: 10px;
    /*.item { width: 100%; height: 90px; 
                    .image { height: 70px; float: left; width: 50%;
                        img { transform: scale(.7); }
                    }
                    span.productName { float: left; width: 50%; line-height: 70px; }
                }*/ } }

section.achieve {
  padding: 30px 0 10px;
  margin: 0;
  background-color: #f7f7f7; }
  section.achieve > .container h3 {
    text-transform: uppercase;
    font-size: 24px;
    letter-spacing: 2px; }
    section.achieve > .container h3 b {
      font-weight: 900; }
  section.achieve > .container .sd {
    font-size: 16px; }
  section.achieve > .container .list {
    margin: 40px 0 20px;
    clear: both; }
    section.achieve > .container .list .card {
      display: block;
      border: 2px solid #576678;
      margin-bottom: 12px; }
      section.achieve > .container .list .card:hover, section.achieve > .container .list .card:focus {
        text-decoration: none; }
        section.achieve > .container .list .card:hover .title, section.achieve > .container .list .card:focus .title {
          color: #fff; }
      section.achieve > .container .list .card .title {
        font-size: 16px;
        color: #576678;
        transition: background .3s, color .3s; }

@media (max-width: 767px) {
  section.achieve > .container .list .card {
    background-color: #fff;
    padding: 15px 15px; }
    section.achieve > .container .list .card:hover, section.achieve > .container .list .card:focus {
      background: #ef463c;
      border-color: #ef463c; } }

@media (min-width: 768px) {
  section.achieve {
    padding: 30px 0 60px; }
    section.achieve > .container h3 {
      font-size: 32px; }
    section.achieve > .container .sd {
      font-size: 20px; }
    section.achieve > .container .list {
      white-space: nowrap; }
      section.achieve > .container .list .card {
        display: inline-block;
        width: 24.8%;
        height: 0;
        padding-bottom: 24.8%;
        border: none;
        background-position: center;
        background-size: cover;
        vertical-align: top;
        position: relative; }
        section.achieve > .container .list .card .title {
          background: rgba(255, 255, 255, 0.7);
          position: absolute;
          left: 0;
          padding: 10px 8px;
          font-size: 14px;
          white-space: normal;
          max-width: 90%; }
        section.achieve > .container .list .card:hover .title, section.achieve > .container .list .card:focus .title {
          background: #ef463c; }
      section.achieve > .container .list .row1 .card:first-of-type,
      section.achieve > .container .list .row2 .card:nth-of-type(0n+3) {
        width: 50%;
        height: 0;
        clear: both; }
      section.achieve > .container .list .card1 {
        margin: 0 0.4% 0.4% 0; }
        section.achieve > .container .list .card1 .title {
          top: 40%; }
      section.achieve > .container .list .card2 {
        margin: 0 0.4% 0.4% 0; }
        section.achieve > .container .list .card2 .title {
          bottom: 10%; }
      section.achieve > .container .list .card3 {
        margin: 0 0 0.4% 0; }
        section.achieve > .container .list .card3 .title {
          top: 10%; }
      section.achieve > .container .list .card4 {
        margin: 0 0.4% 0 0; }
        section.achieve > .container .list .card4 .title {
          top: 30%; }
      section.achieve > .container .list .card5 {
        margin: 0 0.4% 0 0; }
        section.achieve > .container .list .card5 .title {
          bottom: 10%; }
      section.achieve > .container .list .card6 {
        margin: 0 0 0 0; }
        section.achieve > .container .list .card6 .title {
          bottom: 10%; }
      section.achieve > .container .list.listCount5 .card4 {
        width: 50%; }
      section.achieve > .container .list.listCount5 .card5 {
        width: 50%;
        margin: 0; }
      section.achieve > .container .list.listCount4 .card {
        width: 50%; }
      section.achieve > .container .list.listCount4 .card3 {
        margin: 0 0.4% 0 0; }
      section.achieve > .container .list.listCount4 .card4 {
        margin: 0; } }

@media (min-width: 992px) {
  section.achieve > .container .list .card .title {
    padding: 12px 10px;
    font-size: 16px; } }

@media (min-width: 1200px) {
  section.achieve > .container .list .card .title {
    padding: 14px 12px;
    font-size: 18px; } }

section.customers {
  padding: 30px 0 10px;
  margin: 0;
  background-color: #f7f7f7; }
  section.customers > .container h3 {
    text-transform: uppercase;
    font-size: 24px;
    letter-spacing: 2px; }
    section.customers > .container h3 b {
      font-weight: 900; }
  section.customers > .container .sd {
    font-size: 16px; }
  section.customers > .container .popbox {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 20px 0px;
    padding: 20px 10px;
    margin: 40px 0 20px; }
    section.customers > .container .popbox .highlighted {
      text-align: center;
      display: block;
      color: inherit; }
      section.customers > .container .popbox .highlighted:hover, section.customers > .container .popbox .highlighted:focus {
        color: inherit;
        text-decoration: none; }
      section.customers > .container .popbox .highlighted div {
        width: 100%;
        font-size: 18px;
        margin: 20px auto 20px; }
        section.customers > .container .popbox .highlighted div h4 {
          font-size: 24px; }
    section.customers > .container .popbox .list {
      text-align: center;
      font-size: 0; }
      section.customers > .container .popbox .list > span {
        display: block;
        text-align: left; }
      section.customers > .container .popbox .list .customer {
        display: inline-block;
        width: 33%;
        margin-bottom: 10px; }
        section.customers > .container .popbox .list .customer img {
          display: inline-block; }
    section.customers > .container .popbox .cta {
      text-align: center;
      margin-top: 20px; }

@media (min-width: 450px) {
  section.customers > .container .popbox .list .customer {
    width: 25%; } }

@media (min-width: 640px) {
  section.customers > .container .popbox .list .customer {
    width: 20%; } }

@media (min-width: 768px) {
  section.customers {
    padding: 30px 0 60px; }
    section.customers > .container h3 {
      font-size: 32px; }
    section.customers > .container .sd {
      font-size: 20px; }
    section.customers > .container .popbox {
      padding: 30px 20px; }
      section.customers > .container .popbox .highlighted div {
        width: 90%;
        margin: 30px auto 20px; }
      section.customers > .container .popbox .list .customer {
        width: 16.667%; } }

@media (min-width: 992px) {
  section.customers > .container .popbox {
    padding: 40px 30px; }
    section.customers > .container .popbox .highlighted div {
      width: 80%;
      margin: 40px auto 0; }
    section.customers > .container .popbox .list .customer {
      width: 25%; } }

@media (min-width: 1200px) {
  section.customers > .container .popbox {
    padding: 50px 40px; }
    section.customers > .container .popbox .highlighted div {
      width: 70%;
      margin: 60px auto 0; }
    section.customers > .container .popbox .list .customer {
      width: 33%; } }

section.yourSpecialization {
  padding: 20px 0;
  margin: 0;
  background-color: #f7f7f7; }
  section.yourSpecialization > .container h3 {
    text-transform: uppercase;
    font-size: 24px;
    letter-spacing: 2px; }
    section.yourSpecialization > .container h3 b {
      font-weight: 900; }
  section.yourSpecialization > .container > .list {
    text-align: center;
    margin: 20px -15px;
    clear: both; }
    section.yourSpecialization > .container > .list .card {
      float: none;
      display: inline-block;
      position: relative;
      width: 40%;
      height: 0;
      padding-bottom: 40%;
      margin: 2%;
      background: #fff;
      cursor: pointer;
      transition: none; }
      section.yourSpecialization > .container > .list .card:hover, section.yourSpecialization > .container > .list .card:focus {
        text-decoration: none; }
      section.yourSpecialization > .container > .list .card .image, section.yourSpecialization > .container > .list .card .image-hover {
        position: absolute;
        top: 0;
        bottom: 30px;
        left: 10px;
        right: 10px;
        padding: 5px; }
        section.yourSpecialization > .container > .list .card .image img, section.yourSpecialization > .container > .list .card .image-hover img {
          width: auto;
          height: 100%; }
      section.yourSpecialization > .container > .list .card .image {
        z-index: 2; }
      section.yourSpecialization > .container > .list .card .image-hover {
        z-index: 1; }
      section.yourSpecialization > .container > .list .card .title {
        font-size: 3vw;
        bottom: 0;
        height: 40%;
        position: absolute;
        z-index: 3;
        left: 10px;
        right: 10px;
        margin: auto;
        text-align: center;
        text-transform: uppercase;
        color: #ef463c;
        font-weight: 600;
        pointer-events: none;
        white-space: normal; }
        section.yourSpecialization > .container > .list .card .title span {
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          height: 100%; }
      section.yourSpecialization > .container > .list .card:hover {
        background: #ef463c; }
        section.yourSpecialization > .container > .list .card:hover .image {
          opacity: 0; }
        section.yourSpecialization > .container > .list .card:hover .title {
          color: #fff; }

@media (min-width: 400px) {
  section.yourSpecialization > .container > .list .card {
    width: 28.8%;
    padding-bottom: 28.8%;
    margin: 1.4%; }
    section.yourSpecialization > .container > .list .card .title {
      font-size: 2.2vw; } }

@media (min-width: 768px) {
  section.yourSpecialization {
    padding: 30px 0; }
    section.yourSpecialization > .container h3 {
      font-size: 32px; }
    section.yourSpecialization > .container > .list {
      white-space: nowrap; }
      section.yourSpecialization > .container > .list .card {
        width: 14.7%;
        height: 0;
        padding-bottom: 14.7%;
        margin: 0.8%; }
        section.yourSpecialization > .container > .list .card .title {
          font-size: 1.3vw; } }

@media (min-width: 992px) {
  /*section.yourSpecialization > .container > .list .card { width: 16%; padding-bottom: 16%; }*/ }

@media (min-width: 1200px) {
  /*section.yourSpecialization > .container > .list .card { width: 16.08%; padding-bottom: 16.08%; }*/ }

@media (max-width: 991px) {
  section.yourSpecialization > .container {
    width: 100%; } }

@media (min-width: 880px) {
  /*section.yourSpecialization > .container > .list .card .title { font-size: 1.3vw;}*/ }

@media (min-width: 990px) {
  section.yourSpecialization > .container > .list .card .title {
    font-size: 13px; } }

@media (min-width: 1200px) {
  section.yourSpecialization > .container > .list .card .title {
    font-size: 14px; } }

section.gallery {
  background: #f7f7f7;
  padding: 30px 10px;
  margin-bottom: 60px; }
  section.gallery h1 {
    text-transform: uppercase;
    font-size: 32px;
    letter-spacing: 2px;
    margin-top: 0;
    margin-bottom: 30px; }
  section.gallery .gallery-slider {
    margin: 0 auto;
    width: 100%;
    position: relative;
    padding: 0; }
    section.gallery .gallery-slider .swiper-container {
      padding: 0; }
      section.gallery .gallery-slider .swiper-container .swiper-wrapper .swiper-slide {
        height: 300px;
        text-align: center;
        margin: auto; }
        section.gallery .gallery-slider .swiper-container .swiper-wrapper .swiper-slide .thumb {
          display: inline-block;
          margin: 0;
          width: 100%;
          height: 100%;
          position: relative;
          overflow: hidden; }
          section.gallery .gallery-slider .swiper-container .swiper-wrapper .swiper-slide .thumb img {
            max-width: none;
            max-height: none;
            margin: auto;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            margin: auto; }
            section.gallery .gallery-slider .swiper-container .swiper-wrapper .swiper-slide .thumb img.hor {
              width: 100%; }
            section.gallery .gallery-slider .swiper-container .swiper-wrapper .swiper-slide .thumb img.ver {
              height: 100%; }
          section.gallery .gallery-slider .swiper-container .swiper-wrapper .swiper-slide .thumb.video {
            position: relative;
            cursor: pointer; }
            section.gallery .gallery-slider .swiper-container .swiper-wrapper .swiper-slide .thumb.video .videoMask > i {
              position: absolute;
              display: inline-block;
              top: 50%;
              left: 50%;
              margin: -45px 0 0 -45px;
              font-size: 50px;
              color: #ffffff;
              background-color: rgba(255, 255, 255, 0.43);
              border-radius: 45px;
              height: 90px;
              width: 90px;
              padding-top: 21px;
              padding-left: 11px; }
            section.gallery .gallery-slider .swiper-container .swiper-wrapper .swiper-slide .thumb.video iframe {
              display: none;
              width: 100%;
              height: 100%;
              position: absolute; }
        section.gallery .gallery-slider .swiper-container .swiper-wrapper .swiper-slide .title-mob {
          color: #627283;
          position: absolute;
          bottom: 0px;
          left: 0;
          right: 0;
          line-height: 16px;
          font-size: 16px; }
    section.gallery .gallery-slider .swiper-control {
      top: 0;
      height: 100%;
      line-height: 300px;
      margin-top: 0;
      width: 20%; }
      section.gallery .gallery-slider .swiper-control.gallery-next {
        right: 0;
        padding-right: 30px;
        text-align: right; }
      section.gallery .gallery-slider .swiper-control.gallery-prev {
        left: 0;
        padding-left: 30px;
        text-align: left; }
      section.gallery .gallery-slider .swiper-control .fa {
        color: #EF463C;
        font-size: 36px; }
  section.gallery #galleryMP, section.gallery #youtubeTemp, section.gallery #galleryClose {
    display: none; }
  section.gallery.gallery-open {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 0;
    z-index: 3000;
    margin: 0;
    padding-top: 10px; }
    section.gallery.gallery-open h1 {
      display: none; }
    section.gallery.gallery-open #galleryMP {
      display: block;
      height: calc(100vh - 200px);
      position: relative; }
      section.gallery.gallery-open #galleryMP img {
        max-height: 100%;
        max-width: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto; }
      section.gallery.gallery-open #galleryMP .has-title {
        padding-bottom: 28px; }
      section.gallery.gallery-open #galleryMP span.title {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center;
        color: #fff;
        font-size: 18px; }
      section.gallery.gallery-open #galleryMP #youtube-player {
        width: 100%;
        height: 100%; }
    section.gallery.gallery-open .gallery-slider {
      position: fixed;
      left: 0;
      right: 0;
      -webkit-transform: scale(0.75);
              transform: scale(0.75);
      bottom: -10px; }
      section.gallery.gallery-open .gallery-slider .swiper-container .swiper-wrapper .swiper-slide.isOpened {
        -webkit-filter: brightness(0.3);
                filter: brightness(0.3); }
    section.gallery.gallery-open .swiper-control.swiper-button-disabled {
      opacity: 0.35 !important;
      pointer-events: auto !important; }
    section.gallery.gallery-open .swiper-control .fa {
      color: rgba(138, 138, 138, 0.7) !important; }
  section.gallery #galleryClose {
    position: absolute;
    right: 20px;
    top: 0;
    z-index: 3100;
    font-size: 50px;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.8); }

@media (max-width: 499px) {
  section.gallery .gallery-slider .swiper-control .fa {
    font-size: 36px;
    background-color: #fff;
    width: 26px;
    height: 26px;
    border-radius: 26px;
    line-height: 26px;
    text-indent: -2px; }
  section.gallery .gallery-slider .swiper-container .swiper-slide.has-title {
    padding-bottom: 20px; } }

@media (min-width: 500px) {
  section.gallery .gallery-slider {
    max-width: 430px; }
    section.gallery .gallery-slider .swiper-container {
      padding: 0 10px; }
      section.gallery .gallery-slider .swiper-container .swiper-wrapper .swiper-slide {
        height: 200px; }
        section.gallery .gallery-slider .swiper-container .swiper-wrapper .swiper-slide .thumb {
          width: 200px;
          height: 200px;
          cursor: pointer; }
          section.gallery .gallery-slider .swiper-container .swiper-wrapper .swiper-slide .thumb img {
            max-width: none;
            max-height: none;
            width: auto;
            position: absolute;
            top: -9999px;
            bottom: -9999px;
            left: -9999px;
            right: -9999px; }
            section.gallery .gallery-slider .swiper-container .swiper-wrapper .swiper-slide .thumb img.hor, section.gallery .gallery-slider .swiper-container .swiper-wrapper .swiper-slide .thumb img.ver {
              width: auto;
              height: auto; }
          section.gallery .gallery-slider .swiper-container .swiper-wrapper .swiper-slide .thumb.video img {
            height: 200px; }
        section.gallery .gallery-slider .swiper-container .swiper-wrapper .swiper-slide .title-mob {
          display: none; }
    section.gallery .gallery-slider .swiper-control {
      line-height: 235px;
      width: 70px; }
      section.gallery .gallery-slider .swiper-control.gallery-next {
        right: -40px;
        padding-right: 0;
        text-align: center; }
      section.gallery .gallery-slider .swiper-control.gallery-prev {
        left: -40px;
        padding-left: 0;
        text-align: center; }
      section.gallery .gallery-slider .swiper-control .fa {
        color: rgba(138, 138, 138, 0.5);
        font-size: 70px; } }

@media (min-width: 700px) {
  section.gallery .gallery-slider {
    max-width: 640px; } }

@media (min-width: 945px) {
  section.gallery .gallery-slider {
    max-width: 850px; } }

@media (min-width: 1140px) {
  section.gallery .gallery-slider {
    max-width: 1060px; } }

@media (min-width: 1400px) {
  section.gallery .gallery-slider {
    max-width: 1310px; }
    section.gallery .gallery-slider .swiper-container .swiper-wrapper .swiper-slide {
      height: 250px; }
      section.gallery .gallery-slider .swiper-container .swiper-wrapper .swiper-slide .thumb {
        width: 250px;
        height: 250px; }
        section.gallery .gallery-slider .swiper-container .swiper-wrapper .swiper-slide .thumb.video img {
          height: 250px; }
    section.gallery .gallery-slider .swiper-control {
      line-height: 285px; }
  section.gallery.gallery-open .gallery-slider {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    bottom: -30px; } }

@media (min-width: 1670px) {
  section.gallery .gallery-slider {
    max-width: 1570px; } }

section.imageLibrary {
  background: #f5f5f5;
  margin-top: -20px;
  padding-top: 20px; }
  section.imageLibrary .folders {
    margin-right: -15px;
    margin-left: -15px; }
    section.imageLibrary .folders .folder {
      display: inline-block;
      width: 100%;
      margin: 0;
      padding: 15px;
      vertical-align: top;
      font-weight: bold;
      font-size: 16px;
      position: relative;
      color: inherit; }
      section.imageLibrary .folders .folder:hover {
        text-decoration: none;
        color: #ef463c; }
      section.imageLibrary .folders .folder > div {
        background-color: white; }
      section.imageLibrary .folders .folder .image {
        background-size: cover;
        width: 100%;
        height: 0;
        padding-bottom: 66%;
        display: inline-block;
        background-position: center; }
      section.imageLibrary .folders .folder .text {
        padding: 20px 40px 40px 20px; }
      section.imageLibrary .folders .folder .plusContainer {
        position: absolute;
        bottom: 15px;
        right: 15px; }
        section.imageLibrary .folders .folder .plusContainer::after {
          content: " ";
          position: absolute;
          z-index: 1;
          bottom: -35px;
          right: -35px;
          width: 0;
          height: 0;
          border: solid transparent;
          border-width: 35px;
          border-left-color: #ef463c;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg); }
      section.imageLibrary .folders .folder .plusSign {
        width: 18px;
        height: 18px;
        margin-right: 5px; }
        section.imageLibrary .folders .folder .plusSign::before {
          border-left-color: #fff;
          left: 9px;
          z-index: 2; }
        section.imageLibrary .folders .folder .plusSign::after {
          border-top-color: #fff;
          top: 9px;
          z-index: 2; }
  section.imageLibrary .images {
    margin-right: -15px;
    margin-left: -15px; }
    section.imageLibrary .images > div {
      display: inline-block;
      width: 100%;
      margin: 0;
      padding: 15px;
      vertical-align: top;
      font-weight: bold;
      font-size: 16px;
      position: relative;
      color: inherit; }
    section.imageLibrary .images .image {
      cursor: pointer;
      background-size: cover;
      width: 100%;
      height: 0;
      padding-bottom: 66%;
      display: inline-block;
      background-position: center; }
  section.imageLibrary #imageLibraryOverlay {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 20000000;
    background: rgba(78, 78, 78, 0.6); }
  section.imageLibrary #imageLibraryModal {
    display: none;
    position: fixed;
    z-index: 20000001;
    top: 5vh;
    bottom: 5vh;
    left: 5vw;
    right: 5vw;
    background: #fff;
    padding: 30px;
    text-align: center; }
    section.imageLibrary #imageLibraryModal > div {
      position: relative;
      width: 100%;
      height: 100%; }
    section.imageLibrary #imageLibraryModal.modalOpen {
      display: block; }
    section.imageLibrary #imageLibraryModal #galleryClose {
      position: absolute;
      right: 0;
      top: 0;
      font-size: 50px;
      cursor: pointer;
      margin-top: -12px; }
    section.imageLibrary #imageLibraryModal .imgContainer {
      height: 100%;
      white-space: nowrap;
      padding-bottom: 35px; }
      section.imageLibrary #imageLibraryModal .imgContainer img {
        vertical-align: middle;
        max-height: 100%; }
      section.imageLibrary #imageLibraryModal .imgContainer span {
        display: inline-block;
        height: 100%;
        vertical-align: middle; }
    section.imageLibrary #imageLibraryModal .imageLibrary-prev, section.imageLibrary #imageLibraryModal .imageLibrary-next {
      position: absolute;
      top: 50%;
      font-size: 30px;
      margin-top: -53px;
      cursor: pointer; }
      section.imageLibrary #imageLibraryModal .imageLibrary-prev > span, section.imageLibrary #imageLibraryModal .imageLibrary-next > span {
        background: #ef463c;
        color: #fff; }
    section.imageLibrary #imageLibraryModal .imageLibrary-prev {
      left: -30px;
      padding: 30px 30px 30px 0; }
      section.imageLibrary #imageLibraryModal .imageLibrary-prev > span {
        padding: 7px 22px 5px 16px; }
    section.imageLibrary #imageLibraryModal .imageLibrary-next {
      right: -30px;
      padding: 30px 0 30px 30px; }
      section.imageLibrary #imageLibraryModal .imageLibrary-next > span {
        padding: 7px 16px 5px 22px; }
    section.imageLibrary #imageLibraryModal .bottom-buttons {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      font-size: 16px; }
      section.imageLibrary #imageLibraryModal .bottom-buttons .paging {
        display: inline-block;
        float: left;
        vertical-align: bottom; }
      section.imageLibrary #imageLibraryModal .bottom-buttons .title {
        display: inline-block;
        float: none;
        vertical-align: bottom;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 18px; }
      section.imageLibrary #imageLibraryModal .bottom-buttons .download {
        display: inline-block;
        float: right;
        vertical-align: bottom;
        font-size: 18px;
        color: #ef463c; }
        section.imageLibrary #imageLibraryModal .bottom-buttons .download:hover {
          text-decoration: none; }

@media (min-width: 550px) {
  section.imageLibrary .folders .folder {
    width: 50%; }
  section.imageLibrary .images > div {
    width: 50%; } }

@media (min-width: 768px) {
  section.imageLibrary .images > div {
    width: 33%; } }

@media (min-width: 990px) {
  section.imageLibrary .folders .folder {
    width: 33%; }
  section.imageLibrary .images > div {
    width: 25%; } }

@media (min-width: 1200px) {
  section.imageLibrary .folders .folder {
    width: 25%; }
  section.imageLibrary .images > div {
    width: 20%; } }

.hubspot-form {
  margin: 30px auto; }
  .hubspot-form * {
    box-sizing: border-box; }
  .hubspot-form h1 {
    margin-bottom: .5em;
    font-size: 48px;
    line-height: 1;
    position: relative;
    display: block; }
    .hubspot-form h1:before {
      content: "";
      position: absolute;
      display: block;
      background: #f7f7f7;
      top: -20px;
      bottom: -20px;
      z-index: -1;
      left: -9999px;
      right: -9999px; }
  .hubspot-form .tltBlock h1 {
    margin-bottom: 40px; }
  .hubspot-form .hubspot-cnt {
    margin-left: 0; }
  .hubspot-form .photoBlock {
    float: right; }
    .hubspot-form .photoBlock .photoContainer img {
      width: 100%; }
    .hubspot-form .photoBlock .photoContainer .photoDesc {
      position: relative; }
      .hubspot-form .photoBlock .photoContainer .photoDesc > div {
        background-color: #ef463c;
        color: #fff;
        text-align: left;
        padding: 12px 17px 14px;
        font-size: 15px; }
  .hubspot-form .hbspt-form .field {
    padding: 10px 15px 10px 0;
    margin-bottom: 0; }
  .hubspot-form .hbspt-form label {
    width: 100%;
    display: block;
    font-size: 14px;
    line-height: 2;
    color: #000;
    font-weight: bold;
    margin-bottom: 5px; }
  .hubspot-form .hbspt-form input[type=text], .hubspot-form .hbspt-form input[type=tel], .hubspot-form .hbspt-form input[type=email], .hubspot-form .hbspt-form textarea, .hubspot-form .hbspt-form select {
    width: 100% !important;
    float: inherit !important;
    display: block;
    border: none;
    background-color: #F3F3F3;
    color: #555;
    font-size: 14px;
    padding: 11px 6px;
    line-height: 1.3em;
    text-indent: 0;
    background-image: none;
    border-radius: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
    .hubspot-form .hbspt-form input[type=text]:focus, .hubspot-form .hbspt-form input[type=tel]:focus, .hubspot-form .hbspt-form input[type=email]:focus, .hubspot-form .hbspt-form textarea:focus, .hubspot-form .hbspt-form select:focus {
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
      outline: 0; }
  .hubspot-form .hbspt-form .hs-fieldtype-select select {
    height: 40px; }
  .hubspot-form .hbspt-form input[type="radio"], .hubspot-form .hbspt-form input[type="checkbox"] {
    margin-right: 4px; }
  .hubspot-form .hbspt-form .hs-fieldtype-booleancheckbox label.hs-form-booleancheckbox-display > span {
    font-weight: normal; }
  .hubspot-form .hbspt-form .hs-richtext {
    padding: 0 15px; }
  .hubspot-form .hbspt-form .hs-form-required {
    color: #d00;
    font-weight: bolder;
    float: left;
    padding-right: 3px; }
  .hubspot-form .hbspt-form .hs-submit input[type="submit"] {
    background: #ef463c;
    color: #fff;
    border: 2px solid #ef463c;
    border-radius: 0;
    width: 100%;
    height: 34px;
    margin: 20px auto;
    font-weight: bold;
    transition: background-color .3s, color .3s, border-color .3s;
    text-transform: uppercase; }
    .hubspot-form .hbspt-form .hs-submit input[type="submit"]:hover {
      background: #fff;
      color: #ef463c; }
  .hubspot-form .hbspt-form .submitted-message {
    font-size: 16px;
    padding-left: 15px; }
  .hubspot-form .hbspt-form .hs-fieldtype-radio.radiobtnIcon ul {
    margin: 0 -10px; }
    .hubspot-form .hbspt-form .hs-fieldtype-radio.radiobtnIcon ul > li.hs-form-radio > label {
      padding: 100px 10px 10px 10px;
      margin: 10px;
      width: 120px;
      float: left;
      border: 1px solid #ddd;
      opacity: .5;
      line-height: 20px;
      cursor: pointer;
      background-repeat: no-repeat;
      background-position: 50% 24%;
      background-size: 70%;
      text-align: center; }
      .hubspot-form .hbspt-form .hs-fieldtype-radio.radiobtnIcon ul > li.hs-form-radio > label * {
        cursor: pointer; }
      .hubspot-form .hbspt-form .hs-fieldtype-radio.radiobtnIcon ul > li.hs-form-radio > label:hover {
        opacity: .75; }
      .hubspot-form .hbspt-form .hs-fieldtype-radio.radiobtnIcon ul > li.hs-form-radio > label.selected {
        opacity: 1; }
      .hubspot-form .hbspt-form .hs-fieldtype-radio.radiobtnIcon ul > li.hs-form-radio > label input[type=radio] {
        position: absolute;
        opacity: 0; }
  .hubspot-form .hbspt-form .hs-recaptcha {
    position: fixed;
    bottom: 20px;
    left: -188px;
    padding: 0 !important;
    margin: 0 !important; }
    .hubspot-form .hbspt-form .hs-recaptcha:hover {
      left: 0;
      transition: left 400ms ease; }
  .hubspot-form.fixed {
    position: fixed;
    top: 82px;
    left: 0;
    right: 0;
    background: #d4d4d4;
    color: #fff;
    z-index: 999;
    margin: 0 auto; }
    .hubspot-form.fixed .hs-form-required {
      display: none; }
    .hubspot-form.fixed fieldset {
      max-width: none;
      float: left; }
    .hubspot-form.fixed .hs-submit {
      float: left; }
    .hubspot-form.fixed .row {
      margin: 0 -15px; }
    .hubspot-form.fixed .hbspt-form {
      padding-right: 150px; }
      .hubspot-form.fixed .hbspt-form .field {
        padding: 3px 15px 3px 0; }
      .hubspot-form.fixed .hbspt-form .hs-submit input[type="submit"] {
        margin: 8px auto 6px;
        height: 32px; }
      .hubspot-form.fixed .hbspt-form input[type=text], .hubspot-form.fixed .hbspt-form input[type=tel], .hubspot-form.fixed .hbspt-form input[type=email], .hubspot-form.fixed .hbspt-form textarea, .hubspot-form.fixed .hbspt-form select {
        padding: 7px 6px; }
      .hubspot-form.fixed .hbspt-form .hs-input.invalid.error {
        box-shadow: inset 0 1px 1px #d00, 0 0 8px #d00; }
      .hubspot-form.fixed .hbspt-form .hs-error-msgs {
        display: none !important; }
      .hubspot-form.fixed .hbspt-form input[type=submit] {
        border: 2px solid #ef463c;
        color: #fff;
        background: #ef463c;
        font-weight: bold;
        text-transform: uppercase;
        transition: background-color .3s, color .3s, border-color .3s; }
        .hubspot-form.fixed .hbspt-form input[type=submit]:hover {
          background: #fff;
          color: #ef463c; }
    .hubspot-form.fixed h1, .hubspot-form.fixed .h1 {
      float: left;
      margin: 11px 15px 0px 0;
      font-size: 22px;
      padding: 0; }
      .hubspot-form.fixed h1:before, .hubspot-form.fixed .h1:before {
        display: none; }

@media (min-width: 768px) {
  .hubspot-form .photoBlock .photoContainer .photoDesc > div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 80%;
    margin: -20px auto 0; } }

@media (min-width: 992px) {
  .hubspot-form .photoBlock .photoContainer .photoDesc > div {
    margin-top: -50px; } }

@media (max-width: 991px) {
  .hubspot-form.fixed {
    top: 50px; }
    .hubspot-form.fixed .hbspt-form {
      padding-right: 0; } }

@media (max-width: 767px) {
  .hubspot-form.fixed h1, .hubspot-form.fixed .h1 {
    float: none;
    text-align: center;
    margin: 7px 15px -2px 15px;
    padding: 0; }
  .hubspot-form.fixed fieldset {
    float: none;
    margin: 0 -15px; }
    .hubspot-form.fixed fieldset.form-columns-2 .input {
      margin: 0; }
  .hubspot-form.fixed .hbspt-form .field {
    padding: 3px 15px 3px; }
  .hubspot-form.fixed .hbspt-form .hs-submit {
    float: none; }
    .hubspot-form.fixed .hbspt-form .hs-submit input[type="submit"] {
      margin: 8px auto 6px;
      height: 32px; } }

section.wheel h3 {
  text-transform: uppercase;
  font-size: 24px;
  letter-spacing: 2px; }

section.wheel #wheel.d {
  position: relative;
  text-align: center; }
  section.wheel #wheel.d:not(.mobile) {
    margin: 20px auto 40px; }
  section.wheel #wheel.d #roundTextOriginal {
    display: none; }
  section.wheel #wheel.d #straight {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 25px;
    width: 210px;
    height: 200px;
    z-index: 1000;
    margin: auto; }
    section.wheel #wheel.d #straight > div {
      display: table-cell;
      width: 210px;
      height: 200px;
      vertical-align: middle;
      text-align: center; }
      section.wheel #wheel.d #straight > div > div {
        display: inline-block; }
  section.wheel #wheel.d svg {
    /*filter: drop-shadow( 3px 3px 4px rgba(0,0,0,0.3));*/
    overflow: visible !important;
    max-height: 85vh; }
    section.wheel #wheel.d svg #artboard {
      isolation: isolate; }
    section.wheel #wheel.d svg .spoke[data-link]:not([data-link=""]) {
      cursor: pointer; }
    section.wheel #wheel.d svg .spoke_bg.fill-red {
      fill: #ef463c; }
    section.wheel #wheel.d svg .spoke_bg.fill-grey {
      fill: #a5acb6; }
    section.wheel #wheel.d svg .spoke_bg.fill-black {
      fill: #343434; }
    section.wheel #wheel.d svg .spoke_inc.fill-red {
      fill: #9b2f2b; }
    section.wheel #wheel.d svg .spoke_inc.fill-grey {
      fill: #9098a3; }
    section.wheel #wheel.d svg .spoke_inc.fill-black {
      fill: #2a2b2c; }
    section.wheel #wheel.d svg .spoke_num path {
      fill: #fff; }
    section.wheel #wheel.d svg .spoke_label text {
      font-family: Arial, Helvetica, sans-serif;
      fill: #fff;
      font-size: 14px;
      letter-spacing: 0.05em;
      font-weight: 700;
      text-transform: uppercase; }
    section.wheel #wheel.d svg .callouts {
      /*.left-pad { transform: translateX(8px); }
                .right-pad { transform: translateX(-8px); }
                .top-pad { transform: translateY(2px); }
                .bottom-pad { transform: translateY(-2px); }*/ }
      section.wheel #wheel.d svg .callouts circle {
        fill: #323e4e; }
      section.wheel #wheel.d svg .callouts polyline {
        fill: none;
        stroke: #323e4e;
        stroke-opacity: 0;
        cursor: initial; }
        section.wheel #wheel.d svg .callouts polyline.shown {
          stroke-opacity: 1; }
      section.wheel #wheel.d svg .callouts.grey circle {
        fill: #a5acb6; }
      section.wheel #wheel.d svg .callouts.grey polyline {
        stroke: #a5acb6; }
      section.wheel #wheel.d svg .callouts text {
        opacity: 0;
        display: none;
        font-family: Arial, Helvetica, sans-serif;
        fill: #627283; }
      section.wheel #wheel.d svg .callouts .callout[data-link] {
        cursor: pointer; }
        section.wheel #wheel.d svg .callouts .callout[data-link]:hover {
          font-weight: bold;
          text-decoration: underline;
          letter-spacing: 0; }
      section.wheel #wheel.d svg .callouts .callout:not([data-link]) {
        cursor: initial; }

section.wheel #wheel.mobile .spokes .spoke {
  max-width: 500px;
  width: 100%;
  margin: 10px auto; }
  section.wheel #wheel.mobile .spokes .spoke .spoke-header {
    color: #fff;
    position: relative;
    border-radius: 20px;
    padding-left: 20px;
    padding-right: 40px; }
    section.wheel #wheel.mobile .spokes .spoke .spoke-header a {
      color: #fff; }
      section.wheel #wheel.mobile .spokes .spoke .spoke-header a:hover, section.wheel #wheel.mobile .spokes .spoke .spoke-header a:active, section.wheel #wheel.mobile .spokes .spoke .spoke-header a:focus {
        text-decoration: none; }
    section.wheel #wheel.mobile .spokes .spoke .spoke-header h4 {
      line-height: 20px;
      text-transform: uppercase;
      font-size: 15px;
      font-weight: bold;
      padding: 10px 0 10px 30px; }
      section.wheel #wheel.mobile .spokes .spoke .spoke-header h4 span {
        position: absolute;
        display: block;
        height: 40px;
        width: 40px;
        border-radius: 20px;
        top: 0;
        left: 0;
        padding-left: 12px;
        line-height: 40px; }
    section.wheel #wheel.mobile .spokes .spoke .spoke-header .toggle {
      position: absolute;
      top: 0;
      right: 0;
      width: 30%;
      height: 40px;
      text-align: right;
      padding: 10px 11px;
      cursor: pointer; }
      section.wheel #wheel.mobile .spokes .spoke .spoke-header .toggle .plusSign {
        width: 20px;
        height: 20px; }
        section.wheel #wheel.mobile .spokes .spoke .spoke-header .toggle .plusSign:before {
          border-left-color: #fff;
          left: 10px; }
        section.wheel #wheel.mobile .spokes .spoke .spoke-header .toggle .plusSign:after {
          border-top-color: #fff;
          top: 10px; }
  section.wheel #wheel.mobile .spokes .spoke .callouts {
    margin-left: 30px;
    display: none;
    padding-bottom: 15px; }
    section.wheel #wheel.mobile .spokes .spoke .callouts .callout {
      line-height: 20px;
      margin-bottom: 10px; }
      section.wheel #wheel.mobile .spokes .spoke .callouts .callout a {
        color: #627283; }
        section.wheel #wheel.mobile .spokes .spoke .callouts .callout a:hover, section.wheel #wheel.mobile .spokes .spoke .callouts .callout a:active, section.wheel #wheel.mobile .spokes .spoke .callouts .callout a:focus {
          text-decoration: none; }
  section.wheel #wheel.mobile .spokes .spoke:nth-of-type(0n+1) .spoke-header, section.wheel #wheel.mobile .spokes .spoke:nth-of-type(0n+4) .spoke-header {
    background: #ef463b; }
    section.wheel #wheel.mobile .spokes .spoke:nth-of-type(0n+1) .spoke-header h4 span, section.wheel #wheel.mobile .spokes .spoke:nth-of-type(0n+4) .spoke-header h4 span {
      background: #e5251e; }
  section.wheel #wheel.mobile .spokes .spoke:nth-of-type(0n+2) .spoke-header, section.wheel #wheel.mobile .spokes .spoke:nth-of-type(0n+6) .spoke-header {
    background: #343434; }
    section.wheel #wheel.mobile .spokes .spoke:nth-of-type(0n+2) .spoke-header h4 span, section.wheel #wheel.mobile .spokes .spoke:nth-of-type(0n+6) .spoke-header h4 span {
      background: #1e2022; }
  section.wheel #wheel.mobile .spokes .spoke:nth-of-type(0n+3) .spoke-header, section.wheel #wheel.mobile .spokes .spoke:nth-of-type(0n+5) .spoke-header {
    background: #a5acb6; }
    section.wheel #wheel.mobile .spokes .spoke:nth-of-type(0n+3) .spoke-header h4 span, section.wheel #wheel.mobile .spokes .spoke:nth-of-type(0n+5) .spoke-header h4 span {
      background: #7f8894; }
  section.wheel #wheel.mobile .spokes .spoke.open .spoke-header .toggle .plusSign:before {
    opacity: 0; }

@media (max-width: 400px) {
  section.wheel #wheel.mobile .spokes .spoke .spoke-header h4 {
    font-size: 13px; } }

@media (min-width: 768px) {
  section.wheel h3 {
    font-size: 32px; } }

.solutionhorimg .row {
  margin: 20px 0; }

.solutionhorimg.digital .tltBlock h1, .solutionhorimg.digital .tltBlock h2 {
  font-size: 36px;
  background: none;
  margin: 20px 0 10px 0;
  line-height: 32px;
  position: relative;
  text-align: left; }
  .solutionhorimg.digital .tltBlock h1:before, .solutionhorimg.digital .tltBlock h2:before {
    display: none; }

.solutionhorimg.digital .tltBlock .textBlock {
  margin-top: 25px; }
  .solutionhorimg.digital .tltBlock .textBlock a.seemore {
    font-weight: bold;
    display: block;
    margin-top: 15px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 10px 15px 10px 10px; }
    .solutionhorimg.digital .tltBlock .textBlock a.seemore .plusSign {
      width: 19px;
      height: 19px;
      top: 3px;
      margin-right: 5px; }
      .solutionhorimg.digital .tltBlock .textBlock a.seemore .plusSign:before {
        left: 9px;
        transition: border-color .3s; }
      .solutionhorimg.digital .tltBlock .textBlock a.seemore .plusSign:after {
        top: 9px;
        transition: border-color .3s; }
    .solutionhorimg.digital .tltBlock .textBlock a.seemore:hover {
      background-color: #ef463c;
      color: white;
      text-decoration: none; }
      .solutionhorimg.digital .tltBlock .textBlock a.seemore:hover .plusSign:before {
        border-left: 1px solid #fff;
        transition: border-color .3s; }
      .solutionhorimg.digital .tltBlock .textBlock a.seemore:hover .plusSign:after {
        border-top: 1px solid #fff;
        transition: border-color .3s; }

.solutionhorimg.digital .photoBlock iframe {
  width: 100%; }

.solutionhorimg.digital .photoDesc {
  position: relative;
  float: right;
  background: #343434; }

.solutionhorimg.digital .row {
  background-color: #f5f5f5;
  padding: 30px 30px 10px 30px; }
  .solutionhorimg.digital .row.noborder {
    background-color: inherit;
    padding: 0; }

.solutionhorimg.digital .nobottommargin {
  margin-bottom: 0px; }

.solutionhorimg.digital .hottopicstitle {
  margin-top: 0;
  padding: 0;
  background-color: inherit; }
  .solutionhorimg.digital .hottopicstitle h3 {
    text-transform: uppercase;
    font-size: 24px;
    letter-spacing: 2px;
    margin-top: 0; }
    .solutionhorimg.digital .hottopicstitle h3 b {
      font-weight: 900; }
    .solutionhorimg.digital .hottopicstitle h3 a {
      color: inherit; }
      .solutionhorimg.digital .hottopicstitle h3 a:hover {
        color: #ef463c;
        text-decoration: none; }
  .solutionhorimg.digital .hottopicstitle > div {
    padding: 0; }

@media (min-width: 768px) {
  .solutionhorimg.digital .left .tltBlock h1, .solutionhorimg.digital .left .tltBlock h2, .solutionhorimg.digital .left .tltBlock .textBlock {
    text-align: right; }
  .solutionhorimg.digital .left .photoDesc {
    float: left; }
  .solutionhorimg.digital .hottopicstitle h3 {
    font-size: 32px; } }

@media (max-width: 767px) {
  .solutionhorimg.digital .tltBlock h1, .solutionhorimg.digital .tltBlock h2 {
    font-size: 32px; } }

.solutionCase {
  padding: 60px 0;
  position: relative;
  overflow: hidden; }
  .solutionCase.narrow {
    padding: 0 15px !important; }
    .solutionCase.narrow .website-width {
      position: relative;
      padding: 30px;
      overflow: hidden;
      z-index: 1; }
    .solutionCase.narrow .solutionBg {
      padding: 0; }
    .solutionCase.narrow .imageCredits.right {
      right: 0; }
    .solutionCase.narrow .imageCredits.left {
      left: 0; }
  .solutionCase .cell6, .solutionCase .tablet6 {
    margin: 0; }
  .solutionCase .solutionBg {
    position: absolute;
    z-index: -1;
    min-height: 100%;
    min-width: 100%;
    max-width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .solutionCase .casesTxt {
    background: #fff;
    padding: 30px 70px 30px 35px;
    position: relative; }
    .solutionCase .casesTxt.nolink {
      padding: 30px 35px 30px 35px; }
    .solutionCase .casesTxt a {
      display: block;
      color: #627283;
      padding: 30px 70px 30px 35px;
      margin: -30px -70px -30px -35px;
      text-decoration: none; }
    .solutionCase .casesTxt h3 {
      color: #EF463C;
      font-size: 24px;
      font-weight: bold;
      line-height: 24px;
      margin-bottom: 28px;
      margin-top: 4px; }
    .solutionCase .casesTxt p {
      font-size: 15px;
      line-height: 22px; }
    .solutionCase .casesTxt .casesMore {
      margin-right: -100px; }
  .solutionCase .casesLogo {
    float: right;
    margin-right: -100px; }
  .solutionCase .row.hasbuttons {
    margin-bottom: 0; }
  .solutionCase .buttonBox a:not(:hover) {
    background-color: rgba(0, 0, 0, 0.25); }
  .solutionCase .buttonBox a {
    margin: 0; }
  .solutionCase .buttonBox div:first-of-type {
    text-align: right; }
    .solutionCase .buttonBox div:first-of-type.centered {
      text-align: center; }
  .solutionCase .buttonBox div:last-of-type {
    text-align: left; }
  .solutionCase .casesMore {
    float: right;
    display: block;
    width: 30px;
    height: 30px;
    margin-top: -40px; }
  .solutionCase .casesMore img {
    width: 100%; }

@media (min-width: 1024px) {
  .solutionCase {
    padding: 110px 0; }
    .solutionCase.hasbuttons {
      padding: 110px 0 80px 0; } }

@media (max-width: 767px) {
  .solutionCase .casesLogo {
    margin-right: -50px;
    width: 50px; }
  .solutionCase .casesTxt {
    padding: 15px 60px 15px; }
    .solutionCase .casesTxt a {
      padding: 15px 60px 15px;
      margin: -15px -60px -15px; }
    .solutionCase .casesTxt .casesMore {
      margin-right: -50px; }
  .solutionCase.hasbuttons {
    padding: 100px 0 40px 0; }
  .solutionCase .row.hasbuttons .cell6, .solutionCase .row.hasbuttons .tablet6 {
    margin-bottom: 20px; } }

@media (max-width: 1199px) {
  .solutionCase .solutionBg {
    max-width: initial; }
  .solutionCase.hasbuttons {
    padding: 100px 0 60px 0; } }

.icc-wrapper .loadingMask {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5); }

.icc-wrapper h1 {
  margin-top: 35px; }

.icc-wrapper h3.icc-column-title {
  background-color: #ef463c;
  color: white;
  padding: 10px 10px 10px 20px;
  text-transform: uppercase; }

.icc-wrapper .iccitem {
  background-color: #f7f7f7;
  padding: 20px;
  margin: 20px 0;
  position: relative; }
  .icc-wrapper .iccitem .dates {
    font-size: 18px;
    font-weight: bold;
    margin: 20px 0 10px 0; }
    .icc-wrapper .iccitem .dates > div {
      display: inline-block; }
      .icc-wrapper .iccitem .dates > div .icc-from-date {
        margin-right: 3px; }
      .icc-wrapper .iccitem .dates > div .fa {
        margin-right: 7px; }
        .icc-wrapper .iccitem .dates > div .fa.fa-long-arrow-right {
          margin-left: 0px;
          margin-right: 5px; }
        .icc-wrapper .iccitem .dates > div .fa.fa-clock-o {
          width: 16px; }
  .icc-wrapper .iccitem .details {
    padding: 10px 0; }
  .icc-wrapper .iccitem .buttonBox {
    text-align: center;
    margin: 0; }
    .icc-wrapper .iccitem .buttonBox .subscribeBtn {
      font-weight: bold;
      color: #ef463c; }
      .icc-wrapper .iccitem .buttonBox .subscribeBtn.off {
        color: #fff;
        background: #ef463c; }
        .icc-wrapper .iccitem .buttonBox .subscribeBtn.off:hover, .icc-wrapper .iccitem .buttonBox .subscribeBtn.off:focus {
          background: none;
          color: #ef463c; }
      .icc-wrapper .iccitem .buttonBox .subscribeBtn:hover, .icc-wrapper .iccitem .buttonBox .subscribeBtn:focus {
        text-decoration: none;
        color: #fff; }
  .icc-wrapper .iccitem h3 {
    position: relative;
    margin-top: 10px; }
    .icc-wrapper .iccitem h3 i {
      position: absolute;
      right: 0;
      top: 2px;
      cursor: pointer;
      transition: color 0.5s ease; }
      .icc-wrapper .iccitem h3 i.off {
        color: #cecece;
        /*transition: color 0.5s ease;*/ }
      .icc-wrapper .iccitem h3 i:hover {
        color: #ef463c;
        /*transition: color 0.5s ease;*/ }

.icc-wrapper .icccontact {
  margin: 20px 0; }

.icc-wrapper #iccContactPopup {
  position: fixed;
  z-index: 10001;
  top: 20vh;
  max-height: 70vh;
  overflow-y: auto;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 95%;
  max-width: 700px;
  padding: 20px;
  background: #ef463c; }
  .icc-wrapper #iccContactPopup * {
    background: transparent !important;
    color: #fff !important; }
  .icc-wrapper #iccContactPopup .close {
    opacity: 1;
    padding: 10px 20px;
    margin: -13px -20px; }

@media (min-width: 992px) and (max-width: 1199px), (max-width: 340px) {
  .icc-wrapper .iccitem .dates {
    font-size: 16px; } }

.iccheader {
  background: #ef463c; }
  .iccheader .buttonBox {
    margin-top: 20px;
    margin-bottom: 0; }
    .iccheader .buttonBox .button.white.filled {
      background: #fff;
      color: #ef463c; }

@media (min-width: 1200px) {
  .iccheader .buttonBox {
    margin-top: 16px; } }

.hr .jobCounter {
  background: #EF463C;
  color: #fff; }
  .hr .jobCounter .intro {
    padding: 0 30px;
    color: inherit;
    text-align: left;
    box-sizing: border-box; }
    .hr .jobCounter .intro h3 {
      margin: 0;
      padding: 30px 0;
      font-size: 25px;
      color: inherit;
      text-align: left;
      font-weight: normal; }
    .hr .jobCounter .intro p {
      margin: 0;
      line-height: 26px;
      font-size: 13px; }
  .hr .jobCounter .jobNumber {
    padding: 20px 0;
    text-transform: uppercase;
    text-align: center;
    box-sizing: border-box;
    margin: 0 -10px; }
    .hr .jobCounter .jobNumber .number {
      font-size: 100px;
      line-height: 1;
      font-weight: bold; }
    .hr .jobCounter .jobNumber .button {
      display: inline-block;
      margin-top: 20px;
      padding: 0 22px;
      height: 40px;
      line-height: 36px;
      border: 2px solid #fff;
      color: #fff;
      text-align: center;
      cursor: pointer;
      text-decoration: none;
      text-transform: uppercase;
      font-weight: bold;
      box-sizing: border-box;
      font-size: 13px; }

@media (max-width: 1399px) {
  .hr .jobCounter .intro {
    padding: 0 20px; }
  .hr .jobCounter h3 {
    padding: 20px 0; } }

@media (min-width: 1200px) {
  .hr .jobCounter .jobNumber .button {
    font-size: 17px; } }

@media (max-width: 767px) {
  .hr .jobCounter .jobNumber .button {
    font-size: 15px; } }

@media (min-width: 768px) {
  .hr .jobCounter .intro {
    height: 0;
    padding-bottom: 100%; } }

section.chapters .toc {
  display: none; }

section.chapters .tocTop .bg {
  background: #f7f7f7;
  padding: 10px 22px; }

section.chapters .tocTop h3.title {
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px; }

section.chapters .tocTop a {
  text-align: center;
  position: relative;
  display: block; }
  section.chapters .tocTop a:hover {
    text-decoration: none; }
    section.chapters .tocTop a:hover .chapicon {
      display: none; }
      section.chapters .tocTop a:hover .chapicon.hover {
        display: block; }
    section.chapters .tocTop a:hover .chapnum {
      color: #ef463c; }
    section.chapters .tocTop a:hover:not(.hasCta) {
      color: #ef463c;
      background: #fff; }
      section.chapters .tocTop a:hover:not(.hasCta) h3, section.chapters .tocTop a:hover:not(.hasCta) h4 {
        color: #627283; }
      section.chapters .tocTop a:hover:not(.hasCta) h3 {
        top: 60px; }
      section.chapters .tocTop a:hover:not(.hasCta) h4 {
        margin-top: 35px; }
    section.chapters .tocTop a:hover.hasCta {
      background: #fff;
      padding: 20px 0; }
      section.chapters .tocTop a:hover.hasCta .button.fillred {
        background: #fff;
        color: #ef463c;
        border-color: #ef463c; }
  section.chapters .tocTop a:focus {
    color: #627283;
    text-decoration: none; }
  section.chapters .tocTop a .chapicon {
    transition: inherit;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 21px;
    padding: 0;
    margin: 0 auto;
    text-align: center; }
  section.chapters .tocTop a .chapnum {
    transition: inherit;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0 auto;
    font-weight: 900;
    font-size: 57px;
    color: rgba(125, 112, 111, 0.27);
    text-align: center; }
  section.chapters .tocTop a h3 {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 20px;
    color: inherit;
    transition: all 0.3s ease-in-out; }
  section.chapters .tocTop a h4 {
    margin: 2px 10px 3px;
    font-weight: normal;
    font-size: 14px;
    color: inherit;
    top: 60px;
    transition: all 0.3s ease-in-out; }
  section.chapters .tocTop a:not(.hasCta) {
    background: #f7f7f7;
    color: #627283;
    padding: 76px 13px 11px; }
    section.chapters .tocTop a:not(.hasCta) h3 {
      position: absolute;
      z-index: 2;
      top: 13px;
      left: 0;
      right: 0;
      margin: 19px 10px;
      font-weight: bold; }
  section.chapters .tocTop a.hasCta {
    transition: all 0.3s ease-in-out;
    padding: 10px 0; }
    section.chapters .tocTop a.hasCta .button.fillred {
      max-width: 300px;
      color: #fff;
      padding: 10px 20px;
      transition: all 0.3s ease-in-out; }

section.chapters .tocTop.mobile .bg {
  background: #fff; }

section.chapters .tocTop.mobile a .chapicon {
  display: none; }
  section.chapters .tocTop.mobile a .chapicon.hover {
    display: block;
    position: relative;
    top: 0; }

section.chapters .tocTop.mobile a .chapnum {
  color: #ef463c;
  position: relative;
  font-size: 40px; }

section.chapters .tocTop.mobile a:not(.hasCta) {
  color: #ef463c;
  background: #fff;
  padding: 10px; }
  section.chapters .tocTop.mobile a:not(.hasCta) h3, section.chapters .tocTop.mobile a:not(.hasCta) h4 {
    color: #627283; }
  section.chapters .tocTop.mobile a:not(.hasCta) h3 {
    top: 0;
    margin: 5px; }
  section.chapters .tocTop.mobile a:not(.hasCta) h4 {
    margin-top: 0; }

section.chapters .tocTop.mobile a.hasCta {
  background: #fff;
  padding: 20px 0;
  /*.button.fillred { background: #fff; color: $brand-primary; border-color: $brand-primary;}*/ }

section.chapters .tocTop.mobile a:not(.hasCta) {
  background: #fff;
  color: #627283;
  padding: 10px; }
  section.chapters .tocTop.mobile a:not(.hasCta) h3 {
    position: relative; }

@media (min-width: 900px) {
  section.chapters a:hover, section.chapters a:focus {
    color: #ef463c; }
  section.chapters .toc {
    display: block;
    opacity: 0;
    position: fixed;
    left: 0;
    padding: 15px 10px;
    z-index: 10;
    margin-top: 20px;
    top: 140px; }
    section.chapters .toc ul > li a {
      display: block;
      transition: none;
      color: #d4d4d4; }
      section.chapters .toc ul > li a:hover {
        text-decoration: none;
        color: #ef463c; }
        section.chapters .toc ul > li a:hover .chapicon {
          display: none; }
          section.chapters .toc ul > li a:hover .chapicon.hover {
            display: inline-block; }
      section.chapters .toc ul > li a:focus {
        text-decoration: none; }
      section.chapters .toc ul > li a:focus:not(.active) {
        color: #d4d4d4; }
      section.chapters .toc ul > li a.active {
        color: #ef463c; }
      section.chapters .toc ul > li a.active .chapicon {
        display: none; }
        section.chapters .toc ul > li a.active .chapicon.hover {
          display: inline-block; }
      section.chapters .toc ul > li a .chapicon {
        display: inline-block;
        vertical-align: middle;
        width: 40px;
        height: 40px;
        margin-left: 4px; }
        section.chapters .toc ul > li a .chapicon img {
          vertical-align: middle; }
        section.chapters .toc ul > li a .chapicon.hover {
          display: none; }
      section.chapters .toc ul > li a .chapnum {
        font-size: 28px;
        vertical-align: middle;
        width: 50px;
        height: 40px;
        display: inline-block;
        padding: 0px 5px 0 3px;
        font-weight: 900;
        letter-spacing: -2px;
        text-align: center; }
      section.chapters .toc ul > li a .chaptitle {
        width: 0;
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 8px;
        color: #fff;
        height: 40px;
        margin-left: -4px;
        font-size: 16px;
        font-weight: bold; }
      section.chapters .toc ul > li a:hover {
        background: white; }
        section.chapters .toc ul > li a:hover .chaptitle {
          width: auto;
          background: #ef463c;
          padding: 10px 10px; }
  .container.chapter, .chapfix .container, .tocTop {
    width: 750px; } }

@media (min-width: 1098px) {
  .container.chapter, .chapfix .container, .tocTop {
    width: 970px; } }

@media (min-width: 1350px) {
  .container.chapter, .chapfix .container, .tocTop {
    width: 1170px; } }

@media (max-width: 991px) {
  section.chapters .tocTop .bg {
    padding: 10px; } }

#progressBar {
  display: block;
  position: fixed;
  height: 5px;
  float: left;
  transition: width .6s ease;
  z-index: 999; }

#cookieSettingsMask {
  display: none;
  background: rgba(78, 78, 78, 0.6);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999; }

#cookieBannerMask {
  background: rgba(78, 78, 78, 0.6);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999; }

#cookieBanner {
  display: block;
  position: fixed;
  top: 20vh;
  left: 15px;
  right: 15px;
  margin: auto;
  width: 800px;
  max-width: 90vw;
  z-index: 10000111;
  background-color: #fff;
  padding: 40px 50px; }
  #cookieBanner .msg {
    font-size: 16px; }
    #cookieBanner .msg h2 {
      margin-top: 0;
      text-align: left;
      font-size: 30px; }
    #cookieBanner .msg a {
      text-decoration: none;
      font-weight: bold; }
  #cookieBanner .buttons {
    margin-top: 60px; }
    #cookieBanner .buttons > div {
      float: right; }
    #cookieBanner .buttons .cookieMoreInfo {
      font-size: 18px;
      text-decoration: underline;
      color: inherit;
      text-transform: uppercase;
      line-height: 40px;
      font-weight: bold; }
    #cookieBanner .buttons .settings {
      text-transform: uppercase;
      padding: 6px 30px;
      font-size: 17px;
      white-space: nowrap;
      color: #fff;
      background: #999;
      border-color: #999; }
      #cookieBanner .buttons .settings:hover {
        border-color: #999;
        color: #999;
        background: #fff; }
    #cookieBanner .buttons .accept {
      text-transform: uppercase;
      padding: 6px 30px;
      font-size: 17px;
      white-space: nowrap;
      margin-left: 12px; }

#cookieSettings {
  opacity: 0;
  transition: opacity 400ms ease;
  display: block;
  position: fixed;
  top: 10vh;
  height: 570px;
  max-height: 80vh;
  background: #fff;
  z-index: 10000;
  margin: 40px;
  left: 0;
  right: 0;
  margin: auto;
  width: 950px;
  max-width: 95vw; }
  #cookieSettings.open {
    opacity: 1; }
  #cookieSettings .cont {
    display: table;
    width: 100%;
    height: 100%; }
  #cookieSettings .l {
    display: table-cell;
    background: #ef463c;
    color: #fff;
    vertical-align: top; }
    #cookieSettings .l .logo {
      margin: 30px 20px; }
      #cookieSettings .l .logo img {
        display: inline;
        height: auto;
        width: 150px; }
    #cookieSettings .l .tabs .tab {
      padding: 7px 20px;
      white-space: nowrap;
      position: relative;
      transition: none;
      cursor: pointer; }
      #cookieSettings .l .tabs .tab .icon {
        display: inline-block;
        font-size: 20px;
        font-weight: 100;
        margin-right: 10px;
        vertical-align: top;
        margin-top: 5px;
        width: 20px; }
      #cookieSettings .l .tabs .tab h4 {
        display: inline-block;
        font-size: 16px;
        margin-right: 35px; }
      #cookieSettings .l .tabs .tab .check {
        position: absolute;
        right: 20px;
        font-size: 18px;
        margin-top: 7px; }
      #cookieSettings .l .tabs .tab.download {
        display: block;
        color: #fff; }
        #cookieSettings .l .tabs .tab.download:hover, #cookieSettings .l .tabs .tab.download:focus {
          text-decoration: none;
          color: #ef463c;
          background: #fff; }
      #cookieSettings .l .tabs .tab.active, #cookieSettings .l .tabs .tab:hover {
        color: #ef463c;
        background: #fff; }
  #cookieSettings .r {
    display: table-cell;
    width: 100%;
    position: relative;
    padding: 30px 30px 130px;
    vertical-align: top;
    background: #fff; }
    #cookieSettings .r .ch2 {
      text-transform: uppercase;
      font-size: 20px;
      padding-right: 30px;
      margin-bottom: 44px; }
    #cookieSettings .r .close {
      position: absolute;
      right: 15px;
      top: 16px;
      font-size: 22px;
      color: #a4a4a4;
      opacity: .8;
      padding: 5px 10px; }
      #cookieSettings .r .close:hover, #cookieSettings .r .close:focus {
        color: #a4a4a4;
        opacity: 1; }
    #cookieSettings .r .tabpanels .pnl {
      display: none; }
      #cookieSettings .r .tabpanels .pnl .ch3 {
        display: block;
        font-size: 16px;
        color: #ef463c;
        font-weight: bold;
        margin-bottom: 20px; }
        #cookieSettings .r .tabpanels .pnl .ch3 .alwaysActive {
          text-transform: uppercase;
          font-size: 14px;
          color: #7cbf28;
          float: right;
          margin: 0 0 4px 8px; }
      #cookieSettings .r .tabpanels .pnl.active {
        display: block; }
      #cookieSettings .r .tabpanels .pnl.targeting .toggle {
        float: right;
        min-width: 138px;
        margin-top: -6px;
        margin-left: 8px;
        border-color: #7cbf28;
        background-color: #7cbf28; }
        #cookieSettings .r .tabpanels .pnl.targeting .toggle .toggle-on, #cookieSettings .r .tabpanels .pnl.targeting .toggle .toggle-off {
          text-transform: uppercase;
          font-weight: bold; }
        #cookieSettings .r .tabpanels .pnl.targeting .toggle .toggle-on {
          padding-right: 34px;
          background-color: #7cbf28; }
          #cookieSettings .r .tabpanels .pnl.targeting .toggle .toggle-on:hover {
            background-color: #76b526; }
        #cookieSettings .r .tabpanels .pnl.targeting .toggle .toggle-off {
          padding-left: 34px;
          color: #868686; }
          #cookieSettings .r .tabpanels .pnl.targeting .toggle .toggle-off:hover {
            background-color: #dedede; }
        #cookieSettings .r .tabpanels .pnl.targeting .toggle .toggle-handle {
          width: 64px; }
        #cookieSettings .r .tabpanels .pnl.targeting .toggle.off {
          border-color: #e6e6e6; }
        #cookieSettings .r .tabpanels .pnl.targeting .toggle:hover {
          background-color: #7cbf28; }
      #cookieSettings .r .tabpanels .pnl.targeting .toggle, #cookieSettings .r .tabpanels .pnl.targeting .toggle-on, #cookieSettings .r .tabpanels .pnl.targeting .toggle-off {
        border-radius: 20px; }
      #cookieSettings .r .tabpanels .pnl.targeting .toggle .toggle-handle {
        border-radius: 20px; }
      #cookieSettings .r .tabpanels .pnl.targeting .targetingWarning {
        display: none;
        color: #ef463c;
        margin-top: 20px; }
    #cookieSettings .r .buttonBox {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 20px 0;
      text-align: center; }
      #cookieSettings .r .buttonBox .allowAll {
        transition: background-color .3s, color .3s, border-color .3s; }
      #cookieSettings .r .buttonBox .saveSettings {
        color: #a4a4a4;
        border-color: #a4a4a4;
        transition: background-color .3s, color .3s, border-color .3s; }
        #cookieSettings .r .buttonBox .saveSettings:hover {
          background-color: #a4a4a4;
          color: #fff; }

@media (max-width: 991px) {
  #cookieBanner .buttons {
    margin-top: 30px; }
    #cookieBanner .buttons > div {
      float: none;
      text-align: center;
      margin-top: 30px; }
      #cookieBanner .buttons > div .button {
        margin: 6px 12px; } }

@media (max-width: 767px) {
  #cookieSettings {
    top: 20px;
    display: table; }
    #cookieSettings .l {
      display: block; }
      #cookieSettings .l .logo {
        margin: 0;
        padding: 16px 20px; }
      #cookieSettings .l .tabs .tab {
        padding: 0 20px; }
    #cookieSettings .r {
      display: block;
      padding: 20px 20px 110px;
      position: initial; }
      #cookieSettings .r .ch2 {
        margin-bottom: 10px; }
      #cookieSettings .r .close {
        color: #fff;
        top: 10px;
        right: 10px; }
        #cookieSettings .r .close:hover, #cookieSettings .r .close:focus {
          color: #fff; }
      #cookieSettings .r .tabpanels .pnl .ch3 {
        margin-bottom: 0; }
      #cookieSettings .r .buttonBox {
        left: 20px;
        right: 20px;
        margin-bottom: 10px; } }

@media (max-width: 500px) {
  #cookieBanner {
    bottom: 15px;
    top: auto;
    padding: 20px;
    left: 10px;
    right: 10px;
    width: auto;
    max-width: none; }
    #cookieBanner .msg h2 {
      margin-bottom: 10px; }
    #cookieBanner .buttons {
      margin-top: 10px; }
      #cookieBanner .buttons > div {
        margin-top: 10px; }
        #cookieBanner .buttons > div .button {
          width: 100%;
          margin: 6px 0; }
  #cookieSettings {
    position: absolute; }
    #cookieSettings .l .tabs .tab {
      padding: 0 40px 0 20px; }
      #cookieSettings .l .tabs .tab h4 {
        white-space: normal; }
      #cookieSettings .l .tabs .tab .check {
        right: 20px; } }

.corpAdmin h2 {
  background-image: none; }

.corpAdmin table {
  width: auto; }
  .corpAdmin table tr > td {
    vertical-align: middle; }

.corpAdmin .resend .registrations #registrations {
  max-height: 50vh;
  overflow-x: scroll; }

.corpAdmin .resend .resendType label {
  margin-right: 12px; }

.corpAdmin .well.bg-warning {
  background-color: #fcf8e3; }

section.pillarTextBlock {
  padding: 60px 15px 35px;
  margin: 0;
  background-color: #f7f7f7; }
  section.pillarTextBlock .container {
    background: #fff;
    padding: 0;
    position: relative; }
  section.pillarTextBlock .title-image .title {
    margin-top: 30px; }
  section.pillarTextBlock .quote {
    padding: 30px 30px;
    margin: 30px 0px;
    font-size: 28px;
    font-style: italic;
    line-height: 1.7;
    text-align: center; }
  section.pillarTextBlock .cta a {
    display: block;
    margin: 0; }
  section.pillarTextBlock .read-more {
    display: none;
    margin: 20px 0; }
  section.pillarTextBlock .read-more-btn {
    cursor: pointer;
    color: #ef463c;
    padding: 20px 0 10px;
    display: block; }
  @media (max-width: 767px) {
    section.pillarTextBlock .title-image {
      margin: 0;
      padding: 0; }
      section.pillarTextBlock .title-image .image {
        margin: 0;
        padding: 0; }
      section.pillarTextBlock .title-image .title {
        padding: 15px;
        margin-top: 0; } }
  @media (min-width: 768px) {
    section.pillarTextBlock {
      padding: 60px 0 35px; }
      section.pillarTextBlock .container {
        padding: 30px; }
      section.pillarTextBlock .title-image {
        margin: 20px 0; }
        section.pillarTextBlock .title-image .image > div {
          margin: -80px -30px 0; }
      section.pillarTextBlock .cta a {
        margin: 0 -30px -30px; } }
  @media (min-width: 992px) {
    section.pillarTextBlock .title-image .image > div {
      margin: -80px 0 0 -100px; }
    section.pillarTextBlock .title-image .title {
      margin-top: -30px; }
    section.pillarTextBlock .quote {
      padding: 50px 70px;
      margin: 60px 15px;
      font-size: 32px;
      font-style: italic;
      line-height: 1.7;
      text-align: center; }
    section.pillarTextBlock .cta {
      position: absolute;
      bottom: -24px;
      left: 50%;
      max-width: 100%; }
      section.pillarTextBlock .cta a {
        margin: 0;
        position: relative;
        left: -50%;
        white-space: nowrap; }
    section.pillarTextBlock .read-more {
      display: block; }
    section.pillarTextBlock .read-more-btn {
      display: none; } }

.enablingTechnologies {
  padding: 60px 15px 30px;
  margin: 0;
  background-color: #f7f7f7; }
  .enablingTechnologies .container {
    position: relative; }
  .enablingTechnologies .popbox {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 20px 0px;
    padding: 30px 30px;
    margin: 0 -15px 20px; }
  .enablingTechnologies .hottopicstitle {
    margin-top: 0;
    text-align: center; }
    .enablingTechnologies .hottopicstitle h3 {
      text-transform: uppercase;
      font-size: 24px;
      letter-spacing: 2px;
      margin-top: 0; }
      .enablingTechnologies .hottopicstitle h3 b {
        font-weight: 900; }
  .enablingTechnologies .cta a {
    display: block;
    margin: 20px -30px -40px; }
  .enablingTechnologies .items {
    margin: 0 0; }
    .enablingTechnologies .items .item {
      display: inline-block;
      position: relative;
      overflow: hidden;
      width: 100%;
      margin: 10px 0; }
      .enablingTechnologies .items .item:hover, .enablingTechnologies .items .item:focus {
        color: #fff;
        text-decoration: none; }
      .enablingTechnologies .items .item .bg-image {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        z-index: 1;
        background-size: cover;
        filter: blur(1px);
        -webkit-filter: blur(1px);
        transition: 100ms -webkit-filter linear, 200ms opacity;
        opacity: .9; }
      .enablingTechnologies .items .item .text {
        position: relative;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        z-index: 2;
        text-align: center;
        color: #fff;
        background: rgba(106, 106, 106, 0.3);
        min-height: 110px;
        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;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .enablingTechnologies .items .item .text .title {
          font-weight: bold;
          font-size: 22px;
          padding: 0; }
        .enablingTechnologies .items .item .text .subtitle {
          font-size: 16px;
          padding: 4px 16px 0; }
      .enablingTechnologies .items .item::before {
        right: 1px;
        bottom: -5px;
        content: "＋";
        position: absolute;
        pointer-events: none;
        color: rgba(255, 255, 255, 0.6);
        font-size: 29px;
        z-index: 3; }
      .enablingTechnologies .items .item::after {
        right: -40px;
        bottom: -40px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(239, 70, 60, 0);
        border-bottom-color: #EF463C;
        border-width: 40px;
        z-index: 2;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg); }
      .enablingTechnologies .items .item:hover .bg-image {
        filter: blur(0px);
        -webkit-filter: blur(0px);
        opacity: 1; }
  @media (min-width: 768px) {
    .enablingTechnologies {
      padding: 60px 0 30px; }
      .enablingTechnologies .hottopicstitle h3 {
        font-size: 32px; }
      .enablingTechnologies .items .item {
        width: 46%;
        padding-bottom: 17%;
        margin: 2%;
        height: 0; }
        .enablingTechnologies .items .item .text {
          position: absolute;
          min-height: 0; }
          .enablingTechnologies .items .item .text .title {
            padding: 0; }
          .enablingTechnologies .items .item .text .subtitle {
            padding: 4px 16px 0; } }
  @media (min-width: 992px) {
    .enablingTechnologies .cta {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .enablingTechnologies .cta a {
        margin: 23px auto 0; }
    .enablingTechnologies .items .item {
      width: 29.33%;
      padding-bottom: 12%;
      margin: 2%; } }
  @media (min-width: 1200px) {
    .enablingTechnologies .items .item {
      padding-bottom: 10%; } }

.iconCards {
  padding: 60px 15px 30px;
  margin: 0;
  background-color: #f7f7f7; }
  .iconCards .container {
    position: relative; }
  .iconCards .popbox {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 20px 0px;
    padding: 40px 30px;
    margin: 0 -15px 20px; }
  .iconCards .hottopicstitle {
    margin-top: 0;
    text-align: center; }
    .iconCards .hottopicstitle h3 {
      text-transform: uppercase;
      font-size: 24px;
      letter-spacing: 2px;
      margin-top: 0; }
      .iconCards .hottopicstitle h3 b {
        font-weight: 900; }
  .iconCards .cta a {
    display: block;
    margin: 20px -30px -40px; }
  .iconCards .items {
    margin-top: -20px; }
    .iconCards .items .item {
      display: inline-block;
      width: 100%;
      text-align: center;
      color: #576678;
      vertical-align: top;
      padding: 15px 0; }
      .iconCards .items .item:hover, .iconCards .items .item:focus {
        color: #ef463c;
        text-decoration: none; }
      .iconCards .items .item .image {
        display: inline-block;
        height: 100%;
        vertical-align: middle; }
      .iconCards .items .item .image-helper {
        display: inline-block;
        height: 100%;
        vertical-align: middle; }
      .iconCards .items .item .title {
        color: inherit;
        font-weight: bold;
        font-size: 18px;
        padding: 5px 10px 10px; }
      .iconCards .items .item .link {
        color: #ef463c;
        text-transform: uppercase;
        font-size: 14px; }
  @media (min-width: 350px) {
    .iconCards .items .item {
      width: 50%; } }
  @media (min-width: 768px) {
    .iconCards {
      padding: 60px 0 30px; }
      .iconCards .hottopicstitle h3 {
        font-size: 32px; }
      .iconCards .items .item {
        width: 33.33%; }
        .iconCards .items .item .title {
          font-size: 22px; }
        .iconCards .items .item .link {
          font-size: 18px; }
      .iconCards .cta a {
        margin: 20px -30px -40px; } }
  @media (min-width: 992px) {
    .iconCards .cta {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .iconCards .cta a {
        margin: 23px auto 0; }
    .iconCards .items .item {
      padding: 15px 10px; } }

.storiesCarousel {
  padding: 60px 15px 30px;
  margin: 0;
  background-color: #f7f7f7; }
  .storiesCarousel .container {
    position: relative;
    padding: 0; }
  .storiesCarousel .hottopicstitle {
    margin-top: 0;
    text-align: center; }
    .storiesCarousel .hottopicstitle h3 {
      text-transform: uppercase;
      font-size: 24px;
      letter-spacing: 2px;
      margin-top: 0; }
      .storiesCarousel .hottopicstitle h3 b {
        font-weight: 900; }
  .storiesCarousel .cta a {
    display: block;
    margin: 20px 0; }
  .storiesCarousel .carousel .carousel-inner {
    background: #fff;
    color: #576678;
    padding-bottom: 30px; }
    .storiesCarousel .carousel .carousel-inner .item {
      padding: 15px; }
      .storiesCarousel .carousel .carousel-inner .item .text {
        text-align: center;
        font-size: 16px;
        text-align: center;
        display: table-cell;
        vertical-align: middle; }
      .storiesCarousel .carousel .carousel-inner .item .quote {
        font-size: 16px;
        font-style: italic;
        margin-bottom: 1.5em;
        background: inherit;
        color: inherit; }
  .storiesCarousel .carousel .carousel-indicators {
    margin-bottom: 20px; }
    .storiesCarousel .carousel .carousel-indicators li {
      border-color: #576678;
      margin: 1px 6px; }
      .storiesCarousel .carousel .carousel-indicators li.active {
        background-color: #576678;
        margin: 0px 6px; }
  @media (min-width: 768px) {
    .storiesCarousel {
      padding: 60px 0 30px; }
      .storiesCarousel .hottopicstitle h3 {
        font-size: 32px; }
      .storiesCarousel .carousel .carousel-inner .item {
        padding: 30px 50px; }
        .storiesCarousel .carousel .carousel-inner .item .text {
          font-size: 19px; }
        .storiesCarousel .carousel .carousel-inner .item .quote {
          font-size: 24px; } }
  @media (min-width: 992px) {
    .storiesCarousel .cta {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .storiesCarousel .cta a {
        margin: 23px auto 0; }
    .storiesCarousel .carousel .carousel-inner .item {
      padding: 40px 80px; }
      .storiesCarousel .carousel .carousel-inner .item .quote {
        font-size: 34px; } }

.meetAnExpert {
  padding: 60px 15px 30px;
  margin: 0;
  background-color: #f7f7f7; }
  .meetAnExpert .container {
    position: relative;
    background: #fff;
    padding: 0; }
  .meetAnExpert .left, .meetAnExpert .right {
    padding: 15px 15px; }
  .meetAnExpert .left .left-image {
    margin-top: 40px; }
    .meetAnExpert .left .left-image img {
      float: left;
      margin: -20px 20px 20px 0; }
  .meetAnExpert .left .cta {
    width: 100%;
    clear: both;
    text-align: right; }
    .meetAnExpert .left .cta .button {
      padding: 13px 50px;
      margin-top: -9px; }
  .meetAnExpert .right {
    color: #fff;
    background-size: cover;
    background-position: center; }
    .meetAnExpert .right h3 {
      margin-bottom: 40px; }
    .meetAnExpert .right .cta {
      border-color: #fff;
      margin-top: 30px; }
      .meetAnExpert .right .cta:hover, .meetAnExpert .right .cta:focus {
        border-color: #ef463c; }
      .meetAnExpert .right .cta img {
        height: 30px; }
  .meetAnExpert .hubspot-form {
    clear: both;
    margin: 60px auto 0; }
    .meetAnExpert .hubspot-form .hbspt-form label {
      display: none; }
    .meetAnExpert .hubspot-form .container {
      width: 100%; }
      .meetAnExpert .hubspot-form .container .row {
        margin: 0 -15px; }
    .meetAnExpert .hubspot-form .hbspt-form form {
      display: table; }
      .meetAnExpert .hubspot-form .hbspt-form form .field.hs-email {
        display: table-cell;
        width: 100%;
        padding: 0; }
        .meetAnExpert .hubspot-form .hbspt-form form .field.hs-email input {
          height: 54px;
          border: 1px solid #ef463c;
          background: #fff; }
      .meetAnExpert .hubspot-form .hbspt-form form .hs-submit input[type="submit"] {
        display: table-cell;
        height: 54px;
        padding: 10px 20px; }
        .meetAnExpert .hubspot-form .hbspt-form form .hs-submit input[type="submit"]:hover, .meetAnExpert .hubspot-form .hbspt-form form .hs-submit input[type="submit"]:focus {
          background: #ef463c;
          color: #fff; }
  @media (max-width: 400px) {
    .meetAnExpert .left .left-image {
      margin-top: 0;
      text-align: center; }
      .meetAnExpert .left .left-image img {
        float: none;
        margin: 15px; }
    .meetAnExpert .hubspot-form {
      margin: 10px auto 0; }
      .meetAnExpert .hubspot-form .hbspt-form form {
        display: block; }
        .meetAnExpert .hubspot-form .hbspt-form form .field.hs-email {
          display: block; }
          .meetAnExpert .hubspot-form .hbspt-form form .field.hs-email input {
            height: 40px; }
        .meetAnExpert .hubspot-form .hbspt-form form .hs-submit input[type="submit"] {
          display: block;
          height: 40px;
          padding: 10px 20px;
          margin-top: 0; } }
  @media (min-width: 768px) {
    .meetAnExpert {
      padding: 60px 0 30px; }
      .meetAnExpert .left {
        padding: 20px 40px 20px; }
      .meetAnExpert .right {
        padding: 20px 40px 40px; }
      .meetAnExpert .left .left-image {
        margin-top: 60px; } }
  @media (min-width: 992px) {
    .meetAnExpert .left {
      padding: 20px 40px 40px; }
    .meetAnExpert .container {
      display: table; }
    .meetAnExpert .left, .meetAnExpert .right {
      display: table-cell;
      width: 50%; } }

.followUs {
  padding: 30px 0 30px;
  margin: 0;
  background-color: #f7f7f7; }
  .followUs .container {
    position: relative; }
  .followUs .container-align.social-section {
    font-size: 26px;
    text-align: center; }
    .followUs .container-align.social-section .social-call-to-action {
      font-weight: 700;
      padding-left: 0;
      vertical-align: middle;
      margin-right: 16px; }
    .followUs .container-align.social-section span:not(.social-call-to-action) {
      cursor: pointer; }
    .followUs .container-align.social-section .button-block {
      display: inline-block; }
      .followUs .container-align.social-section .button-block a {
        color: #878787; }
        .followUs .container-align.social-section .button-block a span {
          font-size: 32px;
          vertical-align: middle;
          padding: 10px 6px; }
        .followUs .container-align.social-section .button-block a:hover, .followUs .container-align.social-section .button-block a:focus {
          color: #ef463c;
          text-decoration: none; }
  .followUs .social-stripe {
    padding: 15px;
    margin: 0 -15px; }
  @media (max-width: 991px) {
    .followUs .social-stripe .container {
      padding: 0 15px; } }

section.pageNavigation {
  padding: 0;
  margin: 0;
  background-color: #f7f7f7; }
  section.pageNavigation > .container h3 {
    text-transform: uppercase;
    font-size: 24px;
    letter-spacing: 2px; }
    section.pageNavigation > .container h3 b {
      font-weight: 900; }
  section.pageNavigation > .container > .list {
    text-align: center;
    margin: 20px 0;
    clear: both; }
    section.pageNavigation > .container > .list .card {
      float: none;
      display: inline-block;
      position: relative;
      width: 100%;
      height: 0;
      padding-bottom: 50px;
      border: 2px solid #ef463c;
      margin: 4px auto;
      background: #fff;
      cursor: pointer;
      transition: none; }
      section.pageNavigation > .container > .list .card:hover, section.pageNavigation > .container > .list .card:focus {
        text-decoration: none; }
      section.pageNavigation > .container > .list .card .image, section.pageNavigation > .container > .list .card .image-hover {
        display: none; }
      section.pageNavigation > .container > .list .card .title {
        font-size: 12px;
        bottom: 0;
        height: 100%;
        position: absolute;
        z-index: 3;
        left: 10px;
        right: 10px;
        margin: auto;
        text-align: center;
        text-transform: uppercase;
        color: #ef463c;
        font-weight: 600;
        pointer-events: none;
        white-space: normal; }
        section.pageNavigation > .container > .list .card .title span {
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          height: 100%; }
      section.pageNavigation > .container > .list .card:hover {
        background: #ef463c; }
        section.pageNavigation > .container > .list .card:hover .title {
          color: #fff; }

@media (min-width: 300px) {
  /*section.pageNavigation > .container > .list .card { padding-bottom: 16%;    }*/ }

@media (min-width: 400px) {
  section.pageNavigation > .container > .list .card {
    padding-bottom: 40px; } }

@media (min-width: 768px) {
  section.pageNavigation {
    padding: 30px 0; }
    section.pageNavigation.noImages > .container > .list .card {
      padding-bottom: 7%; }
      section.pageNavigation.noImages > .container > .list .card .title {
        height: 100%; }
    section.pageNavigation > .container h3 {
      font-size: 32px; }
    section.pageNavigation > .container > .list {
      white-space: nowrap; }
      section.pageNavigation > .container > .list .card {
        width: 14.7%;
        height: 0;
        padding-bottom: 14.7%;
        margin: 0.8%;
        border: none; }
        section.pageNavigation > .container > .list .card .title {
          font-size: 1.3vw;
          height: 40%; }
        section.pageNavigation > .container > .list .card .image, section.pageNavigation > .container > .list .card .image-hover {
          display: block;
          position: absolute;
          top: 0;
          bottom: 30px;
          left: 10px;
          right: 10px;
          padding: 5px; }
          section.pageNavigation > .container > .list .card .image img, section.pageNavigation > .container > .list .card .image-hover img {
            width: auto;
            height: 100%; }
        section.pageNavigation > .container > .list .card .image {
          z-index: 2; }
        section.pageNavigation > .container > .list .card .image-hover {
          z-index: 1;
          opacity: 0; }
        section.pageNavigation > .container > .list .card:hover {
          background: #ef463c; }
          section.pageNavigation > .container > .list .card:hover .image {
            opacity: 0; }
          section.pageNavigation > .container > .list .card:hover .image-hover {
            opacity: 1; } }

@media (max-width: 991px) {
  section.pageNavigation > .container {
    width: 100%; } }

@media (min-width: 990px) {
  section.pageNavigation > .container > .list .card .title {
    font-size: 13px; } }

@media (min-width: 1200px) {
  section.pageNavigation > .container > .list .card .title {
    font-size: 14px; } }

#confirmCountryMask {
  background: rgba(78, 78, 78, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999; }

#confirmCountrySettings {
  position: fixed;
  top: 40vh;
  width: 600px;
  max-width: 90vw;
  left: 15px;
  right: 15px;
  height: auto;
  margin: 0 auto;
  z-index: 10000;
  background: #fff;
  padding: 30px;
  font-size: 14px;
  line-height: 1.5em; }
  #confirmCountrySettings h4 {
    color: #ef463c;
    text-transform: uppercase;
    font-weight: 600; }
  #confirmCountrySettings .close {
    position: absolute;
    right: 17px;
    top: 17px;
    width: 12px;
    height: 12px;
    opacity: 1; }
    #confirmCountrySettings .close:hover {
      opacity: 0.3; }
    #confirmCountrySettings .close:before, #confirmCountrySettings .close:after {
      position: absolute;
      left: 7px;
      content: ' ';
      height: 13px;
      width: 2px;
      background-color: #627283; }
    #confirmCountrySettings .close:before {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    #confirmCountrySettings .close:after {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
  #confirmCountrySettings .buttons {
    margin-top: 1em; }
    #confirmCountrySettings .buttons .stay, #confirmCountrySettings .buttons .change {
      font-size: 17px;
      white-space: nowrap;
      font-weight: bold;
      line-height: 24px;
      text-transform: uppercase;
      vertical-align: middle;
      display: inline-block;
      border: 2px solid #ef463c;
      padding: 6px 10px 6px 10px;
      background: #ef463c;
      color: #fff;
      text-align: center; }
      #confirmCountrySettings .buttons .stay:hover, #confirmCountrySettings .buttons .change:hover {
        color: #ef463c;
        background: #fff; }
    #confirmCountrySettings .buttons .change {
      margin-left: 30px;
      cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      #confirmCountrySettings .buttons .change > div {
        display: inline-block;
        vertical-align: middle;
        padding: 0 6px; }
      #confirmCountrySettings .buttons .change .suggestedCountrySwitch {
        float: none;
        margin-left: 0;
        font-size: 17px;
        font-family: Arial, Helvetica, sans-serif;
        vertical-align: middle; }
        #confirmCountrySettings .buttons .change .suggestedCountrySwitch .dropdown-toggle {
          padding: 0;
          line-height: 24px;
          vertical-align: middle; }
        #confirmCountrySettings .buttons .change .suggestedCountrySwitch .flag-container, #confirmCountrySettings .buttons .change .suggestedCountrySwitch .flag {
          vertical-align: middle; }
        #confirmCountrySettings .buttons .change .suggestedCountrySwitch .dropdown {
          float: none; }
          #confirmCountrySettings .buttons .change .suggestedCountrySwitch .dropdown > span {
            float: none;
            font-size: 17px;
            line-height: 24px;
            margin: 0 0 0 5px;
            vertical-align: middle; }
          #confirmCountrySettings .buttons .change .suggestedCountrySwitch .dropdown:after {
            content: none; }
        #confirmCountrySettings .buttons .change .suggestedCountrySwitch .dropdown-menu {
          margin: 7px 0 0;
          -webkit-column-count: 2;
                  column-count: 2;
          display: none;
          opacity: 1;
          left: -18px; }
          #confirmCountrySettings .buttons .change .suggestedCountrySwitch .dropdown-menu :after {
            content: none; }
          #confirmCountrySettings .buttons .change .suggestedCountrySwitch .dropdown-menu li:after {
            content: none; }

@media (min-width: 992px) {
  .suggestedCountrySwitch .dropdown-menu {
    display: none;
    opacity: 1;
    left: -18px; } }

@media (max-width: 991px) {
  .dropdown + .dropdown {
    max-height: initial; }
    .dropdown + .dropdown .dropdown-menu {
      left: initial; }
      .dropdown + .dropdown .dropdown-menu :after {
        left: initial; }
  .suggestedCountrySwitch {
    float: none;
    margin: 0;
    padding: 0; }
    .suggestedCountrySwitch:after {
      content: none; }
    .suggestedCountrySwitch .dropdown {
      float: none; }
      .suggestedCountrySwitch .dropdown .dropdown-toggle {
        padding: 0; }
        .suggestedCountrySwitch .dropdown .dropdown-toggle span {
          color: initial; } }

@media (max-width: 768px) {
  #confirmCountrySettings {
    width: auto;
    max-width: none;
    left: 10px;
    right: 10px;
    top: auto;
    padding: 20px; }
    #confirmCountrySettings .buttons {
      margin: 0; }
      #confirmCountrySettings .buttons .change, #confirmCountrySettings .buttons .stay {
        margin: 1em 0 0 0;
        width: 100%; }
      #confirmCountrySettings .buttons .change .suggestedCountrySwitch .dropdown-menu {
        -webkit-column-count: 1;
                column-count: 1;
        left: 50%; }
        #confirmCountrySettings .buttons .change .suggestedCountrySwitch .dropdown-menu a {
          padding-right: 0; } }

.footertopmenu {
  background: #ef463c; }
  .footertopmenu .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap; }
    .footertopmenu .container .button {
      height: 80px;
      font-weight: 400;
      border: 0;
      border-left: solid 1px #fff;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      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;
      text-transform: none;
      font-size: 25px;
      -ms-flex-negative: 1;
          flex-shrink: 1;
      -ms-flex-preferred-size: 0;
          flex-basis: 0; }
      .footertopmenu .container .button:last-child {
        border-right: solid 1px #fff; }
      .footertopmenu .container .button.fillred:hover {
        color: #fff;
        background: #ef463c;
        text-decoration: underline; }

@media (max-width: 1024px) {
  .footertopmenu .container {
    padding: 0;
    margin: 0 auto; }
    .footertopmenu .container .button:first-child {
      border-left: 0; }
    .footertopmenu .container .button:last-child {
      border-right: 0; } }

@media (max-width: 767px) {
  .footertopmenu .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0; }
    .footertopmenu .container .button {
      width: 100%;
      height: 50px;
      border: 0;
      border-bottom: 2px solid #fff;
      -ms-flex-preferred-size: auto;
          flex-basis: auto; }
      .footertopmenu .container .button:last-child {
        border: 0; } }
