.map-thumb{
  width: 146px;
  height: 146px;
  background-size: cover;
  -ms-behavior: url('../backgroundsize.min.htc');
  background-position: center;
  cursor: pointer;
}
.map-thumb.single{
  width: 87px;
  height: 87px;
}

#neonmap .container.map-functions{
  position: relative;
}
#map-functions-wrapper, .map-functions-wrapper{
  position: fixed;
  padding-left: 0;
  padding-right: 0;
  bottom: 0;
  z-index: 100;
}
#map-functions-wrapper #btn-add, .map-functions-wrapper #btn-add{
  position: absolute;
  bottom: 0;
  right: 0;
}
#map-functions-wrapper .map-function, .map-functions-wrapper .map-function{
  height: 45px;
  line-height: 45px;
  background-color: #FFF;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  cursor: pointer;
}
#map-functions-wrapper .map-function{
  border-left: 1px solid #000;
  color: #000;
}
#map-functions-wrapper .map-function:first-child{
  border-left: none;
}
.map-functions-wrapper .map-function{
  color: #FFF;
  background-color: #000;
}
.map-functions-wrapper .map-function:first-child{
  border-right: 1px solid #FFF;
}



#my-neon-city-index{
  padding-left: 0;
  padding-right: 0;
}
#my-neon-city-index .map-function.about-series{
  background-color: #DDD;
  font-size: 14px;
}
#my-neon-city-index.my-neon-city-index .map-function.about-series{
  color: #000;
}
#my-neon-city-index .neoncity-item-wrapper{
  background-color: #FFF;
}
#my-neon-city-index.my-neon-city-index .neoncity-item-wrapper{
  /*border-left: 1px solid #666;*/
  /*border-right: 1px solid #333;*/
  background-color: #F9F9F9;
}
.neoncity-item-wrapper a{
  color: #000;
  text-decoration: none;
}
.neoncity-item-wrapper .neoncity-item{
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
  border-bottom: 1px solid #DDD;
  font-weight: 700;
}
.neoncity-item-wrapper .neoncity-item .title{
  font-size: 18px;
  cursor: pointer;
}
.neoncity-item-wrapper .neoncity-item .author{
  font-size: 14px;
  cursor: pointer;
}
.neoncity-item-wrapper .neoncity-item .view{
  font-size: 14px;
  color: #999;
  cursor: pointer;
}

.neonmap-control.container{
  height: 40px;
}

#neonmap-control{
  height: 40px;
  padding: 5px 0;
  position: fixed;
  z-index: 1000;
  background-color: #FFF;
  width: 100%;
}
#neonmap-control .form-group{
  margin-right: 20px;
  margin-bottom: 0px;
  float: left;
}
#neonmap-control .form-group select{
  font-family: 'GTWalsheim';
  font-size: 14px;
  font-weight: 700;
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -webkit-appearance: none;
  color: #000;  
  padding: 0px;
  padding-right: 20px;
  background: url('../assets/select-caret.png') no-repeat right center;
  background-size: 11px 7px;
  -ms-behavior: url('../backgroundsize.min.htc');
  cursor: pointer;
}
#neonmap-control .btn-group{
  margin-left: 0px;
  float: left;
}
#neonmap-control .btn-group .icon{
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #7F7F7F;
  cursor: pointer;
}
#neonmap-control .btn-group .icon:hover, #neonmap-control .btn-group .icon.on{
  color: #000;
}


/*Map View*/
#post-info{
  padding: 10px 15px;
  background-color: #000;
  color: #FFF;
  position: absolute;
  top: 180px;
  width: 320px;
  z-index: 500;
}
#post-info span.icon-close{
  position: absolute;
  font-size: 16px;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  text-align: center;
  padding-top: 10px;
  cursor: pointer;
}
#post-info .title{
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 5px;
}
#post-info .address-wrapper .address{
  font-family: 'Typ1451';
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  display: inline-block;
  max-width: 240px;  
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#post-info .address-wrapper span.icon-mapview{
  font-size: 15px;
  margin-right: 5px;
  margin-left: -3px;
  display: table-cell;
  float: left;
  position: relative;
  top: 0px;
  padding-left: 3px;
}
#post-info .username-wrapper, #post-info .username-wrapper span.username{
  font-family: 'GTWalsheim';
  font-size: 14px;
  font-weight: 400;
  color: #999;
}
#post-info .extraposts-wrapper{
  width: 100%;
  overflow: hidden;
  height: 60px;
  margin-top: 10px;
}
#post-info .extraposts{
  height: 60px;
  width: 9999px;
  position: relative;
  left: 0px;
}
#post-info .extrapost-item-wrapper{
  width: 60px;
  height: 60px;
  background-color: #FFF;
  float: left;
  padding: 5px;
}
#post-info .extrapost-item-wrapper .extrapost-item{
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: cover;
  -ms-behavior: url('../backgroundsize.min.htc');
}
#post-info .extrapost-item-wrapper.on{
  background-color: #D21C70;
}
#post-info .extrapost-item:last-child{
  margin-right: 0px;
}

#submission{
  color: #FFF;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 400px;
  background: url('../assets/black-opacity-80.png') repeat left top;
  z-index: 10000;
}

#submission #close-btn{
  position: fixed;
  z-index: 10001;
  top: 40px;
  right: 40px;
  font-size: 20px;
  width: 40px;
  height: 40px;
  text-align: center;
  padding: 10px;
  cursor: pointer;
}
#submission #decision{
  position: relative;
}
#submission #decision .banner{
  width: 640px;
  height: 179px;
  background-size: 640px 179px;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 30px;
}
#submission #decision .banner.en{
  background-image: url('../assets/submit-banner-en.png');
}
#submission #decision .banner.ch{
  background-image: url('../assets/submit-banner-ch.png');
}

#submission #decision .decision-wrapper{
  width: 280px;
}
#submission #decision .decision-wrapper .icons-wrapper{
  width: 280px;
  overflow: hidden;
}
#submission #decision .decision-wrapper .icon{
  text-align: center;
  cursor: pointer;
  margin-top: 8px;
}
#submission #decision .decision-wrapper .icon.upload-icon{
  margin-left: 6px;  
}
#submission #decision .decision-wrapper .icon.email-icon{
  margin-left: 6px;
  margin-top: 4px;
}
#submission #decision .decision-wrapper .icon.slash-icon{
  font-size: 30px;
  margin-top: 10px;
}
#submission #decision .decision-wrapper .icon .icon-box{
  height: 65px;
}
#submission #decision .decision-wrapper .icon .icon-box span{
  font-size: 55px;
}
#submission #decision .decision-wrapper .icon .icon-box span.icon-email{
  font-size: 67px;
}
#submission #decision .decision-wrapper .icon .des-label{
  font-family: 'GTWalsheim';
  font-weight: 700;
  font-size: 16px;
}
#submission #decision .decision-wrapper .email-icon .des-label{
  margin-top: 4px;
}
#submission #decision .tips-wrapper{
  max-width: 525px;
  overflow: hidden;
  margin-top: 30px;
  color: #BBB;
}
#submission #decision .tips-icon{
  font-size: 30px;
  width: 40px;
  text-align: center;
}
#submission #decision .tips-text{
  max-width: 485px;
  font-family: 'GTWalsheim';
  font-size: 14px;
}
#submission #decision .tips-text .emphasize{
  font-weight: 700;
  font-size: 16px;
  font-family: inherit;
  color: #FFF;
}

#submission #instruction{
  position: relative;
  text-align: center;
}
#submission #instruction p{
  font-family: 'GTWalsheim';
  font-size: 16px;
  font-weight: 700;
}
#submission #instruction p span.highlight{
  font-family: inherit;  
  font-size: inherit;
  color: #FF007F;
}
#submission #instruction .heading{
  font-family: 'Typ1451';
  font-size: 40px;
  margin-bottom: 20px;
}
#submission #instruction .instr-thumb{
  display: inline-block;
  width: 150px;
  height: 150px;
  margin-bottom: 10px;
}
#submission #instruction .instr-thumb img{
  max-width: 100%;
}

#submission #instruction button{
  font-weight: 700;  
}

#submission #upload{
  width: 320px;
  height: 350px;
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;
}
#submission #upload *{
  font-family: 'GTWalsheim';
  font-weight: 700;
}
#submission #upload .help-block{
  color: #999;
  font-size: 12px;  
}
#submission #upload input, #submission #upload textarea{
  font-family: 'GTWalsheim';
  font-weight: 400;
}
#submission #upload textarea{
  max-width: 100%;
}
#submission #upload .heading{
  font-family: 'Typ1451';
  font-weight: 400;
  font-size: 40px;
  text-align: center;
  margin-bottom: 20px;
}
#submission #upload .button-wrapper{
  text-align: center;
}
#submission #upload button{
  font-family: 'Typ1451';
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
}
#submission #upload #btn-choose{
  font-family: 'GTWalsheim';
  font-weight: 700;
  margin: 0;
}
#submission #upload #tandc label{
  font-family: 'GTWalsheim';
  font-weight: 400;
}
#submission #upload #tandc label a{
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  border-bottom: 1px solid #FFF;
  text-decoration: none;
}
#submission #upload label.warning{
  color: #FF007F;
}
#submission #upload #btn-choose.warning{
  background-color: #FF007F;
  color: #FFF;
}
#submission #upload #upload_complete{
  text-align: center;
}
#submission #upload p.help-block.warning{
  color: #FF007F;
}
#submission #termsModal *{
  font-weight: 400;
  font-family: 'GTWalsheim';
  color: #000;
}
#submission #termsModal button{
  font-family: 'Typ1451';
}
#submission #termsModal .modal-header, #submission #termsModal .modal-footer{
  background: url('../assets/nav-bg-animate-1.png') repeat-x left center;
}
#submission #termsModal .modal-title{
  font-family: 'Typ1451';
  font-size: 20px;
  font-weight: 700;
  color: #FFF;
}
#submission #termsModal button{
  font-weight: 700;
}
#submission #termsModal .close{
  margin-top: 3px;
  marign-bottom: 5px;
  text-shadow: none;
  opacity: 1;
}
#submission #termsModal .close span{
  font-family: 'Neonsignshk-Icons';
  font-weight: 400;
  font-size: 20px;
  color: #FFF;
}
#submission #termsModal ol li{
  margin-top: 10px;
  margin-bottom: 10px;
}

#submission #email{
  width: 320px;
  position: relative;
  text-align: center;
  font-family: 'GTWalsheim';
  font-weight: 700;
}
#submission #email .heading{
  font-family: 'Typ1451';
  font-weight: 400;
  font-size: 40px;
  margin-bottom: 20px;
}
#submission #email button{
  font-family: 'Typ1451';
  font-weight: 700;
  display: inline-block;
}
#submission #email span.highlight a{
  font-family: inherit;  
  font-size: inherit;
  color: #FF007F;
  border: none;
}
#submission #email p, #submission #email a{
  color: inherit;
  font-family: inherit;  
  font-size: inherit;  
  text-decoration: none;
}
#submission #email a{
  border-bottom: 1px solid #FFF;
}

/*Grid View*/
#neongrid{
  padding-bottom: 60px;
}
#neongrid .container{
  padding-left: 0px;
  padding-right: 0px;
}
#neongrid .callForSub{
  margin: 10px 0 20px 0;
  text-align: center;
}
#neongrid .callForSub .img-container{
  display: inline-block;
  max-width: 740px;
}
#neongrid .callForSub img{
  display: inline-block;
  max-width: 100%;
  cursor: pointer;
}
#neongrid .neongrid-item{
  margin-bottom: 20px;
}
#neongrid .neongrid-item img{
  max-width: 100%;  
}
#neongrid .neongrid-item .griditem{
  width: 100%;
  background-size: cover;
  -ms-behavior: url('../backgroundsize.min.htc');
  background-position: center;
}
#neongrid .neongrid-item a{
  text-decoration: none;
}
#neongrid .neongrid-item .feat-badge{
  width: 100%;
  height: 20px;
  text-align: center;
  line-height: 20px;
  color: #FFF;
  background-color: #D11C6F;
  font-size: 10px;
  font-weight: 700;
}

/*List View*/
#neonlist{
  padding-bottom: 60px;
}
#neonlist .container{
  padding-left: 0px;
  padding-right: 0px;
}
#neonlist .callForSub{
  margin: 20px 0 50px 0;
  text-align: center;
}
#neonlist .callForSub .img-container{
  display: inline-block;
  max-width: 740px;
}
#neonlist .callForSub img{
  display: inline-block;
  max-width: 100%;
  cursor: pointer;
}
#neonlist .neonlist-item{
  margin-bottom: 30px;
}
#neonlist .neonlist-item a{
  text-decoration: none;
}
#neonlist .neonlist-item .listitem{
  width: 100%;
  background-size: cover;
  -ms-behavior: url('../backgroundsize.min.htc');
  background-position: center;
  margin-bottom: 10px;
}
#neonlist .neonlist-item .listitem .feat-badge{
  width: 100%;
  height: 20px;
  padding-left: 10px;
  text-align: left;
  line-height: 20px;
  color: #FFF;
  background-color: #D11C6F;
  font-size: 10px;
  font-weight: 700;
}
#neonlist .neonlist-item *{
  font-family: 'GTWalsheim';
}
#neonlist .neonlist-item .title, #neonlist .neonlist-item .location{
  font-family: 'GTWalsheim';
  font-weight: 700;
}
#neonlist .neonlist-item .username a{
  color: inherit;
  text-decoration: none;
}
#neonlist .neonlist-item .location{
  cursor: pointer;
}
#neonlist .neonlist-item .icon-mapview{
  font-family: 'Neonsignshk-Icons';
  margin-right: 10px;
  position: relative;
  top: 1px;
}
#neonlist .neonlist-item img{
  width: 100%;
  margin-bottom: 10px;
}
#neonlist .neonlist-item .caption{
  font-size: 14px;
  font-weight: 400;
  color: #999;
  overflow: hidden;
}
#neonlist .neonlist-item .social-control{
  overflow: hidden;
  margin-top: 15px;
}
#neonlist .neonlist-item .social-control a{
  font-family: 'Typ1451';
  font-size: 12px;
  font-weight: 700;
  color: #999;
  border-bottom: 1px solid #999;
}
#neonlist .neonlist-item .social-control .sns-wrapper a{
  border: none;
}
#neonlist .neonlist-item .social-control .sns-wrapper a span{
  font-family: 'Neonsignshk-Icons';
  color: #B2B2B2;
  font-size: 20px;
  padding: 5px;
  margin-left: 5px;
}

#neonmap .placeholder .messageOne,
#neongrid .placeholder .messageOne,
#neonlist .placeholder .messageOne{
  font-size: 26px;
  color: #999;
  margin-top: 50px;
  margin-bottom: 20px;
}
#neongrid .placeholder .messageTwo,
#neonlist .placeholder .messageTwo{
  font-size: 26px;
  color: #000;
  border-bottom: 1px solid #000;
  cursor: pointer;
}
#neonmap .placeholder .messageTwo{
  font-size: 26px;
  color: #FFF;
  border-bottom: 1px solid #FFF;
  cursor: pointer;
}

#neonmap .container.placeholder{
  position: relative;
}
#neonmap .placeholder{
  position: absolute;
  font-size: 20px;
  z-index: 1;
}
#neonmap .placeholder .messageOne{
  margin-bottom: 5px;
}
#mapLoading{
  width: 93px;
  height: 197px;
  background-image: url(../assets/loading.gif);
  z-index: 100;
  position: fixed;
}
.tooltip-inner{
  font-family: 'GTWalsheim';
  font-size: 12px;
  font-weight: 700;
}
.tooltip{
  min-width: 100px;
}

/* Small devices (mobile, below 768px) */
@media (max-width: 767px) {
  #mapLoading{
    width: 46px;
    height: 98px;
    background-size: 46px 98px;
    z-index: 100;
    position: fixed;
  }
  
  #neonmap .placeholder .messageOne{
    margin-top: 20px;
  }
  
  #map-functions-wrapper .map-function, .map-functions-wrapper .map-function{
    font-size: 16px;  
  }
  #neonmap-control{
    height: 35px;
    padding: 3px 5px 3px 15px;
    left: 0;
  }
  #neonmap-control .btn-group{
    float: right;
    padding-right: 10px;
  }
  #neonmap-control .form-group select{
    max-width: 80px;
  }
  #neongrid .container{
    padding-left: 10px;
    padding-right: 10px;
  }
  #neongrid .neongrid-item{
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
  }
  #neonlist .neonlist-item{
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 45px;
  }
  #neonlist .neonlist-item .post-info{
    padding-left: 15px;
    padding-right: 15px;
  }
  #post-info{
    top: auto;
    left: 0;
    bottom: 0;
    width: 100%;
  }
  #submission #close-btn{    
    top: 15px;
    right: 15px;    
  }  
  #submission #decision, #submission #instruction, #submission #upload, #submission #email{
    width: 290px;
  }
  #submission #decision .banner{
    width: 290px;
    height: 80px;
    background-size: 290px 80px;
    -ms-behavior: url('../backgroundsize.min.htc');
  }
  #map-functions-wrapper, .map-functions-wrapper.col-xs-12{
    left: 0;
  }
  .map-functions-wrapper.col-xs-12{
    padding-left: 0px;
    padding-right: 0px;
  }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  #map-functions-wrapper, .map-functions-wrapper{
    left: 0;
  }
  .map-functions-wrapper{
    padding-left: 0px;
    padding-right: 0px;
  }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  #map-functions-wrapper, .map-functions-wrapper{
    left: auto;
  }
  .map-functions-wrapper{
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}