.sidetop, .sidebtm {height:75px; float:left; position:relative; z-index:1; font-family:'Montserrat';}
.sidetop {width:75px; margin-top:20px;}
.sidebtm {width:14.28%;}
.sidetop {}
.sidetop_logo {width:75px; height:75px; background:url(/images/talkied/studio-mic-color.png)center center/contain no-repeat;}
.sidetop:hover, .sidebtm:hover {opacity:1; cursor:pointer; z-index:2; box-shadow:0 0 4px rgba(0,0,0,0.2);}
.sidetop:hover {}
.sidetop_in {width:80%; padding-top:80%; margin:10%; position:relative;}
.sidetop_mic {background:url(/images/talkied/studio-mic-white.png)center center/contain no-repeat;}
.sidetop_geo {background:url(/images/talkied/geo2-icon-white.png)center center/contain no-repeat;}
.sidetop_notifications {background:url(/images/temp/bell_off.png)center center/contain no-repeat;}
.sidetop_group {background:url(/images/talkied/group-icon-white.png)center center/contain no-repeat;}
.side_members {display:none; position:absolute; left:75px; top:-1px; width:75px; padding:0 0 5px 0; background:#f06; border:1px solid rgba(0,0,0,.2);}
.side_in {display:none; position:absolute; min-width:150px; width:100%; background:#F06; top:0px; left:75px; border-top:1px solid rgba(0,0,0,.2); border:1px solid rgba(0,0,0,.2); border-bottom:none;}
.side_in div {border-bottom:1px solid rgba(0,0,0,.2); font-size:13px; letter-spacing:-.4px; font-weight:500; color:#000; white-space:nowrap; padding:5px 8px;overflow:hidden;}
.side_in div:hover {cursor:pointer; background:#fa4f91; color:#fff;}
.side_in div:active {cursor:pointer; background:#000; color:#fa4f91;}
.sidetop:hover .side_in, .sidebtm:hover .side_in {display:block;} 


/*Masonry for images & videos */
.masonry {padding:20px 2%; display: grid; grid-template-columns: repeat(1, minmax(100px,1fr)); grid-gap: 25px; grid-auto-rows: 0;}
.masonry2 {padding:20px 2%; display: grid; grid-template-columns: repeat(1, minmax(100px,1fr)); grid-gap: 25px; grid-auto-rows: 0;}
.masonry img, .masonry video, .masonry2 img, .masonry2 video {width:100%;}


@media (min-width: 760px) {
  .masonry { grid-template-columns: repeat(2, minmax(100px,1fr));}
  .masonry2 { grid-template-columns: repeat(2, minmax(100px,1fr));}
}
@media (min-width: 1024px) {
  .masonry, .pageleft .masonry2 { grid-template-columns: repeat(3, minmax(100px,1fr));}
  .masonry2 { grid-template-columns: repeat(2, minmax(100px,1fr));}
}
@media (min-width: 1260px) {
  .masonry, .masonry2{ grid-template-columns: repeat(4, minmax(100px,1fr));}
  .pageleft .masonry2{ grid-template-columns: repeat(3, minmax(100px,1fr)) !important;}
}
@media (min-width: 1600px) {

}
@media (min-width: 2000px) {
	.masonry2{ grid-template-columns: repeat(4, minmax(100px,1fr));}
}
.masonry-item { filter: drop-shadow(0px 2px 2px rgba(32, 64, 103, .3)); transition: filter .25s ease-in-out;}
.masonry2 .masonry-item {position:relative; }
.masonry-item:hover {filter: drop-shadow(0px 5px 5px rgba(32, 64, 103, .3));}