@font-face {
  font-family: Shrikhand-Regular;
  src: url(Shrikhand-Regular.ttf);
}

@font-face {
  font-family: Raleway-Thin;
  src: url(Raleway-Thin.ttf);
}

@font-face {
  font-family: Raleway-Regular;
  src: url(Raleway-Regular.ttf);
}

@font-face {
  font-family: Raleway-Bold;
  src: url(Raleway-Bold.ttf);
}

@font-face {
  font-family: ComingSoon;
  src: url(ComingSoon.ttf);
}

@font-face {
  font-family: Gotham-Light;
  src: url(Gotham-Light.otf);
}

#svgMap{
  font-family: Shrikhand-Regular;
}

#Texture{
  display: none;
}

.animate:hover{
  opacity: 0.5;
}

#redCircle:hover, #yellowCircle:hover, #greenCircle:hover, #blueCircle:hover, #purpleCircle:hover {
  cursor: pointer;
}

.opaque{
  opacity: 0.6;
}

.pulser{
  animation-name: pulser;
  -webkit-animation-name: pulser;

  animation-duration: 1s;
  -webkit-animation-duration: 1s;

  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

@keyframes pulser {
  0% {
    transform: scale(0.99);
    opacity: 1;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.99);
    opacity: 1;
  }
}

@-webkit-keyframes pulser {
  0% {
    -webkit-transform: scale(0.99);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.99);
    opacity: 1;
  }
}

#genModal{

}

#header{
  color: white;
  text-align: center;
  font-family: Shrikhand-Regular;
}

.lefter{
  color: #000000;
  margin-top: 30px;
  text-align: center;
  font-size: 200%;
}

.righter{
  color: #000000;
  margin-top: 30px;
  text-align: center;
  font-size: 200%;
}

#showTitle{
  padding: 10px;
}

#modalShowTitle{
  font-family: Shrikhand-Regular;
  font-size: 130%;
  margin-top: 35px;
}

#modalShowImage{

}

.iconImg{
  height: 100px;
}

#modalBodyOne{
  margin-top: 20px;
  text-align: center;
}

#modalBodyTwo{
  margin-top: 20px;
  margin-bottom: 30px;
  text-align: center;
}

#modalMap{

}

.width{
  width: 100%;
}

.red{
  color: #D63A39;
}

.yellow{
  color: #FFD528;
}

.green{
  color: #39B88D;
}

.blue{
  color: #04B3E4;
}

.purple{
  color: #67308F;
}

#second, #third, #sixth, #seventh, #fifteenth, #twentyninth, #thirtysixth{
  background-color: #ffffff;
  display: none;
}

.carousel-indicators{
  margin-bottom: -40px;
}

.carousel-control{
  margin-top: 250px;
}