.snip1401 {  font-family:'OpenSans', sans-serif;   position: relative;  float: left;  overflow: hidden;  margin: 20px 6% 20px 1%;  /* min-width: 230px;  max-width: 315px;  max-height: 220px;*/  width: 100%;  color: #fff;  text-align: right; 
  font-size: 16px;   background-color: #000000;}

.snip1401 * {  -webkit-box-sizing: border-box;  box-sizing: border-box;  -webkit-transition: all 0.35s ease;  transition: all 0.35s ease;}

.snip1401 img {  max-width: 100%;  backface-visibility: hidden;}
.snip1401 figcaption {  position: absolute;  top: 0;  bottom: 0;  right: 0;  z-index: 1;  opacity: 1;  padding: 30px 0 30px 10px;  background-color: #e01a22;  width: 40%;  -webkit-transform: translateX(150%);  transform: translateX(150%);}

.snip1401 figcaption:before {  position: absolute;  top: 50%;  -webkit-transform: translateY(-50%);  transform: ranslateY(-50%);
  right: 100%;  content: '';  width: 0;   height: 0;  border-style: solid;  border-width: 120px 120px 120px 0;
  border-color: transparent #e01a22 transparent transparent;}

.snip1401:after {  position: absolute;  bottom: 50%;  right: 40%;  content: '';  width: 0;  height: 0;  border-style: solid;
  border-width: 120px 120px 0 120px;  border-color: rgba(255, 255, 255, 0.5) transparent transparent transparent;  -webkit-transform: translateY(-50%);  transform: translateY(-50%);  -webkit-transition: all 0.35s ease;  transition: all 0.35s ease;
}

.snip1401 h3, .snip1401 p {  line-height: 1.5em;  -webkit-transform: translateX(-30px);  transform: translateX(-30px);  margin: 0;}

.snip1401 h3 { font-family: 'Merienda-Regular', cursive;  margin: 0 0 10px; line-height: 1.1em; font-weight: 900; font-size: 13px; color: #fff !important;}

.snip1401 p {  font-size: 0.8em;}
.snip1401 i {  position: absolute;  bottom: 0;  left: 0;  padding: 20px 30px;  font-size: 44px;  color: #ffffff;  opacity: 0;}
.snip1401 a {  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  z-index: 1;}
.snip1401:hover img,
.snip1401.hover img {  zoom: 1;  filter: alpha(opacity=80);  -webkit-opacity: 0.8;  opacity: 0.8;}

.snip1401:hover:after,
.snip1401.hover:after,
.snip1401:hover figcaption,
.snip1401.hover figcaption,
.snip1401:hover i,
.snip1401.hover i {  -webkit-transform: translateX(0);  transform: translateX(0);  opacity: 0.9;
}

/* Small devices (landscape phones, 576px and up) */
/*@media (max-width: 576px) {
	.snip1401 figcaption p { display: none;} 

}*/