/* --------------------------------------------------------- Banner standard */
* {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Georgia, "Times New Roman", Serif;
}
#mh-banner {
  width: 300px;
  height: 250px;
  position: relative;
  overflow: hidden;
  background-color: #fff;
}
#mh-banner img {
  display: block;
  border: 0px !important;
  outline: none;
}
#mh-banner #bg-exit {
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  cursor: pointer;
  height: 100%;
  width: 100%;
  left: 0px;
  top: 0px;
  z-index: 99;
}
#mh-banner #animation-area {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  overflow: hidden;
}
#mh-banner #animation-area * {
  position: absolute;
  box-sizing: border-box;
}
#mh-banner #animation-area br{
	position: static !important;
}
/* --------------------------------------------------------- Banner Specific */
#animation-area {
  background: #868686;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg2ODY4NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2Q1ZDVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYzJSIgc3RvcC1jb2xvcj0iI2Q1ZDVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4Njg2ODYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #868686 0%, #d5d5d5 20%, #d5d5d5 63%, #868686 100%);
  background: -webkit-linear-gradient(top, #868686 0%, r #d5d5d5 20%, #d5d5d5 63%, #868686 100%);
  background: linear-gradient(to bottom, #868686 0%, #d5d5d5 20%, #d5d5d5 63%, #868686 100%);
}
#animation-area #logo {
  width: 110px;
  height: auto;
  right: 10px;
  top: 10px;
}
#animation-area h1 {
  color: #d2232a;
  font-size: 20px;
  font-weight: normal;
}
#animation-area h1#copy1 {
  left: 60px;
  top: 108px;
  opacity: 0;
}
#animation-area h1#copy2 {
  left: 178px;
  top: 74px;
  opacity: 0;
  font-size: 18px;
}
#animation-area h1#copy3 {
  padding: 7px;
  color: #fff;
  right: 10px;
  top: 205px;
  background-color: #d2232a;
  overflow: hidden;
  opacity: 0;
  font-size: 16px;
}
#animation-area h1#copy3 #cta-shine {
  top: 0px;
  left: -60px;
  height: 100%;
  width: 60px;
}
#animation-area #gong-holder {
  width: 100%;
  height: 100%;
  left: -70px;
  top: 10px;
  transform: scale(0.8);
  -ms-transform: scale(0.8);
}
#animation-area #gong-holder #gong-frame {
  width: 100%;
  height: auto;
}
#animation-area #gong-holder #gong-rope {
  width: 100%;
  height: auto;
}
#animation-area #gong-holder #gong {
  width: 100%;
  height: auto;
  opacity: 0;
}
#animation-area #gong-holder #gong-sounds {
  width: 100%;
  height: 100%;
  z-index: 2;
  left: 4%;
  top: -8%;
}
#animation-area #gong-holder #gong-sounds .gong-sound {
  width: 100%;
  height: 100%;
  transform: scale(0);
  -ms-transform: scale(0);
  opacity: 0;
  background-image: url(../img/gong-sound.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
}