.dotting { display: inline-block; width: 10px; min-height: 2px;
				              padding-right: 2px;
				              border-left: 2px solid currentColor; border-right: 2px solid currentColor;
				              background-color: currentColor; background-clip: content-box;
				              box-sizing: border-box;
				              -webkit-animation: dot 1.5s infinite step-start both;
				              animation: dot 1.5s infinite step-start both;
				              *zoom: expression(this.innerHTML = '...');  /*IE7 */
				          }
				          .dotting:before { content: '...'; } /* IE8 */
				          .dotting::before { content: ''; }
				          :root .dotting { margin-left: 2px; padding-left: 2px; } /* IE9+ */
				  
				          @-o-keyframes dot {
				              25% { border-color: transparent; background-color: transparent; }
				              50% { border-right-color: transparent; background-color: transparent; }
				              75% { border-right-color: transparent; }
				          }
				          @-ms-keyframes dot {
				              25% { border-color: transparent; background-color: transparent; }
				              50% { border-right-color: transparent; background-color: transparent; }
				              75% { border-right-color: transparent; }
				          }
				          @-moz-keyframes dot {
				              25% { border-color: transparent; background-color: transparent; }
				              50% { border-right-color: transparent; background-color: transparent; }
				              75% { border-right-color: transparent; }
				          }
				          @-webkit-keyframes dot {
				              25% { border-color: transparent; background-color: transparent; }
				              50% { border-right-color: transparent; background-color: transparent; }
				              75% { border-right-color: transparent; }
				          }
				          @keyframes dot {
				              25% { border-color: transparent; background-color: transparent; }
				              50% { border-right-color: transparent; background-color: transparent; }
				              75% { border-right-color: transparent; }
				          }

#modal-container {
			  position: fixed;
			  display: table;
			  height: 100%;
			  width: 100%;
			  top: 0;
			  left: 0;
			  transform: scale(0);
			  z-index: 1;
			}
			#modal-container.six {
			  transform: scale(1);
			}
			#modal-container.six .modal-background {
			  background: rgba(0, 0, 0, 0.8);
			  animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
			}
			#modal-container.six .modal-background .modal {
			  background-color: transparent;
			  animation: modalFadeIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
			}
			#modal-container.six .modal-background .modal h2, #modal-container.six .modal-background .modal p {
			  opacity: 0;
			  position: relative;
			  animation: modalContentFadeIn 0.5s 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
			}
			#modal-container.six .modal-background .modal .modal-svg rect {
			  animation: sketchIn 0.5s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
			}
			#modal-container.six.out {
			  animation: quickScaleDown 0s 0.5s linear forwards;
			}
			#modal-container.six.out .modal-background {
			  animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
			}
			#modal-container.six.out .modal-background .modal {
			  animation: modalFadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
			}
			#modal-container.six.out .modal-background .modal h2, #modal-container.six.out .modal-background .modal p {
			  animation: modalContentFadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
			}
			#modal-container.six.out .modal-background .modal .modal-svg rect {
			  animation: sketchOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
			}
			
			#modal-container .modal-background {
			  display: table-cell;
			  background: rgba(0, 0, 0, 0.8);
			  text-align: center;
			  vertical-align: middle;
			}
			#modal-container .modal-background .modal {
			  background: white;
			  padding: 50px;
			  display: inline-block;
			  border-radius: 3px;
			  font-weight: 300;
			  position: relative;
			}
			#modal-container .modal-background .modal h2 {
			  font-size: 25px;
			  line-height: 25px;
			  margin-bottom: 15px;
			}
			#modal-container .modal-background .modal p {
			  font-size: 18px;
			  line-height: 22px;
			}
			#modal-container .modal-background .modal .modal-svg {
			  position: absolute;
			  top: 0;
			  left: 0;
			  height: 100%;
			  width: 100%;
			  border-radius: 3px;
			}
			#modal-container .modal-background .modal .modal-svg rect {
			  stroke: #fff;
			  stroke-width: 2px;
			  stroke-dasharray: 778;
			  stroke-dashoffset: 778;
			}
			
			@keyframes unfoldIn {
			  0% {
			    transform: scaleY(0.005) scaleX(0);
			  }
			  50% {
			    transform: scaleY(0.005) scaleX(1);
			  }
			  100% {
			    transform: scaleY(1) scaleX(1);
			  }
			}
			@keyframes unfoldOut {
			  0% {
			    transform: scaleY(1) scaleX(1);
			  }
			  50% {
			    transform: scaleY(0.005) scaleX(1);
			  }
			  100% {
			    transform: scaleY(0.005) scaleX(0);
			  }
			}
			@keyframes zoomIn {
			  0% {
			    transform: scale(0);
			  }
			  100% {
			    transform: scale(1);
			  }
			}
			@keyframes zoomOut {
			  0% {
			    transform: scale(1);
			  }
			  100% {
			    transform: scale(0);
			  }
			}
			@keyframes fadeIn {
			  0% {
			    background: rgba(0, 0, 0, 0);
			  }
			  100% {
			    background: rgba(0, 0, 0, 0.7);
			  }
			}
			@keyframes fadeOut {
			  0% {
			    background: rgba(0, 0, 0, 0.7);
			  }
			  100% {
			    background: rgba(0, 0, 0, 0);
			  }
			}
			@keyframes scaleUp {
			  0% {
			    transform: scale(0.8) translateY(1000px);
			    opacity: 0;
			  }
			  100% {
			    transform: scale(1) translateY(0px);
			    opacity: 1;
			  }
			}
			@keyframes scaleDown {
			  0% {
			    transform: scale(1) translateY(0px);
			    opacity: 1;
			  }
			  100% {
			    transform: scale(0.8) translateY(1000px);
			    opacity: 0;
			  }
			}
			@keyframes scaleBack {
			  0% {
			    transform: scale(1);
			  }
			  100% {
			    transform: scale(0.85);
			  }
			}
			@keyframes scaleForward {
			  0% {
			    transform: scale(0.85);
			  }
			  100% {
			    transform: scale(1);
			  }
			}
			@keyframes quickScaleDown {
			  0% {
			    transform: scale(1);
			  }
			  99.9% {
			    transform: scale(1);
			  }
			  100% {
			    transform: scale(0);
			  }
			}
			@keyframes slideUpLarge {
			  0% {
			    transform: translateY(0%);
			  }
			  100% {
			    transform: translateY(-100%);
			  }
			}
			@keyframes slideDownLarge {
			  0% {
			    transform: translateY(-100%);
			  }
			  100% {
			    transform: translateY(0%);
			  }
			}
			@keyframes moveUp {
			  0% {
			    transform: translateY(150px);
			  }
			  100% {
			    transform: translateY(0);
			  }
			}
			@keyframes moveDown {
			  0% {
			    transform: translateY(0px);
			  }
			  100% {
			    transform: translateY(150px);
			  }
			}
			@keyframes blowUpContent {
			  0% {
			    transform: scale(1);
			    opacity: 1;
			  }
			  99.9% {
			    transform: scale(2);
			    opacity: 0;
			  }
			  100% {
			    transform: scale(0);
			  }
			}
			@keyframes blowUpContentTwo {
			  0% {
			    transform: scale(2);
			    opacity: 0;
			  }
			  100% {
			    transform: scale(1);
			    opacity: 1;
			  }
			}
			@keyframes blowUpModal {
			  0% {
			    transform: scale(0);
			  }
			  100% {
			    transform: scale(1);
			  }
			}
			@keyframes blowUpModalTwo {
			  0% {
			    transform: scale(1);
			    opacity: 1;
			  }
			  100% {
			    transform: scale(0);
			    opacity: 0;
			  }
			}
			@keyframes roadRunnerIn {
			  0% {
			    transform: translateX(-1500px) skewX(30deg) scaleX(1.3);
			  }
			  70% {
			    transform: translateX(30px) skewX(0deg) scaleX(0.9);
			  }
			  100% {
			    transform: translateX(0px) skewX(0deg) scaleX(1);
			  }
			}
			@keyframes roadRunnerOut {
			  0% {
			    transform: translateX(0px) skewX(0deg) scaleX(1);
			  }
			  30% {
			    transform: translateX(-30px) skewX(-5deg) scaleX(0.9);
			  }
			  100% {
			    transform: translateX(1500px) skewX(30deg) scaleX(1.3);
			  }
			}
			@keyframes sketchIn {
			  0% {
			    stroke-dashoffset: 778;
			  }
			  100% {
			    stroke-dashoffset: 0;
			  }
			}
			@keyframes sketchOut {
			  0% {
			    stroke-dashoffset: 0;
			  }
			  100% {
			    stroke-dashoffset: 778;
			  }
			}
			@keyframes modalFadeIn {
			  0% {
			    background-color: transparent;
			  }
			  100% {
			    background-color: white;
			  }
			}
			@keyframes modalFadeOut {
			  0% {
			    background-color: white;
			  }
			  100% {
			    background-color: transparent;
			  }
			}
			@keyframes modalContentFadeIn {
			  0% {
			    opacity: 0;
			    top: -20px;
			  }
			  100% {
			    opacity: 1;
			    top: 0;
			  }
			}
			@keyframes modalContentFadeOut {
			  0% {
			    opacity: 1;
			    top: 0px;
			  }
			  100% {
			    opacity: 0;
			    top: -20px;
			  }
			}
			@keyframes bondJamesBond {
			  0% {
			    transform: translateX(1000px);
			  }
			  80% {
			    transform: translateX(0px);
			    border-radius: 75px;
			    height: 75px;
			    width: 75px;
			  }
			  90% {
			    border-radius: 3px;
			    height: 182px;
			    width: 247px;
			  }
			  100% {
			    border-radius: 3px;
			    height: 162px;
			    width: 227px;
			  }
			}
			@keyframes killShot {
			  0% {
			    transform: translateY(0) rotate(0deg);
			    opacity: 1;
			  }
			  100% {
			    transform: translateY(300px) rotate(45deg);
			    opacity: 0;
			  }
			}
			@keyframes fadeToRed {
			  0% {
			    background-color: rgba(0, 0, 0, 0.6);
			  }
			  100% {
			    background-color: rgba(255, 0, 0, 0.8);
			  }
			}
			@keyframes slowFade {
			  0% {
			    opacity: 1;
			  }
			  99.9% {
			    opacity: 0;
			    transform: scale(1);
			  }
			  100% {
			    transform: scale(0);
			  }
			}