.gate {	
  position: relative;
  
  width: 60vmin;
  height: 60vmin;
  border-radius: 100%;
  margin:0 auto;
  background:transparent;
  background-image: radial-gradient(circle at center center, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 54%, #7e7f81 54%, #7e7f81 56%, #8b8c8d 56%, #8b8c8d 63%, #727374 63%, #727374 65%, #7e7f81 65%, #656667 75%);
  
  -webkit-transition: background-image 0.5s ease-out;
  -moz-transition: background-image 0.5s ease-out;
  -o-transition: background-image 0.5s ease-out;
  transition: background-image 0.5s ease-out;
    
  /*
  -webkit-transform:scale(0.25);
  transform:scale(0.25);
  */
  
  opacity:0.95;
}
.gate.page-background-element {
  position: fixed;
  top:55%;
  left:50%;
  transform:translate(-50%, -50%);
  
  z-index:-1;
	
}
.gate-controls.page-background-element{
	content:" ";
  position: fixed;
  display:inline-block;
  top:20%;
  left:90%;
  transform:translate(-50% , 0 );
  
  z-index:-1;

	width:128px !important;
}
.gate-address.page-background-element{
	content:" ";
  position: fixed;
  display:inline-block;
  top:30%;
  left:90%;
  transform:translate(-50% , 0 );
  
  z-index:-1;

	width:80px !important;
}
.gate.active{
  background-image: radial-gradient(circle at center center, #67bbe4 0%, #269dd9 54%, #7e7f81 54%, #7e7f81 56%, #8b8c8d 56%, #8b8c8d 63%, #727374 63%, #727374 65%, #7e7f81 65%, #656667 75%);
}
.gate:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 80%;
  left: 50%;
  transform: translateX(-50%) rotateX(-80deg);
  width: 40%;
  height: 40%;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 20vmin 10vmin rgba(0, 0, 0, 0.15);
}
.gate-address{
	padding:0;
	margin:0;
	

  opacity:0.95;
}
.chevron-display{
  color:rgba(185,185,185,1);
	display:block;
}
.chevron-display.active{
  color:rgba(255,255,255,1);
	
}
.glyphs {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: spin 10s linear infinite;
          animation: spin 10s linear infinite;
	-webkit-animation-play-state: paused;
          animation-play-state: paused;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	
	/*background-color:rgba(200,200,200,0.95);*/
	border-radius:100%;
}
.gate.dial-gate-1 > .glyphs{
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.gate.dial-gate-2 > .glyphs{
  -webkit-animation: spinback 10s linear infinite;
          animation: spinback 10s linear infinite;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.glyph {
  position: absolute;
  bottom: 50%;
  left: 50%;
  height: 43%;
  transform-origin: center bottom;
  font-size: 18px;
  font-weight:bolder;
  text-align: center;
  width: 6.5%;
  color: #4c4c4d;
  /*text-shadow: rgba(0, 0, 0, 0.4) 0 2px 2px;*/
}
.sg1 .glyph{
  width: 6.5%;	
  height: 43%;
}
.atlantis .glyph{
  width: 7.0%;	
  height: 43%;
}
.universe .glyph{
  width: 11.5%;	
  height: 43%;
}
.glyph:before {
	background-image:url("../images/stargate/texture.png");
}
.sg1 .glyph {
  font-family: "StargateSG1Glyphs", sans-serif !important;	
}
.atlantis .glyph {
  font-family: "StargateAtlantisGlyphs", sans-serif !important;	
}
.universe .glyph {
  font-family: "StargateUniverseGlyphs", sans-serif !important;	
}
/*
.glyph:nth-of-type(39n+1) {
  transform: translateX(-50%) rotate(0deg);
}
.glyph:nth-of-type(39n+2) {
  transform: translateX(-50%) rotate(9.2307692308deg);
}
.glyph:nth-of-type(39n+3) {
  transform: translateX(-50%) rotate(18.4615384615deg);
}
.glyph:nth-of-type(39n+4) {
  transform: translateX(-50%) rotate(27.6923076923deg);
}
.glyph:nth-of-type(39n+5) {
  transform: translateX(-50%) rotate(36.9230769231deg);
}
.glyph:nth-of-type(39n+6) {
  transform: translateX(-50%) rotate(46.1538461538deg);
}
.glyph:nth-of-type(39n+7) {
  transform: translateX(-50%) rotate(55.3846153846deg);
}
.glyph:nth-of-type(39n+8) {
  transform: translateX(-50%) rotate(64.6153846154deg);
}
.glyph:nth-of-type(39n+9) {
  transform: translateX(-50%) rotate(73.8461538462deg);
}
.glyph:nth-of-type(39n+10) {
  transform: translateX(-50%) rotate(83.0769230769deg);
}
.glyph:nth-of-type(39n+11) {
  transform: translateX(-50%) rotate(92.3076923077deg);
}
.glyph:nth-of-type(39n+12) {
  transform: translateX(-50%) rotate(101.5384615385deg);
}
.glyph:nth-of-type(39n+13) {
  transform: translateX(-50%) rotate(110.7692307692deg);
}
.glyph:nth-of-type(39n+14) {
  transform: translateX(-50%) rotate(120deg);
}
.glyph:nth-of-type(39n+15) {
  transform: translateX(-50%) rotate(129.2307692308deg);
}
.glyph:nth-of-type(39n+16) {
  transform: translateX(-50%) rotate(138.4615384615deg);
}
.glyph:nth-of-type(39n+17) {
  transform: translateX(-50%) rotate(147.6923076923deg);
}
.glyph:nth-of-type(39n+18) {
  transform: translateX(-50%) rotate(156.9230769231deg);
}
.glyph:nth-of-type(39n+19) {
  transform: translateX(-50%) rotate(166.1538461538deg);
}
.glyph:nth-of-type(39n+20) {
  transform: translateX(-50%) rotate(175.3846153846deg);
}
.glyph:nth-of-type(39n+21) {
  transform: translateX(-50%) rotate(184.6153846154deg);
}
.glyph:nth-of-type(39n+22) {
  transform: translateX(-50%) rotate(193.8461538462deg);
}
.glyph:nth-of-type(39n+23) {
  transform: translateX(-50%) rotate(203.0769230769deg);
}
.glyph:nth-of-type(39n+24) {
  transform: translateX(-50%) rotate(212.3076923077deg);
}
.glyph:nth-of-type(39n+25) {
  transform: translateX(-50%) rotate(221.5384615385deg);
}
.glyph:nth-of-type(39n+26) {
  transform: translateX(-50%) rotate(230.7692307692deg);
}
.glyph:nth-of-type(39n+27) {
  transform: translateX(-50%) rotate(240deg);
}
.glyph:nth-of-type(39n+28) {
  transform: translateX(-50%) rotate(249.2307692308deg);
}
.glyph:nth-of-type(39n+29) {
  transform: translateX(-50%) rotate(258.4615384615deg);
}
.glyph:nth-of-type(39n+30) {
  transform: translateX(-50%) rotate(267.6923076923deg);
}
.glyph:nth-of-type(39n+31) {
  transform: translateX(-50%) rotate(276.9230769231deg);
}
.glyph:nth-of-type(39n+32) {
  transform: translateX(-50%) rotate(286.1538461538deg);
}
.glyph:nth-of-type(39n+33) {
  transform: translateX(-50%) rotate(295.3846153846deg);
}
.glyph:nth-of-type(39n+34) {
  transform: translateX(-50%) rotate(304.6153846154deg);
}
.glyph:nth-of-type(39n+35) {
  transform: translateX(-50%) rotate(313.8461538462deg);
}
.glyph:nth-of-type(39n+36) {
  transform: translateX(-50%) rotate(323.0769230769deg);
}
.glyph:nth-of-type(39n+37) {
  transform: translateX(-50%) rotate(332.3076923077deg);
}
.glyph:nth-of-type(39n+38) {
  transform: translateX(-50%) rotate(341.5384615385deg);
}
.glyph:nth-of-type(39n+39) {
  transform: translateX(-50%) rotate(350.7692307692deg);
}
*/
.glyph:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 11%;
  border-right: 1px solid #7e7f81;
  transform: translateY(-28%) rotate(4.6153846154deg);
}

.sg1 .glyph:nth-of-type(39n+1){ transform: translateX(-50%) rotate(0); }
.sg1 .glyph:nth-of-type(39n+2){ transform: translateX(-50%) rotate(9.2307692307692deg); }
.sg1 .glyph:nth-of-type(39n+3){ transform: translateX(-50%) rotate(18.461538461538deg); }
.sg1 .glyph:nth-of-type(39n+4){ transform: translateX(-50%) rotate(27.692307692308deg); }
.sg1 .glyph:nth-of-type(39n+5){ transform: translateX(-50%) rotate(36.923076923077deg); }
.sg1 .glyph:nth-of-type(39n+6){ transform: translateX(-50%) rotate(46.153846153846deg); }
.sg1 .glyph:nth-of-type(39n+7){ transform: translateX(-50%) rotate(55.384615384615deg); }
.sg1 .glyph:nth-of-type(39n+8){ transform: translateX(-50%) rotate(64.615384615385deg); }
.sg1 .glyph:nth-of-type(39n+9){ transform: translateX(-50%) rotate(73.846153846154deg); }
.sg1 .glyph:nth-of-type(39n+10){ transform: translateX(-50%) rotate(83.076923076923deg); }
.sg1 .glyph:nth-of-type(39n+11){ transform: translateX(-50%) rotate(92.307692307692deg); }
.sg1 .glyph:nth-of-type(39n+12){ transform: translateX(-50%) rotate(101.53846153846deg); }
.sg1 .glyph:nth-of-type(39n+13){ transform: translateX(-50%) rotate(110.76923076923deg); }
.sg1 .glyph:nth-of-type(39n+14){ transform: translateX(-50%) rotate(120deg); }
.sg1 .glyph:nth-of-type(39n+15){ transform: translateX(-50%) rotate(129.23076923077deg); }
.sg1 .glyph:nth-of-type(39n+16){ transform: translateX(-50%) rotate(138.46153846154deg); }
.sg1 .glyph:nth-of-type(39n+17){ transform: translateX(-50%) rotate(147.69230769231deg); }
.sg1 .glyph:nth-of-type(39n+18){ transform: translateX(-50%) rotate(156.92307692308deg); }
.sg1 .glyph:nth-of-type(39n+19){ transform: translateX(-50%) rotate(166.15384615385deg); }
.sg1 .glyph:nth-of-type(39n+20){ transform: translateX(-50%) rotate(175.38461538462deg); }
.sg1 .glyph:nth-of-type(39n+21){ transform: translateX(-50%) rotate(184.61538461538deg); }
.sg1 .glyph:nth-of-type(39n+22){ transform: translateX(-50%) rotate(193.84615384615deg); }
.sg1 .glyph:nth-of-type(39n+23){ transform: translateX(-50%) rotate(203.07692307692deg); }
.sg1 .glyph:nth-of-type(39n+24){ transform: translateX(-50%) rotate(212.30769230769deg); }
.sg1 .glyph:nth-of-type(39n+25){ transform: translateX(-50%) rotate(221.53846153846deg); }
.sg1 .glyph:nth-of-type(39n+26){ transform: translateX(-50%) rotate(230.76923076923deg); }
.sg1 .glyph:nth-of-type(39n+27){ transform: translateX(-50%) rotate(240deg); }
.sg1 .glyph:nth-of-type(39n+28){ transform: translateX(-50%) rotate(249.23076923077deg); }
.sg1 .glyph:nth-of-type(39n+29){ transform: translateX(-50%) rotate(258.46153846154deg); }
.sg1 .glyph:nth-of-type(39n+30){ transform: translateX(-50%) rotate(267.69230769231deg); }
.sg1 .glyph:nth-of-type(39n+31){ transform: translateX(-50%) rotate(276.92307692308deg); }
.sg1 .glyph:nth-of-type(39n+32){ transform: translateX(-50%) rotate(286.15384615385deg); }
.sg1 .glyph:nth-of-type(39n+33){ transform: translateX(-50%) rotate(295.38461538462deg); }
.sg1 .glyph:nth-of-type(39n+34){ transform: translateX(-50%) rotate(304.61538461538deg); }
.sg1 .glyph:nth-of-type(39n+35){ transform: translateX(-50%) rotate(313.84615384615deg); }
.sg1 .glyph:nth-of-type(39n+36){ transform: translateX(-50%) rotate(323.07692307692deg); }
.sg1 .glyph:nth-of-type(39n+37){ transform: translateX(-50%) rotate(332.30769230769deg); }
.sg1 .glyph:nth-of-type(39n+38){ transform: translateX(-50%) rotate(341.53846153846deg); }
.sg1 .glyph:nth-of-type(39n+39){ transform: translateX(-50%) rotate(350.76923076923deg); }

.atlantis .glyph:nth-of-type(36n+1){ transform: translateX(-50%) rotate(0); }
.atlantis .glyph:nth-of-type(36n+2){ transform: translateX(-50%) rotate(10deg); }
.atlantis .glyph:nth-of-type(36n+3){ transform: translateX(-50%) rotate(20deg); }
.atlantis .glyph:nth-of-type(36n+4){ transform: translateX(-50%) rotate(30deg); }
.atlantis .glyph:nth-of-type(36n+5){ transform: translateX(-50%) rotate(40deg); }
.atlantis .glyph:nth-of-type(36n+6){ transform: translateX(-50%) rotate(50deg); }
.atlantis .glyph:nth-of-type(36n+7){ transform: translateX(-50%) rotate(60deg); }
.atlantis .glyph:nth-of-type(36n+8){ transform: translateX(-50%) rotate(70deg); }
.atlantis .glyph:nth-of-type(36n+9){ transform: translateX(-50%) rotate(80deg); }
.atlantis .glyph:nth-of-type(36n+10){ transform: translateX(-50%) rotate(90deg); }
.atlantis .glyph:nth-of-type(36n+11){ transform: translateX(-50%) rotate(100deg); }
.atlantis .glyph:nth-of-type(36n+12){ transform: translateX(-50%) rotate(110deg); }
.atlantis .glyph:nth-of-type(36n+13){ transform: translateX(-50%) rotate(120deg); }
.atlantis .glyph:nth-of-type(36n+14){ transform: translateX(-50%) rotate(130deg); }
.atlantis .glyph:nth-of-type(36n+15){ transform: translateX(-50%) rotate(140deg); }
.atlantis .glyph:nth-of-type(36n+16){ transform: translateX(-50%) rotate(150deg); }
.atlantis .glyph:nth-of-type(36n+17){ transform: translateX(-50%) rotate(160deg); }
.atlantis .glyph:nth-of-type(36n+18){ transform: translateX(-50%) rotate(170deg); }
.atlantis .glyph:nth-of-type(36n+19){ transform: translateX(-50%) rotate(180deg); }
.atlantis .glyph:nth-of-type(36n+20){ transform: translateX(-50%) rotate(190deg); }
.atlantis .glyph:nth-of-type(36n+21){ transform: translateX(-50%) rotate(200deg); }
.atlantis .glyph:nth-of-type(36n+22){ transform: translateX(-50%) rotate(210deg); }
.atlantis .glyph:nth-of-type(36n+23){ transform: translateX(-50%) rotate(220deg); }
.atlantis .glyph:nth-of-type(36n+24){ transform: translateX(-50%) rotate(230deg); }
.atlantis .glyph:nth-of-type(36n+25){ transform: translateX(-50%) rotate(240deg); }
.atlantis .glyph:nth-of-type(36n+26){ transform: translateX(-50%) rotate(250deg); }
.atlantis .glyph:nth-of-type(36n+27){ transform: translateX(-50%) rotate(260deg); }
.atlantis .glyph:nth-of-type(36n+28){ transform: translateX(-50%) rotate(270deg); }
.atlantis .glyph:nth-of-type(36n+29){ transform: translateX(-50%) rotate(280deg); }
.atlantis .glyph:nth-of-type(36n+30){ transform: translateX(-50%) rotate(290deg); }
.atlantis .glyph:nth-of-type(36n+31){ transform: translateX(-50%) rotate(300deg); }
.atlantis .glyph:nth-of-type(36n+32){ transform: translateX(-50%) rotate(310deg); }
.atlantis .glyph:nth-of-type(36n+33){ transform: translateX(-50%) rotate(320deg); }
.atlantis .glyph:nth-of-type(36n+34){ transform: translateX(-50%) rotate(330deg); }
.atlantis .glyph:nth-of-type(36n+35){ transform: translateX(-50%) rotate(340deg); }
.atlantis .glyph:nth-of-type(36n+36){ transform: translateX(-50%) rotate(350deg); }

.universe .glyph:nth-of-type(26n+1){ transform: translateX(-50%) rotate(0); }
.universe .glyph:nth-of-type(26n+2){ transform: translateX(-50%) rotate(13.846153846154deg); }
.universe .glyph:nth-of-type(26n+3){ transform: translateX(-50%) rotate(27.692307692308deg); }
.universe .glyph:nth-of-type(26n+4){ transform: translateX(-50%) rotate(41.538461538462deg); }
.universe .glyph:nth-of-type(26n+5){ transform: translateX(-50%) rotate(55.384615384615deg); }
.universe .glyph:nth-of-type(26n+6){ transform: translateX(-50%) rotate(69.230769230769deg); }
.universe .glyph:nth-of-type(26n+7){ transform: translateX(-50%) rotate(83.076923076923deg); }
.universe .glyph:nth-of-type(26n+8){ transform: translateX(-50%) rotate(96.923076923077deg); }
.universe .glyph:nth-of-type(26n+9){ transform: translateX(-50%) rotate(110.76923076923deg); }
.universe .glyph:nth-of-type(26n+10){ transform: translateX(-50%) rotate(124.61538461538deg); }
.universe .glyph:nth-of-type(26n+11){ transform: translateX(-50%) rotate(138.46153846154deg); }
.universe .glyph:nth-of-type(26n+12){ transform: translateX(-50%) rotate(152.30769230769deg); }
.universe .glyph:nth-of-type(26n+13){ transform: translateX(-50%) rotate(166.15384615385deg); }
.universe .glyph:nth-of-type(26n+14){ transform: translateX(-50%) rotate(180deg); }
.universe .glyph:nth-of-type(26n+15){ transform: translateX(-50%) rotate(193.84615384615deg); }
.universe .glyph:nth-of-type(26n+16){ transform: translateX(-50%) rotate(207.69230769231deg); }
.universe .glyph:nth-of-type(26n+17){ transform: translateX(-50%) rotate(221.53846153846deg); }
.universe .glyph:nth-of-type(26n+18){ transform: translateX(-50%) rotate(235.38461538462deg); }
.universe .glyph:nth-of-type(26n+19){ transform: translateX(-50%) rotate(249.23076923077deg); }
.universe .glyph:nth-of-type(26n+20){ transform: translateX(-50%) rotate(263.07692307692deg); }
.universe .glyph:nth-of-type(26n+21){ transform: translateX(-50%) rotate(276.92307692308deg); }
.universe .glyph:nth-of-type(26n+22){ transform: translateX(-50%) rotate(290.76923076923deg); }
.universe .glyph:nth-of-type(26n+23){ transform: translateX(-50%) rotate(304.61538461538deg); }
.universe .glyph:nth-of-type(26n+24){ transform: translateX(-50%) rotate(318.46153846154deg); }
.universe .glyph:nth-of-type(26n+25){ transform: translateX(-50%) rotate(332.30769230769deg); }
.universe .glyph:nth-of-type(26n+26){ transform: translateX(-50%) rotate(346.15384615385deg); }


.sg1 .glyph:before {transform: translateY(-28%) rotate(4.6153846154deg);}
.atlantis .glyph:before {transform: translateY(-28%) rotate(5deg);}
.universe .glyph:before {transform: translateY(-28%) rotate(6.923076923077deg);}

.chevrons, .chevronInners {
  position: absolute;
  top: -1%;
  left: -1%;
  width: 102%;
  height: 102%;
  border-radius: 100%;
  overflow: hidden;
}

.chevron, .chevronInner {
  position: absolute;
  bottom: 50%;
  left: 50%;
  width: 8vmin;
  transform-origin: center bottom;
  border: 3vmin transparent solid;
  border-bottom: 26vmin transparent solid;
  border-top: 5vmin #909192 solid;
  filter: drop-shadow(0 0.5vmin 0.5vmin rgba(0, 0, 0, 0.2));
}
.chevron:nth-of-type(9n+1), .chevronInner:nth-of-type(9n+1) {
  transform: translateX(-50%) rotate(0deg);
}
.chevron:nth-of-type(9n+2), .chevronInner:nth-of-type(9n+2) {
  transform: translateX(-50%) rotate(40deg);
}
.chevron:nth-of-type(9n+3), .chevronInner:nth-of-type(9n+3) {
  transform: translateX(-50%) rotate(80deg);
}
.chevron:nth-of-type(9n+4), .chevronInner:nth-of-type(9n+4) {
  transform: translateX(-50%) rotate(120deg);
}
.chevron:nth-of-type(9n+5), .chevronInner:nth-of-type(9n+5) {
  transform: translateX(-50%) rotate(160deg);
}
.chevron:nth-of-type(9n+6), .chevronInner:nth-of-type(9n+6) {
  transform: translateX(-50%) rotate(200deg);
}
.chevron:nth-of-type(9n+7), .chevronInner:nth-of-type(9n+7) {
  transform: translateX(-50%) rotate(240deg);
}
.chevron:nth-of-type(9n+8), .chevronInner:nth-of-type(9n+8) {
  transform: translateX(-50%) rotate(280deg);
}
.chevron:nth-of-type(9n+9), .chevronInner:nth-of-type(9n+9) {
  transform: translateX(-50%) rotate(320deg);
}
.chevron:before, .chevronInner:before, .chevron:after, .chevronInner:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2.2vmin;
  background: #B17900;
  box-shadow: none;
  width: 100%;
  height: 2vmin;
  transform: translateX(1.2vmin) skewX(-30deg);
  
  -webkit-transition: background 0.5s ease-out;
  -moz-transition: background 0.5s ease-out;
  -o-transition: background 0.5s ease-out;
  transition: background 0.5s ease-out;
}

.stargate-sg1 .chevron:before, .stargate-sg1 .chevronInner:before, .stargate-sg1 .chevron:after, .stargate-sg1 .chevronInner:after{	
  background: #B17900;
}

.stargate-sg1 .chevron.active:before, .stargate-sg1 .chevronInner.active:before, .stargate-sg1 .chevron.active:after, .stargate-sg1 .chevronInner.active:after {
  background: #ffd942;
  box-shadow: 0 0 0.8vmin #e65e1a inset, 0 0 0.8vmin #e65e1a;
}

.stargate-atlantis .chevron:before, .stargate-atlantis .chevronInner:before, .stargate-atlantis .chevron:after, .stargate-atlantis .chevronInner:after{	
  background: #00329C;
}

.stargate-atlantis .chevron.active:before, .stargate-atlantis .chevronInner.active:before, .stargate-atlantis .chevron.active:after, .stargate-atlantis .chevronInner.active:after {
  background: #00C8DC;
  box-shadow: 0 0 0.8vmin #0082DC inset, 0 0 0.8vmin #0082DC;
}
.stargate-universe .chevron:before, .stargate-universe .chevronInner:before, .stargate-universe .chevron:after, .stargate-universe .chevronInner:after{	
  background: #888888;
}

.stargate-universe .chevron.active:before, .stargate-universe .chevronInner.active:before, .stargate-universe .chevron.active:after, .stargate-universe .chevronInner.active:after {
  background: #FFFFFF;
  box-shadow: 0 0 0.8vmin #C9FCFF inset, 0 0 0.8vmin #C9FCFF;
}


.glyphs.sg1 .active {
	color:#ffd942;
}
.glyphs.atlantis .active {
	color:#00C8DC;
}
.glyphs.universe .active {
	color:#FFFFFF;
}
.glyphs.sg1,
.glyphs.atlantis,
.glyphs.universe {
	visibility:hidden;
}
.stargate-sg1 .glyphs.sg1,
.stargate-atlantis .glyphs.atlantis,
.stargate-universe .glyphs.universe {
	visibility:visible;
}
.chevron:after, .chevronInner:after {
  transform: translateX(-1.2vmin) skewX(30deg);
}

.chevronInners {
  top: -2%;
  left: -2%;
  width: 104%;
  height: 105%;
}

.chevronInner {
  width: 6vmin;
  border-left-width: 2.5vmin;
  border-right-width: 2.5vmin;
  border-bottom-width: 27.5vmin;
  filter: drop-shadow(0 0.5vmin 0 #727374);
}
.chevronInner:before {
  left: 50%;
  width: 230%;
  bottom: 2.8vmin;
  transform: translateX(-50%);
  border-radius: 0.4vmin;
}
.chevronInner:after {
  display: none;
}

.stargate-sg1 .gate,
.stargate-sg1 .gate-address,
.stargate-sg1-glyph {
  font-family: "StargateSG1Glyphs", sans-serif !important;
}
.stargate-atlantis .gate,
.stargate-atlantis .gate-address,
.stargate-atlantis-glyph {
  font-family: "StargateAtlantisGlyphs", sans-serif !important;
}
.stargate-universe .gate,
.stargate-universe .gate-address,
.stargate-universe-glyph {
  font-family: "StargateUniverseGlyphs", sans-serif !important;
}
.stargate-ancient .gate,
.stargate-ancient .gate-address,
.stargate-ancient-text {
  font-family: "StargateAncientText", sans-serif !important;
}
.chevron-display{
	height:64px;
	width:64px;
	line-height:64px;
	font-size:26px;
	font-weight:bolder;
	display:inline-block;
	
	overflow:hidden;
}
.chevron-display:nth-child(7){
	border-color:red !important;
	background-color:rgb(78,0,0);
}
#theme-name{
	font-family:"Lucida Handwriting", sans-serif !important;
	font-size:64px;
  position: fixed;
  top:55%;
  left:50%;
  transform:translate(-50%, -50%);
  
  text-shadow: rgba(0,0,0,0.75) 0 0 5px;
}
@media only screen and (max-width: 1200px) { 
	.glyph{
		font-size:16px;
	}
}
@media only screen and (max-width: 1000px) { 
	.glyph{
		font-size:14px;
	}
}

@media only screen and (max-width: 800px) { 
	.glyph{
		font-size:12px;
	}
	.chevron-display{
		height:32px;
		width:32px;
		line-height:32px;
		font-size:16px;
	}
}
@media only screen and (max-width: 600px) { 
	.glyph{
		font-size:10px;
	}
	.chevron-display{
		height:32px;
		width:32px;
		line-height:32px;
		font-size:16px;
	}
}
@media only screen and (max-width: 400px) { 
	.glyph{
		font-size:8px;
	}
	.chevron-display{
		height:32px;
		width:32px;
		line-height:32px;
		font-size:16px;
	}
}
@-webkit-keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spinback {
  to {
    transform: rotate(-360deg);
  }
}

@keyframes spinback {
  to {
    transform: rotate(-360deg);
  }
}
/* Font Data */

@font-face {
    font-family: 'StargateSG1Glyphs';
	src:url("../fonts/stargate-sg1-glyphs.tff") format('ttf');
	src:url("../fonts/stargate-sg1-glyphs.woff") format('woff');
    font-weight: normal;
    font-style: normal;	
}
@font-face {
    font-family: 'StargateAtlantisGlyphs';
	src:url("../fonts/stargate-atlantis-glyphs.tff") format('ttf');
	src:url("../fonts/stargate-atlantis-glyphs.woff") format('woff');
    font-weight: normal;
    font-style: normal;	
}
@font-face {
    font-family: 'StargateUniverseGlyphs';
	src:url("../fonts/stargate-universe-glyphs.tff") format('ttf');
	src:url("../fonts/stargate-universe-glyphs.woff") format('woff');
    font-weight: normal;
    font-style: normal;	
}
@font-face {
    font-family: 'StargateAncientText';
	src:url("../fonts/Stargate-Ancient-Text.tff") format('ttf');
	src:url("../fonts/Stargate-Ancient-Text.woff") format('woff');
    font-weight: normal;
    font-style: normal;	
}