/*------------------------------------------------------------------
    [15. Block link]
    Block-like link with or without hover animation
    Scales up .image-wrap .image
    .hover-show - shown on block hover with scale down animation
    .hover-hidden - hidden on block hover
    .hover-lines - shown on block hover with lines at sides
*/
.block-link {
  display: block;
  text-decoration: none;
  color: #fff;
  position: relative;
/* Hover blocksm should take full size of the block */
}
.block-link .back {
/* half transparent bakcground for hover effect */
  background: #000;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.block-link .content {
  font-size: 32px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.block-link .hover,
.block-link .hover-show,
.block-link .hover-hidden {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.block-link .hover-show,
.block-link .hover-hidden {
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
  color: #fff;
}
.block-link .hover-show {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
/* make it scale down on hover */
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -o-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
}
.block-link .hover-lines {
/* Shown on block hover with lines at sides */
/* Uses :before :after to animate lines */
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s linear 0.2s;
  -moz-transition: all 0.2s linear 0.2s;
  -o-transition: all 0.2s linear 0.2s;
  -ms-transition: all 0.2s linear 0.2s;
  transition: all 0.2s linear 0.2s;
}
.block-link .hover-lines .line-content {
  padding: 20px /* content inset */;
  border: 2px solid transparent /* additional line sized inset  */;
}
.block-link .hover-lines:before,
.block-link .hover-lines:after {
  content: "";
  position: absolute;
  background-color: #29abe2;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.block-link .hover-lines:before {
  left: 0;
  right: 100%;
  top: 20px /* line offset */;
  height: 2px /* line size */;
}
.block-link .hover-lines:after {
  top: 0;
  bottom: 100%;
  left: 20px /* line offset */;
  width: 2px /* line size */;
}
.block-link .hover-lines .line-link {
/* learn more link */
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.block-link .image-wrap .image {
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
/* make it scale up on hover */
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.block-link:hover .hover-show,
.block-link:focus .hover-show,
.block-link:active .hover-show,
.block-link.active .hover-show {
/* show on hover */
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.block-link:hover .hover-hidden,
.block-link:focus .hover-hidden,
.block-link:active .hover-hidden,
.block-link.active .hover-hidden {
/* hide on hover */
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.block-link:hover .hover-lines,
.block-link:focus .hover-lines,
.block-link:active .hover-lines,
.block-link.active .hover-lines {
/* show on hover */
  opacity: 1;
  -ms-filter: none;
  filter: none;
/* change animation delay */
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.block-link:hover .hover-lines:before,
.block-link:focus .hover-lines:before,
.block-link:active .hover-lines:before,
.block-link.active .hover-lines:before,
.block-link:hover .hover-lines:after,
.block-link:focus .hover-lines:after,
.block-link:active .hover-lines:after,
.block-link.active .hover-lines:after {
/* change animation delay */
  -webkit-transition: all 0.2s linear 0.2s;
  -moz-transition: all 0.2s linear 0.2s;
  -o-transition: all 0.2s linear 0.2s;
  -ms-transition: all 0.2s linear 0.2s;
  transition: all 0.2s linear 0.2s;
}
.block-link:hover .hover-lines:before,
.block-link:focus .hover-lines:before,
.block-link:active .hover-lines:before,
.block-link.active .hover-lines:before {
/* animate line */
  left: 10px;
  right: 20px;
}
.block-link:hover .hover-lines:after,
.block-link:focus .hover-lines:after,
.block-link:active .hover-lines:after,
.block-link.active .hover-lines:after {
/* animate line */
  top: 10px;
  bottom: 20px;
}
.block-link:hover .image-wrap .image,
.block-link:focus .image-wrap .image,
.block-link:active .image-wrap .image,
.block-link.active .image-wrap .image {
/* scale up image */
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.image-wrap {
  overflow: hidden;
  display: block;
  position: relative;
  padding-bottom: 56.25%;
}
.image-wrap .image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.back {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.col-lg-4,.col-md-6,.col-sm-12 {
    position: relative;
    width: 100%;
    padding: 1px !important;
}