@-webkit-keyframes flash {
    0% {
        opacity: .4
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes flash {
    0% {
        opacity: .4
    }

    100% {
        opacity: 1
    }
}

@keyframes flash {
    0% {
        opacity: .4
    }

    100% {
        opacity: 1
    }
}

.cqUyOs {
    /* max-width: 500px; */
    max-height: 382px;
    background-color: rgb(255, 255, 255);
    color: rgb(24, 25, 25);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: flex;
    opacity: 1;
    position: relative;
    transition-duration: 0.15s;
    transition-timing-function: ease-in-out;
    flex-direction: column;
    transition-property: background, border-color, height;
    border-width: 0px;
    border-style: outset;
    border-color: rgb(225, 232, 237, 0.5);
    box-shadow:2px 2px 20px 3px #e8e8e8;
    overflow: hidden;
    text-decoration: none;
}
.cqUyOs:hover {
    background: rgb(245, 248, 250);
    border-color: rgba(136, 153, 166, 0.5);
    text-decoration: none;
}

.cqUyOs a:hover {
    text-decoration: none;
}
.cqUyOs a {
    color: rgb(24, 25, 25);
    text-decoration: none;
}

.cqUyOs a img {
    display: block;
    -webkit-transition: all, 0.3s ease-in-out;
    -moz-transition: all, 0.3s ease-in-out;
    transition: all, 0.3s ease-in-out;
    transition-delay: .2s;
}

.cqUyOs a:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.cqUyOs a:hover img2 {
    -webkit-animation: flash 0.5s ease-out;
    -moz-animation: flash 0.5s ease-out;
    animation: flash 0.5s ease-out;
}

.cqUyOs:active, .cqUyOs:hover {
    outline: 0px;
}

.og-image {
  max-height: 200px;
  overflow: hidden;
  background: #fff;
}

.cqUyOs div.descriptions {
  padding: 10px 15px;
}

.cqUyOs p {
  margin: 0
}

.cqUyOs div.descriptions h2 {
  line-height: 1.3em;
  margin: 0;
}

.cqUyOs div.og-description p{
  overflow: hidden;
  display: block;
  display: -webkit-box;
  max-height: 34.06px;
  font-size: 14px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  line-height: 1.31;
  word-break: keep-all;
  word-wrap: break-word;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0.6em 0;
}

.cqUyOs .og-sitename {
    text-align: left;
    font-size: 12px;
    color: #777;
    -webkit-box-flex: 0;
    flex-grow: 0;
    margin: 0px;
}

.cwARIi {
    max-width: 500px;
    background-color: rgb(255, 255, 255);
    color: rgb(24, 25, 25);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: flex;
    opacity: 1;
    position: relative;
    transition-duration: 0.15s;
    transition-timing-function: ease-in-out;
    transition-property: background, border-color;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(225, 232, 237);
    overflow: hidden;
    text-decoration: none;
}
.cwARIi:hover {
    background: rgb(245, 248, 250);
    border-color: rgba(136, 153, 166, 0.5);
}
.cwARIi:active, .cwARIi:hover {
    outline: 0px;
}