.views-grid-style-1 .fourway-grid-container {
  margin-bottom: 15px; }

.views-grid-style-1 .grid-content {
  position: relative; }
  .views-grid-style-1 .grid-content a {
    position: relative;
    display: block; }
    .views-grid-style-1 .grid-content a:hover .overlay {
      opacity: 1; }
  .views-grid-style-1 .grid-content .overlay {
    width: 100%;
    position: absolute;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
    opacity: 0;
    -webkit-transition: all .500s;
    transition: all .500s; }
  .views-grid-style-1 .grid-content .overlay .icon-container {
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 30px; }
  .views-grid-style-1 .grid-content .grid-title {
    position: absolute;
    bottom: 8%;
    left: 4%; }
    .views-grid-style-1 .grid-content .grid-title h3 {
      font-weight: bold;
      text-shadow: 1px 1px 1px #000; }
      .views-grid-style-1 .grid-content .grid-title h3 a {
        color: #fff; }
      .views-grid-style-1 .grid-content .grid-title h3 a:hover {
        color: #fff; }
      .views-grid-style-1 .grid-content .grid-title h3 a:visited {
        color: #fff; }

.views-grid-style-2 .grid-content {
  position: relative;
  margin-bottom: 15px; }
  .views-grid-style-2 .grid-content a {
    position: relative;
    display: block; }
    .views-grid-style-2 .grid-content a:hover .overlay {
      opacity: 1; }
  .views-grid-style-2 .grid-content .overlay {
    width: 100%;
    position: absolute;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
    opacity: 0;
    transition: all .500s; }
  .views-grid-style-2 .grid-content .overlay .icon-container {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 30px; }
  .views-grid-style-2 .grid-content .grid-title {
    padding: 10px;
    background: #2d8147; }
    .views-grid-style-2 .grid-content .grid-title h3 {
      text-align: center;
      font-size: 20px;
      text-transform: uppercase; }
      .views-grid-style-2 .grid-content .grid-title h3 a {
        color: #fff; }
      .views-grid-style-2 .grid-content .grid-title h3 a:hover {
        color: #fff; }
      .views-grid-style-2 .grid-content .grid-title h3 a:visited {
        color: #fff; }

.views-grid-style-flip .grid-content {
  position: relative;
  margin-bottom: 15px;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .views-grid-style-flip .grid-content:hover .front {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    z-index: 20; }
  .views-grid-style-flip .grid-content:hover .back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    z-index: 30; }
  .views-grid-style-flip .grid-content a {
    position: relative;
    display: block; }
    .views-grid-style-flip .grid-content a:hover .overlay {
      opacity: 1; }
  .views-grid-style-flip .grid-content .front {
    position: relative;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    z-index: 20;
    color: #fff; }
    .views-grid-style-flip .grid-content .front .grid-title {
      padding: 10px;
      background: #981717;
      min-height: 76px; }
      .views-grid-style-flip .grid-content .front .grid-title h3 {
        text-align: center;
        font-size: 20px; }
        .views-grid-style-flip .grid-content .front .grid-title h3 a {
          color: #fff; }
        .views-grid-style-flip .grid-content .front .grid-title h3 a:hover {
          color: #fff; }
        .views-grid-style-flip .grid-content .front .grid-title h3 a:visited {
          color: #fff; }
  .views-grid-style-flip .grid-content .back {
    position: absolute;
    top: 0;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: #981717;
    padding: 16px 20px 90px;
    color: #fff; }
    .views-grid-style-flip .grid-content .back .title-back {
      text-align: center;
      font-size: 19px;
      margin: 55px 0 20px 0; }
    .views-grid-style-flip .grid-content .back .description {
      font-size: 14px; }
    .views-grid-style-flip .grid-content .back .link {
      bottom: 50px;
      left: 0;
      position: absolute;
      text-align: center;
      width: 100%; }
      .views-grid-style-flip .grid-content .back .link a {
        display: block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 15px;
        border: 1px solid #fff;
        color: #fff;
        margin: 0 auto; }

.views-grid-style-diagonale-1 .grid-content {
  position: relative;
  margin-bottom: 15px;
  overflow: hidden; }
  .views-grid-style-diagonale-1 .grid-content .grid-background {
    position: relative; }
    .views-grid-style-diagonale-1 .grid-content .grid-background img {
      -webkit-transition: all .7s ease-out;
      transition: all .7s ease-out; }
    .views-grid-style-diagonale-1 .grid-content .grid-background::before {
      content: '';
      display: block;
      width: 200%;
      height: 100%;
      z-index: 2;
      background: rgba(76, 24, 100, 0.8);
      top: 60%;
      position: absolute;
      -webkit-transform: rotate(8deg);
      transform: rotate(8deg);
      left: -90%;
      -webkit-transition: all 0.7s cubic-bezier(0.19, 0.63, 0, 1.2);
      transition: all 0.7s cubic-bezier(0.19, 0.63, 0, 1.2); }
  .views-grid-style-diagonale-1 .grid-content:hover .grid-background img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  .views-grid-style-diagonale-1 .grid-content:hover .grid-background::before {
    top: 35%;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg); }
  .views-grid-style-diagonale-1 .grid-content:hover .grid-title {
    top: 60%; }
  .views-grid-style-diagonale-1 .grid-content:hover .grid-link-container {
    left: 30px; }
  .views-grid-style-diagonale-1 .grid-content .grid-title {
    position: absolute;
    z-index: 3;
    top: 87%;
    left: 30px;
    -webkit-transition: all .7s ease-out;
    transition: all .7s ease-out;
    color: #fff; }
    .views-grid-style-diagonale-1 .grid-content .grid-title h2 {
      color: #fff; }
  .views-grid-style-diagonale-1 .grid-content .grid-link-container {
    -webkit-transition: all .7s ease-out;
    transition: all .7s ease-out;
    position: absolute;
    z-index: 3;
    top: 85%;
    left: -100%; }
    .views-grid-style-diagonale-1 .grid-content .grid-link-container a {
      display: block;
      color: #fff;
      padding: 6px 15px;
      text-transform: uppercase;
      border: 1px solid #fff; }

.views-grid-style-ymca .grid-content {
  margin-bottom: 20px;
  border-radius: 6px;
  overflow: hidden;
  -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.09);
  border: 1px solid rgba(0, 0, 0, 0.1); }
  .views-grid-style-ymca .grid-content .grid-info-container {
    padding: 5px 15px 15px;
    background: #fff;
    border-top: 0; }
  .views-grid-style-ymca .grid-content .grid-image {
    position: relative; }
    .views-grid-style-ymca .grid-content .grid-image:hover .img-overlay {
      -webkit-transform: scale(1);
      transform: scale(1); }
    .views-grid-style-ymca .grid-content .grid-image .img-overlay {
      -webkit-transition: -webkit-transform .3s linear;
      transition: -webkit-transform .3s linear;
      transition: transform .3s linear;
      transition: transform .3s linear, -webkit-transform .3s linear;
      -webkit-transform: scale(0);
      transform: scale(0);
      position: absolute;
      background: #0000006b;
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-size: 50px;
      color: #fff; }

.views-grid-style-podm .grid-content {
  position: relative;
  margin-bottom: 20px;
  text-align: center;
  background-color: #e3ded3;
  overflow: hidden; }
  .views-grid-style-podm .grid-content h3 {
    font-size: 22px; }
  .views-grid-style-podm .grid-content:hover .grid-image {
    -webkit-transform: translateY(100%);
    transform: translateY(100%); }
  .views-grid-style-podm .grid-content:hover .grid-info-container {
    opacity: 1;
    -webkit-transition-delay: .3s;
    transition-delay: .3s; }
  .views-grid-style-podm .grid-content:hover .grid-title {
    opacity: 0; }
  .views-grid-style-podm .grid-content .grid-info-container {
    padding: 15px;
    border-top: 0;
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.4s linear;
    transition: opacity 0.4s linear; }
  .views-grid-style-podm .grid-content .grid-image {
    position: relative;
    z-index: 2;
    -webkit-transition: -webkit-transform 0.4s ease 0s;
    transition: -webkit-transform 0.4s ease 0s;
    transition: transform 0.4s ease 0s;
    transition: transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s; }
  .views-grid-style-podm .grid-content .grid-title {
    position: relative;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    z-index: 3;
    margin-top: 10px; }
    .views-grid-style-podm .grid-content .grid-title h3 {
      margin-top: 5px; }
      @media (min-width: 576px) {
        .views-grid-style-podm .grid-content .grid-title h3 {
          font-size: 22px; } }
  .views-grid-style-podm .grid-content .grid-link {
    margin-top: 20px; }
    .views-grid-style-podm .grid-content .grid-link a {
      background-color: #00A39B;
      border: medium none;
      border-radius: 14px;
      color: #F6F0E4;
      font-size: 12px;
      font-weight: 700;
      line-height: 14px;
      padding: 10px 19px;
      text-align: center;
      text-transform: uppercase;
      line-height: 30px; }