@font-face {
  font-family: "roboto-light";
  font-style: normal;
  font-weight: normal;
  src: url("/themes/custom/hiwc_static/styling/fonts/roboto-light/roboto-light.eot?#iefix") format("embedded-opentype"), url("/themes/custom/hiwc_static/styling/fonts/roboto-light/roboto-light.woff2") format("woff2"), url("/themes/custom/hiwc_static/styling/fonts/roboto-light/roboto-light.woff") format("woff"); }

@font-face {
  font-family: "roboto-regular";
  font-style: normal;
  font-weight: normal;
  src: url("/themes/custom/hiwc_static/styling/fonts/roboto-regular/roboto-regular.eot?#iefix") format("embedded-opentype"), url("/themes/custom/hiwc_static/styling/fonts/roboto-regular/roboto-regular.woff2") format("woff2"), url("/themes/custom/hiwc_static/styling/fonts/roboto-regular/roboto-regular.woff") format("woff"); }

@font-face {
  font-family: "roboto-medium";
  font-style: normal;
  font-weight: normal;
  src: url("/themes/custom/hiwc_static/styling/fonts/roboto-medium/roboto-medium.eot?#iefix") format("embedded-opentype"), url("/themes/custom/hiwc_static/styling/fonts/roboto-medium/roboto-medium.woff2") format("woff2"), url("/themes/custom/hiwc_static/styling/fonts/roboto-medium/roboto-medium.woff") format("woff"); }

@font-face {
  font-family: "roboto-bold";
  font-style: normal;
  font-weight: normal;
  src: url("/themes/custom/hiwc_static/styling/fonts/roboto-bold/roboto-bold.eot?#iefix") format("embedded-opentype"), url("/themes/custom/hiwc_static/styling/fonts/roboto-bold/roboto-bold.woff2") format("woff2"), url("/themes/custom/hiwc_static/styling/fonts/roboto-bold/roboto-bold.woff") format("woff"); }

@font-face {
  font-family: "titilliumsemibold";
  font-style: normal;
  font-weight: normal;
  src: url("/themes/custom/hiwc_static/styling/fonts/titilliumsemibold/titilliumsemibold.eot?#iefix") format("embedded-opentype"), url("/themes/custom/hiwc_static/styling/fonts/titilliumsemibold/titilliumsemibold.woff2") format("woff2"), url("/themes/custom/hiwc_static/styling/fonts/titilliumsemibold/titilliumsemibold.woff") format("woff"); }

@font-face {
  font-family: "titilliumbold";
  font-style: normal;
  font-weight: normal;
  src: url("/themes/custom/hiwc_static/styling/fonts/titilliumbold/titilliumbold.eot?#iefix") format("embedded-opentype"), url("/themes/custom/hiwc_static/styling/fonts/titilliumbold/titilliumbold.woff2") format("woff2"), url("/themes/custom/hiwc_static/styling/fonts/titilliumbold/titilliumbold.woff") format("woff"); }

@font-face {
  font-family: "Montserrat-Light";
  font-style: normal;
  font-weight: normal;
  src: url("/themes/custom/hiwc_static/styling/fonts/montserrat-light/montserrat-light.eot?#iefix") format("embedded-opentype"), url("/themes/custom/hiwc_static/styling/fonts/montserrat-light/montserrat-light.woff") format("woff"); }

@font-face {
  font-family: "Montserrat-Regular";
  font-style: normal;
  font-weight: normal;
  src: url("/themes/custom/hiwc_static/styling/fonts/montserrat-regular/montserrat-regular.eot?#iefix") format("embedded-opentype"), url("/themes/custom/hiwc_static/styling/fonts/montserrat-regular/montserrat-regular.woff") format("woff"); }

@font-face {
  font-family: "Montserrat-Medium";
  font-style: normal;
  font-weight: normal;
  src: url("/themes/custom/hiwc_static/styling/fonts/montserrat-medium/montserrat-medium.eot?#iefix") format("embedded-opentype"), url("/themes/custom/hiwc_static/styling/fonts/montserrat-medium/montserrat-medium.woff") format("woff"); }

@font-face {
  font-family: "Montserrat-Italic";
  font-style: normal;
  font-weight: normal;
  src: url("/themes/custom/hiwc_static/styling/fonts/montserrat-italic/montserrat-italic.eot?#iefix") format("embedded-opentype"), url("/themes/custom/hiwc_static/styling/fonts/montserrat-italic/montserrat-italic.woff") format("woff"); }

@font-face {
  font-family: "Montserrat-Bold";
  font-style: normal;
  font-weight: normal;
  src: url("/themes/custom/hiwc_static/styling/fonts/montserrat-bold/montserrat-bold.eot?#iefix") format("embedded-opentype"), url("/themes/custom/hiwc_static/styling/fonts/montserrat-bold/montserrat-bold.woff") format("woff"); }

@font-face {
  font-family: "icomoon";
  font-style: normal;
  font-weight: normal;
  src: url("/themes/custom/hiwc_static/styling/fonts/icomoon/icomoon.eot?#iefix") format("embedded-opentype"), url("/themes/custom/hiwc_static/styling/fonts/icomoon/icomoon.woff") format("woff"); }

@font-face {
  font-family: "icomoon_g";
  font-style: normal;
  font-weight: normal;
  src: url("/themes/custom/hiwc_static/styling/fonts/icomoon_g/icomoon.eot?#iefix") format("embedded-opentype"), url("/themes/custom/hiwc_static/styling/fonts/icomoon_g/icomoon.woff") format("woff"); }

.gadget--type-timeline {
  position: relative;
  overflow: hidden; }
  .gadget--type-timeline:before {
    content: '';
    position: absolute;
    top: 75px;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
    width: 6px;
    background-color: #f2f0f0; }
  .gadget--type-timeline .field--name-title {
    text-align: center;
    margin-bottom: 15px; }
    .gadget--type-timeline .field--name-title .field-item {
      display: inline-block;
      padding: 12px 20px 10px;
      background-color: #2E2E2E;
      border: 2px solid #2E2E2E;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px;
      font-size: 30px;
      color: #FFFFFF;
      font-family: "roboto-bold", Arial, sans-serif; }
  .gadget--type-timeline .timeline--item {
    visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden; }
    .gadget--type-timeline .timeline--item.bounce-in {
      visibility: visible; }
      .gadget--type-timeline .timeline--item.bounce-in .paragraph--type-gadget-timeline:before, .gadget--type-timeline .timeline--item.bounce-in .paragraph--type-gadget-timeline:after {
        -webkit-animation: cd-bounce-1 0.6s;
        -moz-animation: cd-bounce-1 0.6s;
        animation: cd-bounce-1 0.6s; }
    .gadget--type-timeline .timeline--item:nth-child(odd) {
      text-align: right; }
      .gadget--type-timeline .timeline--item:nth-child(odd).bounce-in .wrapper--text {
        -webkit-animation: cd-bounce-2-inverse 0.6s;
        -moz-animation: cd-bounce-2-inverse 0.6s;
        animation: cd-bounce-2-inverse 0.6s; }
      .gadget--type-timeline .timeline--item:nth-child(odd) .paragraph--type-gadget-timeline {
        padding-left: 75px; }
        .gadget--type-timeline .timeline--item:nth-child(odd) .paragraph--type-gadget-timeline:before {
          left: -26px; }
        .gadget--type-timeline .timeline--item:nth-child(odd) .paragraph--type-gadget-timeline:after {
          left: 35px;
          height: 0;
          width: 0;
          border-bottom: 17.5px solid transparent;
          border-right: 17.5px solid #2E2E2E;
          border-top: 17.5px solid transparent; }
    .gadget--type-timeline .timeline--item:nth-child(even) {
      text-align: left; }
      .gadget--type-timeline .timeline--item:nth-child(even).bounce-in .wrapper--text {
        -webkit-animation: cd-bounce-2 0.6s;
        -moz-animation: cd-bounce-2 0.6s;
        animation: cd-bounce-2 0.6s; }
      .gadget--type-timeline .timeline--item:nth-child(even) .paragraph--type-gadget-timeline {
        padding-right: 75px; }
        .gadget--type-timeline .timeline--item:nth-child(even) .paragraph--type-gadget-timeline:before {
          right: -26px; }
        .gadget--type-timeline .timeline--item:nth-child(even) .paragraph--type-gadget-timeline:after {
          right: 35px;
          height: 0;
          width: 0;
          border-bottom: 17.5px solid transparent;
          border-left: 17.5px solid #2E2E2E;
          border-top: 17.5px solid transparent; }
  .gadget--type-timeline .paragraph--type-gadget-timeline {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    width: 50%;
    margin: 15px 0;
    text-align: left; }
    .gadget--type-timeline .paragraph--type-gadget-timeline:before, .gadget--type-timeline .paragraph--type-gadget-timeline:after {
      position: absolute;
      top: 50%;
      margin-top: 30px; }
    .gadget--type-timeline .paragraph--type-gadget-timeline:before {
      content: url(assets/timeline-hiberus.png);
      margin-top: -28px; }
    .gadget--type-timeline .paragraph--type-gadget-timeline:after {
      content: '';
      margin-top: -15px; }
    .gadget--type-timeline .paragraph--type-gadget-timeline .field--name-age {
      font-size: 33px;
      font-family: "roboto-bold", Arial, sans-serif;
      line-height: 1em; }
    .gadget--type-timeline .paragraph--type-gadget-timeline .wrapper--text {
      display: table;
      width: 100%;
      background-color: #FFFFFF;
      border: 2px solid #f2f0f0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      font-family: "roboto-regular", Arial, sans-serif;
      font-size: 13px; }
      .gadget--type-timeline .paragraph--type-gadget-timeline .wrapper--text .field--name-description,
      .gadget--type-timeline .paragraph--type-gadget-timeline .wrapper--text .field--name-image {
        display: table-cell;
        vertical-align: top;
        padding: 14px 10px; }
      .gadget--type-timeline .paragraph--type-gadget-timeline .wrapper--text .field--name-image {
        width: 130px; }
        .gadget--type-timeline .paragraph--type-gadget-timeline .wrapper--text .field--name-image img {
          max-width: 130px; }

@media all and (min-width: 768) and (max-width: 899px) {
  .gadget--type-timeline .paragraph--type-gadget-timeline .wrapper--text {
    display: block;
    width: auto; }
    .gadget--type-timeline .paragraph--type-gadget-timeline .wrapper--text .field--name-description,
    .gadget--type-timeline .paragraph--type-gadget-timeline .wrapper--text .field--name-image {
      display: block;
      width: auto; }
    .gadget--type-timeline .paragraph--type-gadget-timeline .wrapper--text .field--name-image img {
      max-width: 130px; } }

@media all and (max-width: 767px) {
  .gadget--type-timeline:before {
    left: 20px; }
  .gadget--type-timeline .field--name-title {
    text-align: left; }
  .gadget--type-timeline .timeline--item:nth-child(odd), .gadget--type-timeline .timeline--item:nth-child(even) {
    text-align: right; }
    .gadget--type-timeline .timeline--item:nth-child(odd).bounce-in .wrapper--text, .gadget--type-timeline .timeline--item:nth-child(even).bounce-in .wrapper--text {
      -webkit-animation: cd-bounce-2-inverse 0.6s;
      -moz-animation: cd-bounce-2-inverse 0.6s;
      animation: cd-bounce-2-inverse 0.6s; }
    .gadget--type-timeline .timeline--item:nth-child(odd) .paragraph--type-gadget-timeline, .gadget--type-timeline .timeline--item:nth-child(even) .paragraph--type-gadget-timeline {
      padding-left: 75px;
      padding-right: 0; }
      .gadget--type-timeline .timeline--item:nth-child(odd) .paragraph--type-gadget-timeline:before, .gadget--type-timeline .timeline--item:nth-child(even) .paragraph--type-gadget-timeline:before {
        left: -4px; }
      .gadget--type-timeline .timeline--item:nth-child(odd) .paragraph--type-gadget-timeline:after, .gadget--type-timeline .timeline--item:nth-child(even) .paragraph--type-gadget-timeline:after {
        left: 56px;
        height: 0;
        width: 0;
        border-bottom: 0px solid transparent;
        border-left: 0px solid #2E2E2E;
        border-top: 0px solid transparent;
        height: 0;
        width: 0;
        border-bottom: 10px solid transparent;
        border-right: 10px solid #2E2E2E;
        border-top: 10px solid transparent; }
  .gadget--type-timeline .paragraph--type-gadget-timeline {
    width: 100%; } }

@media all and (max-width: 479px) {
  .gadget--type-timeline .paragraph--type-gadget-timeline .wrapper--text {
    display: block;
    width: auto; }
    .gadget--type-timeline .paragraph--type-gadget-timeline .wrapper--text .field--name-description,
    .gadget--type-timeline .paragraph--type-gadget-timeline .wrapper--text .field--name-image {
      display: block;
      width: auto; }
    .gadget--type-timeline .paragraph--type-gadget-timeline .wrapper--text .field--name-image img {
      max-width: 130px; } }

@media all and (max-width: 376px) {
  .gadget--type-timeline:before {
    top: 80px; }
  .gadget--type-timeline .field--name-title .field-item {
    font-size: 24px; } }

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5); }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1); } }

@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5); }
  60% {
    opacity: 1;
    -moz-transform: scale(1.2); }
  100% {
    -moz-transform: scale(1); } }

@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5); }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px); }
  100% {
    -webkit-transform: translateX(0); } }

@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px); }
  60% {
    opacity: 1;
    -moz-transform: translateX(20px); }
  100% {
    -moz-transform: translateX(0); } }

@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px); }
  100% {
    -webkit-transform: translateX(0); } }

@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px); }
  60% {
    opacity: 1;
    -moz-transform: translateX(-20px); }
  100% {
    -moz-transform: translateX(0); } }

@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@media all and (min--moz-device-pixel-ratio: 0) and (min-width: 0px) {
  .gadget--type-timeline .paragraph--type-gadget-timeline .wrapper--text {
    box-sizing: border-box;
    width: 99%; } }

@supports (-ms-ime-align: auto) {
  .gadget--type-timeline .timeline--item:nth-child(even) .paragraph--type-gadget-timeline:after {
    right: 55px; } }

/*# sourceMappingURL=g_timeline.css.map */