/*
  @include grid-setup((
    count: 12,
    gutter: 40px,
    column: 70px,
    width: 98%
  ));
*/
.section-reference-box-hub {
  margin-bottom: 20px;
  -webkit-transition: box-shadow 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: box-shadow 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: box-shadow 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .section-reference-box-hub:hover {
    -webkit-transition: box-shadow 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: box-shadow 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: box-shadow 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    box-shadow: 0px 0px 14px -2px rgba(0, 0, 0, 0.4); }
    @media (max-width: 900px) {
      .section-reference-box-hub:hover {
        box-shadow: none; } }
  .field-banner-box .section-reference-box-hub {
    position: relative; }
    .field-banner-box .section-reference-box-hub:before {
      padding-top: 100%;
      display: block;
      content: ""; }
    .field-banner-box .section-reference-box-hub > a {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      box-sizing: border-box; }
      .field-banner-box .section-reference-box-hub > a .text h2.title {
        margin-bottom: 30px; }
        @media (max-width: 1140px) {
          .field-banner-box .section-reference-box-hub > a .text h2.title {
            margin-bottom: 20px; } }
        @media (max-width: 1070px) {
          .field-banner-box .section-reference-box-hub > a .text h2.title {
            margin-bottom: 30px; } }
      .field-banner-box .section-reference-box-hub > a .logo-container {
        position: absolute;
        bottom: 0px; }
  .section-reference-box-hub a {
    display: block;
    position: relative;
    width: 100%;
    float: left;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #ffffff; }
    .section-reference-box-hub a .text {
      margin-bottom: 40px;
      padding: 15px 20px 0; }
      .section-reference-box-hub a .text .field-custom-label {
        font-size: 11px;
        line-height: 13px;
        text-transform: uppercase;
        margin-bottom: 5px; }
        @media (max-width: 600px) {
          .section-reference-box-hub a .text .field-custom-label {
            font-size: 9px;
            line-height: 11px; } }
        .hub-greece .section-reference-box-hub a .text .field-custom-label, .section-reference-box-hub a .text .field-custom-label.hub-greece {
          font-size: 12px;
          line-height: 13px; }
        .hub-greece .section-reference-box-hub a .text .field-custom-label, .section-reference-box-hub a .text .field-custom-label.hub-greece {
          font-family: Arial;
          text-transform: none; }
      .section-reference-box-hub a .text h2.title {
        font-size: 32px;
        line-height: 36px;
        margin-bottom: 10px; }
        @media (max-width: 1070px) {
          .section-reference-box-hub a .text h2.title {
            font-size: 24px;
            line-height: 28px; } }
        @media (max-width: 600px) {
          .section-reference-box-hub a .text h2.title {
            font-size: 20px;
            line-height: 24px; } }
        .hub-greece .section-reference-box-hub a .text h2.title, .section-reference-box-hub a .text h2.title.hub-greece {
          font-family: Arial;
          text-transform: none; }
      @media (max-width: 1070px) {
        .section-reference-box-hub a .text .field-body {
          font-size: 13px;
          line-height: 15px; } }
      @media (max-width: 900px) {
        .section-reference-box-hub a .text .field-body {
          font-size: 16px;
          line-height: 23px; } }
    .section-reference-box-hub a .logo-container {
      width: 100%;
      float: left;
      margin-bottom: 30px; }
      .section-reference-box-hub a .logo-container .square {
        background-color: #9e9978;
        height: 70px;
        width: 20.75472%;
        float: left; }
      .section-reference-box-hub a .logo-container .logo {
        color: #000000;
        height: 70px;
        width: 79.24528%;
        float: left;
        background-color: #ffffff;
        padding: 20px;
        box-sizing: border-box; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          .section-reference-box-hub a .logo-container .logo {
            display: none; } }
        .section-reference-box-hub a .logo-container .logo .inner {
          height: 30px;
          background-repeat: no-repeat;
          background-size: contain; }
        .section-reference-box-hub a .logo-container .logo.logo-retina {
          display: none; }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
            .section-reference-box-hub a .logo-container .logo.logo-retina {
              display: block; } }
    .section-reference-box-hub a .ribbon {
      height: 48px;
      width: 60%;
      float: right;
      position: relative;
      overflow: hidden; }
      .section-reference-box-hub a .ribbon .background {
        position: absolute;
        width: 200%;
        height: 100%;
        left: 20%;
        background: white;
        top: 0;
        -webkit-transform: skew(-45deg);
        -moz-transform: skew(-45deg);
        -ms-transform: skew(-45deg);
        -o-transform: skew(-45deg);
        transform: skew(-45deg); }
      .section-reference-box-hub a .ribbon .ribbon-text {
        position: absolute;
        right: 15px;
        text-align: right;
        top: 50%;
        -webkit-transform: translateY(-52%);
        -moz-transform: translateY(-52%);
        -ms-transform: translateY(-52%);
        -o-transform: translateY(-52%);
        transform: translateY(-52%);
        z-index: 10; }
  .section-reference-box-hub.hub-316 a .logo-container .square {
    background-color: #b51412; }
  .section-reference-box-hub.hub-316 a .ribbon .ribbon-text {
    color: #b51412; }
  .section-reference-box-hub.hub-340 a .logo-container .square {
    background-color: #182b49; }
  .section-reference-box-hub.hub-340 a .ribbon .ribbon-text {
    color: #182b49; }
  .section-reference-box-hub.hub-782 a .logo-container .square {
    background-color: #202d56; }
  .section-reference-box-hub.hub-782 a .ribbon .ribbon-text {
    color: #202d56; }

/*# sourceMappingURL=reference-box.css.map */