.horizontal-center{
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%); 
}.vertical-center{
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%); 
}.spinnerwrapper{
  background: #202020;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 99999;
}.loadspinner{
  position: absolute;
  color: #eaeaea;
  width: 40px;
  height: 40px;
  top: 50%;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  z-index: 9999;
}.custom-pulse{
  font-size: 25px;
  animation-timing-function: steps(12);
  -webkit-animation-timing-function: steps(12);
  -moz-animation-timing-function: steps(12);
}.no-bars{
  overflow: hidden;  
}.gallery-wrapper{
  position: relative;
  display: block;
  float: left;
  width: 100%;  
  clear: both;
  overflow: hidden;
}.lnm-posts-list{
  margin-left: 0;
  position: relative;
  display: block;
  float: left;
  width: 100%;
}.lnm-post{
}.lnm-post,.gallery-button:not(.custom-legacy){
  line-height: normal;
  padding: 10px 15px;
  cursor: pointer;
  transition: all ease-in-out 300ms;
  -webkit-transition: all ease-in-out 300ms;
  -moz-transition: all ease-in-out 300ms; 
}.lnm-post,.gallery-button.default:not(.custom-legacy){
  background: #202020;
  color: #eaeaea;
}.lnm-post:hover,.gallery-button.default:hover{
  background: #eaeaea;
  color: #202020;
}.gallery-filter,
 .gallery-wrapper.filtering .gallery-images{
  position: relative;
  display: block;
  float: left; 
}.filtering.filter-top .gallery-filter,
 .filtering.filter-top .gallery-images,
 .filtering.mobile .gallery-filter,
 .filtering.mobile .gallery-images{
  width: 100%;
}.filtering.filter-left .gallery-filter{
  width: 20%;
}.filtering.filter-left .gallery-images{
  width: 80%;
}.gallery-filter{
  border: 1px solid;  
}.gallery-filter ul{
  width: auto;
  margin: 0 auto;
}.filter-top .gallery-filter ul li{
  display: inline-block;
}.filter-left .gallery-filter ul li{
  display: block;
}.gallery-filter ul li{
  background: none;
  cursor: pointer;
  line-height: 45px;
  padding: 0 25px;  
}.gallery-filter ul li.active,
 .gallery-filter ul li:hover{
  background: #202020;
  color: #eaeaea;  
}.gallery-image{
  position: relative;
  display: block;
  cursor: pointer;
  background-size: cover;
  background-repeat: no-repeat;
  float: left;
  overflow: hidden;
}.gallery-image img{
  width: 100%;
}.gallery-wrapper.no-modal{
  background: #101010;
}.gallery-modal{
  background: #101010;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 99999;
  overflow: hidden;
}.modal-section{
  position: relative;  
  display: block;
  opacity: 0;
  overflow: hidden;
}[data-thumbnails-position="right"] .modal-section{
  float: left;
}[data-thumbnails-position="left"] .modal-section{
  float: right;
}.gallery-modal .modal-section{
  transition: all ease-in-out 300ms;
  -webkit-transition: all ease-in-out 300ms;
  -moz-transition: all ease-in-out 300ms; 
}.main-image{
  background: #202020;
  text-align: center;
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
  transition: all ease-in-out 300ms;
  -webkit-transition: all ease-in-out 300ms;
  -moz-transition: all ease-in-out 300ms; 
}[data-metabox-position="left"] .main-image{
  float: right;
}[data-metabox-position="right"] .main-image{
  float: left;
}.main-image img{
  box-shadow: 1px 1px 5px 1px rgba(0,0,0,.45);
  position: relative;  
  max-height: 100%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}.thumbnails-wrapper{
  height: 100%;
  position: relative;
  opacity: 0;
}.thumbnails-slider{
  position: relative;
  top: 0;
  transition: all ease-in-out 300ms;
  -webkit-transition: all ease-in-out 300ms;
  -moz-transition: all ease-in-out 300ms; 
}[data-type="vertical"] .thumbnails-slider,
 [data-type="grid"] .thumbnails-slider{
  width: 100%;
}[data-thumbnails-position="right"] .thumbnails-wrapper{
  float: right;
}[data-thumbnails-position="left"] .thumbnails-wrapper{
  float: left;
}.thumbnails-wrapper .thumbnail{
  border: 10px solid transparent;
  display: inline-block;
  cursor: pointer;
  float: left;
  opacity: .5;
  transition: all ease-in-out 300ms;
  -webkit-transition: all ease-in-out 300ms;
  -moz-transition: all ease-in-out 300ms; 
}.no-modal .thumbnail{
  width: 100px;  
}.thumbnails-wrapper .thumbnail:hover,
 .thumbnails-wrapper .thumbnail.active{
  border-color: #eaeaea;
  opacity: 1;
}.thumbs-control{
  background: linear-gradient(180deg,#101010,#090909);
  color: #eaeaea;
  font-size: 40px;
  cursor: pointer;
  position: absolute;
  text-align: center;
  z-index: 1;
  transition: all ease-in-out 300ms;
  -webkit-transition: all ease-in-out 300ms;
  -moz-transition: all ease-in-out 300ms; 
}[data-type="horizontal"] .thumbs-control{
  width: 40px;
  height: 100%;
}[data-type="vertical"] .thumbs-control,
 [data-type="grid"] .thumbs-control{
  bottom: 0;
  height: 40px;
  width: 50%;
  line-height: 40px;
}.thumbs-control:hover{
  background: linear-gradient(180deg,#090909,#101010);
}.thumbs-control .fa{
  transition: all ease-in-out 300ms;
  -webkit-transition: all ease-in-out 300ms;
  -moz-transition: all ease-in-out 300ms;
}[data-type="horizontal"] .thumbs-control .fa{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}.thumbs-control:hover .fa{
  transform: scale(.8) translateY(-60%);
  -moz-transform: scale(.8) translateY(-60%);
  -webkit-transform: scale(.8) translateY(-60%);
}.slide-up, .slide-left{
  left: 0;
}.slide-down, .slide-right{
  right: 0;
}.lnm-btn{
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: rgba(255,255,255,.65);
  z-index: 1;
  transition: all ease-in-out 300ms;
  -webkit-transition: all ease-in-out 300ms;
  -moz-transition: all ease-in-out 300ms; 
}.lnm-btn:hover{
  background: #ffffff;
  box-shadow: 3px 3px 3px rgba(0,0,0,.15); 
}.lnm-btn .fa{
  font-size: 22px;
  text-align: center;
  line-height: 40px;
  width: 100%;
  height: 100%;
  transition: all ease-in-out 300ms;
  -webkit-transition: all ease-in-out 300ms;
  -moz-transition: all ease-in-out 300ms; 
}.prev-btn{
  left: 50px;
}.next-btn{
  right: 50px;
}[data-metabox="overlay"] .prev-btn, 
 [data-metabox="overlay"] .next-btn{
  top: initial;
  bottom: 0;  
  border-radius: 0;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
}[data-metabox="overlay"] .next-btn{
  right: 0;
}[data-metabox="overlay"] .prev-btn{
  right: 40px;
  left: initial;
}.exit-btn{
  background: none;
  color: #eaeaea;
  cursor: pointer;
  position: absolute;
  top: 25px;
  right: 25px;
  z-index: 1; 
}.exit-btn:hover,
 [data-metabox="overlay"][data-metabox-position="right"] .exit-btn{
  color: #202020;
}[data-metabox="flyout"][data-metabox-position="right"]:not(.show-meta) .exit-btn{
  right: 60px;
}.show-meta[data-metabox="flyout"][data-metabox-position="right"] .exit-btn{
  right: 25px;
}.exit-btn .fa{
  font-size: 16px;
}.meta-btn{
  background: red;
  border: 1px solid red;
  height: 20px;
  width: 40px;
  top: 15px;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0); 
}.meta-btn:hover{
  background: red;  
}.meta-btn.open{
  background: green;
  border-color: green;  
}.meta-btn.open:hover{
  background: green;
}.meta-btn span.lnm-toggle-icon{
  position: absolute;
  top: 0;
  left: 0;
  background: #eaeaea;
  box-shadow: 3px 1px 3px rgba(0,0,0,.5);
  height: 100%;
  width: 45%;
  border-radius: 100%;
  transition: all ease-in-out 300ms;
  -webkit-transition: all ease-in-out 300ms;
  -moz-transition: all ease-in-out 300ms; 
}.meta-btn.open span.lnm-toggle-icon{
  left: 55%;
  box-shadow: -3px 1px 3px rgba(0,0,0,.5);
}[data-metabox="flyout"][data-metabox-position="right"]:not(.show-meta) .meta-btn{
  left: -50px;
}[data-metabox="flyout"][data-metabox-position="left"]:not(.show-meta) .meta-btn{
  right: -50px;
}.show-meta[data-metabox-position="right"] .meta-btn{
  left: calc(100% - 50px);
}.show-meta[data-metabox-position="left"] .meta-btn{
  right: calc(100% - 50px);
}
.metabox{
  position: absolute;
  height: 100%;
  width: 30%;
  padding: 7vh 3.5vw;
  background: #eaeaea;
  transition: all ease-in-out 300ms;
  -webkit-transition: all ease-in-out 300ms;
  -moz-transition: all ease-in-out 300ms; 
}[data-metabox="overlay"] .metabox{
  background: none;
  bottom: 0;
  height: auto;
  max-height: 100%;
  width: 60%;
  z-index: 1;
}[data-metabox="flyout"][data-metabox-position="left"]:not(.show-meta) .metabox{
  left: -30%;
}[data-metabox="flyout"][data-metabox-position="right"]:not(.show-meta) .metabox{
  right: -30%;
}.show-meta[data-metabox="flyout"][data-metabox-position="right"] .metabox,
[data-metabox="fixed"][data-metabox-position="right"] .metabox{
  right: 0;
}.show-meta[data-metabox="flyout"][data-metabox-position="left"] .metabox,
[data-metabox="fixed"][data-metabox-position="left"] .metabox{
  left: 0;
}.no-modal .metabox{
  padding: 15px 20px;  
}.no-modal[data-metabox="flyout"] .metabox{
  padding: 50px 20px 15px;  
}.metabox :not(.fa){
  color: #333;
  line-height: 2.1;
  margin-top: 0;
}[data-metabox="overlay"] .metabox :not(.fa){
  color: #f4f4f4;
  text-shadow: 1px 1px 1px #333;
}.no-modal .metabox :not(.fa){
  line-height: normal;  
}.metabox .metabox-title{
  text-align: center; 
}.metabox .metabox-description{
  border-top: 1px dashed #333;  
}.metabox .metabox-description .md-content{
  overflow-y: auto;
}[data-metabox="overlay"] .metabox .metabox-title{
  text-align: left;
}[data-metabox="overlay"] .metabox .metabox-description{
  background: rgba(0,0,0,.6);
  border-top: none;
  padding: 10px 15px;
}.metabox .metabox-description .md-content::-webkit-scrollbar,
 .thumbnails-wrapper::-webkit-scrollbar{
  width: 5px;
  background: rgba(255,255,255,.8);  
}.metabox .metabox-description .md-content::-webkit-scrollbar-thumb,
 .thumbnails-wrapper::-webkit-scrollbar-thumb{
  background: rgba(0,0,0,.65);
  border-radius: 2px;
}.metabox .label{
  background: none;
  font-weight: bold;
  line-height: normal;
  padding-left: 0;
}
.show-meta[data-metabox="flyout"] .main-image,
[data-metabox="fixed"] .main-image{
  width: 70%;
}
/*Horizontal Styles*/
[data-type="horizontal"] .main-image img,
[data-thumbnails="horizontal"] .main-image img{
  width: auto;
}
/*Vertical Styles*/
[data-type="vertical"] .metabox,
[data-thumbnails="vertical"] .metabox,
[data-type="vertical"] .main-image,
[data-thumbnails="vertical"] .main-image{
}[data-type="vertical"] .modal-section,
 [data-thumbnails="vertical"] .modal-section{
}[data-type="vertical"] .main-image img,
 [data-thumbnails="vertical"] .main-image img{
  width: auto;
}[data-type="vertical"] .thumbnails-wrapper,
 [data-thumbnails="vertical"] .thumbnails-wrapper{
}
/*Grid Styles*/
[data-type="grid"] .modal-section{
  min-width: 70%;
}[data-type="grid"] .thumbnails-wrapper{
  max-width: 30%;
}[data-type="grid"] .thumbnails-wrapper .thumbnail{
  border-width: 2px;
}
/*Mobile Styles*/
[data-type="mobile"] .thumbs-btn{
  position: fixed;
  background: none;
  color: #eaeaea;
  top: 20px;
  left: 5px;
  z-index: 2;
}.gallery-wrapper.no-modal[data-type="mobile"] .thumbs-btn{
  position: absolute;
}.show-thumbs[data-type="mobile"] .thumbs-btn{
  color: #202020;
  box-shadow: none;
}[data-type="mobile"] .exit-btn{
  top: 20px;
  right: 5px;
  z-index: 2;
}.show-thumbs[data-type="mobile"] .exit-btn{
  color: #202020;
}[data-type="mobile"] .next-btn,
 [data-type="mobile"] .prev-btn,
 [data-type="mobile"] .mobile-meta-btn{
  bottom: 0;
  border-radius: 0;
  top: initial;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
}[data-type="mobile"] .next-btn{
  right: 0;  
}[data-type="mobile"] .prev-btn{
  right: 40px;
  left: initial;
}[data-type="mobile"] .mobile-meta-btn{
  position: fixed;
  background: none;
  color: #eaeaea;
  left: 0;  
}.gallery-wrapper.no-modal[data-type="mobile"] .mobile-meta-btn{
  position: absolute;
}[data-type="mobile"] .modal-section{
  width: 100vw;
  height: 100vh;
}.gallery-wrapper.no-modal[data-type="mobile"] .modal-section{
  width: 100%;
  height: 100%;
}[data-type="mobile"] .thumbnails-wrapper{
  background: #eaeaea;
  height: 100%;
  width: 100vw;
  position: fixed;
  padding: 50px 0 0 0;
  top: 0;
  left: -100%;
  overflow: auto;
  z-index: 2;
  transition: all ease-in-out 300ms;
  -webkit-transition: all ease-in-out 300ms;
  -moz-transition: all ease-in-out 300ms;
}[data-type="mobile"]:not(.gallery-wrapper.no-modal) .thumbnails-wrapper{
  min-height: 100vh;
}.gallery-wrapper.no-modal[data-type="mobile"] .thumbnails-wrapper{
  position: absolute;
  height: 100%;
  width: 100%;
}.show-thumbs[data-type="mobile"] .thumbnails-wrapper{
  left: 0;
}[data-type="mobile"] .thumbnails-slider{
  overflow: auto;
}[data-type="mobile"] .thumbnail{
  border-width: 2px;
}[data-type="mobile"] .thumbnail.active{
  border-color: #333;
}[data-type="mobile"] .metabox{
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  top: 100%;
  background: #000;
  z-index: 1;
}.gallery-wrapper.no-modal[data-type="mobile"] .metabox{
  width: 100%;
  height: 100%;
}.show-meta[data-type="mobile"] .metabox{
  top: 0;
}[data-metabox="true"] .metabox :not(.fa){
  color: #eaeaea;
  line-height: normal;
}[data-metabox="true"] .metabox .metabox-description{
  padding-top: 10px;
}
@media screen and (max-width: 767px) {
  .thumbnail{
    max-width: 25%;
    height: auto;
  }
}
/*Legacy Styles*/
.gallery-button.custom-legacy{
  padding: 0 5px;
  margin-bottom: 10px;    
  display: block;
  position: relative;
  width: 100%;
}.gallery-button.custom-legacy:hover .main-overlay{
  background: rgba(0,0,0,.8); 
}.gallery-button.custom-legacy img{
  width: 100%;
}.gallery-button.custom-legacy h2{
  position: absolute;
  display: block;
  width: 100%;
  text-align: center;
  margin: 0;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  opacity: 0;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;  
  transition: all 500ms ease;
}.gallery-button.custom-legacy:hover h2{
  top: 40%;
  opacity: 1;
}.gallery-button.custom-legacy:hover .gallery-hr {
  width: 80%;
}.gallery-button.custom-legacy:hover span{
  top: 0;
  opacity: 1;
}.gallery-button span:hover{
  background: #abd332;
  color: #202020; 
}