@-webkit-keyframes border-out {
  from {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1; }
  to {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0; } 
}
@-moz-keyframes border-out {
  from {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1; }
  to {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0; } 
}
@keyframes border-out {
  from {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1; }
  to {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0; } 
}
.pod-outer {
    display: inline-block;
    position: relative;
    width: 100%;
    border: 1px solid #eeeeee;
    background-color: #f6f6f6;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -moz-transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -moz-osx-font-smoothing: grayscale;
    border-color: white;
}
.om-front-page-news {
  position: relative;
}
.om-front-page-news .pod-outer:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 9px solid #eeeeee;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}
.pod-inner {
  height: 318px;
  margin: 9px;
  width: 310px;
  padding: 10px 10px 40px;
  background-color: #ffffff;
  overflow: hidden;
  transition: background-color 0.2s ease-in-out; 
}
a:hover .pod-outer {
  border-color: #f1b434;
  background-color: #f1b434;
}
a:hover .pod-outer .pod-inner {
  background-color: #f1b434;
}
*, *:before, *:after {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
.pod-outer:hover:before {
      -webkit-animation-name: border-out;
    -moz-animation-name: border-out;
    animation-name: border-out;
}
