.card h4{
    margin-bottom: .5em;
}
.card h4 i{
    top: .2em;
    position: relative;

}
    .card-block {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        border-radius: 0;
        padding: 1.25rem;
    }

    .title {
      margin:1em 0;
      font-size:1.1em!important;
  }
  .content {
      position: relative;
      width: 100%;
      max-width: 400px;
      margin: auto;
      overflow: hidden;
      padding: 0;
      max-height: 140px;
  }
  .content .content-overlay {
      background: rgba(34, 80, 252,.8);
      position: absolute;
      height: 100%;
      width: 100%;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      opacity: 0;
      -webkit-transition: all 0.4s ease-in-out 0s;
      -moz-transition: all 0.4s ease-in-out 0s;
      transition: all 0.4s ease-in-out 0s;
  }
  .content:hover .content-overlay{
      opacity: 1;
      z-index: 2;
  }
  .content-image{
      width: 100%;
      -webkit-transition: all 0.4s ease-in-out 0s;
      -moz-transition: all 0.4s ease-in-out 0s;
      transition: all 0.4s ease-in-out 0s;
  }
  .content-details {
      position: absolute;
      text-align: center;
      padding-left: 1em;
      padding-right: 1em;
      width: 100%;
      top: 50%;
      left: 50%;
      opacity: 0;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.3s ease-in-out 0s;
      -moz-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s;
  }
  .content:hover .content-details{
      top: 54%;
      left: 50%;
      z-index: 9;
      opacity: 1;
  }
  .content:hover .content-image{
      transform:rotate(-1deg);
      transform: scale(1.06);
      z-index: 0;
  }
  .content-details h3{
      color: #fff;
      font-weight: 500;
      font-size: 1.2em !important;
      letter-spacing: 0.15em;
      margin-bottom: 0.5em;
      margin-top: 0 !important;
      text-transform: uppercase;
  }
  .content-details p{
      color: #fff;
      font-size: 0.8em;
  }
  .fadeIn-bottom{
      top: 80%;
  }
  .patrocinadores img{
      width: 8em;
      margin:auto;
  }


  /*VIDEOS EFFECT*/


  .videos img{
      width:100%;
  }
  .video-icon {
      position: absolute;
      text-align: center;
      padding-left: 1em;
      padding-right: 1em;
      width: 100%;
      top: 30%;
      left: 50%;
      opacity: 1;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.3s ease-in-out 0s;
      -moz-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s;
  }  

  .video-icon  h3 {
      color: red !important;
      font-weight: 500;
      font-size: 2.9em;
      position: relative;
      letter-spacing: 0.15em;
      z-index: 999999;
      margin-bottom: 0.5em;
      z-index: 99;
      text-transform: uppercase;
	  margin-top: 30px;
  }
  .video-icon  h3 i{
      position: absolute;
      z-index: 99;
      left: 0;
      right: 0;
      margin:auto;
      bottom: 0;
      width: 40px;
      height: 40px;
      z-index: 0;
      top: 0;
  }
  .video-icon  h3:before{
      position: absolute;
      width: 37px;
      height: 32px;
      background: white;
      border-radius: 100%;
      content: "";
      left: 0;
      right: 0;
      margin: auto;
      bottom: 0;
      z-index: 0;
      top: 0;
  }
  .videos h3{
      color: #212529;
  }