.display-none { display: none; }

.rotate-indicator {
    transform: rotate(180deg);
}


.block {
    max-width: 1280px;
    margin: 0 auto;
    overflow-x: auto;
}

.block .elements, .block .arrows {
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    -ms-flex-direction: row;
    width: 1280px;
}

.block .arrows {
    justify-content: center;
    -ms-flex-pack: center;
}

.block .arrows .arrow img {
  width: 185px;
}

.block .arrows .arrow:hover {
  transform: scale(1.02);
}

.block .elements .element {
    flex: 0 0 auto;
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    -ms-flex-direction: row;
    position: relative;
}

.block .elements:nth-child(1) .element {
    width: 33%;
}

.block .elements .element .line-indicator {
    z-index: 10;
}

.block .elements .element .line-indicator img {
    width: 35px;
}

.block .elements .element .element-content {
    text-align: right;
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: center;
    flex: 1;
    -ms-flex: 1;
}

.block .elements .element .element-content p {
    margin: 0;
}

.block .elements .element .element-content p:nth-of-type(2) {
    font-size: 10px;
}

.block .elements:nth-of-type(1) .element:nth-of-type(1) {
    border-right: 11mm solid transparent;
}

.block .elements:nth-of-type(1) .element:nth-of-type(2) {
    border-right: 25mm solid transparent;
}

.block .elements:nth-of-type(1) .element:nth-of-type(3) {
    border-right: 38mm solid transparent;
}

.block .elements:nth-of-type(1) .element .line-indicator {
      position: relative;
      top: 40px;
}

.block .elements:nth-of-type(1) .element .element-content {
      position: relative;
      top: 22px;
      padding-left: 23mm;
}

.block .elements:last-child .element:nth-child(1) {
      width: 15%;
}

.block .elements:last-child .element:nth-child(2) {
      width: 29%;
}

.block .elements:last-child .element:nth-child(3) {
      width: 29%;
}


.block .elements:last-child .line-indicator {
    position: relative;
    bottom: 10mm;
}

.block .elements .element .hovered-content {
  position: absolute;
  background-color: white;
  width: 300px;
  box-shadow: 0px 2px 6px -3px #6d6d6d;
  padding: 6px;
  font-size: 16px;
  z-index: 10;
  text-align: right;
  left: 38px;
}