body {
  font-family: 'Roboto';
  font-size: 16px;
  background: #fff;
}
.tv-case-studies {
    min-height:500px;
}
ul.tv-filter-tm {
  padding:0;
  text-align:center;
  list-style:none;
  margin-top:25px;
  margin-bottom:25px;
}
ul.tv-filter-tm li {
  display:inline-block;
  padding:7px 15px;
  margin-right:15px;
  margin-bottom:15px;
  border-radius:3px;
  cursor:pointer;
}
ul.tv-filter-tm li:hover {
  color:#ffffff;

}
article.tv-card-tm {
  display:block;
  position: initial;
  top:0px;
  width: 100%;
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  -webkit-transition: box-shadow 0.3s;
		  transition: box-shadow 0.3s;
  margin-top:20px;
  margin-bottom:20px;
  border-radius:5px;
  overflow:hidden;
  word-wrap: break-word;
	padding:0;
}
article.tv-card-tm:hover {
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
}
figure.tv-thumb-card-tm {
  height: 90px;
  overflow: hidden;
  background-color: #000;
  text-align:center;
  position:relative;
}
figure.tv-thumb-card-tm img {
  display: block;
  opacity: .8;
  position:relative;
  width:auto;
  width:100%;
  height:100%;
}
.tv-card-icon-tm {
  position: absolute;
  top: 25%;
  right: 15px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 13px;
  font-weight: bold;
  padding-top: 10px;
  z-index:5;

}



.tv-case-study-hide {
   -webkit-animation-name: pulse-hide;
  animation-name: pulse-hide; 
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.tv-case-study-show {
  display:block !important;
   -webkit-animation-name: pulse;
  animation-name: pulse; 
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.tv-card-icon-tm a {
  color:#ffffff !important;
}
.tv-card-category-tm {
  position: relative;
  bottom:0;
  height: 25px;
  padding: 0 15px;
  color: #fff;
  font-size: 11px;
  line-height: 25px;
}
.tv-card-category-tm a {
  color: #fff !important;
  text-decoration: none;
  text-transform: uppercase;
}
.tv-card-title-tm {
  padding:10px 20px;
  font-size:23px;
  text-align:left;
  font-weight:400;
  height:90px;
}
.tv-card-title-tm a {
  text-decoration:none;
  color:#219ae2;
}
.tv-card-title-tm a:hover {
  color:#018fc5 !important
}
.tv-card-sub-title-tm,.tv-card-sub-title-tm p {
  padding: 0px 10px;
  margin:0;
  font-size:19px;
  font-style:italic;
  color:#999999;
  font-weight:400;
  height:45px;
}
.tv-card-description-tm {
	height:150px
}
.tv-card-description-tm,.tv-card-description-tm p {
  padding:5px 10px;
  color:#555555;
  font-size:16px !important;
}
.tv-card-footer-tm {
  background:#fbfbfb;
  border-top:1px solid #dedede;
  padding:10px 20px;
}
.tv-card-time-tm {
  font-size:14px;
  color:#aaaaaa;
  padding-left:20px;
}
.tv-card-time-tm i {
  font-size:18px;
  position:absolute;
  top:2px;
  left:10px;
}
.tv-card-link {
  text-align:right;
}
.tv-card-link a {
  color:#219ae2;
  text-decoration:none;
}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes pulse-hide {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    display:none;
  }
}

@keyframes pulse-hide {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity:1
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
    visibility:none;
    display:none;
    opacity:0;
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    visibility:none;
    display:none;
    opacity:0;
    width:0;
    height:0;
    overflow:hidden;
    padding:0;
    margin-left:0;
    margin-right:0;
  }
}


.row {
    display: flex;
    flex-wrap: wrap;
}
.row > [class*='col-'] {
    display: flex;
    flex-direction: column;
}