/*
  @include grid-setup((
    count: 12,
    gutter: 40px,
    column: 70px,
    width: 98%
  ));
*/
.section-banner-pop-up > .inner .logo.wrap .close:before {
  content: "\e90c"; }

.section-banner-pop-up {
  width: 100%;
  max-width: 1290px;
  padding: 0 60px;
  box-sizing: border-box;
  margin: 0 auto;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0px auto;
  z-index: 100;
  transform: translateY(100%);
  transition: transform 0.4s ease;
  pointer-events: none; }
  @media (max-width: 700px) {
    .section-banner-pop-up {
      padding: 0 15px; } }
  .section-banner-pop-up.show {
    transform: translateY(0);
    transition: transform 0.4s ease; }
  .section-banner-pop-up > .inner {
    width: 32.07547%;
    margin-right: 1.88679%;
    float: left;
    float: none;
    margin: 0px auto;
    background-color: #9e9978;
    position: relative;
    pointer-events: all;
    margin-bottom: 10px; }
    .hub-progressinmind .section-banner-pop-up > .inner {
      background-color: #9e9978; }
    .lic .section-banner-pop-up > .inner {
      background-color: #b51412; }
    .hub-linf .section-banner-pop-up > .inner {
      background-color: #b51412; }
    .hub-thinc .section-banner-pop-up > .inner {
      background-color: #182b49; }
    .hub-rethink .section-banner-pop-up > .inner {
      background-color: #202d56; }
    .hub-focus .section-banner-pop-up > .inner {
      background-color: #9e9978; }
    @media (max-width: 900px) {
      .section-banner-pop-up > .inner {
        width: 49.0566%;
        margin-right: 1.88679%;
        float: left;
        float: none; } }
    @media (max-width: 600px) {
      .section-banner-pop-up > .inner {
        width: 83.01887%;
        margin-right: 1.88679%;
        float: left;
        float: none; } }
    .section-banner-pop-up > .inner .logo.wrap {
      background: white;
      padding: 20px;
      position: relative; }
      .section-banner-pop-up > .inner .logo.wrap img.logo {
        width: 200px; }
        @media (max-width: 1140px) {
          .section-banner-pop-up > .inner .logo.wrap img.logo {
            margin-bottom: 20px; } }
        @media (max-width: 1070px) {
          .section-banner-pop-up > .inner .logo.wrap img.logo {
            margin-bottom: 30px; } }
        @media (max-width: 900px) {
          .section-banner-pop-up > .inner .logo.wrap img.logo {
            width: 40%; } }
      .section-banner-pop-up > .inner .logo.wrap .close {
        top: 20px;
        right: 20px;
        width: 50px;
        height: 50px;
        display: block;
        position: relative;
        width: 18px;
        height: 18px;
        position: absolute;
        cursor: pointer; }
        .section-banner-pop-up > .inner .logo.wrap .close:before {
          -webkit-transition: color 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53);
          -moz-transition: color 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition: color 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53);
          font-family: 'icomoon';
          font-size: 18px;
          color: #000000;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          height: 18px;
          width: 18px;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
        .section-banner-pop-up > .inner .logo.wrap .close:hover:before {
          -webkit-transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -moz-transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          color: #9e9978; }
          .hub-progressinmind .section-banner-pop-up > .inner .logo.wrap .close:hover:before {
            color: #9e9978; }
          .lic .section-banner-pop-up > .inner .logo.wrap .close:hover:before {
            color: #b51412; }
          .hub-linf .section-banner-pop-up > .inner .logo.wrap .close:hover:before {
            color: #b51412; }
          .hub-thinc .section-banner-pop-up > .inner .logo.wrap .close:hover:before {
            color: #D14330; }
          .hub-rethink .section-banner-pop-up > .inner .logo.wrap .close:hover:before {
            color: #942621; }
          .hub-focus .section-banner-pop-up > .inner .logo.wrap .close:hover:before {
            color: #6d6e71; }
    .section-banner-pop-up > .inner > .content {
      padding: 20px;
      color: #ffffff;
      background-repeat: no-repeat;
      background-size: cover; }
      .section-banner-pop-up > .inner > .content .field-custom-label {
        font-size: 11px;
        line-height: 13px;
        text-transform: uppercase;
        margin-bottom: 6px; }
        @media (max-width: 600px) {
          .section-banner-pop-up > .inner > .content .field-custom-label {
            font-size: 9px;
            line-height: 11px; } }
        .hub-greece .section-banner-pop-up > .inner > .content .field-custom-label, .section-banner-pop-up > .inner > .content .field-custom-label.hub-greece {
          font-size: 12px;
          line-height: 13px; }
        .hub-greece .section-banner-pop-up > .inner > .content .field-custom-label, .section-banner-pop-up > .inner > .content .field-custom-label.hub-greece {
          font-family: Arial;
          text-transform: none; }
      .section-banner-pop-up > .inner > .content h2 {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 30px; }
        @media (max-width: 1070px) {
          .section-banner-pop-up > .inner > .content h2 {
            font-size: 22px;
            line-height: 24px; } }
        @media (max-width: 900px) {
          .section-banner-pop-up > .inner > .content h2 {
            font-size: 20px;
            line-height: 22px; } }
        @media (max-width: 600px) {
          .section-banner-pop-up > .inner > .content h2 {
            font-size: 18px;
            line-height: 20px; } }
        .hub-greece .section-banner-pop-up > .inner > .content h2, .section-banner-pop-up > .inner > .content h2.hub-greece {
          font-family: Arial;
          text-transform: none; }
        @media (max-width: 1140px) {
          .section-banner-pop-up > .inner > .content h2 {
            margin-bottom: 20px; } }
        @media (max-width: 1070px) {
          .section-banner-pop-up > .inner > .content h2 {
            margin-bottom: 30px; } }
      .section-banner-pop-up > .inner > .content .field-subtitle-small {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 80px;
        width: 87.14623%;
        margin-right: 2.83019%;
        float: left;
        float: none; }
        @media (max-width: 600px) {
          .section-banner-pop-up > .inner > .content .field-subtitle-small {
            font-size: 12px;
            line-height: 15px; } }
        .hub-greece .section-banner-pop-up > .inner > .content .field-subtitle-small, .section-banner-pop-up > .inner > .content .field-subtitle-small.hub-greece {
          font-family: Arial;
          text-transform: none; }
      .section-banner-pop-up > .inner > .content .read-more {
        -webkit-transition: background-color 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53), color 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53);
        -moz-transition: background-color 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53), color 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53);
        transition: background-color 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53), color 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53);
        font-size: 12px;
        line-height: 19px;
        text-align: center;
        line-height: 14px;
        display: inline-block;
        padding: 8px 40px;
        color: #CE3D10;
        border-radius: 20px;
        font-size: 12px;
        line-height: 19px;
        width: auto;
        box-sizing: border-box;
        max-width: calc(100% - 40px);
        background-color: #ffffff;
        position: absolute;
        bottom: 20px;
        cursor: pointer; }
        .hub-greece .section-banner-pop-up > .inner > .content .read-more, .section-banner-pop-up > .inner > .content .read-more.hub-greece {
          font-family: Arial;
          text-transform: none; }
        .section-banner-pop-up > .inner > .content .read-more:after {
          -webkit-transition: color 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53);
          -moz-transition: color 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition: color 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
        .section-banner-pop-up > .inner > .content .read-more:hover {
          -webkit-transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -moz-transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          background-color: #CE3D10;
          color: #ffffff; }
          .section-banner-pop-up > .inner > .content .read-more:hover:after {
            -webkit-transition: color 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            -moz-transition: color 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            transition: color 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            color: #ffffff; }
    @media (max-width: 1140px) {
      .field-section-hub-aside .section-banner-pop-up > .inner:before {
        padding-top: 110%; } }
    @media (max-width: 1070px) {
      .field-section-hub-aside .section-banner-pop-up > .inner:before {
        padding-top: 120%; }
      .field-section-hub-aside .section-banner-pop-up > .inner > a > .content img.logo {
        margin-bottom: 20px; }
      .field-section-hub-aside .section-banner-pop-up > .inner > a > .content h2 {
        margin-bottom: 20px; } }
    @media (max-width: 900px) {
      .field-section-hub-aside .section-banner-pop-up > .inner {
        width: 100%; }
        .field-section-hub-aside .section-banner-pop-up > .inner:before {
          padding-top: 60%; }
        .field-section-hub-aside .section-banner-pop-up > .inner > a > .content img.logo {
          margin-bottom: 30px; }
        .field-section-hub-aside .section-banner-pop-up > .inner > a > .content h2 {
          margin-bottom: 30px; } }
    @media (max-width: 600px) {
      .field-section-hub-aside .section-banner-pop-up > .inner {
        width: 100%; }
        .field-section-hub-aside .section-banner-pop-up > .inner:before {
          padding-top: 90%; } }

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