/*NyoSCSS Tuesday May 20, 2014 02:42:18 AM*/

#cssspin {
  cursor: pointer;
  width: 5px;
  height: 5px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 20;
}
#cssspin.csson {
  -webkit-animation: rotation 0.6s infinite linear;
  -moz-animation: rotation 0.6s infinite linear;
  -o-animation: rotation 0.6s infinite linear;
  animation: rotation 0.6s infinite linear;
  border-left: 8px solid rgba(0, 174, 239, 0.15);
  border-right: 8px solid rgba(0, 174, 239, 0.15);
  border-bottom: 8px solid rgba(0, 174, 239, 0.15);
  border-top: 8px solid rgba(0, 174, 239, 0.8);
}
#cssspin.cssoff {
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: none;
  border: 8px solid rgba(0, 174, 239, 0.15);
}
@media screen and (min-width: 320px) and (max-width: 480px) {
  #cssspin.cssoff {
    border: 10px solid rgba(255, 255, 0, 0.15);
  }
}
@media screen and (min-width: 480px) and (max-width: 768px) {
  #cssspin.cssoff {
    border: 10px solid rgba(0, 0, 255, 0.15);
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #cssspin.cssoff {
    border: 10px solid rgba(0, 128, 0, 0.15);
  }
}
@media screen and (min-width: 1024px) {
  #cssspin.cssoff {
    border: 10px solid rgba(255, 0, 0, 0.15);
  }
}
@media screen and (min-width: 480px) and (max-width: 560px) {
  #cssspin.cssoff {
    border: 10px solid rgba(128, 0, 128, 0.15);
  }
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-moz-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@font-face {
  font-family: Dead;
  src: url("fonts/DeadFontWalking.otf") format("opentype");
}
@font-face {
  font-family: Fanwood;
  font-style: normal;
  src: url("fonts/Fanwood.otf") format("opentype");
}
@font-face {
  font-family: Fanwood;
  font-style: italic;
  src: url("fonts/Fanwood-Italic.otf") format("opentype");
}
@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: local("Lobster"), url(http://themes.googleusercontent.com/static/fonts/lobster/v8/9eID_a1kLfzp_BP9s4L15g.woff) format("woff");
}
@font-face {
  font-family: 'Domine';
  font-style: normal;
  font-weight: 700;
  src: local("Domine Bold"), local("Domine-Bold"), url(http://themes.googleusercontent.com/static/fonts/domine/v2/BmiPqZorq0QiT-p6kf1paT8E0i7KZn-EPnyo3HZu7kw.woff) format("woff");
}
body {
  background-color: #1D0A2A;
  background-image: url("../img/dotted_bg.png");
  background-repeat: repeat-x;
}

.logo {
  position: relative;
  top: 5px;
  width: 250px;
  margin-right: auto;
  margin-left: auto;
}
.logo .video {
  display: none;
}
.logo canvas.buffer {
  display: none;
}

.title {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  color: #fff;
  width: 100%;
  top: 50px;
  text-align: center;
}
.title .big1 {
  color: #fff;
  font-family: Dead;
  font-style: normal;
  font-weight: 900;
  font-size: 80px;
  text-shadow: 5px 5px 0 #0d0d0d;
  text-transform: uppercase;
  z-index: 0;
}
.title .big2 {
  color: #A77D33;
  font-family: Lobster;
  font-style: normal;
  font-weight: 900;
  font-size: 50px;
  margin-top: -120px;
  margin-left: -300px;
  z-index: 5;
}
.title .big3 {
  margin-top: 34px;
  margin-left: 300px;
  position: relative;
  color: #fff;
  height: 100px;
  font-family: Domine;
  font-style: normal;
  font-weight: 900;
  font-size: 70px;
  cursor: pointer;
}
.title .big3 span {
  transition: all 0.2s ease 0.1s;
  -moz-transition: all 0.2s ease 0.1s;
  -ms-transition: all 0.2s ease 0.1s;
  -o-transition: all 0.2s ease 0.1s;
  -webkit-transition: all 0.2s ease 0.1s;
}
.title .big3 .char1 {
  color: #1C67A0;
  -webkit-transform: translate(-40px, 0px);
  -moz-transform: translate(-40px, 0px);
  -ms-transform: translate(-40px, 0px);
  -o-transform: translate(-40px, 0px);
  transform: translate(-40px, 0px);
  position: absolute;
}
.title .big3 .char1:hover {
  -webkit-transform: translate(-40px, 0px) rotate(10deg);
  -moz-transform: translate(-40px, 0px) rotate(10deg);
  -ms-transform: translate(-40px, 0px) rotate(10deg);
  -o-transform: translate(-40px, 0px) rotate(10deg);
  transform: translate(-40px, 0px) rotate(10deg);
}
.title .big3 .char2 {
  color: #1FAA33;
  -webkit-transform: translate(0px, -25px);
  -moz-transform: translate(0px, -25px);
  -ms-transform: translate(0px, -25px);
  -o-transform: translate(0px, -25px);
  transform: translate(0px, -25px);
  position: absolute;
}
.title .big3 .char2:hover {
  -webkit-transform: translate(0px, -25px) rotate(-5deg);
  -moz-transform: translate(0px, -25px) rotate(-5deg);
  -ms-transform: translate(0px, -25px) rotate(-5deg);
  -o-transform: translate(0px, -25px) rotate(-5deg);
  transform: translate(0px, -25px) rotate(-5deg);
}
.title .big3 .char3 {
  color: #B22222;
  -webkit-transform: translate(40px, 0px);
  -moz-transform: translate(40px, 0px);
  -ms-transform: translate(40px, 0px);
  -o-transform: translate(40px, 0px);
  transform: translate(40px, 0px);
  position: absolute;
}
.title .big3 .char3:hover {
  -webkit-transform: translate(40px, 0px) rotate(-10deg);
  -moz-transform: translate(40px, 0px) rotate(-10deg);
  -ms-transform: translate(40px, 0px) rotate(-10deg);
  -o-transform: translate(40px, 0px) rotate(-10deg);
  transform: translate(40px, 0px) rotate(-10deg);
}

.text {
  text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.5);
  font-family: Fanwood;
  font-style: normal;
  font-weight: 600;
  font-size: 23px;
  color: white;
  width: 800px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
.text .longtext {
  pointer-events: none;
}
.text .longtext .first {
  font-family: Fanwood;
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  color: #D367ED;
}
.text .longtext .no {
  position: relative;
  box-shadow: inset 0 0 10px black;
  margin-right: 53px;
}
.text .longtext .no div {
  font-family: Fanwood;
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
  color: #B22222;
  top: -5px;
  left: 0px;
  position: absolute;
}
.text .features {
  pointer-events: none;
}
.text .features ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.text .features ul li {
  padding-left: 1em;
  text-indent: -1em;
}
.text .features ul li:before {
  content: "\2726";
  color: #A64FBC;
  padding-right: 5px;
}
.text .features .com {
  display: inline-block;
  margin-left: 25px;
  font-family: Fanwood;
  font-style: italic;
  font-weight: 600;
  font-size: 25px;
  color: #1FAA33;
}
.text .commands {
  pointer-events: none;
}
.text .commands ul {
  list-style: none;
  padding-left: 0;
}
.text .commands ul li {
  padding-left: 1em;
  text-indent: -1em;
}
.text .commands ul li:before {
  content: "\2726";
  color: #1C67A0;
  padding-right: 5px;
}
.text .commands .com {
  display: inline-block;
  margin-left: 25px;
  font-family: Fanwood;
  font-style: italic;
  font-weight: 600;
  font-size: 25px;
  color: #1FAA33;
}
.text .commands .desc {
  display: inline-block;
  margin-left: 25px;
  font-family: Fanwood;
  font-style: normal;
  font-weight: 600;
  font-size: 23px;
}
.text .ip {
  width: 100%;
  padding-bottom: 100px;
  border-bottom: solid 1px black;
}
.text .ip .address {
  font-family: Fanwood;
  font-style: italic;
  font-weight: 600;
  font-size: 23px;
  transition: all 0.5s ease 0.3s;
  -moz-transition: all 0.5s ease 0.3s;
  -ms-transition: all 0.5s ease 0.3s;
  -o-transition: all 0.5s ease 0.3s;
  -webkit-transition: all 0.5s ease 0.3s;
  cursor: pointer;
  display: inline-block;
  margin-left: 10px;
  color: #1B745E;
}
.text .ip .address:hover {
  color: #7227a6;
}
.text .footer {
  pointer-events: none;
  width: 100%;
  height: 150px;
  text-align: right;
  border-top: solid 1px #391453;
  font-family: Fanwood;
  font-style: italic;
  font-weight: 600;
  font-size: 23px;
}
.text .footer .nyo {
  font-family: Fanwood;
  font-style: italic;
  font-weight: 600;
  font-size: 26px;
  transition: all 0.5s ease 0.3s;
  -moz-transition: all 0.5s ease 0.3s;
  -ms-transition: all 0.5s ease 0.3s;
  -o-transition: all 0.5s ease 0.3s;
  -webkit-transition: all 0.5s ease 0.3s;
  cursor: pointer;
  color: #6fb3e6;
}
.text .footer .nyo:hover {
  color: #7227a6;
}

.imageSet {
  z-index: -1;
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px;
}
.imageSet .imgS {
  position: absolute;
  width: 150px;
  left: 80px;
  height: 150px;
}
.imageSet .img1 {
  top: 10px;
  left: 80px;
}
.imageSet .img2 {
  top: 80px;
  left: 80px;
}
.imageSet .imgBChest1 {
  position: relative;
  top: 80px;
  left: 30%;
}
.imageSet .imgBChest2 {
  top: 200px;
  left: 60%;
}
.imageSet .imgBody {
  width: 125px;
  height: 208px;
  top: 350px;
  left: 75%;
}
.imageSet .imgArmor {
  width: 75px;
  height: 148px;
  top: 350px;
  left: 65%;
}
.imageSet .imgTurret {
  width: 75px;
  height: 150px;
  top: 515px;
  left: 65%;
}
.imageSet .img1 {
  top: 0px;
  left: calc(3% + 135px);
}
.imageSet .img2 {
  top: 135px;
  left: calc(3% + 0px);
}
.imageSet .img3 {
  top: 270px;
  left: calc(3% + 135px);
}
.imageSet .img4 {
  top: 405px;
  left: calc(3% + 0px);
}
.imageSet .img5 {
  top: 540px;
  left: calc(3% + 135px);
}
.imageSet .img6 {
  top: 675px;
  left: calc(3% + 0px);
}
.imageSet .img7 {
  top: 810px;
  left: calc(3% + 135px);
}
.imageSet .img8 {
  top: 945px;
  left: calc(3% + 0px);
}
.imageSet .img9 {
  top: 1080px;
  left: calc(3% + 135px);
}
.imageSet .img10 {
  top: 1215px;
  left: calc(3% + 0px);
}
.imageSet .img11 {
  top: 1350px;
  left: calc(3% + 135px);
}
.imageSet .img12 {
  top: 1485px;
  left: calc(3% + 0px);
}
.imageSet .img13 {
  top: 1620px;
  left: calc(3% + 135px);
}
.imageSet .img14 {
  top: 1755px;
  left: calc(3% + 0px);
}
.imageSet .img15 {
  top: 0px;
  left: calc(97% - 270px);
}
.imageSet .img16 {
  top: 135px;
  left: calc(97% - 135px);
}
.imageSet .img17 {
  top: 270px;
  left: calc(97% - 270px);
}
.imageSet .img18 {
  top: 405px;
  left: calc(97% - 135px);
}
.imageSet .img19 {
  top: 540px;
  left: calc(97% - 270px);
}
.imageSet .img20 {
  top: 675px;
  left: calc(97% - 135px);
}
.imageSet .img21 {
  top: 810px;
  left: calc(97% - 270px);
}
.imageSet .img22 {
  top: 945px;
  left: calc(97% - 135px);
}
.imageSet .img23 {
  top: 1080px;
  left: calc(97% - 270px);
}
.imageSet .img24 {
  top: 1215px;
  left: calc(97% - 135px);
}
.imageSet .img25 {
  top: 1350px;
  left: calc(97% - 270px);
}
.imageSet .img26 {
  top: 1485px;
  left: calc(97% - 135px);
}
.imageSet .img27 {
  top: 1620px;
  left: calc(97% - 270px);
}
.imageSet .img28 {
  top: 1755px;
  left: calc(97% - 135px);
}

.paypal {
  width: 150px;
  height: 150px;
  position: absolute;
  top: 750px;
  left: 65%;
  cursor: pointer;
}
.paypal form {
  position: absolute;
  bottom: -30px;
  left: 0;
  z-index: 2;
  transition: all 0.5s ease 0.3s;
  -moz-transition: all 0.5s ease 0.3s;
  -ms-transition: all 0.5s ease 0.3s;
  -o-transition: all 0.5s ease 0.3s;
  -webkit-transition: all 0.5s ease 0.3s;
}
.paypal .imgBDonation {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
  z-index: -1;
  transition: all 0.5s ease 0.3s;
  -moz-transition: all 0.5s ease 0.3s;
  -ms-transition: all 0.5s ease 0.3s;
  -o-transition: all 0.5s ease 0.3s;
  -webkit-transition: all 0.5s ease 0.3s;
}

.Dpacks {
  position: absolute;
  width: 200px;
  margin-left: -100px;
  left: 50%;
}

.Dbutton {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
  position: relative;
  font-size: 1.5em;
  text-transform: uppercase;
  padding: 7px 20px;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: 10px;
  margin-bottom: 0px;
  border-radius: 10px;
  color: white;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.8);
  border: 5px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.35);
  background: #5500ff;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  animation: pulse 1s infinite alternate;
  transition: background 0.4s, border 0.2s, margin 0.2s;
}
.Dbutton:hover {
  background: #3377ff;
  margin-top: -2px;
  margin-bottom: 8px;
  animation: none;
}
.Dbutton:active {
  border-bottom-width: 0;
  margin-top: 5px;
  margin-bottom: 15px;
}

@keyframes pulse {
  0% {
    margin-top: 0px;
  }

  100% {
    margin-top: 6px;
  }
}