.main .text
{
  font-size: 16px;
  max-height: 200px;
  text-overflow-multiline:ellipsis;
}

.silent-send
{
  cursor: pointer;
}

.chat-input
{
  position: fixed;
  bottom: 0;
  max-height: 300px;
  min-height: 101px;
}



.upload.profile-pic
{
  margin-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.upload.profile-pic .drop
{
  padding: 0;
}

.upload.profile-pic a
{
  position: absolute;
  padding: 5px;
  font-size: 25px;
  margin:0;
  top: 126px;
  left:122px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.no-notify
{
  font-size: 18px!important;
  line-height: 38px;
  color: black;
}

.resizable
{
  cursor:  row-resize;
}

#multibar-right .multibar-title-sm
{
  box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.2);
}

#multibar-right .multibar-title:first-child
{
  box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.2);
}

#multibar-right .no-shadow
{
  box-shadow: none!important;
}

.dissapeared article, .dissapeared section
{
  visibility: hidden;
}

.visible *
{
  visibility: visible!important;
}

.dash-friend {
  width:100%;
  padding:3px 10px;
  font-size:16px;
  height:66px;
  box-sizing:border-box;
  transition:all 250ms ease-in-out;
}

.dash-friend .hover-show,.dash-friend .hover-collapse
{
  max-width: 91px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}

.dash-friend:hover {
  background:rgba(0, 0, 0, 0.1);
}

.dash-friend img {
  margin-right:10px;
  height: 60px;
  width: 60px;
}

.dash-friend .additions {
  padding:0!important;
  max-height: 18px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  line-height: 1;
  font-size: 15px;
}

.dash-friend h4 {
  font-size:18px!important;
  margin: 0;
  line-height: 24px;
  height: 24px;
  display: inline-block;
  width: auto;
  float: left;
  width: calc(100% - 120px);
  overflow: hidden;
  text-overflow: ellipsis;
}

.dash-friend .content {
  width:calc(100%-50px);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  height: 24px;
}


.dash-friend .follow
{
  margin:0!important;
  float: right!important;
  border:1px solid #AAA;
  padding: 3px 2px;
  height: 24px;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dash-friend .follow a
{
  height: 18px;
  line-height: 18px;
  vertical-align: top;
  display: inline-block;
    overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dash-friend .follow a .glyphicon
{
  font-size: 18px;
}


.dash-notification .follow
{
  margin:0!important;
  float: right!important;
  border:1px solid #AAA;
  padding: 3px 2px;
  height: 22px;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dash-notification .follow a
{
  height: 18px;
  line-height: 14px;
  vertical-align: top;
  display: inline-block;
    overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dash-notification .follow a .glyphicon
{
  font-size: 18px;
}

.max-content
{
  display: inline-block;
  width: calc(100% - 30px);
}


.link
{
  width:284px;
  max-width:100%;
  margin:auto;
}

.additions .emoticon
{
  height: 18px!important;
  min-height: 18px;
  width: 18px!important;
  min-width: 18px;
  line-height: 18px!important;
}

.padded-lr
{
  padding-left: 5px;
  padding-right: 5px;
}

.padded-tb
{
  padding-top:5px;
  padding-bottom:5px;
}

.padded
{
  padding: 5px;
}

.nano
{
  max-height: calc(100% - 50px);
}

.nano.smaller
{
  max-height: calc(100% - 80px);
}

.title-wrapper .multibar-title.title-home, .title-home
{
  width: 230px!important;
}

footer
{
  background: rgba(255,255,255,0.85); min-height:30px; text-align:center; position: absolute; bottom: 0; width: 100%;
}
.footer-wrap
{
  position: relative;
  background-attachment: fixed;
  background:url(https://facemeeter.sajdl.com/data/system/loading.gif) no-repeat center fixed white;
}
footer a
{
  padding: 4px 8px;
  display: inline-block;
}

.attrib .wrapper a
{
  color:#111;
}

.attrib .wrapper h1 a
{
  color:#fff;
}

.dash-notification .new-message
{
  padding: 1px 3px;
  background: rgba(255,0,0,0.9);
  border-radius: 3px;
  color: white;
}

.dash-notification.new-message
{
  background: rgba(0,0,0,0.15);
}

.no-decor
{
  text-decoration: none!important;
}


.dash-notification.new-message:hover
{
  background: rgba(0,0,0,0.2);
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
}

#bar-fixed-top a:hover
{
  color:#CCC;
}

.multibar-title-sm .half
{
  line-height: 22px;
  height: 24px;
  font-size: 17px!important;
  border-bottom: 2px solid transparent;
  transition: all 250ms ease-in-out;
}

.no-padding
{
  padding: 0!important;
}

.border-left
{
  border-left: 1px solid rgba(255,255,255,0.4);
}

.border-bottom-op
{
  border-bottom: 1px solid rgba(255,255,255,0.15);
}

.item-title .title
{
  width: 177px;
  float: left;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow:ellipsis;
}

.item-title .time
{
  width: 60px;
  float: right;
  font-size: 14px;
  text-align: right!important;
  font-weight: bolder;
}

.notify-fuzzy-date
{
  border-bottom: 1px solid rgba(255,255,255,0.15);
  padding: 3px 0 1px 0;
  margin-bottom: 1px;
  transition:all 300ms ease-in-out;
}

.notify-fuzzy-date:hover
{
  background: rgba(255,255,255,0.05);
  border-bottom: 1px solid rgba(255,255,255,0.4);
  box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.2);
}

.current
{
  background: rgba(91,175,233,0.035);
  -webkit-box-shadow:inset -1px -2px 2px rgba(91,175,233,0.2);
  box-shadow:inset -1px -2px 2px rgba(91,175,233,0.2);
  border-bottom: 2px solid rgba(91,175,233,0.4)!important;
}

.half.current
{
  -webkit-box-shadow: inset -1px -1px 1px rgba(91, 175, 233, 0.25);
  box-shadow: inset -1px -1px 1px rgba(91, 175, 233, 0.25);
}

.switchable
{
  opacity:1;
  transition:all 250ms ease-in-out;
}

.follow.message
{
  margin-right:10px;
}

.follow.message .glyphicon
{
  padding: 0;
}

.name a
{
  text-decoration: none;
}

.name a h1
{
  transition: all 250ms ease-in-out;
}

.name a:hover h1
{
  color: #CCC!important;
}

/**LIGHTBOX**/


#lightbox
{
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
}

.lightboxed #lightbox
{
  background: rgba(0, 0, 0, 0.9);
  opacity: 1;
  width: 100%;
  height: 100%;
  z-index: 84;
}

body.lightboxed #lightbox-content .image img
{
  max-height: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  margin: auto;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    font-size: 0;
}

.lightboxed #lightbox-content
{
  min-width: 100%;
  min-height: 100%;
}

#lightbox-content .image
{
  max-width: calc(100% - 400px);
  width:100%;
  height: 100%;
  float: left;
  white-space: nowrap;
  text-align: center;
}

#lightbox-content .description
{
  width: 33%;
  max-width: 400px;
  height: 100%;
  background: rgba(255,255,255,0.95);
  float: right;
}

.story.lightboxed .main .glyphicon
{
  opacity: 1;
}

.story.lightboxed,.story.lightboxed:hover
{
  background:none!important;
  border-radius: 0!important;
  border:none!important;
}

.story.lightboxed .additions a
{
  color: #3B5998;
  -webkit-transition: color 0.2s ease-in-out !important;
  transition: color 0.2s ease-in-out !important;
}

.story.lightboxed .additions a:hover
{
  color: #35476E;
}



/**SEARCH RESULTS**/
body #multibar-top
{
  transition: transform 500ms ease-in-out,opacity 500ms ease-in-out;
  transform:translate3d(64px,-370px,0);
  position: fixed;
  z-index: 5;
  display: block;
  height: 370px;
  opacity: 0;
  background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.9);
  border-radius: 5px;
}

body.search-results #multibar-top
{
  width: calc(100% - 128px);
  transform:translate3d(64px,40px,0);
  transition: transform 500ms ease-in-out;
  opacity: 1;
}

body.expanded #multibar-top
{
  width: calc(100% - 300px - 128px);
}

#multibar-top-container
{
  transition:opacity 500ms ease-in-out 150ms;
  opacity:0!important;
  width: 100%;
  height: 100%;
  overflow-x: auto;
  overflow-y:hidden;
  padding: 10px;
}

#multibar-top.show #multibar-top-container{opacity: 1!important;transition:opacity 500ms ease-in-out 150ms;}

#multibar-top *
{
  color: white;
}

#multibar-top h2
{
  margin: 0;
  padding-top: 5px;
  padding-bottom: 10px;
  width:1514px;
}

#multibar-top h3
{
  width: 300px;
  padding-bottom: 10px;
  margin: 0;
}

.search-col
{
  width: 300px;
  height: 300px;
  list-style: outside none none;
  display: inline-block;
  padding: 0px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  float: left;
}

.search-col:last-child
{
  border-right: none!important;
}

.result-wrapper
{
  box-sizing:border-box;
  width:1524px;
}

.upload.profile-pic img
{
  margin: -2px;
}

#notify-number,#message-number
{
  font-family: "Exo 2", sans-serif;
  font-weight: bold;
}

.unread
{
  background: rgba(240,124,0,0.15);
  border: 2px solid rgba(207,107,0,0.45);
}

/**IMAGE PLACEHOLDER**/
.image-placeholder > img {
    display: block;
    height: auto!important;
    width: auto!important;
    max-height:310px!important
}

.image-placeholder
{
  max-height:310px!important
}

.image-placeholder.is-loading {
    position: relative;
    background: #EEE;
}

/* Image aspect ratios */
.image-1x2   > div { padding-top: 100%; }
.image-9x16  > div { padding-top: 100%; }
.image-2x3   > div { padding-top: 100%; }
.image-3x4   > div { padding-top: 100%; }
.image-1x1   > div { padding-top: 100%; }
.image-4x3   > div { padding-top: 100%; }
.image-3x2   > div { padding-top: 100%; }
.image-16x9  > div { padding-top: 100%; }
.image-2x1   > div { padding-top: 100%; }

.follow:hover .icon-person:before,.multibar-item:hover .icon-person:before
{
    content: "\e635"!important;
}

.back, .back span
{
  height: 86px;
  line-height: 86px;
  font-size: 30px!important;;
  color: #FFF;
  width: 30px;
  display:inline-block;
  float: left;
}

.back:hover
{
  color: #CCC;
}

div.emoticons
{
  height: 86px;
  transition: all 250ms ease-in-out;
}

div.emoticons .emot-wrapper
{
  float: left;
  line-height: 28px;
  display:inline-block;
  vertical-align: middle;
  width: 260px;
}

.animate-all
{
  transition: all 250ms ease-in-out!important;
}

.animate-std
{
  transition: color 250ms ease-in-out,background 250ms ease-in-out!important;
}

.animate-std-h
{
  transition: height 250ms ease-in-out,color 250ms ease-in-out,background 250ms ease-in-out!important;
}

.likes
{
  max-height: 35px;
  line-height: 35px;
}

.likes a
 {
  display: inline-block;
  max-height: 34px;
  padding: 2px 0px 2px 2px!important;
 }

.likes .glyphicon.icon-heart
{
  opacity: 1!important;
  font-size: 20px;
  color: #FFAC33 !important;
  float: left;
  line-height: 30px;
  height: 34px;
  background: transparent;
  padding: 2px 5px 3px 5px;
  border-right: 1px solid #CCC;
  margin-right: 5px;
}

.likes img
{
  max-height: 30px;
  max-width: 30px;
  border-radius: 4px;
}

.chat-wrapper .time
{
  float: left;
  width: 100%;
  font-size: 14px;
  color: #CCC!important;
  margin-bottom: 3px;
}

.me .time
{
  float: right;
  text-align: right;
}

.toggle:hover .hover-collapse,.multibar-item:hover .hover-collapse
{
  display: none;
}

.hover-show
{
  display: none;
}

.hover-collapse
{
  display: inline-block;
}

.toggle:hover .hover-show,.multibar-item:hover .hover-show
{
  height: 100%;
  display: inline-block;
}
.multibar-item .hover-show,.multibar-item .hover-collapse
{
  width: 100%;
}
.item .toggle
{
  display: inline-block;
  width: 120px;
}

.superbasic .toggle
{
  display: inline-block;
  width: 400px;
  max-width: calc(100% - 50px);
  min-width: 200px;
}

.likes,.details
{
  border-top: 1px solid #CCC;
}

#multibar-right a:hover,.drop a:hover
{
  color: #CCC;
}

.touch
{
  display: none;
}


/*MAIN PAGE EFFECTS*/
.appear-on-scroll .wrapper
{
  opacity: 0;
  transition: all 500ms ease-in-out;
  transform: translateY(50%);
}

.appear-on-scroll.come-in .wrapper
{
  opacity: 1;
  transform: translateY(0);
}

.appear-on-scroll .wrapper.come-right
{
  opacity: 0;
  transition: all 500ms ease-in-out;
  transform: translateX(50%);
}

.appear-on-scroll.come-in .wrapper.come-right
{
  opacity: 1;
  transform: translateX(0);
}

.appear-on-scroll .wrapper.come-left
{
  opacity: 0;
  transition: all 500ms ease-in-out;
  transform: translateX(-50%);
}

.appear-on-scroll.come-in .wrapper.come-left
{
  opacity: 1;
  transform: translateX(0);
}

.appear-on-scroll img
{
  opacity: 0;
  transition: all 500ms ease-in-out;
  transform: translateX(-50%);
}

.appear-on-scroll.come-in img
{
  opacity: 1;
  transform: translateX(0);
}

.appear-on-scroll .wrapper.come-top
{
  opacity: 0;
  transition: all 500ms ease-in-out;
  transform: translateY(-50%);
}

.appear-on-scroll.come-in .wrapper.come-top
{
  opacity: 1;
  transform: translateY(0);
}

.appear-on-scroll .wrapper.come-still
{
  opacity: 0;
  transition: all 500ms ease-in-out;
  transform: translateY(0);
}

.appear-on-scroll.come-in .wrapper.come-still
{
  opacity: 1;
  transform: translateY(0);
}

.appear-on-scroll .super.come-right
{
  opacity: 0;
  height: 110%;
  min-height: 110%;
  max-width: 100%;
  transition: all 1s ease-in-out 1.5s;
  transform: translateX(100%);
  background-attachment: fixed;
  background-position: right;
  background-size: auto 100%;
  left: 50%;
}

@-webkit-keyframes super {
    0%,23%,77%,100% {width: 100%;}
    25%,75% {width: 0;}
}
@keyframes super {
    0%,22%,78%,100% {width: 100%;}
    25%,75% {width: 0;}
}

@-webkit-keyframes super-2 {
    0%,22%,78%,100% {width: 0;}
    25%,75% {width: 100%;}
}
@keyframes super-2 {
    0%,22%,78%,100% {width: 0;}
    25%,75% {width: 100%;}
}

.appear-on-scroll.come-in.b-loaded .super.come-right
{
  opacity: 1;
  transform: translateX(0%);
  width: 100%;
}

.super-1
{
  -webkit-animation: super 60s infinite; /* Chrome, Safari, Opera */
  animation: super 60s infinite;
  float: left;
  padding-left:0!important;
  padding-right:0!important;
}

.super-2
{
  -webkit-animation: super-2 60s infinite; /* Chrome, Safari, Opera */
  animation: super-2 60s infinite;
  float: left;
  padding-left:0!important;
  padding-right:0!important;
}


body.b-lazy
{
  background: url(https://facemeeter.sajdl.com/data/system/loading.gif);
  background-size: 200px;
  background-position: center;
  background-color: white;
  background-repeat: no-repeat;
  background-attachment: fixed!important;
}

body.b-lazy.b-loaded
{
  background-size: cover!important;
}

.chat-wrapper .notify-fuzzy-date
{
  width: 100%;
  float: left;
}

.notify-fuzzy-date .center-text:first-letter {
    text-transform: uppercase!important;
}

.invisible
{
	transition:none!important;
}

.invisible *
{
	transition:none!important;
  	visibility: hidden!important;
}
.invisible .data
{
  display: none!important;
}

.arrow
{
  line-height: 20px;
  display: inline-block;
  vertical-align: top;
}

.blocked
{
  transition: color 250ms ease-in-out;
  cursor: not-allowed;
  color:#777;
  background:none!important;
  box-shadow: none!important;
}

.blocked:hover
{
  color:#444;
}

.margin-right
{
  margin-right: 10px;
}

li.description
{
  font-size: 15px;
  line-height: 15px;
  text-align: left;
  padding: 2px 4px;
  max-height: 80px;
  overflow: hidden;
}

.follow .icon-close
{
  font-size: 17px!important;
  line-height: 20px;
}

.dash-item .dash-notification:hover .edit
{
  opacity:1;
}

.dash-item .edit
{
  opacity: 0;
  line-height: 20px;
  padding: 0 5px;
  cursor: pointer;
  color:#222!important;
  transition: all 250ms ease-in-out;
}

.dash-item .edit:hover
{
  line-height: 20px;
  padding: 0 5px;
  cursor: pointer;
  color:#777!important;
}

.dash-item .item-input input
{
  background-color:rgba(0,0,0,0.1);
  border: 2px solid #999;
  width: 100%;
  height: 33px;
}

.dash-item .item-input
{
  height: 36px;
}

.button
{
  width: auto!important;
}


.button.submit
{
  color: #FFF!important;
  background-color: #5CB85C;
  border-color: #4CAE4C;
}

.button.submit:hover
{
  color: #FFF!important;
  background-color: #449D44;
  border-color: #398439;
}

.button.cancel
{
  color: #FFF!important;
  background-color: #D9534F;
  border-color: #D43F3A;
}

.button.cancel:hover
{
  color: #FFF!important;
  background-color: #C9302C;
  border-color: #AC2925;
}

.notify-chat img {
    -webkit-animation: notify-chat 3s infinite;
    animation: notify-chat 3s infinite;
}

@-webkit-keyframes notify-chat {
    0%,100% {opacity: 0.4;}
    20%,80% {opacity: 1;}
}
@keyframes notify-chat {
    0%,100% {opacity: 0.4;}
    20%,80% {opacity: 1;}
}

.notify-chat.is-online
{
  -webkit-animation: unread-online 3s infinite; /* Chrome, Safari, Opera */
  animation: unread-online 3s infinite;
}
.notify-chat.is-inactive
{
  -webkit-animation: unread-inactive 3s infinite; /* Chrome, Safari, Opera */
  animation: unread-inactive 3s infinite;
}

.notify-chat.is-offline
{
  -webkit-animation: unread-offline 3s infinite; /* Chrome, Safari, Opera */
  animation: unread-offline 3s infinite;
}

@-webkit-keyframes unread-online {
    0%,100% {border-color: rgba(214,0,0,0.8);}
    20%,80% {border-color: #09e65a;}
}
@keyframes unread-online {
    0%,100% {border-color: rgba(214,0,0,0.8);}
    20%,80% {border-color: #09e65a;}
}
@-webkit-keyframes unread-inactive {
    0%,100% {border-color: rgba(214,0,0,0.8);}
    20%,80% {border-color: #e6c409;}
}
@keyframes unread-inactive {
    0%,100% {border-color: rgba(214,0,0,0.8);}
    20%,80% {border-color: #e6c409;}
}
@-webkit-keyframes unread-offline {
    0%,100% {border-color: rgba(214,0,0,0.8);}
    20%,80% {border-color: #AAA;}
}
@keyframes unread-offline {
    0%,100% {border-color: rgba(214,0,0,0.8);}
    20%,80% {border-color: #AAA;}
}


.dash-item.me .left.glyphicon
{
  font-size: 25px !important;
  padding-left: 4px;
  line-height: 38px;
}

.dash-item.me .add-new
{
  font-size: 25px !important;
  padding-right: 4px;
  line-height: 22px;
  color: #1D9608;
  text-decoration: none!important;
}

.dash-item.me .add-new:hover
{
  color: #116103;
}


.icon-close.remove
{
  color:#D90707;
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 13px!important;
}

.image-preview
{
  display: inline-block;
  position: relative;
  border: 2px solid transparent;
  margin-bottom: 5px;
  float: left;
  max-width: 142px;
}

.image-preview img
{
  max-width: 138px;
  vertical-align: bottom;
}

#preview{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.is-loading .glyphicon
{
  opacity:0;
}

.is-loaded .glyphicon
{
  opacity:0.6;
}

.is-loaded:hover .glyphicon
{
  opacity:1;
}
.is-loaded:hover
{
  border-color:rgba(255,255,255,0.5);
  background:rgba(255,255,255,0.3)!important;
}
.is-loaded
{
  border-color:rgba(255,255,255,0.3);
  background:rgba(255,255,255,0.1)!important;
}
#multibar-right .image-placeholder
{
  height: 80px;
  width: 100%;
  background: rgba(255,255,255,0.3);
}

form.no-padding
{
  padding:0!important;
}
.edit-input
{
  border:none!important;
  width: 100%;
  border-radius: 2px;
  height: 20px;
  padding: 0 5px;
}

.free-height
{
  max-height: none!important;
  height: auto;
}

.additions ul,.button-list
{
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: right;
}

.additions ul li,.button-list li
{
  display: inline-block;
  float: left;
  height: 30px;
  line-height: 30px;
}

.quarter
{
  padding: 0 5px;
}

.additions.bigger
{
  height: 30px;
  max-height: none!important;
}

li button
{
  margin-top: 2px;
  display: inline-block!important;
  padding: 2px 5px !important;
  height: auto!important;
}

.button.warning
{
  color: #FFF;
  background-color: #F0AD4E;
  border-color: #EEA236;
}

.button.warning:hover
{
  background-color: #EC971F;
  border-color: #D58512;
}

.button.default
{
  color: #333;
  background-color: #FFF;
  border-color: #CCC;
}

.button.default:hover
{
  background-color: #E6E6E6;
  border-color: #ADADAD;
}

.styled-select.feed
{
  width: calc(100% - 75px);
  float: left;
}

.search-col h3
{
  padding-left: 5px;
}

.comment
{
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  padding: 4px 5px!important;
}

.comment.active{
  background:rgba(111,167,245,0.25);
  border-top: 1px solid rgba(111,167,245,0.5);
  border-bottom: 1px solid rgba(111,167,245,0.5);
}

.item-content .emoticon
{
  height: 16px;
  min-height: 0px;
  width: 16px;
  min-width: 0;
}
.item-content
{
  line-height: 20px!important;
}

#profile h2.title{
  text-align:center;
  margin:0;
  padding:5px 0;
  border-bottom:1px solid #777;
  background:white;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  box-shadow:0 1px 5px rgba(0,0,0,0.4);
  background:rgba(255,255,255,0.95);
}

#profile-feed h2 .glyphicon.gallery-header
{
  padding: 4px 8px;
  color: #fff;
  font-size: 22px;
  border-radius: 2px;
  cursor: pointer;
  margin-right: 5px;
  display: inline-block;
  line-height: 1;
  background: #007a96;
  transition: all 200ms ease-in-out;
}

.gallery-item
{
  width: 33.3%;
  padding: 1px!important;
}

.gallery-item a
{
  display: inline-block;
  width: 100%;
  float: left;
}

.gallery-item.big
{
  width: 66.6%
}

.gallery-item img
{
  max-width: 100%;
  width: 100%;
  float: left;
}

.bckgrnd ,.bckgrnd:hover
{
  background-size: cover!important;
  height: 325px!important;
  background-position: center!important;
}

.bckgrnd.st
{
  border-right:2px solid white!important;
  margin-left: 1px;
}


.bckgrnd.nd,.bckgrnd.rd
{
  height:154px!important;
}

.bckgrnd.nd
{
  border-bottom:2px solid white;
}

.bckgrnd.nd,.bckgrnd.rd
{
  position: relative;
}

.imgcount
{
  position:absolute;
  bottom: 5px;
  right: 5px;
  text-align: center;
  height: 40px;
  width: 40px;
  line-height: 38px;
  font-size: 16px;
  border-radius: 3px;
  border:1px solid rgba(255,255,255,0.85);
  background: rgba(255,255,255,0.75);
}

.dash-item
{
  max-height: 530px;
  overflow: hidden;
}

.dash-item .nano
{
  height: 500px!important;
}

.dash-item .nano-slider
{
  background:rgba(0,0,0,0.4)!important;
}

.story.shared
{
  margin:5px; width:calc(100% - 10px);
}

.story.shared:hover
{
  border:1px solid darkgray!important;
  box-shadow: none!important;
}