/* Demo styles */
@import url("https://fonts.googleapis.com/css?family=Roboto:300,700");
* {
  box-sizing: border-box;
}
*::before, *::after {
  box-sizing: border-box;
}

.intro-text {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  text-align: center;
  padding: 0;
  min-height: 100vh;
}
.intro-text .row > [class*="column-"] {
  padding: 0;
}

.dog-text {
  text-align: center;
}

.column-full {
  flex-basis: 100%;
  max-width: 100%;
}

.column-half {
  flex-basis: 50%;
  max-width: 50%;
}

/* Reveal block */
.reveal-holder {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 100%;
}
.reveal-holder .reveal-block {
  position: absolute;
  top: 0;
  width: 100%;
  height: 101%;
  background: white;
}
.reveal-holder .reveal-block::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #82bc41;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

.reveal-block.gradient::before {
  background: -webkit-gradient(linear, right top, left top, from(#008037), to(#008037));
  background: linear-gradient(to left, #008037, #008037);
}

.reveal-block.gradient-two::before {
  background: -webkit-gradient(linear, right top, left top, from(#008037), to(#008037));
  background: linear-gradient(to left, #008037, #008037);
}

.reveal-block.extra {
  background: #1b9edf;
}
.reveal-block.extra::before {
  background: #af74c3;
}

.reveal-block.top.aos-animate::before,
.reveal-block.bottom.aos-animate::before {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}

.reveal-block.left.aos-animate::before,
.reveal-block.right.aos-animate::before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.reveal-block.top::before {
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: 0% 100%;
          transform-origin: 0% 100%;
}

.reveal-block.left::before {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 100% 0%;
          transform-origin: 100% 0%;
}

.reveal-block.right::before {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0% 100%;
          transform-origin: 0% 100%;
}

.reveal-block.bottom::before {
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: 100% 0%;
          transform-origin: 100% 0%;
}

/* AOS animate */
[data-aos="reveal-top"],
[data-aos="reveal-left"],
[data-aos="reveal-right"],
[data-aos="reveal-bottom"] {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

[data-aos="reveal-top"] {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
[data-aos="reveal-top"].aos-animate {
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: 100% 0%;
          transform-origin: 100% 0%;
}

[data-aos="reveal-left"] {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
[data-aos="reveal-left"].aos-animate {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0% 100%;
          transform-origin: 0% 100%;
}

[data-aos="reveal-right"] {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
[data-aos="reveal-right"].aos-animate {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 100% 0%;
          transform-origin: 100% 0%;
}

[data-aos="reveal-bottom"] {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
[data-aos="reveal-bottom"].aos-animate {
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: 0% 100%;
          transform-origin: 0% 100%;
}

[data-aos="reveal-item"] {
  visibility: hidden;
  -webkit-transition-property: visibility;
  transition-property: visibility;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
[data-aos="reveal-item"].aos-animate {
  visibility: visible;
}



.accelerating-hr-careers2 .reveal-block.gradient::before {
  background: -webkit-gradient(linear, right top, left top, from(#ffbd59), to(#ffbd59));
  background: linear-gradient(to left, #ffbd59, #ffbd59);
}

.accelerating-hr-careers2 .reveal-block.gradient-two::before {
  background: -webkit-gradient(linear, right top, left top, from(#ffbd59), to(#ffbd59));
  background: linear-gradient(to left, #ffbd59, #ffbd59);
}

.career-development .accelerating-hr-careers2 .reveal-block.gradient::before {
  background: -webkit-gradient(linear, right top, left top, from(#bfd5d2), to(#bfd5d2));
  background: linear-gradient(to left, #bfd5d2, #bfd5d2);
}

.career-development .accelerating-hr-careers2 .reveal-block.gradient-two::before {
  background: -webkit-gradient(linear, right top, left top, from(#bfd5d2), to(#bfd5d2));
  background: linear-gradient(to left, #bfd5d2, #bfd5d2);
}