.overflow-wrapper {
  overflow: hidden; }

.wrapper {
  position: relative;
  height: 524px;
  margin: 0 auto 0;
  max-width: 790px;
  background-size: contain; }

.wrapper-second {
  position: relative;
  height: 524px;
  margin: 80px auto 0;
  max-width: 1000px; }

.wrapper-third {
  position: relative;
  height: 785px;
  margin: 30px auto 0;
  max-width: 1000px; }

.h3-title {
  position: absolute;
  color: #01929f;
  font-size: 1.2em;
  z-index: 100;
  font-weight: 600; }
  .h3-title.geo {
    left: 35%;
    top: 46%; }
  .h3-title.sectors {
    left: 43%;
    top: 58%; }
  .h3-title.transformation {
    left: 31%;
    top: 41%;
    color: #fff;
    font-weight: 200;
    text-transform: uppercase;
    text-align: center; }

.h4-title.transformation {
  font-weight: 200;
  text-transform: uppercase;
  text-align: center; }

.triangle-bg {
  width: 560px;
  height: 485px;
  position: absolute; }
  .triangle-bg.triangle-left {
    top: 0;
    left: 0;
    background: url("../img/what/Cinven-triangle-grey-50.svg") 0 0 no-repeat; }
  .triangle-bg.triangle-left-other {
    top: 0;
    left: 0; }
  .triangle-bg.triangle-right {
    top: 0;
    right: 0;
    background: url("../img/what/Cinven-triangle-grey-50.svg") 0 0 no-repeat; }

.transformation-bg {
  width: 300px;
  height: 300px;
  position: absolute;
  top: 0;
  right: 0; }
  .transformation-bg.transformation-a {
    background: url("../img/what/Arrow.svg") 0 0 no-repeat;
    height: 230px;
    z-index: 99;
    background-size: contain;
    top: 32%; }
  .transformation-bg.transformation-b {
    background: url("../img/what/Business-transformation-01b.svg") 0 0 no-repeat;
    width: 570px;
    height: 508px;
    z-index: 3;
    background-size: contain; }
  .transformation-bg.transformation-c {
    background: url("../img/what/Business-transformation-02.svg") 0 0 no-repeat;
    width: 412px;
    height: 357px;
    z-index: 2;
    background-size: contain;
    top: 13%; }

.hex-growth {
  width: 300px;
  height: 300px;
  position: absolute;
  top: 0;
  right: 0;
  background-size: contain; }
  .hex-growth.hex-growth-a {
    top: 0;
    left: 35%; }
    .hex-growth.hex-growth-a .cnt {
      background: url("../img/what/driving-growth/01b-Internationalisation.svg") 0 0 no-repeat; }
  .hex-growth.hex-growth-b {
    top: 18%;
    left: 58.5%; }
    .hex-growth.hex-growth-b .cnt {
      background: url("../img/what/driving-growth/2b-Developing-new-products.svg") 0 0 no-repeat; }
  .hex-growth.hex-growth-c {
    top: 53%;
    left: 58.5%; }
    .hex-growth.hex-growth-c .cnt {
      background: url("../img/what/driving-growth/3b-Partnering-with-management.svg") 0 0 no-repeat; }
  .hex-growth.hex-growth-d {
    top: 70%;
    left: 35%; }
    .hex-growth.hex-growth-d .cnt {
      background: url("../img/what/driving-growth/4b-Investing-for-growth.svg") 0 0 no-repeat; }
  .hex-growth.hex-growth-e {
    top: 53%;
    left: 11.5%; }
    .hex-growth.hex-growth-e .cnt {
      background: url("../img/what/driving-growth/5b-Responsible-investment.svg") 0 0 no-repeat; }
  .hex-growth.hex-growth-f {
    top: 18%;
    left: 11.5%; }
    .hex-growth.hex-growth-f .cnt {
      background: url("../img/what/driving-growth/6b-Improving-operations.svg") 0 0 no-repeat; }
  .hex-growth.hex-growth-g {
    background: url("../img/what/driving-growth/7b-Business-transformation.svg") 0 0 no-repeat;
    top: 35.5%;
    left: 35%; }
  .hex-growth .h4-title {
    position: absolute;
    color: #fff;
    font-size: 0.7em;
    bottom: 24%;
    left: 20%;
    width: 60%;
    text-align: center; }
    .hex-growth .h4-title.more-space {
      bottom: 15%; }

.hex {
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;
  z-index: 1;
  opacity: 0.8; }
  .hex.empty-hex {
    background: url("../img/what/emty-hex-.svg") 0 0 no-repeat;
    background-size: contain; }
  .hex.blue-hex {
    background: url("../img/what/Hexagon-sector-business-services.svg") 0 0 no-repeat;
    background-size: contain; }
  .hex.orange-hex {
    background: url("../img/what/Hexagon-sector-consumer.svg") 0 0 no-repeat;
    background-size: contain; }
  .hex.yellow-hex {
    background: url("../img/what/Hexagon-sector-healthcare.svg") 0 0 no-repeat;
    background-size: contain; }
  .hex.purple-hex {
    background: url("../img/what/Hexagon-sector-industrial.svg") 0 0 no-repeat;
    background-size: contain; }
  .hex.green-hex {
    background: url("../img/what/Hexagon-sector-TMT.svg") 0 0 no-repeat;
    background-size: contain; }
  .hex.position-row-a {
    top: 68.5%; }
    .hex.position-row-a.hex-a {
      left: 48.8%; }
    .hex.position-row-a.hex-b {
      left: 40.8%; }
  .hex.position-row-b {
    top: 38.2%; }
    .hex.position-row-b.hex-a {
      left: 56.9%; }
    .hex.position-row-b.hex-b {
      left: 61%; }
    .hex.position-row-b.hex-c {
      left: 64.9%; }
    .hex.position-row-b.hex-d {
      left: 32.5%; }
    .hex.position-row-b.hex-e {
      left: 40.5%; }
    .hex.position-row-b.hex-f {
      left: 36.6%; }
  .hex.position-row-c {
    top: 19.6%; }
    .hex.position-row-c.hex-a {
      left: 36.6%; }
    .hex.position-row-c.hex-b {
      left: 68.9%; }
    .hex.position-row-c.hex-c {
      left: 72.9%; }
    .hex.position-row-c.hex-d {
      left: 76.9%; }
    .hex.position-row-c.hex-e {
      left: 20.3%; }
  .hex.position-row-z {
    top: 13.5%; }
    .hex.position-row-z.hex-a {
      left: 52.8%; }
    .hex.position-row-z.hex-b {
      left: 85.1%; }
    .hex.position-row-z.hex-c {
      left: 20.4%; }
    .hex.position-row-z.hex-d {
      left: 61.1%; }
    .hex.position-row-z.hex-e {
      left: 48.5%; }
    .hex.position-row-z.hex-f {
      left: 40.5%; }
    .hex.position-row-z.hex-g {
      left: 32.5%; }
    .hex.position-row-z.hex-h {
      left: 24.5%; }
    .hex.position-row-z.hex-i {
      left: 12.2%; }
  .hex.position-row-d {
    top: 1.8%; }
    .hex.position-row-d.hex-a {
      left: 52.8%; }
    .hex.position-row-d.hex-b {
      left: 85.1%; }
    .hex.position-row-d.hex-c {
      left: 20.4%; }
    .hex.position-row-d.hex-d {
      left: 61.1%; }
    .hex.position-row-d.hex-e {
      left: 48.5%; }
    .hex.position-row-d.hex-f {
      left: 40.5%; }
    .hex.position-row-d.hex-g {
      left: 89.5%; }
    .hex.position-row-d.hex-h {
      left: 64.9%; }
    .hex.position-row-d.hex-i {
      left: 12.2%; }
  .hex.position-row-e {
    top: 7.4%; }
    .hex.position-row-e.hex-a {
      left: 52.8%; }
    .hex.position-row-e.hex-b {
      left: 85.1%; }
    .hex.position-row-e.hex-c {
      left: 20.4%; }
    .hex.position-row-e.hex-d {
      left: 77.1%; }
    .hex.position-row-e.hex-e {
      left: 8.5%; }
    .hex.position-row-e.hex-f {
      left: 72.5%; }
    .hex.position-row-e.hex-g {
      left: 32.5%; }
    .hex.position-row-e.hex-h {
      left: 24.5%; }
    .hex.position-row-e.hex-i {
      left: 12.2%; }
  .hex.position-row-f {
    top: 25.5%; }
    .hex.position-row-f.hex-a {
      left: 64.8%; }
    .hex.position-row-f.hex-b {
      left: 85.1%; }
    .hex.position-row-f.hex-c {
      left: 20.4%; }
    .hex.position-row-f.hex-d {
      left: 61.1%; }
    .hex.position-row-f.hex-e {
      left: 28.5%; }
    .hex.position-row-f.hex-f {
      left: 24.5%; }
    .hex.position-row-f.hex-g {
      left: 32.5%; }
    .hex.position-row-f.hex-h {
      left: 24.5%; }
    .hex.position-row-f.hex-i {
      left: 12.2%; }
  .hex.position-row-g {
    top: 50.25%; }
    .hex.position-row-g.hex-a {
      left: 64.8%; }
    .hex.position-row-g.hex-b {
      left: 76.1%; }
    .hex.position-row-g.hex-c {
      left: 20.4%; }
    .hex.position-row-g.hex-d {
      left: 61.1%; }
    .hex.position-row-g.hex-e {
      left: 28.5%; }
    .hex.position-row-g.hex-f {
      left: 24.5%; }
    .hex.position-row-g.hex-g {
      left: 32.5%; }
    .hex.position-row-g.hex-h {
      left: 24.5%; }
    .hex.position-row-g.hex-i {
      left: 12.2%; }
  .hex.position-row-h {
    top: 63.25%; }
    .hex.position-row-h.hex-a {
      left: 56.9%; }
    .hex.position-row-h.hex-b {
      left: 61%; }
    .hex.position-row-h.hex-c {
      left: 64.9%; }
    .hex.position-row-h.hex-d {
      left: 32.5%; }
    .hex.position-row-h.hex-e {
      left: 40.5%; }
    .hex.position-row-h.hex-f {
      left: 36.6%; }

@media screen and (min-width: 0px) and (max-width: 900px) {
  .hex-dot {
    display: none !important; }

  .pin-hex {
    width: 100%;
    min-height: 320px; } }
@media screen and (max-width: 1024px) {
  .hide-on-mobile,
  .hide-on-tablet {
    display: none; }

  .hero-default {
    background: transparent url(../img/what/hero-default-repeatable.png) repeat-x 0 0; } }
@media screen and (min-width: 1025px) {
  .hide-on-desktop {
    display: none !important; }

  .hero-default {
    padding-top: 74px;
    min-height: 407px;
    background: transparent url(../img/hero-default.png) no-repeat 47% 0; } }
@media screen and (min-width: 1900px) {
  .map-pins {
    margin-left: 25px; } }
.what-graph .head {
  background-position: 50% 0;
  background-repeat: no-repeat;
  min-height: 326px;
  color: #fff; }

.triangle-left {
  position: absolute;
  left: 0; }

.triangle-right {
  position: absolute;
  right: 0; }

.container {
  position: relative; }

footer {
  margin-top: 20px;
  padding-top: 45px;
  margin-bottom: 50px;
  background: transparent url(../img/what/footerbg.png) repeat-y 50% 0;
  font-size: 16px;
  color: #222; }

.pin-hex {
  position: absolute;
  width: 18px;
  height: 18px; }
  .pin-hex > span {
    display: block;
    content: '';
    width: 18px;
    height: 18px;
    margin-left: 0;
    margin-top: 0;
    cursor: pointer;
    position: absolute;
    top: 0; }
  .pin-hex.blue-hex .hex-dot {
    background: url("../img/what/Hexagon-sector-business-services.svg") 0 0 no-repeat;
    background-size: contain; }
  .pin-hex.orange-hex .hex-dot {
    background: url("../img/what/Hexagon-sector-consumer.svg") 0 0 no-repeat;
    background-size: contain; }
  .pin-hex.yellow-hex .hex-dot {
    background: url("../img/what/Hexagon-sector-healthcare.svg") 0 0 no-repeat;
    background-size: contain; }
  .pin-hex.purple-hex .hex-dot {
    background: url("../img/what/Hexagon-sector-industrial.svg") 0 0 no-repeat;
    background-size: contain; }
  .pin-hex.lime-hex .hex-dot {
    background: url("../img/what/Hexagon-sector-TMT.svg") 0 0 no-repeat;
    background-size: contain; }
  .pin-hex.green-hex .hex-dot {
    background: url("../img/what/Hexagon-sector-financial-services.svg") 0 0 no-repeat;
    background-size: contain; }
  .pin-hex.split-hex .hex-dot {
    background: url("../img/what/Double-pin.svg") 0 0 no-repeat;
    background-size: contain; }
  .pin-hex::before {
    background: none !important; }

.detail-cont {
  font-size: .5em; }
  .detail-cont h5 {
    text-transform: uppercase; }