/* Plugin styles */
.social-feed-element.hidden {
  background-color: red !important; }

.social-feed-element .pull-left {
  float: left;
  margin-right: 10px; }

.social-feed-element .pull-right {
  margin-left: 10px; }

.social-feed-element img {
  width: 100%;
  width: auto\9;
  height: auto;
  border: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic; }

.social-feed-element .attachment {
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
  max-width: 100%; }

/* Link styles */
.social-feed-element a {
  color: #0088cc;
  text-decoration: none; }

.social-feed-element a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

.social-feed-element a:hover,
.social-feed-element a:active {
  outline: 0;
  color: #005580;
  text-decoration: underline; }

/* Text styles */
.social-feed-element small {
  font-size: 85%; }

.social-feed-element strong {
  font-weight: bold; }

.social-feed-element em {
  font-style: italic; }

.social-feed-element .social_content p {
  font-size: 11px;
  margin-bottom: 0;
  text-align: right; }

.social-feed-element .media-body > p {
  margin-bottom: 4px;
  min-height: 20px; }

.social-feed-element p.social-feed-text {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  font-size: 12px;
  margin: 10px; }

.social-feed-element p.social-feed-text a {
  font-size: 11px; }

.social_content .fa {
  font-size: 18px; }

/* Message styles */
.social-feed-element,
.social-feed-element .media-body {
  overflow: hidden;
  zoom: 1;
  *overflow: visible; }

.social-feed-element .media-body .social-network-icon {
  margin-top: -3px;
  margin-right: 5px;
  width: 16px; }

.social-feed-element .media-body div {
  color: #666;
  line-height: 20px; }

.social-feed-element:first-child {
  margin-top: 0; }

.social_content i {
  float: left;
  padding-right: 10px; }

.social-feed-element .media-object {
  display: block;
  width: 48px;
  border-radius: 50%; }

.social-feed-element .media-heading {
  margin: 0 0 5px; }

.social-feed-element .media-list {
  margin-left: 0;
  list-style: none; }

.social-feed-element .muted {
  /* color: #999; */ }

.social-feed-element a.muted:hover,
.social-feed-element a.muted:focus {
  color: #808080; }

.social-feed-element {
  border: 1px solid #ddd;
  transition: 0.25s;
  -webkit-backface-visibility: hidden;
  background: #fff;
  color: #333;
  text-align: left;
  line-height: 16px;
  border-radius: 3px;
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.15);
  margin-left: 5px;
  margin-bottom: 5px; }

.social-feed-element .content {
  padding: 15px; }

.social-feed-element .social-network-icon {
  opacity: 0.7; }

.social-feed-element .author-title {
  color: #444;
  line-height: 1.5em;
  font-weight: 500; }

.twitter .social_content {
  padding: 10px;
  background-color: #4ec2dc;
  color: #fff; }

.facebook .social_content {
  padding: 10px;
  background-color: #3b5998;
  color: #fff; }

.instagram .social_content {
  padding: 10px;
  background-color: #cd486b;
  color: #fff; }

/* Additional Custom Styles */
.social-media-display,
.facebook-name,
.facebook-count,
.twitter-name,
.twitter-count,
.instagram-name,
.instagram-count {
  display: none; }

.social-feed-container > div {
  display: inline-block;
  float: left;
  max-width: 350px;
  box-sizing: border-box; }

.social-feed-container > div:first-child {
  /*max-width: 700px;*/ }

.social-feed-container .col-xs-12 {
  width: 100%; }

@media (min-width: 420px) {
  .social-feed-container .col-sm-6 {
    width: 49.9%; } }
@media (min-width: 768px) {
  .social-feed-container .col-md-4 {
    width: 33.29%; } }
@media (min-width: 1026px) {
  .social-feed-container .col-lg-3 {
    width: 24.9%; } }
.social-panel img {
  width: 100%;
  height: auto; }

.social-feed-container {
  margin-left: -15px;
  margin-right: -15px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  opacity: 0; }

.social_container {
  width: 100%;
  background: #eee;
  margin: 0 auto;
  position: relative;
  padding: 0 10px;
  overflow: hidden; }

#loading {
  margin: 10px auto;
  left: 0;
  right: 0;
  top: 0;
  width: 32px;
  height: 32px; }

#packery {
  display: none;
  margin: 10px 0; }

#loading img {
  border: none !important; }

.social_media_item {
  width: 200px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.21);
  font-size: 11px;
  border-radius: 3px;
  overflow: hidden; }

.social_content {
  padding: 10px; }

.facebook a {
  color: #3b5998; }

.twitter a {
  color: #4ec2dc; }

.instagram a {
  color: #584f46; }

.twitter_header {
  display: none; }

.twitter .twitter_header {
  display: block;
  width: 100%;
  overflow: hidden; }

.twitter_header a {
  display: block;
  margin: 0 10px 0 0;
  float: left;
  border: 1px solid #eee;
  padding: 1px; }

.twitter_header a img {
  width: 40px;
  height: 40px;
  float: left; }

.twitter_header p {
  font-size: 11px;
  color: #444;
  font-weight: 700;
  margin-top: 10px; }

/*.instagram_image {
  display: none; }*/
.instagram .instagram_image {
  display: block; }

.instagram .social_image {
  display: none; }

.author_name {
  border-top: 1px solid #f7f7f7;
  padding: 10px; }

.author_name a {
  font-size: 10px;
  font-style: italic;
  background: url(../images/social_icons/user_icon.png) no-repeat left center;
  display: block;
  padding: 0 0 0 20px;
  text-decoration: none; }

.author_name a:hover {
  text-decoration: underline; }

.twitter .author_name {
  display: none; }

.social_bottom {
  padding: 10px;
  overflow: hidden; }

.social_bottom i {
  float: left;
  display: block;
  font-size: 15px;
  color: #fff; }

.social_bottom p {
  float: right;
  margin: 0;
  display: block;
  font-size: 9px;
  color: #fff !important; }

.facebook .social_bottom {
  background: #3b5998; }

.twitter .social_bottom {
  background: #4ec2dc; }

.instagram .social_bottom {
  background: #584f46; }

.attachment {
  display: block !important;
  max-width: 176px;
  height: auto; }

.instagram {
  position: relative; }

.social-feed-container .instagram:hover {
  transform: rotate(5deg) !important;
  z-index: 9999;
  border: 15px solid white;
  z-index: 8; }

.instagram .attachment {
  border: none;
  padding: 0;
  max-width: 100%;
  width: -webkit-calc(100% + 50px);
  width: calc(100% + 50px);
  opacity: 0.9;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  /*-webkit-transform: translate3d(-40px,0, 0);
	transform: translate3d(-40px,0,0);
  transform:scale(1)*/ }

.instagram:hover .attachment {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transform: scale(1.05); }

.instagram:hover img {
  opacity: 1; }

.instagram:hover .social_body {
  bottom: 0px; }

.instagram .social_body {
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: -250px;
  left: 0;
  right: 0;
  transition: all .5s; }

.preload-wrap {
  width: 100%;
  text-align: center;
  margin-top: 20px; }

.preloader4 {
  width: 35px;
  height: 35px;
  display: inline-block;
  padding: 0px;
  border-radius: 100%;
  border: 2px solid;
  border-top-color: rgba(0, 0, 0, 0.65);
  border-bottom-color: rgba(0, 0, 0, 0.15);
  border-left-color: rgba(0, 0, 0, 0.65);
  border-right-color: rgba(0, 0, 0, 0.15);
  -webkit-animation: preloader4 0.8s linear infinite;
  animation: preloader4 0.8s linear infinite; }

@keyframes preloader4 {
  from {
    transform: rotate(0deg); }

  to {
    transform: rotate(360deg); } }

@-webkit-keyframes preloader4 {
  from {
    -webkit-transform: rotate(0deg); }

  to {
    -webkit-transform: rotate(360deg); } }