#block-25 a,
#block-25 a:hover {
  text-decoration: none;
}
#block-25 a {
  outline: 0!important;
}

#block-25 .title h4 {
  text-align: center;
  margin: 1% 0;
}
#block-25  {
  padding: 0 0 50px;
}
#block-25 .btn {
  display: block;
  margin: 0 auto;
  border-image: none;
  box-shadow: 0 0 0;
  border-bottom: 2px solid #0f5496;
  background: #9b2d30;
  text-shadow: 0 0 0;
  padding: 17px 27px;
}
#block-25 #menu-gallery .grid figcaption h4 {
  padding: 15px 0 0 17px;
  color: #FFF;
}
#block-25 #menu-gallery .grid figcaption span {
  padding: 0 0 0 17px;
}
#block-25 #menu-gallery .grid figcaption a.btn {
  left: 19px;
  right: 27px;
  position: absolute;
}

#block-25 .title h4 {
  color: #9b2d30;
}
#block-25 .grid {
  margin: 0 -15px;
  padding: 0;
  list-style: none;
}
#block-25 .grid figure {
  margin: 15px 0;
}
#block-25 .grid figure {
  position: relative;
}
#block-25 .grid figure img {
  width: 100%;
  display: block;
  position: relative;
}
#block-25 .grid figcaption {
  position: absolute;
  top: 0;
  left: 0;
  background: #2c3f52;
}
#block-25 .grid figcaption h3 {
  margin: 20px 0 0 0;
  padding: 0;
  color: #fff;
  font-size: 1.5em;
  line-height: 1.6em;
}
#block-25 .grid figcaption span:before {
  content: 'by ';
}
#block-25 .grid figcaption a {
  text-align: center;
  padding: 5px 10px;
  border-radius: 2px;
  color: #fff;
}
#block-25 ul li figcaption span {
  color: #aaaaab;
  font-size: 13px;
  font-style: italic;
}
#block-25 .grid figcaption a.btn {
  border-bottom: 2px solid #0f5496;
  background: #9b2d30;
  border-image: none;
  box-shadow: 0 0 0;
  display: block;
 /* font-family: 'Open Sans', sans-serif;*/
  margin: 0 auto;
  text-shadow: 0 0 0;
}
#block-25 .grid figcaption a.btn:hover {
  color: #fff;
  background: #0095fc;
}
#block-25 .cs-style-4 li {
  -webkit-perspective: 1700px;
  -moz-perspective: 1700px;
  perspective: 1700px;
  -webkit-perspective-origin: 0 50%;
  -moz-perspective-origin: 0 50%;
  perspective-origin: 0 50%;
}
#block-25 .cs-style-4 figure {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
#block-25 .cs-style-4 figure > div {
  overflow: hidden;
}
#block-25 .cs-style-4 figure img {
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
#block-25 .cs-style-4 figure:hover img {
  -webkit-transform: translateX(25%);
  -moz-transform: translateX(25%);
  -ms-transform: translateX(25%);
  transform: translateX(25%);
}
#block-25 .cs-style-4 figcaption {
  height: 100%;
  width: 70%;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
  -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
  transition: transform 0.4s, opacity 0.1s 0.3s;
}
#block-25 .cs-style-4 figure:hover figcaption {
  opacity: 1;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
  -moz-transition: -moz-transform 0.4s, opacity 0.1s;
  transition: transform 0.4s, opacity 0.1s;
}
#block-25 .cs-style-4 figcaption a {
  position: absolute;
  bottom: 20px;
  right: 60px;
}
@media screen and (max-width: 31.5em) {
  #block-25 .grid {
    padding: 10px 15px;
  }
  #block-25 .grid li {
    width: 100%;
  }
}
@media handheld, only screen and (max-width: 480px) {
  #block-25 .cs-style-4 figcaption {
    width: 46%;
  }
}
