.instaframe-follow-us {
  clear: both;
  display: inline-block;
  border: 3px solid #3a3a3a ;
  padding: 8px;
  margin-left: 25px;
  margin-bottom: 15px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAB5UlEQVRIS72W3XHCMAzHJZsB6AaMEOLw3kzQMkHpBjAB1wlgg9IJ2k7QvBOnHqEbNANguyefHdIcIeHC4TdsRz99/CWMAABRFI1Ho9HaWrsAgDHtXWGViLg7HA4vSqkSCcI5/yLeFYyfMqG01ikmSbKx1i7pBiJuAeAzz/NsCDRJknsAeKjbRSHEL6WLIHmer4YAgi1vw6XOw0oCWR9NOjSSYCs4yxibGmO+nf1wKKXEtmjiOF4g4hMAUErqK7PWvhVFsaPNJohsVoGcA0VRNOGcv/cQChV8zjkn74NqSynlXSfIQ+ofOu8ZYz/kvTFm0oiy1FpPlVLuPKxOkBCCIE7y1trnkJ5men1aX/2+klJOz4La6lOHxHG8RMS1v5tprVcUQQN20lRVrBZQJqVM62ez2SwyxlCDUy2qdAkhaK8plurTs6AQDUVSFAU1s1tCCBLIo//5IaWcd0V1FoSIrreoERlj6X6/V35kUf0moTFJXTQNrLUU1eWpq4NCXbxAAoS2nYwHgULqGqlqejw8dQDgxHCipwLsOmKo95CHbWrKuqq8necXNGybFo5DtfXG8aAaQYhIKYtaBu3lqusB732lazL0NtR18aYg91fe5dHA8/Lf42SgsXbFIW5v99wiN27xgPwDEMZEgJTXYgoAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-size: 32px 32px;
  background-position: 8px 50%;
  transition: all 0.2s ease-in-out;
}
.instaframe-follow-us:hover {
  background-color: #f7f7f7;
  padding-left: 45px;
  transition: all 0.2s ease-in-out;
}
.instaframe-follow-us a {
  color: #3a3a3a;
  line-height: 32px;
  height: 32px;
  display: inline-block;
  vertical-align: middle;
  text-transform: lowercase;
}
.instaframe-follow-us a:hover {
  text-decoration: none;
}
.instaframe-follow-us a span {
  font-weight: 800;
  float: right;
  margin-left: 6px;
}
.instaframe-follow-us img {
  width: 32px;
  height: 32px;
  border-radius: 3px;
}
.instaframe {
  position: relative;
}
.instaframe .instaframe-front,
.instaframe .instaframe-back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.instaframe .instaframe-front {
  overflow: hidden;
}
.instaframe .instaframe-back {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.instaframe .instaframe-back .instaframe-caption {
  color: #fafafa;
  position: absolute;
  bottom: 100px;
  left: 0;
  right: 0;
  text-align: center;
  font-family: Courier;
  font-size: 1em;
}
.instaframe .instaframe-item {
  position: relative;
  float: left;
  width: 20%;
  animation: instaframe-anim 0.8s ease-in-out;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;
  -webkit-transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -moz-transition: 0.6s;
  -moz-transform-style: preserve-3d;
  -o-transition: 0.6s;
  -o-transform-style: preserve-3d;
  transition: 0.6s;
  transform-style: preserve-3d;
}
.instaframe .instaframe-item.clicked {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  background: #333;
  background: -webkit-radial-gradient(#555555, #333333);
  /* Safari 5.1-6.0 */
  background: -o-radial-gradient(#555555, #333333);
  /* For Opera 11.6-12.0 */
  background: -moz-radial-gradient(#555555, #333333);
  /* For Firefox 3.6-15 */
  background: radial-gradient(#555555, #333333);
  /* Standard syntax */
}
.instaframe .instaframe-item.clicked .instaframe-likes,
.instaframe .instaframe-item.clicked .instaframe-comments {
  opacity: 0 !important;
  -webkit-transform: scale(0) !important;
  -moz-transform: scale(0) !important;
  -ms-transform: scale(0) !important;
  transform: scale(0) !important;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
}
.instaframe .instaframe-item.clicked img,
.instaframe .instaframe-item.clicked video {
  opacity: 0;
}
.instaframe .instaframe-item:hover .instaframe-likes,
.instaframe .instaframe-item:hover .instaframe-comments {
  opacity: .8;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.instaframe .instaframe-item:hover .instaframe-image {
  transform: scale(1.05);
  filter: grayscale(1);
}
.instaframe .instaframe-item .instaframe-image {
  transition: 0.3s all ease;
}
.instaframe .instaframe-item .instaframe-image video,
.instaframe .instaframe-item .instaframe-image img {
  height: auto;
}
.instaframe .instaframe-item .instaframe-likes,
.instaframe .instaframe-item .instaframe-comments {
  position: absolute;
  top: 20px;
  font-weight: bold;
  text-align: center;
  width: 50px;
  height: 48px;
  background-size: 50px 48px;
  box-sizing: border-box;
  padding-top: 10px;
  opacity: 0;
  -webkit-transform: scale(0.1);
  -moz-transform: scale(0.1);
  -ms-transform: scale(0.1);
  transform: scale(0.1);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 10;
}
.instaframe .instaframe-item .instaframe-likes a,
.instaframe .instaframe-item .instaframe-comments a {
  color: #FFF;
  text-decoration: none;
  display: block;
  width: 50px;
  height: 48px;
}
.instaframe .instaframe-item .instaframe-likes:hover,
.instaframe .instaframe-item .instaframe-comments:hover {
  opacity: 1;
}
.instaframe .instaframe-item .instaframe-likes {
  left: 25px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB3aWR0aD0iMzkzLjk3NjUzIgogICBoZWlnaHQ9IjM2My40MjIyNyIKICAgaWQ9InN2ZzIiCiAgIHZlcnNpb249IjEuMSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC40NyByMjI1ODMiCiAgIHNvZGlwb2RpOmRvY25hbWU9Ik5ldyBkb2N1bWVudCAxIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzNCI+CiAgICA8aW5rc2NhcGU6cGVyc3BlY3RpdmUKICAgICAgIHNvZGlwb2RpOnR5cGU9Imlua3NjYXBlOnBlcnNwM2QiCiAgICAgICBpbmtzY2FwZTp2cF94PSIwIDogNTI2LjE4MTA5IDogMSIKICAgICAgIGlua3NjYXBlOnZwX3k9IjAgOiAxMDAwIDogMCIKICAgICAgIGlua3NjYXBlOnZwX3o9Ijc0NC4wOTQ0OCA6IDUyNi4xODEwOSA6IDEiCiAgICAgICBpbmtzY2FwZTpwZXJzcDNkLW9yaWdpbj0iMzcyLjA0NzI0IDogMzUwLjc4NzM5IDogMSIKICAgICAgIGlkPSJwZXJzcGVjdGl2ZTEwIiAvPgogIDwvZGVmcz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaWQ9ImJhc2UiCiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEuMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6em9vbT0iMC40NzQxNzEzNSIKICAgICBpbmtzY2FwZTpjeD0iMjc2Ljg1Njg4IgogICAgIGlua3NjYXBlOmN5PSIyNzAuNjYyNjQiCiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9InB4IgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxMjgwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9Ijc0NCIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iLTQiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ii00IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhNyI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICBpbmtzY2FwZTpsYWJlbD0iTGF5ZXIgMSIKICAgICBpbmtzY2FwZTpncm91cG1vZGU9ImxheWVyIgogICAgIGlkPSJsYXllcjEiCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk1LjE5MDM2NiwtNDMzLjQyMTQ1KSI+CiAgICA8cmVjdAogICAgICAgc3R5bGU9ImZpbGw6I2UzMGExNztmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIKICAgICAgIGlkPSJyZWN0MjgxNiIKICAgICAgIHdpZHRoPSIyMjguNTcxNDMiCiAgICAgICBoZWlnaHQ9IjIyOC41NzE0MyIKICAgICAgIHg9IjU0MC45NTMzMSIKICAgICAgIHk9IjEyOC44MTEwNSIKICAgICAgIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MTA2NzgsMC43MDcxMDY3OCwtMC43MDcxMDY3OCwwLjcwNzEwNjc4LDAsMCkiIC8+CiAgICA8cGF0aAogICAgICAgc29kaXBvZGk6dHlwZT0iYXJjIgogICAgICAgc3R5bGU9ImZpbGw6I2UzMGExNztmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIKICAgICAgIGlkPSJwYXRoMjgyMCIKICAgICAgIHNvZGlwb2RpOmN4PSIyOTQuMjg1NzEiCiAgICAgICBzb2RpcG9kaTpjeT0iNDAwLjkzMzYyIgogICAgICAgc29kaXBvZGk6cng9IjExNy4xNDI4NiIKICAgICAgIHNvZGlwb2RpOnJ5PSIxMTcuMTQyODYiCiAgICAgICBkPSJtIDQxMS40Mjg1Nyw0MDAuOTMzNjIgYyAwLDY0LjY5NjIyIC01Mi40NDY2NSwxMTcuMTQyODYgLTExNy4xNDI4NiwxMTcuMTQyODYgLTY0LjY5NjIyLDAgLTExNy4xNDI4NiwtNTIuNDQ2NjQgLTExNy4xNDI4NiwtMTE3LjE0Mjg2IDAsLTY0LjY5NjIxIDUyLjQ0NjY0LC0xMTcuMTQyODYgMTE3LjE0Mjg2LC0xMTcuMTQyODYgNjQuNjk2MjEsMCAxMTcuMTQyODYsNTIuNDQ2NjUgMTE3LjE0Mjg2LDExNy4xNDI4NiB6IgogICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTgxLjk1MjQ3OSwxNTEuMTMwODQpIiAvPgogICAgPHBhdGgKICAgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDc3LjczODMzMSwxNDkuNjMwNjkpIgogICAgICAgZD0ibSA0MTEuNDI4NTcsNDAwLjkzMzYyIGMgMCw2NC42OTYyMiAtNTIuNDQ2NjUsMTE3LjE0Mjg2IC0xMTcuMTQyODYsMTE3LjE0Mjg2IC02NC42OTYyMiwwIC0xMTcuMTQyODYsLTUyLjQ0NjY0IC0xMTcuMTQyODYsLTExNy4xNDI4NiAwLC02NC42OTYyMSA1Mi40NDY2NCwtMTE3LjE0Mjg2IDExNy4xNDI4NiwtMTE3LjE0Mjg2IDY0LjY5NjIxLDAgMTE3LjE0Mjg2LDUyLjQ0NjY1IDExNy4xNDI4NiwxMTcuMTQyODYgeiIKICAgICAgIHNvZGlwb2RpOnJ5PSIxMTcuMTQyODYiCiAgICAgICBzb2RpcG9kaTpyeD0iMTE3LjE0Mjg2IgogICAgICAgc29kaXBvZGk6Y3k9IjQwMC45MzM2MiIKICAgICAgIHNvZGlwb2RpOmN4PSIyOTQuMjg1NzEiCiAgICAgICBpZD0icGF0aDI4MjIiCiAgICAgICBzdHlsZT0iZmlsbDojZTMwYTE3O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgc29kaXBvZGk6dHlwZT0iYXJjIiAvPgogIDwvZz4KPC9zdmc+Cg==');
}
.instaframe .instaframe-item .instaframe-comments {
  right: 25px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYwIDYwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2MCA2MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCI+CjxwYXRoIGQ9Ik01NCwySDZDMi43NDgsMiwwLDQuNzQ4LDAsOHYzM2MwLDMuMjUyLDIuNzQ4LDYsNiw2aDI4LjU1OGw5LjcwMywxMC42NzNDNDQuNDU0LDU3Ljg4NSw0NC43MjQsNTgsNDUsNTggIGMwLjEyMSwwLDAuMjQzLTAuMDIyLDAuMzYxLTAuMDY3QzQ1Ljc0Niw1Ny43ODQsNDYsNTcuNDEzLDQ2LDU3VjQ3aDhjMy4yNTIsMCw2LTIuNzQ4LDYtNlY4QzYwLDQuNzQ4LDU3LjI1MiwyLDU0LDJ6IiBmaWxsPSIjNTRhNWRlIi8+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=');
}
.instaframe .instaframe-item img,
.instaframe .instaframe-item video {
  vertical-align: top;
}
@-webkit-keyframes instaframe-anim {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes instaframe-anim {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/* Display size styles */
@media (max-width: 1000px) {
  .instaframe .instaframe-item {
    width: 25%;
  }
}
@media (max-width: 767px) {
  .instaframe .instaframe-item {
    width: 33%;
  }
}
@media (max-width: 480px) {
  .instaframe .instaframe-item {
    width: 50%;
  }
  .instaframe .instaframe-item .instaframe-likes,
  .instaframe .instaframe-item .instaframe-comments {
    top: 20px;
    width: 25px;
    height: 24px;
    background-size: 25px 24px;
    padding-top: 0;
  }
  .instaframe .instaframe-item .instaframe-likes a,
  .instaframe .instaframe-item .instaframe-comments a {
    width: 25px;
    height: 24px;
  }
}