.splash {
      background-size: cover;
      height: 40vh;
      display: flex;
      justify-content: center;
      position: relative;
      z-index: 2;
      background: url(../img/header.news.jpg) no-repeat;
      color: var(--color-white);
          }
    .splash-container {
      width: 70%;
      display: flex;
      height: 100%;
      justify-content: center;
      flex-direction: column;
    }
    .splash h3 {
      font-weight: normal;
        font-size: 1.8rem;
        text-transform: uppercase;
        line-height: 1;
    }
    .splash h1 {
      font-size: 3.8rem;
        font-weight: 700;
        margin-bottom: 15px;
        text-transform: uppercase;
        }
    .splash p {
      font-size: 1.2rem;
        margin-bottom: 15px;
        line-height: normal;
        width: 100%!important;
        max-width: 700px!important;
        }
    #open-positions {
      text-align: center;
      background-color: var(--color-grey-light);
      max-width: 70%;
      margin: 32px auto;
        }
    #positions-list {
      width: 100%;
      background-color: var(--color-grey-light);
        margin-top: 27px;
        margin-bottom: 60px;
        }
    .container-position-list {
      width: 80%;
      margin: 0 auto 60px auto;
      display: flex;
      flex-flow: column;
      justify-content: space-around;
      position:relative;
    }
    .container-position-list .row {
      display: flex;
      flex-wrap: wrap;
      align-items: stretch;
      position: relative;
      z-index: 2;
    }
    .single-position {
     flex:0 23%;
     margin:20px 1%;
      height: auto;
      background-color: #fff;
      border-radius: 6px;
      padding: 15px 0;
      min-height: 320px;
      display: flex;
      flex-flow: column;
      justify-content: space-between;
    }
    .single-position-text-top {
      font-size: 18px;
      font-weight: 600;
    }
    .single-position-title {
      font-size: 35px;
      font-weight: 400;
      line-height: 39px;
    }
    .single-position-external {
      background-image: url(../img/icon-share.svg);;
      width: 25px;
      height: 25px;
      z-index: 2;
      cursor: pointer;
    }
    .share-prodotto .condividi-tooltip {
        transform: translate(0, 0);
    }
    .share-prodotto:hover .condividi-tooltip {
        transform: translate(0, 100%);
    }
    .card-top {
      display: flex;
      align-items: center;
      justify-content: space-between!important;
      margin: 0 auto;
      width: 90%;
    }
    .card-middle {
      display: flex;
      align-items: center;
      text-align: left;
      width: 90%;
      margin: 0 auto;
    }
    .card-middle-2 {
      display: flex;
      align-items: center;
      justify-content: flex-start!important;
      width: 90%;
      margin: 0 auto;
    }
    .single-position-list li {
      font-size: 13px;
      font-weight: 200;
      line-height: 30px;
      color: var(--color-details-blu);
      border-bottom: 1px solid #ccc;
    }
    .card-bottom {
      width: 90%;
      justify-content: flex-start!important;
      margin: 0 auto;
    }
    .card-bottom .link-container-3 {
      margin: 0!important;
    }
	.pagination {
    flex: 100%;
    margin: 18px;
}
.single-position-title:hover {
  color: var(--color-details-blu);
}

    /* FAKE SELECT */
    #filters-careers {
      width: 50%;
      margin: 80px auto 50px auto;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;

    }
    .single-filter {
      width: 250px;
      border: solid 1px #ccc;
      cursor: default;
      border-radius: 5px;
      padding: 20px;
      font-size: 16px;
      text-transform: uppercase;
      font-weight: bold;
      top: 20px;
      right: 0;
      margin:0 15px;
      cursor: pointer !important;
      background-color: var(--color-grey-light);
    }
    #fake-level p, #fake-position p, #fake-nation p {
      z-index: 1;
    }
    .single-filter-container {
      position: relative;
    }
   
    .single-filter::before {
      content: url(../img/filtro-careers.png);
      position: absolute;
      width: 25px;
      height: 25px;
      right: 15px;
      fill: var(--color-main-blu);
        top: calc(50% - 12px);
        transition: var(--transition-short);
          /* transform: translateX(0) rotate(90deg); */
          will-change: auto;
          }
    .fake-options {
      width: 292px;
      height: auto;
      max-height:338px;
      background: none repeat scroll 0 0 white;
      border: 0;
      border-radius: 5px;
      overflow: auto;
      display: none;
      position: absolute;
      left: 15px;
      top: 58px;
      z-index: 3;
    }

    .fake-options table {
      width: 100%;
    }

    .fake-options tr {
      cursor: default;
      border-bottom: solid 1px #eee;
    }

    .fake-options tr:hover, #fake-options tr.selected {
      background-color: #eee;
    }

    .fake-options td {

      width: 100%;
    }

    .fake-options tr.selected td {
      color:var(--color-main-red);
        }
    .filter {
      padding: 20px;
    }
    .filter-arrow {
      background-image: url(../img/filtro-careers.png);
      width: 8px;
      height: 5px;
      fill: var(--color-main-blu);
        transition: var(--transition-short);
          /*transform: translateX(0) rotate(90deg);*/
          will-change: auto;
          }
    #fake-options table {
      width: 100%;
    }

    #fake-options tr {
      cursor: default;
      border-bottom: solid 1px #eee;
    }

    #fake-options tr:hover, #fake-options tr.selected {
      background-color: #eee;
    }

    #fake-options td {

      width: 100%;
    }

    #fake-options tr.selected td {
      color:var(--color-main-red);
        }
    .filtro {
      padding: 20px;
    }
    .fake-options tr:hover, .fake-options tr.selected {
      background-color: #eee;
    }


    .containelistaposizioni {
      opacity:0; transition:.3s all; transform: translateY(100px);
    }

    .listashow {opacity:1; transform: translateY(0);}
    
    #loadernews {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 150px;
    left: 50%;
    transform: translate(-50%,-50%);
    transition:.3s all;
    opacity:0;
}

#loadernews.show {opacity:1}

#loadernews img {
    display: block;
    width: 100px;
}
@media screen and (max-width: 768px) {
  #open-positions {
    text-align: center;
    background-color: var(--color-grey-light);
    max-width: 70%;
    margin: 63px auto 32px auto;
}
}