.paragraph-visual-small {
  position: relative;
  background: #007dbf; }
  .donext .paragraph-visual-small {
    background: #62b5e5; }
  @media (max-width: 767px) {
    .paragraph-visual-small {
      margin-bottom: 30px; } }
  @media (max-width: 767px) {
    .paragraph-visual-small.mobile-true .paragraph-visual-small--image {
      display: none; } }
  .paragraph-visual-small.mobile-true .paragraph-visual-small--image .paragraph-visual-small--image-mobile {
    display: none; }
    @media (max-width: 767px) {
      .paragraph-visual-small.mobile-true .paragraph-visual-small--image .paragraph-visual-small--image-mobile {
        display: block; } }
  .paragraph-visual-small.white-text-visual h1 {
    color: #FFF; }
    .country-language-gr-en .paragraph-visual-small.white-text-visual h1, .country-language-gr-el .paragraph-visual-small.white-text-visual h1 {
      color: #FFF; }
    .paragraph-visual-small.white-text-visual h1.bigTitle {
      color: #FFF; }
      .country-language-gr-en .paragraph-visual-small.white-text-visual h1.bigTitle, .country-language-gr-el .paragraph-visual-small.white-text-visual h1.bigTitle {
        color: #FFF; }
  .paragraph-visual-small.white-text-visual .paragraph-visual-small--image:after {
    content: none; }
    .country-language-gr-en .paragraph-visual-small.white-text-visual .paragraph-visual-small--image:after, .country-language-gr-el .paragraph-visual-small.white-text-visual .paragraph-visual-small--image:after {
      content: none; }
  .paragraph-visual-small.white-text-visual .paragraph-visual-small--image-mobile .clip:after {
    content: none; }
    .country-language-gr-en .paragraph-visual-small.white-text-visual .paragraph-visual-small--image-mobile .clip:after, .country-language-gr-el .paragraph-visual-small.white-text-visual .paragraph-visual-small--image-mobile .clip:after {
      content: none; }
  .paragraph-visual-small.white-text-visual .paragraph-visual-small--title {
    max-width: 60%;
    color: #FFF; }
    .country-language-gr-en .paragraph-visual-small.white-text-visual .paragraph-visual-small--title, .country-language-gr-el .paragraph-visual-small.white-text-visual .paragraph-visual-small--title {
      max-width: 60%;
      color: #FFF; }
  .paragraph-visual-small.white-text-visual .paragraph-visual-small--text {
    color: #FFF; }
    .country-language-gr-en .paragraph-visual-small.white-text-visual .paragraph-visual-small--text, .country-language-gr-el .paragraph-visual-small.white-text-visual .paragraph-visual-small--text {
      color: #FFF; }
  .paragraph-visual-small h1 {
    color: #FFF; }
    .country-language-gr-en .paragraph-visual-small h1, .country-language-gr-el .paragraph-visual-small h1 {
      color: #007cba; }
    .paragraph-visual-small h1.bigTitle {
      color: #FFF; }
      .country-language-gr-en .paragraph-visual-small h1.bigTitle, .country-language-gr-el .paragraph-visual-small h1.bigTitle {
        color: #007cba; }
  .paragraph-visual-small--image {
    position: relative; }
    .paragraph-visual-small--image:after {
      content: none;
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+17,1+17,0+100 */
      /* FF3.6-15 */
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, white 0%, white 30%, rgba(255, 255, 255, 0) 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
      /* IE6-9 */ }
      .country-language-gr-en .paragraph-visual-small--image:after, .country-language-gr-el .paragraph-visual-small--image:after {
        content: ''; }
    @media (max-width: 767px) {
      .paragraph-visual-small--image {
        display: none; }
        .visual-mob-none .paragraph-visual-small--image {
          display: block; } }
    .paragraph-visual-small--image .clip {
      padding-bottom: 30%;
      position: relative; }
      .paragraph-visual-small--image .clip img {
        width: 100%;
        height: 100%;
        position: absolute;
        object-fit: cover; }
  .paragraph-visual-small--image-mobile {
    display: none;
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
    position: relative; }
    @media (max-width: 767px) {
      .paragraph-visual-small--image-mobile {
        display: block; } }
    .paragraph-visual-small--image-mobile .clip {
      padding-bottom: 178.66%; }
      @media (max-width: 767px) {
        .paragraph-visual-small--image-mobile .clip {
          padding-bottom: 100%; } }
      .paragraph-visual-small--image-mobile .clip:after {
        content: none;
        position: absolute;
        width: 100%;
        height: 100%;
        /* FF3.6-15 */
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, white 0%, white 15%, rgba(255, 255, 255, 0) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
        .country-language-gr-en .paragraph-visual-small--image-mobile .clip:after, .country-language-gr-el .paragraph-visual-small--image-mobile .clip:after {
          content: ''; }
    .paragraph-visual-small--image-mobile img {
      width: 100%;
      height: auto;
      position: fixed; }
  .paragraph-visual-small .content-text {
    position: absolute;
    top: 63%;
    left: 0;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    z-index: 1;
    width: 100%; }
    @media (max-width: 991px) {
      .paragraph-visual-small .content-text {
        top: 50%; } }
    @media (max-width: 767px) {
      .paragraph-visual-small .content-text {
        top: 35%;
        width: 100%; } }
    @media (max-width: 767px) {
      .paragraph-visual-small .content-text .bigTitle {
        text-align: center; } }
  .paragraph-visual-small--title {
    font-weight: normal;
    font-size: 3.75rem;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    z-index: 3;
    color: #FFF;
    max-width: 60%;
    margin-bottom: 30px; }
    .country-language-gr-en .paragraph-visual-small--title, .country-language-gr-el .paragraph-visual-small--title {
      max-width: 80%;
      color: #007cba; }
    @media (max-width: 991px) {
      .paragraph-visual-small--title {
        text-align: left;
        font-size: 25px; } }
    @media (max-width: 767px) {
      .paragraph-visual-small--title {
        text-align: center;
        font-size: 2.81rem;
        padding-bottom: 20px;
        max-width: 100%;
        /*padding-bottom: 5px;
      left: 30px;
      font-size: 30px;*/ } }
  .paragraph-visual-small--text {
    font-size: 1.56rem;
    color: #FFF;
    text-align: left;
    font-weight: 100;
    max-width: 50%;
    line-height: 1.2; }
    .country-language-gr-en .paragraph-visual-small--text, .country-language-gr-el .paragraph-visual-small--text {
      color: #007cba; }
    @media (max-width: 767px) {
      .paragraph-visual-small--text {
        text-align: center;
        max-width: 100%;
        font-size: 18px; } }
  .paragraph-visual-small .filter-visual {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #007dbf;
    opacity: .3;
    top: 0;
    left: 0;
    z-index: 2; }