.map-map {
  width: 100%;
  height: 100%;
  background-color: hsla(0, 0%, 100%, 0);
}

.map-mapsize {
  height: 100%;
}
#map {
	height: 100%;
}
div#content {
  width: 100%; height: 100%;
}

.map-pop-up {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 11;
  width: 280px;
  height: 380px;
  margin-top: 80px;
  margin-right: 20px;
  background-color: #4d4d4d;
}

.map-close {
  position: relative;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9;
  width: 20px;
  height: 20px;
  margin-top: -30px;
  float: right;
  background-color: #F9AF3B;
  color: #e7761d;
}
@-webkit-keyframes fadeout {
    0% {opacity:1;}
    100% {opacity:0;}
}
@keyframes fadeout {
    0% {opacity:1;}
    100% {opacity:0;}
}
.fadeOut {
  opacity:0;
  -moz-animation   : fadeout 1s linear;
  -webkit-animation: fadeout 1s linear;
  animation        : fadeout 1s linear;
}

.map-close.side-bar {
  position: absolute;
  margin-top: 0px;
}
.white{
	color:white;
}
.map-head {
  height: 50px;
  margin-top: 40px;
}

.map-paragraph {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-right: 20px;
  padding-bottom: 15px;
  padding-left: 20px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size:11px;
}

.map-paragraph.hidden-content {
  margin-top: 20px;
  padding-bottom: 0px;
}
.readlinks{
	
color:white;
}
.readlinks2{
	
color:black;
}

.map-text-box {
  padding-left: 20px;
  float: none;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
}

.map-text-box.texbox {
  padding-top: 20px;
  font-weight: 700;
}

.map-text-box.hidden-2 {
  margin-top: 20px;
}

.map-share-button {
  display: block;
  width: 120px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.greybox{
	background:black;
	height:100%;
	width:100%;
	opacity:0.45;
	position:absolute;
	z-index:10;
}

.slide {
  position: fixed;
  left: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 0;
  width: 400px;
  background-color: #4d4d4d;
  opacity:0;
  overflow-x: hidden;
  overflow-y:scroll;
}
.displayblock{
	opacity:1;
}

.map-top-placeholder {
  height: 130px;
}

.tab {
  min-height: 30px;
  background-color: hsla(0, 0%, 100%, 0);
}

.tab.hidden {
  background-color: hsla(0, 0%, 85%, 0);
}

.tab-content {
  height: auto;

}

.map-playimage {
  max-width: 80px;
}

.map-lightbox {
  width: 40px;
  margin-bottom: 20px;
  margin-left: 20px;
}

.tab-colors {
  margin: 5px;
  padding: 0px;
}

.map-tab-container {
  display: block;
  width: 360px;
  margin-right: auto;
  margin-left: auto;
}

@media (max-width: 991px) {
  .map-pop-up {
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (max-width: 479px) {
  .slide {
    width: 100%;
  }
  .tab-colors {
    width: 50px;
    float: left;
  }
}