@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--noted .field--name-field-hiwc-paragraph1-lang-multi {
  font-size: 0;
  text-align: center; }
  .gadget--noted .field--name-field-hiwc-paragraph1-lang-multi > .field__item {
    display: inline-block;
    vertical-align: middle;
    width: 25%; }

.gadget--noted.gadget--view-mode-full .field--name-field-hiwc-paragraph1-lang-multi > .field__item {
  width: 25%; }

.gadget--noted.gadget--view-mode-full_min .field--name-field-hiwc-paragraph1-lang-multi > .field__item {
  width: 12.5%; }

.gadget--noted .paragraph {
  position: relative; }
  .gadget--noted .paragraph .wrapper--hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 18px 24px;
    background-color: #e4e9ea;
    background-color: rgba(0, 0, 0, 0.3);
    background-color: #e4e9ea;
    text-align: center;
    -webkit-transition: background-color 0.5s ease-in-out 0s;
    -moz-transition: background-color 0.5s ease-in-out 0s;
    transition: background-color 0.5s ease-in-out 0s; }
    .gadget--noted .paragraph .wrapper--hover .wrapper--table {
      display: table;
      width: 100%;
      height: 100%; }
    .gadget--noted .paragraph .wrapper--hover .wrapper--table-cell {
      display: table-cell;
      vertical-align: middle; }
    .gadget--noted .paragraph .wrapper--hover .field--type-string {
      height: 0;
      overflow: hidden;
      font-size: 28px;
      color: white;
      -webkit-transition: height 0.5s ease-in-out 0s;
      -moz-transition: height 0.5s ease-in-out 0s;
      transition: height 0.5s ease-in-out 0s; }
    .gadget--noted .paragraph .wrapper--hover img {
      margin: 0 auto 20px; }
    .gadget--noted .paragraph .wrapper--hover .field--name-field-hiwc-image2-lang + .field--name-field-hiwc-image1-lang {
      display: none; }
  .gadget--noted .paragraph:hover .wrapper--hover {
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.3);
    background-color: rgba(0, 0, 0, 0.8); }
    .gadget--noted .paragraph:hover .wrapper--hover .field--type-string {
      height: 3.9em; }
    .gadget--noted .paragraph:hover .wrapper--hover .field--name-field-hiwc-image2-lang {
      display: none; }
      .gadget--noted .paragraph:hover .wrapper--hover .field--name-field-hiwc-image2-lang + .field--name-field-hiwc-image1-lang {
        display: block; }
  .gadget--noted .paragraph .field--type-link {
    font-size: 0;
    margin: 0 auto; }
    .gadget--noted .paragraph .field--type-link a {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }

.gadget--noted.gadget--view-mode-full_4success_ .field--name-field-hiwc-paragraph1-lang-multi > .field__item {
  width: 25%;
  height: 100%; }

.gadget--noted.gadget--view-mode-full_4success_ .paragraph {
  position: relative;
  max-width: 100%;
  margin: 0; }
  .gadget--noted.gadget--view-mode-full_4success_ .paragraph:hover .wrapper--hover {
    display: block; }
  .gadget--noted.gadget--view-mode-full_4success_ .paragraph:hover .field--name-field-hiwc-image2-lang img,
  .gadget--noted.gadget--view-mode-full_4success_ .paragraph:hover .field--name-field-gadget-text-1 {
    display: none; }
  .gadget--noted.gadget--view-mode-full_4success_ .paragraph .field--name-field-gadget-text-1 {
    font-size: 16px;
    font-family: "roboto-regular", Arial, sans-serif;
    position: absolute;
    max-width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    padding: 20px 25px;
    background-color: rgba(0, 0, 0, 0.39);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #FFFFFF; }
    @media all and (max-width: 1199px) {
      .gadget--noted.gadget--view-mode-full_4success_ .paragraph .field--name-field-gadget-text-1 {
        display: none; } }
  .gadget--noted.gadget--view-mode-full_4success_ .paragraph .field--name-field-hiwc-image2-lang img {
    position: absolute;
    display: block;
    margin: 0 auto 20px;
    top: 40%;
    right: 0;
    left: 0;
    bottom: 0; }
  .gadget--noted.gadget--view-mode-full_4success_ .paragraph .wrapper--hover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 18px 24px;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.3);
    background-color: rgba(0, 0, 0, 0.3);
    text-align: center;
    -webkit-transition: background-color 0.5s ease-in-out 0s;
    -moz-transition: background-color 0.5s ease-in-out 0s;
    transition: background-color 0.5s ease-in-out 0s; }
    .gadget--noted.gadget--view-mode-full_4success_ .paragraph .wrapper--hover .wrapper--table {
      display: table;
      width: 100%;
      height: 100%; }
    .gadget--noted.gadget--view-mode-full_4success_ .paragraph .wrapper--hover .wrapper--table-cell {
      display: table-cell;
      vertical-align: middle; }
    .gadget--noted.gadget--view-mode-full_4success_ .paragraph .wrapper--hover .field--type-string {
      margin-top: 10px;
      height: 0;
      overflow: hidden;
      font-size: 14px;
      color: white;
      font-family: "montserrat-light", Arial, sans-serif;
      -webkit-transition: height 0.5s ease-in-out 0s;
      -moz-transition: height 0.5s ease-in-out 0s;
      transition: height 0.5s ease-in-out 0s; }
    .gadget--noted.gadget--view-mode-full_4success_ .paragraph .wrapper--hover .field--type-link {
      margin: 0 auto;
      font-size: 12px;
      margin-top: -5px;
      vertical-align: middle;
      border: 1px solid rgba(255, 255, 255, 0.7);
      border-radius: 50px 50px;
      padding: 6px;
      width: 100px; }
      .gadget--noted.gadget--view-mode-full_4success_ .paragraph .wrapper--hover .field--type-link a {
        color: white;
        margin-top: 2px;
        font-family: "montserrat-light", Arial, sans-serif;
        text-align: middle;
        position: relative;
        height: 0; }
      .gadget--noted.gadget--view-mode-full_4success_ .paragraph .wrapper--hover .field--type-link:hover {
        background-color: white;
        border: 1px solid transparent;
        -webkit-transition: height 0.5s ease-in 0s;
        -moz-transition: height 0.5s ease-in 0s;
        transition: height 0.5s ease-in 0s; }
        .gadget--noted.gadget--view-mode-full_4success_ .paragraph .wrapper--hover .field--type-link:hover a {
          color: black;
          font-family: "montserrat-medium", Arial, sans-serif; }
    .gadget--noted.gadget--view-mode-full_4success_ .paragraph .wrapper--hover .field--name-field-hiwc-image1-lang .image-style-gadget-logo {
      padding-bottom: 10px;
      max-width: 120px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
    .gadget--noted.gadget--view-mode-full_4success_ .paragraph .wrapper--hover:hover {
      background-color: #000000;
      background-color: rgba(0, 0, 0, 0.3);
      background-color: rgba(0, 0, 0, 0.8);
      -webkit-transition: background-color 0.5s ease-in-out 0s;
      -moz-transition: background-color 0.5s ease-in-out 0s;
      transition: background-color 0.5s ease-in-out 0s; }
      .gadget--noted.gadget--view-mode-full_4success_ .paragraph .wrapper--hover:hover .field--type-string {
        height: 3.7em; }
      .gadget--noted.gadget--view-mode-full_4success_ .paragraph .wrapper--hover:hover .field--name-field-gadget-text-1 {
        display: none; }
      .gadget--noted.gadget--view-mode-full_4success_ .paragraph .wrapper--hover:hover .field--name-field-hiwc-image2-lang {
        display: none; }
        .gadget--noted.gadget--view-mode-full_4success_ .paragraph .wrapper--hover:hover .field--name-field-hiwc-image2-lang + .field--name-field-hiwc-image1-lang {
          display: block; }

@media all and (max-width: 1199px) {
  .gadget--noted.gadget--view-mode-full_4success_ .field--name-field-hiwc-paragraph1-lang-multi > .field__item {
    width: 25%;
    height: 100%; }
  .gadget--noted.gadget--view-mode-full_4success_ .field--name-field-hiwc-text1-lang {
    font-size: 12px; }
  .gadget--noted.gadget--view-mode-full_4success_ .paragraph .field--name-field-hiwc-image2-lang img {
    display: none; }
  .gadget--noted.gadget--view-mode-full_4success_ .paragraph .wrapper--hover {
    display: block; }
    .gadget--noted.gadget--view-mode-full_4success_ .paragraph .wrapper--hover .field--type-string {
      height: 3.9em; }
  .gadget--noted.gadget--view-mode-full_4success_ .paragraph .field--type-link {
    font-size: 12px;
    margin-top: -5px; } }

@media all and (max-width: 1024px) {
  .gadget--noted.gadget--view-mode-full_4success_ .paragraph .field--type-string {
    height: 3.9em;
    margin-bottom: 10px; }
  .gadget--noted.gadget--view-mode-full_4success_ .paragraph .media--type-image .field-name-field-image img {
    height: 230px;
    object-fit: cover; } }

@media all and (max-width: 899px) {
  .gadget--noted.gadget--view-mode-full_min .field--name-field-hiwc-paragraph1-lang-multi > .field__item {
    width: 25%; }
  .gadget--noted.gadget--view-mode-full_4success_ .field--name-field-hiwc-paragraph1-lang-multi > .field__item {
    width: 50%;
    height: 100%; }
  .gadget--noted.gadget--view-mode-full_4success_ .wrapper--hover {
    display: block; } }

@media all and (max-width: 479px) {
  .gadget--noted.gadget--view-mode-full .field--name-field-hiwc-paragraph1-lang-multi > .field__item {
    width: 50%; }
  .gadget--noted.gadget--view-mode-full_min .field--name-field-hiwc-paragraph1-lang-multi > .field__item {
    width: 50%; }
  .gadget--noted.gadget--view-mode-full_4success_ .field--name-field-hiwc-paragraph1-lang-multi > .field__item {
    width: 100%;
    height: 100%; } }

@media screen\0 {
  .gadget--noted .paragraph .wrapper--hover .wrapper--table-cell {
    max-width: 88px; }
    .gadget--noted .paragraph .wrapper--hover .wrapper--table-cell img {
      margin-bottom: 0px; } }

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